@customafk/lunas-ui 0.0.2-c → 0.0.2-e

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

@@ -4,8 +4,8 @@ import * as class_variance_authority_dist_types from 'class-variance-authority/d
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "normal" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | null | undefined;
-    size?: "small" | "default" | "base" | "large" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | null | undefined;
+    size?: "default" | "base" | "large" | "small" | 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>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     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>>, "onChange" | "value" | "type"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     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>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     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>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & 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>>, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "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>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     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>>, "onSelect" | "value" | "disabled"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/Atoms/ScrollBar/index.js

@@ -254,13 +254,13 @@ var ScrollBar = forwardRef(({ className, orientation = "vertical", ...props }, r
     ref,
     orientation,
     className: cn(
-      "flex touch-none select-none transition-colors",
+      "flex touch-none select-none bg-ui-border-100 transition-all duration-300",
       orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-ui-border-400" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

package/dist/Organisms/Header/index.js

@@ -1069,13 +1069,13 @@ var ScrollBar = forwardRef4(({ className, orientation = "vertical", ...props },
     ref,
     orientation,
     className: cn(
-      "flex touch-none select-none transition-colors",
+      "flex touch-none select-none bg-ui-border-100 transition-all duration-300",
       orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx9(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
+    children: /* @__PURE__ */ jsx9(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-ui-border-400" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -2048,10 +2048,6 @@ var UserSheet = ({
   useEffect2(() => {
     setActiveItem(initialActiveItem);
   }, [initialActiveItem]);
-  useEffect2(() => {
-    if (!activeItem) return;
-    onSelectItem?.(activeItem);
-  }, [activeItem, onSelectItem]);
   return /* @__PURE__ */ jsxs16(Sheet, { children: [
     /* @__PURE__ */ jsx28(SheetTrigger, { className: "rounded-full border border-ui-border-200", children: /* @__PURE__ */ jsx28(UserAvatar_default, { fullname, email, src: avatar, size: 36 }) }),
     /* @__PURE__ */ jsxs16(SheetContent, { className: "w-64", children: [
@@ -2094,7 +2090,10 @@ var UserSheet = ({
                 name: "Th\xF4ng tin t\xE0i kho\u1EA3n",
                 isActive: activeItem === "PROFILE",
                 leftIcon: /* @__PURE__ */ jsx28(Lucide2UserIcon_default, { color: "currentColor", size: 16 }),
-                onClick: () => setActiveItem("PROFILE")
+                onClick: () => {
+                  setActiveItem("PROFILE");
+                  onSelectItem?.("PROFILE");
+                }
               }
             ),
             /* @__PURE__ */ jsx28(
@@ -2103,7 +2102,10 @@ var UserSheet = ({
                 name: "Thi\u1EBFt l\u1EADp an to\xE0n",
                 isActive: activeItem === "SECURITY",
                 leftIcon: /* @__PURE__ */ jsx28(Lucide2LockIcon_default, { color: "currentColor", size: 16 }),
-                onClick: () => setActiveItem("SECURITY")
+                onClick: () => {
+                  setActiveItem("SECURITY");
+                  onSelectItem?.("SECURITY");
+                }
               }
             ),
             /* @__PURE__ */ jsx28(
@@ -2112,7 +2114,10 @@ var UserSheet = ({
                 name: "Th\xF4ng b\xE1o",
                 isActive: activeItem === "NOTIFICATION",
                 leftIcon: /* @__PURE__ */ jsx28(Lucide2NotiIcon_default, { color: "currentColor", size: 16 }),
-                onClick: () => setActiveItem("NOTIFICATION")
+                onClick: () => {
+                  setActiveItem("NOTIFICATION");
+                  onSelectItem?.("NOTIFICATION");
+                }
               }
             ),
             /* @__PURE__ */ jsx28(
@@ -2121,7 +2126,10 @@ var UserSheet = ({
                 name: "Danh s\xE1ch \u0111\u01A1n h\xE0ng",
                 isActive: activeItem === "RESERVATION",
                 leftIcon: /* @__PURE__ */ jsx28(Lucide2ReservationIcon_default, { color: "currentColor", size: 16 }),
-                onClick: () => setActiveItem("RESERVATION")
+                onClick: () => {
+                  setActiveItem("RESERVATION");
+                  onSelectItem?.("RESERVATION");
+                }
               }
             ),
             /* @__PURE__ */ jsx28(
@@ -2130,7 +2138,10 @@ var UserSheet = ({
                 name: "Danh s\xE1ch \u0111\u1ECBa ch\u1EC9",
                 isActive: activeItem === "ADDRESS",
                 leftIcon: /* @__PURE__ */ jsx28(Lucide2AddressIcon_default, { color: "currentColor", size: 16 }),
-                onClick: () => setActiveItem("ADDRESS")
+                onClick: () => {
+                  setActiveItem("ADDRESS");
+                  onSelectItem?.("ADDRESS");
+                }
               }
             )
           ]
@@ -2142,7 +2153,10 @@ var UserSheet = ({
           name: "\u0110\u0103ng xu\u1EA5t",
           isActive: activeItem === "LOGOUT",
           leftIcon: /* @__PURE__ */ jsx28(Lucide2LogOutIcon_default, { color: "currentColor", size: 16 }),
-          onClick: () => setActiveItem("LOGOUT")
+          onClick: () => {
+            setActiveItem("LOGOUT");
+            onSelectItem?.("LOGOUT");
+          }
         }
       ) })
     ] })

package/package.json

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