@redis-ui/components 47.4.0 → 47.5.1

package/dist/node_modules/@tanstack/store/dist/store.js

@@ -0,0 +1,25 @@
+import { createAtom, toObserver } from "./atom.js";
+//#region ../../node_modules/@tanstack/store/dist/store.js
+var Store = class {
+	constructor(valueOrFn, actionsFactory) {
+		this.atom = createAtom(valueOrFn);
+		this.get = this.get.bind(this);
+		this.setState = this.setState.bind(this);
+		this.subscribe = this.subscribe.bind(this);
+		if (actionsFactory) this.actions = actionsFactory(this);
+	}
+	setState(updater) {
+		this.atom.set(updater);
+	}
+	get state() {
+		return this.atom.get();
+	}
+	get() {
+		return this.state;
+	}
+	subscribe(observerOrFn) {
+		return this.atom.subscribe(toObserver(observerOrFn));
+	}
+};
+//#endregion
+export { Store };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redis-ui/components",
   "license": "UNLICENSED",
-  "version": "47.4.0",
+  "version": "47.5.1",
   "type": "module",
   "sideEffects": false,
   "repository": "git@github.com:redislabsdev/redis-ui.git",
@@ -29,7 +29,7 @@
     "test": "vitest"
   },
   "peerDependencies": {
-    "@redis-ui/icons": "^8.0.0",
+    "@redis-ui/icons": "^8.0.0 || ^9.0.0",
     "@redis-ui/styles": "^16.4.1",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -55,8 +55,8 @@
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "@react-hook/resize-observer": "^2.0.2",
+    "@tanstack/react-hotkeys": "^0.10.0",
     "react-children-utilities": "2.9.0",
-    "react-hotkeys-hook": "^4.6.1",
     "react-loading-skeleton": "^3.5.0",
     "react-toastify": "10.0.4",
     "type-fest": "^5.4.4",

package/skills/redis-ui-components/SKILL.md

@@ -21,7 +21,7 @@ or `style.width`/`height` for custom sizing. See the [Icons](./references/Icons.
 
 ```tsx
 import { EditIcon, DeleteIcon, iconVariants, type IconVariant } from '@redis-ui/icons';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 ```
 
 ## Key Patterns

package/skills/redis-ui-components/references/Icons.md

@@ -7,7 +7,7 @@ Icon set published in `@redis-ui/icons`. Two flavors are available:
 
 ```tsx
 import { StarsIcon, EditIcon, DeleteIcon } from '@redis-ui/icons';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 ```
 
 Type and variant exports:
@@ -52,10 +52,10 @@ their colors are baked in.
 
 ```tsx
 import { StarsIcon } from '@redis-ui/icons';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 
 <StarsIcon size="XL" variant="success" />
-<RedisIcon />
+<RedisLogoDarkMinIcon />
 ```
 
 ### Sizes and Variants

package/skills/redis-ui-components/references/SideBar.md

@@ -158,14 +158,14 @@ This slot inherits `TypographyBodyProps` except `children` and renders footer te
 ```tsx
 import { SideBar } from '@redis-ui/components';
 import { ShardIcon } from '@redis-ui/icons';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 import { useArgState } from '../../helpers/useArgState';
 
 const [expanded, onToggle] = useArgState({ arg: true, getNewState: (arg) => !arg });
 
 <SideBar isExpanded={expanded}>
   <SideBar.Header onToggle={onToggle}>
-    <SideBar.SideBarLogo logoIcon={RedisIcon} />
+    <SideBar.SideBarLogo logoIcon={RedisLogoDarkMinIcon} />
   </SideBar.Header>
   <SideBar.Item tooltipProps={{ text: 'tooltip' }}>
     <SideBar.Item.Icon icon={ShardIcon} />
@@ -187,7 +187,7 @@ const [expanded, onToggle] = useArgState({ arg: true, getNewState: (arg) => !arg
 import { SideBar } from '@redis-ui/components';
 import { PlusIcon } from '@redis-ui/icons';
 import { useState } from 'react';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 import { items } from './SideBar.data';
 
 const [expanded, setExpanded] = useState(true);
@@ -195,7 +195,7 @@ const [activeLink, setActiveLink] = useState(items.top[0].content);
 
 <SideBar isExpanded={expanded} style={{ maxHeight: '55rem', height: 'calc(100vh - 2rem)' }}>
   <SideBar.Header onToggle={() => setExpanded(!expanded)}>
-    <SideBar.SideBarLogo logoIcon={RedisIcon} />
+    <SideBar.SideBarLogo logoIcon={RedisLogoDarkMinIcon} />
   </SideBar.Header>
   <SideBar.ScrollContainer>
     <SideBar.ItemsContainer>
@@ -277,7 +277,7 @@ const [activeLink, setActiveLink] = useState(items.top[0].content);
 import { SideBar } from '@redis-ui/components';
 import { PlusIcon } from '@redis-ui/icons';
 import { useState } from 'react';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 import { groups } from './SideBar.data';
 
 const [expanded, setExpanded] = useState(true);
@@ -289,7 +289,7 @@ const [activeLink, setActiveLink] = useState(groups[0].items[0].content);
   expandedWidth="35rem"
 >
   <SideBar.Header onToggle={() => setExpanded(!expanded)}>
-    <SideBar.SideBarLogo logoIcon={RedisIcon} />
+    <SideBar.SideBarLogo logoIcon={RedisLogoDarkMinIcon} />
   </SideBar.Header>
   <SideBar.ScrollContainer>
     {groups.map((group, groupIdx) => (
@@ -340,7 +340,7 @@ const [activeLink, setActiveLink] = useState(groups[0].items[0].content);
 ```tsx
 import { SideBar } from '@redis-ui/components';
 import { useState } from 'react';
-import { RedisIcon } from '@redis-ui/icons/multicolor';
+import { RedisLogoDarkMinIcon } from '@redis-ui/icons/multicolor';
 import { StoryHList } from '../../helpers/Story.style';
 
 const [expanded, setExpanded] = useState(true);
@@ -348,7 +348,7 @@ const [expanded, setExpanded] = useState(true);
 const content = (
   <>
     <SideBar.Header onToggle={() => setExpanded((val) => !val)}>
-      <SideBar.SideBarLogo logoIcon={RedisIcon} />
+      <SideBar.SideBarLogo logoIcon={RedisLogoDarkMinIcon} />
     </SideBar.Header>
     <SideBar.Footer>
       <SideBar.Footer.MetaData>

package/dist/node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.cjs

@@ -1,289 +0,0 @@
-require("../../../_virtual/_rolldown/runtime.cjs");
-require("react/jsx-runtime");
-let react = require("react");
-//#region ../../node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.js
-function _extends() {
-	return _extends = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends.apply(null, arguments);
-}
-var reservedModifierKeywords = [
-	"shift",
-	"alt",
-	"meta",
-	"mod",
-	"ctrl"
-];
-var mappedKeys = {
-	esc: "escape",
-	"return": "enter",
-	".": "period",
-	",": "comma",
-	"-": "slash",
-	" ": "space",
-	"`": "backquote",
-	"#": "backslash",
-	"+": "bracketright",
-	ShiftLeft: "shift",
-	ShiftRight: "shift",
-	AltLeft: "alt",
-	AltRight: "alt",
-	MetaLeft: "meta",
-	MetaRight: "meta",
-	OSLeft: "meta",
-	OSRight: "meta",
-	ControlLeft: "ctrl",
-	ControlRight: "ctrl"
-};
-function mapKey(key) {
-	return (key && mappedKeys[key] || key || "").trim().toLowerCase().replace(/key|digit|numpad|arrow/, "");
-}
-function isHotkeyModifier(key) {
-	return reservedModifierKeywords.includes(key);
-}
-function parseKeysHookInput(keys, splitKey) {
-	if (splitKey === void 0) splitKey = ",";
-	return keys.split(splitKey);
-}
-function parseHotkey(hotkey, combinationKey, description) {
-	if (combinationKey === void 0) combinationKey = "+";
-	var keys = hotkey.toLocaleLowerCase().split(combinationKey).map(function(k) {
-		return mapKey(k);
-	});
-	var modifiers = {
-		alt: keys.includes("alt"),
-		ctrl: keys.includes("ctrl") || keys.includes("control"),
-		shift: keys.includes("shift"),
-		meta: keys.includes("meta"),
-		mod: keys.includes("mod")
-	};
-	var singleCharKeys = keys.filter(function(k) {
-		return !reservedModifierKeywords.includes(k);
-	});
-	return _extends({}, modifiers, {
-		keys: singleCharKeys,
-		description,
-		hotkey
-	});
-}
-(function() {
-	if (typeof document !== "undefined") {
-		document.addEventListener("keydown", function(e) {
-			if (e.key === void 0) return;
-			pushToCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);
-		});
-		document.addEventListener("keyup", function(e) {
-			if (e.key === void 0) return;
-			removeFromCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);
-		});
-	}
-	if (typeof window !== "undefined") window.addEventListener("blur", function() {
-		currentlyPressedKeys.clear();
-	});
-})();
-var currentlyPressedKeys = /* @__PURE__ */ new Set();
-function isReadonlyArray(value) {
-	return Array.isArray(value);
-}
-function isHotkeyPressed(key, splitKey) {
-	if (splitKey === void 0) splitKey = ",";
-	return (isReadonlyArray(key) ? key : key.split(splitKey)).every(function(hotkey) {
-		return currentlyPressedKeys.has(hotkey.trim().toLowerCase());
-	});
-}
-function pushToCurrentlyPressedKeys(key) {
-	var hotkeyArray = Array.isArray(key) ? key : [key];
-	if (currentlyPressedKeys.has("meta")) currentlyPressedKeys.forEach(function(key) {
-		return !isHotkeyModifier(key) && currentlyPressedKeys["delete"](key.toLowerCase());
-	});
-	hotkeyArray.forEach(function(hotkey) {
-		return currentlyPressedKeys.add(hotkey.toLowerCase());
-	});
-}
-function removeFromCurrentlyPressedKeys(key) {
-	var hotkeyArray = Array.isArray(key) ? key : [key];
-	if (key === "meta") currentlyPressedKeys.clear();
-	else hotkeyArray.forEach(function(hotkey) {
-		return currentlyPressedKeys["delete"](hotkey.toLowerCase());
-	});
-}
-function maybePreventDefault(e, hotkey, preventDefault) {
-	if (typeof preventDefault === "function" && preventDefault(e, hotkey) || preventDefault === true) e.preventDefault();
-}
-function isHotkeyEnabled(e, hotkey, enabled) {
-	if (typeof enabled === "function") return enabled(e, hotkey);
-	return enabled === true || enabled === void 0;
-}
-function isKeyboardEventTriggeredByInput(ev) {
-	return isHotkeyEnabledOnTag(ev, [
-		"input",
-		"textarea",
-		"select"
-	]);
-}
-function isHotkeyEnabledOnTag(event, enabledOnTags) {
-	if (enabledOnTags === void 0) enabledOnTags = false;
-	var target = event.target, composed = event.composed;
-	var targetTagName = null;
-	if (isCustomElement(target) && composed) targetTagName = event.composedPath()[0] && event.composedPath()[0].tagName;
-	else targetTagName = target && target.tagName;
-	if (isReadonlyArray(enabledOnTags)) return Boolean(targetTagName && enabledOnTags && enabledOnTags.some(function(tag) {
-		var _targetTagName;
-		return tag.toLowerCase() === ((_targetTagName = targetTagName) == null ? void 0 : _targetTagName.toLowerCase());
-	}));
-	return Boolean(targetTagName && enabledOnTags && enabledOnTags);
-}
-function isCustomElement(element) {
-	return !!element.tagName && !element.tagName.startsWith("-") && element.tagName.includes("-");
-}
-function isScopeActive(activeScopes, scopes) {
-	if (activeScopes.length === 0 && scopes) {
-		console.warn("A hotkey has the \"scopes\" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>");
-		return true;
-	}
-	if (!scopes) return true;
-	return activeScopes.some(function(scope) {
-		return scopes.includes(scope);
-	}) || activeScopes.includes("*");
-}
-var isHotkeyMatchingKeyboardEvent = function isHotkeyMatchingKeyboardEvent(e, hotkey, ignoreModifiers) {
-	if (ignoreModifiers === void 0) ignoreModifiers = false;
-	var alt = hotkey.alt, meta = hotkey.meta, mod = hotkey.mod, shift = hotkey.shift, ctrl = hotkey.ctrl, keys = hotkey.keys;
-	var pressedKeyUppercase = e.key, code = e.code, ctrlKey = e.ctrlKey, metaKey = e.metaKey, shiftKey = e.shiftKey, altKey = e.altKey;
-	var keyCode = mapKey(code);
-	var pressedKey = pressedKeyUppercase.toLowerCase();
-	if (!(keys != null && keys.includes(keyCode)) && !(keys != null && keys.includes(pressedKey)) && ![
-		"ctrl",
-		"control",
-		"unknown",
-		"meta",
-		"alt",
-		"shift",
-		"os"
-	].includes(keyCode)) return false;
-	if (!ignoreModifiers) {
-		if (alt === !altKey && pressedKey !== "alt") return false;
-		if (shift === !shiftKey && pressedKey !== "shift") return false;
-		if (mod) {
-			if (!metaKey && !ctrlKey) return false;
-		} else {
-			if (meta === !metaKey && pressedKey !== "meta" && pressedKey !== "os") return false;
-			if (ctrl === !ctrlKey && pressedKey !== "ctrl" && pressedKey !== "control") return false;
-		}
-	}
-	if (keys && keys.length === 1 && (keys.includes(pressedKey) || keys.includes(keyCode))) return true;
-	else if (keys) return isHotkeyPressed(keys);
-	else if (!keys) return true;
-	return false;
-};
-var BoundHotkeysProxyProvider = /* @__PURE__ */ (0, react.createContext)(void 0);
-var useBoundHotkeysProxy = function useBoundHotkeysProxy() {
-	return (0, react.useContext)(BoundHotkeysProxyProvider);
-};
-function deepEqual(x, y) {
-	return x && y && typeof x === "object" && typeof y === "object" ? Object.keys(x).length === Object.keys(y).length && Object.keys(x).reduce(function(isEqual, key) {
-		return isEqual && deepEqual(x[key], y[key]);
-	}, true) : x === y;
-}
-var HotkeysContext = /* @__PURE__ */ (0, react.createContext)({
-	hotkeys: [],
-	enabledScopes: [],
-	toggleScope: function toggleScope() {},
-	enableScope: function enableScope() {},
-	disableScope: function disableScope() {}
-});
-var useHotkeysContext = function useHotkeysContext() {
-	return (0, react.useContext)(HotkeysContext);
-};
-function useDeepEqualMemo(value) {
-	var ref = (0, react.useRef)(void 0);
-	if (!deepEqual(ref.current, value)) ref.current = value;
-	return ref.current;
-}
-var stopPropagation = function stopPropagation(e) {
-	e.stopPropagation();
-	e.preventDefault();
-	e.stopImmediatePropagation();
-};
-var useSafeLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
-function useHotkeys(keys, callback, options, dependencies) {
-	var _useState = (0, react.useState)(null), ref = _useState[0], setRef = _useState[1];
-	var hasTriggeredRef = (0, react.useRef)(false);
-	var _options = !(options instanceof Array) ? options : !(dependencies instanceof Array) ? dependencies : void 0;
-	var _keys = isReadonlyArray(keys) ? keys.join(_options == null ? void 0 : _options.splitKey) : keys;
-	var _deps = options instanceof Array ? options : dependencies instanceof Array ? dependencies : void 0;
-	var memoisedCB = (0, react.useCallback)(callback, _deps != null ? _deps : []);
-	var cbRef = (0, react.useRef)(memoisedCB);
-	if (_deps) cbRef.current = memoisedCB;
-	else cbRef.current = callback;
-	var memoisedOptions = useDeepEqualMemo(_options);
-	var enabledScopes = useHotkeysContext().enabledScopes;
-	var proxy = useBoundHotkeysProxy();
-	useSafeLayoutEffect(function() {
-		if ((memoisedOptions == null ? void 0 : memoisedOptions.enabled) === false || !isScopeActive(enabledScopes, memoisedOptions == null ? void 0 : memoisedOptions.scopes)) return;
-		var listener = function listener(e, isKeyUp) {
-			var _e$target;
-			if (isKeyUp === void 0) isKeyUp = false;
-			if (isKeyboardEventTriggeredByInput(e) && !isHotkeyEnabledOnTag(e, memoisedOptions == null ? void 0 : memoisedOptions.enableOnFormTags)) return;
-			if (ref !== null) {
-				var rootNode = ref.getRootNode();
-				if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement !== ref && !ref.contains(rootNode.activeElement)) {
-					stopPropagation(e);
-					return;
-				}
-			}
-			if ((_e$target = e.target) != null && _e$target.isContentEditable && !(memoisedOptions != null && memoisedOptions.enableOnContentEditable)) return;
-			parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function(key) {
-				var _hotkey$keys;
-				var hotkey = parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey);
-				if (isHotkeyMatchingKeyboardEvent(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.ignoreModifiers) || (_hotkey$keys = hotkey.keys) != null && _hotkey$keys.includes("*")) {
-					if (memoisedOptions != null && memoisedOptions.ignoreEventWhen != null && memoisedOptions.ignoreEventWhen(e)) return;
-					if (isKeyUp && hasTriggeredRef.current) return;
-					maybePreventDefault(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.preventDefault);
-					if (!isHotkeyEnabled(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.enabled)) {
-						stopPropagation(e);
-						return;
-					}
-					cbRef.current(e, hotkey);
-					if (!isKeyUp) hasTriggeredRef.current = true;
-				}
-			});
-		};
-		var handleKeyDown = function handleKeyDown(event) {
-			if (event.key === void 0) return;
-			pushToCurrentlyPressedKeys(mapKey(event.code));
-			if ((memoisedOptions == null ? void 0 : memoisedOptions.keydown) === void 0 && (memoisedOptions == null ? void 0 : memoisedOptions.keyup) !== true || memoisedOptions != null && memoisedOptions.keydown) listener(event);
-		};
-		var handleKeyUp = function handleKeyUp(event) {
-			if (event.key === void 0) return;
-			removeFromCurrentlyPressedKeys(mapKey(event.code));
-			hasTriggeredRef.current = false;
-			if (memoisedOptions != null && memoisedOptions.keyup) listener(event, true);
-		};
-		var domNode = ref || (_options == null ? void 0 : _options.document) || document;
-		domNode.addEventListener("keyup", handleKeyUp);
-		domNode.addEventListener("keydown", handleKeyDown);
-		if (proxy) parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function(key) {
-			return proxy.addHotkey(parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey, memoisedOptions == null ? void 0 : memoisedOptions.description));
-		});
-		return function() {
-			domNode.removeEventListener("keyup", handleKeyUp);
-			domNode.removeEventListener("keydown", handleKeyDown);
-			if (proxy) parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function(key) {
-				return proxy.removeHotkey(parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey, memoisedOptions == null ? void 0 : memoisedOptions.description));
-			});
-		};
-	}, [
-		ref,
-		_keys,
-		memoisedOptions,
-		enabledScopes
-	]);
-	return setRef;
-}
-//#endregion
-exports.useHotkeys = useHotkeys;