@godxjp/ui 7.0.0 → 8.0.0

package/dist/{chunk-ZR2TIBPG.js → chunk-NG23LVTM.js}

@@ -1,8 +1,8 @@
 import { reactNodeText } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
+import { Checkbox } from './chunk-O24Z3ULJ.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
 import { Input } from './chunk-VOHTRR5X.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -205,7 +205,7 @@ function TransferPanel({
 function Transfer({
   dataSource,
   targetKeys,
-  onChange,
+  onValueChange,
   titles,
   showSearch,
   oneWay,
@@ -229,7 +229,7 @@ function Transfer({
     const keys = selected[fromSide];
     if (!keys.length) return;
     const nextTarget = direction === "right" ? [...targetKeys, ...keys.filter((k) => !targetKeys.includes(k))] : targetKeys.filter((k) => !keys.includes(k));
-    onChange?.(nextTarget, direction, keys);
+    onValueChange?.(nextTarget, direction, keys);
     const cleared = fromSide === 0 ? [[], selected[1]] : [selected[0], []];
     if (selectedKeysProp) onSelectChange?.(cleared[0], cleared[1]);
     else setInternalSelected(cleared);

package/dist/{chunk-E76QIYSY.js → chunk-O24Z3ULJ.js}

@@ -1,4 +1,4 @@
-import { ChoiceField, choiceGroupClassName } from './chunk-CQBADMFG.js';
+import { Field, choiceGroupClassName } from './chunk-26CPAKUP.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -19,7 +19,7 @@ function useControllableArray(controlled, defaultValue) {
 function CheckboxGroup({
   value: controlledValue,
   defaultValue = [],
-  onChange,
+  onValueChange,
   options,
   orientation = "vertical",
   disabled,
@@ -32,7 +32,7 @@ function CheckboxGroup({
   const toggle = (optionValue) => {
     const next = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
     setValue(next);
-    onChange?.(next);
+    onValueChange?.(next);
   };
   if (options && options.length > 0) {
     return /* @__PURE__ */ jsx(
@@ -45,7 +45,7 @@ function CheckboxGroup({
         children: options.map((opt, index) => {
           const id = `${reactId}-${opt.value}-${index}`;
           const checked = value.includes(opt.value);
-          return /* @__PURE__ */ jsx(ChoiceField, { id, label: opt.label, description: opt.description, children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Field, { id, label: opt.label, description: opt.description, children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               id,

package/dist/{chunk-L6J44O74.js → chunk-OJZ6C2HM.js}

@@ -1,4 +1,4 @@
-import { controlIconClass } from './chunk-ICM6XBST.js';
+import { controlIconClass } from './chunk-IBK5D2Q6.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Check, Loader2, X, Circle } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -65,7 +65,7 @@ function Steps({
 }) {
   const base = initial;
   const isVertical = orientation === "vertical";
-  const compact = size === "small";
+  const compact = size === "sm";
   return /* @__PURE__ */ jsx(
     "ol",
     {

package/dist/{chunk-2HLWHQJA.js → chunk-P4HFJQID.js}

@@ -1,5 +1,5 @@
 import { Input } from './chunk-VOHTRR5X.js';
-import { buttonVariants, Button } from './chunk-HJEBRCXL.js';
+import { buttonVariants, Button } from './chunk-M4PZNAMV.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -152,7 +152,7 @@ var DialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogCancel.displayName = "DialogCancel";
-function DialogConfirm({
+function AlertDialog({
   open,
   onOpenChange,
   title,
@@ -232,7 +232,8 @@ var Dialog = Object.assign(DialogRoot, {
   Close: DialogClose,
   Action: DialogAction,
   Cancel: DialogCancel,
-  Confirm: DialogConfirm
+  Confirm: AlertDialog
 });
+var DialogConfirm = AlertDialog;
 
-export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };
+export { AlertDialog, Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };

package/dist/{chunk-EXBWDW5E.js → chunk-RGIYKJPW.js}

@@ -1,7 +1,7 @@
-import { Calendar } from './chunk-IK7I3ABN.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Calendar } from './chunk-IOGU3ZWF.js';
 import { Input } from './chunk-VOHTRR5X.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation, usePickerLocales } from './chunk-RLGHEV4A.js';
 import { toIsoDate, parseDateInput } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -12,7 +12,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var ISO_HINT = "yyyy-mm-dd";
 function DatePicker({
   value,
-  onChange,
+  onValueChange,
   placeholder,
   disabled,
   className,
@@ -33,12 +33,12 @@ function DatePicker({
   const commit = (raw) => {
     const trimmed = raw.trim();
     if (trimmed === "") {
-      onChange?.(void 0);
+      onValueChange?.(void 0);
       return;
     }
     const parsed = parseDateInput(trimmed);
     if (parsed) {
-      onChange?.(parsed);
+      onValueChange?.(parsed);
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
@@ -86,7 +86,7 @@ function DatePicker({
           mode: "single",
           selected: value,
           onSelect: (date) => {
-            onChange?.(date);
+            onValueChange?.(date);
             setText(toIsoDate(date));
             setOpen(false);
           },

package/dist/{chunk-ZKIAZDVU.js → chunk-RGPF3HU6.js}

@@ -1,6 +1,6 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { Input } from './chunk-VOHTRR5X.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { normalizeHhmm, isValidHhmm } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -133,7 +133,7 @@ function TimePickerPanel({ value, minuteStep, onChange, onDone }) {
 function TimePicker({
   value: controlledValue,
   defaultValue,
-  onChange,
+  onValueChange,
   placeholder,
   disabled,
   className,
@@ -153,7 +153,7 @@ function TimePicker({
   }, [value]);
   const setValue = (next) => {
     if (!isControlled) setInternal(next);
-    onChange?.(next);
+    onValueChange?.(next);
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsx(

package/dist/{chunk-FBHN6OO4.js → chunk-SKIRU7GC.js}

@@ -1,5 +1,5 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-ARDVPIF4.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-G2WYOCDL.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';

package/dist/chunk-TILFZBTE.js

@@ -0,0 +1,50 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/variants.ts
+var densityClass = {
+  compact: "ui-density-compact",
+  default: "ui-density-default",
+  comfortable: "ui-density-comfortable"
+};
+var pageContainerVariantClass = {
+  default: void 0,
+  narrow: "ui-page-container--narrow",
+  flush: "ui-page-container--flush",
+  ghost: "ui-page-container--ghost"
+};
+var flexGapClass = {
+  xs: "ui-flex-gap-xs",
+  sm: "ui-flex-gap-sm",
+  md: "ui-flex-gap-md",
+  lg: "ui-flex-gap-lg",
+  xl: "ui-flex-gap-xl"
+};
+function Flex({
+  direction = "col",
+  gap = "md",
+  align,
+  justify,
+  wrap = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-direction": direction,
+      "data-align": align,
+      "data-justify": justify,
+      "data-wrap": wrap ? "true" : void 0,
+      className: cn("ui-flex", flexGapClass[gap], className),
+      ...props,
+      children
+    }
+  );
+}
+function Inline({ gap = "sm", ...props }) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "row", wrap: true, gap, align: "center", ...props });
+}
+
+export { Flex, Inline, densityClass, pageContainerVariantClass };

package/dist/{chunk-6UFKWOEW.js → chunk-TMDGV4CN.js}

@@ -1,10 +1,10 @@
 import { humanError } from './chunk-4R7QL3MW.js';
-import { Inline } from './chunk-S66TJXJU.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Inline } from './chunk-TILFZBTE.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
-import { CheckCircle2, TriangleAlert, AlertCircle, Info, X, RefreshCw } from 'lucide-react';
+import { Info, CheckCircle2, TriangleAlert, AlertCircle, X, RefreshCw } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var AlertContext = React.createContext("default");
@@ -12,23 +12,27 @@ var DEFAULT_ICONS = {
   default: Info,
   destructive: AlertCircle,
   warning: TriangleAlert,
-  success: CheckCircle2
+  success: CheckCircle2,
+  info: Info,
+  muted: Info,
+  neutral: Info
 };
 var AlertBase = React.forwardRef(
-  ({ variant = "default", icon, onDismiss, className, children, ...props }, ref) => {
-    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[variant];
-    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: variant, children: /* @__PURE__ */ jsxs(
+  ({ variant = "default", tone = "default", icon, onDismiss, className, children, ...props }, ref) => {
+    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[tone];
+    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: tone, children: /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
         role: "alert",
         "data-slot": "alert",
         "data-variant": variant,
+        "data-tone": tone,
         "data-dismissible": onDismiss ? "" : void 0,
         className,
         ...props,
         children: [
-          IconComponent && /* @__PURE__ */ jsx(IconComponent, { "data-slot": "alert-icon", "data-variant": variant, "aria-hidden": "true" }),
+          IconComponent && /* @__PURE__ */ jsx(IconComponent, { "data-slot": "alert-icon", "data-tone": tone, "aria-hidden": "true" }),
           /* @__PURE__ */ jsx("div", { "data-slot": "alert-body", children }),
           onDismiss && /* @__PURE__ */ jsx(
             "button",
@@ -51,13 +55,13 @@ var AlertBase = React.forwardRef(
 AlertBase.displayName = "Alert";
 var AlertTitle = React.forwardRef(
   ({ className, ...props }, ref) => {
-    const variant = React.useContext(AlertContext);
+    const tone = React.useContext(AlertContext);
     return /* @__PURE__ */ jsx(
       "p",
       {
         ref,
         "data-slot": "alert-title",
-        "data-variant": variant,
+        "data-tone": tone,
         className,
         ...props
       }
@@ -87,7 +91,7 @@ var AlertActions = React.forwardRef(
 AlertActions.displayName = "AlertActions";
 function AlertQueryError({ error, onRetry, className }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className, children: [
+  return /* @__PURE__ */ jsxs(Alert, { tone: "destructive", className, children: [
     /* @__PURE__ */ jsx(AlertTitle, { children: t("common.error") }),
     /* @__PURE__ */ jsx(AlertDescription, { children: humanError(error) }),
     onRetry && /* @__PURE__ */ jsx(AlertActions, { children: /* @__PURE__ */ jsx(

package/dist/{chunk-7AMHT5Z5.js → chunk-UIYEAUWA.js}

@@ -1,4 +1,4 @@
-import { toneNeutralClass, toneInfoClass, toneWarningClass, toneSuccessClass, toneDestructiveClass } from './chunk-ICM6XBST.js';
+import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-IBK5D2Q6.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { cva } from 'class-variance-authority';
@@ -35,27 +35,44 @@ var badgeVariants = cva(
       variant: {
         default: "border-transparent bg-primary text-primary-foreground",
         secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: cn("border-transparent", toneDestructiveClass),
-        outline: "text-foreground",
-        success: cn("border-transparent", toneSuccessClass),
-        warning: cn("border-transparent", toneWarningClass),
-        info: cn("border-transparent", toneInfoClass),
-        neutral: cn("border-transparent", toneNeutralClass)
+        outline: "text-foreground"
       }
     },
     defaultVariants: { variant: "default" }
   }
 );
-function Badge({ className, variant, icon, status, children, ...props }) {
+var badgeToneClass = {
+  default: void 0,
+  success: cn("border-transparent", toneSuccessClass),
+  warning: cn("border-transparent", toneWarningClass),
+  destructive: cn("border-transparent", toneDestructiveClass),
+  info: cn("border-transparent", toneInfoClass),
+  muted: cn("border-transparent", toneMutedClass),
+  neutral: cn("border-transparent", toneNeutralClass)
+};
+function Badge({ className, variant, tone, icon, status, children, ...props }) {
   const { t } = useTranslation();
   const statusDef = status ? STATUS_MAP[status] ?? { tone: "neutral", icon: Circle } : null;
-  const resolvedVariant = variant ?? statusDef?.tone ?? "default";
+  const resolvedTone = tone ?? statusDef?.tone ?? "default";
   const ResolvedIcon = icon === void 0 ? statusDef?.icon : icon;
   const resolvedChildren = children ?? (status ? status in STATUS_MAP ? t(`status.${status}`) : status : void 0);
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "badge", className: cn(badgeVariants({ variant: resolvedVariant }), className), ...props, children: [
-    ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { "data-slot": "badge-icon", "aria-hidden": "true" }) : null,
-    resolvedChildren
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "badge",
+      "data-tone": resolvedTone,
+      className: cn(
+        badgeVariants({ variant: variant ?? "default" }),
+        badgeToneClass[resolvedTone],
+        className
+      ),
+      ...props,
+      children: [
+        ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { "data-slot": "badge-icon", "aria-hidden": "true" }) : null,
+        resolvedChildren
+      ]
+    }
+  );
 }
 
 export { Badge };

package/dist/{chunk-25ZZ2W3M.js → chunk-WN52SCGE.js}

@@ -1,7 +1,7 @@
-import { Calendar } from './chunk-IK7I3ABN.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Calendar } from './chunk-IOGU3ZWF.js';
 import { Input } from './chunk-VOHTRR5X.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation, usePickerLocales } from './chunk-RLGHEV4A.js';
 import { toIsoDate, parseDateInput } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -12,7 +12,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var ISO_HINT = "yyyy-mm-dd";
 function DateRangePicker({
   value,
-  onChange,
+  onValueChange,
   placeholder,
   disabled,
   className,
@@ -32,7 +32,7 @@ function DateRangePicker({
     setToText(toIsoDate(value?.to));
   }, [value?.from, value?.to]);
   const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder") ?? ISO_HINT;
-  const emit = (next) => onChange?.(next);
+  const emit = (next) => onValueChange?.(next);
   const commitEdge = (edge, raw) => {
     const parsed = raw.trim() === "" ? void 0 : parseDateInput(raw.trim()) ?? void 0;
     const next = { from: value?.from, to: value?.to, [edge]: parsed };

package/dist/{chunk-EQRQM6RF.js → chunk-WTVLZVBA.js}

@@ -1,8 +1,8 @@
-import { DropdownMenu, DropdownMenuTrigger } from './chunk-TO33OY4L.js';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
+import { DropdownMenu, DropdownMenuTrigger } from './chunk-TO33OY4L.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
+import { densityClass, pageContainerVariantClass, Flex } from './chunk-TILFZBTE.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Link } from 'react-router-dom';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
@@ -10,7 +10,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-function PageContainer({
+function PageContainerInset({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("ui-page-container-inset", className), ...props, children });
+}
+function PageContainerRoot({
   title,
   subtitle,
   extra,
@@ -62,11 +65,14 @@ function PageContainer({
     }
   );
 }
-function PageInset({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("ui-page-inset", className), ...props, children });
+var PageContainer = Object.assign(PageContainerRoot, {
+  Inset: PageContainerInset
+});
+function PageInset(props) {
+  return /* @__PURE__ */ jsx(PageContainerInset, { ...props });
 }
-function Stack({ gap = "md", className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(stackGapClass[gap], className), ...props, children });
+function Stack(props) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "col", ...props });
 }
 function AppShell({
   sidebar,
@@ -365,8 +371,22 @@ function Topbar({
     ) : null
   ] });
 }
+function resolveColumns(columns) {
+  if (typeof columns === "number") {
+    return {
+      "--responsive-grid-sm": Math.min(columns, 2),
+      "--responsive-grid-md": Math.min(columns, 3),
+      "--responsive-grid-lg": columns
+    };
+  }
+  return {
+    "--responsive-grid-sm": columns.sm ?? 1,
+    "--responsive-grid-md": columns.md ?? columns.sm ?? 1,
+    "--responsive-grid-lg": columns.lg ?? columns.md ?? columns.sm ?? 1
+  };
+}
 function ResponsiveGrid({ columns = 4, children }) {
-  return /* @__PURE__ */ jsx("div", { className: "ui-responsive-grid", "data-columns": columns, children });
+  return /* @__PURE__ */ jsx("div", { className: "ui-responsive-grid", style: resolveColumns(columns), children });
 }
 function SplitPane({ children, aside, asideWidth = "md" }) {
   return /* @__PURE__ */ jsxs("div", { className: "ui-split-pane", "data-aside-width": asideWidth, children: [

package/dist/{chunk-Y3XBNUTD.js → chunk-XDUZ7JJL.js}

@@ -1,4 +1,4 @@
-import { SearchSelect } from './chunk-OXKY5QMK.js';
+import { SearchSelect } from './chunk-6QXQQAOQ.js';
 import { jsx } from 'react/jsx-runtime';
 
 function Autocomplete({
@@ -17,7 +17,7 @@ function Autocomplete({
     {
       id,
       value,
-      onChange: (next) => onValueChange?.(next),
+      onValueChange: (next) => onValueChange?.(next),
       options,
       clearable: false,
       placeholder,

package/dist/chunk-XMBCNMJI.js

@@ -0,0 +1,61 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from './chunk-G2WYOCDL.js';
+import { Inline } from './chunk-TILFZBTE.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CountryOptionLabel({
+  country,
+  showCode = false,
+  className
+}) {
+  const code = country.value ?? country.code ?? "";
+  const text = country.nativeName != null && country.nativeName !== "" ? `${country.name} (${country.nativeName})` : country.name;
+  return /* @__PURE__ */ jsxs(Inline, { gap: "xs", className: cn("items-center", className), children: [
+    country.flagSvgPath != null && country.flagSvgPath !== "" && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: country.flagSvgPath,
+        alt: "",
+        className: "h-3 w-5 shrink-0 rounded-sm object-cover",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+      text,
+      showCode && code !== "" && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        " \xB7 ",
+        code
+      ] })
+    ] })
+  ] });
+}
+function CountrySelect({
+  id,
+  name,
+  options,
+  defaultValue,
+  required = false,
+  allowEmpty = false,
+  emptyLabel = "\u2014",
+  placeholder,
+  invalid = false
+}) {
+  const emptyValue = "0";
+  const resolvedDefault = defaultValue && defaultValue !== "" ? defaultValue : emptyValue;
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      name,
+      defaultValue: allowEmpty ? resolvedDefault : defaultValue ?? options[0]?.value,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { id, className: "w-full", "aria-invalid": invalid, "aria-required": required, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs(SelectGroup, { children: [
+          allowEmpty && /* @__PURE__ */ jsx(SelectItem, { value: emptyValue, children: emptyLabel }),
+          options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value ?? "", children: /* @__PURE__ */ jsx(CountryOptionLabel, { country: option }) }, option.value))
+        ] }) })
+      ]
+    }
+  );
+}
+
+export { CountryOptionLabel, CountrySelect };

package/dist/{chunk-RVY4F7LK.js → chunk-XZM2GNAY.js}

@@ -1,9 +1,9 @@
 import { normalizeTreeOptions, formatPathLabels, getNodeByPath, filterTreeOptions, pathsEqual, pathKey } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
-import { Command, CommandInput } from './chunk-V6UWJKZF.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Checkbox } from './chunk-O24Z3ULJ.js';
 import { ScrollArea, ScrollBar } from './chunk-3KPEZ5CF.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Command, CommandInput } from './chunk-HTEL5DQI.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
@@ -21,7 +21,7 @@ function Cascader({
   options: optionsProp,
   value,
   defaultValue,
-  onChange,
+  onValueChange,
   multiple,
   changeOnSelect,
   showSearch,
@@ -62,14 +62,14 @@ function Cascader({
   }, [multiple, multiValue, singleValue, options]);
   const commitSingle = (path) => {
     if (!isControlledSingle) setInternalSingle(path);
-    onChange?.(path, getNodeByPath(options, path));
+    onValueChange?.(path, getNodeByPath(options, path));
     setOpen(false);
     setActivePath([]);
     setSearch("");
   };
   const commitMulti = (paths) => {
     if (!isControlledMulti) setInternalMulti(paths);
-    onChange?.(
+    onValueChange?.(
       paths,
       paths.map((p) => getNodeByPath(options, p))
     );

package/dist/{chunk-NTUHJ37K.js → chunk-Z6HNY2PL.js}

@@ -1,8 +1,8 @@
-import { Slider } from './chunk-CRERCLIZ.js';
-import { controlIconClass } from './chunk-ICM6XBST.js';
 import { formatBytes } from './chunk-4R7QL3MW.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-2HLWHQJA.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-P4HFJQID.js';
+import { Slider } from './chunk-CRERCLIZ.js';
+import { Button } from './chunk-M4PZNAMV.js';
+import { controlIconClass } from './chunk-IBK5D2Q6.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
@@ -203,16 +203,16 @@ function fileMatchesAccept(file, accept) {
     return file.type === trimmed || file.name.endsWith(trimmed);
   });
 }
-function useUploadList(controlled, defaultValue, onChange) {
+function useUploadList(controlled, defaultValue, onValueChange) {
   const [internal, setInternal] = React2.useState(defaultValue ?? []);
   const items = controlled ?? internal;
   const setItems = React2.useCallback(
     (next) => {
       const resolved = typeof next === "function" ? next(items) : next;
       if (controlled === void 0) setInternal(resolved);
-      onChange?.(resolved);
+      onValueChange?.(resolved);
     },
-    [controlled, items, onChange]
+    [controlled, items, onValueChange]
   );
   return [items, setItems];
 }
@@ -243,7 +243,7 @@ function Upload({
   variant = "dropzone",
   value,
   defaultValue,
-  onChange,
+  onValueChange,
   accept: acceptProp,
   multiple: multipleProp,
   maxCount: maxCountProp,
@@ -261,7 +261,7 @@ function Upload({
   const inputRef = React2.useRef(null);
   const [dragActive, setDragActive] = React2.useState(false);
   const [cropFile, setCropFile] = React2.useState(null);
-  const [items, setItems] = useUploadList(value, defaultValue, onChange);
+  const [items, setItems] = useUploadList(value, defaultValue, onValueChange);
   const isSingleAvatar = variant === "avatar" || variant === "avatar-crop" || variant === "picture" && maxCount === 1;
   const singleItem = isSingleAvatar ? items[0] ?? null : null;
   const draft = useUploadDraft({