@customafk/lunas-ui 0.0.1-f → 0.0.1

package/README.md

@@ -1,49 +1,29 @@
-# E-Commerce UI
+# react-components-starter
 
-## 🤔 What is this project?
+A starter for creating a React component library.
 
-This is a component library for any e-commerce web project.
+## Development
 
-## ⚡ Installation
+- Install dependencies:
 
-1. Prerequisites
-
-   - `Node.js >= 20.x`
-   - `Yarn >= 4.x`
-
-2. Clone repository
-
-   - `git clone https://github.com/QuangPhamvt/e-commerce-ui.git`
-
-3. Install packages
-
-   - `yarn`
-
-4. Run
+```bash
+npm install
+```
 
-   - `yarn run sb`
-   - Go to [localhost:6006](http://localhost:6006)
+- Run the playground:
 
-## ❔ How to push
+```bash
+npm run playground
+```
 
-- Role commit: `{type}: {subject}`
+- Run the unit tests:
 
-  - type: feature (feat) | fix | style | refactor | documentation (doc) | test | build
-  - subject: write a concise description of the change
-  <!-- - # (TODO) Automatic: check lint and format pre-commit -->
+```bash
+npm run test
+```
 
-- Example:
+- Build the library:
 
 ```bash
-git commit -m "{type}: {subject}"
+npm run build
 ```
-
-| **Type**      | **Description**                                                                                        |
-| :------------ | :----------------------------------------------------------------------------------------------------- |
-| feature       | A new feature                                                                                          |
-| fix           | A bug fix                                                                                              |
-| style         | Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc) |
-| refactor      | Changes that restructure the code without adding new features                                          |
-| documentation | Changes to documentation only                                                                          |
-| test          | Changes that add or modify existing tests                                                              |
-| build         | Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)    |

package/dist/alert.cjs

@@ -0,0 +1,2 @@
+const e=require(`./utils-Bo7GM4B-.cjs`);require(`react`);const t=e.__toESM(require(`class-variance-authority`)),n=e.__toESM(require(`react/jsx-runtime`)),r=(0,t.cva)([`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4`,`[&>svg]:translate-y-0.5 [&>svg]:text-current`],{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90`}},defaultVariants:{variant:`default`}});function i({className:t,variant:i,...a}){return(0,n.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:e.cn(r({variant:i}),t),...a})}function a({className:t,...r}){return(0,n.jsx)(`div`,{"data-slot":`alert-title`,className:e.cn(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,t),...r})}function o({className:t,...r}){return(0,n.jsx)(`div`,{"data-slot":`alert-description`,className:e.cn(`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,t),...r})}exports.Alert=i,exports.AlertDescription=o,exports.AlertTitle=a;
+//# sourceMappingURL=alert.cjs.map

package/dist/alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.cjs","names":["cn"],"sources":["../packages/components/ui/alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  [\n    \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm\",\n    \"has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4\",\n    \"[&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"0JAKM,GAAA,EAAA,EAAA,KACJ,CACE,mGACA,sFACA,+CACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,oGACH,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,EAGH,SAAS,EAAM,CACb,YACA,UACA,GAAG,EAC8D,CAAE,CACnE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAWA,EAAAA,GAAG,EAAc,CAAE,UAAS,EAAG,GAC1C,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,UAAWA,EAAAA,GACT,8DACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,UAAWA,EAAAA,GACT,iGACA,GAEF,GAAI,GAGT"}

package/dist/alert.d.cts

@@ -0,0 +1,24 @@
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.cts.map

package/dist/alert.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region packages/components/ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/alert.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-CGQEF8PW.js";import t from"react";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";const i=n([`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4`,`[&>svg]:translate-y-0.5 [&>svg]:text-current`],{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90`}},defaultVariants:{variant:`default`}});function a({className:t,variant:n,...a}){return r(`div`,{"data-slot":`alert`,role:`alert`,className:e(i({variant:n}),t),...a})}function o({className:t,...n}){return r(`div`,{"data-slot":`alert-title`,className:e(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,t),...n})}function s({className:t,...n}){return r(`div`,{"data-slot":`alert-description`,className:e(`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,t),...n})}export{a as Alert,s as AlertDescription,o as AlertTitle};
+//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../packages/components/ui/alert.tsx"],"sourcesContent":["import React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  [\n    \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm\",\n    \"has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4\",\n    \"[&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"qJAKA,MAAM,EAAgB,EACpB,CACE,mGACA,sFACA,+CACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,oGACH,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,EAGH,SAAS,EAAM,CACb,YACA,UACA,GAAG,EAC8D,CAAE,CACnE,OACE,EAAC,MAAA,CACC,YAAU,QACV,KAAK,QACL,UAAW,EAAG,EAAc,CAAE,UAAS,EAAG,GAC1C,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,8DACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EACT,iGACA,GAEF,GAAI,GAGT"}

package/dist/button.cjs

@@ -0,0 +1,2 @@
+const e=require(`./utils-Bo7GM4B-.cjs`);require(`react`);const t=e.__toESM(require(`class-variance-authority`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`radix-ui`)),i=(0,t.cva)(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,{variants:{variant:{default:`bg-primary text-primary-foreground shadow-xs hover:bg-primary/90`,destructive:`bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,sm:`h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5`,lg:`h-10 rounded-md px-6 has-[>svg]:px-4`,icon:`size-9`}},defaultVariants:{variant:`default`,size:`default`}});function a({className:t,variant:a,size:o,asChild:s=!1,...c}){let l=s?r.Slot.Slot:`button`;return(0,n.jsx)(l,{"data-slot":`button`,className:e.cn(i({variant:a,size:o,className:t})),...c})}exports.Button=a,exports.buttonVariants=i;
+//# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","names":["SlotPrimitive","cn"],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"mappings":"2LAMM,GAAA,EAAA,EAAA,KACJ,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,kDACP,CACD,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,EAGH,SAAS,EAAO,CACd,YACA,UACA,OACA,UAAU,GACV,GAAG,EAIF,CAAE,CACH,IAAM,EAAO,EAAUA,EAAAA,KAAc,KAAO,SAE5C,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,SACV,UAAWC,EAAAA,GAAG,EAAe,CAAE,UAAS,OAAM,YAAW,GACzD,GAAI,GAGT"}

package/dist/button.d.cts

@@ -0,0 +1,21 @@
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): React.JSX.Element;
+//#endregion
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.cts.map

package/dist/button.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region packages/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): React.JSX.Element;
+//#endregion
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/button.js

@@ -0,0 +1,2 @@
+import{cn as e}from"./utils-CGQEF8PW.js";import t from"react";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";import{Slot as i}from"radix-ui";const a=n(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,{variants:{variant:{default:`bg-primary text-primary-foreground shadow-xs hover:bg-primary/90`,destructive:`bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,sm:`h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5`,lg:`h-10 rounded-md px-6 has-[>svg]:px-4`,icon:`size-9`}},defaultVariants:{variant:`default`,size:`default`}});function o({className:t,variant:n,size:o,asChild:s=!1,...c}){let l=s?i.Slot:`button`;return r(l,{"data-slot":`button`,className:e(a({variant:n,size:o,className:t})),...c})}export{o as Button,a as buttonVariants};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["SlotPrimitive"],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"mappings":"qLAMA,MAAM,EAAiB,EACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,wIACF,UACE,yEACF,MACE,uEACF,KAAM,kDACP,CACD,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,EAGH,SAAS,EAAO,CACd,YACA,UACA,OACA,UAAU,GACV,GAAG,EAIF,CAAE,CACH,IAAM,EAAO,EAAUA,EAAc,KAAO,SAE5C,OACE,EAAC,EAAA,CACC,YAAU,SACV,UAAW,EAAG,EAAe,CAAE,UAAS,OAAM,YAAW,GACzD,GAAI,GAGT"}

package/dist/utils-Bo7GM4B-.cjs

@@ -0,0 +1,2 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=s(require(`clsx`)),l=s(require(`tailwind-merge`));function u(...e){return(0,l.twMerge)((0,c.clsx)(e))}Object.defineProperty(exports,`__toESM`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`cn`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=utils-Bo7GM4B-.cjs.map

package/dist/utils-Bo7GM4B-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Bo7GM4B-.cjs","names":[],"sources":["../packages/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"whBAGA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAoB,GACrB"}

package/dist/utils-CGQEF8PW.js

@@ -0,0 +1,2 @@
+import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function n(...n){return t(e(n))}export{n as cn};
+//# sourceMappingURL=utils-CGQEF8PW.js.map

package/dist/utils-CGQEF8PW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CGQEF8PW.js","names":[],"sources":["../packages/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"qEAGA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAO,EAAQ,EAAK,GACrB"}

package/package.json

@@ -1,237 +1,62 @@
 {
   "name": "@customafk/lunas-ui",
-  "private": false,
-  "version": "0.0.1-f",
+  "version": "0.0.1",
+  "description": "UI library for Lunas Enterprise",
   "type": "module",
-  "homepage": "https://docs.customafk.com",
+  "author": "CustomAFK",
+  "license": "ISC",
+  "homepage": "https://github.com/author/library#readme",
   "repository": {
-    "url": "git+https://github.com/QuangPhamvt/lunas-ui.git"
+    "type": "git",
+    "url": "git+https://github.com/QuangPhamvt/lunas-enterprise-ui-package.git"
   },
   "files": [
     "dist"
   ],
-  "main": "./dist/Atoms/index.js",
-  "module": "./dist/Atoms/index.js",
-  "types": "./dist/Atoms/index.d.ts",
   "exports": {
-    "./tailwindTheme": {
-      "types": "./dist/tailwindTheme.d.ts",
-      "import": "./dist/tailwindTheme.js",
-      "require": "./dist/tailwindTheme.js"
-    },
-    "./hooks": {
-      "types": "./dist/hooks/index.d.ts",
-      "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.js"
-    },
-    "./Icons": {
-      "types": "./dist/Icons/index.d.ts",
-      "import": "./dist/Icons/index.js",
-      "require": "./dist/Icons/index.js"
-    },
-    "./Atoms/Badge": {
-      "types": "./dist/Atoms/Badge/index.d.ts",
-      "import": "./dist/Atoms/Badge/index.js",
-      "require": "./dist/Atoms/Badge/index.js"
-    },
-    "./Atoms/Breadcrumb": {
-      "types": "./dist/Atoms/Breadcrumb/index.d.ts",
-      "import": "./dist/Atoms/Breadcrumb/index.js",
-      "require": "./dist/Atoms/Breadcrumb/index.js"
-    },
-    "./Atoms/Button": {
-      "types": "./dist/Atoms/Button/index.d.ts",
-      "import": "./dist/Atoms/Button/index.js",
-      "require": "./dist/Atoms/Button/index.js"
-    },
-    "./Atoms/Card": {
-      "types": "./dist/Atoms/Card/index.d.ts",
-      "import": "./dist/Atoms/Card/index.js",
-      "require": "./dist/Atoms/Card/index.js"
-    },
-    "./Atoms/Carousel": {
-      "types": "./dist/Atoms/Carousel/index.d.ts",
-      "import": "./dist/Atoms/Carousel/index.js",
-      "require": "./dist/Atoms/Carousel/index.js"
-    },
-    "./Atoms/Command": {
-      "types": "./dist/Atoms/Command/index.d.ts",
-      "import": "./dist/Atoms/Command/index.js",
-      "require": "./dist/Atoms/Command/index.js"
-    },
-    "./Atoms/Dialog": {
-      "types": "./dist/Atoms/Dialog/index.d.ts",
-      "import": "./dist/Atoms/Dialog/index.js",
-      "require": "./dist/Atoms/Dialog/index.js"
-    },
-    "./Atoms/DropdownMenu": {
-      "types": "./dist/Atoms/DropdownMenu/index.d.ts",
-      "import": "./dist/Atoms/DropdownMenu/index.js",
-      "require": "./dist/Atoms/DropdownMenu/index.js"
-    },
-    "./Atoms/Form": {
-      "types": "./dist/Atoms/Form/index.d.ts",
-      "import": "./dist/Atoms/Form/index.js",
-      "require": "./dist/Atoms/Form/index.js"
-    },
-    "./Atoms/Input": {
-      "types": "./dist/Atoms/Input/index.d.ts",
-      "import": "./dist/Atoms/Input/index.js",
-      "require": "./dist/Atoms/Input/index.js"
-    },
-    "./Atoms/Label": {
-      "types": "./dist/Atoms/Label/index.d.ts",
-      "import": "./dist/Atoms/Label/index.js",
-      "require": "./dist/Atoms/Label/index.js"
-    },
-    "./Atoms/Money": {
-      "types": "./dist/Atoms/Money/index.d.ts",
-      "import": "./dist/Atoms/Money/index.js",
-      "require": "./dist/Atoms/Money/index.js"
-    },
-    "./Atoms/Navbar": {
-      "types": "./dist/Atoms/Navbar/index.d.ts",
-      "import": "./dist/Atoms/Navbar/index.js",
-      "require": "./dist/Atoms/Navbar/index.js"
+    "./alert": {
+      "import": "./dist/alert.js",
+      "require": "./dist/alert.cjs"
     },
-    "./Atoms/QuantityBtn": {
-      "types": "./dist/Atoms/QuantityBtn/index.d.ts",
-      "import": "./dist/Atoms/QuantityBtn/index.js",
-      "require": "./dist/Atoms/QuantityBtn/index.js"
+    "./button": {
+      "import": "./dist/button.js",
+      "require": "./dist/button.cjs"
     },
-    "./Atoms/ScrollBar": {
-      "types": "./dist/Atoms/ScrollBar/index.d.ts",
-      "import": "./dist/Atoms/ScrollBar/index.js",
-      "require": "./dist/Atoms/ScrollBar/index.js"
-    },
-    "./Atoms/Select": {
-      "types": "./dist/Atoms/Select/index.d.ts",
-      "import": "./dist/Atoms/Select/index.js",
-      "require": "./dist/Atoms/Select/index.js"
-    },
-    "./Atoms/Skeleton": {
-      "types": "./dist/Atoms/Skeleton/index.d.ts",
-      "import": "./dist/Atoms/Skeleton/index.js",
-      "require": "./dist/Atoms/Skeleton/index.js"
-    },
-    "./Atoms/UserAvatar": {
-      "types": "./dist/Atoms/UserAvatar/index.d.ts",
-      "import": "./dist/Atoms/UserAvatar/index.js",
-      "require": "./dist/Atoms/UserAvatar/index.js"
-    },
-    "./Molecules/AuthenForm": {
-      "types": "./dist/AuthenForm/index.d.ts",
-      "import": "./dist/AuthenForm/index.js",
-      "require": "./dist/AuthenForm/index.js"
-    },
-    "./Molecules/Search": {
-      "types": "./dist/Search/index.d.ts",
-      "import": "./dist/Search/index.js",
-      "require": "./dist/Search/index.js"
-    },
-    "./Molecules/UserDropdown": {
-      "types": "./dist/UserDropdown/index.d.ts",
-      "import": "./dist/UserDropdown/index.js",
-      "require": "./dist/UserDropdown/index.js"
-    },
-    "./Organisms/Footer": {
-      "types": "./dist/Footer/index.d.ts",
-      "import": "./dist/Footer/index.js",
-      "require": "./dist/Footer/index.js"
-    },
-    "./Organisms/Header": {
-      "types": "./dist/Header/index.d.ts",
-      "import": "./dist/Header/index.js",
-      "require": "./dist/Header/index.js"
-    },
-    "./Layout/Flex": {
-      "types": "./dist/Layout/Flex/index.d.ts",
-      "import": "./dist/Layout/Flex/index.js",
-      "require": "./dist/Layout/Flex/index.js"
-    }
+    "./package.json": "./package.json"
   },
-  "scripts": {
-    "build": "tsup",
-    "lint": "eslint ./packages --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "lint:fix": "eslint ./packages --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
-    "fmt": "prettier --check \"./packages/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
-    "fmt:fix": "prettier --write \"./packages/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
-    "sb": "storybook dev -p 6006",
-    "build-sb": "storybook build"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
-    "@shopify/eslint-plugin": "^46.0.0",
-    "@storybook/addon-essentials": "^8.3.1",
-    "@storybook/addon-interactions": "^8.3.1",
-    "@storybook/addon-links": "^8.3.1",
-    "@storybook/addon-onboarding": "^8.3.1",
-    "@storybook/addon-themes": "^8.3.1",
-    "@storybook/blocks": "^8.3.1",
-    "@storybook/react": "^8.3.1",
-    "@storybook/react-vite": "^8.3.1",
-    "@storybook/test": "^8.3.1",
-    "@types/bun": "latest",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.30.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.36.1",
-    "eslint-plugin-react-form-fields": "^1.2.22",
-    "eslint-plugin-react-hook-form": "^0.3.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-perf": "^3.3.2",
-    "eslint-plugin-react-prefer-function-component": "^3.3.0",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-sonar": "^0.13.2",
-    "eslint-plugin-ssr-friendly": "^1.3.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-unicorn": "^55.0.0",
-    "eslint-plugin-validate-jsx-nesting": "^0.1.1",
-    "postcss": "^8.4.40",
-    "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.5",
-    "storybook": "^8.3.1",
-    "tailwindcss": "^3.4.7",
-    "tailwindcss-animate": "^1.0.7",
-    "tsup": "^8.2.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.13",
-    "vite-tsconfig-paths": "^4.3.2"
+  "publishConfig": {
+    "access": "public"
   },
-  "description": "This is a e-commerce UI library for CustomAFK",
-  "bugs": {
-    "url": "https://github.com/QuangPhamvt/e-commerce-ui/issues"
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit"
   },
-  "author": "CustomAFK",
-  "license": "ISC",
-  "dependencies": {
-    "@hookform/resolvers": "^3.9.0",
-    "@radix-ui/react-alert-dialog": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-scroll-area": "^1.2.0",
-    "@radix-ui/react-select": "^2.1.2",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.1",
-    "class-variance-authority": "^0.7.0",
+  "peerDependencies": {
+    "@tailwindcss/vite": "^4.1.10",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
-    "embla-carousel-react": "^8.3.0",
-    "framer-motion": "^11.11.8",
-    "lucide-react": "^0.424.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-spinners": "^0.14.1",
-    "tailwind-merge": "^2.4.0",
-    "zod": "^3.23.8"
+    "lucide-react": "^0.541.0",
+    "radix-ui": "^1.4.3",
+    "react": "16.8 || ^17.0 || ^18.0 || ^19.0",
+    "react-dom": "16.8 || ^17.0 || ^18.0 || ^19.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.10",
+    "tw-animate-css": "^1.3.7"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "^9.1.3",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-onboarding": "^9.1.3",
+    "@storybook/addon-themes": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
+    "@types/node": "^24.0.3",
+    "@vitejs/plugin-react": "^4.4.1",
+    "tsdown": "^0.14.1",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vitest": "^3.2.4"
   }
 }

package/dist/Atoms/Badge/index.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { HTMLAttributes } from 'react';
-
-interface IBadgeProps extends HTMLAttributes<HTMLDivElement> {
-}
-declare const Badge: React.MemoExoticComponent<React.ForwardRefExoticComponent<IBadgeProps & React.RefAttributes<HTMLDivElement>>>;
-
-export { Badge as default };