@bolio-ui/core 3.0.5 → 3.1.0

package/dist/{chunk-M4EFMVFG.js → chunk-2P43LMD6.js}

@@ -3,16 +3,22 @@
 var _chunkJFNYQSEZjs = require('./chunk-JFNYQSEZ.js');
 
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
 
 
 var _chunkROBEGHM5js = require('./chunk-ROBEGHM5.js');
 
 
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+
+
 var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
 
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
+
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
 
 
 var _chunkEUYSKHRSjs = require('./chunk-EUYSKHRS.js');
@@ -39,6 +45,7 @@ var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
 
 
 
+
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // core/Select/SelectIcon.tsx
@@ -73,6 +80,7 @@ var SelectIcon_default = SelectIcon;
 
 // core/Select/SelectContext.ts
 
+var getOptionId = (listId, value) => `${listId}-${encodeURIComponent(value)}`;
 var defaultContext = {
   visible: false,
   disableAll: false
@@ -93,12 +101,14 @@ var SelectDropdown = _react2.default.forwardRef(
     className = "",
     dropdownStyle = {},
     disableMatchWidth,
-    getPopupContainer
+    getPopupContainer,
+    ariaLabel,
+    ariaLabelledby
   }, dropdownRef) => {
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
     const surface = _chunkEUYSKHRSjs.getSurface.call(void 0, theme);
     const internalDropdownRef = _react.useRef.call(void 0, null);
-    const { ref } = useSelectContext();
+    const { ref, listId, multiple } = useSelectContext();
     const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, SelectDropdown_module_css_default.selectDropdown, className);
     _react.useImperativeHandle.call(void 0, 
       dropdownRef,
@@ -115,6 +125,11 @@ var SelectDropdown = _react2.default.forwardRef(
           "div",
           {
             ref: internalDropdownRef,
+            id: listId,
+            role: "listbox",
+            "aria-multiselectable": multiple || void 0,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
             className: classes,
             style: {
               "--select-dropdown-radius": theme.layout.radius,
@@ -142,7 +157,7 @@ var SelectIconClear_module_css_default = { "clearIcon": "SelectIconClear-module_
 
 // core/Select/SelectIconClear.tsx
 
-function SelectIconClear({ onClick }) {
+function SelectIconClear({ onClick, label = "Clear" }) {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const clickHandler = (event) => {
     event.preventDefault();
@@ -151,8 +166,10 @@ function SelectIconClear({ onClick }) {
     if (onClick) onClick(event);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
+    "button",
     {
+      type: "button",
+      "aria-label": label,
       onClick: clickHandler,
       className: _chunk5KUROAEPjs.joinClasses.call(void 0, "clear-icon", SelectIconClear_module_css_default.clearIcon),
       style: {
@@ -186,7 +203,7 @@ var SelectMultipleValue_module_css_default = { "item": "SelectMultipleValue-modu
 
 // core/Select/SelectMultipleValue.tsx
 
-function SelectMultipleValue({ disabled, onClear, children }) {
+function SelectMultipleValue({ disabled, onClear, label, children }) {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFNYQSEZjs.Grid_default, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -199,7 +216,7 @@ function SelectMultipleValue({ disabled, onClear, children }) {
       },
       children: [
         children,
-        !!onClear && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectIconClear_default, { onClick: onClear })
+        !!onClear && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectIconClear_default, { onClick: onClear, label })
       ]
     }
   ) });
@@ -232,7 +249,18 @@ var SelectInput_module_css_default = { "input": "SelectInput-module_input__xsgNv
 // core/Select/SelectInput.tsx
 
 var SelectInput = _react2.default.forwardRef(
-  ({ visible, onBlur, onFocus, ariaLabel, ariaLabelledby }, inputRef) => {
+  ({
+    visible,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    controls,
+    activeDescendant,
+    ariaLabel,
+    ariaLabelledby,
+    invalid,
+    describedBy
+  }, inputRef) => {
     const ref = _react.useRef.call(void 0, null);
     _react.useImperativeHandle.call(void 0, 
       inputRef,
@@ -253,9 +281,14 @@ var SelectInput = _react2.default.forwardRef(
         "aria-haspopup": "listbox",
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
+        "aria-invalid": invalid || void 0,
+        "aria-describedby": describedBy,
         readOnly: true,
         unselectable: "on",
         "aria-expanded": visible,
+        "aria-controls": visible ? controls : void 0,
+        "aria-activedescendant": visible ? activeDescendant : void 0,
+        onKeyDown,
         onBlur,
         onFocus,
         className: SelectInput_module_css_default.input
@@ -282,6 +315,8 @@ var SelectComponent = _react2.default.forwardRef(
     light = false,
     ghost = false,
     subtle = false,
+    error = false,
+    errorMessage,
     disabled = false,
     initialValue: init,
     value: customValue,
@@ -309,7 +344,10 @@ var SelectComponent = _react2.default.forwardRef(
     const dropdownRef = _react.useRef.call(void 0, null);
     const [visible, setVisible] = _react.useState.call(void 0, false);
     const [selectFocus, setSelectFocus] = _react.useState.call(void 0, false);
-    const [value, setValue, valueRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, () => {
+    const [activeValue, setActiveValue] = _react.useState.call(void 0, );
+    const listId = _react.useId.call(void 0, );
+    const errorId = `${listId}-error`;
+    const [value, setValue, valueRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, () => {
       if (!multiple) return init;
       if (Array.isArray(init)) return init;
       return typeof init === "undefined" ? [] : [init];
@@ -319,20 +357,49 @@ var SelectComponent = _react2.default.forwardRef(
       return value.length === 0;
     }, [value]);
     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 enabledOptions = _react.useMemo.call(void 0, 
+      () => _react2.default.Children.toArray(children).flatMap((child) => {
+        if (!_react2.default.isValidElement(child))
+          return [];
+        const {
+          value: optionValue,
+          disabled: disabled2,
+          label,
+          divider,
+          children: content
+        } = child.props;
+        if (optionValue === void 0 || disabled2 || label || divider)
+          return [];
+        const text = typeof content === "string" || typeof content === "number" ? String(content) : optionValue;
+        return [{ value: optionValue, text: text.toLowerCase() }];
+      }),
+      [children]
+    );
+    const enabledValues = _react.useMemo.call(void 0, 
+      () => enabledOptions.map((option) => option.value),
+      [enabledOptions]
+    );
+    const latestEnabled = _chunkZRORQ2WHjs.use_latest_default.call(void 0, enabledValues);
     const updateVisible = _react.useCallback.call(void 0, 
       (next) => {
+        var _a, _b;
         onDropdownVisibleChange(next);
         setVisible(next);
+        if (!next) return setActiveValue(void 0);
+        const chosen = [].concat((_a = valueRef.current) != null ? _a : []);
+        setActiveValue(
+          (_b = chosen.find((item) => latestEnabled.current.includes(item))) != null ? _b : latestEnabled.current[0]
+        );
       },
-      [onDropdownVisibleChange]
+      [onDropdownVisibleChange, valueRef, latestEnabled]
     );
     const updateValue = _react.useCallback.call(void 0, 
       (next) => {
@@ -355,9 +422,22 @@ var SelectComponent = _react2.default.forwardRef(
         updateValue,
         updateVisible,
         ref,
-        disableAll: disabled
+        disableAll: disabled,
+        activeValue,
+        listId,
+        multiple
       }),
-      [visible, disabled, ref, value, updateValue, updateVisible]
+      [
+        visible,
+        disabled,
+        ref,
+        value,
+        updateValue,
+        updateVisible,
+        activeValue,
+        listId,
+        multiple
+      ]
     );
     const clickHandler = (event) => {
       event.stopPropagation();
@@ -397,24 +477,81 @@ var SelectComponent = _react2.default.forwardRef(
     const selectedChild = _react.useMemo.call(void 0, () => {
       const [, optionChildren] = _chunkUX2B3G6Ujs.pickChildByProps.call(void 0, children, "value", value);
       return _react2.default.Children.map(optionChildren, (child) => {
-        if (!_react2.default.isValidElement(
-          child
-        ))
+        if (!_react2.default.isValidElement(child))
           return null;
         const el = _react2.default.cloneElement(child, {
           preventAllEvents: true
         });
         if (!multiple) return el;
+        const content = child.props.children;
+        const name = typeof content === "string" || typeof content === "number" ? String(content) : child.props.value;
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           SelectMultipleValue_default,
           {
             disabled,
+            label: `Remove ${name}`,
             onClear: clearable ? () => updateValue(child.props.value) : null,
             children: el
           }
         );
       });
     }, [value, children, multiple, clearable, disabled, updateValue]);
+    const typed = _react.useRef.call(void 0, "");
+    const typedTimer = _react.useRef.call(void 0, 
+      void 0
+    );
+    _react.useEffect.call(void 0, () => () => clearTimeout(typedTimer.current), []);
+    const keyDownHandler = (event) => {
+      if (disabled) return;
+      const { key } = event;
+      if (key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey && (key !== " " || typed.current)) {
+        event.preventDefault();
+        typed.current += key.toLowerCase();
+        clearTimeout(typedTimer.current);
+        typedTimer.current = setTimeout(() => typed.current = "", 500);
+        const from = activeValue === void 0 ? -1 : enabledValues.indexOf(activeValue);
+        const start = typed.current.length === 1 ? from + 1 : Math.max(from, 0);
+        const found = [
+          ...enabledOptions.slice(start),
+          ...enabledOptions.slice(0, start)
+        ].find((option) => option.text.startsWith(typed.current));
+        if (!found) return;
+        if (!visible) updateVisible(true);
+        setActiveValue(found.value);
+        return;
+      }
+      const options = enabledValues;
+      const move = (to) => {
+        event.preventDefault();
+        if (options.length)
+          setActiveValue(options[Math.min(options.length - 1, Math.max(0, to))]);
+      };
+      const current = activeValue === void 0 ? -1 : options.indexOf(activeValue);
+      if (key === "ArrowDown" || key === "ArrowUp") {
+        if (!visible) {
+          event.preventDefault();
+          return updateVisible(true);
+        }
+        if (key === "ArrowDown") move(current + 1);
+        else move(current < 0 ? options.length - 1 : current - 1);
+      } else if (key === "Home" && visible) {
+        move(0);
+      } else if (key === "End" && visible) {
+        move(options.length - 1);
+      } else if (key === "Enter" || key === " ") {
+        event.preventDefault();
+        if (!visible) updateVisible(true);
+        else if (activeValue !== void 0) updateValue(activeValue);
+      } else if (key === "Escape" && visible) {
+        event.preventDefault();
+        updateVisible(false);
+      }
+    };
+    _react.useEffect.call(void 0, () => {
+      var _a, _b;
+      if (activeValue === void 0) return;
+      (_b = (_a = document.getElementById(getOptionId(listId, activeValue))) == null ? void 0 : _a.scrollIntoView) == null ? void 0 : _b.call(_a, { block: "nearest" });
+    }, [activeValue, listId]);
     const onInputBlur = () => {
       updateVisible(false);
       setSelectFocus(false);
@@ -455,47 +592,57 @@ var SelectComponent = _react2.default.forwardRef(
       "--select-icon-rotate": visible ? "180deg" : "0deg",
       ...style
     };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContext.Provider, { value: initialValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: classes,
-        ref,
-        onClick: clickHandler,
-        onMouseDown: mouseDownHandler,
-        ...props,
-        style: selectStyle,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            SelectInput_default,
-            {
-              ref: inputRef,
-              ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0),
-              ariaLabelledby,
-              visible,
-              onBlur: onInputBlur,
-              onFocus: () => setSelectFocus(true)
-            }
-          ),
-          isEmpty && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk5KUROAEPjs.joinClasses.call(void 0, Select_module_css_default.value, Select_module_css_default.placeholder), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ellipsis_default, { height: "var(--select-height)", children: placeholder }) }),
-          value && !multiple && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Select_module_css_default.value, children: selectedChild }),
-          value && multiple && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFNYQSEZjs.Grid_default.Container, { gap: 0.5, children: selectedChild }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            SelectDropdown_default,
-            {
-              ref: dropdownRef,
-              visible,
-              colors,
-              className: dropdownClassName,
-              dropdownStyle,
-              disableMatchWidth,
-              getPopupContainer,
-              children
-            }
-          ),
-          !pure && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Select_module_css_default.icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, {}) })
-        ]
-      }
-    ) });
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SelectContext.Provider, { value: initialValue, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: classes,
+          ref,
+          onClick: clickHandler,
+          onMouseDown: mouseDownHandler,
+          ...props,
+          style: selectStyle,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              SelectInput_default,
+              {
+                ref: inputRef,
+                ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0),
+                ariaLabelledby,
+                invalid: error,
+                describedBy: error && errorMessage ? errorId : void 0,
+                visible,
+                onBlur: onInputBlur,
+                onFocus: () => setSelectFocus(true),
+                onKeyDown: keyDownHandler,
+                controls: listId,
+                activeDescendant: activeValue === void 0 ? void 0 : getOptionId(listId, activeValue)
+              }
+            ),
+            isEmpty && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk5KUROAEPjs.joinClasses.call(void 0, Select_module_css_default.value, Select_module_css_default.placeholder), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ellipsis_default, { height: "var(--select-height)", children: placeholder }) }),
+            value && !multiple && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Select_module_css_default.value, children: selectedChild }),
+            value && multiple && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFNYQSEZjs.Grid_default.Container, { gap: 0.5, children: selectedChild }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              SelectDropdown_default,
+              {
+                ref: dropdownRef,
+                visible,
+                ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0),
+                ariaLabelledby,
+                colors,
+                className: dropdownClassName,
+                dropdownStyle,
+                disableMatchWidth,
+                getPopupContainer,
+                children
+              }
+            ),
+            !pure && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Select_module_css_default.icon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, {}) })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+    ] });
   }
 );
 SelectComponent.displayName = "BolioUISelect";
@@ -506,7 +653,7 @@ var Select_default = Select;
 
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Select/SelectOption.module.css.bolio-css-module-source
-var SelectOption_module_css_default = { "option": "SelectOption-module_option__NAlFp", "label": "SelectOption-module_label__NtVM7", "divider": "SelectOption-module_divider__mmqJj", "disabled": "SelectOption-module_disabled__cDMWS", "selected": "SelectOption-module_selected__HOwTO" };
+var SelectOption_module_css_default = { "option": "SelectOption-module_option__NAlFp", "active": "SelectOption-module_active__vxHSF", "label": "SelectOption-module_label__NtVM7", "divider": "SelectOption-module_divider__mmqJj", "disabled": "SelectOption-module_disabled__cDMWS", "selected": "SelectOption-module_selected__HOwTO" };
 
 // core/Select/SelectOption.tsx
 
@@ -522,7 +669,7 @@ function SelectOptionComponent({
   ...props
 }) {
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-  const { updateValue, value, disableAll } = useSelectContext();
+  const { updateValue, value, disableAll, activeValue, listId } = useSelectContext();
   const isDisabled = _react.useMemo.call(void 0, 
     () => disabled || disableAll,
     [disabled, disableAll]
@@ -544,6 +691,7 @@ function SelectOptionComponent({
       [SelectOption_module_css_default.divider]: divider,
       [SelectOption_module_css_default.label]: label,
       [SelectOption_module_css_default.selected]: selected,
+      [SelectOption_module_css_default.active]: !preventAllEvents && !isLabel && activeValue === identValue,
       [SelectOption_module_css_default.disabled]: isDisabled
     },
     className
@@ -584,6 +732,10 @@ function SelectOptionComponent({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
+      role: preventAllEvents ? void 0 : isLabel ? "presentation" : "option",
+      id: preventAllEvents || isLabel ? void 0 : getOptionId(listId, identValue),
+      "aria-selected": preventAllEvents || isLabel ? void 0 : selected,
+      "aria-disabled": isDisabled && !isLabel ? true : void 0,
       className: classes,
       onClick: clickHandler,
       style: optionStyle,

package/dist/{chunk-ICACLCJR.js → chunk-37WTJMKT.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');
 
 
 
@@ -57,7 +57,7 @@ var DatePickerComponent = _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, {
       filled,
       light,
       ghost,

package/dist/chunk-3AAVWE5W.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-scroll-into-view/use-scroll-into-view.ts
+var _react = require('react');
+var ease = (t) => t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+var useScrollIntoView = ({
+  duration = 800,
+  offset = 0
+} = {}) => {
+  const targetRef = _react.useRef.call(void 0, null);
+  const scrollableRef = _react.useRef.call(void 0, null);
+  const frame = _react.useRef.call(void 0, 0);
+  const cancel = _react.useCallback.call(void 0, () => cancelAnimationFrame(frame.current), []);
+  const scrollIntoView = _react.useCallback.call(void 0, () => {
+    const target = targetRef.current;
+    if (!target) return;
+    cancel();
+    const container = scrollableRef.current;
+    const start = container ? container.scrollTop : window.scrollY;
+    const targetTop = target.getBoundingClientRect().top;
+    const containerTop = container ? container.getBoundingClientRect().top : 0;
+    const distance = targetTop - containerTop - offset;
+    const startTime = performance.now();
+    const step = (now) => {
+      const progress = Math.min((now - startTime) / duration, 1);
+      const value = start + distance * ease(progress);
+      if (container) container.scrollTop = value;
+      else window.scrollTo({ top: value });
+      if (progress < 1) frame.current = requestAnimationFrame(step);
+    };
+    frame.current = requestAnimationFrame(step);
+  }, [duration, offset, cancel]);
+  _react.useEffect.call(void 0, () => cancel, [cancel]);
+  return { targetRef, scrollableRef, scrollIntoView, cancel };
+};
+var use_scroll_into_view_default = useScrollIntoView;
+
+// core/use-scroll-into-view/index.ts
+var use_scroll_into_view_default2 = use_scroll_into_view_default;
+
+
+
+exports.use_scroll_into_view_default = use_scroll_into_view_default2;

package/dist/chunk-3BAUHI6F.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-page-leave/use-page-leave.ts
+var _react = require('react');
+var usePageLeave = (onPageLeave) => {
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, onPageLeave);
+  _react.useEffect.call(void 0, () => {
+    const handler = () => latest.current();
+    document.documentElement.addEventListener("mouseleave", handler);
+    return () => document.documentElement.removeEventListener("mouseleave", handler);
+  }, [latest]);
+};
+var use_page_leave_default = usePageLeave;
+
+// core/use-page-leave/index.ts
+var use_page_leave_default2 = use_page_leave_default;
+
+
+
+exports.use_page_leave_default = use_page_leave_default2;

package/dist/chunk-3LVOPXHK.js

@@ -0,0 +1,62 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-floating-window/use-floating-window.ts
+var _react = require('react');
+var useFloatingWindow = ({
+  initialPosition = { x: 16, y: 16 }
+} = {}) => {
+  const ref = _react.useRef.call(void 0, null);
+  const handleRef = _react.useRef.call(void 0, null);
+  const [position, setPosition] = _react.useState.call(void 0, initialPosition);
+  const [dragging, setDragging] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const handle = handleRef.current;
+    const node = ref.current;
+    if (!handle || !node) return;
+    let offset = { x: 0, y: 0 };
+    const down = (event) => {
+      var _a;
+      const rect = node.getBoundingClientRect();
+      offset = { x: event.clientX - rect.left, y: event.clientY - rect.top };
+      (_a = handle.setPointerCapture) == null ? void 0 : _a.call(handle, event.pointerId);
+      setDragging(true);
+    };
+    const move = (event) => {
+      var _a;
+      if (!((_a = handle.hasPointerCapture) == null ? void 0 : _a.call(handle, event.pointerId))) return;
+      const maxX = window.innerWidth - node.offsetWidth;
+      const maxY = window.innerHeight - node.offsetHeight;
+      setPosition({
+        x: Math.min(Math.max(event.clientX - offset.x, 0), Math.max(maxX, 0)),
+        y: Math.min(Math.max(event.clientY - offset.y, 0), Math.max(maxY, 0))
+      });
+    };
+    const up = (event) => {
+      var _a;
+      (_a = handle.releasePointerCapture) == null ? void 0 : _a.call(handle, event.pointerId);
+      setDragging(false);
+    };
+    handle.addEventListener("pointerdown", down);
+    handle.addEventListener("pointermove", move);
+    handle.addEventListener("pointerup", up);
+    handle.addEventListener("pointercancel", up);
+    return () => {
+      handle.removeEventListener("pointerdown", down);
+      handle.removeEventListener("pointermove", move);
+      handle.removeEventListener("pointerup", up);
+      handle.removeEventListener("pointercancel", up);
+    };
+  }, []);
+  return {
+    ref,
+    handleRef,
+    dragging,
+    style: { position: "fixed", left: position.x, top: position.y }
+  };
+};
+var use_floating_window_default = useFloatingWindow;
+
+// core/use-floating-window/index.ts
+var use_floating_window_default2 = use_floating_window_default;
+
+
+
+exports.use_floating_window_default = use_floating_window_default2;

package/dist/{chunk-PG6T7LDC.js → chunk-3NHGML7P.js}

@@ -7,7 +7,7 @@ var _chunkC3PVEUSCjs = require('./chunk-C3PVEUSC.js');
 
 
 
-var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+var _chunkQ4FDY7EJjs = require('./chunk-Q4FDY7EJ.js');
 
 
 
@@ -24,17 +24,17 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // core/Snippet/styles.ts
 var getStyles = (type, palette, { fill, light, 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, border, bgColor: bg };
     }
     if (light) {
-      const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, type, "light");
+      const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, type, "light");
       return { color, border, bgColor: bg };
     }
     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, border, bgColor: bg };
     }
   }
@@ -219,8 +219,10 @@ var SnippetComponent = _react2.default.forwardRef(
         children: [
           isMultiLine ? text.map((t, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { children: t }, `snippet-${index}-${t}`)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { ref: preRef, children: children || text }),
           showCopyIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
+            "button",
             {
+              type: "button",
+              "aria-label": "Copy",
               className: Snippet_module_css_default.copy,
               onClick: clickHandler,
               style: {

package/dist/chunk-3YUXMLBC.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkDZHZXUIIjs = require('./chunk-DZHZXUII.js');
+
+// core/use-color-scheme/use-color-scheme.ts
+var useColorScheme = () => _chunkDZHZXUIIjs.use_match_media_default.call(void 0, "(prefers-color-scheme: dark)") ? "dark" : "light";
+var use_color_scheme_default = useColorScheme;
+
+// core/use-color-scheme/index.ts
+var use_color_scheme_default2 = use_color_scheme_default;
+
+
+
+exports.use_color_scheme_default = use_color_scheme_default2;