@elevasis/ui 2.66.0 → 2.68.0

package/dist/{chunk-4OEVLV66.js → chunk-R6NMRXNO.js}

@@ -1,116 +1,7 @@
 import { PRESETS, getPreset, generateShades } from './chunk-RBGVNPA6.js';
 import { Tooltip, Tree, Text, TagsInput, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, MultiSelect, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Drawer, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useContext } from 'react';
 
-// src/theme/cssVariables.ts
-var TOKEN_VAR_MAP = {
-  primary: "--color-primary",
-  primaryContrast: "--color-primary-contrast",
-  background: "--color-background",
-  surface: "--color-surface",
-  surfaceHover: "--color-surface-hover",
-  elevatedSurface: "--color-elevated",
-  text: "--color-text",
-  textDimmed: "--color-text-dimmed",
-  textSubtle: "--color-text-subtle",
-  border: "--color-border",
-  error: "--color-error",
-  warning: "--color-warning",
-  success: "--color-success",
-  glassBackground: "--glass-background",
-  glassBlur: "--glass-blur",
-  shadow: "--standard-box-shadow",
-  cardShadow: "--card-shadow",
-  durationFast: "--duration-fast",
-  durationNormal: "--duration-normal",
-  easing: "--easing",
-  destructiveFg: "--color-destructive-fg",
-  fontHeading: "--font-heading",
-  fontSans: "--font-sans"
-};
-var FRAMEWORK_BRIDGE = {
-  "--mantine-color-text": "var(--color-text)",
-  "--mantine-color-body": "var(--color-background)",
-  "--mantine-color-dimmed": "var(--color-text-dimmed)",
-  // Primary color functional variants — used by Tabs, SegmentedControl, Badge, Button, etc.
-  "--mantine-primary-color-filled": "var(--color-primary)",
-  "--mantine-primary-color-filled-hover": "color-mix(in srgb, var(--color-primary) 90%, black)",
-  "--mantine-primary-color-light": "color-mix(in srgb, var(--color-primary) 15%, transparent)",
-  "--mantine-primary-color-light-hover": "color-mix(in srgb, var(--color-primary) 20%, transparent)",
-  "--mantine-primary-color-light-color": "var(--color-primary)",
-  "--mantine-primary-color-contrast": "var(--color-primary-contrast)",
-  // Active/selected state — used by selectable cards, active filters, plan tiers, etc.
-  "--surface-primary-faint": "color-mix(in srgb, var(--color-primary) 5%, var(--color-elevated))",
-  "--surface-primary-subtle": "color-mix(in srgb, var(--color-primary) 6%, var(--color-elevated))",
-  "--surface-primary-muted": "color-mix(in srgb, var(--color-primary) 8%, var(--color-elevated))",
-  "--surface-primary-strong": "color-mix(in srgb, var(--color-primary) 18%, var(--color-elevated))",
-  "--border-primary-faint": "color-mix(in srgb, var(--color-primary) 12%, var(--color-border))",
-  "--border-primary-soft": "color-mix(in srgb, var(--color-primary) 16%, var(--color-border))",
-  "--border-primary-subtle": "color-mix(in srgb, var(--color-primary) 18%, var(--color-border))",
-  "--border-primary-muted": "color-mix(in srgb, var(--color-primary) 34%, var(--color-border))",
-  "--border-primary-strong": "color-mix(in srgb, var(--color-primary) 40%, var(--color-border))",
-  "--active-border": "1px solid var(--border-primary-strong)",
-  "--active-background": "var(--surface-primary-muted)",
-  "--input-value-background": "var(--surface-primary-strong)",
-  "--input-value-border": "1px solid var(--border-primary-muted)"
-};
-var RIGHT_PANEL_BACKGROUND = {
-  light: "color-mix(in srgb, var(--color-elevated) 88%, var(--color-background))",
-  dark: "color-mix(in srgb, color-mix(in srgb, var(--color-elevated) 82%, var(--glass-background)) 78%, rgba(8, 9, 11, 0.96))"
-};
-function shadesToVars(shades) {
-  const vars = {};
-  for (let i = 0; i < shades.length; i++) {
-    vars[`--mantine-color-primary-${i}`] = shades[i];
-  }
-  return vars;
-}
-function presetToVars(tokens) {
-  const result = {};
-  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
-    const value = tokens[key];
-    if (value) result[varName] = value;
-  }
-  return result;
-}
-function mapTokens(tokens) {
-  if (!tokens) return {};
-  const result = {};
-  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
-    const value = tokens[key];
-    if (value) result[varName] = value;
-  }
-  return result;
-}
-function createCssVariablesResolver(tokens, preset, presetsMap) {
-  const resolved = getPreset(preset ?? "default", presetsMap);
-  const lightDefaults = presetToVars(resolved.light);
-  const darkDefaults = presetToVars(resolved.dark);
-  const flat = mapTokens(tokens);
-  const light = mapTokens(tokens?.light);
-  const dark = mapTokens(tokens?.dark);
-  const lightPrimary = tokens?.light?.primary ?? tokens?.primary ?? resolved.light.primary;
-  const darkPrimary = tokens?.dark?.primary ?? tokens?.primary ?? resolved.dark.primary;
-  const lightShades = shadesToVars(generateShades(lightPrimary));
-  const darkShades = shadesToVars(generateShades(darkPrimary));
-  return () => ({
-    variables: { ...FRAMEWORK_BRIDGE },
-    light: {
-      ...lightShades,
-      ...lightDefaults,
-      ...flat,
-      ...light,
-      "--right-panel-background": RIGHT_PANEL_BACKGROUND.light
-    },
-    dark: {
-      ...darkShades,
-      ...darkDefaults,
-      ...flat,
-      ...dark,
-      "--right-panel-background": RIGHT_PANEL_BACKGROUND.dark
-    }
-  });
-}
 var DEFAULT_SIZE = "sm";
 var glassBase = {
   backdropFilter: "var(--glass-blur)",
@@ -418,8 +309,6 @@ var componentThemes = {
   })
   // Pagination styles are in custom.css to support :not([data-active]) selector
 };
-
-// src/theme/MantineThemeOverride.ts
 var mantineThemeOverride = createTheme({
   defaultRadius: "xs",
   fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
@@ -447,44 +336,120 @@ var mantineThemeOverride = createTheme({
   },
   components: componentThemes
 });
+
+// src/theme/cssVariables.ts
+var TOKEN_VAR_MAP = {
+  primary: "--color-primary",
+  primaryContrast: "--color-primary-contrast",
+  background: "--color-background",
+  surface: "--color-surface",
+  surfaceHover: "--color-surface-hover",
+  elevatedSurface: "--color-elevated",
+  text: "--color-text",
+  textDimmed: "--color-text-dimmed",
+  textSubtle: "--color-text-subtle",
+  border: "--color-border",
+  error: "--color-error",
+  warning: "--color-warning",
+  success: "--color-success",
+  glassBackground: "--glass-background",
+  glassBlur: "--glass-blur",
+  shadow: "--standard-box-shadow",
+  cardShadow: "--card-shadow",
+  durationFast: "--duration-fast",
+  durationNormal: "--duration-normal",
+  easing: "--easing",
+  destructiveFg: "--color-destructive-fg",
+  fontHeading: "--font-heading",
+  fontSans: "--font-sans"
+};
+var FRAMEWORK_BRIDGE = {
+  "--mantine-color-text": "var(--color-text)",
+  "--mantine-color-body": "var(--color-background)",
+  "--mantine-color-dimmed": "var(--color-text-dimmed)",
+  // Primary color functional variants — used by Tabs, SegmentedControl, Badge, Button, etc.
+  "--mantine-primary-color-filled": "var(--color-primary)",
+  "--mantine-primary-color-filled-hover": "color-mix(in srgb, var(--color-primary) 90%, black)",
+  "--mantine-primary-color-light": "color-mix(in srgb, var(--color-primary) 15%, transparent)",
+  "--mantine-primary-color-light-hover": "color-mix(in srgb, var(--color-primary) 20%, transparent)",
+  "--mantine-primary-color-light-color": "var(--color-primary)",
+  "--mantine-primary-color-contrast": "var(--color-primary-contrast)",
+  // Active/selected state — used by selectable cards, active filters, plan tiers, etc.
+  "--surface-primary-faint": "color-mix(in srgb, var(--color-primary) 5%, var(--color-elevated))",
+  "--surface-primary-subtle": "color-mix(in srgb, var(--color-primary) 6%, var(--color-elevated))",
+  "--surface-primary-muted": "color-mix(in srgb, var(--color-primary) 8%, var(--color-elevated))",
+  "--surface-primary-strong": "color-mix(in srgb, var(--color-primary) 18%, var(--color-elevated))",
+  "--border-primary-faint": "color-mix(in srgb, var(--color-primary) 12%, var(--color-border))",
+  "--border-primary-soft": "color-mix(in srgb, var(--color-primary) 16%, var(--color-border))",
+  "--border-primary-subtle": "color-mix(in srgb, var(--color-primary) 18%, var(--color-border))",
+  "--border-primary-muted": "color-mix(in srgb, var(--color-primary) 34%, var(--color-border))",
+  "--border-primary-strong": "color-mix(in srgb, var(--color-primary) 40%, var(--color-border))",
+  "--active-border": "1px solid var(--border-primary-strong)",
+  "--active-background": "var(--surface-primary-muted)",
+  "--input-value-background": "var(--surface-primary-strong)",
+  "--input-value-border": "1px solid var(--border-primary-muted)"
+};
+var RIGHT_PANEL_BACKGROUND = {
+  light: "color-mix(in srgb, var(--color-elevated) 88%, var(--color-background))",
+  dark: "color-mix(in srgb, color-mix(in srgb, var(--color-elevated) 82%, var(--glass-background)) 78%, rgba(8, 9, 11, 0.96))"
+};
+function shadesToVars(shades) {
+  const vars = {};
+  for (let i = 0; i < shades.length; i++) {
+    vars[`--mantine-color-primary-${i}`] = shades[i];
+  }
+  return vars;
+}
+function presetToVars(tokens) {
+  const result = {};
+  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+    const value = tokens[key];
+    if (value) result[varName] = value;
+  }
+  return result;
+}
+function mapTokens(tokens) {
+  if (!tokens) return {};
+  const result = {};
+  for (const [key, varName] of Object.entries(TOKEN_VAR_MAP)) {
+    const value = tokens[key];
+    if (value) result[varName] = value;
+  }
+  return result;
+}
+function createCssVariablesResolver(tokens, preset, presetsMap) {
+  const resolved = getPreset(preset ?? "default", presetsMap);
+  const lightDefaults = presetToVars(resolved.light);
+  const darkDefaults = presetToVars(resolved.dark);
+  const flat = mapTokens(tokens);
+  const light = mapTokens(tokens?.light);
+  const dark = mapTokens(tokens?.dark);
+  const lightPrimary = tokens?.light?.primary ?? tokens?.primary ?? resolved.light.primary;
+  const darkPrimary = tokens?.dark?.primary ?? tokens?.primary ?? resolved.dark.primary;
+  const lightShades = shadesToVars(generateShades(lightPrimary));
+  const darkShades = shadesToVars(generateShades(darkPrimary));
+  return () => ({
+    variables: { ...FRAMEWORK_BRIDGE },
+    light: {
+      ...lightShades,
+      ...lightDefaults,
+      ...flat,
+      ...light,
+      "--right-panel-background": RIGHT_PANEL_BACKGROUND.light
+    },
+    dark: {
+      ...darkShades,
+      ...darkDefaults,
+      ...flat,
+      ...dark,
+      "--right-panel-background": RIGHT_PANEL_BACKGROUND.dark
+    }
+  });
+}
 var PresetsContext = createContext(PRESETS);
 var PresetsProvider = PresetsContext.Provider;
 function usePresetsContext() {
   return useContext(PresetsContext);
 }
-var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
-  "default",
-  "tactical",
-  "regal",
-  "cyber-volt",
-  "aurora",
-  "rose-gold",
-  "midnight",
-  "titanium",
-  "obsidian",
-  "honey",
-  "abyss",
-  "canopy",
-  "slate",
-  "cyber-strike",
-  "cyber-chrome",
-  "cyber-void",
-  "quarry"
-]);
-function titleCase(str) {
-  return str.replace(/(^|-)(\w)/g, (_, sep, char) => (sep ? " " : "") + char.toUpperCase());
-}
-function useAvailablePresets() {
-  const presetsMap = usePresetsContext();
-  return useMemo(() => {
-    return Object.entries(presetsMap).map(([key, preset]) => ({
-      value: key,
-      label: preset.label ?? titleCase(key),
-      description: preset.description ?? "",
-      colors: preset.colors ?? [preset.dark.primary, preset.dark.background, preset.light.background],
-      isCustom: !BUILT_IN_NAMES.has(key)
-    }));
-  }, [presetsMap]);
-}
 
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, glassBase, mantineThemeOverride, useAvailablePresets, usePresetsContext };
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, glassBase, mantineThemeOverride, usePresetsContext };