@locus-ui/components 0.0.16 → 0.1.1

package/dist/props/radius.prop.mjs

@@ -0,0 +1,186 @@
+const radii = [
+  "none",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "full",
+  "inherit"
+];
+const RadiusPropDefs = {
+  /**
+   * Sets the border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example radius="md" // medium border-radius
+   * @example radius="26px" // 26px border-radius custom value
+   * @example radius={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @default "theme" // uses the theme's default border-radius value or none if not set
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
+   */
+  radius: {
+    type: "enum | string",
+    values: radii,
+    default: "theme",
+    dataAttr: "radius",
+    className: "lcs-radius",
+    responsive: true
+  },
+  /**
+   * Sets the top border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example radius-t="md" // medium border-radius
+   * @example radius-t="26px" // 26px border-radius custom value
+   * @example radius-t={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
+   */
+  "radius-t": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-t",
+    className: "lcs-radius-t",
+    responsive: true
+  },
+  /**
+   * Sets the right border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example radius-r="md" // medium border-radius
+   * @example radius-r="26px" // 26px border-radius custom value
+   * @example radius-r={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
+   */
+  "radius-r": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-r",
+    className: "lcs-radius-r",
+    responsive: true
+  },
+  /**
+   * Sets the bottom border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example radius-b="md" // medium border-radius
+   * @example radius-b="26px" // 26px border-radius custom value
+   * @example radius-b={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
+   */
+  "radius-b": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-b",
+    className: "lcs-radius-b",
+    responsive: true
+  },
+  /**
+   * Sets the left border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example radius-l="md" // medium border-radius
+   * @example radius-l="26px" // 26px border-radius custom value
+   * @example radius-l={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-top-radius
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-bottom-radius
+   */
+  "radius-l": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-l",
+    className: "lcs-radius-l",
+    responsive: true
+  },
+  /**
+   * Sets the top-left border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example radius-tl="md" // medium border-radius
+   * @example radius-tl="26px" // 26px border-radius custom value
+   * @example radius-tl={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius
+   */
+  "radius-tl": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-tl",
+    className: "lcs-radius-tl",
+    responsive: true
+  },
+  /**
+   * Sets the top-right border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example "radius-tr"="md" // medium border-radius
+   * @example "radius-tr"="26px" // 26px border-radius custom value
+   * @example "radius-tr"={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
+   */
+  "radius-tr": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-tr",
+    className: "lcs-radius-tr",
+    responsive: true
+  },
+  /**
+   * Sets the bottom-right border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example "radius-br"="md" // medium border-radius
+   * @example "radius-br"="26px" // 26px border-radius custom value
+   * @example "radius-br"={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
+   */
+  "radius-br": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-br",
+    className: "lcs-radius-br",
+    responsive: true
+  },
+  /**
+   * Sets the bottom-left border-radius of the element.
+   * Supports scaled, inherit, custom, and responsive values.
+   *
+   * @example "radius-bl"="md" // medium border-radius
+   * @example "radius-bl"="26px" // 26px border-radius custom value
+   * @example "radius-bl"={{ initial: "none", lg: "full" }} // responsive border-radius
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius
+   */
+  "radius-bl": {
+    type: "enum | string",
+    values: radii,
+    dataAttr: "radius-bl",
+    className: "lcs-radius-bl",
+    responsive: true
+  }
+};
+export {
+  RadiusPropDefs,
+  radii
+};
+//# sourceMappingURL=radius.prop.mjs.map

package/dist/props/radius.prop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/radius.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst radii = [\n  \"none\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"full\",\n  \"inherit\",\n] as const;\n\nconst RadiusPropDefs = {\n  /**\n   * Sets the border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example radius=\"md\" // medium border-radius\n   * @example radius=\"26px\" // 26px border-radius custom value\n   * @example radius={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @default \"theme\" // uses the theme's default border-radius value or none if not set\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius\n   */\n  radius: {\n    type: \"enum | string\",\n    values: radii,\n    default: \"theme\",\n    dataAttr: \"radius\",\n    className: \"lcs-radius\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the top border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example radius-t=\"md\" // medium border-radius\n   * @example radius-t=\"26px\" // 26px border-radius custom value\n   * @example radius-t={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius\n   */\n  \"radius-t\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-t\",\n    className: \"lcs-radius-t\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the right border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example radius-r=\"md\" // medium border-radius\n   * @example radius-r=\"26px\" // 26px border-radius custom value\n   * @example radius-r={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius\n   */\n  \"radius-r\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-r\",\n    className: \"lcs-radius-r\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the bottom border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example radius-b=\"md\" // medium border-radius\n   * @example radius-b=\"26px\" // 26px border-radius custom value\n   * @example radius-b={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius\n   */\n  \"radius-b\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-b\",\n    className: \"lcs-radius-b\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the left border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example radius-l=\"md\" // medium border-radius\n   * @example radius-l=\"26px\" // 26px border-radius custom value\n   * @example radius-l={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-top-radius\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-bottom-radius\n   */\n  \"radius-l\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-l\",\n    className: \"lcs-radius-l\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the top-left border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example radius-tl=\"md\" // medium border-radius\n   * @example radius-tl=\"26px\" // 26px border-radius custom value\n   * @example radius-tl={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius\n   */\n  \"radius-tl\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-tl\",\n    className: \"lcs-radius-tl\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the top-right border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example \"radius-tr\"=\"md\" // medium border-radius\n   * @example \"radius-tr\"=\"26px\" // 26px border-radius custom value\n   * @example \"radius-tr\"={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius\n   */\n  \"radius-tr\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-tr\",\n    className: \"lcs-radius-tr\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the bottom-right border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example \"radius-br\"=\"md\" // medium border-radius\n   * @example \"radius-br\"=\"26px\" // 26px border-radius custom value\n   * @example \"radius-br\"={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius\n   */\n  \"radius-br\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-br\",\n    className: \"lcs-radius-br\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  /**\n   * Sets the bottom-left border-radius of the element.\n   * Supports scaled, inherit, custom, and responsive values.\n   *\n   * @example \"radius-bl\"=\"md\" // medium border-radius\n   * @example \"radius-bl\"=\"26px\" // 26px border-radius custom value\n   * @example \"radius-bl\"={{ initial: \"none\", lg: \"full\" }} // responsive border-radius\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius\n   */\n  \"radius-bl\": {\n    type: \"enum | string\",\n    values: radii,\n    dataAttr: \"radius-bl\",\n    className: \"lcs-radius-bl\",\n    responsive: true,\n  } satisfies PropDef<(typeof radii)[number]>,\n};\n\ntype RadiusProps = GetPropDefTypes<typeof RadiusPropDefs>;\n\nexport { radii, RadiusPropDefs, RadiusProps };\n"],"mappings":"AAEA,MAAM,QAAQ;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcrB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/props/roundness.prop.d.mts

@@ -0,0 +1,23 @@
+import { GetPropDefTypes } from './prop-def.mjs';
+
+declare const roundness: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+declare const RoundnessPropDef: {
+    /**
+     * Sets the roundness multiplier for the element's radius.
+     * Supports scaled and inherit values.
+     *
+     * @example roundness="4" // 8px base roundness
+     * @example roundness="inherit" // inherits roundness from parent
+     *
+     * @default "theme" // uses the theme's default roundness value or none if not set
+     */
+    roundness: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+        default: "theme";
+        dataAttr: string;
+    };
+};
+type RoundnessProp = GetPropDefTypes<typeof RoundnessPropDef>;
+
+export { type RoundnessProp, RoundnessPropDef, roundness };

package/dist/props/roundness.prop.d.ts

@@ -0,0 +1,23 @@
+import { GetPropDefTypes } from './prop-def.js';
+
+declare const roundness: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+declare const RoundnessPropDef: {
+    /**
+     * Sets the roundness multiplier for the element's radius.
+     * Supports scaled and inherit values.
+     *
+     * @example roundness="4" // 8px base roundness
+     * @example roundness="inherit" // inherits roundness from parent
+     *
+     * @default "theme" // uses the theme's default roundness value or none if not set
+     */
+    roundness: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+        default: "theme";
+        dataAttr: string;
+    };
+};
+type RoundnessProp = GetPropDefTypes<typeof RoundnessPropDef>;
+
+export { type RoundnessProp, RoundnessPropDef, roundness };

package/dist/props/roundness.prop.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 roundness_prop_exports = {};
+__export(roundness_prop_exports, {
+  RoundnessPropDef: () => RoundnessPropDef,
+  roundness: () => roundness
+});
+module.exports = __toCommonJS(roundness_prop_exports);
+const roundness = ["1", "2", "3", "4", "5", "6", "inherit"];
+const RoundnessPropDef = {
+  /**
+   * Sets the roundness multiplier for the element's radius.
+   * Supports scaled and inherit values.
+   *
+   * @example roundness="4" // 8px base roundness
+   * @example roundness="inherit" // inherits roundness from parent
+   *
+   * @default "theme" // uses the theme's default roundness value or none if not set
+   */
+  roundness: {
+    type: "enum",
+    values: roundness,
+    default: "theme",
+    dataAttr: "roundness"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RoundnessPropDef,
+  roundness
+});
+//# sourceMappingURL=roundness.prop.js.map

package/dist/props/roundness.prop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/roundness.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst roundness = [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"inherit\"] as const;\n\nconst RoundnessPropDef = {\n  /**\n   * Sets the roundness multiplier for the element's radius.\n   * Supports scaled and inherit values.\n   *\n   * @example roundness=\"4\" // 8px base roundness\n   * @example roundness=\"inherit\" // inherits roundness from parent\n   *\n   * @default \"theme\" // uses the theme's default roundness value or none if not set\n   */\n  roundness: {\n    type: \"enum\",\n    values: roundness,\n    default: \"theme\",\n    dataAttr: \"roundness\",\n  } satisfies PropDef<(typeof roundness)[number]>,\n};\n\ntype RoundnessProp = GetPropDefTypes<typeof RoundnessPropDef>;\n\nexport { roundness, RoundnessProp, RoundnessPropDef };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,SAAS;AAE1D,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUvB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/props/roundness.prop.mjs

@@ -0,0 +1,23 @@
+const roundness = ["1", "2", "3", "4", "5", "6", "inherit"];
+const RoundnessPropDef = {
+  /**
+   * Sets the roundness multiplier for the element's radius.
+   * Supports scaled and inherit values.
+   *
+   * @example roundness="4" // 8px base roundness
+   * @example roundness="inherit" // inherits roundness from parent
+   *
+   * @default "theme" // uses the theme's default roundness value or none if not set
+   */
+  roundness: {
+    type: "enum",
+    values: roundness,
+    default: "theme",
+    dataAttr: "roundness"
+  }
+};
+export {
+  RoundnessPropDef,
+  roundness
+};
+//# sourceMappingURL=roundness.prop.mjs.map

package/dist/props/roundness.prop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/roundness.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst roundness = [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"inherit\"] as const;\n\nconst RoundnessPropDef = {\n  /**\n   * Sets the roundness multiplier for the element's radius.\n   * Supports scaled and inherit values.\n   *\n   * @example roundness=\"4\" // 8px base roundness\n   * @example roundness=\"inherit\" // inherits roundness from parent\n   *\n   * @default \"theme\" // uses the theme's default roundness value or none if not set\n   */\n  roundness: {\n    type: \"enum\",\n    values: roundness,\n    default: \"theme\",\n    dataAttr: \"roundness\",\n  } satisfies PropDef<(typeof roundness)[number]>,\n};\n\ntype RoundnessProp = GetPropDefTypes<typeof RoundnessPropDef>;\n\nexport { roundness, RoundnessProp, RoundnessPropDef };\n"],"mappings":"AAEA,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,SAAS;AAE1D,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUvB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/props/size.prop.d.mts

@@ -0,0 +1,19 @@
+import { GetPropDefTypes } from './prop-def.mjs';
+
+declare const Sizes: readonly ["xs", "sm", "md", "lg", "xl"];
+declare const SizePropDef: {
+    /**
+     * Sets the size of the component.
+     *
+     * @example size="md" // medium sized component
+     */
+    size: {
+        type: "enum | string";
+        values: readonly ["xs", "sm", "md", "lg", "xl"];
+        dataAttr: string;
+        className: string;
+    };
+};
+type SizeProp = GetPropDefTypes<typeof SizePropDef>;
+
+export { type SizeProp, SizePropDef, Sizes };

package/dist/props/size.prop.d.ts

@@ -0,0 +1,19 @@
+import { GetPropDefTypes } from './prop-def.js';
+
+declare const Sizes: readonly ["xs", "sm", "md", "lg", "xl"];
+declare const SizePropDef: {
+    /**
+     * Sets the size of the component.
+     *
+     * @example size="md" // medium sized component
+     */
+    size: {
+        type: "enum | string";
+        values: readonly ["xs", "sm", "md", "lg", "xl"];
+        dataAttr: string;
+        className: string;
+    };
+};
+type SizeProp = GetPropDefTypes<typeof SizePropDef>;
+
+export { type SizeProp, SizePropDef, Sizes };

package/dist/props/size.prop.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var size_prop_exports = {};
+__export(size_prop_exports, {
+  SizePropDef: () => SizePropDef,
+  Sizes: () => Sizes
+});
+module.exports = __toCommonJS(size_prop_exports);
+const Sizes = ["xs", "sm", "md", "lg", "xl"];
+const SizePropDef = {
+  /**
+   * Sets the size of the component.
+   *
+   * @example size="md" // medium sized component
+   */
+  size: {
+    type: "enum | string",
+    values: Sizes,
+    dataAttr: "size",
+    className: "size"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SizePropDef,
+  Sizes
+});
+//# sourceMappingURL=size.prop.js.map

package/dist/props/size.prop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/size.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst Sizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\n\nconst SizePropDef = {\n  /**\n   * Sets the size of the component.\n   *\n   * @example size=\"md\" // medium sized component\n   */\n  size: {\n    type: \"enum | string\",\n    values: Sizes,\n    dataAttr: \"size\",\n    className: \"size\",\n  } satisfies PropDef<(typeof Sizes)[number]>,\n};\n\ntype SizeProp = GetPropDefTypes<typeof SizePropDef>;\n\nexport { SizeProp, SizePropDef, Sizes };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAE3C,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/props/size.prop.mjs

@@ -0,0 +1,19 @@
+const Sizes = ["xs", "sm", "md", "lg", "xl"];
+const SizePropDef = {
+  /**
+   * Sets the size of the component.
+   *
+   * @example size="md" // medium sized component
+   */
+  size: {
+    type: "enum | string",
+    values: Sizes,
+    dataAttr: "size",
+    className: "size"
+  }
+};
+export {
+  SizePropDef,
+  Sizes
+};
+//# sourceMappingURL=size.prop.mjs.map

package/dist/props/size.prop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/size.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst Sizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\n\nconst SizePropDef = {\n  /**\n   * Sets the size of the component.\n   *\n   * @example size=\"md\" // medium sized component\n   */\n  size: {\n    type: \"enum | string\",\n    values: Sizes,\n    dataAttr: \"size\",\n    className: \"size\",\n  } satisfies PropDef<(typeof Sizes)[number]>,\n};\n\ntype SizeProp = GetPropDefTypes<typeof SizePropDef>;\n\nexport { SizeProp, SizePropDef, Sizes };\n"],"mappings":"AAEA,MAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAE3C,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/props/spacing.prop.d.mts

@@ -0,0 +1,24 @@
+import { GetPropDefTypes } from './prop-def.mjs';
+
+declare const spacingValues: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+declare const SpacingPropDef: {
+    /**
+     * Sets the spacing scale for the component.
+     * This multiplier affects various layout properties such as margin, padding, and gap values.
+     *
+     * @example spacing="md" // medium spacing scale (1)
+     * @example spacing={{ initial: "sm", lg: "xl" }} // responsive spacing
+     *
+     * @default "theme" // uses the theme's default spacing value or none if not set
+     */
+    spacing: {
+        type: "enum";
+        values: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+        dataAttr: string;
+        default: "theme";
+        responsive: true;
+    };
+};
+type SpacingProp = GetPropDefTypes<typeof SpacingPropDef>;
+
+export { type SpacingProp, SpacingPropDef, spacingValues };

package/dist/props/spacing.prop.d.ts

@@ -0,0 +1,24 @@
+import { GetPropDefTypes } from './prop-def.js';
+
+declare const spacingValues: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+declare const SpacingPropDef: {
+    /**
+     * Sets the spacing scale for the component.
+     * This multiplier affects various layout properties such as margin, padding, and gap values.
+     *
+     * @example spacing="md" // medium spacing scale (1)
+     * @example spacing={{ initial: "sm", lg: "xl" }} // responsive spacing
+     *
+     * @default "theme" // uses the theme's default spacing value or none if not set
+     */
+    spacing: {
+        type: "enum";
+        values: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+        dataAttr: string;
+        default: "theme";
+        responsive: true;
+    };
+};
+type SpacingProp = GetPropDefTypes<typeof SpacingPropDef>;
+
+export { type SpacingProp, SpacingPropDef, spacingValues };

package/dist/props/spacing.prop.js

@@ -0,0 +1,49 @@
+"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 spacing_prop_exports = {};
+__export(spacing_prop_exports, {
+  SpacingPropDef: () => SpacingPropDef,
+  spacingValues: () => spacingValues
+});
+module.exports = __toCommonJS(spacing_prop_exports);
+const spacingValues = ["xs", "sm", "md", "lg", "xl", "inherit"];
+const SpacingPropDef = {
+  /**
+   * Sets the spacing scale for the component.
+   * This multiplier affects various layout properties such as margin, padding, and gap values.
+   *
+   * @example spacing="md" // medium spacing scale (1)
+   * @example spacing={{ initial: "sm", lg: "xl" }} // responsive spacing
+   *
+   * @default "theme" // uses the theme's default spacing value or none if not set
+   */
+  spacing: {
+    type: "enum",
+    values: spacingValues,
+    dataAttr: "spacing",
+    default: "theme",
+    responsive: true
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SpacingPropDef,
+  spacingValues
+});
+//# sourceMappingURL=spacing.prop.js.map

package/dist/props/spacing.prop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/spacing.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst spacingValues = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"inherit\"] as const;\n\nconst SpacingPropDef = {\n  /**\n   * Sets the spacing scale for the component.\n   * This multiplier affects various layout properties such as margin, padding, and gap values.\n   *\n   * @example spacing=\"md\" // medium spacing scale (1)\n   * @example spacing={{ initial: \"sm\", lg: \"xl\" }} // responsive spacing\n   *\n   * @default \"theme\" // uses the theme's default spacing value or none if not set\n   */\n  spacing: {\n    type: \"enum\",\n    values: spacingValues,\n    dataAttr: \"spacing\",\n    default: \"theme\",\n    responsive: true,\n  } satisfies PropDef<(typeof spacingValues)[number]>,\n};\n\ntype SpacingProp = GetPropDefTypes<typeof SpacingPropDef>;\n\nexport { SpacingProp, SpacingPropDef, spacingValues };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,gBAAgB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,SAAS;AAE9D,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUrB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/props/spacing.prop.mjs

@@ -0,0 +1,24 @@
+const spacingValues = ["xs", "sm", "md", "lg", "xl", "inherit"];
+const SpacingPropDef = {
+  /**
+   * Sets the spacing scale for the component.
+   * This multiplier affects various layout properties such as margin, padding, and gap values.
+   *
+   * @example spacing="md" // medium spacing scale (1)
+   * @example spacing={{ initial: "sm", lg: "xl" }} // responsive spacing
+   *
+   * @default "theme" // uses the theme's default spacing value or none if not set
+   */
+  spacing: {
+    type: "enum",
+    values: spacingValues,
+    dataAttr: "spacing",
+    default: "theme",
+    responsive: true
+  }
+};
+export {
+  SpacingPropDef,
+  spacingValues
+};
+//# sourceMappingURL=spacing.prop.mjs.map

package/dist/props/spacing.prop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/spacing.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst spacingValues = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"inherit\"] as const;\n\nconst SpacingPropDef = {\n  /**\n   * Sets the spacing scale for the component.\n   * This multiplier affects various layout properties such as margin, padding, and gap values.\n   *\n   * @example spacing=\"md\" // medium spacing scale (1)\n   * @example spacing={{ initial: \"sm\", lg: \"xl\" }} // responsive spacing\n   *\n   * @default \"theme\" // uses the theme's default spacing value or none if not set\n   */\n  spacing: {\n    type: \"enum\",\n    values: spacingValues,\n    dataAttr: \"spacing\",\n    default: \"theme\",\n    responsive: true,\n  } satisfies PropDef<(typeof spacingValues)[number]>,\n};\n\ntype SpacingProp = GetPropDefTypes<typeof SpacingPropDef>;\n\nexport { SpacingProp, SpacingPropDef, spacingValues };\n"],"mappings":"AAEA,MAAM,gBAAgB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,SAAS;AAE9D,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUrB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/utils/filter-children.d.mts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+
+/**
+ * Type utility to restrict children to specific React element types.
+ * Use with Omit<Props, 'children'> & StrictChildren<AllowedProps>
+ *
+ * @example
+ * type MyComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
+ *   & StrictChildren<ChildAProps | ChildBProps>;
+ */
+type StrictChildren<AllowedChildProps> = {
+    children: React.ReactElement<AllowedChildProps> | React.ReactElement<AllowedChildProps>[];
+};
+/**
+ * Type utility to replace the children prop with strictly typed children.
+ * Combines Omit and StrictChildren in one step.
+ *
+ * @example
+ * type MyComponentProps = WithStrictChildren<
+ *   React.HTMLAttributes<HTMLDivElement>,
+ *   ChildAProps | ChildBProps
+ * >;
+ */
+type WithStrictChildren<Props extends {
+    children?: React.ReactNode;
+}, AllowedChildProps> = Omit<Props, "children"> & StrictChildren<AllowedChildProps>;
+/**
+ * Like WithStrictChildren, but children are optional.
+ * When provided, children are still restricted to the allowed types.
+ */
+type WithOptionalStrictChildren<Props extends {
+    children?: React.ReactNode;
+}, AllowedChildProps> = Omit<Props, "children"> & Partial<StrictChildren<AllowedChildProps>>;
+interface FilterChildrenOptions {
+    /** The parent component's displayName (for error/warning messages) */
+    parentDisplayName?: string;
+    /** If true, throws an error for invalid children instead of warning */
+    strict?: boolean;
+    /** Component references to match against (for RSC-serialized children whose displayName may not be accessible) */
+    allowedTypes?: React.ComponentType[];
+}
+declare function filterChildren(children: React.ReactNode, allowedDisplayNames: string[], options?: FilterChildrenOptions): React.ReactNode[];
+/**
+ * Checks if a child element's type matches a given component, handling
+ * RSC-serialized lazy module references where displayName and direct
+ * reference comparison may not work.
+ */
+declare function matchesComponent(childType: unknown, component: React.ComponentType): boolean;
+
+export { type FilterChildrenOptions, type StrictChildren, type WithOptionalStrictChildren, type WithStrictChildren, filterChildren, matchesComponent };