@customafk/lunas-ui 0.0.2-o → 0.0.2-p

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

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | null | undefined;
-    size?: "small" | "default" | "base" | "large" | null | undefined;
+    size?: "base" | "small" | "default" | "large" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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

@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -26,7 +26,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -36,7 +36,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -45,14 +45,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -61,7 +61,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -70,7 +70,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/Atoms/Command/index.js

@@ -252,7 +252,6 @@ var cn = (...inputs) => {
 
 // packages/Atoms/Dialog/index.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
@@ -275,7 +274,7 @@ var DialogOverlay = React.forwardRef(({ className, ...props }, reference) => /*
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React.forwardRef(({ className, children, ...props }, reference) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsx(
+  /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
     {
       ref: reference,
@@ -283,43 +282,29 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, referen
         "fixed",
         "left-[50%] top-[50%] z-50",
         "grid w-full max-w-lg",
+        "rounded bg-ui-surface-50",
         "translate-x-[-50%] translate-y-[-50%]",
         "transition-all duration-300",
+        "data-[state=open]:animate-in",
+        "data-[state=open]:fade-in-0",
+        "data-[state=open]:zoom-in-95",
+        "data-[state=open]:slide-in-from-left-1/2",
+        "data-[state=open]:slide-in-from-top-[48%]",
         "data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0",
         "data-[state=closed]:zoom-out-[0.8]",
         "data-[state=closed]:slide-out-to-left-1/2",
-        "data-[state=closed]:slide-out-to-top-[80%]"
+        "data-[state=closed]:slide-out-to-top-[80%]",
+        className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          initial: {
-            opacity: 0,
-            scale: 0.6,
-            y: -40
-          },
-          animate: {
-            opacity: 1,
-            scale: 1,
-            y: 0
-          },
-          transition: {
-            type: "spring",
-            damping: 20,
-            stiffness: 300
-          },
-          className: cn("w-full gap-4 bg-ui-surface-50 p-6 shadow-lg sm:rounded-lg", className),
-          children: [
-            children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
-              /* @__PURE__ */ jsx(X, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
   )
 ] }));

package/dist/Atoms/Dialog/index.js

@@ -249,7 +249,6 @@ var cn = (...inputs) => {
 
 // packages/Atoms/Dialog/index.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
@@ -274,7 +273,7 @@ var DialogOverlay = React.forwardRef(({ className, ...props }, reference) => /*
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React.forwardRef(({ className, children, ...props }, reference) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsx(
+  /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
     {
       ref: reference,
@@ -282,43 +281,29 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, referen
         "fixed",
         "left-[50%] top-[50%] z-50",
         "grid w-full max-w-lg",
+        "rounded bg-ui-surface-50",
         "translate-x-[-50%] translate-y-[-50%]",
         "transition-all duration-300",
+        "data-[state=open]:animate-in",
+        "data-[state=open]:fade-in-0",
+        "data-[state=open]:zoom-in-95",
+        "data-[state=open]:slide-in-from-left-1/2",
+        "data-[state=open]:slide-in-from-top-[48%]",
         "data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0",
         "data-[state=closed]:zoom-out-[0.8]",
         "data-[state=closed]:slide-out-to-left-1/2",
-        "data-[state=closed]:slide-out-to-top-[80%]"
+        "data-[state=closed]:slide-out-to-top-[80%]",
+        className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          initial: {
-            opacity: 0,
-            scale: 0.6,
-            y: -40
-          },
-          animate: {
-            opacity: 1,
-            scale: 1,
-            y: 0
-          },
-          transition: {
-            type: "spring",
-            damping: 20,
-            stiffness: 300
-          },
-          className: cn("w-full gap-4 bg-ui-surface-50 p-6 shadow-lg sm:rounded-lg", className),
-          children: [
-            children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
-              /* @__PURE__ */ jsx(X, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
   )
 ] }));

package/dist/Authentication/SignUp/index.d.ts

@@ -7,23 +7,23 @@ declare const SignUpSchema: z.ZodEffects<z.ZodObject<{
     password: z.ZodEffects<z.ZodString, string, string>;
     confirmPassword: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    fullname: string;
     email: string;
+    fullname: string;
     password: string;
     confirmPassword: string;
 }, {
-    fullname: string;
     email: string;
+    fullname: string;
     password: string;
     confirmPassword: string;
 }>, {
-    fullname: string;
     email: string;
+    fullname: string;
     password: string;
     confirmPassword: string;
 }, {
-    fullname: string;
     email: string;
+    fullname: string;
     password: string;
     confirmPassword: string;
 }>;

package/dist/Ecommerce/Categories/index.js

@@ -660,7 +660,6 @@ import * as React2 from "react";
 // packages/Atoms/Dialog/index.tsx
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
@@ -683,7 +682,7 @@ var DialogOverlay = React.forwardRef(({ className, ...props }, reference) => /*
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React.forwardRef(({ className, children, ...props }, reference) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
   /* @__PURE__ */ jsx11(DialogOverlay, {}),
-  /* @__PURE__ */ jsx11(
+  /* @__PURE__ */ jsxs6(
     DialogPrimitive.Content,
     {
       ref: reference,
@@ -691,43 +690,29 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, referen
         "fixed",
         "left-[50%] top-[50%] z-50",
         "grid w-full max-w-lg",
+        "rounded bg-ui-surface-50",
         "translate-x-[-50%] translate-y-[-50%]",
         "transition-all duration-300",
+        "data-[state=open]:animate-in",
+        "data-[state=open]:fade-in-0",
+        "data-[state=open]:zoom-in-95",
+        "data-[state=open]:slide-in-from-left-1/2",
+        "data-[state=open]:slide-in-from-top-[48%]",
         "data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0",
         "data-[state=closed]:zoom-out-[0.8]",
         "data-[state=closed]:slide-out-to-left-1/2",
-        "data-[state=closed]:slide-out-to-top-[80%]"
+        "data-[state=closed]:slide-out-to-top-[80%]",
+        className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs6(
-        motion.div,
-        {
-          initial: {
-            opacity: 0,
-            scale: 0.6,
-            y: -40
-          },
-          animate: {
-            opacity: 1,
-            scale: 1,
-            y: 0
-          },
-          transition: {
-            type: "spring",
-            damping: 20,
-            stiffness: 300
-          },
-          className: cn("w-full gap-4 bg-ui-surface-50 p-6 shadow-lg sm:rounded-lg", className),
-          children: [
-            children,
-            /* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
-              /* @__PURE__ */ jsx11(X, { className: "size-4" }),
-              /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
+      children: [
+        children,
+        /* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx11(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
   )
 ] }));
@@ -1423,7 +1408,7 @@ var CategoriesPage = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx22("section", { children })
+        children
       ]
     }
   );

package/dist/Molecules/Search/index.js

@@ -253,7 +253,6 @@ var cn = (...inputs) => {
 
 // packages/Atoms/Dialog/index.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
@@ -276,7 +275,7 @@ var DialogOverlay = React.forwardRef(({ className, ...props }, reference) => /*
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React.forwardRef(({ className, children, ...props }, reference) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsx(
+  /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
     {
       ref: reference,
@@ -284,43 +283,29 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, referen
         "fixed",
         "left-[50%] top-[50%] z-50",
         "grid w-full max-w-lg",
+        "rounded bg-ui-surface-50",
         "translate-x-[-50%] translate-y-[-50%]",
         "transition-all duration-300",
+        "data-[state=open]:animate-in",
+        "data-[state=open]:fade-in-0",
+        "data-[state=open]:zoom-in-95",
+        "data-[state=open]:slide-in-from-left-1/2",
+        "data-[state=open]:slide-in-from-top-[48%]",
         "data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0",
         "data-[state=closed]:zoom-out-[0.8]",
         "data-[state=closed]:slide-out-to-left-1/2",
-        "data-[state=closed]:slide-out-to-top-[80%]"
+        "data-[state=closed]:slide-out-to-top-[80%]",
+        className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          initial: {
-            opacity: 0,
-            scale: 0.6,
-            y: -40
-          },
-          animate: {
-            opacity: 1,
-            scale: 1,
-            y: 0
-          },
-          transition: {
-            type: "spring",
-            damping: 20,
-            stiffness: 300
-          },
-          className: cn("w-full gap-4 bg-ui-surface-50 p-6 shadow-lg sm:rounded-lg", className),
-          children: [
-            children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
-              /* @__PURE__ */ jsx(X, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
   )
 ] }));
@@ -906,7 +891,7 @@ var Flex_default = Flex;
 
 // packages/Molecules/Search/index.tsx
 import { CommandLoading } from "cmdk";
-import { motion as motion2 } from "framer-motion";
+import { motion } from "framer-motion";
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var Search2 = ({ search = "", isLoading = false, items = [], onSearch }) => {
   const [open, setOpen] = useState(false);
@@ -959,7 +944,7 @@ var Search2 = ({ search = "", isLoading = false, items = [], onSearch }) => {
       /* @__PURE__ */ jsxs3(CommandList, { children: [
         !isLoading && /* @__PURE__ */ jsx4(CommandEmpty, { className: "flex h-52 items-center justify-center px-4", children: /* @__PURE__ */ jsx4("span", { className: "font-medium text-ui-text-800", children: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3" }) }),
         isLoading ? /* @__PURE__ */ jsx4(CommandLoading, { className: "flex h-52 items-center justify-center", children: /* @__PURE__ */ jsx4(
-          motion2.div,
+          motion.div,
           {
             animate: {
               scale: [1, 2, 2, 1, 1],

package/dist/Organisms/Header/index.js

@@ -1418,7 +1418,6 @@ import * as React3 from "react";
 // packages/Atoms/Dialog/index.tsx
 import * as React2 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
@@ -1441,7 +1440,7 @@ var DialogOverlay = React2.forwardRef(({ className, ...props }, reference) => /*
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React2.forwardRef(({ className, children, ...props }, reference) => /* @__PURE__ */ jsxs10(DialogPortal, { children: [
   /* @__PURE__ */ jsx17(DialogOverlay, {}),
-  /* @__PURE__ */ jsx17(
+  /* @__PURE__ */ jsxs10(
     DialogPrimitive.Content,
     {
       ref: reference,
@@ -1449,43 +1448,29 @@ var DialogContent = React2.forwardRef(({ className, children, ...props }, refere
         "fixed",
         "left-[50%] top-[50%] z-50",
         "grid w-full max-w-lg",
+        "rounded bg-ui-surface-50",
         "translate-x-[-50%] translate-y-[-50%]",
         "transition-all duration-300",
+        "data-[state=open]:animate-in",
+        "data-[state=open]:fade-in-0",
+        "data-[state=open]:zoom-in-95",
+        "data-[state=open]:slide-in-from-left-1/2",
+        "data-[state=open]:slide-in-from-top-[48%]",
         "data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0",
         "data-[state=closed]:zoom-out-[0.8]",
         "data-[state=closed]:slide-out-to-left-1/2",
-        "data-[state=closed]:slide-out-to-top-[80%]"
+        "data-[state=closed]:slide-out-to-top-[80%]",
+        className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs10(
-        motion.div,
-        {
-          initial: {
-            opacity: 0,
-            scale: 0.6,
-            y: -40
-          },
-          animate: {
-            opacity: 1,
-            scale: 1,
-            y: 0
-          },
-          transition: {
-            type: "spring",
-            damping: 20,
-            stiffness: 300
-          },
-          className: cn("w-full gap-4 bg-ui-surface-50 p-6 shadow-lg sm:rounded-lg", className),
-          children: [
-            children,
-            /* @__PURE__ */ jsxs10(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
-              /* @__PURE__ */ jsx17(X, { className: "size-4" }),
-              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
+      children: [
+        children,
+        /* @__PURE__ */ jsxs10(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx17(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
   )
 ] }));
@@ -1645,7 +1630,7 @@ CommandShortcut.displayName = "CommandShortcut";
 
 // packages/Molecules/Search/index.tsx
 import { CommandLoading } from "cmdk";
-import { motion as motion2 } from "framer-motion";
+import { motion } from "framer-motion";
 import { Fragment, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var Search2 = ({ search = "", isLoading = false, items = [], onSearch }) => {
   const [open, setOpen] = useState(false);
@@ -1698,7 +1683,7 @@ var Search2 = ({ search = "", isLoading = false, items = [], onSearch }) => {
       /* @__PURE__ */ jsxs12(CommandList, { children: [
         !isLoading && /* @__PURE__ */ jsx19(CommandEmpty, { className: "flex h-52 items-center justify-center px-4", children: /* @__PURE__ */ jsx19("span", { className: "font-medium text-ui-text-800", children: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3" }) }),
         isLoading ? /* @__PURE__ */ jsx19(CommandLoading, { className: "flex h-52 items-center justify-center", children: /* @__PURE__ */ jsx19(
-          motion2.div,
+          motion.div,
           {
             animate: {
               scale: [1, 2, 2, 1, 1],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@customafk/lunas-ui",
   "private": false,
-  "version": "0.0.2-o",
+  "version": "0.0.2-p",
   "type": "module",
   "homepage": "https://docs.customafk.com",
   "repository": {