@godxjp/ui 16.9.2 → 16.9.4

package/dist/components/charts/pie-chart.js

@@ -8,10 +8,10 @@ import {
   ResponsiveContainer,
   Tooltip
 } from "recharts";
-import { EmptyState } from "../data-display/empty-state";
-import { useTranslation } from "../../i18n/use-translation";
-import { ChartFrame, chartColor, chartHeight, useChartNumberFormat } from "./chart-frame";
-import { buildPieSummary } from "./chart-summary";
+import { EmptyState } from "../data-display/empty-state.js";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { ChartFrame, chartColor, chartHeight, useChartNumberFormat } from "./chart-frame.js";
+import { buildPieSummary } from "./chart-summary.js";
 function PieChart({
   data,
   dataKey,

package/dist/components/data-display/accordion.d.ts

@@ -1 +1 @@
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion.js";

package/dist/components/data-display/accordion.js

@@ -1,5 +1,5 @@
 "use client";
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion.js";
 export {
   Accordion,
   AccordionContent,

package/dist/components/data-display/avatar.d.ts

@@ -1 +1 @@
-export { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar";
+export { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar.js";

package/dist/components/data-display/avatar.js

@@ -1,5 +1,5 @@
 "use client";
-import { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar";
+import { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar.js";
 export {
   Avatar,
   AvatarFallback,

package/dist/components/data-display/badge.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import type { ShapeProp, ToneProp } from "../../props/vocabulary";
+import type { ShapeProp, ToneProp } from "../../props/vocabulary/index.js";
 export type BadgeVariant = "default" | "secondary" | "outline" | "dashed";
 /**
  * Badge tones extend the shared status `ToneProp` with a brand `primary` tone — a SOFT brand pill

package/dist/components/data-display/badge.js

@@ -11,8 +11,8 @@ import {
   Trash2,
   XCircle
 } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { cn } from "../../lib/utils";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
 import {
   toneDestructiveClass,
   toneInfoClass,
@@ -21,7 +21,7 @@ import {
   tonePrimaryClass,
   toneSuccessClass,
   toneWarningClass
-} from "../../lib/control-styles";
+} from "../../lib/control-styles.js";
 const STATUS_MAP = {
   active: { tone: "success", icon: CheckCircle2 },
   completed: { tone: "success", icon: CheckCircle2 },

package/dist/components/data-display/card.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const cardVariants = cva("group/card", {
   variants: {
     size: {

package/dist/components/data-display/carousel.js

@@ -3,8 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { cn } from "../../lib/utils";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
 const CarouselContext = React.createContext(null);
 const useCarousel = () => {
   const context = React.useContext(CarouselContext);

package/dist/components/data-display/data-table.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { flexRender, type OnChangeFn, type PaginationState, type RowData, type VisibilityState } from "@tanstack/react-table";
-import type { ColumnDefProp, DensityProp, SortStateProp } from "../../props/vocabulary";
+import type { ColumnDefProp, DensityProp, SortStateProp } from "../../props/vocabulary/index.js";
 export type Density = DensityProp;
 /**
  * Lean column definition — the simple, common-case column API. `render` shapes

package/dist/components/data-display/data-table.js

@@ -20,19 +20,19 @@ import {
   MoreHorizontal,
   SlidersHorizontal
 } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation";
-import { Flex } from "../layout/flex";
-import { Button } from "../general/button";
-import { EmptyState } from "./empty-state";
-import { Checkbox } from "../data-entry/checkbox";
-import { SearchInput } from "../data-entry/search-input";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { Flex } from "../layout/flex.js";
+import { Button } from "../general/button.js";
+import { EmptyState } from "./empty-state.js";
+import { Checkbox } from "../data-entry/checkbox.js";
+import { SearchInput } from "../data-entry/search-input.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "../data-entry/select";
+} from "../data-entry/select.js";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -40,7 +40,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "../navigation/dropdown-menu";
+} from "../navigation/dropdown-menu.js";
 import {
   Table,
   TableBody,
@@ -48,14 +48,14 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../data-display/table";
-import { cn } from "../../lib/utils";
-import { densityClass } from "../../lib/variants";
+} from "../data-display/table.js";
+import { cn } from "../../lib/utils.js";
+import { densityClass } from "../../lib/variants.js";
 import {
   controlIconSmClass,
   tableCellPaddingClass,
   tableRowHeightClass
-} from "../../lib/control-styles";
+} from "../../lib/control-styles.js";
 function toTanstackColumns(columns) {
   return columns.map((col) => ({
     id: col.key,

package/dist/components/data-display/descriptions.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { DescriptionsLayoutProp } from "../../props/vocabulary/interaction.prop";
+import type { DescriptionsLayoutProp } from "../../props/vocabulary/interaction.prop.js";
 export type { DescriptionsLayoutProp };
 export interface DescriptionsProps {
     columns?: 1 | 2 | 3;

package/dist/components/data-display/descriptions.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const DescriptionsLayoutContext = React.createContext("vertical");
 function Descriptions({
   columns = 2,

package/dist/components/data-display/empty-state.d.ts

@@ -1,3 +1,3 @@
-import type { EmptyStateProp } from "../../props/components/data-display.prop";
-export type { EmptyStateProp, EmptyStateProp as EmptyStateProps, } from "../../props/components/data-display.prop";
+import type { EmptyStateProp } from "../../props/components/data-display.prop.js";
+export type { EmptyStateProp, EmptyStateProp as EmptyStateProps, } from "../../props/components/data-display.prop.js";
 export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/empty-state.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function EmptyState({ icon: Icon, title, description, action, className }) {
   return /* @__PURE__ */ jsxs("div", { "data-slot": "empty-state", role: "status", className: cn("ui-empty-state", className), children: [
     Icon && /* @__PURE__ */ jsx("div", { className: "ui-empty-state-icon", children: /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-6", "aria-hidden": "true" }) }),

package/dist/components/data-display/hover-card.d.ts

@@ -1 +1 @@
-export { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card";
+export { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card.js";

package/dist/components/data-display/hover-card.js

@@ -1,5 +1,5 @@
 "use client";
-import { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card";
+import { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card.js";
 export {
   HoverCard,
   HoverCardContent,

package/dist/components/data-display/index.d.ts

@@ -1,26 +1,26 @@
-export { Badge } from "./badge";
-export type { BadgeProps } from "./badge";
-export { ListRow } from "./list-row";
-export type { ListRowProps } from "./list-row";
-export { Avatar, AvatarImage, AvatarFallback } from "./avatar";
-export { Card, CardBar, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, CardAction, StatCard, } from "./card";
-export type { StatCardProps, CardBarProps } from "./card";
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
-export { Descriptions } from "./descriptions";
-export { DataTable, flexRender } from "./data-table";
-export type { ColumnDef, Density as TableDensity } from "./data-table";
-export type { SortStateProp } from "../../props/vocabulary";
-export { EmptyState } from "./empty-state";
-export { Progress } from "./progress";
-export type { ProgressProps, ProgressTone } from "./progress";
-export { TreeList } from "./tree-list";
-export type { TreeListItem, TreeListProps } from "./tree-list";
-export { Timeline } from "./timeline";
-export type { TimelineItem, TimelineProps } from "./timeline";
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./popover";
-export { ScrollArea, ScrollBar } from "./scroll-area";
-export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible";
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion";
-export { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card";
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselDots, useCarousel, } from "./carousel";
-export type { CarouselApi } from "./carousel";
+export { Badge } from "./badge.js";
+export type { BadgeProps } from "./badge.js";
+export { ListRow } from "./list-row.js";
+export type { ListRowProps } from "./list-row.js";
+export { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
+export { Card, CardBar, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, CardAction, StatCard, } from "./card.js";
+export type { StatCardProps, CardBarProps } from "./card.js";
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table.js";
+export { Descriptions } from "./descriptions.js";
+export { DataTable, flexRender } from "./data-table.js";
+export type { ColumnDef, Density as TableDensity } from "./data-table.js";
+export type { SortStateProp } from "../../props/vocabulary/index.js";
+export { EmptyState } from "./empty-state.js";
+export { Progress } from "./progress.js";
+export type { ProgressProps, ProgressTone } from "./progress.js";
+export { TreeList } from "./tree-list.js";
+export type { TreeListItem, TreeListProps } from "./tree-list.js";
+export { Timeline } from "./timeline.js";
+export type { TimelineItem, TimelineProps } from "./timeline.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./popover.js";
+export { ScrollArea, ScrollBar } from "./scroll-area.js";
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible.js";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion.js";
+export { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card.js";
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselDots, useCarousel, } from "./carousel.js";
+export type { CarouselApi } from "./carousel.js";

package/dist/components/data-display/index.js

@@ -1,6 +1,6 @@
-import { Badge } from "./badge";
-import { ListRow } from "./list-row";
-import { Avatar, AvatarImage, AvatarFallback } from "./avatar";
+import { Badge } from "./badge.js";
+import { ListRow } from "./list-row.js";
+import { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
 import {
   Card,
   CardBar,
@@ -12,14 +12,14 @@ import {
   CardTitle,
   CardAction,
   StatCard
-} from "./card";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
-import { Descriptions } from "./descriptions";
-import { DataTable, flexRender } from "./data-table";
-import { EmptyState } from "./empty-state";
-import { Progress } from "./progress";
-import { TreeList } from "./tree-list";
-import { Timeline } from "./timeline";
+} from "./card.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table.js";
+import { Descriptions } from "./descriptions.js";
+import { DataTable, flexRender } from "./data-table.js";
+import { EmptyState } from "./empty-state.js";
+import { Progress } from "./progress.js";
+import { TreeList } from "./tree-list.js";
+import { Timeline } from "./timeline.js";
 import {
   Popover,
   PopoverAnchor,
@@ -28,11 +28,11 @@ import {
   PopoverHeader,
   PopoverTitle,
   PopoverTrigger
-} from "./popover";
-import { ScrollArea, ScrollBar } from "./scroll-area";
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible";
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion";
-import { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card";
+} from "./popover.js";
+import { ScrollArea, ScrollBar } from "./scroll-area.js";
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible.js";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion.js";
+import { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card.js";
 import {
   Carousel,
   CarouselContent,
@@ -41,7 +41,7 @@ import {
   CarouselPrevious,
   CarouselDots,
   useCarousel
-} from "./carousel";
+} from "./carousel.js";
 export {
   Accordion,
   AccordionContent,

package/dist/components/data-display/list-row.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-import { Text } from "../general/typography";
+import { cn } from "../../lib/utils.js";
+import { Text } from "../general/typography.js";
 const ListRow = React.forwardRef(
   ({ as = "div", leading, title, description, trailing, align = "center", className, ...props }, ref) => {
     const Comp = as;

package/dist/components/data-display/popover.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Popover(props) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }

package/dist/components/data-display/scroll-area.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {

package/dist/components/data-display/table.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { tableHeadHeightClass } from "../../lib/control-styles";
-import { cn } from "../../lib/utils";
+import { tableHeadHeightClass } from "../../lib/control-styles.js";
+import { cn } from "../../lib/utils.js";
 const Table = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
     "table",

package/dist/components/data-display/tree-list.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Package } from "lucide-react";
-import { Badge } from "./badge";
+import { Badge } from "./badge.js";
 function TreeList({ items }) {
   return /* @__PURE__ */ jsx("ul", { className: "ui-tree-list", children: items.map((item) => /* @__PURE__ */ jsxs(
     "li",

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

@@ -1,3 +1,3 @@
-import type { CalendarProp } from "../../props/components/data-entry.prop";
-export type { CalendarProp, CalendarProp as CalendarProps, } from "../../props/components/data-entry.prop";
+import type { CalendarProp } from "../../props/components/data-entry.prop.js";
+export type { CalendarProp, CalendarProp as CalendarProps, } from "../../props/components/data-entry.prop.js";
 export declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProp): import("react/jsx-runtime").JSX.Element;

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

@@ -2,9 +2,9 @@
 import { jsx } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { DayPicker } from "react-day-picker";
-import { cn } from "../../lib/utils";
-import { controlIconSmClass } from "../../lib/control-styles";
-import { buttonVariants } from "../general/button";
+import { cn } from "../../lib/utils.js";
+import { controlIconSmClass } from "../../lib/control-styles.js";
+import { buttonVariants } from "../general/button.js";
 function Calendar({
   className,
   classNames,

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

@@ -1,4 +1,4 @@
-import type { CascaderProp } from "../../props/components/data-entry.prop";
-export type { CascaderProp, CascaderProp as CascaderProps, } from "../../props/components/data-entry.prop";
-export type { TreeOption, TreeFieldNames } from "./tree-utils";
+import type { CascaderProp } from "../../props/components/data-entry.prop.js";
+export type { CascaderProp, CascaderProp as CascaderProps, } from "../../props/components/data-entry.prop.js";
+export type { TreeOption, TreeFieldNames } from "./tree-utils.js";
 export declare function Cascader({ options: optionsProp, value, defaultValue, onValueChange, multiple, changeOnSelect, showSearch, placeholder, disabled, className, id, expandTrigger, fieldNames, allowClear, }: CascaderProp): import("react/jsx-runtime").JSX.Element;

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

@@ -2,13 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check, ChevronRight, ChevronsUpDown, Minus, 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, ScrollBar } from "../data-display/scroll-area";
-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, ScrollBar } from "../data-display/scroll-area.js";
+import { Command, CommandInput } from "./command.js";
 import {
   filterTreeOptions,
   formatPathLabels,
@@ -16,7 +16,7 @@ import {
   normalizeTreeOptions,
   pathKey,
   pathsEqual
-} from "./tree-utils";
+} from "./tree-utils.js";
 function pathInValues(path, values) {
   return values.some((v) => pathsEqual(v, path));
 }

package/dist/components/data-entry/checkbox-group.d.ts

@@ -1,3 +1,3 @@
-import type { CheckboxGroupProp } from "../../props/components/data-entry.prop";
-export type { CheckboxGroupProp, CheckboxGroupProp as CheckboxGroupProps, } from "../../props/components/data-entry.prop";
+import type { CheckboxGroupProp } from "../../props/components/data-entry.prop.js";
+export type { CheckboxGroupProp, CheckboxGroupProp as CheckboxGroupProps, } from "../../props/components/data-entry.prop.js";
 export declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-entry/checkbox-group.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-import { Checkbox } from "./checkbox";
-import { Field } from "./field";
-import { choiceGroupClassName } from "./choice-option";
+import { cn } from "../../lib/utils.js";
+import { Checkbox } from "./checkbox.js";
+import { Field } from "./field.js";
+import { choiceGroupClassName } from "./choice-option.js";
 function useControllableArray(controlled, defaultValue) {
   const [internal, setInternal] = React.useState(defaultValue);
   const value = controlled ?? internal;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckboxGroup } from "./checkbox-group";
+import { CheckboxGroup } from "./checkbox-group.js";
 /** Checkbox — dùng standalone hoặc `Checkbox.Group` với `options` (Ant Design style). */
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
     Group: typeof CheckboxGroup;

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

@@ -3,8 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { CheckboxGroup } from "./checkbox-group";
+import { cn } from "../../lib/utils.js";
+import { CheckboxGroup } from "./checkbox-group.js";
 const CheckboxRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {

package/dist/components/data-entry/choice-option.js

@@ -1,4 +1,4 @@
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function choiceGroupClassName(_orientation = "vertical", className) {
   return cn("ui-choice-group", className);
 }

package/dist/components/data-entry/color-picker.d.ts

@@ -1,3 +1,3 @@
-import type { ColorPickerProp } from "../../props/components/data-entry.prop";
-export type { ColorPickerProp, ColorPickerProp as ColorPickerProps, } from "../../props/components/data-entry.prop";
+import type { ColorPickerProp } from "../../props/components/data-entry.prop.js";
+export type { ColorPickerProp, ColorPickerProp as ColorPickerProps, } from "../../props/components/data-entry.prop.js";
 export declare function ColorPicker({ value, onValueChange, disabled, className, id, showHexInput, }: ColorPickerProp): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-entry/color-picker.js

@@ -1,10 +1,10 @@
 "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 { controlIconClass } from "../../lib/control-styles";
-import { Input } from "./input";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
+import { controlIconClass } from "../../lib/control-styles.js";
+import { Input } from "./input.js";
 const HEX_PATTERN = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
 function normalizeHex(value) {
   if (!value.startsWith("#")) return `#${value}`;

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

@@ -3,8 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { controlIconLeadingClass } from "../../lib/control-styles";
+import { cn } from "../../lib/utils.js";
+import { controlIconLeadingClass } from "../../lib/control-styles.js";
 const Command = React.forwardRef(({ className, ...props }, ref) => {
   const rootRef = React.useRef(null);
   const setRefs = (node) => {

package/dist/components/data-entry/date-picker.d.ts

@@ -1,5 +1,5 @@
-import type { DatePickerProp } from "../../props/components/data-entry.prop";
-export type { DatePickerProp, DatePickerProp as DatePickerProps, } from "../../props/components/data-entry.prop";
+import type { DatePickerProp } from "../../props/components/data-entry.prop.js";
+export type { DatePickerProp, DatePickerProp as DatePickerProps, } from "../../props/components/data-entry.prop.js";
 /**
  * DatePicker — WAI-ARIA date combobox. A real, typeable `<input>` holds the value as an
  * ISO-8601 `yyyy-MM-dd` string (the international standard): it is form-submittable (give it a

package/dist/components/data-entry/date-picker.js

@@ -2,13 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CalendarIcon } from "lucide-react";
-import { usePickerLocales, useTranslation } from "../../i18n/use-translation";
-import { parseDateInput, toIsoDate } from "../../lib/datetime/parse";
-import { useControlledLatch } from "../../lib/hooks";
-import { cn } from "../../lib/utils";
-import { Input } from "./input";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover";
-import { Calendar } from "./calendar";
+import { usePickerLocales, useTranslation } from "../../i18n/use-translation.js";
+import { parseDateInput, toIsoDate } from "../../lib/datetime/parse.js";
+import { useControlledLatch } from "../../lib/hooks.js";
+import { cn } from "../../lib/utils.js";
+import { Input } from "./input.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
+import { Calendar } from "./calendar.js";
 const ISO_HINT = "yyyy-mm-dd";
 function DatePicker({
   value: valueProp,

package/dist/components/data-entry/date-range-picker.d.ts

@@ -1,5 +1,5 @@
-import type { DateRangePickerProp } from "../../props/components/data-entry.prop";
-export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps, } from "../../props/components/data-entry.prop";
+import type { DateRangePickerProp } from "../../props/components/data-entry.prop.js";
+export type { DateRangePickerProp, DateRangePickerProp as DateRangePickerProps, } from "../../props/components/data-entry.prop.js";
 /**
  * DateRangePicker — WAI-ARIA date-range combobox rendered as ONE input-styled control
  * (Ant Design RangePicker convention): `[ from → to  ✕ 📅 ]`. The two inner fields stay

package/dist/components/data-entry/date-range-picker.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ArrowRight, CalendarIcon, X } from "lucide-react";
-import { usePickerLocales, useTranslation } from "../../i18n/use-translation";
-import { parseDateInput, toIsoDate } from "../../lib/datetime";
-import { useControlledLatch } from "../../lib/hooks";
-import { cn } from "../../lib/utils";
-import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover";
-import { Calendar } from "./calendar";
+import { usePickerLocales, useTranslation } from "../../i18n/use-translation.js";
+import { parseDateInput, toIsoDate } from "../../lib/datetime/index.js";
+import { useControlledLatch } from "../../lib/hooks.js";
+import { cn } from "../../lib/utils.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
+import { Calendar } from "./calendar.js";
 const ISO_HINT = "yyyy-mm-dd";
 function DateRangePicker({
   value: valueProp,

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

@@ -1,4 +1,4 @@
-import type { FieldProp } from "../../props/components/data-entry.prop";
-export type { FieldProp, FieldProp as FieldProps } from "../../props/components/data-entry.prop";
+import type { FieldProp } from "../../props/components/data-entry.prop.js";
+export type { FieldProp, FieldProp as FieldProps } from "../../props/components/data-entry.prop.js";
 /** Label + optional description beside a checkbox/radio/switch control. */
 export declare function Field({ id, label, description, className, children }: FieldProp): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-import { Label } from "./label";
+import { cn } from "../../lib/utils.js";
+import { Label } from "./label.js";
 function Field({ id, label, description, className, children }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("ui-choice-field", className), children: [
     /* @__PURE__ */ jsx("div", { className: "ui-choice-control", children }),

package/dist/components/data-entry/form-field.d.ts

@@ -1,3 +1,3 @@
-import type { FormFieldProp } from "../../props/components/data-entry.prop";
-export type { FormFieldProp, FormFieldProp as FormFieldProps, } from "../../props/components/data-entry.prop";
+import type { FormFieldProp } from "../../props/components/data-entry.prop.js";
+export type { FormFieldProp, FormFieldProp as FormFieldProps, } from "../../props/components/data-entry.prop.js";
 export declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): import("react/jsx-runtime").JSX.Element;