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

package/dist/{chunk-CPIFYIT3.js → chunk-XF4TPE2W.js}

@@ -23,21 +23,32 @@ var _chunkDGXZP4VJjs = require('./chunk-DGXZP4VJ.js');
 
 
 
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
 
 
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
 
 
 var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
 
 // core/Tooltip/Tooltip.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+
+
+
+
+
+
+
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // core/Tooltip/TooltipContent.tsx
 
 
+
+
+
+
 var _reactdom = require('react-dom');
 
 // core/Tooltip/styles.ts
@@ -230,18 +241,27 @@ var getIconPosition = (placement, offsetX, offsetY, offsetAbsolute = "3px") => {
 // core/Tooltip/TooltipIcon.tsx
 
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Tooltip/TooltipIcon.module.css.bolio-css-module-source
+var TooltipIcon_module_css_default = { "icon": "TooltipIcon-module_icon__lx2Kw" };
+
+// core/Tooltip/TooltipIcon.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var TooltipIcon = ({
-  placement
-}) => {
-  const {
-    transform,
-    top,
-    left,
-    right,
-    bottom
-  } = _react.useMemo.call(void 0, () => getIconPosition(placement, "var(--tooltip-icon-offset-x)", "var(--tooltip-icon-offset-y)"), [placement]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.dynamic([["1429608490", [left, top, right, bottom, transform]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1429608490", dynamic: [left, top, right, bottom, transform], children: `span.__jsx-style-dynamic-selector{width:0;height:0;border-style:solid;border-width:6px 7px 6px 0;border-color:transparent var(--tooltip-content-bg) transparent transparent;position:absolute;left:${left};top:${top};right:${right};bottom:${bottom};-webkit-transform:${transform};-ms-transform:${transform};transform:${transform};}` }) });
+var TooltipIcon = ({ placement }) => {
+  const { transform, top, left, right, bottom } = _react.useMemo.call(void 0, 
+    () => getIconPosition(
+      placement,
+      "var(--tooltip-icon-offset-x)",
+      "var(--tooltip-icon-offset-y)"
+    ),
+    [placement]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: TooltipIcon_module_css_default.icon,
+      style: { left, top, right, bottom, transform }
+    }
+  );
 };
 var TooltipIcon_default = TooltipIcon;
 
@@ -268,6 +288,9 @@ var getRect = (ref) => {
   };
 };
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Tooltip/TooltipContent.module.css.bolio-css-module-source
+var TooltipContent_module_css_default = { "tooltipContent": "TooltipContent-module_tooltipContent__zfz-P", "inner": "TooltipContent-module_inner__pAcL5" };
+
 // core/Tooltip/TooltipContent.tsx
 
 var TooltipContent = ({
@@ -286,20 +309,21 @@ var TooltipContent = ({
   ghost = false,
   subtle = false
 }) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
   const el = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "tooltip");
   const selfRef = _react.useRef.call(void 0, null);
   const [rect, setRect] = _react.useState.call(void 0, defaultTooltipPosition);
-  const colors = _react.useMemo.call(void 0, () => getColors(type, theme.palette, {
-    light,
-    ghost,
-    subtle
-  }), [type, theme.palette, light, ghost, subtle]);
+  const colors = _react.useMemo.call(void 0, 
+    () => getColors(type, theme.palette, { light, ghost, subtle }),
+    [type, theme.palette, light, ghost, subtle]
+  );
   const hasShadow = type === "default";
-  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "tooltip-content", className);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
+    "tooltip-content",
+    TooltipContent_module_css_default.tooltipContent,
+    className
+  );
   const updateRect = () => {
     const position = getPosition(placement, getRect(parent), offset);
     setRect(position);
@@ -317,144 +341,188 @@ var TooltipContent = ({
       passive: true,
       capture: true
     });
-    return () => window.removeEventListener("scroll", handleScroll, {
-      capture: true
-    });
+    return () => window.removeEventListener("scroll", handleScroll, { capture: true });
   }, [visible, latestUpdate]);
   const preventHandler = (event) => {
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
   };
+  const contentStyle = {
+    "--tooltip-icon-offset-x": iconOffset.x,
+    "--tooltip-icon-offset-y": iconOffset.y,
+    "--tooltip-content-bg": colors.bgColor,
+    top: rect.top,
+    left: rect.left,
+    transform: rect.transform,
+    color: colors.color,
+    border: `1px solid ${colors.borderColor}`,
+    borderRadius: theme.layout.radius,
+    boxShadow: hasShadow ? theme.expressiveness.shadowMedium : "none",
+    width: SCALES.width(1, "auto"),
+    height: SCALES.height(1, "auto")
+  };
+  const isPopover = className == null ? void 0 : className.split(" ").includes("popover");
+  const innerStyle = {
+    fontSize: SCALES.font(1),
+    padding: isPopover ? `${SCALES.pt(0.9)} ${SCALES.pr(0)} ${SCALES.pb(0.9)} ${SCALES.pl(0)}` : `${SCALES.pt(0.65)} ${SCALES.pr(0.9)} ${SCALES.pb(0.65)} ${SCALES.pl(0.9)}`
+  };
   if (!parent || !el) return null;
-  return _reactdom.createPortal.call(void 0, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLDTDMDE6js.css_transition_default, { visible, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id, role, ref: selfRef, onClick: preventHandler, className: _style2.default.dynamic([["1478656486", [iconOffset.x, iconOffset.y, colors.bgColor, rect.top, rect.left, rect.transform, colors.color, colors.borderColor, theme.layout.radius, hasShadow ? theme.expressiveness.shadowMedium : "none", SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.font(1), SCALES.pt(0.65), SCALES.pr(0.9), SCALES.pb(0.65), SCALES.pl(0.9)]]]) + " " + (classes || ""), children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["1478656486", [iconOffset.x, iconOffset.y, colors.bgColor, rect.top, rect.left, rect.transform, colors.color, colors.borderColor, theme.layout.radius, hasShadow ? theme.expressiveness.shadowMedium : "none", SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.font(1), SCALES.pt(0.65), SCALES.pr(0.9), SCALES.pb(0.65), SCALES.pl(0.9)]]]) + " inner", children: [
-      !hideArrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipIcon_default, { placement, shadow: hasShadow }),
-      children
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1478656486", dynamic: [iconOffset.x, iconOffset.y, colors.bgColor, rect.top, rect.left, rect.transform, colors.color, colors.borderColor, theme.layout.radius, hasShadow ? theme.expressiveness.shadowMedium : "none", SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.font(1), SCALES.pt(0.65), SCALES.pr(0.9), SCALES.pb(0.65), SCALES.pl(0.9)], children: `.tooltip-content.__jsx-style-dynamic-selector{--tooltip-icon-offset-x:${iconOffset.x};--tooltip-icon-offset-y:${iconOffset.y};--tooltip-content-bg:${colors.bgColor};box-sizing:border-box;position:absolute;top:${rect.top};left:${rect.left};-webkit-transform:${rect.transform};-ms-transform:${rect.transform};transform:${rect.transform};background-color:var(--tooltip-content-bg);color:${colors.color};border:1px solid ${colors.borderColor};border-radius:${theme.layout.radius};padding:0;z-index:1000;box-shadow:${hasShadow ? theme.expressiveness.shadowMedium : "none"};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};}.inner.__jsx-style-dynamic-selector{box-sizing:border-box;position:relative;font-size:${SCALES.font(1)};padding:${SCALES.pt(0.65)} ${SCALES.pr(0.9)} ${SCALES.pb(0.65)} ${SCALES.pl(0.9)};height:100%;}` })
-  ] }) }), el);
+  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",
+      {
+        id,
+        role,
+        className: classes,
+        ref: selfRef,
+        onClick: preventHandler,
+        style: contentStyle,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk5KUROAEPjs.joinClasses.call(void 0, "inner", TooltipContent_module_css_default.inner), style: innerStyle, children: [
+          !hideArrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipIcon_default, { placement, shadow: hasShadow }),
+          children
+        ] })
+      }
+    ) }),
+    el
+  );
 };
 var TooltipContent_default = TooltipContent;
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Tooltip/Tooltip.module.css.bolio-css-module-source
+var Tooltip_module_css_default = { "tooltip": "Tooltip-module_tooltip__ZOF3O" };
+
 // core/Tooltip/Tooltip.tsx
 
 var focusableTags = ["a", "button", "input", "select", "textarea"];
 var getFocusableChild = (children) => {
   if (!_react2.default.isValidElement(children)) return null;
-  const {
-    type
-  } = children;
+  const { type } = children;
   if (typeof type === "string" && !focusableTags.includes(type)) return null;
   return children;
 };
-var TooltipComponent = _react2.default.forwardRef(({
-  children,
-  initialVisible = false,
-  text = "",
-  offset = 12,
-  placement = "top",
-  portalClassName = "",
-  enterDelay = 100,
-  leaveDelay = 150,
-  trigger = "hover",
-  type = "default",
-  light = false,
-  ghost = false,
-  subtle = false,
-  className = "",
-  onVisibleChange = (() => {
-  }),
-  hideArrow = false,
-  visible: customVisible,
-  ...props
-}, ref) => {
-  const timer = _react.useRef.call(void 0, void 0);
-  const innerRef = _react.useRef.call(void 0, null);
-  const tooltipId = _react.useId.call(void 0, );
-  _react.useImperativeHandle.call(void 0, ref, () => innerRef.current);
-  const [visible, setVisible] = _react.useState.call(void 0, initialVisible);
-  const triggerElement = innerRef.current;
-  const iconOffset = _react.useMemo.call(void 0, () => {
-    if (!triggerElement) return {
-      x: "0.75em",
-      y: "0.75em"
+var TooltipComponent = _react2.default.forwardRef(
+  ({
+    children,
+    initialVisible = false,
+    text = "",
+    offset = 12,
+    placement = "top",
+    portalClassName = "",
+    enterDelay = 100,
+    leaveDelay = 150,
+    trigger = "hover",
+    type = "default",
+    light = false,
+    ghost = false,
+    subtle = false,
+    className = "",
+    onVisibleChange = (() => {
+    }),
+    hideArrow = false,
+    visible: customVisible,
+    ...props
+  }, ref) => {
+    const timer = _react.useRef.call(void 0, void 0);
+    const innerRef = _react.useRef.call(void 0, null);
+    const tooltipId = _react.useId.call(void 0, );
+    _react.useImperativeHandle.call(void 0, ref, () => innerRef.current);
+    const [visible, setVisible] = _react.useState.call(void 0, initialVisible);
+    const triggerElement = innerRef.current;
+    const iconOffset = _react.useMemo.call(void 0, () => {
+      if (!triggerElement) return { x: "0.75em", y: "0.75em" };
+      const rect = getRect(innerRef);
+      return {
+        x: `${rect.width ? rect.width / 2 : 0}px`,
+        y: `${rect.height ? rect.height / 2 : 0}px`
+      };
+    }, [triggerElement]);
+    const contentProps = {
+      type,
+      light,
+      ghost,
+      subtle,
+      visible,
+      offset,
+      placement,
+      hideArrow,
+      iconOffset,
+      parent: innerRef,
+      className: portalClassName,
+      id: tooltipId,
+      role: trigger === "hover" ? "tooltip" : void 0
     };
-    const rect = getRect(innerRef);
-    return {
-      x: `${rect.width ? rect.width / 2 : 0}px`,
-      y: `${rect.height ? rect.height / 2 : 0}px`
+    const changeVisible = (nextState) => {
+      const clear = () => {
+        clearTimeout(timer.current);
+        timer.current = void 0;
+      };
+      const handler = (nextState2) => {
+        setVisible(nextState2);
+        onVisibleChange(nextState2);
+        clear();
+      };
+      clear();
+      if (nextState) {
+        timer.current = window.setTimeout(() => handler(true), enterDelay);
+        return;
+      }
+      const leaveDelayWithoutClick = trigger === "click" ? 0 : leaveDelay;
+      timer.current = window.setTimeout(
+        () => handler(false),
+        leaveDelayWithoutClick
+      );
     };
-  }, [triggerElement]);
-  const contentProps = {
-    type,
-    light,
-    ghost,
-    subtle,
-    visible,
-    offset,
-    placement,
-    hideArrow,
-    iconOffset,
-    parent: innerRef,
-    className: portalClassName,
-    id: tooltipId,
-    role: trigger === "hover" ? "tooltip" : void 0
-  };
-  const changeVisible = (nextState) => {
-    const clear = () => {
-      clearTimeout(timer.current);
-      timer.current = void 0;
+    const mouseEventHandler = (next) => trigger === "hover" && changeVisible(next);
+    const clickEventHandler = () => trigger === "click" && changeVisible(!visible);
+    const focusableChild = getFocusableChild(children);
+    const isWrapperButton = trigger === "click" && !focusableChild;
+    const keyDownHandler = (event) => {
+      if (event.key === "Escape" && visible) changeVisible(false);
+      if (!isWrapperButton || event.target !== event.currentTarget) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        changeVisible(!visible);
+      }
     };
-    const handler = (nextState2) => {
-      setVisible(nextState2);
-      onVisibleChange(nextState2);
-      clear();
+    const triggerProps = trigger === "click" ? {
+      "aria-expanded": visible,
+      "aria-controls": visible ? tooltipId : void 0
+    } : {
+      "aria-describedby": [
+        focusableChild == null ? void 0 : focusableChild.props["aria-describedby"],
+        visible ? tooltipId : void 0
+      ].filter(Boolean).join(" ") || void 0
     };
-    clear();
-    if (nextState) {
-      timer.current = window.setTimeout(() => handler(true), enterDelay);
-      return;
-    }
-    const leaveDelayWithoutClick = trigger === "click" ? 0 : leaveDelay;
-    timer.current = window.setTimeout(() => handler(false), leaveDelayWithoutClick);
-  };
-  const mouseEventHandler = (next) => trigger === "hover" && changeVisible(next);
-  const clickEventHandler = () => trigger === "click" && changeVisible(!visible);
-  const focusableChild = getFocusableChild(children);
-  const isWrapperButton = trigger === "click" && !focusableChild;
-  const keyDownHandler = (event) => {
-    if (event.key === "Escape" && visible) changeVisible(false);
-    if (!isWrapperButton || event.target !== event.currentTarget) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      changeVisible(!visible);
-    }
-  };
-  const triggerProps = trigger === "click" ? {
-    "aria-expanded": visible,
-    "aria-controls": visible ? tooltipId : void 0
-  } : {
-    "aria-describedby": [focusableChild == null ? void 0 : focusableChild.props["aria-describedby"], visible ? tooltipId : void 0].filter(Boolean).join(" ") || void 0
-  };
-  const wrapperProps = focusableChild ? {} : isWrapperButton ? {
-    role: "button",
-    tabIndex: 0,
-    ...triggerProps
-  } : triggerProps;
-  _chunkDGXZP4VJjs.use_click_away_default.call(void 0, innerRef, () => trigger === "click" && changeVisible(false));
-  const latestChange = _chunkZRORQ2WHjs.use_latest_default.call(void 0, changeVisible);
-  _react.useEffect.call(void 0, () => {
-    if (customVisible === void 0) return;
-    latestChange.current(customVisible);
-  }, [customVisible, latestChange]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: innerRef, onClick: clickEventHandler, onMouseEnter: () => mouseEventHandler(true), onMouseLeave: () => mouseEventHandler(false), onFocus: () => mouseEventHandler(true), onBlur: () => mouseEventHandler(false), onKeyDown: keyDownHandler, ...wrapperProps, ...props, className: "jsx-1653875468 " + (props && props.className != null && props.className || wrapperProps && wrapperProps.className != null && wrapperProps.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "tooltip", className) || ""), children: [
-    focusableChild ? _react2.default.cloneElement(focusableChild, triggerProps) : children,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipContent_default, { ...contentProps, children: text }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1653875468", children: ".tooltip.jsx-1653875468{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:inline-block;}" })
-  ] });
-});
+    const wrapperProps = focusableChild ? {} : isWrapperButton ? { role: "button", tabIndex: 0, ...triggerProps } : triggerProps;
+    _chunkDGXZP4VJjs.use_click_away_default.call(void 0, innerRef, () => trigger === "click" && changeVisible(false));
+    const latestChange = _chunkZRORQ2WHjs.use_latest_default.call(void 0, changeVisible);
+    _react.useEffect.call(void 0, () => {
+      if (customVisible === void 0) return;
+      latestChange.current(customVisible);
+    }, [customVisible, latestChange]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: innerRef,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Tooltip_module_css_default.tooltip, className),
+        onClick: clickEventHandler,
+        onMouseEnter: () => mouseEventHandler(true),
+        onMouseLeave: () => mouseEventHandler(false),
+        onFocus: () => mouseEventHandler(true),
+        onBlur: () => mouseEventHandler(false),
+        onKeyDown: keyDownHandler,
+        ...wrapperProps,
+        ...props,
+        children: [
+          focusableChild ? _react2.default.cloneElement(focusableChild, triggerProps) : children,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipContent_default, { ...contentProps, children: text })
+        ]
+      }
+    );
+  }
+);
 TooltipComponent.displayName = "BolioUITooltip";
-var Tooltip = _chunkS62PPQHNjs.with_scale_default.call(void 0, TooltipComponent);
+var Tooltip = _chunkMAICNLTYjs.with_scale_default.call(void 0, TooltipComponent);
 var Tooltip_default = Tooltip;
 
 // core/Tooltip/index.ts

package/dist/chunk-XWRDUQKY.js

@@ -0,0 +1,98 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkNDERASK2js = require('./chunk-NDERASK2.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/ButtonGroup/ButtonGroup.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/ButtonGroup/ButtonGroup.module.css.bolio-css-module-source
+var ButtonGroup_module_css_default = { "btnGroup": "ButtonGroup-module_btnGroup__jXaOh", "vertical": "ButtonGroup-module_vertical__ueNfm", "horizontal": "ButtonGroup-module_horizontal__rluhM" };
+
+// core/ButtonGroup/ButtonGroup.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var defaultProps = {
+  disabled: false,
+  vertical: false,
+  ghost: false,
+  type: "default",
+  className: ""
+};
+var getGroupBorderColors = (palette, props) => {
+  const { ghost, type } = props;
+  if (!ghost && type !== "default") return palette.background;
+  const colors = {
+    // default: palette.accents_3,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  const withoutLightType = type == null ? void 0 : type.replace("-light", "");
+  return colors[withoutLightType] || colors.default;
+};
+var ButtonGroupComponent = _react2.default.forwardRef((groupProps, ref) => {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const {
+    disabled = defaultProps.disabled,
+    type = defaultProps.type,
+    ghost = defaultProps.ghost,
+    vertical = defaultProps.vertical,
+    children,
+    className = defaultProps.className,
+    style,
+    ...props
+  } = groupProps;
+  const initialValue = _react.useMemo.call(void 0, 
+    () => ({
+      disabled,
+      type,
+      ghost,
+      isButtonGroup: true
+    }),
+    [disabled, ghost, type]
+  );
+  const border = _react.useMemo.call(void 0, () => {
+    return getGroupBorderColors(theme.palette, { ghost, type });
+  }, [theme.palette, ghost, type]);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
+    ButtonGroup_module_css_default.btnGroup,
+    {
+      [ButtonGroup_module_css_default.vertical]: vertical,
+      [ButtonGroup_module_css_default.horizontal]: !vertical
+    },
+    className
+  );
+  const groupStyle = {
+    width: SCALES.width(1, "auto"),
+    height: SCALES.height(1, "min-content"),
+    margin: `${SCALES.mt(0.313)} ${SCALES.mr(0.313)} ${SCALES.mb(0.313)} ${SCALES.ml(0.313)}`,
+    padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+    "--btn-group-border": border,
+    "--btn-group-radius": theme.layout.radius,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNDERASK2js.ButtonGroupContext.Provider, { value: initialValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: classes, ...props, style: groupStyle, children }) });
+});
+ButtonGroupComponent.displayName = "BolioUIButtonGroup";
+var ButtonGroup = _chunkMAICNLTYjs.with_scale_default.call(void 0, ButtonGroupComponent);
+var ButtonGroup_default = ButtonGroup;
+
+// core/ButtonGroup/index.ts
+var ButtonGroup_default2 = ButtonGroup_default;
+
+
+
+exports.ButtonGroup_default = ButtonGroup_default2;