@godxjp/ui 11.0.2 → 12.0.0

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-DNGJHWJZ.js → chunk-FTOG7D4T.js}

@@ -11,11 +11,12 @@ function Calendar({
   showOutsideDays = true,
   ...props
 }) {
+  const rangeDefaults = props.mode === "range" ? { resetOnSelect: props.resetOnSelect ?? true } : null;
   return /* @__PURE__ */ jsx(
     DayPicker,
     {
       showOutsideDays,
-      className: cn("p-3", className),
+      className: cn("w-fit p-3", className),
       classNames: {
         months: cn("flex flex-col gap-4 sm:flex-row", classNames?.months),
         month: cn("relative flex flex-col gap-4", classNames?.month),
@@ -80,7 +81,8 @@ function Calendar({
           return /* @__PURE__ */ jsx(Icon, { className: cn("size-4", chevronClassName), "aria-hidden": "true" });
         }
       },
-      ...props
+      ...props,
+      ...rangeDefaults
     }
   );
 }

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';

package/dist/{chunk-HTG5VHU7.js → chunk-TXRYSMOD.js}

@@ -1,4 +1,4 @@
-import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-6CSBMMZS.js';
+import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-3ELRYXJK.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -111,7 +111,6 @@ var APP_TIMEZONE_PRESET = [
   "Australia/Perth",
   "Pacific/Auckland"
 ];
-var APP_TIMEZONE_OPTIONS = APP_TIMEZONE_PRESET;
 var TIMEZONE_ALIASES = {
   "Asia/Ho_Chi_Minh": "Asia/Saigon"
 };
@@ -155,9 +154,6 @@ function isValidIanaTimezone(value) {
   const canonical = TIMEZONE_ALIASES[value];
   return canonical ? set.has(canonical) : false;
 }
-function isKnownAppTimezone(value) {
-  return APP_TIMEZONE_PRESET.includes(value);
-}
 function resolveTimezonePickerOptions(configured, current) {
   const base = configured && configured.length > 0 ? [...configured] : [...getAllIanaTimezones()];
   if (current && !base.includes(current)) {
@@ -465,4 +461,4 @@ function usePickerLocales(dayPickerOverride) {
   );
 }
 
-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 };
+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 };

package/dist/{chunk-IY347EQA.js → chunk-UDEPO3UF.js}

@@ -1,5 +1,5 @@
 import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { cva } from 'class-variance-authority';
 import { XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';

package/dist/{chunk-BG5RNXTH.js → chunk-UJUWAQE5.js}

@@ -1,7 +1,7 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { buttonVariants, Button } from './chunk-M4PZNAMV.js';
 import { Label } from './chunk-7PWBC4BY.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 DialogPrimitive from '@radix-ui/react-dialog';

package/dist/{chunk-PDXFQS7M.js → chunk-VWDXRNOK.js}

@@ -1,6 +1,6 @@
-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 { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { MoreHorizontal, ChevronLeft, ChevronRight } from 'lucide-react';
@@ -48,7 +48,7 @@ var PaginationLink = React.forwardRef(
       disabled: disabled || void 0,
       "data-state": disabled ? "disabled" : void 0,
       className: cn(
-        "ui-pagination-link ui-button--compact-icon ui-pagination-page",
+        "ui-pagination-link ui-pagination-page",
         isActive ? "ui-pagination-link-active" : void 0,
         disabled ? "ui-pagination-link-disabled" : void 0,
         className
@@ -63,7 +63,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "span",
   {
-    className: cn("ui-pagination-ellipsis ui-button--compact-icon", className),
+    className: cn("ui-pagination-ellipsis", className),
     "aria-hidden": "true",
     role: "presentation",
     ...props,
@@ -196,7 +196,6 @@ function Pagination({
             {
               "aria-label": t("navigation.pagination.prev"),
               onClick: () => go(safeCurrent - 1),
-              className: "ui-button--compact-icon",
               disabled: Boolean(disabled) || safeCurrent <= 1,
               children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
             }
@@ -220,7 +219,6 @@ function Pagination({
             {
               "aria-label": t("navigation.pagination.next"),
               onClick: () => go(safeCurrent + 1),
-              className: "ui-button--compact-icon",
               disabled: Boolean(disabled) || safeCurrent >= totalPages,
               children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
             }

package/dist/{chunk-QR7MITE6.js → chunk-WBUUCU7R.js}

@@ -1,9 +1,9 @@
-import { Calendar } from './chunk-DNGJHWJZ.js';
+import { Calendar } from './chunk-FTOG7D4T.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-HTG5VHU7.js';
-import { toIsoDate, parseDateInput } from './chunk-6CSBMMZS.js';
+import { useTranslation, usePickerLocales } from './chunk-TXRYSMOD.js';
+import { toIsoDate, parseDateInput } from './chunk-3ELRYXJK.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';
@@ -60,6 +60,17 @@ function DateRangePicker({
         autoComplete: "off",
         "aria-label": t("dataEntry.dateRangePicker.from") ?? "From",
         className: "tabular-nums",
+        onClick: () => {
+          if (!disabled) setOpen(true);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowDown") {
+            event.preventDefault();
+            setOpen(true);
+          } else if (event.key === "Escape" && open) {
+            setOpen(false);
+          }
+        },
         onChange: (event) => {
           setFromText(event.target.value);
           commitEdge("from", event.target.value);
@@ -82,6 +93,17 @@ function DateRangePicker({
         autoComplete: "off",
         "aria-label": t("dataEntry.dateRangePicker.to") ?? "To",
         className: "tabular-nums",
+        onClick: () => {
+          if (!disabled) setOpen(true);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowDown") {
+            event.preventDefault();
+            setOpen(true);
+          } else if (event.key === "Escape" && open) {
+            setOpen(false);
+          }
+        },
         onChange: (event) => {
           setToText(event.target.value);
           commitEdge("to", event.target.value);
@@ -106,25 +128,35 @@ function DateRangePicker({
           children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
         }
       ) }),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "end", children: /* @__PURE__ */ jsx(
-        Calendar,
+      /* @__PURE__ */ jsx(
+        PopoverContent,
         {
-          mode: "range",
-          selected: value,
-          onSelect: (range) => {
-            emit(range);
-            setFromText(toIsoDate(range?.from));
-            setToText(toIsoDate(range?.to));
-          },
-          locale: dayPickerLocale,
-          disabled: [
-            ...fromDate ? [{ before: fromDate }] : [],
-            ...toDate ? [{ after: toDate }] : []
-          ],
-          startMonth: fromDate,
-          endMonth: toDate
+          className: "w-auto p-0",
+          align: "end",
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "range",
+              selected: value,
+              defaultMonth: value?.from,
+              numberOfMonths: 2,
+              onSelect: (range) => {
+                emit(range);
+                setFromText(toIsoDate(range?.from));
+                setToText(toIsoDate(range?.to));
+              },
+              locale: dayPickerLocale,
+              disabled: [
+                ...fromDate ? [{ before: fromDate }] : [],
+                ...toDate ? [{ after: toDate }] : []
+              ],
+              startMonth: fromDate,
+              endMonth: toDate
+            }
+          )
         }
-      ) })
+      )
     ] })
   ] });
 }

package/dist/{chunk-54R5TEXH.js → chunk-WJNR3RAG.js}

@@ -1,9 +1,9 @@
-import { Calendar } from './chunk-DNGJHWJZ.js';
+import { Calendar } from './chunk-FTOG7D4T.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-HTG5VHU7.js';
-import { toIsoDate, parseDateInput } from './chunk-6CSBMMZS.js';
+import { useTranslation, usePickerLocales } from './chunk-TXRYSMOD.js';
+import { toIsoDate, parseDateInput } from './chunk-3ELRYXJK.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';
@@ -65,6 +65,17 @@ function DatePicker({
         "aria-expanded": open,
         "aria-haspopup": "dialog",
         className: "pe-10",
+        onClick: () => {
+          if (!disabled) setOpen(true);
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowDown") {
+            event.preventDefault();
+            setOpen(true);
+          } else if (event.key === "Escape" && open) {
+            setOpen(false);
+          }
+        },
         onChange: (event) => {
           setText(event.target.value);
           commit(event.target.value);
@@ -89,25 +100,34 @@ function DatePicker({
           children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
         }
       ) }),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "end", children: /* @__PURE__ */ jsx(
-        Calendar,
+      /* @__PURE__ */ jsx(
+        PopoverContent,
         {
-          mode: "single",
-          selected: value,
-          onSelect: (date) => {
-            emit(date);
-            setText(toIsoDate(date));
-            setOpen(false);
-          },
-          locale: dayPickerLocale,
-          disabled: [
-            ...fromDate ? [{ before: fromDate }] : [],
-            ...toDate ? [{ after: toDate }] : []
-          ],
-          startMonth: fromDate,
-          endMonth: toDate
+          className: "w-auto p-0",
+          align: "end",
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: value,
+              defaultMonth: value,
+              onSelect: (date) => {
+                emit(date);
+                setText(toIsoDate(date));
+                setOpen(false);
+              },
+              locale: dayPickerLocale,
+              disabled: [
+                ...fromDate ? [{ before: fromDate }] : [],
+                ...toDate ? [{ after: toDate }] : []
+              ],
+              startMonth: fromDate,
+              endMonth: toDate
+            }
+          )
         }
-      ) })
+      )
     ] })
   ] });
 }

package/dist/{chunk-USNR424B.js → chunk-XT2AI6WJ.js}

@@ -1,22 +1,15 @@
-import { Flex, densityClass } from './chunk-INIIF7F7.js';
+import { EmptyState } from './chunk-YD7V2HGZ.js';
 import { Checkbox } from './chunk-BE6GJGKJ.js';
+import { Flex, densityClass } from './chunk-INIIF7F7.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-4MMIMZMK.js';
 import { tableCellPaddingClass, tableRowHeightClass, controlIconSmClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Layers, Layers2, ArrowUp, ArrowDown, ChevronsUpDown, MoreHorizontal } from 'lucide-react';
 
-function EmptyState({ icon: Icon, title, description, action, className }) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "empty-state", role: "status", className: cn("ui-empty-state", className), children: [
-    Icon && /* @__PURE__ */ jsx("div", { className: "ui-empty-state-icon", children: /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-6", "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsx("h3", { className: "ui-empty-state-title", children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: "ui-empty-state-description", children: description }),
-    action && /* @__PURE__ */ jsx("div", { children: action })
-  ] });
-}
 function Descriptions({ columns = 2, className, children }) {
   const colsClass = columns === 1 ? "grid-cols-1" : columns === 3 ? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3" : "grid-cols-1 sm:grid-cols-2";
   return /* @__PURE__ */ jsx("dl", { className: cn("grid gap-x-6 gap-y-3", colsClass, className), children });
@@ -390,4 +383,4 @@ DataTable.RowActions = function DataTableRowActions({ ariaLabel, children }) {
 };
 DataTable.RowActions.displayName = "DataTable.RowActions";
 
-export { DataTable, Descriptions, EmptyState };
+export { DataTable, Descriptions };

package/dist/{chunk-JWGLJXQU.js → chunk-XVD5SLDL.js}

@@ -1,4 +1,4 @@
-import { useTranslation } from './chunk-HTG5VHU7.js';
+import { useTranslation } from './chunk-TXRYSMOD.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';

package/dist/chunk-YD7V2HGZ.js

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