gladvn 0.2.19 → 0.2.21

package/src/dev/showcase/sonner.tsx

@@ -8,8 +8,7 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 
 // Simulated async operation for Promise demo
 const mockSave = () =>
@@ -39,8 +38,7 @@ function SonnerMicroShowcase() {
 // Default
 toast("Event has been created", {
   description: "Sunday, December 03, 2023 at 9:00 AM",
-  action: { label: "Undo", onClick: () => console.log("Undo") },
-});
+  action: { label: "Undo", onClick: () => console.log("Undo") } });
 
 // Typed variants
 toast.success("Successfully saved!");
@@ -54,8 +52,7 @@ toast.info("Update is available.");`}
             onClick={() =>
               toast("Event has been created", {
                 description: "Sunday, December 03, 2023 at 9:00 AM",
-                action: { label: "Undo", onClick: () => console.log("Undo") },
-              })
+                action: { label: "Undo", onClick: () => console.log("Undo") } })
             }
           >
             Default
@@ -99,13 +96,10 @@ toast.info("Update is available.");`}
   description: "draft-v2.docx has been moved to trash.",
   action: {
     label: "Undo",
-    onClick: () => console.log("Undo delete"),
-  },
+    onClick: () => console.log("Undo delete") },
   cancel: {
     label: "Dismiss",
-    onClick: () => {},
-  },
-});`}
+    onClick: () => {} } });`}
       >
         <div className="flex flex-wrap gap-2">
           <Button
@@ -115,13 +109,10 @@ toast.info("Update is available.");`}
                 description: "draft-v2.docx has been moved to trash.",
                 action: {
                   label: "Undo",
-                  onClick: () => console.log("Undo delete"),
-                },
+                  onClick: () => console.log("Undo delete") },
                 cancel: {
                   label: "Dismiss",
-                  onClick: () => {},
-                },
-              })
+                  onClick: () => {} } })
             }
           >
             File Deleted (with Action)
@@ -130,8 +121,7 @@ toast.info("Update is available.");`}
             variant="outline"
             onClick={() =>
               toast.success("Profile updated", {
-                description: "Your changes have been saved successfully.",
-              })
+                description: "Your changes have been saved successfully." })
             }
           >
             Success with Description
@@ -152,8 +142,7 @@ toast.info("Update is available.");`}
 toast.promise(saveData(), {
   loading: "Đang lưu...",
   success: (data) => \`Đã lưu \${data.name} thành công!\`,
-  error: "Lưu thất bại!",
-});`}
+  error: "Lưu thất bại!" });`}
         >
           <Button
             variant="outline"
@@ -161,8 +150,7 @@ toast.promise(saveData(), {
               toast.promise(mockSave(), {
                 loading: "Đang lưu...",
                 success: (data) => `Đã lưu ${data.name} thành công!`,
-                error: "Lưu thất bại!",
-              })
+                error: "Lưu thất bại!" })
             }
           >
             Promise (Success)
@@ -180,8 +168,7 @@ toast.promise(saveData(), {
 toast.promise(failRequest(), {
   loading: "Đang gửi yêu cầu...",
   success: "Yêu cầu thành công!",
-  error: "Yêu cầu thất bại!",
-});`}
+  error: "Yêu cầu thất bại!" });`}
         >
           <Button
             variant="outline"
@@ -190,8 +177,7 @@ toast.promise(failRequest(), {
               toast.promise(mockFail(), {
                 loading: "Đang gửi yêu cầu...",
                 success: "Yêu cầu thành công!",
-                error: "Yêu cầu thất bại!",
-              })
+                error: "Yêu cầu thất bại!" })
             }
           >
             Promise (Error)
@@ -265,8 +251,7 @@ toast.dismiss(toastId);`}
               onClick={() =>
                 toast("Toast: top-left", {
                   description: 'position="top-left"',
-                  position: "top-left",
-                })
+                  position: "top-left" })
               }
             >
               top-left
@@ -278,8 +263,7 @@ toast.dismiss(toastId);`}
               onClick={() =>
                 toast("Toast: top-center", {
                   description: 'position="top-center"',
-                  position: "top-center",
-                })
+                  position: "top-center" })
               }
             >
               top-center
@@ -291,8 +275,7 @@ toast.dismiss(toastId);`}
               onClick={() =>
                 toast("Toast: top-right", {
                   description: 'position="top-right"',
-                  position: "top-right",
-                })
+                  position: "top-right" })
               }
             >
               top-right
@@ -304,8 +287,7 @@ toast.dismiss(toastId);`}
               onClick={() =>
                 toast("Toast: bottom-left", {
                   description: 'position="bottom-left"',
-                  position: "bottom-left",
-                })
+                  position: "bottom-left" })
               }
             >
               bottom-left
@@ -317,8 +299,7 @@ toast.dismiss(toastId);`}
               onClick={() =>
                 toast("Toast: bottom-center", {
                   description: 'position="bottom-center"',
-                  position: "bottom-center",
-                })
+                  position: "bottom-center" })
               }
             >
               bottom-center
@@ -330,8 +311,7 @@ toast.dismiss(toastId);`}
               onClick={() =>
                 toast("Toast: bottom-right", {
                   description: 'position="bottom-right"',
-                  position: "bottom-right",
-                })
+                  position: "bottom-right" })
               }
             >
               bottom-right

package/src/dev/showcase/spinner.tsx

@@ -7,8 +7,7 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 import { type Size } from "../../lib/types";
 
 // ──────────────────────────────────────────────────────────
@@ -120,8 +119,7 @@ export default function SpinnerShowcase() {
       tabs={[
         {
           label: "Micro (Primitive)",
-          content: <SpinnerMicroShowcase globalSize={globalSize} />,
-        },
+          content: <SpinnerMicroShowcase globalSize={globalSize} /> },
       ]}
     />
   );

package/src/dev/showcase/switch.tsx

@@ -16,23 +16,20 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 import { type Size } from "../../lib/types";
 
 // ──────────────────────────────────────────────────────────
 // RHF Form Demo (Macro)
 // ──────────────────────────────────────────────────────────
 const formSchema = z.object({
-  marketing: z.boolean().default(false).optional(),
-});
+  marketing: z.boolean().default(false).optional() });
 type FormValues = z.infer<typeof formSchema>;
 
 function SwitchForm({ size }: { size: Size }) {
   const form = useForm<FormValues>({
     resolver: zodResolver(formSchema),
-    defaultValues: { marketing: false },
-  });
+    defaultValues: { marketing: false } });
 
   return (
     <form
@@ -65,8 +62,7 @@ const rhfCode = `const formSchema = z.object({ marketing: z.boolean().default(fa
 function SwitchForm({ size }: { size: Size }) {
   const form = useForm({
     resolver: zodResolver(formSchema),
-    defaultValues: { marketing: false },
-  });
+    defaultValues: { marketing: false } });
 
   return (
     <form onSubmit={form.handleSubmit(console.log)} className="space-y-6">
@@ -687,12 +683,10 @@ export default function SwitchShowcase() {
       tabs={[
         {
           label: "Micro (Primitive)",
-          content: <SwitchMicroShowcase globalSize={globalSize} />,
-        },
+          content: <SwitchMicroShowcase globalSize={globalSize} /> },
         {
           label: "Macro (Preset)",
-          content: <SwitchMacroShowcase globalSize={globalSize} />,
-        },
+          content: <SwitchMacroShowcase globalSize={globalSize} /> },
       ]}
     />
   );

package/src/dev/showcase/table.tsx

@@ -8,15 +8,13 @@ import {
   TableFooter,
   TableHead,
   TableHeader,
-  TableRow,
-} from "../../components/micro/table";
+  TableRow } from "../../components/micro/table";
 import {
   DocsH3,
   DocsP,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 
 type SortDirection = "asc" | "desc" | "none";
 
@@ -27,8 +25,7 @@ const DUMMY_DATA = [
     id: "INV003",
     status: "Unpaid",
     method: "Bank Transfer",
-    amount: "$350.00",
-  },
+    amount: "$350.00" },
 ];
 
 function TableMicroShowcase() {

package/src/dev/showcase/tabs.tsx

@@ -5,8 +5,7 @@ import {
   Tabs,
   TabsContent,
   TabsList,
-  TabsTrigger,
-} from "../../components/micro/tabs";
+  TabsTrigger } from "../../components/micro/tabs";
 import {
   DocsCode,
   DocsH3,
@@ -14,8 +13,7 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 
 // ──────────────────────────────────────────────────────────
 // SECTION 1: Macro Content
@@ -41,8 +39,7 @@ function TabsMacroShowcase() {
               Account settings here.
             </p>
           </div>
-        ),
-      },
+        ) },
       {
         value: "password",
         title: "Password",
@@ -53,8 +50,7 @@ function TabsMacroShowcase() {
               Change your password here.
             </p>
           </div>
-        ),
-      },
+        ) },
     ]}
   />`}
         >
@@ -72,8 +68,7 @@ function TabsMacroShowcase() {
                       Account settings here.
                     </p>
                   </div>
-                ),
-              },
+                ) },
               {
                 value: "password",
                 title: "Password",
@@ -84,8 +79,7 @@ function TabsMacroShowcase() {
                       Change your password here.
                     </p>
                   </div>
-                ),
-              },
+                ) },
             ]}
           />
         </ExampleSection>
@@ -107,14 +101,12 @@ function TabsMacroShowcase() {
               General settings.
             </p>
           </div>
-        ),
-      },
+        ) },
       {
         value: "advanced",
         title: "Advanced (Pro)",
         content: <></>,
-        disabled: true,
-      },
+        disabled: true },
     ]}
   />`}
         >
@@ -132,14 +124,12 @@ function TabsMacroShowcase() {
                       General settings.
                     </p>
                   </div>
-                ),
-              },
+                ) },
               {
                 value: "advanced",
                 title: "Advanced (Pro)",
                 content: <></>,
-                disabled: true,
-              },
+                disabled: true },
             ]}
           />
         </ExampleSection>
@@ -167,8 +157,7 @@ function TabsMacroShowcase() {
                 feed.
               </p>
             </div>
-          ),
-        },
+          ) },
         {
           value: "analytics",
           title: "Analytics",
@@ -179,8 +168,7 @@ function TabsMacroShowcase() {
                 Charts and data visualizations.
               </p>
             </div>
-          ),
-        },
+          ) },
         {
           value: "reports",
           title: "Reports",
@@ -191,8 +179,7 @@ function TabsMacroShowcase() {
                 Generated reports and exports.
               </p>
             </div>
-          ),
-        },
+          ) },
       ]}
     />
   </div>`}
@@ -214,8 +201,7 @@ function TabsMacroShowcase() {
                       High-level project statistics and activity feed.
                     </p>
                   </div>
-                ),
-              },
+                ) },
               {
                 value: "analytics",
                 title: "Analytics",
@@ -226,8 +212,7 @@ function TabsMacroShowcase() {
                       Charts and data visualizations.
                     </p>
                   </div>
-                ),
-              },
+                ) },
               {
                 value: "reports",
                 title: "Reports",
@@ -238,8 +223,7 @@ function TabsMacroShowcase() {
                       Generated reports and exports.
                     </p>
                   </div>
-                ),
-              },
+                ) },
             ]}
           />
         </div>
@@ -268,8 +252,7 @@ function TabsMacroShowcase() {
                 Sign In
               </button>
             </div>
-          ),
-        },
+          ) },
         {
           value: "register",
           title: "Register",
@@ -285,8 +268,7 @@ function TabsMacroShowcase() {
                 Sign Up
               </button>
             </div>
-          ),
-        },
+          ) },
       ]}
     />
   </div>`}
@@ -308,8 +290,7 @@ function TabsMacroShowcase() {
                       Sign In
                     </button>
                   </div>
-                ),
-              },
+                ) },
               {
                 value: "register",
                 title: "Register",
@@ -323,8 +304,7 @@ function TabsMacroShowcase() {
                       Sign Up
                     </button>
                   </div>
-                ),
-              },
+                ) },
             ]}
           />
         </div>

package/src/dev/showcase/textarea.tsx

@@ -5,14 +5,12 @@ import {
   Field,
   FieldContent,
   FieldError,
-  FieldLabel,
-} from "../../components/micro/field";
+  FieldLabel } from "../../components/micro/field";
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupText,
-  InputGroupTextarea,
-} from "../../components/micro/input-group";
+  InputGroupTextarea } from "../../components/micro/input-group";
 import { Textarea } from "../../components/micro/textarea";
 import { useDevContext } from "../../dev/components/dev-context";
 import {
@@ -22,8 +20,7 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 import { type Size } from "../../lib/types";
 
 // ──────────────────────────────────────────────────────────
@@ -532,12 +529,10 @@ export default function TextareaShowcase() {
       tabs={[
         {
           label: "Micro (Primitive)",
-          content: <TextareaMicroShowcase globalSize={globalSize} />,
-        },
+          content: <TextareaMicroShowcase globalSize={globalSize} /> },
         {
           label: "Macro (Preset)",
-          content: <TextareaMacroShowcase globalSize={globalSize} />,
-        },
+          content: <TextareaMacroShowcase globalSize={globalSize} /> },
       ]}
     />
   );

package/src/dev/showcase/toast.tsx

@@ -7,8 +7,7 @@ import {
   DocsP,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 import { type Size } from "../../lib/types";
 
 function ToastMicroShowcase({ globalSize }: { globalSize: Size }) {
@@ -26,9 +25,7 @@ function ToastMicroShowcase({ globalSize }: { globalSize: Size }) {
             "Sunday, December 03, 2023 at 9:00 AM",
           action: {
             label: "Undo",
-            onClick: () => console.log("Undo"),
-          },
-        })
+            onClick: () => console.log("Undo") } })
       }}
     >
       Show Toast
@@ -62,9 +59,7 @@ function ToastMicroShowcase({ globalSize }: { globalSize: Size }) {
                 description: "Sunday, December 03, 2023 at 9:00 AM",
                 action: {
                   label: "Undo",
-                  onClick: () => console.log("Undo"),
-                },
-              });
+                  onClick: () => console.log("Undo") } });
             }}
           >
             Show Toast
@@ -110,8 +105,7 @@ export default function ToastShowcase() {
       tabs={[
         {
           label: "Micro (Primitive)",
-          content: <ToastMicroShowcase globalSize={globalSize} />,
-        },
+          content: <ToastMicroShowcase globalSize={globalSize} /> },
       ]}
     />
   );

package/src/dev/showcase/toggle-group.tsx

@@ -4,13 +4,11 @@ import {
   AlignRightIcon,
   BoldIcon,
   ItalicIcon,
-  UnderlineIcon,
-} from "lucide-react";
+  UnderlineIcon } from "lucide-react";
 
 import {
   ToggleGroup,
-  ToggleGroupItem,
-} from "../../components/micro/toggle-group";
+  ToggleGroupItem } from "../../components/micro/toggle-group";
 import { useDevContext } from "../../dev/components/dev-context";
 import {
   DocsCode,
@@ -19,8 +17,7 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 import { type Size } from "../../lib/types";
 
 // ──────────────────────────────────────────────────────────
@@ -263,8 +260,7 @@ export default function ToggleGroupShowcase() {
       tabs={[
         {
           label: "Micro (Primitive)",
-          content: <ToggleGroupMicroShowcase globalSize={globalSize} />,
-        },
+          content: <ToggleGroupMicroShowcase globalSize={globalSize} /> },
       ]}
     />
   );

package/src/dev/showcase/toggle.tsx

@@ -9,8 +9,7 @@ import {
   ExampleGrid,
   ExampleSection,
   Showcase,
-  ShowcaseDocs,
-} from "../../dev/components/showcase";
+  ShowcaseDocs } from "../../dev/components/showcase";
 import { type Size } from "../../lib/types";
 
 // ──────────────────────────────────────────────────────────
@@ -172,8 +171,7 @@ export default function ToggleShowcase() {
       tabs={[
         {
           label: "Micro (Primitive)",
-          content: <ToggleMicroShowcase globalSize={globalSize} />,
-        },
+          content: <ToggleMicroShowcase globalSize={globalSize} /> },
       ]}
     />
   );