@techsio/ui-kit 0.41.0 → 0.41.2

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/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/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: {

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/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/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/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>;

package/dist/stories/molecules/form-checkbox.stories.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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