@locus-ui/components 0.0.16 → 0.1.0

package/dist/components/separator/separator.js

@@ -0,0 +1,57 @@
+"use strict";
+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 separator_exports = {};
+__export(separator_exports, {
+  Separator: () => Separator
+});
+module.exports = __toCommonJS(separator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_get_component_props = require("../../utils/get-component-props");
+var import_separator = require("./separator.props");
+const Separator = (props) => {
+  const { className, dataAttrs, style } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_separator.SeparatorPropsDefs
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_clsx.default)("separator", className),
+      style,
+      ...dataAttrs
+    }
+  );
+};
+Separator.displayName = "Separator";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Separator
+});
+//# sourceMappingURL=separator.js.map

package/dist/components/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { MarginProps, PaddingProps } from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { SeparatorInternalProps, SeparatorPropsDefs } from \"./separator.props\";\n\ninterface AllSeparatorProps\n  extends SeparatorInternalProps,\n    MarginProps,\n    PaddingProps {}\n\ntype SeparatorProps = AllSeparatorProps & React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A component for visually separating content with a line\n */\nconst Separator: FC<SeparatorProps> = (props) => {\n  const { className, dataAttrs, style } = getComponentProps(\n    props,\n    SeparatorPropsDefs\n  );\n\n  return (\n    <div\n      className={clsx(\"separator\", className)}\n      style={style}\n      {...dataAttrs}\n    />\n  );\n};\nSeparator.displayName = \"Separator\";\n\nexport { AllSeparatorProps, Separator, SeparatorProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AAvBJ,kBAAiB;AAGjB,iCAAkC;AAClC,uBAA2D;AAY3D,MAAM,YAAgC,CAAC,UAAU;AAC/C,QAAM,EAAE,WAAW,WAAW,MAAM,QAAI;AAAA,IACtC;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAA,SAAK,aAAa,SAAS;AAAA,MACtC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;","names":["clsx"]}

package/dist/components/separator/separator.mjs

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { getComponentProps } from "../../utils/get-component-props";
+import { SeparatorPropsDefs } from "./separator.props";
+const Separator = (props) => {
+  const { className, dataAttrs, style } = getComponentProps(
+    props,
+    SeparatorPropsDefs
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx("separator", className),
+      style,
+      ...dataAttrs
+    }
+  );
+};
+Separator.displayName = "Separator";
+export {
+  Separator
+};
+//# sourceMappingURL=separator.mjs.map

package/dist/components/separator/separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { MarginProps, PaddingProps } from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { SeparatorInternalProps, SeparatorPropsDefs } from \"./separator.props\";\n\ninterface AllSeparatorProps\n  extends SeparatorInternalProps,\n    MarginProps,\n    PaddingProps {}\n\ntype SeparatorProps = AllSeparatorProps & React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A component for visually separating content with a line\n */\nconst Separator: FC<SeparatorProps> = (props) => {\n  const { className, dataAttrs, style } = getComponentProps(\n    props,\n    SeparatorPropsDefs\n  );\n\n  return (\n    <div\n      className={clsx(\"separator\", className)}\n      style={style}\n      {...dataAttrs}\n    />\n  );\n};\nSeparator.displayName = \"Separator\";\n\nexport { AllSeparatorProps, Separator, SeparatorProps };\n"],"mappings":"AAuBI;AAvBJ,OAAO,UAAU;AAGjB,SAAS,yBAAyB;AAClC,SAAiC,0BAA0B;AAY3D,MAAM,YAAgC,CAAC,UAAU;AAC/C,QAAM,EAAE,WAAW,WAAW,MAAM,IAAI;AAAA,IACtC;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,aAAa,SAAS;AAAA,MACtC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;","names":[]}

package/dist/components/separator/separator.props.d.mts

@@ -0,0 +1,29 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const SeparatorPropsDefs: {
+    /**
+     * The direction of the separator.
+     *
+     * @example direction="vertical" // positions the separator vertically
+     */
+    direction: {
+        type: "enum";
+        values: readonly ["horizontal", "vertical"];
+        default: "horizontal";
+        dataAttr: string;
+    };
+    /**
+     * The variant of the separator.
+     *
+     * @example variant="dashed" // makes the separator dashed
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "dashed", "dotted"];
+        default: "solid";
+        dataAttr: string;
+    };
+};
+type SeparatorInternalProps = GetPropDefTypes<typeof SeparatorPropsDefs>;
+
+export { type SeparatorInternalProps, SeparatorPropsDefs };

package/dist/components/separator/separator.props.d.ts

@@ -0,0 +1,29 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+
+declare const SeparatorPropsDefs: {
+    /**
+     * The direction of the separator.
+     *
+     * @example direction="vertical" // positions the separator vertically
+     */
+    direction: {
+        type: "enum";
+        values: readonly ["horizontal", "vertical"];
+        default: "horizontal";
+        dataAttr: string;
+    };
+    /**
+     * The variant of the separator.
+     *
+     * @example variant="dashed" // makes the separator dashed
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "dashed", "dotted"];
+        default: "solid";
+        dataAttr: string;
+    };
+};
+type SeparatorInternalProps = GetPropDefTypes<typeof SeparatorPropsDefs>;
+
+export { type SeparatorInternalProps, SeparatorPropsDefs };

package/dist/components/separator/separator.props.js

@@ -0,0 +1,54 @@
+"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 separator_props_exports = {};
+__export(separator_props_exports, {
+  SeparatorPropsDefs: () => SeparatorPropsDefs
+});
+module.exports = __toCommonJS(separator_props_exports);
+const directions = ["horizontal", "vertical"];
+const variants = ["solid", "dashed", "dotted"];
+const SeparatorPropsDefs = {
+  /**
+   * The direction of the separator.
+   *
+   * @example direction="vertical" // positions the separator vertically
+   */
+  direction: {
+    type: "enum",
+    values: directions,
+    default: "horizontal",
+    dataAttr: "direction"
+  },
+  /**
+   * The variant of the separator.
+   *
+   * @example variant="dashed" // makes the separator dashed
+   */
+  variant: {
+    type: "enum",
+    values: variants,
+    default: "solid",
+    dataAttr: "variant"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SeparatorPropsDefs
+});
+//# sourceMappingURL=separator.props.js.map

package/dist/components/separator/separator.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/separator/separator.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst directions = [\"horizontal\", \"vertical\"] as const;\nconst variants = [\"solid\", \"dashed\", \"dotted\"] as const;\n\nconst SeparatorPropsDefs = {\n  /**\n   * The direction of the separator.\n   *\n   * @example direction=\"vertical\" // positions the separator vertically\n   */\n  direction: {\n    type: \"enum\",\n    values: directions,\n    default: \"horizontal\",\n    dataAttr: \"direction\",\n  } satisfies PropDef<(typeof directions)[number]>,\n\n  /**\n   * The variant of the separator.\n   *\n   * @example variant=\"dashed\" // makes the separator dashed\n   */\n  variant: {\n    type: \"enum\",\n    values: variants,\n    default: \"solid\",\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof variants)[number]>,\n};\n\ntype SeparatorInternalProps = GetPropDefTypes<typeof SeparatorPropsDefs>;\n\nexport { SeparatorInternalProps, SeparatorPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,aAAa,CAAC,cAAc,UAAU;AAC5C,MAAM,WAAW,CAAC,SAAS,UAAU,QAAQ;AAE7C,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/separator/separator.props.mjs

@@ -0,0 +1,30 @@
+const directions = ["horizontal", "vertical"];
+const variants = ["solid", "dashed", "dotted"];
+const SeparatorPropsDefs = {
+  /**
+   * The direction of the separator.
+   *
+   * @example direction="vertical" // positions the separator vertically
+   */
+  direction: {
+    type: "enum",
+    values: directions,
+    default: "horizontal",
+    dataAttr: "direction"
+  },
+  /**
+   * The variant of the separator.
+   *
+   * @example variant="dashed" // makes the separator dashed
+   */
+  variant: {
+    type: "enum",
+    values: variants,
+    default: "solid",
+    dataAttr: "variant"
+  }
+};
+export {
+  SeparatorPropsDefs
+};
+//# sourceMappingURL=separator.props.mjs.map

package/dist/components/separator/separator.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/separator/separator.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst directions = [\"horizontal\", \"vertical\"] as const;\nconst variants = [\"solid\", \"dashed\", \"dotted\"] as const;\n\nconst SeparatorPropsDefs = {\n  /**\n   * The direction of the separator.\n   *\n   * @example direction=\"vertical\" // positions the separator vertically\n   */\n  direction: {\n    type: \"enum\",\n    values: directions,\n    default: \"horizontal\",\n    dataAttr: \"direction\",\n  } satisfies PropDef<(typeof directions)[number]>,\n\n  /**\n   * The variant of the separator.\n   *\n   * @example variant=\"dashed\" // makes the separator dashed\n   */\n  variant: {\n    type: \"enum\",\n    values: variants,\n    default: \"solid\",\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof variants)[number]>,\n};\n\ntype SeparatorInternalProps = GetPropDefTypes<typeof SeparatorPropsDefs>;\n\nexport { SeparatorInternalProps, SeparatorPropsDefs };\n"],"mappings":"AAEA,MAAM,aAAa,CAAC,cAAc,UAAU;AAC5C,MAAM,WAAW,CAAC,SAAS,UAAU,QAAQ;AAE7C,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/switch/index.d.mts

@@ -0,0 +1,15 @@
+export { Switch } from './switch.mjs';
+import './indicator/switch-indicator.mjs';
+import 'react';
+import '../../props/size.prop.mjs';
+import '../../props/prop-def.mjs';
+import './indicator/switch-indicator.props.mjs';
+import './label/switch-label.mjs';
+import './label/switch-label.props.mjs';
+import './root/switch-root.mjs';
+import '../../props/align.prop.mjs';
+import '../../props/color.prop.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/margin.prop.mjs';
+import '../../utils/filter-children.mjs';
+import './root/switch-root.props.mjs';

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

@@ -0,0 +1,15 @@
+export { Switch } from './switch.js';
+import './indicator/switch-indicator.js';
+import 'react';
+import '../../props/size.prop.js';
+import '../../props/prop-def.js';
+import './indicator/switch-indicator.props.js';
+import './label/switch-label.js';
+import './label/switch-label.props.js';
+import './root/switch-root.js';
+import '../../props/align.prop.js';
+import '../../props/color.prop.js';
+import '../../utils/parse-color.js';
+import '../../props/margin.prop.js';
+import '../../utils/filter-children.js';
+import './root/switch-root.props.js';

package/dist/components/switch/index.js

@@ -0,0 +1,29 @@
+"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_exports = {};
+__export(switch_exports, {
+  Switch: () => import_switch.Switch
+});
+module.exports = __toCommonJS(switch_exports);
+var import_switch = require("./switch");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/index.ts"],"sourcesContent":["export { Switch } from \"./switch\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;","names":[]}

package/dist/components/switch/index.mjs

@@ -0,0 +1,5 @@
+import { Switch } from "./switch";
+export {
+  Switch
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/switch/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/index.ts"],"sourcesContent":["export { Switch } from \"./switch\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

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

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { SizeProp } from '../../../props/size.prop.mjs';
+import { SwitchIndicatorInternalProps } from './switch-indicator.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllSwitchIndicatorProps extends SwitchIndicatorInternalProps, SizeProp {
+}
+type SwitchIndicatorProps = AllSwitchIndicatorProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children">;
+/**
+ * Indicator for a switch component.
+ * Supports checked, indeterminate, disabled, readonly, and high contrast states.
+ */
+declare const SwitchIndicator: React__default.FC<SwitchIndicatorProps>;
+
+export { type AllSwitchIndicatorProps, SwitchIndicator, type SwitchIndicatorProps };

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

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { SizeProp } from '../../../props/size.prop.js';
+import { SwitchIndicatorInternalProps } from './switch-indicator.props.js';
+import '../../../props/prop-def.js';
+
+interface AllSwitchIndicatorProps extends SwitchIndicatorInternalProps, SizeProp {
+}
+type SwitchIndicatorProps = AllSwitchIndicatorProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children">;
+/**
+ * Indicator for a switch component.
+ * Supports checked, indeterminate, disabled, readonly, and high contrast states.
+ */
+declare const SwitchIndicator: React__default.FC<SwitchIndicatorProps>;
+
+export { type AllSwitchIndicatorProps, SwitchIndicator, type SwitchIndicatorProps };

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

@@ -0,0 +1,97 @@
+"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_indicator_exports = {};
+__export(switch_indicator_exports, {
+  SwitchIndicator: () => SwitchIndicator
+});
+module.exports = __toCommonJS(switch_indicator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_props = require("../../../props");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_switch_context = require("../switch-context");
+var import_switch_indicator = require("./switch-indicator.props");
+const SwitchIndicator = import_react.default.forwardRef((props, ref) => {
+  const {
+    value,
+    setValue,
+    hovered,
+    color,
+    disabled,
+    readonly,
+    focused,
+    variant: contextVariant
+  } = (0, import_switch_context.useSwitchContext)();
+  const { size, variant, className, style, dataAttrs } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_switch_indicator.SwitchIndicatorPropDefs,
+    import_props.SizePropDef
+  );
+  const indicatorVariant = variant || contextVariant;
+  const handleKeyDown = (event) => {
+    if (disabled || readonly) return;
+    if (event.key === " " || event.key === "Enter") {
+      event.preventDefault();
+      setValue(!value);
+    }
+  };
+  const indicatorProps = {
+    ...value && { "data-checked": true },
+    ...disabled && { "data-disabled": true },
+    ...readonly && { "data-readonly": true },
+    ...(variant || contextVariant) && { "data-variant": indicatorVariant }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      style,
+      role: "switch",
+      "data-size": size,
+      "data-color": color,
+      "data-hovered": hovered,
+      "aria-disabled": disabled,
+      "data-focused": focused,
+      "aria-readonly": readonly,
+      onKeyDown: handleKeyDown,
+      tabIndex: disabled || readonly ? -1 : 0,
+      className: (0, import_clsx.default)("switch-indicator", className),
+      ...indicatorProps,
+      ...dataAttrs
+    }
+  );
+});
+SwitchIndicator.displayName = "Switch.Indicator";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchIndicator
+});
+//# sourceMappingURL=switch-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/indicator/switch-indicator.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { SizeProp, SizePropDef } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useSwitchContext } from \"../switch-context\";\nimport {\n  SwitchIndicatorInternalProps,\n  SwitchIndicatorPropDefs,\n} from \"./switch-indicator.props\";\n\ninterface AllSwitchIndicatorProps\n  extends SwitchIndicatorInternalProps, SizeProp {}\n\ntype SwitchIndicatorProps = AllSwitchIndicatorProps &\n  Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\">;\n\n/**\n * Indicator for a switch component.\n * Supports checked, indeterminate, disabled, readonly, and high contrast states.\n */\nconst SwitchIndicator: React.FC<SwitchIndicatorProps> = React.forwardRef<\n  HTMLDivElement,\n  SwitchIndicatorProps\n>((props, ref) => {\n  const {\n    value,\n    setValue,\n    hovered,\n    color,\n    disabled,\n    readonly,\n    focused,\n    variant: contextVariant,\n  } = useSwitchContext();\n  const { size, variant, className, style, dataAttrs } = getComponentProps(\n    props,\n    SwitchIndicatorPropDefs,\n    SizePropDef,\n  );\n\n  const indicatorVariant = variant || contextVariant;\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (disabled || readonly) return;\n\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      setValue(!value);\n    }\n  };\n\n  const indicatorProps = {\n    ...(value && { \"data-checked\": true }),\n    ...(disabled && { \"data-disabled\": true }),\n    ...(readonly && { \"data-readonly\": true }),\n    ...((variant || contextVariant) && { \"data-variant\": indicatorVariant }),\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      role=\"switch\"\n      data-size={size}\n      data-color={color}\n      data-hovered={hovered}\n      aria-disabled={disabled}\n      data-focused={focused}\n      aria-readonly={readonly}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled || readonly ? -1 : 0}\n      className={clsx(\"switch-indicator\", className)}\n      {...indicatorProps}\n      {...dataAttrs}\n    />\n  );\n});\nSwitchIndicator.displayName = \"Switch.Indicator\";\n\nexport { AllSwitchIndicatorProps, SwitchIndicator, SwitchIndicatorProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DI;AA3DJ,kBAAiB;AACjB,mBAAkB;AAClB,mBAAsC;AACtC,iCAAkC;AAClC,4BAAiC;AACjC,8BAGO;AAYP,MAAM,kBAAkD,aAAAA,QAAM,WAG5D,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,QAAI,wCAAiB;AACrB,QAAM,EAAE,MAAM,SAAS,WAAW,OAAO,UAAU,QAAI;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,WAAW;AAEpC,QAAM,gBAAgB,CAAC,UAAgD;AACrE,QAAI,YAAY,SAAU;AAE1B,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAe;AACrB,eAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,GAAI,SAAS,EAAE,gBAAgB,KAAK;AAAA,IACpC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,IAAK,WAAW,mBAAmB,EAAE,gBAAgB,iBAAiB;AAAA,EACxE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU,YAAY,WAAW,KAAK;AAAA,MACtC,eAAW,YAAAC,SAAK,oBAAoB,SAAS;AAAA,MAC5C,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,gBAAgB,cAAc;","names":["React","clsx"]}

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

@@ -0,0 +1,65 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+import { SizePropDef } from "../../../props";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useSwitchContext } from "../switch-context";
+import {
+  SwitchIndicatorPropDefs
+} from "./switch-indicator.props";
+const SwitchIndicator = React.forwardRef((props, ref) => {
+  const {
+    value,
+    setValue,
+    hovered,
+    color,
+    disabled,
+    readonly,
+    focused,
+    variant: contextVariant
+  } = useSwitchContext();
+  const { size, variant, className, style, dataAttrs } = getComponentProps(
+    props,
+    SwitchIndicatorPropDefs,
+    SizePropDef
+  );
+  const indicatorVariant = variant || contextVariant;
+  const handleKeyDown = (event) => {
+    if (disabled || readonly) return;
+    if (event.key === " " || event.key === "Enter") {
+      event.preventDefault();
+      setValue(!value);
+    }
+  };
+  const indicatorProps = {
+    ...value && { "data-checked": true },
+    ...disabled && { "data-disabled": true },
+    ...readonly && { "data-readonly": true },
+    ...(variant || contextVariant) && { "data-variant": indicatorVariant }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      style,
+      role: "switch",
+      "data-size": size,
+      "data-color": color,
+      "data-hovered": hovered,
+      "aria-disabled": disabled,
+      "data-focused": focused,
+      "aria-readonly": readonly,
+      onKeyDown: handleKeyDown,
+      tabIndex: disabled || readonly ? -1 : 0,
+      className: clsx("switch-indicator", className),
+      ...indicatorProps,
+      ...dataAttrs
+    }
+  );
+});
+SwitchIndicator.displayName = "Switch.Indicator";
+export {
+  SwitchIndicator
+};
+//# sourceMappingURL=switch-indicator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/indicator/switch-indicator.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { SizeProp, SizePropDef } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useSwitchContext } from \"../switch-context\";\nimport {\n  SwitchIndicatorInternalProps,\n  SwitchIndicatorPropDefs,\n} from \"./switch-indicator.props\";\n\ninterface AllSwitchIndicatorProps\n  extends SwitchIndicatorInternalProps, SizeProp {}\n\ntype SwitchIndicatorProps = AllSwitchIndicatorProps &\n  Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\">;\n\n/**\n * Indicator for a switch component.\n * Supports checked, indeterminate, disabled, readonly, and high contrast states.\n */\nconst SwitchIndicator: React.FC<SwitchIndicatorProps> = React.forwardRef<\n  HTMLDivElement,\n  SwitchIndicatorProps\n>((props, ref) => {\n  const {\n    value,\n    setValue,\n    hovered,\n    color,\n    disabled,\n    readonly,\n    focused,\n    variant: contextVariant,\n  } = useSwitchContext();\n  const { size, variant, className, style, dataAttrs } = getComponentProps(\n    props,\n    SwitchIndicatorPropDefs,\n    SizePropDef,\n  );\n\n  const indicatorVariant = variant || contextVariant;\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (disabled || readonly) return;\n\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      setValue(!value);\n    }\n  };\n\n  const indicatorProps = {\n    ...(value && { \"data-checked\": true }),\n    ...(disabled && { \"data-disabled\": true }),\n    ...(readonly && { \"data-readonly\": true }),\n    ...((variant || contextVariant) && { \"data-variant\": indicatorVariant }),\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      role=\"switch\"\n      data-size={size}\n      data-color={color}\n      data-hovered={hovered}\n      aria-disabled={disabled}\n      data-focused={focused}\n      aria-readonly={readonly}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled || readonly ? -1 : 0}\n      className={clsx(\"switch-indicator\", className)}\n      {...indicatorProps}\n      {...dataAttrs}\n    />\n  );\n});\nSwitchIndicator.displayName = \"Switch.Indicator\";\n\nexport { AllSwitchIndicatorProps, SwitchIndicator, SwitchIndicatorProps };\n"],"mappings":";AA6DI;AA3DJ,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAmB,mBAAmB;AACtC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,OACK;AAYP,MAAM,kBAAkD,MAAM,WAG5D,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,IAAI,iBAAiB;AACrB,QAAM,EAAE,MAAM,SAAS,WAAW,OAAO,UAAU,IAAI;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB,WAAW;AAEpC,QAAM,gBAAgB,CAAC,UAAgD;AACrE,QAAI,YAAY,SAAU;AAE1B,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAe;AACrB,eAAS,CAAC,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,GAAI,SAAS,EAAE,gBAAgB,KAAK;AAAA,IACpC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,IACxC,IAAK,WAAW,mBAAmB,EAAE,gBAAgB,iBAAiB;AAAA,EACxE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,WAAW;AAAA,MACX,UAAU,YAAY,WAAW,KAAK;AAAA,MACtC,WAAW,KAAK,oBAAoB,SAAS;AAAA,MAC5C,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,gBAAgB,cAAc;","names":[]}

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

@@ -0,0 +1,15 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const SwitchIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type SwitchIndicatorInternalProps = GetPropDefTypes<typeof SwitchIndicatorPropDefs>;
+
+export { type SwitchIndicatorInternalProps, SwitchIndicatorPropDefs };

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

@@ -0,0 +1,15 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const SwitchIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type SwitchIndicatorInternalProps = GetPropDefTypes<typeof SwitchIndicatorPropDefs>;
+
+export { type SwitchIndicatorInternalProps, SwitchIndicatorPropDefs };

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

@@ -0,0 +1,39 @@
+"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_indicator_props_exports = {};
+__export(switch_indicator_props_exports, {
+  SwitchIndicatorPropDefs: () => SwitchIndicatorPropDefs
+});
+module.exports = __toCommonJS(switch_indicator_props_exports);
+var import_switch_root = require("../root/switch-root.props");
+const SwitchIndicatorPropDefs = {
+  /**
+   * Sets the variant style of the switch ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: import_switch_root.SwitchVariants,
+    dataAttr: "variant"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwitchIndicatorPropDefs
+});
+//# sourceMappingURL=switch-indicator.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/indicator/switch-indicator.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\nimport { SwitchVariants } from \"../root/switch-root.props\";\n\nconst SwitchIndicatorPropDefs = {\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} as const;\n\ntype SwitchIndicatorInternalProps = GetPropDefTypes<\n  typeof SwitchIndicatorPropDefs\n>;\n\nexport { SwitchIndicatorInternalProps, SwitchIndicatorPropDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAA+B;AAE/B,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAI9B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

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

@@ -0,0 +1,15 @@
+import { SwitchVariants } from "../root/switch-root.props";
+const SwitchIndicatorPropDefs = {
+  /**
+   * Sets the variant style of the switch ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: SwitchVariants,
+    dataAttr: "variant"
+  }
+};
+export {
+  SwitchIndicatorPropDefs
+};
+//# sourceMappingURL=switch-indicator.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/switch/indicator/switch-indicator.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\nimport { SwitchVariants } from \"../root/switch-root.props\";\n\nconst SwitchIndicatorPropDefs = {\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} as const;\n\ntype SwitchIndicatorInternalProps = GetPropDefTypes<\n  typeof SwitchIndicatorPropDefs\n>;\n\nexport { SwitchIndicatorInternalProps, SwitchIndicatorPropDefs };\n"],"mappings":"AACA,SAAS,sBAAsB;AAE/B,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAI9B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}