@techsio/ui-kit 0.41.1 → 0.42.0

package/dist/src/internal/organisms/sidebar.context.d.ts

@@ -0,0 +1,83 @@
+import type { ReactNode, RefCallback } from "react";
+import { type DrawerApi } from "../../molecules/drawer.js";
+export type SidebarSide = "start" | "end";
+export type SidebarMode = "desktop" | "mobile";
+export type SidebarCollapsible = "icon" | "offcanvas" | "none";
+export type SidebarCollapsiblePolicy = Readonly<Partial<Record<SidebarSide, SidebarCollapsible>>>;
+export type SidebarExpandedChangeDetails = {
+    expanded: readonly SidebarSide[];
+};
+export type SidebarMobileOpenChangeDetails = {
+    open: SidebarSide | null;
+};
+export type SidebarStateProps = {
+    collapsible?: SidebarCollapsiblePolicy;
+    defaultExpanded?: readonly SidebarSide[];
+    defaultMobileOpen?: SidebarSide | null;
+    dir?: "ltr" | "rtl";
+    expanded?: readonly SidebarSide[];
+    id?: string;
+    mobileOpen?: SidebarSide | null;
+    onExpandedChange?: (details: SidebarExpandedChangeDetails) => void;
+    onMobileOpenChange?: (details: SidebarMobileOpenChangeDetails) => void;
+};
+export type SidebarApi = {
+    closeMobile: () => void;
+    dir: "ltr" | "rtl";
+    expanded: readonly SidebarSide[];
+    isDesktop: boolean;
+    isExpanded: (side: SidebarSide) => boolean;
+    mobileOpen: SidebarSide | null;
+    openMobile: (side: SidebarSide) => void;
+    setExpanded: (side: SidebarSide, expanded: boolean) => void;
+    toggle: (side: SidebarSide) => void;
+};
+export type SidebarFocusOrigin = {
+    document: Document;
+    mode: SidebarMode;
+    node: HTMLElement;
+    revision: number;
+    side: SidebarSide;
+    triggerValue: string | null;
+};
+type SidebarFocusCapture = Omit<SidebarFocusOrigin, "document" | "revision">;
+export type SidebarFocusRegistry = {
+    blur: (details: {
+        mode: SidebarMode;
+        node: HTMLElement;
+        relatedTarget: Node | null;
+        side: SidebarSide;
+    }) => void;
+    capture: (details: SidebarFocusCapture) => void;
+    claim: (side: SidebarSide, fromMode: SidebarMode) => SidebarFocusOrigin | null;
+    clear: (side: SidebarSide, revision?: number) => void;
+    getRevision: (side: SidebarSide) => number;
+    peek: (side: SidebarSide) => SidebarFocusOrigin | null;
+};
+type SidebarContextValue = SidebarApi & {
+    breakpointRef: RefCallback<HTMLSpanElement>;
+    drawer: Record<SidebarSide, DrawerApi>;
+    focus: SidebarFocusRegistry;
+    getCollapsible: (side: SidebarSide) => SidebarCollapsible;
+    getPanelId: (side: SidebarSide) => string;
+    isFixed: (side: SidebarSide) => boolean;
+    rootId: string;
+};
+type SidebarPanelContextValue = {
+    collapsible: SidebarCollapsible;
+    expanded: boolean;
+    side: SidebarSide;
+};
+export declare function useSidebarState({ collapsible: collapsiblePolicy, defaultExpanded, defaultMobileOpen, dir, expanded: controlledExpanded, id, mobileOpen: controlledMobileOpen, onExpandedChange, onMobileOpenChange, }?: SidebarStateProps): SidebarContextValue;
+export declare function SidebarProvider({ children, value, }: {
+    children?: ReactNode;
+    value: SidebarContextValue;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarPanelProvider({ children, value, }: {
+    children?: ReactNode;
+    value: SidebarPanelContextValue;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useSidebarContext(): SidebarContextValue;
+export declare function useSidebarPanelContext(): SidebarPanelContextValue;
+export {};
+//# sourceMappingURL=sidebar.context.d.ts.map

package/dist/src/internal/organisms/sidebar.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.context.d.ts","sourceRoot":"","sources":["../../../../src/internal/organisms/sidebar.context.tsx"],"names":[],"mappings":"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"}

package/dist/src/internal/organisms/sidebar.focus.d.ts

@@ -0,0 +1,16 @@
+import type { FocusEvent } from "react";
+import type { SidebarFocusRegistry, SidebarSide } from "./sidebar.context.js";
+type UseSidebarPanelFocusTransferProps = {
+    focus: SidebarFocusRegistry;
+    isDesktop: boolean;
+    panelId: string;
+    rootId: string;
+    side: SidebarSide;
+    triggerValue: string | null;
+};
+export declare function useSidebarPanelFocusTransfer({ focus, isDesktop, panelId, rootId, side, triggerValue, }: UseSidebarPanelFocusTransferProps): {
+    onBlurCapture: (event: FocusEvent<HTMLElement>) => void;
+    onFocusCapture: (event: FocusEvent<HTMLElement>) => void;
+};
+export {};
+//# sourceMappingURL=sidebar.focus.d.ts.map

package/dist/src/internal/organisms/sidebar.focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.focus.d.ts","sourceRoot":"","sources":["../../../../src/internal/organisms/sidebar.focus.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAEV,oBAAoB,EAEpB,WAAW,EACZ,MAAM,mBAAmB,CAAA;AA2O1B,KAAK,iCAAiC,GAAG;IACvC,KAAK,EAAE,oBAAoB,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,WAAW,CAAA;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EACL,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,YAAY,GACb,EAAE,iCAAiC;2BAgFJ,UAAU,CAAC,WAAW,CAAC;4BATtB,UAAU,CAAC,WAAW,CAAC;EAmBvD"}

package/dist/src/internal/organisms/sidebar.styles.d.ts

@@ -0,0 +1,149 @@
+export declare const sidebarVariants: import("tailwind-variants").TVReturnType<{
+    collapsible: {
+        icon: {};
+        offcanvas: {};
+        none: {};
+    };
+    expanded: {
+        true: {};
+        false: {};
+    };
+    paneSize: {
+        rail: {
+            pane: string;
+        };
+        content: {
+            pane: string[];
+        };
+        auto: {
+            pane: string;
+        };
+    };
+    collapsed: {
+        true: {
+            label: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    breakpoint: string;
+    desktopPanel: string[];
+    mobilePanel: string[];
+    mobileAside: string;
+    trigger: string[];
+    inset: string[];
+    header: string[];
+    content: string[];
+    footer: string[];
+    group: string;
+    groupLabel: string[];
+    groupContent: string;
+    menu: string;
+    item: string;
+    separator: string[];
+    expanded: string;
+    label: string;
+    paneGroup: string;
+    pane: string;
+    rail: string[];
+}, undefined, {
+    collapsible: {
+        icon: {};
+        offcanvas: {};
+        none: {};
+    };
+    expanded: {
+        true: {};
+        false: {};
+    };
+    paneSize: {
+        rail: {
+            pane: string;
+        };
+        content: {
+            pane: string[];
+        };
+        auto: {
+            pane: string;
+        };
+    };
+    collapsed: {
+        true: {
+            label: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    breakpoint: string;
+    desktopPanel: string[];
+    mobilePanel: string[];
+    mobileAside: string;
+    trigger: string[];
+    inset: string[];
+    header: string[];
+    content: string[];
+    footer: string[];
+    group: string;
+    groupLabel: string[];
+    groupContent: string;
+    menu: string;
+    item: string;
+    separator: string[];
+    expanded: string;
+    label: string;
+    paneGroup: string;
+    pane: string;
+    rail: string[];
+}, import("tailwind-variants").TVReturnType<{
+    collapsible: {
+        icon: {};
+        offcanvas: {};
+        none: {};
+    };
+    expanded: {
+        true: {};
+        false: {};
+    };
+    paneSize: {
+        rail: {
+            pane: string;
+        };
+        content: {
+            pane: string[];
+        };
+        auto: {
+            pane: string;
+        };
+    };
+    collapsed: {
+        true: {
+            label: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    breakpoint: string;
+    desktopPanel: string[];
+    mobilePanel: string[];
+    mobileAside: string;
+    trigger: string[];
+    inset: string[];
+    header: string[];
+    content: string[];
+    footer: string[];
+    group: string;
+    groupLabel: string[];
+    groupContent: string;
+    menu: string;
+    item: string;
+    separator: string[];
+    expanded: string;
+    label: string;
+    paneGroup: string;
+    pane: string;
+    rail: string[];
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=sidebar.styles.d.ts.map

package/dist/src/internal/organisms/sidebar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../../src/internal/organisms/sidebar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiJ1B,CAAA"}

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

@@ -1,6 +1,6 @@
 import { type ComponentPropsWithoutRef, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type IconProps, type IconType } from "../atoms/icon";
+import { type IconProps, type IconType } from "../atoms/icon.js";
 declare const accordionVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: {

package/dist/src/molecules/breadcrumb.d.ts

@@ -11,8 +11,8 @@
  */
 import { type ComponentPropsWithoutRef, type ElementType, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type IconProps, type IconType } from "../atoms/icon";
-import { type LinkProps } from "../atoms/link";
+import { type IconProps, type IconType } from "../atoms/icon.js";
+import { type LinkProps } from "../atoms/link.js";
 declare const BreadcrumbVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         plain: {};

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

@@ -12,8 +12,8 @@
 import * as carousel from "@zag-js/carousel";
 import { type CSSProperties, type ComponentPropsWithoutRef, type ElementType, type ReactNode } from "react";
 import { type VariantProps } from "tailwind-variants";
-import type { IconType } from "../atoms/icon";
-import { Image } from "../atoms/image";
+import type { IconType } from "../atoms/icon.js";
+import { Image } from "../atoms/image.js";
 type CarouselImageComponent<T extends ElementType = typeof Image> = T extends typeof Image ? typeof Image : T extends ElementType ? "src" extends keyof ComponentPropsWithoutRef<T> ? "alt" extends keyof ComponentPropsWithoutRef<T> ? T : never : never : never;
 declare const carouselVariants: import("tailwind-variants").TVReturnType<{
     objectFit: {

package/dist/src/molecules/combobox.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from "tailwind-variants";
-import { type IconProps, type IconType } from "../atoms/icon";
+import { type IconProps, type IconType } from "../atoms/icon.js";
 declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {

package/dist/src/molecules/drawer.d.ts

@@ -0,0 +1,112 @@
+import type * as drawer from "@zag-js/drawer";
+import { type PortalProps } from "@zag-js/react";
+import type { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import { type ActionIconProps } from "../atoms/action-icon.js";
+import { type ButtonProps } from "../atoms/button.js";
+import type { IconType } from "../atoms/icon.js";
+import { type DrawerApi, type DrawerPresenceProps, DrawerStackProvider, type DrawerStackProviderProps, type UseDrawerProps, useDrawer as useDrawerMachine } from "../internal/molecules/drawer.context.js";
+import { type DrawerSize } from "../internal/molecules/drawer.styles.js";
+export type { DrawerApi, DrawerPresenceProps, DrawerStackApi, UseDrawerProps, } from "../internal/molecules/drawer.context.js";
+export type { DrawerSize } from "../internal/molecules/drawer.styles.js";
+export declare const useDrawer: typeof useDrawerMachine;
+export type DrawerPlacement = "bottom" | "end" | "start" | "top";
+export type DrawerRootProps = Omit<UseDrawerProps, "swipeDirection"> & DrawerPresenceProps & {
+    children?: ReactNode;
+    placement?: DrawerPlacement;
+    size?: DrawerSize;
+};
+export declare function Drawer({ children, immediate, lazyMount, onEnterComplete, onExitComplete, placement, size, skipAnimationOnMount, unmountOnExit, ...machineProps }: DrawerRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Drawer {
+    var Root: typeof Drawer;
+    var RootProvider: ({ children, immediate, lazyMount, onEnterComplete, onExitComplete, size, skipAnimationOnMount, unmountOnExit, value, }: DrawerRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ className, ref, value, ...props }: DrawerTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Portal: (props: DrawerPortalProps) => import("react/jsx-runtime").JSX.Element;
+    var Backdrop: ({ className, ref, ...props }: DrawerBackdropProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Positioner: ({ className, ref, ...props }: DrawerPositionerProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Content: ({ className, draggable, ref, ...props }: DrawerContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Header: ({ className, ref, ...props }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    var Body: ({ className, ref, ...props }: DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;
+    var Footer: ({ className, ref, ...props }: DrawerFooterProps) => import("react/jsx-runtime").JSX.Element;
+    var Title: ({ className, ref, ...props }: DrawerTitleProps) => import("react/jsx-runtime").JSX.Element;
+    var Description: ({ className, ref, ...props }: DrawerDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    var CloseTrigger: (props: DrawerCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Grabber: ({ className, ref, ...props }: DrawerGrabberProps) => import("react/jsx-runtime").JSX.Element;
+    var GrabberIndicator: ({ className, ref, ...props }: DrawerGrabberIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    var SwipeArea: ({ className, disabled, ref, swipeDirection, ...props }: DrawerSwipeAreaProps) => import("react/jsx-runtime").JSX.Element;
+    var Context: ({ children }: DrawerContextProps) => ReactNode;
+    var Stack: typeof DrawerStackProvider;
+    var Indent: ({ className, ref, ...props }: DrawerIndentProps) => import("react/jsx-runtime").JSX.Element;
+    var IndentBackground: ({ className, ref, ...props }: DrawerIndentBackgroundProps) => import("react/jsx-runtime").JSX.Element;
+    var displayName: string;
+}
+export type DrawerRootProviderProps = DrawerPresenceProps & {
+    children?: ReactNode;
+    size?: DrawerSize;
+    value: DrawerApi;
+};
+export type DrawerTriggerProps = Omit<ButtonProps, "value"> & drawer.TriggerProps & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export type DrawerPortalProps = PortalProps & {
+    children?: ReactNode;
+};
+export type DrawerBackdropProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerPositionerProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerContentProps = Omit<ComponentPropsWithoutRef<"div">, "draggable"> & drawer.ContentProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerSectionProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerHeaderProps = DrawerSectionProps;
+export type DrawerBodyProps = DrawerSectionProps;
+export type DrawerFooterProps = DrawerSectionProps;
+export type DrawerTitleProps = ComponentPropsWithoutRef<"h2"> & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+export type DrawerDescriptionProps = ComponentPropsWithoutRef<"p"> & {
+    ref?: Ref<HTMLParagraphElement>;
+};
+type DrawerIconCloseTriggerProps = Omit<ActionIconProps, "icon"> & {
+    children?: undefined;
+    icon?: IconType;
+};
+type DrawerTextCloseTriggerProps = ButtonProps & {
+    children: NonNullable<ReactNode>;
+    ref?: Ref<HTMLButtonElement>;
+};
+export type DrawerCloseTriggerProps = DrawerIconCloseTriggerProps | DrawerTextCloseTriggerProps;
+export type DrawerGrabberProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerGrabberIndicatorProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerSwipeAreaProps = ComponentPropsWithoutRef<"div"> & drawer.SwipeAreaProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerContextProps = {
+    children: (api: DrawerApi) => ReactNode;
+};
+export type DrawerStackProps = DrawerStackProviderProps;
+export type DrawerIndentProps = ComponentPropsWithoutRef<"div"> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type DrawerIndentBackgroundProps = DrawerIndentProps;
+export type DrawerElementIds = drawer.ElementIds;
+export type DrawerFocusOutsideEvent = drawer.FocusOutsideEvent;
+export type DrawerInteractOutsideEvent = drawer.InteractOutsideEvent;
+export type DrawerOpenChangeDetails = drawer.OpenChangeDetails;
+export type DrawerPointerDownOutsideEvent = drawer.PointerDownOutsideEvent;
+export type DrawerResolvedSnapPoint = drawer.ResolvedSnapPoint;
+export type DrawerSnapPoint = drawer.SnapPoint;
+export type DrawerSnapPointChangeDetails = drawer.SnapPointChangeDetails;
+export type DrawerStack = drawer.DrawerStack;
+export type DrawerStackSnapshot = drawer.DrawerStackSnapshot;
+export type DrawerSwipeDirection = drawer.SwipeDirection;
+export type DrawerTriggerValueChangeDetails = drawer.TriggerValueChangeDetails;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/src/molecules/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/molecules/drawer.tsx"],"names":[],"mappings":"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"}

package/dist/src/molecules/form-input.d.ts

@@ -10,7 +10,7 @@
  * the form-input-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ReactNode } from "react";
-import { type InputProps } from "../atoms/input";
+import { type InputProps } from "../atoms/input.js";
 type ValidateStatus = "default" | "error" | "success" | "warning";
 interface FormInputRawProps extends InputProps {
     id: string;

package/dist/src/molecules/form-numeric-input.d.ts

@@ -10,7 +10,7 @@
  * the form-numeric-input-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ReactNode } from "react";
-import { type NumericInputProps } from "../atoms/numeric-input";
+import { type NumericInputProps } from "../atoms/numeric-input.js";
 type ValidateStatus = "default" | "error" | "success" | "warning";
 interface FormNumericInputProps extends Omit<NumericInputProps, "children"> {
     id: string;

package/dist/src/molecules/form-textarea.d.ts

@@ -10,7 +10,7 @@
  * the form-textarea-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ReactNode } from "react";
-import { type TextareaProps } from "../atoms/textarea";
+import { type TextareaProps } from "../atoms/textarea.js";
 type ValidateStatus = "default" | "error" | "success" | "warning";
 interface FormTextareaRawProps extends TextareaProps {
     id: string;

package/dist/src/molecules/menu.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import { type VariantProps } from "tailwind-variants";
-import { type IconType } from "../atoms/icon";
+import { type IconType } from "../atoms/icon.js";
 type ActionMenuItem = {
     type: "action";
     value: string;

package/dist/src/molecules/pagination.d.ts

@@ -12,7 +12,7 @@
 import { type IntlTranslations as PaginationIntlTranslations, type PageUrlDetails as PaginationPageUrlDetails } from "@zag-js/pagination";
 import { type ElementType, type HTMLAttributes, type ReactNode } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type LinkButtonProps } from "../atoms/link-button";
+import { type LinkButtonProps } from "../atoms/link-button.js";
 export declare const paginationVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         filled: {

package/dist/src/molecules/phone-input.d.ts

@@ -12,9 +12,9 @@
 import { type CountryCode, type E164Number } from "libphonenumber-js/max";
 import { type ChangeEventHandler, type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import type { IconProps } from "../atoms/icon";
-import { type InputProps } from "../atoms/input";
-import { type LabelProps } from "../atoms/label";
+import type { IconProps } from "../atoms/icon.js";
+import { type InputProps } from "../atoms/input.js";
+import { type LabelProps } from "../atoms/label.js";
 export type PhoneInputSize = "sm" | "md" | "lg";
 export type PhoneInputValidateStatus = "default" | "error" | "success" | "warning";
 export type PhoneInputCountry = {

package/dist/src/molecules/popover.d.ts

@@ -12,7 +12,7 @@
 import { type Api as PopoverApi, type Props as PopoverMachineProps, type Placement as PopoverPlacement, type PositioningOptions as PopoverPositioningOptions } from "@zag-js/popover";
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type ButtonProps } from "../atoms/button";
+import { type ButtonProps } from "../atoms/button.js";
 declare const popoverVariants: import("tailwind-variants").TVReturnType<{
     shadow: {
         true: {

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

@@ -11,9 +11,9 @@
  */
 import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import type { IconProps, IconType } from "../atoms/icon";
-import { Image } from "../atoms/image";
-import { type RatingProps } from "../atoms/rating";
+import type { IconProps, IconType } from "../atoms/icon.js";
+import { Image } from "../atoms/image.js";
+import { type RatingProps } from "../atoms/rating.js";
 declare const productCardVariants: import("tailwind-variants").TVReturnType<{
     buttonVariant: {
         cart: {
@@ -159,7 +159,7 @@ interface ProductCardButtonProps extends HTMLAttributes<HTMLButtonElement> {
 }
 export declare function ProductCard({ children, layout, className, ref, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ProductCard {
-    var Image: <T extends ElementType = typeof import("../atoms/image").Image>({ as, className, ref, ...props }: ProductCardImageProps<T>) => import("react/jsx-runtime").JSX.Element;
+    var Image: <T extends ElementType = typeof import("../atoms/image.js").Image>({ as, className, ref, ...props }: ProductCardImageProps<T>) => import("react/jsx-runtime").JSX.Element;
     var Name: ({ children, className, ref, ...props }: ProductCardNameProps) => import("react/jsx-runtime").JSX.Element;
     var Price: ({ children, className, ref, ...props }: ProductCardPriceProps) => import("react/jsx-runtime").JSX.Element;
     var Stock: ({ children, className, ref, status, ...props }: ProductCardStockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/radio-card.d.ts

@@ -12,8 +12,8 @@
 import { connect, type ItemProps, type Props as ZagRadioGroupProps } from "@zag-js/radio-group";
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { Label } from "../atoms/label";
-import { StatusText } from "../atoms/status-text";
+import { Label } from "../atoms/label.js";
+import { StatusText } from "../atoms/status-text.js";
 declare const radioCardVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         outline: {

package/dist/src/molecules/radio-group.d.ts

@@ -12,8 +12,8 @@
 import * as zagRadioGroup from "@zag-js/radio-group";
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { Label } from "../atoms/label";
-import { StatusText } from "../atoms/status-text";
+import { Label } from "../atoms/label.js";
+import { StatusText } from "../atoms/status-text.js";
 declare const radioGroupVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         outline: {

package/dist/src/molecules/search-form.d.ts

@@ -11,11 +11,11 @@
  */
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type ActionIconProps } from "../atoms/action-icon";
-import { type ButtonProps } from "../atoms/button";
-import type { IconType } from "../atoms/icon";
-import { type InputProps } from "../atoms/input";
-import { type LabelProps } from "../atoms/label";
+import { type ActionIconProps } from "../atoms/action-icon.js";
+import { type ButtonProps } from "../atoms/button.js";
+import type { IconType } from "../atoms/icon.js";
+import { type InputProps } from "../atoms/input.js";
+import { type LabelProps } from "../atoms/label.js";
 declare const searchFormVariants: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {

package/dist/src/molecules/select.d.ts

@@ -1,7 +1,7 @@
 import * as select from "@zag-js/select";
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import { type VariantProps } from "tailwind-variants";
-import { type IconProps } from "../atoms/icon";
+import { type IconProps } from "../atoms/icon.js";
 export type SelectSize = "xs" | "sm" | "md" | "lg";
 export type SelectItem = {
     label: ReactNode;

package/dist/src/molecules/steps.d.ts

@@ -1,7 +1,7 @@
 import { type Props as StepsMachineProps, type Api as ZagStepsApi } from "@zag-js/steps";
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type ButtonProps } from "../atoms/button";
+import { type ButtonProps } from "../atoms/button.js";
 declare const stepsVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         subtle: {};

package/dist/src/molecules/switch.d.ts

@@ -3,8 +3,8 @@ import type { VariantProps } from "tailwind-variants";
 declare const switchVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            root?: import("tailwind-merge").ClassNameValue;
             label?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
             control?: import("tailwind-merge").ClassNameValue;
             hiddenInput?: import("tailwind-merge").ClassNameValue;
             thumb?: import("tailwind-merge").ClassNameValue;
@@ -13,8 +13,8 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
-            root?: import("tailwind-merge").ClassNameValue;
             label?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
             control?: import("tailwind-merge").ClassNameValue;
             hiddenInput?: import("tailwind-merge").ClassNameValue;
             thumb?: import("tailwind-merge").ClassNameValue;
@@ -29,8 +29,8 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
-            root?: import("tailwind-merge").ClassNameValue;
             label?: import("tailwind-merge").ClassNameValue;
+            root?: import("tailwind-merge").ClassNameValue;
             control?: import("tailwind-merge").ClassNameValue;
             hiddenInput?: import("tailwind-merge").ClassNameValue;
             thumb?: import("tailwind-merge").ClassNameValue;

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

@@ -1,6 +1,6 @@
 import { type ComponentPropsWithoutRef, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type ButtonProps } from "../atoms/button";
+import { type ButtonProps } from "../atoms/button.js";
 declare const tabsVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: {