@bolio-ui/core 3.0.5 → 3.1.0

package/dist/chunk-FDKTLB4T.js

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-pagination/use-pagination.ts
+var _react = require('react');
+var range = (start, end) => Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);
+var usePagination = ({
+  total,
+  page,
+  initialPage = 1,
+  siblings = 1,
+  boundaries = 1,
+  onChange
+}) => {
+  const pages = Math.max(Math.trunc(total), 0);
+  const [inner, setInner] = _react.useState.call(void 0, initialPage);
+  const active = page != null ? page : inner;
+  const setPage = _react.useCallback.call(void 0, 
+    (value) => {
+      const next = Math.min(Math.max(value, 1), pages);
+      setInner(next);
+      if (next !== active) onChange == null ? void 0 : onChange(next);
+    },
+    [pages, active, onChange]
+  );
+  const paginationRange = () => {
+    if (siblings * 2 + 3 + boundaries * 2 >= pages) return range(1, pages);
+    const left = Math.max(active - siblings, boundaries);
+    const right = Math.min(active + siblings, pages - boundaries);
+    const dotsLeft = left > boundaries + 2;
+    const dotsRight = right < pages - (boundaries + 1);
+    if (!dotsLeft && dotsRight) {
+      return [
+        ...range(1, siblings * 2 + boundaries + 2),
+        "dots",
+        ...range(pages - (boundaries - 1), pages)
+      ];
+    }
+    if (dotsLeft && !dotsRight) {
+      return [
+        ...range(1, boundaries),
+        "dots",
+        ...range(pages - (boundaries + 1 + 2 * siblings), pages)
+      ];
+    }
+    return [
+      ...range(1, boundaries),
+      "dots",
+      ...range(left, right),
+      "dots",
+      ...range(pages - boundaries + 1, pages)
+    ];
+  };
+  return {
+    range: paginationRange(),
+    active,
+    setPage,
+    next: () => setPage(active + 1),
+    previous: () => setPage(active - 1),
+    first: () => setPage(1),
+    last: () => setPage(pages)
+  };
+};
+var use_pagination_default = usePagination;
+
+// core/use-pagination/index.ts
+var use_pagination_default2 = use_pagination_default;
+
+
+
+exports.use_pagination_default = use_pagination_default2;

package/dist/chunk-FFYWCFPP.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-eye-dropper/use-eye-dropper.ts
+var _react = require('react');
+var useEyeDropper = () => {
+  const [supported, setSupported] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setSupported("EyeDropper" in window);
+  }, []);
+  const open = _react.useCallback.call(void 0, 
+    async (options) => {
+      if (!supported) return void 0;
+      const Api = window.EyeDropper;
+      return new Api().open(options);
+    },
+    [supported]
+  );
+  return { supported, open };
+};
+var use_eye_dropper_default = useEyeDropper;
+
+// core/use-eye-dropper/index.ts
+var use_eye_dropper_default2 = use_eye_dropper_default;
+
+
+
+exports.use_eye_dropper_default = use_eye_dropper_default2;

package/dist/chunk-FQGOZ2IF.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkDZHZXUIIjs = require('./chunk-DZHZXUII.js');
+
+// core/use-reduced-motion/use-reduced-motion.ts
+var useReducedMotion = () => _chunkDZHZXUIIjs.use_match_media_default.call(void 0, "(prefers-reduced-motion: reduce)");
+var use_reduced_motion_default = useReducedMotion;
+
+// core/use-reduced-motion/index.ts
+var use_reduced_motion_default2 = use_reduced_motion_default;
+
+
+
+exports.use_reduced_motion_default = use_reduced_motion_default2;

package/dist/chunk-FU73QPTY.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-merged-ref/use-merged-ref.ts
+var _react = require('react');
+var assignRef = (ref, value) => {
+  if (typeof ref === "function") ref(value);
+  else if (ref) ref.current = value;
+};
+var mergeRefs = (...refs) => (node) => {
+  refs.forEach((ref) => assignRef(ref, node));
+};
+var useMergedRef = (...refs) => (
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  _react.useCallback.call(void 0, mergeRefs(...refs), refs)
+);
+var use_merged_ref_default = useMergedRef;
+
+// core/use-merged-ref/index.ts
+var use_merged_ref_default2 = use_merged_ref_default;
+
+
+
+
+exports.mergeRefs = mergeRefs; exports.use_merged_ref_default = use_merged_ref_default2;

package/dist/{chunk-WFGUAR7K.js → chunk-FX6BSJJZ.js}

@@ -6,7 +6,7 @@ var _chunkHKOESPKZjs = require('./chunk-HKOESPKZ.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');
@@ -149,7 +149,7 @@ var CollapseComponent = _react2.default.forwardRef(
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
     const { values, updateValues } = useCollapseContext();
-    const [selfVisible, setVisible, visibleRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, initialVisible);
+    const [selfVisible, setVisible, visibleRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, initialVisible);
     const isControlled = controlledVisible !== void 0;
     const visible = isControlled ? controlledVisible : selfVisible;
     const baseId = _react.useId.call(void 0, );
@@ -271,7 +271,7 @@ function CollapseGroupComponent({
   ...props
 }) {
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-  const [state, setState, stateRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, []);
+  const [state, setState, stateRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, []);
   const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, CollapseGroup_module_css_default.collapseGroup, className);
   const updateValues = _react.useCallback.call(void 0, 
     (currentIndex, nextState) => {

package/dist/chunk-FZEN4BUH.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-force-update/use-force-update.ts
+var _react = require('react');
+var useForceUpdate = () => {
+  const [, forceUpdate] = _react.useReducer.call(void 0, (tick) => tick + 1, 0);
+  return forceUpdate;
+};
+var use_force_update_default = useForceUpdate;
+
+// core/use-force-update/index.ts
+var use_force_update_default2 = use_force_update_default;
+
+
+
+exports.use_force_update_default = use_force_update_default2;

package/dist/{chunk-O3RTRCY5.js → chunk-GUILS62W.js}

@@ -1,8 +1,4 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-body-scroll/use-body-scroll.ts
-
-
-
-
 var _react = require('react');
 var defaultOptions = {
   scrollLayer: false,

package/dist/{chunk-5JLE7KAC.js → chunk-GWUE2IIS.js}

@@ -1,11 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCINBZSC5js = require('./chunk-CINBZSC5.js');
+var _chunkVXXNERDYjs = require('./chunk-VXXNERDY.js');
 
 
 var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
 
 
+var _chunkYTIXCWZOjs = require('./chunk-YTIXCWZO.js');
+
+
 var _chunkBSDZWWUSjs = require('./chunk-BSDZWWUS.js');
 
 
@@ -92,7 +95,7 @@ var PopoverComponent = _react2.default.forwardRef((popoverProps, ref) => {
     latestChange.current(customVisible);
   }, [customVisible, latestChange]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCINBZSC5js.Tooltip_default,
+    _chunkVXXNERDYjs.Tooltip_default,
     {
       ref,
       initialVisible: false,
@@ -166,6 +169,7 @@ function PopoverItemComponent({
       {
         className: classes,
         onClick: clickHandler,
+        ...hasHandler && !line && !title ? { role: "button", tabIndex: 0, onKeyDown: _chunkYTIXCWZOjs.activateOnKey } : {},
         ...props,
         style: { ...itemStyle, ...style },
         children

package/dist/chunk-HUK4C3ZR.js

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-headroom/use-headroom.ts
+var _react = require('react');
+var useHeadroom = ({
+  fixedAt = 10,
+  onPin,
+  onFix,
+  onRelease
+} = {}) => {
+  const [pinned, setPinned] = _react.useState.call(void 0, true);
+  const callbacks = _chunkZRORQ2WHjs.use_latest_default.call(void 0, { onPin, onFix, onRelease });
+  _react.useEffect.call(void 0, () => {
+    let previous = window.scrollY;
+    const update = () => {
+      var _a, _b, _c, _d, _e, _f;
+      const current = window.scrollY;
+      if (current <= fixedAt) {
+        setPinned(true);
+        (_b = (_a = callbacks.current).onFix) == null ? void 0 : _b.call(_a);
+      } else if (current < previous) {
+        setPinned(true);
+        (_d = (_c = callbacks.current).onPin) == null ? void 0 : _d.call(_c);
+      } else if (current > previous) {
+        setPinned(false);
+        (_f = (_e = callbacks.current).onRelease) == null ? void 0 : _f.call(_e);
+      }
+      previous = current;
+    };
+    window.addEventListener("scroll", update, { passive: true });
+    return () => window.removeEventListener("scroll", update);
+  }, [fixedAt, callbacks]);
+  return pinned;
+};
+var use_headroom_default = useHeadroom;
+
+// core/use-headroom/index.ts
+var use_headroom_default2 = use_headroom_default;
+
+
+
+exports.use_headroom_default = use_headroom_default2;

package/dist/chunk-IP4EY3F3.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5F7SJI6Tjs = require('./chunk-5F7SJI6T.js');
+
+// core/use-in-viewport/use-in-viewport.ts
+var useInViewport = () => {
+  const { ref, entry } = _chunk5F7SJI6Tjs.use_intersection_default.call(void 0, );
+  return { ref, inViewport: Boolean(entry == null ? void 0 : entry.isIntersecting) };
+};
+var use_in_viewport_default = useInViewport;
+
+// core/use-in-viewport/index.ts
+var use_in_viewport_default2 = use_in_viewport_default;
+
+
+
+exports.use_in_viewport_default = use_in_viewport_default2;

package/dist/chunk-ITDDH7VF.js

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-disclosure/use-disclosure.ts
+var _react = require('react');
+var useDisclosure = (initialState = false, options = {}) => {
+  const [opened, setOpened] = _react.useState.call(void 0, initialState);
+  const openedRef = _chunkZRORQ2WHjs.use_latest_default.call(void 0, opened);
+  const optionsRef = _chunkZRORQ2WHjs.use_latest_default.call(void 0, options);
+  const open = _react.useCallback.call(void 0, () => {
+    var _a, _b;
+    if (openedRef.current) return;
+    setOpened(true);
+    (_b = (_a = optionsRef.current).onOpen) == null ? void 0 : _b.call(_a);
+  }, [openedRef, optionsRef]);
+  const close = _react.useCallback.call(void 0, () => {
+    var _a, _b;
+    if (!openedRef.current) return;
+    setOpened(false);
+    (_b = (_a = optionsRef.current).onClose) == null ? void 0 : _b.call(_a);
+  }, [openedRef, optionsRef]);
+  const toggle = _react.useCallback.call(void 0, () => {
+    if (openedRef.current) close();
+    else open();
+  }, [openedRef, open, close]);
+  const handlers = _react.useMemo.call(void 0, 
+    () => ({ open, close, toggle }),
+    [open, close, toggle]
+  );
+  return [opened, handlers];
+};
+var use_disclosure_default = useDisclosure;
+
+// core/use-disclosure/index.ts
+var use_disclosure_default2 = use_disclosure_default;
+
+
+
+exports.use_disclosure_default = use_disclosure_default2;

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();