@elevasis/ui 2.25.6 → 2.26.0

package/dist/{chunk-7F3IQMLI.js → chunk-G66QFZXD.js}

@@ -1,23 +1,24 @@
+import { ZodFormRenderer } from './chunk-3MEXPLWT.js';
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
-import { useCyberColors, HeroStatsRow } from './chunk-KMAXFJPH.js';
+import { HeroStatsRow } from './chunk-OGXKOMUT.js';
+import { useCyberColors } from './chunk-CW3UNAF2.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-RYTEQBAO.js';
-import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-E4WQGJNS.js';
-import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-CPAJXBTL.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
-import { glassBase } from './chunk-QIW6OCEI.js';
-import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-U36X6NZM.js';
-import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-SGXXJE52.js';
+import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-E4WQGJNS.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-YHBPR67D.js';
+import { glassBase } from './chunk-LH4GPYDX.js';
+import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-RIFTUOPE.js';
+import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-QD4X4H5A.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';
 import { useInitialization } from './chunk-WKJ47GIW.js';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';
-import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Card, ActionIcon, Loader, SegmentedControl, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Button, Modal, Center, SimpleGrid, Title, Tabs, Grid, ThemeIcon } from '@mantine/core';
+import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Card, ActionIcon, Loader, SegmentedControl, Button, Modal, Center, SimpleGrid, Title, Tabs, Grid, ThemeIcon } from '@mantine/core';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Position, Handle, getSmoothStepPath, BaseEdge as BaseEdge$1, EdgeLabelRenderer, Panel, useReactFlow, Controls, ReactFlowProvider, ReactFlow } from '@xyflow/react';
 import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconFocus2, IconArrowUpRight, IconLayoutDashboard, IconActivity, IconAlertTriangle, IconHandStop, IconCalendarEvent, IconCircleCheck, IconBrain, IconGitBranch } from '@tabler/icons-react';
 import '@xyflow/react/dist/style.css';
 import { z } from 'zod';
 import { notifications } from '@mantine/notifications';
-import { useForm } from '@mantine/form';
 import '@mantine/charts/styles.css';
 
 var DOMAIN_COLORS = {
@@ -1194,210 +1195,6 @@ function AgentExecutionTimeline({ iterationData, selectedIterationId }) {
     )
   ] });
 }
-function FormFieldRenderer({ field, form, richTextRenderer }) {
-  const commonProps = {
-    label: field.label,
-    description: field.description,
-    placeholder: field.placeholder,
-    required: field.required,
-    ...form.getInputProps(field.name)
-  };
-  switch (field.type) {
-    case "text":
-      return /* @__PURE__ */ jsx(TextInput, { ...commonProps });
-    case "textarea":
-      return /* @__PURE__ */ jsx(Textarea, { ...commonProps, minRows: 3, autosize: true });
-    case "number":
-      return /* @__PURE__ */ jsx(NumberInput, { ...commonProps, min: field.min, max: field.max });
-    case "select":
-      return /* @__PURE__ */ jsx(
-        Select,
-        {
-          ...commonProps,
-          data: field.options?.map((opt) => ({
-            label: opt.label,
-            value: String(opt.value)
-          })) || []
-        }
-      );
-    case "checkbox":
-      return /* @__PURE__ */ jsx(Checkbox, { ...commonProps, ...form.getInputProps(field.name, { type: "checkbox" }) });
-    case "radio":
-      return /* @__PURE__ */ jsx(Radio.Group, { ...commonProps, children: /* @__PURE__ */ jsx(Stack, { gap: "xs", children: field.options?.map((opt) => /* @__PURE__ */ jsx(Radio, { value: String(opt.value), label: opt.label }, opt.value)) }) });
-    case "richtext": {
-      const inputProps = form.getInputProps(field.name);
-      if (richTextRenderer) {
-        return richTextRenderer({
-          content: inputProps.value || "",
-          onChange: (content) => form.setFieldValue(field.name, content),
-          placeholder: field.placeholder
-        });
-      }
-      return /* @__PURE__ */ jsx(Textarea, { ...commonProps, minRows: 5, autosize: true });
-    }
-    default:
-      return /* @__PURE__ */ jsx(TextInput, { ...commonProps });
-  }
-}
-function getTypeName(schema) {
-  return schema._def.typeName;
-}
-function unwrapOptionalOrNullable(schema) {
-  const name = getTypeName(schema);
-  if (name === "ZodOptional" || name === "ZodNullable") {
-    return unwrapOptionalOrNullable(schema._def.innerType);
-  }
-  if (name === "ZodDefault") {
-    return unwrapOptionalOrNullable(schema._def.innerType);
-  }
-  return schema;
-}
-function getDefaultValue(schema) {
-  const name = getTypeName(schema);
-  if (name === "ZodDefault") {
-    const def = schema._def;
-    return def.defaultValue();
-  }
-  if (name === "ZodOptional" || name === "ZodNullable") {
-    return getDefaultValue(schema._def.innerType);
-  }
-  return void 0;
-}
-function zodTypeToFormField(name, fieldSchema, required) {
-  const inner = unwrapOptionalOrNullable(fieldSchema);
-  const typeName = getTypeName(inner);
-  const label = name.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
-  switch (typeName) {
-    case "ZodString": {
-      const checks = inner._def.checks ?? [];
-      const maxCheck = checks.find((c) => c.kind === "max");
-      const isLong = maxCheck ? (maxCheck.value ?? 0) > 200 : false;
-      return {
-        name,
-        label,
-        type: isLong ? "textarea" : "text",
-        required,
-        placeholder: "",
-        description: "",
-        defaultValue: ""
-      };
-    }
-    case "ZodNumber":
-      return {
-        name,
-        label,
-        type: "number",
-        required,
-        placeholder: "",
-        description: "",
-        defaultValue: 0
-      };
-    case "ZodBoolean":
-      return {
-        name,
-        label,
-        type: "checkbox",
-        required,
-        placeholder: "",
-        description: "",
-        defaultValue: false
-      };
-    case "ZodEnum": {
-      const values = inner._def.values;
-      return {
-        name,
-        label,
-        type: "select",
-        required,
-        placeholder: "",
-        description: "",
-        options: values.map((v) => ({ label: v, value: v })),
-        defaultValue: values[0] ?? ""
-      };
-    }
-    default:
-      return null;
-  }
-}
-function ZodFormRenderer({
-  schema,
-  defaults,
-  onSubmit,
-  submitLabel = "Submit",
-  isPending = false
-}) {
-  const typeName = getTypeName(schema);
-  const fields = [];
-  const initialValues = {};
-  if (typeName === "ZodObject") {
-    const shape = schema.shape;
-    for (const [fieldName, fieldSchema] of Object.entries(shape)) {
-      const isRequired = getTypeName(fieldSchema) !== "ZodOptional" && getTypeName(fieldSchema) !== "ZodNullable";
-      const formField = zodTypeToFormField(fieldName, fieldSchema, isRequired);
-      const defaultForField = defaults?.[fieldName];
-      const fieldDefault = defaultForField ?? getDefaultValue(fieldSchema);
-      if (formField) {
-        fields.push(formField);
-        initialValues[fieldName] = fieldDefault ?? formField.defaultValue;
-      } else {
-        const raw = fieldDefault !== void 0 ? JSON.stringify(fieldDefault, null, 2) : "";
-        fields.push({ name: fieldName, label: fieldName, fallback: true });
-        initialValues[fieldName] = raw;
-      }
-    }
-  } else {
-    const raw = defaults !== void 0 ? JSON.stringify(defaults, null, 2) : "";
-    fields.push({ name: "__input__", label: "Input (JSON)", fallback: true });
-    initialValues["__input__"] = raw;
-  }
-  const form = useForm({ initialValues });
-  const handleSubmit = (values) => {
-    const coerced = {};
-    for (const field of fields) {
-      const raw = values[field.name];
-      if ("fallback" in field) {
-        try {
-          coerced[field.name] = raw !== "" && raw !== void 0 ? JSON.parse(raw) : void 0;
-        } catch {
-          coerced[field.name] = raw;
-        }
-      } else {
-        coerced[field.name] = raw;
-      }
-    }
-    const payload = typeName === "ZodObject" ? coerced : coerced["__input__"] ?? coerced;
-    const parsed = schema.safeParse(payload);
-    if (!parsed.success) {
-      for (const issue of parsed.error.issues) {
-        const path = issue.path.join(".");
-        if (path) form.setFieldError(path, issue.message);
-      }
-      return;
-    }
-    void onSubmit(parsed.data);
-  };
-  return /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { children: [
-    fields.map((field) => {
-      if ("fallback" in field) {
-        const label = field.label.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
-        return /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            label,
-            placeholder: "Enter JSON value",
-            minRows: 3,
-            autosize: true,
-            ...form.getInputProps(field.name),
-            error: form.errors[field.name]
-          },
-          field.name
-        );
-      }
-      return /* @__PURE__ */ jsx(FormFieldRenderer, { field, form }, field.name);
-    }),
-    /* @__PURE__ */ jsx(Button, { type: "submit", loading: isPending, fullWidth: true, children: submitLabel })
-  ] }) });
-}
 var isZodSchema = (value) => value instanceof z.ZodType;
 function RunResourceButton({
   resourceId,
@@ -1476,7 +1273,7 @@ function ResourceCard({ resource, onClick }) {
       style: {
         cursor: "pointer",
         transition: "all 150ms ease",
-        borderColor: hovered ? "color-mix(in srgb, var(--color-primary) 40%, var(--color-border))" : "var(--color-border)",
+        borderColor: hovered ? "var(--border-primary-strong)" : "var(--color-border)",
         boxShadow: hovered ? "var(--card-shadow), 0 0 12px color-mix(in srgb, var(--color-primary) 25%, transparent)" : "var(--card-shadow)",
         transform: hovered ? "translateY(-1px)" : "none"
       },
@@ -2069,4 +1866,4 @@ function UnresolvedErrorsTeaser({ timeRange, onNavigateToAllErrors }) {
   );
 }
 
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, Dashboard, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, OperationsOverview, RecentExecutionsByResource, ResourceOverview, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, UnresolvedErrorsTeaser, VisualizerContainer, WorkflowExecutionTimeline, ZodFormRenderer, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme };
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, Dashboard, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, OperationsOverview, RecentExecutionsByResource, ResourceOverview, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, UnresolvedErrorsTeaser, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme };

package/dist/{chunk-QIW6OCEI.js → chunk-HLFFKKT3.js}

@@ -1,7 +1,7 @@
-import { AppBackground, AmbientBloomGrid, CyberBackground, FloatingMotes, WaveBackground } from './chunk-WLOQ4IBG.js';
-import { createElement, Fragment, createContext, useRef, useEffect, useContext } from 'react';
+import { AppBackground, AmbientBloomGrid, CyberBackground, WaveBackground, FloatingMotes } from './chunk-WLOQ4IBG.js';
+import { z } from 'zod';
+import { createElement, Fragment, useRef, useEffect } from 'react';
 import { jsxs, Fragment as Fragment$1, jsx } from 'react/jsx-runtime';
-import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Drawer, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
 
 // src/theme/presets/utils.ts
 function hexToRgb(hex) {
@@ -64,6 +64,29 @@ function generateShades(hex) {
   ];
   return targets.map((tl) => hslToHex(h, s, tl));
 }
+var THEME_PRESETS = [
+  "default",
+  "tactical",
+  "regal",
+  "cyber-volt",
+  "aurora",
+  "rose-gold",
+  "midnight",
+  "titanium",
+  "canopy",
+  "slate",
+  "cyber-strike",
+  "cyber-chrome",
+  "cyber-void",
+  "nirvana",
+  "wave",
+  "synapse",
+  "cortex",
+  "helios",
+  "graphite",
+  "quarry"
+];
+var ThemePresetEnum = z.enum(THEME_PRESETS);
 var defaultPreset = {
   subtitleFontFamily: '"Inter", sans-serif',
   fontImports: ["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"],
@@ -2439,373 +2462,4 @@ function getPreset(name, presetsMap) {
   return PRESETS[name] ?? PRESETS.default;
 }
 
-// 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.
-  "--active-border": "1px solid color-mix(in srgb, var(--color-primary) 40%, var(--color-border))",
-  "--active-background": "color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))"
-};
-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 },
-    dark: { ...darkShades, ...darkDefaults, ...flat, ...dark }
-  });
-}
-var DEFAULT_SIZE = "sm";
-var glassBase = {
-  backdropFilter: "var(--glass-blur)",
-  WebkitBackdropFilter: "var(--glass-blur)",
-  border: "1px solid var(--color-border)"
-};
-var componentThemes = {
-  Accordion: Accordion.extend({
-    styles: {
-      item: {
-        borderColor: "var(--color-border)"
-      },
-      content: {
-        backgroundColor: "var(--color-surface)"
-      }
-    }
-  }),
-  // Button data-variant selector styles are in custom.css (attribute selectors unsupported in styles object)
-  Button: Button.extend({
-    styles: {
-      root: {
-        transition: `all var(--duration-fast) var(--easing)`
-      }
-    }
-  }),
-  Card: Card.extend({
-    defaultProps: {
-      p: DEFAULT_SIZE
-    },
-    styles: {
-      root: {
-        backgroundColor: "var(--color-surface)",
-        ...glassBase,
-        boxShadow: "var(--card-shadow)"
-      }
-    }
-  }),
-  // Checkbox styles are in custom.css to support :checked pseudo-selector
-  Divider: Divider.extend({
-    styles: {
-      root: {
-        borderColor: "var(--color-border)"
-      }
-    }
-  }),
-  Code: Code.extend({
-    styles: {
-      root: {
-        backgroundColor: "var(--color-surface)",
-        border: "1px solid var(--color-border)"
-      }
-    }
-  }),
-  Drawer: Drawer.extend({
-    styles: {
-      header: {
-        backgroundColor: "transparent"
-      },
-      title: {
-        fontFamily: "var(--font-sans, var(--mantine-font-family))",
-        fontSize: "var(--mantine-font-size-xl)",
-        fontWeight: 600,
-        color: "var(--color-text)"
-      },
-      content: {
-        backgroundColor: "var(--color-elevated, var(--color-background))",
-        ...glassBase
-      }
-    }
-  }),
-  Flex: Flex.extend({
-    defaultProps: {
-      gap: DEFAULT_SIZE
-    }
-  }),
-  Grid: Grid.extend({
-    defaultProps: {
-      gutter: DEFAULT_SIZE
-    }
-  }),
-  Group: Group.extend({
-    defaultProps: {
-      gap: DEFAULT_SIZE
-    }
-  }),
-  HoverCard: HoverCard.extend({
-    styles: {
-      dropdown: {
-        backgroundColor: "var(--glass-background)",
-        ...glassBase,
-        boxShadow: "var(--standard-box-shadow)"
-      }
-    }
-  }),
-  Input: Input.extend({
-    styles: {
-      input: {
-        backgroundColor: "var(--color-surface)",
-        border: "none",
-        borderBottom: "1px solid var(--color-border)",
-        borderRadius: "0"
-      }
-    }
-  }),
-  Menu: Menu.extend({
-    styles: {
-      dropdown: {
-        backgroundColor: "var(--glass-background)",
-        ...glassBase,
-        boxShadow: "var(--standard-box-shadow)"
-      }
-    }
-  }),
-  Modal: Modal.extend({
-    defaultProps: {
-      withCloseButton: false,
-      centered: true,
-      padding: "xs"
-    },
-    styles: {
-      header: {
-        backgroundColor: "transparent"
-      },
-      title: {
-        fontFamily: "var(--font-sans, var(--mantine-font-family))",
-        fontSize: "var(--mantine-font-size-xl)",
-        fontWeight: 600,
-        color: "var(--color-text)"
-      },
-      content: {
-        backgroundColor: "var(--color-elevated, var(--color-background))",
-        ...glassBase
-      }
-    }
-  }),
-  Notification: Notification.extend({
-    styles: {
-      root: {
-        backgroundColor: "color-mix(in srgb, var(--color-surface) 90%, transparent)",
-        ...glassBase
-      }
-    }
-  }),
-  Popover: Popover.extend({
-    styles: {
-      dropdown: {
-        backgroundColor: "var(--glass-background)",
-        ...glassBase,
-        boxShadow: "var(--standard-box-shadow)"
-      }
-    }
-  }),
-  Paper: Paper.extend({
-    styles: {
-      root: {
-        backgroundColor: "var(--glass-background)",
-        ...glassBase,
-        boxShadow: "var(--card-shadow)",
-        padding: `var(--mantine-spacing-${DEFAULT_SIZE})`
-      }
-    }
-  }),
-  ScrollArea: ScrollArea.extend({
-    defaultProps: {
-      scrollbarSize: 8
-    },
-    styles: {
-      scrollbar: {
-        background: "transparent",
-        '&[data-orientation="vertical"]': {
-          width: "8px"
-        },
-        '&[data-orientation="horizontal"]': {
-          height: "8px"
-        }
-      },
-      thumb: {
-        borderRadius: "var(--mantine-radius-default)",
-        background: "color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border))",
-        "&:hover": {
-          background: "var(--color-text-subtle)"
-        }
-      }
-    }
-  }),
-  SegmentedControl: SegmentedControl.extend({
-    styles: {
-      root: {
-        backgroundColor: "var(--color-surface)"
-      },
-      indicator: {
-        backgroundColor: "var(--color-surface-hover)",
-        boxShadow: "var(--standard-box-shadow)"
-      }
-    }
-  }),
-  Combobox: Combobox.extend({
-    styles: {
-      dropdown: {
-        backgroundColor: "var(--color-surface)"
-      }
-    }
-  }),
-  Select: Select.extend({
-    styles: {
-      dropdown: {
-        backgroundColor: "var(--color-surface)"
-      }
-    }
-  }),
-  // Switch styles are in custom.css to support [data-checked] attribute selector
-  SimpleGrid: SimpleGrid.extend({
-    defaultProps: {
-      spacing: DEFAULT_SIZE,
-      verticalSpacing: DEFAULT_SIZE
-    }
-  }),
-  Stack: Stack.extend({
-    defaultProps: {
-      gap: DEFAULT_SIZE
-    }
-  }),
-  Table: Table.extend({
-    defaultProps: {
-      highlightOnHover: true
-    },
-    styles: {
-      table: {
-        "--table-border-color": "var(--color-border)",
-        "--table-highlight-on-hover-color": "var(--color-surface-hover)"
-      }
-    }
-  }),
-  Tabs: Tabs.extend({}),
-  Text: Text.extend({
-    styles: {
-      root: {
-        fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
-      }
-    }
-  }),
-  // Timeline styles are in custom.css to override color-scheme-specific selectors
-  Tooltip: Tooltip.extend({
-    styles: {
-      tooltip: {
-        backgroundColor: "var(--glass-background)",
-        ...glassBase,
-        color: "var(--color-text)",
-        boxShadow: "var(--standard-box-shadow)"
-      }
-    }
-  })
-  // Pagination styles are in custom.css to support :not([data-active]) selector
-};
-var mantineThemeOverride = createTheme({
-  defaultRadius: "xs",
-  fontFamily: 'Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
-  cursorType: "pointer",
-  spacing: {
-    xs: "0.5rem",
-    sm: "0.75rem",
-    md: "1rem",
-    lg: "1.5rem",
-    xl: "2rem"
-  },
-  radius: {
-    xs: "0.25rem",
-    sm: "0.5rem",
-    md: "0.75rem",
-    lg: "1rem",
-    xl: "1.5rem"
-  },
-  fontSizes: {
-    xs: "0.75rem",
-    sm: "0.875rem",
-    md: "1rem",
-    lg: "1.125rem",
-    xl: "1.25rem"
-  },
-  components: componentThemes
-});
-var PresetsContext = createContext(PRESETS);
-var PresetsProvider = PresetsContext.Provider;
-function usePresetsContext() {
-  return useContext(PresetsContext);
-}
-
-export { PRESETS, PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, glassBase, mantineThemeOverride, usePresetsContext };
+export { PRESETS, THEME_PRESETS, ThemePresetEnum, generateShades, getPreset };

package/dist/chunk-JDNEWB5F.js

@@ -0,0 +1,10 @@
+import { useAppearance } from './chunk-E565XMTQ.js';
+import { Center } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
+
+function SubshellLoader() {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
+}
+
+export { SubshellLoader };