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

package/dist/chunk-UVVBMWR4.js

@@ -0,0 +1,137 @@
+"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
+};
+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);
+    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
+      } = _chunkDSX6YDJMjs.getRefRect.call(void 0, parent, getPopupContainer);
+      setRect({ top, left, right, width: nativeWidth });
+    };
+    _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();
+    };
+    if (!parent || !el) return null;
+    const dropdownStyle = {
+      position: "absolute",
+      top: rect.top + 2,
+      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",
+        {
+          className: "",
+          onClick: clickHandler,
+          onMouseDown: mouseDownHandler,
+          style: dropdownStyle,
+          children
+        }
+      ) }),
+      el
+    );
+  }
+);
+Dropdown.displayName = "BolioUIDropdown";
+var dropdown_default = Dropdown;
+
+
+
+exports.dropdown_default = dropdown_default;

package/dist/{chunk-45MVPPJN.js → chunk-V5I4ORQQ.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTFZ2IGNHjs = require('./chunk-TFZ2IGNH.js');
+var _chunkFEA5BJ35js = require('./chunk-FEA5BJ35.js');
 
 // core/use-theme/index.ts
-var use_theme_default = _chunkTFZ2IGNHjs.useTheme;
+var use_theme_default = _chunkFEA5BJ35js.useTheme;
 
 
 

package/dist/chunk-WEYAL53O.js

@@ -0,0 +1,103 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkRZBEZ26Ajs = require('./chunk-RZBEZ26A.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Link/Link.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Link/Icon.tsx
+
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Link/Icon.module.css.bolio-css-module-source
+var Icon_module_css_default = { "icon": "Icon-module_icon__CJT1r" };
+
+// core/Link/Icon.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function LinkIconComponent() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "0.9375em",
+      height: "0.9375em",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      shapeRendering: "geometricPrecision",
+      className: Icon_module_css_default.icon,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10 14L21 3" })
+      ]
+    }
+  );
+}
+LinkIconComponent.displayName = "BolioUILinkIcon";
+var LinkIcon = _react2.default.memo(LinkIconComponent);
+var Icon_default = LinkIcon;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Link/Link.module.css.bolio-css-module-source
+var Link_module_css_default = { "link": "Link-module_link__nFt2S" };
+
+// core/Link/Link.tsx
+
+var LinkComponent = _react2.default.forwardRef(
+  ({
+    href = "",
+    color = false,
+    underline = false,
+    children,
+    className = "",
+    block = false,
+    icon = false,
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const linkColor = color || block ? theme.palette.link : "inherit";
+    const hoverColor = color || block ? theme.palette.primary : "inherit";
+    const decoration = underline ? "underline" : "none";
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "link", Link_module_css_default.link, className);
+    const linkStyle = {
+      color: linkColor,
+      borderRadius: block ? theme.layout.radius : 0,
+      fontSize: SCALES.font(1, "inherit"),
+      width: SCALES.width(1, "fit-content"),
+      height: SCALES.height(1, "auto"),
+      margin: block ? `${SCALES.mt(0)} ${SCALES.mr(-0.125)} ${SCALES.mb(0)} ${SCALES.ml(-0.125)}` : `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      padding: block ? `${SCALES.pt(0.15)} ${SCALES.pr(0.4)} ${SCALES.pb(0.15)} ${SCALES.pl(0.4)}` : `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+      "--link-decoration": decoration,
+      "--link-hover-bg": block ? _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.link, 0.1) : "unset",
+      "--link-hover-color": hoverColor,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { className: classes, href, ...props, ref, style: linkStyle, children: [
+      children,
+      icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon_default, {})
+    ] });
+  }
+);
+LinkComponent.displayName = "BolioUILink";
+var Link = _chunkMAICNLTYjs.with_scale_default.call(void 0, LinkComponent);
+var Link_default = Link;
+
+// core/Link/index.ts
+var Link_default2 = Link_default;
+
+
+
+exports.Link_default = Link_default2;

package/dist/chunk-WXW7BYE7.js

@@ -0,0 +1,297 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.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/Fieldset/Fieldset.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Fieldset/FieldsetTitle.module.css.bolio-css-module-source
+var FieldsetTitle_module_css_default = { "title": "FieldsetTitle-module_title__B1QAm" };
+
+// core/Fieldset/FieldsetTitle.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function FieldsetTitle({
+  className = "",
+  children,
+  ...props
+}) {
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "title", FieldsetTitle_module_css_default.title, className);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, ...props, children });
+}
+FieldsetTitle.displayName = "BolioUIFieldsetTitle";
+var FieldsetTitle_default = FieldsetTitle;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Fieldset/FieldsetSubtitle.module.css.bolio-css-module-source
+var FieldsetSubtitle_module_css_default = { "subtitle": "FieldsetSubtitle-module_subtitle__h-9Hh" };
+
+// core/Fieldset/FieldsetSubtitle.tsx
+
+function FieldsetSubtitle({
+  className = "",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${FieldsetSubtitle_module_css_default.subtitle} ${className}`.trim(), ...props, children });
+}
+FieldsetSubtitle.displayName = "BolioUIFieldsetSubtitle";
+var FieldsetSubtitle_default = FieldsetSubtitle;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Fieldset/FieldsetFooter.module.css.bolio-css-module-source
+var FieldsetFooter_module_css_default = { "footer": "FieldsetFooter-module_footer__UiJ17" };
+
+// core/Fieldset/FieldsetFooter.tsx
+
+function FieldsetFooterComponent({
+  className = "",
+  children,
+  style,
+  ...props
+}) {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const footerStyle = {
+    backgroundColor: theme.palette.accents_1,
+    borderTop: `1px solid ${theme.palette.border}`,
+    borderBottomLeftRadius: theme.layout.radius,
+    borderBottomRightRadius: theme.layout.radius,
+    color: theme.palette.accents_6,
+    fontSize: SCALES.font(0.875),
+    width: SCALES.width(1, "auto"),
+    height: SCALES.height(2.875),
+    padding: `${SCALES.pt(0.625)} ${SCALES.pr(1.31)} ${SCALES.pb(0.625)} ${SCALES.pl(1.31)}`,
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "footer",
+    {
+      className: `${FieldsetFooter_module_css_default.footer} ${className}`.trim(),
+      ...props,
+      style: footerStyle,
+      children
+    }
+  );
+}
+FieldsetFooterComponent.displayName = "BolioUIFieldsetFooter";
+var FieldsetFooter = _chunkMAICNLTYjs.with_scale_default.call(void 0, FieldsetFooterComponent);
+var FieldsetFooter_default = FieldsetFooter;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Fieldset/FieldsetContent.module.css.bolio-css-module-source
+var FieldsetContent_module_css_default = { "content": "FieldsetContent-module_content__x6tfV" };
+
+// core/Fieldset/FieldsetContent.tsx
+
+function FieldsetContentComponent({
+  className = "",
+  children,
+  style,
+  ...props
+}) {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "content", FieldsetContent_module_css_default.content, className);
+  const contentStyle = {
+    width: SCALES.width(1, "100%"),
+    height: SCALES.height(1, "auto"),
+    padding: `${SCALES.pt(1.3)} ${SCALES.pr(1.3)} ${SCALES.pb(1.3)} ${SCALES.pl(1.3)}`,
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, ...props, style: contentStyle, children });
+}
+FieldsetContentComponent.displayName = "BolioUIFieldsetContent";
+var FieldsetContent = _chunkMAICNLTYjs.with_scale_default.call(void 0, FieldsetContentComponent);
+var FieldsetContent_default = FieldsetContent;
+
+// core/Fieldset/FieldsetContext.ts
+
+var defaultContext = {
+  inGroup: false,
+  currentValue: ""
+};
+var FieldsetContext = _react2.default.createContext(defaultContext);
+var useFieldset = () => _react2.default.useContext(FieldsetContext);
+
+// core/Fieldset/Fieldset.tsx
+
+var FieldsetComponent = _react2.default.forwardRef(
+  ({
+    className = "",
+    title = "",
+    subtitle = "",
+    children,
+    value = "",
+    label = "",
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const { inGroup, currentValue, register } = useFieldset();
+    const [hidden, setHidden] = _react.useState.call(void 0, inGroup);
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "fieldset", className);
+    const [withoutFooterChildren, FooterChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, 
+      children,
+      FieldsetFooter_default
+    );
+    const hasTitle = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutFooterChildren, FieldsetTitle_default);
+    const hasSubtitle = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutFooterChildren, FieldsetSubtitle_default);
+    const hasContent = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutFooterChildren, FieldsetContent_default);
+    if (inGroup) {
+      if (!label) {
+        _chunkAXYDJGTNjs.log_warning_default.call(void 0, 
+          'Props "label" is required when in a group.',
+          "Fieldset Group"
+        );
+      }
+      if (!value || value === "") {
+        value = label;
+      }
+    }
+    _react.useEffect.call(void 0, () => {
+      if (!inGroup) return;
+      if (register) register({ value, label });
+    }, []);
+    _react.useEffect.call(void 0, () => {
+      if (!inGroup) return;
+      if (!currentValue || currentValue === "") return;
+      setHidden(currentValue !== value);
+    }, [inGroup, currentValue, value]);
+    const content = _react.useMemo.call(void 0, 
+      () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        withoutFooterChildren,
+        !hasTitle && title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetTitle_default, { children: title }),
+        !hasSubtitle && subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetSubtitle_default, { children: subtitle })
+      ] }),
+      [withoutFooterChildren, hasTitle, hasSubtitle, title, subtitle]
+    );
+    const fieldsetStyle = {
+      backgroundColor: theme.palette.background,
+      border: `1px solid ${theme.palette.border}`,
+      borderRadius: theme.layout.radius,
+      overflow: "hidden",
+      display: hidden ? "none" : "block",
+      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)}`,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: classes, ...props, style: fieldsetStyle, children: [
+      hasContent ? content : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetContent_default, { children: content }),
+      FooterChildren && FooterChildren
+    ] });
+  }
+);
+FieldsetComponent.displayName = "BolioUIFieldset";
+var Fieldset = _chunkMAICNLTYjs.with_scale_default.call(void 0, FieldsetComponent);
+var Fieldset_default = Fieldset;
+
+// core/Fieldset/FieldsetGroup.tsx
+
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Fieldset/FieldsetGroup.module.css.bolio-css-module-source
+var FieldsetGroup_module_css_default = { "groupTabs": "FieldsetGroup-module_groupTabs__p2Txr", "groupContent": "FieldsetGroup-module_groupContent__WavmJ", "button": "FieldsetGroup-module_button__kXAoU", "active": "FieldsetGroup-module_active__tJFHM" };
+
+// core/Fieldset/FieldsetGroup.tsx
+
+function FieldsetGroupComponent({
+  className = "",
+  children,
+  value,
+  onChange,
+  style,
+  ...props
+}) {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const [selfVal, setSelfVal] = _react.useState.call(void 0, value);
+  const [items, setItems, ref] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, []);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "group", className);
+  const register = _react.useCallback.call(void 0, 
+    (newItem) => {
+      const hasItem = ref.current.find((item) => item.value === newItem.value);
+      if (hasItem) {
+        _chunkAXYDJGTNjs.log_warning_default.call(void 0, 'The "value" of each "Fieldset" must be unique.', "Fieldset");
+      }
+      setItems([...ref.current, newItem]);
+    },
+    [ref, setItems]
+  );
+  const providerValue = _react.useMemo.call(void 0, 
+    () => ({
+      currentValue: selfVal,
+      inGroup: true,
+      register
+    }),
+    [selfVal, register]
+  );
+  const clickHandle = _react.useCallback.call(void 0, 
+    (nextValue) => {
+      setSelfVal(nextValue);
+      if (onChange) onChange(nextValue);
+    },
+    [onChange]
+  );
+  const groupStyle = {
+    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)}`,
+    "--fieldset-group-color": theme.palette.accents_3,
+    "--fieldset-group-bg": theme.palette.accents_1,
+    "--fieldset-group-border": theme.palette.border,
+    "--fieldset-group-radius": theme.layout.radius,
+    "--fieldset-group-active-bg": theme.palette.background,
+    "--fieldset-group-active-color": theme.palette.foreground,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetContext.Provider, { value: providerValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classes, ...props, style: groupStyle, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FieldsetGroup_module_css_default.groupTabs, style: { fontSize: SCALES.font(1) }, children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        onClick: () => clickHandle(item.value),
+        className: _chunk5KUROAEPjs.joinClasses.call(void 0, FieldsetGroup_module_css_default.button, {
+          [FieldsetGroup_module_css_default.active]: selfVal === item.value
+        }),
+        children: item.label
+      },
+      item.value
+    )) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FieldsetGroup_module_css_default.groupContent, children })
+  ] }) });
+}
+FieldsetGroupComponent.displayName = "BolioUIFieldsetGroup";
+var FieldsetGroup = _chunkMAICNLTYjs.with_scale_default.call(void 0, FieldsetGroupComponent);
+var FieldsetGroup_default = FieldsetGroup;
+
+// core/Fieldset/index.ts
+Fieldset_default.Title = FieldsetTitle_default;
+Fieldset_default.Subtitle = FieldsetSubtitle_default;
+Fieldset_default.Footer = FieldsetFooter_default;
+Fieldset_default.Group = FieldsetGroup_default;
+Fieldset_default.Content = FieldsetContent_default;
+Fieldset_default.Body = FieldsetContent_default;
+var Fieldset_default2 = Fieldset_default;
+
+
+
+exports.Fieldset_default = Fieldset_default2;

package/dist/{chunk-QUMM6MGX.js → chunk-X5PGXMVQ.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVCTKX4ASjs = require('./chunk-VCTKX4AS.js');
+var _chunkSZIX7BM5js = require('./chunk-SZIX7BM5.js');
 
 // core/Themes/index.ts
-var Themes_default2 = _chunkVCTKX4ASjs.Themes_default;
+var Themes_default2 = _chunkSZIX7BM5js.Themes_default;
 
 
 

package/dist/chunk-XC33TGGT.js

@@ -0,0 +1,110 @@
+"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/Tag/Tag.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Tag/Tag.module.css.bolio-css-module-source
+var Tag_module_css_default = { "tag": "Tag-module_tag__gmGAL" };
+
+// core/Tag/Tag.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var getColors = (type, palette, {
+  invert,
+  light,
+  subtle
+}) => {
+  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+    const variant = subtle ? "subtle" : light ? "light" : invert ? "filled" : "outline";
+    const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, variant);
+    return { color, bgColor: bg, borderColor: border };
+  }
+  const colors = {
+    default: {
+      color: palette.foreground
+    },
+    dark: {
+      color: palette.background,
+      bgColor: palette.foreground
+    },
+    lite: {
+      color: palette.foreground,
+      bgColor: palette.accents_2
+    }
+  };
+  const hideBorder = invert || type === "lite";
+  const key = type;
+  const cardStyle = {
+    ...colors[key],
+    bgColor: colors[key].bgColor || palette.background,
+    borderColor: hideBorder ? "transparent" : colors[key].color
+  };
+  return !invert ? cardStyle : {
+    ...cardStyle,
+    color: cardStyle.bgColor,
+    bgColor: cardStyle.color
+  };
+};
+var TagComponent = _react2.default.forwardRef(
+  ({
+    type = "default",
+    children,
+    className = "",
+    invert = false,
+    light = false,
+    subtle = false,
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const { color, bgColor, borderColor } = _react.useMemo.call(void 0, 
+      () => getColors(type, theme.palette, { invert, light, subtle }),
+      [type, theme.palette, invert, light, subtle]
+    );
+    const tagStyle = {
+      border: `1px solid ${borderColor}`,
+      backgroundColor: bgColor,
+      color,
+      borderRadius: SCALES.height(0.3125),
+      fontSize: SCALES.font(0.875),
+      width: SCALES.width(1, "auto"),
+      height: SCALES.height(1.75),
+      padding: `${SCALES.pt(0.375)} ${SCALES.pr(0.375)} ${SCALES.pb(0.375)} ${SCALES.pl(0.375)}`,
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        ref,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Tag_module_css_default.tag, className),
+        ...props,
+        style: tagStyle,
+        children
+      }
+    );
+  }
+);
+TagComponent.displayName = "BolioUITag";
+var Tag = _chunkMAICNLTYjs.with_scale_default.call(void 0, TagComponent);
+var Tag_default = Tag;
+
+// core/Tag/index.ts
+var Tag_default2 = Tag_default;
+
+
+
+exports.Tag_default = Tag_default2;