@techsio/ui-kit 0.41.1 → 0.42.0

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

@@ -5,11 +5,11 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             title?: import("tailwind-merge").ClassNameValue;
+            description?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
             group?: import("tailwind-merge").ClassNameValue;
             root?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            description?: import("tailwind-merge").ClassNameValue;
             closeButton?: import("tailwind-merge").ClassNameValue;
         };
     };
@@ -17,11 +17,11 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-merge").ClassNameValue | {
             title?: import("tailwind-merge").ClassNameValue;
+            description?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
             group?: import("tailwind-merge").ClassNameValue;
             root?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            description?: import("tailwind-merge").ClassNameValue;
             closeButton?: import("tailwind-merge").ClassNameValue;
         };
     };
@@ -37,11 +37,11 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-merge").ClassNameValue | {
             title?: import("tailwind-merge").ClassNameValue;
+            description?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
             icon?: import("tailwind-merge").ClassNameValue;
             group?: import("tailwind-merge").ClassNameValue;
             root?: import("tailwind-merge").ClassNameValue;
-            header?: import("tailwind-merge").ClassNameValue;
-            description?: import("tailwind-merge").ClassNameValue;
             closeButton?: import("tailwind-merge").ClassNameValue;
         };
     };

package/dist/src/molecules/tree-view.d.ts

@@ -1,7 +1,7 @@
 import * as tree from "@zag-js/tree-view";
 import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { type IconType } from "../atoms/icon";
+import { type IconType } from "../atoms/icon.js";
 export interface TreeNode {
     id: string;
     name: string;

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

@@ -1,13 +1,13 @@
 import { type ColumnFiltersState, type ColumnPinningState, type ColumnVisibilityState, type ExpandedState, type PaginationState, type RowData, type RowSelectionState, type SortingState } from "@tanstack/react-table";
 import { type ReactNode, type Ref } from "react";
-import { type ButtonProps } from "../atoms/button";
-import { type IconType } from "../atoms/icon";
-import { type PaginationProps } from "../molecules/pagination";
-import { type DataTableColumnType, type DataTableEditorRenderer, type DataTableFilterRenderer } from "./data-table.fields";
-import { type Column, type ColumnDef, type DataTableGetCellSpan, type Row, type TanstackTable } from "./data-table.helpers";
-export type { DataTableColumnType, DataTableControlSize, DataTableEditorContext, DataTableEditorRenderer, DataTableFilterContext, DataTableFilterRenderer, DataTableOption, } from "./data-table.fields";
-export type { Cell, CellContext, Column, ColumnDef, DataTableCellSpan, DataTableColumnWidth, DataTableConditionalFilterValue, DataTableFeatures, DataTableFilterOperator, DataTableGetCellSpan, DataTableInstance, Header, Row, TanstackTable, } from "./data-table.helpers";
-export { conditionalFilterFn } from "./data-table.helpers";
+import { type ButtonProps } from "../atoms/button.js";
+import { type IconType } from "../atoms/icon.js";
+import { type PaginationProps } from "../molecules/pagination.js";
+import { type DataTableColumnType, type DataTableEditorRenderer, type DataTableFilterRenderer } from "./data-table.fields.js";
+import { type Column, type ColumnDef, type DataTableGetCellSpan, type Row, type TanstackTable } from "./data-table.helpers.js";
+export type { DataTableColumnType, DataTableControlSize, DataTableEditorContext, DataTableEditorRenderer, DataTableFilterContext, DataTableFilterRenderer, DataTableOption, } from "./data-table.fields.js";
+export type { Cell, CellContext, Column, ColumnDef, DataTableCellSpan, DataTableColumnWidth, DataTableConditionalFilterValue, DataTableFeatures, DataTableFilterOperator, DataTableGetCellSpan, DataTableInstance, Header, Row, TanstackTable, } from "./data-table.helpers.js";
+export { conditionalFilterFn } from "./data-table.helpers.js";
 /**
  * A custom toolbar action, rendered as a `Button` at the table's `size`.
  * Accepts the full Button API, so icon-only, themed and loading actions all

package/dist/src/organisms/data-table.fields.d.ts

@@ -14,8 +14,8 @@
  */
 import type { RowData } from "@tanstack/react-table";
 import type { ReactNode } from "react";
-import { type SelectItem } from "../molecules/select";
-import type { Column, DataTableFilterOperator, Row } from "./data-table.helpers";
+import { type SelectItem } from "../molecules/select.js";
+import type { Column, DataTableFilterOperator, Row } from "./data-table.helpers.js";
 export type DataTableColumnType = "string" | "int" | "number" | "boolean" | "enum" | "multiEnum" | "date" | "datetime" | "time" | "dateRange" | "custom";
 /** Control size scale shared by the table and every nested form control. */
 export type DataTableControlSize = "sm" | "md" | "lg";

package/dist/src/organisms/data-table.helpers.d.ts

@@ -21,7 +21,7 @@ export type Row<T extends RowData> = TanstackRow<DataTableFeatures, T>;
 export type TanstackTable<T extends RowData> = ReactTable<DataTableFeatures, T>;
 export type Header<T extends RowData, V extends CellData = CellData> = TanstackHeader<DataTableFeatures, T, V>;
 export type FilterFn<T extends RowData> = TanstackFilterFn<DataTableFeatures, T>;
-import type { DataTableColumnType, DataTableEditorContext, DataTableFilterContext, DataTableOption } from "./data-table.fields";
+import type { DataTableColumnType, DataTableEditorContext, DataTableFilterContext, DataTableOption } from "./data-table.fields.js";
 /**
  * Signature for the filter functions DataTable registers on its own feature
  * set. `TFeatures` is left as `any` on purpose: the feature set is defined in

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

@@ -11,8 +11,8 @@
  */
 import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from "react";
 import type { VariantProps } from "tailwind-variants";
-import { Image } from "../atoms/image";
-import { type CarouselRootProps, type CarouselSlide } from "../molecules/carousel";
+import { Image } from "../atoms/image.js";
+import { type CarouselRootProps, type CarouselSlide } from "../molecules/carousel.js";
 type GalleryImageComponent<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 galleryVariants: import("tailwind-variants").TVReturnType<{
     orientation: {

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

@@ -0,0 +1,93 @@
+import type { ButtonHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ReactNode, Ref } from "react";
+import { type ActionIconProps } from "../atoms/action-icon.js";
+import type { IconType } from "../atoms/icon.js";
+import { type SidebarApi, type SidebarSide, type SidebarStateProps } from "../internal/organisms/sidebar.context.js";
+export type { SidebarApi, SidebarCollapsible, SidebarCollapsiblePolicy, SidebarExpandedChangeDetails, SidebarMobileOpenChangeDetails, SidebarSide, } from "../internal/organisms/sidebar.context.js";
+export type SidebarRootProps = Omit<ComponentPropsWithoutRef<"div">, "dir" | "id"> & SidebarStateProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare function Sidebar({ children, className, collapsible, defaultExpanded, defaultMobileOpen, dir, expanded, id, mobileOpen, onExpandedChange, onMobileOpenChange, ref, ...props }: SidebarRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Sidebar {
+    var Root: typeof Sidebar;
+    var Panel: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, onBlurCapture, onFocusCapture, ref, side, tabIndex, ...props }: SidebarPanelProps) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ "aria-label": ariaLabel, className, icon, onBlurCapture, onClick, onFocusCapture, side, tooltip, value, ...props }: SidebarTriggerProps) => import("react/jsx-runtime").JSX.Element | null;
+    var CloseTrigger: ({ "aria-label": ariaLabel, className, icon, onClick, size, tone, ...props }: SidebarCloseTriggerProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Inset: ({ className, ref, ...props }: SidebarInsetProps) => import("react/jsx-runtime").JSX.Element;
+    var Header: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
+    var Content: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
+    var Footer: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
+    var Group: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
+    var GroupLabel: ({ className, ref, ...props }: SidebarGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var GroupContent: ({ className, ref, ...props }: SidebarSectionProps) => import("react/jsx-runtime").JSX.Element;
+    var Menu: ({ className, ref, ...props }: SidebarMenuProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: ({ className, ref, ...props }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
+    var Separator: ({ className, ref, ...props }: SidebarSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+    var Expanded: ({ className, ref, ...props }: SidebarExpandedProps) => import("react/jsx-runtime").JSX.Element;
+    var Label: ({ className, ref, ...props }: SidebarLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var PaneGroup: ({ className, ref, ...props }: SidebarPaneGroupProps) => import("react/jsx-runtime").JSX.Element;
+    var Pane: ({ className, ref, size, visibility, ...props }: SidebarPaneProps) => import("react/jsx-runtime").JSX.Element;
+    var Rail: ({ "aria-label": ariaLabel, className, onClick, ref, title, ...props }: SidebarRailProps) => import("react/jsx-runtime").JSX.Element | null;
+    var Context: ({ children }: SidebarContextProps) => ReactNode;
+}
+type SidebarAccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: string;
+} | {
+    "aria-label"?: never;
+    "aria-labelledby": string;
+};
+export type SidebarPanelProps = Omit<ComponentPropsWithoutRef<"aside">, "aria-label" | "aria-labelledby" | "id"> & SidebarAccessibleName & {
+    ref?: Ref<HTMLElement>;
+    side?: SidebarSide;
+};
+export type SidebarTriggerProps = Omit<ActionIconProps, "aria-label" | "icon" | "id" | "value"> & {
+    "aria-label": string;
+    icon?: IconType;
+    side?: SidebarSide;
+    tooltip?: ReactNode;
+    value?: string;
+};
+export type SidebarCloseTriggerProps = Omit<ActionIconProps, "aria-label" | "icon"> & {
+    "aria-label": string;
+    icon?: IconType;
+};
+export type SidebarInsetProps = ComponentPropsWithoutRef<"main"> & {
+    ref?: Ref<HTMLElement>;
+};
+export type SidebarSectionProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type SidebarGroupLabelProps = ComponentPropsWithoutRef<"h2"> & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+export type SidebarMenuProps = ComponentPropsWithoutRef<"ul"> & {
+    ref?: Ref<HTMLUListElement>;
+};
+export type SidebarItemProps = ComponentPropsWithoutRef<"li"> & {
+    ref?: Ref<HTMLLIElement>;
+};
+export type SidebarSeparatorProps = ComponentPropsWithoutRef<"hr"> & {
+    ref?: Ref<HTMLHRElement>;
+};
+export type SidebarExpandedProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type SidebarLabelProps = ComponentPropsWithoutRef<"span"> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export type SidebarPaneGroupProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export type SidebarPaneProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: Ref<HTMLDivElement>;
+    size?: "rail" | "content" | "auto";
+    visibility?: "always" | "expanded";
+};
+export type SidebarRailProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> & {
+    "aria-label": string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export type SidebarContextProps = {
+    children: (api: SidebarApi) => ReactNode;
+};
+//# sourceMappingURL=sidebar.d.ts.map

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

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

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

@@ -9,8 +9,8 @@
  * Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
  * the accordion-usage skill's component_version and a changelog entry. Bump all three together.
  */
-import type { IconType } from "../atoms/icon";
-import { type AccordionProps } from "../molecules/accordion";
+import type { IconType } from "../atoms/icon.js";
+import { type AccordionProps } from "../molecules/accordion.js";
 export interface AccordionItem {
     value: string;
     title: string;

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

@@ -10,8 +10,8 @@
  * the breadcrumb-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import { type ElementType, type ReactNode, type Ref } from "react";
-import type { IconProps, IconType } from "../atoms/icon";
-import { type BreadcrumbLinkProps, type BreadcrumbRootProps } from "../molecules/breadcrumb";
+import type { IconProps, IconType } from "../atoms/icon.js";
+import { type BreadcrumbLinkProps, type BreadcrumbRootProps } from "../molecules/breadcrumb.js";
 export type BreadcrumbTemplateLinkProps<T extends ElementType> = Omit<BreadcrumbLinkProps<T>, "as" | "href" | "children" | "className">;
 export type BreadcrumbTemplateItem = {
     label: ReactNode;

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

@@ -10,8 +10,8 @@
  * the carousel-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ElementType } from "react";
-import type { IconType } from "../atoms/icon";
-import { type CarouselRootProps, type CarouselSlide } from "../molecules/carousel";
+import type { IconType } from "../atoms/icon.js";
+import { type CarouselRootProps, type CarouselSlide } from "../molecules/carousel.js";
 export interface CarouselTemplateProps<T extends ElementType> extends Omit<CarouselRootProps<T>, "children" | "slideCount"> {
     slides: CarouselSlide[];
     showControls?: boolean;

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

@@ -10,9 +10,9 @@
  * the gallery-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ElementType, ReactNode } from "react";
-import type { IconType } from "../atoms/icon";
-import { type CarouselRootProps } from "../molecules/carousel";
-import { type GalleryItem, type GalleryProps, type GalleryRenderThumbnailParams } from "../organisms/gallery";
+import type { IconType } from "../atoms/icon.js";
+import { type CarouselRootProps } from "../molecules/carousel.js";
+import { type GalleryItem, type GalleryProps, type GalleryRenderThumbnailParams } from "../organisms/gallery.js";
 export type GalleryTemplateProps<T extends ElementType = "img"> = Omit<GalleryProps<T>, "children" | "items" | "carouselProps"> & {
     items: GalleryItem[];
     carouselWidth?: CarouselRootProps<T>["width"];

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

@@ -10,8 +10,8 @@
  * the numeric-input-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { Ref } from "react";
-import type { IconType } from "../atoms/icon";
-import { type NumericInputProps } from "../atoms/numeric-input";
+import type { IconType } from "../atoms/icon.js";
+import { type NumericInputProps } from "../atoms/numeric-input.js";
 export interface NumericInputTemplateProps extends Omit<NumericInputProps, "children" | "ref"> {
     showControls?: boolean;
     showScrubber?: boolean;

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

@@ -10,7 +10,7 @@
  * the popover-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ReactNode, Ref } from "react";
-import { type PopoverContentProps, type PopoverRootProps, type PopoverTriggerProps } from "../molecules/popover";
+import { type PopoverContentProps, type PopoverRootProps, type PopoverTriggerProps } from "../molecules/popover.js";
 export type PopoverTemplateProps = Omit<PopoverRootProps, "children"> & {
     children: ReactNode;
     contentClassName?: string;

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

@@ -9,8 +9,8 @@
  * Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
  * the product-card-usage skill's component_version and a changelog entry. Bump all three together.
  */
-import { type BadgeProps } from "../atoms/badge";
-import { type ProductCardProps } from "../molecules/product-card";
+import { type BadgeProps } from "../atoms/badge.js";
+import { type ProductCardProps } from "../molecules/product-card.js";
 export interface ProductCardTemplateProps extends Pick<ProductCardProps, "layout"> {
     image?: {
         src: string;

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

@@ -10,7 +10,7 @@
  * the select-usage skill's component_version and a changelog entry. Bump all three together.
  */
 import type { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
-import { type SelectItem, type SelectProps, type SelectSize } from "../molecules/select";
+import { type SelectItem, type SelectProps, type SelectSize } from "../molecules/select.js";
 type SelectTemplateLabelProps = Omit<ComponentPropsWithoutRef<"label">, "children"> & {
     ref?: Ref<HTMLLabelElement>;
 };

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

@@ -11,7 +11,7 @@
  */
 import type * as React from "react";
 import type { Ref } from "react";
-import { type TabsProps } from "../molecules/tabs";
+import { type TabsProps } from "../molecules/tabs.js";
 export interface TabItem {
     value: string;
     label: string;

package/dist/src/theme/theme-provider.d.ts

@@ -1,5 +1,5 @@
 import { type PropsWithChildren } from "react";
-import { type BrandKey, type ColorMode, type ModeSetting } from "./theme-config";
+import { type BrandKey, type ColorMode, type ModeSetting } from "./theme-config.js";
 type AppThemeProviderProps = PropsWithChildren<{
     defaultBrand?: BrandKey;
     defaultMode?: ModeSetting;

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

@@ -3,6 +3,7 @@ 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 Drawer from "@zag-js/drawer";
 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";

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

@@ -1 +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,UAAU,MAAM,qBAAqB,CAAA;AACtD,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"}
+{"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,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,UAAU,MAAM,qBAAqB,CAAA;AACtD,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/stories/atoms/badge.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Badge, type BadgeProps } from '../../src/atoms/badge';
+import { Badge, type BadgeProps } from '../../src/atoms/badge.js';
 declare const meta: Meta<typeof Badge>;
 export default meta;
 type Story = Omit<StoryObj<typeof meta>, 'args'> & {

package/dist/stories/atoms/button.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from '../../src/atoms/button';
+import { Button } from '../../src/atoms/button.js';
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;

package/dist/stories/atoms/checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { Checkbox } from '../../src/atoms/checkbox';
+import { Checkbox } from '../../src/atoms/checkbox.js';
 declare const meta: {
     title: string;
     component: typeof Checkbox;

package/dist/stories/atoms/icon.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Icon } from '../../src/atoms/icon';
+import { Icon } from '../../src/atoms/icon.js';
 declare const meta: Meta<typeof Icon>;
 export default meta;
 type Story = StoryObj<typeof Icon>;

package/dist/stories/atoms/image.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Image } from '../../src/atoms/image';
+import { Image } from '../../src/atoms/image.js';
 declare const meta: Meta<typeof Image>;
 export default meta;
 type Story = StoryObj<typeof Image>;

package/dist/stories/atoms/input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Input } from '../../src/atoms/input';
+import { Input } from '../../src/atoms/input.js';
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof Input>;

package/dist/stories/atoms/numeric-input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { NumericInput, type NumericInputProps } from '../../src/atoms/numeric-input';
+import { NumericInput, type NumericInputProps } from '../../src/atoms/numeric-input.js';
 type PlaygroundArgs = NumericInputProps & {
     showLabel?: boolean;
     label?: string;

package/dist/stories/atoms/rating.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Rating } from '../../src/atoms/rating';
+import { Rating } from '../../src/atoms/rating.js';
 declare const meta: Meta<typeof Rating>;
 export default meta;
 type Story = StoryObj<typeof Rating>;

package/dist/stories/atoms/skeleton.stories.d.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import type { ComponentPropsWithoutRef } from 'react';
-import { Skeleton } from '../../src/atoms/skeleton';
+import { Skeleton } from '../../src/atoms/skeleton.js';
 declare const meta: Meta<typeof Skeleton>;
 export default meta;
 type Story = StoryObj<typeof Skeleton>;

package/dist/stories/atoms/status-text.stories.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithoutRef } from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import { StatusText } from "../../src/atoms/status-text";
+import { StatusText } from "../../src/atoms/status-text.js";
 declare const meta: Meta<typeof StatusText>;
 export default meta;
 type Story = StoryObj<typeof StatusText>;

package/dist/stories/atoms/textarea.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Textarea } from '../../src/atoms/textarea';
+import { Textarea } from '../../src/atoms/textarea.js';
 declare const meta: Meta<typeof Textarea>;
 export default meta;
 type Story = StoryObj<typeof Textarea>;

package/dist/stories/atoms/tooltip.stories.d.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { type ComponentPropsWithoutRef } from 'react';
-import { type IconType } from '../../src/atoms/icon';
-import { Tooltip } from '../../src/atoms/tooltip';
+import { type IconType } from '../../src/atoms/icon.js';
+import { Tooltip } from '../../src/atoms/tooltip.js';
 type PlaygroundArgs = ComponentPropsWithoutRef<typeof Tooltip> & {
     triggerType?: 'button' | 'icon';
     triggerLabel?: string;

package/dist/stories/changelog/changelog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAgLtD,iBAAS,SAAS,4CAUjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAM,CAAA"}
+{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAsLtD,iBAAS,SAAS,4CAUjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAM,CAAA"}

package/dist/stories/helpers/icon-options.d.ts

@@ -1,4 +1,4 @@
-import type { IconType } from "../../src/atoms/icon";
+import type { IconType } from "../../src/atoms/icon.js";
 export declare const iconOptions: (IconType | undefined)[];
 export declare const iconLabels: Record<string, string>;
 //# sourceMappingURL=icon-options.d.ts.map

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Accordion } from '../../src/molecules/accordion';
+import { Accordion } from '../../src/molecules/accordion.js';
 declare const meta: Meta<typeof Accordion>;
 export default meta;
 type Story = StoryObj<typeof Accordion>;

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Breadcrumb } from '../../src/molecules/breadcrumb';
+import { Breadcrumb } from '../../src/molecules/breadcrumb.js';
 declare const meta: Meta<typeof Breadcrumb>;
 export default meta;
 type Story = StoryObj<typeof Breadcrumb>;

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Carousel } from '../../src/molecules/carousel';
+import { Carousel } from '../../src/molecules/carousel.js';
 declare const meta: Meta<typeof Carousel>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/chart.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Chart } from "../../src/molecules/chart";
+import { Chart } from "../../src/molecules/chart.js";
 type RevenuePoint = {
     month: string;
     revenue: number;

package/dist/stories/molecules/color-select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ColorSelect } from '../../src/molecules/color-select';
+import { ColorSelect } from '../../src/molecules/color-select.js';
 declare const meta: Meta<typeof ColorSelect>;
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Combobox } from '../../src/molecules/combobox';
+import { Combobox } from '../../src/molecules/combobox.js';
 declare const meta: Meta<typeof Combobox>;
 export default meta;
 type Story = StoryObj<typeof Combobox>;

package/dist/stories/molecules/dialog.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Dialog } from '../../src/molecules/dialog';
+import { Dialog } from '../../src/molecules/dialog.js';
 declare const meta: Meta<typeof Dialog>;
 export default meta;
 type Story = StoryObj<typeof meta>;