@bolio-ui/core 3.0.5 → 3.1.0

package/dist/{chunk-BXEBNLJ4.js → chunk-JYC2SUOV.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
 
 
 var _chunkEUYSKHRSjs = require('./chunk-EUYSKHRS.js');
@@ -58,7 +58,7 @@ var MentionComponent = _react2.default.forwardRef(
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
     const surface = _chunkEUYSKHRSjs.getSurface.call(void 0, theme);
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {});
+    const colors = _chunkCCKWTHUTjs.getColors.call(void 0, theme.palette, type, disabled, {});
     const baseId = _react.useId.call(void 0, );
     const listId = `${baseId}-list`;
     const optionId = (index) => `${baseId}-option-${index}`;

package/dist/{chunk-26KDVRFS.js → chunk-KBRWFODC.js}

@@ -1,7 +1,7 @@
 "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 _chunkQ4FDY7EJjs = require('./chunk-Q4FDY7EJ.js');
 
 
 
@@ -26,9 +26,9 @@ var getStatusColor = (type, {
   light,
   subtle
 }, theme) => {
-  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+  if (_chunkQ4FDY7EJjs.isSemanticColorType.call(void 0, type)) {
     const variant = subtle ? "subtle" : light ? "light" : filled ? "filled" : "outline";
-    const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, theme.palette, type, variant);
+    const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, theme.palette, type, variant);
     return { color, borderColor: border, bgColor: bg };
   }
   const neutral = theme.palette.accents_6;

package/dist/chunk-KCIOF5MR.js

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkSELOBD66js = require('./chunk-SELOBD66.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+// core/Mark/Mark.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Mark/Mark.module.css.bolio-css-module-source
+var Mark_module_css_default = { "mark": "Mark-module_mark__MnjwZ" };
+
+// core/Mark/Mark.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var escapeRegExp = (term) => term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var MarkComponent = _react2.default.forwardRef(
+  ({ children = "", highlight = "", className = "", style, ...props }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const parts = _react.useMemo.call(void 0, () => {
+      const terms = [].concat(highlight).filter(Boolean);
+      if (!terms.length) return [children];
+      const pattern = terms.sort((a, b) => b.length - a.length).map(escapeRegExp).join("|");
+      return children.split(new RegExp(`(${pattern})`, "i"));
+    }, [children, highlight]);
+    const markStyle = {
+      fontSize: SCALES.font(1),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--mark-bg": _chunkSELOBD66js.addColorAlpha.call(void 0, theme.palette.warning, 0.4),
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className, ...props, style: markStyle, children: parts.map(
+      (part, index) => index % 2 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "mark", { className: Mark_module_css_default.mark, children: part }, index) : part
+    ) });
+  }
+);
+MarkComponent.displayName = "BolioUIMark";
+var Mark = _chunkMAICNLTYjs.with_scale_default.call(void 0, MarkComponent);
+var Mark_default = Mark;
+
+// core/Mark/index.ts
+var Mark_default2 = Mark_default;
+
+
+
+exports.Mark_default = Mark_default2;

package/dist/{chunk-NSXQR57Q.js → chunk-KST3JX4L.js}

@@ -8,7 +8,7 @@ var _chunk5HRVN7L7js = require('./chunk-5HRVN7L7.js');
 var _chunkA3BIV2QMjs = require('./chunk-A3BIV2QM.js');
 
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
 
 
 var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
@@ -20,7 +20,7 @@ var _chunkS5PYSYVRjs = require('./chunk-S5PYSYVR.js');
 var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
 
 
-var _chunkTPZUTHTQjs = require('./chunk-TPZUTHTQ.js');
+var _chunkQ2K4VARRjs = require('./chunk-Q2K4VARR.js');
 
 
 var _chunkEUYSKHRSjs = require('./chunk-EUYSKHRS.js');
@@ -79,7 +79,7 @@ var makeToastActions = (actions, cancelHandle) => {
   };
   if (!actions || !actions.length) return null;
   return actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTPZUTHTQjs.Button_default,
+    _chunkQ2K4VARRjs.Button_default,
     {
       auto: true,
       scale: 1 / 3,
@@ -187,7 +187,7 @@ var toast_container_module_css_default = { "toasts": "toast-container-module_toa
 var ToastContainer = () => {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const portal = _chunkS5PYSYVRjs.use_portal_default.call(void 0, "toast");
-  const [, setHovering, hoveringRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, false);
+  const [, setHovering, hoveringRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, false);
   const { toasts, updateToasts, toastLayout, lastUpdateToastId } = _chunkA3BIV2QMjs.useBolioUIContext.call(void 0, );
   const memoizedLayout = _react.useMemo.call(void 0, () => toastLayout, [toastLayout]);
   const toastElements = _react.useMemo.call(void 0, 
@@ -295,8 +295,8 @@ var BolioUIProvider = ({
   children
 }) => {
   const [lastUpdateToastId, setLastUpdateToastId] = _react.useState.call(void 0, null);
-  const [toasts, setToasts, toastsRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, []);
-  const [toastLayout, setToastLayout, toastLayoutRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, _chunkA3BIV2QMjs.defaultToastLayout);
+  const [toasts, setToasts, toastsRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, []);
+  const [toastLayout, setToastLayout, toastLayoutRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, _chunkA3BIV2QMjs.defaultToastLayout);
   const updateToasts = _react.useCallback.call(void 0, 
     (fn) => {
       const nextToasts = fn(toastsRef.current);

package/dist/{chunk-CGS2MT3G.js → chunk-LCK3IKX5.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk26KDVRFSjs = require('./chunk-26KDVRFS.js');
+var _chunkKBRWFODCjs = require('./chunk-KBRWFODC.js');
 
 // core/Note/index.ts
-var Note_default2 = _chunk26KDVRFSjs.Note_default;
+var Note_default2 = _chunkKBRWFODCjs.Note_default;
 
 
 

package/dist/{chunk-RD4CEB5S.js → chunk-LMPKWTBN.js}

@@ -1,7 +1,7 @@
 "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 _chunkQ4FDY7EJjs = require('./chunk-Q4FDY7EJ.js');
 
 
 
@@ -25,9 +25,9 @@ var Badge_module_css_default = { "badge": "Badge-module_badge__QIF6A", "dot": "B
 // core/Badge/Badge.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var getColors = (type, palette, { ghost, light, subtle }) => {
-  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+  if (_chunkQ4FDY7EJjs.isSemanticColorType.call(void 0, type)) {
     const variant = subtle ? "subtle" : light ? "light" : ghost ? "outline" : "filled";
-    return _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, variant);
+    return _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, type, variant);
   }
   return {
     bg: palette.accents_2,

package/dist/chunk-LV6MJHIM.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkC3PVEUSCjs = require('./chunk-C3PVEUSC.js');
+
+// core/CopyButton/CopyButton.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CopyButton = ({
+  value,
+  timeout = 1e3,
+  children
+}) => {
+  const { copy: copyText } = _chunkC3PVEUSCjs.use_clipboard_default.call(void 0, );
+  const [copied, setCopied] = _react.useState.call(void 0, false);
+  const timer = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => () => clearTimeout(timer.current), []);
+  const copy = _react.useCallback.call(void 0, () => {
+    copyText(value);
+    setCopied(true);
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => setCopied(false), timeout);
+  }, [copyText, value, timeout]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: children({ copied, copy }) });
+};
+CopyButton.displayName = "BolioUICopyButton";
+var CopyButton_default = CopyButton;
+
+// core/CopyButton/index.ts
+var CopyButton_default2 = CopyButton_default;
+
+
+
+exports.CopyButton_default = CopyButton_default2;

package/dist/chunk-LWP3PTKW.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-focus-within/use-focus-within.ts
+var _react = require('react');
+var useFocusWithin = (options = {}) => {
+  const ref = _react.useRef.call(void 0, null);
+  const [focused, setFocused] = _react.useState.call(void 0, false);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, options);
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    const focusin = (event) => {
+      var _a, _b;
+      setFocused(true);
+      (_b = (_a = latest.current).onFocus) == null ? void 0 : _b.call(_a, event);
+    };
+    const focusout = (event) => {
+      var _a, _b;
+      if (node.contains(event.relatedTarget)) return;
+      setFocused(false);
+      (_b = (_a = latest.current).onBlur) == null ? void 0 : _b.call(_a, event);
+    };
+    node.addEventListener("focusin", focusin);
+    node.addEventListener("focusout", focusout);
+    return () => {
+      node.removeEventListener("focusin", focusin);
+      node.removeEventListener("focusout", focusout);
+    };
+  }, [latest]);
+  return { ref, focused };
+};
+var use_focus_within_default = useFocusWithin;
+
+// core/use-focus-within/index.ts
+var use_focus_within_default2 = use_focus_within_default;
+
+
+
+exports.use_focus_within_default = use_focus_within_default2;

package/dist/chunk-M5YHX2BJ.js

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-radial-move/use-radial-move.ts
+var _react = require('react');
+var useRadialMove = (onChange, { step = 1, onChangeEnd } = {}) => {
+  const ref = _react.useRef.call(void 0, null);
+  const [active, setActive] = _react.useState.call(void 0, false);
+  const callbacks = _chunkZRORQ2WHjs.use_latest_default.call(void 0, { onChange, onChangeEnd });
+  const last = _react.useRef.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    const update = (event) => {
+      const rect = node.getBoundingClientRect();
+      const x = event.clientX - (rect.left + rect.width / 2);
+      const y = event.clientY - (rect.top + rect.height / 2);
+      const degrees = (Math.atan2(x, -y) * 180 / Math.PI + 360) % 360;
+      last.current = Math.round(degrees / step) * step % 360;
+      callbacks.current.onChange(last.current);
+    };
+    const down = (event) => {
+      var _a;
+      (_a = node.setPointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setActive(true);
+      update(event);
+    };
+    const move = (event) => {
+      var _a;
+      if ((_a = node.hasPointerCapture) == null ? void 0 : _a.call(node, event.pointerId)) update(event);
+    };
+    const up = (event) => {
+      var _a, _b, _c;
+      (_a = node.releasePointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setActive(false);
+      (_c = (_b = callbacks.current).onChangeEnd) == null ? void 0 : _c.call(_b, last.current);
+    };
+    node.addEventListener("pointerdown", down);
+    node.addEventListener("pointermove", move);
+    node.addEventListener("pointerup", up);
+    node.addEventListener("pointercancel", up);
+    return () => {
+      node.removeEventListener("pointerdown", down);
+      node.removeEventListener("pointermove", move);
+      node.removeEventListener("pointerup", up);
+      node.removeEventListener("pointercancel", up);
+    };
+  }, [step, callbacks]);
+  return { ref, active };
+};
+var use_radial_move_default = useRadialMove;
+
+// core/use-radial-move/index.ts
+var use_radial_move_default2 = use_radial_move_default;
+
+
+
+exports.use_radial_move_default = use_radial_move_default2;

package/dist/chunk-MFC6RKLT.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-interval/use-interval.ts
+var _react = require('react');
+var useInterval = (fn, interval, { autoInvoke = false } = {}) => {
+  const [active, setActive] = _react.useState.call(void 0, false);
+  const timer = _react.useRef.call(void 0, null);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, fn);
+  const stop = _react.useCallback.call(void 0, () => {
+    if (timer.current !== null) clearInterval(timer.current);
+    timer.current = null;
+    setActive(false);
+  }, []);
+  const start = _react.useCallback.call(void 0, () => {
+    if (timer.current !== null) return;
+    if (autoInvoke) latest.current();
+    timer.current = setInterval(() => latest.current(), interval);
+    setActive(true);
+  }, [interval, autoInvoke, latest]);
+  const toggle = _react.useCallback.call(void 0, 
+    () => timer.current !== null ? stop() : start(),
+    [start, stop]
+  );
+  _react.useEffect.call(void 0, 
+    () => () => {
+      if (timer.current !== null) clearInterval(timer.current);
+    },
+    []
+  );
+  return { start, stop, toggle, active };
+};
+var use_interval_default = useInterval;
+
+// core/use-interval/index.ts
+var use_interval_default2 = use_interval_default;
+
+
+
+exports.use_interval_default = use_interval_default2;

package/dist/chunk-MNUYKWKF.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5L34MDJFjs = require('./chunk-5L34MDJF.js');
+
+// core/use-element-size/use-element-size.ts
+var useElementSize = () => {
+  const [ref, { width, height }] = _chunk5L34MDJFjs.use_resize_observer_default.call(void 0, );
+  return { ref, width, height };
+};
+var use_element_size_default = useElementSize;
+
+// core/use-element-size/index.ts
+var use_element_size_default2 = use_element_size_default;
+
+
+
+exports.use_element_size_default = use_element_size_default2;

package/dist/chunk-MPQMRC77.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-is-first-render/use-is-first-render.ts
+var _react = require('react');
+var useIsFirstRender = () => {
+  const first = _react.useRef.call(void 0, true);
+  if (first.current) {
+    first.current = false;
+    return true;
+  }
+  return first.current;
+};
+var use_is_first_render_default = useIsFirstRender;
+
+// core/use-is-first-render/index.ts
+var use_is_first_render_default2 = use_is_first_render_default;
+
+
+
+exports.use_is_first_render_default = use_is_first_render_default2;

package/dist/{chunk-IO52KTWP.js → chunk-MSHPNPSW.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkF6VL2XENjs = require('./chunk-F6VL2XEN.js');
+var _chunkVZNIINQPjs = require('./chunk-VZNIINQP.js');
 
 
 var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
@@ -24,10 +24,12 @@ var ContextMenuComponent = _react2.default.forwardRef(
     className = "",
     children,
     onContextMenu,
+    onKeyDown,
     ...props
   }, ref) => {
     const [point, setPoint] = _react.useState.call(void 0, null);
     const area = _react.useRef.call(void 0, null);
+    const opener = _react.useRef.call(void 0, null);
     const setRefs = (element) => {
       area.current = element;
       if (typeof ref === "function") ref(element);
@@ -41,8 +43,20 @@ var ContextMenuComponent = _react2.default.forwardRef(
       if (onContextMenu) onContextMenu(event);
       if (disabled || event.defaultPrevented) return;
       event.preventDefault();
+      opener.current = null;
       change(true, { x: event.clientX, y: event.clientY });
     };
+    const keyDownHandler = (event) => {
+      if (onKeyDown) onKeyDown(event);
+      if (disabled || event.defaultPrevented) return;
+      if (event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10"))
+        return;
+      event.preventDefault();
+      const target = event.target;
+      const rect = target.getBoundingClientRect();
+      opener.current = target;
+      change(true, { x: rect.left, y: rect.bottom });
+    };
     const open = point !== null;
     _react.useEffect.call(void 0, () => {
       if (!open) return;
@@ -60,11 +74,12 @@ var ContextMenuComponent = _react2.default.forwardRef(
         className: _chunk5KUROAEPjs.use_classes_default.call(void 0, ContextMenu_module_css_default.area, className),
         ...props,
         onContextMenu: contextMenuHandler,
+        onKeyDown: keyDownHandler,
         children: [
           children,
           point && // a new point opens a new menu, so it is placed there
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkF6VL2XENjs.Menu_default,
+            _chunkVZNIINQPjs.Menu_default,
             {
               visible: true,
               onVisibleChange: (visible) => change(visible),
@@ -83,8 +98,8 @@ var ContextMenuComponent = _react2.default.forwardRef(
                   "aria-hidden": "true",
                   className: ContextMenu_module_css_default.trigger,
                   onFocus: () => {
-                    var _a;
-                    return (_a = area.current) == null ? void 0 : _a.focus();
+                    var _a, _b;
+                    return (_b = (_a = opener.current) != null ? _a : area.current) == null ? void 0 : _b.focus();
                   }
                 }
               ),

package/dist/chunk-MVCROFQ6.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-focus-return/use-focus-return.ts
+var _react = require('react');
+var useFocusReturn = ({
+  opened,
+  shouldReturnFocus = true
+}) => {
+  const last = _react.useRef.call(void 0, null);
+  const returnFocus = _react.useCallback.call(void 0, () => {
+    if (last.current && typeof last.current.focus === "function") {
+      last.current.focus({ preventScroll: true });
+    }
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (opened) {
+      last.current = document.activeElement;
+      return;
+    }
+    if (shouldReturnFocus) returnFocus();
+  }, [opened, shouldReturnFocus, returnFocus]);
+  return returnFocus;
+};
+var use_focus_return_default = useFocusReturn;
+
+// core/use-focus-return/index.ts
+var use_focus_return_default2 = use_focus_return_default;
+
+
+
+exports.use_focus_return_default = use_focus_return_default2;

package/dist/chunk-N5NXRA7T.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-collapse/use-collapse.ts
+var _react = require('react');
+var closed = { height: 0, overflow: "hidden" };
+var useCollapse = ({
+  opened,
+  duration = 200
+}) => {
+  const ref = _react.useRef.call(void 0, null);
+  const first = _react.useRef.call(void 0, true);
+  const [style, setStyle] = _react.useState.call(void 0, opened ? {} : closed);
+  _react.useEffect.call(void 0, () => {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    const node = ref.current;
+    if (!node) return;
+    const height = node.scrollHeight;
+    const transition = `height ${duration}ms ease`;
+    let frame = 0;
+    setStyle({ height: opened ? 0 : height, overflow: "hidden" });
+    frame = requestAnimationFrame(
+      () => setStyle({ height: opened ? height : 0, overflow: "hidden", transition })
+    );
+    return () => cancelAnimationFrame(frame);
+  }, [opened, duration]);
+  return {
+    ref,
+    style,
+    onTransitionEnd: () => {
+      if (opened) setStyle({});
+    }
+  };
+};
+var use_collapse_default = useCollapse;
+
+// core/use-collapse/index.ts
+var use_collapse_default2 = use_collapse_default;
+
+
+
+exports.use_collapse_default = use_collapse_default2;

package/dist/{chunk-WXW7BYE7.js → chunk-NO6C6BYN.js}

@@ -3,7 +3,7 @@
 var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
 
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
 
 
 
@@ -224,7 +224,7 @@ function FieldsetGroupComponent({
   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 [items, setItems, ref] = _chunkE4LPRAZ6js.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) => {

package/dist/{chunk-ISLUC2SD.js → chunk-NTNFTNRA.js}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
+
+
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
 
 
 
@@ -19,6 +22,7 @@ var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
 
 
 
+
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Textarea/Textarea.module.css.bolio-css-module-source
@@ -44,6 +48,8 @@ var TextareaComponent = _react2.default.forwardRef(
     light = false,
     ghost = false,
     subtle = false,
+    error = false,
+    errorMessage,
     ...props
   }, ref) => {
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
@@ -53,14 +59,17 @@ var TextareaComponent = _react2.default.forwardRef(
     const isControlledComponent = _react.useMemo.call(void 0, () => value !== void 0, [value]);
     const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
     const [hover, setHover] = _react.useState.call(void 0, false);
+    const generatedId = _react.useId.call(void 0, );
+    const errorId = `${props.id || generatedId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
     const colors = _react.useMemo.call(void 0, 
-      () => _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+      () => _chunkCCKWTHUTjs.getColors.call(void 0, theme.palette, error ? "error" : type, disabled, {
         filled,
         light,
         ghost,
         subtle
       }),
-      [theme.palette, type, disabled, filled, light, ghost, subtle]
+      [theme.palette, type, error, disabled, filled, light, ghost, subtle]
     );
     const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
       Textarea_module_css_default.wrapper,
@@ -108,24 +117,29 @@ var TextareaComponent = _react2.default.forwardRef(
       height: SCALES.height(1, "auto"),
       margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`
     };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "textarea",
-      {
-        ref: textareaRef,
-        disabled,
-        placeholder,
-        readOnly,
-        onFocus: focusHandler,
-        onBlur: blurHandler,
-        onChange: changeHandler,
-        ...textareaProps,
-        className: Textarea_module_css_default.textarea,
-        style: {
-          padding: `${SCALES.pt(0.5)} ${SCALES.pr(0.5)} ${SCALES.pb(0.5)} ${SCALES.pl(0.5)}`,
-          ...textareaProps.style
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "textarea",
+        {
+          ref: textareaRef,
+          disabled,
+          placeholder,
+          readOnly,
+          onFocus: focusHandler,
+          onBlur: blurHandler,
+          onChange: changeHandler,
+          ...textareaProps,
+          "aria-invalid": error || void 0,
+          "aria-describedby": describedBy,
+          className: Textarea_module_css_default.textarea,
+          style: {
+            padding: `${SCALES.pt(0.5)} ${SCALES.pr(0.5)} ${SCALES.pb(0.5)} ${SCALES.pl(0.5)}`,
+            ...textareaProps.style
+          }
         }
-      }
-    ) });
+      ) }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+    ] });
   }
 );
 TextareaComponent.displayName = "BolioUITextarea";

package/dist/chunk-O37I27KZ.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-event-listener/use-event-listener.ts
+var _react = require('react');
+var useEventListener = (type, listener, options) => {
+  const ref = _react.useRef.call(void 0, null);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, listener);
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    const handler = (event) => latest.current(event);
+    node.addEventListener(type, handler, options);
+    return () => node.removeEventListener(type, handler, options);
+  }, [type, options, latest]);
+  return ref;
+};
+var use_event_listener_default = useEventListener;
+
+// core/use-event-listener/index.ts
+var use_event_listener_default2 = use_event_listener_default;
+
+
+
+exports.use_event_listener_default = use_event_listener_default2;