@orcestr/ui 0.0.1 → 0.1.0

package/dist/example/UiExamplePage.js

@@ -1,16 +1,17 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { LuBell, LuCheck, LuExternalLink, LuRefreshCw, LuTrash2, } from 'react-icons/lu';
-import { AppShell, AppShellContent, AppShellHeader, AppShellNav, AppShellSidebar, OrcestrUiProvider, ScrollArea, useOrcestrTheme, useToast, } from '..';
+import { LuBell, LuBox, LuCalendar, LuCheck, LuClipboardList, LuExternalLink, LuFileText, LuLayoutDashboard, LuMousePointerClick, LuPanelTop, LuRefreshCw, LuSettings, LuTrash2, } from 'react-icons/lu';
+import { AppShell, AppShellContent, AppShellHeader, AppSidebar, OrcestrUiProvider, ScrollArea, useOrcestrTheme, useToast, } from '..';
 import { LayoutSection, TypographySection } from './ExampleBasicsSections';
 import { ActionsSection } from './ExampleActionsSection';
+import { ApplicationSection } from './ExampleApplicationSection';
 import { FieldsSection } from './ExampleFieldsSection';
 import { SelectionSection } from './ExampleSelectionSection';
 import { DataSection } from './ExampleDataSection';
 import { OverlaysSection } from './ExampleOverlaysSection';
 import { FoundationsSection } from './ExampleFoundationsSection';
-import { IconTextSection, StateCardSection } from './ExampleStateSection';
+import { BadgeSection, IconTextSection, StateCardSection } from './ExampleStateSection';
 import { ExampleThemePlayground, getThemePlaygroundPreset, themePlaygroundPresets, themePresetLabel, themePresetPreviewStyle, } from './ExampleThemePlayground';
 import { CodePreviewModal } from './CodePreview';
 import { ExampleOverlays } from './ExampleOverlays';
@@ -18,23 +19,34 @@ import {} from './codeSamples';
 import { navGroups, navItems } from './exampleData';
 const ORCESTR_LOGO_SRC = '/assets/orcestr/logo.png';
 const UI_EXAMPLE_SCROLL_LEAD = 50;
-function scrollUiExampleSection(id) {
+const UI_EXAMPLE_ACTIVE_PROBE_OFFSET = UI_EXAMPLE_SCROLL_LEAD + 220;
+const UI_EXAMPLE_CLICK_TARGET_TOP_TOLERANCE = 180;
+const UI_EXAMPLE_SCROLL_LOCK_TIMEOUT_MS = 1600;
+function scrollUiExampleSection(id, behavior = 'auto') {
     const node = document.getElementById(id);
     const scrollRoot = document.querySelector('.oui-app-shell-content-scroll .oui-scroll-area-viewport');
     if (!node || !scrollRoot) {
-        node?.scrollIntoView({ block: 'start', behavior: 'smooth' });
+        node?.scrollIntoView({ block: 'start', behavior });
         return;
     }
     scrollRoot.scrollTo({
         top: uiExampleSectionScrollTop(node, scrollRoot),
-        behavior: 'smooth',
+        behavior,
     });
 }
 function uiExampleSectionScrollTop(node, scrollRoot) {
     const maxTop = scrollRoot
         ? Math.max(0, scrollRoot.scrollHeight - scrollRoot.clientHeight)
         : Number.POSITIVE_INFINITY;
-    return Math.min(maxTop, Math.max(0, node.offsetTop - UI_EXAMPLE_SCROLL_LEAD));
+    const targetTop = scrollRoot
+        ? uiExampleSectionAbsoluteTop(node, scrollRoot)
+        : node.offsetTop;
+    return Math.min(maxTop, Math.max(0, targetTop - UI_EXAMPLE_SCROLL_LEAD));
+}
+function uiExampleSectionAbsoluteTop(node, scrollRoot) {
+    const nodeTop = node.getBoundingClientRect().top;
+    const scrollRootTop = scrollRoot.getBoundingClientRect().top;
+    return scrollRoot.scrollTop + nodeTop - scrollRootTop;
 }
 function UiExampleContent({ activePresetId, onThemePresetChange, onThemeOverridesChange, locale, onLocaleChange, }) {
     const { theme } = useOrcestrTheme();
@@ -45,6 +57,7 @@ function UiExampleContent({ activePresetId, onThemePresetChange, onThemeOverride
     const [selectPlainValue, setSelectPlainValue] = useState('blocked');
     const [comboValue, setComboValue] = useState('ready');
     const [entityValue, setEntityValue] = useState(null);
+    const [paginatedValue, setPaginatedValue] = useState(null);
     const [ownerValues, setOwnerValues] = useState(['anna', 'ops']);
     const [radioValue, setRadioValue] = useState('manual');
     const [tabValue, setTabValue] = useState('overview');
@@ -70,20 +83,14 @@ function UiExampleContent({ activePresetId, onThemePresetChange, onThemeOverride
         document.documentElement.classList.add('oui-ui-document-lock');
         document.body.classList.add('oui-ui-document-lock');
         const hash = window.location.hash.replace('#', '');
-        let hashSettleTimer = null;
         const hashFrame = hash
             ? window.requestAnimationFrame(() => {
                 scrollUiExampleSection(hash);
-                hashSettleTimer = window.setTimeout(() => {
-                    scrollUiExampleSection(hash);
-                }, 450);
             })
             : null;
         return () => {
             if (hashFrame !== null)
                 window.cancelAnimationFrame(hashFrame);
-            if (hashSettleTimer !== null)
-                window.clearTimeout(hashSettleTimer);
             document.documentElement.classList.remove('oui-ui-document-lock');
             document.body.classList.remove('oui-ui-document-lock');
         };
@@ -166,7 +173,7 @@ function UiExampleContent({ activePresetId, onThemePresetChange, onThemeOverride
             },
         ];
     }, [locale, toast]);
-    return (_jsxs(AppShell, { sidebarOpen: mobileNavOpen, onSidebarOpenChange: setMobileNavOpen, header: _jsx(AppShellHeader, { visibility: 'mobile', sidebarOpen: mobileNavOpen, onSidebarOpenChange: setMobileNavOpen, actions: _jsx(UiExampleHeaderActions, { compact: true, locale: locale, onLocaleChange: onLocaleChange }), children: _jsx(UiExampleBrand, { compact: true }) }), sidebar: _jsx(AppShellSidebar, { title: _jsx(UiExampleBrand, {}), onClose: () => setMobileNavOpen(false), children: _jsx(UiExampleSidebar, { onNavigate: () => setMobileNavOpen(false) }) }), children: [_jsxs("div", { className: 'oui-ui-workspace', children: [_jsxs("div", { className: 'oui-ui-workspace-main', children: [_jsx(UiExampleTopBar, { locale: locale, onLocaleChange: onLocaleChange }), _jsxs(AppShellContent, { children: [_jsx(ExampleThemePlayground, { activePresetId: activePresetId, theme: theme, locale: locale, onPresetChange: onThemePresetChange, onThemeOverridesChange: onThemeOverridesChange }), _jsx(FoundationsSection, { onOpenCode: setCodeExample }), _jsx(TypographySection, { onOpenCode: setCodeExample }), _jsx(IconTextSection, { onOpenCode: setCodeExample }), _jsx(LayoutSection, { onOpenCode: setCodeExample }), _jsx(ActionsSection, { menuItems: menuItems, onOpenCode: setCodeExample, onOpenPalette: () => setPaletteOpen(true) }), _jsx(FieldsSection, { stepperValue: stepperValue, onStepperValueChange: setStepperValue, dateValue: dateValue, onDateValueChange: setDateValue, dateRange: dateRange, onDateRangeChange: setDateRange, onOpenCode: setCodeExample }), _jsx(SelectionSection, { locale: locale, segment: segment, onSegmentChange: setSegment, selectValue: selectValue, onSelectValueChange: setSelectValue, selectNoChevronValue: selectNoChevronValue, onSelectNoChevronValueChange: setSelectNoChevronValue, selectPlainValue: selectPlainValue, onSelectPlainValueChange: setSelectPlainValue, comboValue: comboValue, onComboValueChange: setComboValue, entityValue: entityValue, onEntityValueChange: setEntityValue, ownerValues: ownerValues, onOwnerValuesChange: setOwnerValues, radioValue: radioValue, onRadioValueChange: setRadioValue, tabValue: tabValue, onTabValueChange: setTabValue, onOpenCode: setCodeExample, onToast: toast.push }), _jsx(StateCardSection, { onOpenCode: setCodeExample }), _jsx(DataSection, { onOpenCode: setCodeExample }), _jsx(OverlaysSection, { setModalOpen: setModalOpen, setBlurModalOpen: setBlurModalOpen, setFastModalOpen: setFastModalOpen, setRiseModalOpen: setRiseModalOpen, setSlowModalOpen: setSlowModalOpen, setDangerModalOpen: setDangerModalOpen, onOpenCode: setCodeExample })] })] }), _jsx(UiExampleThemeRail, { activePresetId: activePresetId, locale: locale, onThemePresetChange: onThemePresetChange })] }), _jsx(CodePreviewModal, { example: codeExample, onClose: () => setCodeExample(null) }), _jsx(ExampleOverlays, { locale: locale, modalOpen: modalOpen, setModalOpen: setModalOpen, nestedOpen: nestedOpen, setNestedOpen: setNestedOpen, blurModalOpen: blurModalOpen, setBlurModalOpen: setBlurModalOpen, blurNestedOpen: blurNestedOpen, setBlurNestedOpen: setBlurNestedOpen, blurFinalOpen: blurFinalOpen, setBlurFinalOpen: setBlurFinalOpen, fastModalOpen: fastModalOpen, setFastModalOpen: setFastModalOpen, slowModalOpen: slowModalOpen, setSlowModalOpen: setSlowModalOpen, riseModalOpen: riseModalOpen, setRiseModalOpen: setRiseModalOpen, dangerModalOpen: dangerModalOpen, setDangerModalOpen: setDangerModalOpen, paletteOpen: paletteOpen, setPaletteOpen: setPaletteOpen, onToast: toast.push })] }));
+    return (_jsxs(AppShell, { sidebarOpen: mobileNavOpen, onSidebarOpenChange: setMobileNavOpen, header: _jsx(AppShellHeader, { visibility: 'mobile', sidebarOpen: mobileNavOpen, onSidebarOpenChange: setMobileNavOpen, actions: _jsx(UiExampleHeaderActions, { compact: true, locale: locale, onLocaleChange: onLocaleChange }), children: _jsx(UiExampleHeaderTitle, { locale: locale }) }), sidebar: _jsx(UiExampleSidebar, { onNavigate: () => setMobileNavOpen(false) }), children: [_jsxs("div", { className: 'oui-ui-workspace', children: [_jsx("div", { className: 'oui-ui-workspace-main', children: _jsxs(AppShellContent, { children: [_jsx(ExampleThemePlayground, { activePresetId: activePresetId, theme: theme, locale: locale, onPresetChange: onThemePresetChange, onThemeOverridesChange: onThemeOverridesChange }), _jsx(FoundationsSection, { onOpenCode: setCodeExample }), _jsx(TypographySection, { onOpenCode: setCodeExample }), _jsx(IconTextSection, { onOpenCode: setCodeExample }), _jsx(LayoutSection, { onOpenCode: setCodeExample }), _jsx(ActionsSection, { menuItems: menuItems, onOpenCode: setCodeExample, onOpenPalette: () => setPaletteOpen(true) }), _jsx(FieldsSection, { stepperValue: stepperValue, onStepperValueChange: setStepperValue, dateValue: dateValue, onDateValueChange: setDateValue, dateRange: dateRange, onDateRangeChange: setDateRange, onOpenCode: setCodeExample }), _jsx(SelectionSection, { locale: locale, segment: segment, onSegmentChange: setSegment, selectValue: selectValue, onSelectValueChange: setSelectValue, selectNoChevronValue: selectNoChevronValue, onSelectNoChevronValueChange: setSelectNoChevronValue, selectPlainValue: selectPlainValue, onSelectPlainValueChange: setSelectPlainValue, comboValue: comboValue, onComboValueChange: setComboValue, entityValue: entityValue, onEntityValueChange: setEntityValue, paginatedValue: paginatedValue, onPaginatedValueChange: setPaginatedValue, ownerValues: ownerValues, onOwnerValuesChange: setOwnerValues, radioValue: radioValue, onRadioValueChange: setRadioValue, tabValue: tabValue, onTabValueChange: setTabValue, onOpenCode: setCodeExample, onToast: toast.push }), _jsx(StateCardSection, { onOpenCode: setCodeExample }), _jsx(BadgeSection, { onOpenCode: setCodeExample }), _jsx(DataSection, { onOpenCode: setCodeExample }), _jsx(OverlaysSection, { setModalOpen: setModalOpen, setBlurModalOpen: setBlurModalOpen, setFastModalOpen: setFastModalOpen, setRiseModalOpen: setRiseModalOpen, setSlowModalOpen: setSlowModalOpen, setDangerModalOpen: setDangerModalOpen, onOpenCode: setCodeExample }), _jsx(ApplicationSection, { onOpenCode: setCodeExample })] }) }), _jsx(UiExampleThemeRail, { activePresetId: activePresetId, locale: locale, onThemePresetChange: onThemePresetChange })] }), _jsx(CodePreviewModal, { example: codeExample, onClose: () => setCodeExample(null) }), _jsx(ExampleOverlays, { locale: locale, modalOpen: modalOpen, setModalOpen: setModalOpen, nestedOpen: nestedOpen, setNestedOpen: setNestedOpen, blurModalOpen: blurModalOpen, setBlurModalOpen: setBlurModalOpen, blurNestedOpen: blurNestedOpen, setBlurNestedOpen: setBlurNestedOpen, blurFinalOpen: blurFinalOpen, setBlurFinalOpen: setBlurFinalOpen, fastModalOpen: fastModalOpen, setFastModalOpen: setFastModalOpen, slowModalOpen: slowModalOpen, setSlowModalOpen: setSlowModalOpen, riseModalOpen: riseModalOpen, setRiseModalOpen: setRiseModalOpen, dangerModalOpen: dangerModalOpen, setDangerModalOpen: setDangerModalOpen, paletteOpen: paletteOpen, setPaletteOpen: setPaletteOpen, onToast: toast.push })] }));
 }
 function UiExampleThemeRail({ activePresetId, locale, onThemePresetChange, }) {
     const presets = useMemo(() => {
@@ -209,7 +216,7 @@ function UiExampleSidebar({ onNavigate }) {
         scrollNavigationReleaseTimerRef.current = window.setTimeout(() => {
             if (scrollNavigationTargetRef.current === id)
                 scrollNavigationTargetRef.current = null;
-        }, 900);
+        }, UI_EXAMPLE_SCROLL_LOCK_TIMEOUT_MS);
     }, []);
     useEffect(() => {
         const hash = window.location.hash.replace('#', '');
@@ -233,7 +240,8 @@ function UiExampleSidebar({ onNavigate }) {
                     return;
                 }
                 const targetTop = uiExampleSectionScrollTop(targetNode, scrollRoot);
-                if (Math.abs(scrollRoot.scrollTop - targetTop) <= 2) {
+                if (Math.abs(scrollRoot.scrollTop - targetTop) <=
+                    UI_EXAMPLE_CLICK_TARGET_TOP_TOLERANCE) {
                     scrollNavigationTargetRef.current = null;
                     setActiveSectionValue(lockedTarget);
                 }
@@ -242,10 +250,12 @@ function UiExampleSidebar({ onNavigate }) {
             const bottomDistance = scrollRoot.scrollHeight
                 - scrollRoot.clientHeight
                 - scrollRoot.scrollTop;
-            const top = scrollRoot.scrollTop + 24;
+            const top = scrollRoot.scrollTop + UI_EXAMPLE_ACTIVE_PROBE_OFFSET;
             const next = bottomDistance <= 2
                 ? nodes.at(-1)?.id
-                : nodes.filter((node) => node.offsetTop <= top).at(-1)?.id ?? nodes[0]?.id;
+                : nodes
+                    .filter((node) => uiExampleSectionAbsoluteTop(node, scrollRoot) <= top)
+                    .at(-1)?.id ?? nodes[0]?.id;
             if (next && next !== activeSectionRef.current)
                 setActiveSectionValue(next);
         };
@@ -269,47 +279,82 @@ function UiExampleSidebar({ onNavigate }) {
         setActiveSectionValue(id);
         lockScrollNavigationTarget(id);
         window.history.replaceState(null, '', `#${id}`);
-        scrollUiExampleSection(id);
+        scrollUiExampleSection(id, 'smooth');
         onNavigate();
     }, [lockScrollNavigationTarget, onNavigate, setActiveSectionValue]);
     const sidebarNavGroups = useMemo(() => navGroups.map((group) => ({
-        ...group,
+        key: group.key,
         items: group.items.map((item) => ({
             key: item.id,
             label: item.label,
+            icon: uiExampleNavIcon(item.id),
             active: activeSection === item.id,
             onSelect: () => navigateToSection(item.id),
         })),
     })), [activeSection, navigateToSection]);
-    return (_jsx("div", { className: 'oui-ui-sidebar-groups', children: sidebarNavGroups.map((group) => (_jsxs("div", { className: 'oui-ui-sidebar-group', children: [_jsx("div", { className: 'oui-ui-sidebar-group-label', children: group.label }), _jsx(AppShellNav, { className: 'oui-ui-sidebar-nav', items: group.items })] }, group.key))) }));
+    return (_jsx(AppSidebar, { className: 'oui-ui-main-sidebar', header: _jsx(UiExampleBrand, {}), itemH: 34, groups: sidebarNavGroups, footer: (_jsxs("button", { type: 'button', className: 'oui-ui-sidebar-footer-action', onClick: () => navigateToSection('app-shell-example'), children: [_jsx(LuSettings, { size: 15, "aria-hidden": true }), _jsx("span", { children: "Application components" })] })) }));
 }
-function UiExampleTopBar({ locale, onLocaleChange, }) {
+function UiExampleHeaderTitle({ locale }) {
     const title = locale === 'ru'
         ? 'Единый язык компонентов для всех модулей.'
         : 'One component language for every module.';
     const subtitle = locale === 'ru'
         ? 'Одна тема, предсказуемый интерфейс.'
         : 'One theme, predictable interface.';
-    return (_jsxs("header", { className: 'oui-ui-topbar', children: [_jsxs("div", { className: 'oui-ui-topbar-slogan', children: [_jsx("strong", { children: title }), _jsx("span", { children: subtitle })] }), _jsx(UiExampleHeaderActions, { locale: locale, onLocaleChange: onLocaleChange })] }));
+    return (_jsxs("div", { className: 'oui-ui-header-title', children: [_jsx("strong", { children: title }), _jsx("span", { children: subtitle })] }));
+}
+function uiExampleNavIcon(id) {
+    const size = 16;
+    if (id === 'theme')
+        return _jsx(LuSettings, { size: size });
+    if (id === 'foundations')
+        return _jsx(LuLayoutDashboard, { size: size });
+    if (id === 'buttons-example')
+        return _jsx(LuMousePointerClick, { size: size });
+    if (id === 'text-fields-example')
+        return _jsx(LuFileText, { size: size });
+    if (id === 'selects-example')
+        return _jsx(LuCheck, { size: size });
+    if (id === 'data-table-example')
+        return _jsx(LuClipboardList, { size: size });
+    if (id === 'toast-example')
+        return _jsx(LuBell, { size: size });
+    if (id === 'app-shell-example')
+        return _jsx(LuPanelTop, { size: size });
+    if (id === 'app-sidebar-example')
+        return _jsx(LuLayoutDashboard, { size: size });
+    if (id === 'special-modal-example')
+        return _jsx(LuBox, { size: size });
+    if (id === 'date-range-example')
+        return _jsx(LuCalendar, { size: size });
+    return null;
 }
 function UiExampleBrand({ compact = false }) {
     return (_jsxs("div", { className: 'oui-ui-brand', "data-compact": compact ? 'true' : undefined, children: [_jsx("span", { className: 'oui-ui-brand-mark', "aria-hidden": 'true', children: _jsx("img", { className: 'oui-ui-brand-logo', src: ORCESTR_LOGO_SRC, alt: '' }) }), _jsx("span", { className: 'oui-ui-brand-text', children: _jsx("strong", { children: "Orcestr UI" }) })] }));
 }
 function UiExampleHeaderActions({ compact = false, locale, onLocaleChange, }) {
-    return (_jsxs("div", { className: 'oui-ui-topbar-actions', "data-compact": compact ? 'true' : undefined, children: [_jsxs("span", { className: 'oui-ui-language-switch', "aria-label": 'UI example language', children: [_jsx("span", { className: 'oui-ui-language-label', children: locale === 'ru' ? 'Язык' : 'Language' }), ['ru', 'en'].map((item) => (_jsx("button", { type: 'button', className: 'oui-ui-language-option', "data-active": locale === item ? 'true' : undefined, "aria-pressed": locale === item, onClick: () => onLocaleChange(item), children: item.toUpperCase() }, item)))] }), _jsxs("a", { className: 'oui-ui-topbar-link', href: 'https://github.com/Artasov/orcestr', target: '_blank', rel: 'noreferrer', children: [_jsx(LuExternalLink, { size: 14, "aria-hidden": true }), _jsx("span", { children: "GitHub" })] })] }));
+    return (_jsxs("div", { className: 'oui-ui-header-actions', "data-compact": compact ? 'true' : undefined, children: [_jsxs("span", { className: 'oui-ui-language-switch', "aria-label": 'UI example language', children: [_jsx("span", { className: 'oui-ui-language-label', children: locale === 'ru' ? 'Язык' : 'Language' }), ['ru', 'en'].map((item) => (_jsx("button", { type: 'button', className: 'oui-ui-language-option', "data-active": locale === item ? 'true' : undefined, "aria-pressed": locale === item, onClick: () => onLocaleChange(item), children: item.toUpperCase() }, item)))] }), _jsxs("a", { className: 'oui-ui-header-link', href: 'https://github.com/Artasov/orcestr', target: '_blank', rel: 'noreferrer', children: [_jsx(LuExternalLink, { size: 14, "aria-hidden": true }), _jsx("span", { children: "GitHub" })] })] }));
 }
-export function UiExamplePage() {
+export function UiExamplePage({ locale: controlledLocale, defaultLocale = 'ru', onLocaleChange, } = {}) {
     const firstPreset = getThemePlaygroundPreset('orcestr-dark');
     const [activePresetId, setActivePresetId] = useState(firstPreset.id);
     const [mode, setMode] = useState(firstPreset.mode);
     const [surface, setSurface] = useState(firstPreset.surface);
-    const [locale, setLocale] = useState('ru');
+    const [internalLocale, setInternalLocale] = useState(defaultLocale);
     const [themeOverrides, setThemeOverrides] = useState(firstPreset.overrides ?? {});
+    const locale = controlledLocale ?? internalLocale;
     const handleThemePresetChange = useCallback((preset) => {
         setActivePresetId(preset.id);
         setMode(preset.mode);
         setSurface(preset.surface);
         setThemeOverrides(preset.overrides ?? {});
     }, []);
-    return (_jsx(OrcestrUiProvider, { mode: mode, surface: surface, onModeChange: setMode, onSurfaceChange: setSurface, themeOverrides: themeOverrides, locale: locale, children: _jsx(UiExampleContent, { activePresetId: activePresetId, onThemePresetChange: handleThemePresetChange, onThemeOverridesChange: setThemeOverrides, locale: locale, onLocaleChange: setLocale }) }));
+    const handleLocaleChange = useCallback((nextLocale) => {
+        if (onLocaleChange) {
+            onLocaleChange(nextLocale);
+            return;
+        }
+        setInternalLocale(nextLocale);
+    }, [onLocaleChange]);
+    return (_jsx(OrcestrUiProvider, { mode: mode, surface: surface, onModeChange: setMode, onSurfaceChange: setSurface, themeOverrides: themeOverrides, locale: locale, children: _jsx(UiExampleContent, { activePresetId: activePresetId, onThemePresetChange: handleThemePresetChange, onThemeOverridesChange: setThemeOverrides, locale: locale, onLocaleChange: handleLocaleChange }) }));
 }

package/dist/example/codeSamples.d.ts

@@ -13,9 +13,13 @@ export declare const codeSamples: {
     highlights: string;
     scrollArea: string;
     systemRadius: string;
+    surfaces: string;
     buttons: string;
     iconButtons: string;
+    iconTextButton: string;
+    contextMenu: string;
     textFields: string;
+    inlineEdit: string;
     groupedFields: string;
     numberAndDateFields: string;
     dateRangeFields: string;
@@ -25,6 +29,9 @@ export declare const codeSamples: {
     overlays: string;
     toast: string;
     overlaySettings: string;
+    tablePagination: string;
+    appSidebar: string;
+    specialModal: string;
     data: string;
 };
 //# sourceMappingURL=codeSamples.d.ts.map

package/dist/example/codeSamples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeSamples.d.ts","sourceRoot":"","sources":["../../src/example/codeSamples.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CA88Bc,CAAC"}
+{"version":3,"file":"codeSamples.d.ts","sourceRoot":"","sources":["../../src/example/codeSamples.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+zCc,CAAC"}