@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,24 @@
+import { SwitchIndicatorProps } from './indicator/switch-indicator.mjs';
+import { AllSwitchLabelProps } from './label/switch-label.mjs';
+import * as React$1 from 'react';
+import { SwitchRootProps } from './root/switch-root.mjs';
+import '../../props/size.prop.mjs';
+import '../../props/prop-def.mjs';
+import './indicator/switch-indicator.props.mjs';
+import './label/switch-label.props.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';
+
+declare const Switch: {
+    Root: React$1.FC<SwitchRootProps>;
+    Label: React$1.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Indicator: React$1.FC<SwitchIndicatorProps>;
+};
+
+export { Switch };

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

@@ -0,0 +1,24 @@
+import { SwitchIndicatorProps } from './indicator/switch-indicator.js';
+import { AllSwitchLabelProps } from './label/switch-label.js';
+import * as React$1 from 'react';
+import { SwitchRootProps } from './root/switch-root.js';
+import '../../props/size.prop.js';
+import '../../props/prop-def.js';
+import './indicator/switch-indicator.props.js';
+import './label/switch-label.props.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';
+
+declare const Switch: {
+    Root: React$1.FC<SwitchRootProps>;
+    Label: React$1.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Indicator: React$1.FC<SwitchIndicatorProps>;
+};
+
+export { Switch };

package/dist/components/switch/switch.js

@@ -0,0 +1,36 @@
+"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: () => Switch
+});
+module.exports = __toCommonJS(switch_exports);
+var import_switch_indicator = require("./indicator/switch-indicator");
+var import_switch_label = require("./label/switch-label");
+var import_switch_root = require("./root/switch-root");
+const Switch = {
+  Root: import_switch_root.SwitchRoot,
+  Label: import_switch_label.SwitchLabel,
+  Indicator: import_switch_indicator.SwitchIndicator
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import { SwitchIndicator } from \"./indicator/switch-indicator\";\nimport { SwitchLabel } from \"./label/switch-label\";\nimport { SwitchRoot } from \"./root/switch-root\";\n\nexport const Switch = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Indicator: SwitchIndicator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAgC;AAChC,0BAA4B;AAC5B,yBAA2B;AAEpB,MAAM,SAAS;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACb;","names":[]}

package/dist/components/switch/switch.mjs

@@ -0,0 +1,12 @@
+import { SwitchIndicator } from "./indicator/switch-indicator";
+import { SwitchLabel } from "./label/switch-label";
+import { SwitchRoot } from "./root/switch-root";
+const Switch = {
+  Root: SwitchRoot,
+  Label: SwitchLabel,
+  Indicator: SwitchIndicator
+};
+export {
+  Switch
+};
+//# sourceMappingURL=switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import { SwitchIndicator } from \"./indicator/switch-indicator\";\nimport { SwitchLabel } from \"./label/switch-label\";\nimport { SwitchRoot } from \"./root/switch-root\";\n\nexport const Switch = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Indicator: SwitchIndicator,\n};\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAEpB,MAAM,SAAS;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACb;","names":[]}

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

@@ -0,0 +1,7 @@
+export { Text } from './text.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/color.prop.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/padding.prop.mjs';
+import 'react';

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

@@ -0,0 +1,7 @@
+export { Text } from './text.js';
+import '../../props/prop-def.js';
+import '../../props/color.prop.js';
+import '../../utils/parse-color.js';
+import '../../props/margin.prop.js';
+import '../../props/padding.prop.js';
+import 'react';

package/dist/components/text/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 text_exports = {};
+__export(text_exports, {
+  Text: () => import_text.Text
+});
+module.exports = __toCommonJS(text_exports);
+var import_text = require("./text");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Text
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/text/index.mjs

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

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

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

package/dist/components/text/text.d.mts

@@ -0,0 +1,25 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+import { ColorProp } from '../../props/color.prop.mjs';
+import { MarginProps } from '../../props/margin.prop.mjs';
+import { PaddingProps } from '../../props/padding.prop.mjs';
+import React__default from 'react';
+import '../../utils/parse-color.mjs';
+
+interface TextExternalProps extends MarginProps, PaddingProps, ColorProp {
+}
+/**
+ * A component for displaying text with customizable styling and layout.
+ */
+declare const Text: React__default.ForwardRefExoticComponent<GetPropDefTypes<{
+    disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    as: {
+        type: "enum";
+        values: readonly ["p", "span", "div"];
+        default: "p";
+    };
+}> & TextExternalProps & React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { Text };

package/dist/components/text/text.d.ts

@@ -0,0 +1,25 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+import { ColorProp } from '../../props/color.prop.js';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import React__default from 'react';
+import '../../utils/parse-color.js';
+
+interface TextExternalProps extends MarginProps, PaddingProps, ColorProp {
+}
+/**
+ * A component for displaying text with customizable styling and layout.
+ */
+declare const Text: React__default.ForwardRefExoticComponent<GetPropDefTypes<{
+    disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    as: {
+        type: "enum";
+        values: readonly ["p", "span", "div"];
+        default: "p";
+    };
+}> & TextExternalProps & React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { Text };

package/dist/components/text/text.js

@@ -0,0 +1,66 @@
+"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 text_exports = {};
+__export(text_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(text_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_text = require("./text.props");
+const Text = import_react.default.forwardRef(
+  (props, ref) => {
+    const { as, className, dataAttrs, children, ...rest } = (0, import_get_component_props.getComponentProps)(
+      props,
+      import_text.TextPropsDefs,
+      import_props.MarginPropDefs,
+      import_props.PaddingPropDefs,
+      import_props.ColorPropDef
+    );
+    const Component = as || "p";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Component,
+      {
+        ref,
+        className: (0, import_clsx.default)("text", className),
+        ...dataAttrs,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Text
+});
+//# sourceMappingURL=text.js.map

package/dist/components/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text/text.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport {\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { TextInternalProps, TextPropsDefs } from \"./text.props\";\n\ninterface TextExternalProps extends MarginProps, PaddingProps, ColorProp {}\n\ntype TextProps = TextInternalProps &\n  TextExternalProps &\n  React.HTMLAttributes<HTMLParagraphElement>;\n\n/**\n * A component for displaying text with customizable styling and layout.\n */\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (props, ref) => {\n    const { as, className, dataAttrs, children, ...rest } = getComponentProps(\n      props,\n      TextPropsDefs,\n      MarginPropDefs,\n      PaddingPropDefs,\n      ColorPropDef,\n    );\n\n    const Component = as || \"p\";\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\"text\", className)}\n        {...dataAttrs}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAnCN,kBAAiB;AACjB,mBAAkB;AAClB,mBAOO;AACP,iCAAkC;AAClC,kBAAiD;AAW1C,MAAM,OAAO,aAAAA,QAAM;AAAA,EACxB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,IAAI,WAAW,WAAW,UAAU,GAAG,KAAK,QAAI;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,MAAM;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAC,SAAK,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;","names":["React","clsx"]}

package/dist/components/text/text.mjs

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+import {
+  ColorPropDef,
+  MarginPropDefs,
+  PaddingPropDefs
+} from "../../props";
+import { getComponentProps } from "../../utils/get-component-props";
+import { TextPropsDefs } from "./text.props";
+const Text = React.forwardRef(
+  (props, ref) => {
+    const { as, className, dataAttrs, children, ...rest } = getComponentProps(
+      props,
+      TextPropsDefs,
+      MarginPropDefs,
+      PaddingPropDefs,
+      ColorPropDef
+    );
+    const Component = as || "p";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: clsx("text", className),
+        ...dataAttrs,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+export {
+  Text
+};
+//# sourceMappingURL=text.mjs.map

package/dist/components/text/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text/text.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport {\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { TextInternalProps, TextPropsDefs } from \"./text.props\";\n\ninterface TextExternalProps extends MarginProps, PaddingProps, ColorProp {}\n\ntype TextProps = TextInternalProps &\n  TextExternalProps &\n  React.HTMLAttributes<HTMLParagraphElement>;\n\n/**\n * A component for displaying text with customizable styling and layout.\n */\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (props, ref) => {\n    const { as, className, dataAttrs, children, ...rest } = getComponentProps(\n      props,\n      TextPropsDefs,\n      MarginPropDefs,\n      PaddingPropDefs,\n      ColorPropDef,\n    );\n\n    const Component = as || \"p\";\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\"text\", className)}\n        {...dataAttrs}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n"],"mappings":"AAmCM;AAnCN,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,yBAAyB;AAClC,SAA4B,qBAAqB;AAW1C,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,IAAI,WAAW,WAAW,UAAU,GAAG,KAAK,IAAI;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,MAAM;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,QAAQ,SAAS;AAAA,QAChC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;","names":[]}

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

@@ -0,0 +1,24 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const TextPropsDefs: {
+    disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Defines whether the Text is rendered as a **p**, **span** or **div**.
+     *
+     * @example
+     * as="p"
+     * as="span"
+     * as="div"
+     */
+    as: {
+        type: "enum";
+        values: readonly ["p", "span", "div"];
+        default: "p";
+    };
+};
+type TextInternalProps = GetPropDefTypes<typeof TextPropsDefs>;
+
+export { type TextInternalProps, TextPropsDefs };

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

@@ -0,0 +1,24 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+
+declare const TextPropsDefs: {
+    disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Defines whether the Text is rendered as a **p**, **span** or **div**.
+     *
+     * @example
+     * as="p"
+     * as="span"
+     * as="div"
+     */
+    as: {
+        type: "enum";
+        values: readonly ["p", "span", "div"];
+        default: "p";
+    };
+};
+type TextInternalProps = GetPropDefTypes<typeof TextPropsDefs>;
+
+export { type TextInternalProps, TextPropsDefs };

package/dist/components/text/text.props.js

@@ -0,0 +1,48 @@
+"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 text_props_exports = {};
+__export(text_props_exports, {
+  TextPropsDefs: () => TextPropsDefs
+});
+module.exports = __toCommonJS(text_props_exports);
+const TextAs = ["p", "span", "div"];
+const TextPropsDefs = {
+  disabled: {
+    type: "boolean",
+    dataAttr: "disabled"
+  },
+  /**
+   * Defines whether the Text is rendered as a **p**, **span** or **div**.
+   *
+   * @example
+   * as="p"
+   * as="span"
+   * as="div"
+   */
+  as: {
+    type: "enum",
+    values: TextAs,
+    default: "p"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextPropsDefs
+});
+//# sourceMappingURL=text.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text/text.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst TextAs = [\"p\", \"span\", \"div\"] as const;\n\nconst TextPropsDefs = {\n  disabled: {\n    type: \"boolean\",\n    dataAttr: \"disabled\",\n  } satisfies PropDef<boolean>,\n  /**\n   * Defines whether the Text is rendered as a **p**, **span** or **div**.\n   *\n   * @example\n   * as=\"p\"\n   * as=\"span\"\n   * as=\"div\"\n   */\n  as: {\n    type: \"enum\",\n    values: TextAs,\n    default: \"p\",\n  } satisfies PropDef<(typeof TextAs)[number]>,\n};\n\ntype TextInternalProps = GetPropDefTypes<typeof TextPropsDefs>;\n\nexport { TextInternalProps, TextPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,SAAS,CAAC,KAAK,QAAQ,KAAK;AAElC,MAAM,gBAAgB;AAAA,EACpB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/components/text/text.props.mjs

@@ -0,0 +1,24 @@
+const TextAs = ["p", "span", "div"];
+const TextPropsDefs = {
+  disabled: {
+    type: "boolean",
+    dataAttr: "disabled"
+  },
+  /**
+   * Defines whether the Text is rendered as a **p**, **span** or **div**.
+   *
+   * @example
+   * as="p"
+   * as="span"
+   * as="div"
+   */
+  as: {
+    type: "enum",
+    values: TextAs,
+    default: "p"
+  }
+};
+export {
+  TextPropsDefs
+};
+//# sourceMappingURL=text.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/text/text.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst TextAs = [\"p\", \"span\", \"div\"] as const;\n\nconst TextPropsDefs = {\n  disabled: {\n    type: \"boolean\",\n    dataAttr: \"disabled\",\n  } satisfies PropDef<boolean>,\n  /**\n   * Defines whether the Text is rendered as a **p**, **span** or **div**.\n   *\n   * @example\n   * as=\"p\"\n   * as=\"span\"\n   * as=\"div\"\n   */\n  as: {\n    type: \"enum\",\n    values: TextAs,\n    default: \"p\",\n  } satisfies PropDef<(typeof TextAs)[number]>,\n};\n\ntype TextInternalProps = GetPropDefTypes<typeof TextPropsDefs>;\n\nexport { TextInternalProps, TextPropsDefs };\n"],"mappings":"AAEA,MAAM,SAAS,CAAC,KAAK,QAAQ,KAAK;AAElC,MAAM,gBAAgB;AAAA,EACpB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;","names":[]}

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

@@ -0,0 +1,8 @@
+export { Theme } from './theme.mjs';
+export { ThemeAppearance, ThemeRadius, ThemeRoundness, ThemeSpacing, useTheme } from './theme-context.mjs';
+export { ThemeControl } from './theme-control.mjs';
+import 'react';
+import '../../utils/get-props.mjs';
+import '../../props/prop-def.mjs';
+import './theme.props.mjs';
+import 'react/jsx-runtime';

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

@@ -0,0 +1,8 @@
+export { Theme } from './theme.js';
+export { ThemeAppearance, ThemeRadius, ThemeRoundness, ThemeSpacing, useTheme } from './theme-context.js';
+export { ThemeControl } from './theme-control.js';
+import 'react';
+import '../../utils/get-props.js';
+import '../../props/prop-def.js';
+import './theme.props.js';
+import 'react/jsx-runtime';

package/dist/components/theme/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_exports = {};
+__export(theme_exports, {
+  Theme: () => import_theme.Theme,
+  ThemeControl: () => import_theme_control.ThemeControl,
+  useTheme: () => import_theme_context.useTheme
+});
+module.exports = __toCommonJS(theme_exports);
+var import_theme = require("./theme");
+var import_theme_context = require("./theme-context");
+var import_theme_control = require("./theme-control");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Theme,
+  ThemeControl,
+  useTheme
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["export { Theme } from \"./theme\";\nexport { useTheme } from \"./theme-context\";\nexport type {\n  ThemeAppearance,\n  ThemeRadius,\n  ThemeRoundness,\n  ThemeSpacing,\n} from \"./theme-context\";\nexport { ThemeControl } from \"./theme-control\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,2BAAyB;AAOzB,2BAA6B;","names":[]}

package/dist/components/theme/index.mjs

@@ -0,0 +1,9 @@
+import { Theme } from "./theme";
+import { useTheme } from "./theme-context";
+import { ThemeControl } from "./theme-control";
+export {
+  Theme,
+  ThemeControl,
+  useTheme
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["export { Theme } from \"./theme\";\nexport { useTheme } from \"./theme-context\";\nexport type {\n  ThemeAppearance,\n  ThemeRadius,\n  ThemeRoundness,\n  ThemeSpacing,\n} from \"./theme-context\";\nexport { ThemeControl } from \"./theme-control\";\n"],"mappings":"AAAA,SAAS,aAAa;AACtB,SAAS,gBAAgB;AAOzB,SAAS,oBAAoB;","names":[]}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { ThemePropsDefs } from './theme.props.mjs';
+
+type ThemeAppearance = (typeof ThemePropsDefs.appearance.values)[number];
+type ThemeRadius = (typeof ThemePropsDefs.radius.values)[number];
+type ThemeRoundness = (typeof ThemePropsDefs.roundness.values)[number];
+type ThemeSpacing = (typeof ThemePropsDefs.spacing.values)[number];
+interface ThemeChangeHandlers {
+    onAppearanceChange?: (appearance: ThemeAppearance) => void;
+    onRadiusChange?: (radius: ThemeRadius) => void;
+    onRoundnessChange?: (roundness: ThemeRoundness) => void;
+    onSpacingChange?: (spacing: ThemeSpacing) => void;
+}
+interface ThemeContextValue extends ThemeChangeHandlers {
+    appearance: ThemeAppearance;
+    radius: ThemeRadius;
+    roundness: ThemeRoundness;
+    spacing: ThemeSpacing;
+}
+interface ThemeContextProps extends ThemeContextValue, ThemeChangeHandlers {
+}
+declare const ThemeContext: React.Context<ThemeContextValue | undefined>;
+declare function useTheme(): ThemeContextValue;
+
+export { type ThemeAppearance, ThemeContext, type ThemeContextProps, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { ThemePropsDefs } from './theme.props.js';
+
+type ThemeAppearance = (typeof ThemePropsDefs.appearance.values)[number];
+type ThemeRadius = (typeof ThemePropsDefs.radius.values)[number];
+type ThemeRoundness = (typeof ThemePropsDefs.roundness.values)[number];
+type ThemeSpacing = (typeof ThemePropsDefs.spacing.values)[number];
+interface ThemeChangeHandlers {
+    onAppearanceChange?: (appearance: ThemeAppearance) => void;
+    onRadiusChange?: (radius: ThemeRadius) => void;
+    onRoundnessChange?: (roundness: ThemeRoundness) => void;
+    onSpacingChange?: (spacing: ThemeSpacing) => void;
+}
+interface ThemeContextValue extends ThemeChangeHandlers {
+    appearance: ThemeAppearance;
+    radius: ThemeRadius;
+    roundness: ThemeRoundness;
+    spacing: ThemeSpacing;
+}
+interface ThemeContextProps extends ThemeContextValue, ThemeChangeHandlers {
+}
+declare const ThemeContext: React.Context<ThemeContextValue | undefined>;
+declare function useTheme(): ThemeContextValue;
+
+export { type ThemeAppearance, ThemeContext, type ThemeContextProps, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };