@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.153.1 → 1.0.0-beta.155.1
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/dist/components/ui/checkbox.d.ts +6 -2
- package/dist/components/ui/radio-group.d.ts +10 -3
- package/dist/components/ui/slider.d.ts +3 -1
- package/dist/components/ui/switch.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +504 -502
- package/dist/index.scoped.css +1 -1
- package/dist/index.tailwind.css +1 -1
- package/dist/ui/checkbox.cjs +1 -1
- package/dist/ui/checkbox.cjs.map +1 -1
- package/dist/ui/checkbox.js +37 -22
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.cjs.map +1 -1
- package/dist/ui/radio-group.js +46 -24
- package/dist/ui/radio-group.js.map +1 -1
- package/dist/ui/slider.cjs +1 -1
- package/dist/ui/slider.cjs.map +1 -1
- package/dist/ui/slider.js +17 -15
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/switch.cjs +1 -1
- package/dist/ui/switch.cjs.map +1 -1
- package/dist/ui/switch.js +15 -15
- package/dist/ui/switch.js.map +1 -1
- package/package.json +1 -1
package/dist/ui/checkbox.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("class-variance-authority"),o=require("lucide-react"),a=require("radix-ui"),d=require("../lib/utils.cjs"),i=s.cva("group/checkbox peer relative flex shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",{variants:{size:{xs:"size-3.5",sm:"size-4",default:"size-4",lg:"size-5"}},defaultVariants:{size:"default"}});function n({className:t,size:r,...c}){return e.jsx(a.Checkbox.Root,{"data-slot":"checkbox","data-size":r??"default",className:d.cn(i({size:r}),t),...c,children:e.jsx(a.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"grid place-content-center text-current transition-none [&>svg]:size-3.5 group-data-[size=xs]/checkbox:[&>svg]:size-3 group-data-[size=lg]/checkbox:[&>svg]:size-4",children:e.jsx(o.CheckIcon,{})})})}exports.Checkbox=n;exports.checkboxVariants=i;
|
|
2
2
|
//# sourceMappingURL=checkbox.cjs.map
|
package/dist/ui/checkbox.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.cjs","sources":["../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\
|
|
1
|
+
{"version":3,"file":"checkbox.cjs","sources":["../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst checkboxVariants = cva(\n \"group/checkbox peer relative flex shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n {\n variants: {\n // Box scale (SW-2591): default stays 16 (no visual change); xs 14 / lg 20.\n size: {\n xs: \"size-3.5\",\n sm: \"size-4\",\n default: \"size-4\",\n lg: \"size-5\",\n },\n },\n defaultVariants: {\n size: \"default\",\n },\n }\n)\n\nfunction Checkbox({\n className,\n size,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root> &\n VariantProps<typeof checkboxVariants>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n data-size={size ?? \"default\"}\n className={cn(checkboxVariants({ size }), className)}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"grid place-content-center text-current transition-none [&>svg]:size-3.5 group-data-[size=xs]/checkbox:[&>svg]:size-3 group-data-[size=lg]/checkbox:[&>svg]:size-4\"\n >\n <CheckIcon />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox, checkboxVariants }\n"],"names":["checkboxVariants","cva","Checkbox","className","size","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":"yOAOMA,EAAmBC,EAAAA,IACvB,8lBACA,CACE,SAAU,CAER,KAAM,CACJ,GAAI,WACJ,GAAI,SACJ,QAAS,SACT,GAAI,QAAA,CACN,EAEF,gBAAiB,CACf,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAS,CAChB,UAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACyC,CACvC,OACEC,EAAAA,IAACC,EAAAA,SAAkB,KAAlB,CACC,YAAU,WACV,YAAWH,GAAQ,UACnB,UAAWI,EAAAA,GAAGR,EAAiB,CAAE,KAAAI,CAAA,CAAM,EAAGD,CAAS,EAClD,GAAGE,EAEJ,SAAAC,EAAAA,IAACC,EAAAA,SAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,oKAEV,eAACE,EAAAA,UAAA,CAAA,CAAU,CAAA,CAAA,CACb,CAAA,CAGN"}
|
package/dist/ui/checkbox.js
CHANGED
|
@@ -1,35 +1,50 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { cva as t } from "class-variance-authority";
|
|
3
|
+
import { CheckIcon as c } from "lucide-react";
|
|
4
|
+
import { Checkbox as a } from "radix-ui";
|
|
5
|
+
import { cn as d } from "../lib/utils.js";
|
|
6
|
+
const s = t(
|
|
7
|
+
"group/checkbox peer relative flex shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
|
|
8
|
+
{
|
|
9
|
+
variants: {
|
|
10
|
+
// Box scale (SW-2591): default stays 16 (no visual change); xs 14 / lg 20.
|
|
11
|
+
size: {
|
|
12
|
+
xs: "size-3.5",
|
|
13
|
+
sm: "size-4",
|
|
14
|
+
default: "size-4",
|
|
15
|
+
lg: "size-5"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
size: "default"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
function f({
|
|
24
|
+
className: i,
|
|
25
|
+
size: r,
|
|
26
|
+
...o
|
|
8
27
|
}) {
|
|
9
|
-
return /* @__PURE__ */
|
|
10
|
-
|
|
28
|
+
return /* @__PURE__ */ e(
|
|
29
|
+
a.Root,
|
|
11
30
|
{
|
|
12
31
|
"data-slot": "checkbox",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
children: /* @__PURE__ */ r(
|
|
19
|
-
e.Indicator,
|
|
32
|
+
"data-size": r ?? "default",
|
|
33
|
+
className: d(s({ size: r }), i),
|
|
34
|
+
...o,
|
|
35
|
+
children: /* @__PURE__ */ e(
|
|
36
|
+
a.Indicator,
|
|
20
37
|
{
|
|
21
38
|
"data-slot": "checkbox-indicator",
|
|
22
|
-
className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
|
|
23
|
-
children: /* @__PURE__ */
|
|
24
|
-
o,
|
|
25
|
-
{}
|
|
26
|
-
)
|
|
39
|
+
className: "grid place-content-center text-current transition-none [&>svg]:size-3.5 group-data-[size=xs]/checkbox:[&>svg]:size-3 group-data-[size=lg]/checkbox:[&>svg]:size-4",
|
|
40
|
+
children: /* @__PURE__ */ e(c, {})
|
|
27
41
|
}
|
|
28
42
|
)
|
|
29
43
|
}
|
|
30
44
|
);
|
|
31
45
|
}
|
|
32
46
|
export {
|
|
33
|
-
|
|
47
|
+
f as Checkbox,
|
|
48
|
+
s as checkboxVariants
|
|
34
49
|
};
|
|
35
50
|
//# sourceMappingURL=checkbox.js.map
|
package/dist/ui/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst checkboxVariants = cva(\n \"group/checkbox peer relative flex shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n {\n variants: {\n // Box scale (SW-2591): default stays 16 (no visual change); xs 14 / lg 20.\n size: {\n xs: \"size-3.5\",\n sm: \"size-4\",\n default: \"size-4\",\n lg: \"size-5\",\n },\n },\n defaultVariants: {\n size: \"default\",\n },\n }\n)\n\nfunction Checkbox({\n className,\n size,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root> &\n VariantProps<typeof checkboxVariants>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n data-size={size ?? \"default\"}\n className={cn(checkboxVariants({ size }), className)}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"grid place-content-center text-current transition-none [&>svg]:size-3.5 group-data-[size=xs]/checkbox:[&>svg]:size-3 group-data-[size=lg]/checkbox:[&>svg]:size-4\"\n >\n <CheckIcon />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox, checkboxVariants }\n"],"names":["checkboxVariants","cva","Checkbox","className","size","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;;AAOA,MAAMA,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA,MAER,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GACyC;AACvC,SACE,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH,KAAQ;AAAA,MACnB,WAAWI,EAAGR,EAAiB,EAAE,MAAAI,EAAA,CAAM,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,4BAACE,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGN;"}
|
package/dist/ui/radio-group.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("class-variance-authority"),o=require("radix-ui"),p=require("react"),d=require("../lib/utils.cjs");function f(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const n=f(p),u=n.createContext({});function g({className:e,size:a,...r}){return t.jsx(u.Provider,{value:{size:a??"default"},children:t.jsx(o.RadioGroup.Root,{"data-slot":"radio-group",className:d.cn("grid w-full gap-2",e),...r})})}const c=l.cva("group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input bg-card outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",{variants:{size:{xs:"size-3.5",sm:"size-4",default:"size-4",lg:"size-5"}},defaultVariants:{size:"default"}});function m({className:e,size:a,...r}){const i=n.useContext(u),s=a??i.size??"default";return t.jsx(o.RadioGroup.Item,{"data-slot":"radio-group-item","data-size":s,className:d.cn(c({size:s}),e),...r,children:t.jsx(o.RadioGroup.Indicator,{"data-slot":"radio-group-indicator",className:"flex size-full items-center justify-center",children:t.jsx("span",{className:"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground group-data-[size=xs]/radio-group-item:size-1.5 group-data-[size=lg]/radio-group-item:size-2.5"})})})}exports.RadioGroup=g;exports.RadioGroupItem=m;exports.radioGroupItemVariants=c;
|
|
2
2
|
//# sourceMappingURL=radio-group.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.cjs","sources":["../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction RadioGroup({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n return (\n <RadioGroupPrimitive.Root\n
|
|
1
|
+
{"version":3,"file":"radio-group.cjs","sources":["../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype RadioSize = \"xs\" | \"sm\" | \"default\" | \"lg\"\n\nconst RadioGroupContext = React.createContext<{ size?: RadioSize }>({})\n\nfunction RadioGroup({\n className,\n size,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root> & { size?: RadioSize }) {\n return (\n <RadioGroupContext.Provider value={{ size: size ?? \"default\" }}>\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-2\", className)}\n {...props}\n />\n </RadioGroupContext.Provider>\n )\n}\n\nconst radioGroupItemVariants = cva(\n \"group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input bg-card outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n {\n variants: {\n // Box scale (SW-2591): default stays 16 (no visual change); xs 14 / lg 20.\n size: {\n xs: \"size-3.5\",\n sm: \"size-4\",\n default: \"size-4\",\n lg: \"size-5\",\n },\n },\n defaultVariants: {\n size: \"default\",\n },\n }\n)\n\nfunction RadioGroupItem({\n className,\n size,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> &\n VariantProps<typeof radioGroupItemVariants>) {\n const context = React.useContext(RadioGroupContext)\n const resolved = size ?? context.size ?? \"default\"\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n data-size={resolved}\n className={cn(radioGroupItemVariants({ size: resolved }), className)}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-full items-center justify-center\"\n >\n <span className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground group-data-[size=xs]/radio-group-item:size-1.5 group-data-[size=lg]/radio-group-item:size-2.5\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n}\n\nexport { RadioGroup, RadioGroupItem, radioGroupItemVariants }\n"],"names":["RadioGroupContext","React","RadioGroup","className","size","props","jsx","RadioGroupPrimitive","cn","radioGroupItemVariants","cva","RadioGroupItem","context","resolved"],"mappings":"4fAUMA,EAAoBC,EAAM,cAAoC,EAAE,EAEtE,SAASC,EAAW,CAClB,UAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAiF,CAC/E,OACEC,MAACN,EAAkB,SAAlB,CAA2B,MAAO,CAAE,KAAMI,GAAQ,WACjD,SAAAE,EAAAA,IAACC,EAAAA,WAAoB,KAApB,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,oBAAqBL,CAAS,EAC3C,GAAGE,CAAA,CAAA,EAER,CAEJ,CAEA,MAAMI,EAAyBC,EAAAA,IAC7B,iiBACA,CACE,SAAU,CAER,KAAM,CACJ,GAAI,WACJ,GAAI,SACJ,QAAS,SACT,GAAI,QAAA,CACN,EAEF,gBAAiB,CACf,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAe,CACtB,UAAAR,EACA,KAAAC,EACA,GAAGC,CACL,EAC+C,CAC7C,MAAMO,EAAUX,EAAM,WAAWD,CAAiB,EAC5Ca,EAAWT,GAAQQ,EAAQ,MAAQ,UACzC,OACEN,EAAAA,IAACC,EAAAA,WAAoB,KAApB,CACC,YAAU,mBACV,YAAWM,EACX,UAAWL,EAAAA,GAAGC,EAAuB,CAAE,KAAMI,CAAA,CAAU,EAAGV,CAAS,EAClE,GAAGE,EAEJ,SAAAC,EAAAA,IAACC,EAAAA,WAAoB,UAApB,CACC,YAAU,wBACV,UAAU,6CAEV,SAAAD,EAAAA,IAAC,OAAA,CAAK,UAAU,qMAAA,CAAsM,CAAA,CAAA,CACxN,CAAA,CAGN"}
|
package/dist/ui/radio-group.js
CHANGED
|
@@ -1,45 +1,67 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
import { cva as n } from "class-variance-authority";
|
|
3
|
+
import { RadioGroup as o } from "radix-ui";
|
|
4
|
+
import * as d from "react";
|
|
5
|
+
import { cn as s } from "../lib/utils.js";
|
|
6
|
+
const u = d.createContext({});
|
|
7
|
+
function b({
|
|
8
|
+
className: e,
|
|
9
|
+
size: a,
|
|
10
|
+
...i
|
|
7
11
|
}) {
|
|
8
|
-
return /* @__PURE__ */ r(
|
|
9
|
-
|
|
12
|
+
return /* @__PURE__ */ r(u.Provider, { value: { size: a ?? "default" }, children: /* @__PURE__ */ r(
|
|
13
|
+
o.Root,
|
|
10
14
|
{
|
|
11
15
|
"data-slot": "radio-group",
|
|
12
|
-
className:
|
|
13
|
-
...
|
|
16
|
+
className: s("grid w-full gap-2", e),
|
|
17
|
+
...i
|
|
14
18
|
}
|
|
15
|
-
);
|
|
19
|
+
) });
|
|
16
20
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
21
|
+
const c = n(
|
|
22
|
+
"group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input bg-card outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
|
|
23
|
+
{
|
|
24
|
+
variants: {
|
|
25
|
+
// Box scale (SW-2591): default stays 16 (no visual change); xs 14 / lg 20.
|
|
26
|
+
size: {
|
|
27
|
+
xs: "size-3.5",
|
|
28
|
+
sm: "size-4",
|
|
29
|
+
default: "size-4",
|
|
30
|
+
lg: "size-5"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
size: "default"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
function z({
|
|
39
|
+
className: e,
|
|
40
|
+
size: a,
|
|
41
|
+
...i
|
|
20
42
|
}) {
|
|
43
|
+
const l = d.useContext(u), t = a ?? l.size ?? "default";
|
|
21
44
|
return /* @__PURE__ */ r(
|
|
22
|
-
|
|
45
|
+
o.Item,
|
|
23
46
|
{
|
|
24
47
|
"data-slot": "radio-group-item",
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
),
|
|
29
|
-
...e,
|
|
48
|
+
"data-size": t,
|
|
49
|
+
className: s(c({ size: t }), e),
|
|
50
|
+
...i,
|
|
30
51
|
children: /* @__PURE__ */ r(
|
|
31
|
-
|
|
52
|
+
o.Indicator,
|
|
32
53
|
{
|
|
33
54
|
"data-slot": "radio-group-indicator",
|
|
34
|
-
className: "flex size-
|
|
35
|
-
children: /* @__PURE__ */ r("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
|
|
55
|
+
className: "flex size-full items-center justify-center",
|
|
56
|
+
children: /* @__PURE__ */ r("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground group-data-[size=xs]/radio-group-item:size-1.5 group-data-[size=lg]/radio-group-item:size-2.5" })
|
|
36
57
|
}
|
|
37
58
|
)
|
|
38
59
|
}
|
|
39
60
|
);
|
|
40
61
|
}
|
|
41
62
|
export {
|
|
42
|
-
|
|
43
|
-
|
|
63
|
+
b as RadioGroup,
|
|
64
|
+
z as RadioGroupItem,
|
|
65
|
+
c as radioGroupItemVariants
|
|
44
66
|
};
|
|
45
67
|
//# sourceMappingURL=radio-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sources":["../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction RadioGroup({\n className,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n return (\n <RadioGroupPrimitive.Root\n
|
|
1
|
+
{"version":3,"file":"radio-group.js","sources":["../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype RadioSize = \"xs\" | \"sm\" | \"default\" | \"lg\"\n\nconst RadioGroupContext = React.createContext<{ size?: RadioSize }>({})\n\nfunction RadioGroup({\n className,\n size,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root> & { size?: RadioSize }) {\n return (\n <RadioGroupContext.Provider value={{ size: size ?? \"default\" }}>\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-2\", className)}\n {...props}\n />\n </RadioGroupContext.Provider>\n )\n}\n\nconst radioGroupItemVariants = cva(\n \"group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input bg-card outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n {\n variants: {\n // Box scale (SW-2591): default stays 16 (no visual change); xs 14 / lg 20.\n size: {\n xs: \"size-3.5\",\n sm: \"size-4\",\n default: \"size-4\",\n lg: \"size-5\",\n },\n },\n defaultVariants: {\n size: \"default\",\n },\n }\n)\n\nfunction RadioGroupItem({\n className,\n size,\n ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item> &\n VariantProps<typeof radioGroupItemVariants>) {\n const context = React.useContext(RadioGroupContext)\n const resolved = size ?? context.size ?? \"default\"\n return (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n data-size={resolved}\n className={cn(radioGroupItemVariants({ size: resolved }), className)}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-full items-center justify-center\"\n >\n <span className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground group-data-[size=xs]/radio-group-item:size-1.5 group-data-[size=lg]/radio-group-item:size-2.5\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n}\n\nexport { RadioGroup, RadioGroupItem, radioGroupItemVariants }\n"],"names":["RadioGroupContext","React","RadioGroup","className","size","props","jsx","RadioGroupPrimitive","cn","radioGroupItemVariants","cva","RadioGroupItem","context","resolved"],"mappings":";;;;;AAUA,MAAMA,IAAoBC,EAAM,cAAoC,EAAE;AAEtE,SAASC,EAAW;AAAA,EAClB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GAAiF;AAC/E,SACE,gBAAAC,EAACN,EAAkB,UAAlB,EAA2B,OAAO,EAAE,MAAMI,KAAQ,aACjD,UAAA,gBAAAE;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qBAAqBL,CAAS;AAAA,MAC3C,GAAGE;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,MAAMI,IAAyBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA,MAER,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAe;AAAA,EACtB,WAAAR;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GAC+C;AAC7C,QAAMO,IAAUX,EAAM,WAAWD,CAAiB,GAC5Ca,IAAWT,KAAQQ,EAAQ,QAAQ;AACzC,SACE,gBAAAN;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,aAAWM;AAAA,MACX,WAAWL,EAAGC,EAAuB,EAAE,MAAMI,EAAA,CAAU,GAAGV,CAAS;AAAA,MAClE,GAAGE;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,sMAAA,CAAsM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxN;AAAA,EAAA;AAGN;"}
|
package/dist/ui/slider.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("radix-ui"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("radix-ui"),u=require("react"),g=require("../lib/utils.cjs");function f(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const h=f(u);function b({className:a,defaultValue:t,value:e,min:r=0,max:s=100,size:n="default",...c}){const o=h.useMemo(()=>Array.isArray(e)?e:Array.isArray(t)?t:[r,s],[e,t,r,s]);return l.jsxs(i.Slider.Root,{"data-slot":"slider","data-size":n,defaultValue:t,value:e,min:r,max:s,className:g.cn("group/slider relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",a),...c,children:[l.jsx(i.Slider.Track,{"data-slot":"slider-track",className:"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-vertical:w-1 group-data-[size=xs]/slider:data-horizontal:h-0.5 group-data-[size=xs]/slider:data-vertical:w-0.5 group-data-[size=lg]/slider:data-horizontal:h-1.5 group-data-[size=lg]/slider:data-vertical:w-1.5 data-horizontal:w-full data-vertical:h-full",children:l.jsx(i.Slider.Range,{"data-slot":"slider-range",className:"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full"})}),Array.from({length:o.length},(p,d)=>l.jsx(i.Slider.Thumb,{"aria-label":o.length>1?`Value ${d+1}`:"Value","data-slot":"slider-thumb",className:"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none group-data-[size=xs]/slider:size-2.5 group-data-[size=lg]/slider:size-3.5 after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},d))]})}exports.Slider=b;
|
|
2
2
|
//# sourceMappingURL=slider.cjs.map
|
package/dist/ui/slider.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.cjs","sources":["../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-
|
|
1
|
+
{"version":3,"file":"slider.cjs","sources":["../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root> & {\n // SW-2591: default (thumb 12 / track 4) unchanged; xs and lg scale around it.\n size?: \"xs\" | \"sm\" | \"default\" | \"lg\"\n}) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n data-size={size}\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"group/slider relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-vertical:w-1 group-data-[size=xs]/slider:data-horizontal:h-0.5 group-data-[size=xs]/slider:data-vertical:w-0.5 group-data-[size=lg]/slider:data-horizontal:h-1.5 group-data-[size=lg]/slider:data-vertical:w-1.5 data-horizontal:w-full data-vertical:h-full\"\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n aria-label={_values.length > 1 ? `Value ${index + 1}` : \"Value\"}\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none group-data-[size=xs]/slider:size-2.5 group-data-[size=lg]/slider:size-3.5 after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n />\n ))}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"],"names":["Slider","className","defaultValue","value","min","max","size","props","_values","React","jsxs","SliderPrimitive","cn","jsx","_","index"],"mappings":"sdAKA,SAASA,EAAO,CACd,UAAAC,EACA,aAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,KAAAC,EAAO,UACP,GAAGC,CACL,EAGG,CACD,MAAMC,EAAUC,EAAM,QACpB,IACE,MAAM,QAAQN,CAAK,EACfA,EACA,MAAM,QAAQD,CAAY,EACxBA,EACA,CAACE,EAAKC,CAAG,EACjB,CAACF,EAAOD,EAAcE,EAAKC,CAAG,CAAA,EAGhC,OACEK,EAAAA,KAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,YAAWL,EACX,aAAAJ,EACA,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,UAAWO,EAAAA,GACT,yLACAX,CAAA,EAED,GAAGM,EAEJ,SAAA,CAAAM,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,4UAEV,SAAAE,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,6EAAA,CAAA,CACZ,CAAA,EAED,MAAM,KAAK,CAAE,OAAQH,EAAQ,QAAU,CAACM,EAAGC,IAC1CF,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,aAAYH,EAAQ,OAAS,EAAI,SAASO,EAAQ,CAAC,GAAK,QACxD,YAAU,eAEV,UAAU,oUAAA,EADLA,CAAA,CAGR,CAAA,CAAA,CAAA,CAGP"}
|
package/dist/ui/slider.js
CHANGED
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as h, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { Slider as r } from "radix-ui";
|
|
3
|
-
import * as
|
|
3
|
+
import * as u from "react";
|
|
4
4
|
import { cn as f } from "../lib/utils.js";
|
|
5
|
-
function
|
|
5
|
+
function z({
|
|
6
6
|
className: d,
|
|
7
7
|
defaultValue: a,
|
|
8
8
|
value: e,
|
|
9
9
|
min: t = 0,
|
|
10
10
|
max: l = 100,
|
|
11
|
-
|
|
11
|
+
size: n = "default",
|
|
12
|
+
...c
|
|
12
13
|
}) {
|
|
13
|
-
const
|
|
14
|
+
const o = u.useMemo(
|
|
14
15
|
() => Array.isArray(e) ? e : Array.isArray(a) ? a : [t, l],
|
|
15
16
|
[e, a, t, l]
|
|
16
17
|
);
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ h(
|
|
18
19
|
r.Root,
|
|
19
20
|
{
|
|
20
21
|
"data-slot": "slider",
|
|
22
|
+
"data-size": n,
|
|
21
23
|
defaultValue: a,
|
|
22
24
|
value: e,
|
|
23
25
|
min: t,
|
|
24
26
|
max: l,
|
|
25
27
|
className: f(
|
|
26
|
-
"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
|
|
28
|
+
"group/slider relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
|
|
27
29
|
d
|
|
28
30
|
),
|
|
29
|
-
...
|
|
31
|
+
...c,
|
|
30
32
|
children: [
|
|
31
|
-
/* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ i(
|
|
32
34
|
r.Track,
|
|
33
35
|
{
|
|
34
36
|
"data-slot": "slider-track",
|
|
35
|
-
className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-
|
|
36
|
-
children: /* @__PURE__ */
|
|
37
|
+
className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-vertical:w-1 group-data-[size=xs]/slider:data-horizontal:h-0.5 group-data-[size=xs]/slider:data-vertical:w-0.5 group-data-[size=lg]/slider:data-horizontal:h-1.5 group-data-[size=lg]/slider:data-vertical:w-1.5 data-horizontal:w-full data-vertical:h-full",
|
|
38
|
+
children: /* @__PURE__ */ i(
|
|
37
39
|
r.Range,
|
|
38
40
|
{
|
|
39
41
|
"data-slot": "slider-range",
|
|
@@ -42,12 +44,12 @@ function g({
|
|
|
42
44
|
)
|
|
43
45
|
}
|
|
44
46
|
),
|
|
45
|
-
Array.from({ length:
|
|
47
|
+
Array.from({ length: o.length }, (g, s) => /* @__PURE__ */ i(
|
|
46
48
|
r.Thumb,
|
|
47
49
|
{
|
|
48
|
-
"aria-label":
|
|
50
|
+
"aria-label": o.length > 1 ? `Value ${s + 1}` : "Value",
|
|
49
51
|
"data-slot": "slider-thumb",
|
|
50
|
-
className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
52
|
+
className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none group-data-[size=xs]/slider:size-2.5 group-data-[size=lg]/slider:size-3.5 after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
51
53
|
},
|
|
52
54
|
s
|
|
53
55
|
))
|
|
@@ -56,6 +58,6 @@ function g({
|
|
|
56
58
|
);
|
|
57
59
|
}
|
|
58
60
|
export {
|
|
59
|
-
|
|
61
|
+
z as Slider
|
|
60
62
|
};
|
|
61
63
|
//# sourceMappingURL=slider.js.map
|
package/dist/ui/slider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sources":["../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-
|
|
1
|
+
{"version":3,"file":"slider.js","sources":["../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root> & {\n // SW-2591: default (thumb 12 / track 4) unchanged; xs and lg scale around it.\n size?: \"xs\" | \"sm\" | \"default\" | \"lg\"\n}) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n data-size={size}\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"group/slider relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-vertical:w-1 group-data-[size=xs]/slider:data-horizontal:h-0.5 group-data-[size=xs]/slider:data-vertical:w-0.5 group-data-[size=lg]/slider:data-horizontal:h-1.5 group-data-[size=lg]/slider:data-vertical:w-1.5 data-horizontal:w-full data-vertical:h-full\"\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n aria-label={_values.length > 1 ? `Value ${index + 1}` : \"Value\"}\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none group-data-[size=xs]/slider:size-2.5 group-data-[size=lg]/slider:size-3.5 after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n />\n ))}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"],"names":["Slider","className","defaultValue","value","min","max","size","props","_values","React","jsxs","SliderPrimitive","cn","jsx","_","index"],"mappings":";;;;AAKA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAGG;AACD,QAAMC,IAAUC,EAAM;AAAA,IACpB,MACE,MAAM,QAAQN,CAAK,IACfA,IACA,MAAM,QAAQD,CAAY,IACxBA,IACA,CAACE,GAAKC,CAAG;AAAA,IACjB,CAACF,GAAOD,GAAcE,GAAKC,CAAG;AAAA,EAAA;AAGhC,SACE,gBAAAK;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWL;AAAA,MACX,cAAAJ;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAWO;AAAA,QACT;AAAA,QACAX;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA,gBAAAE;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAED,MAAM,KAAK,EAAE,QAAQH,EAAQ,UAAU,CAACM,GAAGC,MAC1C,gBAAAF;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACC,cAAYH,EAAQ,SAAS,IAAI,SAASO,IAAQ,CAAC,KAAK;AAAA,YACxD,aAAU;AAAA,YAEV,WAAU;AAAA,UAAA;AAAA,UADLA;AAAA,QAAA,CAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
package/dist/ui/switch.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("radix-ui"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("radix-ui"),r=require("../lib/utils.cjs");function d({className:t,size:i="default",...s}){return a.jsx(e.Switch.Root,{"data-slot":"switch","data-size":i,className:r.cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=xs]:h-3 data-[size=xs]:w-5 data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=lg]:h-[22px] data-[size=lg]:w-10 dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",t),...s,children:a.jsx(e.Switch.Thumb,{"data-slot":"switch-thumb",className:"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:size-4 group-data-[size=lg]/switch:size-5 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"})})}exports.Switch=d;
|
|
2
2
|
//# sourceMappingURL=switch.cjs.map
|
package/dist/ui/switch.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.cjs","sources":["../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n data-size={size}\n className={cn(\n \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=
|
|
1
|
+
{"version":3,"file":"switch.cjs","sources":["../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n // SW-2591: sm + default are unchanged; xs and lg are added around them.\n size?: \"xs\" | \"sm\" | \"default\" | \"lg\"\n}) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n data-size={size}\n className={cn(\n \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=xs]:h-3 data-[size=xs]:w-5 data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=lg]:h-[22px] data-[size=lg]:w-10 dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:size-4 group-data-[size=lg]/switch:size-5 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\"\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"names":["Switch","className","size","props","jsx","SwitchPrimitive","cn"],"mappings":"yKAOA,SAASA,EAAO,CACd,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAGG,CACD,OACEC,EAAAA,IAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,YAAWH,EACX,UAAWI,EAAAA,GACT,kpBACAL,CAAA,EAED,GAAGE,EAEJ,SAAAC,EAAAA,IAACC,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,sXAAA,CAAA,CACZ,CAAA,CAGN"}
|
package/dist/ui/switch.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { Switch as
|
|
3
|
-
import { cn as
|
|
4
|
-
function
|
|
5
|
-
className:
|
|
6
|
-
size:
|
|
7
|
-
...
|
|
2
|
+
import { Switch as e } from "radix-ui";
|
|
3
|
+
import { cn as d } from "../lib/utils.js";
|
|
4
|
+
function c({
|
|
5
|
+
className: t,
|
|
6
|
+
size: i = "default",
|
|
7
|
+
...r
|
|
8
8
|
}) {
|
|
9
9
|
return /* @__PURE__ */ a(
|
|
10
|
-
|
|
10
|
+
e.Root,
|
|
11
11
|
{
|
|
12
12
|
"data-slot": "switch",
|
|
13
|
-
"data-size":
|
|
14
|
-
className:
|
|
15
|
-
"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=
|
|
16
|
-
|
|
13
|
+
"data-size": i,
|
|
14
|
+
className: d(
|
|
15
|
+
"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=xs]:h-3 data-[size=xs]:w-5 data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=lg]:h-[22px] data-[size=lg]:w-10 dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
|
|
16
|
+
t
|
|
17
17
|
),
|
|
18
|
-
...
|
|
18
|
+
...r,
|
|
19
19
|
children: /* @__PURE__ */ a(
|
|
20
|
-
|
|
20
|
+
e.Thumb,
|
|
21
21
|
{
|
|
22
22
|
"data-slot": "switch-thumb",
|
|
23
|
-
className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=
|
|
23
|
+
className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:size-4 group-data-[size=lg]/switch:size-5 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
|
|
24
24
|
}
|
|
25
25
|
)
|
|
26
26
|
}
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
29
|
export {
|
|
30
|
-
|
|
30
|
+
c as Switch
|
|
31
31
|
};
|
|
32
32
|
//# sourceMappingURL=switch.js.map
|
package/dist/ui/switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n data-size={size}\n className={cn(\n \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=
|
|
1
|
+
{"version":3,"file":"switch.js","sources":["../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n // SW-2591: sm + default are unchanged; xs and lg are added around them.\n size?: \"xs\" | \"sm\" | \"default\" | \"lg\"\n}) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n data-size={size}\n className={cn(\n \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=xs]:h-3 data-[size=xs]:w-5 data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=lg]:h-[22px] data-[size=lg]:w-10 dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=xs]/switch:size-2.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:size-4 group-data-[size=lg]/switch:size-5 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\"\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"names":["Switch","className","size","props","jsx","SwitchPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;"}
|