@godxjp/ui 16.9.2 → 16.9.4

package/dist/components/ui/toggle-group.js

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { cn } from "../../lib/utils";
-import { toggleVariants } from "./toggle";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle.js";
 const ToggleGroup = React.forwardRef(({ className, variant = "default", size = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {

package/dist/components/ui/toggle.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const toggleVariants = cva("ui-toggle", {
   variants: {
     variant: {

package/dist/components/ui/upload.d.ts

@@ -1 +1 @@
-export * from "../data-entry/upload";
+export * from "../data-entry/upload.js";

package/dist/components/ui/upload.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "../data-entry/upload";
+export * from "../data-entry/upload.js";

package/dist/form/form-field-control.d.ts

@@ -1,4 +1,4 @@
 import { type FieldValues } from "react-hook-form";
-import type { FormFieldControlProp } from "../props/components/form.prop";
-export type { FormFieldControlProp } from "../props/components/form.prop";
+import type { FormFieldControlProp } from "../props/components/form.prop.js";
+export type { FormFieldControlProp } from "../props/components/form.prop.js";
 export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, label, required, helper, className, children, }: FormFieldControlProp<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/form/form-field-control.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Controller, useFormContext } from "react-hook-form";
-import { FormField } from "../components/data-entry/form-field";
+import { FormField } from "../components/data-entry/form-field.js";
 function FormFieldControl({
   name,
   label,

package/dist/form/form-root.d.ts

@@ -1,4 +1,4 @@
 import { type FieldValues } from "react-hook-form";
-import type { FormRootProp } from "../props/components/form.prop";
-export type { FormRootProp } from "../props/components/form.prop";
+import type { FormRootProp } from "../props/components/form.prop.js";
+export type { FormRootProp } from "../props/components/form.prop.js";
 export declare function FormRoot<TFieldValues extends FieldValues>({ form, onSubmit, children, className, id, }: FormRootProp<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/form/form-root.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { FormProvider } from "react-hook-form";
-import { cn } from "../lib/utils";
+import { cn } from "../lib/utils.js";
 function FormRoot({
   form,
   onSubmit,

package/dist/form/index.d.ts

@@ -1,7 +1,7 @@
-export { useZodForm } from "./use-zod-form";
-export type { UseZodFormOptionsProp, UseZodFormReturnProp } from "./use-zod-form";
-export { FormRoot } from "./form-root";
-export type { FormRootProp } from "./form-root";
-export { FormFieldControl } from "./form-field-control";
-export type { FormFieldControlProp } from "./form-field-control";
-export type { ZodSchemaProp, FieldErrorMessageProp } from "../props/components/form.prop";
+export { useZodForm } from "./use-zod-form.js";
+export type { UseZodFormOptionsProp, UseZodFormReturnProp } from "./use-zod-form.js";
+export { FormRoot } from "./form-root.js";
+export type { FormRootProp } from "./form-root.js";
+export { FormFieldControl } from "./form-field-control.js";
+export type { FormFieldControlProp } from "./form-field-control.js";
+export type { ZodSchemaProp, FieldErrorMessageProp } from "../props/components/form.prop.js";

package/dist/form/index.js

@@ -1,6 +1,6 @@
-import { useZodForm } from "./use-zod-form";
-import { FormRoot } from "./form-root";
-import { FormFieldControl } from "./form-field-control";
+import { useZodForm } from "./use-zod-form.js";
+import { FormRoot } from "./form-root.js";
+import { FormFieldControl } from "./form-field-control.js";
 export {
   FormFieldControl,
   FormRoot,

package/dist/form/use-zod-form.d.ts

@@ -3,8 +3,8 @@
  */
 import { type DefaultValues, type FieldValues, type UseFormReturn } from "react-hook-form";
 import type { z } from "zod";
-import type { UseZodFormOptionsProp } from "../props/components/form.prop";
-export type { UseZodFormOptionsProp, UseZodFormReturnProp } from "../props/components/form.prop";
+import type { UseZodFormOptionsProp } from "../props/components/form.prop.js";
+export type { UseZodFormOptionsProp, UseZodFormReturnProp } from "../props/components/form.prop.js";
 export declare function useZodForm<TFieldValues extends FieldValues>(schema: z.ZodType<TFieldValues, FieldValues>, options?: Omit<UseZodFormOptionsProp<TFieldValues>, "defaultValues"> & {
     defaultValues?: DefaultValues<TFieldValues>;
 }): UseFormReturn<TFieldValues>;

package/dist/i18n/index.d.ts

@@ -1,3 +1,3 @@
-export { translate, translateCurrent, syncI18nLocale, resetI18nLocale, MESSAGE_CATALOG, } from "./translate";
-export type { Messages, MessageKey, TranslateParams } from "./translate";
-export { useTranslation, usePickerLocales } from "./use-translation";
+export { translate, translateCurrent, syncI18nLocale, resetI18nLocale, MESSAGE_CATALOG, } from "./translate.js";
+export type { Messages, MessageKey, TranslateParams } from "./translate.js";
+export { useTranslation, usePickerLocales } from "./use-translation.js";

package/dist/i18n/index.js

@@ -4,8 +4,8 @@ import {
   syncI18nLocale,
   resetI18nLocale,
   MESSAGE_CATALOG
-} from "./translate";
-import { useTranslation, usePickerLocales } from "./use-translation";
+} from "./translate.js";
+import { useTranslation, usePickerLocales } from "./use-translation.js";
 export {
   MESSAGE_CATALOG,
   resetI18nLocale,

package/dist/i18n/translate.d.ts

@@ -1,5 +1,5 @@
-import type { AppLocale } from "../app/types";
-import vi from "./messages/vi.json";
+import type { AppLocale } from "../app/types.js";
+import vi from "./messages/vi.json" with { type: "json" };
 export type Messages = typeof vi;
 export declare const MESSAGE_CATALOG: Record<AppLocale, Record<string, unknown>>;
 export type MessageKey = string;

package/dist/i18n/translate.js

@@ -1,6 +1,6 @@
-import en from "./messages/en.json";
-import ja from "./messages/ja.json";
-import vi from "./messages/vi.json";
+import en from "./messages/en.json" with { type: "json" };
+import ja from "./messages/ja.json" with { type: "json" };
+import vi from "./messages/vi.json" with { type: "json" };
 const MESSAGE_CATALOG = {
   vi,
   en,

package/dist/i18n/use-translation.d.ts

@@ -1,6 +1,6 @@
 import type { DayPickerProps } from "react-day-picker";
-import type { AppLocale } from "../app/types";
-import { type MessageKey, type TranslateParams } from "./translate";
+import type { AppLocale } from "../app/types.js";
+import { type MessageKey, type TranslateParams } from "./translate.js";
 type DayPickerLocale = NonNullable<DayPickerProps["locale"]>;
 export declare function useTranslation(): {
     locale: AppLocale;
@@ -11,8 +11,8 @@ export declare function useTranslation(): {
 export declare function usePickerLocales(dayPickerOverride?: DayPickerLocale): {
     locale: AppLocale;
     timezone: string;
-    timeFormat: import("../app").AppTimeFormat;
-    dateFormat: import("../app").AppDateFormat;
+    timeFormat: import("../app/index.js").AppTimeFormat;
+    dateFormat: import("../app/index.js").AppDateFormat;
     dateFnsLocale: import("date-fns").Locale;
     dayPickerLocale: Partial<import("react-day-picker").DayPickerLocale>;
 };

package/dist/i18n/use-translation.js

@@ -1,8 +1,8 @@
 "use client";
 import { useMemo } from "react";
-import { useOptionalAppContext } from "../app/app-provider";
-import { getDateFnsLocale, getDayPickerLocale } from "../app/locales";
-import { translate } from "./translate";
+import { useOptionalAppContext } from "../app/app-provider.js";
+import { getDateFnsLocale, getDayPickerLocale } from "../app/locales.js";
+import { translate } from "./translate.js";
 const DEFAULT_LOCALE = "vi";
 const DEFAULT_FALLBACK = "en";
 function useTranslation() {

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export * from "./components/admin";
-export { cn } from "./lib/utils";
-export { Flex } from "./components/layout";
-export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProps, } from "./components/layout";
-export { Field } from "./components/data-entry";
-export type { FieldProps } from "./components/data-entry";
-export { Toolbar, ToolbarGroup } from "./components/navigation";
-export type { ToolbarGroupProps, ToolbarProps } from "./components/navigation";
-export { SkeletonStat } from "./components/feedback";
-export { AlertDialog } from "./components/feedback";
-export type { AlertDialogProps } from "./components/feedback";
+export * from "./components/admin/index.js";
+export { cn } from "./lib/utils.js";
+export { Flex } from "./components/layout/index.js";
+export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProps, } from "./components/layout/index.js";
+export { Field } from "./components/data-entry/index.js";
+export type { FieldProps } from "./components/data-entry/index.js";
+export { Toolbar, ToolbarGroup } from "./components/navigation/index.js";
+export type { ToolbarGroupProps, ToolbarProps } from "./components/navigation/index.js";
+export { SkeletonStat } from "./components/feedback/index.js";
+export { AlertDialog } from "./components/feedback/index.js";
+export type { AlertDialogProps } from "./components/feedback/index.js";

package/dist/index.js

@@ -1,10 +1,10 @@
-export * from "./components/admin";
-import { cn } from "./lib/utils";
-import { Flex } from "./components/layout";
-import { Field } from "./components/data-entry";
-import { Toolbar, ToolbarGroup } from "./components/navigation";
-import { SkeletonStat } from "./components/feedback";
-import { AlertDialog } from "./components/feedback";
+export * from "./components/admin/index.js";
+import { cn } from "./lib/utils.js";
+import { Flex } from "./components/layout/index.js";
+import { Field } from "./components/data-entry/index.js";
+import { Toolbar, ToolbarGroup } from "./components/navigation/index.js";
+import { SkeletonStat } from "./components/feedback/index.js";
+import { AlertDialog } from "./components/feedback/index.js";
 export {
   AlertDialog,
   Field,

package/dist/lib/datetime/detect.js

@@ -1,4 +1,4 @@
-import { isValidHhmm } from "./parse";
+import { isValidHhmm } from "./parse.js";
 const DATE_ONLY_RE = /^\d{4}-\d{2}-\d{2}$/;
 function detectFormatDateKind(value) {
   if (value instanceof Date) return "datetime";

package/dist/lib/datetime/format-date.d.ts

@@ -1,5 +1,5 @@
-import { type FormatDatetimeOptions } from "./format";
-import { type FormatDateKind } from "./detect";
+import { type FormatDatetimeOptions } from "./format.js";
+import { type FormatDateKind } from "./detect.js";
 export type FormatDateOptions = FormatDatetimeOptions & {
     /**
      * Output preset. Default `auto` detects ISO date / HH:mm / instant.

package/dist/lib/datetime/format-date.js

@@ -6,10 +6,10 @@ import {
   formatAppTime,
   formatCalendarDate,
   formatTimeOfDay
-} from "./format";
-import { detectFormatDateKind } from "./detect";
-import { isValidHhmm, parseDateInput } from "./parse";
-import { canUseLiveRelativeFormatting } from "./sync";
+} from "./format.js";
+import { detectFormatDateKind } from "./detect.js";
+import { isValidHhmm, parseDateInput } from "./parse.js";
+import { canUseLiveRelativeFormatting } from "./sync.js";
 const EMPTY = "\u2014";
 function resolveKind(value, options) {
   if (options?.kind && options.kind !== "auto") return options.kind;

package/dist/lib/datetime/format.d.ts

@@ -1,6 +1,6 @@
 import { type Locale } from "date-fns";
-import { type AppTimeFormat } from "../../app/time-formats";
-import type { AppLocale, AppDateFormat } from "../../app/types";
+import { type AppTimeFormat } from "../../app/time-formats.js";
+import type { AppLocale, AppDateFormat } from "../../app/types.js";
 export type FormatDatetimeOptions = {
     locale?: Locale | AppLocale;
     timezone?: string;

package/dist/lib/datetime/format.js

@@ -1,11 +1,11 @@
 import { TZDate } from "@date-fns/tz";
 import { format, formatDistanceToNow } from "date-fns";
-import { getDateFnsLocale } from "../../app/locales";
-import { getDatePattern, getDateTimePattern } from "../../app/date-formats";
-import { getTimePattern } from "../../app/time-formats";
-import { calendarDateToTZDate, hhmmToTZDate, parseDateInput } from "./parse";
-import { isDateOnlyString } from "./detect";
-import { getDatetimeContext } from "./sync";
+import { getDateFnsLocale } from "../../app/locales.js";
+import { getDatePattern, getDateTimePattern } from "../../app/date-formats.js";
+import { getTimePattern } from "../../app/time-formats.js";
+import { calendarDateToTZDate, hhmmToTZDate, parseDateInput } from "./parse.js";
+import { isDateOnlyString } from "./detect.js";
+import { getDatetimeContext } from "./sync.js";
 function resolveLocale(locale) {
   if (!locale) return getDatetimeContext().dateFnsLocale;
   if (typeof locale === "string") return getDateFnsLocale(locale);

package/dist/lib/datetime/index.d.ts

@@ -1,5 +1,5 @@
-export { syncDatetimeContext, getDatetimeContext, enableLiveRelativeFormatting, disableLiveRelativeFormatting, resetDatetimeContextForTests, type DatetimeContext, } from "./sync";
-export { parseDateInput, toIsoDate, calendarDateToTZDate, isValidHhmm, normalizeHhmm, hhmmToTZDate, } from "./parse";
-export { formatCalendarDate, formatAppDate, formatAppDateTime, formatAppTime, formatAppDateLong, formatAppRelative, formatTimeOfDay, type FormatDatetimeOptions, } from "./format";
-export { formatDate, isFormatDateValue, type FormatDateOptions } from "./format-date";
-export { detectFormatDateKind, isDateOnlyString, type FormatDateKind } from "./detect";
+export { syncDatetimeContext, getDatetimeContext, enableLiveRelativeFormatting, disableLiveRelativeFormatting, resetDatetimeContextForTests, type DatetimeContext, } from "./sync.js";
+export { parseDateInput, toIsoDate, calendarDateToTZDate, isValidHhmm, normalizeHhmm, hhmmToTZDate, } from "./parse.js";
+export { formatCalendarDate, formatAppDate, formatAppDateTime, formatAppTime, formatAppDateLong, formatAppRelative, formatTimeOfDay, type FormatDatetimeOptions, } from "./format.js";
+export { formatDate, isFormatDateValue, type FormatDateOptions } from "./format-date.js";
+export { detectFormatDateKind, isDateOnlyString, type FormatDateKind } from "./detect.js";

package/dist/lib/datetime/index.js

@@ -4,7 +4,7 @@ import {
   enableLiveRelativeFormatting,
   disableLiveRelativeFormatting,
   resetDatetimeContextForTests
-} from "./sync";
+} from "./sync.js";
 import {
   parseDateInput,
   toIsoDate,
@@ -12,7 +12,7 @@ import {
   isValidHhmm,
   normalizeHhmm,
   hhmmToTZDate
-} from "./parse";
+} from "./parse.js";
 import {
   formatCalendarDate,
   formatAppDate,
@@ -21,9 +21,9 @@ import {
   formatAppDateLong,
   formatAppRelative,
   formatTimeOfDay
-} from "./format";
-import { formatDate, isFormatDateValue } from "./format-date";
-import { detectFormatDateKind, isDateOnlyString } from "./detect";
+} from "./format.js";
+import { formatDate, isFormatDateValue } from "./format-date.js";
+import { detectFormatDateKind, isDateOnlyString } from "./detect.js";
 export {
   calendarDateToTZDate,
   detectFormatDateKind,

package/dist/lib/datetime/parse.js

@@ -1,6 +1,6 @@
 import { TZDate } from "@date-fns/tz";
 import { parseISO } from "date-fns";
-import { isDateOnlyString } from "./detect";
+import { isDateOnlyString } from "./detect.js";
 function toIsoDate(value) {
   if (value == null || Number.isNaN(value.getTime())) return "";
   const year = String(value.getFullYear()).padStart(4, "0");

package/dist/lib/datetime/sync.d.ts

@@ -1,5 +1,5 @@
 import type { Locale } from "date-fns";
-import type { AppLocale, AppTimeFormat, AppDateFormat } from "../../app/types";
+import type { AppLocale, AppTimeFormat, AppDateFormat } from "../../app/types.js";
 export type DatetimeContext = {
     locale: AppLocale;
     dateFnsLocale: Locale;

package/dist/lib/datetime/sync.js

@@ -1,5 +1,5 @@
-import { getDateFnsLocale } from "../../app/locales";
-import { resolveDefaultDateFormat } from "../../app/date-format-labels";
+import { getDateFnsLocale } from "../../app/locales.js";
+import { resolveDefaultDateFormat } from "../../app/date-format-labels.js";
 const DEFAULT_LOCALE = "vi";
 const defaultContext = () => ({
   locale: DEFAULT_LOCALE,

package/dist/lib/format.d.ts

@@ -17,5 +17,5 @@ export declare function shortId(id: string | null | undefined): string;
 /** Translate any backend error into something a user can act on. Falls back
  * to a generic message for non-Error objects (avoids dumping stack traces). */
 export declare function humanError(err: unknown): string;
-export { formatDate, isFormatDateValue, formatCalendarDate, formatAppDate, formatAppDateTime, formatAppTime, formatAppDateLong, formatAppRelative, formatTimeOfDay, parseDateInput, normalizeHhmm, isValidHhmm, detectFormatDateKind, } from "./datetime";
-export type { FormatDateOptions, FormatDatetimeOptions, FormatDateKind } from "./datetime";
+export { formatDate, isFormatDateValue, formatCalendarDate, formatAppDate, formatAppDateTime, formatAppTime, formatAppDateLong, formatAppRelative, formatTimeOfDay, parseDateInput, normalizeHhmm, isValidHhmm, detectFormatDateKind, } from "./datetime/index.js";
+export type { FormatDateOptions, FormatDatetimeOptions, FormatDateKind } from "./datetime/index.js";

package/dist/lib/format.js

@@ -1,4 +1,4 @@
-import { getSyncedLocale, translateCurrent } from "../i18n/translate";
+import { getSyncedLocale, translateCurrent } from "../i18n/translate.js";
 function formatBytes(n, locale = getSyncedLocale()) {
   if (n == null) return "\u2014";
   const num = (digits, scaled) => new Intl.NumberFormat(locale, {
@@ -45,7 +45,7 @@ import {
   normalizeHhmm,
   isValidHhmm,
   detectFormatDateKind
-} from "./datetime";
+} from "./datetime/index.js";
 export {
   detectFormatDateKind,
   formatAppDate,

package/dist/lib/variants.d.ts

@@ -1,5 +1,5 @@
 /** Prop → internal class maps. Apps use component props, never these classes directly. */
-import type { GapProp, PageContainerVariantProp, PageDensityProp } from "../props/vocabulary";
+import type { GapProp, PageContainerVariantProp, PageDensityProp } from "../props/vocabulary/index.js";
 export type Density = PageDensityProp;
 export type StackGap = GapProp;
 export type FlexGap = GapProp;

package/dist/props/components/app.prop.d.ts

@@ -1,9 +1,9 @@
 /** App shell prop types — @see docs/COMPONENTS.md#app */
 import type { Locale } from "date-fns";
 import type { DayPickerProps } from "react-day-picker";
-import type { AppLocale, AppRequestHeaders, AppTimeFormat, AppTimezone, AppTimezoneDefault, AppDateFormat } from "../../app/types";
-import type { AppBrand, AppDensity, AppFontSize, AppTheme } from "../../app/theme-axes";
-import type { ChildrenProp, ClassNameProp, DisabledProp, IdProp, NameProp, OnValueChangeProp, ValueProp } from "../vocabulary";
+import type { AppLocale, AppRequestHeaders, AppTimeFormat, AppTimezone, AppTimezoneDefault, AppDateFormat } from "../../app/types.js";
+import type { AppBrand, AppDensity, AppFontSize, AppTheme } from "../../app/theme-axes.js";
+import type { ChildrenProp, ClassNameProp, DisabledProp, IdProp, NameProp, OnValueChangeProp, ValueProp } from "../vocabulary/index.js";
 /** @see AppProvider */
 export type AppProviderProp = {
     children: ChildrenProp;

package/dist/props/components/charts.prop.d.ts

@@ -1,5 +1,5 @@
 /** Charts component prop types — @see docs/COMPONENTS.md#charts (tree-shaken `@godxjp/ui/charts`). */
-import type { ClassNameProp, DescriptionProp, EmptyMessageProp, IdProp, LabelProp, SizeProp } from "../vocabulary";
+import type { ClassNameProp, DescriptionProp, EmptyMessageProp, IdProp, LabelProp, SizeProp } from "../vocabulary/index.js";
 /** A single row of chart data — category accessor + one numeric value per series. */
 export type ChartDatum = Record<string, string | number | null | undefined>;
 /** One plotted series — `dataKey` accesses the value, `label` is the already-translated legend text. */

package/dist/props/components/data-display.prop.d.ts

@@ -1,6 +1,6 @@
 /** Data Display component prop types — @see docs/COMPONENTS.md#data-display */
 import type * as React from "react";
-import type { ActionProp, ClassNameProp, DescriptionProp, IconProp, TitleProp, ColumnDefProp, GetRowIdProp, OnRowClickProp, OnSelectChangeProp, OnSortChangeProp, OnTableDensityChangeProp, SelectedIdsProp, SortStateProp, TableDensityProp, ChildrenProp, ToneProp } from "../vocabulary";
+import type { ActionProp, ClassNameProp, DescriptionProp, IconProp, TitleProp, ColumnDefProp, GetRowIdProp, OnRowClickProp, OnSelectChangeProp, OnSortChangeProp, OnTableDensityChangeProp, SelectedIdsProp, SortStateProp, TableDensityProp, ChildrenProp, ToneProp } from "../vocabulary/index.js";
 /** @see EmptyState */
 export type EmptyStateProp = {
     icon?: IconProp;

package/dist/props/components/data-entry.prop.d.ts

@@ -6,9 +6,9 @@ import type * as SwitchPrimitive from "@radix-ui/react-switch";
 import type { DayPickerProps } from "react-day-picker";
 import type { DateRange } from "react-day-picker";
 import type * as React from "react";
-import type { UploadFileItem } from "../../components/data-entry/upload-types";
-import type { ClassNameProp, DisabledProp, EmptyMessageProp, ErrorProp, HelperProp, IdProp, LabelProp, NameProp, OnChangeProp, OnValueChangeProp, OnSearchChangeProp, PlaceholderProp, RequiredProp, ValueProp, DefaultValueProp, FormLayoutProp, WidthProp, BreakpointProp, DensityProp, SizeProp } from "../vocabulary";
-import type { ResponsiveGridColumnsProp } from "./layout.prop";
+import type { UploadFileItem } from "../../components/data-entry/upload-types.js";
+import type { ClassNameProp, DisabledProp, EmptyMessageProp, ErrorProp, HelperProp, IdProp, LabelProp, NameProp, OnChangeProp, OnValueChangeProp, OnSearchChangeProp, PlaceholderProp, RequiredProp, ValueProp, DefaultValueProp, FormLayoutProp, WidthProp, BreakpointProp, DensityProp, SizeProp } from "../vocabulary/index.js";
+import type { ResponsiveGridColumnsProp } from "./layout.prop.js";
 /** @see Input */
 export type InputProp = React.InputHTMLAttributes<HTMLInputElement> & {
     /** Show an inline ✕ that clears the field while it holds text (default false). */

package/dist/props/components/feedback.prop.d.ts

@@ -1,6 +1,6 @@
 /** Feedback component prop types — @see docs/COMPONENTS.md#feedback */
 import type * as React from "react";
-import type { AlertVariantProp, CancelLabelProp, ChildrenProp, ClassNameProp, ConfirmLabelProp, ConfirmVariantProp, DescriptionProp, HandlerProp, IconProp, OpenProp, OnOpenChangeProp, PendingProp, ToneProp, TitleProp } from "../vocabulary";
+import type { AlertVariantProp, CancelLabelProp, ChildrenProp, ClassNameProp, ConfirmLabelProp, ConfirmVariantProp, DescriptionProp, HandlerProp, IconProp, OpenProp, OnOpenChangeProp, PendingProp, ToneProp, TitleProp } from "../vocabulary/index.js";
 /** @see AlertDialog */
 export type AlertDialogProp = {
     open: OpenProp;

package/dist/props/components/form.prop.d.ts

@@ -2,7 +2,7 @@
 import type * as React from "react";
 import type { FieldPath, FieldValues, UseFormProps, UseFormReturn } from "react-hook-form";
 import type { z } from "zod";
-import type { ErrorProp, HelperProp, IdProp, LabelProp, RequiredProp } from "../vocabulary";
+import type { ErrorProp, HelperProp, IdProp, LabelProp, RequiredProp } from "../vocabulary/index.js";
 /** Schema passed to useZodForm — must be Zod 4 object schema. */
 export type ZodSchemaProp<T extends z.ZodType = z.ZodType> = T;
 /** Options for useZodForm (resolver injected automatically). */

package/dist/props/components/general.prop.d.ts

@@ -1,6 +1,6 @@
 /** Foundation component prop types — @see docs/COMPONENTS.md#foundation */
 import type * as React from "react";
-import type { AsChildProp, ButtonSizeProp, ButtonVariantProp, DisabledProp, FontWeightProp, HeadingLevelProp, OnClickProp, PendingProp, ShapeProp, TextAlignProp, TextSizeProp, TextToneProp } from "../vocabulary";
+import type { AsChildProp, ButtonSizeProp, ButtonVariantProp, DisabledProp, FontWeightProp, HeadingLevelProp, OnClickProp, PendingProp, ShapeProp, TextAlignProp, TextSizeProp, TextToneProp } from "../vocabulary/index.js";
 /** @see Text — typographic primitive; replaces hand-rolled `<span className="text-[13px] …">`. */
 export type TextProp = Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
     /** Render element. Default `span`. Covers inline/block text + description-list + code/caption. */

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

@@ -1,10 +1,10 @@
-export type { AppShellProp, PageContainerProp, PageInsetProp, SidebarItemProp, SidebarProductProp, SidebarProp, SidebarSectionProp, TopbarProp, } from "./layout.prop";
-export type { ButtonProp } from "./general.prop";
-export type { InputProp, TextareaProp, FormFieldProp, SearchInputProp, CheckboxProp, CheckboxGroupProp, ChoiceOptionProp, RadioProp, RadioGroupProp, SwitchProp, SliderProp, CalendarProp, DatePickerProp, DateRangePickerProp, TimePickerProp, ColorPickerProp, UploadProp, UploadFileItemProp, UploadVariantProp, TreeOptionProp, TreeFieldNamesProp, CascaderProp, TreeSelectProp, ShowCheckedStrategyProp, TransferProp, TransferItemProp, } from "./data-entry.prop";
-export type { EmptyStateProp, DescriptionsProp, DescriptionsItemProp, BadgeProp, DataTableProp, } from "./data-display.prop";
-export type { ChartDatum, ChartSeriesProp, LineChartProp, BarChartProp, AreaChartProp, PieChartProp, } from "./charts.prop";
-export type { AlertQueryErrorProp, AlertProp, AlertTitleProp, AlertContentProp, AlertDescriptionProp, AlertActionsProp, SkeletonRowsProp, } from "./feedback.prop";
-export type { DataStateProp, InfiniteQueryStateProp, InfiniteQueryHelpers, PrefetchLinkProp, } from "./query.prop";
-export type { PaginationProp, StepsProp, StepItemProp, StepStatusProp, TabsProp, TabItemProp, } from "./navigation.prop";
-export type { AppProviderProp, AppContextValue, AppSettingKind, AppSettingPickerProp, } from "./app.prop";
-export type { ZodSchemaProp, UseZodFormOptionsProp, UseZodFormReturnProp, FormRootProp, FormFieldControlProp, FieldErrorMessageProp, } from "./form.prop";
+export type { AppShellProp, PageContainerProp, PageInsetProp, SidebarItemProp, SidebarProductProp, SidebarProp, SidebarSectionProp, TopbarProp, } from "./layout.prop.js";
+export type { ButtonProp } from "./general.prop.js";
+export type { InputProp, TextareaProp, FormFieldProp, SearchInputProp, CheckboxProp, CheckboxGroupProp, ChoiceOptionProp, RadioProp, RadioGroupProp, SwitchProp, SliderProp, CalendarProp, DatePickerProp, DateRangePickerProp, TimePickerProp, ColorPickerProp, UploadProp, UploadFileItemProp, UploadVariantProp, TreeOptionProp, TreeFieldNamesProp, CascaderProp, TreeSelectProp, ShowCheckedStrategyProp, TransferProp, TransferItemProp, } from "./data-entry.prop.js";
+export type { EmptyStateProp, DescriptionsProp, DescriptionsItemProp, BadgeProp, DataTableProp, } from "./data-display.prop.js";
+export type { ChartDatum, ChartSeriesProp, LineChartProp, BarChartProp, AreaChartProp, PieChartProp, } from "./charts.prop.js";
+export type { AlertQueryErrorProp, AlertProp, AlertTitleProp, AlertContentProp, AlertDescriptionProp, AlertActionsProp, SkeletonRowsProp, } from "./feedback.prop.js";
+export type { DataStateProp, InfiniteQueryStateProp, InfiniteQueryHelpers, PrefetchLinkProp, } from "./query.prop.js";
+export type { PaginationProp, StepsProp, StepItemProp, StepStatusProp, TabsProp, TabItemProp, } from "./navigation.prop.js";
+export type { AppProviderProp, AppContextValue, AppSettingKind, AppSettingPickerProp, } from "./app.prop.js";
+export type { ZodSchemaProp, UseZodFormOptionsProp, UseZodFormReturnProp, FormRootProp, FormFieldControlProp, FieldErrorMessageProp, } from "./form.prop.js";

package/dist/props/components/layout.prop.d.ts

@@ -1,7 +1,7 @@
 /** Layout component prop types — @see docs/COMPONENTS.md#layout */
 import type * as React from "react";
 import type { ComponentType, ReactNode, SVGProps } from "react";
-import type { BreadcrumbProp, TitleProp, SubtitleProp, ExtraProp, FooterProp, PageDensityProp, PageContainerVariantProp, GapProp, ClassNameProp, ChildrenProp } from "../vocabulary";
+import type { BreadcrumbProp, TitleProp, SubtitleProp, ExtraProp, FooterProp, PageDensityProp, PageContainerVariantProp, GapProp, ClassNameProp, ChildrenProp } from "../vocabulary/index.js";
 /** @see PageContainer */
 export type PageContainerProp = {
     title: TitleProp;

package/dist/props/components/navigation.prop.d.ts

@@ -1,6 +1,6 @@
 /** Navigation component prop types — @see docs/COMPONENTS.md#navigation */
 import type * as React from "react";
-import type { ChildrenProp, ClassNameProp, DisabledProp, HasActiveFiltersProp, LabelProp, OnClearFiltersProp } from "../vocabulary";
+import type { ChildrenProp, ClassNameProp, DisabledProp, HasActiveFiltersProp, LabelProp, OnClearFiltersProp } from "../vocabulary/index.js";
 /** @see Toolbar */
 export type ToolbarProp = {
     onClear?: OnClearFiltersProp;

package/dist/props/components/query.prop.d.ts

@@ -2,8 +2,8 @@
 import type * as React from "react";
 import type { InfiniteData, QueryKey, UseInfiniteQueryResult, UseMutationResult, UseQueryResult } from "@tanstack/react-query";
 import type { LinkProps } from "react-router-dom";
-import type { ButtonProp } from "./general.prop";
-import type { ClassNameProp, HandlerProp } from "../vocabulary";
+import type { ButtonProp } from "./general.prop.js";
+import type { ClassNameProp, HandlerProp } from "../vocabulary/index.js";
 /** @see DataState — TanStack Query lifecycle widget (not a visual component). */
 export type DataStateProp<T> = {
     query: UseQueryResult<T>;

package/dist/props/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./vocabulary";
-export * from "./components";
-export { VOCABULARY_REGISTRY, COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, type VocabularyPropName, type ComponentPropName, } from "./registry";
-export type { PageContainerProp as PageContainerProps } from "./components/layout.prop";
-export type { ButtonProp as ButtonProps } from "./components/general.prop";
-export type { BreadcrumbItemProp as BreadcrumbItem } from "./vocabulary/navigation.prop";
-export type { ColumnDefProp as ColumnDef } from "./vocabulary/data.prop";
+export * from "./vocabulary/index.js";
+export * from "./components/index.js";
+export { VOCABULARY_REGISTRY, COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, type VocabularyPropName, type ComponentPropName, } from "./registry.js";
+export type { PageContainerProp as PageContainerProps } from "./components/layout.prop.js";
+export type { ButtonProp as ButtonProps } from "./components/general.prop.js";
+export type { BreadcrumbItemProp as BreadcrumbItem } from "./vocabulary/navigation.prop.js";
+export type { ColumnDefProp as ColumnDef } from "./vocabulary/data.prop.js";

package/dist/props/index.js

@@ -1,10 +1,10 @@
-export * from "./vocabulary";
-export * from "./components";
+export * from "./vocabulary/index.js";
+export * from "./components/index.js";
 import {
   VOCABULARY_REGISTRY,
   COMPONENT_PROP_REGISTRY,
   PROP_ALIASES_FORBIDDEN
-} from "./registry";
+} from "./registry.js";
 export {
   COMPONENT_PROP_REGISTRY,
   PROP_ALIASES_FORBIDDEN,

package/dist/props/vocabulary/data.prop.d.ts

@@ -3,8 +3,8 @@
  * @see docs/PROPS-VOCABULARY.md#data-collections
  */
 import type * as React from "react";
-import type { ColumnAlignProp, SortDirectionProp } from "./interaction.prop";
-import type { TableDensityProp } from "./layout.prop";
+import type { ColumnAlignProp, SortDirectionProp } from "./interaction.prop.js";
+import type { TableDensityProp } from "./layout.prop.js";
 /** Generic row identifier extractor for tables with selection. */
 export type GetRowIdProp<T> = (row: T) => string;
 /** Row click navigation handler. */

package/dist/props/vocabulary/index.d.ts

@@ -1,7 +1,7 @@
 /** Barrel — all vocabulary prop types. */
-export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, OnOpenChangeProp, HandlerProp, PendingProp, RequiredProp, DisabledProp, LabelProp, HelperProp, ErrorProp, PlaceholderProp, NameProp, ValueProp, DefaultValueProp, OnValueChangeProp, OnChangeProp, OnClickProp, AsChildProp, WidthProp, } from "./shared.prop";
-export type { TitleProp, SubtitleProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop";
-export type { PageDensityProp, PageContainerVariantProp, TableDensityProp, DensityProp, GapProp, } from "./layout.prop";
-export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, ShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, SizeProp, FormLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, SortDirectionProp, ColumnAlignProp, SortStateProp, } from "./interaction.prop";
-export type { BreadcrumbItemProp, BreadcrumbProp } from "./navigation.prop";
-export type { GetRowIdProp, OnRowClickProp, ColumnDefProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, } from "./data.prop";
+export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, OnOpenChangeProp, HandlerProp, PendingProp, RequiredProp, DisabledProp, LabelProp, HelperProp, ErrorProp, PlaceholderProp, NameProp, ValueProp, DefaultValueProp, OnValueChangeProp, OnChangeProp, OnClickProp, AsChildProp, WidthProp, } from "./shared.prop.js";
+export type { TitleProp, SubtitleProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop.js";
+export type { PageDensityProp, PageContainerVariantProp, TableDensityProp, DensityProp, GapProp, } from "./layout.prop.js";
+export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, ShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, SizeProp, FormLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, SortDirectionProp, ColumnAlignProp, SortStateProp, } from "./interaction.prop.js";
+export type { BreadcrumbItemProp, BreadcrumbProp } from "./navigation.prop.js";
+export type { GetRowIdProp, OnRowClickProp, ColumnDefProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, } from "./data.prop.js";

package/dist/props/vocabulary/navigation.prop.d.ts

@@ -2,7 +2,7 @@
  * Navigation & wayfinding prop types.
  * @see docs/PROPS-VOCABULARY.md#navigation
  */
-import type { LabelProp } from "./shared.prop";
+import type { LabelProp } from "./shared.prop.js";
 /** Single breadcrumb segment. */
 export type BreadcrumbItemProp = {
     label: LabelProp;