@godxjp/ui 9.2.0 → 10.0.0

package/dist/styles/feedback-layout.css

@@ -1,17 +1,49 @@
-
 /* Drawer (bottom-sheet, vaul) */
-.ui-drawer-overlay { position: fixed; inset: 0; z-index: 50; background: hsl(var(--overlay, 0 0% 0% / 0.4)); }
+.ui-drawer-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  background: hsl(var(--overlay, 0 0% 0% / 0.4));
+}
 .ui-drawer-content {
-  position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 50;
-  display: flex; flex-direction: column; max-height: 82vh;
-  border-start-start-radius: var(--radius-lg); border-start-end-radius: var(--radius-lg);
-  border: 1px solid hsl(var(--border)); background: hsl(var(--background));
+  position: fixed;
+  inset-inline: 0;
+  inset-block-end: 0;
+  z-index: 50;
+  display: flex;
+  flex-direction: column;
+  max-height: 82vh;
+  border-start-start-radius: var(--radius-lg);
+  border-start-end-radius: var(--radius-lg);
+  border: 1px solid hsl(var(--border));
+  background: hsl(var(--background));
 }
 .ui-drawer-handle {
-  margin: var(--space-3) auto; height: 0.375rem; width: 6rem; flex-shrink: 0;
-  border-radius: 9999px; background: hsl(var(--muted));
+  margin: var(--space-3) auto;
+  height: 0.375rem;
+  width: 6rem;
+  flex-shrink: 0;
+  border-radius: 9999px;
+  background: hsl(var(--muted));
+}
+.ui-drawer-header {
+  display: grid;
+  gap: var(--space-1);
+  padding: var(--space-4);
+  text-align: center;
+}
+.ui-drawer-footer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  margin-top: auto;
+  padding: var(--space-4);
+}
+.ui-drawer-title {
+  font-weight: var(--font-weight-medium);
+  line-height: 1.2;
+}
+.ui-drawer-description {
+  font-size: 0.875rem;
+  color: hsl(var(--muted-foreground));
 }
-.ui-drawer-header { display: grid; gap: var(--space-1); padding: var(--space-4); text-align: center; }
-.ui-drawer-footer { display: flex; flex-direction: column; gap: var(--space-2); margin-top: auto; padding: var(--space-4); }
-.ui-drawer-title { font-weight: 600; line-height: 1.2; }
-.ui-drawer-description { font-size: 0.875rem; color: hsl(var(--muted-foreground)); }

package/dist/styles/index.css

@@ -3,9 +3,19 @@
 /* Default sans font — self-contained so consumers need no font config (subsetted: latin/vi/jp). */
 @import "@fontsource/m-plus-2/400.css";
 @import "@fontsource/m-plus-2/500.css";
-@import "@fontsource/m-plus-2/600.css";
 @import "@fontsource/m-plus-2/700.css";
 @import "tailwindcss";
+
+/* Guarantee the full set of semantic color utilities ships in the compiled CSS
+ * even when the library itself only references a few — consumers (and the token
+ * docs) must be able to use bg/text/border for EVERY semantic role. Without this
+ * Tailwind's JIT drops unused roles (success/info/attention) → transparent. */
+@source inline(
+  "{bg,text,border,ring}-{primary,secondary,muted,accent,destructive,success,warning,info,attention}"
+);
+@source inline(
+  "{bg,text}-{primary,secondary,muted,accent,destructive,success,warning,info,attention}-foreground"
+);
 @source "../**/*.{tsx,ts}";
 @import "../tokens/base.css";
 @import "./density.css";
@@ -104,6 +114,40 @@
       "calt" 1;
   }
 
+  /* Semantic heading scale — SEO + accessibility: real <h1>–<h6> elements carry
+   * the document outline (one <h1> per page, levels never skipped). Visual size
+   * follows the dxs-kintai scale; component titles override via their own class. */
+  h1 {
+    font-size: var(--heading-h1);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h2 {
+    font-size: var(--heading-h2);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h3 {
+    font-size: var(--heading-h3);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h4 {
+    font-size: var(--heading-h4);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
+  h5,
+  h6 {
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-tight);
+  }
+
   code {
     font-family: var(--font-family-mono);
   }

package/dist/styles/layout.css

@@ -173,9 +173,9 @@
   }
 
   @container (min-width: 1024px) {
-  .ui-responsive-grid {
-    grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
-  }
+    .ui-responsive-grid {
+      grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
+    }
   }
 
   .ui-split-pane {
@@ -235,25 +235,30 @@
     display: flex;
     flex-direction: column;
     min-height: 100%;
-    padding: var(--space-page-active-y) var(--space-page-active-x);
+    padding: var(--space-page-active-y) 0;
     gap: var(--space-section-active);
   }
 
+  /* Horizontal page insets live on the header/body/footer — NOT the container —
+   * so the header divider and footer border span the full page width
+   * (full-bleed) while their content stays aligned with the body. */
+  .ui-page-header,
+  .ui-page-body,
+  .ui-page-footer {
+    padding-left: var(--space-page-active-x);
+    padding-right: var(--space-page-active-x);
+  }
+
   .ui-page-container--narrow .ui-page-body {
     max-width: 42rem;
   }
 
-  .ui-page-container--flush {
+  /* flush = full-bleed body (DataTable); header/footer keep their inset. */
+  .ui-page-container--flush .ui-page-body {
     padding-left: 0;
     padding-right: 0;
   }
 
-  .ui-page-container--flush .ui-page-header,
-  .ui-page-container--flush .ui-page-footer {
-    padding-left: var(--space-page-active-x);
-    padding-right: var(--space-page-active-x);
-  }
-
   .ui-page-container-inset,
   .ui-page-inset {
     padding-left: var(--space-page-active-x);
@@ -308,8 +313,8 @@
   }
 
   .ui-page-title {
-    font-size: var(--font-size-xl);
-    font-weight: var(--font-weight-semibold);
+    font-size: var(--heading-h1);
+    font-weight: var(--font-weight-medium);
     letter-spacing: var(--letter-spacing-tight);
     line-height: var(--line-height-tight);
     overflow-wrap: anywhere;
@@ -328,10 +333,6 @@
       flex-shrink: 0;
       justify-content: flex-end;
     }
-
-    .ui-page-title {
-      font-size: var(--font-size-2xl);
-    }
   }
 
   .ui-page-subtitle {

package/dist/styles/navigation-layout.css

@@ -45,7 +45,9 @@
     cursor: pointer;
     outline: none;
     user-select: none;
-    transition: background-color 150ms ease, color 150ms ease;
+    transition:
+      background-color 150ms ease,
+      color 150ms ease;
   }
 
   .ui-context-menu-item:hover,

package/dist/styles/shell-layout.css

@@ -241,7 +241,7 @@
   }
 
   .sb-nav-item[data-active="true"] {
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
   }
 
   .sb-icon {
@@ -274,7 +274,7 @@
     background: hsl(var(--secondary));
     color: hsl(var(--muted-foreground));
     font-size: 10px;
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
     line-height: 1.125rem;
     padding-inline: 0.375rem;
   }
@@ -355,7 +355,7 @@
     padding: var(--space-1) var(--space-2);
     color: hsl(var(--muted-foreground));
     font-size: var(--font-size-xs);
-    font-weight: 600;
+    font-weight: var(--font-weight-medium);
     white-space: nowrap;
   }
 

package/dist/styles/table-layout.css

@@ -48,6 +48,19 @@
     gap: var(--space-inline-md);
   }
 
+  /* Sortable header label is a real button (keyboard + aria-sort); inherits the cell's type. */
+  .ui-data-table-sort-button {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-inline-xs);
+    padding: 0;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+    outline: none;
+  }
+
   .ui-data-table-bulk {
     display: flex;
     align-items: center;

package/dist/tokens/foundation.css

@@ -74,9 +74,20 @@
   --font-size-lg: 1.1875rem; /* 19px */
   --font-size-xl: 1.375rem; /* 22px */
   --font-size-2xl: 1.625rem; /* 26px */
+
+  /* Semantic heading scale (dxs-kintai: info-dense JP enterprise, weight 500,
+   * never marketing-size). Applied to base h1–h4 + component titles. */
+  --heading-h1: 1.25rem; /* 20px — page title / h1 */
+  --heading-h2: 1.125rem; /* 18px — section / h2 */
+  --heading-h3: 0.875rem; /* 14px — h3 */
+  --heading-h4: 0.8125rem; /* 13px — h4 */
+
   --font-weight-normal: 400;
   --font-weight-medium: 500;
-  --font-weight-semibold: 600;
+  /* dxs-kintai uses three weights only (400/500/700). 600 is forbidden
+   * (ambiguous between 500 and 700) — the legacy "semibold" token collapses to
+   * medium so any remaining reference renders at 500. */
+  --font-weight-semibold: 500;
   --line-height-tight: 1.25;
   --line-height-normal: 1.5;
   --line-height-body: 1.7;

package/dist/tokens/semantic/layout.css

@@ -1,8 +1,8 @@
 /* Layout primitive tokens: page, section, stack, inline. */
 
 :root {
-  --space-page-x: var(--phi-0);
-  --space-page-y: var(--phi-0);
+  --space-page-x: var(--space-6); /* 24px — comfortable page gutter (4px grid) */
+  --space-page-y: var(--space-6); /* 24px */
   --space-section: var(--phi-0);
   --space-stack-xs: var(--space-1);
   --space-stack-sm: var(--space-2);

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@godxjp/ui",
-  "version": "9.2.0",
+  "version": "10.0.0",
   "type": "module",
+  "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
@@ -182,10 +183,6 @@
       "types": "./dist/components/data-entry/transfer.d.ts",
       "import": "./dist/components/data-entry/transfer.js"
     },
-    "./ui/combobox": {
-      "types": "./dist/components/data-entry/combobox.d.ts",
-      "import": "./dist/components/data-entry/combobox.js"
-    },
     "./ui/command": {
       "types": "./dist/components/data-entry/command.d.ts",
       "import": "./dist/components/data-entry/command.js"
@@ -268,8 +265,9 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "check:example-imports": "node scripts/check-example-imports.mjs",
+    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
     "check:prop-vocabulary": "node scripts/check-prop-vocabulary.mjs",
@@ -366,6 +364,7 @@
     "typescript-eslint": "^8.60.0",
     "vite": "^8.0.10",
     "vitest": "^4.1.5",
+    "vitest-axe": "1.0.0-pre.5",
     "zod": "^4.4.3"
   },
   "bin": {

package/scripts/ui-audit.mjs

@@ -65,8 +65,7 @@ const RULES = [
   {
     id: "value-callback-on-value-change",
     severity: "error",
-    test:
-      /<(?:Checkbox\.Group|Upload|Cascader|TreeSelect|Transfer|SearchSelect|DatePicker|DateRangePicker|TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\b[^>]*\bonChange=/,
+    test: /<(?:Checkbox\.Group|Upload|Cascader|TreeSelect|Transfer|SearchSelect|DatePicker|DateRangePicker|TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\b[^>]*\bonChange=/,
     message:
       "Abstract value components use onValueChange, not onChange. Reserve onChange for DOM events.",
   },
@@ -76,6 +75,36 @@ const RULES = [
     test: /(bg|text|border|ring|fill|stroke|from|to|via)-\[#[0-9a-fA-F]{3,8}\]/,
     message: "No hardcoded hex colors in className; use design-system tokens (rules §4).",
   },
+  // Arbitrary RAW-NUMERIC Tailwind values — the #1 source of "every agent does it
+  // differently". Match `<util>-[<digit/.>...]` only; `var(--token)` / `calc()` escape
+  // (they start with a letter), so token-driven values stay legal (rules §4–§5).
+  {
+    id: "no-arbitrary-spacing",
+    severity: "error",
+    test: /\b(p|px|py|pt|pb|pl|pr|pe|ps|m|mx|my|mt|mb|ml|mr|me|ms|gap|gap-x|gap-y|inset|inset-x|inset-y|top|right|bottom|left)-\[-?\.?\d/,
+    message:
+      "No arbitrary spacing (p-[13px], gap-[7px]…). Use the token scale / <Stack gap> / <Inline gap> / <PageContainer> (rules §5).",
+  },
+  {
+    id: "no-arbitrary-size",
+    severity: "error",
+    test: /\b(w|h|size|min-w|max-w|min-h|max-h|basis)-\[-?\.?\d/,
+    message:
+      "No arbitrary width/height (w-[37px], max-w-[65ch]…). Use token sizes or a sizing prop; the component sizes its own icons (rules §4).",
+  },
+  {
+    id: "no-arbitrary-typography",
+    severity: "error",
+    test: /\b(text|leading|tracking|font)-\[-?\.?\d/,
+    message:
+      "No arbitrary type (text-[20px], leading-[1.7], font-[600]…). Use the type-scale tokens (text-xs…text-3xl) (rules §4).",
+  },
+  {
+    id: "no-arbitrary-radius",
+    severity: "error",
+    test: /\brounded(?:-[a-z]+)?-\[-?\.?\d/,
+    message: "No arbitrary radius (rounded-[6px]…). Use rounded-sm/md/lg radius tokens (rules §4).",
+  },
   {
     id: "no-raw-select",
     severity: "error",

package/dist/chunk-6MCI7W5G.js

@@ -1,201 +0,0 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CAEL2ZD2.js';
-import { Button } from './chunk-M4PZNAMV.js';
-import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-RLGHEV4A.js';
-import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-FXFJF4YA.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { X, ChevronRight, Languages, Globe, Clock, CalendarDays } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-
-function Toolbar({ onClear, hasActiveFilters = true, className, children }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-toolbar", className), children: [
-    children,
-    onClear && hasActiveFilters && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onClear, className: "ui-toolbar-clear", children: [
-      /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }),
-      t("common.clearFilters")
-    ] })
-  ] });
-}
-function ToolbarGroup({ label, className, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-xs ui-toolbar-group", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "ui-toolbar-label", children: label }),
-    children
-  ] });
-}
-var FilterBar = Toolbar;
-var FilterGroup = ToolbarGroup;
-function PageHeader({
-  title,
-  description,
-  breadcrumb,
-  actions,
-  linkComponent: LinkComponent = "a",
-  className
-}) {
-  return /* @__PURE__ */ jsxs("header", { className: cn("ui-page-header", className), children: [
-    breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
-      const isLast = i === breadcrumb.length - 1;
-      return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
-        item.to && !isLast ? /* @__PURE__ */ jsx(
-          LinkComponent,
-          {
-            href: item.to,
-            to: item.to,
-            className: "hover:text-foreground hover:underline",
-            children: item.label
-          }
-        ) : /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: isLast ? "text-foreground" : "",
-            "aria-current": isLast ? "page" : void 0,
-            children: item.label
-          }
-        ),
-        !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3", "aria-hidden": "true" })
-      ] }, i);
-    }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "ui-page-header-row", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "ui-page-subtitle", children: description })
-      ] }),
-      actions && /* @__PURE__ */ jsx("div", { className: "ui-inline-sm shrink-0", children: actions })
-    ] })
-  ] });
-}
-function LocalePicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange,
-  options: optionsProp
-}) {
-  const ctx = useOptionalAppContext();
-  const { t } = useTranslation();
-  const current = value ?? ctx?.locale;
-  const handleChange = onValueChange ?? ctx?.setLocale;
-  const options = optionsProp ?? APP_LOCALES;
-  if (current === void 0 || !handleChange) {
-    throw new Error("LocalePicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-40", className),
-        "aria-label": t("navigation.localePicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(Languages, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => {
-      const code = typeof option === "string" ? option : option.value;
-      const label = typeof option === "string" ? t(`locale.${option}`) : option.label ?? t(`locale.${option.value}`);
-      return /* @__PURE__ */ jsx(SelectItem, { value: code, children: label }, code);
-    }) })
-  ] });
-}
-function TimezonePicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange,
-  options: optionsProp
-}) {
-  const ctx = useOptionalAppContext();
-  const { t, locale, fallbackLocale } = useTranslation();
-  const current = value ?? ctx?.timezone;
-  const handleChange = onValueChange ?? ctx?.setTimezone;
-  const configured = optionsProp ?? ctx?.timezoneOptions;
-  if (current === void 0 || !handleChange) {
-    throw new Error("TimezonePicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  const options = React.useMemo(
-    () => resolveTimezonePickerOptions(configured, current),
-    [configured, current]
-  );
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-56", className),
-        "aria-label": t("navigation.timezonePicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(Globe, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: options.map((tz) => /* @__PURE__ */ jsx(SelectItem, { value: tz, children: getTimezoneLabel(tz, locale, fallbackLocale) }, tz)) })
-  ] });
-}
-function TimeFormatPicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange
-}) {
-  const ctx = useOptionalAppContext();
-  const { t, locale, fallbackLocale } = useTranslation();
-  const current = value ?? ctx?.timeFormat;
-  const handleChange = onValueChange ?? ctx?.setTimeFormat;
-  if (current === void 0 || !handleChange) {
-    throw new Error("TimeFormatPicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-44", className),
-        "aria-label": t("navigation.timeFormatPicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(Clock, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: APP_TIME_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: getTimeFormatLabel(option.value, locale, fallbackLocale) }, option.value)) })
-  ] });
-}
-function DateFormatPicker({
-  className,
-  disabled,
-  id,
-  value,
-  onValueChange
-}) {
-  const ctx = useOptionalAppContext();
-  const { t, locale, fallbackLocale } = useTranslation();
-  const current = value ?? ctx?.dateFormat;
-  const handleChange = onValueChange ?? ctx?.setDateFormat;
-  if (current === void 0 || !handleChange) {
-    throw new Error("DateFormatPicker requires <AppProvider> or controlled value + onValueChange");
-  }
-  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
-    /* @__PURE__ */ jsxs(
-      SelectTrigger,
-      {
-        id,
-        className: cn("w-full sm:w-44", className),
-        "aria-label": t("navigation.dateFormatPicker.ariaLabel"),
-        children: [
-          /* @__PURE__ */ jsx(CalendarDays, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx(SelectValue, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { children: APP_DATE_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: getDateFormatLabel(option.value, locale, fallbackLocale) }, option.value)) })
-  ] });
-}
-
-export { DateFormatPicker, FilterBar, FilterGroup, LocalePicker, PageHeader, TimeFormatPicker, TimezonePicker, Toolbar, ToolbarGroup };