@godxjp/ui 6.12.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/README.md +5 -0
  2. package/dist/aspect-ratio-DGoYrOry.d.ts +6 -0
  3. package/dist/avatar-D9MdXzfF.d.ts +8 -0
  4. package/dist/{checkbox-9w-eF8sM.d.ts → checkbox-CK2mYEpD.d.ts} +1 -1
  5. package/dist/{chunk-T2S3IGZG.js → chunk-6TSU4IHV.js} +1 -1
  6. package/dist/chunk-7AMHT5Z5.js +61 -0
  7. package/dist/{chunk-EE3B3TEQ.js → chunk-ARDVPIF4.js} +1 -1
  8. package/dist/chunk-B3WX53JQ.js +40 -0
  9. package/dist/{chunk-T4UT3B3K.js → chunk-EQRQM6RF.js} +127 -182
  10. package/dist/{chunk-JBEIL3VD.js → chunk-FBHN6OO4.js} +1 -1
  11. package/dist/chunk-FRU44GA2.js +18 -0
  12. package/dist/chunk-FYM3MJSK.js +59 -0
  13. package/dist/{chunk-M64MVRLS.js → chunk-HKQITNB3.js} +12 -48
  14. package/dist/{chunk-GXHZAJUA.js → chunk-O2OUNXV4.js} +10 -10
  15. package/dist/{chunk-BM5LIDCS.js → chunk-OGFWIXRO.js} +7 -16
  16. package/dist/chunk-R2W2FX5Q.js +48 -0
  17. package/dist/chunk-SEG2YBXF.js +29 -0
  18. package/dist/{chunk-XG7XDYIM.js → chunk-V3N266PT.js} +48 -2
  19. package/dist/{chunk-TW4IRRAX.js → chunk-VXXKR5U4.js} +6 -47
  20. package/dist/{chunk-SWGQX3AP.js → chunk-Y3XBNUTD.js} +1 -1
  21. package/dist/components/admin/index.d.ts +12 -10
  22. package/dist/components/admin/index.js +18 -17
  23. package/dist/components/data-display/badge.d.ts +12 -4
  24. package/dist/components/data-display/badge.js +3 -1
  25. package/dist/components/data-display/card.d.ts +5 -5
  26. package/dist/components/data-display/card.js +1 -1
  27. package/dist/components/data-display/index.d.ts +10 -22
  28. package/dist/components/data-display/index.js +24 -33
  29. package/dist/components/data-entry/autocomplete.d.ts +1 -1
  30. package/dist/components/data-entry/autocomplete.js +3 -3
  31. package/dist/components/data-entry/calendar.d.ts +1 -1
  32. package/dist/components/data-entry/cascader.d.ts +1 -1
  33. package/dist/components/data-entry/checkbox.d.ts +2 -2
  34. package/dist/components/data-entry/color-picker.d.ts +1 -1
  35. package/dist/components/data-entry/color-picker.js +2 -2
  36. package/dist/components/data-entry/command.d.ts +5 -5
  37. package/dist/components/data-entry/date-picker.d.ts +1 -1
  38. package/dist/components/data-entry/date-picker.js +2 -2
  39. package/dist/components/data-entry/date-range-picker.d.ts +1 -1
  40. package/dist/components/data-entry/date-range-picker.js +2 -2
  41. package/dist/components/data-entry/index.d.ts +18 -14
  42. package/dist/components/data-entry/index.js +18 -78
  43. package/dist/components/data-entry/radio.d.ts +1 -1
  44. package/dist/components/data-entry/select.d.ts +1 -1
  45. package/dist/components/data-entry/select.js +3 -3
  46. package/dist/components/data-entry/slider.d.ts +1 -1
  47. package/dist/components/data-entry/switch.d.ts +1 -1
  48. package/dist/components/data-entry/switch.js +1 -1
  49. package/dist/components/data-entry/time-picker.d.ts +1 -1
  50. package/dist/components/data-entry/time-picker.js +2 -2
  51. package/dist/components/data-entry/transfer.d.ts +2 -2
  52. package/dist/components/data-entry/transfer.js +2 -2
  53. package/dist/components/data-entry/tree-select.d.ts +1 -1
  54. package/dist/components/data-entry/upload.d.ts +2 -2
  55. package/dist/components/data-entry/upload.js +2 -2
  56. package/dist/components/feedback/index.d.ts +2 -1
  57. package/dist/components/feedback/index.js +6 -5
  58. package/dist/components/layout/index.d.ts +11 -38
  59. package/dist/components/layout/index.js +3 -4
  60. package/dist/components/navigation/index.d.ts +2 -3
  61. package/dist/components/navigation/index.js +6 -7
  62. package/dist/components/navigation/pagination.d.ts +1 -1
  63. package/dist/components/navigation/pagination.js +4 -4
  64. package/dist/components/navigation/steps.d.ts +2 -2
  65. package/dist/components/navigation/tabs.d.ts +14 -2
  66. package/dist/components/navigation/tabs.js +1 -1
  67. package/dist/components/ui/index.d.ts +14 -7
  68. package/dist/components/ui/index.js +22 -19
  69. package/dist/{data-display.prop-i0iaSwMV.d.ts → data-display.prop-CXP9Jfdn.d.ts} +14 -14
  70. package/dist/{data-entry.prop-Cjidhei7.d.ts → data-entry.prop-CpSx5dX6.d.ts} +1 -17
  71. package/dist/{data-table-Bg7fPpXy.d.ts → data-table-C5lcmAwE.d.ts} +7 -30
  72. package/dist/{filter-bar-BpUvE_yO.d.ts → filter-bar-zSKz7YCR.d.ts} +1 -1
  73. package/dist/index.d.ts +12 -10
  74. package/dist/index.js +18 -17
  75. package/dist/{navigation.prop-Ck5_gSfs.d.ts → navigation.prop-DAH4ysXj.d.ts} +6 -7
  76. package/dist/props/components/index.d.ts +3 -3
  77. package/dist/props/index.d.ts +3 -3
  78. package/dist/props/index.js +1 -1
  79. package/dist/props/registry.d.ts +7 -12
  80. package/dist/props/registry.js +1 -1
  81. package/dist/{search-input-mAZy3Den.d.ts → search-input-rR2XDrjv.d.ts} +1 -1
  82. package/dist/skeleton-CqFO4dRc.d.ts +20 -0
  83. package/dist/styles/badge-layout.css +2 -2
  84. package/dist/styles/card-layout.css +19 -19
  85. package/dist/styles/control.css +68 -0
  86. package/dist/styles/data-display-layout.css +23 -81
  87. package/dist/styles/layout.css +19 -71
  88. package/dist/toggle-group-BulJgKh3.d.ts +26 -0
  89. package/dist/tokens/primitives/card.css +9 -9
  90. package/dist/use-toast-Dsw3yE2S.d.ts +19 -0
  91. package/package.json +11 -7
  92. package/dist/chunk-BPSKQUL2.js +0 -68
  93. package/dist/chunk-PIIRNAXA.js +0 -26
  94. package/dist/chunk-WXW43RK5.js +0 -24
  95. package/dist/components/navigation/tabs-items.d.ts +0 -12
  96. package/dist/components/navigation/tabs-items.js +0 -3
  97. package/dist/use-toast-Dol5bdY3.d.ts +0 -34
  98. package/dist/{chunk-I3272Y2C.js → chunk-25ZZ2W3M.js} +1 -1
  99. package/dist/{chunk-AZS7553U.js → chunk-EXBWDW5E.js} +1 -1
  100. package/dist/{chunk-K27I23OA.js → chunk-NTUHJ37K.js} +1 -1
  101. package/dist/{chunk-Y7AV7QJO.js → chunk-OXKY5QMK.js} +1 -1
  102. package/dist/{chunk-ZTYEH3UW.js → chunk-TT2L7JM6.js} +1 -1
  103. package/dist/{chunk-GH7E5N6F.js → chunk-ZKIAZDVU.js} +1 -1
  104. package/dist/{chunk-YVBZ37ZE.js → chunk-ZR2TIBPG.js} +1 -1
@@ -1,7 +1,8 @@
1
1
  export { Badge, BadgeProps } from './badge.js';
2
- export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardStatProps, CardTitle } from './card.js';
2
+ export { A as Avatar, a as AvatarFallback, b as AvatarImage } from '../../avatar-D9MdXzfF.js';
3
+ export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard, StatCardProps } from './card.js';
3
4
  export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './table.js';
4
- export { C as ColumnDef, D as DataTable, E as EmptyState, K as KeyValueGrid, S as StatusBadge, b as StatusBadgeTone, a as TableDensity } from '../../data-table-Bg7fPpXy.js';
5
+ export { C as ColumnDef, D as DataTable, b as Descriptions, E as EmptyState, a as TableDensity } from '../../data-table-C5lcmAwE.js';
5
6
  export { c as SortStateProp } from '../../interaction.prop-Cdn7wOtq.js';
6
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
7
8
  import * as React from 'react';
@@ -11,29 +12,22 @@ export { ScrollArea, ScrollBar } from './scroll-area.js';
11
12
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
12
13
  import 'class-variance-authority/types';
13
14
  import 'class-variance-authority';
14
- import '../../data-display.prop-i0iaSwMV.js';
15
+ import '@radix-ui/react-avatar';
16
+ import '../../data-display.prop-CXP9Jfdn.js';
15
17
  import '../../shared.prop-BNRJc9K0.js';
16
18
  import '../../content.prop-DrV_zDy-.js';
17
19
  import '../../layout.prop-4TCNvyQZ.js';
18
20
  import '../../data.prop-BmLaGLb7.js';
19
- import 'lucide-react';
20
21
  import '@radix-ui/react-popover';
21
22
  import '@radix-ui/react-scroll-area';
22
23
 
23
- type CodeBadgeKind = "internal" | "seller" | "yamato";
24
- type CodeBadgeProps = {
25
- kind: CodeBadgeKind;
26
- value: string;
27
- };
28
- declare function CodeBadge({ kind, value }: CodeBadgeProps): react_jsx_runtime.JSX.Element;
29
-
30
- type ProgressMeterTone = "success" | "warning";
31
- type ProgressMeterProps = {
24
+ type ProgressTone = "success" | "warning";
25
+ type ProgressProps = {
32
26
  value: number;
33
27
  label?: string;
34
- tone?: ProgressMeterTone;
28
+ tone?: ProgressTone;
35
29
  };
36
- declare function ProgressMeter({ value, label, tone }: ProgressMeterProps): react_jsx_runtime.JSX.Element;
30
+ declare function Progress({ value, label, tone }: ProgressProps): react_jsx_runtime.JSX.Element;
37
31
 
38
32
  type TreeListItem = {
39
33
  id: string;
@@ -60,14 +54,8 @@ type TimelineProps = {
60
54
  };
61
55
  declare function Timeline({ items }: TimelineProps): react_jsx_runtime.JSX.Element;
62
56
 
63
- type ScanPanelProps = {
64
- title: string;
65
- description?: string;
66
- };
67
- declare function ScanPanel({ title, description }: ScanPanelProps): react_jsx_runtime.JSX.Element;
68
-
69
57
  declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
70
58
  declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
71
59
  declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
72
60
 
73
- export { CodeBadge, type CodeBadgeKind, type CodeBadgeProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ProgressMeter, type ProgressMeterProps, type ProgressMeterTone, ScanPanel, type ScanPanelProps, Timeline, type TimelineItem, type TimelineProps, TreeList, type TreeListItem, type TreeListProps };
61
+ export { Collapsible, CollapsibleContent, CollapsibleTrigger, Progress, type ProgressProps, type ProgressTone, Timeline, type TimelineItem, type TimelineProps, TreeList, type TreeListItem, type TreeListProps };
@@ -1,40 +1,38 @@
1
- export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle } from '../../chunk-GXHZAJUA.js';
2
- export { DataTable, EmptyState, KeyValueGrid, StatusBadge } from '../../chunk-TW4IRRAX.js';
1
+ export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-SEG2YBXF.js';
2
+ export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard } from '../../chunk-O2OUNXV4.js';
3
+ export { DataTable, Descriptions, EmptyState } from '../../chunk-VXXKR5U4.js';
3
4
  export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-DV52WNXO.js';
4
- import '../../chunk-S66TJXJU.js';
5
- import { Badge } from '../../chunk-PIIRNAXA.js';
6
- export { Badge } from '../../chunk-PIIRNAXA.js';
5
+ import { Badge } from '../../chunk-7AMHT5Z5.js';
6
+ export { Badge } from '../../chunk-7AMHT5Z5.js';
7
7
  export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../../chunk-DY5C44UP.js';
8
8
  export { ScrollArea, ScrollBar } from '../../chunk-3KPEZ5CF.js';
9
9
  export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-ZS6DTAM2.js';
10
10
  import '../../chunk-ICM6XBST.js';
11
+ import '../../chunk-S66TJXJU.js';
11
12
  import '../../chunk-HJEBRCXL.js';
12
13
  import '../../chunk-RLGHEV4A.js';
13
14
  import '../../chunk-FXFJF4YA.js';
14
15
  import '../../chunk-U7N2A7A3.js';
15
- import { Truck, ShoppingBag, Hash, ChevronRight, Package, Plane, CheckCircle2, ScanLine } from 'lucide-react';
16
16
  import { jsxs, jsx } from 'react/jsx-runtime';
17
+ import { ChevronRight, Package, Plane, CheckCircle2 } from 'lucide-react';
17
18
 
18
- var codeBadgeConfig = {
19
- internal: { label: "INT", icon: Hash },
20
- seller: { label: "SLR", icon: ShoppingBag },
21
- yamato: { label: "YMT", icon: Truck }
22
- };
23
- function CodeBadge({ kind, value }) {
24
- const config = codeBadgeConfig[kind] ?? codeBadgeConfig.internal;
25
- const Icon = config.icon;
26
- return /* @__PURE__ */ jsxs("span", { className: "ui-code-badge", "data-kind": kind, children: [
27
- /* @__PURE__ */ jsx("span", { className: "ui-code-badge-label", children: config.label }),
28
- /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }),
29
- /* @__PURE__ */ jsx("span", { className: "ui-code-badge-value", children: value })
30
- ] });
31
- }
32
- function ProgressMeter({ value, label, tone = "success" }) {
19
+ function Progress({ value, label, tone = "success" }) {
33
20
  const boundedValue = Math.max(0, Math.min(100, value));
34
- return /* @__PURE__ */ jsxs("div", { className: "ui-progress-meter", "data-tone": tone, children: [
35
- /* @__PURE__ */ jsx("div", { className: "ui-progress-track", children: /* @__PURE__ */ jsx("div", { className: "ui-progress-bar", style: { width: `${boundedValue}%` } }) }),
36
- label ? /* @__PURE__ */ jsx("div", { className: "ui-progress-label", children: label }) : null
37
- ] });
21
+ return /* @__PURE__ */ jsxs(
22
+ "div",
23
+ {
24
+ className: "ui-progress",
25
+ "data-variant": tone,
26
+ role: "progressbar",
27
+ "aria-valuenow": boundedValue,
28
+ "aria-valuemin": 0,
29
+ "aria-valuemax": 100,
30
+ children: [
31
+ /* @__PURE__ */ jsx("div", { className: "ui-progress-track", children: /* @__PURE__ */ jsx("div", { className: "ui-progress-bar", style: { width: `${boundedValue}%` } }) }),
32
+ label ? /* @__PURE__ */ jsx("div", { className: "ui-progress-label", children: label }) : null
33
+ ]
34
+ }
35
+ );
38
36
  }
39
37
  function TreeList({ items }) {
40
38
  return /* @__PURE__ */ jsx("div", { className: "ui-tree-list", children: items.map((item) => /* @__PURE__ */ jsxs(
@@ -75,12 +73,5 @@ function Timeline({ items }) {
75
73
  ] }, index);
76
74
  }) });
77
75
  }
78
- function ScanPanel({ title, description }) {
79
- return /* @__PURE__ */ jsxs("div", { className: "ui-scan-panel", children: [
80
- /* @__PURE__ */ jsx(ScanLine, { "aria-hidden": "true" }),
81
- /* @__PURE__ */ jsx("div", { className: "ui-scan-title", children: title }),
82
- description ? /* @__PURE__ */ jsx("div", { className: "ui-scan-description", children: description }) : null
83
- ] });
84
- }
85
76
 
86
- export { CodeBadge, ProgressMeter, ScanPanel, Timeline, TreeList };
77
+ export { Progress, Timeline, TreeList };
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { a as AutocompleteProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { a as AutocompleteProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,9 +1,9 @@
1
- export { Autocomplete } from '../../chunk-SWGQX3AP.js';
2
- import '../../chunk-Y7AV7QJO.js';
1
+ export { Autocomplete } from '../../chunk-Y3XBNUTD.js';
2
+ import '../../chunk-OXKY5QMK.js';
3
3
  import '../../chunk-V6UWJKZF.js';
4
- import '../../chunk-VOHTRR5X.js';
5
4
  import '../../chunk-DY5C44UP.js';
6
5
  import '../../chunk-ICM6XBST.js';
6
+ import '../../chunk-VOHTRR5X.js';
7
7
  import '../../chunk-HJEBRCXL.js';
8
8
  import '../../chunk-RLGHEV4A.js';
9
9
  import '../../chunk-FXFJF4YA.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { C as CalendarProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { C as CalendarProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { b as CascaderProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { b as CascaderProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import * as React from 'react';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
@@ -1,8 +1,8 @@
1
1
  import 'react';
2
2
  import '@radix-ui/react-checkbox';
3
- export { C as Checkbox } from '../../checkbox-9w-eF8sM.js';
3
+ export { C as Checkbox } from '../../checkbox-CK2mYEpD.js';
4
4
  import 'react/jsx-runtime';
5
- import '../../data-entry.prop-Cjidhei7.js';
5
+ import '../../data-entry.prop-CpSx5dX6.js';
6
6
  import '@radix-ui/react-radio-group';
7
7
  import '@radix-ui/react-slider';
8
8
  import '@radix-ui/react-switch';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { f as ColorPickerProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { f as ColorPickerProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,6 +1,6 @@
1
- export { ColorPicker } from '../../chunk-ZTYEH3UW.js';
2
- import '../../chunk-VOHTRR5X.js';
1
+ export { ColorPicker } from '../../chunk-TT2L7JM6.js';
3
2
  import '../../chunk-ICM6XBST.js';
3
+ import '../../chunk-VOHTRR5X.js';
4
4
  import '../../chunk-RLGHEV4A.js';
5
5
  import '../../chunk-FXFJF4YA.js';
6
6
  import '../../chunk-U7N2A7A3.js';
@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
6
6
  ref?: React.Ref<HTMLDivElement>;
7
7
  } & {
8
8
  asChild?: boolean;
9
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
9
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
10
10
  label?: string;
11
11
  shouldFilter?: boolean;
12
12
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -31,7 +31,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
31
31
  ref?: React.Ref<HTMLDivElement>;
32
32
  } & {
33
33
  asChild?: boolean;
34
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
34
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
35
35
  label?: string;
36
36
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
37
37
  declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -40,14 +40,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
40
40
  ref?: React.Ref<HTMLDivElement>;
41
41
  } & {
42
42
  asChild?: boolean;
43
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
43
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
44
44
  declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
45
45
  children?: React.ReactNode;
46
46
  } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
47
47
  ref?: React.Ref<HTMLDivElement>;
48
48
  } & {
49
49
  asChild?: boolean;
50
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
50
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
51
51
  heading?: React.ReactNode;
52
52
  value?: string;
53
53
  forceMount?: boolean;
@@ -58,7 +58,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
58
58
  ref?: React.Ref<HTMLDivElement>;
59
59
  } & {
60
60
  asChild?: boolean;
61
- }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
61
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
62
62
  disabled?: boolean;
63
63
  onSelect?: (value: string) => void;
64
64
  value?: string;
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { D as DatePickerProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { D as DatePickerProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,8 +1,8 @@
1
- export { DatePicker } from '../../chunk-AZS7553U.js';
1
+ export { DatePicker } from '../../chunk-EXBWDW5E.js';
2
2
  import '../../chunk-IK7I3ABN.js';
3
- import '../../chunk-VOHTRR5X.js';
4
3
  import '../../chunk-DY5C44UP.js';
5
4
  import '../../chunk-ICM6XBST.js';
5
+ import '../../chunk-VOHTRR5X.js';
6
6
  import '../../chunk-HJEBRCXL.js';
7
7
  import '../../chunk-RLGHEV4A.js';
8
8
  import '../../chunk-FXFJF4YA.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { j as DateRangePickerProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { j as DateRangePickerProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,8 +1,8 @@
1
- export { DateRangePicker } from '../../chunk-I3272Y2C.js';
1
+ export { DateRangePicker } from '../../chunk-25ZZ2W3M.js';
2
2
  import '../../chunk-IK7I3ABN.js';
3
- import '../../chunk-VOHTRR5X.js';
4
3
  import '../../chunk-DY5C44UP.js';
5
4
  import '../../chunk-ICM6XBST.js';
5
+ import '../../chunk-VOHTRR5X.js';
6
6
  import '../../chunk-HJEBRCXL.js';
7
7
  import '../../chunk-RLGHEV4A.js';
8
8
  import '../../chunk-FXFJF4YA.js';
@@ -1,14 +1,16 @@
1
1
  export { Input, InputProps } from './input.js';
2
2
  export { Label } from './label.js';
3
3
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
4
- export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-9w-eF8sM.js';
4
+ export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-CK2mYEpD.js';
5
5
  export { Radio, RadioGroup, RadioGroupRoot, RadioItem } from './radio.js';
6
6
  export { Textarea, TextareaProps } from './textarea.js';
7
- export { F as FormField, S as SearchInput } from '../../search-input-mAZy3Den.js';
7
+ export { F as FormField, S as SearchInput } from '../../search-input-rR2XDrjv.js';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
- import { s as SwitchFieldProp, g as CountryOptionLabelProp, i as CountrySelectProp, o as SearchSelectProp } from '../../data-entry.prop-Cjidhei7.js';
10
- export { a as AutocompleteProps, C as CalendarProps, b as CascaderProps, f as ColorPickerProps, h as CountryOptionProp, D as DatePickerProps, j as DateRangePickerProps, l as SearchSelectLoadParamsProp, m as SearchSelectLoadResultProp, n as SearchSelectOption, r as SliderProps, t as SwitchProps, u as TimePickerProps, v as TransferItemProp, w as TransferProps, z as TreeSelectProps, U as UploadCommitAction, B as UploadFileItem, G as UploadProps, H as UploadVariant, K as collectUploadCommitActions, L as createUploadItem } from '../../data-entry.prop-Cjidhei7.js';
9
+ import * as React from 'react';
10
+ import { g as CountryOptionLabelProp, i as CountrySelectProp, o as SearchSelectProp } from '../../data-entry.prop-CpSx5dX6.js';
11
+ export { a as AutocompleteProps, C as CalendarProps, b as CascaderProps, f as ColorPickerProps, h as CountryOptionProp, D as DatePickerProps, j as DateRangePickerProps, l as SearchSelectLoadParamsProp, m as SearchSelectLoadResultProp, n as SearchSelectOption, r as SliderProps, s as SwitchProps, t as TimePickerProps, u as TransferItemProp, v as TransferProps, y as TreeSelectProps, U as UploadCommitAction, z as UploadFileItem, E as UploadProps, G as UploadVariant, J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-CpSx5dX6.js';
11
12
  export { Switch } from './switch.js';
13
+ export { T as Toggle, a as ToggleGroup, b as ToggleGroupItem, c as ToggleProps } from '../../toggle-group-BulJgKh3.js';
12
14
  export { Slider } from './slider.js';
13
15
  export { Calendar } from './calendar.js';
14
16
  export { DatePicker } from './date-picker.js';
@@ -21,7 +23,6 @@ export { Cascader, TreeFieldNames, TreeOption } from './cascader.js';
21
23
  export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from './tree-select.js';
22
24
  export { Transfer } from './transfer.js';
23
25
  export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from './command.js';
24
- import 'react';
25
26
  import 'class-variance-authority/types';
26
27
  import '@radix-ui/react-label';
27
28
  import 'class-variance-authority';
@@ -36,15 +37,18 @@ import '../../content.prop-DrV_zDy-.js';
36
37
  import '../../data.prop-BmLaGLb7.js';
37
38
  import '../../interaction.prop-Cdn7wOtq.js';
38
39
  import '../../layout.prop-4TCNvyQZ.js';
40
+ import '@radix-ui/react-toggle-group';
41
+ import '@radix-ui/react-toggle';
39
42
 
40
- /**
41
- * Labelled boolean switch for native HTML forms.
42
- *
43
- * Layout follows the shadcn `field-switch` standard: label (+ helper) on the
44
- * left, the switch on the right (horizontal). Composes `Label` + `Switch` and
45
- * mirrors a hidden `0`/`1` input so it submits inside an HTML `<form>`.
46
- */
47
- declare function SwitchField({ id, name, label, required, helper, error, labelAddon, className, checked, defaultChecked, onCheckedChange, disabled, size, }: SwitchFieldProp): react_jsx_runtime.JSX.Element;
43
+ interface ChoiceFieldProps {
44
+ id: string;
45
+ label: React.ReactNode;
46
+ description?: React.ReactNode;
47
+ className?: string;
48
+ children: React.ReactNode;
49
+ }
50
+ /** Label + optional description beside a checkbox/radio/switch control. */
51
+ declare function ChoiceField({ id, label, description, className, children }: ChoiceFieldProps): react_jsx_runtime.JSX.Element;
48
52
 
49
53
  /** Flag + name (+ optional code) — accepts a select-option or a country summary. */
50
54
  declare function CountryOptionLabel({ country, showCode, className, }: CountryOptionLabelProp): react_jsx_runtime.JSX.Element;
@@ -61,4 +65,4 @@ declare function CountrySelect({ id, name, options, defaultValue, required, allo
61
65
  */
62
66
  declare function SearchSelect({ value, onChange, options: staticOptions, loadOptions, renderOption, selectedLabel, placeholder, searchPlaceholder, emptyMessage, loadingMessage, clearLabel, clearable, disabled, name, id, className, "data-testid": dataTestId, }: SearchSelectProp): react_jsx_runtime.JSX.Element;
63
67
 
64
- export { CountryOptionLabel, CountryOptionLabelProp, CountrySelect, CountrySelectProp as CountrySelectProps, SearchSelect, SearchSelectProp as SearchSelectProps, SwitchField, SwitchFieldProp as SwitchFieldProps };
68
+ export { ChoiceField, type ChoiceFieldProps, CountryOptionLabel, CountryOptionLabelProp, CountrySelect, CountrySelectProp as CountrySelectProps, SearchSelect, SearchSelectProp as SearchSelectProps };
@@ -1,100 +1,40 @@
1
+ export { Toggle, ToggleGroup, ToggleGroupItem } from '../../chunk-FYM3MJSK.js';
1
2
  export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-3UGU5TYP.js';
2
- import { Switch } from '../../chunk-WXW43RK5.js';
3
- export { Switch } from '../../chunk-WXW43RK5.js';
3
+ export { Switch } from '../../chunk-R2W2FX5Q.js';
4
4
  export { Textarea } from '../../chunk-ZLK5SPT6.js';
5
- export { TimePicker } from '../../chunk-GH7E5N6F.js';
6
- export { ColorPicker } from '../../chunk-ZTYEH3UW.js';
7
- export { DatePicker } from '../../chunk-AZS7553U.js';
8
- export { DateRangePicker } from '../../chunk-I3272Y2C.js';
9
- export { Autocomplete } from '../../chunk-SWGQX3AP.js';
5
+ export { TimePicker } from '../../chunk-ZKIAZDVU.js';
6
+ export { ColorPicker } from '../../chunk-TT2L7JM6.js';
7
+ export { DatePicker } from '../../chunk-EXBWDW5E.js';
8
+ export { DateRangePicker } from '../../chunk-25ZZ2W3M.js';
9
+ export { Autocomplete } from '../../chunk-Y3XBNUTD.js';
10
10
  export { Calendar } from '../../chunk-IK7I3ABN.js';
11
11
  export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-JJCGMCTL.js';
12
- export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-K27I23OA.js';
13
- import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from '../../chunk-EE3B3TEQ.js';
14
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-EE3B3TEQ.js';
12
+ export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-NTUHJ37K.js';
13
+ import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from '../../chunk-ARDVPIF4.js';
14
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-ARDVPIF4.js';
15
15
  export { Slider } from '../../chunk-CRERCLIZ.js';
16
- export { SearchInput, Transfer } from '../../chunk-YVBZ37ZE.js';
16
+ export { SearchInput, Transfer } from '../../chunk-ZR2TIBPG.js';
17
17
  export { Cascader } from '../../chunk-RVY4F7LK.js';
18
18
  import '../../chunk-SMLKNECP.js';
19
19
  export { Checkbox, CheckboxGroup } from '../../chunk-E76QIYSY.js';
20
- import '../../chunk-CQBADMFG.js';
21
- import '../../chunk-4R7QL3MW.js';
22
- import '../../chunk-2HLWHQJA.js';
23
- export { SearchSelect } from '../../chunk-Y7AV7QJO.js';
20
+ export { ChoiceField } from '../../chunk-CQBADMFG.js';
21
+ export { SearchSelect } from '../../chunk-OXKY5QMK.js';
24
22
  export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-V6UWJKZF.js';
25
- export { Input } from '../../chunk-VOHTRR5X.js';
26
- import { Inline } from '../../chunk-S66TJXJU.js';
27
23
  import '../../chunk-DY5C44UP.js';
28
24
  import '../../chunk-3KPEZ5CF.js';
29
25
  import '../../chunk-ICM6XBST.js';
26
+ import '../../chunk-4R7QL3MW.js';
27
+ import { Inline } from '../../chunk-S66TJXJU.js';
28
+ import '../../chunk-2HLWHQJA.js';
29
+ export { Input } from '../../chunk-VOHTRR5X.js';
30
30
  import '../../chunk-HJEBRCXL.js';
31
31
  export { FormField } from '../../chunk-F7PG4OEV.js';
32
- import { Label } from '../../chunk-7PWBC4BY.js';
33
32
  export { Label } from '../../chunk-7PWBC4BY.js';
34
33
  import '../../chunk-RLGHEV4A.js';
35
34
  import '../../chunk-FXFJF4YA.js';
36
35
  import { cn } from '../../chunk-U7N2A7A3.js';
37
- import { useId, useState } from 'react';
38
36
  import { jsxs, jsx } from 'react/jsx-runtime';
39
37
 
40
- function SwitchField({
41
- id,
42
- name,
43
- label,
44
- required,
45
- helper,
46
- error,
47
- labelAddon,
48
- className,
49
- checked,
50
- defaultChecked = false,
51
- onCheckedChange,
52
- disabled,
53
- size
54
- }) {
55
- const generatedId = useId();
56
- const fieldId = id ?? generatedId;
57
- const [internalChecked, setInternalChecked] = useState(defaultChecked);
58
- const isControlled = checked !== void 0;
59
- const isChecked = isControlled ? checked : internalChecked;
60
- const helperId = helper && !error ? `${fieldId}-helper` : void 0;
61
- const errorId = error ? `${fieldId}-error` : void 0;
62
- const handleChange = (next) => {
63
- if (!isControlled) {
64
- setInternalChecked(next);
65
- }
66
- onCheckedChange?.(next);
67
- };
68
- return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm", className), "data-invalid": error ? true : void 0, children: [
69
- /* @__PURE__ */ jsx("input", { type: "hidden", name, value: isChecked ? "1" : "0", readOnly: true }),
70
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
71
- /* @__PURE__ */ jsx(
72
- Switch,
73
- {
74
- id: fieldId,
75
- checked: isChecked,
76
- onCheckedChange: handleChange,
77
- disabled,
78
- size,
79
- "aria-describedby": errorId ?? helperId,
80
- "aria-required": required ? true : void 0,
81
- "aria-invalid": !!error || void 0
82
- }
83
- ),
84
- /* @__PURE__ */ jsxs("div", { className: "ui-stack-xs min-w-0", children: [
85
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
86
- /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, className: "ui-inline-xs", children: [
87
- /* @__PURE__ */ jsx("span", { children: label }),
88
- required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
89
- ] }),
90
- labelAddon
91
- ] }),
92
- helper && !error ? /* @__PURE__ */ jsx("p", { id: helperId, className: "text-muted-foreground text-xs", children: helper }) : null
93
- ] })
94
- ] }),
95
- error ? /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-destructive text-xs", children: error }) : null
96
- ] });
97
- }
98
38
  function CountryOptionLabel({
99
39
  country,
100
40
  showCode = false,
@@ -150,4 +90,4 @@ function CountrySelect({
150
90
  );
151
91
  }
152
92
 
153
- export { CountryOptionLabel, CountrySelect, SwitchField };
93
+ export { CountryOptionLabel, CountrySelect };
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
4
- import { R as RadioGroupProp } from '../../data-entry.prop-Cjidhei7.js';
4
+ import { R as RadioGroupProp } from '../../data-entry.prop-CpSx5dX6.js';
5
5
  import '@radix-ui/react-checkbox';
6
6
  import '@radix-ui/react-slider';
7
7
  import '@radix-ui/react-switch';
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import * as SelectPrimitive from '@radix-ui/react-select';
4
- import { p as SelectDataProp } from '../../data-entry.prop-Cjidhei7.js';
4
+ import { p as SelectDataProp } from '../../data-entry.prop-CpSx5dX6.js';
5
5
  import '@radix-ui/react-checkbox';
6
6
  import '@radix-ui/react-radio-group';
7
7
  import '@radix-ui/react-slider';
@@ -1,9 +1,9 @@
1
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-EE3B3TEQ.js';
2
- import '../../chunk-Y7AV7QJO.js';
1
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-ARDVPIF4.js';
2
+ import '../../chunk-OXKY5QMK.js';
3
3
  import '../../chunk-V6UWJKZF.js';
4
- import '../../chunk-VOHTRR5X.js';
5
4
  import '../../chunk-DY5C44UP.js';
6
5
  import '../../chunk-ICM6XBST.js';
6
+ import '../../chunk-VOHTRR5X.js';
7
7
  import '../../chunk-HJEBRCXL.js';
8
8
  import '../../chunk-RLGHEV4A.js';
9
9
  import '../../chunk-FXFJF4YA.js';
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as SliderPrimitive from '@radix-ui/react-slider';
3
- export { r as SliderProp, r as SliderProps } from '../../data-entry.prop-Cjidhei7.js';
3
+ export { r as SliderProp, r as SliderProps } from '../../data-entry.prop-CpSx5dX6.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-switch';
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as SwitchPrimitive from '@radix-ui/react-switch';
3
- export { t as SwitchProp, t as SwitchProps } from '../../data-entry.prop-Cjidhei7.js';
3
+ export { s as SwitchProp, s as SwitchProps } from '../../data-entry.prop-CpSx5dX6.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-slider';
@@ -1,2 +1,2 @@
1
- export { Switch } from '../../chunk-WXW43RK5.js';
1
+ export { Switch } from '../../chunk-R2W2FX5Q.js';
2
2
  import '../../chunk-U7N2A7A3.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { u as TimePickerProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { t as TimePickerProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,6 +1,6 @@
1
- export { TimePicker } from '../../chunk-GH7E5N6F.js';
2
- import '../../chunk-VOHTRR5X.js';
1
+ export { TimePicker } from '../../chunk-ZKIAZDVU.js';
3
2
  import '../../chunk-DY5C44UP.js';
3
+ import '../../chunk-VOHTRR5X.js';
4
4
  import '../../chunk-HJEBRCXL.js';
5
5
  import '../../chunk-RLGHEV4A.js';
6
6
  import '../../chunk-FXFJF4YA.js';
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { w as TransferProp } from '../../data-entry.prop-Cjidhei7.js';
3
- export { v as TransferItemProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { v as TransferProp } from '../../data-entry.prop-CpSx5dX6.js';
3
+ export { u as TransferItemProp } from '../../data-entry.prop-CpSx5dX6.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-slider';
@@ -1,9 +1,9 @@
1
- export { Transfer } from '../../chunk-YVBZ37ZE.js';
1
+ export { Transfer } from '../../chunk-ZR2TIBPG.js';
2
2
  import '../../chunk-SMLKNECP.js';
3
3
  import '../../chunk-E76QIYSY.js';
4
4
  import '../../chunk-CQBADMFG.js';
5
- import '../../chunk-VOHTRR5X.js';
6
5
  import '../../chunk-3KPEZ5CF.js';
6
+ import '../../chunk-VOHTRR5X.js';
7
7
  import '../../chunk-HJEBRCXL.js';
8
8
  import '../../chunk-7PWBC4BY.js';
9
9
  import '../../chunk-RLGHEV4A.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { z as TreeSelectProp } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { y as TreeSelectProp } from '../../data-entry.prop-CpSx5dX6.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { B as UploadFileItem, U as UploadCommitAction, G as UploadProp } from '../../data-entry.prop-Cjidhei7.js';
3
- export { E as UploadFileItemProp, H as UploadVariant, J as UploadVariantProp, K as collectUploadCommitActions, L as createUploadItem } from '../../data-entry.prop-Cjidhei7.js';
2
+ import { z as UploadFileItem, U as UploadCommitAction, E as UploadProp } from '../../data-entry.prop-CpSx5dX6.js';
3
+ export { B as UploadFileItemProp, G as UploadVariant, H as UploadVariantProp, J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-CpSx5dX6.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-slider';
@@ -1,9 +1,9 @@
1
- export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-K27I23OA.js';
1
+ export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-NTUHJ37K.js';
2
2
  import '../../chunk-CRERCLIZ.js';
3
+ import '../../chunk-ICM6XBST.js';
3
4
  import '../../chunk-4R7QL3MW.js';
4
5
  import '../../chunk-2HLWHQJA.js';
5
6
  import '../../chunk-VOHTRR5X.js';
6
- import '../../chunk-ICM6XBST.js';
7
7
  import '../../chunk-HJEBRCXL.js';
8
8
  import '../../chunk-7PWBC4BY.js';
9
9
  import '../../chunk-RLGHEV4A.js';