@godxjp/ui 16.9.2 → 16.9.4

package/dist/app/app-provider.d.ts

@@ -1,6 +1,6 @@
-import { type AppDateFormat, type AppLocale, type AppTimeFormat, type AppTimezone } from "./types";
-import type { AppContextValue, AppProviderProp } from "../props/components/app.prop";
-export type { AppProviderProp, AppContextValue } from "../props/components/app.prop";
+import { type AppDateFormat, type AppLocale, type AppTimeFormat, type AppTimezone } from "./types.js";
+import type { AppContextValue, AppProviderProp } from "../props/components/app.prop.js";
+export type { AppProviderProp, AppContextValue } from "../props/components/app.prop.js";
 export declare function AppProvider({ children, defaultLocale, fallbackLocale, defaultTimezone, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProp): import("react/jsx-runtime").JSX.Element;
 export declare function useAppContext(): AppContextValue;
 /** Returns null outside AppProvider — used by pickers for optional context. */

package/dist/app/app-provider.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { resolveDefaultDateFormat } from "./date-format-labels";
-import { getDateFnsLocale, getDayPickerLocale } from "./locales";
-import { syncAppRequestHeaders } from "./request-headers";
-import { syncI18nLocale } from "../i18n/translate";
+import { resolveDefaultDateFormat } from "./date-format-labels.js";
+import { getDateFnsLocale, getDayPickerLocale } from "./locales.js";
+import { syncAppRequestHeaders } from "./request-headers.js";
+import { syncI18nLocale } from "../i18n/translate.js";
 const RTL_LANGUAGE_SUBTAGS = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur", "ps", "sd", "yi", "dv", "ckb"]);
 function localeDirection(locale) {
   return RTL_LANGUAGE_SUBTAGS.has(locale.split("-")[0]?.toLowerCase() ?? "") ? "rtl" : "ltr";
@@ -13,19 +13,19 @@ import {
   disableLiveRelativeFormatting,
   enableLiveRelativeFormatting,
   syncDatetimeContext
-} from "../lib/datetime";
-import { DEFAULT_STORAGE_KEY, readStoredPreferences, writeStoredPreferences } from "./storage";
+} from "../lib/datetime/index.js";
+import { DEFAULT_STORAGE_KEY, readStoredPreferences, writeStoredPreferences } from "./storage.js";
 import {
   applyThemeAxes
-} from "./theme-axes";
-import { resolveDefaultTimeFormat } from "./time-format-labels";
-import { resolveDefaultTimezone } from "./timezones";
+} from "./theme-axes.js";
+import { resolveDefaultTimeFormat } from "./time-format-labels.js";
+import { resolveDefaultTimezone } from "./timezones.js";
 import {
   APP_REQUEST_HEADER_DATE_FORMAT,
   APP_REQUEST_HEADER_LOCALE,
   APP_REQUEST_HEADER_TIME_FORMAT,
   APP_REQUEST_HEADER_TIMEZONE
-} from "./types";
+} from "./types.js";
 const AppContext = React.createContext(null);
 function resolveInitialTimeFormat(stored, defaultTimeFormat, locale) {
   if (stored) return stored;

package/dist/app/date-format-labels.d.ts

@@ -1,5 +1,5 @@
-import type { AppLocale } from "./types";
-import type { AppDateFormat } from "./date-formats";
+import type { AppLocale } from "./types.js";
+import type { AppDateFormat } from "./date-formats.js";
 export declare const APP_DATE_FORMAT_OPTIONS: {
     value: "iso" | "dmy" | "mdy";
 }[];

package/dist/app/date-format-labels.js

@@ -1,5 +1,5 @@
-import { APP_DATE_FORMATS } from "./date-formats";
-import { translate } from "../i18n/translate";
+import { APP_DATE_FORMATS } from "./date-formats.js";
+import { translate } from "../i18n/translate.js";
 const APP_DATE_FORMAT_OPTIONS = APP_DATE_FORMATS.map((value) => ({ value }));
 function getDateFormatLabel(dateFormat, locale, fallbackLocale = "en") {
   return translate(locale, fallbackLocale, `dateFormat.${dateFormat}`);

package/dist/app/date-formats.d.ts

@@ -1,5 +1,5 @@
 /** Date-only display preset — sent as `x-date-format` to backend. */
-import { type AppTimeFormat } from "./time-formats";
+import { type AppTimeFormat } from "./time-formats.js";
 export type AppDateFormat = "iso" | "dmy" | "mdy";
 export declare const APP_DATE_FORMATS: readonly ["iso", "dmy", "mdy"];
 export declare const APP_REQUEST_HEADER_DATE_FORMAT: "x-date-format";

package/dist/app/date-formats.js

@@ -1,4 +1,4 @@
-import { getTimePattern } from "./time-formats";
+import { getTimePattern } from "./time-formats.js";
 const APP_DATE_FORMATS = ["iso", "dmy", "mdy"];
 const APP_REQUEST_HEADER_DATE_FORMAT = "x-date-format";
 function getDatePattern(dateFormat) {

package/dist/app/index.d.ts

@@ -1,14 +1,14 @@
-export * from "./types";
-export * from "./locales";
-export * from "./timezones";
-export * from "./time-formats";
-export * from "./date-formats";
-export * from "./time-format-labels";
-export * from "./date-format-labels";
-export * from "./storage";
-export * from "./theme-axes";
-export * from "./request-headers";
-export { AppProvider, useAppContext, useOptionalAppContext, useAppLocale, useAppTimezone, useAppTimeFormat, useAppDateFormat, } from "./app-provider";
-export { useFormatting, useDateTime } from "./use-formatting";
-export { syncDatetimeContext, getDatetimeContext, formatDate, isFormatDateValue, detectFormatDateKind, formatAppDate, formatAppDateTime, formatAppTime, formatAppDateLong, formatAppRelative, formatCalendarDate, formatTimeOfDay, parseDateInput, normalizeHhmm, isValidHhmm, type FormatDateOptions, type FormatDateKind, type FormatDatetimeOptions, } from "../lib/datetime";
-export { useTranslation, usePickerLocales } from "../i18n/use-translation";
+export * from "./types.js";
+export * from "./locales.js";
+export * from "./timezones.js";
+export * from "./time-formats.js";
+export * from "./date-formats.js";
+export * from "./time-format-labels.js";
+export * from "./date-format-labels.js";
+export * from "./storage.js";
+export * from "./theme-axes.js";
+export * from "./request-headers.js";
+export { AppProvider, useAppContext, useOptionalAppContext, useAppLocale, useAppTimezone, useAppTimeFormat, useAppDateFormat, } from "./app-provider.js";
+export { useFormatting, useDateTime } from "./use-formatting.js";
+export { syncDatetimeContext, getDatetimeContext, formatDate, isFormatDateValue, detectFormatDateKind, formatAppDate, formatAppDateTime, formatAppTime, formatAppDateLong, formatAppRelative, formatCalendarDate, formatTimeOfDay, parseDateInput, normalizeHhmm, isValidHhmm, type FormatDateOptions, type FormatDateKind, type FormatDatetimeOptions, } from "../lib/datetime/index.js";
+export { useTranslation, usePickerLocales } from "../i18n/use-translation.js";

package/dist/app/index.js

@@ -1,13 +1,13 @@
-export * from "./types";
-export * from "./locales";
-export * from "./timezones";
-export * from "./time-formats";
-export * from "./date-formats";
-export * from "./time-format-labels";
-export * from "./date-format-labels";
-export * from "./storage";
-export * from "./theme-axes";
-export * from "./request-headers";
+export * from "./types.js";
+export * from "./locales.js";
+export * from "./timezones.js";
+export * from "./time-formats.js";
+export * from "./date-formats.js";
+export * from "./time-format-labels.js";
+export * from "./date-format-labels.js";
+export * from "./storage.js";
+export * from "./theme-axes.js";
+export * from "./request-headers.js";
 import {
   AppProvider,
   useAppContext,
@@ -16,8 +16,8 @@ import {
   useAppTimezone,
   useAppTimeFormat,
   useAppDateFormat
-} from "./app-provider";
-import { useFormatting, useDateTime } from "./use-formatting";
+} from "./app-provider.js";
+import { useFormatting, useDateTime } from "./use-formatting.js";
 import {
   syncDatetimeContext,
   getDatetimeContext,
@@ -34,8 +34,8 @@ import {
   parseDateInput,
   normalizeHhmm,
   isValidHhmm
-} from "../lib/datetime";
-import { useTranslation, usePickerLocales } from "../i18n/use-translation";
+} from "../lib/datetime/index.js";
+import { useTranslation, usePickerLocales } from "../i18n/use-translation.js";
 export {
   AppProvider,
   detectFormatDateKind,

package/dist/app/locales.d.ts

@@ -1,6 +1,6 @@
 import type { Locale } from "date-fns";
 import { vi as viDayPicker } from "react-day-picker/locale";
-import type { AppLocale } from "./types";
+import type { AppLocale } from "./types.js";
 export type AppLocaleConfig = {
     code: AppLocale;
     dateFns: Locale;

package/dist/app/request-headers.d.ts

@@ -1,4 +1,4 @@
-import type { AppRequestHeaders } from "./types";
+import type { AppRequestHeaders } from "./types.js";
 /** Sync locale/timezone into module state for HTTP clients (via `getAppRequestHeaders`). */
 export declare function syncAppRequestHeaders(headers: Partial<AppRequestHeaders>): void;
 /** Read current app preference headers — wire to API client `setAppHeaderProvider`. */

package/dist/app/request-headers.js

@@ -3,7 +3,7 @@ import {
   APP_REQUEST_HEADER_LOCALE,
   APP_REQUEST_HEADER_TIME_FORMAT,
   APP_REQUEST_HEADER_TIMEZONE
-} from "./types";
+} from "./types.js";
 const DEFAULT_HEADERS = {
   [APP_REQUEST_HEADER_LOCALE]: "vi",
   [APP_REQUEST_HEADER_TIMEZONE]: "Asia/Ho_Chi_Minh",

package/dist/app/storage.d.ts

@@ -1,5 +1,5 @@
-import { type AppBrand, type AppDensity, type AppFontSize, type AppTheme } from "./theme-axes";
-import type { AppLocale, AppTimezone, AppTimeFormat, AppDateFormat } from "./types";
+import { type AppBrand, type AppDensity, type AppFontSize, type AppTheme } from "./theme-axes.js";
+import type { AppLocale, AppTimezone, AppTimeFormat, AppDateFormat } from "./types.js";
 declare const DEFAULT_STORAGE_KEY = "godxjp.app";
 export type StoredAppPreferences = {
     locale?: AppLocale;

package/dist/app/storage.js

@@ -1,12 +1,12 @@
-import { isAppLocale } from "./locales";
-import { isAppDateFormat } from "./date-formats";
-import { isAppTimeFormat } from "./time-formats";
+import { isAppLocale } from "./locales.js";
+import { isAppDateFormat } from "./date-formats.js";
+import { isAppTimeFormat } from "./time-formats.js";
 import {
   isAppBrand,
   isAppDensity,
   isAppFontSize,
   isAppTheme
-} from "./theme-axes";
+} from "./theme-axes.js";
 const DEFAULT_STORAGE_KEY = "godxjp.app";
 function readStoredPreferences(storageKey) {
   if (typeof window === "undefined") return {};

package/dist/app/theme-axes.d.ts

@@ -1,4 +1,4 @@
-import type { PageDensityProp } from "../props/vocabulary/layout.prop";
+import type { PageDensityProp } from "../props/vocabulary/layout.prop.js";
 /** Light / dark spine — `data-theme` (alias of the legacy `.dark` class). */
 export type AppTheme = "light" | "dark";
 /** Primary-palette preset — `data-brand`. `null` = keep the app's own `--primary`. */

package/dist/app/time-format-labels.d.ts

@@ -1,5 +1,5 @@
-import type { AppLocale } from "./types";
-import type { AppTimeFormat } from "./time-formats";
+import type { AppLocale } from "./types.js";
+import type { AppTimeFormat } from "./time-formats.js";
 export declare const APP_TIME_FORMAT_OPTIONS: {
     value: "24h" | "12h";
 }[];

package/dist/app/time-format-labels.js

@@ -1,5 +1,5 @@
-import { APP_TIME_FORMATS } from "./time-formats";
-import { translate } from "../i18n/translate";
+import { APP_TIME_FORMATS } from "./time-formats.js";
+import { translate } from "../i18n/translate.js";
 const APP_TIME_FORMAT_OPTIONS = APP_TIME_FORMATS.map((value) => ({ value }));
 function getTimeFormatLabel(timeFormat, locale, fallbackLocale = "en") {
   return translate(locale, fallbackLocale, `timeFormat.${timeFormat}`);

package/dist/app/timezones.d.ts

@@ -1,4 +1,4 @@
-import type { AppLocale } from "./types";
+import type { AppLocale } from "./types.js";
 /** Curated preset — pass to `<AppProvider timezoneOptions={APP_TIMEZONE_PRESET} />`. */
 export declare const APP_TIMEZONE_PRESET: readonly ["UTC", "Asia/Ho_Chi_Minh", "Asia/Bangkok", "Asia/Singapore", "Asia/Jakarta", "Asia/Manila", "Asia/Kuala_Lumpur", "Asia/Yangon", "Asia/Phnom_Penh", "Asia/Vientiane", "Asia/Brunei", "Asia/Tokyo", "Asia/Seoul", "Asia/Shanghai", "Asia/Hong_Kong", "Asia/Taipei", "Asia/Ulaanbaatar", "Asia/Kolkata", "Asia/Karachi", "Asia/Dhaka", "Asia/Colombo", "Asia/Dubai", "Asia/Riyadh", "Asia/Qatar", "Asia/Tehran", "Asia/Jerusalem", "Europe/London", "Europe/Paris", "Europe/Berlin", "Europe/Amsterdam", "Europe/Rome", "Europe/Madrid", "Europe/Moscow", "Europe/Istanbul", "America/New_York", "America/Chicago", "America/Denver", "America/Los_Angeles", "America/Toronto", "America/Vancouver", "America/Mexico_City", "America/Sao_Paulo", "America/Buenos_Aires", "Australia/Sydney", "Australia/Melbourne", "Australia/Perth", "Pacific/Auckland"];
 export type AppTimezonePreset = (typeof APP_TIMEZONE_PRESET)[number];

package/dist/app/timezones.js

@@ -1,4 +1,4 @@
-import { translate } from "../i18n/translate";
+import { translate } from "../i18n/translate.js";
 const APP_TIMEZONE_PRESET = [
   "UTC",
   "Asia/Ho_Chi_Minh",

package/dist/app/types.d.ts

@@ -1,15 +1,15 @@
-import type { AppTimeFormat } from "./time-formats";
-import type { AppDateFormat } from "./date-formats";
+import type { AppTimeFormat } from "./time-formats.js";
+import type { AppDateFormat } from "./date-formats.js";
 /** Supported UI locales — sent as `x-locale` to backend. */
 export type AppLocale = "vi" | "en" | "ja";
 /** IANA timezone identifier — sent as `x-timezone` to backend. */
 export type AppTimezone = string;
 /** How to resolve the initial timezone when nothing is stored. */
 export type AppTimezoneDefault = "browser" | "system" | (AppTimezone & {});
-export type { AppTimeFormat } from "./time-formats";
-export type { AppDateFormat } from "./date-formats";
-export { APP_TIME_FORMATS, APP_REQUEST_HEADER_TIME_FORMAT, getTimePattern, isAppTimeFormat, } from "./time-formats";
-export { APP_DATE_FORMATS, APP_REQUEST_HEADER_DATE_FORMAT, getDatePattern, getDateTimePattern, isAppDateFormat, } from "./date-formats";
+export type { AppTimeFormat } from "./time-formats.js";
+export type { AppDateFormat } from "./date-formats.js";
+export { APP_TIME_FORMATS, APP_REQUEST_HEADER_TIME_FORMAT, getTimePattern, isAppTimeFormat, } from "./time-formats.js";
+export { APP_DATE_FORMATS, APP_REQUEST_HEADER_DATE_FORMAT, getDatePattern, getDateTimePattern, isAppDateFormat, } from "./date-formats.js";
 export declare const APP_LOCALES: readonly ["vi", "en", "ja"];
 export declare const APP_REQUEST_HEADER_LOCALE: "x-locale";
 export declare const APP_REQUEST_HEADER_TIMEZONE: "x-timezone";

package/dist/app/types.js

@@ -3,14 +3,14 @@ import {
   APP_REQUEST_HEADER_TIME_FORMAT,
   getTimePattern,
   isAppTimeFormat
-} from "./time-formats";
+} from "./time-formats.js";
 import {
   APP_DATE_FORMATS,
   APP_REQUEST_HEADER_DATE_FORMAT,
   getDatePattern,
   getDateTimePattern,
   isAppDateFormat
-} from "./date-formats";
+} from "./date-formats.js";
 const APP_LOCALES = ["vi", "en", "ja"];
 const APP_REQUEST_HEADER_LOCALE = "x-locale";
 const APP_REQUEST_HEADER_TIMEZONE = "x-timezone";

package/dist/app/use-formatting.d.ts

@@ -1,10 +1,10 @@
-import { formatDate, type FormatDateOptions } from "../lib/datetime";
+import { formatDate, type FormatDateOptions } from "../lib/datetime/index.js";
 /** Date/time formatters bound to the current AppProvider preferences. */
 export declare function useFormatting(): {
-    locale: import("./types").AppLocale;
+    locale: import("./types.js").AppLocale;
     timezone: string;
-    timeFormat: import("./time-formats").AppTimeFormat;
-    dateFormat: import("./date-formats").AppDateFormat;
+    timeFormat: import("./time-formats.js").AppTimeFormat;
+    dateFormat: import("./date-formats.js").AppDateFormat;
     /** Primary formatter — auto-detect + AppProvider defaults. */
     format: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) => string;
     formatDate: (value: Parameters<typeof formatDate>[0], options?: FormatDateOptions) => string;

package/dist/app/use-formatting.js

@@ -1,7 +1,7 @@
 "use client";
 import { useMemo } from "react";
-import { formatDate } from "../lib/datetime";
-import { useAppContext } from "./app-provider";
+import { formatDate } from "../lib/datetime/index.js";
+import { useAppContext } from "./app-provider.js";
 function useFormatting() {
   const { locale, timezone, timeFormat, dateFormat, dateFnsLocale } = useAppContext();
   const defaults = useMemo(

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

@@ -1,24 +1,24 @@
-export type { BreadcrumbItemProp as BreadcrumbItem } from "../../props/vocabulary/navigation.prop";
-export type { PageContainerProp, PageContainerProp as PageContainerProps, } from "../../props/components/layout.prop";
-export { PageContainer } from "../layout/page-container";
-export { Flex } from "../layout";
-export type { FlexProp } from "../../props/components/layout.prop";
-export { EmptyState } from "../data-display/empty-state";
-export { Badge } from "../data-display/badge";
-export { FormField } from "../data-entry/form-field";
-export { Field } from "../data-entry/field";
-export { Descriptions } from "../data-display/descriptions";
-export { SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "../feedback/skeleton";
-export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "../feedback/alert";
-export { SearchInput } from "../data-entry/search-input";
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft, } from "../data-entry/upload";
-export { Cascader } from "../data-entry/cascader";
-export { TreeSelect } from "../data-entry/tree-select";
-export { Transfer } from "../data-entry/transfer";
-export { Pagination, Steps, Tabs, TabsContent, TabsList, TabsTrigger } from "../navigation";
-export { Toolbar, ToolbarGroup } from "../navigation/filter-bar";
-export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, AlertDialog, } from "../feedback/dialog";
-export { Toaster } from "../feedback/sonner";
-export { toast } from "../feedback/use-toast";
-export { useDebouncedValue, useTimeoutFlag } from "../../lib/hooks";
-export { formatDate, formatBytes, formatCurrency, shortId, humanError } from "../../lib/format";
+export type { BreadcrumbItemProp as BreadcrumbItem } from "../../props/vocabulary/navigation.prop.js";
+export type { PageContainerProp, PageContainerProp as PageContainerProps, } from "../../props/components/layout.prop.js";
+export { PageContainer } from "../layout/page-container.js";
+export { Flex } from "../layout/index.js";
+export type { FlexProp } from "../../props/components/layout.prop.js";
+export { EmptyState } from "../data-display/empty-state.js";
+export { Badge } from "../data-display/badge.js";
+export { FormField } from "../data-entry/form-field.js";
+export { Field } from "../data-entry/field.js";
+export { Descriptions } from "../data-display/descriptions.js";
+export { SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "../feedback/skeleton.js";
+export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "../feedback/alert.js";
+export { SearchInput } from "../data-entry/search-input.js";
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft, } from "../data-entry/upload.js";
+export { Cascader } from "../data-entry/cascader.js";
+export { TreeSelect } from "../data-entry/tree-select.js";
+export { Transfer } from "../data-entry/transfer.js";
+export { Pagination, Steps, Tabs, TabsContent, TabsList, TabsTrigger } from "../navigation/index.js";
+export { Toolbar, ToolbarGroup } from "../navigation/filter-bar.js";
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, AlertDialog, } from "../feedback/dialog.js";
+export { Toaster } from "../feedback/sonner.js";
+export { toast } from "../feedback/use-toast.js";
+export { useDebouncedValue, useTimeoutFlag } from "../../lib/hooks.js";
+export { formatDate, formatBytes, formatCurrency, shortId, humanError } from "../../lib/format.js";

package/dist/components/admin/index.js

@@ -1,11 +1,11 @@
-import { PageContainer } from "../layout/page-container";
-import { Flex } from "../layout";
-import { EmptyState } from "../data-display/empty-state";
-import { Badge } from "../data-display/badge";
-import { FormField } from "../data-entry/form-field";
-import { Field } from "../data-entry/field";
-import { Descriptions } from "../data-display/descriptions";
-import { SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "../feedback/skeleton";
+import { PageContainer } from "../layout/page-container.js";
+import { Flex } from "../layout/index.js";
+import { EmptyState } from "../data-display/empty-state.js";
+import { Badge } from "../data-display/badge.js";
+import { FormField } from "../data-entry/form-field.js";
+import { Field } from "../data-entry/field.js";
+import { Descriptions } from "../data-display/descriptions.js";
+import { SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "../feedback/skeleton.js";
 import {
   Alert,
   AlertTitle,
@@ -13,19 +13,19 @@ import {
   AlertDescription,
   AlertActions,
   AlertQueryError
-} from "../feedback/alert";
-import { SearchInput } from "../data-entry/search-input";
+} from "../feedback/alert.js";
+import { SearchInput } from "../data-entry/search-input.js";
 import {
   Upload,
   collectUploadCommitActions,
   createUploadItem,
   useUploadDraft
-} from "../data-entry/upload";
-import { Cascader } from "../data-entry/cascader";
-import { TreeSelect } from "../data-entry/tree-select";
-import { Transfer } from "../data-entry/transfer";
-import { Pagination, Steps, Tabs, TabsContent, TabsList, TabsTrigger } from "../navigation";
-import { Toolbar, ToolbarGroup } from "../navigation/filter-bar";
+} from "../data-entry/upload.js";
+import { Cascader } from "../data-entry/cascader.js";
+import { TreeSelect } from "../data-entry/tree-select.js";
+import { Transfer } from "../data-entry/transfer.js";
+import { Pagination, Steps, Tabs, TabsContent, TabsList, TabsTrigger } from "../navigation/index.js";
+import { Toolbar, ToolbarGroup } from "../navigation/filter-bar.js";
 import {
   Dialog,
   DialogTrigger,
@@ -35,11 +35,11 @@ import {
   DialogTitle,
   DialogDescription,
   AlertDialog
-} from "../feedback/dialog";
-import { Toaster } from "../feedback/sonner";
-import { toast } from "../feedback/use-toast";
-import { useDebouncedValue, useTimeoutFlag } from "../../lib/hooks";
-import { formatDate, formatBytes, formatCurrency, shortId, humanError } from "../../lib/format";
+} from "../feedback/dialog.js";
+import { Toaster } from "../feedback/sonner.js";
+import { toast } from "../feedback/use-toast.js";
+import { useDebouncedValue, useTimeoutFlag } from "../../lib/hooks.js";
+import { formatDate, formatBytes, formatCurrency, shortId, humanError } from "../../lib/format.js";
 export {
   Alert,
   AlertActions,

package/dist/components/charts/area-chart.d.ts

@@ -1,5 +1,5 @@
-import type { AreaChartProp } from "../../props/components/charts.prop";
-export type { AreaChartProp, AreaChartProp as AreaChartProps, } from "../../props/components/charts.prop";
+import type { AreaChartProp } from "../../props/components/charts.prop.js";
+export type { AreaChartProp, AreaChartProp as AreaChartProps, } from "../../props/components/charts.prop.js";
 /**
  * Area chart — magnitude over an ordered category axis. `stacked` accumulates
  * series; `curved` smooths the line. Import from the tree-shaken

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { CartesianChart } from "./chart-cartesian";
+import { CartesianChart } from "./chart-cartesian.js";
 function AreaChart(props) {
   return /* @__PURE__ */ jsx(CartesianChart, { kind: "area", ...props });
 }

package/dist/components/charts/bar-chart.d.ts

@@ -1,5 +1,5 @@
-import type { BarChartProp } from "../../props/components/charts.prop";
-export type { BarChartProp, BarChartProp as BarChartProps, } from "../../props/components/charts.prop";
+import type { BarChartProp } from "../../props/components/charts.prop.js";
+export type { BarChartProp, BarChartProp as BarChartProps, } from "../../props/components/charts.prop.js";
 /**
  * Bar chart — compare a value across categories. `stacked` stacks series into one
  * bar; `horizontal` puts the category axis on the left. Import from the

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { CartesianChart } from "./chart-cartesian";
+import { CartesianChart } from "./chart-cartesian.js";
 function BarChart(props) {
   return /* @__PURE__ */ jsx(CartesianChart, { kind: "bar", ...props });
 }

package/dist/components/charts/chart-cartesian.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ChartDatum, ChartSeriesProp } from "../../props/components/charts.prop";
+import type { ChartDatum, ChartSeriesProp } from "../../props/components/charts.prop.js";
 /**
  * Shared cartesian renderer for Line / Bar / Area. Internal — the filename pascal
  * (`ChartCartesian`) is intentionally NOT exported, so this is not a catalog entry.

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

@@ -15,15 +15,15 @@ import {
   XAxis,
   YAxis
 } from "recharts";
-import { EmptyState } from "../data-display/empty-state";
-import { useTranslation } from "../../i18n/use-translation";
+import { EmptyState } from "../data-display/empty-state.js";
+import { useTranslation } from "../../i18n/use-translation.js";
 import {
   ChartFrame,
   chartColor,
   chartHeight,
   useChartNumberFormat
-} from "./chart-frame";
-import { buildCartesianSummary } from "./chart-summary";
+} from "./chart-frame.js";
+import { buildCartesianSummary } from "./chart-summary.js";
 function CartesianChart({
   kind,
   data,

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

@@ -1,8 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "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 CHART_COLORS = [
   "var(--chart-1)",
   "var(--chart-2)",

package/dist/components/charts/chart-summary.d.ts

@@ -3,7 +3,7 @@
  * alternative (WCAG 1.1.1). No JSX — filename pascal is intentionally NOT
  * exported, so this is not a catalog primitive.
  */
-import type { ChartDatum, ChartSeriesProp } from "../../props/components/charts.prop";
+import type { ChartDatum, ChartSeriesProp } from "../../props/components/charts.prop.js";
 type Formatter = Intl.NumberFormat;
 export type ChartSummary = {
     rows: string[];

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

@@ -4,13 +4,13 @@
  * (tree-shaking: `sideEffects: false` + a dedicated tsup entry + recharts as an
  * optional peer dependency).
  */
-export { LineChart } from "./line-chart";
-export type { LineChartProp, LineChartProps } from "./line-chart";
-export { BarChart } from "./bar-chart";
-export type { BarChartProp, BarChartProps } from "./bar-chart";
-export { AreaChart } from "./area-chart";
-export type { AreaChartProp, AreaChartProps } from "./area-chart";
-export { PieChart } from "./pie-chart";
-export type { PieChartProp, PieChartProps } from "./pie-chart";
-export type { ChartSeriesProp, ChartDatum } from "../../props/components/charts.prop";
-export { CHART_COLORS } from "./chart-frame";
+export { LineChart } from "./line-chart.js";
+export type { LineChartProp, LineChartProps } from "./line-chart.js";
+export { BarChart } from "./bar-chart.js";
+export type { BarChartProp, BarChartProps } from "./bar-chart.js";
+export { AreaChart } from "./area-chart.js";
+export type { AreaChartProp, AreaChartProps } from "./area-chart.js";
+export { PieChart } from "./pie-chart.js";
+export type { PieChartProp, PieChartProps } from "./pie-chart.js";
+export type { ChartSeriesProp, ChartDatum } from "../../props/components/charts.prop.js";
+export { CHART_COLORS } from "./chart-frame.js";

package/dist/components/charts/index.js

@@ -1,8 +1,8 @@
-import { LineChart } from "./line-chart";
-import { BarChart } from "./bar-chart";
-import { AreaChart } from "./area-chart";
-import { PieChart } from "./pie-chart";
-import { CHART_COLORS } from "./chart-frame";
+import { LineChart } from "./line-chart.js";
+import { BarChart } from "./bar-chart.js";
+import { AreaChart } from "./area-chart.js";
+import { PieChart } from "./pie-chart.js";
+import { CHART_COLORS } from "./chart-frame.js";
 export {
   AreaChart,
   BarChart,

package/dist/components/charts/line-chart.d.ts

@@ -1,5 +1,5 @@
-import type { LineChartProp } from "../../props/components/charts.prop";
-export type { LineChartProp, LineChartProp as LineChartProps, } from "../../props/components/charts.prop";
+import type { LineChartProp } from "../../props/components/charts.prop.js";
+export type { LineChartProp, LineChartProp as LineChartProps, } from "../../props/components/charts.prop.js";
 /**
  * Line chart — trends over an ordered category axis (one or more series).
  * Import from the tree-shaken `@godxjp/ui/charts` entry; requires the `recharts`

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { CartesianChart } from "./chart-cartesian";
+import { CartesianChart } from "./chart-cartesian.js";
 function LineChart(props) {
   return /* @__PURE__ */ jsx(CartesianChart, { kind: "line", ...props });
 }

package/dist/components/charts/pie-chart.d.ts

@@ -1,5 +1,5 @@
-import type { PieChartProp } from "../../props/components/charts.prop";
-export type { PieChartProp, PieChartProp as PieChartProps, } from "../../props/components/charts.prop";
+import type { PieChartProp } from "../../props/components/charts.prop.js";
+export type { PieChartProp, PieChartProp as PieChartProps, } from "../../props/components/charts.prop.js";
 /**
  * Pie / donut chart — part-to-whole composition across a small set of slices.
  * Import from the tree-shaken `@godxjp/ui/charts` entry; requires the `recharts`