{"version":3,"file":"shadows.cjs","sources":["../../../src/theme/tokens/shadows.ts"],"sourcesContent":["/*\r\n * Elevation / shadow tokens.\r\n *\r\n * Shadows are theme-dependent: on dark surfaces a soft translucent black reads\r\n * as muddy, so the dark ramp uses deeper, higher-opacity shadows to keep the\r\n * sense of elevation. Both ramps share the same keys.\r\n */\r\n\r\nexport const lightShadows = {\r\n    none: 'none',\r\n    xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\r\n    sm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\r\n    md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\r\n    lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\r\n    xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\r\n    '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\r\n    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\r\n} as const\r\n\r\nexport const darkShadows: Record<keyof typeof lightShadows, string> = {\r\n    none: 'none',\r\n    xs: '0 1px 2px 0 rgb(0 0 0 / 0.3)',\r\n    sm: '0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4)',\r\n    md: '0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.5)',\r\n    lg: '0 10px 15px -3px rgb(0 0 0 / 0.55), 0 4px 6px -4px rgb(0 0 0 / 0.55)',\r\n    xl: '0 20px 25px -5px rgb(0 0 0 / 0.6), 0 8px 10px -6px rgb(0 0 0 / 0.6)',\r\n    '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.75)',\r\n    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.3)',\r\n}\r\n\r\nexport type Shadows = typeof lightShadows\r\n\r\n/*\r\n * Drop-shadow tokens — used with `filter: drop-shadow(…)`.\r\n *\r\n * Unlike `box-shadow`, `filter: drop-shadow` follows the painted shape of an\r\n * element and its children (e.g. a tooltip arrow SVG), so these tokens exist\r\n * specifically for components that render non-rectangular shapes. Each value is\r\n * a space-separated list of `drop-shadow()` functions usable directly as a CSS\r\n * `filter` property value. Two layers mimic the same depth feel as the\r\n * equivalent `box-shadow` ramp above.\r\n */\r\n\r\nexport const lightDropShadows = {\r\n    none: 'none',\r\n    sm: 'drop-shadow(0 1px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 2px rgb(0 0 0 / 0.1))',\r\n    md: 'drop-shadow(0 4px 6px rgb(0 0 0 / 0.1)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.1))',\r\n    lg: 'drop-shadow(0 10px 15px rgb(0 0 0 / 0.1)) drop-shadow(0 4px 6px rgb(0 0 0 / 0.1))',\r\n    xl: 'drop-shadow(0 20px 25px rgb(0 0 0 / 0.1)) drop-shadow(0 8px 10px rgb(0 0 0 / 0.1))',\r\n} as const\r\n\r\nexport const darkDropShadows: Record<keyof typeof lightDropShadows, string> = {\r\n    none: 'none',\r\n    sm: 'drop-shadow(0 1px 3px rgb(0 0 0 / 0.4)) drop-shadow(0 1px 2px rgb(0 0 0 / 0.4))',\r\n    md: 'drop-shadow(0 4px 6px rgb(0 0 0 / 0.5)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.5))',\r\n    lg: 'drop-shadow(0 10px 15px rgb(0 0 0 / 0.55)) drop-shadow(0 4px 6px rgb(0 0 0 / 0.55))',\r\n    xl: 'drop-shadow(0 20px 25px rgb(0 0 0 / 0.6)) drop-shadow(0 8px 10px rgb(0 0 0 / 0.6))',\r\n}\r\n\r\nexport type DropShadows = typeof lightDropShadows\r\n"],"names":["lightShadows","darkShadows","lightDropShadows","darkDropShadows"],"mappings":"gFAQO,MAAMA,EAAe,CACxB,KAAM,OACN,GAAI,gCACJ,GAAI,gEACJ,GAAI,mEACJ,GAAI,qEACJ,GAAI,sEACJ,MAAO,sCACP,MAAO,qCACX,EAEaC,EAAyD,CAClE,KAAM,OACN,GAAI,+BACJ,GAAI,gEACJ,GAAI,mEACJ,GAAI,uEACJ,GAAI,sEACJ,MAAO,sCACP,MAAO,oCACX,EAeaC,EAAmB,CAC5B,KAAM,OACN,GAAI,kFACJ,GAAI,kFACJ,GAAI,oFACJ,GAAI,oFACR,EAEaC,EAAiE,CAC1E,KAAM,OACN,GAAI,kFACJ,GAAI,kFACJ,GAAI,sFACJ,GAAI,oFACR"}