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

package/dist/chunk-LA46RLOT.js

@@ -0,0 +1,180 @@
+"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 _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Page/Page.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Page/PageContent.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PageContentComponent({
+  className,
+  children,
+  style,
+  ...props
+}) {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const mainStyle = {
+    fontSize: SCALES.font(1),
+    width: SCALES.width(1, "100%"),
+    height: SCALES.height(1, "100%"),
+    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, "main", { className, ...props, style: mainStyle, children });
+}
+PageContentComponent.displayName = "BolioUIPageContent";
+var PageContent = _chunkMAICNLTYjs.with_scale_default.call(void 0, PageContentComponent);
+var PageContent_default = PageContent;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Page/Page.module.css.bolio-css-module-source
+var Page_module_css_default = { "section": "Page-module_section__6-oXj", "hidden": "Page-module_hidden__-axKH" };
+
+// core/Page/Page.tsx
+
+var DotStyles = ({ dotSpace, dotSize }) => {
+  const background = _react.useMemo.call(void 0, 
+    () => ({
+      position: `calc(${dotSpace} * 25px)`,
+      size: `calc(${dotSpace} * 50px)`
+    }),
+    [dotSpace]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: `
+        body {
+          background-image:
+            radial-gradient(#e3e3e3 ${dotSize}, transparent 0),
+            radial-gradient(#e3e3e3 ${dotSize}, transparent 0);
+          background-position:
+            0 0,
+            ${background.position} ${background.position};
+          background-attachment: fixed;
+          background-size: ${background.size} ${background.size};
+        }
+      ` }) });
+};
+var PageComponent = _react2.default.forwardRef(
+  ({
+    children,
+    render = "default",
+    dotBackdrop = false,
+    className,
+    dotSize = "1px",
+    dotSpace = 1,
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const showDot = _react.useMemo.call(void 0, () => {
+      if (theme.type === "dark") return false;
+      return dotBackdrop;
+    }, [dotBackdrop, theme.type]);
+    const [preventRender, setPreventRender] = _react.useState.call(void 0, 
+      render !== "default"
+    );
+    _react.useEffect.call(void 0, () => {
+      setPreventRender(false);
+    }, []);
+    if (preventRender) {
+      const renderSEO = render === "effect-seo";
+      if (!renderSEO) return null;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Page_module_css_default.hidden, "aria-hidden": "true", children });
+    }
+    const hasContent = _chunkUX2B3G6Ujs.hasChild.call(void 0, children, PageContent_default);
+    const sectionStyle = {
+      fontSize: SCALES.font(1),
+      height: SCALES.height(1, "auto"),
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "section",
+      {
+        className: _chunk5KUROAEPjs.joinClasses.call(void 0, Page_module_css_default.section, className),
+        ref,
+        ...props,
+        style: sectionStyle,
+        children: [
+          hasContent ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageContent_default, { children }),
+          showDot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DotStyles, { dotSize, dotSpace })
+        ]
+      }
+    );
+  }
+);
+PageComponent.displayName = "BolioUIPage";
+var Page = _chunkMAICNLTYjs.with_scale_default.call(void 0, PageComponent);
+var Page_default = Page;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Page/PageHeader.module.css.bolio-css-module-source
+var PageHeader_module_css_default = { "center": "PageHeader-module_center__yFLt0" };
+
+// core/Page/PageHeader.tsx
+
+function PageHeaderComponent({
+  children,
+  center = false,
+  className = "",
+  style,
+  ...props
+}) {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, { [PageHeader_module_css_default.center]: center }, className);
+  const headerStyle = {
+    fontSize: SCALES.font(1),
+    width: SCALES.width(1, "100%"),
+    height: SCALES.height(1, "auto"),
+    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, "header", { className: classes, ...props, style: headerStyle, children });
+}
+PageHeaderComponent.displayName = "BolioUIPageHeader";
+var PageHeader = _chunkMAICNLTYjs.with_scale_default.call(void 0, PageHeaderComponent);
+var PageHeader_default = PageHeader;
+
+// core/Page/PageFooter.tsx
+
+function PageFooterComponent({
+  children,
+  style,
+  ...props
+}) {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const footerStyle = {
+    fontSize: SCALES.font(1),
+    width: SCALES.width(1, "100%"),
+    height: SCALES.height(1, "auto"),
+    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, "footer", { ...props, style: footerStyle, children });
+}
+PageFooterComponent.displayName = "BolioUIPageFooter";
+var PageFooter = _chunkMAICNLTYjs.with_scale_default.call(void 0, PageFooterComponent);
+var PageFooter_default = PageFooter;
+
+// core/Page/index.ts
+Page_default.Header = PageHeader_default;
+Page_default.Content = PageContent_default;
+Page_default.Body = PageContent_default;
+Page_default.Footer = PageFooter_default;
+var Page_default2 = Page_default;
+
+
+
+exports.Page_default = Page_default2;

package/dist/chunk-LDTDMDE6.js

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// core/Shared/css-transition.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+function CssTransition({
+  children,
+  className = "",
+  visible = false,
+  enterTime = 60,
+  leaveTime = 60,
+  clearTime = 60,
+  name = "transition",
+  ...props
+}) {
+  const [classes, setClasses] = _react.useState.call(void 0, "");
+  const [renderable, setRenderable] = _react.useState.call(void 0, visible);
+  _react.useEffect.call(void 0, () => {
+    const statusClassName = visible ? "enter" : "leave";
+    const time = visible ? enterTime : leaveTime;
+    if (visible && !renderable) {
+      setRenderable(true);
+    }
+    setClasses(`${name}-${statusClassName}`);
+    const timer = setTimeout(() => {
+      setClasses(`${name}-${statusClassName} ${name}-${statusClassName}-active`);
+      clearTimeout(timer);
+    }, time);
+    const clearClassesTimer = setTimeout(() => {
+      if (!visible) {
+        setClasses("");
+        setRenderable(false);
+      }
+      clearTimeout(clearClassesTimer);
+    }, time + clearTime);
+    return () => {
+      clearTimeout(timer);
+      clearTimeout(clearClassesTimer);
+    };
+  }, [visible, renderable, enterTime, leaveTime, clearTime, name]);
+  if (!_react2.default.isValidElement(children) || !renderable)
+    return null;
+  const element = children;
+  return _react2.default.cloneElement(element, {
+    ...props,
+    className: `${element.props.className} ${className} ${classes}`
+  });
+}
+CssTransition.displayName = "BolioUICssTransition";
+var css_transition_default = CssTransition;
+
+
+
+exports.css_transition_default = css_transition_default;

package/dist/chunk-LMDBE6T6.js

@@ -0,0 +1,88 @@
+"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/Loading/Loading.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Loading/Loading.module.css.bolio-css-module-source
+var Loading_module_css_default = { "loadingContainer": "Loading-module_loadingContainer__xI5N-", "loading": "Loading-module_loading__bHt1h", "loadingBlink": "Loading-module_loadingBlink__4TRML" };
+
+// core/Loading/Loading.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var getIconBgColor = (type, palette, color) => {
+  const colors = {
+    default: palette.accents_6,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  return color ? color : colors[type];
+};
+var LoadingComponent = _react2.default.forwardRef(
+  ({
+    children,
+    type = "default",
+    color,
+    className = "",
+    spaceRatio = 1,
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, Loading_module_css_default.loadingContainer, className);
+    const bgColor = _react.useMemo.call(void 0, 
+      () => getIconBgColor(type, theme.palette, color),
+      [type, theme.palette, color]
+    );
+    const containerStyle = {
+      fontSize: SCALES.font(1),
+      width: SCALES.width(1, "100%"),
+      height: SCALES.height(1, "100%"),
+      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
+    };
+    const dotStyle = {
+      backgroundColor: bgColor,
+      margin: `0 calc(0.25em / 2 * ${spaceRatio})`
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        role: "status",
+        className: classes,
+        ...props,
+        style: containerStyle,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: Loading_module_css_default.loading, children: [
+          children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { style: { color: theme.palette.accents_5 }, children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", { style: dotStyle }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", { style: dotStyle }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", { style: dotStyle })
+        ] })
+      }
+    );
+  }
+);
+LoadingComponent.displayName = "BolioUILoading";
+var Loading = _chunkMAICNLTYjs.with_scale_default.call(void 0, LoadingComponent);
+var Loading_default = Loading;
+
+// core/Loading/index.ts
+var Loading_default2 = Loading_default;
+
+
+
+exports.Loading_default = Loading_default2;

package/dist/chunk-LQYCPFUA.js

@@ -0,0 +1,188 @@
+"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/Avatar/Avatar.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Avatar/AvatarSkeleton.tsx
+
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Avatar/AvatarSkeleton.module.css.bolio-css-module-source
+var AvatarSkeleton_module_css_default = { "skeleton": "AvatarSkeleton-module_skeleton__-4455", "avatarSkeletonLoading": "AvatarSkeleton-module_avatarSkeletonLoading__WzSvN" };
+
+// core/Avatar/AvatarSkeleton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AvatarSkeleton = _react2.default.memo(
+  ({ opacity = 0.5, ...props }) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ...props,
+        className: AvatarSkeleton_module_css_default.skeleton,
+        style: {
+          backgroundImage: `linear-gradient(270deg, ${theme.palette.accents_1}, ${theme.palette.accents_2}, ${theme.palette.accents_2}, ${theme.palette.accents_1})`,
+          opacity
+        }
+      }
+    );
+  }
+);
+AvatarSkeleton.displayName = "BolioUIAvatarSkeleton";
+var AvatarSkeleton_default = AvatarSkeleton;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Avatar/Avatar.module.css.bolio-css-module-source
+var Avatar_module_css_default = { "avatar": "Avatar-module_avatar__0FLxq", "avatarImg": "Avatar-module_avatarImg__F6nLG", "avatarText": "Avatar-module_avatarText__eJPYJ" };
+
+// core/Avatar/Avatar.tsx
+
+var safeText = (text) => {
+  if (text.length <= 4) return text;
+  return text.slice(0, 3);
+};
+var AvatarComponent = _react2.default.forwardRef(
+  ({
+    src,
+    stacked = false,
+    text = "",
+    isSquare = false,
+    className = "",
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES, getScaleProps } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const showText = !src;
+    const radius = isSquare ? theme.layout.radius : "50%";
+    const marginLeft = stacked ? SCALES.ml(-0.625) : SCALES.ml(0);
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "avatar", Avatar_module_css_default.avatar, className);
+    const width = getScaleProps(["width", "w"]);
+    const height = getScaleProps(["height", "h"]);
+    const showAnimation = width && height;
+    const [loading, setLoading] = _react.useState.call(void 0, true);
+    const [showSkeleton, setShowSkeleton] = _react.useState.call(void 0, true);
+    const imageRef = _react.useRef.call(void 0, null);
+    const imageLoaded = () => {
+      if (!showAnimation) return;
+      setLoading(false);
+    };
+    _react.useEffect.call(void 0, () => {
+      if (!showAnimation) return;
+      if (!imageRef.current) return;
+      if (imageRef.current.complete) {
+        setLoading(false);
+        setShowSkeleton(false);
+      }
+    }, [showAnimation]);
+    _react.useEffect.call(void 0, () => {
+      const timer = setTimeout(() => {
+        if (showAnimation) {
+          setShowSkeleton(false);
+        }
+        clearTimeout(timer);
+      }, 3e3);
+      return () => clearTimeout(timer);
+    }, [loading, showAnimation]);
+    const avatarStyle = {
+      borderRadius: radius,
+      backgroundColor: theme.palette.accents_2,
+      width: SCALES.width(1.75) || SCALES.height(1.75),
+      height: SCALES.height(1.75) || SCALES.width(1.75),
+      padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${marginLeft}`
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { ref, className: classes, style: avatarStyle, children: [
+      !showText && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        showSkeleton && showAnimation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarSkeleton_default, { opacity: loading ? 1 : 0 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "img",
+          {
+            alt: "Avatar",
+            src,
+            ref: imageRef,
+            onLoad: imageLoaded,
+            className: Avatar_module_css_default.avatarImg,
+            style: { borderRadius: radius },
+            draggable: false,
+            ...props
+          }
+        )
+      ] }),
+      showText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          className: Avatar_module_css_default.avatarText,
+          style: { fontSize: SCALES.font(1) },
+          ...props,
+          children: safeText(text)
+        }
+      )
+    ] });
+  }
+);
+AvatarComponent.displayName = "BolioUIAvatar";
+var Avatar = _chunkMAICNLTYjs.with_scale_default.call(void 0, AvatarComponent);
+var Avatar_default = Avatar;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Avatar/AvatarGroup.module.css.bolio-css-module-source
+var AvatarGroup_module_css_default = { "avatarGroup": "AvatarGroup-module_avatarGroup__BX-qh", "count": "AvatarGroup-module_count__WYRp2" };
+
+// core/Avatar/AvatarGroup.tsx
+
+function AvatarGroupComponent({
+  count,
+  className = "",
+  children
+}) {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const groupStyle = {
+    width: SCALES.width(1, "max-content"),
+    height: SCALES.height(1, "auto"),
+    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)}`,
+    "--avatar-group-overlap": `-${SCALES.ml(0.625)}`
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, AvatarGroup_module_css_default.avatarGroup, className),
+      style: groupStyle,
+      children: [
+        children,
+        count && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "span",
+          {
+            className: AvatarGroup_module_css_default.count,
+            style: {
+              fontSize: SCALES.font(0.875),
+              color: theme.palette.accents_7
+            },
+            children: [
+              "+",
+              count
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+AvatarGroupComponent.displayName = "BolioUIAvatarGroup";
+var AvatarGroup = _chunkMAICNLTYjs.with_scale_default.call(void 0, AvatarGroupComponent);
+var AvatarGroup_default = AvatarGroup;
+
+// core/Avatar/index.ts
+Avatar_default.Group = AvatarGroup_default;
+var Avatar_default2 = Avatar_default;
+
+
+
+exports.Avatar_default = Avatar_default2;

package/dist/chunk-LSSL324I.js

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Row/Row.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Row/Row.module.css.bolio-css-module-source
+var Row_module_css_default = { "row": "Row-module_row__KhY-H" };
+
+// core/Row/Row.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var defaultProps = {
+  gap: 0,
+  justify: "start",
+  align: "top",
+  component: "div",
+  className: ""
+};
+var getFlexAlignment = (justify, align) => {
+  const flexJustifyMap = {
+    end: "flex-end",
+    center: "center",
+    "space-around": "space-around",
+    "space-between": "space-between"
+  };
+  const flexAlignMap = {
+    middle: "center",
+    bottom: "flex-end"
+  };
+  return {
+    justifyValue: flexJustifyMap[justify] || "normal",
+    alignValue: flexAlignMap[align] || "normal"
+  };
+};
+var Row = _react2.default.forwardRef(
+  ({
+    children,
+    component = defaultProps.component,
+    gap = defaultProps.gap,
+    justify = defaultProps.justify,
+    align = defaultProps.align,
+    className = defaultProps.className,
+    style,
+    ...props
+  }, ref) => {
+    const Component = component;
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { justifyValue, alignValue } = _react.useMemo.call(void 0, 
+      () => getFlexAlignment(justify, align),
+      [justify, align]
+    );
+    const rowStyle = {
+      marginLeft: `calc(${gap} * ${theme.layout.gap} / 2)`,
+      marginRight: `calc(${gap} * ${theme.layout.gap} / 2)`,
+      "--row-gap": `calc(${gap} * ${theme.layout.gap})`,
+      justifyContent: justifyValue,
+      alignItems: alignValue,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Component,
+      {
+        ref,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "row", Row_module_css_default.row, className),
+        ...props,
+        style: rowStyle,
+        children
+      }
+    );
+  }
+);
+Row.displayName = "BolioUIRow";
+var Row_default = Row;
+
+// core/Row/index.ts
+var Row_default2 = Row_default;
+
+
+
+exports.Row_default = Row_default2;