jaci-ui 0.1.0

package/dist/components/controls/checkbox.d.cts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { CheckboxRoot } from "@base-ui/react/checkbox";
+//#region src/components/controls/checkbox.d.ts
+interface CheckboxProps extends Omit<CheckboxRoot.Props, "children" | "className" | "onCheckedChange" | "onChange"> {
+  className?: string;
+  children?: ReactNode;
+  onCheckedChange?: (checked: boolean) => void;
+}
+declare const Checkbox$1: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Checkbox$1 as Checkbox, CheckboxProps };
+//# sourceMappingURL=checkbox.d.cts.map

package/dist/components/controls/checkbox.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { CheckboxRoot } from "@base-ui/react/checkbox";
+//#region src/components/controls/checkbox.d.ts
+interface CheckboxProps extends Omit<CheckboxRoot.Props, "children" | "className" | "onCheckedChange" | "onChange"> {
+  className?: string;
+  children?: ReactNode;
+  onCheckedChange?: (checked: boolean) => void;
+}
+declare const Checkbox$1: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Checkbox$1 as Checkbox, CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/controls/checkbox.js

@@ -0,0 +1,33 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { checkbox } from "../../styled-system/recipes/checkbox.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+//#region src/components/controls/checkbox.tsx
+function mergeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) if (typeof ref === "function") ref(value);
+		else if (ref) ref.current = value;
+	};
+}
+const Checkbox$1 = forwardRef(function Checkbox$2({ children, className, inputRef, onCheckedChange, ...props }, ref) {
+	const styles = checkbox();
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		...props,
+		inputRef: mergeRefs(ref, inputRef),
+		onCheckedChange: (checked) => onCheckedChange?.(checked),
+		className: withRecipeClassName(styles.root, className),
+		"data-jaci-component": "checkbox",
+		"data-slot": "checkbox",
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			className: withRecipeClassName(styles.indicator, void 0),
+			"data-slot": "checkbox-indicator",
+			children: children ?? "✓"
+		})
+	});
+});
+//#endregion
+export { Checkbox$1 as Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

package/dist/components/controls/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["Checkbox","BaseCheckbox"],"sources":["../../../src/components/controls/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { forwardRef } from \"react\";\nimport type { ReactNode, Ref } from \"react\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { checkbox } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nfunction mergeRefs<T>(...refs: Array<Ref<T> | undefined>) {\n  return (value: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref) {\n        ref.current = value;\n      }\n    }\n  };\n}\n\nexport interface CheckboxProps\n  extends Omit<BaseCheckboxRoot.Props, \"children\" | \"className\" | \"onCheckedChange\" | \"onChange\"> {\n  className?: string;\n  children?: ReactNode;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  { children, className, inputRef, onCheckedChange, ...props },\n  ref,\n) {\n  const styles = checkbox();\n\n  return (\n    <BaseCheckbox.Root\n      {...props}\n      inputRef={mergeRefs(ref, inputRef)}\n      onCheckedChange={(checked) => onCheckedChange?.(checked)}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"checkbox\"\n      data-slot=\"checkbox\"\n    >\n      <BaseCheckbox.Indicator\n        className={withRecipeClassName(styles.indicator, undefined)}\n        data-slot=\"checkbox-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    </BaseCheckbox.Root>\n  );\n});\n"],"mappings":";;;;;;;AAUA,SAAS,UAAa,GAAG,MAAiC;CACxD,QAAQ,UAAoB;EAC1B,KAAK,MAAM,OAAO,MAChB,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;OACJ,IAAI,KACT,IAAI,UAAU;CAGpB;AACF;AASA,MAAaA,aAAW,WAA4C,SAASA,WAC3E,EAAE,UAAU,WAAW,UAAU,iBAAiB,GAAG,SACrD,KACA;CACA,MAAM,SAAS,SAAS;CAExB,OACE,oBAACC,SAAa,MAAd;EACE,GAAI;EACJ,UAAU,UAAU,KAAK,QAAQ;EACjC,kBAAkB,YAAY,kBAAkB,OAAO;EACvD,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;YAEV,oBAACA,SAAa,WAAd;GACE,WAAW,oBAAoB,OAAO,WAAW,KAAA,CAAS;GAC1D,aAAU;aAET,YAAY;EACS,CAAA;CACP,CAAA;AAEvB,CAAC"}

package/dist/components/controls/index.d.cts

@@ -0,0 +1,6 @@
+import { Checkbox, CheckboxProps } from "./checkbox.cjs";
+import { Input, InputProps } from "./input.cjs";
+import { Radio, RadioProps } from "./radio.cjs";
+import { Switch, SwitchProps } from "./switch.cjs";
+import { Textarea, TextareaProps } from "./textarea.cjs";
+export { Checkbox, type CheckboxProps, Input, type InputProps, Radio, type RadioProps, Switch, type SwitchProps, Textarea, type TextareaProps };

package/dist/components/controls/index.d.ts

@@ -0,0 +1,6 @@
+import { Checkbox, CheckboxProps } from "./checkbox.js";
+import { Input, InputProps } from "./input.js";
+import { Radio, RadioProps } from "./radio.js";
+import { Switch, SwitchProps } from "./switch.js";
+import { Textarea, TextareaProps } from "./textarea.js";
+export { Checkbox, type CheckboxProps, Input, type InputProps, Radio, type RadioProps, Switch, type SwitchProps, Textarea, type TextareaProps };

package/dist/components/controls/input.cjs

@@ -0,0 +1,29 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_input = require("../../styled-system/recipes/input.cjs");
+const require_field = require("../field/field.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_field = require("@base-ui/react/field");
+//#region src/components/controls/input.tsx
+const Input = (0, react.forwardRef)(function Input({ className, size = "md", ...props }, ref) {
+	const { insideField } = require_field.useFieldState();
+	const controlProps = {
+		...props,
+		className: require_cx.cx(require_input.input({ size }), className),
+		"data-jaci-component": "input",
+		"data-slot": "input"
+	};
+	if (insideField) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
+		...controlProps,
+		ref
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		...controlProps,
+		ref
+	});
+});
+//#endregion
+exports.Input = Input;
+
+//# sourceMappingURL=input.cjs.map

package/dist/components/controls/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.cjs","names":["useFieldState","cx","input","BaseField"],"sources":["../../../src/components/controls/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { input } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(input({ size }), className),\n    \"data-jaci-component\": \"input\",\n    \"data-slot\": \"input\",\n  };\n\n  if (insideField) {\n    return <BaseField.Control {...controlProps} ref={ref as Ref<HTMLElement>} />;\n  }\n\n  return <input {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,SAAA,GAAA,MAAA,WAAA,CAAiD,SAAS,MACrE,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgBA,cAAAA,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAWC,WAAAA,GAAGC,cAAAA,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,SAAX;EAAmB,GAAI;EAAmB;CAA0B,CAAA;CAG7E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAO,GAAI;EAAmB;CAAM,CAAA;AAC7C,CAAC"}

package/dist/components/controls/input.d.cts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/controls/input.d.ts
+interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+  size?: "sm" | "md" | "lg";
+}
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=input.d.cts.map

package/dist/components/controls/input.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/controls/input.d.ts
+interface InputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
+  size?: "sm" | "md" | "lg";
+}
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/controls/input.js

@@ -0,0 +1,29 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { input } from "../../styled-system/recipes/input.js";
+import { useFieldState } from "../field/field.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+//#region src/components/controls/input.tsx
+const Input = forwardRef(function Input({ className, size = "md", ...props }, ref) {
+	const { insideField } = useFieldState();
+	const controlProps = {
+		...props,
+		className: cx(input({ size }), className),
+		"data-jaci-component": "input",
+		"data-slot": "input"
+	};
+	if (insideField) return /* @__PURE__ */ jsx(Field.Control, {
+		...controlProps,
+		ref
+	});
+	return /* @__PURE__ */ jsx("input", {
+		...controlProps,
+		ref
+	});
+});
+//#endregion
+export { Input };
+
+//# sourceMappingURL=input.js.map

package/dist/components/controls/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["BaseField"],"sources":["../../../src/components/controls/input.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { input } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface InputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(input({ size }), className),\n    \"data-jaci-component\": \"input\",\n    \"data-slot\": \"input\",\n  };\n\n  if (insideField) {\n    return <BaseField.Control {...controlProps} ref={ref as Ref<HTMLElement>} />;\n  }\n\n  return <input {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,QAAQ,WAAyC,SAAS,MACrE,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAW,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OAAO,oBAACA,MAAU,SAAX;EAAmB,GAAI;EAAmB;CAA0B,CAAA;CAG7E,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAmB;CAAM,CAAA;AAC7C,CAAC"}

package/dist/components/controls/radio.cjs

@@ -0,0 +1,20 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_radio_group = require("../../styled-system/recipes/radio-group.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/controls/radio.tsx
+const Radio = (0, react.forwardRef)(function Radio({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		...props,
+		ref,
+		className: require_cx.cx(require_radio_group.radioGroup().radio, className),
+		"data-jaci-component": "radio",
+		"data-slot": "radio",
+		type: "radio"
+	});
+});
+//#endregion
+exports.Radio = Radio;
+
+//# sourceMappingURL=radio.cjs.map

package/dist/components/controls/radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.cjs","names":["cx","radioGroup"],"sources":["../../../src/components/controls/radio.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { radioGroup } from \"../../styled-system/recipes\";\n\nexport type RadioProps = Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"size\">;\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <input\n      {...props}\n      ref={ref}\n      className={cx(radioGroup().radio, className)}\n      data-jaci-component=\"radio\"\n      data-slot=\"radio\"\n      type=\"radio\"\n    />\n  );\n});\n"],"mappings":";;;;;;AAUA,MAAa,SAAA,GAAA,MAAA,WAAA,CAAiD,SAAS,MACrE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC3C,uBAAoB;EACpB,aAAU;EACV,MAAK;CACN,CAAA;AAEL,CAAC"}

package/dist/components/controls/radio.d.cts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/controls/radio.d.ts
+type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "type" | "size">;
+declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Radio, RadioProps };
+//# sourceMappingURL=radio.d.cts.map

package/dist/components/controls/radio.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/controls/radio.d.ts
+type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "type" | "size">;
+declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Radio, RadioProps };
+//# sourceMappingURL=radio.d.ts.map

package/dist/components/controls/radio.js

@@ -0,0 +1,20 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { radioGroup } from "../../styled-system/recipes/radio-group.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/controls/radio.tsx
+const Radio = forwardRef(function Radio({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("input", {
+		...props,
+		ref,
+		className: cx(radioGroup().radio, className),
+		"data-jaci-component": "radio",
+		"data-slot": "radio",
+		type: "radio"
+	});
+});
+//#endregion
+export { Radio };
+
+//# sourceMappingURL=radio.js.map

package/dist/components/controls/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/controls/radio.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { radioGroup } from \"../../styled-system/recipes\";\n\nexport type RadioProps = Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"size\">;\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <input\n      {...props}\n      ref={ref}\n      className={cx(radioGroup().radio, className)}\n      data-jaci-component=\"radio\"\n      data-slot=\"radio\"\n      type=\"radio\"\n    />\n  );\n});\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MACrE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,SAAS;EAC3C,uBAAoB;EACpB,aAAU;EACV,MAAK;CACN,CAAA;AAEL,CAAC"}

package/dist/components/controls/switch.cjs

@@ -0,0 +1,30 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_toggle_switch = require("../../styled-system/recipes/toggle-switch.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_switch = require("@base-ui/react/switch");
+//#region src/components/controls/switch.tsx
+const Switch = (0, react.forwardRef)(function Switch({ checked, className, disabled, onCheckedChange, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Root, {
+		...props,
+		checked,
+		disabled,
+		nativeButton: true,
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { type: "button" }),
+		ref,
+		className: (state) => require_cx.cx(require_toggle_switch.toggleSwitch({ checked: state.checked }).root, className),
+		onCheckedChange: (nextChecked) => onCheckedChange?.(nextChecked),
+		"data-jaci-component": "switch",
+		"data-slot": "switch",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Thumb, {
+			"aria-hidden": "true",
+			className: (state) => require_cx.cx(require_toggle_switch.toggleSwitch({ checked: state.checked }).thumb),
+			"data-slot": "switch-thumb"
+		})
+	});
+});
+//#endregion
+exports.Switch = Switch;
+
+//# sourceMappingURL=switch.cjs.map

package/dist/components/controls/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.cjs","names":["BaseSwitch","cx","toggleSwitch"],"sources":["../../../src/components/controls/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport { forwardRef } from \"react\";\nimport type { Ref } from \"react\";\nimport type { SwitchRoot as BaseSwitchRoot } from \"@base-ui/react/switch\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toggleSwitch } from \"../../styled-system/recipes\";\n\nexport interface SwitchProps\n  extends Omit<BaseSwitchRoot.Props, \"children\" | \"className\" | \"onCheckedChange\" | \"render\"> {\n  className?: string;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  { checked, className, disabled, onCheckedChange, ...props },\n  ref,\n) {\n  return (\n    <BaseSwitch.Root\n      {...props}\n      checked={checked}\n      disabled={disabled}\n      nativeButton\n      render={<button type=\"button\" />}\n      ref={ref as Ref<HTMLElement>}\n      className={(state) => cx(toggleSwitch({ checked: state.checked }).root, className)}\n      onCheckedChange={(nextChecked) => onCheckedChange?.(nextChecked)}\n      data-jaci-component=\"switch\"\n      data-slot=\"switch\"\n    >\n      <BaseSwitch.Thumb\n        aria-hidden=\"true\"\n        className={(state) => cx(toggleSwitch({ checked: state.checked }).thumb)}\n        data-slot=\"switch-thumb\"\n      />\n    </BaseSwitch.Root>\n  );\n});\n"],"mappings":";;;;;;;AAgBA,MAAa,UAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,OACxE,EAAE,SAAS,WAAW,UAAU,iBAAiB,GAAG,SACpD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAW,MAAZ;EACE,GAAI;EACK;EACC;EACV,cAAA;EACA,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAQ,MAAK,SAAU,CAAA;EAC1B;EACL,YAAY,UAAUC,WAAAA,GAAGC,sBAAAA,aAAa,EAAE,SAAS,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,SAAS;EACjF,kBAAkB,gBAAgB,kBAAkB,WAAW;EAC/D,uBAAoB;EACpB,aAAU;YAEV,iBAAA,GAAA,kBAAA,IAAA,CAACF,sBAAAA,OAAW,OAAZ;GACE,eAAY;GACZ,YAAY,UAAUC,WAAAA,GAAGC,sBAAAA,aAAa,EAAE,SAAS,MAAM,QAAQ,CAAC,CAAC,CAAC,KAAK;GACvE,aAAU;EACX,CAAA;CACc,CAAA;AAErB,CAAC"}

package/dist/components/controls/switch.d.cts

@@ -0,0 +1,10 @@
+import { SwitchRoot } from "@base-ui/react/switch";
+//#region src/components/controls/switch.d.ts
+interface SwitchProps extends Omit<SwitchRoot.Props, "children" | "className" | "onCheckedChange" | "render"> {
+  className?: string;
+  onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Switch, SwitchProps };
+//# sourceMappingURL=switch.d.cts.map

package/dist/components/controls/switch.d.ts

@@ -0,0 +1,10 @@
+import { SwitchRoot } from "@base-ui/react/switch";
+//#region src/components/controls/switch.d.ts
+interface SwitchProps extends Omit<SwitchRoot.Props, "children" | "className" | "onCheckedChange" | "render"> {
+  className?: string;
+  onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch$1: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Switch$1 as Switch, SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/controls/switch.js

@@ -0,0 +1,30 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { toggleSwitch } from "../../styled-system/recipes/toggle-switch.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@base-ui/react/switch";
+//#region src/components/controls/switch.tsx
+const Switch$1 = forwardRef(function Switch$2({ checked, className, disabled, onCheckedChange, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		...props,
+		checked,
+		disabled,
+		nativeButton: true,
+		render: /* @__PURE__ */ jsx("button", { type: "button" }),
+		ref,
+		className: (state) => cx(toggleSwitch({ checked: state.checked }).root, className),
+		onCheckedChange: (nextChecked) => onCheckedChange?.(nextChecked),
+		"data-jaci-component": "switch",
+		"data-slot": "switch",
+		children: /* @__PURE__ */ jsx(Switch.Thumb, {
+			"aria-hidden": "true",
+			className: (state) => cx(toggleSwitch({ checked: state.checked }).thumb),
+			"data-slot": "switch-thumb"
+		})
+	});
+});
+//#endregion
+export { Switch$1 as Switch };
+
+//# sourceMappingURL=switch.js.map

package/dist/components/controls/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["Switch","BaseSwitch"],"sources":["../../../src/components/controls/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport { forwardRef } from \"react\";\nimport type { Ref } from \"react\";\nimport type { SwitchRoot as BaseSwitchRoot } from \"@base-ui/react/switch\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { toggleSwitch } from \"../../styled-system/recipes\";\n\nexport interface SwitchProps\n  extends Omit<BaseSwitchRoot.Props, \"children\" | \"className\" | \"onCheckedChange\" | \"render\"> {\n  className?: string;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  { checked, className, disabled, onCheckedChange, ...props },\n  ref,\n) {\n  return (\n    <BaseSwitch.Root\n      {...props}\n      checked={checked}\n      disabled={disabled}\n      nativeButton\n      render={<button type=\"button\" />}\n      ref={ref as Ref<HTMLElement>}\n      className={(state) => cx(toggleSwitch({ checked: state.checked }).root, className)}\n      onCheckedChange={(nextChecked) => onCheckedChange?.(nextChecked)}\n      data-jaci-component=\"switch\"\n      data-slot=\"switch\"\n    >\n      <BaseSwitch.Thumb\n        aria-hidden=\"true\"\n        className={(state) => cx(toggleSwitch({ checked: state.checked }).thumb)}\n        data-slot=\"switch-thumb\"\n      />\n    </BaseSwitch.Root>\n  );\n});\n"],"mappings":";;;;;;;AAgBA,MAAaA,WAAS,WAA2C,SAASA,SACxE,EAAE,SAAS,WAAW,UAAU,iBAAiB,GAAG,SACpD,KACA;CACA,OACE,oBAACC,OAAW,MAAZ;EACE,GAAI;EACK;EACC;EACV,cAAA;EACA,QAAQ,oBAAC,UAAD,EAAQ,MAAK,SAAU,CAAA;EAC1B;EACL,YAAY,UAAU,GAAG,aAAa,EAAE,SAAS,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,SAAS;EACjF,kBAAkB,gBAAgB,kBAAkB,WAAW;EAC/D,uBAAoB;EACpB,aAAU;YAEV,oBAACA,OAAW,OAAZ;GACE,eAAY;GACZ,YAAY,UAAU,GAAG,aAAa,EAAE,SAAS,MAAM,QAAQ,CAAC,CAAC,CAAC,KAAK;GACvE,aAAU;EACX,CAAA;CACc,CAAA;AAErB,CAAC"}

package/dist/components/controls/textarea.cjs

@@ -0,0 +1,30 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_textarea = require("../../styled-system/recipes/textarea.cjs");
+const require_field = require("../field/field.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_field = require("@base-ui/react/field");
+//#region src/components/controls/textarea.tsx
+const Textarea = (0, react.forwardRef)(function Textarea({ className, size = "md", ...props }, ref) {
+	const { insideField } = require_field.useFieldState();
+	const controlProps = {
+		...props,
+		className: require_cx.cx(require_textarea.textarea({ size }), className),
+		"data-jaci-component": "textarea",
+		"data-slot": "textarea"
+	};
+	if (insideField) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
+		...controlProps,
+		ref,
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		...controlProps,
+		ref
+	});
+});
+//#endregion
+exports.Textarea = Textarea;
+
+//# sourceMappingURL=textarea.cjs.map

package/dist/components/controls/textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.cjs","names":["useFieldState","cx","textarea","BaseField"],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface TextareaProps extends ComponentPropsWithoutRef<\"textarea\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-slot\": \"textarea\",\n  };\n\n  if (insideField) {\n    return (\n      <BaseField.Control\n        {...(controlProps as unknown as ComponentProps<typeof BaseField.Control>)}\n        ref={ref as Ref<HTMLElement>}\n        render={<textarea />}\n      />\n    );\n  }\n\n  return <textarea {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,YAAA,GAAA,MAAA,WAAA,CAA0D,SAAS,SAC9E,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgBA,cAAAA,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAWC,WAAAA,GAAGC,iBAAAA,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,SAAX;EACE,GAAK;EACA;EACL,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,CAAW,CAAA;CACpB,CAAA;CAIL,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;AAChD,CAAC"}

package/dist/components/controls/textarea.d.cts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/controls/textarea.d.ts
+interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
+  size?: "sm" | "md" | "lg";
+}
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { Textarea, TextareaProps };
+//# sourceMappingURL=textarea.d.cts.map

package/dist/components/controls/textarea.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/controls/textarea.d.ts
+interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
+  size?: "sm" | "md" | "lg";
+}
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { Textarea, TextareaProps };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/controls/textarea.js

@@ -0,0 +1,30 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { textarea } from "../../styled-system/recipes/textarea.js";
+import { useFieldState } from "../field/field.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+//#region src/components/controls/textarea.tsx
+const Textarea = forwardRef(function Textarea({ className, size = "md", ...props }, ref) {
+	const { insideField } = useFieldState();
+	const controlProps = {
+		...props,
+		className: cx(textarea({ size }), className),
+		"data-jaci-component": "textarea",
+		"data-slot": "textarea"
+	};
+	if (insideField) return /* @__PURE__ */ jsx(Field.Control, {
+		...controlProps,
+		ref,
+		render: /* @__PURE__ */ jsx("textarea", {})
+	});
+	return /* @__PURE__ */ jsx("textarea", {
+		...controlProps,
+		ref
+	});
+});
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/components/controls/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":["BaseField"],"sources":["../../../src/components/controls/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport type { ComponentProps, ComponentPropsWithoutRef, Ref } from \"react\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { textarea } from \"../../styled-system/recipes\";\nimport { useFieldState } from \"../field\";\n\nexport interface TextareaProps extends ComponentPropsWithoutRef<\"textarea\"> {\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  const { insideField } = useFieldState();\n  const controlProps = {\n    ...props,\n    className: cx(textarea({ size }), className),\n    \"data-jaci-component\": \"textarea\",\n    \"data-slot\": \"textarea\",\n  };\n\n  if (insideField) {\n    return (\n      <BaseField.Control\n        {...(controlProps as unknown as ComponentProps<typeof BaseField.Control>)}\n        ref={ref as Ref<HTMLElement>}\n        render={<textarea />}\n      />\n    );\n  }\n\n  return <textarea {...controlProps} ref={ref} />;\n});\n"],"mappings":";;;;;;;;AAcA,MAAa,WAAW,WAA+C,SAAS,SAC9E,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;CACA,MAAM,EAAE,gBAAgB,cAAc;CACtC,MAAM,eAAe;EACnB,GAAG;EACH,WAAW,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,SAAS;EAC3C,uBAAuB;EACvB,aAAa;CACf;CAEA,IAAI,aACF,OACE,oBAACA,MAAU,SAAX;EACE,GAAK;EACA;EACL,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACpB,CAAA;CAIL,OAAO,oBAAC,YAAD;EAAU,GAAI;EAAmB;CAAM,CAAA;AAChD,CAAC"}

package/dist/components/copyable/copyable.cjs

@@ -0,0 +1,124 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_copyable = require("../../styled-system/recipes/copyable.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/copyable/copyable.tsx
+const CopyableContext = (0, react.createContext)(null);
+function useCopyableContext() {
+	const context = (0, react.useContext)(CopyableContext);
+	if (!context) throw new Error("Copyable parts must be rendered inside Copyable.Root.");
+	return context;
+}
+async function copyToClipboard(value) {
+	let primaryError;
+	if (typeof navigator !== "undefined" && typeof navigator.clipboard?.writeText === "function") try {
+		await navigator.clipboard.writeText(value);
+		return;
+	} catch (error) {
+		primaryError = error;
+	}
+	if (typeof document !== "undefined" && typeof document.execCommand === "function") {
+		const textarea = document.createElement("textarea");
+		const selection = document.getSelection();
+		const ranges = selection ? Array.from({ length: selection.rangeCount }, (_, index) => selection.getRangeAt(index)) : [];
+		textarea.value = value;
+		textarea.setAttribute("readonly", "true");
+		textarea.style.position = "fixed";
+		textarea.style.opacity = "0";
+		document.body.appendChild(textarea);
+		textarea.select();
+		try {
+			if (document.execCommand("copy")) return;
+		} finally {
+			textarea.remove();
+			selection?.removeAllRanges();
+			for (const range of ranges) selection?.addRange(range);
+		}
+	}
+	throw primaryError instanceof Error ? primaryError : /* @__PURE__ */ new Error("Clipboard access is unavailable.");
+}
+const CopyableRoot = (0, react.forwardRef)(function CopyableRoot({ "aria-label": ariaLabel, children, className, copiedDuration = 1500, copiedLabel = "Copied", copyLabel = "Copy to clipboard", disabled = false, onClick, onCopy, onError, value, ...props }, ref) {
+	const [copied, setCopied] = (0, react.useState)(false);
+	const timeoutRef = (0, react.useRef)(void 0);
+	const styles = require_copyable.copyable();
+	(0, react.useEffect)(() => {
+		return () => {
+			if (timeoutRef.current !== void 0) clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	async function handleCopy() {
+		try {
+			await copyToClipboard(value);
+			setCopied(true);
+			onCopy?.(value);
+			if (timeoutRef.current !== void 0) clearTimeout(timeoutRef.current);
+			timeoutRef.current = setTimeout(() => setCopied(false), copiedDuration);
+		} catch (error) {
+			setCopied(false);
+			onError?.(error);
+		}
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyableContext.Provider, {
+		value: {
+			copied,
+			copiedLabel,
+			styles
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			...props,
+			ref,
+			"aria-label": ariaLabel ?? copyLabel,
+			className: require_cx.cx(styles.root, className),
+			"data-copied": copied || void 0,
+			"data-disabled": disabled || void 0,
+			"data-jaci-component": "copyable",
+			"data-slot": "copyable",
+			disabled,
+			onClick: (event) => {
+				onClick?.(event);
+				if (!event.defaultPrevented) handleCopy();
+			},
+			type: "button",
+			children: [children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyableContent, { children: value }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-live": "polite",
+				className: styles.status,
+				"data-slot": "copyable-status",
+				children: copied ? copiedLabel : ""
+			})]
+		})
+	});
+});
+const CopyableContent = (0, react.forwardRef)(function CopyableContent({ as = "code", className, ...props }, ref) {
+	const { styles } = useCopyableContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as, {
+		...props,
+		ref,
+		className: require_cx.cx(styles.content, className),
+		"data-slot": "copyable-content"
+	});
+});
+const CopyableIndicator = (0, react.forwardRef)(function CopyableIndicator({ children, className, ...props }, ref) {
+	const { copied, copiedLabel, styles } = useCopyableContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		"aria-hidden": props["aria-hidden"] ?? true,
+		className: require_cx.cx(styles.indicator, className),
+		"data-copied": copied || void 0,
+		"data-slot": "copyable-indicator",
+		children: children ?? (copied ? copiedLabel : "Copy")
+	});
+});
+const Copyable = {
+	Root: CopyableRoot,
+	Content: CopyableContent,
+	Indicator: CopyableIndicator
+};
+//#endregion
+exports.Copyable = Copyable;
+exports.CopyableContent = CopyableContent;
+exports.CopyableIndicator = CopyableIndicator;
+exports.CopyableRoot = CopyableRoot;
+
+//# sourceMappingURL=copyable.cjs.map

package/dist/components/copyable/copyable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyable.cjs","names":["copyable","cx","Component"],"sources":["../../../src/components/copyable/copyable.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useContext, useEffect, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, MouseEventHandler, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { copyable } from \"../../styled-system/recipes\";\n\ninterface CopyableContextValue {\n  copied: boolean;\n  copiedLabel: string;\n  styles: ReturnType<typeof copyable>;\n}\n\nconst CopyableContext = createContext<CopyableContextValue | null>(null);\n\nfunction useCopyableContext() {\n  const context = useContext(CopyableContext);\n  if (!context) {\n    throw new Error(\"Copyable parts must be rendered inside Copyable.Root.\");\n  }\n\n  return context;\n}\n\nasync function copyToClipboard(value: string) {\n  let primaryError: unknown;\n\n  if (typeof navigator !== \"undefined\" && typeof navigator.clipboard?.writeText === \"function\") {\n    try {\n      await navigator.clipboard.writeText(value);\n      return;\n    } catch (error) {\n      primaryError = error;\n    }\n  }\n\n  if (typeof document !== \"undefined\" && typeof document.execCommand === \"function\") {\n    const textarea = document.createElement(\"textarea\");\n    const selection = document.getSelection();\n    const ranges = selection\n      ? Array.from({ length: selection.rangeCount }, (_, index) => selection.getRangeAt(index))\n      : [];\n\n    textarea.value = value;\n    textarea.setAttribute(\"readonly\", \"true\");\n    textarea.style.position = \"fixed\";\n    textarea.style.opacity = \"0\";\n    document.body.appendChild(textarea);\n    textarea.select();\n\n    try {\n      if (document.execCommand(\"copy\")) {\n        return;\n      }\n    } finally {\n      textarea.remove();\n      selection?.removeAllRanges();\n      for (const range of ranges) {\n        selection?.addRange(range);\n      }\n    }\n  }\n\n  throw primaryError instanceof Error\n    ? primaryError\n    : new Error(\"Clipboard access is unavailable.\");\n}\n\nexport interface CopyableRootProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"children\" | \"onClick\" | \"onCopy\"> {\n  children?: ReactNode;\n  copiedDuration?: number;\n  copiedLabel?: string;\n  copyLabel?: string;\n  onCopy?: (value: string) => void;\n  onError?: (error: unknown) => void;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  value: string;\n}\n\nexport const CopyableRoot = forwardRef<HTMLButtonElement, CopyableRootProps>(function CopyableRoot(\n  {\n    \"aria-label\": ariaLabel,\n    children,\n    className,\n    copiedDuration = 1500,\n    copiedLabel = \"Copied\",\n    copyLabel = \"Copy to clipboard\",\n    disabled = false,\n    onClick,\n    onCopy,\n    onError,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const [copied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const styles = copyable();\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== undefined) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  async function handleCopy() {\n    try {\n      await copyToClipboard(value);\n      setCopied(true);\n      onCopy?.(value);\n      if (timeoutRef.current !== undefined) {\n        clearTimeout(timeoutRef.current);\n      }\n      timeoutRef.current = setTimeout(() => setCopied(false), copiedDuration);\n    } catch (error) {\n      setCopied(false);\n      onError?.(error);\n    }\n  }\n\n  return (\n    <CopyableContext.Provider value={{ copied, copiedLabel, styles }}>\n      <button\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? copyLabel}\n        className={cx(styles.root, className)}\n        data-copied={copied || undefined}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"copyable\"\n        data-slot=\"copyable\"\n        disabled={disabled}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            void handleCopy();\n          }\n        }}\n        type=\"button\"\n      >\n        {children ?? <CopyableContent>{value}</CopyableContent>}\n        <span aria-live=\"polite\" className={styles.status} data-slot=\"copyable-status\">\n          {copied ? copiedLabel : \"\"}\n        </span>\n      </button>\n    </CopyableContext.Provider>\n  );\n});\n\nexport interface CopyableContentProps extends Omit<ComponentPropsWithoutRef<\"code\">, \"as\"> {\n  as?: \"code\" | \"span\";\n}\n\nexport const CopyableContent = forwardRef<HTMLElement, CopyableContentProps>(\n  function CopyableContent({ as = \"code\", className, ...props }, ref) {\n    const { styles } = useCopyableContext();\n    const Component = as;\n\n    return (\n      <Component\n        {...props}\n        ref={ref as never}\n        className={cx(styles.content, className)}\n        data-slot=\"copyable-content\"\n      />\n    );\n  },\n);\n\nexport type CopyableIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const CopyableIndicator = forwardRef<HTMLSpanElement, CopyableIndicatorProps>(\n  function CopyableIndicator({ children, className, ...props }, ref) {\n    const { copied, copiedLabel, styles } = useCopyableContext();\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        aria-hidden={props[\"aria-hidden\"] ?? true}\n        className={cx(styles.indicator, className)}\n        data-copied={copied || undefined}\n        data-slot=\"copyable-indicator\"\n      >\n        {children ?? (copied ? copiedLabel : \"Copy\")}\n      </span>\n    );\n  },\n);\n\nexport const Copyable = {\n  Root: CopyableRoot,\n  Content: CopyableContent,\n  Indicator: CopyableIndicator,\n};\n"],"mappings":"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"}

package/dist/components/copyable/copyable.d.cts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from "react";
+//#region src/components/copyable/copyable.d.ts
+interface CopyableRootProps extends Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick" | "onCopy"> {
+  children?: ReactNode;
+  copiedDuration?: number;
+  copiedLabel?: string;
+  copyLabel?: string;
+  onCopy?: (value: string) => void;
+  onError?: (error: unknown) => void;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  value: string;
+}
+declare const CopyableRoot: import("react").ForwardRefExoticComponent<CopyableRootProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface CopyableContentProps extends Omit<ComponentPropsWithoutRef<"code">, "as"> {
+  as?: "code" | "span";
+}
+declare const CopyableContent: import("react").ForwardRefExoticComponent<CopyableContentProps & import("react").RefAttributes<HTMLElement>>;
+type CopyableIndicatorProps = ComponentPropsWithoutRef<"span">;
+declare const CopyableIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Copyable: {
+  Root: import("react").ForwardRefExoticComponent<CopyableRootProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: import("react").ForwardRefExoticComponent<CopyableContentProps & import("react").RefAttributes<HTMLElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Copyable, CopyableContent, CopyableContentProps, CopyableIndicator, CopyableIndicatorProps, CopyableRoot, CopyableRootProps };
+//# sourceMappingURL=copyable.d.cts.map