@godxjp/ui 16.9.2 → 16.9.4

package/dist/components/data-entry/toggle.d.ts

@@ -1,2 +1,2 @@
-export { Toggle } from "../ui/toggle";
-export type { ToggleProps } from "../ui/toggle";
+export { Toggle } from "../ui/toggle.js";
+export type { ToggleProps } from "../ui/toggle.js";

package/dist/components/data-entry/toggle.js

@@ -1,5 +1,5 @@
 "use client";
-import { Toggle } from "../ui/toggle";
+import { Toggle } from "../ui/toggle.js";
 export {
   Toggle
 };

package/dist/components/data-entry/transfer.d.ts

@@ -1,3 +1,3 @@
-import type { TransferProp } from "../../props/components/data-entry.prop";
-export type { TransferProp, TransferProp as TransferProps, TransferItemProp, } from "../../props/components/data-entry.prop";
+import type { TransferProp } from "../../props/components/data-entry.prop.js";
+export type { TransferProp, TransferProp as TransferProps, TransferItemProp, } from "../../props/components/data-entry.prop.js";
 export declare function Transfer({ dataSource, targetKeys, onValueChange, titles, showSearch, oneWay, disabled, className, selectedKeys: selectedKeysProp, onSelectChange, }: TransferProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-entry/transfer.js

@@ -2,13 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { cn } from "../../lib/utils";
-import { Button } from "../general/button";
-import { ScrollArea } from "../data-display/scroll-area";
-import { Checkbox } from "./checkbox";
-import { SearchInput } from "./search-input";
-import { reactNodeText } from "./tree-utils";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../general/button.js";
+import { ScrollArea } from "../data-display/scroll-area.js";
+import { Checkbox } from "./checkbox.js";
+import { SearchInput } from "./search-input.js";
+import { reactNodeText } from "./tree-utils.js";
 function TransferPanel({
   title,
   items,

package/dist/components/data-entry/tree-select.d.ts

@@ -1,6 +1,6 @@
-import type { TreeSelectProp } from "../../props/components/data-entry.prop";
-export type { TreeSelectProp, TreeSelectProp as TreeSelectProps, } from "../../props/components/data-entry.prop";
-export { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy";
+import type { TreeSelectProp } from "../../props/components/data-entry.prop.js";
+export type { TreeSelectProp, TreeSelectProp as TreeSelectProps, } from "../../props/components/data-entry.prop.js";
+export { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy.js";
 declare function TreeSelectRoot({ treeData: treeDataProp, value, defaultValue, onValueChange, multiple, treeCheckable, treeCheckStrictly, showSearch, showCheckedStrategy, treeDefaultExpandAll, placeholder, disabled, allowClear, className, id, fieldNames, }: TreeSelectProp): import("react/jsx-runtime").JSX.Element;
 export declare const TreeSelect: typeof TreeSelectRoot & {
     SHOW_CHILD: "SHOW_CHILD";

package/dist/components/data-entry/tree-select.js

@@ -2,14 +2,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown, ChevronRight, ChevronsUpDown, X } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { cn } from "../../lib/utils";
-import { controlOpenRingClass } from "../../lib/control-styles";
-import { Button } from "../general/button";
-import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover";
-import { ScrollArea } from "../data-display/scroll-area";
-import { Checkbox } from "./checkbox";
-import { Command, CommandInput } from "./command";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
+import { controlOpenRingClass } from "../../lib/control-styles.js";
+import { Button } from "../general/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
+import { ScrollArea } from "../data-display/scroll-area.js";
+import { Checkbox } from "./checkbox.js";
+import { Command, CommandInput } from "./command.js";
 import {
   collectAllExpandableKeys,
   filterVisibleTree,
@@ -18,9 +18,9 @@ import {
   getDescendantValues,
   normalizeTreeOptions,
   reactNodeText
-} from "./tree-utils";
-import { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy";
-import { SHOW_CHILD as SHOW_CHILD2, SHOW_PARENT as SHOW_PARENT2, SHOW_ALL as SHOW_ALL2 } from "./tree-select-strategy";
+} from "./tree-utils.js";
+import { SHOW_CHILD, SHOW_PARENT, SHOW_ALL } from "./tree-select-strategy.js";
+import { SHOW_CHILD as SHOW_CHILD2, SHOW_PARENT as SHOW_PARENT2, SHOW_ALL as SHOW_ALL2 } from "./tree-select-strategy.js";
 function toArray(value) {
   if (value == null) return [];
   return Array.isArray(value) ? value : [value];

package/dist/components/data-entry/upload-crop-dialog.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation";
-import { cn } from "../../lib/utils";
-import { Button } from "../general/button";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../general/button.js";
 import {
   Dialog,
   DialogContent,
@@ -11,8 +11,8 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "../feedback/dialog";
-import { Slider } from "./slider";
+} from "../feedback/dialog.js";
+import { Slider } from "./slider.js";
 function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
   const { t } = useTranslation();
   const [scale, setScale] = React.useState(1.2);

package/dist/components/data-entry/upload.d.ts

@@ -1,6 +1,6 @@
-import type { UploadProp } from "../../props/components/data-entry.prop";
-export type { UploadProp, UploadProp as UploadProps, UploadFileItemProp, UploadVariantProp, } from "../../props/components/data-entry.prop";
-export type { UploadFileItem, UploadVariant, UploadCommitAction } from "./upload-types";
-export { collectUploadCommitActions, createUploadItem } from "./upload-types";
-export { useUploadDraft } from "./use-upload-draft";
+import type { UploadProp } from "../../props/components/data-entry.prop.js";
+export type { UploadProp, UploadProp as UploadProps, UploadFileItemProp, UploadVariantProp, } from "../../props/components/data-entry.prop.js";
+export type { UploadFileItem, UploadVariant, UploadCommitAction } from "./upload-types.js";
+export { collectUploadCommitActions, createUploadItem } from "./upload-types.js";
+export { useUploadDraft } from "./use-upload-draft.js";
 export declare function Upload({ variant, value, defaultValue, onValueChange, accept: acceptProp, multiple: multipleProp, maxCount: maxCountProp, maxSizeBytes, disabled, removable, onUpload, className, children, }: UploadProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-entry/upload.js

@@ -2,19 +2,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Camera, ImagePlus, RotateCcw, Trash2, Upload as UploadIcon, X } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { formatBytes } from "../../lib/format";
-import { cn } from "../../lib/utils";
-import { controlIconClass } from "../../lib/control-styles";
-import { Button } from "../general/button";
-import { UploadCropDialog } from "./upload-crop-dialog";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { formatBytes } from "../../lib/format.js";
+import { cn } from "../../lib/utils.js";
+import { controlIconClass } from "../../lib/control-styles.js";
+import { Button } from "../general/button.js";
+import { UploadCropDialog } from "./upload-crop-dialog.js";
 import {
   createUploadItem,
   revokePreviewUrl
-} from "./upload-types";
-import { useUploadDraft } from "./use-upload-draft";
-import { collectUploadCommitActions, createUploadItem as createUploadItem2 } from "./upload-types";
-import { useUploadDraft as useUploadDraft2 } from "./use-upload-draft";
+} from "./upload-types.js";
+import { useUploadDraft } from "./use-upload-draft.js";
+import { collectUploadCommitActions, createUploadItem as createUploadItem2 } from "./upload-types.js";
+import { useUploadDraft as useUploadDraft2 } from "./use-upload-draft.js";
 function defaultAcceptForVariant(variant) {
   if (variant === "avatar" || variant === "avatar-crop" || variant === "picture" || variant === "picture-card") {
     return "image/*";

package/dist/components/data-entry/use-upload-draft.d.ts

@@ -1,4 +1,4 @@
-import { type UploadCommitAction, type UploadFileItem } from "./upload-types";
+import { type UploadCommitAction, type UploadFileItem } from "./upload-types.js";
 export type UploadDraftState = {
     /** Item rendered in UI (may reflect pending delete/replace). */
     display: UploadFileItem | null;

package/dist/components/data-entry/use-upload-draft.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import {
   createUploadItem,
   revokePreviewUrl
-} from "./upload-types";
+} from "./upload-types.js";
 function useUploadDraft({ value, onChange }) {
   const [baseline, setBaseline] = React.useState(value ?? null);
   React.useEffect(() => {

package/dist/components/feedback/alert.d.ts

@@ -1,56 +1,56 @@
 import * as React from "react";
-import type { ToneProp } from "../../props/vocabulary";
-import type { AlertQueryErrorProp } from "../../props/components/feedback.prop";
-export type { AlertProp, AlertProp as AlertProps, AlertTitleProp, AlertTitleProp as AlertTitleProps, AlertContentProp, AlertContentProp as AlertContentProps, AlertDescriptionProp, AlertDescriptionProp as AlertDescriptionProps, AlertActionsProp, AlertActionsProp as AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, } from "../../props/components/feedback.prop";
+import type { ToneProp } from "../../props/vocabulary/index.js";
+import type { AlertQueryErrorProp } from "../../props/components/feedback.prop.js";
+export type { AlertProp, AlertProp as AlertProps, AlertTitleProp, AlertTitleProp as AlertTitleProps, AlertContentProp, AlertContentProp as AlertContentProps, AlertDescriptionProp, AlertDescriptionProp as AlertDescriptionProps, AlertActionsProp, AlertActionsProp as AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, } from "../../props/components/feedback.prop.js";
 declare const AlertBase: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: import("../../props").AlertVariantProp;
+    variant?: import("../../props/index.js").AlertVariantProp;
     tone?: ToneProp;
-    icon?: import("../../props").IconProp | false;
-    onDismiss?: import("../../props").HandlerProp;
-    className?: import("../../props").ClassNameProp;
-    children?: import("../../props").ChildrenProp;
+    icon?: import("../../props/index.js").IconProp | false;
+    onDismiss?: import("../../props/index.js").HandlerProp;
+    className?: import("../../props/index.js").ClassNameProp;
+    children?: import("../../props/index.js").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-    className?: import("../../props").ClassNameProp;
-    children?: import("../../props").ChildrenProp;
+    className?: import("../../props/index.js").ClassNameProp;
+    children?: import("../../props/index.js").ChildrenProp;
 } & React.RefAttributes<HTMLParagraphElement>>;
 export declare const AlertContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    className?: import("../../props").ClassNameProp;
-    children?: import("../../props").ChildrenProp;
+    className?: import("../../props/index.js").ClassNameProp;
+    children?: import("../../props/index.js").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-    className?: import("../../props").ClassNameProp;
-    children?: import("../../props").ChildrenProp;
+    className?: import("../../props/index.js").ClassNameProp;
+    children?: import("../../props/index.js").ChildrenProp;
 } & React.RefAttributes<HTMLParagraphElement>>;
 export declare const AlertActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    className?: import("../../props").ClassNameProp;
-    children?: import("../../props").ChildrenProp;
+    className?: import("../../props/index.js").ClassNameProp;
+    children?: import("../../props/index.js").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>>;
 /** TanStack Query / API failure preset — same visual as `Alert tone="destructive"`. Used by `DataState` (@godxjp/ui/query). */
 export declare function AlertQueryError({ error, onRetry, className }: AlertQueryErrorProp): import("react/jsx-runtime").JSX.Element;
 export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: import("../../props").AlertVariantProp;
+    variant?: import("../../props/index.js").AlertVariantProp;
     tone?: ToneProp;
-    icon?: import("../../props").IconProp | false;
-    onDismiss?: import("../../props").HandlerProp;
-    className?: import("../../props").ClassNameProp;
-    children?: import("../../props").ChildrenProp;
+    icon?: import("../../props/index.js").IconProp | false;
+    onDismiss?: import("../../props/index.js").HandlerProp;
+    className?: import("../../props/index.js").ClassNameProp;
+    children?: import("../../props/index.js").ChildrenProp;
 } & React.RefAttributes<HTMLDivElement>> & {
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: import("../../props").ClassNameProp;
-        children?: import("../../props").ChildrenProp;
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: import("../../props").ClassNameProp;
-        children?: import("../../props").ChildrenProp;
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
     } & React.RefAttributes<HTMLDivElement>>;
     Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: import("../../props").ClassNameProp;
-        children?: import("../../props").ChildrenProp;
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: import("../../props").ClassNameProp;
-        children?: import("../../props").ChildrenProp;
+        className?: import("../../props/index.js").ClassNameProp;
+        children?: import("../../props/index.js").ChildrenProp;
     } & React.RefAttributes<HTMLDivElement>>;
     QueryError: typeof AlertQueryError;
 };

package/dist/components/feedback/alert.js

@@ -9,11 +9,11 @@ import {
   TriangleAlert,
   X
 } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { humanError } from "../../lib/format";
-import { cn } from "../../lib/utils";
-import { Flex } from "../layout/flex";
-import { Button } from "../general/button";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { humanError } from "../../lib/format.js";
+import { cn } from "../../lib/utils.js";
+import { Flex } from "../layout/flex.js";
+import { Button } from "../general/button.js";
 const AlertContext = React.createContext("default");
 const ASSERTIVE_TONES = /* @__PURE__ */ new Set(["destructive", "warning"]);
 const DEFAULT_ICONS = {

package/dist/components/feedback/dialog.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import type { ToneProp } from "../../props/vocabulary";
-import type { AlertDialogProp } from "../../props/components/feedback.prop";
-export type { AlertDialogProp, AlertDialogProp as AlertDialogProps, } from "../../props/components/feedback.prop";
+import type { ToneProp } from "../../props/vocabulary/index.js";
+import type { AlertDialogProp } from "../../props/components/feedback.prop.js";
+export type { AlertDialogProp, AlertDialogProp as AlertDialogProps, } from "../../props/components/feedback.prop.js";
 type DialogRootProps = React.ComponentProps<typeof DialogPrimitive.Root> & {};
 declare function DialogRoot(props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/dialog.js

@@ -4,13 +4,13 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { X } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { overlayHeaderToneClass } from "./overlay-header-tone";
-import { buttonVariants } from "../general/button";
-import { useTranslation } from "../../i18n/use-translation";
-import { Button } from "../general/button";
-import { Input } from "../data-entry/input";
-import { Label } from "../data-entry/label";
+import { cn } from "../../lib/utils.js";
+import { overlayHeaderToneClass } from "./overlay-header-tone.js";
+import { buttonVariants } from "../general/button.js";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { Button } from "../general/button.js";
+import { Input } from "../data-entry/input.js";
+import { Label } from "../data-entry/label.js";
 function DialogRoot(props) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }

package/dist/components/feedback/index.d.ts

@@ -1,10 +1,10 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogAction, DialogCancel, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, } from "./dialog";
-export type { AlertDialogProp, AlertDialogProps } from "./dialog";
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from "./sheet";
-export { Toaster } from "./sonner";
-export { toast } from "./use-toast";
-export { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton";
-export type { SkeletonProps } from "./skeleton";
-export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "./alert";
-export type { AlertProp, AlertProps, AlertTitleProp, AlertTitleProps, AlertContentProp, AlertContentProps, AlertDescriptionProp, AlertDescriptionProps, AlertActionsProp, AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProps, } from "./alert";
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogAction, DialogCancel, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, } from "./dialog.js";
+export type { AlertDialogProp, AlertDialogProps } from "./dialog.js";
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from "./sheet.js";
+export { Toaster } from "./sonner.js";
+export { toast } from "./use-toast.js";
+export { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton.js";
+export type { SkeletonProps } from "./skeleton.js";
+export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "./alert.js";
+export type { AlertProp, AlertProps, AlertTitleProp, AlertTitleProps, AlertContentProp, AlertContentProps, AlertDescriptionProp, AlertDescriptionProps, AlertActionsProp, AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProps, } from "./alert.js";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip.js";

package/dist/components/feedback/index.js

@@ -23,7 +23,7 @@ import {
   AlertDialogAction,
   AlertDialogCancel,
   AlertDialog
-} from "./dialog";
+} from "./dialog.js";
 import {
   Sheet,
   SheetBody,
@@ -36,10 +36,10 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "./sheet";
-import { Toaster } from "./sonner";
-import { toast } from "./use-toast";
-import { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton";
+} from "./sheet.js";
+import { Toaster } from "./sonner.js";
+import { toast } from "./use-toast.js";
+import { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton.js";
 import {
   Alert,
   AlertTitle,
@@ -47,8 +47,8 @@ import {
   AlertDescription,
   AlertActions,
   AlertQueryError
-} from "./alert";
-import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";
+} from "./alert.js";
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip.js";
 export {
   Alert,
   AlertActions,

package/dist/components/feedback/overlay-header-tone.d.ts

@@ -1,4 +1,4 @@
-import type { ToneProp } from "../../props/vocabulary";
+import type { ToneProp } from "../../props/vocabulary/index.js";
 /**
  * Soft semantic background band for an overlay header (Sheet / Dialog / Drawer), Ant-Design style.
  * Tints ONLY the background — text stays `--foreground` (渋み: never invert the band into a loud

package/dist/components/feedback/sheet.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { type VariantProps } from "class-variance-authority";
-import type { ToneProp, WidthProp } from "../../props/vocabulary";
+import type { ToneProp, WidthProp } from "../../props/vocabulary/index.js";
 export declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 export declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/sheet.js

@@ -4,8 +4,8 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { overlayHeaderToneClass } from "./overlay-header-tone";
+import { cn } from "../../lib/utils.js";
+import { overlayHeaderToneClass } from "./overlay-header-tone.js";
 const toCssLength = (v) => typeof v === "number" ? `${v}px` : v;
 function Sheet(props) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });

package/dist/components/feedback/skeleton.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-import { tableCellPaddingClass, tableRowHeightClass } from "../../lib/control-styles";
+import { cn } from "../../lib/utils.js";
+import { tableCellPaddingClass, tableRowHeightClass } from "../../lib/control-styles.js";
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/components/feedback/tooltip.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function TooltipProvider({
   delayDuration = 200,
   ...props

package/dist/components/general/button.d.ts

@@ -4,16 +4,16 @@ declare const buttonVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     shape?: "default" | "pill" | "sharp" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type { ButtonProp, ButtonProp as ButtonProps } from "../../props/components/general.prop";
+export type { ButtonProp, ButtonProp as ButtonProps } from "../../props/components/general.prop.js";
 export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: import("../../props").ButtonVariantProp;
-    size?: import("../../props").ButtonSizeProp;
-    shape?: import("../../props").ShapeProp;
+    variant?: import("../../props/index.js").ButtonVariantProp;
+    size?: import("../../props/index.js").ButtonSizeProp;
+    shape?: import("../../props/index.js").ShapeProp;
     fullWidth?: boolean;
-    asChild?: import("../../props").AsChildProp;
-    onClick?: import("../../props").OnClickProp;
-    disabled?: import("../../props").DisabledProp;
-    loading?: import("../../props").PendingProp;
+    asChild?: import("../../props/index.js").AsChildProp;
+    onClick?: import("../../props/index.js").OnClickProp;
+    disabled?: import("../../props/index.js").DisabledProp;
+    loading?: import("../../props/index.js").PendingProp;
     loadingText?: string;
     count?: number;
     overflowCount?: number;

package/dist/components/general/button.js

@@ -4,8 +4,8 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { Loader2 } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils.js";
+import { useTranslation } from "../../i18n/use-translation.js";
 const buttonCountClass = {
   default: "bg-primary-foreground/15",
   destructive: "bg-destructive-foreground/15",
@@ -34,8 +34,8 @@ const buttonVariants = cva("ui-button", {
       lg: "ui-button--lg has-[>svg]:px-4",
       icon: "ui-button--icon",
       "icon-xs": "size-[calc(var(--control-height)-0.75rem)] [&_svg:not([class*='size-'])]:size-3",
-      "icon-sm": "size-[calc(var(--control-height)-0.5rem)]",
-      "icon-lg": "size-[calc(var(--control-height)+0.25rem)]"
+      "icon-sm": "ui-button--icon-sm",
+      "icon-lg": "ui-button--icon-lg"
     },
     // Single source of corner radius (deterministic — no competing rounded-* utility): default uses
     // the dedicated --button-radius token (themeable independently of --control-radius, issue #124),

package/dist/components/general/index.d.ts

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from "./button";
-export type { ButtonProps } from "./button";
-export { Text, Heading } from "./typography";
-export type { TextProps, HeadingProps, TextProp, HeadingProp } from "./typography";
+export { Button, buttonVariants } from "./button.js";
+export type { ButtonProps } from "./button.js";
+export { Text, Heading } from "./typography.js";
+export type { TextProps, HeadingProps, TextProp, HeadingProp } from "./typography.js";

package/dist/components/general/index.js

@@ -1,5 +1,5 @@
-import { Button, buttonVariants } from "./button";
-import { Text, Heading } from "./typography";
+import { Button, buttonVariants } from "./button.js";
+import { Text, Heading } from "./typography.js";
 export {
   Button,
   Heading,

package/dist/components/general/typography.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export type { TextProp, TextProp as TextProps, HeadingProp, HeadingProp as HeadingProps, } from "../../props/components/general.prop";
+export type { TextProp, TextProp as TextProps, HeadingProp, HeadingProp as HeadingProps, } from "../../props/components/general.prop.js";
 /**
  * Text — the typographic primitive. Use it INSTEAD of a hand-rolled `<span className="text-[13px]
  * font-medium text-muted-foreground">`. `size` only accepts steps of the golden-ratio type scale
@@ -8,10 +8,10 @@ export type { TextProp, TextProp as TextProps, HeadingProp, HeadingProp as Headi
  */
 export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
     as?: "span" | "p" | "div" | "label" | "strong" | "em" | "small" | "code" | "kbd" | "dt" | "dd" | "caption" | "abbr";
-    size?: import("../../props").TextSizeProp;
-    tone?: import("../../props").TextToneProp;
-    weight?: import("../../props").FontWeightProp;
-    align?: import("../../props").TextAlignProp;
+    size?: import("../../props/index.js").TextSizeProp;
+    tone?: import("../../props/index.js").TextToneProp;
+    weight?: import("../../props/index.js").FontWeightProp;
+    align?: import("../../props/index.js").TextAlignProp;
     truncate?: boolean;
     tabular?: boolean;
     mono?: boolean;
@@ -22,10 +22,10 @@ export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
  * semantic element; override the rendered element with `as` (e.g. a visual h2 that is a real <h1>).
  */
 export declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
-    level?: import("../../props").HeadingLevelProp;
+    level?: import("../../props/index.js").HeadingLevelProp;
     as?: "h1" | "h2" | "h3" | "h4" | "div";
-    tone?: import("../../props").TextToneProp;
-    align?: import("../../props").TextAlignProp;
+    tone?: import("../../props/index.js").TextToneProp;
+    align?: import("../../props/index.js").TextAlignProp;
     truncate?: boolean;
-    weight?: import("../../props").FontWeightProp;
+    weight?: import("../../props/index.js").FontWeightProp;
 } & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/general/typography.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Text = React.forwardRef(
   ({
     as = "span",

package/dist/components/layout/app-shell.d.ts

@@ -1,3 +1,3 @@
-import type { AppShellProp } from "../../props/components/layout.prop";
-export type { AppShellProp, AppShellProp as AppShellProps, } from "../../props/components/layout.prop";
+import type { AppShellProp } from "../../props/components/layout.prop.js";
+export type { AppShellProp, AppShellProp as AppShellProps, } from "../../props/components/layout.prop.js";
 export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, }: AppShellProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/app-shell.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "../../i18n/use-translation";
+import { useTranslation } from "../../i18n/use-translation.js";
 function AppShell({
   sidebar,
   topbar,

package/dist/components/layout/aspect-ratio.d.ts

@@ -1 +1 @@
-export { AspectRatio } from "../ui/aspect-ratio";
+export { AspectRatio } from "../ui/aspect-ratio.js";

package/dist/components/layout/aspect-ratio.js

@@ -1,5 +1,5 @@
 "use client";
-import { AspectRatio } from "../ui/aspect-ratio";
+import { AspectRatio } from "../ui/aspect-ratio.js";
 export {
   AspectRatio
 };

package/dist/components/layout/breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType } from "react";
-import type { BreadcrumbProp } from "../../props/vocabulary/navigation.prop";
+import type { BreadcrumbProp } from "../../props/vocabulary/navigation.prop.js";
 export type BreadcrumbProps = {
     items: BreadcrumbProp;
     linkComponent?: ElementType;

package/dist/components/layout/breadcrumb.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
+import { useTranslation } from "../../i18n/use-translation.js";
 function Breadcrumb({ items, linkComponent: LinkComponent = "a" }) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsx("nav", { "aria-label": t("navigation.breadcrumb.ariaLabel"), className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {

package/dist/components/layout/flex.d.ts

@@ -1,3 +1,3 @@
-import type { FlexProp } from "../../props/components/layout.prop";
-export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop";
+import type { FlexProp } from "../../props/components/layout.prop.js";
+export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop.js";
 export declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): import("react/jsx-runtime").JSX.Element;