@customafk/lunas-ui 0.0.2-n → 0.0.2-o

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" | "outline" | "normal" | "secondary" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | null | undefined;
-    size?: "base" | "small" | "default" | "large" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | null | undefined;
+    size?: "small" | "default" | "base" | "large" | 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" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | 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" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
     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" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | 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" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | 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" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     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" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | 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" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/Atoms/Command/index.js

@@ -354,6 +354,7 @@ var DialogDescription = React.forwardRef(({ className, ...props }, reference) =>
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // packages/Atoms/Command/index.tsx
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -370,25 +371,28 @@ var Command = React2.forwardRef(({ className, ...props }, reference) => /* @__PU
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx2(Dialog, { ...props, children: /* @__PURE__ */ jsx2(DialogContent, { className: "p-0 shadow-lg", children: /* @__PURE__ */ jsx2(
-    Command,
-    {
-      className: cn(
-        "bg-neutral-50",
-        "[&_[cmdk-group-heading]]:px-0",
-        "[&_[cmdk-group-heading]]:font-medium",
-        "[&_[cmdk-group-heading]]:text-ui-text-800",
-        "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0",
-        "[&_[cmdk-group]]:px-2",
-        "[&_[cmdk-input-wrapper]_svg]:size-5",
-        "[&_[cmdk-input]]:h-12",
-        "[&_[cmdk-item]]:px-2",
-        "[&_[cmdk-item]]:py-3",
-        "[&_[cmdk-item]_svg]:size-5"
-      ),
-      children
-    }
-  ) }) });
+  return /* @__PURE__ */ jsxs2(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsx2(DialogContent, { className: "p-0 shadow-lg", children: /* @__PURE__ */ jsx2(
+      Command,
+      {
+        className: cn(
+          "bg-neutral-50",
+          "[&_[cmdk-group-heading]]:px-0",
+          "[&_[cmdk-group-heading]]:font-medium",
+          "[&_[cmdk-group-heading]]:text-ui-text-800",
+          "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0",
+          "[&_[cmdk-group]]:px-2",
+          "[&_[cmdk-input-wrapper]_svg]:size-5",
+          "[&_[cmdk-input]]:h-12",
+          "[&_[cmdk-item]]:px-2",
+          "[&_[cmdk-item]]:py-3",
+          "[&_[cmdk-item]_svg]:size-5"
+        ),
+        children
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(VisuallyHidden, { children: /* @__PURE__ */ jsx2(DialogTitle, {}) })
+  ] });
 };
 var CommandInput = React2.forwardRef(({ className, ...props }, reference) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center border-b px-3", children: [
   /* @__PURE__ */ jsx2(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),

package/dist/Ecommerce/Categories/index.d.ts

@@ -0,0 +1,32 @@
+import { FC, ReactNode } from 'react';
+
+type TBrand = {
+    uuid: string;
+    name: string;
+};
+
+type TPrice = {
+    value: string;
+    label: string;
+    option: {
+        from: number;
+        to: number;
+    };
+};
+
+interface IProps {
+    initialLayout: 'GRID' | 'LIST';
+    brandData: {
+        uuid: string;
+        name: string;
+    }[];
+    onFilterConfirm?: (data?: {
+        brand?: TBrand[];
+        price?: TPrice;
+        sort?: 'price-asc' | 'price-desc' | 'date-asc' | 'date-desc';
+    }) => void;
+    children?: ReactNode;
+}
+declare const CategoriesPage: FC<IProps>;
+
+export { CategoriesPage as default };