refactor: remove console and fix some docs type issues

README.md

@@ -119,7 +119,8 @@ When issues are reported, they are triaged by the Pillar-ui team to ensure that
 
 Pull requests are welcome and should follow the guidelines outlined in the CONTRIBUTING.md file. Once a pull request is submitted, it is reviewed by the Pillar-ui team, who will provide feedback and suggest any necessary changes. Once the pull request is approved, it will be merged into the main branch and included in the next release.
 
-Releases
+## Releases
+
 Pillar-ui releases are managed using Semantic Versioning. When a new release is ready, the team will create a release branch and begin the process of testing and preparing the release. Once the release has been thoroughly tested and is ready for deployment, it will be merged into the main branch and published to NPM.
 
 ## Roadmap
@@ -134,6 +135,8 @@ You can sponsor the project on GitHub Sponsors. GitHub Sponsors is a platform th
 
 Alternatively, you can also support the project by contributing code, reporting issues, and spreading the word about it. Every little bit helps and we appreciate all contributions, big and small.
 
+[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/Y8Y210RGNC)
+
 Thank you for considering sponsoring Pillar-ui!
 
 ## License

apps/docs/src/api/docs.ts

@@ -105,9 +105,7 @@ export function getTutorials() {
 }
 
 export function getTutorialBySlug(s: string) {
-  const a = getTutorials().find(({ slug }) => slug === s)
-  console.log('this is the value of tutorial', a, 'and this is the value of slug', s)
-  return a
+  return getTutorials().find(({ slug }) => slug === s)
 }
 
 export function getFeatures() {

apps/docs/src/app/_components/docHeader/index.tsx

@@ -45,7 +45,7 @@ export const DocHeader = ({ title, type, items, root, excerpt, slug, directory }
       <Flex gap="sm" wrap>
         <Button
           as="a"
-          href={`https://github.com/HamzaAmar/pillar-ui/blob/main/packages/${root}/${directory}`}
+          href={`https://github.com/HamzaAmar/pillar-ui/b/main/packages/${root}/${directory}`}
           target="_blank"
           color="bg"
           icon={<Github strokeWidth={2} />}

apps/docs/src/app/_components/playground/avatar/avatar.tsx

@@ -87,17 +87,17 @@ export const AvatarCorners = () => {
         <Avatar corner="lg" title="Hello" />
         <Avatar corner="xl" title="Hello" />
         <Avatar corner="full" title="Hello" />
-        <Avatar corner="blob-1" title="Hello" />
-        <Avatar corner="blob-2" title="Hello" />
-        <Avatar corner="blob-3" title="Hello" />
-        <Avatar corner="blob-4" title="Hello" />
-        <Avatar corner="blob-5" title="Hello" />
-        <Avatar corner="hand-1" title="Hello" />
-        <Avatar corner="hand-2" title="Hello" />
-        <Avatar corner="hand-3" title="Hello" />
-        <Avatar corner="hand-4" title="Hello" />
-        <Avatar corner="hand-5" title="Hello" />
-        <Avatar corner="hand-6" title="Hello" />
+        <Avatar corner="b-1" title="Hello" />
+        <Avatar corner="b-2" title="Hello" />
+        <Avatar corner="b-3" title="Hello" />
+        <Avatar corner="b-4" title="Hello" />
+        <Avatar corner="b-5" title="Hello" />
+        <Avatar corner="h-1" title="Hello" />
+        <Avatar corner="h-2" title="Hello" />
+        <Avatar corner="h-3" title="Hello" />
+        <Avatar corner="h-4" title="Hello" />
+        <Avatar corner="h-5" title="Hello" />
+        <Avatar corner="h-6" title="Hello" />
       </Flex>
       <Flex gap="xs" items="center">
         <Avatar corner="sharp" image={image} title="Hello" />
@@ -107,17 +107,17 @@ export const AvatarCorners = () => {
         <Avatar corner="lg" image={image} title="Hello" />
         <Avatar corner="xl" image={image} title="Hello" />
         <Avatar corner="full" image={image} title="Hello" />
-        <Avatar corner="blob-1" image={image} title="Hello" />
-        <Avatar corner="blob-2" image={image} title="Hello" />
-        <Avatar corner="blob-3" image={image} title="Hello" />
-        <Avatar corner="blob-4" image={image} title="Hello" />
-        <Avatar corner="blob-5" image={image} title="Hello" />
-        <Avatar corner="hand-1" image={image} title="Hello" />
-        <Avatar corner="hand-2" image={image} title="Hello" />
-        <Avatar corner="hand-3" image={image} title="Hello" />
-        <Avatar corner="hand-4" image={image} title="Hello" />
-        <Avatar corner="hand-5" image={image} title="Hello" />
-        <Avatar corner="hand-6" image={image} title="Hello" />
+        <Avatar corner="b-1" image={image} title="Hello" />
+        <Avatar corner="b-2" image={image} title="Hello" />
+        <Avatar corner="b-3" image={image} title="Hello" />
+        <Avatar corner="b-4" image={image} title="Hello" />
+        <Avatar corner="b-5" image={image} title="Hello" />
+        <Avatar corner="h-1" image={image} title="Hello" />
+        <Avatar corner="h-2" image={image} title="Hello" />
+        <Avatar corner="h-3" image={image} title="Hello" />
+        <Avatar corner="h-4" image={image} title="Hello" />
+        <Avatar corner="h-5" image={image} title="Hello" />
+        <Avatar corner="h-6" image={image} title="Hello" />
       </Flex>
     </Paper>
   )

apps/docs/src/app/_components/playground/paper/paper.tsx

@@ -252,38 +252,38 @@ export const PaperCorners = () => {
         full
       </Paper>
 
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="blob-1">
-        B Blob 1
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="b-1">
+        B b 1
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="blob-2">
-        Blob 2
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="b-2">
+        b 2
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="blob-3">
-        Blob 3
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="b-3">
+        b 3
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="blob-4">
-        Blob 4
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="b-4">
+        b 4
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="blob-5">
-        Blob 5
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="b-5">
+        b 5
       </Paper>
 
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="hand-1">
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="h-1">
         Hand 1
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="hand-2">
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="h-2">
         Hand 2
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="hand-3">
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="h-3">
         Hand 3
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="hand-4">
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="h-4">
         Hand 4
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="hand-5">
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="h-5">
         Hand 5
       </Paper>
-      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="hand-6">
+      <Paper className="u_center" p="xs" background="bg-5" width="25-char" ratio="square" corner="h-6">
         Hand 6
       </Paper>
     </Paper>

apps/docs/src/app/docs/utils/[slug]/page.tsx

@@ -17,7 +17,6 @@ export async function generateStaticParams() {
 
 export default function Blog({ params }: SlugParamsProps) {
   const util = getUtilBySlug(params.slug)
-  console.log('this is the value of the util', util)
   if (!util) notFound()
   const { content, headings, ...rest } = util
 

apps/docs/src/utils/slug.ts

@@ -1,6 +1,5 @@
 export function toSlug(str: string): string {
   if (str === 'useDirection') {
-    console.log('this is the value of the str', str, typeof str, str.trim().length, !str, str.trim().length === 0)
   }
   if (!str || str.trim().length === 0) return ''
   return str

packages/pillar-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pillar-ui/core",
   "version": "0.8.1",
-  "description": "A collection of reusable UI components for modern web development. These components follow best practices, are highly customizable, and promote a consistent user experience across applications.",
+  "description": "@pillar-ui/core is a lightweight and comprehensive UI component library packed with reusable and customizable UI components designed for modern web development. Our components adhere to best practices, ensuring a consistent and accessible user experience across your applications, without sacrificing performance.",
   "author": {
     "name": "Hamza Miloud Amar",
     "email": "[email protected]"
@@ -23,6 +23,7 @@
     "directory": "packages/pillar-core"
   },
   "bugs": "https://github.com/HamzaAmar/pillar-ui/issues",
+  "homepage": "https://www.pillar-ui.com/",
   "exports": {
     ".": {
       "require": "./dist/index.js",

packages/pillar-hooks/package.json

@@ -26,6 +26,7 @@
     "url": "https://github.com/HamzaAmar/pillar-ui",
     "directory": "packages/pillar-hooks"
   },
+  "homepage": "https://www.pillar-ui.com/",
   "bugs": "https://github.com/HamzaAmar/pillar-ui/issues",
   "exports": {
     ".": {

packages/pillar-icons/package.json

@@ -24,6 +24,7 @@
     "url": "https://github.com/HamzaAmar/pillar-ui",
     "directory": "packages/pillar-icons"
   },
+  "homepage": "https://www.pillar-ui.com/",
   "bugs": "https://github.com/HamzaAmar/pillar-ui/issues",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

packages/pillar-utils/package.json

@@ -25,6 +25,7 @@
     "url": "https://github.com/HamzaAmar/pillar-ui",
     "directory": "packages/pillar-utils"
   },
+  "homepage": "https://www.pillar-ui.com/",
   "bugs": "https://github.com/HamzaAmar/pillar-ui/issues",
   "author": {
     "name": "Hamza Miloud Amar",