@dbcdk/react-components 0.0.9 → 0.0.12

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

@@ -1,36 +1,22 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, 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 '';
@@ -46,6 +32,9 @@ const SidebarContext = createContext({
     resetExpandAll: () => { },
     activeLink: '',
     setActiveLink: () => { },
+    expandItem: () => { },
+    collapseItem: () => { },
+    isExpanded: () => false,
     isSidebarCollapsed: false,
     handleSidebarCollapseChange: () => { },
 });
@@ -57,17 +46,60 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
     const [activeQuery, setActiveQuery] = useState('');
     const [areItemsCollapsed, setItemsCollapsed] = useState(initialCollapsed);
     const [activeHref, setActiveHref] = useState('');
+    // expandedItems is now the single source of truth for "open groups"
+    // (it includes both auto-expanded parents and user-expanded groups)
     const [expandedItems, setExpandedItems] = useState(new Set());
+    // Track items in a ref to avoid effect loops if parent recreates the items array every render
+    const itemsRef = useRef(items);
+    useEffect(() => {
+        itemsRef.current = items;
+    }, [items]);
     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), []);
+    const expandItem = useCallback((href) => {
+        setExpandedItems(prev => {
+            if (prev.has(href))
+                return prev;
+            const next = new Set(prev);
+            next.add(href);
+            return next;
+        });
+    }, []);
+    const collapseItem = useCallback((href) => {
+        setExpandedItems(prev => {
+            if (!prev.has(href))
+                return prev;
+            const next = new Set(prev);
+            next.delete(href);
+            return next;
+        });
+    }, []);
+    const isExpanded = useCallback((href) => expandedItems.has(href), [expandedItems]);
+    // Auto-expand: when active link changes, ensure its parent chain is expanded.
+    // IMPORTANT: guard so we only set state when we actually add something.
     useEffect(() => {
-        const path = findParentItem(activeHref, items);
-        setExpandedItems(new Set(path.split('.').filter(Boolean)));
-    }, [activeHref, items]);
+        if (!activeHref)
+            return;
+        const currentItems = itemsRef.current;
+        const path = findParentItem(activeHref, currentItems);
+        const parents = path.split('.').filter(Boolean);
+        if (parents.length === 0)
+            return;
+        setExpandedItems(prev => {
+            let changed = false;
+            const next = new Set(prev);
+            for (const p of parents) {
+                if (!next.has(p)) {
+                    next.add(p);
+                    changed = true;
+                }
+            }
+            return changed ? next : prev;
+        });
+    }, [activeHref]);
     const filteredItems = useMemo(() => {
         return activeQuery
             ? nestedFiltering(items, {
@@ -78,16 +110,17 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
             })
             : items;
     }, [items, activeQuery]);
+    // Searching should expand all, but do not fight the user forever.
+    // We just set defaultExpanded=true, and individual components can honor it.
     useEffect(() => {
-        if (activeQuery) {
+        if (activeQuery)
             triggerExpandAll();
-        }
     }, [activeQuery, triggerExpandAll]);
+    // Initial collapsed state: explicit prop > localStorage > responsive default.
     useEffect(() => {
         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);
@@ -110,9 +143,8 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
         catch {
             console.error('Failed to parse sidebar collapsed state from storage');
         }
-        // No explicit prop and nothing stored → use responsive default
-        const defaultCollapsed = currentBreakpoint === 'small';
-        setSidebarCollapsed(defaultCollapsed);
+        // Nothing stored → responsive default (but we do NOT persist this automatic choice)
+        setSidebarCollapsed(currentBreakpoint === 'small');
     }, [hasExplicitInitialSidebarCollapsed, initialSidebarCollapsed]);
     const persistCollapsed = useCallback((collapsed) => {
         if (typeof window === 'undefined')
@@ -124,39 +156,28 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
             console.error('Failed to persist sidebar collapsed state');
         }
     }, []);
+    // Only persist user-triggered changes
     const handleSidebarCollapseChange = useCallback((collapsed) => {
         setSidebarCollapsed(collapsed);
         persistCollapsed(collapsed);
     }, [persistCollapsed]);
     // Resize behavior:
-    // - Track current breakpoint.
-    // - Only when the breakpoint actually changes (small <-> large)
-    //   do we auto-apply the "responsive default" for that breakpoint.
+    // - only apply auto-collapse when breakpoint changes
+    // - do NOT persist the automatic change (only user actions persist)
     useEffect(() => {
         if (typeof window === 'undefined')
             return;
+        let lastBreakpoint = getBreakpoint(window.innerWidth);
         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;
-            });
+            if (nextBreakpoint === lastBreakpoint)
+                return;
+            lastBreakpoint = nextBreakpoint;
+            setSidebarCollapsed(nextBreakpoint === 'small');
         };
         window.addEventListener('resize', onResize);
         return () => window.removeEventListener('resize', onResize);
-    }, [persistCollapsed]);
+    }, []);
     const value = useMemo(() => ({
         defaultExpanded,
         expandedItems,
@@ -169,6 +190,9 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
         setItemsCollapsed,
         activeLink: activeHref,
         setActiveLink,
+        expandItem,
+        collapseItem,
+        isExpanded,
         isSidebarCollapsed,
         handleSidebarCollapseChange,
     }), [
@@ -183,6 +207,9 @@ export function SidebarProvider({ children, items, initialCollapsed = false, ini
         setItemsCollapsed,
         activeHref,
         setActiveLink,
+        expandItem,
+        collapseItem,
+        isExpanded,
         isSidebarCollapsed,
         handleSidebarCollapseChange,
     ]);

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/split-button/SplitButton.d.ts

@@ -2,7 +2,7 @@ import type { ComponentProps, ReactNode } from 'react';
 import { Button } from '../button/Button';
 interface SplitButtonItem {
     label?: string;
-    onClick: () => void;
+    onClick: (close?: () => void) => void;
     icon?: ReactNode;
     active?: boolean;
 }

package/dist/components/split-button/SplitButton.js

@@ -4,5 +4,7 @@ import { Button } from '../button/Button';
 import { Menu } from '../menu/Menu';
 import { Popover } from '../popover/Popover';
 export function SplitButton({ children, options, onClick, icon, ...rest }) {
-    return (_jsxs("div", { className: styles.container, style: { display: 'inline-flex', alignItems: 'center' }, children: [_jsxs(Button, { ...rest, onClick: onClick, children: [icon, children] }), _jsx(Popover, { trigger: (handleClick, icon) => (_jsx("span", { className: styles.triggerContainer, children: _jsx(Button, { ...rest, onClick: handleClick, children: icon }) })), children: _jsx(Menu, { children: options.map(option => (_jsx(Menu.Item, { active: option.active, children: _jsxs("button", { onClick: option.onClick, children: [option.icon, option.label] }) }, option.label))) }) })] }));
+    return (_jsxs("div", { className: styles.container, style: { display: 'inline-flex', alignItems: 'center' }, children: [_jsxs(Button, { ...rest, onClick: onClick, children: [icon, children] }), _jsx(Popover, { trigger: (handleClick, icon) => (_jsx("span", { className: styles.triggerContainer, children: _jsx(Button, { ...rest, onClick: handleClick, children: icon }) })), children: close => (_jsx(Menu, { children: options.map(option => (_jsx(Menu.Item, { active: option.active, children: _jsxs("button", { onClick: e => {
+                                option.onClick(close);
+                            }, children: [option.icon, option.label] }) }, option.label))) })) })] }));
 }

package/dist/components/split-button/SplitButton.module.css

@@ -3,15 +3,15 @@
 }
 
 .container > button:first-child {
-  border-start-start-radius: var(--border-radius-md);
-  border-end-start-radius: var(--border-radius-md);
+  border-start-start-radius: var(--border-radius-default);
+  border-end-start-radius: var(--border-radius-default);
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
 
 .triggerContainer button {
-  border-start-end-radius: var(--border-radius-md);
-  border-end-end-radius: var(--border-radius-md);
+  border-start-end-radius: var(--border-radius-default);
+  border-end-end-radius: var(--border-radius-default);
   border-start-start-radius: 0;
   border-end-start-radius: 0;
   padding-block: 0;

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: 300px;
+  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" })] }));

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

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

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

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NotFoundIllustration = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "860.13137", height: "571.14799", viewBox: "0 0 860.13137 571.14799", role: "img", children: [_jsx("path", { d: "M605.66974,324.95306c-7.66934-12.68446-16.7572-26.22768-30.98954-30.36953-16.482-4.7965-33.4132,4.73193-47.77473,14.13453a1392.15692,1392.15692,0,0,0-123.89338,91.28311l.04331.49238q46.22556-3.1878,92.451-6.37554c22.26532-1.53546,45.29557-3.2827,64.97195-13.8156,7.46652-3.99683,14.74475-9.33579,23.20555-9.70782,10.51175-.46217,19.67733,6.87923,26.8802,14.54931,42.60731,45.371,54.937,114.75409,102.73817,154.61591A1516.99453,1516.99453,0,0,0,605.66974,324.95306Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M867.57068,709.78146c-4.71167-5.94958-6.6369-7.343-11.28457-13.34761q-56.7644-73.41638-106.70791-151.79237-33.92354-53.23-64.48275-108.50439-14.54864-26.2781-28.29961-52.96872-10.67044-20.6952-20.8646-41.63793c-1.94358-3.98782-3.8321-7.99393-5.71122-12.00922-4.42788-9.44232-8.77341-18.93047-13.43943-28.24449-5.31686-10.61572-11.789-21.74485-21.55259-28.877a29.40493,29.40493,0,0,0-15.31855-5.89458c-7.948-.51336-15.28184,2.76855-22.17568,6.35295-50.43859,26.301-97.65922,59.27589-140.3696,96.79771A730.77816,730.77816,0,0,0,303.32241,496.24719c-1.008,1.43927-3.39164.06417-2.37419-1.38422q6.00933-8.49818,12.25681-16.81288A734.817,734.817,0,0,1,500.80465,303.06436q18.24824-11.82581,37.18269-22.54245c6.36206-3.60275,12.75188-7.15967,19.25136-10.49653,6.37146-3.27274,13.13683-6.21547,20.41563-6.32547,24.7701-.385,37.59539,27.66695,46.40506,46.54248q4.15283,8.9106,8.40636,17.76626,16.0748,33.62106,33.38729,66.628,10.68453,20.379,21.83683,40.51955,34.7071,62.71816,73.77854,122.897c34.5059,53.1429,68.73651,100.08874,108.04585,149.78472C870.59617,709.21309,868.662,711.17491,867.57068,709.78146Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M414.91613,355.804c-1.43911-1.60428-2.86927-3.20856-4.31777-4.81284-11.42244-12.63259-23.6788-25.11847-39.3644-32.36067a57.11025,57.11025,0,0,0-23.92679-5.54622c-8.56213.02753-16.93178,2.27348-24.84306,5.41792-3.74034,1.49427-7.39831,3.1902-11.00078,4.99614-4.11634,2.07182-8.15927,4.28118-12.1834,6.50883q-11.33112,6.27044-22.36816,13.09089-21.9606,13.57221-42.54566,29.21623-10.67111,8.11311-20.90174,16.75788-9.51557,8.03054-18.64618,16.492c-1.30169,1.20091-3.24527-.74255-1.94358-1.94347,1.60428-1.49428,3.22691-2.97938,4.84955-4.44613q6.87547-6.21546,13.9712-12.19257,12.93921-10.91827,26.54851-20.99312,21.16293-15.67614,43.78288-29.22541,11.30361-6.76545,22.91829-12.96259c2.33794-1.24675,4.70318-2.466,7.09572-3.6211a113.11578,113.11578,0,0,1,16.86777-6.86632,60.0063,60.0063,0,0,1,25.476-2.50265,66.32706,66.32706,0,0,1,23.50512,8.1314c15.40091,8.60812,27.34573,21.919,38.97,34.90915C418.03337,355.17141,416.09875,357.12405,414.91613,355.804Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M730.47659,486.71092l36.90462-13.498,18.32327-6.70183c5.96758-2.18267,11.92082-4.66747,18.08988-6.23036a28.53871,28.53871,0,0,1,16.37356.20862,37.73753,37.73753,0,0,1,12.771,7.91666,103.63965,103.63965,0,0,1,10.47487,11.18643c3.98932,4.79426,7.91971,9.63877,11.86772,14.46706q24.44136,29.89094,48.56307,60.04134,24.12117,30.14991,47.91981,60.556,23.85681,30.48041,47.38548,61.21573,2.88229,3.76518,5.75966,7.53415c1.0598,1.38809,3.44949.01962,2.37472-1.38808Q983.582,650.9742,959.54931,620.184q-24.09177-30.86383-48.51647-61.46586-24.42421-30.60141-49.17853-60.93743-6.16706-7.55761-12.35445-15.09858c-3.47953-4.24073-6.91983-8.52718-10.73628-12.47427-7.00539-7.24516-15.75772-13.64794-26.23437-13.82166-6.15972-.10214-12.121,1.85248-17.844,3.92287-6.16968,2.232-12.32455,4.50571-18.48633,6.75941l-37.16269,13.59243-9.29067,3.3981c-1.64875.603-.93651,3.2619.73111,2.652Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M366.37741,334.52609c-18.75411-9.63866-42.77137-7.75087-60.00508,4.29119a855.84708,855.84708,0,0,1,97.37056,22.72581C390.4603,353.75916,380.07013,341.5635,366.37741,334.52609Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M306.18775,338.7841l-3.61042,2.93462c1.22123-1.02713,2.4908-1.99013,3.795-2.90144C306.31073,338.80665,306.24935,338.79473,306.18775,338.7841Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M831.54929,486.84576c-3.6328-4.42207-7.56046-9.05222-12.99421-10.84836l-5.07308.20008A575.436,575.436,0,0,0,966.74929,651.418Q899.14929,569.13192,831.54929,486.84576Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M516.08388,450.36652A37.4811,37.4811,0,0,0,531.015,471.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M749.08388,653.36652A37.4811,37.4811,0,0,0,764.015,674.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M284.08388,639.36652A37.4811,37.4811,0,0,0,299.015,660.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("circle", { cx: "649.24878", cy: "51", r: "51", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M911.21851,176.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C957.07935,195.76,935.93537,179.63727,911.21851,176.29639Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M805.21851,244.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C851.07935,263.76,829.93537,247.63727,805.21851,244.29639Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M1020.94552,257.15423a.98189.98189,0,0,1-.30176-.04688C756.237,173.48919,523.19942,184.42376,374.26388,208.32122c-20.26856,3.251-40.59131,7.00586-60.40381,11.16113-5.05811,1.05957-10.30567,2.19532-15.59668,3.37793-6.31885,1.40723-12.55371,2.85645-18.53223,4.30567q-3.873.917-7.59472,1.84863c-3.75831.92773-7.57178,1.89453-11.65967,2.957-4.56787,1.17774-9.209,2.41309-13.79737,3.67188a.44239.44239,0,0,1-.05127.01465l.00049.001c-5.18261,1.415-10.33789,2.8711-15.32324,4.3252-2.69824.77929-5.30371,1.54785-7.79932,2.30664-.2788.07715-.52587.15136-.77636.22754l-.53614.16308c-.31054.09473-.61718.1875-.92382.27539l-.01953.00586.00048.001-.81152.252c-.96777.293-1.91211.5791-2.84082.86426-24.54492,7.56641-38.03809,12.94922-38.17139,13.00195a1,1,0,1,1-.74414-1.85644c.13428-.05274,13.69336-5.46289,38.32764-13.05762.93213-.28613,1.87891-.57226,2.84961-.86621l.7539-.23438c.02588-.00976.05176-.01757.07813-.02539.30518-.08691.60986-.17968.91943-.27343l.53711-.16309c.26758-.08105.53125-.16113.80127-.23535,2.47852-.75391,5.09278-1.52441,7.79785-2.30664,4.98731-1.45508,10.14746-2.91113,15.334-4.32813.01611-.00586.03271-.00976.04883-.01464v-.001c4.60449-1.2627,9.26269-2.50293,13.84521-3.68457,4.09424-1.06348,7.915-2.03223,11.67969-2.96192q3.73755-.93017,7.60937-1.85253c5.98536-1.45118,12.23291-2.90235,18.563-4.3125,5.29932-1.1836,10.55567-2.32227,15.62207-3.38282,19.84326-4.16211,40.19776-7.92285,60.49707-11.17871C523.09591,182.415,756.46749,171.46282,1021.2463,255.2011a.99974.99974,0,0,1-.30078,1.95313Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual-subtle" }), _jsx("path", { d: "M432.92309,584.266a6.72948,6.72948,0,0,0-1.7-2.67,6.42983,6.42983,0,0,0-.92-.71c-2.61-1.74-6.51-2.13-8.99,0a5.81012,5.81012,0,0,0-.69.71q-1.11,1.365-2.28,2.67c-1.28,1.46-2.59,2.87-3.96,4.24-.39.38-.78.77-1.18,1.15-.23.23-.46.45-.69.67-.88.84-1.78,1.65-2.69,2.45-.48.43-.96.85-1.45,1.26-.73.61-1.46,1.22-2.2,1.81-.07.05-.14.1-.21.16-.02.01-.03.03-.05.04-.01,0-.02,0-.03.02a.17861.17861,0,0,0-.07.05c-.22.15-.37.25-.48.34.04-.01995.08-.05.12-.07-.18.14-.37.28-.55.42-1.75,1.29-3.54,2.53-5.37,3.69a99.21022,99.21022,0,0,1-14.22,7.55c-.33.13-.67.27-1.01.4a85.96993,85.96993,0,0,1-40.85,6.02q-2.13008-.165-4.26-.45c-1.64-.24-3.27-.53-4.89-.86a97.93186,97.93186,0,0,1-18.02-5.44,118.65185,118.65185,0,0,1-20.66-12.12c-1-.71-2.01-1.42-3.02-2.11,1.15-2.82,2.28-5.64,3.38-8.48.55-1.37,1.08-2.74,1.6-4.12,4.09-10.63,7.93-21.36,11.61-32.13q5.58-16.365,10.53-32.92.51-1.68.99-3.36,2.595-8.745,4.98-17.53c.15-.56994.31-1.12994.45-1.7q.68994-2.52,1.35-5.04c1-3.79-1.26-8.32-5.24-9.23a7.63441,7.63441,0,0,0-9.22,5.24c-.43,1.62-.86,3.23-1.3,4.85q-3.165,11.74494-6.66,23.41-.51,1.68-1.02,3.36-7.71,25.41-16.93,50.31-1.11,3.015-2.25,6.01c-.37.98-.74,1.96-1.12,2.94-.73,1.93-1.48,3.86-2.23,5.79-.43006,1.13-.87006,2.26-1.31,3.38-.29.71-.57,1.42-.85,2.12a41.80941,41.80941,0,0,0-8.81-2.12l-.48-.06a27.397,27.397,0,0,0-7.01.06,23.91419,23.91419,0,0,0-17.24,10.66c-4.77,7.51-4.71,18.25,1.98,24.63,6.89,6.57,17.32,6.52,25.43,2.41a28.35124,28.35124,0,0,0,10.52-9.86,50.56939,50.56939,0,0,0,2.74-4.65c.21.14.42.28.63.43.8.56,1.6,1.13,2.39,1.69a111.73777,111.73777,0,0,0,14.51,8.91,108.35887,108.35887,0,0,0,34.62,10.47c.27.03.53.07.8.1,1.33.17,2.67.3,4.01.41a103.78229,103.78229,0,0,0,55.58-11.36q2.175-1.125,4.31-2.36,3.315-1.92,6.48-4.08c1.15-.78,2.27-1.57,3.38-2.4a101.04244,101.04244,0,0,0,13.51-11.95q2.35491-2.475,4.51-5.11005a8.0612,8.0612,0,0,0,2.2-5.3A7.5644,7.5644,0,0,0,432.92309,584.266Zm-165.59,23.82c.21-.15.42-.31.62-.47C267.89312,607.766,267.60308,607.936,267.33312,608.086Zm3.21-3.23c-.23.26-.44.52-.67.78a23.36609,23.36609,0,0,1-2.25,2.2c-.11.1-.23.2-.35.29a.00976.00976,0,0,0-.01.01,3.80417,3.80417,0,0,0-.42005.22q-.645.39-1.31994.72a17.00459,17.00459,0,0,1-2.71.75,16.79925,16.79925,0,0,1-2.13.02h-.02a14.82252,14.82252,0,0,1-1.45-.4c-.24-.12-.47-.25994-.7-.4-.09-.08-.17005-.16-.22-.21a2.44015,2.44015,0,0,1-.26995-.29.0098.0098,0,0,0-.01-.01c-.11005-.2-.23005-.4-.34-.6a.031.031,0,0,1-.01-.02c-.08-.25-.15-.51-.21-.77a12.51066,12.51066,0,0,1,.01-1.37,13.4675,13.4675,0,0,1,.54-1.88,11.06776,11.06776,0,0,1,.69-1.26c.02-.04.12-.2.23-.38.01-.01.01-.01.01-.02.15-.17.3-.35.46-.51.27-.3.56-.56.85-.83a18.02212,18.02212,0,0,1,1.75-1.01,19.48061,19.48061,0,0,1,2.93-.79,24.98945,24.98945,0,0,1,4.41.04,30.30134,30.30134,0,0,1,4.1,1.01,36.94452,36.94452,0,0,1-2.77,4.54C270.6231,604.746,270.58312,604.806,270.54308,604.856Zm-11.12-3.29a2.18029,2.18029,0,0,1-.31.38995A1.40868,1.40868,0,0,1,259.42309,601.566Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M402.86309,482.136q-.13494,4.71-.27,9.42-.285,10.455-.59,20.92-.315,11.775-.66,23.54-.165,6.07507-.34,12.15-.465,16.365-.92,32.72c-.03,1.13-.07,2.25-.1,3.38q-.225,8.11506-.45,16.23-.255,8.805-.5,17.61-.18,6.59994-.37,13.21-1.34994,47.895-2.7,95.79a7.64844,7.64844,0,0,1-7.5,7.5,7.56114,7.56114,0,0,1-7.5-7.5q.75-26.94,1.52-53.88.675-24.36,1.37-48.72.225-8.025.45-16.06.345-12.09.68-24.18c.03-1.13.07-2.25.1-3.38.02-.99.05-1.97.08-2.96q.66-23.475,1.32-46.96.27-9.24.52-18.49.3-10.545.6-21.08c.09-3.09.17005-6.17.26-9.26a7.64844,7.64844,0,0,1,7.5-7.5A7.56116,7.56116,0,0,1,402.86309,482.136Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M814.29118,484.2172a893.23753,893.23753,0,0,1-28.16112,87.94127c-3.007,7.94641-6.08319,15.877-9.3715,23.71185l.75606-1.7916a54.58274,54.58274,0,0,1-5.58953,10.61184q-.22935.32119-.46685.63642,1.16559-1.49043.4428-.589c-.25405.30065-.5049.60219-.7676.89546a23.66436,23.66436,0,0,1-2.2489,2.20318q-.30139.25767-.61188.5043l.93783-.729c-.10884.25668-.87275.59747-1.11067.74287a18.25362,18.25362,0,0,1-2.40479,1.21853l1.7916-.75606a19.0859,19.0859,0,0,1-4.23122,1.16069l1.9938-.26791a17.02055,17.02055,0,0,1-4.29785.046l1.99379.2679a14.0022,14.0022,0,0,1-3.40493-.917l1.79159.75606a12.01175,12.01175,0,0,1-1.67882-.89614c-.27135-.17688-1.10526-.80852-.01487.02461,1.13336.86595.14562.07434-.08763-.15584-.19427-.19171-.36962-.4-.55974-.595-.88208-.90454.99637,1.55662.39689.49858a18.18179,18.18179,0,0,1-.87827-1.63672l.75606,1.7916a11.92493,11.92493,0,0,1-.728-2.65143l.26791,1.9938a13.65147,13.65147,0,0,1-.00316-3.40491l-.2679,1.9938a15.96371,15.96371,0,0,1,.99486-3.68011l-.75606,1.7916a16.72914,16.72914,0,0,1,1.17794-2.29848,6.72934,6.72934,0,0,1,.72851-1.0714c.04915.01594-1.26865,1.51278-.56937.757.1829-.19767.354-.40592.539-.602.29617-.31382.61354-.60082.92561-.89791,1.04458-.99442-1.46188.966-.25652.17907a19.0489,19.0489,0,0,1,2.74925-1.49923l-1.79159.75606a20.31136,20.31136,0,0,1,4.99523-1.33984l-1.9938.2679a25.62828,25.62828,0,0,1,6.46062.07647l-1.9938-.2679a33.21056,33.21056,0,0,1,7.89178,2.2199l-1.7916-.75606c5.38965,2.31383,10.16308,5.74926,14.928,9.118a111.94962,111.94962,0,0,0,14.50615,8.9065,108.38849,108.38849,0,0,0,34.62226,10.47371,103.93268,103.93268,0,0,0,92.58557-36.75192,8.07773,8.07773,0,0,0,2.1967-5.3033,7.63232,7.63232,0,0,0-2.1967-5.3033c-2.75154-2.52586-7.94926-3.239-10.6066,0a95.63575,95.63575,0,0,1-8.10664,8.72692q-2.01736,1.914-4.14232,3.70983-1.21364,1.02588-2.46086,2.01121c-.3934.31081-1.61863,1.13807.26309-.19744-.43135.30614-.845.64036-1.27058.95478a99.26881,99.26881,0,0,1-20.33215,11.56478l1.79159-.75606a96.8364,96.8364,0,0,1-24.17119,6.62249l1.99379-.2679a97.64308,97.64308,0,0,1-25.75362-.03807l1.99379.2679a99.79982,99.79982,0,0,1-24.857-6.77027l1.7916.75607a116.02515,116.02515,0,0,1-21.7364-12.59112,86.87725,86.87725,0,0,0-11.113-6.99417,42.8238,42.8238,0,0,0-14.43784-4.38851c-9.43884-1.11076-19.0571,2.56562-24.24624,10.72035-4.77557,7.50482-4.71394,18.24362,1.97369,24.62519,6.8877,6.5725,17.31846,6.51693,25.43556,2.40567,7.81741-3.95946,12.51288-12.18539,15.815-19.94186,7.43109-17.45514,14.01023-35.31364,20.1399-53.263q9.09651-26.63712,16.49855-53.81332.91661-3.36581,1.80683-6.73869c1.001-3.78869-1.26094-8.32-5.23829-9.22589a7.63317,7.63317,0,0,0-9.22589,5.23829Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M889.12382,482.13557l-2.69954,95.79311-2.68548,95.29418-1.5185,53.88362a7.56465,7.56465,0,0,0,7.5,7.5,7.64923,7.64923,0,0,0,7.5-7.5l2.69955-95.79311,2.68548-95.29418,1.51849-53.88362a7.56465,7.56465,0,0,0-7.5-7.5,7.64923,7.64923,0,0,0-7.5,7.5Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M629.52566,700.36106h2.32885V594.31942h54.32863v-2.32291H631.85451V547.25214H673.8102q-.92256-1.17339-1.89893-2.31694H631.85451V515.38231c-.7703-.32846-1.54659-.64493-2.32885-.9435V544.9352h-45.652V507.07c-.78227.03583-1.55258.08959-2.3289.15527v37.71h-36.4201V516.68409c-.78227.34636-1.55258.71061-2.31694,1.0928V544.9352h-30.6158v2.31694h30.6158v44.74437h-30.6158v2.32291h30.6158V700.36106h2.31694V594.31942a36.41283,36.41283,0,0,1,36.4201,36.42007v69.62157h2.3289V594.31942h45.652Zm-84.401-108.36455V547.25214h36.4201v44.74437Zm38.749,0V547.25214h.91362a44.74135,44.74135,0,0,1,44.73842,44.74437Z", transform: "translate(-169.93432 -164.42601)", opacity: "0.2" }), _jsx("path", { d: "M615.30309,668.566a63.05854,63.05854,0,0,1-20.05,33.7c-.74.64-1.48,1.26-2.25,1.87q-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43l-.27.03-.19-1.64-.76-6.64a37.623,37.623,0,0,1-3.3-32.44c2.64-7.12,7.42-13.41,12.12-19.65,6.49-8.62,12.8-17.14,13.03-27.65a60.54415,60.54415,0,0,1,7.9,13.33,16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32a63.99025,63.99025,0,0,1,2.45,12.18A61.18851,61.18851,0,0,1,615.30309,668.566Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M648.50311,642.356c-5.9,4.29-9.35,10.46-12.03,17.26a16.62776,16.62776,0,0,0-7.17,4.58c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39-2.68,8.04-5.14,16.36-9.88,23.15a36.98942,36.98942,0,0,1-12.03,10.91,38.49166,38.49166,0,0,1-4.02,1.99q-7.62.585-14.95,1.25-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43q-.015-.825,0-1.65a63.30382,63.30382,0,0,1,15.25-39.86c.45-.52.91-1.03,1.38-1.54a61.7925,61.7925,0,0,1,16.81-12.7A62.65425,62.65425,0,0,1,648.50311,642.356Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M589.16308,699.526l-1.15,3.4-.58,1.73c-1.53.14-3.04.29-4.54.43l-.27.03c-1.66.17-3.31.34-4.96.51-.43-.5-.86-1.01-1.28-1.53a62.03045,62.03045,0,0,1,8.07-87.11c-1.32,6.91.22,13.53,2.75,20.1-.27.11-.53.22-.78.34a16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32q.705.075,1.41.15c.07.15.13.29.2.44,2.85,6.18,5.92,12.39,7.65,18.83a43.66591,43.66591,0,0,1,1.02,4.91A37.604,37.604,0,0,1,589.16308,699.526Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M689.82123,554.48655c-8.60876-16.79219-21.94605-30.92088-37.63219-41.30357a114.2374,114.2374,0,0,0-52.5626-18.37992q-3.69043-.33535-7.399-.39281c-2.92141-.04371-46.866,12.63176-61.58712,22.98214a114.29462,114.29462,0,0,0-35.333,39.527,102.49972,102.49972,0,0,0-12.12557,51.6334,113.56387,113.56387,0,0,0,14.70268,51.47577,110.47507,110.47507,0,0,0,36.44425,38.74592C549.66655,708.561,565.07375,734.51,583.1831,735.426c18.24576.923,39.05418-23.55495,55.6951-30.98707a104.42533,104.42533,0,0,0,41.72554-34.005,110.24964,110.24964,0,0,0,19.599-48.94777c2.57368-18.08313,1.37415-36.73271-4.80123-54.01627a111.85969,111.85969,0,0,0-5.58024-12.9833c-1.77961-3.50519-6.996-4.7959-10.26142-2.69063a7.67979,7.67979,0,0,0-2.69064,10.26142q1.56766,3.08773,2.91536,6.27758l-.75606-1.7916a101.15088,101.15088,0,0,1,6.87641,25.53816l-.26791-1.99379a109.2286,109.2286,0,0,1-.06613,28.68252l.26791-1.9938a109.73379,109.73379,0,0,1-7.55462,27.67419l.75606-1.79159a104.212,104.212,0,0,1-6.67151,13.09835q-1.92308,3.18563-4.08062,6.22159c-.63172.8881-1.28287,1.761-1.939,2.63114-.85625,1.13555,1.16691-1.48321.28228-.36941-.15068.18972-.30049.3801-.45182.5693q-.68121.85165-1.3818,1.68765a93.61337,93.61337,0,0,1-10.17647,10.38359q-1.36615,1.19232-2.77786,2.33115c-.46871.37832-.932.77269-1.42079,1.12472.01861-.0134,1.57956-1.19945.65556-.511-.2905.21644-.57851.43619-.86961.65184q-2.90994,2.1558-5.97433,4.092a103.48509,103.48509,0,0,1-14.75565,7.7131l1.7916-.75606a109.21493,109.21493,0,0,1-27.59663,7.55154l1.9938-.26791a108.15361,108.15361,0,0,1-28.58907.0506l1.99379.2679a99.835,99.835,0,0,1-25.09531-6.78448l1.79159.75607a93.64314,93.64314,0,0,1-13.41605-6.99094q-3.17437-2-6.18358-4.24743c-.2862-.21359-.56992-.43038-.855-.64549-.9155-.69088.65765.50965.67021.51787a19.16864,19.16864,0,0,1-1.535-1.22469q-1.45353-1.18358-2.86136-2.4218a101.98931,101.98931,0,0,1-10.49319-10.70945q-1.21308-1.43379-2.37407-2.91054c-.33524-.4263-.9465-1.29026.40424.5289-.17775-.23939-.36206-.47414-.54159-.71223q-.64657-.85751-1.27568-1.72793-2.203-3.048-4.18787-6.24586a109.29037,109.29037,0,0,1-7.8054-15.10831l.75606,1.7916a106.58753,106.58753,0,0,1-7.34039-26.837l.26791,1.9938a97.86589,97.86589,0,0,1-.04843-25.63587l-.2679,1.9938A94.673,94.673,0,0,1,505.27587,570.55l-.75606,1.7916a101.55725,101.55725,0,0,1,7.19519-13.85624q2.0655-3.32328,4.37767-6.4847.52528-.71832,1.06244-1.42786c.324-.4279,1.215-1.49333-.30537.38842.14906-.18449.29252-.37428.43942-.56041q1.26882-1.60756,2.59959-3.1649A107.40164,107.40164,0,0,1,530.772,536.21508q1.47408-1.29171,2.99464-2.52906.6909-.56218,1.39108-1.11284c.18664-.14673.37574-.29073.56152-.43858-1.99743,1.58953-.555.43261-.10157.09288q3.13393-2.34833,6.43534-4.46134a103.64393,103.64393,0,0,1,15.38655-8.10791l-1.7916.75606c7.76008-3.25839,42.14086-10.9492,48.394-10.10973l-1.99379-.26791A106.22471,106.22471,0,0,1,628.768,517.419l-1.7916-.75606a110.31334,110.31334,0,0,1,12.6002,6.32922q3.04344,1.78405,5.96742,3.76252,1.38351.93658,2.73809,1.915.677.48917,1.34626.98885c.24789.185.49386.37253.74135.558,1.03924.779-1.43148-1.1281-.34209-.26655a110.84261,110.84261,0,0,1,10.36783,9.2532q2.401,2.445,4.63686,5.04515,1.14659,1.33419,2.24643,2.70757c.36436.45495,1.60506,2.101.08448.08457.37165.49285.74744.98239,1.11436,1.47884a97.97718,97.97718,0,0,1,8.39161,13.53807c1.79317,3.49775,6.98675,4.80186,10.26142,2.69064A7.67666,7.67666,0,0,0,689.82123,554.48655Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M602.43116,676.88167a3.77983,3.77983,0,0,1-2.73939-6.55137c.09531-.37882.16368-.65085.259-1.02968q-.05115-.12366-.1029-.24717c-3.47987-8.29769-25.685,14.83336-26.645,22.63179a30.029,30.029,0,0,0,.52714,10.32752A120.39223,120.39223,0,0,1,562.77838,652.01a116.20247,116.20247,0,0,1,.72078-12.96332q.59712-5.293,1.65679-10.51055a121.78667,121.78667,0,0,1,24.1515-51.61646c6.87378.38364,12.898-.66348,13.47967-13.98532.10346-2.36972,1.86113-4.42156,2.24841-6.756-.65621.08607-1.32321.13985-1.97941.18285-.20444.0107-.41958.02149-.624.03228l-.07709.00346a3.745,3.745,0,0,1-3.07566-6.10115q.425-.52305.85054-1.04557c.43036-.53793.87143-1.06507,1.30171-1.60292a1.865,1.865,0,0,0,.13986-.16144c.49494-.61322.98971-1.21564,1.48465-1.82885a10.82911,10.82911,0,0,0-3.55014-3.43169c-4.95941-2.90463-11.80146-.89293-15.38389,3.59313-3.59313,4.486-4.27083,10.77947-3.023,16.3843a43.39764,43.39764,0,0,0,6.003,13.3828c-.269.34429-.54872.67779-.81765,1.02209a122.57366,122.57366,0,0,0-12.79359,20.2681c1.0163-7.93863-11.41159-36.60795-16.21776-42.68052-5.773-7.29409-17.61108-4.11077-18.62815,5.13562q-.01476.13428-.02884.26849,1.07082.60411,2.0964,1.28237a5.12707,5.12707,0,0,1-2.06713,9.33031l-.10452.01613c-9.55573,13.64367,21.07745,49.1547,28.74518,41.18139a125.11045,125.11045,0,0,0-6.73449,31.69282,118.66429,118.66429,0,0,0,.08607,19.15986l-.03231-.22593C558.90163,648.154,529.674,627.51374,521.139,629.233c-4.91675.99041-9.75952.76525-9.01293,5.72484q.01788.11874.03635.2375a34.4418,34.4418,0,0,1,3.862,1.86105q1.07082.60423,2.09639,1.28237a5.12712,5.12712,0,0,1-2.06712,9.33039l-.10464.01606c-.07528.01079-.13987.02157-.21507.03237-4.34967,14.96631,27.90735,39.12,47.5177,31.43461h.01081a125.07484,125.07484,0,0,0,8.402,24.52806H601.679c.10765-.3335.20443-.67779.3013-1.01129a34.102,34.102,0,0,1-8.30521-.49477c2.22693-2.73257,4.45377-5.48664,6.6807-8.21913a1.86122,1.86122,0,0,0,.13986-.16135c1.12956-1.39849,2.26992-2.78627,3.39948-4.18476l.00061-.00173a49.95232,49.95232,0,0,0-1.46367-12.72495Zm-34.37066-67.613.0158-.02133-.0158.04282Zm-6.64832,59.93237-.25822-.58084c.01079-.41957.01079-.83914,0-1.26942,0-.11845-.0215-.23672-.0215-.35508.09678.74228.18285,1.48464.29042,2.22692Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "95.24878", cy: "439", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "227.24878", cy: "559", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "728.24878", cy: "559", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "755.24878", cy: "419", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "723.24878", cy: "317", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M434.1831,583.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,434.1831,583.426Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "484.24878", cy: "349", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M545.1831,513.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,545.1831,513.426Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M403.1831,481.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,403.1831,481.426Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "599.24878", cy: "443", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "426.24878", cy: "338", r: "16", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M1028.875,735.26666l-857.75.30733a1.19068,1.19068,0,1,1,0-2.38136l857.75-.30734a1.19069,1.19069,0,0,1,0,2.38137Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" })] }));

package/dist/components/sticky-footer-layout/StickyFooterLayout.d.ts

@@ -0,0 +1,19 @@
+import React, { JSX } from 'react';
+type StickyFooterLayoutProps = {
+    children: React.ReactNode;
+    footer: React.ReactNode;
+    /** defaults to 550 */
+    width?: number | string;
+    /** match the app chrome padding token (defaults to --spacing-md) */
+    chromePaddingVar?: string;
+    /** inner padding for content (defaults to "var(--spacing-md) 0") */
+    contentPadding?: string;
+    /** background used to “paint over” what scrolls behind */
+    background?: string;
+    /** extra space below content so last field doesn't sit under footer */
+    contentBottomSpacer?: string | number;
+    /** optional classnames */
+    className?: string;
+};
+export declare function StickyFooterLayout({ children, footer, width, chromePaddingVar, contentPadding, background, contentBottomSpacer, className, }: StickyFooterLayoutProps): JSX.Element;
+export {};

package/dist/components/sticky-footer-layout/StickyFooterLayout.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StickyFooterLayout({ children, footer, width = 550, chromePaddingVar = '--spacing-md', contentPadding = 'var(--spacing-md) 0', background = 'white', contentBottomSpacer, className, }) {
+    const pad = `var(${chromePaddingVar})`;
+    return (_jsxs("div", { className: className !== null && className !== void 0 ? className : 'dbc-flex dbc-flex-column dbc-flex-grow', style: {
+            width,
+            position: 'relative',
+            background,
+        }, children: [_jsx("div", { className: "dbc-flex-grow", style: {
+                    padding: contentPadding,
+                    paddingBottom: contentBottomSpacer
+                        ? `calc(${contentPadding.split(' ')[0] || pad} + ${String(contentBottomSpacer)})`
+                        : undefined,
+                }, children: children }), _jsx("div", { style: {
+                    position: 'sticky',
+                    // stick into chrome padding area
+                    bottom: `calc(-1 * ${pad})`,
+                    zIndex: 10,
+                    background,
+                    // bleed into the padded chrome so nothing peeks through
+                    marginLeft: `calc(-1 * ${pad})`,
+                    marginRight: `calc(-1 * ${pad})`,
+                    marginBottom: `calc(-1 * ${pad})`,
+                    // keep inner alignment
+                    padding: pad,
+                }, className: "dbc-flex dbc-justify-end", children: footer })] }));
+}