@bolio-ui/core 3.0.4 → 3.1.0

package/dist/{chunk-IIKZQZXS.js → chunk-IUXV23IN.js}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+
+
 var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
 
 
@@ -80,11 +83,16 @@ var RadioComponent = _react2.default.forwardRef(
     disabled = false,
     type = "default",
     value: radioValue,
+    error = false,
+    errorMessage,
     children,
     ...props
   }, ref) => {
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const generatedId = _react.useId.call(void 0, );
+    const errorId = `${props.id || generatedId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
     const [selfChecked, setSelfChecked] = _react.useState.call(void 0, !!checked);
     const {
       value: groupValue,
@@ -112,8 +120,8 @@ var RadioComponent = _react2.default.forwardRef(
       setSelfChecked(groupValue === radioValue);
     }, [inGroup, groupValue, radioValue]);
     const color = _react.useMemo.call(void 0, 
-      () => getColor(theme.palette, type),
-      [theme.palette, type]
+      () => getColor(theme.palette, error ? "error" : type),
+      [theme.palette, type, error]
     );
     const isDisabled = _react.useMemo.call(void 0, 
       () => disabled || disabledAll,
@@ -152,39 +160,44 @@ var RadioComponent = _react2.default.forwardRef(
       "--radio-hover-border": isDisabled ? void 0 : "var(--radio-color)",
       "--radio-bg": isDisabled ? theme.palette.accents_1 : theme.palette.background
     };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "radio", Radio_module_css_default.radio, className),
-        style: radioStyle,
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: Radio_module_css_default.label, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "input",
-            {
-              ref,
-              type: "radio",
-              value: radioValue,
-              checked: selfChecked,
-              onChange: changeHandler,
-              ...props,
-              className: Radio_module_css_default.input
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: Radio_module_css_default.name, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "radio", Radio_module_css_default.radio, className),
+          style: radioStyle,
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: Radio_module_css_default.label, children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "span",
+              "input",
               {
-                className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Radio_module_css_default.point, {
-                  [Radio_module_css_default.active]: selfChecked
-                })
+                ref,
+                type: "radio",
+                value: radioValue,
+                checked: selfChecked,
+                onChange: changeHandler,
+                ...props,
+                "aria-invalid": error || void 0,
+                "aria-describedby": describedBy,
+                className: Radio_module_css_default.input
               }
             ),
-            withoutDescChildren
-          ] }),
-          DescChildren && DescChildren
-        ] })
-      }
-    );
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: Radio_module_css_default.name, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Radio_module_css_default.point, {
+                    [Radio_module_css_default.active]: selfChecked
+                  })
+                }
+              ),
+              withoutDescChildren
+            ] }),
+            DescChildren && DescChildren
+          ] })
+        }
+      ),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+    ] });
   }
 );
 RadioComponent.displayName = "BolioUIRadio";
@@ -207,10 +220,13 @@ function RadioGroupComponent({
   className = "",
   initialValue,
   useRow = false,
+  error = false,
+  errorMessage,
   style,
   ...props
 }) {
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const errorId = `${_react.useId.call(void 0, )}-error`;
   const [selfVal, setSelfVal] = _react.useState.call(void 0, 
     initialValue
   );
@@ -244,15 +260,20 @@ function RadioGroupComponent({
     "--radio-group-margin-left": useRow ? SCALES.font(1) : 0,
     ...style
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioContext.Provider, { value: providerValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, RadioGroup_module_css_default.radioGroup, className),
-      ...props,
-      style: groupStyle,
-      children
-    }
-  ) });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, RadioContext.Provider, { value: providerValue, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, RadioGroup_module_css_default.radioGroup, className),
+        "aria-invalid": error || void 0,
+        "aria-describedby": error && errorMessage ? errorId : void 0,
+        ...props,
+        style: groupStyle,
+        children
+      }
+    ),
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+  ] });
 }
 RadioGroupComponent.displayName = "BolioUIRadioGroup";
 var RadioGroup = _chunkMAICNLTYjs.with_scale_default.call(void 0, RadioGroupComponent);

package/dist/chunk-J3VM74M7.js

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-focus-trap/use-focus-trap.ts
+var _react = require('react');
+var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+var useFocusTrap = (active = true) => {
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    var _a;
+    const node = ref.current;
+    if (!active || !node) return;
+    const items = () => Array.from(node.querySelectorAll(FOCUSABLE));
+    (_a = items()[0]) == null ? void 0 : _a.focus();
+    const onKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      const list = items();
+      if (!list.length) return;
+      const first = list[0];
+      const last = list[list.length - 1];
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    node.addEventListener("keydown", onKeyDown);
+    return () => node.removeEventListener("keydown", onKeyDown);
+  }, [active]);
+  return ref;
+};
+var use_focus_trap_default = useFocusTrap;
+
+// core/use-focus-trap/index.ts
+var use_focus_trap_default2 = use_focus_trap_default;
+
+
+
+exports.use_focus_trap_default = use_focus_trap_default2;

package/dist/{chunk-REWKR7S3.js → chunk-J63S6JCT.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTWIOSRRPjs = require('./chunk-TWIOSRRP.js');
+var _chunkQCPCIVDIjs = require('./chunk-QCPCIVDI.js');
 
 
 var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
@@ -38,7 +38,7 @@ var ImageZoom = _react2.default.forwardRef(
           className: _chunk5KUROAEPjs.use_classes_default.call(void 0, ImageZoom_module_css_default.trigger, className),
           "aria-haspopup": "dialog",
           onClick: () => setOpen(true),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTWIOSRRPjs.Image_default, { src, alt, ...imageProps })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQCPCIVDIjs.Image_default, { src, alt, ...imageProps })
         }
       ),
       open && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 

package/dist/chunk-JAYM3NQ5.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-logger/use-logger.ts
+var _react = require('react');
+var useLogger = (componentName, props) => {
+  const mounted = _react.useRef.call(void 0, false);
+  const latest = _react.useRef.call(void 0, props);
+  latest.current = props;
+  _react.useEffect.call(void 0, () => {
+    console.log(`${componentName} mounted`, ...latest.current);
+    return () => {
+      console.log(`${componentName} unmounted`);
+    };
+  }, [componentName]);
+  _react.useEffect.call(void 0, () => {
+    if (mounted.current) {
+      console.log(`${componentName} updated`, ...props);
+    }
+    mounted.current = true;
+  }, props);
+};
+var use_logger_default = useLogger;
+
+// core/use-logger/index.ts
+var use_logger_default2 = use_logger_default;
+
+
+
+exports.use_logger_default = use_logger_default2;

package/dist/{chunk-YDYRM2KN.js → chunk-JF5YVNOO.js}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
 
 // core/use-modal/use-modal.ts
 var useModal = (initialVisible = false) => {
-  const [visible, setVisible, currentRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, initialVisible);
+  const [visible, setVisible, currentRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, initialVisible);
   return {
     visible,
     setVisible,

package/dist/chunk-JIN7XD6G.js

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-hash/use-hash.ts
+var _react = require('react');
+var useHash = () => {
+  const [hash, setHashState] = _react.useState.call(void 0, "");
+  _react.useEffect.call(void 0, () => {
+    const update = () => setHashState(window.location.hash);
+    update();
+    window.addEventListener("hashchange", update);
+    return () => window.removeEventListener("hashchange", update);
+  }, []);
+  const setHash = _react.useCallback.call(void 0, (value) => {
+    window.location.hash = value;
+  }, []);
+  return [hash, setHash];
+};
+var use_hash_default = useHash;
+
+// core/use-hash/index.ts
+var use_hash_default2 = use_hash_default;
+
+
+
+exports.use_hash_default = use_hash_default2;

package/dist/{chunk-56NE4QGR.js → chunk-JWEQIAAP.js}

@@ -1,10 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTWIOSRRPjs = require('./chunk-TWIOSRRP.js');
+var _chunkQCPCIVDIjs = require('./chunk-QCPCIVDI.js');
 
 
+var _chunkYTIXCWZOjs = require('./chunk-YTIXCWZO.js');
 
-var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+
+
+
+var _chunkQ4FDY7EJjs = require('./chunk-Q4FDY7EJ.js');
 
 
 
@@ -25,19 +29,23 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // core/Card/styles.ts
 var getStyles = (type, palette, { isShadow, filled, ghost, subtle } = {}) => {
-  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+  if (_chunkQ4FDY7EJjs.isSemanticColorType.call(void 0, type)) {
     if (subtle) {
-      const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "subtle");
+      const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, type, "subtle");
       return { color, bgColor: bg, borderColor: border };
     }
     if (ghost) {
-      const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "outline");
+      const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, type, "outline");
       return { color, bgColor: bg, borderColor: border };
     }
     if (filled) {
-      const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "filled");
+      const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, type, "filled");
       return { color, bgColor: bg, borderColor: border };
     }
+    if (_chunkQ4FDY7EJjs.isDarkPalette.call(void 0, palette)) {
+      const { bg, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, type, "light");
+      return { color, bgColor: bg, borderColor: "transparent" };
+    }
   }
   const colors = {
     default: {
@@ -212,7 +220,7 @@ var CardComponent = _react2.default.forwardRef(
     );
     const [withoutImageChildren, imageChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, 
       withoutFooterChildren,
-      _chunkTWIOSRRPjs.Image_default
+      _chunkQCPCIVDIjs.Image_default
     );
     const hasContent = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutImageChildren, CardContent_default);
     const cardStyle = {
@@ -243,6 +251,7 @@ var CardComponent = _react2.default.forwardRef(
           className
         ),
         tabIndex: interactive ? 0 : void 0,
+        onKeyDown: interactive ? _chunkYTIXCWZOjs.activateOnKey : void 0,
         onMouseMove: (event) => {
           if (spotlight) {
             const rect = event.currentTarget.getBoundingClientRect();

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-6ASDJ72V.js → chunk-KST3JX4L.js}

@@ -8,19 +8,19 @@ 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');
 
 
-var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
+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,
@@ -186,8 +186,8 @@ var toast_container_module_css_default = { "toasts": "toast-container-module_toa
 
 var ToastContainer = () => {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
-  const portal = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "toast");
-  const [, setHovering, hoveringRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, false);
+  const portal = _chunkS5PYSYVRjs.use_portal_default.call(void 0, "toast");
+  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;