@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.153.1 → 1.0.0-beta.154.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/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/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;"}
|