@locus-ui/components 0.0.15 → 0.1.0

package/dist/components/checkbox/root/checkbox-root.props.mjs

@@ -0,0 +1,94 @@
+const CheckboxVariants = ["solid", "outlined", "muted"];
+const CheckboxRootPropsDefs = {
+  /**
+   * Sets the variant style of the checkbox ("solid" or "outlined").
+   */
+  variant: {
+    type: "enum",
+    values: CheckboxVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * Sets the checked state of the checkbox.
+   *
+   * When using an uncontrolled checkbox, use `defaultChecked` instead.
+   * @default undefined
+   */
+  checked: {
+    type: "boolean",
+    dataAttr: "checked"
+  },
+  /**
+   * Sets the indeterminate state of the checkbox.
+   * @default undefined
+   */
+  indeterminate: {
+    type: "boolean",
+    dataAttr: "indeterminate"
+  },
+  /**
+   * Enables high contrast mode for better visibility.
+   * @default undefined
+   */
+  highContrast: {
+    type: "boolean",
+    dataAttr: "high-contrast"
+  },
+  /**
+   * The value of the checkbox (checked state).
+   */
+  value: {
+    type: "boolean"
+  },
+  /**
+   * Sets the default checked state of the checkbox.
+   * @default undefined
+   */
+  defaultChecked: {
+    type: "boolean"
+  },
+  /**
+   * Disables the checkbox component.
+   * @default undefined
+   */
+  disabled: {
+    type: "boolean",
+    dataAttr: "disabled"
+  },
+  /**
+   * Makes the checkbox read-only.
+   * @default undefined
+   */
+  readonly: {
+    type: "boolean",
+    dataAttr: "readonly"
+  },
+  /**
+   * Marks the checkbox as required.
+   * @default undefined
+   */
+  required: {
+    type: "boolean",
+    dataAttr: "required"
+  },
+  /**
+   * Sets the name attribute of the checkbox input for form control.
+   * @default undefined
+   */
+  name: {
+    type: "string"
+  },
+  /**
+   * Callback fired when the checked state changes.
+   *
+   * @param value - The new checked state.
+   */
+  onCheckedChange: {
+    type: "function"
+  }
+};
+export {
+  CheckboxRootPropsDefs,
+  CheckboxVariants
+};
+//# sourceMappingURL=checkbox-root.props.mjs.map

package/dist/components/checkbox/root/checkbox-root.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/checkbox/root/checkbox-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n} from \"../../../props/prop-def\";\n\nconst CheckboxVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst CheckboxRootPropsDefs = {\n  /**\n   * Sets the variant style of the checkbox (\"solid\" or \"outlined\").\n   */\n  variant: {\n    type: \"enum\",\n    values: CheckboxVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof CheckboxVariants)[number]>,\n\n  /**\n   * Sets the checked state of the checkbox.\n   *\n   * When using an uncontrolled checkbox, use `defaultChecked` instead.\n   * @default undefined\n   */\n  checked: {\n    type: \"boolean\",\n    dataAttr: \"checked\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the indeterminate state of the checkbox.\n   * @default undefined\n   */\n  indeterminate: {\n    type: \"boolean\",\n    dataAttr: \"indeterminate\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Enables high contrast mode for better visibility.\n   * @default undefined\n   */\n  highContrast: {\n    type: \"boolean\",\n    dataAttr: \"high-contrast\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the checkbox (checked state).\n   */\n  value: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the default checked state of the checkbox.\n   * @default undefined\n   */\n  defaultChecked: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Disables the checkbox component.\n   * @default undefined\n   */\n  disabled: {\n    type: \"boolean\",\n    dataAttr: \"disabled\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Makes the checkbox read-only.\n   * @default undefined\n   */\n  readonly: {\n    type: \"boolean\",\n    dataAttr: \"readonly\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Marks the checkbox as required.\n   * @default undefined\n   */\n  required: {\n    type: \"boolean\",\n    dataAttr: \"required\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * Sets the name attribute of the checkbox input for form control.\n   * @default undefined\n   */\n  name: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  /**\n   * Callback fired when the checked state changes.\n   *\n   * @param value - The new checked state.\n   */\n  onCheckedChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<(value: boolean) => void> as FunctionPropDef<\n    (value: boolean) => void\n  >,\n} as const;\n\ntype CheckboxRootInternalProps = GetPropDefTypes<typeof CheckboxRootPropsDefs>;\n\nexport { CheckboxRootInternalProps, CheckboxRootPropsDefs, CheckboxVariants };\n"],"mappings":"AAMA,MAAM,mBAAmB,CAAC,SAAS,YAAY,OAAO;AAEtD,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA,EAI5B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB;AAAA,IACd,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AAGF;","names":[]}

package/dist/components/container/container.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { GetProps } from '../../utils/get-props.mjs';
+import { ContainerPropsDefs } from './container.props.mjs';
+import '../../props/prop-def.mjs';
+
+type BoxProps = GetProps<typeof ContainerPropsDefs> & React.HTMLAttributes<HTMLDivElement>;
+declare const Container: React.ForwardRefExoticComponent<{} & {
+    direction?: "row" | "column" | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { type BoxProps, Container };

package/dist/components/container/container.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { GetProps } from '../../utils/get-props.js';
+import { ContainerPropsDefs } from './container.props.js';
+import '../../props/prop-def.js';
+
+type BoxProps = GetProps<typeof ContainerPropsDefs> & React.HTMLAttributes<HTMLDivElement>;
+declare const Container: React.ForwardRefExoticComponent<{} & {
+    direction?: "row" | "column" | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { type BoxProps, Container };

package/dist/components/container/container.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var container_exports = {};
+__export(container_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(container_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+const Container = React.forwardRef((props, ref) => {
+  const { className, children, direction, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      "data-direction": direction,
+      className: (0, import_clsx.default)(className, "lcs-container"),
+      ...rest,
+      children
+    }
+  );
+});
+Container.displayName = "Container";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});
+//# sourceMappingURL=container.js.map

package/dist/components/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport { GetProps } from \"../../utils/get-props\";\nimport { ContainerPropsDefs } from \"./container.props\";\n\nexport type BoxProps = GetProps<typeof ContainerPropsDefs> &\n  React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = React.forwardRef<HTMLDivElement, BoxProps>((props, ref) => {\n  const { className, children, direction, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      data-direction={direction}\n      className={clsx(className, \"lcs-container\")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAZJ,kBAAiB;AACjB,YAAuB;AAOvB,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,QAAQ;AAC3E,QAAM,EAAE,WAAW,UAAU,WAAW,GAAG,KAAK,IAAI;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,kBAAgB;AAAA,MAChB,eAAW,YAAAA,SAAK,WAAW,eAAe;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,UAAU,cAAc;","names":["clsx"]}

package/dist/components/container/container.mjs

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+const Container = React.forwardRef((props, ref) => {
+  const { className, children, direction, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-direction": direction,
+      className: clsx(className, "lcs-container"),
+      ...rest,
+      children
+    }
+  );
+});
+Container.displayName = "Container";
+export {
+  Container
+};
+//# sourceMappingURL=container.mjs.map

package/dist/components/container/container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport { GetProps } from \"../../utils/get-props\";\nimport { ContainerPropsDefs } from \"./container.props\";\n\nexport type BoxProps = GetProps<typeof ContainerPropsDefs> &\n  React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = React.forwardRef<HTMLDivElement, BoxProps>((props, ref) => {\n  const { className, children, direction, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      data-direction={direction}\n      className={clsx(className, \"lcs-container\")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":"AAYI;AAZJ,OAAO,UAAU;AACjB,YAAY,WAAW;AAOvB,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,QAAQ;AAC3E,QAAM,EAAE,WAAW,UAAU,WAAW,GAAG,KAAK,IAAI;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,kBAAgB;AAAA,MAChB,WAAW,KAAK,WAAW,eAAe;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,UAAU,cAAc;","names":[]}

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

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

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

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

package/dist/components/container/container.props.js

@@ -0,0 +1,32 @@
+"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 container_props_exports = {};
+__export(container_props_exports, {
+  ContainerPropsDefs: () => ContainerPropsDefs
+});
+module.exports = __toCommonJS(container_props_exports);
+var import_props = require("../../props");
+const ContainerPropsDefs = {
+  ...import_props.DirectionPropDef
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContainerPropsDefs
+});
+//# sourceMappingURL=container.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/container/container.props.tsx"],"sourcesContent":["import { DirectionPropDef } from \"../../props\";\n\nconst ContainerPropsDefs = {\n  ...DirectionPropDef,\n};\n\nexport { ContainerPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AAEjC,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;","names":[]}

package/dist/components/container/container.props.mjs

@@ -0,0 +1,8 @@
+import { DirectionPropDef } from "../../props";
+const ContainerPropsDefs = {
+  ...DirectionPropDef
+};
+export {
+  ContainerPropsDefs
+};
+//# sourceMappingURL=container.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/container/container.props.tsx"],"sourcesContent":["import { DirectionPropDef } from \"../../props\";\n\nconst ContainerPropsDefs = {\n  ...DirectionPropDef,\n};\n\nexport { ContainerPropsDefs };\n"],"mappings":"AAAA,SAAS,wBAAwB;AAEjC,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;","names":[]}

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

@@ -0,0 +1,5 @@
+export { Container } from './container.mjs';
+import 'react';
+import '../../utils/get-props.mjs';
+import '../../props/prop-def.mjs';
+import './container.props.mjs';

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

@@ -0,0 +1,5 @@
+export { Container } from './container.js';
+import 'react';
+import '../../utils/get-props.js';
+import '../../props/prop-def.js';
+import './container.props.js';

package/dist/components/container/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var container_exports = {};
+__export(container_exports, {
+  Container: () => import_container.Container
+});
+module.exports = __toCommonJS(container_exports);
+var import_container = require("./container");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/container/index.mjs

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

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

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

package/dist/components/flex/flex.d.mts

@@ -0,0 +1,45 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+import { MarginProps } from '../../props/margin.prop.mjs';
+import { PaddingProps } from '../../props/padding.prop.mjs';
+import { SpacingProp } from '../../props/spacing.prop.mjs';
+import * as React from 'react';
+
+interface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Flex: React.ForwardRefExoticComponent<GetPropDefTypes<{
+    readonly gap: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly justify: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "between", "around", "evenly"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly direction: {
+        type: "enum";
+        values: readonly ["row", "row-reverse", "column", "column-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "stretch", "baseline"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly wrap: {
+        type: "enum";
+        values: readonly ["nowrap", "wrap", "wrap-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+}> & FlexExternalProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Flex };

package/dist/components/flex/flex.d.ts

@@ -0,0 +1,45 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import { SpacingProp } from '../../props/spacing.prop.js';
+import * as React from 'react';
+
+interface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Flex: React.ForwardRefExoticComponent<GetPropDefTypes<{
+    readonly gap: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly justify: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "between", "around", "evenly"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly direction: {
+        type: "enum";
+        values: readonly ["row", "row-reverse", "column", "column-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "stretch", "baseline"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly wrap: {
+        type: "enum";
+        values: readonly ["nowrap", "wrap", "wrap-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+}> & FlexExternalProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Flex };

package/dist/components/flex/flex.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var flex_exports = {};
+__export(flex_exports, {
+  Flex: () => Flex
+});
+module.exports = __toCommonJS(flex_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_props = require("../../props");
+var import_get_component_props = require("../../utils/get-component-props");
+var import_flex = require("./flex.props");
+const Flex = React.forwardRef((props, ref) => {
+  const { className, dataAttrs, children, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_flex.FlexPropsDefs,
+    import_props.MarginPropDefs,
+    import_props.PaddingPropDefs,
+    import_props.SpacingPropDef
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_clsx.default)("flex", className), ...dataAttrs, ...rest, children });
+});
+Flex.displayName = "Flex";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Flex
+});
+//# sourceMappingURL=flex.js.map

package/dist/components/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/flex/flex.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  SpacingProp,\n  SpacingPropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { FlexInternalProps, FlexPropsDefs } from \"./flex.props\";\n\ninterface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {}\n\ntype FlexProps = FlexInternalProps &\n  FlexExternalProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A versatile container used to provide layout and styling capabilities.\n */\nconst Flex = React.forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const { className, dataAttrs, children, ...rest } = getComponentProps(\n    props,\n    FlexPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    SpacingPropDef,\n  );\n\n  return (\n    <div ref={ref} className={clsx(\"flex\", className)} {...dataAttrs} {...rest}>\n      {children}\n    </div>\n  );\n});\nFlex.displayName = \"Flex\";\n\nexport { Flex };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AAhCJ,kBAAiB;AACjB,YAAuB;AACvB,mBAOO;AACP,iCAAkC;AAClC,kBAAiD;AAWjD,MAAM,OAAO,MAAM,WAAsC,CAAC,OAAO,QAAQ;AACvE,QAAM,EAAE,WAAW,WAAW,UAAU,GAAG,KAAK,QAAI;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,4CAAC,SAAI,KAAU,eAAW,YAAAA,SAAK,QAAQ,SAAS,GAAI,GAAG,WAAY,GAAG,MACnE,UACH;AAEJ,CAAC;AACD,KAAK,cAAc;","names":["clsx"]}

package/dist/components/flex/flex.mjs

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

package/dist/components/flex/flex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/flex/flex.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  SpacingProp,\n  SpacingPropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { FlexInternalProps, FlexPropsDefs } from \"./flex.props\";\n\ninterface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {}\n\ntype FlexProps = FlexInternalProps &\n  FlexExternalProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A versatile container used to provide layout and styling capabilities.\n */\nconst Flex = React.forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const { className, dataAttrs, children, ...rest } = getComponentProps(\n    props,\n    FlexPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    SpacingPropDef,\n  );\n\n  return (\n    <div ref={ref} className={clsx(\"flex\", className)} {...dataAttrs} {...rest}>\n      {children}\n    </div>\n  );\n});\nFlex.displayName = \"Flex\";\n\nexport { Flex };\n"],"mappings":"AAgCI;AAhCJ,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EAEA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAA4B,qBAAqB;AAWjD,MAAM,OAAO,MAAM,WAAsC,CAAC,OAAO,QAAQ;AACvE,QAAM,EAAE,WAAW,WAAW,UAAU,GAAG,KAAK,IAAI;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,KAAU,WAAW,KAAK,QAAQ,SAAS,GAAI,GAAG,WAAY,GAAG,MACnE,UACH;AAEJ,CAAC;AACD,KAAK,cAAc;","names":[]}

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

@@ -0,0 +1,52 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const FlexPropsDefs: {
+    /**
+     * Sets the gap between flex items.
+     */
+    readonly gap: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the justification of flex items along the main axis.
+     */
+    readonly justify: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "between", "around", "evenly"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the direction of flex items.
+     */
+    readonly direction: {
+        type: "enum";
+        values: readonly ["row", "row-reverse", "column", "column-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the alignment of flex items along the cross axis.
+     */
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "stretch", "baseline"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the wrapping behavior of flex items.
+     */
+    readonly wrap: {
+        type: "enum";
+        values: readonly ["nowrap", "wrap", "wrap-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+};
+type FlexInternalProps = GetPropDefTypes<typeof FlexPropsDefs>;
+
+export { type FlexInternalProps, FlexPropsDefs };

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

@@ -0,0 +1,52 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+
+declare const FlexPropsDefs: {
+    /**
+     * Sets the gap between flex items.
+     */
+    readonly gap: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the justification of flex items along the main axis.
+     */
+    readonly justify: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "between", "around", "evenly"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the direction of flex items.
+     */
+    readonly direction: {
+        type: "enum";
+        values: readonly ["row", "row-reverse", "column", "column-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the alignment of flex items along the cross axis.
+     */
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "stretch", "baseline"];
+        dataAttr: string;
+        responsive: true;
+    };
+    /**
+     * Sets the wrapping behavior of flex items.
+     */
+    readonly wrap: {
+        type: "enum";
+        values: readonly ["nowrap", "wrap", "wrap-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+};
+type FlexInternalProps = GetPropDefTypes<typeof FlexPropsDefs>;
+
+export { type FlexInternalProps, FlexPropsDefs };