@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,135 @@
+import { GetPropDefTypes } from './prop-def.js';
+
+declare const MarginPropDefs: {
+    /**
+     * Sets margin on all sides of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example m="4" // 16px margin on all sides
+     * @example m="-26px" // -26px negative margin custom value
+     * @example m={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+     */
+    m: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the top of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mt="4" // 16px margin on all sides
+     * @example mt="-26px" // -26px negative margin custom value
+     * @example mt={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+     */
+    mt: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the bottom of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mb="4" // 16px margin on all sides
+     * @example mb="-26px" // -26px negative margin custom value
+     * @example mb={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+     */
+    mb: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the left of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example ml="4" // 16px margin on all sides
+     * @example ml="-26px" // -26px negative margin custom value
+     * @example ml={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+     */
+    ml: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the right of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mr="4" // 16px margin on all sides
+     * @example mr="-26px" // -26px negative margin custom value
+     * @example mr={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+     */
+    mr: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the left and right (horizontal) sides of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mx="4" // 16px horizontal margin
+     * @example mx="-26px" // -26px negative horizontal margin custom value
+     * @example mx={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+     */
+    mx: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the top and bottom (vertical) sides of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example my="4" // 16px vertical margin
+     * @example my="-26px" // -26px negative vertical margin custom value
+     * @example my={{ initial: "2", md: "4", lg: "8" }} // responsive vertical margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+     */
+    my: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+};
+type MarginProps = GetPropDefTypes<typeof MarginPropDefs>;
+
+export { MarginPropDefs, type MarginProps };

package/dist/props/margin.prop.js

@@ -0,0 +1,177 @@
+"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 margin_prop_exports = {};
+__export(margin_prop_exports, {
+  MarginPropDefs: () => MarginPropDefs
+});
+module.exports = __toCommonJS(margin_prop_exports);
+const marginValues = [
+  "auto",
+  "inherit",
+  "-8",
+  "-6",
+  "-5",
+  "-4",
+  "-3",
+  "-2",
+  "-1",
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "8"
+];
+const MarginPropDefs = {
+  /**
+   * Sets margin on all sides of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example m="4" // 16px margin on all sides
+   * @example m="-26px" // -26px negative margin custom value
+   * @example m={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+   */
+  m: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "m",
+    className: "lcs-m",
+    responsive: true
+  },
+  /**
+   * Sets margin on the top of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mt="4" // 16px margin on all sides
+   * @example mt="-26px" // -26px negative margin custom value
+   * @example mt={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+   */
+  mt: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mt",
+    className: "lcs-mt",
+    responsive: true
+  },
+  /**
+   * Sets margin on the bottom of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mb="4" // 16px margin on all sides
+   * @example mb="-26px" // -26px negative margin custom value
+   * @example mb={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+   */
+  mb: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mb",
+    className: "lcs-mb",
+    responsive: true
+  },
+  /**
+   * Sets margin on the left of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example ml="4" // 16px margin on all sides
+   * @example ml="-26px" // -26px negative margin custom value
+   * @example ml={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+   */
+  ml: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "ml",
+    className: "lcs-ml",
+    responsive: true
+  },
+  /**
+   * Sets margin on the right of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mr="4" // 16px margin on all sides
+   * @example mr="-26px" // -26px negative margin custom value
+   * @example mr={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+   */
+  mr: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mr",
+    className: "lcs-mr",
+    responsive: true
+  },
+  /**
+   * Sets margin on the left and right (horizontal) sides of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mx="4" // 16px horizontal margin
+   * @example mx="-26px" // -26px negative horizontal margin custom value
+   * @example mx={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+   */
+  mx: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mx",
+    className: "lcs-mx",
+    responsive: true
+  },
+  /**
+   * Sets margin on the top and bottom (vertical) sides of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example my="4" // 16px vertical margin
+   * @example my="-26px" // -26px negative vertical margin custom value
+   * @example my={{ initial: "2", md: "4", lg: "8" }} // responsive vertical margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+   */
+  my: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "my",
+    className: "lcs-my",
+    responsive: true
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MarginPropDefs
+});
+//# sourceMappingURL=margin.prop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/margin.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst marginValues = [\n  \"auto\",\n  \"inherit\",\n  \"-8\",\n  \"-6\",\n  \"-5\",\n  \"-4\",\n  \"-3\",\n  \"-2\",\n  \"-1\",\n  \"0\",\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"8\",\n] as const;\n\nconst MarginPropDefs = {\n  /**\n   * Sets margin on all sides of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example m=\"4\" // 16px margin on all sides\n   * @example m=\"-26px\" // -26px negative margin custom value\n   * @example m={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"m\",\n    className: \"lcs-m\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the top of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mt=\"4\" // 16px margin on all sides\n   * @example mt=\"-26px\" // -26px negative margin custom value\n   * @example mt={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mt\",\n    className: \"lcs-mt\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the bottom of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mb=\"4\" // 16px margin on all sides\n   * @example mb=\"-26px\" // -26px negative margin custom value\n   * @example mb={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mb\",\n    className: \"lcs-mb\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the left of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example ml=\"4\" // 16px margin on all sides\n   * @example ml=\"-26px\" // -26px negative margin custom value\n   * @example ml={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"ml\",\n    className: \"lcs-ml\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the right of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mr=\"4\" // 16px margin on all sides\n   * @example mr=\"-26px\" // -26px negative margin custom value\n   * @example mr={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mr\",\n    className: \"lcs-mr\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the left and right (horizontal) sides of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mx=\"4\" // 16px horizontal margin\n   * @example mx=\"-26px\" // -26px negative horizontal margin custom value\n   * @example mx={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive horizontal margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mx\",\n    className: \"lcs-mx\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the top and bottom (vertical) sides of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example my=\"4\" // 16px vertical margin\n   * @example my=\"-26px\" // -26px negative vertical margin custom value\n   * @example my={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive vertical margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"my\",\n    className: \"lcs-my\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n};\n\ntype MarginProps = GetPropDefTypes<typeof MarginPropDefs>;\n\nexport { MarginPropDefs, MarginProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,EAYrB,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/margin.prop.mjs

@@ -0,0 +1,153 @@
+const marginValues = [
+  "auto",
+  "inherit",
+  "-8",
+  "-6",
+  "-5",
+  "-4",
+  "-3",
+  "-2",
+  "-1",
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "8"
+];
+const MarginPropDefs = {
+  /**
+   * Sets margin on all sides of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example m="4" // 16px margin on all sides
+   * @example m="-26px" // -26px negative margin custom value
+   * @example m={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+   */
+  m: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "m",
+    className: "lcs-m",
+    responsive: true
+  },
+  /**
+   * Sets margin on the top of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mt="4" // 16px margin on all sides
+   * @example mt="-26px" // -26px negative margin custom value
+   * @example mt={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+   */
+  mt: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mt",
+    className: "lcs-mt",
+    responsive: true
+  },
+  /**
+   * Sets margin on the bottom of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mb="4" // 16px margin on all sides
+   * @example mb="-26px" // -26px negative margin custom value
+   * @example mb={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+   */
+  mb: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mb",
+    className: "lcs-mb",
+    responsive: true
+  },
+  /**
+   * Sets margin on the left of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example ml="4" // 16px margin on all sides
+   * @example ml="-26px" // -26px negative margin custom value
+   * @example ml={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+   */
+  ml: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "ml",
+    className: "lcs-ml",
+    responsive: true
+  },
+  /**
+   * Sets margin on the right of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mr="4" // 16px margin on all sides
+   * @example mr="-26px" // -26px negative margin custom value
+   * @example mr={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+   */
+  mr: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mr",
+    className: "lcs-mr",
+    responsive: true
+  },
+  /**
+   * Sets margin on the left and right (horizontal) sides of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example mx="4" // 16px horizontal margin
+   * @example mx="-26px" // -26px negative horizontal margin custom value
+   * @example mx={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+   */
+  mx: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "mx",
+    className: "lcs-mx",
+    responsive: true
+  },
+  /**
+   * Sets margin on the top and bottom (vertical) sides of the element.
+   * Supports scale, auto, inherit, custom, and responsive values.
+   *
+   * @example my="4" // 16px vertical margin
+   * @example my="-26px" // -26px negative vertical margin custom value
+   * @example my={{ initial: "2", md: "4", lg: "8" }} // responsive vertical margins
+   *
+   * @link
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+   */
+  my: {
+    type: "enum | string",
+    values: marginValues,
+    dataAttr: "my",
+    className: "lcs-my",
+    responsive: true
+  }
+};
+export {
+  MarginPropDefs
+};
+//# sourceMappingURL=margin.prop.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/margin.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst marginValues = [\n  \"auto\",\n  \"inherit\",\n  \"-8\",\n  \"-6\",\n  \"-5\",\n  \"-4\",\n  \"-3\",\n  \"-2\",\n  \"-1\",\n  \"0\",\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"8\",\n] as const;\n\nconst MarginPropDefs = {\n  /**\n   * Sets margin on all sides of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example m=\"4\" // 16px margin on all sides\n   * @example m=\"-26px\" // -26px negative margin custom value\n   * @example m={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"m\",\n    className: \"lcs-m\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the top of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mt=\"4\" // 16px margin on all sides\n   * @example mt=\"-26px\" // -26px negative margin custom value\n   * @example mt={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mt\",\n    className: \"lcs-mt\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the bottom of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mb=\"4\" // 16px margin on all sides\n   * @example mb=\"-26px\" // -26px negative margin custom value\n   * @example mb={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mb\",\n    className: \"lcs-mb\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the left of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example ml=\"4\" // 16px margin on all sides\n   * @example ml=\"-26px\" // -26px negative margin custom value\n   * @example ml={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"ml\",\n    className: \"lcs-ml\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the right of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mr=\"4\" // 16px margin on all sides\n   * @example mr=\"-26px\" // -26px negative margin custom value\n   * @example mr={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mr\",\n    className: \"lcs-mr\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the left and right (horizontal) sides of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example mx=\"4\" // 16px horizontal margin\n   * @example mx=\"-26px\" // -26px negative horizontal margin custom value\n   * @example mx={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive horizontal margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"mx\",\n    className: \"lcs-mx\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n\n  /**\n   * Sets margin on the top and bottom (vertical) sides of the element.\n   * Supports scale, auto, inherit, custom, and responsive values.\n   *\n   * @example my=\"4\" // 16px vertical margin\n   * @example my=\"-26px\" // -26px negative vertical margin custom value\n   * @example my={{ initial: \"2\", md: \"4\", lg: \"8\" }} // responsive vertical margins\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: \"enum | string\",\n    values: marginValues,\n    dataAttr: \"my\",\n    className: \"lcs-my\",\n    responsive: true,\n  } satisfies PropDef<(typeof marginValues)[number]>,\n};\n\ntype MarginProps = GetPropDefTypes<typeof MarginPropDefs>;\n\nexport { MarginPropDefs, MarginProps };\n"],"mappings":"AAEA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,EAYrB,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.d.mts

@@ -0,0 +1,135 @@
+import { GetPropDefTypes } from './prop-def.mjs';
+
+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 };