@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,163 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  isValidElement,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import {
+  AlignPropDef,
+  ColorPropDef,
+  MarginPropDefs,
+  SizePropDef
+} from "../../../props";
+import {
+  filterChildren,
+  matchesComponent
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useControllableState } from "../../../utils/use-controllable-state";
+import {
+  SwitchIndicator
+} from "../indicator/switch-indicator";
+import { SwitchLabel } from "../label/switch-label";
+import { SwitchContext } from "../switch-context";
+import {
+  SwitchRootPropsDefs
+} from "./switch-root.props";
+const ALLOWED_CHILDREN = [
+  SwitchLabel.displayName,
+  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
+  } = getComponentProps(
+    props,
+    SwitchRootPropsDefs,
+    AlignPropDef,
+    MarginPropDefs,
+    SizePropDef,
+    ColorPropDef
+  );
+  const [value, setValue] = useControllableState({
+    value: valueProp || checked,
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange
+  });
+  const labelId = useId();
+  const [labelPosition, setLabelPosition] = useState("right");
+  const [hovered, setHovered] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: SwitchRoot.displayName,
+    allowedTypes: [SwitchLabel, SwitchIndicator]
+  });
+  const { restDataAttrs } = useMemo(() => {
+    const { ["data-color"]: _, ...restDataAttrs2 } = dataAttrs || {};
+    return { restDataAttrs: restDataAttrs2 };
+  }, [dataAttrs]);
+  const { indicator, otherChildren } = useMemo(() => {
+    const indicatorIndex = validChildren.findIndex(
+      (child) => isValidElement(child) && matchesComponent(child.type, SwitchIndicator)
+    );
+    if (indicatorIndex > -1) {
+      return {
+        indicator: validChildren[indicatorIndex],
+        otherChildren: validChildren.filter((_, i) => i !== indicatorIndex)
+      };
+    }
+    return {
+      indicator: /* @__PURE__ */ jsx(SwitchIndicator, { size }),
+      otherChildren: validChildren
+    };
+  }, [validChildren, size]);
+  const contextValue = 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__ */ jsx(SwitchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx("switch-root", className),
+      onClick: () => handleClick(),
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...restDataAttrs,
+      children: [
+        otherChildren,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx("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__ */ jsx("input", { type: "hidden", name, value: String(value) })
+      ]
+    }
+  ) });
+};
+SwitchRoot.displayName = "Switch";
+export {
+  SwitchRoot
+};
+//# sourceMappingURL=switch-root.mjs.map

package/dist/components/switch/root/switch-root.mjs.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"]}

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

@@ -0,0 +1,76 @@
+import { GetPropDefTypes, FunctionPropDef } from '../../../props/prop-def.mjs';
+
+declare const SwitchVariants: readonly ["solid", "outlined", "muted"];
+declare const SwitchRootPropsDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the switch.
+     *
+     * When using an uncontrolled switch, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the switch (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the switch.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the switch component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the switch read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the switch as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the switch input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;
+
+export { type SwitchRootInternalProps, SwitchRootPropsDefs, SwitchVariants };

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

@@ -0,0 +1,76 @@
+import { GetPropDefTypes, FunctionPropDef } from '../../../props/prop-def.js';
+
+declare const SwitchVariants: readonly ["solid", "outlined", "muted"];
+declare const SwitchRootPropsDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the switch.
+     *
+     * When using an uncontrolled switch, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the switch (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the switch.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the switch component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the switch read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the switch as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the switch input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;
+
+export { type SwitchRootInternalProps, SwitchRootPropsDefs, SwitchVariants };

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

@@ -0,0 +1,103 @@
+"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_root_props_exports = {};
+__export(switch_root_props_exports, {
+  SwitchRootPropsDefs: () => SwitchRootPropsDefs,
+  SwitchVariants: () => SwitchVariants
+});
+module.exports = __toCommonJS(switch_root_props_exports);
+const SwitchVariants = ["solid", "outlined", "muted"];
+const SwitchRootPropsDefs = {
+  /**
+   * Sets the variant style of the switch ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: SwitchVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * Sets the checked state of the switch.
+   *
+   * When using an uncontrolled switch, use `defaultChecked` instead.
+   * @default undefined
+   */
+  checked: {
+    type: "boolean",
+    dataAttr: "checked"
+  },
+  /**
+   * The value of the switch (checked state).
+   */
+  value: {
+    type: "boolean"
+  },
+  /**
+   * Sets the default checked state of the switch.
+   * @default undefined
+   */
+  defaultChecked: {
+    type: "boolean"
+  },
+  /**
+   * Disables the switch component.
+   * @default undefined
+   */
+  disabled: {
+    type: "boolean",
+    dataAttr: "disabled"
+  },
+  /**
+   * Makes the switch read-only.
+   * @default undefined
+   */
+  readonly: {
+    type: "boolean",
+    dataAttr: "readonly"
+  },
+  /**
+   * Marks the switch as required.
+   * @default undefined
+   */
+  required: {
+    type: "boolean",
+    dataAttr: "required"
+  },
+  /**
+   * Sets the name attribute of the switch input for form control.
+   * @default undefined
+   */
+  name: {
+    type: "string"
+  },
+  /**
+   * Callback fired when the checked state changes.
+   *
+   * @param value - The new checked state.
+   */
+  onCheckedChange: {
+    type: "function"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchRootPropsDefs,
+  SwitchVariants
+});
+//# sourceMappingURL=switch-root.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/root/switch-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n} from \"../../../props/prop-def\";\n\nconst SwitchVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst SwitchRootPropsDefs = {\n  /**\n   * Sets the variant style of the switch (\"solid\" or \"outlined\").\n   */\n  variant: {\n    type: \"enum\",\n    values: SwitchVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof SwitchVariants)[number]>,\n\n  /**\n   * Sets the checked state of the switch.\n   *\n   * When using an uncontrolled switch, use `defaultChecked` instead.\n   * @default undefined\n   */\n  checked: {\n    type: \"boolean\",\n    dataAttr: \"checked\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the switch (checked state).\n   */\n  value: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the default checked state of the switch.\n   * @default undefined\n   */\n  defaultChecked: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Disables the switch component.\n   * @default undefined\n   */\n  disabled: {\n    type: \"boolean\",\n    dataAttr: \"disabled\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Makes the switch read-only.\n   * @default undefined\n   */\n  readonly: {\n    type: \"boolean\",\n    dataAttr: \"readonly\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Marks the switch as required.\n   * @default undefined\n   */\n  required: {\n    type: \"boolean\",\n    dataAttr: \"required\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the name attribute of the switch input for form control.\n   * @default undefined\n   */\n  name: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  /**\n   * Callback fired when the checked state changes.\n   *\n   * @param value - The new checked state.\n   */\n  onCheckedChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<(value: boolean) => void> as FunctionPropDef<\n    (value: boolean) => void\n  >,\n} as const;\n\ntype SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;\n\nexport { SwitchRootInternalProps, SwitchRootPropsDefs, SwitchVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,iBAAiB,CAAC,SAAS,YAAY,OAAO;AAEpD,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI1B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB;AAAA,IACd,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AAGF;","names":[]}

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

@@ -0,0 +1,78 @@
+const SwitchVariants = ["solid", "outlined", "muted"];
+const SwitchRootPropsDefs = {
+  /**
+   * Sets the variant style of the switch ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: SwitchVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * Sets the checked state of the switch.
+   *
+   * When using an uncontrolled switch, use `defaultChecked` instead.
+   * @default undefined
+   */
+  checked: {
+    type: "boolean",
+    dataAttr: "checked"
+  },
+  /**
+   * The value of the switch (checked state).
+   */
+  value: {
+    type: "boolean"
+  },
+  /**
+   * Sets the default checked state of the switch.
+   * @default undefined
+   */
+  defaultChecked: {
+    type: "boolean"
+  },
+  /**
+   * Disables the switch component.
+   * @default undefined
+   */
+  disabled: {
+    type: "boolean",
+    dataAttr: "disabled"
+  },
+  /**
+   * Makes the switch read-only.
+   * @default undefined
+   */
+  readonly: {
+    type: "boolean",
+    dataAttr: "readonly"
+  },
+  /**
+   * Marks the switch as required.
+   * @default undefined
+   */
+  required: {
+    type: "boolean",
+    dataAttr: "required"
+  },
+  /**
+   * Sets the name attribute of the switch input for form control.
+   * @default undefined
+   */
+  name: {
+    type: "string"
+  },
+  /**
+   * Callback fired when the checked state changes.
+   *
+   * @param value - The new checked state.
+   */
+  onCheckedChange: {
+    type: "function"
+  }
+};
+export {
+  SwitchRootPropsDefs,
+  SwitchVariants
+};
+//# sourceMappingURL=switch-root.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/root/switch-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n} from \"../../../props/prop-def\";\n\nconst SwitchVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst SwitchRootPropsDefs = {\n  /**\n   * Sets the variant style of the switch (\"solid\" or \"outlined\").\n   */\n  variant: {\n    type: \"enum\",\n    values: SwitchVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof SwitchVariants)[number]>,\n\n  /**\n   * Sets the checked state of the switch.\n   *\n   * When using an uncontrolled switch, use `defaultChecked` instead.\n   * @default undefined\n   */\n  checked: {\n    type: \"boolean\",\n    dataAttr: \"checked\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the switch (checked state).\n   */\n  value: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the default checked state of the switch.\n   * @default undefined\n   */\n  defaultChecked: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Disables the switch component.\n   * @default undefined\n   */\n  disabled: {\n    type: \"boolean\",\n    dataAttr: \"disabled\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Makes the switch read-only.\n   * @default undefined\n   */\n  readonly: {\n    type: \"boolean\",\n    dataAttr: \"readonly\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Marks the switch as required.\n   * @default undefined\n   */\n  required: {\n    type: \"boolean\",\n    dataAttr: \"required\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the name attribute of the switch input for form control.\n   * @default undefined\n   */\n  name: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  /**\n   * Callback fired when the checked state changes.\n   *\n   * @param value - The new checked state.\n   */\n  onCheckedChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<(value: boolean) => void> as FunctionPropDef<\n    (value: boolean) => void\n  >,\n} as const;\n\ntype SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;\n\nexport { SwitchRootInternalProps, SwitchRootPropsDefs, SwitchVariants };\n"],"mappings":"AAMA,MAAM,iBAAiB,CAAC,SAAS,YAAY,OAAO;AAEpD,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI1B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB;AAAA,IACd,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AAGF;","names":[]}

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

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { LabelPosition } from './label/switch-label.props.mjs';
+import '../../props/prop-def.mjs';
+
+interface SwitchContextValue {
+    value: boolean;
+    setValue: (value: boolean) => void;
+    onCheckedChange?: (value: boolean) => void;
+    color?: string;
+    labelId: string;
+    labelPosition?: LabelPosition;
+    setLabelPosition?: (position: LabelPosition) => void;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    variant?: string;
+    name?: string;
+    hovered?: boolean;
+    setHovered?: (hovered: boolean) => void;
+    focused?: boolean;
+    setFocused?: (focused: boolean) => void;
+}
+declare const SwitchContext: React__default.Context<SwitchContextValue | null>;
+declare function useSwitchContext(): SwitchContextValue;
+
+export { SwitchContext, type SwitchContextValue, useSwitchContext };

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

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { LabelPosition } from './label/switch-label.props.js';
+import '../../props/prop-def.js';
+
+interface SwitchContextValue {
+    value: boolean;
+    setValue: (value: boolean) => void;
+    onCheckedChange?: (value: boolean) => void;
+    color?: string;
+    labelId: string;
+    labelPosition?: LabelPosition;
+    setLabelPosition?: (position: LabelPosition) => void;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    variant?: string;
+    name?: string;
+    hovered?: boolean;
+    setHovered?: (hovered: boolean) => void;
+    focused?: boolean;
+    setFocused?: (focused: boolean) => void;
+}
+declare const SwitchContext: React__default.Context<SwitchContextValue | null>;
+declare function useSwitchContext(): SwitchContextValue;
+
+export { SwitchContext, type SwitchContextValue, useSwitchContext };

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

@@ -0,0 +1,52 @@
+"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_context_exports = {};
+__export(switch_context_exports, {
+  SwitchContext: () => SwitchContext,
+  useSwitchContext: () => useSwitchContext
+});
+module.exports = __toCommonJS(switch_context_exports);
+var import_react = __toESM(require("react"));
+const SwitchContext = import_react.default.createContext(
+  null
+);
+function useSwitchContext() {
+  const context = import_react.default.useContext(SwitchContext);
+  if (!context) {
+    throw new Error("Switch components must be used within a Switch.Root");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchContext,
+  useSwitchContext
+});
+//# sourceMappingURL=switch-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/switch-context.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { LabelPosition } from \"./label/switch-label.props\";\n\nexport interface SwitchContextValue {\n  value: boolean;\n  setValue: (value: boolean) => void;\n  onCheckedChange?: (value: boolean) => void;\n  color?: string;\n  labelId: string;\n  labelPosition?: LabelPosition;\n  setLabelPosition?: (position: LabelPosition) => void;\n  disabled?: boolean;\n  readonly?: boolean;\n  required?: boolean;\n  variant?: string;\n  name?: string;\n  hovered?: boolean;\n  setHovered?: (hovered: boolean) => void;\n  focused?: boolean;\n  setFocused?: (focused: boolean) => void;\n}\n\nexport const SwitchContext = React.createContext<SwitchContextValue | null>(\n  null,\n);\n\nexport function useSwitchContext() {\n  const context = React.useContext(SwitchContext);\n  if (!context) {\n    throw new Error(\"Switch components must be used within a Switch.Root\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAsBX,MAAM,gBAAgB,aAAAA,QAAM;AAAA,EACjC;AACF;AAEO,SAAS,mBAAmB;AACjC,QAAM,UAAU,aAAAA,QAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":["React"]}

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

@@ -0,0 +1,17 @@
+"use client";
+import React from "react";
+const SwitchContext = React.createContext(
+  null
+);
+function useSwitchContext() {
+  const context = React.useContext(SwitchContext);
+  if (!context) {
+    throw new Error("Switch components must be used within a Switch.Root");
+  }
+  return context;
+}
+export {
+  SwitchContext,
+  useSwitchContext
+};
+//# sourceMappingURL=switch-context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/switch-context.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { LabelPosition } from \"./label/switch-label.props\";\n\nexport interface SwitchContextValue {\n  value: boolean;\n  setValue: (value: boolean) => void;\n  onCheckedChange?: (value: boolean) => void;\n  color?: string;\n  labelId: string;\n  labelPosition?: LabelPosition;\n  setLabelPosition?: (position: LabelPosition) => void;\n  disabled?: boolean;\n  readonly?: boolean;\n  required?: boolean;\n  variant?: string;\n  name?: string;\n  hovered?: boolean;\n  setHovered?: (hovered: boolean) => void;\n  focused?: boolean;\n  setFocused?: (focused: boolean) => void;\n}\n\nexport const SwitchContext = React.createContext<SwitchContextValue | null>(\n  null,\n);\n\nexport function useSwitchContext() {\n  const context = React.useContext(SwitchContext);\n  if (!context) {\n    throw new Error(\"Switch components must be used within a Switch.Root\");\n  }\n  return context;\n}\n"],"mappings":";AAEA,OAAO,WAAW;AAsBX,MAAM,gBAAgB,MAAM;AAAA,EACjC;AACF;AAEO,SAAS,mBAAmB;AACjC,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}