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

package/dist/chunk-EEZG4FGY.js

@@ -0,0 +1,142 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkWEYAL53Ojs = require('./chunk-WEYAL53O.js');
+
+
+var _chunkRZBEZ26Ajs = require('./chunk-RZBEZ26A.js');
+
+
+
+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/Breadcrumbs/Breadcrumbs.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Breadcrumbs/BreadcrumbsSeparator.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Separator({ children, className = "" }) {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "separator", className);
+  const separatorStyle = {
+    display: "inline-flex",
+    userSelect: "none",
+    pointerEvents: "none",
+    alignItems: "center",
+    width: SCALES.width(1, "auto"),
+    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.5)} ${SCALES.mb(0)} ${SCALES.ml(0.5)}`
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, style: separatorStyle, children });
+}
+Separator.displayName = "BolioUIBreadcrumbsSeparator";
+var BreadcrumbsSeparator = _chunkMAICNLTYjs.with_scale_default.call(void 0, Separator);
+var BreadcrumbsSeparator_default = BreadcrumbsSeparator;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Breadcrumbs/Breadcrumbs.module.css.bolio-css-module-source
+var Breadcrumbs_module_css_default = { "nav": "Breadcrumbs-module_nav__3pUq6" };
+
+// core/Breadcrumbs/Breadcrumbs.tsx
+
+var BreadcrumbsComponent = _react2.default.forwardRef(({ separator = "/", children, className = "", style }, ref) => {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const hoverColor = _react.useMemo.call(void 0, () => {
+    return _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.link, 0.85);
+  }, [theme.palette.link]);
+  const navStyle = {
+    color: theme.palette.accents_5,
+    fontSize: SCALES.font(1),
+    width: SCALES.width(1, "auto"),
+    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)}`,
+    "--breadcrumbs-hover-color": hoverColor,
+    "--breadcrumbs-last-color": theme.palette.accents_7,
+    ...style
+  };
+  const childrenArray = _react2.default.Children.toArray(children);
+  const withSeparatorChildren = childrenArray.map((item, index) => {
+    if (!_react2.default.isValidElement(item)) return item;
+    const last = childrenArray[index - 1];
+    const lastIsSeparator = _react2.default.isValidElement(last) && last.type === BreadcrumbsSeparator_default;
+    const currentIsSeparator = item.type === BreadcrumbsSeparator_default;
+    if (!lastIsSeparator && !currentIsSeparator && index > 0) {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BreadcrumbsSeparator_default, { children: separator }),
+        item
+      ] }, index);
+    }
+    return item;
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      ref,
+      className: `${Breadcrumbs_module_css_default.nav} ${className}`.trim(),
+      style: navStyle,
+      children: withSeparatorChildren
+    }
+  );
+});
+BreadcrumbsComponent.displayName = "BolioUIBreadcrumbs";
+var Breadcrumbs = _chunkMAICNLTYjs.with_scale_default.call(void 0, BreadcrumbsComponent);
+var Breadcrumbs_default = Breadcrumbs;
+
+// core/Breadcrumbs/BreadcrumbsItem.tsx
+
+
+var BreadcrumbsItem = _react2.default.forwardRef(
+  ({
+    href,
+    nextLink = false,
+    onClick,
+    children,
+    className = "",
+    ...props
+  }, ref) => {
+    const isLink = _react.useMemo.call(void 0, 
+      () => href !== void 0 || nextLink,
+      [href, nextLink]
+    );
+    const [withoutSepChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, children, BreadcrumbsSeparator_default);
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "breadcrumbs-item", className);
+    const clickHandler = (event) => {
+      if (onClick) onClick(event);
+    };
+    if (!isLink) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classes, onClick: clickHandler, children: withoutSepChildren });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWEYAL53Ojs.Link_default,
+      {
+        className: classes,
+        href,
+        onClick: clickHandler,
+        ref,
+        ...props,
+        children: withoutSepChildren
+      }
+    );
+  }
+);
+BreadcrumbsItem.displayName = "BolioUIBreadcrumbsItem";
+var BreadcrumbsItem_default = BreadcrumbsItem;
+
+// core/Breadcrumbs/index.ts
+Breadcrumbs_default.Item = BreadcrumbsItem_default;
+Breadcrumbs_default.Separator = BreadcrumbsSeparator_default;
+var Breadcrumbs_default2 = Breadcrumbs_default;
+
+
+
+exports.Breadcrumbs_default = Breadcrumbs_default2;

package/dist/{chunk-TFZ2IGNH.js → chunk-FEA5BJ35.js}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQUMM6MGXjs = require('./chunk-QUMM6MGX.js');
+var _chunkX5PGXMVQjs = require('./chunk-X5PGXMVQ.js');
 
 // core/use-theme/theme-context.ts
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var defaultTheme = _chunkQUMM6MGXjs.Themes_default.getPresetStaticTheme();
+var defaultTheme = _chunkX5PGXMVQjs.Themes_default.getPresetStaticTheme();
 var ThemeContext = _react2.default.createContext(defaultTheme);
 var useTheme = () => _react2.default.useContext(ThemeContext);
 

package/dist/chunk-G4KB56RO.js

@@ -0,0 +1,217 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+
+
+var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/TagsInput/TagsInput.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/TagsInput/TagsInput.module.css.bolio-css-module-source
+var TagsInput_module_css_default = { "withLabel": "TagsInput-module_withLabel__-n8Kq", "field": "TagsInput-module_field__ieR7N", "disabled": "TagsInput-module_disabled__cCN-w", "tag": "TagsInput-module_tag__dhER4", "remove": "TagsInput-module_remove__oullb", "input": "TagsInput-module_input__RFYNn" };
+
+// core/TagsInput/TagsInput.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var noTags = [];
+var TagsInputComponent = _react2.default.forwardRef(
+  ({
+    value: customValue,
+    initialValue = noTags,
+    onChange,
+    max,
+    allowDuplicates = false,
+    type = "default",
+    rounded = false,
+    filled = false,
+    light = false,
+    ghost = false,
+    subtle = false,
+    disabled = false,
+    readOnly = false,
+    error = false,
+    errorMessage,
+    className = "",
+    children,
+    style,
+    onKeyDown,
+    onBlur,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const generatedId = _react.useId.call(void 0, );
+    const inputId = props.id || generatedId;
+    const errorId = `${inputId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+      filled,
+      light,
+      ghost,
+      subtle
+    });
+    const isControlled = customValue !== void 0;
+    const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
+    const tags = isControlled ? customValue : selfValue;
+    const [text, setText] = _react.useState.call(void 0, "");
+    const locked = disabled || readOnly;
+    const commit = (next) => {
+      if (!isControlled) setSelfValue(next);
+      onChange == null ? void 0 : onChange(next);
+    };
+    const add = (entries) => {
+      const next = [...tags];
+      entries.map((entry) => entry.trim()).filter(Boolean).forEach((entry) => {
+        if (max !== void 0 && next.length >= max) return;
+        if (!allowDuplicates && next.includes(entry)) return;
+        next.push(entry);
+      });
+      if (next.length !== tags.length) commit(next);
+    };
+    const remove = (index) => {
+      if (locked) return;
+      commit(tags.filter((_, i) => i !== index));
+    };
+    const changeHandler = (event) => {
+      const parts = event.target.value.split(",");
+      if (parts.length === 1) return setText(parts[0]);
+      add(parts.slice(0, -1));
+      setText(parts[parts.length - 1]);
+    };
+    const keyDownHandler = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (event.defaultPrevented || locked) return;
+      if (event.key === "Enter" && text.trim()) {
+        event.preventDefault();
+        add([text]);
+        setText("");
+      } else if (event.key === "Backspace" && !text && tags.length) {
+        remove(tags.length - 1);
+      }
+    };
+    const blurHandler = (event) => {
+      onBlur == null ? void 0 : onBlur(event);
+      if (locked || !text) return;
+      add([text]);
+      setText("");
+    };
+    const rootStyle = {
+      "--input-height": SCALES.height(2.25),
+      fontSize: SCALES.font(0.875),
+      width: SCALES.width(1, "100%"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      ...style
+    };
+    const fieldStyle = {
+      "--input-border": colors.borderColor,
+      "--input-radius": rounded ? "25px" : theme.layout.radius,
+      "--input-bg": colors.bgColor,
+      "--input-hover-border": colors.hoverBorder,
+      "--input-hover-bg": colors.hoverBgColor,
+      "--input-focus-border": colors.focusBorder,
+      "--input-placeholder-color": colors.placeholderColor,
+      "--input-color": colors.color,
+      "--tag-bg": theme.palette.accents_2,
+      "--tag-color": disabled ? theme.palette.accents_4 : theme.palette.foreground,
+      "--tag-remove-color": colors.iconColor,
+      "--tag-remove-hover-color": colors.color
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, TagsInput_module_css_default.withLabel, className),
+        style: rootStyle,
+        children: [
+          children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { htmlFor: inputId, children }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: _chunk5KUROAEPjs.use_classes_default.call(void 0, TagsInput_module_css_default.field, {
+                [TagsInput_module_css_default.disabled]: disabled
+              }),
+              style: fieldStyle,
+              onClick: (event) => {
+                var _a;
+                return (_a = event.currentTarget.querySelector("input")) == null ? void 0 : _a.focus();
+              },
+              children: [
+                tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: TagsInput_module_css_default.tag, children: [
+                  tag,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      className: TagsInput_module_css_default.remove,
+                      "aria-label": `Remove ${tag}`,
+                      disabled: locked,
+                      onClick: () => remove(index),
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "svg",
+                        {
+                          viewBox: "0 0 24 24",
+                          width: "1em",
+                          height: "1em",
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                            "path",
+                            {
+                              d: "M6 6l12 12M18 6L6 18",
+                              fill: "none",
+                              stroke: "currentColor",
+                              strokeWidth: "2",
+                              strokeLinecap: "round"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                ] }, `${tag}-${index}`)),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "input",
+                  {
+                    ref,
+                    type: "text",
+                    autoComplete: "off",
+                    value: text,
+                    disabled,
+                    readOnly,
+                    onChange: changeHandler,
+                    onKeyDown: keyDownHandler,
+                    onBlur: blurHandler,
+                    ...props,
+                    id: inputId,
+                    "aria-invalid": error || void 0,
+                    "aria-describedby": describedBy,
+                    className: TagsInput_module_css_default.input
+                  }
+                )
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+        ]
+      }
+    );
+  }
+);
+TagsInputComponent.displayName = "BolioUITagsInput";
+var TagsInput = _chunkMAICNLTYjs.with_scale_default.call(void 0, TagsInputComponent);
+var TagsInput_default = TagsInput;
+
+// core/TagsInput/index.ts
+var TagsInput_default2 = TagsInput_default;
+
+
+
+exports.TagsInput_default = TagsInput_default2;

package/dist/chunk-GGCVPMXO.js

@@ -0,0 +1,188 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkXF4TPE2Wjs = require('./chunk-XF4TPE2W.js');
+
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+
+var _chunkBSDZWWUSjs = require('./chunk-BSDZWWUS.js');
+
+
+
+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/Popover/Popover.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Popover/PopoverContext.ts
+
+var defaultContext = {
+  disableItemsAutoClose: false,
+  onItemClick: () => {
+  }
+};
+var PopoverContext = _react2.default.createContext(defaultContext);
+var usePopoverContext = () => _react.useContext.call(void 0, PopoverContext);
+
+// core/Popover/Popover.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var defaultProps = {
+  disableItemsAutoClose: false,
+  trigger: "click",
+  placement: "bottom",
+  portalClassName: "",
+  initialVisible: false,
+  hideArrow: false,
+  type: "default",
+  enterDelay: 100,
+  leaveDelay: 150,
+  offset: 12,
+  className: "",
+  onVisibleChange: (() => {
+  }),
+  visible: false
+};
+var PopoverComponent = _react2.default.forwardRef((popoverProps, ref) => {
+  const {
+    content,
+    children,
+    trigger,
+    placement,
+    initialVisible,
+    portalClassName,
+    disableItemsAutoClose,
+    onVisibleChange,
+    visible: customVisible,
+    type = "default",
+    ...props
+  } = _chunkBSDZWWUSjs.use_default_props_default.call(void 0, popoverProps, defaultProps);
+  const [visible, setVisible] = _react.useState.call(void 0, initialVisible);
+  const textNode = _react.useMemo.call(void 0, () => _chunkUX2B3G6Ujs.getReactNode.call(void 0, content), [content]);
+  const onPopoverVisibleChange = _react.useCallback.call(void 0, 
+    (next) => {
+      setVisible(next);
+      onVisibleChange(next);
+    },
+    [onVisibleChange]
+  );
+  const onChildClick = _react.useCallback.call(void 0, () => {
+    onPopoverVisibleChange(false);
+  }, [onPopoverVisibleChange]);
+  const value = _react.useMemo.call(void 0, 
+    () => ({
+      onItemClick: onChildClick,
+      disableItemsAutoClose
+    }),
+    [onChildClick, disableItemsAutoClose]
+  );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "popover", portalClassName);
+  const latestChange = _chunkZRORQ2WHjs.use_latest_default.call(void 0, onPopoverVisibleChange);
+  _react.useEffect.call(void 0, () => {
+    if (customVisible === void 0) return;
+    latestChange.current(customVisible);
+  }, [customVisible, latestChange]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkXF4TPE2Wjs.Tooltip_default,
+    {
+      ref,
+      initialVisible: false,
+      text: textNode,
+      trigger,
+      placement,
+      portalClassName: classes,
+      visible,
+      type,
+      onVisibleChange: onPopoverVisibleChange,
+      ...props,
+      children
+    }
+  ) });
+});
+PopoverComponent.displayName = "BolioUIPopover";
+var Popover = _chunkMAICNLTYjs.with_scale_default.call(void 0, PopoverComponent);
+var Popover_default = Popover;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Popover/PopoverItem.module.css.bolio-css-module-source
+var PopoverItem_module_css_default = { "item": "PopoverItem-module_item__ntzzC", "line": "PopoverItem-module_line__AtYEN", "title": "PopoverItem-module_title__ARsPq" };
+
+// core/Popover/PopoverItem.tsx
+
+function PopoverItemComponent({
+  children,
+  line = false,
+  title = false,
+  className = "",
+  onClick,
+  disableAutoClose = false,
+  style,
+  ...props
+}) {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const { disableItemsAutoClose, onItemClick } = usePopoverContext();
+  const hasHandler = Boolean(onClick);
+  const dontCloseByClick = disableAutoClose || disableItemsAutoClose || title || line;
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
+    PopoverItem_module_css_default.item,
+    { [PopoverItem_module_css_default.line]: line, [PopoverItem_module_css_default.title]: title },
+    className
+  );
+  const clickHandler = (event) => {
+    if (onClick) onClick(event);
+    if (dontCloseByClick) {
+      return event.stopPropagation();
+    }
+    onItemClick(event);
+  };
+  const itemStyle = line ? {
+    backgroundColor: theme.palette.border,
+    height: SCALES.height(0.0625),
+    margin: `${SCALES.mt(0.35)} ${SCALES.mr(0)} ${SCALES.mb(0.35)} ${SCALES.ml(0)}`,
+    width: SCALES.width(1, "100%"),
+    "--popover-item-hover-color": theme.palette.foreground
+  } : {
+    color: title ? theme.palette.foreground : theme.palette.accents_5,
+    fontSize: title ? SCALES.font(0.925) : SCALES.font(0.875),
+    width: SCALES.width(1, "auto"),
+    height: SCALES.height(1, "auto"),
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    padding: `${SCALES.pt(0.5)} ${SCALES.pr(0.75)} ${SCALES.pb(0.5)} ${SCALES.pl(0.75)}`,
+    cursor: hasHandler ? "pointer" : "default",
+    "--popover-item-hover-color": theme.palette.foreground
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: classes,
+        onClick: clickHandler,
+        ...props,
+        style: { ...itemStyle, ...style },
+        children
+      }
+    ),
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverItem, { line: true, title: false })
+  ] });
+}
+PopoverItemComponent.displayName = "BolioUIPopoverItem";
+var PopoverItem = _chunkMAICNLTYjs.with_scale_default.call(void 0, PopoverItemComponent);
+var PopoverItem_default = PopoverItem;
+
+// core/Popover/index.ts
+Popover_default.Item = PopoverItem_default;
+Popover_default.Option = PopoverItem_default;
+var Popover_default2 = Popover_default;
+
+
+
+exports.Popover_default = Popover_default2;

package/dist/chunk-GJ77XHZ3.js

@@ -0,0 +1,83 @@
+"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/Container/Container.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Container/Container.module.css.bolio-css-module-source
+var Container_module_css_default = { "container": "Container-module_container__qKv1a" };
+
+// core/Container/Container.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var defaultProps = {
+  gap: 0,
+  justify: "start",
+  align: "top",
+  component: "div",
+  className: "",
+  fluid: false
+};
+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 Container = _react2.default.forwardRef(
+  ({
+    children,
+    component = defaultProps.component,
+    justify = defaultProps.justify,
+    align = defaultProps.align,
+    fluid = defaultProps.fluid,
+    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 containerStyle = {
+      maxWidth: fluid ? void 0 : theme.layout.pageWidthWithMargin,
+      justifyContent: justifyValue,
+      alignItems: alignValue,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Component,
+      {
+        ref,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "container", Container_module_css_default.container, className),
+        ...props,
+        style: containerStyle,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "BolioUIContainer";
+var Container_default = Container;
+
+// core/Container/index.ts
+var Container_default2 = Container_default;
+
+
+
+exports.Container_default = Container_default2;