@nexus-cross/design-system 1.0.11 → 1.0.13

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.
@@ -8,7 +8,8 @@ var toggleGroupVariants = cva("nexus-toggle-group", {
8
8
  variants: {
9
9
  variant: {
10
10
  default: "nexus-toggle-group--default",
11
- outline: "nexus-toggle-group--outline"
11
+ primary: "nexus-toggle-group--primary",
12
+ secondary: "nexus-toggle-group--secondary"
12
13
  },
13
14
  size: {
14
15
  sm: "nexus-toggle-group--sm",
@@ -22,7 +23,7 @@ var toggleGroupVariants = cva("nexus-toggle-group", {
22
23
  }
23
24
  });
24
25
  var ToggleGroup = React.forwardRef(
25
- ({ className, variant, size, items, disabled, ...props }, ref) => {
26
+ ({ className, variant, size, items, disabled, required = true, ...props }, ref) => {
26
27
  const rootRef = React.useRef(null);
27
28
  const [animated, setAnimated] = React.useState(false);
28
29
  const [pos, setPos] = React.useState(null);
@@ -39,10 +40,9 @@ var ToggleGroup = React.forwardRef(
39
40
  React.useEffect(() => {
40
41
  if (currentValue !== void 0) setTrackedValue(currentValue);
41
42
  }, [currentValue]);
42
- const isDefault = variant !== "outline";
43
43
  React.useLayoutEffect(() => {
44
44
  const root = rootRef.current;
45
- if (!root || !isDefault) return;
45
+ if (!root) return;
46
46
  const activeVal = Array.isArray(trackedValue) ? trackedValue[0] : trackedValue;
47
47
  if (!activeVal) {
48
48
  setPos(null);
@@ -66,7 +66,7 @@ var ToggleGroup = React.forwardRef(
66
66
  x: elRect.left - rootRect.left,
67
67
  y: elRect.top - rootRect.top
68
68
  });
69
- }, [trackedValue, items, isDefault]);
69
+ }, [trackedValue, items]);
70
70
  React.useEffect(() => {
71
71
  const frame = requestAnimationFrame(() => {
72
72
  requestAnimationFrame(() => setAnimated(true));
@@ -75,21 +75,23 @@ var ToggleGroup = React.forwardRef(
75
75
  }, []);
76
76
  const handleSingleChange = React.useCallback(
77
77
  (val) => {
78
+ if (required && !val) return;
78
79
  setTrackedValue(val);
79
80
  if (props.type !== "multiple") {
80
81
  props.onValueChange?.(val);
81
82
  }
82
83
  },
83
- [props.type, props.onValueChange]
84
+ [props.type, props.onValueChange, required]
84
85
  );
85
86
  const handleMultipleChange = React.useCallback(
86
87
  (val) => {
88
+ if (required && val.length === 0) return;
87
89
  setTrackedValue(val);
88
90
  if (props.type === "multiple") {
89
91
  props.onValueChange?.(val);
90
92
  }
91
93
  },
92
- [props.type, props.onValueChange]
94
+ [props.type, props.onValueChange, required]
93
95
  );
94
96
  const rootProps = props.type === "multiple" ? {
95
97
  type: "multiple",
@@ -116,7 +118,7 @@ var ToggleGroup = React.forwardRef(
116
118
  disabled,
117
119
  ...rootProps,
118
120
  children: [
119
- isDefault && /* @__PURE__ */ jsx(
121
+ /* @__PURE__ */ jsx(
120
122
  "span",
121
123
  {
122
124
  className: cn(
@@ -132,7 +134,7 @@ var ToggleGroup = React.forwardRef(
132
134
  {
133
135
  value: item.value,
134
136
  disabled: item.disabled,
135
- className: "nexus-toggle-group__item",
137
+ className: cn("nexus-toggle-group__item", item.className),
136
138
  children: [
137
139
  item.icon && /* @__PURE__ */ jsx("span", { className: "nexus-toggle-group__icon", children: item.icon }),
138
140
  item.label && /* @__PURE__ */ jsx("span", { children: item.label })
@@ -1 +1 @@
1
- {"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../src/components/ImageUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,mBAAmB;;8EASvB,CAAC;AAEH,UAAU,gBAAiB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,QAAA,MAAM,WAAW,yFA8PhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../src/components/ImageUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,mBAAmB;;8EASvB,CAAC;AAEH,UAAU,gBAAiB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,QAAA,MAAM,WAAW,yFAgQhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  declare const toggleGroupVariants: (props?: ({
4
- variant?: "default" | "outline" | null | undefined;
4
+ variant?: "primary" | "secondary" | "default" | null | undefined;
5
5
  size?: "lg" | "md" | "sm" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  interface ToggleGroupItem {
@@ -9,6 +9,7 @@ interface ToggleGroupItem {
9
9
  label: React.ReactNode;
10
10
  icon?: React.ReactNode;
11
11
  disabled?: boolean;
12
+ className?: string;
12
13
  }
13
14
  interface ToggleGroupSingleProps extends VariantProps<typeof toggleGroupVariants> {
14
15
  type?: 'single';
@@ -17,6 +18,7 @@ interface ToggleGroupSingleProps extends VariantProps<typeof toggleGroupVariants
17
18
  onValueChange?: (value: string) => void;
18
19
  items: ToggleGroupItem[];
19
20
  disabled?: boolean;
21
+ required?: boolean;
20
22
  className?: string;
21
23
  }
22
24
  interface ToggleGroupMultipleProps extends VariantProps<typeof toggleGroupVariants> {
@@ -26,6 +28,7 @@ interface ToggleGroupMultipleProps extends VariantProps<typeof toggleGroupVarian
26
28
  onValueChange?: (value: string[]) => void;
27
29
  items: ToggleGroupItem[];
28
30
  disabled?: boolean;
31
+ required?: boolean;
29
32
  className?: string;
30
33
  }
31
34
  type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/components/ToggleGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,mBAAmB;;;8EAgBvB,CAAC;AAEH,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,sBAAuB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC/E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,wBAAyB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACjF,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AAS1E,QAAA,MAAM,WAAW,yFAoJhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/components/ToggleGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,mBAAmB;;;8EAiBvB,CAAC;AAEH,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,sBAAuB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC/E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,wBAAyB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACjF,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AAS1E,QAAA,MAAM,WAAW,yFAkJhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunk2XV3XP3Y_js = require('./chunks/chunk-2XV3XP3Y.js');
3
+ var chunkLAGQ7J5A_js = require('./chunks/chunk-LAGQ7J5A.js');
4
4
  require('./chunks/chunk-CZC76ZD5.js');
5
5
  require('./chunks/chunk-JNMCYWGY.js');
6
6
 
@@ -8,9 +8,9 @@ require('./chunks/chunk-JNMCYWGY.js');
8
8
 
9
9
  Object.defineProperty(exports, "ImageUpload", {
10
10
  enumerable: true,
11
- get: function () { return chunk2XV3XP3Y_js.ImageUpload; }
11
+ get: function () { return chunkLAGQ7J5A_js.ImageUpload; }
12
12
  });
13
13
  Object.defineProperty(exports, "imageUploadVariants", {
14
14
  enumerable: true,
15
- get: function () { return chunk2XV3XP3Y_js.imageUploadVariants; }
15
+ get: function () { return chunkLAGQ7J5A_js.imageUploadVariants; }
16
16
  });
@@ -1,3 +1,3 @@
1
- export { ImageUpload, imageUploadVariants } from './chunks/chunk-XKJO5Y4J.mjs';
1
+ export { ImageUpload, imageUploadVariants } from './chunks/chunk-5J63FUAS.mjs';
2
2
  import './chunks/chunk-MCKOWMLS.mjs';
3
3
  import './chunks/chunk-CVYXRSXT.mjs';
package/dist/index.js CHANGED
@@ -8,7 +8,7 @@ var chunkDICN6GKE_js = require('./chunks/chunk-DICN6GKE.js');
8
8
  var chunkDYPPVXQF_js = require('./chunks/chunk-DYPPVXQF.js');
9
9
  var chunkNZHK76R3_js = require('./chunks/chunk-NZHK76R3.js');
10
10
  var chunkLTS674LF_js = require('./chunks/chunk-LTS674LF.js');
11
- var chunk2XV3XP3Y_js = require('./chunks/chunk-2XV3XP3Y.js');
11
+ var chunkLAGQ7J5A_js = require('./chunks/chunk-LAGQ7J5A.js');
12
12
  var chunkQK6NCII4_js = require('./chunks/chunk-QK6NCII4.js');
13
13
  var chunk22ULI3BF_js = require('./chunks/chunk-22ULI3BF.js');
14
14
  var chunkDLFV7ZZV_js = require('./chunks/chunk-DLFV7ZZV.js');
@@ -19,7 +19,7 @@ var chunkPDJTSQOC_js = require('./chunks/chunk-PDJTSQOC.js');
19
19
  var chunkWATCVNBT_js = require('./chunks/chunk-WATCVNBT.js');
20
20
  var chunkX3CTJ7TD_js = require('./chunks/chunk-X3CTJ7TD.js');
21
21
  var chunkC2DSAJTL_js = require('./chunks/chunk-C2DSAJTL.js');
22
- var chunkCV4GMFWP_js = require('./chunks/chunk-CV4GMFWP.js');
22
+ var chunkK574BYHQ_js = require('./chunks/chunk-K574BYHQ.js');
23
23
  var chunkLOQXCHKL_js = require('./chunks/chunk-LOQXCHKL.js');
24
24
  var chunkYCG4FZC3_js = require('./chunks/chunk-YCG4FZC3.js');
25
25
  var chunkOMN5YQCE_js = require('./chunks/chunk-OMN5YQCE.js');
@@ -407,11 +407,11 @@ Object.defineProperty(exports, "DatePicker", {
407
407
  });
408
408
  Object.defineProperty(exports, "ImageUpload", {
409
409
  enumerable: true,
410
- get: function () { return chunk2XV3XP3Y_js.ImageUpload; }
410
+ get: function () { return chunkLAGQ7J5A_js.ImageUpload; }
411
411
  });
412
412
  Object.defineProperty(exports, "imageUploadVariants", {
413
413
  enumerable: true,
414
- get: function () { return chunk2XV3XP3Y_js.imageUploadVariants; }
414
+ get: function () { return chunkLAGQ7J5A_js.imageUploadVariants; }
415
415
  });
416
416
  Object.defineProperty(exports, "ClientOnly", {
417
417
  enumerable: true,
@@ -495,11 +495,11 @@ Object.defineProperty(exports, "DropdownMenuTrigger", {
495
495
  });
496
496
  Object.defineProperty(exports, "ToggleGroup", {
497
497
  enumerable: true,
498
- get: function () { return chunkCV4GMFWP_js.ToggleGroup; }
498
+ get: function () { return chunkK574BYHQ_js.ToggleGroup; }
499
499
  });
500
500
  Object.defineProperty(exports, "toggleGroupVariants", {
501
501
  enumerable: true,
502
- get: function () { return chunkCV4GMFWP_js.toggleGroupVariants; }
502
+ get: function () { return chunkK574BYHQ_js.toggleGroupVariants; }
503
503
  });
504
504
  Object.defineProperty(exports, "Popover", {
505
505
  enumerable: true,
package/dist/index.mjs CHANGED
@@ -6,7 +6,7 @@ export { Slider, sliderVariants } from './chunks/chunk-H2G5FMRN.mjs';
6
6
  export { TagInput, tagInputVariants } from './chunks/chunk-H2V7RHYV.mjs';
7
7
  export { NxImage } from './chunks/chunk-6BWOKTVQ.mjs';
8
8
  export { DatePicker } from './chunks/chunk-FBC53TOS.mjs';
9
- export { ImageUpload, imageUploadVariants } from './chunks/chunk-XKJO5Y4J.mjs';
9
+ export { ImageUpload, imageUploadVariants } from './chunks/chunk-5J63FUAS.mjs';
10
10
  export { ClientOnly } from './chunks/chunk-AOXXE5UQ.mjs';
11
11
  export { ThemeProvider, useTheme } from './chunks/chunk-I252NERB.mjs';
12
12
  export { Countdown, useCountdown } from './chunks/chunk-LI7SFBUQ.mjs';
@@ -17,7 +17,7 @@ export { EmptyState, emptyStateVariants } from './chunks/chunk-YO5MSDPX.mjs';
17
17
  export { Breadcrumb, BreadcrumbItem } from './chunks/chunk-DDY7ENHX.mjs';
18
18
  export { Stepper, stepperVariants } from './chunks/chunk-MMCA33FW.mjs';
19
19
  export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from './chunks/chunk-6DBRL6NA.mjs';
20
- export { ToggleGroup, toggleGroupVariants } from './chunks/chunk-P73MEU7N.mjs';
20
+ export { ToggleGroup, toggleGroupVariants } from './chunks/chunk-Z4YM7LU3.mjs';
21
21
  export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, popoverContentClasses } from './chunks/chunk-ULGYTBCT.mjs';
22
22
  export { Carousel, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, useCarousel } from './chunks/chunk-3HHJORN7.mjs';
23
23
  export { VirtualGrid, VirtualList } from './chunks/chunk-EHAUUUWB.mjs';
@@ -3496,6 +3496,10 @@
3496
3496
  "disabled": {
3497
3497
  "type": "boolean",
3498
3498
  "description": "Disabled"
3499
+ },
3500
+ "className": {
3501
+ "type": "string",
3502
+ "description": "Item style override"
3499
3503
  }
3500
3504
  },
3501
3505
  "required": [
@@ -3518,10 +3522,11 @@
3518
3522
  "type": "string",
3519
3523
  "enum": [
3520
3524
  "default",
3521
- "outline"
3525
+ "primary",
3526
+ "secondary"
3522
3527
  ],
3523
3528
  "default": "default",
3524
- "description": "Style variant"
3529
+ "description": "Style variant (default=slider, primary=accent filled, secondary=accent filled)"
3525
3530
  },
3526
3531
  "size": {
3527
3532
  "type": "string",
@@ -3537,6 +3542,11 @@
3537
3542
  "type": "boolean",
3538
3543
  "description": "Disable all items"
3539
3544
  },
3545
+ "required": {
3546
+ "type": "boolean",
3547
+ "default": true,
3548
+ "description": "Prevent deselection (at least one must be selected)"
3549
+ },
3540
3550
  "className": {
3541
3551
  "type": "string",
3542
3552
  "description": "Style override"
@@ -6,13 +6,16 @@ export declare const toggleGroupPropsSchema: z.ZodObject<{
6
6
  label: z.ZodAny;
7
7
  icon: z.ZodOptional<z.ZodAny>;
8
8
  disabled: z.ZodOptional<z.ZodBoolean>;
9
+ className: z.ZodOptional<z.ZodString>;
9
10
  }, "strip", z.ZodTypeAny, {
10
11
  value: string;
12
+ className?: string | undefined;
11
13
  label?: any;
12
14
  icon?: any;
13
15
  disabled?: boolean | undefined;
14
16
  }, {
15
17
  value: string;
18
+ className?: string | undefined;
16
19
  label?: any;
17
20
  icon?: any;
18
21
  disabled?: boolean | undefined;
@@ -20,20 +23,23 @@ export declare const toggleGroupPropsSchema: z.ZodObject<{
20
23
  value: z.ZodOptional<z.ZodAny>;
21
24
  defaultValue: z.ZodOptional<z.ZodAny>;
22
25
  onValueChange: z.ZodOptional<z.ZodAny>;
23
- variant: z.ZodDefault<z.ZodEnum<["default", "outline"]>>;
26
+ variant: z.ZodDefault<z.ZodEnum<["default", "primary", "secondary"]>>;
24
27
  size: z.ZodDefault<z.ZodEnum<["sm", "md", "lg"]>>;
25
28
  disabled: z.ZodOptional<z.ZodBoolean>;
29
+ required: z.ZodDefault<z.ZodBoolean>;
26
30
  className: z.ZodOptional<z.ZodString>;
27
31
  }, "strip", z.ZodTypeAny, {
28
32
  type: "multiple" | "single";
29
33
  size: "lg" | "md" | "sm";
30
- variant: "default" | "outline";
34
+ variant: "primary" | "secondary" | "default";
31
35
  items: {
32
36
  value: string;
37
+ className?: string | undefined;
33
38
  label?: any;
34
39
  icon?: any;
35
40
  disabled?: boolean | undefined;
36
41
  }[];
42
+ required: boolean;
37
43
  className?: string | undefined;
38
44
  value?: any;
39
45
  disabled?: boolean | undefined;
@@ -42,6 +48,7 @@ export declare const toggleGroupPropsSchema: z.ZodObject<{
42
48
  }, {
43
49
  items: {
44
50
  value: string;
51
+ className?: string | undefined;
45
52
  label?: any;
46
53
  icon?: any;
47
54
  disabled?: boolean | undefined;
@@ -51,8 +58,9 @@ export declare const toggleGroupPropsSchema: z.ZodObject<{
51
58
  value?: any;
52
59
  size?: "lg" | "md" | "sm" | undefined;
53
60
  disabled?: boolean | undefined;
54
- variant?: "default" | "outline" | undefined;
61
+ variant?: "primary" | "secondary" | "default" | undefined;
55
62
  defaultValue?: any;
56
63
  onValueChange?: any;
64
+ required?: boolean | undefined;
57
65
  }>;
58
66
  //# sourceMappingURL=toggle-group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/schemas/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYuC,CAAC"}
1
+ {"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/schemas/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAauC,CAAC"}
@@ -31,6 +31,10 @@
31
31
  "disabled": {
32
32
  "type": "boolean",
33
33
  "description": "Disabled"
34
+ },
35
+ "className": {
36
+ "type": "string",
37
+ "description": "Item style override"
34
38
  }
35
39
  },
36
40
  "required": [
@@ -53,10 +57,11 @@
53
57
  "type": "string",
54
58
  "enum": [
55
59
  "default",
56
- "outline"
60
+ "primary",
61
+ "secondary"
57
62
  ],
58
63
  "default": "default",
59
- "description": "Style variant"
64
+ "description": "Style variant (default=slider, primary=accent filled, secondary=accent filled)"
60
65
  },
61
66
  "size": {
62
67
  "type": "string",
@@ -72,6 +77,11 @@
72
77
  "type": "boolean",
73
78
  "description": "Disable all items"
74
79
  },
80
+ "required": {
81
+ "type": "boolean",
82
+ "default": true,
83
+ "description": "Prevent deselection (at least one must be selected)"
84
+ },
75
85
  "className": {
76
86
  "type": "string",
77
87
  "description": "Style override"
package/dist/schemas.js CHANGED
@@ -123,7 +123,8 @@ var toggleGroupItemSchema = zod.z.object({
123
123
  value: zod.z.string().describe("Item value"),
124
124
  label: zod.z.any().describe("Display label (ReactNode)"),
125
125
  icon: zod.z.any().optional().describe("Icon (ReactNode)"),
126
- disabled: zod.z.boolean().optional().describe("Disabled")
126
+ disabled: zod.z.boolean().optional().describe("Disabled"),
127
+ className: zod.z.string().optional().describe("Item style override")
127
128
  });
128
129
  var toggleGroupPropsSchema = zod.z.object({
129
130
  type: zod.z.enum(["single", "multiple"]).default("single").describe("Selection mode"),
@@ -131,9 +132,10 @@ var toggleGroupPropsSchema = zod.z.object({
131
132
  value: zod.z.any().optional().describe("Controlled value (string | string[])"),
132
133
  defaultValue: zod.z.any().optional().describe("Default value"),
133
134
  onValueChange: zod.z.any().optional().describe("Value change callback"),
134
- variant: zod.z.enum(["default", "outline"]).default("default").describe("Style variant"),
135
+ variant: zod.z.enum(["default", "primary", "secondary"]).default("default").describe("Style variant (default=slider, primary=accent filled, secondary=accent filled)"),
135
136
  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
136
137
  disabled: zod.z.boolean().optional().describe("Disable all items"),
138
+ required: zod.z.boolean().default(true).describe("Prevent deselection (at least one must be selected)"),
137
139
  className: zod.z.string().optional().describe("Style override")
138
140
  }).describe("Toggle group / Segment control. Based on Radix ToggleGroup.");
139
141
  var sliderPropsSchema = zod.z.object({
package/dist/schemas.mjs CHANGED
@@ -121,7 +121,8 @@ var toggleGroupItemSchema = z.object({
121
121
  value: z.string().describe("Item value"),
122
122
  label: z.any().describe("Display label (ReactNode)"),
123
123
  icon: z.any().optional().describe("Icon (ReactNode)"),
124
- disabled: z.boolean().optional().describe("Disabled")
124
+ disabled: z.boolean().optional().describe("Disabled"),
125
+ className: z.string().optional().describe("Item style override")
125
126
  });
126
127
  var toggleGroupPropsSchema = z.object({
127
128
  type: z.enum(["single", "multiple"]).default("single").describe("Selection mode"),
@@ -129,9 +130,10 @@ var toggleGroupPropsSchema = z.object({
129
130
  value: z.any().optional().describe("Controlled value (string | string[])"),
130
131
  defaultValue: z.any().optional().describe("Default value"),
131
132
  onValueChange: z.any().optional().describe("Value change callback"),
132
- variant: z.enum(["default", "outline"]).default("default").describe("Style variant"),
133
+ variant: z.enum(["default", "primary", "secondary"]).default("default").describe("Style variant (default=slider, primary=accent filled, secondary=accent filled)"),
133
134
  size: z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
134
135
  disabled: z.boolean().optional().describe("Disable all items"),
136
+ required: z.boolean().default(true).describe("Prevent deselection (at least one must be selected)"),
135
137
  className: z.string().optional().describe("Style override")
136
138
  }).describe("Toggle group / Segment control. Based on Radix ToggleGroup.");
137
139
  var sliderPropsSchema = z.object({