arkenstone-ui 0.0.17 → 0.0.18

package/dist/types/components/ui/form.d.ts

@@ -0,0 +1,24 @@
+import { Slot } from '@radix-ui/react-slot';
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import('react-hook-form').FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/types/components/ui/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/types/components/ui/icon.d.ts

@@ -0,0 +1,7 @@
+import { LucideIcon } from 'lucide-react';
+interface IconProps {
+    iconNode?: LucideIcon | null;
+    className?: string;
+}
+export declare function Icon({ iconNode: IconComponent, className }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/types/components/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/types/components/ui/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };

package/dist/types/components/ui/placeholder-pattern.d.ts

@@ -0,0 +1,5 @@
+interface PlaceholderPatternProps {
+    className?: string;
+}
+export declare function PlaceholderPattern({ className }: PlaceholderPatternProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/ui/popover.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/types/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/types/components/ui/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/types/components/ui/separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/types/components/ui/sheet.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/types/components/ui/sidebar.d.ts

@@ -0,0 +1,70 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Separator } from '../../components/ui/separator';
+import { TooltipContent } from './tooltip';
+import * as React from "react";
+type SidebarContext = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };

package/dist/types/components/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/types/components/ui/sonner.d.ts

@@ -0,0 +1,3 @@
+import { ToasterProps } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

package/dist/types/components/ui/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/types/components/ui/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/types/components/ui/toggle-group.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from './toggle';
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/types/components/ui/toggle.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/types/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/types/components/workspace/workspace.d.ts

@@ -0,0 +1 @@
+export default function Workspace(): import("react/jsx-runtime").JSX.Element;

package/dist/types/config/config.d.ts

@@ -0,0 +1,41 @@
+declare const Config: {
+    appName: string;
+    appDescription: string;
+    appSlogan: string;
+    appCompany: string;
+    appAuthors: {
+        name: string;
+        url: string;
+    }[];
+    appAuthorEmail: string;
+    appAuthorUrl: string;
+    appCompanyUrl: string;
+    appVersion: string;
+    lastUpdated: string;
+    apiVersion: string;
+    seller: {
+        name: string;
+        email: string;
+        phone: string;
+        whatsapp: string;
+        address: string;
+        website: string;
+        businessName: string;
+        businessEmail: string;
+        businessPhone: string;
+        businessWhatsapp: string;
+        businessAddress: string;
+        businessWebsite: string;
+    };
+    contact: {
+        address: string;
+        phone: string;
+        email: string;
+        website: string;
+        facebook: string;
+        instagram: string;
+        tiktok: string;
+        linkedin: string;
+    };
+};
+export default Config;

package/dist/types/e-commerce/index.d.ts

@@ -0,0 +1 @@
+export * from './product';

package/dist/types/e-commerce/product/components/catelog/components/category-filter.d.ts

@@ -0,0 +1,14 @@
+import { ClassNamesMap } from './filter';
+export type CategoryNode = {
+    label: string;
+    value: string | number | boolean;
+    children?: CategoryNode[];
+};
+export interface CategoryFilterProps {
+    options: CategoryNode[];
+    selected: (string | number | boolean)[];
+    onToggle: (values: (string | number | boolean)[]) => void;
+    level?: number;
+    classNames?: ClassNamesMap;
+}
+export default function CategoryFilter({ options, selected, onToggle, level, classNames, }: CategoryFilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/components/filter.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+export type ClassNamesMap = Partial<Record<"wrapper" | "item" | "title" | "collapseIcon" | "options" | "option" | "input" | "checkbox" | "radio" | "chip" | "toggle" | "color" | "image" | "rating" | "tag" | "icon" | "range" | "tree" | "treeNode" | "treeToggle" | "treeLabel" | "treeChildren" | "button", string>>;
+export interface FilterOption {
+    label: string;
+    value: string | number | boolean;
+    color?: string;
+    image?: string;
+    icon?: React.ReactNode;
+    rating?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    children?: FilterOption[];
+    className?: string;
+}
+export interface FilterOptionItemProps extends FilterOption {
+    type: "checkbox" | "radio" | "chip" | "toggle" | "switch" | "color" | "image" | "rating" | "tag" | "icon" | "range" | string;
+    selected: any;
+    onCheckboxToggle: (value: string) => void;
+    onRadioSelect: (value: any) => void;
+    classNames?: ClassNamesMap;
+}
+export interface FiltersProps {
+    filters: (FilterItemProps | FilterItemProps[])[];
+    direction?: "vertical" | "horizontal";
+    value?: Record<string, string | string[] | boolean | number>;
+    onChange?: (values: Record<string, string | string[] | boolean | number>) => void;
+    verticalFilterClassName?: string;
+    horizontalFilterClassName?: string;
+    customRenderers?: Record<string, React.ComponentType<FilterRenderProps>>;
+    globalClassNames?: ClassNamesMap;
+}
+export interface FilterItemProps {
+    id: string;
+    title: string;
+    options: FilterOption[];
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsibleIconUp?: React.ReactNode;
+    collapsibleIconDown?: React.ReactNode;
+    type?: string;
+    classNames?: ClassNamesMap;
+    component?: React.ComponentType<FilterRenderProps>;
+    render?: (props: FilterRenderProps) => React.ReactNode;
+    customProps?: Record<string, any>;
+    filterItemsClassName?: string;
+}
+export interface FilterItemInternalProps extends FilterItemProps {
+    state: Record<string, any>;
+    update: (id: string, value: any) => void;
+    customRenderers?: FiltersProps["customRenderers"];
+    globalClassNames?: ClassNamesMap;
+}
+export interface FilterRenderProps {
+    filter: FilterItemProps;
+    state: Record<string, any>;
+    update: (id: string, value: any) => void;
+    classNames?: ClassNamesMap;
+}
+export default function Filters({ filters, direction, value, onChange, verticalFilterClassName, horizontalFilterClassName, customRenderers, globalClassNames, }: FiltersProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './category-filter';
+export * from './filter';
+export * from './listing-controls';
+export * from './pagination';
+export * from './sort-bar';
+export * from './view-mode';

package/dist/types/e-commerce/product/components/catelog/components/listing-controls.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SortBarProps } from './sort-bar';
+import { ViewModeSwitcherProps } from './view-mode';
+export interface ListingControlProps {
+    sortProps?: SortBarProps;
+    viewModeProps?: ViewModeSwitcherProps;
+    sortComponent?: React.ReactNode;
+    viewModeComponent?: React.ReactNode;
+    extra?: React.ReactNode[];
+    direction?: "row" | "column";
+}
+export declare function ListingControl({ sortProps, viewModeProps, sortComponent, viewModeComponent, extra, direction, }: ListingControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/components/pagination.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface PaginationProps {
+    /** Current page number (1-indexed) */
+    page: number;
+    /** Total items available */
+    total: number;
+    /** Page size (items per page) */
+    pageSize: number;
+    /** Change handler */
+    onChange: (page: number) => void;
+    /** Optional customizations */
+    show?: {
+        arrows?: boolean;
+        pages?: boolean;
+        summary?: boolean;
+        pageSize?: boolean;
+    };
+    /** Custom render overrides */
+    customRender?: {
+        renderPrev?: React.ReactNode;
+        renderNext?: React.ReactNode;
+        renderPage?: (page: number, isActive: boolean) => React.ReactNode;
+        renderPageSize?: React.ReactNode;
+    };
+    /** Styling */
+    className?: {
+        container?: string;
+        summary?: string;
+        page?: string;
+        activePage?: string;
+        prevNext?: string;
+        pageSizeSelect?: string;
+        pageButton?: string;
+        disabled?: string;
+    };
+}
+export declare function Pagination({ page, total, pageSize, onChange, show, customRender, className }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/components/sort-bar.d.ts

@@ -0,0 +1,33 @@
+export interface SortOption {
+    label: string;
+    value: string;
+}
+export interface SortBarProps {
+    /** asc | desc */
+    sortOrder: "asc" | "desc";
+    /** Current sorting value */
+    sortBy: string;
+    /** Sorting options (developer can add more) */
+    sortOptions?: SortOption[];
+    /** Callbacks */
+    onSortChange: (order: "asc" | "desc") => void;
+    onSortByChange: (sortBy: string) => void;
+    labels?: {
+        orderTitle?: string;
+        orderButtonLabel?: string;
+        sortByTitle?: string;
+    };
+    /** Styling */
+    className?: {
+        order?: string;
+        orderDropdown?: string;
+        orderButton?: string;
+        dropdownContainer?: string;
+        sortByHeader?: string;
+        option?: string;
+        optionSelected?: string;
+        orderHeader?: string;
+        orderOption?: string;
+    };
+}
+export declare function SortBar({ sortOrder, sortBy, sortOptions, onSortChange, onSortByChange, labels, className, }: SortBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/components/view-mode.d.ts

@@ -0,0 +1,22 @@
+export type ViewMode = "card" | "list" | "table";
+export interface ViewModeSwitcherProps {
+    /** Current selected view mode */
+    mode: ViewMode;
+    /** Callback when user selects a different mode */
+    onChange: (mode: ViewMode) => void;
+    /** Optional: allow developer to pass custom modes or hide some */
+    availableModes?: ViewMode[];
+    /** Styles */
+    className?: {
+        container?: string;
+        button?: string;
+        selectedButton?: string;
+        unselectedButton?: string;
+        cardButton?: string;
+        listButton?: string;
+        tableButton?: string;
+        /** Icon size */
+        iconSize?: number;
+    };
+}
+export declare function ViewModeSwitcher({ mode, onChange, availableModes, className }: ViewModeSwitcherProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './layouts';
+export * from './pages';

package/dist/types/e-commerce/product/components/catelog/layouts/catelog-content-layout.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type CatalogLayoutProps = {
+    top?: ReactNode | false;
+    bottom?: ReactNode | false;
+    left?: ReactNode | false;
+    right?: ReactNode | false;
+    listings?: ReactNode | false;
+};
+export default function CatalogContentLayout({ top, left, listings, right, bottom, }: CatalogLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './catelog-content-layout';
+export * from './listings-layout';

package/dist/types/e-commerce/product/components/catelog/layouts/listings-layout.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface ListingProps<T> {
+    /** Component or element for the controls (search, filters, etc.) */
+    controls?: React.ReactNode;
+    /** Component or element for rendering the list of items */
+    list: React.ReactNode;
+    /** Component or element for pagination controls */
+    pagination?: React.ReactNode;
+    /** Optional className for styling */
+    className?: string;
+}
+export declare function Listing<T>({ controls, list, pagination, className }: ListingProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/e-commerce/product/components/catelog/pages/default-catelog.d.ts

@@ -0,0 +1 @@
+export default function DefaultCatalogPage(): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/catelog/pages/index.d.ts

@@ -0,0 +1 @@
+export * from './default-catelog';

package/dist/types/e-commerce/product/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './catelog';
+export * from './product-card';

package/dist/types/e-commerce/product/components/product-card/components/add-to-cart-button.d.ts

@@ -0,0 +1,19 @@
+export interface AddToCartButtonProps {
+    /** Triggered when user clicks add-to-cart */
+    onAddToCart?: () => void;
+    iconOnly?: boolean;
+    showIconWithText?: boolean;
+    /** Icon Node */
+    icon?: React.ReactNode;
+    className?: string;
+    /** Labels */
+    labels?: {
+        addToCartText?: string;
+        inCartText?: string;
+    };
+    state?: {
+        isOutOfStock?: boolean;
+        isInCart?: boolean;
+    };
+}
+export declare function AddToCart({ onAddToCart, iconOnly, showIconWithText, icon, className, labels, state }: AddToCartButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/product-card/components/brand-title.d.ts

@@ -0,0 +1,16 @@
+export interface BrandTitleProps {
+    brand?: React.ReactNode;
+    title?: React.ReactNode;
+    show?: {
+        brand?: boolean;
+        title?: boolean;
+    };
+    brandPlacement?: "before" | "after" | "hidden" | "top" | "bottom";
+    className?: {
+        brand?: string;
+        title?: string;
+        wrapper?: string;
+        separator?: string;
+    };
+}
+export declare function BrandTitle({ brand, title, show, brandPlacement, className, }: BrandTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/product-card/components/categories.d.ts

@@ -0,0 +1,19 @@
+export interface CategoryItem {
+    id: string | number;
+    name: string;
+}
+export interface CategoriesBadgeListProps {
+    categories: CategoryItem[];
+    /** Max categories to display before "+X" appears */
+    maxCategories?: number;
+    /** Show +X badge */
+    showRemainingCount?: boolean;
+    className?: {
+        position?: string;
+        category?: string;
+        remaining?: string;
+        wrapper?: string;
+    };
+    onCategoryClick?: (category: CategoryItem) => void;
+}
+export declare function CategoriesBadgeList({ categories, maxCategories, showRemainingCount, className, onCategoryClick, }: CategoriesBadgeListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/e-commerce/product/components/product-card/components/discount-badge.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type DiscountType = "percentage" | "fixed" | null;
+export interface DiscountBadgeProps {
+    /** Example: 25 will render "25% OFF" */
+    discount?: number;
+    discountType?: DiscountType;
+    /** ISO code or symbol (e.g. "USD" or "$") */
+    currency?: string;
+    fractionDigits?: number;
+    renderLabel?: (value: number, type: DiscountType) => React.ReactNode;
+    className?: string;
+}
+export declare function DiscountBadge({ discount, discountType, currency, fractionDigits, renderLabel, className, }: DiscountBadgeProps): import("react/jsx-runtime").JSX.Element | null;