@vacano/ui 1.16.0 → 1.17.0

package/dist/{keyboard-Cexig8lu.cjs → keyboard-Ce6jVywF.cjs}

@@ -1,4 +1,4 @@
-"use strict";const f=require("react"),e=require("@emotion/react"),u=t=>t.length===1&&/[a-z]/i.test(t)?t.toUpperCase():t,g=(t,o)=>{const r=f.useRef(new Set),a=f.useRef(o);a.current=o,f.useEffect(()=>{const i=new Set(t),w=()=>{if(i.size!==r.current.size)return!1;for(const n of i)if(!r.current.has(n))return!1;return!0},m=n=>{const s=u(n.key);r.current.add(s),w()&&a.current&&(n.preventDefault(),a.current())},c=n=>{const s=u(n.key);r.current.delete(s)},l=()=>{r.current.clear()};return window.addEventListener("keydown",m),window.addEventListener("keyup",c),window.addEventListener("blur",l),()=>{window.removeEventListener("keydown",m),window.removeEventListener("keyup",c),window.removeEventListener("blur",l)}},[t])},d=t=>{const o=Math.max(0,Math.min(100,t));return Math.round(o/100*255).toString(16).padStart(2,"0")},y=t=>/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t),k=(t,o)=>{if(!y(t))return"#000000FF";const r=t.replace("#","").slice(0,6),a=d(o);return`#${r}${a}`},p=()=>{if(typeof navigator>"u")return"unknown";const t=navigator.userAgent.toLowerCase();return/iphone|ipad|ipod/.test(t)?"ios":/android/.test(t)?"android":/mac/.test(t)?"macos":/win/.test(t)?"windows":/linux/.test(t)?"linux":"unknown"},E=()=>{if(typeof navigator>"u")return"unknown";const t=navigator.userAgent.toLowerCase();return/edg/.test(t)?"edge":/opr|opera/.test(t)?"opera":/chrome/.test(t)?"chrome":/safari/.test(t)?"safari":/firefox/.test(t)?"firefox":"unknown"},Y={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},S={black:"#212529",white:"#ffffff",red:"#C1121F",green:"#16a34a",yellow:"#ffb703",gray:"#e5e7eb","steel-blue":"#0582ca","iron-grey":"#495057","baltic-blue":"#1e6091"},O={dropdown:100,modalOverlay:1e3,modal:1001,portalDropdown:1002,confirmation:1003,confirmationBar:1004},v={rotate:e.keyframes`
+"use strict";const l=require("react"),e=require("@emotion/react"),f=new Set(["Meta","Control","Alt","Shift"]),w=t=>t.length===1&&/[a-z]/i.test(t)?t.toUpperCase():t,g=t=>{const r=new Set;return t.metaKey&&r.add("Meta"),t.ctrlKey&&r.add("Control"),t.altKey&&r.add("Alt"),t.shiftKey&&r.add("Shift"),r},E=(t,r)=>{const a=l.useRef(r);a.current=r,l.useEffect(()=>{if(t.length===0)return;const o=new Set(t),i=s=>{if(s.repeat)return;const m=w(s.key),c=g(s);if(f.has(m))return;for(const n of o)if(f.has(n)){if(!c.has(n))return}else if(n!==m)return;const h=new Set([...o].filter(n=>f.has(n)));c.size===h.size&&a.current&&(s.preventDefault(),a.current())};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},[t])},u=t=>{const r=Math.max(0,Math.min(100,t));return Math.round(r/100*255).toString(16).padStart(2,"0")},d=t=>/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t),S=(t,r)=>{if(!d(t))return"#000000FF";const a=t.replace("#","").slice(0,6),o=u(r);return`#${a}${o}`},y=()=>{if(typeof navigator>"u")return"unknown";const t=navigator.userAgent.toLowerCase();return/iphone|ipad|ipod/.test(t)?"ios":/android/.test(t)?"android":/mac/.test(t)?"macos":/win/.test(t)?"windows":/linux/.test(t)?"linux":"unknown"},k=()=>{if(typeof navigator>"u")return"unknown";const t=navigator.userAgent.toLowerCase();return/edg/.test(t)?"edge":/opr|opera/.test(t)?"opera":/chrome/.test(t)?"chrome":/safari/.test(t)?"safari":/firefox/.test(t)?"firefox":"unknown"},Y={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},O={black:"#212529",white:"#ffffff",red:"#C1121F",green:"#16a34a",yellow:"#ffb703",gray:"#e5e7eb","steel-blue":"#0582ca","iron-grey":"#495057","baltic-blue":"#1e6091"},I={dropdown:100,modalOverlay:1e3,modal:1001,portalDropdown:1002,confirmation:1003,confirmationBar:1004},K={rotate:e.keyframes`
     to {
       transform: rotate(1turn);
     }
@@ -47,5 +47,5 @@
   `,slideOutBottomFade:e.keyframes`
     from { opacity: 1; transform: translateY(0); }
     to { opacity: 0; transform: translateY(100%); }
-  `},h={Meta:{mac:"⌘",other:"Win"},Control:{mac:"⌃",other:"Ctrl"},Alt:{mac:"⌥",other:"Alt"},Shift:{mac:"⇧",other:"⇧"},ArrowUp:{mac:"↑",other:"↑"},ArrowDown:{mac:"↓",other:"↓"},ArrowLeft:{mac:"←",other:"←"},ArrowRight:{mac:"→",other:"→"},Home:{mac:"↖",other:"↖"},End:{mac:"↘",other:"↘"},PageUp:{mac:"⇞",other:"⇞"},PageDown:{mac:"⇟",other:"⇟"}," ":{mac:"␣",other:"␣"},Enter:{mac:"Enter",other:"Enter"},Tab:{mac:"⇥",other:"⇥"},Backspace:{mac:"⌫",other:"⌫"},Delete:{mac:"⌦",other:"⌦"},Escape:{mac:"Esc",other:"Esc"},Insert:{mac:"Ins",other:"Ins"},CapsLock:{mac:"⇪",other:"⇪"},NumLock:{mac:"⇭",other:"⇭"}},L=t=>{if(!t)return[];const o=p();return t.map(r=>{const a=h[r];return a?o==="macos"?a.mac:a.other:r})};exports.BREAKPOINTS=Y;exports.COLORS=S;exports.KEYFRAMES=v;exports.KEY_SYMBOLS=h;exports.Z_INDEX=O;exports.alpha=k;exports.getBrowser=E;exports.getKeySymbols=L;exports.getOperatingSystem=p;exports.isValid=y;exports.toHEX=d;exports.useKeyBinding=g;
-//# sourceMappingURL=keyboard-Cexig8lu.cjs.map
+  `},p={Meta:{mac:"⌘",other:"Win"},Control:{mac:"⌃",other:"Ctrl"},Alt:{mac:"⌥",other:"Alt"},Shift:{mac:"⇧",other:"⇧"},ArrowUp:{mac:"↑",other:"↑"},ArrowDown:{mac:"↓",other:"↓"},ArrowLeft:{mac:"←",other:"←"},ArrowRight:{mac:"→",other:"→"},Home:{mac:"↖",other:"↖"},End:{mac:"↘",other:"↘"},PageUp:{mac:"⇞",other:"⇞"},PageDown:{mac:"⇟",other:"⇟"}," ":{mac:"␣",other:"␣"},Enter:{mac:"Enter",other:"Enter"},Tab:{mac:"⇥",other:"⇥"},Backspace:{mac:"⌫",other:"⌫"},Delete:{mac:"⌦",other:"⌦"},Escape:{mac:"Esc",other:"Esc"},Insert:{mac:"Ins",other:"Ins"},CapsLock:{mac:"⇪",other:"⇪"},NumLock:{mac:"⇭",other:"⇭"}},A=t=>{if(!t)return[];const r=y();return t.map(a=>{const o=p[a];return o?r==="macos"?o.mac:o.other:a})};exports.BREAKPOINTS=Y;exports.COLORS=O;exports.KEYFRAMES=K;exports.KEY_SYMBOLS=p;exports.Z_INDEX=I;exports.alpha=S;exports.getBrowser=k;exports.getKeySymbols=A;exports.getOperatingSystem=y;exports.isValid=d;exports.toHEX=u;exports.useKeyBinding=E;
+//# sourceMappingURL=keyboard-Ce6jVywF.cjs.map

package/dist/keyboard-Ce6jVywF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-Ce6jVywF.cjs","sources":["../src/lib/hooks/useKeyBinding.ts","../src/lib/utils/colors.ts","../src/lib/utils/platform.ts","../src/lib/constants.ts","../src/lib/utils/keyboard.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { KeyboardEventKey } from '../types'\n\nconst MODIFIER_KEYS = new Set(['Meta', 'Control', 'Alt', 'Shift'])\n\nconst normalizeKey = (key: string): string => {\n  if (key.length === 1 && /[a-z]/i.test(key)) {\n    return key.toUpperCase()\n  }\n  return key\n}\n\nconst getModifiersFromEvent = (e: KeyboardEvent): Set<string> => {\n  const modifiers = new Set<string>()\n  if (e.metaKey) modifiers.add('Meta')\n  if (e.ctrlKey) modifiers.add('Control')\n  if (e.altKey) modifiers.add('Alt')\n  if (e.shiftKey) modifiers.add('Shift')\n  return modifiers\n}\n\nexport const useKeyBinding = (keys: KeyboardEventKey[], cb?: () => void) => {\n  const cbRef = useRef(cb)\n\n  cbRef.current = cb\n\n  useEffect(() => {\n    if (keys.length === 0) return\n\n    const keysSet = new Set(keys)\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.repeat) return\n\n      const key = normalizeKey(e.key)\n      const activeModifiers = getModifiersFromEvent(e)\n\n      if (MODIFIER_KEYS.has(key)) return\n\n      for (const k of keysSet) {\n        if (MODIFIER_KEYS.has(k)) {\n          if (!activeModifiers.has(k)) return\n        } else if (k !== key) {\n          return\n        }\n      }\n\n      const expectedModifiers = new Set([...keysSet].filter((k) => MODIFIER_KEYS.has(k)))\n      if (activeModifiers.size !== expectedModifiers.size) return\n\n      if (cbRef.current) {\n        e.preventDefault()\n        cbRef.current()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [keys])\n}\n","export const toHEX = (n: number): string => {\n  const clamped = Math.max(0, Math.min(100, n))\n  const value = Math.round((clamped / 100) * 255)\n\n  return value.toString(16).padStart(2, '0')\n}\n\nexport const isValid = (hexColor: string): boolean => {\n  return /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(hexColor)\n}\n\nexport const alpha = (hexColor: string, percentage: number): string => {\n  if (!isValid(hexColor)) {\n    return '#000000FF'\n  }\n\n  const hex = hexColor.replace('#', '').slice(0, 6)\n  const alphaHex = toHEX(percentage)\n\n  return `#${hex}${alphaHex}`\n}\n","import { Browser, OperatingSystem } from '../types'\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof navigator === 'undefined') {\n    return 'unknown'\n  }\n\n  const ua = navigator.userAgent.toLowerCase()\n\n  if (/iphone|ipad|ipod/.test(ua)) return 'ios'\n  if (/android/.test(ua)) return 'android'\n  if (/mac/.test(ua)) return 'macos'\n  if (/win/.test(ua)) return 'windows'\n  if (/linux/.test(ua)) return 'linux'\n\n  return 'unknown'\n}\n\nexport const getBrowser = (): Browser => {\n  if (typeof navigator === 'undefined') {\n    return 'unknown'\n  }\n\n  const ua = navigator.userAgent.toLowerCase()\n\n  if (/edg/.test(ua)) return 'edge'\n  if (/opr|opera/.test(ua)) return 'opera'\n  if (/chrome/.test(ua)) return 'chrome'\n  if (/safari/.test(ua)) return 'safari'\n  if (/firefox/.test(ua)) return 'firefox'\n\n  return 'unknown'\n}\n","import { keyframes } from '@emotion/react'\n\nimport { KeyboardEventKey } from './types'\n\nexport const BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const\n\nexport const COLORS = {\n  black: '#212529',\n  white: '#ffffff',\n  red: '#C1121F',\n  green: '#16a34a',\n  yellow: '#ffb703',\n  gray: '#e5e7eb',\n  'steel-blue': '#0582ca',\n  'iron-grey': '#495057',\n  'baltic-blue': '#1e6091',\n} as const\n\nexport const Z_INDEX = {\n  dropdown: 100,\n  modalOverlay: 1000,\n  modal: 1001,\n  portalDropdown: 1002,\n  confirmation: 1003,\n  confirmationBar: 1004,\n} as const\n\nexport const KEYFRAMES = {\n  rotate: keyframes`\n    to {\n      transform: rotate(1turn);\n    }\n  `,\n  fadeIn: keyframes`\n    from { opacity: 0; }\n    to { opacity: 1; }\n  `,\n  fadeOut: keyframes`\n    from { opacity: 1; }\n    to { opacity: 0; }\n  `,\n  slideInLeft: keyframes`\n    from { transform: translateX(-100%); }\n    to { transform: translateX(0); }\n  `,\n  slideOutLeft: keyframes`\n    from { transform: translateX(0); }\n    to { transform: translateX(-100%); }\n  `,\n  slideInRight: keyframes`\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n  `,\n  slideOutRight: keyframes`\n    from { transform: translateX(0); }\n    to { transform: translateX(100%); }\n  `,\n  slideInTop: keyframes`\n    from { transform: translateY(-100%); }\n    to { transform: translateY(0); }\n  `,\n  slideOutTop: keyframes`\n    from { transform: translateY(0); }\n    to { transform: translateY(-100%); }\n  `,\n  slideInBottom: keyframes`\n    from { transform: translateY(100%); }\n    to { transform: translateY(0); }\n  `,\n  slideOutBottom: keyframes`\n    from { transform: translateY(0); }\n    to { transform: translateY(100%); }\n  `,\n  scaleIn: keyframes`\n    from { opacity: 0; transform: scale(0.95); }\n    to { opacity: 1; transform: scale(1); }\n  `,\n  slideInTopFade: keyframes`\n    from { opacity: 0; transform: translateY(-100%); }\n    to { opacity: 1; transform: translateY(0); }\n  `,\n  slideOutTopFade: keyframes`\n    from { opacity: 1; transform: translateY(0); }\n    to { opacity: 0; transform: translateY(-100%); }\n  `,\n  slideInBottomFade: keyframes`\n    from { opacity: 0; transform: translateY(100%); }\n    to { opacity: 1; transform: translateY(0); }\n  `,\n  slideOutBottomFade: keyframes`\n    from { opacity: 1; transform: translateY(0); }\n    to { opacity: 0; transform: translateY(100%); }\n  `,\n}\n\nexport const KEY_SYMBOLS: Partial<Record<KeyboardEventKey, { mac: string; other: string }>> = {\n  // Modifiers\n  Meta: { mac: '⌘', other: 'Win' },\n  Control: { mac: '⌃', other: 'Ctrl' },\n  Alt: { mac: '⌥', other: 'Alt' },\n  Shift: { mac: '⇧', other: '⇧' },\n\n  // Navigation\n  ArrowUp: { mac: '↑', other: '↑' },\n  ArrowDown: { mac: '↓', other: '↓' },\n  ArrowLeft: { mac: '←', other: '←' },\n  ArrowRight: { mac: '→', other: '→' },\n  Home: { mac: '↖', other: '↖' },\n  End: { mac: '↘', other: '↘' },\n  PageUp: { mac: '⇞', other: '⇞' },\n  PageDown: { mac: '⇟', other: '⇟' },\n\n  // Whitespace & Enter\n  ' ': { mac: '␣', other: '␣' },\n  Enter: { mac: 'Enter', other: 'Enter' },\n  Tab: { mac: '⇥', other: '⇥' },\n\n  // Editing\n  Backspace: { mac: '⌫', other: '⌫' },\n  Delete: { mac: '⌦', other: '⌦' },\n  Escape: { mac: 'Esc', other: 'Esc' },\n  Insert: { mac: 'Ins', other: 'Ins' },\n\n  // System\n  CapsLock: { mac: '⇪', other: '⇪' },\n  NumLock: { mac: '⇭', other: '⇭' },\n}\n","import { getOperatingSystem } from './platform'\nimport { KEY_SYMBOLS } from '../constants'\nimport { KeyboardEventKey } from '../types'\n\nexport const getKeySymbols = (keys?: KeyboardEventKey[]): string[] => {\n  if (!keys) {\n    return []\n  }\n\n  const os = getOperatingSystem()\n\n  return keys.map((key) => {\n    const symbol = KEY_SYMBOLS[key]\n\n    if (!symbol) {\n      return key\n    }\n\n    return os === 'macos' ? symbol.mac : symbol.other\n  })\n}\n"],"names":["MODIFIER_KEYS","normalizeKey","key","getModifiersFromEvent","e","modifiers","useKeyBinding","keys","cb","cbRef","useRef","useEffect","keysSet","handleKeyDown","activeModifiers","k","expectedModifiers","toHEX","n","clamped","isValid","hexColor","alpha","percentage","hex","alphaHex","getOperatingSystem","ua","getBrowser","BREAKPOINTS","COLORS","Z_INDEX","KEYFRAMES","keyframes","KEY_SYMBOLS","getKeySymbols","os","symbol"],"mappings":"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"}

package/dist/{keyboard-D5qN_1XD.js → keyboard-WjRJTKKV.js}

@@ -1,53 +1,53 @@
-import { useRef as l, useEffect as p } from "react";
+import { useRef as u, useEffect as d } from "react";
 import { keyframes as r } from "@emotion/react";
-const u = (t) => t.length === 1 && /[a-z]/i.test(t) ? t.toUpperCase() : t, v = (t, o) => {
-  const e = l(/* @__PURE__ */ new Set()), a = l(o);
-  a.current = o, p(() => {
-    const i = new Set(t), d = () => {
-      if (i.size !== e.current.size)
-        return !1;
-      for (const n of i)
-        if (!e.current.has(n))
-          return !1;
-      return !0;
-    }, c = (n) => {
-      const s = u(n.key);
-      e.current.add(s), d() && a.current && (n.preventDefault(), a.current());
-    }, f = (n) => {
-      const s = u(n.key);
-      e.current.delete(s);
-    }, m = () => {
-      e.current.clear();
+const i = /* @__PURE__ */ new Set(["Meta", "Control", "Alt", "Shift"]), p = (t) => t.length === 1 && /[a-z]/i.test(t) ? t.toUpperCase() : t, h = (t) => {
+  const e = /* @__PURE__ */ new Set();
+  return t.metaKey && e.add("Meta"), t.ctrlKey && e.add("Control"), t.altKey && e.add("Alt"), t.shiftKey && e.add("Shift"), e;
+}, I = (t, e) => {
+  const a = u(e);
+  a.current = e, d(() => {
+    if (t.length === 0) return;
+    const o = new Set(t), f = (s) => {
+      if (s.repeat) return;
+      const c = p(s.key), m = h(s);
+      if (i.has(c)) return;
+      for (const n of o)
+        if (i.has(n)) {
+          if (!m.has(n)) return;
+        } else if (n !== c)
+          return;
+      const l = new Set([...o].filter((n) => i.has(n)));
+      m.size === l.size && a.current && (s.preventDefault(), a.current());
     };
-    return window.addEventListener("keydown", c), window.addEventListener("keyup", f), window.addEventListener("blur", m), () => {
-      window.removeEventListener("keydown", c), window.removeEventListener("keyup", f), window.removeEventListener("blur", m);
+    return window.addEventListener("keydown", f), () => {
+      window.removeEventListener("keydown", f);
     };
   }, [t]);
-}, h = (t) => {
-  const o = Math.max(0, Math.min(100, t));
-  return Math.round(o / 100 * 255).toString(16).padStart(2, "0");
-}, w = (t) => /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t), L = (t, o) => {
-  if (!w(t))
+}, w = (t) => {
+  const e = Math.max(0, Math.min(100, t));
+  return Math.round(e / 100 * 255).toString(16).padStart(2, "0");
+}, y = (t) => /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t), O = (t, e) => {
+  if (!y(t))
     return "#000000FF";
-  const e = t.replace("#", "").slice(0, 6), a = h(o);
-  return `#${e}${a}`;
-}, y = () => {
+  const a = t.replace("#", "").slice(0, 6), o = w(e);
+  return `#${a}${o}`;
+}, g = () => {
   if (typeof navigator > "u")
     return "unknown";
   const t = navigator.userAgent.toLowerCase();
   return /iphone|ipad|ipod/.test(t) ? "ios" : /android/.test(t) ? "android" : /mac/.test(t) ? "macos" : /win/.test(t) ? "windows" : /linux/.test(t) ? "linux" : "unknown";
-}, k = () => {
+}, v = () => {
   if (typeof navigator > "u")
     return "unknown";
   const t = navigator.userAgent.toLowerCase();
   return /edg/.test(t) ? "edge" : /opr|opera/.test(t) ? "opera" : /chrome/.test(t) ? "chrome" : /safari/.test(t) ? "safari" : /firefox/.test(t) ? "firefox" : "unknown";
-}, I = {
+}, K = {
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, O = {
+}, A = {
   black: "#212529",
   white: "#ffffff",
   red: "#C1121F",
@@ -57,14 +57,14 @@ const u = (t) => t.length === 1 && /[a-z]/i.test(t) ? t.toUpperCase() : t, v = (
   "steel-blue": "#0582ca",
   "iron-grey": "#495057",
   "baltic-blue": "#1e6091"
-}, S = {
+}, M = {
   dropdown: 100,
   modalOverlay: 1e3,
   modal: 1001,
   portalDropdown: 1002,
   confirmation: 1003,
   confirmationBar: 1004
-}, b = {
+}, B = {
   rotate: r`
     to {
       transform: rotate(1turn);
@@ -130,7 +130,7 @@ const u = (t) => t.length === 1 && /[a-z]/i.test(t) ? t.toUpperCase() : t, v = (
     from { opacity: 1; transform: translateY(0); }
     to { opacity: 0; transform: translateY(100%); }
   `
-}, g = {
+}, Y = {
   // Modifiers
   Meta: { mac: "⌘", other: "Win" },
   Control: { mac: "⌃", other: "Ctrl" },
@@ -157,27 +157,27 @@ const u = (t) => t.length === 1 && /[a-z]/i.test(t) ? t.toUpperCase() : t, v = (
   // System
   CapsLock: { mac: "⇪", other: "⇪" },
   NumLock: { mac: "⇭", other: "⇭" }
-}, B = (t) => {
+}, L = (t) => {
   if (!t)
     return [];
-  const o = y();
-  return t.map((e) => {
-    const a = g[e];
-    return a ? o === "macos" ? a.mac : a.other : e;
+  const e = g();
+  return t.map((a) => {
+    const o = Y[a];
+    return o ? e === "macos" ? o.mac : o.other : a;
   });
 };
 export {
-  I as B,
-  O as C,
-  b as K,
-  S as Z,
-  L as a,
-  y as b,
-  k as c,
-  g as d,
-  B as g,
-  w as i,
-  h as t,
-  v as u
+  K as B,
+  A as C,
+  B as K,
+  M as Z,
+  O as a,
+  g as b,
+  v as c,
+  Y as d,
+  L as g,
+  y as i,
+  w as t,
+  I as u
 };
-//# sourceMappingURL=keyboard-D5qN_1XD.js.map
+//# sourceMappingURL=keyboard-WjRJTKKV.js.map

package/dist/keyboard-WjRJTKKV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-WjRJTKKV.js","sources":["../src/lib/hooks/useKeyBinding.ts","../src/lib/utils/colors.ts","../src/lib/utils/platform.ts","../src/lib/constants.ts","../src/lib/utils/keyboard.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { KeyboardEventKey } from '../types'\n\nconst MODIFIER_KEYS = new Set(['Meta', 'Control', 'Alt', 'Shift'])\n\nconst normalizeKey = (key: string): string => {\n  if (key.length === 1 && /[a-z]/i.test(key)) {\n    return key.toUpperCase()\n  }\n  return key\n}\n\nconst getModifiersFromEvent = (e: KeyboardEvent): Set<string> => {\n  const modifiers = new Set<string>()\n  if (e.metaKey) modifiers.add('Meta')\n  if (e.ctrlKey) modifiers.add('Control')\n  if (e.altKey) modifiers.add('Alt')\n  if (e.shiftKey) modifiers.add('Shift')\n  return modifiers\n}\n\nexport const useKeyBinding = (keys: KeyboardEventKey[], cb?: () => void) => {\n  const cbRef = useRef(cb)\n\n  cbRef.current = cb\n\n  useEffect(() => {\n    if (keys.length === 0) return\n\n    const keysSet = new Set(keys)\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.repeat) return\n\n      const key = normalizeKey(e.key)\n      const activeModifiers = getModifiersFromEvent(e)\n\n      if (MODIFIER_KEYS.has(key)) return\n\n      for (const k of keysSet) {\n        if (MODIFIER_KEYS.has(k)) {\n          if (!activeModifiers.has(k)) return\n        } else if (k !== key) {\n          return\n        }\n      }\n\n      const expectedModifiers = new Set([...keysSet].filter((k) => MODIFIER_KEYS.has(k)))\n      if (activeModifiers.size !== expectedModifiers.size) return\n\n      if (cbRef.current) {\n        e.preventDefault()\n        cbRef.current()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [keys])\n}\n","export const toHEX = (n: number): string => {\n  const clamped = Math.max(0, Math.min(100, n))\n  const value = Math.round((clamped / 100) * 255)\n\n  return value.toString(16).padStart(2, '0')\n}\n\nexport const isValid = (hexColor: string): boolean => {\n  return /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(hexColor)\n}\n\nexport const alpha = (hexColor: string, percentage: number): string => {\n  if (!isValid(hexColor)) {\n    return '#000000FF'\n  }\n\n  const hex = hexColor.replace('#', '').slice(0, 6)\n  const alphaHex = toHEX(percentage)\n\n  return `#${hex}${alphaHex}`\n}\n","import { Browser, OperatingSystem } from '../types'\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof navigator === 'undefined') {\n    return 'unknown'\n  }\n\n  const ua = navigator.userAgent.toLowerCase()\n\n  if (/iphone|ipad|ipod/.test(ua)) return 'ios'\n  if (/android/.test(ua)) return 'android'\n  if (/mac/.test(ua)) return 'macos'\n  if (/win/.test(ua)) return 'windows'\n  if (/linux/.test(ua)) return 'linux'\n\n  return 'unknown'\n}\n\nexport const getBrowser = (): Browser => {\n  if (typeof navigator === 'undefined') {\n    return 'unknown'\n  }\n\n  const ua = navigator.userAgent.toLowerCase()\n\n  if (/edg/.test(ua)) return 'edge'\n  if (/opr|opera/.test(ua)) return 'opera'\n  if (/chrome/.test(ua)) return 'chrome'\n  if (/safari/.test(ua)) return 'safari'\n  if (/firefox/.test(ua)) return 'firefox'\n\n  return 'unknown'\n}\n","import { keyframes } from '@emotion/react'\n\nimport { KeyboardEventKey } from './types'\n\nexport const BREAKPOINTS = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const\n\nexport const COLORS = {\n  black: '#212529',\n  white: '#ffffff',\n  red: '#C1121F',\n  green: '#16a34a',\n  yellow: '#ffb703',\n  gray: '#e5e7eb',\n  'steel-blue': '#0582ca',\n  'iron-grey': '#495057',\n  'baltic-blue': '#1e6091',\n} as const\n\nexport const Z_INDEX = {\n  dropdown: 100,\n  modalOverlay: 1000,\n  modal: 1001,\n  portalDropdown: 1002,\n  confirmation: 1003,\n  confirmationBar: 1004,\n} as const\n\nexport const KEYFRAMES = {\n  rotate: keyframes`\n    to {\n      transform: rotate(1turn);\n    }\n  `,\n  fadeIn: keyframes`\n    from { opacity: 0; }\n    to { opacity: 1; }\n  `,\n  fadeOut: keyframes`\n    from { opacity: 1; }\n    to { opacity: 0; }\n  `,\n  slideInLeft: keyframes`\n    from { transform: translateX(-100%); }\n    to { transform: translateX(0); }\n  `,\n  slideOutLeft: keyframes`\n    from { transform: translateX(0); }\n    to { transform: translateX(-100%); }\n  `,\n  slideInRight: keyframes`\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n  `,\n  slideOutRight: keyframes`\n    from { transform: translateX(0); }\n    to { transform: translateX(100%); }\n  `,\n  slideInTop: keyframes`\n    from { transform: translateY(-100%); }\n    to { transform: translateY(0); }\n  `,\n  slideOutTop: keyframes`\n    from { transform: translateY(0); }\n    to { transform: translateY(-100%); }\n  `,\n  slideInBottom: keyframes`\n    from { transform: translateY(100%); }\n    to { transform: translateY(0); }\n  `,\n  slideOutBottom: keyframes`\n    from { transform: translateY(0); }\n    to { transform: translateY(100%); }\n  `,\n  scaleIn: keyframes`\n    from { opacity: 0; transform: scale(0.95); }\n    to { opacity: 1; transform: scale(1); }\n  `,\n  slideInTopFade: keyframes`\n    from { opacity: 0; transform: translateY(-100%); }\n    to { opacity: 1; transform: translateY(0); }\n  `,\n  slideOutTopFade: keyframes`\n    from { opacity: 1; transform: translateY(0); }\n    to { opacity: 0; transform: translateY(-100%); }\n  `,\n  slideInBottomFade: keyframes`\n    from { opacity: 0; transform: translateY(100%); }\n    to { opacity: 1; transform: translateY(0); }\n  `,\n  slideOutBottomFade: keyframes`\n    from { opacity: 1; transform: translateY(0); }\n    to { opacity: 0; transform: translateY(100%); }\n  `,\n}\n\nexport const KEY_SYMBOLS: Partial<Record<KeyboardEventKey, { mac: string; other: string }>> = {\n  // Modifiers\n  Meta: { mac: '⌘', other: 'Win' },\n  Control: { mac: '⌃', other: 'Ctrl' },\n  Alt: { mac: '⌥', other: 'Alt' },\n  Shift: { mac: '⇧', other: '⇧' },\n\n  // Navigation\n  ArrowUp: { mac: '↑', other: '↑' },\n  ArrowDown: { mac: '↓', other: '↓' },\n  ArrowLeft: { mac: '←', other: '←' },\n  ArrowRight: { mac: '→', other: '→' },\n  Home: { mac: '↖', other: '↖' },\n  End: { mac: '↘', other: '↘' },\n  PageUp: { mac: '⇞', other: '⇞' },\n  PageDown: { mac: '⇟', other: '⇟' },\n\n  // Whitespace & Enter\n  ' ': { mac: '␣', other: '␣' },\n  Enter: { mac: 'Enter', other: 'Enter' },\n  Tab: { mac: '⇥', other: '⇥' },\n\n  // Editing\n  Backspace: { mac: '⌫', other: '⌫' },\n  Delete: { mac: '⌦', other: '⌦' },\n  Escape: { mac: 'Esc', other: 'Esc' },\n  Insert: { mac: 'Ins', other: 'Ins' },\n\n  // System\n  CapsLock: { mac: '⇪', other: '⇪' },\n  NumLock: { mac: '⇭', other: '⇭' },\n}\n","import { getOperatingSystem } from './platform'\nimport { KEY_SYMBOLS } from '../constants'\nimport { KeyboardEventKey } from '../types'\n\nexport const getKeySymbols = (keys?: KeyboardEventKey[]): string[] => {\n  if (!keys) {\n    return []\n  }\n\n  const os = getOperatingSystem()\n\n  return keys.map((key) => {\n    const symbol = KEY_SYMBOLS[key]\n\n    if (!symbol) {\n      return key\n    }\n\n    return os === 'macos' ? symbol.mac : symbol.other\n  })\n}\n"],"names":["MODIFIER_KEYS","normalizeKey","key","getModifiersFromEvent","e","modifiers","useKeyBinding","keys","cb","cbRef","useRef","useEffect","keysSet","handleKeyDown","activeModifiers","k","expectedModifiers","toHEX","n","clamped","isValid","hexColor","alpha","percentage","hex","alphaHex","getOperatingSystem","ua","getBrowser","BREAKPOINTS","COLORS","Z_INDEX","KEYFRAMES","keyframes","KEY_SYMBOLS","getKeySymbols","os","symbol"],"mappings":"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"}

package/dist/lib.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./keyboard-Cexig8lu.cjs"),t=require("./index-BUoqL3Q7.cjs"),i=require("./tooling-Dflq0Y98.cjs");exports.BREAKPOINTS=e.BREAKPOINTS;exports.COLORS=e.COLORS;exports.KEYFRAMES=e.KEYFRAMES;exports.KEY_SYMBOLS=e.KEY_SYMBOLS;exports.Z_INDEX=e.Z_INDEX;exports.alpha=e.alpha;exports.getBrowser=e.getBrowser;exports.getKeySymbols=e.getKeySymbols;exports.getOperatingSystem=e.getOperatingSystem;exports.isValid=e.isValid;exports.toHEX=e.toHEX;exports.useKeyBinding=e.useKeyBinding;exports.mediaBetween=t.mediaBetween;exports.mediaDown=t.mediaDown;exports.mediaUp=t.mediaUp;exports.validation=t.index;exports.newClassNameGetter=i.newClassNameGetter;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./keyboard-Ce6jVywF.cjs"),t=require("./index-YmuoQ8lQ.cjs"),i=require("./tooling-Dflq0Y98.cjs");exports.BREAKPOINTS=e.BREAKPOINTS;exports.COLORS=e.COLORS;exports.KEYFRAMES=e.KEYFRAMES;exports.KEY_SYMBOLS=e.KEY_SYMBOLS;exports.Z_INDEX=e.Z_INDEX;exports.alpha=e.alpha;exports.getBrowser=e.getBrowser;exports.getKeySymbols=e.getKeySymbols;exports.getOperatingSystem=e.getOperatingSystem;exports.isValid=e.isValid;exports.toHEX=e.toHEX;exports.useKeyBinding=e.useKeyBinding;exports.mediaBetween=t.mediaBetween;exports.mediaDown=t.mediaDown;exports.mediaUp=t.mediaUp;exports.validation=t.index;exports.newClassNameGetter=i.newClassNameGetter;
 //# sourceMappingURL=lib.cjs.map

package/dist/lib.js

@@ -1,5 +1,5 @@
-import { B as e, C as t, K as i, d as o, Z as m, a as r, c as n, g as d, b as S, i as g, t as p, u as B } from "./keyboard-D5qN_1XD.js";
-import { b as K, a as l, m as O, i as w } from "./index-B_4jp70c.js";
+import { B as e, C as t, K as i, d as o, Z as m, a as r, c as n, g as d, b as S, i as g, t as p, u as B } from "./keyboard-WjRJTKKV.js";
+import { b as K, a as l, m as O, i as w } from "./index-C35SsHTU.js";
 import { n as b } from "./tooling-YDHxmiMT.js";
 export {
   e as BREAKPOINTS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vacano/ui",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "Vacano React components library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -116,7 +116,6 @@
   },
   "dependencies": {
     "@emotion/styled": "^11.14.1",
-    "@tanstack/react-virtual": "^3.13.13",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
@@ -125,10 +124,10 @@
     "@eslint/js": "^9.39.2",
     "@hookform/resolvers": "^5.2.2",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-    "@storybook/addon-a11y": "^10.2.10",
-    "@storybook/addon-docs": "^10.2.10",
-    "@storybook/addon-onboarding": "^10.2.10",
-    "@storybook/react-vite": "^10.2.10",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-onboarding": "^10.2.16",
+    "@storybook/react-vite": "^10.2.16",
     "@types/node": "^22.10.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
@@ -136,13 +135,13 @@
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^10.2.10",
+    "eslint-plugin-storybook": "^10.2.16",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.11",
     "prettier": "^3.4.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "storybook": "^10.2.10",
+    "storybook": "^10.2.16",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.50.1",
     "vite": "^6.0.6",