@zendir/ui 0.2.20 → 0.3.0

package/dist/react.js

@@ -3,72 +3,78 @@ import { Skeleton3D, SkeletonBox, SkeletonCard, SkeletonChart, SkeletonCircle, S
 import { STATUS_COLORS, addAlpha, clamp, classNames, focusRingStyle, formatAltitude, formatCoordinate, formatCountdown, formatDataRate, formatDecibels, formatDegrees, formatDistance, formatDuration, formatFrequency, formatLatLon, formatNumber, formatPercentage, formatPower, formatTabular, formatTemperature, formatTime, formatUTC, formatVelocity, getStatusColor, getStatusFromValue, getStatusSeverity, getWorstStatus, isStatusLevel, isValidNumber, lerp, mapRange, normalizeStatus, safeAccentText, safeNumber, tabularNumsStyle, transitions, withNullSafety } from "./react/utils/index.js";
 import { useCompactMode } from "./react/hooks/useCompactMode.js";
 import { PLANETS, auToKm, estimateOrbitalPeriod, estimateOrbitalVelocity, getPlanet, normalizePlanetName } from "./react/types.js";
-import { ActivityPlanner } from "./react/core/ActivityPlanner.js";
-import { AppBar } from "./react/core/AppBar.js";
+import { ActivityPlanner } from "./react/core/widgets/ActivityPlanner.js";
+import { AppBar } from "./react/core/navigation/AppBar.js";
 import { AstroChart } from "./react/charts/unified/AstroChart.js";
 import { BREAKPOINTS, useBreakpoint } from "./react/core/layout/useBreakpoint.js";
-import { Badge } from "./react/core/Badge.js";
-import { Body1, Body2, Body3, Compact, DataText, Display1, Display2, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, H1, H2, H3, H4, H5, H6, Label, Micro, Mono, Typography } from "./react/core/Typography.js";
+import { Badge } from "./react/core/display/Badge.js";
+import { Body1, Body2, Body3, Compact, DataText, Display1, Display2, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, H1, H2, H3, H4, H5, H6, Label, Micro, Mono, Typography } from "./react/core/display/Typography.js";
 import { Box } from "./react/core/layout/Box.js";
-import { Button } from "./react/core/Button.js";
+import { Button } from "./react/core/inputs/Button.js";
 import { CARD_ACCENT_COLORS, CardAccentProvider, SPACE_SYSTEM_COLORS, getAccentColorOptions, getSystemAccentColor, useCardAccent } from "./react/theme/cardAccent.js";
-import { CATEGORY_ICONS, CATEGORY_LABELS, PROPERTY_PRESETS, createPropertyConfig, deriveBatteryStatus, deriveStatus, formatPropertyLabel, formatPropertyValue, getPropertiesByCategory, getPropertyConfig } from "./react/core/propertyConfig.js";
-import { CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, ChatPanel, createChatResponseParser, parseChatResponse, parseMcpToolResult } from "./react/core/ChatPanel.js";
-import { CardHeader } from "./react/core/CardHeader.js";
+import { CATEGORY_ICONS, CATEGORY_LABELS, PROPERTY_PRESETS, createPropertyConfig, deriveBatteryStatus, deriveStatus, formatPropertyLabel, formatPropertyValue, getPropertiesByCategory, getPropertyConfig } from "./react/core/data/propertyConfig.js";
+import { CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, ChatPanel, createChatResponseParser, parseChatResponse, parseMcpToolResult } from "./react/core/widgets/ChatPanel.js";
+import { Capture, loadCapturePlaceholderImage, useCapture } from "./react/core/widgets/Capture.js";
+import { CardHeader } from "./react/core/display/CardHeader.js";
 import { CategoryPalette } from "./react/utils/categoryPalette.js";
 import { CategoryProvider, useCategoryPalette, useCategoryPaletteRequired } from "./react/context/CategoryContext.js";
 import { Center } from "./react/core/layout/Center.js";
-import { Checkbox } from "./react/core/Checkbox.js";
+import { Checkbox } from "./react/core/inputs/Checkbox.js";
 import { ClassificationBanner } from "./react/astro/ClassificationBanner.js";
-import { ColorPickerPanel } from "./react/core/ColorPickerPanel.js";
-import { CommandBuilder } from "./react/core/CommandBuilder.js";
-import { ConfirmDialog, ConfirmProvider, useConfirm } from "./react/core/ConfirmDialog.js";
-import { ConnectionForm } from "./react/core/ConnectionForm.js";
-import { Container } from "./react/core/Container.js";
-import { CopyButton, useCopyToClipboard } from "./react/core/CopyButton.js";
-import { DataTable, DataTableRowDetail } from "./react/core/DataTable.js";
-import { DataValue, DataValueGroup } from "./react/core/DataValue.js";
-import { Dialog } from "./react/core/Dialog.js";
+import { ColorPickerPanel } from "./react/core/widgets/ColorPickerPanel.js";
+import { CommandBuilder } from "./react/core/widgets/CommandBuilder.js";
+import { ConfirmDialog, ConfirmProvider, useConfirm } from "./react/core/feedback/ConfirmDialog.js";
+import { ConnectionForm } from "./react/core/widgets/ConnectionForm.js";
+import { Container } from "./react/core/display/Container.js";
+import { CopyButton, useCopyToClipboard } from "./react/core/display/CopyButton.js";
+import { DataTable, DataTableRowDetail } from "./react/core/data/DataTable.js";
+import { DataValue, DataValueGroup } from "./react/core/data/DataValue.js";
+import { Dialog } from "./react/core/feedback/Dialog.js";
 import { DisplaySettingsProvider, GLASS_TINTS, PRESET_COLORS, getEffectiveCompactMode, useDisplaySettings, useDisplaySettingsOptional } from "./react/context/DisplaySettingsContext.js";
 import { Divider } from "./react/core/layout/Divider.js";
-import { FileExplorer } from "./react/core/FileExplorer.js";
+import { FileExplorer } from "./react/core/widgets/FileExplorer.js";
 import { Flex } from "./react/core/layout/Flex.js";
-import { GLASS_COLOR_OVERLAYS, GlassCard } from "./react/core/GlassCard.js";
+import { GLASS_COLOR_OVERLAYS, GlassCard } from "./react/core/display/GlassCard.js";
 import { GlobalStatusBar } from "./react/astro/GlobalStatusBar.js";
 import { Grid } from "./react/core/layout/Grid.js";
 import { GroundTrackMap } from "./react/charts/GroundTrackMap.js";
 import { HStack, Stack, VStack } from "./react/core/layout/Stack.js";
-import { HeaderIconWithStatus } from "./react/core/HeaderIconWithStatus.js";
-import { HexViewer, REGION_BORDER_COLORS, REGION_COLORS } from "./react/core/HexViewer.js";
-import { Icon, getIconNames, isValidIconName } from "./react/core/Icon.js";
-import { ImageGallery } from "./react/core/ImageGallery.js";
-import { Input } from "./react/core/Input.js";
-import { LimitsBar } from "./react/core/LimitsBar.js";
-import { LogViewer } from "./react/core/LogViewer.js";
-import { Menu, Popover } from "./react/core/Popover.js";
-import { MessageStream } from "./react/core/MessageStream.js";
+import { HeaderIconWithStatus } from "./react/core/display/HeaderIconWithStatus.js";
+import { HexViewer, REGION_BORDER_COLORS, REGION_COLORS } from "./react/core/widgets/HexViewer.js";
+import { Icon, getIconNames, isValidIconName } from "./react/core/display/Icon.js";
+import { ImageGallery } from "./react/core/widgets/ImageGallery.js";
+import { Input } from "./react/core/inputs/Input.js";
+import { LayerControlPanel } from "./react/panels/LayerControlPanel.js";
+import { LimitsBar } from "./react/core/inputs/LimitsBar.js";
+import { LogViewer } from "./react/core/widgets/LogViewer.js";
+import { Menu, Popover } from "./react/core/overlays/Popover.js";
+import { MessageStream } from "./react/core/widgets/MessageStream.js";
 import { MiniSimulationControls, SimulationControls, SimulationControlsWithClock } from "./react/astro/SimulationControls.js";
-import { MissionCalendar } from "./react/core/MissionCalendar.js";
+import { MissionCalendar } from "./react/core/widgets/MissionCalendar.js";
 import { MissionClock } from "./react/astro/MissionClock.js";
 import { MonitoringIcon } from "./react/astro/MonitoringIcon.js";
 import { Notification } from "./react/astro/Notification.js";
-import { NumberInput } from "./react/core/NumberInput.js";
-import { PacketViewer } from "./react/core/PacketViewer.js";
-import { Pagination } from "./react/core/Pagination.js";
-import { PinInput } from "./react/core/PinInput.js";
+import { NumberInput } from "./react/core/inputs/NumberInput.js";
+import { ObjectInventoryPanel, recommendedFlyDistance } from "./react/panels/ObjectInventoryPanel.js";
+import { PacketViewer } from "./react/core/widgets/PacketViewer.js";
+import { Pagination } from "./react/core/navigation/Pagination.js";
+import { PinInput } from "./react/core/inputs/PinInput.js";
 import { Progress } from "./react/astro/Progress.js";
-import { SIDENAV_HEADER_LOGO_SLOT_HEIGHT_PX, SideNav } from "./react/core/SideNav.js";
-import { Select } from "./react/core/Select.js";
-import { SidePanel } from "./react/core/SidePanel.js";
+import { SIDENAV_HEADER_LOGO_SLOT_HEIGHT_PX, SideNav } from "./react/core/navigation/SideNav.js";
+import { Select } from "./react/core/inputs/Select.js";
+import { SidePanel } from "./react/core/overlays/SidePanel.js";
 import { Spacer } from "./react/core/layout/Spacer.js";
 import { StatusIndicator } from "./react/astro/StatusIndicator.js";
-import { Tabs } from "./react/core/Tabs.js";
+import { Tabs } from "./react/core/navigation/Tabs.js";
 import { ThemeProvider, useScrollbarStyles, useTheme, useThemeTokens } from "./react/theme/ThemeProvider.js";
 import { UnifiedTimeline } from "./react/astro/UnifiedTimeline.js";
-import { ToastProvider, useToast, useToastManager } from "./react/core/Toast.js";
-import { Toggle } from "./react/core/Toggle.js";
-import { Tooltip } from "./react/core/Tooltip.js";
+import { ToastProvider, useToast, useToastManager } from "./react/core/feedback/Toast.js";
+import { Toggle } from "./react/core/inputs/Toggle.js";
+import { Tooltip } from "./react/core/overlays/Tooltip.js";
+import { ZenSpace3D } from "./react/3d/ZenSpace3D.js";
+import { ecefEulerXyzToHpr, ecefMetersToSdkPosition } from "./react/3d/CesiumCaptureSource.js";
 import { resolveResponsive, resolveSpacing } from "./react/core/layout/responsive.js";
+import { useSimulationScene } from "./react/hooks/useSimulationScene.js";
 export {
   ActivityPlanner,
   AppBar,
@@ -88,6 +94,7 @@ export {
   CHAT_RESPONSE_TOOL_SCHEMA,
   CHAT_RESPONSE_YAML_PROMPT,
   CHAT_STATUS_RULES_PROMPT,
+  Capture,
   CardAccentProvider,
   CardHeader,
   CategoryPalette,
@@ -139,6 +146,7 @@ export {
   ImageGallery,
   Input,
   Label,
+  LayerControlPanel,
   LimitsBar,
   LogViewer,
   Menu,
@@ -151,6 +159,7 @@ export {
   Mono,
   Notification,
   NumberInput,
+  ObjectInventoryPanel,
   PLANETS,
   PRESET_COLORS,
   PROPERTY_PRESETS,
@@ -186,6 +195,7 @@ export {
   Tooltip,
   Typography,
   VStack,
+  ZenSpace3D,
   addAlpha,
   auToKm,
   clamp,
@@ -194,6 +204,8 @@ export {
   createPropertyConfig,
   deriveBatteryStatus,
   deriveStatus,
+  ecefEulerXyzToHpr,
+  ecefMetersToSdkPosition,
   estimateOrbitalPeriod,
   estimateOrbitalVelocity,
   focusRingStyle,
@@ -232,11 +244,13 @@ export {
   isValidIconName,
   isValidNumber,
   lerp,
+  loadCapturePlaceholderImage,
   mapRange,
   normalizePlanetName,
   normalizeStatus,
   parseChatResponse,
   parseMcpToolResult,
+  recommendedFlyDistance,
   resolveResponsive,
   resolveSpacing,
   safeAccentText,
@@ -244,6 +258,7 @@ export {
   tabularNumsStyle,
   transitions,
   useBreakpoint,
+  useCapture,
   useCardAccent,
   useCategoryPalette,
   useCategoryPaletteRequired,
@@ -253,6 +268,7 @@ export {
   useDisplaySettings,
   useDisplaySettingsOptional,
   useScrollbarStyles,
+  useSimulationScene,
   useTheme,
   useThemeTokens,
   useToast,

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/shaders/atmosphere.frag.js

@@ -0,0 +1,5 @@
+const atmosphereFragmentShader = "uniform vec3 uSunDirection;\n\nvarying vec3 vNormal;\nvarying vec3 vPosition;\nvarying vec3 vWorldPosition;\n\nvoid main() {\n  // Base atmospheric scattering\n  float viewIntensity = pow(0.65 - dot(vNormal, vec3(0.0, 0.0, 1.0)), 2.0);\n  \n  // Sun-facing glow (brighter on the side facing the sun)\n  vec3 worldNormal = normalize(vWorldPosition);\n  float sunFacing = dot(worldNormal, normalize(uSunDirection));\n  float sunGlow = max(0.0, sunFacing) * 0.6 + 0.4; // 0.4-1.0 range\n  \n  // Terminator enhancement (glow at day/night boundary)\n  float terminator = 1.0 - abs(sunFacing);\n  float terminatorGlow = pow(terminator, 3.0) * 0.3;\n  \n  // Combine effects\n  float totalIntensity = viewIntensity * sunGlow + terminatorGlow;\n  \n  // Atmosphere color (blue with slight orange on sun side)\n  vec3 dayColor = vec3(0.3, 0.6, 1.0);\n  vec3 sunsetColor = vec3(1.0, 0.5, 0.2);\n  vec3 atmosphereColor = mix(dayColor, sunsetColor, pow(max(0.0, terminator), 4.0) * 0.3);\n  \n  gl_FragColor = vec4(atmosphereColor, 1.0) * totalIntensity;\n}\n";
+export {
+  atmosphereFragmentShader as default
+};
+//# sourceMappingURL=atmosphere.frag.js.map

package/dist/shaders/atmosphere.frag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atmosphere.frag.js","sources":["../../src/shaders/atmosphere.frag?raw"],"sourcesContent":["export default \"uniform vec3 uSunDirection;\\n\\nvarying vec3 vNormal;\\nvarying vec3 vPosition;\\nvarying vec3 vWorldPosition;\\n\\nvoid main() {\\n  // Base atmospheric scattering\\n  float viewIntensity = pow(0.65 - dot(vNormal, vec3(0.0, 0.0, 1.0)), 2.0);\\n  \\n  // Sun-facing glow (brighter on the side facing the sun)\\n  vec3 worldNormal = normalize(vWorldPosition);\\n  float sunFacing = dot(worldNormal, normalize(uSunDirection));\\n  float sunGlow = max(0.0, sunFacing) * 0.6 + 0.4; // 0.4-1.0 range\\n  \\n  // Terminator enhancement (glow at day/night boundary)\\n  float terminator = 1.0 - abs(sunFacing);\\n  float terminatorGlow = pow(terminator, 3.0) * 0.3;\\n  \\n  // Combine effects\\n  float totalIntensity = viewIntensity * sunGlow + terminatorGlow;\\n  \\n  // Atmosphere color (blue with slight orange on sun side)\\n  vec3 dayColor = vec3(0.3, 0.6, 1.0);\\n  vec3 sunsetColor = vec3(1.0, 0.5, 0.2);\\n  vec3 atmosphereColor = mix(dayColor, sunsetColor, pow(max(0.0, terminator), 4.0) * 0.3);\\n  \\n  gl_FragColor = vec4(atmosphereColor, 1.0) * totalIntensity;\\n}\\n\""],"names":[],"mappings":"AAAA,MAAA,2BAAe;"}

package/dist/shaders/atmosphere.vert.js

@@ -0,0 +1,5 @@
+const atmosphereVertexShader = "varying vec3 vNormal;\nvarying vec3 vPosition;\nvarying vec3 vWorldPosition;\n\nvoid main() {\n  vNormal = normalize(mat3(modelViewMatrix) * normal);\n  vPosition = position;\n  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";
+export {
+  atmosphereVertexShader as default
+};
+//# sourceMappingURL=atmosphere.vert.js.map

package/dist/shaders/atmosphere.vert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atmosphere.vert.js","sources":["../../src/shaders/atmosphere.vert?raw"],"sourcesContent":["export default \"varying vec3 vNormal;\\nvarying vec3 vPosition;\\nvarying vec3 vWorldPosition;\\n\\nvoid main() {\\n  vNormal = normalize(mat3(modelViewMatrix) * normal);\\n  vPosition = position;\\n  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\\n}\\n\""],"names":[],"mappings":"AAAA,MAAA,yBAAe;"}

package/dist/shaders/stars.frag.js

@@ -0,0 +1,5 @@
+const starsFragmentShader = "uniform float time;\r\nvarying float vOpacity;\r\n\r\nvoid main() {\r\n  float dist = length(gl_PointCoord - vec2(0.5));\r\n  if (dist > 0.5) discard;\r\n\r\n  float twinkle = sin(time * vOpacity * 3.0 + vOpacity * 10.0) * 0.3 + 0.7;\r\n  float alpha = (1.0 - dist * 2.0) * twinkle;\r\n\r\n  gl_FragColor = vec4(1.0, 1.0, 1.0, alpha);\r\n}\r\n\r\n\r\n\r\n\r\n";
+export {
+  starsFragmentShader as default
+};
+//# sourceMappingURL=stars.frag.js.map

package/dist/shaders/stars.frag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stars.frag.js","sources":["../../src/shaders/stars.frag?raw"],"sourcesContent":["export default \"uniform float time;\\r\\nvarying float vOpacity;\\r\\n\\r\\nvoid main() {\\r\\n  float dist = length(gl_PointCoord - vec2(0.5));\\r\\n  if (dist > 0.5) discard;\\r\\n\\r\\n  float twinkle = sin(time * vOpacity * 3.0 + vOpacity * 10.0) * 0.3 + 0.7;\\r\\n  float alpha = (1.0 - dist * 2.0) * twinkle;\\r\\n\\r\\n  gl_FragColor = vec4(1.0, 1.0, 1.0, alpha);\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\""],"names":[],"mappings":"AAAA,MAAA,sBAAe;"}

package/dist/shaders/stars.vert.js

@@ -0,0 +1,5 @@
+const starsVertexShader = "attribute float opacity;\r\nvarying float vOpacity;\r\n\r\nvoid main() {\r\n  vOpacity = opacity;\r\n  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\r\n  gl_PointSize = 3.0;\r\n  gl_Position = projectionMatrix * mvPosition;\r\n}\r\n\r\n\r\n\r\n\r\n";
+export {
+  starsVertexShader as default
+};
+//# sourceMappingURL=stars.vert.js.map

package/dist/shaders/stars.vert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stars.vert.js","sources":["../../src/shaders/stars.vert?raw"],"sourcesContent":["export default \"attribute float opacity;\\r\\nvarying float vOpacity;\\r\\n\\r\\nvoid main() {\\r\\n  vOpacity = opacity;\\r\\n  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\\r\\n  gl_PointSize = 3.0;\\r\\n  gl_Position = projectionMatrix * mvPosition;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\""],"names":[],"mappings":"AAAA,MAAA,oBAAe;"}

package/dist/style.css

@@ -4,10 +4,12 @@
  * Keeps map controls on-brand and minimizes third-party branding on the frontend.
  */
 
-/* Container: match SDK background and radius */
+/* Container: match SDK background and radius. Inherit the active theme
+ * font (set by <ThemeProvider />) instead of hard-coding Roboto, so
+ * Leaflet text stays consistent with the rest of the app. */
 .zendir-ground-track-map .leaflet-container {
   background: #0f1520;
-  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-family: var(--font-family-primary, 'Public Sans', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
   cursor: grab;
 }
 
@@ -131,7 +133,7 @@
   border-radius: 6px !important;
   color: #e4e0f0 !important;
   font-size: 11px !important;
-  font-family: 'Roboto', 'Inter', system-ui, sans-serif !important;
+  font-family: var(--font-family-primary, 'Public Sans', 'Roboto', 'Inter', system-ui, sans-serif) !important;
   padding: 5px 9px !important;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45) !important;
   white-space: nowrap;
@@ -168,7 +170,7 @@
   border-radius: 6px !important;
   color: #e4e0f0 !important;
   font-size: 11px !important;
-  font-family: 'Roboto', 'Inter', system-ui, sans-serif !important;
+  font-family: var(--font-family-primary, 'Public Sans', 'Roboto', 'Inter', system-ui, sans-serif) !important;
   padding: 5px 9px !important;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45) !important;
   pointer-events: none;

package/dist/tokens/css-vars.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @zendir/ui — CSS variable name constants
+ *
+ * AUTO-GENERATED from src/tokens/index.ts. DO NOT EDIT BY HAND.
+ * Regenerate with: npm run build:tokens
+ *
+ * Use these instead of writing `var('--zendir-…')` literally — typos
+ * become compile errors, refactors are safe, and renames propagate.
+ *
+ * Example:
+ *   import { CSS_VAR_FONT_PRIMARY } from '@zendir/ui/tokens/css-vars';
+ *   const style = { fontFamily: `var(${CSS_VAR_FONT_PRIMARY})` };
+ */
+export declare const CSS_VAR_ACCENT_PRIMARY: "--zendir-accent-primary";
+export declare const CSS_VAR_ACCENT_SECONDARY: "--zendir-accent-secondary";
+export declare const CSS_VAR_ACCENT_TERTIARY: "--zendir-accent-tertiary";
+export declare const CSS_VAR_ANIMATION_FAST: "--zendir-animation-fast";
+export declare const CSS_VAR_ANIMATION_NORMAL: "--zendir-animation-normal";
+export declare const CSS_VAR_ANIMATION_SLOW: "--zendir-animation-slow";
+export declare const CSS_VAR_BG_BASE: "--zendir-bg-base";
+export declare const CSS_VAR_BG_ELEVATED: "--zendir-bg-elevated";
+export declare const CSS_VAR_BG_OVERLAY: "--zendir-bg-overlay";
+export declare const CSS_VAR_BG_SURFACE: "--zendir-bg-surface";
+export declare const CSS_VAR_BORDER_DEFAULT: "--zendir-border-default";
+export declare const CSS_VAR_BORDER_FOCUS: "--zendir-border-focus";
+export declare const CSS_VAR_BORDER_MUTED: "--zendir-border-muted";
+export declare const CSS_VAR_FONT_HEADING: "--zendir-font-heading";
+export declare const CSS_VAR_FONT_MONO: "--zendir-font-mono";
+export declare const CSS_VAR_FONT_PRIMARY: "--zendir-font-primary";
+export declare const CSS_VAR_FONT_SIZE_BASE: "--zendir-font-size-base";
+export declare const CSS_VAR_FONT_SIZE_DISPLAY: "--zendir-font-size-display";
+export declare const CSS_VAR_FONT_SIZE_LG: "--zendir-font-size-lg";
+export declare const CSS_VAR_FONT_SIZE_MD: "--zendir-font-size-md";
+export declare const CSS_VAR_FONT_SIZE_MICRO: "--zendir-font-size-micro";
+export declare const CSS_VAR_FONT_SIZE_SM: "--zendir-font-size-sm";
+export declare const CSS_VAR_FONT_SIZE_XL: "--zendir-font-size-xl";
+export declare const CSS_VAR_FONT_SIZE_XS: "--zendir-font-size-xs";
+export declare const CSS_VAR_FONT_SIZE_XXL: "--zendir-font-size-xxl";
+export declare const CSS_VAR_FONT_SIZE_XXS: "--zendir-font-size-xxs";
+export declare const CSS_VAR_FONT_SIZE_XXXL: "--zendir-font-size-xxxl";
+export declare const CSS_VAR_FONT_WEIGHT_BOLD: "--zendir-font-weight-bold";
+export declare const CSS_VAR_FONT_WEIGHT_LIGHT: "--zendir-font-weight-light";
+export declare const CSS_VAR_FONT_WEIGHT_MEDIUM: "--zendir-font-weight-medium";
+export declare const CSS_VAR_FONT_WEIGHT_NORMAL: "--zendir-font-weight-normal";
+export declare const CSS_VAR_LINE_HEIGHT_NORMAL: "--zendir-line-height-normal";
+export declare const CSS_VAR_LINE_HEIGHT_RELAXED: "--zendir-line-height-relaxed";
+export declare const CSS_VAR_LINE_HEIGHT_TIGHT: "--zendir-line-height-tight";
+export declare const CSS_VAR_RADIUS_FULL: "--zendir-radius-full";
+export declare const CSS_VAR_RADIUS_LG: "--zendir-radius-lg";
+export declare const CSS_VAR_RADIUS_MD: "--zendir-radius-md";
+export declare const CSS_VAR_RADIUS_NONE: "--zendir-radius-none";
+export declare const CSS_VAR_RADIUS_SM: "--zendir-radius-sm";
+export declare const CSS_VAR_RADIUS_XL: "--zendir-radius-xl";
+export declare const CSS_VAR_SHADOW_GLOW: "--zendir-shadow-glow";
+export declare const CSS_VAR_SHADOW_LG: "--zendir-shadow-lg";
+export declare const CSS_VAR_SHADOW_MD: "--zendir-shadow-md";
+export declare const CSS_VAR_SHADOW_NONE: "--zendir-shadow-none";
+export declare const CSS_VAR_SHADOW_SM: "--zendir-shadow-sm";
+export declare const CSS_VAR_SHADOW_XL: "--zendir-shadow-xl";
+export declare const CSS_VAR_SPACING_LG: "--zendir-spacing-lg";
+export declare const CSS_VAR_SPACING_MD: "--zendir-spacing-md";
+export declare const CSS_VAR_SPACING_SM: "--zendir-spacing-sm";
+export declare const CSS_VAR_SPACING_XL: "--zendir-spacing-xl";
+export declare const CSS_VAR_SPACING_XS: "--zendir-spacing-xs";
+export declare const CSS_VAR_SPACING_XXL: "--zendir-spacing-xxl";
+export declare const CSS_VAR_STATUS_CAUTION: "--zendir-status-caution";
+export declare const CSS_VAR_STATUS_CAUTION_BORDER: "--zendir-status-caution-border";
+export declare const CSS_VAR_STATUS_CAUTION_LIGHT: "--zendir-status-caution-light";
+export declare const CSS_VAR_STATUS_CRITICAL: "--zendir-status-critical";
+export declare const CSS_VAR_STATUS_CRITICAL_BORDER: "--zendir-status-critical-border";
+export declare const CSS_VAR_STATUS_CRITICAL_LIGHT: "--zendir-status-critical-light";
+export declare const CSS_VAR_STATUS_NORMAL: "--zendir-status-normal";
+export declare const CSS_VAR_STATUS_NORMAL_BORDER: "--zendir-status-normal-border";
+export declare const CSS_VAR_STATUS_NORMAL_LIGHT: "--zendir-status-normal-light";
+export declare const CSS_VAR_STATUS_OFF: "--zendir-status-off";
+export declare const CSS_VAR_STATUS_OFF_BORDER: "--zendir-status-off-border";
+export declare const CSS_VAR_STATUS_OFF_LIGHT: "--zendir-status-off-light";
+export declare const CSS_VAR_STATUS_SERIOUS: "--zendir-status-serious";
+export declare const CSS_VAR_STATUS_SERIOUS_BORDER: "--zendir-status-serious-border";
+export declare const CSS_VAR_STATUS_SERIOUS_LIGHT: "--zendir-status-serious-light";
+export declare const CSS_VAR_STATUS_STANDBY: "--zendir-status-standby";
+export declare const CSS_VAR_STATUS_STANDBY_BORDER: "--zendir-status-standby-border";
+export declare const CSS_VAR_STATUS_STANDBY_LIGHT: "--zendir-status-standby-light";
+export declare const CSS_VAR_TEXT_MUTED: "--zendir-text-muted";
+export declare const CSS_VAR_TEXT_PRIMARY: "--zendir-text-primary";
+export declare const CSS_VAR_TEXT_SECONDARY: "--zendir-text-secondary";
+export declare const CSS_VAR_TEXT_TERTIARY: "--zendir-text-tertiary";
+/** Union of every Zendir CSS variable name. Useful for `as ZendirCSSVar`. */
+export type ZendirCSSVar = '--zendir-accent-primary' | '--zendir-accent-secondary' | '--zendir-accent-tertiary' | '--zendir-animation-fast' | '--zendir-animation-normal' | '--zendir-animation-slow' | '--zendir-bg-base' | '--zendir-bg-elevated' | '--zendir-bg-overlay' | '--zendir-bg-surface' | '--zendir-border-default' | '--zendir-border-focus' | '--zendir-border-muted' | '--zendir-font-heading' | '--zendir-font-mono' | '--zendir-font-primary' | '--zendir-font-size-base' | '--zendir-font-size-display' | '--zendir-font-size-lg' | '--zendir-font-size-md' | '--zendir-font-size-micro' | '--zendir-font-size-sm' | '--zendir-font-size-xl' | '--zendir-font-size-xs' | '--zendir-font-size-xxl' | '--zendir-font-size-xxs' | '--zendir-font-size-xxxl' | '--zendir-font-weight-bold' | '--zendir-font-weight-light' | '--zendir-font-weight-medium' | '--zendir-font-weight-normal' | '--zendir-line-height-normal' | '--zendir-line-height-relaxed' | '--zendir-line-height-tight' | '--zendir-radius-full' | '--zendir-radius-lg' | '--zendir-radius-md' | '--zendir-radius-none' | '--zendir-radius-sm' | '--zendir-radius-xl' | '--zendir-shadow-glow' | '--zendir-shadow-lg' | '--zendir-shadow-md' | '--zendir-shadow-none' | '--zendir-shadow-sm' | '--zendir-shadow-xl' | '--zendir-spacing-lg' | '--zendir-spacing-md' | '--zendir-spacing-sm' | '--zendir-spacing-xl' | '--zendir-spacing-xs' | '--zendir-spacing-xxl' | '--zendir-status-caution' | '--zendir-status-caution-border' | '--zendir-status-caution-light' | '--zendir-status-critical' | '--zendir-status-critical-border' | '--zendir-status-critical-light' | '--zendir-status-normal' | '--zendir-status-normal-border' | '--zendir-status-normal-light' | '--zendir-status-off' | '--zendir-status-off-border' | '--zendir-status-off-light' | '--zendir-status-serious' | '--zendir-status-serious-border' | '--zendir-status-serious-light' | '--zendir-status-standby' | '--zendir-status-standby-border' | '--zendir-status-standby-light' | '--zendir-text-muted' | '--zendir-text-primary' | '--zendir-text-secondary' | '--zendir-text-tertiary';
+/** Array of every Zendir CSS variable name (alphabetised). */
+export declare const ALL_ZENDIR_CSS_VARS: readonly ZendirCSSVar[];

package/dist/tokens/css-vars.js

@@ -0,0 +1,228 @@
+const CSS_VAR_ACCENT_PRIMARY = "--zendir-accent-primary";
+const CSS_VAR_ACCENT_SECONDARY = "--zendir-accent-secondary";
+const CSS_VAR_ACCENT_TERTIARY = "--zendir-accent-tertiary";
+const CSS_VAR_ANIMATION_FAST = "--zendir-animation-fast";
+const CSS_VAR_ANIMATION_NORMAL = "--zendir-animation-normal";
+const CSS_VAR_ANIMATION_SLOW = "--zendir-animation-slow";
+const CSS_VAR_BG_BASE = "--zendir-bg-base";
+const CSS_VAR_BG_ELEVATED = "--zendir-bg-elevated";
+const CSS_VAR_BG_OVERLAY = "--zendir-bg-overlay";
+const CSS_VAR_BG_SURFACE = "--zendir-bg-surface";
+const CSS_VAR_BORDER_DEFAULT = "--zendir-border-default";
+const CSS_VAR_BORDER_FOCUS = "--zendir-border-focus";
+const CSS_VAR_BORDER_MUTED = "--zendir-border-muted";
+const CSS_VAR_FONT_HEADING = "--zendir-font-heading";
+const CSS_VAR_FONT_MONO = "--zendir-font-mono";
+const CSS_VAR_FONT_PRIMARY = "--zendir-font-primary";
+const CSS_VAR_FONT_SIZE_BASE = "--zendir-font-size-base";
+const CSS_VAR_FONT_SIZE_DISPLAY = "--zendir-font-size-display";
+const CSS_VAR_FONT_SIZE_LG = "--zendir-font-size-lg";
+const CSS_VAR_FONT_SIZE_MD = "--zendir-font-size-md";
+const CSS_VAR_FONT_SIZE_MICRO = "--zendir-font-size-micro";
+const CSS_VAR_FONT_SIZE_SM = "--zendir-font-size-sm";
+const CSS_VAR_FONT_SIZE_XL = "--zendir-font-size-xl";
+const CSS_VAR_FONT_SIZE_XS = "--zendir-font-size-xs";
+const CSS_VAR_FONT_SIZE_XXL = "--zendir-font-size-xxl";
+const CSS_VAR_FONT_SIZE_XXS = "--zendir-font-size-xxs";
+const CSS_VAR_FONT_SIZE_XXXL = "--zendir-font-size-xxxl";
+const CSS_VAR_FONT_WEIGHT_BOLD = "--zendir-font-weight-bold";
+const CSS_VAR_FONT_WEIGHT_LIGHT = "--zendir-font-weight-light";
+const CSS_VAR_FONT_WEIGHT_MEDIUM = "--zendir-font-weight-medium";
+const CSS_VAR_FONT_WEIGHT_NORMAL = "--zendir-font-weight-normal";
+const CSS_VAR_LINE_HEIGHT_NORMAL = "--zendir-line-height-normal";
+const CSS_VAR_LINE_HEIGHT_RELAXED = "--zendir-line-height-relaxed";
+const CSS_VAR_LINE_HEIGHT_TIGHT = "--zendir-line-height-tight";
+const CSS_VAR_RADIUS_FULL = "--zendir-radius-full";
+const CSS_VAR_RADIUS_LG = "--zendir-radius-lg";
+const CSS_VAR_RADIUS_MD = "--zendir-radius-md";
+const CSS_VAR_RADIUS_NONE = "--zendir-radius-none";
+const CSS_VAR_RADIUS_SM = "--zendir-radius-sm";
+const CSS_VAR_RADIUS_XL = "--zendir-radius-xl";
+const CSS_VAR_SHADOW_GLOW = "--zendir-shadow-glow";
+const CSS_VAR_SHADOW_LG = "--zendir-shadow-lg";
+const CSS_VAR_SHADOW_MD = "--zendir-shadow-md";
+const CSS_VAR_SHADOW_NONE = "--zendir-shadow-none";
+const CSS_VAR_SHADOW_SM = "--zendir-shadow-sm";
+const CSS_VAR_SHADOW_XL = "--zendir-shadow-xl";
+const CSS_VAR_SPACING_LG = "--zendir-spacing-lg";
+const CSS_VAR_SPACING_MD = "--zendir-spacing-md";
+const CSS_VAR_SPACING_SM = "--zendir-spacing-sm";
+const CSS_VAR_SPACING_XL = "--zendir-spacing-xl";
+const CSS_VAR_SPACING_XS = "--zendir-spacing-xs";
+const CSS_VAR_SPACING_XXL = "--zendir-spacing-xxl";
+const CSS_VAR_STATUS_CAUTION = "--zendir-status-caution";
+const CSS_VAR_STATUS_CAUTION_BORDER = "--zendir-status-caution-border";
+const CSS_VAR_STATUS_CAUTION_LIGHT = "--zendir-status-caution-light";
+const CSS_VAR_STATUS_CRITICAL = "--zendir-status-critical";
+const CSS_VAR_STATUS_CRITICAL_BORDER = "--zendir-status-critical-border";
+const CSS_VAR_STATUS_CRITICAL_LIGHT = "--zendir-status-critical-light";
+const CSS_VAR_STATUS_NORMAL = "--zendir-status-normal";
+const CSS_VAR_STATUS_NORMAL_BORDER = "--zendir-status-normal-border";
+const CSS_VAR_STATUS_NORMAL_LIGHT = "--zendir-status-normal-light";
+const CSS_VAR_STATUS_OFF = "--zendir-status-off";
+const CSS_VAR_STATUS_OFF_BORDER = "--zendir-status-off-border";
+const CSS_VAR_STATUS_OFF_LIGHT = "--zendir-status-off-light";
+const CSS_VAR_STATUS_SERIOUS = "--zendir-status-serious";
+const CSS_VAR_STATUS_SERIOUS_BORDER = "--zendir-status-serious-border";
+const CSS_VAR_STATUS_SERIOUS_LIGHT = "--zendir-status-serious-light";
+const CSS_VAR_STATUS_STANDBY = "--zendir-status-standby";
+const CSS_VAR_STATUS_STANDBY_BORDER = "--zendir-status-standby-border";
+const CSS_VAR_STATUS_STANDBY_LIGHT = "--zendir-status-standby-light";
+const CSS_VAR_TEXT_MUTED = "--zendir-text-muted";
+const CSS_VAR_TEXT_PRIMARY = "--zendir-text-primary";
+const CSS_VAR_TEXT_SECONDARY = "--zendir-text-secondary";
+const CSS_VAR_TEXT_TERTIARY = "--zendir-text-tertiary";
+const ALL_ZENDIR_CSS_VARS = [
+  "--zendir-accent-primary",
+  "--zendir-accent-secondary",
+  "--zendir-accent-tertiary",
+  "--zendir-animation-fast",
+  "--zendir-animation-normal",
+  "--zendir-animation-slow",
+  "--zendir-bg-base",
+  "--zendir-bg-elevated",
+  "--zendir-bg-overlay",
+  "--zendir-bg-surface",
+  "--zendir-border-default",
+  "--zendir-border-focus",
+  "--zendir-border-muted",
+  "--zendir-font-heading",
+  "--zendir-font-mono",
+  "--zendir-font-primary",
+  "--zendir-font-size-base",
+  "--zendir-font-size-display",
+  "--zendir-font-size-lg",
+  "--zendir-font-size-md",
+  "--zendir-font-size-micro",
+  "--zendir-font-size-sm",
+  "--zendir-font-size-xl",
+  "--zendir-font-size-xs",
+  "--zendir-font-size-xxl",
+  "--zendir-font-size-xxs",
+  "--zendir-font-size-xxxl",
+  "--zendir-font-weight-bold",
+  "--zendir-font-weight-light",
+  "--zendir-font-weight-medium",
+  "--zendir-font-weight-normal",
+  "--zendir-line-height-normal",
+  "--zendir-line-height-relaxed",
+  "--zendir-line-height-tight",
+  "--zendir-radius-full",
+  "--zendir-radius-lg",
+  "--zendir-radius-md",
+  "--zendir-radius-none",
+  "--zendir-radius-sm",
+  "--zendir-radius-xl",
+  "--zendir-shadow-glow",
+  "--zendir-shadow-lg",
+  "--zendir-shadow-md",
+  "--zendir-shadow-none",
+  "--zendir-shadow-sm",
+  "--zendir-shadow-xl",
+  "--zendir-spacing-lg",
+  "--zendir-spacing-md",
+  "--zendir-spacing-sm",
+  "--zendir-spacing-xl",
+  "--zendir-spacing-xs",
+  "--zendir-spacing-xxl",
+  "--zendir-status-caution",
+  "--zendir-status-caution-border",
+  "--zendir-status-caution-light",
+  "--zendir-status-critical",
+  "--zendir-status-critical-border",
+  "--zendir-status-critical-light",
+  "--zendir-status-normal",
+  "--zendir-status-normal-border",
+  "--zendir-status-normal-light",
+  "--zendir-status-off",
+  "--zendir-status-off-border",
+  "--zendir-status-off-light",
+  "--zendir-status-serious",
+  "--zendir-status-serious-border",
+  "--zendir-status-serious-light",
+  "--zendir-status-standby",
+  "--zendir-status-standby-border",
+  "--zendir-status-standby-light",
+  "--zendir-text-muted",
+  "--zendir-text-primary",
+  "--zendir-text-secondary",
+  "--zendir-text-tertiary"
+];
+export {
+  ALL_ZENDIR_CSS_VARS,
+  CSS_VAR_ACCENT_PRIMARY,
+  CSS_VAR_ACCENT_SECONDARY,
+  CSS_VAR_ACCENT_TERTIARY,
+  CSS_VAR_ANIMATION_FAST,
+  CSS_VAR_ANIMATION_NORMAL,
+  CSS_VAR_ANIMATION_SLOW,
+  CSS_VAR_BG_BASE,
+  CSS_VAR_BG_ELEVATED,
+  CSS_VAR_BG_OVERLAY,
+  CSS_VAR_BG_SURFACE,
+  CSS_VAR_BORDER_DEFAULT,
+  CSS_VAR_BORDER_FOCUS,
+  CSS_VAR_BORDER_MUTED,
+  CSS_VAR_FONT_HEADING,
+  CSS_VAR_FONT_MONO,
+  CSS_VAR_FONT_PRIMARY,
+  CSS_VAR_FONT_SIZE_BASE,
+  CSS_VAR_FONT_SIZE_DISPLAY,
+  CSS_VAR_FONT_SIZE_LG,
+  CSS_VAR_FONT_SIZE_MD,
+  CSS_VAR_FONT_SIZE_MICRO,
+  CSS_VAR_FONT_SIZE_SM,
+  CSS_VAR_FONT_SIZE_XL,
+  CSS_VAR_FONT_SIZE_XS,
+  CSS_VAR_FONT_SIZE_XXL,
+  CSS_VAR_FONT_SIZE_XXS,
+  CSS_VAR_FONT_SIZE_XXXL,
+  CSS_VAR_FONT_WEIGHT_BOLD,
+  CSS_VAR_FONT_WEIGHT_LIGHT,
+  CSS_VAR_FONT_WEIGHT_MEDIUM,
+  CSS_VAR_FONT_WEIGHT_NORMAL,
+  CSS_VAR_LINE_HEIGHT_NORMAL,
+  CSS_VAR_LINE_HEIGHT_RELAXED,
+  CSS_VAR_LINE_HEIGHT_TIGHT,
+  CSS_VAR_RADIUS_FULL,
+  CSS_VAR_RADIUS_LG,
+  CSS_VAR_RADIUS_MD,
+  CSS_VAR_RADIUS_NONE,
+  CSS_VAR_RADIUS_SM,
+  CSS_VAR_RADIUS_XL,
+  CSS_VAR_SHADOW_GLOW,
+  CSS_VAR_SHADOW_LG,
+  CSS_VAR_SHADOW_MD,
+  CSS_VAR_SHADOW_NONE,
+  CSS_VAR_SHADOW_SM,
+  CSS_VAR_SHADOW_XL,
+  CSS_VAR_SPACING_LG,
+  CSS_VAR_SPACING_MD,
+  CSS_VAR_SPACING_SM,
+  CSS_VAR_SPACING_XL,
+  CSS_VAR_SPACING_XS,
+  CSS_VAR_SPACING_XXL,
+  CSS_VAR_STATUS_CAUTION,
+  CSS_VAR_STATUS_CAUTION_BORDER,
+  CSS_VAR_STATUS_CAUTION_LIGHT,
+  CSS_VAR_STATUS_CRITICAL,
+  CSS_VAR_STATUS_CRITICAL_BORDER,
+  CSS_VAR_STATUS_CRITICAL_LIGHT,
+  CSS_VAR_STATUS_NORMAL,
+  CSS_VAR_STATUS_NORMAL_BORDER,
+  CSS_VAR_STATUS_NORMAL_LIGHT,
+  CSS_VAR_STATUS_OFF,
+  CSS_VAR_STATUS_OFF_BORDER,
+  CSS_VAR_STATUS_OFF_LIGHT,
+  CSS_VAR_STATUS_SERIOUS,
+  CSS_VAR_STATUS_SERIOUS_BORDER,
+  CSS_VAR_STATUS_SERIOUS_LIGHT,
+  CSS_VAR_STATUS_STANDBY,
+  CSS_VAR_STATUS_STANDBY_BORDER,
+  CSS_VAR_STATUS_STANDBY_LIGHT,
+  CSS_VAR_TEXT_MUTED,
+  CSS_VAR_TEXT_PRIMARY,
+  CSS_VAR_TEXT_SECONDARY,
+  CSS_VAR_TEXT_TERTIARY
+};
+//# sourceMappingURL=css-vars.js.map

package/dist/tokens/css-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-vars.js","sources":["../../src/tokens/css-vars.ts"],"sourcesContent":["/**\n * @zendir/ui — CSS variable name constants\n *\n * AUTO-GENERATED from src/tokens/index.ts. DO NOT EDIT BY HAND.\n * Regenerate with: npm run build:tokens\n *\n * Use these instead of writing `var('--zendir-…')` literally — typos\n * become compile errors, refactors are safe, and renames propagate.\n *\n * Example:\n *   import { CSS_VAR_FONT_PRIMARY } from '@zendir/ui/tokens/css-vars';\n *   const style = { fontFamily: `var(${CSS_VAR_FONT_PRIMARY})` };\n */\n\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n\nexport const CSS_VAR_ACCENT_PRIMARY = '--zendir-accent-primary' as const;\nexport const CSS_VAR_ACCENT_SECONDARY = '--zendir-accent-secondary' as const;\nexport const CSS_VAR_ACCENT_TERTIARY = '--zendir-accent-tertiary' as const;\nexport const CSS_VAR_ANIMATION_FAST = '--zendir-animation-fast' as const;\nexport const CSS_VAR_ANIMATION_NORMAL = '--zendir-animation-normal' as const;\nexport const CSS_VAR_ANIMATION_SLOW = '--zendir-animation-slow' as const;\nexport const CSS_VAR_BG_BASE = '--zendir-bg-base' as const;\nexport const CSS_VAR_BG_ELEVATED = '--zendir-bg-elevated' as const;\nexport const CSS_VAR_BG_OVERLAY = '--zendir-bg-overlay' as const;\nexport const CSS_VAR_BG_SURFACE = '--zendir-bg-surface' as const;\nexport const CSS_VAR_BORDER_DEFAULT = '--zendir-border-default' as const;\nexport const CSS_VAR_BORDER_FOCUS = '--zendir-border-focus' as const;\nexport const CSS_VAR_BORDER_MUTED = '--zendir-border-muted' as const;\nexport const CSS_VAR_FONT_HEADING = '--zendir-font-heading' as const;\nexport const CSS_VAR_FONT_MONO = '--zendir-font-mono' as const;\nexport const CSS_VAR_FONT_PRIMARY = '--zendir-font-primary' as const;\nexport const CSS_VAR_FONT_SIZE_BASE = '--zendir-font-size-base' as const;\nexport const CSS_VAR_FONT_SIZE_DISPLAY = '--zendir-font-size-display' as const;\nexport const CSS_VAR_FONT_SIZE_LG = '--zendir-font-size-lg' as const;\nexport const CSS_VAR_FONT_SIZE_MD = '--zendir-font-size-md' as const;\nexport const CSS_VAR_FONT_SIZE_MICRO = '--zendir-font-size-micro' as const;\nexport const CSS_VAR_FONT_SIZE_SM = '--zendir-font-size-sm' as const;\nexport const CSS_VAR_FONT_SIZE_XL = '--zendir-font-size-xl' as const;\nexport const CSS_VAR_FONT_SIZE_XS = '--zendir-font-size-xs' as const;\nexport const CSS_VAR_FONT_SIZE_XXL = '--zendir-font-size-xxl' as const;\nexport const CSS_VAR_FONT_SIZE_XXS = '--zendir-font-size-xxs' as const;\nexport const CSS_VAR_FONT_SIZE_XXXL = '--zendir-font-size-xxxl' as const;\nexport const CSS_VAR_FONT_WEIGHT_BOLD = '--zendir-font-weight-bold' as const;\nexport const CSS_VAR_FONT_WEIGHT_LIGHT = '--zendir-font-weight-light' as const;\nexport const CSS_VAR_FONT_WEIGHT_MEDIUM = '--zendir-font-weight-medium' as const;\nexport const CSS_VAR_FONT_WEIGHT_NORMAL = '--zendir-font-weight-normal' as const;\nexport const CSS_VAR_LINE_HEIGHT_NORMAL = '--zendir-line-height-normal' as const;\nexport const CSS_VAR_LINE_HEIGHT_RELAXED = '--zendir-line-height-relaxed' as const;\nexport const CSS_VAR_LINE_HEIGHT_TIGHT = '--zendir-line-height-tight' as const;\nexport const CSS_VAR_RADIUS_FULL = '--zendir-radius-full' as const;\nexport const CSS_VAR_RADIUS_LG = '--zendir-radius-lg' as const;\nexport const CSS_VAR_RADIUS_MD = '--zendir-radius-md' as const;\nexport const CSS_VAR_RADIUS_NONE = '--zendir-radius-none' as const;\nexport const CSS_VAR_RADIUS_SM = '--zendir-radius-sm' as const;\nexport const CSS_VAR_RADIUS_XL = '--zendir-radius-xl' as const;\nexport const CSS_VAR_SHADOW_GLOW = '--zendir-shadow-glow' as const;\nexport const CSS_VAR_SHADOW_LG = '--zendir-shadow-lg' as const;\nexport const CSS_VAR_SHADOW_MD = '--zendir-shadow-md' as const;\nexport const CSS_VAR_SHADOW_NONE = '--zendir-shadow-none' as const;\nexport const CSS_VAR_SHADOW_SM = '--zendir-shadow-sm' as const;\nexport const CSS_VAR_SHADOW_XL = '--zendir-shadow-xl' as const;\nexport const CSS_VAR_SPACING_LG = '--zendir-spacing-lg' as const;\nexport const CSS_VAR_SPACING_MD = '--zendir-spacing-md' as const;\nexport const CSS_VAR_SPACING_SM = '--zendir-spacing-sm' as const;\nexport const CSS_VAR_SPACING_XL = '--zendir-spacing-xl' as const;\nexport const CSS_VAR_SPACING_XS = '--zendir-spacing-xs' as const;\nexport const CSS_VAR_SPACING_XXL = '--zendir-spacing-xxl' as const;\nexport const CSS_VAR_STATUS_CAUTION = '--zendir-status-caution' as const;\nexport const CSS_VAR_STATUS_CAUTION_BORDER = '--zendir-status-caution-border' as const;\nexport const CSS_VAR_STATUS_CAUTION_LIGHT = '--zendir-status-caution-light' as const;\nexport const CSS_VAR_STATUS_CRITICAL = '--zendir-status-critical' as const;\nexport const CSS_VAR_STATUS_CRITICAL_BORDER = '--zendir-status-critical-border' as const;\nexport const CSS_VAR_STATUS_CRITICAL_LIGHT = '--zendir-status-critical-light' as const;\nexport const CSS_VAR_STATUS_NORMAL = '--zendir-status-normal' as const;\nexport const CSS_VAR_STATUS_NORMAL_BORDER = '--zendir-status-normal-border' as const;\nexport const CSS_VAR_STATUS_NORMAL_LIGHT = '--zendir-status-normal-light' as const;\nexport const CSS_VAR_STATUS_OFF = '--zendir-status-off' as const;\nexport const CSS_VAR_STATUS_OFF_BORDER = '--zendir-status-off-border' as const;\nexport const CSS_VAR_STATUS_OFF_LIGHT = '--zendir-status-off-light' as const;\nexport const CSS_VAR_STATUS_SERIOUS = '--zendir-status-serious' as const;\nexport const CSS_VAR_STATUS_SERIOUS_BORDER = '--zendir-status-serious-border' as const;\nexport const CSS_VAR_STATUS_SERIOUS_LIGHT = '--zendir-status-serious-light' as const;\nexport const CSS_VAR_STATUS_STANDBY = '--zendir-status-standby' as const;\nexport const CSS_VAR_STATUS_STANDBY_BORDER = '--zendir-status-standby-border' as const;\nexport const CSS_VAR_STATUS_STANDBY_LIGHT = '--zendir-status-standby-light' as const;\nexport const CSS_VAR_TEXT_MUTED = '--zendir-text-muted' as const;\nexport const CSS_VAR_TEXT_PRIMARY = '--zendir-text-primary' as const;\nexport const CSS_VAR_TEXT_SECONDARY = '--zendir-text-secondary' as const;\nexport const CSS_VAR_TEXT_TERTIARY = '--zendir-text-tertiary' as const;\n\n/** Union of every Zendir CSS variable name. Useful for `as ZendirCSSVar`. */\nexport type ZendirCSSVar =\n  | '--zendir-accent-primary'\n  | '--zendir-accent-secondary'\n  | '--zendir-accent-tertiary'\n  | '--zendir-animation-fast'\n  | '--zendir-animation-normal'\n  | '--zendir-animation-slow'\n  | '--zendir-bg-base'\n  | '--zendir-bg-elevated'\n  | '--zendir-bg-overlay'\n  | '--zendir-bg-surface'\n  | '--zendir-border-default'\n  | '--zendir-border-focus'\n  | '--zendir-border-muted'\n  | '--zendir-font-heading'\n  | '--zendir-font-mono'\n  | '--zendir-font-primary'\n  | '--zendir-font-size-base'\n  | '--zendir-font-size-display'\n  | '--zendir-font-size-lg'\n  | '--zendir-font-size-md'\n  | '--zendir-font-size-micro'\n  | '--zendir-font-size-sm'\n  | '--zendir-font-size-xl'\n  | '--zendir-font-size-xs'\n  | '--zendir-font-size-xxl'\n  | '--zendir-font-size-xxs'\n  | '--zendir-font-size-xxxl'\n  | '--zendir-font-weight-bold'\n  | '--zendir-font-weight-light'\n  | '--zendir-font-weight-medium'\n  | '--zendir-font-weight-normal'\n  | '--zendir-line-height-normal'\n  | '--zendir-line-height-relaxed'\n  | '--zendir-line-height-tight'\n  | '--zendir-radius-full'\n  | '--zendir-radius-lg'\n  | '--zendir-radius-md'\n  | '--zendir-radius-none'\n  | '--zendir-radius-sm'\n  | '--zendir-radius-xl'\n  | '--zendir-shadow-glow'\n  | '--zendir-shadow-lg'\n  | '--zendir-shadow-md'\n  | '--zendir-shadow-none'\n  | '--zendir-shadow-sm'\n  | '--zendir-shadow-xl'\n  | '--zendir-spacing-lg'\n  | '--zendir-spacing-md'\n  | '--zendir-spacing-sm'\n  | '--zendir-spacing-xl'\n  | '--zendir-spacing-xs'\n  | '--zendir-spacing-xxl'\n  | '--zendir-status-caution'\n  | '--zendir-status-caution-border'\n  | '--zendir-status-caution-light'\n  | '--zendir-status-critical'\n  | '--zendir-status-critical-border'\n  | '--zendir-status-critical-light'\n  | '--zendir-status-normal'\n  | '--zendir-status-normal-border'\n  | '--zendir-status-normal-light'\n  | '--zendir-status-off'\n  | '--zendir-status-off-border'\n  | '--zendir-status-off-light'\n  | '--zendir-status-serious'\n  | '--zendir-status-serious-border'\n  | '--zendir-status-serious-light'\n  | '--zendir-status-standby'\n  | '--zendir-status-standby-border'\n  | '--zendir-status-standby-light'\n  | '--zendir-text-muted'\n  | '--zendir-text-primary'\n  | '--zendir-text-secondary'\n  | '--zendir-text-tertiary';\n\n/** Array of every Zendir CSS variable name (alphabetised). */\nexport const ALL_ZENDIR_CSS_VARS: readonly ZendirCSSVar[] = [\n  '--zendir-accent-primary',\n  '--zendir-accent-secondary',\n  '--zendir-accent-tertiary',\n  '--zendir-animation-fast',\n  '--zendir-animation-normal',\n  '--zendir-animation-slow',\n  '--zendir-bg-base',\n  '--zendir-bg-elevated',\n  '--zendir-bg-overlay',\n  '--zendir-bg-surface',\n  '--zendir-border-default',\n  '--zendir-border-focus',\n  '--zendir-border-muted',\n  '--zendir-font-heading',\n  '--zendir-font-mono',\n  '--zendir-font-primary',\n  '--zendir-font-size-base',\n  '--zendir-font-size-display',\n  '--zendir-font-size-lg',\n  '--zendir-font-size-md',\n  '--zendir-font-size-micro',\n  '--zendir-font-size-sm',\n  '--zendir-font-size-xl',\n  '--zendir-font-size-xs',\n  '--zendir-font-size-xxl',\n  '--zendir-font-size-xxs',\n  '--zendir-font-size-xxxl',\n  '--zendir-font-weight-bold',\n  '--zendir-font-weight-light',\n  '--zendir-font-weight-medium',\n  '--zendir-font-weight-normal',\n  '--zendir-line-height-normal',\n  '--zendir-line-height-relaxed',\n  '--zendir-line-height-tight',\n  '--zendir-radius-full',\n  '--zendir-radius-lg',\n  '--zendir-radius-md',\n  '--zendir-radius-none',\n  '--zendir-radius-sm',\n  '--zendir-radius-xl',\n  '--zendir-shadow-glow',\n  '--zendir-shadow-lg',\n  '--zendir-shadow-md',\n  '--zendir-shadow-none',\n  '--zendir-shadow-sm',\n  '--zendir-shadow-xl',\n  '--zendir-spacing-lg',\n  '--zendir-spacing-md',\n  '--zendir-spacing-sm',\n  '--zendir-spacing-xl',\n  '--zendir-spacing-xs',\n  '--zendir-spacing-xxl',\n  '--zendir-status-caution',\n  '--zendir-status-caution-border',\n  '--zendir-status-caution-light',\n  '--zendir-status-critical',\n  '--zendir-status-critical-border',\n  '--zendir-status-critical-light',\n  '--zendir-status-normal',\n  '--zendir-status-normal-border',\n  '--zendir-status-normal-light',\n  '--zendir-status-off',\n  '--zendir-status-off-border',\n  '--zendir-status-off-light',\n  '--zendir-status-serious',\n  '--zendir-status-serious-border',\n  '--zendir-status-serious-light',\n  '--zendir-status-standby',\n  '--zendir-status-standby-border',\n  '--zendir-status-standby-light',\n  '--zendir-text-muted',\n  '--zendir-text-primary',\n  '--zendir-text-secondary',\n  '--zendir-text-tertiary',\n] as const;\n"],"names":[],"mappings":"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"}