@godxjp/ui 11.1.0 → 12.0.0

package/README.md

@@ -67,13 +67,13 @@ Components emit `data-slot` / `data-*`; the look lives in `styles/*-layout.css`.
 
 | Group              | Import                    | Examples                                                                                                                                                                                                                                |
 | ------------------ | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Layout**         | `@godxjp/ui/layout`       | `Flex` (+ `Stack`/`Inline`), `PageContainer`, `ResponsiveGrid`, `AppShell`, `Sidebar`, `Separator`, `AspectRatio`, `Resizable`                                                                                                          |
+| **Layout**         | `@godxjp/ui/layout`       | `Flex`, `PageContainer`, `ResponsiveGrid`, `AppShell`, `Sidebar`, `Separator`, `AspectRatio`, `Resizable`                                                                                                          |
 | **General**        | `@godxjp/ui/general`      | `Button`                                                                                                                                                                                                                                |
 | **Data Entry**     | `@godxjp/ui/data-entry`   | `Input`, `Select`, `FormField`, `Field`, `DatePicker`, `TimePicker`, `Combobox`, `Switch`, `Toggle`, `Upload`, `Cascader`, `TreeSelect`, `ColorPicker`, `Slider`, `PasswordInput`, `PasswordStrength`, `InputOTP`, `Rating`, `TagInput` |
 | **Data Display**   | `@godxjp/ui/data-display` | `Table`, `DataTable`, `Card`, `StatCard`, `Badge`, `Avatar`, `Descriptions`, `Timeline`, `EmptyState`, `Progress`, `Accordion`, `HoverCard`, `Carousel`, `Popover`, `Collapsible`                                                       |
 | **Feedback**       | `@godxjp/ui/feedback`     | `Dialog`, `AlertDialog`, `Sheet` (side), `Drawer` (bottom-sheet), `Toast`, `Skeleton`, `Alert`, `Tooltip`                                                                                                                               |
 | **Query**          | `@godxjp/ui/query`        | `DataState`, `InfiniteQueryState`, `PrefetchLink` (adapter subpath — pulls TanStack Query)                                                                                                                                              |
-| **Navigation**     | `@godxjp/ui/navigation`   | `Tabs`, `Toolbar` (+ `FilterBar`), `DropdownMenu`, `ContextMenu`, `Menubar`, `NavigationMenu`, `Steps`, `Pagination`, `Breadcrumb`, `LocalePicker`                                                                                      |
+| **Navigation**     | `@godxjp/ui/navigation`   | `Tabs`, `Toolbar`, `DropdownMenu`, `ContextMenu`, `Menubar`, `NavigationMenu`, `Steps`, `Pagination`, `Breadcrumb`, `AppSettingPicker`                                                                                                  |
 | **App**            | `@godxjp/ui/app`          | `AppProvider`, `useDateTime` (adapter — i18n/datetime singleton)                                                                                                                                                                        |
 | **Datetime**       | `@godxjp/ui/datetime`     | `formatDate` (mandatory for display)                                                                                                                                                                                                    |
 | **Form**           | `@godxjp/ui/form`         | `useZodForm`, `FormRoot` (adapter subpath — pulls react-hook-form)                                                                                                                                                                      |
@@ -81,9 +81,37 @@ Components emit `data-slot` / `data-*`; the look lives in `styles/*-layout.css`.
 | **shadcn paths**   | `@godxjp/ui/ui`           | Thin re-exports for shadcn-style imports (tree-shakeable)                                                                                                                                                                               |
 | **Admin (legacy)** | `@godxjp/ui/admin`        | Compound admin exports                                                                                                                                                                                                                  |
 
-> **Renamed in 8.0** (thin aliases kept): `Stack`/`Inline`→`Flex`, `KeyValueGrid`→`Descriptions`,
-> `ProgressMeter`→`Progress`, `CardStat`→`StatCard`, `FilterBar`→`Toolbar`, `ChoiceField`→`Field`,
-> `SkeletonCard`→`SkeletonStat`. `StatusBadge`→`Badge` (`status`/`tone`), `DialogConfirm`/`Dialog mode="confirm"`→`AlertDialog`.
+> **Renamed / removed** — use the new names; the old aliases were **removed in v11** (they are no
+> longer exported at runtime). See the [migration table](#migrating-6--11) below.
+
+---
+
+## Migrating 6 → 11
+
+The v11 line dropped the deprecated compatibility aliases entirely — they are no longer exported
+at runtime, and their leftover `*Prop` types and README references have now been removed too (issue
+#99). Replace these at the call site:
+
+| Removed / renamed (≤ v8)         | Replacement (v11)                                  |
+| -------------------------------- | -------------------------------------------------- |
+| `Stack`                          | `Flex direction="col"` (the default direction)     |
+| `Inline`                         | `Flex direction="row"`                             |
+| `Autocomplete`                   | `Select` with `showSearch` + `options`             |
+| `CountrySelect`                  | `AppSettingPicker kind="country"`                  |
+| `LocalePicker`                   | `AppSettingPicker kind="language"`                 |
+| `CountryOptionLabel`             | `Intl.DisplayNames` (ISO 3166-1 α-2) — no component |
+| `SwitchField`                    | `Field` + `Switch`                                 |
+| `CardStat`                       | `StatCard`                                          |
+| `KeyValueGrid`                   | `Descriptions`                                      |
+| `ProgressMeter`                  | `Progress`                                          |
+| `FilterBar`                      | `Toolbar`                                           |
+| `ChoiceField`                    | `Field`                                             |
+| `SkeletonCard`                   | `SkeletonStat`                                      |
+| `StatusBadge`                    | `Badge` (`status` / `tone`)                         |
+| `DialogConfirm` / `Dialog mode="confirm"` | `AlertDialog`                             |
+
+For the full feature data grid (sort / search / column visibility / paging) see
+`@godxjp/ui/data-grid` (`DataGrid`); the lean server-driven list stays `DataTable`.
 
 ---
 
@@ -109,7 +137,7 @@ import { PageContainer } from "@godxjp/ui/layout"; // every page wraps in this
 
 1. **Every page** uses `<PageContainer title subtitle extra footer>`.
 2. **Mobile-first** — verify at 320–390px in preview / browser.
-3. **Spacing via `Stack`/`Inline` `gap` + `ResponsiveGrid`** — no Tailwind `p-*` /
+3. **Spacing via `Flex` `gap` + `ResponsiveGrid`** — no Tailwind `p-*` /
    `gap-*` / `space-x|y-*` for app layout (see `docs/SPACING.md`).
 4. **Semantic tokens only** — no raw colors / hex / `dark:` overrides.
 5. **Dates** display via `formatDate` from `@godxjp/ui/datetime`.
@@ -126,12 +154,12 @@ One token `--phi-unit` drives page/section/card spacing; micro control gaps use
 4px grid. Density (`compact` | `default` | `comfortable`) retunes `--phi-unit` with
 control + table heights together.
 
-| App API             | φ level             |
-| ------------------- | ------------------- |
-| `<Stack gap="md">`  | φ⁰ (default)        |
-| `<Stack gap="lg">`  | φ¹                  |
-| `<Stack gap="xl">`  | φ²                  |
-| Card shell / footer | base × φ / base ÷ φ |
+| App API                          | φ level             |
+| -------------------------------- | ------------------- |
+| `<Flex direction="col" gap="md">`| φ⁰ (default)        |
+| `<Flex direction="col" gap="lg">`| φ¹                  |
+| `<Flex direction="col" gap="xl">`| φ²                  |
+| Card shell / footer              | base × φ / base ÷ φ |
 
 ---
 

package/dist/app/index.d.ts

@@ -26,8 +26,6 @@ declare function getDayPickerLocale(locale: AppLocale): react_day_picker.DayPick
 
 /** Curated preset — pass to `<AppProvider timezoneOptions={APP_TIMEZONE_PRESET} />`. */
 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"];
-/** @deprecated Use `APP_TIMEZONE_PRESET` or `getAllIanaTimezones()`. */
-declare const APP_TIMEZONE_OPTIONS: 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"];
 type AppTimezonePreset = (typeof APP_TIMEZONE_PRESET)[number];
 /**
  * Preferred IANA ids not returned by all runtimes (e.g. Node lists `Asia/Saigon` only).
@@ -39,8 +37,6 @@ declare function resolveTimezoneForIntl(timezone: string): string;
 /** Full IANA list from runtime — sorted lexicographically. */
 declare function getAllIanaTimezones(): readonly string[];
 declare function isValidIanaTimezone(value: string): boolean;
-/** @deprecated Use `isValidIanaTimezone`. */
-declare function isKnownAppTimezone(value: string): value is AppTimezonePreset;
 /**
  * Options for TimezonePicker.
  * - `configured` omitted/empty → full IANA list
@@ -137,4 +133,4 @@ declare function useFormatting(): {
 /** Alias for useFormatting — emphasises timezone-aware datetime helpers. */
 declare const useDateTime: typeof useFormatting;
 
-export { APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppDateFormat, AppLocale, type AppLocaleConfig, AppProvider, AppRequestHeaders, AppTimeFormat, AppTimezone, type AppTimezonePreset, DEFAULT_STORAGE_KEY, FormatDateOptions, type StoredAppPreferences, TIMEZONE_ALIASES, formatDate, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getDateFnsLocale, getDateFormatLabel, getDayPickerLocale, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isAppLocale, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultDateFormat, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useDateTime, useFormatting, useOptionalAppContext, writeStoredPreferences };
+export { APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppDateFormat, AppLocale, type AppLocaleConfig, AppProvider, AppRequestHeaders, AppTimeFormat, AppTimezone, type AppTimezonePreset, DEFAULT_STORAGE_KEY, FormatDateOptions, type StoredAppPreferences, TIMEZONE_ALIASES, formatDate, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getDateFnsLocale, getDateFormatLabel, getDayPickerLocale, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isAppLocale, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultDateFormat, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useDateTime, useFormatting, useOptionalAppContext, writeStoredPreferences };

package/dist/app/index.js

@@ -1,7 +1,7 @@
-import { useAppContext } from '../chunk-HTG5VHU7.js';
-export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_OPTIONS, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isKnownAppTimezone, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-HTG5VHU7.js';
-import { formatDate } from '../chunk-6CSBMMZS.js';
-export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-6CSBMMZS.js';
+import { useAppContext } from '../chunk-TXRYSMOD.js';
+export { APP_LOCALES, APP_REQUEST_HEADER_LOCALE, APP_REQUEST_HEADER_TIMEZONE, APP_TIMEZONE_PRESET, APP_TIME_FORMAT_OPTIONS, AppProvider, DEFAULT_STORAGE_KEY, TIMEZONE_ALIASES, formatTimezoneDisplayLabel, getAllIanaTimezones, getAppRequestHeaders, getBrowserTimezone, getTimeFormatLabel, getTimezoneCityName, getTimezoneLabel, getTimezoneOffsetLabel, isValidIanaTimezone, readStoredPreferences, resetAppRequestHeaders, resetIanaTimezoneCacheForTests, resolveDefaultTimeFormat, resolveDefaultTimezone, resolveTimezoneForIntl, resolveTimezonePickerOptions, syncAppRequestHeaders, useAppContext, useAppDateFormat, useAppLocale, useAppTimeFormat, useAppTimezone, useOptionalAppContext, usePickerLocales, useTranslation, writeStoredPreferences } from '../chunk-TXRYSMOD.js';
+import { formatDate } from '../chunk-3ELRYXJK.js';
+export { APP_DATE_FORMATS, APP_DATE_FORMAT_OPTIONS, APP_LOCALE_CONFIG, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, APP_TIME_FORMATS, detectFormatDateKind, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDateFnsLocale, getDateFormatLabel, getDatePattern, getDateTimePattern, getDatetimeContext, getDayPickerLocale, getTimePattern, isAppDateFormat, isAppLocale, isAppTimeFormat, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resolveDefaultDateFormat, syncDatetimeContext } from '../chunk-3ELRYXJK.js';
 import { useMemo } from 'react';
 
 function useFormatting() {

package/dist/{checkbox-em-oFM5D.d.ts → checkbox-DPFcnsMZ.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as CheckboxGroupProp } from './data-entry.prop-BR4vNA1j.js';
+import { b as CheckboxGroupProp } from './data-entry.prop-6J0o45se.js';
 
 declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-QVLUCB47.js → chunk-2JCSS6B4.js}

@@ -1,7 +1,7 @@
-import { humanError } from './chunk-X2VY4MOW.js';
+import { humanError } from './chunk-FK5QEFVY.js';
 import { Flex } from './chunk-INIIF7F7.js';
 import { Button } from './chunk-M4PZNAMV.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Info, CheckCircle2, TriangleAlert, AlertCircle, X, RefreshCw } from 'lucide-react';

package/dist/{chunk-6CSBMMZS.js → chunk-3ELRYXJK.js}

@@ -63,6 +63,7 @@ var en_default = {
     clearSearch: "Clear search",
     clearFilters: "Clear filters",
     first: "First",
+    previous: "Previous",
     next: "Next",
     selectedCount: "{count} selected",
     typeToConfirm: "Type {phrase} to confirm"
@@ -278,6 +279,14 @@ var en_default = {
     empty: "No data",
     loading: "Loading\u2026"
   },
+  dataGrid: {
+    search: "Search",
+    searchPlaceholder: "Search\u2026",
+    view: "View",
+    toggleColumns: "Toggle columns",
+    rowsPerPage: "Rows per page",
+    pageOf: "Page {page} of {total}"
+  },
   status: {
     active: "Active",
     completed: "Completed",
@@ -319,6 +328,7 @@ var ja_default = {
     clearSearch: "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
     clearFilters: "\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u30AF\u30EA\u30A2",
     first: "\u6700\u521D",
+    previous: "\u524D\u3078",
     next: "\u6B21\u3078",
     selectedCount: "{count} \u4EF6\u9078\u629E",
     typeToConfirm: "\u78BA\u8A8D\u306E\u305F\u3081 {phrase} \u3068\u5165\u529B"
@@ -534,6 +544,14 @@ var ja_default = {
     empty: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",
     loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026"
   },
+  dataGrid: {
+    search: "\u691C\u7D22",
+    searchPlaceholder: "\u691C\u7D22\u2026",
+    view: "\u8868\u793A",
+    toggleColumns: "\u5217\u306E\u8868\u793A\u5207\u66FF",
+    rowsPerPage: "\u8868\u793A\u4EF6\u6570",
+    pageOf: "{page} / {total} \u30DA\u30FC\u30B8"
+  },
   status: {
     active: "\u6709\u52B9",
     completed: "\u5B8C\u4E86",
@@ -575,6 +593,7 @@ var vi_default = {
     clearSearch: "X\xF3a t\xECm ki\u1EBFm",
     clearFilters: "X\xF3a b\u1ED9 l\u1ECDc",
     first: "\u0110\u1EA7u",
+    previous: "Tr\u01B0\u1EDBc",
     next: "Ti\u1EBFp",
     selectedCount: "{count} \u0111\xE3 ch\u1ECDn",
     typeToConfirm: "Nh\u1EADp {phrase} \u0111\u1EC3 x\xE1c nh\u1EADn"
@@ -790,6 +809,14 @@ var vi_default = {
     empty: "Ch\u01B0a c\xF3 d\u1EEF li\u1EC7u",
     loading: "\u0110ang t\u1EA3i\u2026"
   },
+  dataGrid: {
+    search: "T\xECm ki\u1EBFm",
+    searchPlaceholder: "T\xECm ki\u1EBFm\u2026",
+    view: "Hi\u1EC3n th\u1ECB",
+    toggleColumns: "\u1EA8n/hi\u1EC7n c\u1ED9t",
+    rowsPerPage: "S\u1ED1 d\xF2ng/trang",
+    pageOf: "Trang {page}/{total}"
+  },
   status: {
     active: "\u0110ang ho\u1EA1t \u0111\u1ED9ng",
     completed: "Ho\xE0n th\xE0nh",

package/dist/{chunk-NXVCI6YB.js → chunk-3LPY7YA4.js}

@@ -1,9 +1,9 @@
-import { Command, CommandList, CommandItem, CommandGroup } from './chunk-HTEL5DQI.js';
 import { Input } from './chunk-VOHTRR5X.js';
+import { Command, CommandList, CommandItem, CommandGroup } from './chunk-HTEL5DQI.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { controlTriggerClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';

package/dist/chunk-BCBK4FLV.js

@@ -0,0 +1,83 @@
+import { Input } from './chunk-VOHTRR5X.js';
+import { Label } from './chunk-7PWBC4BY.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
+import { useDebouncedValue } from './chunk-LFW37FGG.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { Search, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function SearchInput({
+  value: controlledValue,
+  defaultValue = "",
+  placeholder,
+  debounce = 250,
+  onValueChange,
+  onSearch,
+  label,
+  ariaLabel,
+  className,
+  inputClassName,
+  id,
+  disabled = false
+}) {
+  const { t } = useTranslation();
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = React.useState(defaultValue);
+  const value = isControlled ? controlledValue : internal;
+  const debounced = useDebouncedValue(value, debounce);
+  const reactId = React.useId();
+  const inputId = id ?? `search-${reactId}`;
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.searchInput.placeholder");
+  const resolvedAriaLabel = ariaLabel ?? t("common.search");
+  const onSearchRef = React.useRef(onSearch);
+  React.useEffect(() => {
+    onSearchRef.current = onSearch;
+  });
+  React.useEffect(() => {
+    onSearchRef.current(debounced);
+  }, [debounced]);
+  const setValue = (v) => {
+    if (!isControlled) setInternal(v);
+    onValueChange?.(v);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("ui-search-input", className), children: [
+    label !== void 0 ? /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "ui-search-input-label", children: label }) : /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "sr-only", children: resolvedAriaLabel }),
+    /* @__PURE__ */ jsxs("div", { className: "ui-search-input-field", children: [
+      /* @__PURE__ */ jsx(Search, { className: "ui-search-input-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: inputId,
+          type: "text",
+          role: "searchbox",
+          value,
+          onChange: (e) => {
+            setValue(e.target.value);
+          },
+          placeholder: resolvedPlaceholder,
+          "aria-label": resolvedAriaLabel,
+          className: cn(
+            "ui-search-input-control !pr-[var(--search-input-end-padding)] !pl-[var(--search-input-start-padding)]",
+            inputClassName
+          ),
+          disabled
+        }
+      ),
+      value && !disabled && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            setValue("");
+          },
+          "aria-label": t("common.clearSearch"),
+          className: "ui-search-input-clear",
+          children: /* @__PURE__ */ jsx(X, {})
+        }
+      )
+    ] })
+  ] });
+}
+
+export { SearchInput };

package/dist/{chunk-FAB3LMTK.js → chunk-F7BEIY7S.js}

@@ -1,9 +1,9 @@
-import { formatBytes } from './chunk-X2VY4MOW.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-BG5RNXTH.js';
 import { Slider } from './chunk-CRERCLIZ.js';
+import { formatBytes } from './chunk-FK5QEFVY.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-UJUWAQE5.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';

package/dist/{chunk-LN7GE73P.js → chunk-FK2JDABO.js}

@@ -3,7 +3,7 @@ import { Command, CommandInput } from './chunk-HTEL5DQI.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Check, X, ChevronsUpDown, ChevronRight, Minus } from 'lucide-react';

package/dist/{chunk-X2VY4MOW.js → chunk-FK5QEFVY.js}

@@ -1,15 +1,6 @@
-import { formatDate, getSyncedLocale, translateCurrent } from './chunk-6CSBMMZS.js';
+import { getSyncedLocale, translateCurrent } from './chunk-3ELRYXJK.js';
 
 // src/lib/format.ts
-function formatDateTime(value, options) {
-  return formatDate(value, { ...options, kind: "datetime" });
-}
-function formatDateLong(value, options) {
-  return formatDate(value, { ...options, kind: "long" });
-}
-function formatRelative(value, options) {
-  return formatDate(value, { ...options, kind: "relative" });
-}
 function formatBytes(n, locale = getSyncedLocale()) {
   if (n == null) return "\u2014";
   const num = (digits, scaled) => new Intl.NumberFormat(locale, {
@@ -43,4 +34,4 @@ function humanError(err) {
   return translateCurrent("feedback.genericError");
 }
 
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId };
+export { formatBytes, formatCurrency, humanError, shortId };

package/dist/{chunk-SARQRCKO.js → chunk-FOANNF6Z.js}

@@ -1,5 +1,5 @@
 import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Check, Loader2, X, Circle } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-PUGEOUWZ.js → chunk-I6HD36IU.js}

@@ -1,9 +1,9 @@
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
 import { densityClass, pageContainerVariantClass } from './chunk-INIIF7F7.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-2HOTP7RL.js → chunk-JSQOCVM6.js}

@@ -1,88 +1,14 @@
+import { SearchInput } from './chunk-BCBK4FLV.js';
 import { reactNodeText } from './chunk-SMLKNECP.js';
-import { Input } from './chunk-VOHTRR5X.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
-import { useDebouncedValue } from './chunk-LFW37FGG.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
-import { Search, X, ChevronRight, ChevronLeft } from 'lucide-react';
+import { ChevronRight, ChevronLeft } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function SearchInput({
-  value: controlledValue,
-  defaultValue = "",
-  placeholder,
-  debounce = 250,
-  onValueChange,
-  onSearch,
-  label,
-  ariaLabel,
-  className,
-  inputClassName,
-  id,
-  disabled = false
-}) {
-  const { t } = useTranslation();
-  const isControlled = controlledValue !== void 0;
-  const [internal, setInternal] = React.useState(defaultValue);
-  const value = isControlled ? controlledValue : internal;
-  const debounced = useDebouncedValue(value, debounce);
-  const reactId = React.useId();
-  const inputId = id ?? `search-${reactId}`;
-  const resolvedPlaceholder = placeholder ?? t("dataEntry.searchInput.placeholder");
-  const resolvedAriaLabel = ariaLabel ?? t("common.search");
-  const onSearchRef = React.useRef(onSearch);
-  React.useEffect(() => {
-    onSearchRef.current = onSearch;
-  });
-  React.useEffect(() => {
-    onSearchRef.current(debounced);
-  }, [debounced]);
-  const setValue = (v) => {
-    if (!isControlled) setInternal(v);
-    onValueChange?.(v);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-search-input", className), children: [
-    label !== void 0 ? /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "ui-search-input-label", children: label }) : /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "sr-only", children: resolvedAriaLabel }),
-    /* @__PURE__ */ jsxs("div", { className: "ui-search-input-field", children: [
-      /* @__PURE__ */ jsx(Search, { className: "ui-search-input-icon", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: inputId,
-          type: "text",
-          role: "searchbox",
-          value,
-          onChange: (e) => {
-            setValue(e.target.value);
-          },
-          placeholder: resolvedPlaceholder,
-          "aria-label": resolvedAriaLabel,
-          className: cn(
-            "ui-search-input-control !pr-[var(--search-input-end-padding)] !pl-[var(--search-input-start-padding)]",
-            inputClassName
-          ),
-          disabled
-        }
-      ),
-      value && !disabled && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setValue("");
-          },
-          "aria-label": t("common.clearSearch"),
-          className: "ui-search-input-clear",
-          children: /* @__PURE__ */ jsx(X, {})
-        }
-      )
-    ] })
-  ] });
-}
 function TransferPanel({
   title,
   items,
@@ -264,4 +190,4 @@ function Transfer({
   ] });
 }
 
-export { SearchInput, Transfer };
+export { Transfer };

package/dist/{chunk-Z46J47FY.js → chunk-L2MEN2VK.js}

@@ -1,5 +1,5 @@
 import { Input } from './chunk-VOHTRR5X.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { EyeOff, Eye, Minus, Star, X } from 'lucide-react';

package/dist/{chunk-3Q4A4U2P.js → chunk-MMFIL33F.js}

@@ -1,4 +1,4 @@
-import { normalizeHhmm, isValidHhmm } from './chunk-6CSBMMZS.js';
+import { normalizeHhmm, isValidHhmm } from './chunk-3ELRYXJK.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-IHRMOJXD.js → chunk-N6ELT7KB.js}

@@ -337,8 +337,6 @@ var COMPONENT_PROP_REGISTRY = {
       "PageContainerVariantProp"
     ]
   },
-  StackProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["GapProp"] },
-  InlineProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["GapProp"] },
   FlexDirectionProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
   FlexAlignProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
   FlexJustifyProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: [] },
@@ -399,12 +397,6 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/layout.prop.ts",
     vocabulary: ["ChildrenProp", "OnOpenChangeProp", "OnValueChangeProp"]
   },
-  PageHeaderProp: {
-    group: "layout",
-    file: "components/layout.prop.ts",
-    vocabulary: ["TitleProp", "SubtitleProp", "ExtraProp", "BreadcrumbProp"],
-    deprecated: true
-  },
   ButtonProp: {
     group: "general",
     file: "components/general.prop.ts",
@@ -491,25 +483,6 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp"]
   },
-  AutocompleteProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: [
-      "PlaceholderProp",
-      "ValueProp",
-      "OnValueChangeProp",
-      "DisabledProp",
-      "IdProp",
-      "EmptyMessageProp",
-      "ClassNameProp"
-    ],
-    note: "Deprecated \u2014 a thin wrapper over SearchSelect (static options)."
-  },
-  AutocompleteOptionProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "LabelProp"]
-  },
   SearchSelectProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -693,11 +666,6 @@ var COMPONENT_PROP_REGISTRY = {
       "ClassNameProp"
     ]
   },
-  MutationFeedbackProp: {
-    group: "query",
-    file: "components/query.prop.ts",
-    vocabulary: ["OnValueChangeProp"]
-  },
   ButtonRefetchProp: {
     group: "query",
     file: "components/query.prop.ts",
@@ -710,11 +678,6 @@ var COMPONENT_PROP_REGISTRY = {
       "LabelProp"
     ]
   },
-  QueryRefetchButtonProp: {
-    group: "query",
-    file: "components/query.prop.ts",
-    vocabulary: ["LabelProp", "ClassNameProp"]
-  },
   InfiniteQueryStateProp: {
     group: "query",
     file: "components/query.prop.ts",
@@ -759,16 +722,6 @@ var COMPONENT_PROP_REGISTRY = {
     vocabulary: ["ClassNameProp", "ChildrenProp"]
   },
   SkeletonRowsProp: { group: "feedback", file: "components/feedback.prop.ts", vocabulary: [] },
-  FilterBarProp: {
-    group: "navigation",
-    file: "components/navigation.prop.ts",
-    vocabulary: ["OnClearFiltersProp", "HasActiveFiltersProp", "ChildrenProp"]
-  },
-  FilterGroupProp: {
-    group: "navigation",
-    file: "components/navigation.prop.ts",
-    vocabulary: ["LabelProp", "ChildrenProp"]
-  },
   ToolbarProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",

package/dist/{chunk-UNVRNJCB.js → chunk-PO5ISUFA.js}

@@ -4,7 +4,7 @@ import { Checkbox } from './chunk-BE6GJGKJ.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { X, ChevronsUpDown, ChevronDown, ChevronRight } from 'lucide-react';

package/dist/{chunk-T2QO2S65.js → chunk-PY3CXDO2.js}

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-NXVCI6YB.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-3LPY7YA4.js';
 import { Button } from './chunk-M4PZNAMV.js';
-import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-HTG5VHU7.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-6CSBMMZS.js';
+import { useOptionalAppContext, useTranslation, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel, resolveTimezonePickerOptions, getTimezoneLabel, APP_LOCALES } from './chunk-TXRYSMOD.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-3ELRYXJK.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { useId } from 'react';

package/dist/{chunk-EE5DKOHX.js → chunk-SIUIIIQW.js}

@@ -1,6 +1,6 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';