@locus-ui/components 0.0.16 → 0.1.0

package/dist/components/switch/label/switch-label.d.mts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { SwitchLabelInternalProps } from './switch-label.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllSwitchLabelProps extends SwitchLabelInternalProps {
+}
+type SwitchLabelProps = AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+/** Label for a switch component. */
+declare const SwitchLabel: React__default.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLLabelElement>>;
+
+export { type AllSwitchLabelProps, SwitchLabel, type SwitchLabelProps };

package/dist/components/switch/label/switch-label.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { SwitchLabelInternalProps } from './switch-label.props.js';
+import '../../../props/prop-def.js';
+
+interface AllSwitchLabelProps extends SwitchLabelInternalProps {
+}
+type SwitchLabelProps = AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+/** Label for a switch component. */
+declare const SwitchLabel: React__default.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLLabelElement>>;
+
+export { type AllSwitchLabelProps, SwitchLabel, type SwitchLabelProps };

package/dist/components/switch/label/switch-label.js

@@ -0,0 +1,69 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var switch_label_exports = {};
+__export(switch_label_exports, {
+  SwitchLabel: () => SwitchLabel
+});
+module.exports = __toCommonJS(switch_label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_text = require("../../text");
+var import_switch_context = require("../switch-context");
+var import_switch_label = require("./switch-label.props");
+const SwitchLabel = import_react.default.forwardRef(
+  (props, ref) => {
+    const context = (0, import_switch_context.useSwitchContext)();
+    const { className, children, position } = (0, import_get_component_props.getComponentProps)(
+      props,
+      import_switch_label.SwitchLabelPropDefs
+    );
+    import_react.default.useLayoutEffect(() => {
+      context.setLabelPosition?.(position ?? "right");
+    }, [position, context.setLabelPosition]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "label",
+      {
+        ref,
+        htmlFor: context.labelId,
+        className: (0, import_clsx.default)("switch-label", className),
+        ...position && { [`data-position`]: position },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { children })
+      }
+    );
+  }
+);
+SwitchLabel.displayName = "Switch.Label";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchLabel
+});
+//# sourceMappingURL=switch-label.js.map

package/dist/components/switch/label/switch-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/label/switch-label.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Text } from \"../../text\";\nimport { useSwitchContext } from \"../switch-context\";\nimport {\n  SwitchLabelInternalProps,\n  SwitchLabelPropDefs,\n} from \"./switch-label.props\";\n\ninterface AllSwitchLabelProps extends SwitchLabelInternalProps {}\n\ntype SwitchLabelProps = AllSwitchLabelProps &\n  Omit<React.HTMLAttributes<HTMLLabelElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Label for a switch component. */\nconst SwitchLabel = React.forwardRef<HTMLLabelElement, SwitchLabelProps>(\n  (props, ref) => {\n    const context = useSwitchContext();\n    const { className, children, position } = getComponentProps(\n      props,\n      SwitchLabelPropDefs,\n    );\n\n    React.useLayoutEffect(() => {\n      context.setLabelPosition?.(position ?? \"right\");\n    }, [position, context.setLabelPosition]);\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={context.labelId}\n        className={clsx(\"switch-label\", className)}\n        {...(position && { [`data-position`]: position })}\n      >\n        <Text>{children}</Text>\n      </label>\n    );\n  },\n);\nSwitchLabel.displayName = \"Switch.Label\";\n\nexport { AllSwitchLabelProps, SwitchLabel, SwitchLabelProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AArCR,kBAAiB;AACjB,mBAAkB;AAClB,iCAAkC;AAClC,kBAAqB;AACrB,4BAAiC;AACjC,0BAGO;AAUP,MAAM,cAAc,aAAAA,QAAM;AAAA,EACxB,CAAC,OAAO,QAAQ;AACd,UAAM,cAAU,wCAAiB;AACjC,UAAM,EAAE,WAAW,UAAU,SAAS,QAAI;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAEA,iBAAAA,QAAM,gBAAgB,MAAM;AAC1B,cAAQ,mBAAmB,YAAY,OAAO;AAAA,IAChD,GAAG,CAAC,UAAU,QAAQ,gBAAgB,CAAC;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,eAAW,YAAAC,SAAK,gBAAgB,SAAS;AAAA,QACxC,GAAI,YAAY,EAAE,CAAC,eAAe,GAAG,SAAS;AAAA,QAE/C,sDAAC,oBAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":["React","clsx"]}

package/dist/components/switch/label/switch-label.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { Text } from "../../text";
+import { useSwitchContext } from "../switch-context";
+import {
+  SwitchLabelPropDefs
+} from "./switch-label.props";
+const SwitchLabel = React.forwardRef(
+  (props, ref) => {
+    const context = useSwitchContext();
+    const { className, children, position } = getComponentProps(
+      props,
+      SwitchLabelPropDefs
+    );
+    React.useLayoutEffect(() => {
+      context.setLabelPosition?.(position ?? "right");
+    }, [position, context.setLabelPosition]);
+    return /* @__PURE__ */ jsx(
+      "label",
+      {
+        ref,
+        htmlFor: context.labelId,
+        className: clsx("switch-label", className),
+        ...position && { [`data-position`]: position },
+        children: /* @__PURE__ */ jsx(Text, { children })
+      }
+    );
+  }
+);
+SwitchLabel.displayName = "Switch.Label";
+export {
+  SwitchLabel
+};
+//# sourceMappingURL=switch-label.mjs.map

package/dist/components/switch/label/switch-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/label/switch-label.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Text } from \"../../text\";\nimport { useSwitchContext } from \"../switch-context\";\nimport {\n  SwitchLabelInternalProps,\n  SwitchLabelPropDefs,\n} from \"./switch-label.props\";\n\ninterface AllSwitchLabelProps extends SwitchLabelInternalProps {}\n\ntype SwitchLabelProps = AllSwitchLabelProps &\n  Omit<React.HTMLAttributes<HTMLLabelElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Label for a switch component. */\nconst SwitchLabel = React.forwardRef<HTMLLabelElement, SwitchLabelProps>(\n  (props, ref) => {\n    const context = useSwitchContext();\n    const { className, children, position } = getComponentProps(\n      props,\n      SwitchLabelPropDefs,\n    );\n\n    React.useLayoutEffect(() => {\n      context.setLabelPosition?.(position ?? \"right\");\n    }, [position, context.setLabelPosition]);\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={context.labelId}\n        className={clsx(\"switch-label\", className)}\n        {...(position && { [`data-position`]: position })}\n      >\n        <Text>{children}</Text>\n      </label>\n    );\n  },\n);\nSwitchLabel.displayName = \"Switch.Label\";\n\nexport { AllSwitchLabelProps, SwitchLabel, SwitchLabelProps };\n"],"mappings":";AAuCQ;AArCR,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,OACK;AAUP,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ;AACd,UAAM,UAAU,iBAAiB;AACjC,UAAM,EAAE,WAAW,UAAU,SAAS,IAAI;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,gBAAgB,MAAM;AAC1B,cAAQ,mBAAmB,YAAY,OAAO;AAAA,IAChD,GAAG,CAAC,UAAU,QAAQ,gBAAgB,CAAC;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,WAAW,KAAK,gBAAgB,SAAS;AAAA,QACxC,GAAI,YAAY,EAAE,CAAC,eAAe,GAAG,SAAS;AAAA,QAE/C,8BAAC,QAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

package/dist/components/switch/label/switch-label.props.d.mts

@@ -0,0 +1,20 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const labelPositions: readonly ["top", "left", "right", "bottom"];
+type LabelPosition = (typeof labelPositions)[number];
+declare const SwitchLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the switch.
+     *
+     * @example position="left" // positions the label to the left of the switch
+     * @example position="top" // positions the label above the switch
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;
+
+export { type LabelPosition, type SwitchLabelInternalProps, SwitchLabelPropDefs, labelPositions };

package/dist/components/switch/label/switch-label.props.d.ts

@@ -0,0 +1,20 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const labelPositions: readonly ["top", "left", "right", "bottom"];
+type LabelPosition = (typeof labelPositions)[number];
+declare const SwitchLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the switch.
+     *
+     * @example position="left" // positions the label to the left of the switch
+     * @example position="top" // positions the label above the switch
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;
+
+export { type LabelPosition, type SwitchLabelInternalProps, SwitchLabelPropDefs, labelPositions };

package/dist/components/switch/label/switch-label.props.js

@@ -0,0 +1,44 @@
+"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);
+var switch_label_props_exports = {};
+__export(switch_label_props_exports, {
+  SwitchLabelPropDefs: () => SwitchLabelPropDefs,
+  labelPositions: () => labelPositions
+});
+module.exports = __toCommonJS(switch_label_props_exports);
+const labelPositions = ["top", "left", "right", "bottom"];
+const SwitchLabelPropDefs = {
+  /**
+   * Sets the position of the label relative to the switch.
+   *
+   * @example position="left" // positions the label to the left of the switch
+   * @example position="top" // positions the label above the switch
+   */
+  position: {
+    type: "enum",
+    values: labelPositions,
+    dataAttr: "position"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchLabelPropDefs,
+  labelPositions
+});
+//# sourceMappingURL=switch-label.props.js.map

package/dist/components/switch/label/switch-label.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/label/switch-label.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\n\nconst labelPositions = [\"top\", \"left\", \"right\", \"bottom\"] as const;\ntype LabelPosition = (typeof labelPositions)[number];\n\nconst SwitchLabelPropDefs = {\n  /**\n   * Sets the position of the label relative to the switch.\n   *\n   * @example position=\"left\" // positions the label to the left of the switch\n   * @example position=\"top\" // positions the label above the switch\n   */\n  position: {\n    type: \"enum\",\n    values: labelPositions,\n    dataAttr: \"position\",\n  } satisfies PropDef<LabelPosition>,\n} as const;\n\ntype SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;\n\nexport {\n  LabelPosition,\n  labelPositions,\n  SwitchLabelInternalProps,\n  SwitchLabelPropDefs,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,iBAAiB,CAAC,OAAO,QAAQ,SAAS,QAAQ;AAGxD,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO1B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/switch/label/switch-label.props.mjs

@@ -0,0 +1,19 @@
+const labelPositions = ["top", "left", "right", "bottom"];
+const SwitchLabelPropDefs = {
+  /**
+   * Sets the position of the label relative to the switch.
+   *
+   * @example position="left" // positions the label to the left of the switch
+   * @example position="top" // positions the label above the switch
+   */
+  position: {
+    type: "enum",
+    values: labelPositions,
+    dataAttr: "position"
+  }
+};
+export {
+  SwitchLabelPropDefs,
+  labelPositions
+};
+//# sourceMappingURL=switch-label.props.mjs.map

package/dist/components/switch/label/switch-label.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/label/switch-label.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\n\nconst labelPositions = [\"top\", \"left\", \"right\", \"bottom\"] as const;\ntype LabelPosition = (typeof labelPositions)[number];\n\nconst SwitchLabelPropDefs = {\n  /**\n   * Sets the position of the label relative to the switch.\n   *\n   * @example position=\"left\" // positions the label to the left of the switch\n   * @example position=\"top\" // positions the label above the switch\n   */\n  position: {\n    type: \"enum\",\n    values: labelPositions,\n    dataAttr: \"position\",\n  } satisfies PropDef<LabelPosition>,\n} as const;\n\ntype SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;\n\nexport {\n  LabelPosition,\n  labelPositions,\n  SwitchLabelInternalProps,\n  SwitchLabelPropDefs,\n};\n"],"mappings":"AAEA,MAAM,iBAAiB,CAAC,OAAO,QAAQ,SAAS,QAAQ;AAGxD,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO1B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/switch/root/switch-root.d.mts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, FC } from 'react';
+import { AlignProp } from '../../../props/align.prop.mjs';
+import { ColorProp } from '../../../props/color.prop.mjs';
+import { MarginProps } from '../../../props/margin.prop.mjs';
+import { SizeProp } from '../../../props/size.prop.mjs';
+import { WithStrictChildren } from '../../../utils/filter-children.mjs';
+import { SwitchIndicatorProps } from '../indicator/switch-indicator.mjs';
+import { SwitchLabelProps } from '../label/switch-label.mjs';
+import { SwitchRootInternalProps } from './switch-root.props.mjs';
+import '../../../props/prop-def.mjs';
+import '../../../utils/parse-color.mjs';
+import '../indicator/switch-indicator.props.mjs';
+import '../label/switch-label.props.mjs';
+
+interface AllSwitchRootProps extends SwitchRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Switch, managing state, context, and styling.
+ */
+type SwitchRootProps = AllSwitchRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, SwitchLabelProps | SwitchIndicatorProps>;
+declare const SwitchRoot: FC<SwitchRootProps>;
+
+export { type AllSwitchRootProps, SwitchRoot, type SwitchRootProps };

package/dist/components/switch/root/switch-root.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, FC } from 'react';
+import { AlignProp } from '../../../props/align.prop.js';
+import { ColorProp } from '../../../props/color.prop.js';
+import { MarginProps } from '../../../props/margin.prop.js';
+import { SizeProp } from '../../../props/size.prop.js';
+import { WithStrictChildren } from '../../../utils/filter-children.js';
+import { SwitchIndicatorProps } from '../indicator/switch-indicator.js';
+import { SwitchLabelProps } from '../label/switch-label.js';
+import { SwitchRootInternalProps } from './switch-root.props.js';
+import '../../../props/prop-def.js';
+import '../../../utils/parse-color.js';
+import '../indicator/switch-indicator.props.js';
+import '../label/switch-label.props.js';
+
+interface AllSwitchRootProps extends SwitchRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Switch, managing state, context, and styling.
+ */
+type SwitchRootProps = AllSwitchRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, SwitchLabelProps | SwitchIndicatorProps>;
+declare const SwitchRoot: FC<SwitchRootProps>;
+
+export { type AllSwitchRootProps, SwitchRoot, type SwitchRootProps };

package/dist/components/switch/root/switch-root.js

@@ -0,0 +1,180 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var switch_root_exports = {};
+__export(switch_root_exports, {
+  SwitchRoot: () => SwitchRoot
+});
+module.exports = __toCommonJS(switch_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_props = require("../../../props");
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_use_controllable_state = require("../../../utils/use-controllable-state");
+var import_switch_indicator = require("../indicator/switch-indicator");
+var import_switch_label = require("../label/switch-label");
+var import_switch_context = require("../switch-context");
+var import_switch_root = require("./switch-root.props");
+const ALLOWED_CHILDREN = [
+  import_switch_label.SwitchLabel.displayName,
+  import_switch_indicator.SwitchIndicator.displayName
+];
+const SwitchRoot = (props) => {
+  const {
+    name,
+    size,
+    color,
+    variant,
+    checked,
+    dataAttrs,
+    style,
+    className,
+    onCheckedChange,
+    value: valueProp,
+    disabled = false,
+    required = false,
+    readonly = false,
+    defaultChecked = false
+  } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_switch_root.SwitchRootPropsDefs,
+    import_props.AlignPropDef,
+    import_props.MarginPropDefs,
+    import_props.SizePropDef,
+    import_props.ColorPropDef
+  );
+  const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+    value: valueProp || checked,
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange
+  });
+  const labelId = (0, import_react.useId)();
+  const [labelPosition, setLabelPosition] = (0, import_react.useState)("right");
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  const [focused, setFocused] = (0, import_react.useState)(false);
+  const validChildren = (0, import_filter_children.filterChildren)(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: SwitchRoot.displayName,
+    allowedTypes: [import_switch_label.SwitchLabel, import_switch_indicator.SwitchIndicator]
+  });
+  const { restDataAttrs } = (0, import_react.useMemo)(() => {
+    const { ["data-color"]: _, ...restDataAttrs2 } = dataAttrs || {};
+    return { restDataAttrs: restDataAttrs2 };
+  }, [dataAttrs]);
+  const { indicator, otherChildren } = (0, import_react.useMemo)(() => {
+    const indicatorIndex = validChildren.findIndex(
+      (child) => (0, import_react.isValidElement)(child) && (0, import_filter_children.matchesComponent)(child.type, import_switch_indicator.SwitchIndicator)
+    );
+    if (indicatorIndex > -1) {
+      return {
+        indicator: validChildren[indicatorIndex],
+        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex)
+      };
+    }
+    return {
+      indicator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch_indicator.SwitchIndicator, { size }),
+      otherChildren: validChildren
+    };
+  }, [validChildren, size]);
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      name,
+      value,
+      color,
+      setValue,
+      onCheckedChange,
+      labelId,
+      labelPosition,
+      setLabelPosition,
+      variant,
+      hovered,
+      setHovered,
+      focused,
+      setFocused,
+      disabled,
+      readonly,
+      required
+    }),
+    [
+      name,
+      value,
+      color,
+      onCheckedChange,
+      setValue,
+      labelId,
+      labelPosition,
+      hovered,
+      focused,
+      disabled,
+      readonly,
+      required
+    ]
+  );
+  const handleClick = () => {
+    if (disabled || readonly) return;
+    setValue(!value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch_context.SwitchContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx.default)("switch-root", className),
+      onClick: () => handleClick(),
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...restDataAttrs,
+      children: [
+        otherChildren,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_clsx.default)("switch-container", className),
+            "data-size": size,
+            "data-color": color,
+            "data-checked": value,
+            "data-hovered": hovered,
+            "data-focused": focused,
+            "data-variant": variant,
+            style,
+            children: indicator
+          }
+        ),
+        name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "hidden", name, value: String(value) })
+      ]
+    }
+  ) });
+};
+SwitchRoot.displayName = "Switch";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchRoot
+});
+//# sourceMappingURL=switch-root.js.map

package/dist/components/switch/root/switch-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/root/switch-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport {\n  FC,\n  HTMLAttributes,\n  isValidElement,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  AlignProp,\n  AlignPropDef,\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  matchesComponent,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport {\n  SwitchIndicator,\n  SwitchIndicatorProps,\n} from \"../indicator/switch-indicator\";\nimport { SwitchLabel, SwitchLabelProps } from \"../label/switch-label\";\nimport { LabelPosition } from \"../label/switch-label.props\";\nimport { SwitchContext } from \"../switch-context\";\nimport {\n  SwitchRootInternalProps,\n  SwitchRootPropsDefs,\n} from \"./switch-root.props\";\n\ninterface AllSwitchRootProps\n  extends\n    SwitchRootInternalProps,\n    AlignProp,\n    ColorProp,\n    MarginProps,\n    SizeProp {}\n\nconst ALLOWED_CHILDREN = [\n  SwitchLabel.displayName!,\n  SwitchIndicator.displayName!,\n];\n\n/**\n * A versatile Switch, managing state, context, and styling.\n */\ntype SwitchRootProps = AllSwitchRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    SwitchLabelProps | SwitchIndicatorProps\n  >;\n\nconst SwitchRoot: FC<SwitchRootProps> = (props) => {\n  const {\n    name,\n    size,\n    color,\n    variant,\n    checked,\n    dataAttrs,\n    style,\n    className,\n    onCheckedChange,\n    value: valueProp,\n    disabled = false,\n    required = false,\n    readonly = false,\n    defaultChecked = false,\n  } = getComponentProps(\n    props,\n    SwitchRootPropsDefs,\n    AlignPropDef,\n    MarginPropDefs,\n    SizePropDef,\n    ColorPropDef,\n  );\n\n  const [value, setValue] = useControllableState<boolean>({\n    value: valueProp || checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  const labelId = useId();\n  const [labelPosition, setLabelPosition] = useState<LabelPosition>(\"right\");\n\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: SwitchRoot.displayName,\n    allowedTypes: [SwitchLabel, SwitchIndicator],\n  });\n\n  const { restDataAttrs } = useMemo(() => {\n    const { [\"data-color\"]: _, ...restDataAttrs } = dataAttrs || {};\n    return { restDataAttrs };\n  }, [dataAttrs]);\n\n  const { indicator, otherChildren } = useMemo(() => {\n    const indicatorIndex = validChildren.findIndex(\n      (child) =>\n        isValidElement(child) && matchesComponent(child.type, SwitchIndicator),\n    );\n\n    if (indicatorIndex > -1) {\n      return {\n        indicator: validChildren[indicatorIndex],\n        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex),\n      };\n    }\n\n    return {\n      indicator: <SwitchIndicator size={size} />,\n      otherChildren: validChildren,\n    };\n  }, [validChildren, size]);\n\n  const contextValue = useMemo(\n    () => ({\n      name,\n      value,\n      color,\n      setValue,\n      onCheckedChange,\n      labelId,\n      labelPosition,\n      setLabelPosition,\n      variant,\n      hovered,\n      setHovered,\n      focused,\n      setFocused,\n      disabled,\n      readonly,\n      required,\n    }),\n    [\n      name,\n      value,\n      color,\n      onCheckedChange,\n      setValue,\n      labelId,\n      labelPosition,\n      hovered,\n      focused,\n      disabled,\n      readonly,\n      required,\n    ],\n  );\n\n  const handleClick = () => {\n    if (disabled || readonly) return;\n    setValue(!value);\n  };\n\n  return (\n    <SwitchContext.Provider value={contextValue}>\n      <div\n        className={clsx(\"switch-root\", className)}\n        onClick={() => handleClick()}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        {...restDataAttrs}\n      >\n        {otherChildren}\n\n        <div\n          className={clsx(\"switch-container\", className)}\n          data-size={size}\n          data-color={color}\n          data-checked={value}\n          data-hovered={hovered}\n          data-focused={focused}\n          data-variant={variant}\n          style={style}\n        >\n          {indicator}\n        </div>\n\n        {name && <input type=\"hidden\" name={name} value={String(value)} />}\n      </div>\n    </SwitchContext.Provider>\n  );\n};\nSwitchRoot.displayName = \"Switch\";\n\nexport { AllSwitchRootProps, SwitchRoot, SwitchRootProps };\n"],"mappings":"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","names":["restDataAttrs","clsx"]}