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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/Atoms/Button/index.d.ts +2 -2
  2. package/dist/Atoms/Command/index.d.ts +7 -7
  3. package/dist/Atoms/Command/index.js +1 -1
  4. package/dist/Atoms/Drawer/index.d.ts +46 -0
  5. package/dist/Atoms/Drawer/index.js +319 -0
  6. package/dist/Atoms/Sheet/index.d.ts +1 -1
  7. package/dist/Atoms/UserAvatar/index.js +1 -1
  8. package/dist/Ecommerce/Categories/index.js +1 -1
  9. package/dist/Molecules/AuthenForm/index.d.ts +4 -4
  10. package/dist/Molecules/Search/index.js +4 -3
  11. package/dist/Molecules/UserDropdown/index.js +1 -1
  12. package/dist/Organisms/Header/index.js +2689 -1478
  13. package/package.json +7 -1
package/dist/Atoms/Button/index.d.ts CHANGED
@@ -4,8 +4,8 @@ import * as class_variance_authority_dist_types from 'class-variance-authority/d
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
 
6
6
  declare const buttonVariants: (props?: ({
7
- variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | null | undefined;
8
- size?: "base" | "small" | "default" | "large" | null | undefined;
7
+ variant?: "normal" | "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | null | undefined;
8
+ size?: "small" | "default" | "large" | "base" | null | undefined;
9
9
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
10
10
 
11
11
  interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
package/dist/Atoms/Command/index.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
8
8
  ref?: React.Ref<HTMLDivElement>;
9
9
  } & {
10
10
  asChild?: boolean;
11
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
11
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
12
12
  label?: string;
13
13
  shouldFilter?: boolean;
14
14
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -26,7 +26,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
26
26
  ref?: React.Ref<HTMLInputElement>;
27
27
  } & {
28
28
  asChild?: boolean;
29
- }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
29
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
30
30
  value?: string;
31
31
  onValueChange?: (search: string) => void;
32
32
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -36,7 +36,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
36
36
  ref?: React.Ref<HTMLDivElement>;
37
37
  } & {
38
38
  asChild?: boolean;
39
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
39
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
40
40
  label?: string;
41
41
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
42
42
  declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -45,14 +45,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
45
45
  ref?: React.Ref<HTMLDivElement>;
46
46
  } & {
47
47
  asChild?: boolean;
48
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
48
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
49
49
  declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
50
50
  children?: React.ReactNode;
51
51
  } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
52
52
  ref?: React.Ref<HTMLDivElement>;
53
53
  } & {
54
54
  asChild?: boolean;
55
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
55
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
56
56
  heading?: React.ReactNode;
57
57
  value?: string;
58
58
  forceMount?: boolean;
@@ -61,7 +61,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
61
61
  ref?: React.Ref<HTMLDivElement>;
62
62
  } & {
63
63
  asChild?: boolean;
64
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
64
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
65
65
  alwaysRender?: boolean;
66
66
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
67
67
  declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -70,7 +70,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
70
70
  ref?: React.Ref<HTMLDivElement>;
71
71
  } & {
72
72
  asChild?: boolean;
73
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
73
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
74
74
  disabled?: boolean;
75
75
  onSelect?: (value: string) => void;
76
76
  value?: string;
package/dist/Atoms/Command/index.js CHANGED
@@ -418,7 +418,7 @@ var CommandGroup = React2.forwardRef(({ className, ...props }, reference) => /*
418
418
  "[&_[cmdk-group-heading]]:py-1.5",
419
419
  "[&_[cmdk-group-heading]]:text-xs",
420
420
  "[&_[cmdk-group-heading]]:font-medium",
421
- "[&_[cmdk-group-heading]]:text-ui-text-800",
421
+ "[&_[cmdk-group-heading]]:text-ui-text-600",
422
422
  className
423
423
  ),
424
424
  ...props
package/dist/Atoms/Drawer/index.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ComponentProps, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
3
+ import { Drawer } from 'vaul';
4
+
5
+ declare const DrawerRoot: {
6
+ ({ shouldScaleBackground, ...props }: ComponentProps<typeof Drawer.Root>): react_jsx_runtime.JSX.Element;
7
+ displayName: string;
8
+ };
9
+ declare const DrawerTrigger: {
10
+ ({ className, ...props }: ComponentPropsWithoutRef<typeof Drawer.Trigger>): react_jsx_runtime.JSX.Element;
11
+ displayName: string;
12
+ };
13
+ declare const DrawerPortal: {
14
+ ({ ...props }: ComponentPropsWithoutRef<typeof Drawer.Portal>): react_jsx_runtime.JSX.Element;
15
+ displayName: string;
16
+ };
17
+ declare const DrawerClose: {
18
+ ({ className, ...props }: ComponentPropsWithoutRef<typeof Drawer.Close>): react_jsx_runtime.JSX.Element;
19
+ displayName: string;
20
+ };
21
+ declare const DrawerOverlay: {
22
+ ({ className, ...props }: ComponentPropsWithoutRef<typeof Drawer.Overlay>): react_jsx_runtime.JSX.Element;
23
+ displayName: string;
24
+ };
25
+ declare const DrawerContent: {
26
+ ({ className, children, ...props }: ComponentPropsWithoutRef<typeof Drawer.Content>): react_jsx_runtime.JSX.Element;
27
+ displayName: string;
28
+ };
29
+ declare const DrawerHeader: {
30
+ ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
31
+ displayName: string;
32
+ };
33
+ declare const DrawerFooter: {
34
+ ({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
35
+ displayName: string;
36
+ };
37
+ declare const DrawerTitle: {
38
+ ({ className, ...props }: ComponentPropsWithoutRef<typeof Drawer.Title>): react_jsx_runtime.JSX.Element;
39
+ displayName: string;
40
+ };
41
+ declare const DrawerDescription: {
42
+ ({ className, ...props }: ComponentPropsWithoutRef<typeof Drawer.Description>): react_jsx_runtime.JSX.Element;
43
+ displayName: string;
44
+ };
45
+
46
+ export { DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger };
package/dist/Atoms/Drawer/index.js ADDED
@@ -0,0 +1,319 @@
1
+ "use client";
2
+
3
+ // packages/tailwindTheme.ts
4
+ var themes = {
5
+ spacing: {
6
+ 30: "7.5rem",
7
+ // 120px
8
+ 33: "8.25rem"
9
+ // 132px
10
+ },
11
+ colors: {
12
+ ui: {
13
+ white: "#ffffff",
14
+ "white-primary": "#ffffff",
15
+ "black-primary": "#111315",
16
+ "bg-white": "#FAFAFA",
17
+ primary: {
18
+ default: "#6C70F0",
19
+ 50: "#EEF2FF",
20
+ 100: "#E0E7FF",
21
+ 200: "#C8D2FD",
22
+ 300: "#A6B6FB",
23
+ 400: "#828EF7",
24
+ 500: "#6C70F0",
25
+ 600: "#5048E3",
26
+ 700: "#443AC8",
27
+ 800: "#3731A2",
28
+ 900: "#312F80",
29
+ 950: "#1F1C4A"
30
+ },
31
+ secondary: {
32
+ default: "#C170FF",
33
+ 50: "#F9F1FF",
34
+ 100: "#F3E2FF",
35
+ 200: "#ECD4FF",
36
+ 300: "#E0B8FF",
37
+ 400: "#D49BFF",
38
+ 500: "#C170FF",
39
+ 600: "#AE65E6",
40
+ 700: "#9A5ACC",
41
+ 800: "#874EB3",
42
+ 900: "#613880",
43
+ 950: "#3A224C"
44
+ },
45
+ tertiary: {
46
+ default: "#5B8CFF",
47
+ 50: "#EFF4FF",
48
+ 100: "#DEE8FF",
49
+ 200: "#CEDDFF",
50
+ 300: "#BDD1FF",
51
+ 400: "#7CA3FF",
52
+ 500: "#5B8CFF",
53
+ 600: "#527EE6",
54
+ 700: "#4062B3",
55
+ 800: "#2E4680",
56
+ 900: "#243866",
57
+ 950: "#1B2A4C"
58
+ },
59
+ destructive: {
60
+ default: "#EF4444",
61
+ 50: "#FEF2F2",
62
+ 100: "#FEE2E2",
63
+ 200: "#FECACA",
64
+ 300: "#FCA5A5",
65
+ 400: "#F87171",
66
+ 500: "#EF4444",
67
+ 600: "#DC2626",
68
+ 700: "#B91C1C",
69
+ 800: "#991B1B",
70
+ 900: "#7F1D1D",
71
+ 950: "#450A0A"
72
+ },
73
+ success: {
74
+ default: "#22c55e",
75
+ 50: "#f0fdf4",
76
+ 100: "#dcfce7",
77
+ 200: "#bbf7d0",
78
+ 300: "#86efac",
79
+ 400: "#4ade80",
80
+ 500: "#22c55e",
81
+ 600: "#16a34a",
82
+ 700: "#15803d",
83
+ 800: "#166534",
84
+ 900: "#14532d",
85
+ 950: "#052e16"
86
+ },
87
+ warn: {
88
+ default: "#f59e0b",
89
+ 50: "#fffbeb",
90
+ 100: "#fef3c7",
91
+ 200: "#fde68a",
92
+ 300: "#fcd34d",
93
+ 400: "#fbbf24",
94
+ 500: "#f59e0b",
95
+ 600: "#d97706",
96
+ 700: "#b45309",
97
+ 800: "#92400e",
98
+ 900: "#78350f",
99
+ 950: "#451a03"
100
+ },
101
+ text: {
102
+ black: "#09090b",
103
+ white: "#fafafa",
104
+ 50: "#fafafa",
105
+ 100: "#f4f4f5",
106
+ 200: "#e4e4e7",
107
+ 300: "#d4d4d8",
108
+ 400: "#a1a1aa",
109
+ 500: "#71717a",
110
+ 600: "#52525b",
111
+ 700: "#3f3f46",
112
+ 800: "#27272a",
113
+ 900: "#18181b",
114
+ 950: "#09090b"
115
+ },
116
+ surface: {
117
+ default: "#ffffff",
118
+ 50: "#ffffff",
119
+ 100: "#f5f5f5",
120
+ 200: "#e5e5e5",
121
+ 300: "#d4d4d4",
122
+ 400: "#a3a3a3",
123
+ 500: "#737373",
124
+ 600: "#525252",
125
+ 700: "#404040",
126
+ 800: "#262626",
127
+ 900: "#171717",
128
+ 950: "#0a0a0a"
129
+ },
130
+ border: {
131
+ default: "#64748B",
132
+ 50: "#f9fafb",
133
+ 100: "#f3f4f6",
134
+ 200: "#e5e7eb",
135
+ 300: "#d1d5db",
136
+ 400: "#9ca3af",
137
+ 500: "#64748B",
138
+ 600: "#475569",
139
+ 700: "#334155",
140
+ 800: "#1E293B",
141
+ 900: "#0F172A",
142
+ 950: "#020817"
143
+ },
144
+ // TEXT COLOR
145
+ "text-primary": "#111315",
146
+ "text-secondary": "#30353C",
147
+ "text-third": "#30353CCC",
148
+ "text-placeholder": "#11131566",
149
+ "text-white-placeholder": "#FDFDFD99",
150
+ "text-black": {
151
+ primary: "#19191B",
152
+ secondary: "#222325",
153
+ third: "#292A2E",
154
+ fourth: "#5F606A",
155
+ placeholder: "#B2B3BD"
156
+ },
157
+ "text-white": {
158
+ primary: "#FCFCFC",
159
+ secondary: "#F9F9F9",
160
+ third: "#D9D9D9"
161
+ },
162
+ // COLOR SPECIAL
163
+ "positive-flat": "#4ADE80",
164
+ "destruction-flat": "#EF4444",
165
+ "neutral-flat": "#BFDBFE",
166
+ rating: "#FDE047",
167
+ input: {
168
+ border: {
169
+ active: "#71717A",
170
+ disabled: "#D4D4D8"
171
+ },
172
+ bg: {
173
+ default: "#FDFDFD",
174
+ error: "#FEF2F2"
175
+ }
176
+ }
177
+ }
178
+ },
179
+ backgroundImage: {
180
+ "ui-bg-color": "linear-gradient(110deg, #9CD5F5 3.09%, #B1B8E6 33.47%, rgba(185, 155, 215, 0.90) 62.82%, #A293DF 84.45%, #878AEA 106.08%)",
181
+ "ui-bg-page": "radial-gradient(70.47% 70.47% at 50% 50%, #FDFDFD 0%, #F3F1FF 50%, #F1FCFF 100%)",
182
+ "ui-btn-primary": "linear-gradient(180deg, #828EF7 0%, #6C70F0 100%)",
183
+ "ui-btn-secondary": "linear-gradient(180deg, #4277EF 0%, #669BF4 100%)",
184
+ "ui-btn-accept": "linear-gradient(282deg, #30C36D 6.81%, #6BCD8A 93.19%)",
185
+ "ui-btn-destructive": "linear-gradient(282deg, #FF384A 7.07%, #FF5463 92.93%)",
186
+ "ui-status-bg-positive": "linear-gradient(0deg, #C4FFD8 0%, #68FF9D 100%)",
187
+ "ui-status-bg-negative": "linear-gradient(0deg, #FECACA 0%, #FF8F8F 100%)",
188
+ "ui-status-bg-neutral": "linear-gradient(0deg, #E1EBFF 0%, #C7E8FF 100%)",
189
+ "ui-status-order": "linear-gradient(282deg, #30C36D 6.81%, #6BCD8A 93.19%)",
190
+ "ui-status-out-of-stock": "linear-gradient(282deg, #FF384A 7.07%, #FF5463 92.93%)",
191
+ "ui-status-in-stock": "linear-gradient(282deg, #30A8FF 6.81%, #73BAED 93.19%)",
192
+ "ui-line": "linear-gradient(90deg, #D3D4FF 0%, #7587EA 50%, #AEC0FF 100%)"
193
+ },
194
+ boxShadow: {
195
+ "ui-sd-primary": "0 4px 20px 0 rgba(104, 109, 224, 0.5)",
196
+ "ui-sd-base": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
197
+ "ui-sd-destructive": "0 10px 10px 0 rgba(255, 56, 74, 0.15)",
198
+ "ui-sd-accept": "0 10px 10px 0 rgba(46, 213, 115, 0.15)",
199
+ "ui-xl": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
200
+ "ui-soft": "0px 5px 12px 0px rgba(0, 67, 101, 0.08)",
201
+ "ui-muli": "0px 5px 50px 0px rgba(0, 67, 101, 0.08), 0px 2px 6px 0px rgba(130, 169, 188, 0.08)",
202
+ "ui-category-effect": "0px 4px 50px 0px rgba(0, 67, 101, 0.08)",
203
+ "ui-flat": "0px 0.25rem 0.625rem 0px rgba(99, 102, 241, 0.07)",
204
+ "ui-overlay": "0px 4px 4px 1px rgba(99, 102, 241, 0.04)",
205
+ "ui-sticky-nav": "0px 3px 12px -1px rgba(151, 71, 255, 0.07)",
206
+ "ui-dialog": "0px 8px 12px 0px rgba(99, 102, 241, 0.15)"
207
+ },
208
+ fontSize: {
209
+ "ui-h1": ["1.5rem", "2rem"],
210
+ "ui-h2": ["1.25rem", "1.75rem"],
211
+ "ui-h3": ["1.125rem", "1.75rem"],
212
+ "ui-p": ["1rem", "1.5rem"],
213
+ "ui-note": ["0.875rem", "1.25rem"],
214
+ "ui-small-note": ["0.75rem", "1rem"]
215
+ },
216
+ keyframes: {
217
+ "accordion-down": {
218
+ from: { height: "0" },
219
+ to: { height: "var(--radix-accordion-content-height)" }
220
+ },
221
+ "accordion-up": {
222
+ from: { height: "var(--radix-accordion-content-height)" },
223
+ to: { height: "0" }
224
+ }
225
+ },
226
+ animation: {
227
+ "accordion-down": "accordion-down 0.2s ease-out",
228
+ "accordion-up": "accordion-up 0.2s ease-out"
229
+ }
230
+ };
231
+ var tailwindTheme_default = themes;
232
+
233
+ // packages/libs/utils.ts
234
+ import clsx from "clsx";
235
+ import { extendTailwindMerge } from "tailwind-merge";
236
+ var customTailwindMerge = () => {
237
+ return extendTailwindMerge({
238
+ ...tailwindTheme_default,
239
+ prefix: ""
240
+ });
241
+ };
242
+ var cn = (...inputs) => {
243
+ const customTwMerge = customTailwindMerge();
244
+ return customTwMerge(clsx(inputs));
245
+ };
246
+
247
+ // packages/Atoms/Drawer/index.tsx
248
+ import { Drawer } from "vaul";
249
+ import { jsx, jsxs } from "react/jsx-runtime";
250
+ var DrawerRoot = ({
251
+ shouldScaleBackground = true,
252
+ ...props
253
+ }) => /* @__PURE__ */ jsx(Drawer.Root, { shouldScaleBackground, ...props });
254
+ DrawerRoot.displayName = "Drawer";
255
+ var DrawerTrigger = ({
256
+ className,
257
+ ...props
258
+ }) => /* @__PURE__ */ jsx(Drawer.Trigger, { className: cn(className), ...props });
259
+ DrawerTrigger.displayName = "DrawerTrigger";
260
+ var DrawerPortal = ({ ...props }) => /* @__PURE__ */ jsx(Drawer.Portal, { ...props });
261
+ DrawerPortal.displayName = "DrawerPortal";
262
+ var DrawerClose = ({ className, ...props }) => /* @__PURE__ */ jsx(Drawer.Close, { className: cn("absolute right-4 top-4", className), ...props });
263
+ DrawerClose.displayName = "DrawerClose";
264
+ var DrawerOverlay = ({
265
+ className,
266
+ ...props
267
+ }) => /* @__PURE__ */ jsx(Drawer.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80", className), ...props });
268
+ DrawerOverlay.displayName = "DrawerOverlay";
269
+ var DrawerContent = ({
270
+ className,
271
+ children,
272
+ ...props
273
+ }) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
274
+ /* @__PURE__ */ jsx(DrawerOverlay, {}),
275
+ /* @__PURE__ */ jsxs(
276
+ Drawer.Content,
277
+ {
278
+ className: cn(
279
+ "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-ui-surface-50",
280
+ className
281
+ ),
282
+ ...props,
283
+ children: [
284
+ /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-24 rounded-full bg-ui-border-300" }),
285
+ children
286
+ ]
287
+ }
288
+ )
289
+ ] });
290
+ DrawerContent.displayName = "DrawerContent";
291
+ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
292
+ DrawerHeader.displayName = "DrawerHeader";
293
+ var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
294
+ DrawerFooter.displayName = "DrawerFooter";
295
+ var DrawerTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(
296
+ Drawer.Title,
297
+ {
298
+ className: cn("text-lg font-semibold leading-none tracking-tight", className),
299
+ ...props
300
+ }
301
+ );
302
+ DrawerTitle.displayName = "DrawerTitle";
303
+ var DrawerDescription = ({
304
+ className,
305
+ ...props
306
+ }) => /* @__PURE__ */ jsx(Drawer.Description, { className: cn("text-muted-foreground text-sm", className), ...props });
307
+ DrawerDescription.displayName = "DrawerDescription";
308
+ export {
309
+ DrawerClose,
310
+ DrawerContent,
311
+ DrawerDescription,
312
+ DrawerFooter,
313
+ DrawerHeader,
314
+ DrawerOverlay,
315
+ DrawerPortal,
316
+ DrawerRoot,
317
+ DrawerTitle,
318
+ DrawerTrigger
319
+ };
package/dist/Atoms/Sheet/index.d.ts CHANGED
@@ -10,7 +10,7 @@ declare const SheetClose: React__default.ForwardRefExoticComponent<SheetPrimitiv
10
10
  declare const SheetPortal: React__default.FC<SheetPrimitive.DialogPortalProps>;
11
11
  declare const SheetOverlay: React__default.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
12
12
  declare const sheetVariants: (props?: ({
13
- side?: "top" | "bottom" | "left" | "right" | null | undefined;
13
+ side?: "top" | "right" | "bottom" | "left" | null | undefined;
14
14
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
15
15
  interface SheetContentProps extends ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
16
16
  }
package/dist/Atoms/UserAvatar/index.js CHANGED
@@ -444,7 +444,7 @@ var UserAvatar = memo(({ fullname, email, src: source, size, isButton = true })
444
444
  "enabled:hover:shadow-ui-flat",
445
445
  "enabled:hover:scale-110"
446
446
  ),
447
- children: source ? /* @__PURE__ */ jsx2(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx2(
447
+ children: source.length === 0 ? /* @__PURE__ */ jsx2(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx2(
448
448
  "img",
449
449
  {
450
450
  style: { width: size, height: size },
package/dist/Ecommerce/Categories/index.js CHANGED
@@ -830,7 +830,7 @@ var CommandGroup = React2.forwardRef(({ className, ...props }, reference) => /*
830
830
  "[&_[cmdk-group-heading]]:py-1.5",
831
831
  "[&_[cmdk-group-heading]]:text-xs",
832
832
  "[&_[cmdk-group-heading]]:font-medium",
833
- "[&_[cmdk-group-heading]]:text-ui-text-800",
833
+ "[&_[cmdk-group-heading]]:text-ui-text-600",
834
834
  className
835
835
  ),
836
836
  ...props
package/dist/Molecules/AuthenForm/index.d.ts CHANGED
@@ -19,23 +19,23 @@ declare const SignUpModel: z.ZodEffects<z.ZodObject<{
19
19
  confirmPassword: z.ZodString;
20
20
  }, "strip", z.ZodTypeAny, {
21
21
  email: string;
22
- fullname: string;
23
22
  password: string;
23
+ fullname: string;
24
24
  confirmPassword: string;
25
25
  }, {
26
26
  email: string;
27
- fullname: string;
28
27
  password: string;
28
+ fullname: string;
29
29
  confirmPassword: string;
30
30
  }>, {
31
31
  email: string;
32
- fullname: string;
33
32
  password: string;
33
+ fullname: string;
34
34
  confirmPassword: string;
35
35
  }, {
36
36
  email: string;
37
- fullname: string;
38
37
  password: string;
38
+ fullname: string;
39
39
  confirmPassword: string;
40
40
  }>;
41
41
 
package/dist/Molecules/Search/index.js CHANGED
@@ -419,7 +419,7 @@ var CommandGroup = React2.forwardRef(({ className, ...props }, reference) => /*
419
419
  "[&_[cmdk-group-heading]]:py-1.5",
420
420
  "[&_[cmdk-group-heading]]:text-xs",
421
421
  "[&_[cmdk-group-heading]]:font-medium",
422
- "[&_[cmdk-group-heading]]:text-ui-text-800",
422
+ "[&_[cmdk-group-heading]]:text-ui-text-600",
423
423
  className
424
424
  ),
425
425
  ...props
@@ -921,10 +921,11 @@ var Search2 = ({ search = "", isLoading = false, items = [], onSearch }) => {
921
921
  py: "1",
922
922
  width: "fit",
923
923
  gapX: "2",
924
- className: "mr-8 rounded-lg border border-neutral-200 bg-ui-surface-50 hover:cursor-pointer hover:bg-ui-surface-100",
924
+ className: "mr-2 grow justify-between rounded-lg border border-neutral-200 bg-ui-surface-50 hover:cursor-pointer hover:bg-ui-surface-100 sm:mr-8 md:grow-0 md:justify-start",
925
925
  onClick: handleOpen,
926
926
  children: [
927
- /* @__PURE__ */ jsx4("p", { className: "pt-0.5 text-ui-small-note font-medium text-ui-text-500", children: "T\xECm ki\u1EBFm s\u1EA3n ph\u1EA9m, th\u01B0\u01A1ng hi\u1EC7u,..." }),
927
+ /* @__PURE__ */ jsx4("p", { className: "hidden pt-0.5 text-ui-small-note font-medium text-ui-text-500 md:inline", children: "T\xECm ki\u1EBFm s\u1EA3n ph\u1EA9m, th\u01B0\u01A1ng hi\u1EC7u,..." }),
928
+ /* @__PURE__ */ jsx4("p", { className: "inline pt-0.5 text-ui-small-note font-medium text-ui-text-500 md:hidden", children: "T\xECm ki\u1EBFm" }),
928
929
  /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1 rounded-md bg-ui-surface-200 px-2 py-0.5 text-ui-small-note", children: [
929
930
  isMac ? /* @__PURE__ */ jsx4("kbd", { className: "mt-0.5 h-4", children: "\u2318" }) : /* @__PURE__ */ jsx4("kbd", { className: "mt-0.5 h-3 font-semibold", children: "^" }),
930
931
  /* @__PURE__ */ jsx4("span", { className: "text-ui-small-note font-medium", children: "K" })
package/dist/Molecules/UserDropdown/index.js CHANGED
@@ -607,7 +607,7 @@ var UserAvatar = memo2(({ fullname, email, src: source, size, isButton = true })
607
607
  "enabled:hover:shadow-ui-flat",
608
608
  "enabled:hover:scale-110"
609
609
  ),
610
- children: source ? /* @__PURE__ */ jsx5(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx5(
610
+ children: source.length === 0 ? /* @__PURE__ */ jsx5(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx5(
611
611
  "img",
612
612
  {
613
613
  style: { width: size, height: size },