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

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 (6) hide show
  1. package/dist/Atoms/Button/index.d.ts +2 -2
  2. package/dist/Atoms/Command/index.d.ts +3 -3
  3. package/dist/Atoms/Dialog/index.d.ts +9 -9
  4. package/dist/Atoms/Sheet/index.d.ts +10 -10
  5. package/dist/Ecommerce/Categories/index.js +9 -9
  6. package/package.json +1 -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?: "normal" | "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | null | undefined;
8
- size?: "small" | "default" | "large" | "base" | null | undefined;
7
+ variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | 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> {
package/dist/Atoms/Command/index.d.ts CHANGED
@@ -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" | "value" | "type"> & {
29
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
30
30
  value?: string;
31
31
  onValueChange?: (search: string) => void;
32
32
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -52,7 +52,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
52
52
  ref?: React.Ref<HTMLDivElement>;
53
53
  } & {
54
54
  asChild?: boolean;
55
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
55
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
56
56
  heading?: React.ReactNode;
57
57
  value?: string;
58
58
  forceMount?: boolean;
@@ -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>>, "onSelect" | "disabled" | "value"> & {
73
+ }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
74
74
  disabled?: boolean;
75
75
  onSelect?: (value: string) => void;
76
76
  value?: string;
package/dist/Atoms/Dialog/index.d.ts CHANGED
@@ -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 SheetPrimitive from '@radix-ui/react-dialog';
3
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
4
4
 
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>>;
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>>;
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<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>>;
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>>;
21
21
 
22
22
  export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
package/dist/Atoms/Sheet/index.d.ts CHANGED
@@ -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 SheetPrimitive from '@radix-ui/react-dialog';
4
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
 
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>>;
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>>;
12
12
  declare const sheetVariants: (props?: ({
13
- side?: "top" | "right" | "bottom" | "left" | null | undefined;
13
+ side?: "bottom" | "left" | "right" | "top" | null | undefined;
14
14
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
15
- interface SheetContentProps extends ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
15
+ interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.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<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>>;
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>>;
28
28
 
29
29
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
package/dist/Ecommerce/Categories/index.js CHANGED
@@ -443,7 +443,7 @@ var DateSelect = ({ onSortChange }) => {
443
443
  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-1", children: [
444
444
  /* @__PURE__ */ jsx3("p", { className: "text-ui-small-note font-medium text-ui-text-600", children: "S\u1EAFp x\u1EBFp theo" }),
445
445
  /* @__PURE__ */ jsxs2(Select, { onValueChange: onSortChange, defaultValue: "date-desc", children: [
446
- /* @__PURE__ */ jsx3(SelectTrigger, { className: "h-fit min-w-28 rounded border border-ui-border-400 px-2 py-1 text-ui-small-note font-semibold text-ui-text-500", children: /* @__PURE__ */ jsx3(SelectValue, { placeholder: "Gi\xE1 th\u1EA5p nh\u1EA5t" }) }),
446
+ /* @__PURE__ */ jsx3(SelectTrigger, { className: "h-fit rounded border border-ui-border-400 px-1 py-1 text-ui-small-note font-semibold text-ui-text-500 md:px-2", children: /* @__PURE__ */ jsx3(SelectValue, { placeholder: "Gi\xE1 th\u1EA5p nh\u1EA5t" }) }),
447
447
  /* @__PURE__ */ jsxs2(SelectContent, { className: "[&_div]:pl-2 [&_svg]:hidden", children: [
448
448
  /* @__PURE__ */ jsx3(SelectItem, { value: "price-asc", children: "Gi\xE1 th\u1EA5p nh\u1EA5t" }),
449
449
  /* @__PURE__ */ jsx3(SelectItem, { value: "price-desc", children: "Gi\xE1 cao nh\u1EA5t" }),
@@ -584,13 +584,13 @@ var AcceptBtn = ({ onFilterConfirm }) => {
584
584
  {
585
585
  variant: "outline",
586
586
  icon: /* @__PURE__ */ jsx6(Lucide2TunnelIcon_default, { size: 16, color: "#828EF7" }),
587
- className: "h-fit border-2 pl-4 pr-6 text-ui-note font-bold",
587
+ className: "h-[30px] border-2 pl-4 pr-4 text-ui-note font-bold lg:pr-6",
588
588
  onClick: () => onFilterConfirm?.({
589
589
  brand: brandSelected,
590
590
  price,
591
591
  sort
592
592
  }),
593
- children: /* @__PURE__ */ jsx6("span", { children: "L\u1ECDc k\u1EBFt qu\u1EA3" })
593
+ children: /* @__PURE__ */ jsx6("span", { className: "hidden lg:inline", children: "L\u1ECDc k\u1EBFt qu\u1EA3" })
594
594
  }
595
595
  )
596
596
  ] });
@@ -600,7 +600,7 @@ var AcceptBtn_default = AcceptBtn;
600
600
  // packages/Ecommerce/Categories/components/BrandTag.tsx
601
601
  import { jsx as jsx7 } from "react/jsx-runtime";
602
602
  var BrandTag = ({ name }) => {
603
- return /* @__PURE__ */ jsx7("div", { className: "size-fit select-none rounded border border-purple-400 bg-purple-50 px-3 py-1 text-ui-small-note font-semibold text-purple-500", children: name });
603
+ return /* @__PURE__ */ jsx7("div", { className: "size-fit max-w-[86px] select-none rounded border border-purple-400 bg-purple-50 px-1 py-1 text-xs font-semibold text-purple-500 md:max-w-max md:px-3 md:text-ui-small-note", children: name });
604
604
  };
605
605
  var BrandTag_default = BrandTag;
606
606
 
@@ -651,7 +651,7 @@ var FilterBtn = ({ title, onClick }) => {
651
651
  className: "flex h-fit items-center gap-x-1 rounded border border-dashed border-ui-border-400 px-3 py-1 shadow-ui-overlay",
652
652
  children: [
653
653
  /* @__PURE__ */ jsx10(Lucide2PlusIcon_default, { size: 16, color: "#A1A1AA" }),
654
- /* @__PURE__ */ jsx10("p", { className: "text-ui-small-note font-medium text-ui-text-400", children: title })
654
+ /* @__PURE__ */ jsx10("p", { className: "hidden text-ui-small-note font-medium text-ui-text-400 md:flex", children: title })
655
655
  ]
656
656
  }
657
657
  );
@@ -929,7 +929,7 @@ import { useCallback as useCallback3, useMemo as useMemo2, useState as useState4
929
929
  // packages/Ecommerce/Categories/components/PriceTag.tsx
930
930
  import { jsx as jsx14 } from "react/jsx-runtime";
931
931
  var PriceTag = ({ name }) => {
932
- return /* @__PURE__ */ jsx14("div", { className: "size-fit select-none text-nowrap rounded border border-ui-tertiary-400 bg-ui-tertiary-50 px-3 py-1 text-ui-small-note font-semibold text-ui-tertiary-500", children: name });
932
+ return /* @__PURE__ */ jsx14("div", { className: "size-fit select-none text-wrap rounded border border-ui-tertiary-400 bg-ui-tertiary-50 px-3 py-1 text-ui-small-note font-semibold text-ui-tertiary-500", children: name });
933
933
  };
934
934
  var PriceTag_default = PriceTag;
935
935
 
@@ -1405,16 +1405,16 @@ var CategoriesPage = ({
1405
1405
  /* @__PURE__ */ jsx22(BrandProvider_default, { children: /* @__PURE__ */ jsx22(PriceProvider_default, { children: /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-3 gap-x-6 p-0", children: [
1406
1406
  /* @__PURE__ */ jsxs12("div", { className: "flex grow flex-col gap-y-1", children: [
1407
1407
  /* @__PURE__ */ jsx22("p", { className: "text-ui-small-note font-medium text-ui-text-800", children: "Th\u01B0\u01A1ng hi\u1EC7u" }),
1408
- /* @__PURE__ */ jsxs12("div", { className: "flex h-full w-full flex-wrap gap-2 border-r border-ui-border-400", children: [
1408
+ /* @__PURE__ */ jsxs12("div", { className: "flex h-full w-full flex-wrap gap-2 border-r border-ui-border-400 pr-2", children: [
1409
1409
  /* @__PURE__ */ jsx22(BrandDisplay_default, {}),
1410
1410
  /* @__PURE__ */ jsx22(BrandModal_default, { data: brandData })
1411
1411
  ] })
1412
1412
  ] }),
1413
1413
  /* @__PURE__ */ jsxs12("div", { className: "flex grow flex-col gap-y-1", children: [
1414
1414
  /* @__PURE__ */ jsx22("p", { className: "text-ui-small-note font-medium text-ui-text-800", children: "Kho\u1EA3ng gi\xE1" }),
1415
- /* @__PURE__ */ jsx22("div", { className: "flex size-full flex-wrap items-start gap-2 border-r border-ui-border-400", children: /* @__PURE__ */ jsx22(PricePopover_default, {}) })
1415
+ /* @__PURE__ */ jsx22("div", { className: "flex size-full flex-wrap items-start gap-2 border-r border-ui-border-400 pr-2", children: /* @__PURE__ */ jsx22(PricePopover_default, {}) })
1416
1416
  ] }),
1417
- /* @__PURE__ */ jsx22("div", { className: "flex h-fit items-end justify-between gap-x-4", children: /* @__PURE__ */ jsx22(AcceptBtn_default, { onFilterConfirm }) })
1417
+ /* @__PURE__ */ jsx22("div", { className: "flex h-fit flex-wrap items-end justify-between gap-x-4 gap-y-2", children: /* @__PURE__ */ jsx22(AcceptBtn_default, { onFilterConfirm }) })
1418
1418
  ] }) }) })
1419
1419
  ]
1420
1420
  }
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-e",
5
+ "version": "0.0.3-f",
6
6
  "type": "module",
7
7
  "homepage": "https://docs.customafk.com",
8
8
  "repository": {