@bolio-ui/core 2.0.0-alpha.2 → 3.0.0-alpha.1

package/dist/chunk-A6N5PIXN.js

@@ -0,0 +1,166 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+// core/Text/Text.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Text/Child.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+var getTypeColor = (type, palette) => {
+  const colors = {
+    default: "inherit",
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  return colors[type] || colors.default;
+};
+var TextChild = _react2.default.forwardRef(
+  ({
+    children,
+    tag,
+    className = "",
+    type = "default",
+    style,
+    ...props
+  }, ref) => {
+    const Component = tag;
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES, getScaleProps } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const font = getScaleProps("font");
+    const mx = getScaleProps([
+      "margin",
+      "marginLeft",
+      "marginRight",
+      "mx",
+      "ml",
+      "mr"
+    ]);
+    const my = getScaleProps([
+      "margin",
+      "marginTop",
+      "marginBottom",
+      "my",
+      "mt",
+      "mb"
+    ]);
+    const px = getScaleProps([
+      "padding",
+      "paddingLeft",
+      "paddingRight",
+      "pl",
+      "pr",
+      "px"
+    ]);
+    const py = getScaleProps([
+      "padding",
+      "paddingTop",
+      "paddingBottom",
+      "pt",
+      "pb",
+      "py"
+    ]);
+    const color = _react.useMemo.call(void 0, 
+      () => getTypeColor(type, theme.palette),
+      [type, theme.palette]
+    );
+    const childStyle = {
+      color,
+      width: SCALES.width(1, "auto"),
+      height: SCALES.height(1, "auto"),
+      ...typeof font !== "undefined" && {
+        fontSize: SCALES.font(1, "inherit")
+      },
+      ...typeof mx !== "undefined" && {
+        marginLeft: SCALES.ml(0, "revert"),
+        marginRight: SCALES.mr(0, "revert")
+      },
+      ...typeof my !== "undefined" && {
+        marginTop: SCALES.mt(0, "revert"),
+        marginBottom: SCALES.mb(0, "revert")
+      },
+      ...typeof px !== "undefined" && {
+        paddingLeft: SCALES.pl(0, "revert"),
+        paddingRight: SCALES.pr(0, "revert")
+      },
+      ...typeof py !== "undefined" && {
+        paddingTop: SCALES.pt(0, "revert"),
+        paddingBottom: SCALES.pb(0, "revert")
+      },
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, className, ...props, style: childStyle, children });
+  }
+);
+TextChild.displayName = "BolioUITextChild";
+var Child_default = TextChild;
+
+// core/Text/Text.tsx
+
+var getModifierChild = (tags, children) => {
+  if (!tags.length) return children;
+  const nextTag = tags.slice(1, tags.length);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Child_default, { tag: tags[0], children: getModifierChild(nextTag, children) });
+};
+var TextComponent = _react2.default.forwardRef(
+  ({
+    h1 = false,
+    h2 = false,
+    h3 = false,
+    h4 = false,
+    h5 = false,
+    h6 = false,
+    p = false,
+    b = false,
+    small = false,
+    i = false,
+    span = false,
+    del = false,
+    em = false,
+    blockquote = false,
+    children,
+    className = "",
+    ...props
+  }, ref) => {
+    const elements = { h1, h2, h3, h4, h5, h6, p, blockquote };
+    const inlineElements = { span, small, b, em, i, del };
+    const names = Object.keys(elements).filter(
+      (name) => elements[name]
+    );
+    const inlineNames = Object.keys(inlineElements).filter(
+      (name) => inlineElements[name]
+    );
+    const tag = _react.useMemo.call(void 0, () => {
+      if (names[0]) return names[0];
+      if (inlineNames[0]) return inlineNames[0];
+      return "p";
+    }, [names, inlineNames]);
+    const renderableChildElements = inlineNames.filter(
+      (name) => name !== tag
+    );
+    const modifers = _react.useMemo.call(void 0, () => {
+      if (!renderableChildElements.length) return children;
+      return getModifierChild(renderableChildElements, children);
+    }, [renderableChildElements, children]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Child_default, { ref, className, tag, ...props, children: modifers });
+  }
+);
+TextComponent.displayName = "BolioUIText";
+var Text = _chunkMAICNLTYjs.with_scale_default.call(void 0, TextComponent);
+var Text_default = Text;
+
+// core/Text/index.ts
+var Text_default2 = Text_default;
+
+
+
+exports.Text_default = Text_default2;

package/dist/chunk-AFBCMW2I.js

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Note/Note.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Note/Note.module.css.bolio-css-module-source
+var Note_module_css_default = { "note": "Note-module_note__wbhzd", "label": "Note-module_label__MJvQf" };
+
+// core/Note/Note.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var getStatusColor = (type, {
+  filled,
+  light,
+  subtle
+}, theme) => {
+  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+    const variant = subtle ? "subtle" : light ? "light" : filled ? "filled" : "outline";
+    const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, theme.palette, type, variant);
+    return { color, borderColor: border, bgColor: bg };
+  }
+  const neutral = theme.palette.accents_6;
+  if (!filled)
+    return {
+      color: neutral,
+      borderColor: neutral,
+      bgColor: theme.palette.background
+    };
+  return { color: "white", borderColor: neutral, bgColor: neutral };
+};
+var NoteComponent = _react2.default.forwardRef(
+  ({
+    children,
+    type = "default",
+    label = "note",
+    filled = false,
+    light = false,
+    subtle = false,
+    className = "",
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const { color, borderColor, bgColor } = _react.useMemo.call(void 0, 
+      () => getStatusColor(type, { filled, light, subtle }, theme),
+      [type, filled, light, subtle, theme]
+    );
+    const noteStyle = {
+      border: `1px solid ${borderColor}`,
+      color,
+      backgroundColor: bgColor,
+      borderRadius: theme.layout.radius,
+      fontSize: SCALES.font(0.875),
+      width: SCALES.width(1, "auto"),
+      height: SCALES.height(1, "auto"),
+      padding: `${SCALES.pt(0.667)} ${SCALES.pr(1.32)} ${SCALES.pb(0.667)} ${SCALES.pl(1.32)}`,
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Note_module_css_default.note, className),
+        ...props,
+        style: noteStyle,
+        children: [
+          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Note_module_css_default.label, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "b", { children: [
+            label,
+            ":"
+          ] }) }),
+          children
+        ]
+      }
+    );
+  }
+);
+NoteComponent.displayName = "BolioUINote";
+var Note = _chunkMAICNLTYjs.with_scale_default.call(void 0, NoteComponent);
+var Note_default = Note;
+
+// core/Note/index.ts
+var Note_default2 = Note_default;
+
+
+
+exports.Note_default = Note_default2;

package/dist/chunk-AG2NWQYL.js

@@ -0,0 +1,151 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkDSX6YDJMjs = require('./chunk-DSX6YDJM.js');
+
+
+var _chunkV57PNXMDjs = require('./chunk-V57PNXMD.js');
+
+
+var _chunkJJFOGZ6Vjs = require('./chunk-JJFOGZ6V.js');
+
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
+
+
+var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
+
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/Shared/dropdown.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactdom = require('react-dom');
+
+// core/utils/use-dom-observer.ts
+
+var config = { attributes: false, childList: true, subtree: true };
+var useDOMObserver = (ref, callback = () => {
+}) => {
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, callback);
+  _react.useEffect.call(void 0, () => {
+    if (!ref || !ref.current) return;
+    let unmount = false;
+    const done = (...params) => {
+      if (unmount) return;
+      latest.current(...params);
+    };
+    const observer = new MutationObserver(done);
+    observer.observe(ref.current, config);
+    return () => {
+      unmount = true;
+      observer.disconnect();
+    };
+  }, [ref, latest]);
+};
+var use_dom_observer_default = useDOMObserver;
+
+// core/Shared/dropdown.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var defaultRect = {
+  top: -1e3,
+  left: -1e3,
+  right: -1e3,
+  width: 0,
+  elementTop: -1e3
+};
+var GAP = 2;
+var Dropdown = _react2.default.memo(
+  ({ children, parent, visible, disableMatchWidth, getPopupContainer }) => {
+    const el = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "dropdown", getPopupContainer);
+    const [rect, setRect] = _react.useState.call(void 0, defaultRect);
+    const [menu, setMenu] = _react.useState.call(void 0, null);
+    const [flipHeight, setFlipHeight] = _react.useState.call(void 0, null);
+    if (parent && process.env.NODE_ENV !== "production") {
+      if (getPopupContainer && getPopupContainer()) {
+        const el2 = getPopupContainer();
+        const style = window.getComputedStyle(el2);
+        if (style.position === "static") {
+          _chunkAXYDJGTNjs.log_warning_default.call(void 0, 
+            'The element specified by "getPopupContainer" must have "position" set.'
+          );
+        }
+      }
+    }
+    const updateRect = () => {
+      if (!parent) return;
+      const {
+        top,
+        left,
+        right,
+        width: nativeWidth,
+        elementTop
+      } = _chunkDSX6YDJMjs.getRefRect.call(void 0, parent, getPopupContainer);
+      setRect({ top, left, right, width: nativeWidth, elementTop });
+    };
+    _chunkJJFOGZ6Vjs.use_resize_default.call(void 0, updateRect);
+    _chunkV57PNXMDjs.use_click_anywhere_default.call(void 0, () => {
+      const { top, left } = _chunkDSX6YDJMjs.getRefRect.call(void 0, parent, getPopupContainer);
+      const shouldUpdatePosition = top !== rect.top || left !== rect.left;
+      if (!shouldUpdatePosition) return;
+      updateRect();
+    });
+    use_dom_observer_default(parent, () => {
+      updateRect();
+    });
+    const latestUpdate = _chunkZRORQ2WHjs.use_latest_default.call(void 0, updateRect);
+    _react.useEffect.call(void 0, () => {
+      const element = parent && parent.current;
+      if (!element) return;
+      const listener = () => latestUpdate.current();
+      element.addEventListener("mouseenter", listener);
+      return () => element.removeEventListener("mouseenter", listener);
+    }, [parent, latestUpdate]);
+    const clickHandler = (event) => {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+      event.preventDefault();
+    };
+    const mouseDownHandler = (event) => {
+      event.preventDefault();
+    };
+    _react.useEffect.call(void 0, () => {
+      const trigger = parent == null ? void 0 : parent.current;
+      if (!visible || !trigger || !menu) return setFlipHeight(null);
+      const { top, bottom } = trigger.getBoundingClientRect();
+      const height = menu.offsetHeight;
+      const below = window.innerHeight - bottom;
+      setFlipHeight(height + GAP > below && top > below ? height : null);
+    }, [visible, parent, menu, rect]);
+    if (!parent || !el) return null;
+    const dropdownStyle = {
+      position: "absolute",
+      top: flipHeight === null ? rect.top + GAP : rect.elementTop - flipHeight - GAP,
+      left: rect.left,
+      zIndex: 1100,
+      ...disableMatchWidth ? { minWidth: rect.width } : { width: rect.width }
+    };
+    return _reactdom.createPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLDTDMDE6js.css_transition_default, { visible, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref: setMenu,
+          className: "",
+          onClick: clickHandler,
+          onMouseDown: mouseDownHandler,
+          style: dropdownStyle,
+          children
+        }
+      ) }),
+      el
+    );
+  }
+);
+Dropdown.displayName = "BolioUIDropdown";
+var dropdown_default = Dropdown;
+
+
+
+exports.dropdown_default = dropdown_default;

package/dist/chunk-AHWF22ZQ.js

@@ -0,0 +1,97 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Timeline/Timeline.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Timeline/Timeline.module.css.bolio-css-module-source
+var Timeline_module_css_default = { "timeline": "Timeline-module_timeline__vSb-z", "item": "Timeline-module_item__F3aBP", "marker": "Timeline-module_marker__e1-0Y", "dot": "Timeline-module_dot__clYtj", "head": "Timeline-module_head__XzyXQ", "title": "Timeline-module_title__f6uWv", "time": "Timeline-module_time__OBQ6X", "body": "Timeline-module_body__oTyvi" };
+
+// core/Timeline/Timeline.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TimelineComponent = _react2.default.forwardRef(({ className = "", style, children, ...props }, ref) => {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const timelineStyle = {
+    fontSize: SCALES.font(1),
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ol",
+    {
+      ref,
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Timeline_module_css_default.timeline, className),
+      style: timelineStyle,
+      ...props,
+      children
+    }
+  );
+});
+TimelineComponent.displayName = "BolioUITimeline";
+var Timeline = _chunkMAICNLTYjs.with_scale_default.call(void 0, TimelineComponent);
+var Timeline_default = Timeline;
+
+// core/Timeline/TimelineItem.tsx
+
+
+var TimelineItem = _react2.default.forwardRef(({ title, time, icon, className = "", children, ...props }, ref) => {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      ref,
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Timeline_module_css_default.item, className),
+      style: { "--timeline-line": theme.palette.accents_3 },
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: Timeline_module_css_default.marker,
+            style: {
+              color: theme.palette.foreground,
+              backgroundColor: icon ? theme.palette.accents_2 : void 0
+            },
+            children: icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "span",
+              {
+                className: Timeline_module_css_default.dot,
+                style: { backgroundColor: theme.palette.foreground }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Timeline_module_css_default.head, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Timeline_module_css_default.title, children: title }),
+          time && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: Timeline_module_css_default.time,
+              style: { color: theme.palette.accents_5 },
+              children: time
+            }
+          )
+        ] }),
+        children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Timeline_module_css_default.body, style: { color: theme.palette.accents_5 }, children })
+      ]
+    }
+  );
+});
+TimelineItem.displayName = "BolioUITimelineItem";
+var TimelineItem_default = TimelineItem;
+
+// core/Timeline/index.ts
+Timeline_default.Item = TimelineItem_default;
+var Timeline_default2 = Timeline_default;
+
+
+
+exports.Timeline_default = Timeline_default2;

package/dist/chunk-AVO2SK2I.js

@@ -0,0 +1,109 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkXLPOECCEjs = require('./chunk-XLPOECCE.js');
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/ContextMenu/ContextMenu.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/ContextMenu/ContextMenu.module.css.bolio-css-module-source
+var ContextMenu_module_css_default = { "area": "ContextMenu-module_area__IAOF5", "trigger": "ContextMenu-module_trigger__OY2LR" };
+
+// core/ContextMenu/ContextMenu.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var ContextMenuComponent = _react2.default.forwardRef(
+  ({
+    content,
+    disabled = false,
+    onVisibleChange,
+    className = "",
+    children,
+    onContextMenu,
+    ...props
+  }, ref) => {
+    const [point, setPoint] = _react.useState.call(void 0, null);
+    const area = _react.useRef.call(void 0, null);
+    const setRefs = (element) => {
+      area.current = element;
+      if (typeof ref === "function") ref(element);
+      else if (ref) ref.current = element;
+    };
+    const change = (visible, next = null) => {
+      setPoint(visible ? next : null);
+      if (onVisibleChange) onVisibleChange(visible);
+    };
+    const contextMenuHandler = (event) => {
+      if (onContextMenu) onContextMenu(event);
+      if (disabled || event.defaultPrevented) return;
+      event.preventDefault();
+      change(true, { x: event.clientX, y: event.clientY });
+    };
+    const open = point !== null;
+    _react.useEffect.call(void 0, () => {
+      if (!open) return;
+      const close = () => {
+        setPoint(null);
+        if (onVisibleChange) onVisibleChange(false);
+      };
+      window.addEventListener("scroll", close, { capture: true, once: true });
+      return () => window.removeEventListener("scroll", close, true);
+    }, [open, onVisibleChange]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: setRefs,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, ContextMenu_module_css_default.area, className),
+        ...props,
+        onContextMenu: contextMenuHandler,
+        children: [
+          children,
+          point && // a new point opens a new menu, so it is placed there
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkXLPOECCEjs.Menu_default,
+            {
+              visible: true,
+              onVisibleChange: (visible) => change(visible),
+              style: {
+                position: "fixed",
+                left: point.x,
+                top: point.y,
+                width: 0,
+                height: 0
+              },
+              trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  "aria-hidden": "true",
+                  className: ContextMenu_module_css_default.trigger,
+                  onFocus: () => {
+                    var _a;
+                    return (_a = area.current) == null ? void 0 : _a.focus();
+                  }
+                }
+              ),
+              children: content
+            },
+            `${point.x}:${point.y}`
+          )
+        ]
+      }
+    );
+  }
+);
+ContextMenuComponent.displayName = "BolioUIContextMenu";
+var ContextMenu = _chunkMAICNLTYjs.with_scale_default.call(void 0, ContextMenuComponent);
+var ContextMenu_default = ContextMenu;
+
+// core/ContextMenu/index.ts
+var ContextMenu_default2 = ContextMenu_default;
+
+
+
+exports.ContextMenu_default = ContextMenu_default2;

package/dist/chunk-BJRUC4XL.js

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Section/Section.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var SectionComponent = _react2.default.forwardRef(({ children, bg = "transparent", className = "", style, ...props }, ref) => {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const sectionStyle = {
+    backgroundColor: bg,
+    padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "section",
+    {
+      ref,
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "section", className),
+      ...props,
+      style: sectionStyle,
+      children
+    }
+  );
+});
+SectionComponent.displayName = "BolioUISection";
+var Section = _chunkMAICNLTYjs.with_scale_default.call(void 0, SectionComponent);
+var Section_default = Section;
+
+// core/Section/index.ts
+var Section_default2 = Section_default;
+
+
+
+exports.Section_default = Section_default2;