@customafk/lunas-ui 0.0.2-x → 0.0.2-z

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>>, "value" | "heading"> & {
+}, "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/Form/index.js

@@ -1,9 +1,11 @@
+"use client";
+
 // packages/Atoms/Form/index.tsx
 import * as React2 from "react";
 import {
-  Controller as ControllerBase,
-  FormProvider as FormProviderBase,
-  useFormContext as useFormContextBase
+  Controller,
+  FormProvider,
+  useFormContext
 } from "react-hook-form";
 
 // packages/Atoms/Label/index.tsx
@@ -266,17 +268,17 @@ Label.displayName = LabelPrimitive.Root.displayName;
 // packages/Atoms/Form/index.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var Form = FormProviderBase;
+var Form = FormProvider;
 var FormFieldContext = React2.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx2(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx2(ControllerBase, { ...props }) });
+  return /* @__PURE__ */ jsx2(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx2(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React2.useContext(FormFieldContext);
   const itemContext = React2.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContextBase();
+  const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -293,55 +295,64 @@ var useFormField = () => {
 };
 var FormItemContext = React2.createContext({});
 var FormItem = React2.forwardRef(
-  ({ className, ...props }, reference) => {
+  ({ className, ...props }, ref) => {
     const id = React2.useId();
-    return /* @__PURE__ */ jsx2(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx2("div", { ref: reference, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ jsx2(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx2("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React2.forwardRef(({ className, ...props }, reference) => {
+var FormLabel = React2.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx2(
     Label,
     {
-      ref: reference,
-      className: cn(error && "text-destructive", className),
+      ref,
+      className: cn(error && "text-ui-destructive-500", className),
       htmlFor: formItemId,
       ...props
     }
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React2.forwardRef(({ ...props }, reference) => {
-  const { formItemId } = useFormField();
-  return /* @__PURE__ */ jsx2(Slot, { ref: reference, id: formItemId, ...props });
+var FormControl = React2.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx2(
+    Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React2.forwardRef(({ className, ...props }, reference) => {
+var FormDescription = React2.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx2(
     "p",
     {
-      ref: reference,
+      ref,
       id: formDescriptionId,
-      className: cn("text-muted-foreground text-sm", className),
+      className: cn("text-sm text-ui-text-500", className),
       ...props
     }
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React2.forwardRef(({ className, children, ...props }, reference) => {
+var FormMessage = React2.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
-    return void 0;
+    return null;
   }
   return /* @__PURE__ */ jsx2(
     "p",
     {
-      ref: reference,
+      ref,
       id: formMessageId,
-      className: cn("text-destructive text-sm font-medium", className),
+      className: cn("text-sm font-medium text-ui-destructive-500", className),
       ...props,
       children: body
     }

package/dist/Atoms/UserAvatar/index.js

@@ -444,7 +444,7 @@ var UserAvatar = memo(({ fullname, email, src: source, size, isButton = true })
         "enabled:hover:shadow-ui-flat",
         "enabled:hover:scale-110"
       ),
-      children: source ? /* @__PURE__ */ jsx2(
+      children: source ? /* @__PURE__ */ jsx2(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx2(
         "img",
         {
           style: { width: size, height: size },
@@ -452,7 +452,7 @@ var UserAvatar = memo(({ fullname, email, src: source, size, isButton = true })
           src: source,
           alt: fullname
         }
-      ) : /* @__PURE__ */ jsx2(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size })
+      )
     }
   );
 });

package/dist/Authentication/SignIn/index.js

@@ -335,9 +335,9 @@ var Button_default = Button;
 // packages/Atoms/Form/index.tsx
 import * as React2 from "react";
 import {
-  Controller as ControllerBase,
-  FormProvider as FormProviderBase,
-  useFormContext as useFormContextBase
+  Controller,
+  FormProvider,
+  useFormContext
 } from "react-hook-form";
 
 // packages/Atoms/Label/index.tsx
@@ -354,17 +354,17 @@ Label.displayName = LabelPrimitive.Root.displayName;
 // packages/Atoms/Form/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var Form = FormProviderBase;
+var Form = FormProvider;
 var FormFieldContext = React2.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx3(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx3(ControllerBase, { ...props }) });
+  return /* @__PURE__ */ jsx3(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx3(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React2.useContext(FormFieldContext);
   const itemContext = React2.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContextBase();
+  const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -381,55 +381,64 @@ var useFormField = () => {
 };
 var FormItemContext = React2.createContext({});
 var FormItem = React2.forwardRef(
-  ({ className, ...props }, reference) => {
+  ({ className, ...props }, ref) => {
     const id = React2.useId();
-    return /* @__PURE__ */ jsx3(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx3("div", { ref: reference, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ jsx3(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx3("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React2.forwardRef(({ className, ...props }, reference) => {
+var FormLabel = React2.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx3(
     Label,
     {
-      ref: reference,
-      className: cn(error && "text-destructive", className),
+      ref,
+      className: cn(error && "text-ui-destructive-500", className),
       htmlFor: formItemId,
       ...props
     }
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React2.forwardRef(({ ...props }, reference) => {
-  const { formItemId } = useFormField();
-  return /* @__PURE__ */ jsx3(Slot2, { ref: reference, id: formItemId, ...props });
+var FormControl = React2.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx3(
+    Slot2,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React2.forwardRef(({ className, ...props }, reference) => {
+var FormDescription = React2.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx3(
     "p",
     {
-      ref: reference,
+      ref,
       id: formDescriptionId,
-      className: cn("text-muted-foreground text-sm", className),
+      className: cn("text-sm text-ui-text-500", className),
       ...props
     }
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React2.forwardRef(({ className, children, ...props }, reference) => {
+var FormMessage = React2.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
-    return void 0;
+    return null;
   }
   return /* @__PURE__ */ jsx3(
     "p",
     {
-      ref: reference,
+      ref,
       id: formMessageId,
-      className: cn("text-destructive text-sm font-medium", className),
+      className: cn("text-sm font-medium text-ui-destructive-500", className),
       ...props,
       children: body
     }

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, {
-    email: string;
     fullname: string;
+    email: string;
     password: string;
     confirmPassword: string;
 }, {
-    email: string;
     fullname: string;
+    email: string;
     password: string;
     confirmPassword: string;
 }>, {
-    email: string;
     fullname: string;
+    email: string;
     password: string;
     confirmPassword: string;
 }, {
-    email: string;
     fullname: string;
+    email: string;
     password: string;
     confirmPassword: string;
 }>;

package/dist/Authentication/SignUp/index.js

@@ -370,9 +370,9 @@ var Button_default = Button;
 // packages/Atoms/Form/index.tsx
 import * as React2 from "react";
 import {
-  Controller as ControllerBase,
-  FormProvider as FormProviderBase,
-  useFormContext as useFormContextBase
+  Controller,
+  FormProvider,
+  useFormContext
 } from "react-hook-form";
 
 // packages/Atoms/Label/index.tsx
@@ -389,17 +389,17 @@ Label.displayName = LabelPrimitive.Root.displayName;
 // packages/Atoms/Form/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var Form = FormProviderBase;
+var Form = FormProvider;
 var FormFieldContext = React2.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx4(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx4(ControllerBase, { ...props }) });
+  return /* @__PURE__ */ jsx4(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx4(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React2.useContext(FormFieldContext);
   const itemContext = React2.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContextBase();
+  const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -416,55 +416,64 @@ var useFormField = () => {
 };
 var FormItemContext = React2.createContext({});
 var FormItem = React2.forwardRef(
-  ({ className, ...props }, reference) => {
+  ({ className, ...props }, ref) => {
     const id = React2.useId();
-    return /* @__PURE__ */ jsx4(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx4("div", { ref: reference, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ jsx4(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx4("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React2.forwardRef(({ className, ...props }, reference) => {
+var FormLabel = React2.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx4(
     Label,
     {
-      ref: reference,
-      className: cn(error && "text-destructive", className),
+      ref,
+      className: cn(error && "text-ui-destructive-500", className),
       htmlFor: formItemId,
       ...props
     }
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React2.forwardRef(({ ...props }, reference) => {
-  const { formItemId } = useFormField();
-  return /* @__PURE__ */ jsx4(Slot2, { ref: reference, id: formItemId, ...props });
+var FormControl = React2.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx4(
+    Slot2,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React2.forwardRef(({ className, ...props }, reference) => {
+var FormDescription = React2.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx4(
     "p",
     {
-      ref: reference,
+      ref,
       id: formDescriptionId,
-      className: cn("text-muted-foreground text-sm", className),
+      className: cn("text-sm text-ui-text-500", className),
       ...props
     }
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React2.forwardRef(({ className, children, ...props }, reference) => {
+var FormMessage = React2.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
-    return void 0;
+    return null;
   }
   return /* @__PURE__ */ jsx4(
     "p",
     {
-      ref: reference,
+      ref,
       id: formMessageId,
-      className: cn("text-destructive text-sm font-medium", className),
+      className: cn("text-sm font-medium text-ui-destructive-500", className),
       ...props,
       children: body
     }

package/dist/Molecules/AuthenForm/index.js

@@ -931,9 +931,9 @@ var Button_default = Button;
 // packages/Atoms/Form/index.tsx
 import * as React2 from "react";
 import {
-  Controller as ControllerBase,
-  FormProvider as FormProviderBase,
-  useFormContext as useFormContextBase
+  Controller,
+  FormProvider,
+  useFormContext
 } from "react-hook-form";
 
 // packages/Atoms/Label/index.tsx
@@ -950,17 +950,17 @@ Label.displayName = LabelPrimitive.Root.displayName;
 // packages/Atoms/Form/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { jsx as jsx12 } from "react/jsx-runtime";
-var Form = FormProviderBase;
+var Form = FormProvider;
 var FormFieldContext = React2.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx12(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx12(ControllerBase, { ...props }) });
+  return /* @__PURE__ */ jsx12(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx12(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React2.useContext(FormFieldContext);
   const itemContext = React2.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContextBase();
+  const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -977,55 +977,64 @@ var useFormField = () => {
 };
 var FormItemContext = React2.createContext({});
 var FormItem = React2.forwardRef(
-  ({ className, ...props }, reference) => {
+  ({ className, ...props }, ref) => {
     const id = React2.useId();
-    return /* @__PURE__ */ jsx12(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx12("div", { ref: reference, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ jsx12(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx12("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React2.forwardRef(({ className, ...props }, reference) => {
+var FormLabel = React2.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx12(
     Label,
     {
-      ref: reference,
-      className: cn(error && "text-destructive", className),
+      ref,
+      className: cn(error && "text-ui-destructive-500", className),
       htmlFor: formItemId,
       ...props
     }
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React2.forwardRef(({ ...props }, reference) => {
-  const { formItemId } = useFormField();
-  return /* @__PURE__ */ jsx12(Slot2, { ref: reference, id: formItemId, ...props });
+var FormControl = React2.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx12(
+    Slot2,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React2.forwardRef(({ className, ...props }, reference) => {
+var FormDescription = React2.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx12(
     "p",
     {
-      ref: reference,
+      ref,
       id: formDescriptionId,
-      className: cn("text-muted-foreground text-sm", className),
+      className: cn("text-sm text-ui-text-500", className),
       ...props
     }
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React2.forwardRef(({ className, children, ...props }, reference) => {
+var FormMessage = React2.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
-    return void 0;
+    return null;
   }
   return /* @__PURE__ */ jsx12(
     "p",
     {
-      ref: reference,
+      ref,
       id: formMessageId,
-      className: cn("text-destructive text-sm font-medium", className),
+      className: cn("text-sm font-medium text-ui-destructive-500", className),
       ...props,
       children: body
     }

package/dist/Molecules/UserDropdown/index.js

@@ -607,7 +607,7 @@ var UserAvatar = memo2(({ fullname, email, src: source, size, isButton = true })
         "enabled:hover:shadow-ui-flat",
         "enabled:hover:scale-110"
       ),
-      children: source ? /* @__PURE__ */ jsx5(
+      children: source ? /* @__PURE__ */ jsx5(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx5(
         "img",
         {
           style: { width: size, height: size },
@@ -615,7 +615,7 @@ var UserAvatar = memo2(({ fullname, email, src: source, size, isButton = true })
           src: source,
           alt: fullname
         }
-      ) : /* @__PURE__ */ jsx5(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size })
+      )
     }
   );
 });

package/dist/Organisms/Header/index.d.ts

@@ -39,6 +39,7 @@ interface IHeaderProps {
     onShowAllProduct?: () => void;
     onCartCheckout?: () => void;
     onCartShowAll?: () => void;
+    onCartTypeSelected?: (value: 'ORDER' | 'IN_STOCK') => void;
     onCategorySelected?: (slug: string) => void;
 }
 declare const Header: FC<IHeaderProps>;

package/dist/Organisms/Header/index.js

@@ -1467,7 +1467,8 @@ var CartSheet = ({
   inStock,
   order,
   onCheckout,
-  onShowAll
+  onShowAll,
+  onTypeSelected
 }) => {
   const formattedMoney = new Intl.NumberFormat("vi-VN").format(moneyTotal ?? 0);
   const formattedQuantity = new Intl.NumberFormat("vi-VN").format(quantityTotal ?? 0);
@@ -1489,8 +1490,8 @@ var CartSheet = ({
           className: "relative flex w-full flex-col items-center overflow-auto",
           children: [
             /* @__PURE__ */ jsxs9(TabsList, { className: "h-fit w-[90%] *:w-1/2", children: [
-              /* @__PURE__ */ jsx18(TabsTrigger, { value: "order", children: "H\xE0ng \u0111\u1EB7t tr\u01B0\u1EDBc" }),
-              /* @__PURE__ */ jsx18(TabsTrigger, { value: "in_stock", children: "H\xE0ng c\xF3 s\u1EB5n" })
+              /* @__PURE__ */ jsx18(TabsTrigger, { value: "order", onClick: () => onTypeSelected?.("ORDER"), children: "H\xE0ng \u0111\u1EB7t tr\u01B0\u1EDBc" }),
+              /* @__PURE__ */ jsx18(TabsTrigger, { value: "in_stock", onClick: () => onTypeSelected?.("IN_STOCK"), children: "H\xE0ng c\xF3 s\u1EB5n" })
             ] }),
             /* @__PURE__ */ jsxs9(ScrollArea, { className: "relative w-full", children: [
               /* @__PURE__ */ jsx18(TabsContent, { value: "order", className: "w-full overflow-auto px-2", children: order }),
@@ -2061,7 +2062,7 @@ var UserAvatar = memo7(({ fullname, email, src: source, size, isButton = true })
         "enabled:hover:shadow-ui-flat",
         "enabled:hover:scale-110"
       ),
-      children: source ? /* @__PURE__ */ jsx24(
+      children: source ? /* @__PURE__ */ jsx24(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx24(
         "img",
         {
           style: { width: size, height: size },
@@ -2069,7 +2070,7 @@ var UserAvatar = memo7(({ fullname, email, src: source, size, isButton = true })
           src: source,
           alt: fullname
         }
-      ) : /* @__PURE__ */ jsx24(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size })
+      )
     }
   );
 });
@@ -2391,6 +2392,7 @@ var Header = memo9((props) => {
     onCartCheckout,
     onCartShowAll,
     onShowAllProduct,
+    onCartTypeSelected,
     onCategorySelected
   } = props;
   return /* @__PURE__ */ jsxs17(
@@ -2475,7 +2477,8 @@ var Header = memo9((props) => {
                   inStock: cartInStock,
                   moneyTotal: cartsAmountTotal,
                   onCheckout: onCartCheckout,
-                  onShowAll: onCartShowAll
+                  onShowAll: onCartShowAll,
+                  onTypeSelected: onCartTypeSelected
                 }
               )
             ]

package/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package",
   "name": "@customafk/lunas-ui",
   "private": false,
-  "version": "0.0.2-x",
+  "version": "0.0.2-z",
   "type": "module",
   "homepage": "https://docs.customafk.com",
   "repository": {