@cerberus-design/react 0.15.0-next-7a184be → 0.15.0-next-47ecb2e

package/build/legacy/components/switch/index.cjs

@@ -0,0 +1,118 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/switch/index.ts
+var switch_exports = {};
+__export(switch_exports, {
+  Switch: () => Switch2,
+  SwitchControl: () => SwitchControl,
+  SwitchHiddenInput: () => SwitchHiddenInput,
+  SwitchLabel: () => SwitchLabel,
+  SwitchParts: () => SwitchParts,
+  SwitchRoot: () => SwitchRoot,
+  SwitchThumb: () => SwitchThumb
+});
+module.exports = __toCommonJS(switch_exports);
+
+// src/components/switch/primitives.tsx
+var import_react = require("@ark-ui/react");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SwitchRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = (0, import_recipes.switchRecipe)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function SwitchLabel(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+}
+function SwitchControl(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function SwitchThumb(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { ...props, className: (0, import_css.cx)(styles.thumb, props.className) });
+}
+var SwitchHiddenInput = import_react.Switch.HiddenInput;
+
+// src/components/switch/parts.ts
+var SwitchParts = {
+  Root: SwitchRoot,
+  Label: SwitchLabel,
+  Control: SwitchControl,
+  Thumb: SwitchThumb,
+  HiddenInput: SwitchHiddenInput
+};
+
+// src/context/cerberus.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CerberusContext = (0, import_react2.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react2.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/switch/switch-indicator.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SwitchIndicator() {
+  const { icons } = useCerberusContext();
+  const { toggleChecked: CheckIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {});
+}
+
+// src/components/switch/switch.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Switch2(props) {
+  const { children, ...rootProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SwitchParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.Thumb, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchIndicator, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.Label, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.HiddenInput, {})
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch,
+  SwitchControl,
+  SwitchHiddenInput,
+  SwitchLabel,
+  SwitchParts,
+  SwitchRoot,
+  SwitchThumb
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/components/switch/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/index.ts","../../../../src/components/switch/primitives.tsx","../../../../src/components/switch/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/switch/switch-indicator.tsx","../../../../src/components/switch/switch.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './switch'\n","import {\n  Switch,\n  type SwitchControlProps,\n  type SwitchLabelProps,\n  type SwitchRootProps,\n  type SwitchThumbProps,\n} from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\n/**\n * The SwitchRoot component is the context provider for the Switch components.\n */\nexport function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps) {\n  const { size, ...rootProps } = props\n  const styles = switchRecipe({ size })\n  return (\n    <Switch.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The SwitchLabel component is the label for the Switch.\n */\nexport function SwitchLabel(props: SwitchLabelProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The SwitchControl component is the visual input for the Switch.\n */\nexport function SwitchControl(props: SwitchControlProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The SwitchThumb component is the thumb for the Switch.\n */\nexport function SwitchThumb(props: SwitchThumbProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Thumb {...props} className={cx(styles.thumb, props.className)} />\n  )\n}\n\n/**\n * The SwitchHiddenInput component is the native input for the Switch.\n */\nexport const SwitchHiddenInput = Switch.HiddenInput\n","import type { ElementType } from 'react'\nimport {\n  SwitchControl,\n  SwitchLabel,\n  SwitchRoot,\n  SwitchThumb,\n  SwitchHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface SwitchPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The visual input of the switch.\n   */\n  Control: ElementType\n  /**\n   * The thumb item of the switch.\n   */\n  Thumb: ElementType\n  /**\n   * The native input for the switch.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the SwitchParts object and\n * the entire family of components vs. only what you use.\n */\nexport const SwitchParts: SwitchPartsValue = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Control: SwitchControl,\n  Thumb: SwitchThumb,\n  HiddenInput: SwitchHiddenInput,\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\n\nexport function SwitchIndicator() {\n  const { icons } = useCerberusContext()\n  const { toggleChecked: CheckIcon } = icons\n  return <CheckIcon />\n}\n","import type { SwitchRootProps } from '@ark-ui/react'\nimport type { SwitchRecipeVariantProps } from '@cerberus/styled-system/recipes'\nimport { SwitchParts } from './parts'\nimport { SwitchIndicator } from './switch-indicator'\n\nexport type SwitchProps = SwitchRootProps & SwitchRecipeVariantProps\n\n/**\n * The Switch component is a and abstraction of the primitives that displays a\n * controlled Switch with a label.\n * @description [Cerberus Docs] https://cerberus.digitalu.design/react/switch\n * @description [Ark Docs] https://ark-ui.com/docs/components/switch\n */\nexport function Switch(props: SwitchProps) {\n  const { children, ...rootProps } = props\n\n  return (\n    <SwitchParts.Root {...rootProps}>\n      <SwitchParts.Control>\n        <SwitchParts.Thumb>\n          <SwitchIndicator />\n        </SwitchParts.Thumb>\n      </SwitchParts.Control>\n\n      <SwitchParts.Label>{children}</SwitchParts.Label>\n\n      <SwitchParts.HiddenInput />\n    </SwitchParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAMO;AACP,iBAAmB;AACnB,qBAGO;AAcH;AAJG,SAAS,WAAW,OAAmD;AAC5E,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,6BAAa,EAAE,KAAK,CAAC;AACpC,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,6BAAa;AAC5B,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,IAAM,oBAAoB,oBAAO;;;ACtBjC,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;;;AClDA,IAAAC,gBAAkE;AAyB9D,IAAAC,sBAAA;AAfJ,IAAM,sBAAkB,6BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,0BAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ACpCS,IAAAC,sBAAA;AAHF,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,UAAU,IAAI;AACrC,SAAO,6CAAC,aAAU;AACpB;;;ACSI,IAAAC,sBAAA;AAJG,SAASC,QAAO,OAAoB;AACzC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,SACE,8CAAC,YAAY,MAAZ,EAAkB,GAAG,WACpB;AAAA,iDAAC,YAAY,SAAZ,EACC,uDAAC,YAAY,OAAZ,EACC,uDAAC,mBAAgB,GACnB,GACF;AAAA,IAEA,6CAAC,YAAY,OAAZ,EAAmB,UAAS;AAAA,IAE7B,6CAAC,YAAY,aAAZ,EAAwB;AAAA,KAC3B;AAEJ;","names":["Switch","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Switch"]}

package/build/legacy/components/switch/parts.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/switch/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  SwitchParts: () => SwitchParts
+});
+module.exports = __toCommonJS(parts_exports);
+
+// src/components/switch/primitives.tsx
+var import_react = require("@ark-ui/react");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SwitchRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = (0, import_recipes.switchRecipe)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function SwitchLabel(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+}
+function SwitchControl(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function SwitchThumb(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { ...props, className: (0, import_css.cx)(styles.thumb, props.className) });
+}
+var SwitchHiddenInput = import_react.Switch.HiddenInput;
+
+// src/components/switch/parts.ts
+var SwitchParts = {
+  Root: SwitchRoot,
+  Label: SwitchLabel,
+  Control: SwitchControl,
+  Thumb: SwitchThumb,
+  HiddenInput: SwitchHiddenInput
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchParts
+});
+//# sourceMappingURL=parts.cjs.map

package/build/legacy/components/switch/parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/parts.ts","../../../../src/components/switch/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  SwitchControl,\n  SwitchLabel,\n  SwitchRoot,\n  SwitchThumb,\n  SwitchHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface SwitchPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The visual input of the switch.\n   */\n  Control: ElementType\n  /**\n   * The thumb item of the switch.\n   */\n  Thumb: ElementType\n  /**\n   * The native input for the switch.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the SwitchParts object and\n * the entire family of components vs. only what you use.\n */\nexport const SwitchParts: SwitchPartsValue = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Control: SwitchControl,\n  Thumb: SwitchThumb,\n  HiddenInput: SwitchHiddenInput,\n}\n","import {\n  Switch,\n  type SwitchControlProps,\n  type SwitchLabelProps,\n  type SwitchRootProps,\n  type SwitchThumbProps,\n} from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\n/**\n * The SwitchRoot component is the context provider for the Switch components.\n */\nexport function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps) {\n  const { size, ...rootProps } = props\n  const styles = switchRecipe({ size })\n  return (\n    <Switch.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The SwitchLabel component is the label for the Switch.\n */\nexport function SwitchLabel(props: SwitchLabelProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The SwitchControl component is the visual input for the Switch.\n */\nexport function SwitchControl(props: SwitchControlProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The SwitchThumb component is the thumb for the Switch.\n */\nexport function SwitchThumb(props: SwitchThumbProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Thumb {...props} className={cx(styles.thumb, props.className)} />\n  )\n}\n\n/**\n * The SwitchHiddenInput component is the native input for the Switch.\n */\nexport const SwitchHiddenInput = Switch.HiddenInput\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAMO;AACP,iBAAmB;AACnB,qBAGO;AAcH;AAJG,SAAS,WAAW,OAAmD;AAC5E,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,6BAAa,EAAE,KAAK,CAAC;AACpC,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,6BAAa;AAC5B,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,IAAM,oBAAoB,oBAAO;;;ADtBjC,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;","names":[]}

package/build/legacy/components/switch/primitives.cjs

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/switch/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  SwitchControl: () => SwitchControl,
+  SwitchHiddenInput: () => SwitchHiddenInput,
+  SwitchLabel: () => SwitchLabel,
+  SwitchRoot: () => SwitchRoot,
+  SwitchThumb: () => SwitchThumb
+});
+module.exports = __toCommonJS(primitives_exports);
+var import_react = require("@ark-ui/react");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SwitchRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = (0, import_recipes.switchRecipe)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function SwitchLabel(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+}
+function SwitchControl(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function SwitchThumb(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { ...props, className: (0, import_css.cx)(styles.thumb, props.className) });
+}
+var SwitchHiddenInput = import_react.Switch.HiddenInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchControl,
+  SwitchHiddenInput,
+  SwitchLabel,
+  SwitchRoot,
+  SwitchThumb
+});
+//# sourceMappingURL=primitives.cjs.map

package/build/legacy/components/switch/primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/primitives.tsx"],"sourcesContent":["import {\n  Switch,\n  type SwitchControlProps,\n  type SwitchLabelProps,\n  type SwitchRootProps,\n  type SwitchThumbProps,\n} from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\n/**\n * The SwitchRoot component is the context provider for the Switch components.\n */\nexport function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps) {\n  const { size, ...rootProps } = props\n  const styles = switchRecipe({ size })\n  return (\n    <Switch.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The SwitchLabel component is the label for the Switch.\n */\nexport function SwitchLabel(props: SwitchLabelProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The SwitchControl component is the visual input for the Switch.\n */\nexport function SwitchControl(props: SwitchControlProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The SwitchThumb component is the thumb for the Switch.\n */\nexport function SwitchThumb(props: SwitchThumbProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Thumb {...props} className={cx(styles.thumb, props.className)} />\n  )\n}\n\n/**\n * The SwitchHiddenInput component is the native input for the Switch.\n */\nexport const SwitchHiddenInput = Switch.HiddenInput\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,iBAAmB;AACnB,qBAGO;AAcH;AAJG,SAAS,WAAW,OAAmD;AAC5E,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,6BAAa,EAAE,KAAK,CAAC;AACpC,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,6BAAa;AAC5B,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,IAAM,oBAAoB,oBAAO;","names":[]}

package/build/legacy/components/switch/switch-indicator.cjs

@@ -0,0 +1,51 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/switch/switch-indicator.tsx
+var switch_indicator_exports = {};
+__export(switch_indicator_exports, {
+  SwitchIndicator: () => SwitchIndicator
+});
+module.exports = __toCommonJS(switch_indicator_exports);
+
+// src/context/cerberus.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusContext = (0, import_react.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/switch/switch-indicator.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function SwitchIndicator() {
+  const { icons } = useCerberusContext();
+  const { toggleChecked: CheckIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, {});
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchIndicator
+});
+//# sourceMappingURL=switch-indicator.cjs.map

package/build/legacy/components/switch/switch-indicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/switch-indicator.tsx","../../../../src/context/cerberus.tsx"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\n\nexport function SwitchIndicator() {\n  const { icons } = useCerberusContext()\n  const { toggleChecked: CheckIcon } = icons\n  return <CheckIcon />\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAAkE;AAyB9D;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ADpCS,IAAAA,sBAAA;AAHF,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,UAAU,IAAI;AACrC,SAAO,6CAAC,aAAU;AACpB;","names":["import_jsx_runtime"]}

package/build/legacy/components/switch/switch.cjs

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/switch/switch.tsx
+var switch_exports = {};
+__export(switch_exports, {
+  Switch: () => Switch2
+});
+module.exports = __toCommonJS(switch_exports);
+
+// src/components/switch/primitives.tsx
+var import_react = require("@ark-ui/react");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SwitchRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = (0, import_recipes.switchRecipe)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function SwitchLabel(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+}
+function SwitchControl(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react.Switch.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function SwitchThumb(props) {
+  const styles = (0, import_recipes.switchRecipe)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { ...props, className: (0, import_css.cx)(styles.thumb, props.className) });
+}
+var SwitchHiddenInput = import_react.Switch.HiddenInput;
+
+// src/components/switch/parts.ts
+var SwitchParts = {
+  Root: SwitchRoot,
+  Label: SwitchLabel,
+  Control: SwitchControl,
+  Thumb: SwitchThumb,
+  HiddenInput: SwitchHiddenInput
+};
+
+// src/context/cerberus.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CerberusContext = (0, import_react2.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react2.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/switch/switch-indicator.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SwitchIndicator() {
+  const { icons } = useCerberusContext();
+  const { toggleChecked: CheckIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {});
+}
+
+// src/components/switch/switch.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Switch2(props) {
+  const { children, ...rootProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SwitchParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.Thumb, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchIndicator, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.Label, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SwitchParts.HiddenInput, {})
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});
+//# sourceMappingURL=switch.cjs.map

package/build/legacy/components/switch/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/switch.tsx","../../../../src/components/switch/primitives.tsx","../../../../src/components/switch/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/switch/switch-indicator.tsx"],"sourcesContent":["import type { SwitchRootProps } from '@ark-ui/react'\nimport type { SwitchRecipeVariantProps } from '@cerberus/styled-system/recipes'\nimport { SwitchParts } from './parts'\nimport { SwitchIndicator } from './switch-indicator'\n\nexport type SwitchProps = SwitchRootProps & SwitchRecipeVariantProps\n\n/**\n * The Switch component is a and abstraction of the primitives that displays a\n * controlled Switch with a label.\n * @description [Cerberus Docs] https://cerberus.digitalu.design/react/switch\n * @description [Ark Docs] https://ark-ui.com/docs/components/switch\n */\nexport function Switch(props: SwitchProps) {\n  const { children, ...rootProps } = props\n\n  return (\n    <SwitchParts.Root {...rootProps}>\n      <SwitchParts.Control>\n        <SwitchParts.Thumb>\n          <SwitchIndicator />\n        </SwitchParts.Thumb>\n      </SwitchParts.Control>\n\n      <SwitchParts.Label>{children}</SwitchParts.Label>\n\n      <SwitchParts.HiddenInput />\n    </SwitchParts.Root>\n  )\n}\n","import {\n  Switch,\n  type SwitchControlProps,\n  type SwitchLabelProps,\n  type SwitchRootProps,\n  type SwitchThumbProps,\n} from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\n/**\n * The SwitchRoot component is the context provider for the Switch components.\n */\nexport function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps) {\n  const { size, ...rootProps } = props\n  const styles = switchRecipe({ size })\n  return (\n    <Switch.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The SwitchLabel component is the label for the Switch.\n */\nexport function SwitchLabel(props: SwitchLabelProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The SwitchControl component is the visual input for the Switch.\n */\nexport function SwitchControl(props: SwitchControlProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The SwitchThumb component is the thumb for the Switch.\n */\nexport function SwitchThumb(props: SwitchThumbProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Thumb {...props} className={cx(styles.thumb, props.className)} />\n  )\n}\n\n/**\n * The SwitchHiddenInput component is the native input for the Switch.\n */\nexport const SwitchHiddenInput = Switch.HiddenInput\n","import type { ElementType } from 'react'\nimport {\n  SwitchControl,\n  SwitchLabel,\n  SwitchRoot,\n  SwitchThumb,\n  SwitchHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface SwitchPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The visual input of the switch.\n   */\n  Control: ElementType\n  /**\n   * The thumb item of the switch.\n   */\n  Thumb: ElementType\n  /**\n   * The native input for the switch.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the SwitchParts object and\n * the entire family of components vs. only what you use.\n */\nexport const SwitchParts: SwitchPartsValue = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Control: SwitchControl,\n  Thumb: SwitchThumb,\n  HiddenInput: SwitchHiddenInput,\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\n\nexport function SwitchIndicator() {\n  const { icons } = useCerberusContext()\n  const { toggleChecked: CheckIcon } = icons\n  return <CheckIcon />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA;AAAA;;;ACAA,mBAMO;AACP,iBAAmB;AACnB,qBAGO;AAcH;AAJG,SAAS,WAAW,OAAmD;AAC5E,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,6BAAa,EAAE,KAAK,CAAC;AACpC,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,6BAAa;AAC5B,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,IAAM,oBAAoB,oBAAO;;;ACtBjC,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;;;AClDA,IAAAC,gBAAkE;AAyB9D,IAAAC,sBAAA;AAfJ,IAAM,sBAAkB,6BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,0BAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ACpCS,IAAAC,sBAAA;AAHF,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,UAAU,IAAI;AACrC,SAAO,6CAAC,aAAU;AACpB;;;AJSI,IAAAC,sBAAA;AAJG,SAASC,QAAO,OAAoB;AACzC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,SACE,8CAAC,YAAY,MAAZ,EAAkB,GAAG,WACpB;AAAA,iDAAC,YAAY,SAAZ,EACC,uDAAC,YAAY,OAAZ,EACC,uDAAC,mBAAgB,GACnB,GACF;AAAA,IAEA,6CAAC,YAAY,OAAZ,EAAmB,UAAS;AAAA,IAE7B,6CAAC,YAAY,aAAZ,EAAwB;AAAA,KAC3B;AAEJ;","names":["Switch","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Switch"]}

package/build/legacy/components/toggle/index.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/toggle/index.ts
+var toggle_exports = {};
+__export(toggle_exports, {
+  ToggleIndicator: () => ToggleIndicator,
+  ToggleParts: () => ToggleParts,
+  ToggleRoot: () => ToggleRoot
+});
+module.exports = __toCommonJS(toggle_exports);
+
+// src/components/toggle/primitives.tsx
+var import_toggle = require("@ark-ui/react/toggle");
+var ToggleRoot = import_toggle.Toggle.Root;
+var ToggleIndicator = import_toggle.Toggle.Indicator;
+
+// src/components/toggle/parts.ts
+var ToggleParts = {
+  Root: ToggleRoot,
+  Indicator: ToggleIndicator
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToggleIndicator,
+  ToggleParts,
+  ToggleRoot
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/components/toggle/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/toggle/index.ts","../../../../src/components/toggle/primitives.tsx","../../../../src/components/toggle/parts.ts"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\n","import { Toggle } from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport const ToggleRoot = Toggle.Root\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport const ToggleIndicator = Toggle.Indicator\n","import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAuB;AAUhB,IAAM,aAAa,qBAAO;AAM1B,IAAM,kBAAkB,qBAAO;;;ACY/B,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

package/build/legacy/components/toggle/parts.cjs

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/toggle/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  ToggleParts: () => ToggleParts
+});
+module.exports = __toCommonJS(parts_exports);
+
+// src/components/toggle/primitives.tsx
+var import_toggle = require("@ark-ui/react/toggle");
+var ToggleRoot = import_toggle.Toggle.Root;
+var ToggleIndicator = import_toggle.Toggle.Indicator;
+
+// src/components/toggle/parts.ts
+var ToggleParts = {
+  Root: ToggleRoot,
+  Indicator: ToggleIndicator
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToggleParts
+});
+//# sourceMappingURL=parts.cjs.map

package/build/legacy/components/toggle/parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/toggle/parts.ts","../../../../src/components/toggle/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n","import { Toggle } from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport const ToggleRoot = Toggle.Root\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport const ToggleIndicator = Toggle.Indicator\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAuB;AAUhB,IAAM,aAAa,qBAAO;AAM1B,IAAM,kBAAkB,qBAAO;;;ADY/B,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

package/build/legacy/components/toggle/primitives.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/toggle/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  ToggleIndicator: () => ToggleIndicator,
+  ToggleRoot: () => ToggleRoot
+});
+module.exports = __toCommonJS(primitives_exports);
+var import_toggle = require("@ark-ui/react/toggle");
+var ToggleRoot = import_toggle.Toggle.Root;
+var ToggleIndicator = import_toggle.Toggle.Indicator;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToggleIndicator,
+  ToggleRoot
+});
+//# sourceMappingURL=primitives.cjs.map

package/build/legacy/components/toggle/primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/toggle/primitives.tsx"],"sourcesContent":["import { Toggle } from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport const ToggleRoot = Toggle.Root\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport const ToggleIndicator = Toggle.Indicator\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AAUhB,IAAM,aAAa,qBAAO;AAM1B,IAAM,kBAAkB,qBAAO;","names":[]}

package/build/legacy/hooks/useToggle.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useToggle.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useState, type ChangeEvent } from 'react'\n\n/**\n * This module provides a hook for using a toggle.\n * @module useToggle\n */\n\nexport interface UseToggleOptions {\n  /**\n   * The initial checked state.\n   */\n  checked?: string\n  /**\n   * Called when the checked state changes.\n   */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n}\nexport interface ToggleHookReturn {\n  /**\n   * The checked state.\n   */\n  checked: string\n  /**\n   * A custom handler to be called when the checked state changes.\n   */\n  handleChange: (e: ChangeEvent<HTMLInputElement>) => void\n}\n\n/**\n * Provides a hook for using a toggle.\n * @see https://cerberus.digitalu.design/react/use-toggle\n * @memberof module:Toggle\n */\nexport function useToggle(options?: UseToggleOptions): ToggleHookReturn {\n  const [checked, setChecked] = useState<string>(options?.checked ?? '')\n  const onChange = options?.onChange\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const target = e.currentTarget as HTMLInputElement\n      setChecked((prev) => {\n        return prev === target.value ? '' : target.value\n      })\n      onChange?.(e)\n    },\n    [onChange],\n  )\n\n  return useMemo(() => ({ checked, handleChange }), [checked, handleChange])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAiE;AAiC1D,SAAS,UAAU,SAA8C;AACtE,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAiB,mCAAS,YAAW,EAAE;AACrE,QAAM,WAAW,mCAAS;AAE1B,QAAM,mBAAe;AAAA,IACnB,CAAC,MAAqC;AACpC,YAAM,SAAS,EAAE;AACjB,iBAAW,CAAC,SAAS;AACnB,eAAO,SAAS,OAAO,QAAQ,KAAK,OAAO;AAAA,MAC7C,CAAC;AACD,2CAAW;AAAA,IACb;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,aAAO,sBAAQ,OAAO,EAAE,SAAS,aAAa,IAAI,CAAC,SAAS,YAAY,CAAC;AAC3E;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useToggle.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useState, type ChangeEvent } from 'react'\n\n/**\n * This module provides a hook for using a toggle.\n * @module useToggle\n */\n\nexport interface UseToggleOptions {\n  /**\n   * The initial checked state.\n   */\n  checked?: string\n  /**\n   * Called when the checked state changes.\n   */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n}\nexport interface ToggleHookReturn {\n  /**\n   * The checked state.\n   */\n  checked: string\n  /**\n   * A custom handler to be called when the checked state changes.\n   */\n  handleChange: (e: ChangeEvent<HTMLInputElement>) => void\n}\n\n/**\n * @deprecated Will be removed in v1. Use ToggleParts instead.\n */\nexport function useToggle(options?: UseToggleOptions): ToggleHookReturn {\n  const [checked, setChecked] = useState<string>(options?.checked ?? '')\n  const onChange = options?.onChange\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const target = e.currentTarget as HTMLInputElement\n      setChecked((prev) => {\n        return prev === target.value ? '' : target.value\n      })\n      onChange?.(e)\n    },\n    [onChange],\n  )\n\n  return useMemo(() => ({ checked, handleChange }), [checked, handleChange])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAiE;AA+B1D,SAAS,UAAU,SAA8C;AACtE,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAiB,mCAAS,YAAW,EAAE;AACrE,QAAM,WAAW,mCAAS;AAE1B,QAAM,mBAAe;AAAA,IACnB,CAAC,MAAqC;AACpC,YAAM,SAAS,EAAE;AACjB,iBAAW,CAAC,SAAS;AACnB,eAAO,SAAS,OAAO,QAAQ,KAAK,OAAO;AAAA,MAC7C,CAAC;AACD,2CAAW;AAAA,IACb;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,aAAO,sBAAQ,OAAO,EAAE,SAAS,aAAa,IAAI,CAAC,SAAS,YAAY,CAAC;AAC3E;","names":[]}