@tetrascience-npm/tetrascience-react-ui 1.0.0-beta.154.1 → 1.0.0-beta.156.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/composed/AssistantLayout/AssistantLayout.cjs +1 -1
- package/dist/components/composed/AssistantLayout/AssistantLayout.cjs.map +1 -1
- package/dist/components/composed/AssistantLayout/AssistantLayout.d.ts +15 -1
- package/dist/components/composed/AssistantLayout/AssistantLayout.js +132 -103
- package/dist/components/composed/AssistantLayout/AssistantLayout.js.map +1 -1
- package/dist/components/ui/slider.d.ts +3 -1
- package/dist/components/ui/switch.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.scoped.css +1 -1
- package/dist/index.tailwind.css +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/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;"}
|