@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,135 @@
+import { GetPropDefTypes } from './prop-def.js';
+
+declare const PaddingPropDefs: {
+    /**
+     * Sets padding on all sides of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example p="4" // 16px padding on all sides
+     * @example p="26px" // 26px padding custom value
+     * @example p={{ initial: "2", md: "4", lg: "8" }} // responsive padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+     */
+    p: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the top of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pt="4" // 16px top padding
+     * @example pt="26px" // 26px top padding custom value
+     * @example pt={{ initial: "2", md: "4", lg: "8" }} // responsive top padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+     */
+    pt: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the bottom of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pb="4" // 16px bottom padding
+     * @example pb="26px" // 26px bottom padding custom value
+     * @example pb={{ initial: "2", md: "4", lg: "8" }} // responsive bottom padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+     */
+    pb: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the left of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pl="4" // 16px left padding
+     * @example pl="26px" // 26px left padding custom value
+     * @example pl={{ initial: "2", md: "4", lg: "8" }} // responsive left padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+     */
+    pl: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the right of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pr="4" // 16px right padding
+     * @example pr="26px" // 26px right padding custom value
+     * @example pr={{ initial: "2", md: "4", lg: "8" }} // responsive right padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+     */
+    pr: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the left and right (horizontal) sides of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example px="4" // 16px horizontal padding
+     * @example px="26px" // 26px horizontal padding custom value
+     * @example px={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+     */
+    px: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the top and bottom (vertical) sides of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example py="4" // 16px vertical padding
+     * @example py="26px" // 26px vertical padding custom value
+     * @example py={{ initial: "2", md: "4", lg: "8" }} // responsive vertical padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+     */
+    py: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+};
+type PaddingProps = GetPropDefTypes<typeof PaddingPropDefs>;
+
+export { PaddingPropDefs, type PaddingProps };

package/dist/props/padding.prop.js

@@ -0,0 +1,169 @@
+"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 padding_prop_exports = {};
+__export(padding_prop_exports, {
+  PaddingPropDefs: () => PaddingPropDefs
+});
+module.exports = __toCommonJS(padding_prop_exports);
+const paddingValues = [
+  "inherit",
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "8"
+];
+const PaddingPropDefs = {
+  /**
+   * Sets padding on all sides of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example p="4" // 16px padding on all sides
+   * @example p="26px" // 26px padding custom value
+   * @example p={{ initial: "2", md: "4", lg: "8" }} // responsive padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+   */
+  p: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "p",
+    className: "lcs-p",
+    responsive: true
+  },
+  /**
+   * Sets padding on the top of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pt="4" // 16px top padding
+   * @example pt="26px" // 26px top padding custom value
+   * @example pt={{ initial: "2", md: "4", lg: "8" }} // responsive top padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+   */
+  pt: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pt",
+    className: "lcs-pt",
+    responsive: true
+  },
+  /**
+   * Sets padding on the bottom of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pb="4" // 16px bottom padding
+   * @example pb="26px" // 26px bottom padding custom value
+   * @example pb={{ initial: "2", md: "4", lg: "8" }} // responsive bottom padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+   */
+  pb: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pb",
+    className: "lcs-pb",
+    responsive: true
+  },
+  /**
+   * Sets padding on the left of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pl="4" // 16px left padding
+   * @example pl="26px" // 26px left padding custom value
+   * @example pl={{ initial: "2", md: "4", lg: "8" }} // responsive left padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+   */
+  pl: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pl",
+    className: "lcs-pl",
+    responsive: true
+  },
+  /**
+   * Sets padding on the right of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pr="4" // 16px right padding
+   * @example pr="26px" // 26px right padding custom value
+   * @example pr={{ initial: "2", md: "4", lg: "8" }} // responsive right padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+   */
+  pr: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pr",
+    className: "lcs-pr",
+    responsive: true
+  },
+  /**
+   * Sets padding on the left and right (horizontal) sides of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example px="4" // 16px horizontal padding
+   * @example px="26px" // 26px horizontal padding custom value
+   * @example px={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+   */
+  px: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "px",
+    className: "lcs-px",
+    responsive: true
+  },
+  /**
+   * Sets padding on the top and bottom (vertical) sides of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example py="4" // 16px vertical padding
+   * @example py="26px" // 26px vertical padding custom value
+   * @example py={{ initial: "2", md: "4", lg: "8" }} // responsive vertical padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+   */
+  py: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "py",
+    className: "lcs-py",
+    responsive: true
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PaddingPropDefs
+});
+//# sourceMappingURL=padding.prop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/padding.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst paddingValues = [\n  \"inherit\",\n  \"0\",\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"8\",\n] as const;\n\nconst PaddingPropDefs = {\n  /**\n   * Sets padding on all sides of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example p=\"4\" // 16px padding on all sides\n   * @example p=\"26px\" // 26px padding custom value\n   * @example p={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n   */\n  p: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"p\",\n    className: \"lcs-p\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the top of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pt=\"4\" // 16px top padding\n   * @example pt=\"26px\" // 26px top padding custom value\n   * @example pt={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive top padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   */\n  pt: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pt\",\n    className: \"lcs-pt\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the bottom of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pb=\"4\" // 16px bottom padding\n   * @example pb=\"26px\" // 26px bottom padding custom value\n   * @example pb={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive bottom padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  pb: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pb\",\n    className: \"lcs-pb\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the left of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pl=\"4\" // 16px left padding\n   * @example pl=\"26px\" // 26px left padding custom value\n   * @example pl={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive left padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   */\n  pl: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pl\",\n    className: \"lcs-pl\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the right of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pr=\"4\" // 16px right padding\n   * @example pr=\"26px\" // 26px right padding custom value\n   * @example pr={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive right padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  pr: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pr\",\n    className: \"lcs-pr\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the left and right (horizontal) sides of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example px=\"4\" // 16px horizontal padding\n   * @example px=\"26px\" // 26px horizontal padding custom value\n   * @example px={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive horizontal padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  px: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"px\",\n    className: \"lcs-px\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the top and bottom (vertical) sides of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example py=\"4\" // 16px vertical padding\n   * @example py=\"26px\" // 26px vertical padding custom value\n   * @example py={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive vertical padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  py: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"py\",\n    className: \"lcs-py\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n};\n\ntype PaddingProps = GetPropDefTypes<typeof PaddingPropDefs>;\n\nexport { PaddingPropDefs, PaddingProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYtB,GAAG;AAAA,IACD,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/props/padding.prop.mjs

@@ -0,0 +1,145 @@
+const paddingValues = [
+  "inherit",
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "8"
+];
+const PaddingPropDefs = {
+  /**
+   * Sets padding on all sides of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example p="4" // 16px padding on all sides
+   * @example p="26px" // 26px padding custom value
+   * @example p={{ initial: "2", md: "4", lg: "8" }} // responsive padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+   */
+  p: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "p",
+    className: "lcs-p",
+    responsive: true
+  },
+  /**
+   * Sets padding on the top of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pt="4" // 16px top padding
+   * @example pt="26px" // 26px top padding custom value
+   * @example pt={{ initial: "2", md: "4", lg: "8" }} // responsive top padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+   */
+  pt: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pt",
+    className: "lcs-pt",
+    responsive: true
+  },
+  /**
+   * Sets padding on the bottom of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pb="4" // 16px bottom padding
+   * @example pb="26px" // 26px bottom padding custom value
+   * @example pb={{ initial: "2", md: "4", lg: "8" }} // responsive bottom padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+   */
+  pb: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pb",
+    className: "lcs-pb",
+    responsive: true
+  },
+  /**
+   * Sets padding on the left of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pl="4" // 16px left padding
+   * @example pl="26px" // 26px left padding custom value
+   * @example pl={{ initial: "2", md: "4", lg: "8" }} // responsive left padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+   */
+  pl: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pl",
+    className: "lcs-pl",
+    responsive: true
+  },
+  /**
+   * Sets padding on the right of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example pr="4" // 16px right padding
+   * @example pr="26px" // 26px right padding custom value
+   * @example pr={{ initial: "2", md: "4", lg: "8" }} // responsive right padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+   */
+  pr: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "pr",
+    className: "lcs-pr",
+    responsive: true
+  },
+  /**
+   * Sets padding on the left and right (horizontal) sides of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example px="4" // 16px horizontal padding
+   * @example px="26px" // 26px horizontal padding custom value
+   * @example px={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+   */
+  px: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "px",
+    className: "lcs-px",
+    responsive: true
+  },
+  /**
+   * Sets padding on the top and bottom (vertical) sides of the element.
+   * Supports scale, inherit, custom, and responsive values.
+   *
+   * @example py="4" // 16px vertical padding
+   * @example py="26px" // 26px vertical padding custom value
+   * @example py={{ initial: "2", md: "4", lg: "8" }} // responsive vertical padding
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+   */
+  py: {
+    type: "enum | string",
+    values: paddingValues,
+    dataAttr: "py",
+    className: "lcs-py",
+    responsive: true
+  }
+};
+export {
+  PaddingPropDefs
+};
+//# sourceMappingURL=padding.prop.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/padding.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst paddingValues = [\n  \"inherit\",\n  \"0\",\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"8\",\n] as const;\n\nconst PaddingPropDefs = {\n  /**\n   * Sets padding on all sides of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example p=\"4\" // 16px padding on all sides\n   * @example p=\"26px\" // 26px padding custom value\n   * @example p={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n   */\n  p: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"p\",\n    className: \"lcs-p\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the top of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pt=\"4\" // 16px top padding\n   * @example pt=\"26px\" // 26px top padding custom value\n   * @example pt={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive top padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   */\n  pt: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pt\",\n    className: \"lcs-pt\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the bottom of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pb=\"4\" // 16px bottom padding\n   * @example pb=\"26px\" // 26px bottom padding custom value\n   * @example pb={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive bottom padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  pb: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pb\",\n    className: \"lcs-pb\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the left of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pl=\"4\" // 16px left padding\n   * @example pl=\"26px\" // 26px left padding custom value\n   * @example pl={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive left padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   */\n  pl: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pl\",\n    className: \"lcs-pl\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the right of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example pr=\"4\" // 16px right padding\n   * @example pr=\"26px\" // 26px right padding custom value\n   * @example pr={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive right padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  pr: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"pr\",\n    className: \"lcs-pr\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the left and right (horizontal) sides of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example px=\"4\" // 16px horizontal padding\n   * @example px=\"26px\" // 26px horizontal padding custom value\n   * @example px={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive horizontal padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  px: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"px\",\n    className: \"lcs-px\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n\n  /**\n   * Sets padding on the top and bottom (vertical) sides of the element.\n   * Supports scale, inherit, custom, and responsive values.\n   *\n   * @example py=\"4\" // 16px vertical padding\n   * @example py=\"26px\" // 26px vertical padding custom value\n   * @example py={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive vertical padding\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  py: {\n    type: \"enum | string\",\n    values: paddingValues,\n    dataAttr: \"py\",\n    className: \"lcs-py\",\n    responsive: true,\n  } satisfies PropDef<(typeof paddingValues)[number]>,\n};\n\ntype PaddingProps = GetPropDefTypes<typeof PaddingPropDefs>;\n\nexport { PaddingPropDefs, PaddingProps };\n"],"mappings":"AAEA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYtB,GAAG;AAAA,IACD,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,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,IAAI;AAAA,IACF,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/props/prop-def.d.mts

@@ -0,0 +1,66 @@
+declare const breakpoints: readonly ["initial", "xs", "sm", "md", "lg", "xl"];
+type Breakpoint = (typeof breakpoints)[number];
+type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+type BooleanPropDef = {
+    type: "boolean";
+    default?: boolean;
+    required?: boolean;
+    className?: string;
+    cssProperty?: string;
+    dataAttr?: string;
+};
+type StringPropDef = {
+    type: "string";
+    default?: string;
+    required?: boolean;
+    className?: string;
+    cssProperty?: string;
+};
+type NumberPropDef = {
+    type: "number";
+    default?: number;
+    required?: boolean;
+};
+type ReactNodePropDef<T = React.ReactNode> = {
+    type: "reactNode";
+    required?: boolean;
+};
+type EnumPropDef<T> = {
+    type: "enum";
+    values: readonly T[];
+    default?: T | "theme";
+    required?: boolean;
+    className?: string;
+    dataAttr?: string;
+};
+type EnumOrStringPropDef<T extends string> = {
+    type: "enum | string";
+    values: readonly T[];
+    default?: T | "theme";
+    required?: boolean;
+    className?: string;
+    dataAttr?: string;
+    transform?: (value: string) => string;
+};
+type ValueOrArrayPropDef<T> = {
+    type: "value | array";
+    default?: T | T[];
+    required?: boolean;
+    className?: string;
+};
+type FunctionPropDef<T extends (...args: any[]) => any = (...args: any[]) => any> = {
+    type: "function";
+    required?: boolean;
+};
+type BasePropDef<T = any> = BooleanPropDef | StringPropDef | NumberPropDef | ReactNodePropDef<T> | EnumPropDef<T> | EnumOrStringPropDef<T & string> | ValueOrArrayPropDef<T> | FunctionPropDef<T & ((...args: any[]) => any)>;
+type ResponsivePropDef<T = any> = BasePropDef<T> & {
+    responsive: true;
+};
+type PropDef<T = any> = BasePropDef<T> | ResponsivePropDef<T>;
+type GetPropDefType<Def> = Def extends BooleanPropDef ? Def extends ResponsivePropDef ? Responsive<boolean> : boolean : Def extends StringPropDef ? Def extends ResponsivePropDef ? Responsive<string> : string : Def extends NumberPropDef ? Def extends ResponsivePropDef ? Responsive<number> : number : Def extends ReactNodePropDef<infer Type> ? Type : Def extends FunctionPropDef<infer Fn> ? Fn : Def extends EnumOrStringPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Union<string, Type> : Def extends ValueOrArrayPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type | Type[]> : Type | Type[] : Def extends EnumPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type : never;
+type GetPropDefTypes<P> = {
+    [K in keyof P]?: GetPropDefType<P[K]>;
+};
+
+export type { Breakpoint, FunctionPropDef, GetPropDefTypes, PropDef, ReactNodePropDef, Responsive, ValueOrArrayPropDef };

package/dist/props/prop-def.d.ts

@@ -0,0 +1,66 @@
+declare const breakpoints: readonly ["initial", "xs", "sm", "md", "lg", "xl"];
+type Breakpoint = (typeof breakpoints)[number];
+type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+type BooleanPropDef = {
+    type: "boolean";
+    default?: boolean;
+    required?: boolean;
+    className?: string;
+    cssProperty?: string;
+    dataAttr?: string;
+};
+type StringPropDef = {
+    type: "string";
+    default?: string;
+    required?: boolean;
+    className?: string;
+    cssProperty?: string;
+};
+type NumberPropDef = {
+    type: "number";
+    default?: number;
+    required?: boolean;
+};
+type ReactNodePropDef<T = React.ReactNode> = {
+    type: "reactNode";
+    required?: boolean;
+};
+type EnumPropDef<T> = {
+    type: "enum";
+    values: readonly T[];
+    default?: T | "theme";
+    required?: boolean;
+    className?: string;
+    dataAttr?: string;
+};
+type EnumOrStringPropDef<T extends string> = {
+    type: "enum | string";
+    values: readonly T[];
+    default?: T | "theme";
+    required?: boolean;
+    className?: string;
+    dataAttr?: string;
+    transform?: (value: string) => string;
+};
+type ValueOrArrayPropDef<T> = {
+    type: "value | array";
+    default?: T | T[];
+    required?: boolean;
+    className?: string;
+};
+type FunctionPropDef<T extends (...args: any[]) => any = (...args: any[]) => any> = {
+    type: "function";
+    required?: boolean;
+};
+type BasePropDef<T = any> = BooleanPropDef | StringPropDef | NumberPropDef | ReactNodePropDef<T> | EnumPropDef<T> | EnumOrStringPropDef<T & string> | ValueOrArrayPropDef<T> | FunctionPropDef<T & ((...args: any[]) => any)>;
+type ResponsivePropDef<T = any> = BasePropDef<T> & {
+    responsive: true;
+};
+type PropDef<T = any> = BasePropDef<T> | ResponsivePropDef<T>;
+type GetPropDefType<Def> = Def extends BooleanPropDef ? Def extends ResponsivePropDef ? Responsive<boolean> : boolean : Def extends StringPropDef ? Def extends ResponsivePropDef ? Responsive<string> : string : Def extends NumberPropDef ? Def extends ResponsivePropDef ? Responsive<number> : number : Def extends ReactNodePropDef<infer Type> ? Type : Def extends FunctionPropDef<infer Fn> ? Fn : Def extends EnumOrStringPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Union<string, Type> : Def extends ValueOrArrayPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type | Type[]> : Type | Type[] : Def extends EnumPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type : never;
+type GetPropDefTypes<P> = {
+    [K in keyof P]?: GetPropDefType<P[K]>;
+};
+
+export type { Breakpoint, FunctionPropDef, GetPropDefTypes, PropDef, ReactNodePropDef, Responsive, ValueOrArrayPropDef };

package/dist/props/prop-def.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 prop_def_exports = {};
+module.exports = __toCommonJS(prop_def_exports);
+const breakpoints = ["initial", "xs", "sm", "md", "lg", "xl"];
+//# sourceMappingURL=prop-def.js.map

package/dist/props/prop-def.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/prop-def.ts"],"sourcesContent":["const breakpoints = [\"initial\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\ntype Breakpoint = (typeof breakpoints)[number];\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: \"boolean\";\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n  cssProperty?: string;\n  dataAttr?: string;\n};\n\ntype StringPropDef = {\n  type: \"string\";\n  default?: string;\n  required?: boolean;\n  className?: string;\n  cssProperty?: string;\n};\n\ntype NumberPropDef = {\n  type: \"number\";\n  default?: number;\n  required?: boolean;\n};\n\ntype ReactNodePropDef<T = React.ReactNode> = {\n  type: \"reactNode\";\n  required?: boolean;\n};\n\ntype EnumPropDef<T> = {\n  type: \"enum\";\n  values: readonly T[];\n  default?: T | \"theme\";\n  required?: boolean;\n  className?: string;\n  dataAttr?: string;\n};\n\ntype EnumOrStringPropDef<T extends string> = {\n  type: \"enum | string\";\n  values: readonly T[];\n  default?: T | \"theme\";\n  required?: boolean;\n  className?: string;\n  dataAttr?: string;\n  transform?: (value: string) => string;\n};\n\ntype ValueOrArrayPropDef<T> = {\n  type: \"value | array\";\n  default?: T | T[];\n  required?: boolean;\n  className?: string;\n};\n\ntype FunctionPropDef<\n  T extends (...args: any[]) => any = (...args: any[]) => any,\n> = {\n  type: \"function\";\n  required?: boolean;\n};\n\ntype BasePropDef<T = any> =\n  | BooleanPropDef\n  | StringPropDef\n  | NumberPropDef\n  | ReactNodePropDef<T>\n  | EnumPropDef<T>\n  | EnumOrStringPropDef<T & string>\n  | ValueOrArrayPropDef<T>\n  | FunctionPropDef<T & ((...args: any[]) => any)>;\n\ntype ResponsivePropDef<T = any> = BasePropDef<T> & { responsive: true };\n\ntype PropDef<T = any> = BasePropDef<T> | ResponsivePropDef<T>;\n\ntype GetPropDefType<Def> = Def extends BooleanPropDef\n  ? Def extends ResponsivePropDef\n    ? Responsive<boolean>\n    : boolean\n  : Def extends StringPropDef\n    ? Def extends ResponsivePropDef\n      ? Responsive<string>\n      : string\n    : Def extends NumberPropDef\n      ? Def extends ResponsivePropDef\n        ? Responsive<number>\n        : number\n      : Def extends ReactNodePropDef<infer Type>\n        ? Type\n        : Def extends FunctionPropDef<infer Fn>\n          ? Fn\n          : Def extends EnumOrStringPropDef<infer Type>\n            ? Def extends ResponsivePropDef<infer Type extends string>\n              ? Responsive<Union<string, Type>>\n              : Union<string, Type>\n            : Def extends ValueOrArrayPropDef<infer Type>\n              ? Def extends ResponsivePropDef<infer Type>\n                ? Responsive<Type | Type[]>\n                : Type | Type[]\n              : Def extends EnumPropDef<infer Type>\n                ? Def extends ResponsivePropDef<infer Type>\n                  ? Responsive<Type>\n                  : Type\n                : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { Breakpoint, GetPropDefTypes, PropDef, Responsive };\nexport type { FunctionPropDef, ReactNodePropDef, ValueOrArrayPropDef };\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;AAAA,MAAM,cAAc,CAAC,WAAW,MAAM,MAAM,MAAM,MAAM,IAAI;","names":[]}

package/dist/props/prop-def.mjs

@@ -0,0 +1,2 @@
+const breakpoints = ["initial", "xs", "sm", "md", "lg", "xl"];
+//# sourceMappingURL=prop-def.mjs.map

package/dist/props/prop-def.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/prop-def.ts"],"sourcesContent":["const breakpoints = [\"initial\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\ntype Breakpoint = (typeof breakpoints)[number];\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: \"boolean\";\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n  cssProperty?: string;\n  dataAttr?: string;\n};\n\ntype StringPropDef = {\n  type: \"string\";\n  default?: string;\n  required?: boolean;\n  className?: string;\n  cssProperty?: string;\n};\n\ntype NumberPropDef = {\n  type: \"number\";\n  default?: number;\n  required?: boolean;\n};\n\ntype ReactNodePropDef<T = React.ReactNode> = {\n  type: \"reactNode\";\n  required?: boolean;\n};\n\ntype EnumPropDef<T> = {\n  type: \"enum\";\n  values: readonly T[];\n  default?: T | \"theme\";\n  required?: boolean;\n  className?: string;\n  dataAttr?: string;\n};\n\ntype EnumOrStringPropDef<T extends string> = {\n  type: \"enum | string\";\n  values: readonly T[];\n  default?: T | \"theme\";\n  required?: boolean;\n  className?: string;\n  dataAttr?: string;\n  transform?: (value: string) => string;\n};\n\ntype ValueOrArrayPropDef<T> = {\n  type: \"value | array\";\n  default?: T | T[];\n  required?: boolean;\n  className?: string;\n};\n\ntype FunctionPropDef<\n  T extends (...args: any[]) => any = (...args: any[]) => any,\n> = {\n  type: \"function\";\n  required?: boolean;\n};\n\ntype BasePropDef<T = any> =\n  | BooleanPropDef\n  | StringPropDef\n  | NumberPropDef\n  | ReactNodePropDef<T>\n  | EnumPropDef<T>\n  | EnumOrStringPropDef<T & string>\n  | ValueOrArrayPropDef<T>\n  | FunctionPropDef<T & ((...args: any[]) => any)>;\n\ntype ResponsivePropDef<T = any> = BasePropDef<T> & { responsive: true };\n\ntype PropDef<T = any> = BasePropDef<T> | ResponsivePropDef<T>;\n\ntype GetPropDefType<Def> = Def extends BooleanPropDef\n  ? Def extends ResponsivePropDef\n    ? Responsive<boolean>\n    : boolean\n  : Def extends StringPropDef\n    ? Def extends ResponsivePropDef\n      ? Responsive<string>\n      : string\n    : Def extends NumberPropDef\n      ? Def extends ResponsivePropDef\n        ? Responsive<number>\n        : number\n      : Def extends ReactNodePropDef<infer Type>\n        ? Type\n        : Def extends FunctionPropDef<infer Fn>\n          ? Fn\n          : Def extends EnumOrStringPropDef<infer Type>\n            ? Def extends ResponsivePropDef<infer Type extends string>\n              ? Responsive<Union<string, Type>>\n              : Union<string, Type>\n            : Def extends ValueOrArrayPropDef<infer Type>\n              ? Def extends ResponsivePropDef<infer Type>\n                ? Responsive<Type | Type[]>\n                : Type | Type[]\n              : Def extends EnumPropDef<infer Type>\n                ? Def extends ResponsivePropDef<infer Type>\n                  ? Responsive<Type>\n                  : Type\n                : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { Breakpoint, GetPropDefTypes, PropDef, Responsive };\nexport type { FunctionPropDef, ReactNodePropDef, ValueOrArrayPropDef };\n"],"mappings":"AAAA,MAAM,cAAc,CAAC,WAAW,MAAM,MAAM,MAAM,MAAM,IAAI;","names":[]}