@bolio-ui/core 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/chunk-6XJS3KMW.js

@@ -0,0 +1,436 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkBSDZWWUSjs = require('./chunk-BSDZWWUS.js');
+
+
+
+var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+
+
+var _chunkRZBEZ26Ajs = require('./chunk-RZBEZ26A.js');
+
+
+var _chunkBDEBNBW6js = require('./chunk-BDEBNBW6.js');
+
+
+var _chunkNDERASK2js = require('./chunk-NDERASK2.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Button/Button.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Button/ButtonDrip.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var ButtonDrip = ({
+  x = 0,
+  y = 0,
+  color,
+  onCompleted
+}) => {
+  const dripRef = _react.useRef.call(void 0, null);
+  const top = Number.isNaN(+y) ? 0 : y - 10;
+  const left = Number.isNaN(+x) ? 0 : x - 10;
+  _react.useEffect.call(void 0, () => {
+    const drip = dripRef.current;
+    if (!drip) return;
+    drip.addEventListener("animationend", onCompleted);
+    return () => drip.removeEventListener("animationend", onCompleted);
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: dripRef, className: "jsx-3424889537 drip", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", style: {
+      top,
+      left
+    }, className: "jsx-3424889537", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", className: "jsx-3424889537", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { fill: color, className: "jsx-3424889537", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "100%", height: "100%", rx: "10", className: "jsx-3424889537" }) }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3424889537", children: ".drip.jsx-3424889537{position:absolute;left:0;right:0;top:0;bottom:0;}svg.jsx-3424889537{position:absolute;-webkit-animation:350ms ease-in expand-jsx-3424889537;animation:350ms ease-in expand-jsx-3424889537;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:1rem;height:1rem;}@-webkit-keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}@keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}" })
+  ] });
+};
+ButtonDrip.displayName = "BolioUItButtonDrip";
+var ButtonDrip_default = ButtonDrip;
+
+// core/Button/ButtonLoading.tsx
+
+
+function ButtonLoading({
+  color
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "jsx-412966635 btn-loading", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBDEBNBW6js.Loading_default, { color }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "412966635", children: ".btn-loading.jsx-412966635{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:var(--bolio-ui-button-bg);}" })
+  ] });
+}
+ButtonLoading.displayName = "BolioUIButtonLoading";
+var ButtonLoading_default = ButtonLoading;
+
+// core/Button/utils.tsx
+
+
+
+// core/Button/ButtonIcon.tsx
+
+
+function ButtonIcon({
+  isRight = false,
+  isSingle,
+  children,
+  className = "",
+  ...props
+}) {
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "icon", {
+    right: isRight,
+    single: isSingle
+  }, className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { ...props, className: "jsx-2499243154 " + (props && props.className != null && props.className || classes || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2499243154", children: ".icon.jsx-2499243154{position:absolute;left:var(--bolio-ui-button-icon-padding);right:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--bolio-ui-button-color);z-index:1;}.right.jsx-2499243154{right:var(--bolio-ui-button-icon-padding);left:auto;}.icon.jsx-2499243154 svg{background:transparent;height:calc(var(--bolio-ui-button-height) / 2.35);width:calc(var(--bolio-ui-button-height) / 2.35);}.single.jsx-2499243154{position:static;-webkit-transform:none;-ms-transform:none;transform:none;}" })
+  ] });
+}
+ButtonIcon.displayName = "BolioUIButtonIcon";
+var ButtonIcon_default = ButtonIcon;
+
+// core/Button/utils.tsx
+
+var getButtonChildrenWithIcon = (auto = false, children, icons) => {
+  const {
+    icon,
+    iconRight
+  } = icons;
+  const hasIcon = icon || iconRight;
+  const isRight = Boolean(iconRight);
+  const paddingForAutoMode = auto ? `calc(var(--bolio-ui-button-height) / 2 + var(--bolio-ui-button-icon-padding) * .5)` : 0;
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "text", isRight ? "right" : "left");
+  if (!hasIcon) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text", children });
+  if (_react2.default.Children.count(children) === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonIcon_default, { isRight, isSingle: true, children: hasIcon });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonIcon_default, { isRight, children: hasIcon }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["3568181479", [paddingForAutoMode, paddingForAutoMode]]]) + " " + (classes || ""), children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3568181479", dynamic: [paddingForAutoMode, paddingForAutoMode], children: `.left.__jsx-style-dynamic-selector{padding-left:${paddingForAutoMode};}.right.__jsx-style-dynamic-selector{padding-right:${paddingForAutoMode};}` })
+    ] })
+  ] });
+};
+var filterPropsWithGroup = (props, config) => {
+  if (!config.isButtonGroup) return props;
+  return {
+    ...props,
+    auto: true,
+    shadow: false,
+    ghost: config.ghost || props.ghost,
+    type: config.type || props.type,
+    disabled: config.disabled || props.disabled
+  };
+};
+
+// core/Button/styles.ts
+var getButtonGhostColors = (palette, type) => _chunkGJZT47MPjs.isSemanticColorType.call(void 0, type) ? _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "outline") : null;
+var getButtonLightColors = (palette, type) => _chunkGJZT47MPjs.isSemanticColorType.call(void 0, type) ? _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "light") : null;
+var getButtonSubtleColors = (palette, type) => _chunkGJZT47MPjs.isSemanticColorType.call(void 0, type) ? _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "subtle") : null;
+var getButtonColors = (palette, props) => {
+  const { type, disabled, ghost, subtle } = props;
+  const colors = {
+    default: {
+      bg: palette.accents_2,
+      border: palette.accents_2,
+      color: palette.foreground
+    },
+    primary: {
+      bg: palette.primary,
+      border: palette.primary,
+      color: "#fff"
+    },
+    secondary: {
+      bg: palette.secondary,
+      border: palette.secondary,
+      color: "#fff"
+    },
+    success: {
+      bg: palette.success,
+      border: palette.success,
+      color: "#fff"
+    },
+    warning: {
+      bg: palette.warning,
+      border: palette.warning,
+      color: "#fff"
+    },
+    error: {
+      bg: palette.error,
+      border: palette.error,
+      color: "#fff"
+    },
+    info: {
+      bg: palette.info,
+      border: palette.info,
+      color: "#fff"
+    },
+    abort: {
+      bg: "transparent",
+      border: "transparent",
+      color: palette.accents_5
+    }
+  };
+  if (disabled)
+    return {
+      bg: palette.accents_2,
+      border: palette.accents_2,
+      color: palette.accents_4
+    };
+  const withoutLightType = type == null ? void 0 : type.replace("-light", "");
+  const isLight = type == null ? void 0 : type.endsWith("-light");
+  const defaultColor = colors.default;
+  if (ghost)
+    return getButtonGhostColors(palette, withoutLightType) || defaultColor;
+  if (subtle)
+    return getButtonSubtleColors(palette, withoutLightType) || defaultColor;
+  if (isLight)
+    return getButtonLightColors(palette, withoutLightType) || defaultColor;
+  return colors[withoutLightType] || defaultColor;
+};
+var getButtonGhostHoverColors = (palette, type) => {
+  const colors = {
+    primary: {
+      bg: palette.primary,
+      border: palette.background,
+      color: "white"
+    },
+    secondary: {
+      bg: palette.secondary,
+      border: palette.background,
+      color: "white"
+    },
+    success: {
+      bg: palette.success,
+      border: palette.background,
+      color: "white"
+    },
+    warning: {
+      bg: palette.warning,
+      border: palette.background,
+      color: "white"
+    },
+    error: {
+      bg: palette.error,
+      border: palette.background,
+      color: "white"
+    },
+    info: {
+      bg: palette.info,
+      border: palette.background,
+      color: "white"
+    }
+  };
+  const withoutLightType = type.replace("-light", "");
+  return colors[withoutLightType] || null;
+};
+var getButtonHoverColors = (palette, props) => {
+  const { type, disabled, loading, shadow, ghost } = props;
+  const defaultColor = getButtonColors(palette, props);
+  const alphaBackground = _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, defaultColor.bg, 0.85);
+  const colors = {
+    default: {
+      bg: palette.background,
+      border: palette.foreground
+    },
+    primary: {
+      bg: palette.background,
+      border: palette.primary
+    },
+    secondary: {
+      bg: palette.background,
+      border: palette.secondary
+    },
+    success: {
+      bg: palette.background,
+      border: palette.success
+    },
+    warning: {
+      bg: palette.background,
+      border: palette.warning
+    },
+    error: {
+      bg: palette.background,
+      border: palette.error
+    },
+    info: {
+      bg: palette.background,
+      border: palette.info
+    },
+    abort: {
+      bg: "transparent",
+      border: "transparent",
+      color: palette.accents_5
+    },
+    "primary-light": {
+      ...defaultColor,
+      bg: alphaBackground
+    },
+    "secondary-light": {
+      ...defaultColor,
+      bg: alphaBackground
+    },
+    "success-light": {
+      ...defaultColor,
+      bg: alphaBackground
+    },
+    "warning-light": {
+      ...defaultColor,
+      bg: alphaBackground
+    },
+    "error-light": {
+      ...defaultColor,
+      bg: alphaBackground
+    },
+    "info-light": {
+      ...defaultColor,
+      bg: alphaBackground
+    }
+  };
+  if (disabled)
+    return {
+      bg: palette.accents_2,
+      border: palette.accents_2,
+      color: "#ccc"
+    };
+  if (loading)
+    return {
+      ...defaultColor,
+      color: "transparent"
+    };
+  if (shadow) return defaultColor;
+  const hoverColor = (ghost ? getButtonGhostHoverColors(palette, type) : colors[type]) || colors.default;
+  return {
+    ...hoverColor,
+    color: hoverColor.color || hoverColor.border
+  };
+};
+var getButtonCursor = (disabled, loading) => {
+  if (disabled)
+    return {
+      cursor: "not-allowed",
+      events: "auto"
+    };
+  if (loading)
+    return {
+      cursor: "default",
+      events: "none"
+    };
+  return {
+    cursor: "pointer",
+    events: "auto"
+  };
+};
+var getButtonDripColor = (palette, props) => {
+  const { type, subtle } = props;
+  if (subtle) return _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, getButtonColors(palette, props).color, 0.25);
+  const isLightHover = type == null ? void 0 : type.endsWith("light");
+  const hoverColors = getButtonHoverColors(palette, props);
+  return isLightHover ? _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, hoverColors.bg, 0.65) : _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, palette.accents_3, 0.65);
+};
+
+// core/Button/Button.tsx
+
+var defaultProps = {
+  type: "default",
+  htmlType: "button",
+  ghost: false,
+  subtle: false,
+  rounded: false,
+  loading: false,
+  shadow: false,
+  auto: false,
+  effect: true,
+  disabled: false,
+  className: ""
+};
+var ButtonComponent = _react2.default.forwardRef((btnProps, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const buttonRef = _react.useRef.call(void 0, null);
+  _react.useImperativeHandle.call(void 0, ref, () => buttonRef.current);
+  const [dripShow, setDripShow] = _react.useState.call(void 0, false);
+  const [dripX, setDripX] = _react.useState.call(void 0, 0);
+  const [dripY, setDripY] = _react.useState.call(void 0, 0);
+  const groupConfig = _chunkNDERASK2js.useButtonGroupContext.call(void 0, );
+  const filteredProps = filterPropsWithGroup(_chunkBSDZWWUSjs.use_default_props_default.call(void 0, btnProps, defaultProps), groupConfig);
+  const {
+    children,
+    disabled,
+    type,
+    loading,
+    shadow,
+    ghost,
+    subtle,
+    rounded,
+    effect,
+    onClick,
+    auto,
+    icon,
+    htmlType,
+    iconRight,
+    className,
+    ...props
+  } = filteredProps;
+  const {
+    bg,
+    border,
+    color
+  } = _react.useMemo.call(void 0, () => getButtonColors(theme.palette, filteredProps), [theme.palette, filteredProps]);
+  const hover = _react.useMemo.call(void 0, () => getButtonHoverColors(theme.palette, filteredProps), [theme.palette, filteredProps]);
+  const {
+    cursor,
+    events
+  } = _react.useMemo.call(void 0, () => getButtonCursor(disabled, loading), [disabled, loading]);
+  const dripColor = _react.useMemo.call(void 0, () => getButtonDripColor(theme.palette, filteredProps), [theme.palette, filteredProps]);
+  const dripCompletedHandle = () => {
+    setDripShow(false);
+    setDripX(0);
+    setDripY(0);
+  };
+  const clickHandler = (event) => {
+    if (disabled || loading) return;
+    const showDrip = effect;
+    if (showDrip && buttonRef.current) {
+      const rect = buttonRef.current.getBoundingClientRect();
+      setDripShow(true);
+      setDripX(event.clientX - rect.left);
+      setDripY(event.clientY - rect.top);
+    }
+    if (onClick) onClick(event);
+  };
+  const childrenWithIcon = _react.useMemo.call(void 0, () => getButtonChildrenWithIcon(auto, children, {
+    icon,
+    iconRight
+  }), [auto, children, icon, iconRight]);
+  const [paddingLeft, paddingRight] = [auto ? SCALES.pl(1.15) : SCALES.pl(1.15), auto ? SCALES.pr(1.15) : SCALES.pr(1.15)];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "button", { ref: buttonRef, type: htmlType, disabled, onClick: clickHandler, ...props, className: _style2.default.dynamic([["2171430373", [rounded ? "25px" : theme.layout.radius, SCALES.font(0.875), color, bg, border, cursor, events, shadow ? "0 4px 10px 0" + bg : "none", SCALES.pl(0.75), SCALES.height(2.5), color, bg, auto ? "min-content" : SCALES.width(10.5), auto ? "auto" : "initial", SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events]]]) + " " + (props && props.className != null && props.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "btn", className) || ""), children: [
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLoading_default, { color }),
+    childrenWithIcon,
+    dripShow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonDrip_default, { x: dripX, y: dripY, color: dripColor, onCompleted: dripCompletedHandle }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2171430373", dynamic: [rounded ? "25px" : theme.layout.radius, SCALES.font(0.875), color, bg, border, cursor, events, shadow ? "0 4px 10px 0" + bg : "none", SCALES.pl(0.75), SCALES.height(2.5), color, bg, auto ? "min-content" : SCALES.width(10.5), auto ? "auto" : "initial", SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events], children: `.btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;border-radius:${rounded ? "25px" : theme.layout.radius};font-weight:bold;font-size:${SCALES.font(0.875)};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms, border 200ms ease 0ms, color 200ms ease 0ms;transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms, border 200ms ease 0ms, color 200ms ease 0ms;position:relative;overflow:hidden;color:${color};background-color:${bg};border:1px solid ${border};cursor:${cursor};pointer-events:${events};box-shadow:${shadow ? "0 4px 10px 0" + bg : "none"};--bolio-ui-button-icon-padding:${SCALES.pl(0.75)};--bolio-ui-button-height:${SCALES.height(2.5)};--bolio-ui-button-color:${color};--bolio-ui-button-bg:${bg};min-width:${auto ? "min-content" : SCALES.width(10.5)};width:${auto ? "auto" : "initial"};height:${SCALES.height(2.5)};padding:${SCALES.pt(0)} ${paddingRight} ${SCALES.pb(0)} ${paddingLeft};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{cursor:${cursor};pointer-events:${events};}.btn.__jsx-style-dynamic-selector:active{-webkit-transform:scale(0.98,0.98);-ms-transform:scale(0.98,0.98);transform:scale(0.98,0.98);}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}` })
+  ] });
+});
+ButtonComponent.displayName = "BolioUIButton";
+var Button = _chunkS62PPQHNjs.with_scale_default.call(void 0, ButtonComponent);
+var Button_default = Button;
+
+// core/Button/index.ts
+var Button_default2 = Button_default;
+
+
+
+exports.Button_default = Button_default2;

package/dist/chunk-7L3HCDGD.js

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Container/Container.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+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,
+  ...props
+}, ref) => {
+  const Component = component;
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    justifyValue,
+    alignValue
+  } = _react.useMemo.call(void 0, () => getFlexAlignment(justify, align), [justify, align]);
+  const fluidWidth = fluid ? "" : "max-width: " + theme.layout.pageWidthWithMargin;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Component, { ref, ...props, className: _style2.default.dynamic([["2507064107", [fluidWidth, justifyValue, alignValue]]]) + " " + (props && props.className != null && props.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "container", className) || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2507064107", dynamic: [fluidWidth, justifyValue, alignValue], children: `.container.__jsx-style-dynamic-selector{${fluidWidth};padding-left:15px;padding-right:15px;margin-right:auto;margin-left:auto;-webkit-box-pack:${justifyValue};-webkit-justify-content:${justifyValue};-ms-flex-pack:${justifyValue};justify-content:${justifyValue};-webkit-align-items:${alignValue};-webkit-box-align:${alignValue};-ms-flex-align:${alignValue};align-items:${alignValue};}` })
+  ] });
+});
+Container.displayName = "BolioUIContainer";
+var Container_default = Container;
+
+// core/Container/index.ts
+var Container_default2 = Container_default;
+
+
+
+exports.Container_default = Container_default2;

package/dist/chunk-A3BIV2QM.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// core/utils/use-bolio-ui-context.ts
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var defaultToastLayout = {
+  padding: "12px 16px",
+  margin: "8px 0",
+  width: "420px",
+  maxWidth: "90vw",
+  maxHeight: "75px",
+  placement: "bottomRight"
+};
+var defaultParams = {
+  toasts: [],
+  toastLayout: defaultToastLayout,
+  updateToastLayout: (t) => t,
+  updateToasts: (t) => t,
+  lastUpdateToastId: null,
+  updateLastToastId: () => null
+};
+var BolioUIContent = _react2.default.createContext(defaultParams);
+var useBolioUIContext = () => _react2.default.useContext(BolioUIContent);
+
+
+
+
+
+exports.defaultToastLayout = defaultToastLayout; exports.BolioUIContent = BolioUIContent; exports.useBolioUIContext = useBolioUIContext;