@locus-ui/components 0.0.16 → 0.1.1

package/dist/props/align.prop.js

@@ -0,0 +1,41 @@
+"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 align_prop_exports = {};
+__export(align_prop_exports, {
+  AlignPropDef: () => AlignPropDef,
+  Alignments: () => Alignments
+});
+module.exports = __toCommonJS(align_prop_exports);
+const Alignments = ["start", "center", "end"];
+const AlignPropDef = {
+  /**
+   * The alignment of the component.
+   */
+  align: {
+    type: "enum",
+    values: Alignments,
+    dataAttr: "align"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlignPropDef,
+  Alignments
+});
+//# sourceMappingURL=align.prop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/align.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst Alignments = [\"start\", \"center\", \"end\"] as const;\n\nconst AlignPropDef = {\n  /**\n   * The alignment of the component.\n   */\n  align: {\n    type: \"enum\",\n    values: Alignments,\n    dataAttr: \"align\",\n  } satisfies PropDef<(typeof Alignments)[number]>,\n};\n\ntype AlignProp = GetPropDefTypes<typeof AlignPropDef>;\n\nexport { Alignments, AlignProp, AlignPropDef };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,aAAa,CAAC,SAAS,UAAU,KAAK;AAE5C,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/props/align.prop.mjs

@@ -0,0 +1,16 @@
+const Alignments = ["start", "center", "end"];
+const AlignPropDef = {
+  /**
+   * The alignment of the component.
+   */
+  align: {
+    type: "enum",
+    values: Alignments,
+    dataAttr: "align"
+  }
+};
+export {
+  AlignPropDef,
+  Alignments
+};
+//# sourceMappingURL=align.prop.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/align.prop.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst Alignments = [\"start\", \"center\", \"end\"] as const;\n\nconst AlignPropDef = {\n  /**\n   * The alignment of the component.\n   */\n  align: {\n    type: \"enum\",\n    values: Alignments,\n    dataAttr: \"align\",\n  } satisfies PropDef<(typeof Alignments)[number]>,\n};\n\ntype AlignProp = GetPropDefTypes<typeof AlignPropDef>;\n\nexport { Alignments, AlignProp, AlignPropDef };\n"],"mappings":"AAEA,MAAM,aAAa,CAAC,SAAS,UAAU,KAAK;AAE5C,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;","names":[]}

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

@@ -0,0 +1,26 @@
+import { parseColor } from '../utils/parse-color.mjs';
+import { GetPropDefTypes } from './prop-def.mjs';
+
+declare const Colors: readonly ["primary", "secondary", "tertiary", "accent", "success", "warning", "danger", "info"];
+declare const ColorPropDef: {
+    /**
+     * Sets the color of the component.
+     *
+     * Uses predefined theme colors ("primary", "secondary", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.
+     *
+     * @example color="primary" // primary color
+     * @example color="#7BEB34" // hex color
+     * @example color="rgb(125, 235, 52)" // rgb color
+     * @example color="125, 235, 52" // raw rgb values
+     */
+    color: {
+        type: "enum | string";
+        values: readonly ["primary", "secondary", "tertiary", "accent", "success", "warning", "danger", "info"];
+        dataAttr: string;
+        className: string;
+        transform: typeof parseColor;
+    };
+};
+type ColorProp = GetPropDefTypes<typeof ColorPropDef>;
+
+export { type ColorProp, ColorPropDef, Colors };

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

@@ -0,0 +1,26 @@
+import { parseColor } from '../utils/parse-color.js';
+import { GetPropDefTypes } from './prop-def.js';
+
+declare const Colors: readonly ["primary", "secondary", "tertiary", "accent", "success", "warning", "danger", "info"];
+declare const ColorPropDef: {
+    /**
+     * Sets the color of the component.
+     *
+     * Uses predefined theme colors ("primary", "secondary", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.
+     *
+     * @example color="primary" // primary color
+     * @example color="#7BEB34" // hex color
+     * @example color="rgb(125, 235, 52)" // rgb color
+     * @example color="125, 235, 52" // raw rgb values
+     */
+    color: {
+        type: "enum | string";
+        values: readonly ["primary", "secondary", "tertiary", "accent", "success", "warning", "danger", "info"];
+        dataAttr: string;
+        className: string;
+        transform: typeof parseColor;
+    };
+};
+type ColorProp = GetPropDefTypes<typeof ColorPropDef>;
+
+export { type ColorProp, ColorPropDef, Colors };

package/dist/props/color.prop.js

@@ -0,0 +1,60 @@
+"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 color_prop_exports = {};
+__export(color_prop_exports, {
+  ColorPropDef: () => ColorPropDef,
+  Colors: () => Colors
+});
+module.exports = __toCommonJS(color_prop_exports);
+var import_parse_color = require("../utils/parse-color");
+const Colors = [
+  "primary",
+  "secondary",
+  "tertiary",
+  "accent",
+  "success",
+  "warning",
+  "danger",
+  "info"
+];
+const ColorPropDef = {
+  /**
+   * Sets the color of the component.
+   *
+   * Uses predefined theme colors ("primary", "secondary", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.
+   *
+   * @example color="primary" // primary color
+   * @example color="#7BEB34" // hex color
+   * @example color="rgb(125, 235, 52)" // rgb color
+   * @example color="125, 235, 52" // raw rgb values
+   */
+  color: {
+    type: "enum | string",
+    values: Colors,
+    dataAttr: "color",
+    className: "color",
+    transform: import_parse_color.parseColor
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ColorPropDef,
+  Colors
+});
+//# sourceMappingURL=color.prop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/color.prop.ts"],"sourcesContent":["import { parseColor } from \"../utils/parse-color\";\nimport { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst Colors = [\n  \"primary\",\n  \"secondary\",\n  \"tertiary\",\n  \"accent\",\n  \"success\",\n  \"warning\",\n  \"danger\",\n  \"info\",\n] as const;\n\nconst ColorPropDef = {\n  /**\n   * Sets the color of the component.\n   *\n   * Uses predefined theme colors (\"primary\", \"secondary\", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.\n   *\n   * @example color=\"primary\" // primary color\n   * @example color=\"#7BEB34\" // hex color\n   * @example color=\"rgb(125, 235, 52)\" // rgb color\n   * @example color=\"125, 235, 52\" // raw rgb values\n   */\n  color: {\n    type: \"enum | string\",\n    values: Colors,\n    dataAttr: \"color\",\n    className: \"color\",\n    transform: parseColor,\n  } satisfies PropDef<(typeof Colors)[number]>,\n};\n\ntype ColorProp = GetPropDefTypes<typeof ColorPropDef>;\n\nexport { ColorProp, ColorPropDef, Colors };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA2B;AAG3B,MAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWnB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/props/color.prop.mjs

@@ -0,0 +1,35 @@
+import { parseColor } from "../utils/parse-color";
+const Colors = [
+  "primary",
+  "secondary",
+  "tertiary",
+  "accent",
+  "success",
+  "warning",
+  "danger",
+  "info"
+];
+const ColorPropDef = {
+  /**
+   * Sets the color of the component.
+   *
+   * Uses predefined theme colors ("primary", "secondary", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.
+   *
+   * @example color="primary" // primary color
+   * @example color="#7BEB34" // hex color
+   * @example color="rgb(125, 235, 52)" // rgb color
+   * @example color="125, 235, 52" // raw rgb values
+   */
+  color: {
+    type: "enum | string",
+    values: Colors,
+    dataAttr: "color",
+    className: "color",
+    transform: parseColor
+  }
+};
+export {
+  ColorPropDef,
+  Colors
+};
+//# sourceMappingURL=color.prop.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/color.prop.ts"],"sourcesContent":["import { parseColor } from \"../utils/parse-color\";\nimport { GetPropDefTypes, PropDef } from \"./prop-def\";\n\nconst Colors = [\n  \"primary\",\n  \"secondary\",\n  \"tertiary\",\n  \"accent\",\n  \"success\",\n  \"warning\",\n  \"danger\",\n  \"info\",\n] as const;\n\nconst ColorPropDef = {\n  /**\n   * Sets the color of the component.\n   *\n   * Uses predefined theme colors (\"primary\", \"secondary\", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.\n   *\n   * @example color=\"primary\" // primary color\n   * @example color=\"#7BEB34\" // hex color\n   * @example color=\"rgb(125, 235, 52)\" // rgb color\n   * @example color=\"125, 235, 52\" // raw rgb values\n   */\n  color: {\n    type: \"enum | string\",\n    values: Colors,\n    dataAttr: \"color\",\n    className: \"color\",\n    transform: parseColor,\n  } satisfies PropDef<(typeof Colors)[number]>,\n};\n\ntype ColorProp = GetPropDefTypes<typeof ColorPropDef>;\n\nexport { ColorProp, ColorPropDef, Colors };\n"],"mappings":"AAAA,SAAS,kBAAkB;AAG3B,MAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWnB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;","names":[]}

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

@@ -0,0 +1,11 @@
+declare const directions: readonly ["row", "column"];
+declare const DirectionPropDef: {
+    direction: {
+        type: "enum";
+        className: string;
+        default: "column";
+        values: readonly ["row", "column"];
+    };
+};
+
+export { DirectionPropDef, directions };

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

@@ -0,0 +1,11 @@
+declare const directions: readonly ["row", "column"];
+declare const DirectionPropDef: {
+    direction: {
+        type: "enum";
+        className: string;
+        default: "column";
+        values: readonly ["row", "column"];
+    };
+};
+
+export { DirectionPropDef, directions };

package/dist/props/direction.prop.js

@@ -0,0 +1,39 @@
+"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 direction_prop_exports = {};
+__export(direction_prop_exports, {
+  DirectionPropDef: () => DirectionPropDef,
+  directions: () => directions
+});
+module.exports = __toCommonJS(direction_prop_exports);
+const directions = ["row", "column"];
+const DirectionPropDef = {
+  direction: {
+    type: "enum",
+    className: "lcs-flex",
+    default: "column",
+    values: directions
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DirectionPropDef,
+  directions
+});
+//# sourceMappingURL=direction.prop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/direction.prop.ts"],"sourcesContent":["import { PropDef } from \"./prop-def\";\n\nconst directions = [\"row\", \"column\"] as const;\n\nconst DirectionPropDef = {\n  direction: {\n    type: \"enum\",\n    className: \"lcs-flex\",\n    default: \"column\",\n    values: directions,\n  } satisfies PropDef<(typeof directions)[number]>,\n};\n\nexport { DirectionPropDef, directions };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,aAAa,CAAC,OAAO,QAAQ;AAEnC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;","names":[]}

package/dist/props/direction.prop.mjs

@@ -0,0 +1,14 @@
+const directions = ["row", "column"];
+const DirectionPropDef = {
+  direction: {
+    type: "enum",
+    className: "lcs-flex",
+    default: "column",
+    values: directions
+  }
+};
+export {
+  DirectionPropDef,
+  directions
+};
+//# sourceMappingURL=direction.prop.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/direction.prop.ts"],"sourcesContent":["import { PropDef } from \"./prop-def\";\n\nconst directions = [\"row\", \"column\"] as const;\n\nconst DirectionPropDef = {\n  direction: {\n    type: \"enum\",\n    className: \"lcs-flex\",\n    default: \"column\",\n    values: directions,\n  } satisfies PropDef<(typeof directions)[number]>,\n};\n\nexport { DirectionPropDef, directions };\n"],"mappings":"AAEA,MAAM,aAAa,CAAC,OAAO,QAAQ;AAEnC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;","names":[]}

package/dist/props/index.d.mts

@@ -0,0 +1,11 @@
+export { AlignProp, AlignPropDef } from './align.prop.mjs';
+export { ColorProp, ColorPropDef } from './color.prop.mjs';
+export { DirectionPropDef } from './direction.prop.mjs';
+export { MarginPropDefs, MarginProps } from './margin.prop.mjs';
+export { PaddingPropDefs, PaddingProps } from './padding.prop.mjs';
+export { Breakpoint, FunctionPropDef, GetPropDefTypes, PropDef, ReactNodePropDef, Responsive } from './prop-def.mjs';
+export { RadiusPropDefs, RadiusProps } from './radius.prop.mjs';
+export { RoundnessProp, RoundnessPropDef } from './roundness.prop.mjs';
+export { SizeProp, SizePropDef } from './size.prop.mjs';
+export { SpacingProp, SpacingPropDef } from './spacing.prop.mjs';
+import '../utils/parse-color.mjs';

package/dist/props/index.d.ts

@@ -0,0 +1,11 @@
+export { AlignProp, AlignPropDef } from './align.prop.js';
+export { ColorProp, ColorPropDef } from './color.prop.js';
+export { DirectionPropDef } from './direction.prop.js';
+export { MarginPropDefs, MarginProps } from './margin.prop.js';
+export { PaddingPropDefs, PaddingProps } from './padding.prop.js';
+export { Breakpoint, FunctionPropDef, GetPropDefTypes, PropDef, ReactNodePropDef, Responsive } from './prop-def.js';
+export { RadiusPropDefs, RadiusProps } from './radius.prop.js';
+export { RoundnessProp, RoundnessPropDef } from './roundness.prop.js';
+export { SizeProp, SizePropDef } from './size.prop.js';
+export { SpacingProp, SpacingPropDef } from './spacing.prop.js';
+import '../utils/parse-color.js';

package/dist/props/index.js

@@ -0,0 +1,82 @@
+"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 props_exports = {};
+__export(props_exports, {
+  AlignProp: () => import_align.AlignProp,
+  AlignPropDef: () => import_align.AlignPropDef,
+  Breakpoint: () => import_prop_def.Breakpoint,
+  ColorProp: () => import_color.ColorProp,
+  ColorPropDef: () => import_color.ColorPropDef,
+  DirectionPropDef: () => import_direction.DirectionPropDef,
+  FunctionPropDef: () => import_prop_def.FunctionPropDef,
+  GetPropDefTypes: () => import_prop_def.GetPropDefTypes,
+  MarginPropDefs: () => import_margin.MarginPropDefs,
+  MarginProps: () => import_margin.MarginProps,
+  PaddingPropDefs: () => import_padding.PaddingPropDefs,
+  PaddingProps: () => import_padding.PaddingProps,
+  PropDef: () => import_prop_def.PropDef,
+  RadiusPropDefs: () => import_radius.RadiusPropDefs,
+  RadiusProps: () => import_radius.RadiusProps,
+  ReactNodePropDef: () => import_prop_def.ReactNodePropDef,
+  Responsive: () => import_prop_def.Responsive,
+  RoundnessProp: () => import_roundness.RoundnessProp,
+  RoundnessPropDef: () => import_roundness.RoundnessPropDef,
+  SizeProp: () => import_size.SizeProp,
+  SizePropDef: () => import_size.SizePropDef,
+  SpacingProp: () => import_spacing.SpacingProp,
+  SpacingPropDef: () => import_spacing.SpacingPropDef
+});
+module.exports = __toCommonJS(props_exports);
+var import_align = require("./align.prop");
+var import_color = require("./color.prop");
+var import_direction = require("./direction.prop");
+var import_margin = require("./margin.prop");
+var import_padding = require("./padding.prop");
+var import_prop_def = require("./prop-def");
+var import_radius = require("./radius.prop");
+var import_roundness = require("./roundness.prop");
+var import_size = require("./size.prop");
+var import_spacing = require("./spacing.prop");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlignProp,
+  AlignPropDef,
+  Breakpoint,
+  ColorProp,
+  ColorPropDef,
+  DirectionPropDef,
+  FunctionPropDef,
+  GetPropDefTypes,
+  MarginPropDefs,
+  MarginProps,
+  PaddingPropDefs,
+  PaddingProps,
+  PropDef,
+  RadiusPropDefs,
+  RadiusProps,
+  ReactNodePropDef,
+  Responsive,
+  RoundnessProp,
+  RoundnessPropDef,
+  SizeProp,
+  SizePropDef,
+  SpacingProp,
+  SpacingPropDef
+});
+//# sourceMappingURL=index.js.map

package/dist/props/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/index.ts"],"sourcesContent":["export { AlignProp, AlignPropDef } from \"./align.prop\";\nexport { ColorProp, ColorPropDef } from \"./color.prop\";\nexport { DirectionPropDef } from \"./direction.prop\";\nexport { MarginPropDefs, MarginProps } from \"./margin.prop\";\nexport { PaddingPropDefs, PaddingProps } from \"./padding.prop\";\nexport {\n  Breakpoint,\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n  ReactNodePropDef,\n  Responsive,\n} from \"./prop-def\";\nexport { RadiusPropDefs, RadiusProps } from \"./radius.prop\";\nexport { RoundnessProp, RoundnessPropDef } from \"./roundness.prop\";\nexport { SizeProp, SizePropDef } from \"./size.prop\";\nexport { SpacingProp, SpacingPropDef } from \"./spacing.prop\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AACxC,mBAAwC;AACxC,uBAAiC;AACjC,oBAA4C;AAC5C,qBAA8C;AAC9C,sBAOO;AACP,oBAA4C;AAC5C,uBAAgD;AAChD,kBAAsC;AACtC,qBAA4C;","names":[]}

package/dist/props/index.mjs

@@ -0,0 +1,43 @@
+import { AlignProp, AlignPropDef } from "./align.prop";
+import { ColorProp, ColorPropDef } from "./color.prop";
+import { DirectionPropDef } from "./direction.prop";
+import { MarginPropDefs, MarginProps } from "./margin.prop";
+import { PaddingPropDefs, PaddingProps } from "./padding.prop";
+import {
+  Breakpoint,
+  FunctionPropDef,
+  GetPropDefTypes,
+  PropDef,
+  ReactNodePropDef,
+  Responsive
+} from "./prop-def";
+import { RadiusPropDefs, RadiusProps } from "./radius.prop";
+import { RoundnessProp, RoundnessPropDef } from "./roundness.prop";
+import { SizeProp, SizePropDef } from "./size.prop";
+import { SpacingProp, SpacingPropDef } from "./spacing.prop";
+export {
+  AlignProp,
+  AlignPropDef,
+  Breakpoint,
+  ColorProp,
+  ColorPropDef,
+  DirectionPropDef,
+  FunctionPropDef,
+  GetPropDefTypes,
+  MarginPropDefs,
+  MarginProps,
+  PaddingPropDefs,
+  PaddingProps,
+  PropDef,
+  RadiusPropDefs,
+  RadiusProps,
+  ReactNodePropDef,
+  Responsive,
+  RoundnessProp,
+  RoundnessPropDef,
+  SizeProp,
+  SizePropDef,
+  SpacingProp,
+  SpacingPropDef
+};
+//# sourceMappingURL=index.mjs.map

package/dist/props/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/props/index.ts"],"sourcesContent":["export { AlignProp, AlignPropDef } from \"./align.prop\";\nexport { ColorProp, ColorPropDef } from \"./color.prop\";\nexport { DirectionPropDef } from \"./direction.prop\";\nexport { MarginPropDefs, MarginProps } from \"./margin.prop\";\nexport { PaddingPropDefs, PaddingProps } from \"./padding.prop\";\nexport {\n  Breakpoint,\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n  ReactNodePropDef,\n  Responsive,\n} from \"./prop-def\";\nexport { RadiusPropDefs, RadiusProps } from \"./radius.prop\";\nexport { RoundnessProp, RoundnessPropDef } from \"./roundness.prop\";\nexport { SizeProp, SizePropDef } from \"./size.prop\";\nexport { SpacingProp, SpacingPropDef } from \"./spacing.prop\";\n"],"mappings":"AAAA,SAAS,WAAW,oBAAoB;AACxC,SAAS,WAAW,oBAAoB;AACxC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,iBAAiB,oBAAoB;AAC9C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,eAAe,wBAAwB;AAChD,SAAS,UAAU,mBAAmB;AACtC,SAAS,aAAa,sBAAsB;","names":[]}

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

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