@vacano/ui 1.16.0 → 1.17.0

package/dist/keyboard-Cexig8lu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-Cexig8lu.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 normalizeKey = (key: string): string => {\n  if (key.length === 1 && /[a-z]/i.test(key)) {\n    return key.toUpperCase()\n  }\n  return key\n}\n\nexport const useKeyBinding = (keys: KeyboardEventKey[], cb?: () => void) => {\n  const pressedKeys = useRef<Set<string>>(new Set())\n  const cbRef = useRef(cb)\n\n  cbRef.current = cb\n\n  useEffect(() => {\n    const keysSet = new Set(keys)\n\n    const checkMatch = () => {\n      if (keysSet.size !== pressedKeys.current.size) {\n        return false\n      }\n\n      for (const key of keysSet) {\n        if (!pressedKeys.current.has(key)) {\n          return false\n        }\n      }\n\n      return true\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const key = normalizeKey(e.key)\n      pressedKeys.current.add(key)\n\n      if (checkMatch() && cbRef.current) {\n        e.preventDefault()\n        cbRef.current()\n      }\n    }\n\n    const handleKeyUp = (e: KeyboardEvent) => {\n      const key = normalizeKey(e.key)\n      pressedKeys.current.delete(key)\n    }\n\n    const handleBlur = () => {\n      pressedKeys.current.clear()\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    window.addEventListener('keyup', handleKeyUp)\n    window.addEventListener('blur', handleBlur)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n      window.removeEventListener('keyup', handleKeyUp)\n      window.removeEventListener('blur', handleBlur)\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":["normalizeKey","key","useKeyBinding","keys","cb","pressedKeys","useRef","cbRef","useEffect","keysSet","checkMatch","handleKeyDown","e","handleKeyUp","handleBlur","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.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-D5qN_1XD.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 normalizeKey = (key: string): string => {\n  if (key.length === 1 && /[a-z]/i.test(key)) {\n    return key.toUpperCase()\n  }\n  return key\n}\n\nexport const useKeyBinding = (keys: KeyboardEventKey[], cb?: () => void) => {\n  const pressedKeys = useRef<Set<string>>(new Set())\n  const cbRef = useRef(cb)\n\n  cbRef.current = cb\n\n  useEffect(() => {\n    const keysSet = new Set(keys)\n\n    const checkMatch = () => {\n      if (keysSet.size !== pressedKeys.current.size) {\n        return false\n      }\n\n      for (const key of keysSet) {\n        if (!pressedKeys.current.has(key)) {\n          return false\n        }\n      }\n\n      return true\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const key = normalizeKey(e.key)\n      pressedKeys.current.add(key)\n\n      if (checkMatch() && cbRef.current) {\n        e.preventDefault()\n        cbRef.current()\n      }\n    }\n\n    const handleKeyUp = (e: KeyboardEvent) => {\n      const key = normalizeKey(e.key)\n      pressedKeys.current.delete(key)\n    }\n\n    const handleBlur = () => {\n      pressedKeys.current.clear()\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    window.addEventListener('keyup', handleKeyUp)\n    window.addEventListener('blur', handleBlur)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n      window.removeEventListener('keyup', handleKeyUp)\n      window.removeEventListener('blur', handleBlur)\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":["normalizeKey","key","useKeyBinding","keys","cb","pressedKeys","useRef","cbRef","useEffect","keysSet","checkMatch","handleKeyDown","e","handleKeyUp","handleBlur","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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"}