@techsio/ui-kit 0.0.0

package/dist/src/organisms/table.d.ts

@@ -0,0 +1,250 @@
+import { type ComponentPropsWithoutRef, type RefObject } from 'react';
+import type { VariantProps } from 'tailwind-variants';
+declare const tableVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        line: {
+            root: string;
+            row: string;
+        };
+        outline: {
+            root: string;
+        };
+        striped: {
+            row: string;
+        };
+    };
+    interactive: {
+        true: {
+            row: string;
+        };
+    };
+    size: {
+        sm: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+        md: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+        lg: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            columnHeader: string;
+        };
+    };
+    stickyFirstColumn: {
+        true: {
+            columnHeader: string[];
+            cell: string[];
+        };
+    };
+    showColumnBorder: {
+        true: {
+            columnHeader: string;
+            cell: string;
+        };
+    };
+    captionPlacement: {
+        top: {
+            caption: string;
+        };
+        bottom: {
+            caption: string;
+        };
+    };
+}, {
+    root: string[];
+    caption: string[];
+    header: string[];
+    body: string;
+    footer: string[];
+    row: string[];
+    columnHeader: string[];
+    cell: string[];
+}, undefined, {
+    variant: {
+        line: {
+            root: string;
+            row: string;
+        };
+        outline: {
+            root: string;
+        };
+        striped: {
+            row: string;
+        };
+    };
+    interactive: {
+        true: {
+            row: string;
+        };
+    };
+    size: {
+        sm: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+        md: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+        lg: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            columnHeader: string;
+        };
+    };
+    stickyFirstColumn: {
+        true: {
+            columnHeader: string[];
+            cell: string[];
+        };
+    };
+    showColumnBorder: {
+        true: {
+            columnHeader: string;
+            cell: string;
+        };
+    };
+    captionPlacement: {
+        top: {
+            caption: string;
+        };
+        bottom: {
+            caption: string;
+        };
+    };
+}, {
+    root: string[];
+    caption: string[];
+    header: string[];
+    body: string;
+    footer: string[];
+    row: string[];
+    columnHeader: string[];
+    cell: string[];
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        line: {
+            root: string;
+            row: string;
+        };
+        outline: {
+            root: string;
+        };
+        striped: {
+            row: string;
+        };
+    };
+    interactive: {
+        true: {
+            row: string;
+        };
+    };
+    size: {
+        sm: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+        md: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+        lg: {
+            cell: string;
+            columnHeader: string;
+            caption: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            columnHeader: string;
+        };
+    };
+    stickyFirstColumn: {
+        true: {
+            columnHeader: string[];
+            cell: string[];
+        };
+    };
+    showColumnBorder: {
+        true: {
+            columnHeader: string;
+            cell: string;
+        };
+    };
+    captionPlacement: {
+        top: {
+            caption: string;
+        };
+        bottom: {
+            caption: string;
+        };
+    };
+}, {
+    root: string[];
+    caption: string[];
+    header: string[];
+    body: string;
+    footer: string[];
+    row: string[];
+    columnHeader: string[];
+    cell: string[];
+}, undefined, unknown, unknown, undefined>>;
+interface TableProps extends VariantProps<typeof tableVariants>, ComponentPropsWithoutRef<'table'> {
+    ref?: RefObject<HTMLTableElement>;
+}
+export declare function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, showColumnBorder, captionPlacement, children, ref, className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Table {
+    var Caption: ({ children, ref, className, ...props }: TableCaptionProps) => import("react/jsx-runtime").JSX.Element;
+    var Header: ({ children, ref, className, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    var Body: ({ children, ref, className, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+    var Footer: ({ children, ref, className, ...props }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
+    var Row: ({ children, ref, className, selected, ...props }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+    var ColumnHeader: ({ children, ref, className, numeric, ...props }: TableColumnHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    var Cell: ({ children, ref, className, numeric, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+    var displayName: string;
+}
+interface TableCaptionProps extends ComponentPropsWithoutRef<'caption'> {
+    ref?: RefObject<HTMLTableCaptionElement>;
+}
+interface TableHeaderProps extends ComponentPropsWithoutRef<'thead'> {
+    ref?: RefObject<HTMLTableSectionElement>;
+}
+interface TableBodyProps extends ComponentPropsWithoutRef<'tbody'> {
+    ref?: RefObject<HTMLTableSectionElement>;
+}
+interface TableFooterProps extends ComponentPropsWithoutRef<'tfoot'> {
+    ref?: RefObject<HTMLTableSectionElement>;
+}
+interface TableRowProps extends ComponentPropsWithoutRef<'tr'> {
+    ref?: RefObject<HTMLTableRowElement>;
+    selected?: boolean;
+}
+interface TableColumnHeaderProps extends ComponentPropsWithoutRef<'th'> {
+    ref?: RefObject<HTMLTableCellElement>;
+    numeric?: boolean;
+}
+interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
+    ref?: RefObject<HTMLTableCellElement>;
+    numeric?: boolean;
+}
+export {};
+//# sourceMappingURL=table.d.ts.map

package/dist/src/organisms/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/organisms/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA4FjB,CAAA;AAyBF,UAAU,UACR,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,EACxC,wBAAwB,CAAC,OAAO,CAAC;IACnC,GAAG,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CA6BZ;yBAzCe,KAAK;0DAqDlB,iBAAiB;yDAoBjB,gBAAgB;uDAoBhB,cAAc;yDAoBd,gBAAgB;gEAsBhB,aAAa;wEA2Bb,sBAAsB;gEA4BtB,cAAc;;;AAlJjB,UAAU,iBAAkB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IACrE,GAAG,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAA;CACzC;AAkBD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IAClE,GAAG,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAA;CACzC;AAkBD,UAAU,cAAe,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IAChE,GAAG,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAA;CACzC;AAkBD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IAClE,GAAG,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAA;CACzC;AAkBD,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC5D,GAAG,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAwBD,UAAU,sBAAuB,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IACrE,GAAG,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAA;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAyBD,UAAU,cAAe,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC7D,GAAG,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAA;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/src/templates/accordion.d.ts

@@ -0,0 +1,15 @@
+import type { IconType } from '../atoms/icon';
+import { type AccordionProps } from '../molecules/accordion';
+export interface AccordionItem {
+    value: string;
+    title: string;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionTemplateProps extends Omit<AccordionProps, 'children'> {
+    items: AccordionItem[];
+    showIndicator?: boolean;
+    indicatorIcon?: IconType;
+}
+export declare function AccordionTemplate({ items, showIndicator, indicatorIcon, variant, size, shadow, collapsible, multiple, defaultValue, value, onChange, ref, className, ...accordionProps }: AccordionTemplateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/src/templates/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/templates/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEvE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACxC,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAA;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,aAAoB,EACpB,aAA8C,EAC9C,OAAmB,EACnB,IAAW,EACX,MAAe,EACf,WAAkB,EAClB,QAAgB,EAChB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,cAAc,EAClB,EAAE,sBAAsB,2CA8BxB"}

package/dist/src/templates/carousel.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType } from 'react';
+import type { IconType } from '../atoms/icon';
+import { type CarouselRootProps, type CarouselSlide } from '../molecules/carousel';
+export interface CarouselTemplateProps<T extends ElementType> extends Omit<CarouselRootProps<T>, 'children' | 'slideCount'> {
+    slides: CarouselSlide[];
+    showControls?: boolean;
+    showIndicators?: boolean;
+    showAutoplay?: boolean;
+    prevIcon?: IconType;
+    nextIcon?: IconType;
+}
+export declare function CarouselTemplate<T extends ElementType>({ slides, showControls, showIndicators, showAutoplay, prevIcon, nextIcon, size, objectFit, aspectRatio, orientation, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, imageAs, width, height, className, onPageChange, ...carouselProps }: CarouselTemplateProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/src/templates/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/templates/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAA;AAE9B,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,WAAW,CAC1D,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC7D,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,EACtD,MAAM,EACN,YAAmB,EACnB,cAAqB,EACrB,YAAoB,EACpB,QAAqC,EACrC,QAAqC,EACrC,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,GAAG,aAAa,EACjB,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAgD1B"}

package/dist/src/templates/numeric-input.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'react';
+import type { IconType } from '../atoms/icon';
+import { type NumericInputProps } from '../atoms/numeric-input';
+export interface NumericInputTemplateProps extends Omit<NumericInputProps, 'children' | 'ref'> {
+    showControls?: boolean;
+    showScrubber?: boolean;
+    controlsPosition?: 'right' | 'sides';
+    incrementIcon?: IconType;
+    decrementIcon?: IconType;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function NumericInputTemplate({ showControls, showScrubber, controlsPosition, incrementIcon, decrementIcon, className, ref, ...numericInputProps }: NumericInputTemplateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=numeric-input.d.ts.map

package/dist/src/templates/numeric-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/templates/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE7E,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,KAAK,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACpC,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAmB,EACnB,YAAoB,EACpB,gBAA0B,EAC1B,aAAoD,EACpD,aAAoD,EACpD,SAAS,EACT,GAAG,EACH,GAAG,iBAAiB,EACrB,EAAE,yBAAyB,2CAgC3B"}

package/dist/src/templates/product-card.d.ts

@@ -0,0 +1,33 @@
+import { type BadgeProps } from '../atoms/badge';
+import { type ProductCardProps } from '../molecules/product-card';
+export interface ProductCardTemplateProps extends Pick<ProductCardProps, 'layout'> {
+    image?: {
+        src: string;
+        alt: string;
+    };
+    name?: string;
+    price?: string;
+    originalPrice?: string;
+    badges?: BadgeProps[];
+    rating?: {
+        value: number;
+        /** Total number of rating items to display (e.g., 5 for 5 stars) */
+        count?: number;
+        /** Number of reviews/ratings from users */
+        reviewCount?: number;
+    };
+    stock?: {
+        status?: 'in-stock' | 'limited-stock' | 'out-of-stock';
+        label: string;
+    };
+    showActions?: boolean;
+    onAddToCart?: () => void;
+    onViewDetails?: () => void;
+    onAddToWishlist?: () => void;
+    cartButtonText?: string;
+    detailButtonText?: string;
+    wishlistButtonText?: string;
+    className?: string;
+}
+export declare function ProductCardTemplate({ image, name, price, originalPrice, badges, rating, stock, showActions, onAddToCart, onViewDetails, onAddToWishlist, cartButtonText, detailButtonText, wishlistButtonText, layout, className, }: ProductCardTemplateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-card.d.ts.map

package/dist/src/templates/product-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/templates/product-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAG9E,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACxC,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,oEAAoE;QACpE,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,2CAA2C;QAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,UAAU,GAAG,eAAe,GAAG,cAAc,CAAA;QACtD,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,aAAa,EACb,MAAM,EACN,MAAM,EACN,KAAK,EACL,WAAkB,EAClB,WAAW,EACX,aAAa,EACb,eAAe,EACf,cAA8B,EAC9B,gBAAiC,EACjC,kBAAsC,EACtC,MAAiB,EACjB,SAAS,GACV,EAAE,wBAAwB,2CAiG1B"}

package/dist/src/templates/tabs.d.ts

@@ -0,0 +1,16 @@
+import type * as React from 'react';
+import type { Ref } from 'react';
+import { type TabsProps } from '../molecules/tabs';
+export interface TabItem {
+    value: string;
+    label: string;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TabsTemplateProps extends Omit<TabsProps, 'children' | 'ref'> {
+    items: TabItem[];
+    showIndicator?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function TabsTemplate({ items, showIndicator, variant, size, fitted, justify, orientation, defaultValue, value, onValueChange, ref, className, ...tabsProps }: TabsTemplateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/src/templates/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/templates/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,KAAK,CAAC;IAC5E,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,OAAmB,EACnB,IAAW,EACX,MAAc,EACd,OAAiB,EACjB,WAA0B,EAC1B,YAAY,EACZ,KAAK,EACL,aAAa,EACb,GAAG,EACH,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAmCnB"}

package/dist/src/types/zag.d.ts

@@ -0,0 +1,19 @@
+export type * as Accordion from '@zag-js/accordion';
+export type * as Carousel from '@zag-js/carousel';
+export type * as Checkbox from '@zag-js/checkbox';
+export type * as Combobox from '@zag-js/combobox';
+export type * as Dialog from '@zag-js/dialog';
+export type * as Menu from '@zag-js/menu';
+export type * as NumberInput from '@zag-js/number-input';
+export type * as Pagination from '@zag-js/pagination';
+export type * as Popover from '@zag-js/popover';
+export type * as RatingGroup from '@zag-js/rating-group';
+export type * as Select from '@zag-js/select';
+export type * as Slider from '@zag-js/slider';
+export type * as Steps from '@zag-js/steps';
+export type * as Switch from '@zag-js/switch';
+export type * as Tabs from '@zag-js/tabs';
+export type * as Toast from '@zag-js/toast';
+export type * as Tooltip from '@zag-js/tooltip';
+export type * as TreeView from '@zag-js/tree-view';
+//# sourceMappingURL=zag.d.ts.map

package/dist/src/types/zag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}

package/dist/src/utils.d.ts

@@ -0,0 +1,4 @@
+import type { TV } from 'tailwind-variants';
+export declare const tv: TV;
+export declare function slugify(str: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAS3C,eAAO,MAAM,EAAE,EAAE,EAMf,CAAA;AAEF,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UASlC"}

package/dist/templates/accordion.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Accordion } from "../molecules/accordion.js";
+function AccordionTemplate({ items, showIndicator = true, indicatorIcon = 'token-icon-accordion-chevron', variant = 'default', size = 'md', shadow = 'none', collapsible = true, multiple = false, defaultValue, value, onChange, ref, className, ...accordionProps }) {
+    return /*#__PURE__*/ jsx(Accordion, {
+        ref: ref,
+        variant: variant,
+        size: size,
+        shadow: shadow,
+        collapsible: collapsible,
+        multiple: multiple,
+        defaultValue: defaultValue,
+        value: value,
+        onChange: onChange,
+        className: className,
+        ...accordionProps,
+        children: items.map((item)=>/*#__PURE__*/ jsxs(Accordion.Item, {
+                value: item.value,
+                disabled: item.disabled,
+                children: [
+                    /*#__PURE__*/ jsxs(Accordion.Header, {
+                        children: [
+                            /*#__PURE__*/ jsx(Accordion.Title, {
+                                children: item.title
+                            }),
+                            showIndicator && /*#__PURE__*/ jsx(Accordion.Indicator, {
+                                icon: indicatorIcon
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Accordion.Content, {
+                        children: item.content
+                    })
+                ]
+            }, item.value))
+    });
+}
+export { AccordionTemplate };

package/dist/templates/carousel.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Carousel } from "../molecules/carousel.js";
+function CarouselTemplate({ slides, showControls = true, showIndicators = true, showAutoplay = false, prevIcon = 'token-icon-carousel-prev', nextIcon = 'token-icon-carousel-next', size, objectFit, aspectRatio, orientation, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, imageAs, width, height, className, onPageChange, ...carouselProps }) {
+    return /*#__PURE__*/ jsxs(Carousel, {
+        size: size,
+        objectFit: objectFit,
+        aspectRatio: aspectRatio,
+        orientation: orientation,
+        slideCount: slides.length,
+        loop: loop,
+        autoplay: autoplay,
+        allowMouseDrag: allowMouseDrag,
+        slidesPerPage: slidesPerPage,
+        slidesPerMove: slidesPerMove,
+        spacing: spacing,
+        padding: padding,
+        imageAs: imageAs,
+        width: width,
+        height: height,
+        className: className,
+        onPageChange: onPageChange,
+        ...carouselProps,
+        children: [
+            /*#__PURE__*/ jsx(Carousel.Slides, {
+                slides: slides,
+                imageAs: imageAs,
+                width: width,
+                height: height
+            }),
+            (showControls || showIndicators) && /*#__PURE__*/ jsxs(Carousel.Control, {
+                children: [
+                    showControls && /*#__PURE__*/ jsx(Carousel.Previous, {
+                        icon: prevIcon
+                    }),
+                    showControls && showIndicators && /*#__PURE__*/ jsx("div", {
+                        className: "flex-1"
+                    }),
+                    showIndicators && /*#__PURE__*/ jsx(Carousel.Indicators, {
+                        children: slides.map((slide, index)=>/*#__PURE__*/ jsx(Carousel.Indicator, {
+                                index: index
+                            }, slide.id))
+                    }),
+                    showControls && showIndicators && /*#__PURE__*/ jsx("div", {
+                        className: "flex-1"
+                    }),
+                    showControls && /*#__PURE__*/ jsx(Carousel.Next, {
+                        icon: nextIcon
+                    })
+                ]
+            }),
+            showAutoplay && /*#__PURE__*/ jsx(Carousel.Autoplay, {})
+        ]
+    });
+}
+export { CarouselTemplate };

package/dist/templates/numeric-input.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NumericInput } from "../atoms/numeric-input.js";
+function NumericInputTemplate({ showControls = true, showScrubber = false, controlsPosition = 'right', incrementIcon = 'token-icon-numeric-input-increment', decrementIcon = 'token-icon-numeric-input-decrement', className, ref, ...numericInputProps }) {
+    if ('right' === controlsPosition) return /*#__PURE__*/ jsx(NumericInput, {
+        ...numericInputProps,
+        ref: ref,
+        className: className,
+        children: /*#__PURE__*/ jsxs(NumericInput.Control, {
+            children: [
+                showScrubber && /*#__PURE__*/ jsx(NumericInput.Scrubber, {}),
+                /*#__PURE__*/ jsx(NumericInput.Input, {}),
+                showControls && /*#__PURE__*/ jsxs(NumericInput.TriggerContainer, {
+                    children: [
+                        /*#__PURE__*/ jsx(NumericInput.IncrementTrigger, {
+                            icon: incrementIcon
+                        }),
+                        /*#__PURE__*/ jsx(NumericInput.DecrementTrigger, {
+                            icon: decrementIcon
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ jsx(NumericInput, {
+        ...numericInputProps,
+        ref: ref,
+        className: className,
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex items-center gap-50",
+            children: [
+                showControls && /*#__PURE__*/ jsx(NumericInput.DecrementTrigger, {
+                    icon: decrementIcon
+                }),
+                /*#__PURE__*/ jsxs(NumericInput.Control, {
+                    className: "flex-1",
+                    children: [
+                        showScrubber && /*#__PURE__*/ jsx(NumericInput.Scrubber, {}),
+                        /*#__PURE__*/ jsx(NumericInput.Input, {})
+                    ]
+                }),
+                showControls && /*#__PURE__*/ jsx(NumericInput.IncrementTrigger, {
+                    icon: incrementIcon
+                })
+            ]
+        })
+    });
+}
+export { NumericInputTemplate };

package/dist/templates/product-card.js

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "../atoms/badge.js";
+import { ProductCard } from "../molecules/product-card.js";
+import { slugify } from "../utils.js";
+function ProductCardTemplate({ image, name, price, originalPrice, badges, rating, stock, showActions = true, onAddToCart, onViewDetails, onAddToWishlist, cartButtonText = 'Add to Cart', detailButtonText = 'View Details', wishlistButtonText = 'Add to Wishlist', layout = 'column', className }) {
+    return /*#__PURE__*/ jsxs(ProductCard, {
+        layout: layout,
+        className: className,
+        children: [
+            image && /*#__PURE__*/ jsx(ProductCard.Image, {
+                src: image.src,
+                alt: image.alt
+            }),
+            badges && badges.length > 0 && /*#__PURE__*/ jsx(ProductCard.Badges, {
+                children: badges.map((badge)=>{
+                    if ('dynamic' === badge.variant) return /*#__PURE__*/ jsx(Badge, {
+                        variant: "dynamic",
+                        bgColor: badge.bgColor,
+                        fgColor: badge.fgColor,
+                        borderColor: badge.borderColor,
+                        children: badge.children
+                    }, slugify(badge.children));
+                    return /*#__PURE__*/ jsx(Badge, {
+                        variant: badge.variant,
+                        children: badge.children
+                    }, slugify(badge.children));
+                })
+            }),
+            name && /*#__PURE__*/ jsx(ProductCard.Name, {
+                children: name
+            }),
+            (price || originalPrice) && /*#__PURE__*/ jsxs("div", {
+                className: "flex items-baseline gap-100",
+                children: [
+                    originalPrice && /*#__PURE__*/ jsx("span", {
+                        className: "text-fg-muted line-through",
+                        children: originalPrice
+                    }),
+                    price && /*#__PURE__*/ jsx(ProductCard.Price, {
+                        children: price
+                    })
+                ]
+            }),
+            rating && /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-100",
+                children: [
+                    /*#__PURE__*/ jsx(ProductCard.Rating, {
+                        rating: {
+                            value: rating.value,
+                            count: rating.count
+                        }
+                    }),
+                    rating.reviewCount && /*#__PURE__*/ jsxs("span", {
+                        className: "text-fg-muted text-sm",
+                        children: [
+                            "(",
+                            rating.reviewCount,
+                            ")"
+                        ]
+                    })
+                ]
+            }),
+            stock && /*#__PURE__*/ jsx(ProductCard.Stock, {
+                status: stock.status || 'in-stock',
+                children: stock.label
+            }),
+            showActions && (onAddToCart || onViewDetails || onAddToWishlist) && /*#__PURE__*/ jsxs(ProductCard.Actions, {
+                children: [
+                    onAddToCart && /*#__PURE__*/ jsx(ProductCard.Button, {
+                        buttonVariant: "cart",
+                        icon: "token-icon-cart-button",
+                        onClick: onAddToCart,
+                        children: cartButtonText
+                    }),
+                    onViewDetails && /*#__PURE__*/ jsx(ProductCard.Button, {
+                        buttonVariant: "detail",
+                        icon: "token-icon-detail-button",
+                        onClick: onViewDetails,
+                        children: detailButtonText
+                    }),
+                    onAddToWishlist && /*#__PURE__*/ jsx(ProductCard.Button, {
+                        buttonVariant: "wishlist",
+                        icon: "token-icon-wishlist-button",
+                        onClick: onAddToWishlist,
+                        children: wishlistButtonText
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { ProductCardTemplate };