@godxjp/ui 13.6.0 → 13.8.0

package/dist/chunk-YXVJFYQE.js

@@ -0,0 +1,191 @@
+import { Calendar } from './chunk-NU2SOVTU.js';
+import { Popover, PopoverAnchor, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { useTranslation, usePickerLocales } from './chunk-B6S6LTWT.js';
+import { toIsoDate, parseDateInput } from './chunk-5732TWQF.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { ArrowRight, X, CalendarIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ISO_HINT = "yyyy-mm-dd";
+function DateRangePicker({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  placeholder,
+  disabled,
+  className,
+  id,
+  name,
+  locale: localeProp,
+  fromDate,
+  toDate,
+  allowClear = true
+}) {
+  const { t } = useTranslation();
+  const { dayPickerLocale } = usePickerLocales(localeProp);
+  const [open, setOpen] = React.useState(false);
+  const autoId = React.useId();
+  const fromId = id ?? autoId;
+  const toId = `${fromId}-to`;
+  const isControlled = React.useRef(valueProp !== void 0).current;
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const value = isControlled ? valueProp : internalValue;
+  const [fromText, setFromText] = React.useState(() => toIsoDate(value?.from));
+  const [toText, setToText] = React.useState(() => toIsoDate(value?.to));
+  React.useEffect(() => {
+    setFromText(toIsoDate(value?.from));
+    setToText(toIsoDate(value?.to));
+  }, [value?.from, value?.to]);
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder") ?? ISO_HINT;
+  const emit = (next) => {
+    if (!isControlled) setInternalValue(next);
+    onValueChange?.(next);
+  };
+  const showClear = allowClear && Boolean(value?.from || value?.to) && !disabled;
+  const clear = () => {
+    emit(void 0);
+    setFromText("");
+    setToText("");
+  };
+  const commitEdge = (edge, raw) => {
+    const trimmed = raw.trim();
+    if (trimmed !== "" && !/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) return;
+    const parsed = trimmed === "" ? void 0 : parseDateInput(trimmed) ?? void 0;
+    const next = { from: value?.from, to: value?.to, [edge]: parsed };
+    emit(next.from || next.to ? next : void 0);
+  };
+  const sharedKeyHandlers = {
+    onKeyDown: (event) => {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setOpen(true);
+      } else if (event.key === "Escape" && open) {
+        setOpen(false);
+      }
+    }
+  };
+  const innerInputClass = "min-w-0 flex-1 bg-transparent tabular-nums outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed";
+  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        // One input-styled shell for the whole range — mirrors Input's control
+        // tokens (border/radius/ring) so it reads as a single form field.
+        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
+        "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
+        open && "border-ring ring-ring/50 ring-[3px]",
+        disabled && "pointer-events-none cursor-not-allowed opacity-50",
+        className
+      ),
+      onClick: () => {
+        if (!disabled) setOpen(true);
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: fromId,
+            name: name ? `${name}_from` : void 0,
+            value: fromText,
+            disabled,
+            placeholder: resolvedPlaceholder,
+            inputMode: "numeric",
+            autoComplete: "off",
+            "aria-label": t("dataEntry.dateRangePicker.from") ?? "From",
+            className: innerInputClass,
+            ...sharedKeyHandlers,
+            onChange: (event) => {
+              setFromText(event.target.value);
+              commitEdge("from", event.target.value);
+            },
+            onBlur: (event) => {
+              const parsed = parseDateInput(event.target.value.trim());
+              setFromText(parsed ? toIsoDate(parsed) : toIsoDate(value?.from));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: toId,
+            name: name ? `${name}_to` : void 0,
+            value: toText,
+            disabled,
+            placeholder: resolvedPlaceholder,
+            inputMode: "numeric",
+            autoComplete: "off",
+            "aria-label": t("dataEntry.dateRangePicker.to") ?? "To",
+            className: innerInputClass,
+            ...sharedKeyHandlers,
+            onChange: (event) => {
+              setToText(event.target.value);
+              commitEdge("to", event.target.value);
+            },
+            onBlur: (event) => {
+              const parsed = parseDateInput(event.target.value.trim());
+              setToText(parsed ? toIsoDate(parsed) : toIsoDate(value?.to));
+            }
+          }
+        ),
+        showClear ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            "aria-label": t("common.clear") ?? "Clear",
+            className: "text-muted-foreground hover:text-foreground shrink-0",
+            onClick: (event) => {
+              event.stopPropagation();
+              clear();
+            },
+            children: /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0", "aria-hidden": "true" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            tabIndex: -1,
+            "aria-label": t("dataEntry.dateRangePicker.openCalendar") ?? "Open calendar",
+            className: "text-muted-foreground hover:text-foreground shrink-0",
+            children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: "w-auto p-0",
+            align: "start",
+            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
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+
+export { DateRangePicker };

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

@@ -3,7 +3,7 @@ export { c as FlexProp, P as PageContainerProp, P as PageContainerProps } from '
 export { F as Flex, P as PageContainer } from '../../flex-X2EFU1d5.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from '../../data-table-DRr70ULe.js';
 export { Badge } from '../data-display/badge.js';
-export { F as Field, a as FormField, S as SearchInput } from '../../search-input-Oxwpv_s9.js';
+export { F as Field, a as FormField, S as SearchInput } from '../../search-input-d1g8eW9z.js';
 export { a as SkeletonDetail, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from '../../skeleton-cj9kh5wo.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../feedback/alert.js';
 export { Upload, useUploadDraft } from '../data-entry/upload.js';
@@ -18,7 +18,7 @@ export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, Di
 export { Toaster } from '../feedback/sonner.js';
 export { toast } from 'sonner';
 export { useDebouncedValue, useTimeoutFlag } from '../../lib/hooks.js';
-export { B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-vn5VGnwY.js';
+export { E as collectUploadCommitActions, G as createUploadItem } from '../../data-entry.prop-C9QWj5Kl.js';
 export { j as formatDate } from '../../format-date-ByyZoqI5.js';
 import '../../shared.prop-BvMSLFJ6.js';
 import 'react';

package/dist/components/admin/index.js

@@ -1,49 +1,49 @@
 import '../../chunk-GJXOBDER.js';
-export { PageContainer } from '../../chunk-I472SSN2.js';
-import '../../chunk-XK3M3VRR.js';
-import '../../chunk-W4REF4TD.js';
-export { Toolbar, ToolbarGroup } from '../../chunk-UVGI2RPC.js';
-export { Steps } from '../../chunk-LTKHPOE3.js';
+export { Toolbar, ToolbarGroup } from '../../chunk-HRW7JDUJ.js';
+export { Steps } from '../../chunk-PL4NEIVO.js';
+import '../../chunk-B73NA66T.js';
 import '../../chunk-WGWI7EGL.js';
-export { Pagination } from '../../chunk-2JW2QLUU.js';
+export { Pagination } from '../../chunk-2MRAHKOD.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
+export { PageContainer } from '../../chunk-YLRCDJMR.js';
+import '../../chunk-XK3M3VRR.js';
+import '../../chunk-W4REF4TD.js';
 import '../../chunk-HL3G4SVG.js';
-import '../../chunk-B73NA66T.js';
 import '../../chunk-LMKUKCTN.js';
 export { sonnerToast as toast } from '../../chunk-ES4Q3KGL.js';
 export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-2BR7KFCP.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
 import '../../chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-W2RYT6NT.js';
-export { Transfer } from '../../chunk-DVV6UYVS.js';
-export { TreeSelect } from '../../chunk-5XFFEW2P.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-J254ZX3A.js';
-export { SearchInput } from '../../chunk-RBXVCWXL.js';
-export { formatBytes, formatCurrency, humanError, shortId } from '../../chunk-2FJ5TMQU.js';
-export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-UDMFKYZG.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-D4JX6O2W.js';
+export { Transfer } from '../../chunk-QE4IYHJU.js';
+export { TreeSelect } from '../../chunk-A3J2G2ZA.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-4SSJ54R2.js';
+export { SearchInput } from '../../chunk-LVLPNKJP.js';
+export { formatBytes, formatCurrency, humanError, shortId } from '../../chunk-X6AJ5HEI.js';
+export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-I5D4QYZI.js';
 import '../../chunk-VU4GFGDG.js';
-import '../../chunk-PKSHDFKP.js';
+import '../../chunk-BJTNKNMY.js';
 import '../../chunk-TBJBVEIP.js';
-export { Cascader } from '../../chunk-6VUW6EKH.js';
+export { Cascader } from '../../chunk-L6NMIUKC.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-3R3QVJCB.js';
-import '../../chunk-6AIYMYSG.js';
-export { DataTable, Descriptions } from '../../chunk-KNI7QI4J.js';
+import '../../chunk-K24AQV4R.js';
+export { DataTable, Descriptions } from '../../chunk-FLY23H4G.js';
 import '../../chunk-DV52WNXO.js';
 export { EmptyState } from '../../chunk-YD7V2HGZ.js';
 export { Flex } from '../../chunk-INIIF7F7.js';
 import '../../chunk-BE6GJGKJ.js';
 export { Field } from '../../chunk-44YRPSZ7.js';
-import '../../chunk-XZH3URGD.js';
-export { Badge } from '../../chunk-ZYJRZLMZ.js';
+import '../../chunk-XBFUROAY.js';
+export { Badge } from '../../chunk-HIEGUYPP.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-IJ5ALJGA.js';
 import '../../chunk-B4K4BXEF.js';
-export { FormField } from '../../chunk-76S3TQFH.js';
+export { FormField } from '../../chunk-IAJOP2Z3.js';
 import '../../chunk-C3PKEV6S.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-QTEPKNQE.js';
-export { formatDate } from '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+export { formatDate } from '../../chunk-5732TWQF.js';
 export { useDebouncedValue, useTimeoutFlag } from '../../chunk-LFW37FGG.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-display/badge.js

@@ -1,5 +1,5 @@
-export { Badge } from '../../chunk-ZYJRZLMZ.js';
+export { Badge } from '../../chunk-HIEGUYPP.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-display/card.d.ts

@@ -11,7 +11,7 @@ type CardVariant = "default" | "muted" | "outline" | "featured";
 /** Padding density — base 16px · tight 12px · cozy 20px. */
 type CardDensity = "tight" | "cozy";
 declare const cardVariants: (props?: ({
-    size?: "compact" | "md" | null | undefined;
+    size?: "md" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type CardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants> & {
     size?: CardSize;
@@ -20,7 +20,7 @@ type CardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof card
     density?: CardDensity;
 };
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    size?: "compact" | "md" | null | undefined;
+    size?: "md" | "compact" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     size?: CardSize;
     accent?: CardAccent;

package/dist/components/data-display/carousel.js

@@ -1,4 +1,4 @@
-export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-B7R7DHZF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-NZBAFFWP.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-display/index.js

@@ -1,22 +1,22 @@
 export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-QTUJSRDH.js';
 export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard } from '../../chunk-P5KPCT6R.js';
-export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-B7R7DHZF.js';
-export { DataTable, Descriptions } from '../../chunk-KNI7QI4J.js';
+export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-NZBAFFWP.js';
+export { DataTable, Descriptions } from '../../chunk-FLY23H4G.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-DV52WNXO.js';
 export { EmptyState } from '../../chunk-YD7V2HGZ.js';
 import '../../chunk-INIIF7F7.js';
 import '../../chunk-BE6GJGKJ.js';
 import '../../chunk-44YRPSZ7.js';
-import '../../chunk-XZH3URGD.js';
-import { Badge } from '../../chunk-ZYJRZLMZ.js';
-export { Badge } from '../../chunk-ZYJRZLMZ.js';
+import '../../chunk-XBFUROAY.js';
+import { Badge } from '../../chunk-HIEGUYPP.js';
+export { Badge } from '../../chunk-HIEGUYPP.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../../chunk-DY5C44UP.js';
 export { ScrollArea, ScrollBar } from '../../chunk-3KPEZ5CF.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-IJ5ALJGA.js';
 import '../../chunk-B4K4BXEF.js';
 import '../../chunk-7PWBC4BY.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import { cn } from '../../chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/components/data-entry/calendar.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CalendarProp } from '../../data-entry.prop-vn5VGnwY.js';
+import { C as CalendarProp } from '../../data-entry.prop-C9QWj5Kl.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/calendar.js

@@ -1,6 +1,6 @@
-export { Calendar } from '../../chunk-HS73G2C3.js';
-import '../../chunk-XZH3URGD.js';
+export { Calendar } from '../../chunk-NU2SOVTU.js';
+import '../../chunk-XBFUROAY.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/cascader.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as CascaderProp } from '../../data-entry.prop-vn5VGnwY.js';
+import { a as CascaderProp } from '../../data-entry.prop-C9QWj5Kl.js';
 import * as React from 'react';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';

package/dist/components/data-entry/cascader.js

@@ -1,10 +1,10 @@
-export { Cascader } from '../../chunk-6VUW6EKH.js';
+export { Cascader } from '../../chunk-L6NMIUKC.js';
 import '../../chunk-SMLKNECP.js';
 import '../../chunk-3R3QVJCB.js';
-import '../../chunk-XZH3URGD.js';
+import '../../chunk-XBFUROAY.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/checkbox.d.ts

@@ -1,8 +1,8 @@
 import 'react';
 import '@radix-ui/react-checkbox';
-export { C as Checkbox } from '../../checkbox-DAIwpMHO.js';
+export { C as Checkbox } from '../../checkbox-BpnDa6_M.js';
 import 'react/jsx-runtime';
-import '../../data-entry.prop-vn5VGnwY.js';
+import '../../data-entry.prop-C9QWj5Kl.js';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';
 import '@radix-ui/react-switch';

package/dist/components/data-entry/color-picker.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { e as ColorPickerProp } from '../../data-entry.prop-vn5VGnwY.js';
+import { e as ColorPickerProp } from '../../data-entry.prop-C9QWj5Kl.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/color-picker.js

@@ -1,6 +1,6 @@
-export { ColorPicker } from '../../chunk-LFO5BJ4H.js';
-import '../../chunk-6AIYMYSG.js';
+export { ColorPicker } from '../../chunk-ION2KFXK.js';
+import '../../chunk-K24AQV4R.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/date-picker.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DatePickerProp } from '../../data-entry.prop-vn5VGnwY.js';
+import { D as DatePickerProp } from '../../data-entry.prop-C9QWj5Kl.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';

package/dist/components/data-entry/date-picker.js

@@ -1,9 +1,9 @@
-export { DatePicker } from '../../chunk-6MZMMMHV.js';
-import '../../chunk-HS73G2C3.js';
-import '../../chunk-6AIYMYSG.js';
-import '../../chunk-XZH3URGD.js';
+export { DatePicker } from '../../chunk-3VFNWVR7.js';
+import '../../chunk-NU2SOVTU.js';
+import '../../chunk-K24AQV4R.js';
+import '../../chunk-XBFUROAY.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/date-range-picker.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { f as DateRangePickerProp } from '../../data-entry.prop-vn5VGnwY.js';
+import { f as DateRangePickerProp } from '../../data-entry.prop-C9QWj5Kl.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';
@@ -15,9 +15,11 @@ import '../../layout.prop-D2be7gOo.js';
 import '../../navigation.prop-CXDaVNaR.js';
 
 /**
- * DateRangePicker — WAI-ARIA date-range combobox. Two real, typeable ISO `yyyy-MM-dd` inputs
- * hold the start/end values (form-submittable via `${name}_from` / `${name}_to`, screen-reader
- * friendly, e2e-testable by filling either input). The range calendar is the visual affordance.
+ * DateRangePicker — WAI-ARIA date-range combobox rendered as ONE input-styled control
+ * (Ant Design RangePicker convention): `[ from → to  ✕ 📅 ]`. The two inner fields stay
+ * real, typeable ISO `yyyy-MM-dd` inputs (form-submittable via `${name}_from` /
+ * `${name}_to`, screen-reader friendly, e2e-testable by filling either input); the
+ * range calendar is the visual affordance.
  */
 declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, locale: localeProp, fromDate, toDate, allowClear, }: DateRangePickerProp): react_jsx_runtime.JSX.Element;
 

package/dist/components/data-entry/date-range-picker.js

@@ -1,9 +1,8 @@
-export { DateRangePicker } from '../../chunk-OIAT773P.js';
-import '../../chunk-HS73G2C3.js';
-import '../../chunk-6AIYMYSG.js';
-import '../../chunk-XZH3URGD.js';
+export { DateRangePicker } from '../../chunk-YXVJFYQE.js';
+import '../../chunk-NU2SOVTU.js';
+import '../../chunk-XBFUROAY.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/data-entry/index.d.ts

@@ -1,22 +1,23 @@
 import { Input } from './input.js';
 export { InputProps } from './input.js';
 import * as React from 'react';
-import { N as NumberInputProp } from '../../data-entry.prop-vn5VGnwY.js';
-export { C as CalendarProps, a as CascaderProps, e as ColorPickerProps, D as DatePickerProps, f as DateRangePickerProps, F as FieldProps, g as FormFieldProp, g as FormFieldProps, h as FormProp, h as FormProps, j as SelectLoadParams, k as SelectLoadResult, l as SelectOption, o as SliderProps, p as SwitchProps, q as TimePickerProps, r as TransferItemProp, s as TransferProps, v as TreeSelectProps, U as UploadCommitAction, w as UploadFileItem, y as UploadProps, z as UploadVariant, B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-vn5VGnwY.js';
+import { N as NumberInputProp, M as MonthPickerProp, i as MonthRangePickerProp } from '../../data-entry.prop-C9QWj5Kl.js';
+export { C as CalendarProps, a as CascaderProps, e as ColorPickerProps, D as DatePickerProps, f as DateRangePickerProps, F as FieldProps, g as FormFieldProp, g as FormFieldProps, h as FormProp, h as FormProps, k as SelectLoadParams, l as SelectLoadResult, m as SelectOption, p as SliderProps, q as SwitchProps, r as TimePickerProps, s as TransferItemProp, t as TransferProps, w as TreeSelectProps, U as UploadCommitAction, x as UploadFileItem, z as UploadProps, A as UploadVariant, E as collectUploadCommitActions, G as createUploadItem } from '../../data-entry.prop-C9QWj5Kl.js';
 export { Label } from './label.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectProp, SelectProp as SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
-export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-DAIwpMHO.js';
+export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-BpnDa6_M.js';
 export { Radio, RadioGroup, RadioGroupRoot, RadioItem } from './radio.js';
 export { Textarea, TextareaProps } from './textarea.js';
 import { W as WidthProp, a as ClassNameProp } from '../../shared.prop-BvMSLFJ6.js';
 import { D as DensityProp } from '../../layout.prop-CXvl2rVR.js';
 import { e as FormLayoutProp, a as BreakpointProp } from '../../interaction.prop-DD46aTro.js';
 import { R as ResponsiveGridColumnsProp } from '../../layout.prop-D2be7gOo.js';
-export { F as Field, a as FormField, S as SearchInput } from '../../search-input-Oxwpv_s9.js';
+export { F as Field, a as FormField, S as SearchInput } from '../../search-input-d1g8eW9z.js';
 export { Switch } from './switch.js';
 export { P as PasswordRule, a as PasswordStrength, b as PasswordStrengthLabels, c as PasswordStrengthProps, d as PasswordStrengthReturn, T as Toggle, e as ToggleGroup, f as ToggleGroupItem, g as ToggleProps, u as usePasswordStrength } from '../../password-strength-DVRvXEOK.js';
 export { Slider } from './slider.js';
 export { Calendar } from './calendar.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 export { DatePicker } from './date-picker.js';
 export { DateRangePicker } from './date-range-picker.js';
 export { TimePicker } from './time-picker.js';
@@ -38,7 +39,6 @@ import '../../data.prop-D0UEEczj.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-label';
 import 'class-variance-authority';
-import 'react/jsx-runtime';
 import '@radix-ui/react-select';
 import '../../navigation.prop-CXDaVNaR.js';
 import '@radix-ui/react-toggle-group';
@@ -81,6 +81,24 @@ declare const Form: React.ForwardRefExoticComponent<React.FormHTMLAttributes<HTM
     className?: ClassNameProp;
 } & React.RefAttributes<HTMLFormElement>>;
 
+/**
+ * MonthPicker — year/month (`yyyy/MM`) input with an Ant-Design-style month grid
+ * popover: a year header with chevrons over a 3×4 grid of the twelve months.
+ * The field stays a real, typeable input (form-submittable via `name` as
+ * `yyyy-MM`); the grid is the visual affordance.
+ */
+declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, }: MonthPickerProp): react_jsx_runtime.JSX.Element;
+
+/**
+ * MonthRangePicker — year/month (`yyyy/MM`) RANGE rendered as ONE input-styled
+ * control (Ant Design RangePicker convention): `[ from → to  ✕ 📅 ]`. The two
+ * inner fields stay real, typeable `yyyy/MM` inputs (form-submittable via
+ * `${name}_from` / `${name}_to`); the Ant-style month grid is the visual
+ * affordance. Grid picks are two-step (from, then to — swapped when picked
+ * backwards) and a pick on a COMPLETE range starts a new one (reset-on-complete).
+ */
+declare function MonthRangePicker({ value: valueProp, defaultValue, onValueChange, placeholder, disabled, className, id, name, fromYear, toYear, allowClear, }: MonthRangePickerProp): react_jsx_runtime.JSX.Element;
+
 type PasswordInputProps = Omit<React.ComponentPropsWithoutRef<typeof Input>, "type">;
 declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
 
@@ -143,4 +161,4 @@ type TagInputProps = {
 };
 declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Form, type FormLayoutContextValue, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, NumberInput, NumberInputProp, NumberInputProp as NumberInputProps, PasswordInput, type PasswordInputProps, Rating, type RatingProps, TagInput, type TagInputProps, useFormLayout };
+export { Form, type FormLayoutContextValue, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, MonthPicker, MonthPickerProp as MonthPickerProps, MonthRangePicker, MonthRangePickerProp as MonthRangePickerProps, NumberInput, NumberInputProp, NumberInputProp as NumberInputProps, PasswordInput, type PasswordInputProps, Rating, type RatingProps, TagInput, type TagInputProps, useFormLayout };

package/dist/components/data-entry/index.js

@@ -1,37 +1,37 @@
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, NumberInput, PasswordInput, Rating, TagInput } from '../../chunk-GFDKJY63.js';
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, MonthPicker, MonthRangePicker, NumberInput, PasswordInput, Rating, TagInput } from '../../chunk-57VDEN64.js';
 export { PasswordStrength, Toggle, ToggleGroup, ToggleGroupItem, usePasswordStrength } from '../../chunk-VSUYVT2Q.js';
-export { TimePicker } from '../../chunk-UKTVFPRV.js';
+export { TimePicker } from '../../chunk-65RWSIZF.js';
 export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-S2IJKT3D.js';
 export { Switch } from '../../chunk-I7NQ2LIL.js';
-export { Textarea } from '../../chunk-ZOMIELKI.js';
-export { TimeInput } from '../../chunk-3JQDPNTA.js';
-export { ColorPicker } from '../../chunk-LFO5BJ4H.js';
-export { DatePicker } from '../../chunk-6MZMMMHV.js';
-export { DateRangePicker } from '../../chunk-OIAT773P.js';
-export { Calendar } from '../../chunk-HS73G2C3.js';
-export { Transfer } from '../../chunk-DVV6UYVS.js';
-export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-5XFFEW2P.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-J254ZX3A.js';
-export { SearchInput } from '../../chunk-RBXVCWXL.js';
-import '../../chunk-2FJ5TMQU.js';
-import '../../chunk-UDMFKYZG.js';
+export { Textarea } from '../../chunk-Q3KUZG4P.js';
+export { TimeInput } from '../../chunk-R2TXLS7S.js';
+export { ColorPicker } from '../../chunk-ION2KFXK.js';
+export { DatePicker } from '../../chunk-3VFNWVR7.js';
+export { DateRangePicker } from '../../chunk-YXVJFYQE.js';
+export { Calendar } from '../../chunk-NU2SOVTU.js';
+export { Transfer } from '../../chunk-QE4IYHJU.js';
+export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-A3J2G2ZA.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-4SSJ54R2.js';
+export { SearchInput } from '../../chunk-LVLPNKJP.js';
+import '../../chunk-X6AJ5HEI.js';
+import '../../chunk-I5D4QYZI.js';
 import '../../chunk-VU4GFGDG.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-PKSHDFKP.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-BJTNKNMY.js';
 export { Slider } from '../../chunk-TBJBVEIP.js';
-export { Cascader } from '../../chunk-6VUW6EKH.js';
+export { Cascader } from '../../chunk-L6NMIUKC.js';
 import '../../chunk-SMLKNECP.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-3R3QVJCB.js';
-export { Input } from '../../chunk-6AIYMYSG.js';
+export { Input } from '../../chunk-K24AQV4R.js';
 export { Checkbox, CheckboxGroup } from '../../chunk-BE6GJGKJ.js';
 export { Field } from '../../chunk-44YRPSZ7.js';
-import '../../chunk-XZH3URGD.js';
+import '../../chunk-XBFUROAY.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-3KPEZ5CF.js';
 import '../../chunk-B4K4BXEF.js';
-export { Form, FormField, useFormLayout } from '../../chunk-76S3TQFH.js';
+export { Form, FormField, useFormLayout } from '../../chunk-IAJOP2Z3.js';
 import '../../chunk-C3PKEV6S.js';
 export { Label } from '../../chunk-7PWBC4BY.js';
-import '../../chunk-QTEPKNQE.js';
-import '../../chunk-C7W5BO7R.js';
+import '../../chunk-B6S6LTWT.js';
+import '../../chunk-5732TWQF.js';
 import '../../chunk-LFW37FGG.js';
 import '../../chunk-U7N2A7A3.js';