@countermeasure-platform/web-components 0.2.0

package/dist/switch-dChlavwa.js

@@ -0,0 +1,104 @@
+import { n as e } from "./dist-BOvRuqYp.js";
+import { t } from "./utils-B7XIe3qq.js";
+import { a as n, o as r, t as i } from "./dist-CuA1lYwd.js";
+import { t as a } from "./dist-BHlnF6po.js";
+import { t as o } from "./dist-DKK7ynDa.js";
+import { t as s } from "./dist-D6Fo4Qkc.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import * as u from "react";
+//#region node_modules/@radix-ui/react-switch/dist/index.mjs
+var d = "Switch", [f, p] = n(d), [m, h] = f(d), g = u.forwardRef((t, n) => {
+	let { __scopeSwitch: o, name: s, checked: f, defaultChecked: p, required: h, disabled: g, value: _ = "on", onCheckedChange: v, form: y, ...S } = t, [C, w] = u.useState(null), T = e(n, (e) => w(e)), E = u.useRef(!1), D = C ? y || !!C.closest("form") : !0, [O, k] = a({
+		prop: f,
+		defaultProp: p ?? !1,
+		onChange: v,
+		caller: d
+	});
+	return /* @__PURE__ */ l(m, {
+		scope: o,
+		checked: O,
+		disabled: g,
+		children: [/* @__PURE__ */ c(i.button, {
+			type: "button",
+			role: "switch",
+			"aria-checked": O,
+			"aria-required": h,
+			"data-state": x(O),
+			"data-disabled": g ? "" : void 0,
+			disabled: g,
+			value: _,
+			...S,
+			ref: T,
+			onClick: r(t.onClick, (e) => {
+				k((e) => !e), D && (E.current = e.isPropagationStopped(), E.current || e.stopPropagation());
+			})
+		}), D && /* @__PURE__ */ c(b, {
+			control: C,
+			bubbles: !E.current,
+			name: s,
+			value: _,
+			checked: O,
+			required: h,
+			disabled: g,
+			form: y,
+			style: { transform: "translateX(-100%)" }
+		})]
+	});
+});
+g.displayName = d;
+var _ = "SwitchThumb", v = u.forwardRef((e, t) => {
+	let { __scopeSwitch: n, ...r } = e, a = h(_, n);
+	return /* @__PURE__ */ c(i.span, {
+		"data-state": x(a.checked),
+		"data-disabled": a.disabled ? "" : void 0,
+		...r,
+		ref: t
+	});
+});
+v.displayName = _;
+var y = "SwitchBubbleInput", b = u.forwardRef(({ __scopeSwitch: t, control: n, checked: r, bubbles: i = !0, ...a }, l) => {
+	let d = u.useRef(null), f = e(d, l), p = s(r), m = o(n);
+	return u.useEffect(() => {
+		let e = d.current;
+		if (!e) return;
+		let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set;
+		if (p !== r && n) {
+			let t = new Event("click", { bubbles: i });
+			n.call(e, r), e.dispatchEvent(t);
+		}
+	}, [
+		p,
+		r,
+		i
+	]), /* @__PURE__ */ c("input", {
+		type: "checkbox",
+		"aria-hidden": !0,
+		defaultChecked: r,
+		...a,
+		tabIndex: -1,
+		ref: f,
+		style: {
+			...a.style,
+			...m,
+			position: "absolute",
+			pointerEvents: "none",
+			opacity: 0,
+			margin: 0
+		}
+	});
+});
+b.displayName = y;
+function x(e) {
+	return e ? "checked" : "unchecked";
+}
+var S = g, C = v, w = u.forwardRef(({ className: e, size: n = "default", ...r }, i) => /* @__PURE__ */ c(S, {
+	className: t("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors", "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-primary data-[state=unchecked]:bg-accent", n === "default" && "h-6 w-11", n === "sm" && "h-5 w-9", e),
+	...r,
+	ref: i,
+	children: /* @__PURE__ */ c(C, { className: t("bg-foreground pointer-events-none block rounded-full shadow-lg ring-0 transition-transform", n === "default" && "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0", n === "sm" && "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })
+}));
+w.displayName = S.displayName;
+//#endregion
+export { w as t };
+
+//# sourceMappingURL=switch-dChlavwa.js.map

package/dist/switch-dChlavwa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-dChlavwa.js","names":["Switch","React"],"sources":["../node_modules/@radix-ui/react-switch/dist/index.mjs","../src/react/primitives/switch.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","/**\n * Switch Component\n *\n * A toggle switch built on Radix UI primitives.\n * Used for binary settings like Low Effects Mode and Compact Mode.\n */\n\nimport * as React from 'react'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport { cn } from './utils'\n\ninterface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {\n  /** Size variant */\n  size?: 'default' | 'sm'\n}\n\nconst Switch = React.forwardRef<React.ComponentRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n  ({ className, size = 'default', ...props }, ref) => (\n    <SwitchPrimitives.Root\n      className={cn(\n        'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors',\n        'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-accent',\n        size === 'default' && 'h-6 w-11',\n        size === 'sm' && 'h-5 w-9',\n        className\n      )}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          'bg-foreground pointer-events-none block rounded-full shadow-lg ring-0 transition-transform',\n          size === 'default' &&\n            'h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',\n          size === 'sm' &&\n            'h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitives.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitives.Root.displayName\n\nexport { Switch }\nexport type { SwitchProps }\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAYA,IAAI,IAAc,UACd,CAAC,GAAqB,KAAqB,EAAmB,EAAY,EAC1E,CAAC,GAAgB,KAAoB,EAAoB,EAAY,EACrEA,IAASC,EAAM,YAChB,GAAO,MAAiB;CACvB,IAAM,EACJ,kBACA,SACA,SAAS,GACT,mBACA,aACA,aACA,WAAQ,MACR,oBACA,SACA,GAAG,MACD,GACE,CAAC,GAAQ,KAAaA,EAAM,SAAS,KAAK,EAC1C,IAAe,EAAgB,IAAe,MAAS,EAAU,EAAK,CAAC,EACvE,IAAmCA,EAAM,OAAO,GAAM,EACtD,IAAgB,IAAS,KAAQ,CAAC,CAAC,EAAO,QAAQ,OAAO,GAAG,IAC5D,CAAC,GAAS,KAAc,EAAqB;EACjD,MAAM;EACN,aAAa,KAAkB;EAC/B,UAAU;EACV,QAAQ;EACT,CAAC;AACF,QAAuB,kBAAK,GAAgB;EAAE,OAAO;EAAe;EAAS;EAAU,UAAU,CAC/E,kBACd,EAAU,QACV;GACE,MAAM;GACN,MAAM;GACN,gBAAgB;GAChB,iBAAiB;GACjB,cAAc,EAAS,EAAQ;GAC/B,iBAAiB,IAAW,KAAK,KAAK;GACtC;GACA;GACA,GAAG;GACH,KAAK;GACL,SAAS,EAAqB,EAAM,UAAU,MAAU;AAEtD,IADA,GAAY,MAAgB,CAAC,EAAY,EACrC,MACF,EAAiC,UAAU,EAAM,sBAAsB,EAClE,EAAiC,WAAS,EAAM,iBAAiB;KAExE;GACH,CACF,EACD,KAAiC,kBAC/B,GACA;GACE,SAAS;GACT,SAAS,CAAC,EAAiC;GAC3C;GACA;GACA;GACA;GACA;GACA;GACA,OAAO,EAAE,WAAW,qBAAqB;GAC1C,CACF,CACF;EAAE,CAAC;EAEP;AACD,EAAO,cAAc;AACrB,IAAI,IAAa,eACb,IAAcA,EAAM,YACrB,GAAO,MAAiB;CACvB,IAAM,EAAE,kBAAe,GAAG,MAAe,GACnC,IAAU,EAAiB,GAAY,EAAc;AAC3D,QAAuB,kBACrB,EAAU,MACV;EACE,cAAc,EAAS,EAAQ,QAAQ;EACvC,iBAAiB,EAAQ,WAAW,KAAK,KAAK;EAC9C,GAAG;EACH,KAAK;EACN,CACF;EAEJ;AACD,EAAY,cAAc;AAC1B,IAAI,IAAoB,qBACpB,IAAoBA,EAAM,YAC3B,EACC,kBACA,YACA,YACA,aAAU,IACV,GAAG,KACF,MAAiB;CAClB,IAAM,IAAMA,EAAM,OAAO,KAAK,EACxB,IAAe,EAAgB,GAAK,EAAa,EACjD,IAAc,EAAY,EAAQ,EAClC,IAAc,EAAQ,EAAQ;AAgBpC,QAfA,EAAM,gBAAgB;EACpB,IAAM,IAAQ,EAAI;AAClB,MAAI,CAAC,EAAO;EACZ,IAAM,IAAa,OAAO,iBAAiB,WAKrC,IAJa,OAAO,yBACxB,GACA,UACD,CAC6B;AAC9B,MAAI,MAAgB,KAAW,GAAY;GACzC,IAAM,IAAQ,IAAI,MAAM,SAAS,EAAE,YAAS,CAAC;AAE7C,GADA,EAAW,KAAK,GAAO,EAAQ,EAC/B,EAAM,cAAc,EAAM;;IAE3B;EAAC;EAAa;EAAS;EAAQ,CAAC,EACZ,kBACrB,SACA;EACE,MAAM;EACN,eAAe;EACf,gBAAgB;EAChB,GAAG;EACH,UAAU;EACV,KAAK;EACL,OAAO;GACL,GAAG,EAAM;GACT,GAAG;GACH,UAAU;GACV,eAAe;GACf,SAAS;GACT,QAAQ;GACT;EACF,CACF;EAEJ;AACD,EAAkB,cAAc;AAChC,SAAS,EAAS,GAAS;AACzB,QAAO,IAAU,YAAY;;AAE/B,IAAI,IAAOD,GACP,IAAQ,GCvIN,IAAS,EAAM,YAClB,EAAE,cAAW,UAAO,WAAW,GAAG,KAAS,MAC1C,kBAAC,GAAD;CACE,WAAW,EACT,oHACA,4IACA,mDACA,oEACA,MAAS,aAAa,YACtB,MAAS,QAAQ,WACjB,EACD;CACD,GAAI;CACC;WAEL,kBAAC,GAAD,EACE,WAAW,EACT,8FACA,MAAS,aACP,mFACF,MAAS,QACP,kFACH,EACD,CAAA;CACoB,CAAA,CAE3B;AACD,EAAO,cAAA,EAAoC"}

package/dist/tabs-Bpcitl6-.js

@@ -0,0 +1,150 @@
+import { t as e } from "./utils-B7XIe3qq.js";
+import { a as t, o as n, t as r } from "./dist-CuA1lYwd.js";
+import { t as i } from "./dist-DHddbHrS.js";
+import { t as a } from "./dist-BHlnF6po.js";
+import { t as o } from "./dist-DLCJ6BjJ.js";
+import { t as s } from "./dist-hG2PgpV-2.js";
+import { n as c, r as l, t as u } from "./dist-D3GdPS_X.js";
+import { jsx as d } from "react/jsx-runtime";
+import * as f from "react";
+//#region node_modules/@radix-ui/react-tabs/dist/index.mjs
+var p = "Tabs", [m, h] = t(p, [l]), g = l(), [_, v] = m(p), y = f.forwardRef((e, t) => {
+	let { __scopeTabs: n, value: o, onValueChange: c, defaultValue: l, orientation: u = "horizontal", dir: f, activationMode: m = "automatic", ...h } = e, g = s(f), [v, y] = a({
+		prop: o,
+		onChange: c,
+		defaultProp: l ?? "",
+		caller: p
+	});
+	return /* @__PURE__ */ d(_, {
+		scope: n,
+		baseId: i(),
+		value: v,
+		onValueChange: y,
+		orientation: u,
+		dir: g,
+		activationMode: m,
+		children: /* @__PURE__ */ d(r.div, {
+			dir: g,
+			"data-orientation": u,
+			...h,
+			ref: t
+		})
+	});
+});
+y.displayName = p;
+var b = "TabsList", x = f.forwardRef((e, t) => {
+	let { __scopeTabs: n, loop: i = !0, ...a } = e, o = v(b, n);
+	return /* @__PURE__ */ d(c, {
+		asChild: !0,
+		...g(n),
+		orientation: o.orientation,
+		dir: o.dir,
+		loop: i,
+		children: /* @__PURE__ */ d(r.div, {
+			role: "tablist",
+			"aria-orientation": o.orientation,
+			...a,
+			ref: t
+		})
+	});
+});
+x.displayName = b;
+var S = "TabsTrigger", C = f.forwardRef((e, t) => {
+	let { __scopeTabs: i, value: a, disabled: o = !1, ...s } = e, c = v(S, i), l = g(i), f = E(c.baseId, a), p = D(c.baseId, a), m = a === c.value;
+	return /* @__PURE__ */ d(u, {
+		asChild: !0,
+		...l,
+		focusable: !o,
+		active: m,
+		children: /* @__PURE__ */ d(r.button, {
+			type: "button",
+			role: "tab",
+			"aria-selected": m,
+			"aria-controls": p,
+			"data-state": m ? "active" : "inactive",
+			"data-disabled": o ? "" : void 0,
+			disabled: o,
+			id: f,
+			...s,
+			ref: t,
+			onMouseDown: n(e.onMouseDown, (e) => {
+				!o && e.button === 0 && e.ctrlKey === !1 ? c.onValueChange(a) : e.preventDefault();
+			}),
+			onKeyDown: n(e.onKeyDown, (e) => {
+				[" ", "Enter"].includes(e.key) && c.onValueChange(a);
+			}),
+			onFocus: n(e.onFocus, () => {
+				let e = c.activationMode !== "manual";
+				!m && !o && e && c.onValueChange(a);
+			})
+		})
+	});
+});
+C.displayName = S;
+var w = "TabsContent", T = f.forwardRef((e, t) => {
+	let { __scopeTabs: n, value: i, forceMount: a, children: s, ...c } = e, l = v(w, n), u = E(l.baseId, i), p = D(l.baseId, i), m = i === l.value, h = f.useRef(m);
+	return f.useEffect(() => {
+		let e = requestAnimationFrame(() => h.current = !1);
+		return () => cancelAnimationFrame(e);
+	}, []), /* @__PURE__ */ d(o, {
+		present: a || m,
+		children: ({ present: n }) => /* @__PURE__ */ d(r.div, {
+			"data-state": m ? "active" : "inactive",
+			"data-orientation": l.orientation,
+			role: "tabpanel",
+			"aria-labelledby": u,
+			hidden: !n,
+			id: p,
+			tabIndex: 0,
+			...c,
+			ref: t,
+			style: {
+				...e.style,
+				animationDuration: h.current ? "0s" : void 0
+			},
+			children: n && s
+		})
+	});
+});
+T.displayName = w;
+function E(e, t) {
+	return `${e}-trigger-${t}`;
+}
+function D(e, t) {
+	return `${e}-content-${t}`;
+}
+var O = y, k = x, A = C, j = T;
+//#endregion
+//#region src/react/primitives/tabs.tsx
+function M({ className: t, ...n }) {
+	return /* @__PURE__ */ d(O, {
+		"data-slot": "tabs",
+		className: e("flex flex-col gap-2", t),
+		...n
+	});
+}
+function N({ className: t, ...n }) {
+	return /* @__PURE__ */ d(k, {
+		"data-slot": "tabs-list",
+		className: e("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1", t),
+		...n
+	});
+}
+function P({ className: t, ...n }) {
+	return /* @__PURE__ */ d(A, {
+		"data-slot": "tabs-trigger",
+		className: e("data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...n
+	});
+}
+function F({ className: t, ...n }) {
+	return /* @__PURE__ */ d(j, {
+		"data-slot": "tabs-content",
+		className: e("flex-1 outline-none", t),
+		...n
+	});
+}
+//#endregion
+export { P as i, F as n, N as r, M as t };
+
+//# sourceMappingURL=tabs-Bpcitl6-.js.map

package/dist/tabs-Bpcitl6-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-Bpcitl6-.js","names":["Tabs","React","TabsList","RovingFocusGroup.Root","TabsTrigger","RovingFocusGroup.Item","TabsContent"],"sources":["../node_modules/@radix-ui/react-tabs/dist/index.mjs","../src/react/primitives/tabs.tsx"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/theme-toggle-CaCz_B5t.js

@@ -0,0 +1,130 @@
+import { getCurrentTheme as e, getNextTheme as t, getThemeLabel as n, toggleTheme as r } from "./ui/index.js";
+import { t as i } from "./createLucideIcon-BPb01goH.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useCallback as o, useEffect as s, useState as c } from "react";
+var l = i("moon", [["path", {
+	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+	key: "kfwtm"
+}]]), u = i("palette", [
+	["path", {
+		d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+		key: "e79jfc"
+	}],
+	["circle", {
+		cx: "13.5",
+		cy: "6.5",
+		r: ".5",
+		fill: "currentColor",
+		key: "1okk4w"
+	}],
+	["circle", {
+		cx: "17.5",
+		cy: "10.5",
+		r: ".5",
+		fill: "currentColor",
+		key: "f64h9f"
+	}],
+	["circle", {
+		cx: "6.5",
+		cy: "12.5",
+		r: ".5",
+		fill: "currentColor",
+		key: "qy21gx"
+	}],
+	["circle", {
+		cx: "8.5",
+		cy: "7.5",
+		r: ".5",
+		fill: "currentColor",
+		key: "fotxhn"
+	}]
+]), d = i("sun", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "4",
+		key: "4exip2"
+	}],
+	["path", {
+		d: "M12 2v2",
+		key: "tus03m"
+	}],
+	["path", {
+		d: "M12 20v2",
+		key: "1lh1kg"
+	}],
+	["path", {
+		d: "m4.93 4.93 1.41 1.41",
+		key: "149t6j"
+	}],
+	["path", {
+		d: "m17.66 17.66 1.41 1.41",
+		key: "ptbguv"
+	}],
+	["path", {
+		d: "M2 12h2",
+		key: "1t8f8n"
+	}],
+	["path", {
+		d: "M20 12h2",
+		key: "1q8mjw"
+	}],
+	["path", {
+		d: "m6.34 17.66-1.41 1.41",
+		key: "1m8zz5"
+	}],
+	["path", {
+		d: "m19.07 4.93-1.41 1.41",
+		key: "1shlcs"
+	}]
+]);
+//#endregion
+//#region src/react/theme-toggle/index.tsx
+function f({ theme: e, className: t, size: n }) {
+	let r = {};
+	switch (t !== void 0 && (r.className = t), n !== void 0 && (r.size = n), e) {
+		case "light": return /* @__PURE__ */ a(d, { ...r });
+		case "monokai":
+		case "glass": return /* @__PURE__ */ a(u, { ...r });
+		default: return /* @__PURE__ */ a(l, { ...r });
+	}
+}
+function p({ className: e }) {
+	let { theme: t, themeLabel: n, toggle: r } = m();
+	return /* @__PURE__ */ a("button", {
+		type: "button",
+		onClick: r,
+		title: `${n} — click to switch`,
+		className: e,
+		children: /* @__PURE__ */ a(f, { theme: t })
+	});
+}
+function m() {
+	let [i, a] = c(() => e());
+	s(() => {
+		let t = new MutationObserver(() => {
+			let t = e();
+			a((e) => e === t ? e : t);
+		});
+		return t.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["data-theme"]
+		}), () => {
+			t.disconnect();
+		};
+	}, []);
+	let l = o(() => {
+		a(r());
+	}, []), u = t(i);
+	return {
+		theme: i,
+		themeLabel: n(i),
+		nextTheme: u,
+		nextThemeLabel: n(u),
+		toggle: l
+	};
+}
+//#endregion
+export { p as n, m as r, f as t };
+
+//# sourceMappingURL=theme-toggle-CaCz_B5t.js.map

package/dist/theme-toggle-CaCz_B5t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle-CaCz_B5t.js","names":["__iconNode","__iconNode"],"sources":["../node_modules/lucide-react/dist/esm/icons/moon.js","../node_modules/lucide-react/dist/esm/icons/palette.js","../node_modules/lucide-react/dist/esm/icons/sun.js","../src/react/theme-toggle/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\",\n      key: \"kfwtm\"\n    }\n  ]\n];\nconst Moon = createLucideIcon(\"moon\", __iconNode);\n\nexport { __iconNode, Moon as default };\n//# sourceMappingURL=moon.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\",\n      key: \"e79jfc\"\n    }\n  ],\n  [\"circle\", { cx: \"13.5\", cy: \"6.5\", r: \".5\", fill: \"currentColor\", key: \"1okk4w\" }],\n  [\"circle\", { cx: \"17.5\", cy: \"10.5\", r: \".5\", fill: \"currentColor\", key: \"f64h9f\" }],\n  [\"circle\", { cx: \"6.5\", cy: \"12.5\", r: \".5\", fill: \"currentColor\", key: \"qy21gx\" }],\n  [\"circle\", { cx: \"8.5\", cy: \"7.5\", r: \".5\", fill: \"currentColor\", key: \"fotxhn\" }]\n];\nconst Palette = createLucideIcon(\"palette\", __iconNode);\n\nexport { __iconNode, Palette as default };\n//# sourceMappingURL=palette.js.map\n","/**\n * @license lucide-react v1.6.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"4\", key: \"4exip2\" }],\n  [\"path\", { d: \"M12 2v2\", key: \"tus03m\" }],\n  [\"path\", { d: \"M12 20v2\", key: \"1lh1kg\" }],\n  [\"path\", { d: \"m4.93 4.93 1.41 1.41\", key: \"149t6j\" }],\n  [\"path\", { d: \"m17.66 17.66 1.41 1.41\", key: \"ptbguv\" }],\n  [\"path\", { d: \"M2 12h2\", key: \"1t8f8n\" }],\n  [\"path\", { d: \"M20 12h2\", key: \"1q8mjw\" }],\n  [\"path\", { d: \"m6.34 17.66-1.41 1.41\", key: \"1m8zz5\" }],\n  [\"path\", { d: \"m19.07 4.93-1.41 1.41\", key: \"1shlcs\" }]\n];\nconst Sun = createLucideIcon(\"sun\", __iconNode);\n\nexport { __iconNode, Sun as default };\n//# sourceMappingURL=sun.js.map\n","import { useState, useEffect, useCallback } from 'react'\nimport { Sun, Moon, Palette } from 'lucide-react'\nimport {\n  toggleTheme,\n  getCurrentTheme,\n  getThemeLabel,\n  getNextTheme,\n  type Theme,\n  type ResolvedTheme,\n} from '../../ui/index'\n\nexport interface ThemeIconProps {\n  theme: string\n  className?: string\n  size?: number\n}\n\n/**\n * Renders the appropriate icon for a given theme string.\n *\n * - `\"light\"` renders a Sun icon\n * - `\"monokai\"` or `\"glass\"` renders a Palette icon\n * - Everything else (including `\"dark\"`) renders a Moon icon\n */\nexport function ThemeIcon({ theme, className, size }: ThemeIconProps) {\n  const props: Record<string, string | number> = {}\n  if (className !== undefined) {\n    props.className = className\n  }\n  if (size !== undefined) {\n    props.size = size\n  }\n\n  switch (theme) {\n    case 'light':\n      return <Sun {...props} />\n    case 'monokai':\n    case 'glass':\n      return <Palette {...props} />\n    default:\n      return <Moon {...props} />\n  }\n}\n\nexport interface ThemeToggleButtonProps {\n  className?: string\n}\n\n/**\n * A button that cycles through available themes on click.\n *\n * Displays an icon matching the current theme and a title/tooltip\n * describing the current theme and prompting to switch.\n */\nexport function ThemeToggleButton({ className }: ThemeToggleButtonProps) {\n  const { theme, themeLabel, toggle } = useThemeState()\n\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      title={`${themeLabel} — click to switch`}\n      className={className}\n    >\n      <ThemeIcon theme={theme} />\n    </button>\n  )\n}\n\nexport interface UseThemeStateResult {\n  /** The current resolved theme applied to the document */\n  theme: ResolvedTheme\n  /** Human-readable label for the current theme */\n  themeLabel: string\n  /** The theme that will be applied on the next toggle */\n  nextTheme: Theme\n  /** Human-readable label for the next theme */\n  nextThemeLabel: string\n  /** Cycle to the next theme */\n  toggle: () => void\n}\n\n/**\n * React hook that wraps the ui module's theme state.\n *\n * Listens for DOM attribute mutations on `data-theme` so the\n * component re-renders whenever the theme changes, whether the\n * change was triggered by this hook or by external code.\n */\nexport function useThemeState(): UseThemeStateResult {\n  const [theme, setTheme] = useState<ResolvedTheme>(() => getCurrentTheme() as ResolvedTheme)\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const current = getCurrentTheme() as ResolvedTheme\n      setTheme(prev => (prev === current ? prev : current))\n    })\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme'],\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [])\n\n  const toggle = useCallback(() => {\n    const next = toggleTheme()\n    setTheme(next as ResolvedTheme)\n  }, [])\n\n  const nextTheme = getNextTheme(theme)\n\n  return {\n    theme,\n    themeLabel: getThemeLabel(theme),\n    nextTheme,\n    nextThemeLabel: getThemeLabel(nextTheme),\n    toggle,\n  }\n}\n"],"x_google_ignoreList":[0,1,2],"mappings":";;;;AAkBA,IAAM,IAAO,EAAiB,QATX,CACjB,CACE,QACA;CACE,GAAG;CACH,KAAK;CACN,CACF,CACF,CACgD,ECI3C,IAAU,EAAiB,WAbd;CACjB,CACE,QACA;EACE,GAAG;EACH,KAAK;EACN,CACF;CACD,CAAC,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAO,GAAG;EAAM,MAAM;EAAgB,KAAK;EAAU,CAAC;CACnF,CAAC,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAQ,GAAG;EAAM,MAAM;EAAgB,KAAK;EAAU,CAAC;CACpF,CAAC,UAAU;EAAE,IAAI;EAAO,IAAI;EAAQ,GAAG;EAAM,MAAM;EAAgB,KAAK;EAAU,CAAC;CACnF,CAAC,UAAU;EAAE,IAAI;EAAO,IAAI;EAAO,GAAG;EAAM,MAAM;EAAgB,KAAK;EAAU,CAAC;CACnF,CACsD,ECFjD,IAAM,EAAiB,OAXV;CACjB,CAAC,UAAU;EAAE,IAAI;EAAM,IAAI;EAAM,GAAG;EAAK,KAAK;EAAU,CAAC;CACzD,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;EAAU,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;EAAU,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAwB,KAAK;EAAU,CAAC;CACtD,CAAC,QAAQ;EAAE,GAAG;EAA0B,KAAK;EAAU,CAAC;CACxD,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;EAAU,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;EAAU,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAyB,KAAK;EAAU,CAAC;CACvD,CAAC,QAAQ;EAAE,GAAG;EAAyB,KAAK;EAAU,CAAC;CACxD,CAC8C;;;ACI/C,SAAgB,EAAU,EAAE,UAAO,cAAW,WAAwB;CACpE,IAAM,IAAyC,EAAE;AAQjD,SAPI,MAAc,KAAA,MAChB,EAAM,YAAY,IAEhB,MAAS,KAAA,MACX,EAAM,OAAO,IAGP,GAAR;EACE,KAAK,QACH,QAAO,kBAAC,GAAD,EAAK,GAAI,GAAS,CAAA;EAC3B,KAAK;EACL,KAAK,QACH,QAAO,kBAAC,GAAD,EAAS,GAAI,GAAS,CAAA;EAC/B,QACE,QAAO,kBAAC,GAAD,EAAM,GAAI,GAAS,CAAA;;;AAchC,SAAgB,EAAkB,EAAE,gBAAqC;CACvE,IAAM,EAAE,UAAO,eAAY,cAAW,GAAe;AAErD,QACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,OAAO,GAAG,EAAW;EACV;YAEX,kBAAC,GAAD,EAAkB,UAAS,CAAA;EACpB,CAAA;;AAwBb,SAAgB,IAAqC;CACnD,IAAM,CAAC,GAAO,KAAY,QAA8B,GAAiB,CAAkB;AAE3F,SAAgB;EACd,IAAM,IAAW,IAAI,uBAAuB;GAC1C,IAAM,IAAU,GAAiB;AACjC,MAAS,MAAS,MAAS,IAAU,IAAO,EAAS;IACrD;AAOF,SALA,EAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,aAAa;GAChC,CAAC,QAEW;AACX,KAAS,YAAY;;IAEtB,EAAE,CAAC;CAEN,IAAM,IAAS,QAAkB;AAE/B,IADa,GAAa,CACK;IAC9B,EAAE,CAAC,EAEA,IAAY,EAAa,EAAM;AAErC,QAAO;EACL;EACA,YAAY,EAAc,EAAM;EAChC;EACA,gBAAgB,EAAc,EAAU;EACxC;EACD"}