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

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.
@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
5
5
 
6
6
  declare const buttonVariants: (props?: ({
7
7
  variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | null | undefined;
8
- size?: "small" | "default" | "base" | "large" | null | undefined;
8
+ size?: "base" | "small" | "default" | "large" | null | undefined;
9
9
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
10
10
 
11
11
  interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
8
8
  ref?: React.Ref<HTMLDivElement>;
9
9
  } & {
10
10
  asChild?: boolean;
11
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
11
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
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>>, "value" | "onChange" | "type"> & {
29
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
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" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
39
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
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" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
48
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & 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" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
55
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
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" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
64
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
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" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
73
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
74
74
  disabled?: boolean;
75
75
  onSelect?: (value: string) => void;
76
76
  value?: string;
@@ -1,13 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import * as DialogPrimitive from '@radix-ui/react-dialog';
3
+ import * as SheetPrimitive from '@radix-ui/react-dialog';
4
4
 
5
- declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
6
- declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
- declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
8
- declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
9
- declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const Dialog: React.FC<SheetPrimitive.DialogProps>;
6
+ declare const DialogTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
+ declare const DialogPortal: React.FC<SheetPrimitive.DialogPortalProps>;
8
+ declare const DialogClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
9
+ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
11
  declare const DialogHeader: {
12
12
  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
13
13
  displayName: string;
@@ -16,7 +16,7 @@ declare const DialogFooter: {
16
16
  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
17
17
  displayName: string;
18
18
  };
19
- declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
20
- declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
19
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
20
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
21
21
 
22
22
  export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
@@ -277,13 +277,15 @@ var Input = memo(
277
277
  className: cn(
278
278
  "w-full",
279
279
  "rounded border border-ui-border-400 bg-transparent",
280
- "px-3 py-1",
281
- "text-ui-note text-ui-text-500",
280
+ "px-3 py-1.5",
281
+ "!text-ui-note text-ui-text-700",
282
282
  "outline-none",
283
283
  "focus-within:text-ui-text-800",
284
284
  "focus-within:border-ui-primary-500",
285
285
  "focus-within:ring-4",
286
286
  "focus-within:ring-ui-primary-100",
287
+ "placeholder:!text-ui-note",
288
+ "placeholder:text-ui-text-500",
287
289
  "transition-colors duration-300",
288
290
  icon && "pl-12",
289
291
  isErrored && "border-ui-destructive-500",
@@ -292,18 +292,20 @@ var SelectTrigger = forwardRef(({ className, children, ...props }, ref) => /* @_
292
292
  ref,
293
293
  className: cn(
294
294
  "flex items-center justify-between",
295
- "h-10 w-full",
295
+ "h-9 w-full",
296
296
  "px-3 py-2",
297
- "rounded-md border border-ui-primary-500",
297
+ "rounded-md border border-ui-border-400",
298
298
  "text-sm",
299
299
  "bg-ui-surface-50",
300
300
  "placeholder:text-ui-text-500",
301
301
  "focus:outline-none",
302
302
  "focus:ring-1",
303
303
  "focus:ring-offset-2",
304
+ "focus:border-ui-primary-500",
304
305
  "focus:ring-offset-ui-primary-200",
305
306
  "disabled:cursor-not-allowed",
306
307
  "disabled:opacity-50 [&>span]:line-clamp-1",
308
+ "transition-colors duration-300",
307
309
  className
308
310
  ),
309
311
  ...props,
@@ -387,7 +389,7 @@ var SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
387
389
  SelectPrimitive.Label,
388
390
  {
389
391
  ref,
390
- className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
392
+ className: cn("py-1.5 pl-4 pr-2 text-sm font-semibold", className),
391
393
  ...props
392
394
  }
393
395
  ));
@@ -400,21 +402,23 @@ var SelectItem = forwardRef(({ className, children, ...props }, ref) => /* @__PU
400
402
  "relative",
401
403
  "flex items-center",
402
404
  "w-full",
403
- "py-1.5 pl-8 pr-2",
405
+ "py-2 pl-4 pr-6",
404
406
  "rounded-sm",
405
407
  "text-sm",
406
408
  "cursor-pointer",
407
409
  "select-none",
408
410
  "outline-none",
409
- "focus:bg-ui-primary-100",
410
- "focus:text-ui-text-900",
411
+ "text-ui-text-600",
412
+ "focus:bg-ui-primary-50",
413
+ "focus:text-ui-text-800",
411
414
  "data-[disabled]:pointer-events-none",
412
415
  "data-[disabled]:opacity-50",
416
+ "transition-colors duration-200",
413
417
  className
414
418
  ),
415
419
  ...props,
416
420
  children: [
417
- /* @__PURE__ */ jsx2("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { className: "size-4" }) }) }),
421
+ /* @__PURE__ */ jsx2("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { size: 16 }) }) }),
418
422
  /* @__PURE__ */ jsx2(SelectPrimitive.ItemText, { children })
419
423
  ]
420
424
  }
@@ -1,18 +1,18 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
3
3
  import React__default, { ComponentPropsWithoutRef } from 'react';
4
- import * as DialogPrimitive from '@radix-ui/react-dialog';
4
+ import * as SheetPrimitive from '@radix-ui/react-dialog';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
 
7
- declare const Sheet: React__default.FC<DialogPrimitive.DialogProps>;
8
- declare const SheetTrigger: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
9
- declare const SheetClose: React__default.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
10
- declare const SheetPortal: React__default.FC<DialogPrimitive.DialogPortalProps>;
11
- declare const SheetOverlay: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
7
+ declare const Sheet: React__default.FC<SheetPrimitive.DialogProps>;
8
+ declare const SheetTrigger: React__default.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
9
+ declare const SheetClose: React__default.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
10
+ declare const SheetPortal: React__default.FC<SheetPrimitive.DialogPortalProps>;
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?: "bottom" | "left" | "right" | "top" | null | undefined;
13
+ side?: "top" | "bottom" | "left" | "right" | null | undefined;
14
14
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
15
- interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
15
+ interface SheetContentProps extends ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
16
16
  }
17
17
  declare const SheetContent: React__default.ForwardRefExoticComponent<SheetContentProps & React__default.RefAttributes<HTMLDivElement>>;
18
18
  declare const SheetHeader: {
@@ -23,7 +23,7 @@ declare const SheetFooter: {
23
23
  ({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
24
24
  displayName: string;
25
25
  };
26
- declare const SheetTitle: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>, "ref"> & React__default.RefAttributes<HTMLHeadingElement>>;
27
- declare const SheetDescription: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
26
+ declare const SheetTitle: React__default.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>, "ref"> & React__default.RefAttributes<HTMLHeadingElement>>;
27
+ declare const SheetDescription: React__default.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
28
28
 
29
29
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
@@ -295,18 +295,20 @@ var SelectTrigger = forwardRef(({ className, children, ...props }, ref) => /* @_
295
295
  ref,
296
296
  className: cn(
297
297
  "flex items-center justify-between",
298
- "h-10 w-full",
298
+ "h-9 w-full",
299
299
  "px-3 py-2",
300
- "rounded-md border border-ui-primary-500",
300
+ "rounded-md border border-ui-border-400",
301
301
  "text-sm",
302
302
  "bg-ui-surface-50",
303
303
  "placeholder:text-ui-text-500",
304
304
  "focus:outline-none",
305
305
  "focus:ring-1",
306
306
  "focus:ring-offset-2",
307
+ "focus:border-ui-primary-500",
307
308
  "focus:ring-offset-ui-primary-200",
308
309
  "disabled:cursor-not-allowed",
309
310
  "disabled:opacity-50 [&>span]:line-clamp-1",
311
+ "transition-colors duration-300",
310
312
  className
311
313
  ),
312
314
  ...props,
@@ -390,7 +392,7 @@ var SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
390
392
  SelectPrimitive.Label,
391
393
  {
392
394
  ref,
393
- className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
395
+ className: cn("py-1.5 pl-4 pr-2 text-sm font-semibold", className),
394
396
  ...props
395
397
  }
396
398
  ));
@@ -403,21 +405,23 @@ var SelectItem = forwardRef(({ className, children, ...props }, ref) => /* @__PU
403
405
  "relative",
404
406
  "flex items-center",
405
407
  "w-full",
406
- "py-1.5 pl-8 pr-2",
408
+ "py-2 pl-4 pr-6",
407
409
  "rounded-sm",
408
410
  "text-sm",
409
411
  "cursor-pointer",
410
412
  "select-none",
411
413
  "outline-none",
412
- "focus:bg-ui-primary-100",
413
- "focus:text-ui-text-900",
414
+ "text-ui-text-600",
415
+ "focus:bg-ui-primary-50",
416
+ "focus:text-ui-text-800",
414
417
  "data-[disabled]:pointer-events-none",
415
418
  "data-[disabled]:opacity-50",
419
+ "transition-colors duration-200",
416
420
  className
417
421
  ),
418
422
  ...props,
419
423
  children: [
420
- /* @__PURE__ */ jsx2("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { className: "size-4" }) }) }),
424
+ /* @__PURE__ */ jsx2("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { size: 16 }) }) }),
421
425
  /* @__PURE__ */ jsx2(SelectPrimitive.ItemText, { children })
422
426
  ]
423
427
  }
@@ -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
- password: string;
23
22
  fullname: string;
23
+ password: string;
24
24
  confirmPassword: string;
25
25
  }, {
26
26
  email: string;
27
- password: string;
28
27
  fullname: string;
28
+ password: string;
29
29
  confirmPassword: string;
30
30
  }>, {
31
31
  email: string;
32
- password: string;
33
32
  fullname: string;
33
+ password: string;
34
34
  confirmPassword: string;
35
35
  }, {
36
36
  email: string;
37
- password: string;
38
37
  fullname: string;
38
+ password: string;
39
39
  confirmPassword: string;
40
40
  }>;
41
41
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://json.schemastore.org/package",
3
3
  "name": "@customafk/lunas-ui",
4
4
  "private": false,
5
- "version": "0.0.3-a",
5
+ "version": "0.0.3-c",
6
6
  "type": "module",
7
7
  "homepage": "https://docs.customafk.com",
8
8
  "repository": {