@locus-ui/components 0.0.15 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/badge.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst BadgeVariants = [\"solid\", \"outlined\", \"muted\", \"clear\"] as const;\n\nconst BadgeRootPropsDefs = {\n  /**\n   * Sets the variant style of the badge (\"solid\", \"outlined\", \"muted\", or \"clear\").\n   */\n  variant: {\n    type: \"enum\",\n    values: BadgeVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof BadgeVariants)[number]>,\n} as const;\n\ntype BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;\n\nexport { BadgeRootInternalProps, BadgeRootPropsDefs, BadgeVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,gBAAgB,CAAC,SAAS,YAAY,SAAS,OAAO;AAE5D,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA,EAIzB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/components/badge/badge.props.mjs

@@ -0,0 +1,16 @@
+const BadgeVariants = ["solid", "outlined", "muted", "clear"];
+const BadgeRootPropsDefs = {
+  /**
+   * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+   */
+  variant: {
+    type: "enum",
+    values: BadgeVariants,
+    dataAttr: "variant"
+  }
+};
+export {
+  BadgeRootPropsDefs,
+  BadgeVariants
+};
+//# sourceMappingURL=badge.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/badge.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst BadgeVariants = [\"solid\", \"outlined\", \"muted\", \"clear\"] as const;\n\nconst BadgeRootPropsDefs = {\n  /**\n   * Sets the variant style of the badge (\"solid\", \"outlined\", \"muted\", or \"clear\").\n   */\n  variant: {\n    type: \"enum\",\n    values: BadgeVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof BadgeVariants)[number]>,\n} as const;\n\ntype BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;\n\nexport { BadgeRootInternalProps, BadgeRootPropsDefs, BadgeVariants };\n"],"mappings":"AAEA,MAAM,gBAAgB,CAAC,SAAS,YAAY,SAAS,OAAO;AAE5D,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA,EAIzB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

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

@@ -0,0 +1,9 @@
+export { Badge } from './badge.mjs';
+import '../../props/color.prop.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/padding.prop.mjs';
+import '../../props/radius.prop.mjs';
+import '../../props/size.prop.mjs';
+import './badge.props.mjs';

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

@@ -0,0 +1,9 @@
+export { Badge } from './badge.js';
+import '../../props/color.prop.js';
+import '../../utils/parse-color.js';
+import '../../props/prop-def.js';
+import '../../props/margin.prop.js';
+import '../../props/padding.prop.js';
+import '../../props/radius.prop.js';
+import '../../props/size.prop.js';
+import './badge.props.js';

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

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

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

package/dist/components/badge/index.mjs

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

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

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

package/dist/components/box/box.d.mts

@@ -0,0 +1,16 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+import { MarginProps } from '../../props/margin.prop.mjs';
+import { PaddingProps } from '../../props/padding.prop.mjs';
+import { RadiusProps } from '../../props/radius.prop.mjs';
+import { RoundnessProp } from '../../props/roundness.prop.mjs';
+import { SpacingProp } from '../../props/spacing.prop.mjs';
+import * as React from 'react';
+
+interface BoxExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Box: React.ForwardRefExoticComponent<GetPropDefTypes<{}> & BoxExternalProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Box };

package/dist/components/box/box.d.ts

@@ -0,0 +1,16 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import { RadiusProps } from '../../props/radius.prop.js';
+import { RoundnessProp } from '../../props/roundness.prop.js';
+import { SpacingProp } from '../../props/spacing.prop.js';
+import * as React from 'react';
+
+interface BoxExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Box: React.ForwardRefExoticComponent<GetPropDefTypes<{}> & BoxExternalProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Box };

package/dist/components/box/box.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 box_exports = {};
+__export(box_exports, {
+  Box: () => Box
+});
+module.exports = __toCommonJS(box_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_props = require("../../props");
+var import_get_component_props = require("../../utils/get-component-props");
+var import_box = require("./box.props");
+const Box = React.forwardRef((props, ref) => {
+  const { className, dataAttrs, children, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_box.BoxPropsDefs,
+    import_props.MarginPropDefs,
+    import_props.PaddingPropDefs,
+    import_props.SpacingPropDef,
+    import_props.RadiusPropDefs,
+    import_props.RoundnessPropDef
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      ...dataAttrs,
+      className: (0, import_clsx.default)("lcs-box", className),
+      ...rest,
+      children
+    }
+  );
+});
+Box.displayName = "Box";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Box
+});
+//# sourceMappingURL=box.js.map

package/dist/components/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/box/box.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  RoundnessProp,\n  RoundnessPropDef,\n  SpacingProp,\n  SpacingPropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { BoxInternalProps, BoxPropsDefs } from \"./box.props\";\n\ninterface BoxExternalProps\n  extends MarginProps,\n    PaddingProps,\n    SpacingProp,\n    RadiusProps,\n    RoundnessProp {}\n\ntype BoxProps = BoxInternalProps &\n  BoxExternalProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A versatile container used to provide layout and styling capabilities.\n */\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>((props, ref) => {\n  const { className, dataAttrs, children, ...rest } = getComponentProps(\n    props,\n    BoxPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    SpacingPropDef,\n    RadiusPropDefs,\n    RoundnessPropDef\n  );\n\n  return (\n    <div\n      ref={ref}\n      {...dataAttrs}\n      className={clsx(\"lcs-box\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CI;AA3CJ,kBAAiB;AACjB,YAAuB;AACvB,mBAWO;AACP,iCAAkC;AAClC,iBAA+C;AAgB/C,MAAM,MAAM,MAAM,WAAqC,CAAC,OAAO,QAAQ;AACrE,QAAM,EAAE,WAAW,WAAW,UAAU,GAAG,KAAK,QAAI;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,eAAW,YAAAA,SAAK,WAAW,SAAS;AAAA,MACnC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,IAAI,cAAc;","names":["clsx"]}

package/dist/components/box/box.mjs

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import {
+  MarginPropDefs,
+  PaddingPropDefs,
+  RadiusPropDefs,
+  RoundnessPropDef,
+  SpacingPropDef
+} from "../../props";
+import { getComponentProps } from "../../utils/get-component-props";
+import { BoxPropsDefs } from "./box.props";
+const Box = React.forwardRef((props, ref) => {
+  const { className, dataAttrs, children, ...rest } = getComponentProps(
+    props,
+    BoxPropsDefs,
+    MarginPropDefs,
+    PaddingPropDefs,
+    SpacingPropDef,
+    RadiusPropDefs,
+    RoundnessPropDef
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...dataAttrs,
+      className: clsx("lcs-box", className),
+      ...rest,
+      children
+    }
+  );
+});
+Box.displayName = "Box";
+export {
+  Box
+};
+//# sourceMappingURL=box.mjs.map

package/dist/components/box/box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/box/box.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  RoundnessProp,\n  RoundnessPropDef,\n  SpacingProp,\n  SpacingPropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { BoxInternalProps, BoxPropsDefs } from \"./box.props\";\n\ninterface BoxExternalProps\n  extends MarginProps,\n    PaddingProps,\n    SpacingProp,\n    RadiusProps,\n    RoundnessProp {}\n\ntype BoxProps = BoxInternalProps &\n  BoxExternalProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A versatile container used to provide layout and styling capabilities.\n */\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>((props, ref) => {\n  const { className, dataAttrs, children, ...rest } = getComponentProps(\n    props,\n    BoxPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    SpacingPropDef,\n    RadiusPropDefs,\n    RoundnessPropDef\n  );\n\n  return (\n    <div\n      ref={ref}\n      {...dataAttrs}\n      className={clsx(\"lcs-box\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"mappings":"AA2CI;AA3CJ,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EAEA;AAAA,EAEA;AAAA,EAGA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAA2B,oBAAoB;AAgB/C,MAAM,MAAM,MAAM,WAAqC,CAAC,OAAO,QAAQ;AACrE,QAAM,EAAE,WAAW,WAAW,UAAU,GAAG,KAAK,IAAI;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,SAAS;AAAA,MACnC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,IAAI,cAAc;","names":[]}

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

@@ -0,0 +1,6 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const BoxPropsDefs: {};
+type BoxInternalProps = GetPropDefTypes<typeof BoxPropsDefs>;
+
+export { type BoxInternalProps, BoxPropsDefs };

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

@@ -0,0 +1,6 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+
+declare const BoxPropsDefs: {};
+type BoxInternalProps = GetPropDefTypes<typeof BoxPropsDefs>;
+
+export { type BoxInternalProps, BoxPropsDefs };

package/dist/components/box/box.props.js

@@ -0,0 +1,43 @@
+"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 box_props_exports = {};
+__export(box_props_exports, {
+  BoxPropsDefs: () => BoxPropsDefs
+});
+module.exports = __toCommonJS(box_props_exports);
+const boxAs = ["div", "span"];
+const BoxPropsDefs = {
+  /**
+   * Defines wether the Box is rendered as a **div** or **span**.
+   *
+   * @example
+   * as="div"
+   * as="span"
+   */
+  // as: {
+  //   type: "enum",
+  //   values: boxAs,
+  //   default: "div",
+  // } satisfies PropDef<(typeof boxAs)[number]>,
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BoxPropsDefs
+});
+//# sourceMappingURL=box.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/box/box.props.ts"],"sourcesContent":["import { GetPropDefTypes } from \"../../props/prop-def\";\n\nconst boxAs = [\"div\", \"span\"] as const;\n\nconst BoxPropsDefs = {\n  /**\n   * Defines wether the Box is rendered as a **div** or **span**.\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  // as: {\n  //   type: \"enum\",\n  //   values: boxAs,\n  //   default: \"div\",\n  // } satisfies PropDef<(typeof boxAs)[number]>,\n};\n\ntype BoxInternalProps = GetPropDefTypes<typeof BoxPropsDefs>;\n\nexport { BoxInternalProps, BoxPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,QAAQ,CAAC,OAAO,MAAM;AAE5B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarB;","names":[]}

package/dist/components/box/box.props.mjs

@@ -0,0 +1,19 @@
+const boxAs = ["div", "span"];
+const BoxPropsDefs = {
+  /**
+   * Defines wether the Box is rendered as a **div** or **span**.
+   *
+   * @example
+   * as="div"
+   * as="span"
+   */
+  // as: {
+  //   type: "enum",
+  //   values: boxAs,
+  //   default: "div",
+  // } satisfies PropDef<(typeof boxAs)[number]>,
+};
+export {
+  BoxPropsDefs
+};
+//# sourceMappingURL=box.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/box/box.props.ts"],"sourcesContent":["import { GetPropDefTypes } from \"../../props/prop-def\";\n\nconst boxAs = [\"div\", \"span\"] as const;\n\nconst BoxPropsDefs = {\n  /**\n   * Defines wether the Box is rendered as a **div** or **span**.\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  // as: {\n  //   type: \"enum\",\n  //   values: boxAs,\n  //   default: \"div\",\n  // } satisfies PropDef<(typeof boxAs)[number]>,\n};\n\ntype BoxInternalProps = GetPropDefTypes<typeof BoxPropsDefs>;\n\nexport { BoxInternalProps, BoxPropsDefs };\n"],"mappings":"AAEA,MAAM,QAAQ,CAAC,OAAO,MAAM;AAE5B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAarB;","names":[]}

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

@@ -0,0 +1,8 @@
+export { Box } from './box.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/padding.prop.mjs';
+import '../../props/radius.prop.mjs';
+import '../../props/roundness.prop.mjs';
+import '../../props/spacing.prop.mjs';
+import 'react';

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

@@ -0,0 +1,8 @@
+export { Box } from './box.js';
+import '../../props/prop-def.js';
+import '../../props/margin.prop.js';
+import '../../props/padding.prop.js';
+import '../../props/radius.prop.js';
+import '../../props/roundness.prop.js';
+import '../../props/spacing.prop.js';
+import 'react';

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

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

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

package/dist/components/box/index.mjs

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

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

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

package/dist/components/button/button.d.mts

@@ -0,0 +1,16 @@
+import { FC, ButtonHTMLAttributes } from 'react';
+import { ColorProp } from '../../props/color.prop.mjs';
+import { MarginProps } from '../../props/margin.prop.mjs';
+import { PaddingProps } from '../../props/padding.prop.mjs';
+import { RadiusProps } from '../../props/radius.prop.mjs';
+import { SizeProp } from '../../props/size.prop.mjs';
+import { ButtonRootInternalProps } from './button.props.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/prop-def.mjs';
+
+interface AllButtonRootProps extends ButtonRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type ButtonRootProps = AllButtonRootProps & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: FC<ButtonRootProps>;
+
+export { type AllButtonRootProps, Button, type ButtonRootProps };

package/dist/components/button/button.d.ts

@@ -0,0 +1,16 @@
+import { FC, ButtonHTMLAttributes } from 'react';
+import { ColorProp } from '../../props/color.prop.js';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import { RadiusProps } from '../../props/radius.prop.js';
+import { SizeProp } from '../../props/size.prop.js';
+import { ButtonRootInternalProps } from './button.props.js';
+import '../../utils/parse-color.js';
+import '../../props/prop-def.js';
+
+interface AllButtonRootProps extends ButtonRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type ButtonRootProps = AllButtonRootProps & ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: FC<ButtonRootProps>;
+
+export { type AllButtonRootProps, Button, type ButtonRootProps };

package/dist/components/button/button.js

@@ -0,0 +1,85 @@
+"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 button_exports = {};
+__export(button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_props = require("../../props");
+var import_get_component_props = require("../../utils/get-component-props");
+var import_button = require("./button.props");
+const Button = (props) => {
+  const {
+    color,
+    variant,
+    className,
+    dataAttrs,
+    disabled,
+    highContrast,
+    readonly,
+    children,
+    ...rest
+  } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_button.ButtonRootPropsDefs,
+    import_props.ColorPropDef,
+    import_props.MarginPropDefs,
+    import_props.PaddingPropDefs,
+    import_props.RadiusPropDefs,
+    import_props.SizePropDef
+  );
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: (0, import_clsx.default)("button", className),
+      "data-color": color ?? true,
+      "data-variant": variant,
+      "data-disabled": disabled ? true : void 0,
+      "data-high-contrast": highContrast ? true : void 0,
+      "data-readonly": readonly ? true : void 0,
+      "data-hovered": hovered ? true : void 0,
+      disabled: disabled || readonly,
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...dataAttrs,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { ButtonHTMLAttributes, FC, useState } from \"react\";\nimport {\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { ButtonRootInternalProps, ButtonRootPropsDefs } from \"./button.props\";\n\ninterface AllButtonRootProps\n  extends\n    ButtonRootInternalProps,\n    ColorProp,\n    MarginProps,\n    PaddingProps,\n    RadiusProps,\n    SizeProp {}\n\ntype ButtonRootProps = AllButtonRootProps &\n  ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst Button: FC<ButtonRootProps> = (props) => {\n  const {\n    color,\n    variant,\n    className,\n    dataAttrs,\n    disabled,\n    highContrast,\n    readonly,\n    children,\n    ...rest\n  } = getComponentProps(\n    props,\n    ButtonRootPropsDefs,\n    ColorPropDef,\n    MarginPropDefs,\n    PaddingPropDefs,\n    RadiusPropDefs,\n    SizePropDef,\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <button\n      className={clsx(\"button\", className)}\n      data-color={color ?? true}\n      data-variant={variant}\n      data-disabled={disabled ? true : undefined}\n      data-high-contrast={highContrast ? true : undefined}\n      data-readonly={readonly ? true : undefined}\n      data-hovered={hovered ? true : undefined}\n      disabled={disabled || readonly}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      {...dataAttrs}\n      {...rest}\n    >\n      <span>{children}</span>\n    </button>\n  );\n};\n\nexport { AllButtonRootProps, Button, ButtonRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEM;AAnEN,kBAAiB;AACjB,mBAAmD;AACnD,mBAWO;AACP,iCAAkC;AAClC,oBAA6D;AAc7D,MAAM,SAA8B,CAAC,UAAU;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAA,SAAK,UAAU,SAAS;AAAA,MACnC,cAAY,SAAS;AAAA,MACrB,gBAAc;AAAA,MACd,iBAAe,WAAW,OAAO;AAAA,MACjC,sBAAoB,eAAe,OAAO;AAAA,MAC1C,iBAAe,WAAW,OAAO;AAAA,MACjC,gBAAc,UAAU,OAAO;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACnC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,sDAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ;","names":["clsx"]}

package/dist/components/button/button.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "react";
+import {
+  ColorPropDef,
+  MarginPropDefs,
+  PaddingPropDefs,
+  RadiusPropDefs,
+  SizePropDef
+} from "../../props";
+import { getComponentProps } from "../../utils/get-component-props";
+import { ButtonRootPropsDefs } from "./button.props";
+const Button = (props) => {
+  const {
+    color,
+    variant,
+    className,
+    dataAttrs,
+    disabled,
+    highContrast,
+    readonly,
+    children,
+    ...rest
+  } = getComponentProps(
+    props,
+    ButtonRootPropsDefs,
+    ColorPropDef,
+    MarginPropDefs,
+    PaddingPropDefs,
+    RadiusPropDefs,
+    SizePropDef
+  );
+  const [hovered, setHovered] = useState(false);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: clsx("button", className),
+      "data-color": color ?? true,
+      "data-variant": variant,
+      "data-disabled": disabled ? true : void 0,
+      "data-high-contrast": highContrast ? true : void 0,
+      "data-readonly": readonly ? true : void 0,
+      "data-hovered": hovered ? true : void 0,
+      disabled: disabled || readonly,
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      ...dataAttrs,
+      ...rest,
+      children: /* @__PURE__ */ jsx("span", { children })
+    }
+  );
+};
+export {
+  Button
+};
+//# sourceMappingURL=button.mjs.map

package/dist/components/button/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { ButtonHTMLAttributes, FC, useState } from \"react\";\nimport {\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { ButtonRootInternalProps, ButtonRootPropsDefs } from \"./button.props\";\n\ninterface AllButtonRootProps\n  extends\n    ButtonRootInternalProps,\n    ColorProp,\n    MarginProps,\n    PaddingProps,\n    RadiusProps,\n    SizeProp {}\n\ntype ButtonRootProps = AllButtonRootProps &\n  ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst Button: FC<ButtonRootProps> = (props) => {\n  const {\n    color,\n    variant,\n    className,\n    dataAttrs,\n    disabled,\n    highContrast,\n    readonly,\n    children,\n    ...rest\n  } = getComponentProps(\n    props,\n    ButtonRootPropsDefs,\n    ColorPropDef,\n    MarginPropDefs,\n    PaddingPropDefs,\n    RadiusPropDefs,\n    SizePropDef,\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <button\n      className={clsx(\"button\", className)}\n      data-color={color ?? true}\n      data-variant={variant}\n      data-disabled={disabled ? true : undefined}\n      data-high-contrast={highContrast ? true : undefined}\n      data-readonly={readonly ? true : undefined}\n      data-hovered={hovered ? true : undefined}\n      disabled={disabled || readonly}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      {...dataAttrs}\n      {...rest}\n    >\n      <span>{children}</span>\n    </button>\n  );\n};\n\nexport { AllButtonRootProps, Button, ButtonRootProps };\n"],"mappings":";AAqEM;AAnEN,OAAO,UAAU;AACjB,SAAmC,gBAAgB;AACnD;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAkC,2BAA2B;AAc7D,MAAM,SAA8B,CAAC,UAAU;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,UAAU,SAAS;AAAA,MACnC,cAAY,SAAS;AAAA,MACrB,gBAAc;AAAA,MACd,iBAAe,WAAW,OAAO;AAAA,MACjC,sBAAoB,eAAe,OAAO;AAAA,MAC1C,iBAAe,WAAW,OAAO;AAAA,MACjC,gBAAc,UAAU,OAAO;AAAA,MAC/B,UAAU,YAAY;AAAA,MACtB,cAAc,MAAM,WAAW,IAAI;AAAA,MACnC,cAAc,MAAM,WAAW,KAAK;AAAA,MACnC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,8BAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ;","names":[]}

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

@@ -0,0 +1,40 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const ButtonVariants: readonly ["solid", "outlined", "muted", "clear"];
+declare const ButtonRootPropsDefs: {
+    /**
+     * Sets the variant style of the button ("solid", "outlined", "muted", or "clear").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted", "clear"];
+        dataAttr: string;
+    };
+    /**
+     * Enables high contrast mode for better visibility.
+     * @default undefined
+     */
+    readonly highContrast: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Disables the button component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the button read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+};
+type ButtonRootInternalProps = GetPropDefTypes<typeof ButtonRootPropsDefs>;
+
+export { type ButtonRootInternalProps, ButtonRootPropsDefs, ButtonVariants };