@dbcdk/react-components 0.0.8 → 0.0.10

package/dist/components/sidebar/components/sidebar-container/SidebarContainer.module.css

@@ -4,152 +4,182 @@
   overflow: auto;
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-lg);
+  gap: var(--spacing-md);
   width: var(--sidebar-width);
   inline-size: var(--sidebar-width);
   box-sizing: border-box;
   border-inline-end: var(--border-width-thin) solid var(--color-border-default);
-  padding-bottom: var(--spacing-lg);
+
   transition:
     width var(--transition-fast) var(--ease-standard),
     inline-size var(--transition-fast) var(--ease-standard);
 }
 
+/* Collapsed state */
 .container.collapsed {
   width: var(--component-size-lg);
   inline-size: var(--component-size-lg);
   box-sizing: content-box;
   gap: var(--spacing-sm);
-  .content {
-    gap: var(--spacing-2xs);
-  }
 }
 
-.container .logoContainer button,
-.container .filter button {
-  border-radius: 0;
-  min-height: var(--component-size-md);
-  width: 100%;
-  padding: var(--spacing-xs);
-  color: var(--color-fg-muted);
+/* Global links / focus */
+.container a {
+  text-decoration: none;
+  color: inherit;
 }
 
-.container:not(.collapsed) .links,
-.container:not(.collapsed) .filter {
-  padding-inline: var(--spacing-sm);
+.container a:focus-visible,
+.container button:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
 }
 
-.container .logoContainer {
-  padding-top: var(--spacing-xs);
-  min-block-size: 60px;
+/* HEADER (product + collapse) */
+.header {
+  flex: 0 0 auto;
   border-bottom: 1px solid var(--color-border-default);
-  padding-bottom: var(--spacing-xxs);
+  padding: 0 var(--spacing-sm);
+  min-block-size: 60px;
+  display: flex;
+  justify-content: space-between;
 }
 
-.container.collapsed .logoContainer {
+.productHeader {
   display: flex;
-  flex-direction: column;
   align-items: center;
-  justify-content: center;
+  justify-content: space-between;
+  gap: var(--spacing-sm);
+  flex-grow: 1;
 }
 
-.container:not(.collapsed) .logoContainer {
+/* Product logo container */
+.productLogo {
   display: flex;
   align-items: center;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  padding-right: var(--spacing-xxs);
+  max-inline-size: 100%;
+  min-width: 0;
 }
 
-.container a {
-  text-decoration: none;
-  color: inherit;
+/* Keep product logo visible in expanded state */
+.productLogo img,
+.productLogo svg {
+  inline-size: 50px;
+  max-inline-size: 100%;
+  block-size: auto;
 }
 
-.container .links button {
-  background: none;
-  border: 0;
-  font-size: inherit;
-  color: inherit;
-  display: inline-flex;
-  padding: 0;
+/* Collapse button */
+.productHeader button {
+  border-radius: 0;
+  min-height: var(--component-size-md);
+  padding: var(--spacing-xs);
+  color: var(--color-fg-muted);
+  flex: 0 0 auto;
 }
 
-.container a:focus-visible,
-.container button:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
+/* Rotate icon when collapsed */
+.collapsedIcon {
+  transform: rotate(180deg);
+  transition: transform 0.3s ease;
 }
 
+/* CONTENT */
+.content {
+  overflow: auto;
+  flex: 1 1 auto;
+  overflow-y: visible;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  gap: 5px;
+}
+
+.container:not(.collapsed) .content {
+  gap: var(--spacing-md);
+}
+
+/* FILTER */
+.filter button {
+  border-radius: 0;
+  min-height: var(--component-size-md);
+  width: 100%;
+  padding: var(--spacing-xs);
+  color: var(--color-fg-muted);
+}
+
+.container:not(.collapsed) .filter {
+  padding-inline: var(--spacing-xs);
+}
+
+/* LINKS */
 .links {
   overflow: auto;
   display: flex;
   flex-grow: 1;
-  overflow: auto;
   flex-direction: column;
   gap: 2px;
   font-size: var(--font-size-sm);
 }
 
 .container:not(.collapsed) .links {
-  padding-inline: var(--spacing-sm);
+  padding-inline: var(--spacing-xs);
 }
 
-.header {
+.container .links button {
+  background: none;
+  border: 0;
+  font-size: inherit;
+  color: inherit;
+  display: inline-flex;
+  padding: 0;
+}
+
+/* FOOTER (company logo) */
+.footer {
   flex: 0 0 auto;
+  border-top: 1px solid var(--color-border-default);
+  padding: var(--spacing-sm);
   display: flex;
-  flex-direction: column;
+  justify-content: center;
 }
 
-.container:not(.collapsed) .header {
-  gap: var(--spacing-sm);
+.companyLogo {
+  opacity: 0.6;
 }
 
-.container:not(.collapsed) .logo {
-  padding: 0 var(--spacing-sm);
+.companyLogo svg {
+  width: 80px;
+  height: auto;
+  display: block;
 }
-.container.collapsed .logo {
+
+/* Hide company logo in collapsed state */
+.container.collapsed .companyLogo {
   display: none;
 }
 
-.logo img,
-.logo svg {
-  inline-size: 50px;
-  max-inline-size: 100%;
-  block-size: auto;
+.logo {
+  display: none;
 }
 
+/* === Collapsed header behavior ===
+   Hide product logo entirely so the collapse button can truly center. */
 .container.collapsed .productLogo {
   display: none;
 }
-.productLogo {
-  max-inline-size: 100%;
-  padding: 0 var(--spacing-sm);
-}
 
-.productLogo svg {
-  max-inline-size: 100%;
-  block-size: auto;
+/* Center the collapse button in collapsed state */
+.container.collapsed .productHeader {
+  justify-content: center;
+  gap: 0;
 }
 
-.collapsedIcon {
-  transform: rotate(180deg);
-  transition: transform 0.3s ease;
-}
-.content {
-  overflow: auto;
-  flex: 1 1 auto;
-  overflow-y: visible;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  width: 100%;
-  gap: 5px;
-  &:not(.collapsed) {
-    gap: var(--spacing-md);
-  }
+.container.collapsed .header {
+  padding: 0;
 }
 
-.footer {
-  flex: 0 0 auto;
+.container.collapsed .productHeader button {
+  margin-inline: auto;
 }

package/dist/components/sidebar/components/sidebar-items/SidebarItems.js

@@ -1,13 +1,26 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
+import styles from './SidebarItems.module.css';
 import { useSidebar } from '../../providers/SidebarProvider';
 import { ExpandableSidebarItem } from '../expandable-sidebar-item/ExpandableSidebarItem';
 import { SidebarItem } from '../SidebarItem';
 export function SidebarItems({ activeLink }) {
-    const { filteredItems, setActiveLink } = useSidebar();
+    const { filteredItems, setActiveLink, isSidebarCollapsed } = useSidebar();
     useEffect(() => {
         setActiveLink(activeLink !== null && activeLink !== void 0 ? activeLink : '');
     }, [activeLink, setActiveLink]);
-    return (_jsx(_Fragment, { children: filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(({ component: Component, label, icon, children, href }, id) => (children === null || children === void 0 ? void 0 : children.length) ? (_jsx(ExpandableSidebarItem, { items: children, label: label, icon: icon, href: href, component: Component }, label)) : (_jsx(SidebarItem, { component: Component, label: label, icon: icon, href: href }, id))) }));
+    const renderItem = (item, key) => {
+        var _a, _b;
+        if (item.type === 'group') {
+            return isSidebarCollapsed ? ((_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child, idx) => renderItem(child, `${key}-c${idx}`))) : (_jsxs("div", { className: styles.group, children: [_jsx("div", { className: styles.groupLabel, children: item.label }), (_b = item.children) === null || _b === void 0 ? void 0 : _b.map((child, idx) => renderItem(child, `${key}-c${idx}`))] }, key));
+        }
+        if (item.type === 'expandable') {
+            const { component: Component, label, icon, children, href } = item;
+            return (_jsx(ExpandableSidebarItem, { items: children, label: label, icon: icon, href: href, component: Component }, key));
+        }
+        const { component: Component, label, icon, href } = item;
+        return _jsx(SidebarItem, { component: Component, label: label, icon: icon, href: href }, key);
+    };
+    return filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map((item, idx) => renderItem(item, `nav-${idx}-${item.label}`));
 }

package/dist/components/sidebar/components/sidebar-items/SidebarItems.module.css

@@ -0,0 +1,20 @@
+.group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xs);
+}
+
+.group:first-child {
+  margin-top: 0;
+}
+
+.groupLabel {
+  padding: 0 var(--spacing-xs);
+  margin: var(--spacing-xs) 0;
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-fg-subtle);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}

package/dist/components/sidebar/providers/SidebarProvider.js

@@ -2,35 +2,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { nestedFiltering } from '../../../utils/arrays/nested-filtering';
-// const findPath = (
-//   navItem: NavBarItem,
-//   items: NavBarItem[],
-//   path: string[] = []
-// ): string[] | null => {
-//   for (const currentItem of items) {
-//     if (currentItem === navItem) {
-//       return [...path, currentItem.href || '']
-//     } else if (currentItem.children) {
-//       const result = findPath(navItem, currentItem.children, [...path, currentItem.href || ''])
-//       if (result) {
-//         return result
-//       }
-//     }
-//   }
-//   return null
-// }
-const findParentItem = (navItem, items, prevPath) => {
-    var _a;
+const hasChildren = (item) => Array.isArray(item.children) && item.children.length > 0;
+const hasHref = (item) => typeof item.href === 'string' && item.href.length > 0;
+const findParentItem = (navItem, items, prevPath = '') => {
     for (const currentItem of items) {
-        let path = prevPath || '' + `.${currentItem.href}`;
-        if ((_a = currentItem.children) === null || _a === void 0 ? void 0 : _a.some(child => (child === null || child === void 0 ? void 0 : child.href) === navItem)) {
-            return path;
-        }
-        else if (currentItem.children) {
-            path = findParentItem(navItem, currentItem.children, path);
-            if (path) {
-                return path;
+        // Groups don't contribute to the href path; they just wrap children
+        const nextPath = hasHref(currentItem) ? `${prevPath}.${currentItem.href}` : prevPath;
+        if (hasChildren(currentItem)) {
+            // Direct child match
+            if (currentItem.children.some(child => hasHref(child) && child.href === navItem)) {
+                return nextPath;
             }
+            // Recurse
+            const path = findParentItem(navItem, currentItem.children, nextPath);
+            if (path)
+                return path;
         }
     }
     return '';
@@ -59,14 +45,21 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
     const [activeHref, setActiveHref] = useState('');
     const [expandedItems, setExpandedItems] = useState(new Set());
     const [isSidebarCollapsed, setSidebarCollapsed] = useState(initialSidebarCollapsed !== null && initialSidebarCollapsed !== void 0 ? initialSidebarCollapsed : false);
-    const [breakpoint, setBreakpoint] = useState(null);
     const hasExplicitInitialSidebarCollapsed = initialSidebarCollapsed !== undefined;
     const triggerExpandAll = useCallback(() => setDefaultExpanded(true), []);
     const resetExpandAll = useCallback(() => setDefaultExpanded(null), []);
     const setActiveLink = useCallback((href) => setActiveHref(href), []);
     useEffect(() => {
+        if (!activeHref)
+            return;
         const path = findParentItem(activeHref, items);
-        setExpandedItems(new Set(path.split('.').filter(Boolean)));
+        const parents = path.split('.').filter(Boolean);
+        setExpandedItems(prev => {
+            const next = new Set(prev);
+            for (const p of parents)
+                next.add(p);
+            return next;
+        });
     }, [activeHref, items]);
     const filteredItems = useMemo(() => {
         return activeQuery
@@ -87,7 +80,6 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
         if (typeof window === 'undefined')
             return;
         const currentBreakpoint = getBreakpoint(window.innerWidth);
-        setBreakpoint(currentBreakpoint);
         if (hasExplicitInitialSidebarCollapsed) {
             const value = initialSidebarCollapsed !== null && initialSidebarCollapsed !== void 0 ? initialSidebarCollapsed : false;
             setSidebarCollapsed(value);
@@ -137,22 +129,9 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
             return;
         const onResize = () => {
             const nextBreakpoint = getBreakpoint(window.innerWidth);
-            setBreakpoint(prev => {
-                // First run / still null: just set and do nothing else
-                if (prev === null) {
-                    return nextBreakpoint;
-                }
-                // If breakpoint didn't actually change, we don't touch the collapsed state.
-                if (prev === nextBreakpoint) {
-                    return prev;
-                }
-                // Breakpoint changed → apply responsive default for the *new* range.
-                // small → collapsed, large → expanded
-                const autoCollapsed = nextBreakpoint === 'small';
-                setSidebarCollapsed(autoCollapsed);
-                persistCollapsed(autoCollapsed);
-                return nextBreakpoint;
-            });
+            const autoCollapsed = nextBreakpoint === 'small';
+            setSidebarCollapsed(autoCollapsed);
+            persistCollapsed(autoCollapsed);
         };
         window.addEventListener('resize', onResize);
         return () => window.removeEventListener('resize', onResize);

package/dist/components/skeleton-loader/SkeletonLoader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface SkeletonLoaderProps {
-    type: 'button' | 'card' | 'avatar' | 'text' | 'table' | 'filterbar';
+    type: 'button' | 'card' | 'avatar' | 'text' | 'table' | 'filterbar' | 'inputFieldList';
     rows?: number;
     columns?: number;
     variant?: 'default' | 'invert';

package/dist/components/skeleton-loader/SkeletonLoader.js

@@ -18,6 +18,16 @@ export function SkeletonLoader({ type, rows = 3, columns = 3, variant = 'default
             alignItems: 'center',
             width: '100%',
         }, children: Array.from({ length: columns }).map((_, colIndex) => (_jsx(SkeletonLoaderItem, { height: 20, width: colIndex % 3 === 0 ? '93%' : colIndex % 3 === 1 ? '98%' : '90%', radius: 4, variant: variant, speedSec: speedSec, ariaLabel: "Loading table cell" }, `tcell-${rowIndex}-${colIndex}`))) }, `trow-${rowIndex}`));
+    const inputFieldRow = (i) => {
+        const labelW = i % 3 === 0 ? '34%' : i % 3 === 1 ? '42%' : '28%';
+        return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8, width: '100%' }, children: [_jsx("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: 12,
+                    }, children: _jsx(SkeletonLoaderItem, { width: labelW, height: 10, radius: 4, variant: variant, speedSec: speedSec, ariaLabel: "Loading label" }) }), _jsx(SkeletonLoaderItem, { width: "100%", height: 25, radius: 8, variant: variant, speedSec: speedSec, ariaLabel: "Loading input" })] }, `if-${i}`));
+    };
+    const inputFieldList = (count) => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16, width: '100%' }, children: [Array.from({ length: count }).map((_, i) => inputFieldRow(i)), _jsxs("div", { style: { display: 'flex', gap: 12, justifyContent: 'flex-end', marginTop: 8 }, children: [_jsx(SkeletonLoaderItem, { width: 110, height: 30, radius: 8, variant: variant, speedSec: speedSec, ariaLabel: "Loading action" }), _jsx(SkeletonLoaderItem, { width: 90, height: 30, radius: 8, variant: variant, speedSec: speedSec, ariaLabel: "Loading action" })] })] }));
     const getSkeletonItems = () => {
         switch (type) {
             case 'button': {
@@ -31,20 +41,10 @@ export function SkeletonLoader({ type, rows = 3, columns = 3, variant = 'default
                     }, children: [_jsx(SkeletonLoaderItem, { width: 120, height: 40, radius: 8, variant: variant, speedSec: speedSec, ariaLabel: "Loading button" }), _jsx(SkeletonLoaderItem, { width: 96, height: 40, radius: 8, variant: variant, speedSec: speedSec, ariaLabel: "Loading button" })] }));
             }
             case 'card': {
-                return (_jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: 12,
-                        width: '100%',
-                    }, children: [_jsx(SkeletonLoaderItem, { width: "100%", height: 160, radius: 12, variant: variant, speedSec: speedSec, ariaLabel: "Loading card media" }), line('60%', 16, 6), textBlock(3), _jsxs("div", { style: { display: 'flex', gap: 12, justifyContent: 'flex-start' }, children: [_jsx(SkeletonLoaderItem, { width: 100, height: 30, variant: variant, speedSec: speedSec, ariaLabel: "Loading action" }), _jsx(SkeletonLoaderItem, { width: 72, height: 30, variant: variant, speedSec: speedSec, ariaLabel: "Loading action" })] })] }));
+                return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: '100%' }, children: [_jsx(SkeletonLoaderItem, { width: "100%", height: 160, radius: 12, variant: variant, speedSec: speedSec, ariaLabel: "Loading card media" }), line('60%', 16, 6), textBlock(3), _jsxs("div", { style: { display: 'flex', gap: 12, justifyContent: 'flex-start' }, children: [_jsx(SkeletonLoaderItem, { width: 100, height: 30, variant: variant, speedSec: speedSec, ariaLabel: "Loading action" }), _jsx(SkeletonLoaderItem, { width: 72, height: 30, variant: variant, speedSec: speedSec, ariaLabel: "Loading action" })] })] }));
             }
             case 'avatar': {
-                return (_jsxs("div", { style: {
-                        display: 'flex',
-                        gap: 12,
-                        alignItems: 'center',
-                        width: '100%',
-                    }, children: [_jsx(SkeletonLoaderItem, { width: 48, height: 48, radius: "50%", variant: variant, speedSec: speedSec, ariaLabel: "Loading avatar" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8, flex: 1 }, children: [line('40%', 14), line('25%', 12)] })] }));
+                return (_jsxs("div", { style: { display: 'flex', gap: 12, alignItems: 'center', width: '100%' }, children: [_jsx(SkeletonLoaderItem, { width: 48, height: 48, radius: "50%", variant: variant, speedSec: speedSec, ariaLabel: "Loading avatar" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 8, flex: 1 }, children: [line('40%', 14), line('25%', 12)] })] }));
             }
             case 'text': {
                 return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, width: '100%' }, children: textBlock(rows) }));
@@ -62,6 +62,9 @@ export function SkeletonLoader({ type, rows = 3, columns = 3, variant = 'default
                         width: '100%',
                     }, children: [_jsx("div", { style: { display: 'flex', gap: 12, flexWrap: 'wrap' }, children: pills(columns) }), _jsx(SkeletonLoaderItem, { width: 240, height: 30, variant: variant, speedSec: speedSec, ariaLabel: "Loading" })] }));
             }
+            case 'inputFieldList': {
+                return inputFieldList(rows);
+            }
             default:
                 return null;
         }

package/dist/components/state-page/StatePage.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface StatePageProps {
+    header?: string;
+    type: 'error' | 'empty' | 'info' | 'notfound';
+    children?: ReactNode;
+    actions?: ReactNode;
+}
+export declare function StatePage({ header, type, children, actions }: StatePageProps): ReactNode;
+export {};

package/dist/components/state-page/StatePage.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { EmptyIllustration } from './empty';
+import { ErrorIllustration } from './error';
+import { NotFoundIllustration } from './notFound';
+import styles from './StatePage.module.css';
+import { Headline } from '../headline/Headline';
+export function StatePage({ header, type, children, actions }) {
+    const illustration = useMemo(() => {
+        switch (type) {
+            case 'error':
+                return _jsx(ErrorIllustration, {});
+            case 'empty':
+                return _jsx(EmptyIllustration, {});
+            case 'notfound':
+                return _jsx(NotFoundIllustration, {});
+        }
+    }, [type]);
+    return (_jsxs("div", { className: `dbc-flex dbc-flex-column dbc-gap-lg dbc-items-center dbc-justify-center ${styles.container}`, children: [_jsx("div", { className: styles.illustration, children: illustration }), _jsxs("div", { className: "dbc-flex dbc-flex-column dbc-gap-md dbc-items-center", children: [_jsx(Headline, { disableMargin: true, size: 1, children: header }), _jsx("div", { children: children }), _jsx("div", { className: "dbc-flex dbc-gap-sm dbc-justify-center", children: actions })] })] }));
+}

package/dist/components/state-page/StatePage.module.css

@@ -0,0 +1,9 @@
+.container {
+  margin: auto;
+  height: 100%;
+}
+
+.illustration svg {
+  width: 500px;
+  height: auto;
+}

package/dist/components/state-page/empty.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmptyIllustration: React.FC;

package/dist/components/state-page/empty.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const EmptyIllustration = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "967.81366", height: "354.15902", viewBox: "0 0 967.81366 354.15902", role: "img", children: [_jsxs("g", { children: [_jsx("path", { d: "M582.90683,353.44906h-218.5V74.9226c0-36.24795,29.49012-65.73807,65.73807-65.73807h87.02386c36.24795,0,65.73807,29.49012,65.73807,65.73807V353.44906Z", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M508.23868,71.85507h-68.21385c-5.47631,0-9.93163-4.45532-9.93163-9.93204v-18.24638c0-5.47673,4.45532-9.93204,9.93163-9.93204h68.21385c5.47673,0,9.93204,4.45532,9.93204,9.93204v18.24638c0,5.47673-4.45532,9.93204-9.93204,9.93204Z", fill: "var(--color-bg-surface)" }), _jsx("rect", { x: "407.17524", y: "82.44131", width: "136.35078", height: ".8469", transform: "translate(558.21539 -392.48587) rotate(90)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M557.2964,301.78821h-17.37798c-5.01564,0-9.0959-4.08066-9.0959-9.0959v-52.94774c0-5.01523,4.08025-9.0959,9.0959-9.0959h17.37798c5.01564,0,9.0959,4.08066,9.0959,9.0959v52.94774c0,5.01523-4.08025,9.0959-9.0959,9.0959Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M443.8119,339.05178h-47.86635c-5.01564,0-9.0959-4.08066-9.0959-9.0959v-93.59891c0-5.01523,4.08025-9.0959,9.0959-9.0959h47.86635c5.01564,0,9.0959,4.08066,9.0959,9.0959v93.59891c0,5.01523-4.08025,9.0959-9.0959,9.0959Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M454.07931,234.45972h-68.35527c-2.57254,0-4.74768-1.58132-5.54124-4.02856-.79314-2.44724,.04011-5.00365,2.12304-6.51385l34.54381-25.03315c2.0668-1.49613,4.83369-1.48207,6.88436,.03639l33.81105,25.03315c2.05687,1.5226,2.86738,4.07653,2.06597,6.5064-.80182,2.42987-2.97283,3.99961-5.53172,3.99961Z", fill: "var(--color-bg-contextual-subtle" }), _jsx("path", { d: "M564.41606,235.30662h-31.57181c-2.57254,0-4.74768-1.58132-5.54124-4.02856-.79355-2.44724,.04011-5.00365,2.12304-6.51385l15.95545-11.56216c2.0668-1.49696,4.83328-1.4829,6.88395,.03639l15.61677,11.56216c2.05646,1.52177,2.86738,4.0757,2.06597,6.50558-.80182,2.42987-2.97324,4.00044-5.53214,4.00044Z", fill: "var(--color-bg-contextual-subtle" }), _jsxs("g", { children: [_jsx("path", { d: "M550.33305,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M483.42801,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M415.67607,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M556.23116,120.97523h-165.14907c-2.95794,0-4.76877-2.09492-5.25135-4.16999-.48258-2.07672,.21875-4.75554,2.87359-6.06062l83.45969-41.01258c1.50399-.73856,3.29703-.73194,4.79689,.02068l81.68938,41.01258c2.3145,1.16283,3.4244,3.54226,2.82727,6.06228-.59754,2.51919-2.65648,4.14766-5.24639,4.14766Z", fill: "var(--color-bg-contextual-subtle" })] }), _jsx("path", { d: "M582.48338,353.02561h-209.57655v-21.26925c0-16.75769,24.80731-30.39161,55.30007-30.39161h154.27648v51.66085Z", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "490.17136", y: "271.29984", width: "11.00969", height: "40.65116", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "571.47369", y: "271.29984", width: "11.00969", height: "40.65116", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "499.48725", y: "274.68744", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "383.46206", y: "150.19325", width: "182.93023", height: ".8469", fill: "var(--color-bg-contextual)" }), _jsx("rect", { x: "499.48725", y: "288.23782", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "499.48725", y: "295.01302", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("path", { d: "M516.42772,37.35881h-85.54178c-1.33155,0-2.45717-.81795-2.8678-2.08499-.41063-1.26621,.02068-2.58949,1.09874-3.37106L472.34637,.57576c1.06938-.77329,2.50141-.76833,3.56252,.01902l42.31229,31.327c1.06441,.78735,1.48414,2.10898,1.06938,3.36692-.41477,1.25712-1.53873,2.07011-2.86283,2.07011Z", fill: "var(--color-bg-contextual-subtle" }), _jsx("rect", { x: "390.23725", y: "284.00333", width: "15.24419", height: "1.6938", fill: "var(--color-bg-contextual)" })] }), _jsxs("g", { children: [_jsx("path", { d: "M334.90683,353.44906H116.40683V74.9226c0-36.24795,29.49012-65.73807,65.73807-65.73807h87.02386c36.24795,0,65.73807,29.49012,65.73807,65.73807V353.44906Z", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M260.23868,71.85507h-68.21385c-5.47631,0-9.93163-4.45532-9.93163-9.93204v-18.24638c0-5.47673,4.45532-9.93204,9.93163-9.93204h68.21385c5.47673,0,9.93204,4.45532,9.93204,9.93204v18.24638c0,5.47673-4.45532,9.93204-9.93204,9.93204Z", fill: "var(--color-bg-surface)" }), _jsx("rect", { x: "159.17524", y: "82.44131", width: "136.35078", height: ".8469", transform: "translate(310.21539 -144.48587) rotate(90)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M309.2964,301.78821h-17.37798c-5.01564,0-9.0959-4.08066-9.0959-9.0959v-52.94774c0-5.01523,4.08025-9.0959,9.0959-9.0959h17.37798c5.01564,0,9.0959,4.08066,9.0959,9.0959v52.94774c0,5.01523-4.08025,9.0959-9.0959,9.0959Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M195.8119,339.05178h-47.86635c-5.01564,0-9.0959-4.08066-9.0959-9.0959v-93.59891c0-5.01523,4.08025-9.0959,9.0959-9.0959h47.86635c5.01564,0,9.0959,4.08066,9.0959,9.0959v93.59891c0,5.01523-4.08025,9.0959-9.0959,9.0959Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M206.07931,234.45972h-68.35527c-2.57254,0-4.74768-1.58132-5.54124-4.02856-.79314-2.44724,.04011-5.00365,2.12304-6.51385l34.54381-25.03315c2.0668-1.49613,4.83369-1.48207,6.88436,.03639l33.81105,25.03315c2.05687,1.5226,2.86738,4.07653,2.06597,6.5064-.80182,2.42987-2.97283,3.99961-5.53172,3.99961Z", fill: "var(--color-bg-contextual-subtle" }), _jsx("path", { d: "M316.41606,235.30662h-31.57181c-2.57254,0-4.74768-1.58132-5.54124-4.02856-.79355-2.44724,.04011-5.00365,2.12304-6.51385l15.95545-11.56216c2.0668-1.49696,4.83328-1.4829,6.88395,.03639l15.61677,11.56216c2.05646,1.52177,2.86738,4.0757,2.06597,6.50558-.80182,2.42987-2.97324,4.00044-5.53214,4.00044Z", fill: "var(--color-bg-contextual-subtle" }), _jsxs("g", { children: [_jsx("path", { d: "M302.33305,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M235.42801,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M167.67607,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M308.23116,120.97523H143.08209c-2.95794,0-4.76877-2.09492-5.25135-4.16999-.48258-2.07672,.21875-4.75554,2.87359-6.06062l83.45969-41.01258c1.50399-.73856,3.29703-.73194,4.79689,.02068l81.68938,41.01258c2.3145,1.16283,3.4244,3.54226,2.82727,6.06228-.59754,2.51919-2.65648,4.14766-5.24639,4.14766Z", fill: "var(--color-bg-contextual-subtle" })] }), _jsx("path", { d: "M334.48338,353.02561h-114.75484v-21.26925c0-16.75769,13.58338-30.39161,30.27987-30.39161h84.47497v51.66085Z", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "242.17136", y: "271.29984", width: "11.00969", height: "40.65116", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "323.47369", y: "271.29984", width: "11.00969", height: "40.65116", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "251.48725", y: "274.68744", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "135.46206", y: "150.19325", width: "182.93023", height: ".8469", fill: "var(--color-bg-contextual)" }), _jsx("rect", { x: "251.48725", y: "288.23782", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "251.48725", y: "295.01302", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("path", { d: "M268.42772,37.35881h-85.54178c-1.33155,0-2.45717-.81795-2.8678-2.08499-.41063-1.26621,.02068-2.58949,1.09874-3.37106L224.34637,.57576c1.06938-.77329,2.50141-.76833,3.56252,.01902l42.31229,31.327c1.06441,.78735,1.48414,2.10898,1.06938,3.36692-.41477,1.25712-1.53873,2.07011-2.86283,2.07011Z", fill: "var(--color-bg-contextual-subtle" }), _jsx("rect", { x: "142.23725", y: "284.00333", width: "15.24419", height: "1.6938", fill: "var(--color-bg-contextual)" })] }), _jsxs("g", { children: [_jsx("path", { d: "M822.90683,353.44906h-218.5V74.9226c0-36.24795,29.49012-65.73807,65.73807-65.73807h87.02386c36.24795,0,65.73807,29.49012,65.73807,65.73807V353.44906Z", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M748.23868,71.85507h-68.21385c-5.47631,0-9.93163-4.45532-9.93163-9.93204v-18.24638c0-5.47673,4.45532-9.93204,9.93163-9.93204h68.21385c5.47673,0,9.93204,4.45532,9.93204,9.93204v18.24638c0,5.47673-4.45532,9.93204-9.93204,9.93204Z", fill: "var(--color-bg-surface)" }), _jsx("rect", { x: "647.17524", y: "82.44131", width: "136.35078", height: ".8469", transform: "translate(798.21539 -632.48587) rotate(90)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M797.2964,301.78821h-17.37798c-5.01564,0-9.0959-4.08066-9.0959-9.0959v-52.94774c0-5.01523,4.08025-9.0959,9.0959-9.0959h17.37798c5.01564,0,9.0959,4.08066,9.0959,9.0959v52.94774c0,5.01523-4.08025,9.0959-9.0959,9.0959Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M683.8119,339.05178h-47.86635c-5.01564,0-9.0959-4.08066-9.0959-9.0959v-93.59891c0-5.01523,4.08025-9.0959,9.0959-9.0959h47.86635c5.01564,0,9.0959,4.08066,9.0959,9.0959v93.59891c0,5.01523-4.08025,9.0959-9.0959,9.0959Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M694.07931,234.45972h-68.35527c-2.57254,0-4.74768-1.58132-5.54124-4.02856-.79314-2.44724,.04011-5.00365,2.12304-6.51385l34.54381-25.03315c2.0668-1.49613,4.83369-1.48207,6.88436,.03639l33.81105,25.03315c2.05687,1.5226,2.86738,4.07653,2.06597,6.5064-.80182,2.42987-2.97283,3.99961-5.53172,3.99961Z", fill: "var(--color-bg-contextual-subtle" }), _jsx("path", { d: "M804.41606,235.30662h-31.57181c-2.57254,0-4.74768-1.58132-5.54124-4.02856-.79355-2.44724,.04011-5.00365,2.12304-6.51385l15.95545-11.56216c2.0668-1.49696,4.83328-1.4829,6.88395,.03639l15.61677,11.56216c2.05646,1.52177,2.86738,4.0757,2.06597,6.50558-.80182,2.42987-2.97324,4.00044-5.53214,4.00044Z", fill: "var(--color-bg-contextual-subtle" }), _jsxs("g", { children: [_jsx("path", { d: "M790.33305,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M723.42801,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M655.67607,185.76302h-19.54237c-4.41893,0-8.0137-3.59519-8.0137-8.01411v-55.11131c0-4.41893,3.59477-8.01411,8.0137-8.01411h19.54237c4.41893,0,8.0137,3.59519,8.0137,8.01411v55.11131c0,4.41893-3.59477,8.01411-8.0137,8.01411Z", fill: "var(--color-bg-surface)" }), _jsx("path", { d: "M796.23116,120.97523h-165.14907c-2.95794,0-4.76877-2.09492-5.25135-4.16999-.48258-2.07672,.21875-4.75554,2.87359-6.06062l83.45969-41.01258c1.50399-.73856,3.29703-.73194,4.79689,.02068l81.68938,41.01258c2.3145,1.16283,3.4244,3.54226,2.82727,6.06228-.59754,2.51919-2.65648,4.14766-5.24639,4.14766Z", fill: "var(--color-bg-contextual-subtle" })] }), _jsx("path", { d: "M822.48338,353.02561h-114.75484v-21.26925c0-16.75769,13.58338-30.39161,30.27987-30.39161h84.47497v51.66085Z", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "730.17136", y: "271.29984", width: "11.00969", height: "40.65116", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "811.47369", y: "271.29984", width: "11.00969", height: "40.65116", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "739.48725", y: "274.68744", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "623.46206", y: "150.19325", width: "182.93023", height: ".8469", fill: "var(--color-bg-contextual)" }), _jsx("rect", { x: "739.48725", y: "288.23782", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("rect", { x: "739.48725", y: "295.01302", width: "75.37403", height: ".8469", fill: "var( --color-fg-muted)" }), _jsx("path", { d: "M756.42772,37.35881h-85.54178c-1.33155,0-2.45717-.81795-2.8678-2.08499-.41063-1.26621,.02068-2.58949,1.09874-3.37106L712.34637,.57576c1.06938-.77329,2.50141-.76833,3.56252,.01902l42.31229,31.327c1.06441,.78735,1.48414,2.10898,1.06938,3.36692-.41477,1.25712-1.53873,2.07011-2.86283,2.07011Z", fill: "var(--color-bg-contextual-subtle" }), _jsx("rect", { x: "630.23725", y: "284.00333", width: "15.24419", height: "1.6938", fill: "var(--color-bg-contextual)" })] }), _jsxs("g", { children: [_jsx("path", { d: "M152.97684,350.47903c.07001,.59003,.08997,1.14001,.04999,1.67999h-29.69c-.27002-.53998-.5-1.09998-.70001-1.67999-3.63-10.42999,2.34003-27.78998-5.22998-53.52997-5.62-19.10004-16.10999-34.04004-21-41-6.01001-8.56-12.82001-16.46002-20.71002-29.08002-1.70996-2.72998-3.46997-5.69-5.28998-8.91998-.60999-1.08002-7.64001-13.60999-7-14,.29999-.17999,2.15997,2.34998,2.78998,3.20001,5.56,7.51996,8.79004,10.81,13.42004,16.21997,2.81,3.28003,6.13,7.33002,10.78998,13.58002,11.95001,16.01001,17.91998,24.01001,20,30,.54999,1.59998,3.47998,10.26001,9,21,2.82001,5.47998,4.22998,8.21997,5,8,2.17999-.63-.76001-23.32001-10-46-1.58002-3.85999-2.76001-6.33002-5-11-3.64001-7.62-23.90997-49.97003-38.81-75.32001-1.87-3.19-3.65997-6.10004-5.31-8.65002-.32001-.47998-.63-.95001-.92999-1.39996-2.08002-3.10004-3.91998-5.55005-5.45001-7.13-.81-.84003-2.87-3.22003-7-8-1.64001-1.90002-2.84003-3.31-3.65002-4.34003-.12-.14996-.22998-.29999-.31995-.42999-.98004-1.27997-1.26001-1.90002-1.03003-2.22998,.33002-.47003,1.59998-.20001,2.98999,.28998,.15002,.04999,.31,.10999,.46002,.16998,1.51001,.56,3.03998,1.29004,3.54999,1.54004,4.67999,2.25,9.25,6.27997,13.47998,11.07001,1.57001,1.76996,3.08002,3.63995,4.54004,5.56,4.69995,6.19995,8.79999,12.94995,11.89996,18.5,3.79999,6.83997,6.08002,11.87,6.08002,11.87,10.60999,23.42999,22.38,50.22998,23,50,.67999-.25-12.37-33.60999-16.16998-51.73004-1.27002-6.06995-1.5-10.42999,.16998-11.26996,.06-.03003,.12-.06,.19-.08002,.26001-.09003,.5-.08002,.63-.07001,0,0,1.54999-.20001,3.17999,.15002,2.03003,.44,4.34003,6.08997,6.59003,14.01996,5.84998,20.44,11.40997,55.98004,11.40997,55.98004,5.56,35.54999,14,64.32001,16,64,1.10999-.17999-.47998-9.10999,1-24,1.03998-10.44,2.21997-10.12,6-29,6-29.95001,9-44.92004,9-45-.03003-.63-.10999-1.90002,.08002-3.22003,.20001-1.42999,.70996-2.92999,1.91998-3.77997,1.84003-1.29999,4.79999-.73999,6,0,.96002,.59998,1.45001,1.70001,1.56,3.27997,.65997,9.94-13.62,38.76001-18.56,77.72003-2.46002,19.40997-3.81,30,0,44,3.77002,13.88,10.34003,22.71997,11.07001,29.02997Z", fill: "var( --color-fg-muted)" }), _jsx("path", { d: "M193.40683,99.94906c-8.20374-1.49261-18.39307,3.99872-19,10-.49963,4.94006,5.5722,9.45044,5,10-.53479,.51361-4.29706-4.90662-9-5-7.10626-.14111-15.63531,11.89423-13,19,2.11542,5.70404,11.1795,7.56976,11,8-.16931,.40576-7.07532-4.02106-14-3-9.91473,1.46191-19.40881,14.02441-17,22,2.69153,8.91174,20.11572,11.67126,20,12-.12231,.34753-17.53687-8.56818-24-3-4.33496,3.73468-3.71326,12.44055-1,18,5.66309,11.60364,23.32996,15.71576,32,10,6.74139-4.44427,2.19525-10.97479,9-25,8.35651-17.22345,22.88983-23.19867,23-36,.01001-1.16412,.0423-4.91229-2-6-3.2616-1.73712-9.5564,4.51416-10,4-.47986-.55621,7.94635-6.64362,13-17,1.58954-3.25745,5.20593-10.66846,2-15-1.6322-2.20532-4.35858-2.70135-6-3Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M147.40683,80.94906c-8.20374-1.49261-18.39307,3.99872-19,10-.49963,4.94006,5.5722,9.45044,5,10-.53479,.51361-4.29706-4.90662-9-5-7.10626-.14111-15.63531,11.89423-13,19,2.11542,5.70404,11.1795,7.56976,11,8-.16931,.40576-7.07532-4.02106-14-3-9.91473,1.46191-19.40881,14.02441-17,22,2.69153,8.91174,20.11572,11.67126,20,12-.12231,.34753-17.53687-8.56818-24-3-4.33496,3.73468-3.71326,12.44055-1,18,5.66309,11.60364,23.32996,15.71576,32,10,6.74139-4.44427,2.19525-10.97479,9-25,8.35651-17.22345,22.88983-23.19867,23-36,.01001-1.16412,.0423-4.91229-2-6-3.2616-1.73712-9.5564,4.51416-10,4-.47986-.55621,7.94635-6.64362,13-17,1.58954-3.25745,5.20593-10.66846,2-15-1.6322-2.20532-4.35858-2.70135-6-3Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M91.70497,58.74495c7.77591,3.01071,13.59847,13.01446,10.98244,18.44955-2.15341,4.474-9.6869,5.15017-9.48586,5.91764,.18791,.71728,6.22678-1.94082,10.28643,.43524,6.13423,3.59028,7.12379,18.30812,1.1659,22.99219-4.78256,3.76008-13.48704,.61832-13.55861,1.07898-.06748,.43446,8.1338,.26513,13.50633,4.75174,7.69238,6.42389,9.2297,22.09522,3.0108,27.63938-6.94884,6.19493-23.24991-.54989-23.32287-.2091-.07715,.36026,19.43023,1.84976,22.03479,9.97337,1.74694,5.44866-3.32916,12.5488-8.54608,15.87339-10.88873,6.93906-28.10304,1.22109-32.5127-8.18075-3.42874-7.31039,3.85842-10.50608,5.37846-26.02061,1.86663-19.0524-7.40802-31.73711-.8176-42.71219,.59933-.99804,2.52894-4.21151,4.83867-4.07275,3.6887,.22159,5.79301,8.83988,6.43981,8.63301,.69968-.2238-3.30796-9.81527-2.21023-21.2865,.34529-3.6081,1.13081-11.81689,6.12675-13.83701,2.54355-1.02852,5.12775-.02795,6.68356,.57444Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M3.39805,64.18426c-4.90276,6.74479-4.37363,18.30754,.7707,21.45707,4.23464,2.59262,10.93203-.92244,11.17907-.16851,.23087,.70462-6.28474,1.74402-8.40847,5.94118-3.20901,6.34201,3.93673,19.24676,11.48239,19.95382,6.05714,.56761,11.66921-6.7906,11.97903-6.44227,.29219,.32853-6.69168,4.63147-8.77475,11.31388-2.98256,9.56783,4.21967,23.57076,12.45085,24.85913,9.19734,1.43962,19.24041-13.06397,19.48643-12.81713,.26011,.26093-15.32592,12.08601-13.11157,20.32454,1.4852,5.52575,9.59938,8.74113,15.7855,8.70734,12.91162-.07052,24.27872-14.20619,22.88849-24.49729-1.08096-8.00184-8.93697-6.73764-18.62351-18.95165-11.8954-14.99927-10.97662-30.6861-22.46369-36.33707-1.04461-.51388-4.40796-2.16849-6.27376-.79996-2.97976,2.18556-.07688,10.56865-.73256,10.74539-.70929,.19116-2.54015-10.0414-9.68025-19.08645-2.24582-2.84498-7.35526-9.31761-12.64862-8.30736-2.695,.51431-4.32434,2.75584-5.30529,4.10535Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M10.39805,138.18426c-4.90276,6.74479-4.37363,18.30754,.7707,21.45707,4.23464,2.59262,10.93203-.92244,11.17907-.16851,.23087,.70462-6.28474,1.74402-8.40847,5.94118-3.20901,6.34201,3.93673,19.24676,11.48239,19.95382,6.05714,.56761,11.66921-6.7906,11.97903-6.44227,.29219,.32853-6.69168,4.63147-8.77475,11.31388-2.98256,9.56783,4.21967,23.57076,12.45085,24.85913,9.19734,1.43962,19.24041-13.06397,19.48643-12.81713,.26011,.26093-15.32592,12.08601-13.11157,20.32454,1.4852,5.52575,9.59938,8.74113,15.7855,8.70734,12.91162-.07052,24.27872-14.20619,22.88849-24.49729-1.08096-8.00184-8.93697-6.73764-18.62351-18.95165-11.8954-14.99927-10.97662-30.6861-22.46369-36.33707-1.04461-.51388-4.40796-2.16849-6.27376-.79996-2.97976,2.18556-.07688,10.56865-.73256,10.74539-.70929,.19116-2.54015-10.0414-9.68025-19.08645-2.24582-2.84498-7.35526-9.31761-12.64862-8.30736-2.695,.51431-4.32434,2.75584-5.30529,4.10535Z", fill: "var(--color-focus-ring)" })] }), _jsxs("g", { children: [_jsx("path", { d: "M386.97684,350.76907c.07001,.59003,.08997,1.14001,.04999,1.67999h-29.69c-.27002-.53998-.5-1.09998-.70001-1.67999-3.63-10.42999,2.34003-27.78998-5.22998-53.52997-5.62-19.10004-16.10999-34.04004-21-41-6.01001-8.56-12.82001-16.46002-20.71002-29.08002-1.70996-2.72998-3.46997-5.69-5.28998-8.91998-.60999-1.08002-7.64001-13.60999-7-14,.29999-.17999,2.15997,2.34998,2.78998,3.20001,5.56,7.51996,8.79004,10.81,13.42004,16.21997,2.81,3.28003,6.13,7.33002,10.78998,13.58002,11.95001,16.01001,17.91998,24.01001,20,30,.54999,1.59998,3.47998,10.26001,9,21,2.82001,5.47998,4.22998,8.21997,5,8,2.17999-.63-.76001-23.32001-10-46-1.58002-3.85999-2.76001-6.33002-5-11-3.64001-7.62-23.90997-49.97003-38.81-75.32001-1.87-3.19-3.65997-6.10004-5.31-8.65002-.32001-.47998-.63-.95001-.92999-1.39996-2.08002-3.10004-3.91998-5.55005-5.45001-7.13-.81-.84003-2.87-3.22003-7-8-1.64001-1.90002-2.84003-3.31-3.65002-4.34003-.12-.14996-.22998-.29999-.31995-.42999-.98004-1.27997-1.26001-1.90002-1.03003-2.22998,.33002-.47003,1.59998-.20001,2.98999,.28998,.15002,.04999,.31,.10999,.46002,.16998,1.51001,.56,3.03998,1.29004,3.54999,1.54004,4.67999,2.25,9.25,6.27997,13.47998,11.07001,1.57001,1.76996,3.08002,3.63995,4.54004,5.56,4.69995,6.19995,8.79999,12.94995,11.89996,18.5,3.79999,6.83997,6.08002,11.87,6.08002,11.87,10.60999,23.42999,22.38,50.22998,23,50,.67999-.25-12.37-33.60999-16.16998-51.73004-1.27002-6.06995-1.5-10.42999,.16998-11.26996,.06-.03003,.12-.06,.19-.08002,.26001-.09003,.5-.08002,.63-.07001,0,0,1.54999-.20001,3.17999,.15002,2.03003,.44,4.34003,6.08997,6.59003,14.01996,5.84998,20.44,11.40997,55.98004,11.40997,55.98004,5.56,35.54999,14,64.32001,16,64,1.10999-.17999-.47998-9.10999,1-24,1.03998-10.44,2.21997-10.12,6-29,6-29.95001,9-44.92004,9-45-.03003-.63-.10999-1.90002,.08002-3.22003,.20001-1.42999,.70996-2.92999,1.91998-3.77997,1.84003-1.29999,4.79999-.73999,6,0,.96002,.59998,1.45001,1.70001,1.56,3.27997,.65997,9.94-13.62,38.76001-18.56,77.72003-2.46002,19.40997-3.81,30,0,44,3.77002,13.88,10.34003,22.71997,11.07001,29.02997Z", fill: "var( --color-fg-muted)" }), _jsx("path", { d: "M427.40683,100.2391c-8.20374-1.49261-18.39307,3.99872-19,10-.49963,4.94006,5.5722,9.45044,5,10-.53479,.51361-4.29706-4.90662-9-5-7.10626-.14111-15.63531,11.89423-13,19,2.11542,5.70404,11.1795,7.56976,11,8-.16931,.40576-7.07532-4.02106-14-3-9.91473,1.46191-19.40881,14.02441-17,22,2.69153,8.91174,20.11572,11.67126,20,12-.12231,.34753-17.53687-8.56818-24-3-4.33496,3.73468-3.71326,12.44055-1,18,5.66309,11.60364,23.32996,15.71576,32,10,6.74139-4.44427,2.19525-10.97479,9-25,8.35651-17.22345,22.88983-23.19867,23-36,.01001-1.16412,.0423-4.91229-2-6-3.2616-1.73712-9.5564,4.51416-10,4-.47986-.55621,7.94635-6.64362,13-17,1.58954-3.25745,5.20593-10.66846,2-15-1.6322-2.20532-4.35858-2.70135-6-3Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M381.40683,81.2391c-8.20374-1.49261-18.39307,3.99872-19,10-.49963,4.94006,5.5722,9.45044,5,10-.53479,.51361-4.29706-4.90662-9-5-7.10626-.14111-15.63531,11.89423-13,19,2.11542,5.70404,11.1795,7.56976,11,8-.16931,.40576-7.07532-4.02106-14-3-9.91473,1.46191-19.40881,14.02441-17,22,2.69153,8.91174,20.11572,11.67126,20,12-.12231,.34753-17.53687-8.56818-24-3-4.33496,3.73468-3.71326,12.44055-1,18,5.66309,11.60364,23.32996,15.71576,32,10,6.74139-4.44427,2.19525-10.97479,9-25,8.35651-17.22345,22.88983-23.19867,23-36,.01001-1.16412,.0423-4.91229-2-6-3.2616-1.73712-9.5564,4.51416-10,4-.47986-.55621,7.94635-6.64362,13-17,1.58954-3.25745,5.20593-10.66846,2-15-1.6322-2.20532-4.35858-2.70135-6-3Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M325.70497,59.03498c7.77591,3.01071,13.59847,13.01446,10.98244,18.44955-2.15341,4.474-9.6869,5.15017-9.48586,5.91764,.18791,.71728,6.22678-1.94082,10.28643,.43524,6.13423,3.59028,7.12379,18.30812,1.1659,22.99219-4.78256,3.76008-13.48704,.61832-13.55861,1.07898-.06748,.43446,8.1338,.26513,13.50633,4.75174,7.69238,6.42389,9.2297,22.09522,3.0108,27.63938-6.94884,6.19493-23.24991-.54989-23.32287-.2091-.07715,.36026,19.43023,1.84976,22.03479,9.97337,1.74694,5.44866-3.32916,12.5488-8.54608,15.87339-10.88873,6.93906-28.10304,1.22109-32.5127-8.18075-3.42874-7.31039,3.85842-10.50608,5.37846-26.02061,1.86663-19.0524-7.40802-31.73711-.8176-42.71219,.59933-.99804,2.52894-4.21151,4.83867-4.07275,3.6887,.22159,5.79301,8.83988,6.43981,8.63301,.69968-.2238-3.30796-9.81527-2.21023-21.2865,.34529-3.6081,1.13081-11.81689,6.12675-13.83701,2.54355-1.02852,5.12775-.02795,6.68356,.57444Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M237.39805,64.4743c-4.90276,6.74479-4.37363,18.30754,.7707,21.45707,4.23464,2.59262,10.93203-.92244,11.17907-.16851,.23087,.70462-6.28474,1.74402-8.40847,5.94118-3.20901,6.34201,3.93673,19.24676,11.48239,19.95382,6.05714,.56761,11.66921-6.7906,11.97903-6.44227,.29219,.32853-6.69168,4.63147-8.77475,11.31388-2.98256,9.56783,4.21967,23.57076,12.45085,24.85913,9.19734,1.43962,19.24041-13.06397,19.48643-12.81713,.26011,.26093-15.32592,12.08601-13.11157,20.32454,1.4852,5.52575,9.59938,8.74113,15.7855,8.70734,12.91162-.07052,24.27872-14.20619,22.88849-24.49729-1.08096-8.00184-8.93697-6.73764-18.62351-18.95165-11.8954-14.99927-10.97662-30.6861-22.46369-36.33707-1.04461-.51388-4.40796-2.16849-6.27376-.79996-2.97976,2.18556-.07688,10.56865-.73256,10.74539-.70929,.19116-2.54015-10.0414-9.68025-19.08645-2.24582-2.84498-7.35526-9.31761-12.64862-8.30736-2.695,.51431-4.32434,2.75584-5.30529,4.10535Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M244.39805,138.4743c-4.90276,6.74479-4.37363,18.30754,.7707,21.45707,4.23464,2.59262,10.93203-.92244,11.17907-.16851,.23087,.70462-6.28474,1.74402-8.40847,5.94118-3.20901,6.34201,3.93673,19.24676,11.48239,19.95382,6.05714,.56761,11.66921-6.7906,11.97903-6.44227,.29219,.32853-6.69168,4.63147-8.77475,11.31388-2.98256,9.56783,4.21967,23.57076,12.45085,24.85913,9.19734,1.43962,19.24041-13.06397,19.48643-12.81713,.26011,.26093-15.32592,12.08601-13.11157,20.32454,1.4852,5.52575,9.59938,8.74113,15.7855,8.70734,12.91162-.07052,24.27872-14.20619,22.88849-24.49729-1.08096-8.00184-8.93697-6.73764-18.62351-18.95165-11.8954-14.99927-10.97662-30.6861-22.46369-36.33707-1.04461-.51388-4.40796-2.16849-6.27376-.79996-2.97976,2.18556-.07688,10.56865-.73256,10.74539-.70929,.19116-2.54015-10.0414-9.68025-19.08645-2.24582-2.84498-7.35526-9.31761-12.64862-8.30736-2.695,.51431-4.32434,2.75584-5.30529,4.10535Z", fill: "var(--color-focus-ring)" })] }), _jsxs("g", { children: [_jsx("path", { d: "M814.83682,350.76907c-.07001,.59003-.08997,1.14001-.04999,1.67999h29.69c.27002-.53998,.5-1.09998,.70001-1.67999,3.63-10.42999-2.34003-27.78998,5.22998-53.52997,5.62-19.10004,16.10999-34.04004,21-41,6.01001-8.56,12.82001-16.46002,20.71002-29.08002,1.70996-2.72998,3.46997-5.69,5.28998-8.91998,.60999-1.08002,7.64001-13.60999,7-14-.29999-.17999-2.15997,2.34998-2.78998,3.20001-5.56,7.51996-8.79004,10.81-13.42004,16.21997-2.81,3.28003-6.13,7.33002-10.78998,13.58002-11.95001,16.01001-17.91998,24.01001-20,30-.54999,1.59998-3.47998,10.26001-9,21-2.82001,5.47998-4.22998,8.21997-5,8-2.17999-.63,.76001-23.32001,10-46,1.58002-3.85999,2.76001-6.33002,5-11,3.64001-7.62,23.90997-49.97003,38.81-75.32001,1.87-3.19,3.65997-6.10004,5.31-8.65002,.32001-.47998,.63-.95001,.92999-1.39996,2.08002-3.10004,3.91998-5.55005,5.45001-7.13,.81-.84003,2.87-3.22003,7-8,1.64001-1.90002,2.84003-3.31,3.65002-4.34003,.12-.14996,.22998-.29999,.31995-.42999,.98004-1.27997,1.26001-1.90002,1.03003-2.22998-.33002-.47003-1.59998-.20001-2.98999,.28998-.15002,.04999-.31,.10999-.46002,.16998-1.51001,.56-3.03998,1.29004-3.54999,1.54004-4.67999,2.25-9.25,6.27997-13.47998,11.07001-1.57001,1.76996-3.08002,3.63995-4.54004,5.56-4.69995,6.19995-8.79999,12.94995-11.89996,18.5-3.79999,6.83997-6.08002,11.87-6.08002,11.87-10.60999,23.42999-22.38,50.22998-23,50-.67999-.25,12.37-33.60999,16.16998-51.73004,1.27002-6.06995,1.5-10.42999-.16998-11.26996-.06-.03003-.12-.06-.19-.08002-.26001-.09003-.5-.08002-.63-.07001,0,0-1.54999-.20001-3.17999,.15002-2.03003,.44-4.34003,6.08997-6.59003,14.01996-5.84998,20.44-11.40997,55.98004-11.40997,55.98004-5.56,35.54999-14,64.32001-16,64-1.10999-.17999,.47998-9.10999-1-24-1.03998-10.44-2.21997-10.12-6-29-6-29.95001-9-44.92004-9-45,.03003-.63,.10999-1.90002-.08002-3.22003-.20001-1.42999-.70996-2.92999-1.91998-3.77997-1.84003-1.29999-4.79999-.73999-6,0-.96002,.59998-1.45001,1.70001-1.56,3.27997-.65997,9.94,13.62,38.76001,18.56,77.72003,2.46002,19.40997,3.81,30,0,44-3.77002,13.88-10.34003,22.71997-11.07001,29.02997Z", fill: "var( --color-fg-muted)" }), _jsx("path", { d: "M774.40683,100.2391c8.20374-1.49261,18.39307,3.99872,19,10,.49963,4.94006-5.5722,9.45044-5,10,.53479,.51361,4.29706-4.90662,9-5,7.10626-.14111,15.63531,11.89423,13,19-2.11542,5.70404-11.1795,7.56976-11,8,.16931,.40576,7.07532-4.02106,14-3,9.91473,1.46191,19.40881,14.02441,17,22-2.69153,8.91174-20.11572,11.67126-20,12,.12231,.34753,17.53687-8.56818,24-3,4.33496,3.73468,3.71326,12.44055,1,18-5.66309,11.60364-23.32996,15.71576-32,10-6.74139-4.44427-2.19525-10.97479-9-25-8.35651-17.22345-22.88983-23.19867-23-36-.01001-1.16412-.0423-4.91229,2-6,3.2616-1.73712,9.5564,4.51416,10,4,.47986-.55621-7.94635-6.64362-13-17-1.58954-3.25745-5.20593-10.66846-2-15,1.6322-2.20532,4.35858-2.70135,6-3Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M820.40683,81.2391c8.20374-1.49261,18.39307,3.99872,19,10,.49963,4.94006-5.5722,9.45044-5,10,.53479,.51361,4.29706-4.90662,9-5,7.10626-.14111,15.63531,11.89423,13,19-2.11542,5.70404-11.1795,7.56976-11,8,.16931,.40576,7.07532-4.02106,14-3,9.91473,1.46191,19.40881,14.02441,17,22-2.69153,8.91174-20.11572,11.67126-20,12,.12231,.34753,17.53687-8.56818,24-3,4.33496,3.73468,3.71326,12.44055,1,18-5.66309,11.60364-23.32996,15.71576-32,10-6.74139-4.44427-2.19525-10.97479-9-25-8.35651-17.22345-22.88983-23.19867-23-36-.01001-1.16412-.0423-4.91229,2-6,3.2616-1.73712,9.5564,4.51416,10,4,.47986-.55621-7.94635-6.64362-13-17-1.58954-3.25745-5.20593-10.66846-2-15,1.6322-2.20532,4.35858-2.70135,6-3Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M876.10869,59.03498c-7.77591,3.01071-13.59847,13.01446-10.98244,18.44955,2.15341,4.474,9.6869,5.15017,9.48586,5.91764-.18791,.71728-6.22678-1.94082-10.28643,.43524-6.13423,3.59028-7.12379,18.30812-1.1659,22.99219,4.78256,3.76008,13.48704,.61832,13.55861,1.07898,.06748,.43446-8.1338,.26513-13.50633,4.75174-7.69238,6.42389-9.2297,22.09522-3.0108,27.63938,6.94884,6.19493,23.24991-.54989,23.32287-.2091,.07715,.36026-19.43023,1.84976-22.03479,9.97337-1.74694,5.44866,3.32916,12.5488,8.54608,15.87339,10.88873,6.93906,28.10304,1.22109,32.5127-8.18075,3.42874-7.31039-3.85842-10.50608-5.37846-26.02061-1.86663-19.0524,7.40802-31.73711,.8176-42.71219-.59933-.99804-2.52894-4.21151-4.83867-4.07275-3.6887,.22159-5.79301,8.83988-6.43981,8.63301-.69968-.2238,3.30796-9.81527,2.21023-21.2865-.34529-3.6081-1.13081-11.81689-6.12675-13.83701-2.54355-1.02852-5.12775-.02795-6.68356,.57444Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M964.41561,64.4743c4.90276,6.74479,4.37363,18.30754-.7707,21.45707-4.23464,2.59262-10.93203-.92244-11.17907-.16851-.23087,.70462,6.28474,1.74402,8.40847,5.94118,3.20901,6.34201-3.93673,19.24676-11.48239,19.95382-6.05714,.56761-11.66921-6.7906-11.97903-6.44227-.29219,.32853,6.69168,4.63147,8.77475,11.31388,2.98256,9.56783-4.21967,23.57076-12.45085,24.85913-9.19734,1.43962-19.24041-13.06397-19.48643-12.81713-.26011,.26093,15.32592,12.08601,13.11157,20.32454-1.4852,5.52575-9.59938,8.74113-15.7855,8.70734-12.91162-.07052-24.27872-14.20619-22.88849-24.49729,1.08096-8.00184,8.93697-6.73764,18.62351-18.95165,11.8954-14.99927,10.97662-30.6861,22.46369-36.33707,1.04461-.51388,4.40796-2.16849,6.27376-.79996,2.97976,2.18556,.07688,10.56865,.73256,10.74539,.70929,.19116,2.54015-10.0414,9.68025-19.08645,2.24582-2.84498,7.35526-9.31761,12.64862-8.30736,2.695,.51431,4.32434,2.75584,5.30529,4.10535Z", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M957.41561,138.4743c4.90276,6.74479,4.37363,18.30754-.7707,21.45707-4.23464,2.59262-10.93203-.92244-11.17907-.16851-.23087,.70462,6.28474,1.74402,8.40847,5.94118,3.20901,6.34201-3.93673,19.24676-11.48239,19.95382-6.05714,.56761-11.66921-6.7906-11.97903-6.44227-.29219,.32853,6.69168,4.63147,8.77475,11.31388,2.98256,9.56783-4.21967,23.57076-12.45085,24.85913-9.19734,1.43962-19.24041-13.06397-19.48643-12.81713-.26011,.26093,15.32592,12.08601,13.11157,20.32454-1.4852,5.52575-9.59938,8.74113-15.7855,8.70734-12.91162-.07052-24.27872-14.20619-22.88849-24.49729,1.08096-8.00184,8.93697-6.73764,18.62351-18.95165,11.8954-14.99927,10.97662-30.6861,22.46369-36.33707,1.04461-.51388,4.40796-2.16849,6.27376-.79996,2.97976,2.18556,.07688,10.56865,.73256,10.74539,.70929,.19116,2.54015-10.0414,9.68025-19.08645,2.24582-2.84498,7.35526-9.31761,12.64862-8.30736,2.695,.51431,4.32434,2.75584,5.30529,4.10535Z", fill: "var(--color-focus-ring)" })] }), _jsx("path", { d: "M847.35684,353.31906c0,.46997-.37,.83997-.84003,.83997H73.3168v-1.67999H846.51681c.47003,0,.84003,.38,.84003,.84003Z", fill: "var(--color-bg-contextual)" })] }));

package/dist/components/state-page/error.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ErrorIllustration: React.FC;

package/dist/components/state-page/error.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ErrorIllustration = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1119.60911", height: "699", viewBox: "0 0 1119.60911 699", role: "img", children: [_jsx("title", { children: "server down" }), _jsx("circle", { cx: "292.60911", cy: "213", r: "213", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819", transform: "translate(-31.39089 -100.5)", fill: "var(--color-fg-muted)" }), _jsx("path", { d: "M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356", transform: "translate(-31.39089 -100.5)", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288", transform: "translate(-31.39089 -100.5)", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788", transform: "translate(-31.39089 -100.5)", fill: "var(--color-fg-muted)" }), _jsx("path", { d: "M117.22379,292.83905s15.41555-.47479,20.06141-3.783,23.713-7.2585,24.86553-1.95278,23.16671,26.38821,5.76263,26.5286-40.43935-2.711-45.07627-5.53549S117.22379,292.83905,117.22379,292.83905Z", transform: "translate(-31.39089 -100.5)", fill: "var(--color-bg-contextual-subtle)" }), _jsx("path", { d: "M168.224,311.78489c-17.40408.14042-40.43933-2.71094-45.07626-5.53548-3.53126-2.151-4.93843-9.86945-5.40926-13.43043-.32607.014-.51463.02-.51463.02s.97638,12.43276,5.61331,15.2573,27.67217,5.67589,45.07626,5.53547c5.02386-.04052,6.7592-1.82793,6.66391-4.47526C173.87935,310.756,171.96329,311.75474,168.224,311.78489Z", transform: "translate(-31.39089 -100.5)", opacity: "0.2" }), _jsx("ellipse", { cx: "198.60911", cy: "424.5", rx: "187", ry: "25.43993", fill: "var(--color-fg-subtle)" }), _jsx("ellipse", { cx: "198.60911", cy: "424.5", rx: "157", ry: "21.35866", opacity: "0.1" }), _jsx("ellipse", { cx: "836.60911", cy: "660.5", rx: "283", ry: "38.5", fill: "var(--color-fg-subtle)" }), _jsx("ellipse", { cx: "310.60911", cy: "645.5", rx: "170", ry: "23.12721", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M494,726.5c90,23,263-30,282-90", transform: "translate(-31.39089 -100.5)", fill: "none", stroke: "var(--color-fg-muted)", strokeMiterlimit: "10", strokeWidth: "2" }), _jsx("path", { d: "M341,359.5s130-36,138,80-107,149-17,172", transform: "translate(-31.39089 -100.5)", fill: "none", stroke: "var(--color-fg-muted)", strokeMiterlimit: "10", strokeWidth: "2" }), _jsx("path", { d: "M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566", transform: "translate(-31.39089 -100.5)", fill: "none", stroke: "var(--color-fg-muted)", strokeMiterlimit: "10", strokeWidth: "2" }), _jsx("path", { d: "M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z", transform: "translate(-31.39089 -100.5)", fill: "var(--color-fg-muted)" }), _jsx("path", { d: "M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z", transform: "translate(-31.39089 -100.5)", opacity: "0.1" }), _jsx("rect", { x: "578.43291", y: "212.68859", width: "513.25314", height: "357.51989", rx: "18.04568", fill: "var(--color-fg-muted)" }), _jsx("rect", { x: "595.70294", y: "231.77652", width: "478.71308", height: "267.83694", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "835.05948", cy: "223.29299", r: "3.02983", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z", transform: "translate(-31.39089 -100.5)", fill: "var(--color-fg-muted)" }), _jsx("polygon", { points: "968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466", fill: "var(--color-fg-muted)" }), _jsx("path", { d: "M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z", transform: "translate(-31.39089 -100.5)", fill: "var(--color-fg-muted)" }), _jsx("path", { d: "M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z", transform: "translate(-31.39089 -100.5)", opacity: "0.1" }), _jsx("ellipse", { cx: "1066.53846", cy: "654.13477", rx: "7.87756", ry: "2.42386", fill: "var(--color-bg-contextual)" }), _jsx("circle", { cx: "835.05948", cy: "545.66686", r: "11.51335", fill: "var(--color-bg-contextual)" }), _jsx("polygon", { points: "968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466", opacity: "0.1" }), _jsx("rect", { x: "108.60911", y: "159", width: "208", height: "242", fill: "var(--color-fg-muted)" }), _jsx("rect", { x: "87.60911", y: "135", width: "250", height: "86", fill: "var(--color-fg-subtle)" }), _jsx("rect", { x: "87.60911", y: "237", width: "250", height: "86", fill: "var(--color-fg-subtle)" }), _jsx("rect", { x: "87.60911", y: "339", width: "250", height: "86", fill: "var(--color-fg-subtle)" }), _jsx("rect", { x: "271.60911", y: "150", width: "16", height: "16", fill: "var(--color-focus-ring)", opacity: "0.4" }), _jsx("rect", { x: "294.60911", y: "150", width: "16", height: "16", fill: "var(--color-focus-ring)", opacity: "0.8" }), _jsx("rect", { x: "317.60911", y: "150", width: "16", height: "16", fill: "var(--color-focus-ring)" }), _jsx("rect", { x: "271.60911", y: "251", width: "16", height: "16", fill: "var(--color-focus-ring)", opacity: "0.4" }), _jsx("rect", { x: "294.60911", y: "251", width: "16", height: "16", fill: "var(--color-focus-ring)", opacity: "0.8" }), _jsx("rect", { x: "317.60911", y: "251", width: "16", height: "16", fill: "var(--color-focus-ring)" }), _jsx("rect", { x: "271.60911", y: "352", width: "16", height: "16", fill: "var(--color-focus-ring)", opacity: "0.4" }), _jsx("rect", { x: "294.60911", y: "352", width: "16", height: "16", fill: "var(--color-focus-ring)", opacity: "0.8" }), _jsx("rect", { x: "317.60911", y: "352", width: "16", height: "16", fill: "var(--color-focus-ring)" }), _jsx("circle", { cx: "316.60911", cy: "538", r: "79", fill: "var(--color-fg-muted)" }), _jsx("rect", { x: "280.60911", y: "600", width: "24", height: "43", fill: "var(--color-fg-muted)" }), _jsx("rect", { x: "328.60911", y: "600", width: "24", height: "43", fill: "var(--color-fg-muted)" }), _jsx("ellipse", { cx: "300.60911", cy: "643.5", rx: "20", ry: "7.5", fill: "var(--color-fg-muted)" }), _jsx("ellipse", { cx: "348.60911", cy: "642.5", rx: "20", ry: "7.5", fill: "var(--color-fg-muted)" }), _jsx("circle", { cx: "318.60911", cy: "518", r: "27", fill: "#fff" }), _jsx("circle", { cx: "318.60911", cy: "518", r: "9", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z", transform: "translate(-31.39089 -100.5)", fill: "var(--color-focus-ring)" }), _jsx("ellipse", { cx: "417.21511", cy: "611.34365", rx: "39.5", ry: "12.40027", transform: "translate(-238.28665 112.98044) rotate(-23.17116)", fill: "var(--color-fg-muted)" }), _jsx("ellipse", { cx: "269.21511", cy: "664.34365", rx: "39.5", ry: "12.40027", transform: "translate(-271.07969 59.02084) rotate(-23.17116)", fill: "var(--color-fg-muted)" }), _jsx("path", { d: "M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z", transform: "translate(-31.39089 -100.5)", fill: "#fff" })] }));