@almadar/ui 1.0.33 → 2.0.0

package/LICENSE

@@ -1,72 +1,21 @@
-Business Source License 1.1
-
-Parameters
-
-Licensor:             Almadar FZE
-Licensed Work:        KFlow Builder / Almadar
-                      The Licensed Work is (c) 2025-2026 Almadar FZE.
-Additional Use Grant: You may make production use of the Licensed Work for
-                      non-commercial purposes and for internal evaluation.
-                      Production use for commercial purposes requires a
-                      commercial license from the Licensor.
-Change Date:          2030-02-01
-Change License:       Apache License, Version 2.0
-
-Terms
-
-The Licensor hereby grants you the right to copy, modify, create derivative
-works, redistribute, and make non-production use of the Licensed Work. The
-Licensor may make an Additional Use Grant, above, permitting limited
-production use.
-
-Effective on the Change Date, or the fourth anniversary of the first publicly
-available distribution of a specific version of the Licensed Work under this
-License, whichever comes first, the Licensor hereby grants you rights under
-the terms of the Change License, and the rights granted in the paragraph
-above terminate.
-
-If your use of the Licensed Work does not comply with the requirements
-currently in effect as described in this License, you must purchase a
-commercial license from the Licensor, its affiliated entities, or authorized
-resellers, or you must refrain from using the Licensed Work.
-
-All copies of the original and modified Licensed Work, and derivative works
-of the Licensed Work, are subject to this License. This License applies
-separately for each version of the Licensed Work and the Change Date may vary
-for each version of the Licensed Work released by Licensor.
-
-You must conspicuously display this License on each original or modified copy
-of the Licensed Work. If you receive the Licensed Work in original or
-modified form from a third party, the terms and conditions set forth in this
-License apply to your use of that work.
-
-Any use of the Licensed Work in violation of this License will automatically
-terminate your rights under this License for the current and all other
-versions of the Licensed Work.
-
-This License does not grant you any right in any trademark or logo of
-Licensor or its affiliates (provided that you may use a trademark or logo of
-Licensor as expressly required by this License).
-
-TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON
-AN "AS IS" BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS,
-EXPRESS OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND
-TITLE.
-
----
-
-License text copyright (c) 2017 MariaDB Corporation Ab, All Rights Reserved.
-"Business Source License" is a trademark of MariaDB Corporation Ab.
-
-ADDITIONAL TERMS:
-
-Documentation (builder/packages/website/docs/) is licensed under CC BY 4.0.
-
-TRADEMARKS:
-
-"Orbital", "KFlow", "Almadar", and the Almadar logo are trademarks of
-Almadar FZE. You may not use these trademarks without prior written
-permission from Almadar FZE.
-
-For licensing inquiries: licensing@almadar.io
+MIT License
+
+Copyright (c) 2026 Almadar Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/index.css

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/katex@0.16.28/node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -213,7 +213,7 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.28";
+  content: "0.16.33";
 }
 .katex .katex-mathml {
   clip: rect(1px, 1px, 1px, 1px);
@@ -988,6 +988,15 @@
 .katex svg {
   fill: currentColor;
   stroke: currentColor;
+  display: block;
+  height: inherit;
+  position: absolute;
+  width: 100%;
+}
+.katex svg path {
+  stroke: none;
+}
+.katex svg {
   fill-rule: nonzero;
   fill-opacity: 1;
   stroke-width: 1;
@@ -997,13 +1006,6 @@
   stroke-dasharray: none;
   stroke-dashoffset: 0;
   stroke-opacity: 1;
-  display: block;
-  height: inherit;
-  position: absolute;
-  width: 100%;
-}
-.katex svg path {
-  stroke: none;
 }
 .katex img {
   border-style: none;

package/dist/components/index.js

@@ -2,8 +2,8 @@ import { useAuthContext } from '../chunk-BKC4XU44.js';
 export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-BKC4XU44.js';
 import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments } from '../chunk-N6DJVKZ6.js';
 import '../chunk-XSEDIUM6.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, Stack, Drawer, Toast, Tabs, Input, ThemeToggle, HealthBar, ScoreDisplay, StateIndicator, Container, EntityDisplayEvents } from '../chunk-FZJ73RDM.js';
-export { Accordion, Card2 as ActionCard, Alert, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Center, Checkbox, CodeBlock, ConditionalWrapper, Container, ControlButton, DataTable, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FloatingActionButton, Form, FormField, FormSectionHeader, Grid, HStack, Heading, HealthBar, Icon, Input, InputGroup, Label, LawReferenceTooltip, LoadingState, MarkdownContent, MasterDetail, Menu, Modal, Overlay, PageHeader, Pagination, Popover, ProgressBar, QuizBlock, Radio, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, Spacer, Spinner, Sprite, Stack, StatCard, StateIndicator, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite } from '../chunk-FZJ73RDM.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, Stack, Drawer, Toast, Tabs, Input, ThemeToggle, HealthBar, ScoreDisplay, StateIndicator, Container, EntityDisplayEvents } from '../chunk-YNP2OBK4.js';
+export { Accordion, Card2 as ActionCard, Alert, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Center, Checkbox, CodeBlock, ConditionalWrapper, Container, ControlButton, DataTable, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FloatingActionButton, Form, FormField, FormSectionHeader, Grid, HStack, Heading, HealthBar, Icon, Input, InputGroup, Label, LawReferenceTooltip, LoadingState, MarkdownContent, MasterDetail, Menu, Modal, Overlay, PageHeader, Pagination, Popover, ProgressBar, QuizBlock, Radio, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, Spacer, Spinner, Sprite, Stack, StatCard, StateIndicator, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite } from '../chunk-YNP2OBK4.js';
 import '../chunk-BTXQJGFB.js';
 import { useTranslate } from '../chunk-PE2H3NAW.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useTranslate } from '../chunk-PE2H3NAW.js';

package/dist/providers/index.css

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/katex@0.16.28/node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -213,7 +213,7 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.28";
+  content: "0.16.33";
 }
 .katex .katex-mathml {
   clip: rect(1px, 1px, 1px, 1px);
@@ -988,6 +988,15 @@
 .katex svg {
   fill: currentColor;
   stroke: currentColor;
+  display: block;
+  height: inherit;
+  position: absolute;
+  width: 100%;
+}
+.katex svg path {
+  stroke: none;
+}
+.katex svg {
   fill-rule: nonzero;
   fill-opacity: 1;
   stroke-width: 1;
@@ -997,13 +1006,6 @@
   stroke-dasharray: none;
   stroke-dashoffset: 0;
   stroke-opacity: 1;
-  display: block;
-  height: inherit;
-  position: absolute;
-  width: 100%;
-}
-.katex svg path {
-  stroke: none;
 }
 .katex img {
   border-style: none;

package/dist/providers/index.js

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from '../chunk-FZJ73RDM.js';
+import { SuspenseConfigProvider } from '../chunk-YNP2OBK4.js';
 import { ThemeProvider } from '../chunk-BTXQJGFB.js';
 import { SelectionProvider, EntityDataProvider } from '../chunk-PE2H3NAW.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-PE2H3NAW.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "1.0.33",
+  "version": "2.0.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -70,6 +70,9 @@
     "access": "public"
   },
   "dependencies": {
+    "@almadar/core": ">=2.0.0",
+    "@almadar/evaluator": ">=2.0.0",
+    "@almadar/patterns": ">=2.0.0",
     "clsx": "^2.1.0",
     "tailwind-merge": "^2.2.0",
     "lucide-react": "^0.344.0",
@@ -77,10 +80,7 @@
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "rehype-katex": "^7.0.0",
-    "react-syntax-highlighter": "^15.6.1",
-    "@almadar/evaluator": "1.0.16",
-    "@almadar/core": "1.0.18",
-    "@almadar/patterns": "1.1.1"
+    "react-syntax-highlighter": "^15.6.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -105,8 +105,8 @@
     "@storybook/react-vite": "^10.2.6",
     "storybook": "^10.2.6",
     "@vitejs/plugin-react": "^4.2.0",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "react-compiler-runtime": "^1.0.0",
+    "babel-plugin-react-compiler": "19.0.0-beta-af1b7da-20250417",
+    "react-compiler-runtime": "19.0.0-beta-af1b7da-20250417",
     "autoprefixer": "^10.4.0",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.0",
@@ -126,7 +126,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/almadar-io/almadar.git",
-    "directory": "packages/almadar-ui"
+    "directory": "docs/packages/ui"
   },
   "license": "MIT",
   "keywords": [
@@ -136,6 +136,7 @@
     "components",
     "hooks"
   ],
+  "homepage": "https://github.com/almadar-io/almadar#readme",
   "scripts": {
     "build": "tsup",
     "build:watch": "tsup --watch",

package/dist/ThemeContext-D9xUORq5.d.ts

@@ -1,105 +0,0 @@
-import React__default from 'react';
-
-/**
- * Unified ThemeContext - Single provider for theme and color mode
- *
- * Combines design theme selection (ocean, wireframe, etc.) with
- * color mode (light/dark) into a single, simple system.
- *
- * Uses a single data attribute: data-theme="ocean-light" or data-theme="ocean-dark"
- *
- * @packageDocumentation
- */
-
-/** Color mode preference */
-type ColorMode = "light" | "dark" | "system";
-/** Resolved color mode (what's actually applied) */
-type ResolvedMode = "light" | "dark";
-/** Theme definition */
-interface ThemeDefinition {
-    /** Theme identifier (e.g., "ocean", "wireframe") */
-    name: string;
-    /** Display name for UI (e.g., "Ocean Blue") */
-    displayName?: string;
-    /** Whether this theme has light mode styles */
-    hasLightMode?: boolean;
-    /** Whether this theme has dark mode styles */
-    hasDarkMode?: boolean;
-}
-/** Built-in themes available in the design system */
-declare const BUILT_IN_THEMES: ThemeDefinition[];
-/** Theme context value */
-interface ThemeContextValue {
-    /** Current theme name */
-    theme: string;
-    /** Current color mode setting (may be 'system') */
-    mode: ColorMode;
-    /** Resolved color mode (always 'light' or 'dark') */
-    resolvedMode: ResolvedMode;
-    /** Set the theme */
-    setTheme: (theme: string) => void;
-    /** Set the color mode */
-    setMode: (mode: ColorMode) => void;
-    /** Toggle between light and dark modes */
-    toggleMode: () => void;
-    /** Available themes */
-    availableThemes: ThemeDefinition[];
-    /** The full theme string applied to data-theme (e.g., "ocean-light") */
-    appliedTheme: string;
-}
-declare const ThemeContext: React__default.Context<ThemeContextValue | undefined>;
-interface ThemeProviderProps {
-    children: React__default.ReactNode;
-    /** Available themes (will be merged with built-in themes) */
-    themes?: readonly ThemeDefinition[] | ThemeDefinition[];
-    /** Default theme name */
-    defaultTheme?: string;
-    /** Default color mode */
-    defaultMode?: ColorMode;
-    /** Optional target element ref — when provided, theme attributes are applied to this element instead of document.documentElement */
-    targetRef?: React__default.RefObject<HTMLElement>;
-}
-/**
- * Unified ThemeProvider component
- *
- * @example
- * ```tsx
- * // Basic usage with built-in themes
- * <ThemeProvider defaultTheme="wireframe" defaultMode="light">
- *   <App />
- * </ThemeProvider>
- *
- * // With custom themes from orbital schema
- * import { THEMES } from './generated/theme-manifest';
- * <ThemeProvider themes={THEMES} defaultTheme="ocean" defaultMode="system">
- *   <App />
- * </ThemeProvider>
- * ```
- */
-declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
-/**
- * Hook for accessing theme context
- *
- * @returns Theme context value
- *
- * @example
- * ```tsx
- * const { theme, resolvedMode, toggleMode, setTheme } = useTheme();
- *
- * // Toggle dark mode
- * <button onClick={toggleMode}>
- *   {resolvedMode === 'dark' ? 'Light' : 'Dark'}
- * </button>
- *
- * // Change theme
- * <select value={theme} onChange={(e) => setTheme(e.target.value)}>
- *   {availableThemes.map(t => (
- *     <option key={t.name} value={t.name}>{t.displayName || t.name}</option>
- *   ))}
- * </select>
- * ```
- */
-declare function useTheme(): ThemeContextValue;
-type DesignTheme = ThemeDefinition;
-
-export { BUILT_IN_THEMES as B, type ColorMode as C, type DesignTheme as D, type ResolvedMode as R, type ThemeProviderProps as T, ThemeContext as a, type ThemeDefinition as b, ThemeProvider as c, useTheme as u };

package/dist/cn-BoBXsxuX.d.ts

@@ -1,194 +0,0 @@
-import { ClassValue } from 'clsx';
-
-/**
- * Orbital State Machine Visualizer
- *
- * Renders SVG diagrams from Orbital schemas and Trait definitions.
- * Can be used in documentation, IDE previews, and other tools.
- */
-interface VisualizerConfig {
-    nodeRadius: number;
-    nodeSpacing: number;
-    initialIndicatorOffset: number;
-    arrowSize: number;
-    colors: {
-        background: string;
-        node: string;
-        nodeBorder: string;
-        nodeText: string;
-        initialNode: string;
-        finalNode: string;
-        arrow: string;
-        arrowText: string;
-        effectText: string;
-        guardText: string;
-        initial: string;
-    };
-    fonts: {
-        node: string;
-        event: string;
-        effect: string;
-    };
-}
-interface StateDefinition {
-    name: string;
-    isInitial?: boolean;
-    isFinal?: boolean;
-    description?: string;
-}
-interface TransitionDefinition {
-    from: string;
-    to: string;
-    event: string;
-    guard?: unknown;
-    effects?: unknown[];
-}
-interface StateMachineDefinition {
-    states: StateDefinition[];
-    transitions: TransitionDefinition[];
-}
-interface EntityDefinition {
-    name: string;
-    fields?: (string | {
-        name: string;
-    })[];
-}
-interface RenderOptions {
-    title?: string;
-    entity?: EntityDefinition;
-}
-/** Position data for a state node in DOM layout */
-interface DomStateNode {
-    id: string;
-    name: string;
-    x: number;
-    y: number;
-    radius: number;
-    isInitial: boolean;
-    isFinal: boolean;
-    description?: string;
-}
-/** Position data for a transition arrow */
-interface DomTransitionPath {
-    id: string;
-    from: string;
-    to: string;
-    /** SVG path data for the curved arrow */
-    pathData: string;
-    /** Midpoint for label positioning */
-    labelX: number;
-    labelY: number;
-}
-/** Position data for a transition label with guard/effect details */
-interface DomTransitionLabel {
-    id: string;
-    from: string;
-    to: string;
-    event: string;
-    x: number;
-    y: number;
-    /** Human-readable guard text (e.g., "if amount > 100") */
-    guardText?: string;
-    /** Human-readable effect texts */
-    effectTexts: string[];
-    /** Whether this transition has details to show in tooltip */
-    hasDetails: boolean;
-}
-/** Entity input box data */
-interface DomEntityBox {
-    name: string;
-    fields: string[];
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-/** Output effects box data */
-interface DomOutputsBox {
-    outputs: string[];
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-/** Complete DOM layout data for rendering */
-interface DomLayoutData {
-    width: number;
-    height: number;
-    title?: string;
-    states: DomStateNode[];
-    paths: DomTransitionPath[];
-    labels: DomTransitionLabel[];
-    entity?: DomEntityBox;
-    outputs?: DomOutputsBox;
-    config: VisualizerConfig;
-}
-declare const DEFAULT_CONFIG: VisualizerConfig;
-declare function formatGuard(guard: unknown): string;
-declare function getEffectSummary(effects: unknown[]): string;
-declare function extractOutputsFromTransitions(transitions: TransitionDefinition[]): string[];
-/**
- * Render a state machine to an SVG string.
- * Works in both browser and Node.js environments.
- */
-declare function renderStateMachineToSvg(stateMachine: StateMachineDefinition, options?: RenderOptions, config?: VisualizerConfig): string;
-/**
- * Extract state machine from various data formats (Trait, Orbital, or raw)
- */
-declare function extractStateMachine(data: unknown): StateMachineDefinition | null;
-/**
- * Render a state machine to DOM layout data.
- * This is used by the DOM-based visualizer component for hybrid SVG/DOM rendering.
- * Unlike renderStateMachineToSvg, this returns structured data instead of an SVG string.
- */
-declare function renderStateMachineToDomData(stateMachine: StateMachineDefinition, options?: RenderOptions, config?: VisualizerConfig): DomLayoutData;
-
-/**
- * Content Segment Parsing Utilities
- *
- * Parses rich content with code blocks and quiz tags into structured
- * segments for rendering. Detects orbital schemas in JSON code blocks
- * and marks them for JazariStateMachine rendering.
- */
-/** Segment types for content rendering */
-type ContentSegment = {
-    type: 'markdown';
-    content: string;
-} | {
-    type: 'code';
-    language: string;
-    content: string;
-} | {
-    type: 'orbital';
-    language: string;
-    content: string;
-    schema: unknown;
-} | {
-    type: 'quiz';
-    question: string;
-    answer: string;
-};
-/**
- * Parse markdown content to extract code blocks.
- *
- * Splits markdown into segments of plain markdown and fenced code blocks.
- * JSON/orb code blocks containing orbital schemas are tagged as 'orbital'.
- */
-declare function parseMarkdownWithCodeBlocks(content: string | undefined | null): ContentSegment[];
-/**
- * Parse content to extract all segments including quiz tags and code blocks.
- *
- * Supported tags:
- * - <question>q</question><answer>a</answer> — Quiz Q&A
- *
- * Also handles fenced code blocks (```language...```) with orbital detection.
- */
-declare function parseContentSegments(content: string | undefined | null): ContentSegment[];
-
-/**
- * Utility function to merge Tailwind CSS classes
- * Combines clsx for conditional classes with tailwind-merge to handle conflicts
- */
-declare function cn(...inputs: ClassValue[]): string;
-
-export { type ContentSegment as C, DEFAULT_CONFIG as D, type EntityDefinition as E, type RenderOptions as R, type StateDefinition as S, type TransitionDefinition as T, type VisualizerConfig as V, type DomEntityBox as a, type DomLayoutData as b, type DomOutputsBox as c, type DomStateNode as d, type DomTransitionLabel as e, type DomTransitionPath as f, type StateMachineDefinition as g, cn as h, extractOutputsFromTransitions as i, extractStateMachine as j, formatGuard as k, getEffectSummary as l, parseMarkdownWithCodeBlocks as m, renderStateMachineToSvg as n, parseContentSegments as p, renderStateMachineToDomData as r };