@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.
- package/cursor-rules/CLAUDE.md +80 -0
- package/dist/chunks/{chunk-XKJO5Y4J.mjs → chunk-5J63FUAS.mjs} +3 -3
- package/dist/chunks/{chunk-6J7TZ4GP.mjs → chunk-6ECGMUT6.mjs} +1 -1
- package/dist/chunks/{chunk-CV4GMFWP.js → chunk-K574BYHQ.js} +11 -9
- package/dist/chunks/{chunk-2XV3XP3Y.js → chunk-LAGQ7J5A.js} +3 -3
- package/dist/chunks/{chunk-7B2CTQKB.js → chunk-V35IEPRL.js} +1 -1
- package/dist/chunks/{chunk-P73MEU7N.mjs → chunk-Z4YM7LU3.mjs} +11 -9
- package/dist/components/ImageUpload.d.ts.map +1 -1
- package/dist/components/ToggleGroup.d.ts +4 -1
- package/dist/components/ToggleGroup.d.ts.map +1 -1
- package/dist/image-upload.js +3 -3
- package/dist/image-upload.mjs +1 -1
- package/dist/index.js +6 -6
- package/dist/index.mjs +2 -2
- package/dist/schemas/_all.json +12 -2
- package/dist/schemas/toggle-group.d.ts +11 -3
- package/dist/schemas/toggle-group.d.ts.map +1 -1
- package/dist/schemas/toggleGroup.json +12 -2
- package/dist/schemas.js +4 -2
- package/dist/schemas.mjs +4 -2
- package/dist/styles/.generated/built.d.ts +1 -1
- package/dist/styles/.generated/built.d.ts.map +1 -1
- package/dist/styles/layer.js +2 -2
- package/dist/styles/layer.mjs +1 -1
- package/dist/styles.css +31 -16
- package/dist/styles.js +2 -2
- package/dist/styles.layered.css +31 -16
- package/dist/styles.mjs +1 -1
- package/dist/toggle-group.js +3 -3
- package/dist/toggle-group.mjs +1 -1
- package/package.json +2 -2
- package/scripts/setup-cursor-rules.cjs +14 -0
|
@@ -8,7 +8,8 @@ var toggleGroupVariants = cva("nexus-toggle-group", {
|
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
default: "nexus-toggle-group--default",
|
|
11
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
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,
|
|
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?: "
|
|
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;;;
|
|
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"}
|
package/dist/image-upload.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
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
|
|
11
|
+
get: function () { return chunkLAGQ7J5A_js.ImageUpload; }
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "imageUploadVariants", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunkLAGQ7J5A_js.imageUploadVariants; }
|
|
16
16
|
});
|
package/dist/image-upload.mjs
CHANGED
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
|
|
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
|
|
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
|
|
410
|
+
get: function () { return chunkLAGQ7J5A_js.ImageUpload; }
|
|
411
411
|
});
|
|
412
412
|
Object.defineProperty(exports, "imageUploadVariants", {
|
|
413
413
|
enumerable: true,
|
|
414
|
-
get: function () { return
|
|
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
|
|
498
|
+
get: function () { return chunkK574BYHQ_js.ToggleGroup; }
|
|
499
499
|
});
|
|
500
500
|
Object.defineProperty(exports, "toggleGroupVariants", {
|
|
501
501
|
enumerable: true,
|
|
502
|
-
get: function () { return
|
|
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-
|
|
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-
|
|
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';
|
package/dist/schemas/_all.json
CHANGED
|
@@ -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
|
-
"
|
|
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", "
|
|
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: "
|
|
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?: "
|
|
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;
|
|
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
|
-
"
|
|
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", "
|
|
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", "
|
|
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({
|