@trilogy-ds/react 0.0.9-esm-cjs → 0.0.12-esm-cjs

package/lib/components/autolayout/{AutoLayout.helpers.mjs → helpers/AutoLayout.helpers.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import "../../chunk-TWIPUB5N.mjs";
+import "../../../chunk-TWIPUB5N.mjs";
 import {
   Spacer_default
-} from "../../chunk-CHKSRCM7.mjs";
-import "../../chunk-EMXC7I76.mjs";
-import "../../chunk-IJCGAWJK.mjs";
-import "../../chunk-D76JOUBK.mjs";
-import "../../chunk-UFMRE754.mjs";
+} from "../../../chunk-CHKSRCM7.mjs";
+import "../../../chunk-AQIG72N6.mjs";
+import "../../../chunk-EMXC7I76.mjs";
+import "../../../chunk-IJCGAWJK.mjs";
+import "../../../chunk-UFMRE754.mjs";
+import "../../../chunk-ZB4OWTDD.mjs";
 import {
   ComponentName
-} from "../../chunk-NTS75UVH.mjs";
-import "../../chunk-ZB4OWTDD.mjs";
-import "../../chunk-QIPGVLHJ.mjs";
+} from "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
 
-// components/autolayout/AutoLayout.helpers.tsx
+// components/autolayout/helpers/AutoLayout.helpers.tsx
 import React from "react";
 var isFragment = (element) => (element == null ? void 0 : element.type) === React.Fragment;
 var getTrilogyComponentName = (child) => {

package/lib/components/autolayout/helpers/AutoLayout.helpers.native.d.mts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { HandleBetweenChildren, ParseChildren } from '../../../components/autolayout/interface';
+import { SpacingMatrix } from '../../../components/autolayout/SpacingMatrix/index.native';
+import type { TrilogyComponents } from '../../../components/interface.native';
+/**
+ * Test if an element is a React Fragment
+ *
+ * @param element
+ * @returns
+ */
+export declare const isFragment: (element: React.ReactElement) => boolean;
+/**
+ * Test if an element is of a certain component type
+ *
+ * @param element
+ * @param componentType
+ * @returns
+ */
+export declare const isElementType: (element: React.ReactElement, componentType: TrilogyComponents) => boolean;
+/**
+ * Iterate over children and apply the `handleBetweenChildren` method.
+ */
+export declare const parseChildren: ({ children, handleBetweenChildren }: ParseChildren) => JSX.Element[];
+export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex }: HandleBetweenChildren) => void;

package/lib/components/autolayout/helpers/AutoLayout.helpers.native.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { HandleBetweenChildren, ParseChildren } from '../../../components/autolayout/interface';
+import { SpacingMatrix } from '../../../components/autolayout/SpacingMatrix/index.native';
+import type { TrilogyComponents } from '../../../components/interface.native';
+/**
+ * Test if an element is a React Fragment
+ *
+ * @param element
+ * @returns
+ */
+export declare const isFragment: (element: React.ReactElement) => boolean;
+/**
+ * Test if an element is of a certain component type
+ *
+ * @param element
+ * @param componentType
+ * @returns
+ */
+export declare const isElementType: (element: React.ReactElement, componentType: TrilogyComponents) => boolean;
+/**
+ * Iterate over children and apply the `handleBetweenChildren` method.
+ */
+export declare const parseChildren: ({ children, handleBetweenChildren }: ParseChildren) => JSX.Element[];
+export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex }: HandleBetweenChildren) => void;

package/lib/components/autolayout/helpers/AutoLayout.helpers.native.js

@@ -0,0 +1,344 @@
+"use client";
+"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);
+
+// components/autolayout/helpers/AutoLayout.helpers.native.tsx
+var AutoLayout_helpers_native_exports = {};
+__export(AutoLayout_helpers_native_exports, {
+  autoLayoutChildrenHandler: () => autoLayoutChildrenHandler,
+  isElementType: () => isElementType,
+  isFragment: () => isFragment,
+  parseChildren: () => parseChildren
+});
+module.exports = __toCommonJS(AutoLayout_helpers_native_exports);
+var import_react = __toESM(require("react"));
+
+// components/enumsComponentsName.ts
+var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
+  ComponentName2["Accordion"] = "Accordion";
+  ComponentName2["AccordionItem"] = "AccordionItem";
+  ComponentName2["AccordionHeader"] = "AccordionHeader";
+  ComponentName2["AccordionBody"] = "AccordionBody";
+  ComponentName2["AutoComplete"] = "AutoComplete";
+  ComponentName2["AutoLayout"] = "AutoLayout";
+  ComponentName2["AutoLayoutWrapper"] = "AutoLayoutWrapper";
+  ComponentName2["StatusState"] = "StatusState";
+  ComponentName2["Badge"] = "Badge";
+  ComponentName2["BadgeTextDirection"] = "BadgeTextDirection";
+  ComponentName2["BadgeColor"] = "BadgeColor";
+  ComponentName2["Box"] = "Box";
+  ComponentName2["BoxMarkup"] = "BoxMarkup";
+  ComponentName2["BoxItem"] = "BoxItem";
+  ComponentName2["BoxItemSize"] = "BoxItemSize";
+  ComponentName2["BoxHeader"] = "BoxHeader";
+  ComponentName2["BoxContent"] = "BoxContent";
+  ComponentName2["BoxFooter"] = "BoxFooter";
+  ComponentName2["BoxTableContainer"] = "BoxTableContainer";
+  ComponentName2["Breadcrumb"] = "Breadcrumb";
+  ComponentName2["BreadcrumbItem"] = "BreadcrumbItem";
+  ComponentName2["Button"] = "Button";
+  ComponentName2["ButtonList"] = "ButtonList";
+  ComponentName2["ButtonVariant"] = "ButtonVariant";
+  ComponentName2["ButtonMarkup"] = "ButtonMarkup";
+  ComponentName2["ButtonType"] = "ButtonType";
+  ComponentName2["Card"] = "Card";
+  ComponentName2["CardImage"] = "CardImage";
+  ComponentName2["CardContent"] = "CardContent";
+  ComponentName2["CircleIcon"] = "CircleIcon";
+  ComponentName2["Checkbox"] = "Checkbox";
+  ComponentName2["CheckboxList"] = "CheckboxList";
+  ComponentName2["CheckboxTiles"] = "CheckboxTiles";
+  ComponentName2["CheckboxTile"] = "CheckboxTile";
+  ComponentName2["Columns"] = "Columns";
+  ComponentName2["Column"] = "Column";
+  ComponentName2["Container"] = "Container";
+  ComponentName2["ContentSize"] = "ContentSize";
+  ComponentName2["Countdown"] = "Countdown";
+  ComponentName2["Divider"] = "Divider";
+  ComponentName2["Fab"] = "Fab";
+  ComponentName2["FlexBox"] = "FlexBox";
+  ComponentName2["FlexItem"] = "FlexItem";
+  ComponentName2["Hero"] = "Hero";
+  ComponentName2["Icon"] = "Icon";
+  ComponentName2["Image"] = "Image";
+  ComponentName2["Input"] = "Input";
+  ComponentName2["InputType"] = "InputType";
+  ComponentName2["InputStatus"] = "InputStatus";
+  ComponentName2["InputKeyboardAppearance"] = "InputKeyboardAppearance";
+  ComponentName2["InputAutoCapitalize"] = "InputAutoCapitalize";
+  ComponentName2["InputAutoCompleteType"] = "InputAutoCompleteType";
+  ComponentName2["InputTextContentType"] = "InputTextContentType";
+  ComponentName2["InputKeyboardType"] = "InputKeyboardType";
+  ComponentName2["Link"] = "Link";
+  ComponentName2["List"] = "List";
+  ComponentName2["ListItem"] = "ListItem";
+  ComponentName2["ListItemDescription"] = "ListItemDescription";
+  ComponentName2["ListIconStatus"] = "ListIconStatus";
+  ComponentName2["Modal"] = "Modal";
+  ComponentName2["ModalBody"] = "ModalBody";
+  ComponentName2["ModalMarkup"] = "ModalMarkup";
+  ComponentName2["ModalFooter"] = "ModalFooter";
+  ComponentName2["ModalHeader"] = "ModalHeader";
+  ComponentName2["ModalCtaMarkup"] = "ModalCtaMarkup";
+  ComponentName2["Navbar"] = "Navbar";
+  ComponentName2["NavbarBrand"] = "NavbarBrand";
+  ComponentName2["NavbarDropdown"] = "NavbarDropdown";
+  ComponentName2["NavbarDropdownSection"] = "NavbarDropdownSection";
+  ComponentName2["NavbarItem"] = "NavbarItem";
+  ComponentName2["NavbarLinks"] = "NavbarLinks";
+  ComponentName2["NavbarLink"] = "NavbarLink";
+  ComponentName2["NavbarMenu"] = "NavbarMenu";
+  ComponentName2["NavbarStart"] = "NavbarStart";
+  ComponentName2["NavbarExtras"] = "NavbarExtras";
+  ComponentName2["NavbarEnd"] = "NavbarEnd";
+  ComponentName2["NavbarDivider"] = "NavbarDivider";
+  ComponentName2["NavbarAccordionItem"] = "NavbarAccordionItem";
+  ComponentName2["NavbarItemMarkup"] = "NavbarItemMarkup";
+  ComponentName2["Pagination"] = "Pagination";
+  ComponentName2["PlanPricingPlanPricePrice"] = "PlanPricingPlanPricePrice";
+  ComponentName2["Popover"] = "Popover";
+  ComponentName2["Price"] = "Price";
+  ComponentName2["PriceLevel"] = "PriceLevel";
+  ComponentName2["PriceVariant"] = "PriceVariant";
+  ComponentName2["PricingPlan"] = "PricingPlan";
+  ComponentName2["PricingPlanItem"] = "PricingPlanItem";
+  ComponentName2["PricingPlanItems"] = "PricingPlanItems";
+  ComponentName2["PricingPlanHeader"] = "PricingPlanHeader";
+  ComponentName2["PricingPlanProduct"] = "PricingPlanProduct";
+  ComponentName2["PricingPlanExtra"] = "PricingPlanExtra";
+  ComponentName2["PricingPlanFooter"] = "PricingPlanfooter";
+  ComponentName2["PricingPlanSticker"] = "PricingPlanSticker";
+  ComponentName2["PricingPlanPrice"] = "PricingPlanPrice";
+  ComponentName2["PricingTable"] = "PricingTable";
+  ComponentName2["PricingTableExtra"] = "PricingTableExtra";
+  ComponentName2["ProductTour"] = "ProductTour";
+  ComponentName2["Progress"] = "Progress";
+  ComponentName2["ProgressItem"] = "ProgressItem";
+  ComponentName2["ProgressRadial"] = "ProgressRadial";
+  ComponentName2["ProgressRadialItem"] = "ProgressRadialItem";
+  ComponentName2["Otp"] = "Otp";
+  ComponentName2["Radio"] = "Radio";
+  ComponentName2["RadioList"] = "RadioList";
+  ComponentName2["RadioTiles"] = "RadioTiles";
+  ComponentName2["RadioTile"] = "RadioTile";
+  ComponentName2["Rows"] = "Rows";
+  ComponentName2["Row"] = "Row";
+  ComponentName2["ScrollView"] = "ScrollView";
+  ComponentName2["Section"] = "Section";
+  ComponentName2["Select"] = "Select";
+  ComponentName2["SelectOption"] = "SelectOption";
+  ComponentName2["SelectorIOtem"] = "SelectorIOtem";
+  ComponentName2["Spacer"] = "Spacer";
+  ComponentName2["SpacerSize"] = "SpacerSize";
+  ComponentName2["StatusIcon"] = "StatusIcon";
+  ComponentName2["Stepper"] = "Stepper";
+  ComponentName2["StepperStep"] = "StepperStep";
+  ComponentName2["Step"] = "Step";
+  ComponentName2["StepperStepMarkup"] = "StepperStepMarkup";
+  ComponentName2["Sticker"] = "Sticker";
+  ComponentName2["StickerVariant"] = "StickerVariant";
+  ComponentName2["StickerMarkup"] = "StickerMarkup";
+  ComponentName2["Switch"] = "Switch";
+  ComponentName2["Table"] = "Table";
+  ComponentName2["TableHead"] = "TableHead";
+  ComponentName2["TableBody"] = "TableBody";
+  ComponentName2["TableTr"] = "TableTr";
+  ComponentName2["TableTh"] = "TableTh";
+  ComponentName2["TableTd"] = "TableTd";
+  ComponentName2["Tabs"] = "Tabs";
+  ComponentName2["Tab"] = "Tab";
+  ComponentName2["TabList"] = "TabList";
+  ComponentName2["TabPanel"] = "TabPanel";
+  ComponentName2["TabPanels"] = "TabPanels";
+  ComponentName2["Tag"] = "Tag";
+  ComponentName2["TagVariant"] = "TagVariant";
+  ComponentName2["TagList"] = "TagList";
+  ComponentName2["Text"] = "Text";
+  ComponentName2["TextIcon"] = "TextIcon";
+  ComponentName2["TextLevels"] = "TextLevels";
+  ComponentName2["TextMarkup"] = "TextMarkup";
+  ComponentName2["TextIconMarkup"] = "TextIconMarkup";
+  ComponentName2["Textarea"] = "Textarea";
+  ComponentName2["Timeline"] = "Timeline";
+  ComponentName2["TimelineItem"] = "TimelineItem";
+  ComponentName2["TimelineContent"] = "TimelineContent";
+  ComponentName2["TimelineMarker"] = "TimelineMarker";
+  ComponentName2["Title"] = "Title";
+  ComponentName2["ToasterProvider"] = "ToasterProvider";
+  ComponentName2["ToolbarSpace"] = "ToolbarSpace";
+  ComponentName2["ToolbarItem"] = "ToolbarItem";
+  ComponentName2["ToolbarGroup"] = "ToolbarGroup";
+  ComponentName2["View"] = "View";
+  ComponentName2["SenderEnum"] = "SenderEnum";
+  ComponentName2["SegmentControl"] = "SegmentControl";
+  ComponentName2["SegmentControlItem"] = "SegmentControlItem";
+  ComponentName2["Alert"] = "Alert";
+  ComponentName2["Chips"] = "Chips";
+  ComponentName2["ChipsList"] = "ChipsList";
+  ComponentName2["Range"] = "Range";
+  return ComponentName2;
+})(ComponentName || {});
+
+// components/spacer/Spacer.native.tsx
+var React = __toESM(require("react"));
+var import_react_native = require("react-native");
+var Spacer = React.forwardRef(({ size, horizontal }, ref) => {
+  const styles = import_react_native.StyleSheet.create({
+    spacer: {
+      marginLeft: horizontal && parseInt(size.toString()) || 0,
+      marginTop: !horizontal && parseInt(size.toString()) || 0
+    }
+  });
+  return /* @__PURE__ */ React.createElement(import_react_native.View, { ref, style: styles.spacer });
+});
+Spacer.displayName = "Spacer" /* Spacer */;
+var Spacer_native_default = Spacer;
+
+// components/spacer/SpacerEnum.ts
+var SpacerSize = /* @__PURE__ */ ((SpacerSize3) => {
+  SpacerSize3[SpacerSize3["ZERO"] = 0] = "ZERO";
+  SpacerSize3[SpacerSize3["ONE"] = 4] = "ONE";
+  SpacerSize3[SpacerSize3["TWO"] = 8] = "TWO";
+  SpacerSize3[SpacerSize3["THREE"] = 12] = "THREE";
+  SpacerSize3[SpacerSize3["FOUR"] = 16] = "FOUR";
+  SpacerSize3[SpacerSize3["FIVE"] = 24] = "FIVE";
+  SpacerSize3[SpacerSize3["SIX"] = 32] = "SIX";
+  SpacerSize3[SpacerSize3["SEVEN"] = 40] = "SEVEN";
+  SpacerSize3[SpacerSize3["EIGHT"] = 48] = "EIGHT";
+  SpacerSize3[SpacerSize3["NINE"] = 56] = "NINE";
+  SpacerSize3[SpacerSize3["TEN"] = 64] = "TEN";
+  return SpacerSize3;
+})(SpacerSize || {});
+var SpacerSizeValues = `${SpacerSize}`;
+
+// components/autolayout/helpers/AutoLayout.helpers.native.tsx
+var isFragment = (element) => (element == null ? void 0 : element.type) === import_react.default.Fragment;
+var getTrilogyComponentName = (child) => {
+  const componentsKeys = Object.keys(ComponentName).filter((key) => key);
+  return componentsKeys.find((key) => {
+    var _a, _b, _c;
+    return key === ((_b = (_a = child == null ? void 0 : child.type) == null ? void 0 : _a.render) == null ? void 0 : _b.displayName) || key === ((_c = child == null ? void 0 : child.type) == null ? void 0 : _c.displayName);
+  });
+};
+var isElementType = (element, componentType) => {
+  var _a, _b, _c;
+  return ((_b = (_a = element == null ? void 0 : element.type) == null ? void 0 : _a.render) == null ? void 0 : _b.displayName) === componentType || ((_c = element == null ? void 0 : element.type) == null ? void 0 : _c.displayName) === componentType;
+};
+var parseChildren = ({ children, handleBetweenChildren }) => {
+  const array = [];
+  createChildrenArray(array, children);
+  return array.reduce((accumulator, nextChild, childIndex) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const previousChild = accumulator[accumulator.length - 1];
+    const getChildCandidateToComparison = (child, accumulator2) => {
+      if (isElementType(child, "AutoLayout")) {
+        return getChildCandidateToComparison(import_react.default.Children.toArray(child.props.children)[0]);
+      }
+      if (child === null && accumulator2 && accumulator2.length >= 2) {
+        return getChildCandidateToComparison(accumulator2[accumulator2.length - 2], accumulator2.slice(0, -1));
+      }
+      return child;
+    };
+    const nextChildType = ((_c = (_b = (_a = getChildCandidateToComparison(nextChild)) == null ? void 0 : _a.type) == null ? void 0 : _b.render) == null ? void 0 : _c.displayName) || ((_e = (_d = getChildCandidateToComparison(nextChild)) == null ? void 0 : _d.type) == null ? void 0 : _e.displayName) || void 0;
+    const previousChildType = ((_h = (_g = (_f = getChildCandidateToComparison(previousChild, accumulator)) == null ? void 0 : _f.type) == null ? void 0 : _g.render) == null ? void 0 : _h.displayName) || ((_j = (_i = getChildCandidateToComparison(previousChild, accumulator)) == null ? void 0 : _i.type) == null ? void 0 : _j.displayName) || void 0;
+    handleBetweenChildren == null ? void 0 : handleBetweenChildren({
+      accumulator,
+      previousChild,
+      previousChildType,
+      nextChild,
+      nextChildType,
+      childIndex
+    });
+    return [
+      ...accumulator,
+      nextChild && import_react.default.cloneElement(nextChild, {
+        key: nextChild.key || `child${childIndex}`
+      })
+    ];
+  }, []);
+};
+var autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextChildType, childIndex }) => {
+  const eligibleRule = (mode) => [0 /* INSERT_SPACE_BETWEEN */, 1 /* INSERT_ELEMENT_BETWEEN */].includes(mode);
+  let alreadySpaced = false;
+  const rules = matrix.filter((e) => eligibleRule(e[0]));
+  rules.forEach((rule) => {
+    const [mode, previousType, nextType, value] = rule;
+    const isRuleApplicable = checkRuleApplicable(
+      previousType,
+      nextType,
+      previousChildType,
+      nextChildType,
+      alreadySpaced
+    );
+    if (isRuleApplicable) {
+      alreadySpaced = true;
+      if (mode === 0 /* INSERT_SPACE_BETWEEN */) {
+        accumulator.push(/* @__PURE__ */ import_react.default.createElement(Spacer_native_default, { key: `spacer${childIndex}`, size: value }));
+      } else if (mode === 1 /* INSERT_ELEMENT_BETWEEN */) {
+        accumulator.push(value);
+      }
+    }
+  });
+};
+var createChildrenArray = (array, children) => {
+  import_react.default.Children.forEach(children, (child) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (isFragment(child)) {
+      import_react.default.Children.forEach(child == null ? void 0 : child.props.children, (item) => {
+        createChildrenArray(array, item);
+      });
+    } else if ((child == null ? void 0 : child.type) && ((_a = child == null ? void 0 : child.type) == null ? void 0 : _a.displayName) !== getTrilogyComponentName(child) && ((_b = child == null ? void 0 : child.type) == null ? void 0 : _b.$$typeof) === void 0) {
+      createChildrenArray(array, child.type(child.props));
+    } else if ((child == null ? void 0 : child.type) && ((_c = child == null ? void 0 : child.type) == null ? void 0 : _c.displayName) !== getTrilogyComponentName(child) && ((_d = child == null ? void 0 : child.type) == null ? void 0 : _d.$$typeof) === Symbol.for("react.memo") && ((_e = child == null ? void 0 : child.type) == null ? void 0 : _e.type) !== void 0) {
+      createChildrenArray(array, child.type.type(child.props));
+    } else if ((child == null ? void 0 : child.type) && ((_f = child == null ? void 0 : child.type) == null ? void 0 : _f.$$typeof) === Symbol.for("react.forward_ref") && ((_h = (_g = child == null ? void 0 : child.type) == null ? void 0 : _g.render) == null ? void 0 : _h.displayName) !== getTrilogyComponentName(child) && ((_i = child == null ? void 0 : child.type) == null ? void 0 : _i.type) !== void 0) {
+      createChildrenArray(array, child.type.type(child.props));
+    } else {
+      array.push(child);
+    }
+  });
+};
+var checkRuleApplicable = (previousType, nextType, previousChildType, nextChildType, alreadySpaced) => {
+  if (previousChildType === void 0 || nextChildType === void 0) {
+    return false;
+  }
+  if (alreadySpaced) {
+    return false;
+  } else if (previousType === previousChildType && nextType === nextChildType || previousType === "default" && nextType === nextChildType || previousType === previousChildType && nextType === "default" || previousType === "default" && nextType === "default") {
+    return true;
+  }
+  return false;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  autoLayoutChildrenHandler,
+  isElementType,
+  isFragment,
+  parseChildren
+});

package/lib/components/autolayout/helpers/AutoLayout.helpers.native.mjs

@@ -0,0 +1,20 @@
+"use client";
+import {
+  autoLayoutChildrenHandler,
+  isElementType,
+  isFragment,
+  parseChildren
+} from "../../../chunk-WG6PNVJM.mjs";
+import "../../../chunk-DU46N4OG.mjs";
+import "../../../chunk-3CL5Q2CR.mjs";
+import "../../../chunk-54DJB6AO.mjs";
+import "../../../chunk-EMXC7I76.mjs";
+import "../../../chunk-IJCGAWJK.mjs";
+import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  autoLayoutChildrenHandler,
+  isElementType,
+  isFragment,
+  parseChildren
+};

package/lib/components/autolayout/index.d.mts

@@ -1,4 +1,4 @@
-import AutoLayout from '../../components/autolayout/AutoLayout';
+import AutoLayout from '../../components/autolayout/AutoLayout/AutoLayout';
 import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
 export * from './DefaultSpacingMatrix';
 export * from './SpacingMatrix';

package/lib/components/autolayout/index.d.ts

@@ -1,4 +1,4 @@
-import AutoLayout from '../../components/autolayout/AutoLayout';
+import AutoLayout from '../../components/autolayout/AutoLayout/AutoLayout';
 import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
 export * from './DefaultSpacingMatrix';
 export * from './SpacingMatrix';

package/lib/components/autolayout/index.js

@@ -1,6 +1,129 @@
-import AutoLayout from '../../components/autolayout/AutoLayout';
-import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
-export * from './DefaultSpacingMatrix';
-export * from './SpacingMatrix';
-export { AutoLayout, AutoLayoutWrapper };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sb0NBQW9DLENBQUE7QUFDM0QsT0FBTyxpQkFBaUIsTUFBTSwyQ0FBMkMsQ0FBQTtBQUN6RSxjQUFjLHdCQUF3QixDQUFBO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUE7QUFDL0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=
+"use client";
+"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);
+
+// components/autolayout/index.ts
+var autolayout_exports = {};
+__export(autolayout_exports, {
+  AutoLayout: () => AutoLayout_default,
+  AutoLayoutWrapper: () => AutoLayoutWrapper_default,
+  DEFAULT_SPACING_MATRIX: () => DEFAULT_SPACING_MATRIX,
+  INSERT_SPACE_BETWEEN: () => INSERT_SPACE_BETWEEN,
+  SpacingMatrixMode: () => SpacingMatrixMode
+});
+module.exports = __toCommonJS(autolayout_exports);
+
+// components/autolayout/AutoLayout/AutoLayout.tsx
+var React = __toESM(require("react"));
+var AutoLayout = ({ children }) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "autolayout" }, children);
+};
+var AutoLayout_default = AutoLayout;
+
+// components/autolayout/AutoLayoutWrapper/index.tsx
+var React2 = __toESM(require("react"));
+var AutoLayoutWrapper = ({ autolayout = true, children }) => {
+  if (autolayout === true) {
+    return /* @__PURE__ */ React2.createElement(AutoLayout_default, null, children);
+  } else if (autolayout) {
+    return /* @__PURE__ */ React2.createElement(AutoLayout_default, { matrix: autolayout }, children);
+  } else {
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
+  }
+};
+var AutoLayoutWrapper_default = AutoLayoutWrapper;
+
+// components/autolayout/SpacingMatrix/index.ts
+var SpacingMatrixMode = /* @__PURE__ */ ((SpacingMatrixMode2) => {
+  SpacingMatrixMode2[SpacingMatrixMode2["INSERT_SPACE_BETWEEN"] = 0] = "INSERT_SPACE_BETWEEN";
+  SpacingMatrixMode2[SpacingMatrixMode2["INSERT_ELEMENT_BETWEEN"] = 1] = "INSERT_ELEMENT_BETWEEN";
+  return SpacingMatrixMode2;
+})(SpacingMatrixMode || {});
+
+// components/spacer/SpacerEnum.ts
+var SpacerSize = /* @__PURE__ */ ((SpacerSize2) => {
+  SpacerSize2[SpacerSize2["ZERO"] = 0] = "ZERO";
+  SpacerSize2[SpacerSize2["ONE"] = 4] = "ONE";
+  SpacerSize2[SpacerSize2["TWO"] = 8] = "TWO";
+  SpacerSize2[SpacerSize2["THREE"] = 12] = "THREE";
+  SpacerSize2[SpacerSize2["FOUR"] = 16] = "FOUR";
+  SpacerSize2[SpacerSize2["FIVE"] = 24] = "FIVE";
+  SpacerSize2[SpacerSize2["SIX"] = 32] = "SIX";
+  SpacerSize2[SpacerSize2["SEVEN"] = 40] = "SEVEN";
+  SpacerSize2[SpacerSize2["EIGHT"] = 48] = "EIGHT";
+  SpacerSize2[SpacerSize2["NINE"] = 56] = "NINE";
+  SpacerSize2[SpacerSize2["TEN"] = 64] = "TEN";
+  return SpacerSize2;
+})(SpacerSize || {});
+var SpacerSizeValues = `${SpacerSize}`;
+
+// components/autolayout/DefaultSpacingMatrix/index.ts
+var { FOUR, THREE, TWO, ONE } = SpacerSize;
+var { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
+var DEFAULT_SPACING_MATRIX = [
+  [INSERT_SPACE_BETWEEN, "Accordion", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Card", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Box", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Table", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "List", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Timeline", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Stepper", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Pagination", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "SegmentControl", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Tabs", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Range", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Price", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "Button", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Countdown", "default", THREE],
+  [INSERT_SPACE_BETWEEN, "Chips", "default", THREE],
+  [INSERT_SPACE_BETWEEN, "Text", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "Title", "default", THREE],
+  [INSERT_SPACE_BETWEEN, "Progress", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "ProgressRadial", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "Radio", "default", THREE],
+  [INSERT_SPACE_BETWEEN, "Checkbox", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "CheckboxTiles", "default", THREE],
+  [INSERT_SPACE_BETWEEN, "Switch", "default", THREE],
+  [INSERT_SPACE_BETWEEN, "Radio", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Checkbox", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Input", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Textarea", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Select", "default", FOUR],
+  [INSERT_SPACE_BETWEEN, "Link", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "Sticker", "default", TWO],
+  [INSERT_SPACE_BETWEEN, "Tag", "default", TWO]
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AutoLayout,
+  AutoLayoutWrapper,
+  DEFAULT_SPACING_MATRIX,
+  INSERT_SPACE_BETWEEN,
+  SpacingMatrixMode
+});

package/lib/components/autolayout/index.mjs

@@ -1,19 +1,19 @@
 "use client";
 import "../../chunk-HJW5GKBW.mjs";
-import {
-  AutoLayoutWrapper_default
-} from "../../chunk-WJ3XZJY6.mjs";
-import {
-  AutoLayout_default
-} from "../../chunk-MEC5UMTH.mjs";
 import {
   DEFAULT_SPACING_MATRIX,
   INSERT_SPACE_BETWEEN
-} from "../../chunk-Z2FS6QWP.mjs";
-import "../../chunk-IJCGAWJK.mjs";
+} from "../../chunk-JATPYKIJ.mjs";
 import {
   SpacingMatrixMode
-} from "../../chunk-D76JOUBK.mjs";
+} from "../../chunk-AQIG72N6.mjs";
+import {
+  AutoLayoutWrapper_default
+} from "../../chunk-PI7PXVVC.mjs";
+import {
+  AutoLayout_default
+} from "../../chunk-A6JKPX5Y.mjs";
+import "../../chunk-IJCGAWJK.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   AutoLayout_default as AutoLayout,

package/lib/components/autolayout/index.native.d.mts

@@ -0,0 +1,5 @@
+import AutoLayout from '../../components/autolayout/AutoLayout/AutoLayout.native';
+import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper/index.native';
+export * from './DefaultSpacingMatrix/index.native';
+export * from './SpacingMatrix/index.native';
+export { AutoLayout, AutoLayoutWrapper };

package/lib/components/autolayout/index.native.d.ts

@@ -1,5 +1,5 @@
-import AutoLayout from '../../components/autolayout/AutoLayout.native';
-import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper';
-export * from './DefaultSpacingMatrix';
-export * from './SpacingMatrix';
+import AutoLayout from '../../components/autolayout/AutoLayout/AutoLayout.native';
+import AutoLayoutWrapper from '../../components/autolayout/AutoLayoutWrapper/index.native';
+export * from './DefaultSpacingMatrix/index.native';
+export * from './SpacingMatrix/index.native';
 export { AutoLayout, AutoLayoutWrapper };