@datalayer/core 0.0.3 → 0.0.5

package/lib/components/echarts/EChartsReact.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useEffect, useRef, useState } from 'react';
 import { init } from 'echarts';
-export const EChartsReact = ({ options, style, settings, loading, theme }) => {
+export const EChartsReact = ({ options, style, settings, loading, theme, }) => {
     const chartRef = useRef(null);
     const [chart, setChart] = useState();
     useEffect(() => {

package/lib/components/flashes/FlashClosable.js

@@ -3,9 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { AlertIcon, CheckIcon, InfoIcon, StopIcon, XIcon } from '@primer/octicons-react';
+import { AlertIcon, CheckIcon, InfoIcon, StopIcon, XIcon, } from '@primer/octicons-react';
 import { Flash as PrimerFlash, IconButton } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { useCallback, useState } from 'react';
 /**
  * Closable flash component with actions.
@@ -32,31 +32,31 @@ export const FlashClosable = (props) => {
                 gridTemplateAreas: `
                 'visual message close'
                 '.      actions actions'
-              `
-            }
+              `,
+            },
         }, children: [_jsx(Box, { sx: {
                     display: 'grid',
                     paddingBlock: 'var(--base-size-8)',
                     alignSelf: 'center',
-                    gridArea: 'visual'
+                    gridArea: 'visual',
                 }, children: visual }), _jsx(Box, { sx: {
                     alignSelf: 'center',
                     display: 'grid',
-                    gridArea: 'message'
+                    gridArea: 'message',
                 }, children: children }), _jsx(Box, { sx: {
                     display: 'grid',
                     gap: 'var(--stack-gap-condensed)',
                     marginLeft: 'actions',
                     '@media screen and (max-width: 544px)': {
                         alignSelf: 'start',
-                        margin: 'var(--base-size-8) 0 0 var(--base-size-8)'
-                    }
+                        margin: 'var(--base-size-8) 0 0 var(--base-size-8)',
+                    },
                 }, children: actions }), closable && (_jsx(Box, { sx: {
                     alignSelf: 'start',
-                    marginLeft: 'close'
+                    marginLeft: 'close',
                 }, children: _jsx(IconButton, { "aria-label": "Dismiss flash message", title: "Dismiss", onClick: onClose, variant: "invisible", icon: XIcon, sx: {
-                        '& > svg': { marginRight: 0, color: 'var(--fgColor-default)' }
-                    } }) }))] })) : _jsx(_Fragment, {});
+                        '& > svg': { marginRight: 0, color: 'var(--fgColor-default)' },
+                    } }) }))] })) : (_jsx(_Fragment, {}));
 };
 FlashClosable.defaultProps = {
     closable: true,

package/lib/components/flashes/FlashDisclaimer.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Distributed under the terms of the Modified BSD License.
  */
 import { Label, Link } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { Banner } from '@primer/react/experimental';
 import { useCoreStore, useRuntimesStore } from '../../state';
 import { useNavigate } from '../../hooks';
@@ -12,7 +12,6 @@ export const FlashDisclaimer = () => {
     const { configuration } = useCoreStore();
     const { showDisclaimer, setShowDisclaimer } = useRuntimesStore();
     const navigate = useNavigate();
-    return (_jsx(_Fragment, { children: configuration?.whiteLabel === false && showDisclaimer &&
-            _jsx(Banner, { variant: "info", title: "AI Platform for Data Analysis", description: _jsxs(Box, { children: [_jsx(Label, { style: { marginRight: 10 }, children: "PRIVATE BETA" }), "Create Kernels and use them from your JupyterLab, VS Code or CLI. Read the ", _jsx(Link, { href: "javascript: return false;", onClick: e => navigate('/docs', e), children: "documentation" }), " for any question or ", _jsx(Link, { href: "javascript: return false;", onClick: e => navigate('/support/request', e), children: "contact us for support" }), "."] }), onDismiss: () => setShowDisclaimer(false) }) }));
+    return (_jsx(_Fragment, { children: configuration?.whiteLabel === false && showDisclaimer && (_jsx(Banner, { variant: "info", title: "AI Platform for Data Analysis", description: _jsxs(Box, { children: [_jsx(Label, { style: { marginRight: 10 }, children: "PRIVATE BETA" }), "Create Kernels and use them from your JupyterLab, VS Code or CLI. Read the", ' ', _jsx(Link, { href: "javascript: return false;", onClick: e => navigate('/docs', e), children: "documentation" }), ' ', "for any question or", ' ', _jsx(Link, { href: "javascript: return false;", onClick: e => navigate('/support/request', e), children: "contact us for support" }), "."] }), onDismiss: () => setShowDisclaimer(false) })) }));
 };
 export default FlashDisclaimer;

package/lib/components/flashes/FlashGuest.js

@@ -22,9 +22,8 @@ export const FlashGuest = () => {
     const onContactSupport = useCallback(() => {
         navigate(CONTACT_ROUTE);
     }, []);
-    return (_jsx(_Fragment, { children: !isPlatformMember &&
-            _jsx(FlashClosable, { variant: "warning", actions: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: onRefreshPermission, title: 'If your roles have recently been updated, you need to refresh your browser.', children: "Refresh permissions" }), _jsx(Button, { onClick: onContactSupport, title: 'Contact the support to request the needed role.', children: configuration?.whiteLabel
-                                ? 'Contact the support'
-                                : 'Datalayer support' })] }), children: _jsx(Text, { children: "We appreciate your interest in joining Datalayer with a guest role. The platform administrator has been notified and will reach out to you to confirm the granting of your access." }) }) }));
+    return (_jsx(_Fragment, { children: !isPlatformMember && (_jsx(FlashClosable, { variant: "warning", actions: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: onRefreshPermission, title: 'If your roles have recently been updated, you need to refresh your browser.', children: "Refresh permissions" }), _jsx(Button, { onClick: onContactSupport, title: 'Contact the support to request the needed role.', children: configuration?.whiteLabel
+                            ? 'Contact the support'
+                            : 'Datalayer support' })] }), children: _jsx(Text, { children: "We appreciate your interest in joining Datalayer with a guest role. The platform administrator has been notified and will reach out to you to confirm the granting of your access." }) })) }));
 };
 export default FlashGuest;

package/lib/components/flashes/FlashSurveys.js

@@ -6,11 +6,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { Text, Link } from '@primer/react';
 import { FlashClosable } from '../../components/flashes';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { useToast } from '../../hooks';
 import { useCoreStore, useSurveysStore } from '../../state';
 import { Survey2025_1 } from './surveys';
-export const SURVEY_2025_1_NAME = "2025-1";
+export const SURVEY_2025_1_NAME = '2025-1';
 export const FlashSurveys = (props) => {
     const { surveyName } = props;
     const { enqueueToast } = useToast();
@@ -30,7 +30,6 @@ export const FlashSurveys = (props) => {
         setShow(false);
         enqueueToast('Thank you for your answers.', { variant: 'success' });
     };
-    return (_jsx(_Fragment, { children: surveys && (show || surveyName) && !configuration.whiteLabel &&
-            _jsxs(FlashClosable, { variant: "default", children: [_jsx(Box, { children: _jsx(Text, { as: "h2", children: "We'd love to know a bit more about you and your needs..." }) }), _jsx(Box, { children: _jsx(Survey2025_1, { formData: surveyName ? surveys.get(SURVEY_2025_1_NAME)?.form : undefined, onSubmit: onSubmit }) }), _jsx(Box, { mt: 3, children: _jsxs(Text, { children: ["The information you give will remain fully private, read our ", _jsx(Link, { href: "https://datalayer.app/privacy", target: "_blank", children: "privacy policy" }), "."] }) })] }) }));
+    return (_jsx(_Fragment, { children: surveys && (show || surveyName) && !configuration.whiteLabel && (_jsxs(FlashClosable, { variant: "default", children: [_jsx(Box, { children: _jsx(Text, { as: "h2", children: "We'd love to know a bit more about you and your needs..." }) }), _jsx(Box, { children: _jsx(Survey2025_1, { formData: surveyName ? surveys.get(SURVEY_2025_1_NAME)?.form : undefined, onSubmit: onSubmit }) }), _jsx(Box, { mt: 3, children: _jsxs(Text, { children: ["The information you give will remain fully private, read our", ' ', _jsx(Link, { href: "https://datalayer.app/privacy", target: "_blank", children: "privacy policy" }), "."] }) })] })) }));
 };
 export default FlashSurveys;

package/lib/components/flashes/FlashUnauthorized.js

@@ -7,12 +7,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // import { Box, Flash as PrimerFlash, Link } from '@primer/react';
 import { Link } from '@primer/react';
 import { Banner } from '@primer/react/experimental';
-import { QuestionIcon } from "@primer/octicons-react";
+import { QuestionIcon } from '@primer/octicons-react';
 import { useNavigate } from '../../hooks';
 export const FlashUnauthorized = () => {
     const navigate = useNavigate();
     return (_jsx(_Fragment, { children: _jsx(Banner, { title: "Warning", variant: "warning", 
             //    onDismiss={action('onDismiss')}
-            description: _jsxs(_Fragment, { children: ["Your current roles does not allow you to access this feature. Please ", _jsx(Link, { inline: true, href: "javascript: return false;", onClick: e => navigate("/support", e), children: "contact support" }), " for more information."] }), primaryAction: _jsx(Banner.PrimaryAction, { onClick: e => navigate("/support/request", e), leadingVisual: QuestionIcon, children: "Contact support" }) }) }));
+            description: _jsxs(_Fragment, { children: ["Your current roles does not allow you to access this feature. Please", ' ', _jsx(Link, { inline: true, href: "javascript: return false;", onClick: e => navigate('/support', e), children: "contact support" }), ' ', "for more information."] }), primaryAction: _jsx(Banner.PrimaryAction, { onClick: e => navigate('/support/request', e), leadingVisual: QuestionIcon, children: "Contact support" }) }) }));
 };
 export default FlashUnauthorized;

package/lib/components/flashes/surveys/Survey2025_1.d.ts

@@ -1,3 +1,3 @@
-import { ISurveyProps } from "./SurveyProps";
+import { ISurveyProps } from './SurveyProps';
 export declare const Survey2025_1: (props: ISurveyProps) => import("react/jsx-runtime").JSX.Element;
 export default Survey2025_1;

package/lib/components/flashes/surveys/Survey2025_1.js

@@ -3,124 +3,101 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import Form from "@datalayer/primer-rjsf";
-import validator from "@rjsf/validator-ajv8";
+import Form from '@datalayer/primer-rjsf';
+import validator from '@rjsf/validator-ajv8';
 const schema = {
-    "type": "object",
-    "required": [
-        "profile_s",
-        "activities_txt",
-    ],
-    "properties": {
-        "profile_s": {
-            "title": "Your profile",
-            "$ref": "#/definitions/Profile"
+    type: 'object',
+    required: ['profile_s', 'activities_txt'],
+    properties: {
+        profile_s: {
+            title: 'Your profile',
+            $ref: '#/definitions/Profile',
         },
-        "activities_txt": {
-            "type": "array",
-            "uniqueItems": true,
-            "items": {
-                "$ref": "#/definitions/Activities"
+        activities_txt: {
+            type: 'array',
+            uniqueItems: true,
+            items: {
+                $ref: '#/definitions/Activities',
             },
-            "title": "What do you need to achieve with data?"
+            title: 'What do you need to achieve with data?',
         },
     },
-    "definitions": {
-        "Profile": {
-            "title": "Profile",
-            "type": "string",
-            "anyOf": [
+    definitions: {
+        Profile: {
+            title: 'Profile',
+            type: 'string',
+            anyOf: [
                 {
-                    "type": "string",
-                    "enum": [
-                        "beginner student"
-                    ],
-                    "title": "Beginner / Student"
+                    type: 'string',
+                    enum: ['beginner student'],
+                    title: 'Beginner / Student',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "researcher phd"
-                    ],
-                    "title": "Researcher / Phd"
+                    type: 'string',
+                    enum: ['researcher phd'],
+                    title: 'Researcher / Phd',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "data analyst scientist"
-                    ],
-                    "title": "Data Analyst / Scientist"
+                    type: 'string',
+                    enum: ['data analyst scientist'],
+                    title: 'Data Analyst / Scientist',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "startup"
-                    ],
-                    "title": "Startup"
+                    type: 'string',
+                    enum: ['startup'],
+                    title: 'Startup',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "data platform builder"
-                    ],
-                    "title": "Data Platform Builder"
+                    type: 'string',
+                    enum: ['data platform builder'],
+                    title: 'Data Platform Builder',
                 },
-            ]
+            ],
         },
-        "Activities": {
-            "title": "Activities",
-            "type": "string",
-            "anyOf": [
+        Activities: {
+            title: 'Activities',
+            type: 'string',
+            anyOf: [
                 {
-                    "type": "string",
-                    "enum": [
-                        "learn how to analyse data"
-                    ],
-                    "title": " Learn how to analyse data"
+                    type: 'string',
+                    enum: ['learn how to analyse data'],
+                    title: ' Learn how to analyse data',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "scale my laptop jupyter notebook with stronger cpu gpu memory"
+                    type: 'string',
+                    enum: [
+                        'scale my laptop jupyter notebook with stronger cpu gpu memory',
                     ],
-                    "title": "Scale my laptop Jupyter Notebook with stronger CPU/GPU/Memory"
+                    title: 'Scale my laptop Jupyter Notebook with stronger CPU/GPU/Memory',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "scale from jupyterhub with stronger cpu gpu memory"
-                    ],
-                    "title": "Scale from JupyterHub with stronger CPU/GPU/Memory"
+                    type: 'string',
+                    enum: ['scale from jupyterhub with stronger cpu gpu memory'],
+                    title: 'Scale from JupyterHub with stronger CPU/GPU/Memory',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "create ai models"
-                    ],
-                    "title": "Create AI models"
+                    type: 'string',
+                    enum: ['create ai models'],
+                    title: 'Create AI models',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "work in team on jupyter notebooks"
-                    ],
-                    "title": "Work in team on Jupyter Notebooks"
+                    type: 'string',
+                    enum: ['work in team on jupyter notebooks'],
+                    title: 'Work in team on Jupyter Notebooks',
                 },
                 {
-                    "type": "string",
-                    "enum": [
-                        "publis and share my data analysis"
-                    ],
-                    "title": "Publish and share my data analysis"
+                    type: 'string',
+                    enum: ['publis and share my data analysis'],
+                    title: 'Publish and share my data analysis',
                 },
-            ]
+            ],
         },
     },
 };
 const uiSchema = {
-    "ui:submitButtonOptions": {
-        "submitText": "Save"
-    }
+    'ui:submitButtonOptions': {
+        submitText: 'Save',
+    },
 };
 export const Survey2025_1 = (props) => {
     const { onSubmit, formData, readonly = false } = props;

package/lib/components/iam/ExternalTokenSilentLogin.js

@@ -4,7 +4,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Distributed under the terms of the Modified BSD License.
  */
 import { useEffect } from 'react';
-import { MemoryRouter, Routes, Route } from 'react-router-dom';
 import { CenteredSpinner } from '../../components/display';
 import { useIAMStore } from '../../state';
 import { useToast, useIAM } from '../../hooks';
@@ -18,16 +17,19 @@ const ExternalTokenSilentLoginRoute = (props) => {
             loginAndNavigate(externalToken, logout, checkIAMToken)
                 .catch(error => {
                 console.debug('Failed to login with the provided token.', error);
-                enqueueToast('Failed to login with the provided token.', { variant: 'error' });
+                enqueueToast('Failed to login with the provided token.', {
+                    variant: 'error',
+                });
             })
                 .finally(() => {
                 enqueueToast('Runtimes are available.', { variant: 'success' });
             });
         }
     }, [externalToken]);
-    return (_jsx(CenteredSpinner, { size: "small", message: message }));
+    return _jsx(CenteredSpinner, { size: "small", message: message });
 };
 export const ExternalTokenSilentLogin = (props) => {
-    return (_jsx(MemoryRouter, { initialEntries: ["/"], children: _jsx(Routes, { children: _jsx(Route, { path: "*", element: _jsx(ExternalTokenSilentLoginRoute, { ...props }) }) }) }));
+    // No navigation provider needed anymore - auto-detection works without it
+    return _jsx(ExternalTokenSilentLoginRoute, { ...props });
 };
 export default ExternalTokenSilentLogin;

package/lib/components/icons/ArtifactIcon.d.ts

@@ -1,5 +1,5 @@
-import { Icon } from "@primer/octicons-react";
-import { IAnyItem, IItemType } from "../../models";
+import { Icon } from '@primer/octicons-react';
+import { IAnyItem, IItemType } from '../../models';
 type IArtifactIconClassProp = {
     item?: IAnyItem;
     type?: IItemType;

package/lib/components/icons/ArtifactIcon.js

@@ -2,49 +2,49 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { createElement } from "react";
-import { DatabaseIcon, RowsIcon, BookIcon, DiffModifiedIcon, PencilIcon, FeedIssueDraftIcon, FeedRocketIcon, MilestoneIcon, OrganizationIcon, PeopleIcon, RocketIcon, FileIcon, StackIcon, GearIcon, GraphIcon, NumberIcon, PaperAirplaneIcon, ArchiveIcon, TagIcon, MortarBoardIcon, ContainerIcon, HomeIcon, ShareIcon, FileDirectoryIcon, TrophyIcon, QuestionIcon, PersonIcon, MailIcon, ZapIcon, } from "@primer/octicons-react";
-import { GalileoIcon, CircleWhiteIcon, BookOpenIcon, CameraIcon, CellIcon, NotebookOutlineIcon } from '@datalayer/icons-react';
+import { createElement } from 'react';
+import { DatabaseIcon, RowsIcon, BookIcon, DiffModifiedIcon, PencilIcon, FeedIssueDraftIcon, FeedRocketIcon, MilestoneIcon, OrganizationIcon, PeopleIcon, RocketIcon, FileIcon, StackIcon, GearIcon, GraphIcon, NumberIcon, PaperAirplaneIcon, ArchiveIcon, TagIcon, MortarBoardIcon, ContainerIcon, HomeIcon, ShareIcon, FileDirectoryIcon, TrophyIcon, QuestionIcon, PersonIcon, MailIcon, ZapIcon, } from '@primer/octicons-react';
+import { GalileoIcon, CircleWhiteIcon, BookOpenIcon, CameraIcon, CellIcon, NotebookOutlineIcon, } from '@datalayer/icons-react';
 const ARTIFACT_ICONS = new Map([
-    ["assignment", MilestoneIcon],
-    ["authoring", PencilIcon],
-    ["cell", CellIcon],
-    ["content", ArchiveIcon],
-    ["credits", NumberIcon],
-    ["dataset", StackIcon],
-    ["datasource", DatabaseIcon],
-    ["document", FileIcon],
-    ["documentation", BookOpenIcon],
-    ["environment", ContainerIcon],
-    ["exercise", DiffModifiedIcon],
-    ["growth", FeedRocketIcon],
-    ["home", HomeIcon],
-    ["invite", PaperAirplaneIcon],
-    ["runtime", RocketIcon],
-    ["runtime-snapshot", CameraIcon],
-    ["library", BookIcon],
-    ["lesson", MortarBoardIcon],
-    ["mail", MailIcon],
-    ["management", FeedIssueDraftIcon],
-    ["notebook", RowsIcon],
-    ["organization", OrganizationIcon],
-    ["onboarding", ZapIcon],
-    ["page", NotebookOutlineIcon],
-    ["settings", GearIcon],
-    ["share", ShareIcon],
-    ["space", GalileoIcon],
-    ["success", TrophyIcon],
-    ["support", QuestionIcon],
-    ["storage", FileDirectoryIcon],
-    ["tag", TagIcon],
-    ["team", PeopleIcon],
-    ["usage", GraphIcon],
-    ["user", PersonIcon],
-    ["undefined", CircleWhiteIcon],
+    ['assignment', MilestoneIcon],
+    ['authoring', PencilIcon],
+    ['cell', CellIcon],
+    ['content', ArchiveIcon],
+    ['credits', NumberIcon],
+    ['dataset', StackIcon],
+    ['datasource', DatabaseIcon],
+    ['document', FileIcon],
+    ['documentation', BookOpenIcon],
+    ['environment', ContainerIcon],
+    ['exercise', DiffModifiedIcon],
+    ['growth', FeedRocketIcon],
+    ['home', HomeIcon],
+    ['invite', PaperAirplaneIcon],
+    ['runtime', RocketIcon],
+    ['runtime-snapshot', CameraIcon],
+    ['library', BookIcon],
+    ['lesson', MortarBoardIcon],
+    ['mail', MailIcon],
+    ['management', FeedIssueDraftIcon],
+    ['notebook', RowsIcon],
+    ['organization', OrganizationIcon],
+    ['onboarding', ZapIcon],
+    ['page', NotebookOutlineIcon],
+    ['settings', GearIcon],
+    ['share', ShareIcon],
+    ['space', GalileoIcon],
+    ['success', TrophyIcon],
+    ['support', QuestionIcon],
+    ['storage', FileDirectoryIcon],
+    ['tag', TagIcon],
+    ['team', PeopleIcon],
+    ['usage', GraphIcon],
+    ['user', PersonIcon],
+    ['undefined', CircleWhiteIcon],
 ]);
 export const ArtifactIconClass = (props) => {
     const { item, type } = props;
-    const itemType = item?.type ?? type ?? "undefined";
+    const itemType = item?.type ?? type ?? 'undefined';
     const icon = ARTIFACT_ICONS.get(itemType);
     return icon ?? CircleWhiteIcon;
 };

package/lib/components/labels/VisibilityLabel.js

@@ -3,15 +3,12 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { Label } from "@primer/react";
+import { Label } from '@primer/react';
 export const VisibilityLabel = (props) => {
     const { isPublic } = props;
     if (isPublic === undefined) {
         return _jsx(_Fragment, {});
     }
-    return (isPublic ?
-        _jsx(Label, { variant: "success", sx: { marginLeft: 3 }, children: "Public" })
-        :
-            _jsx(Label, { variant: "danger", sx: { marginLeft: 3 }, children: "Private" }));
+    return isPublic ? (_jsx(Label, { variant: "success", sx: { marginLeft: 3 }, children: "Public" })) : (_jsx(Label, { variant: "danger", sx: { marginLeft: 3 }, children: "Private" }));
 };
 export default VisibilityLabel;

package/lib/components/landings/StepBlock.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from "@primer/octicons-react";
+import { IconProps } from '@primer/octicons-react';
 type IStepBlockProps = {
     date: string;
     title: string;

package/lib/components/landings/StepBlock.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { AnimationProvider, Stack, Heading, Text, Animate, Prose } from "@primer/react-brand";
+import { AnimationProvider, Stack, Heading, Text, Animate, Prose, } from '@primer/react-brand';
 import styles from './../../../style/animation/Animation.module.css';
 export const StepBlock = (props) => {
     const { date, title, description, StepIcon: BlockIcon } = props;

package/lib/components/navbar/NavigationVisbilityObserver.js

@@ -24,9 +24,9 @@ export function NavigationVisbilityObserver({ children, className, ...rest }) {
                         !visibilityMap[child.props['data-navitemid']] &&
                         styles['SubdomainNavBar-primary-nav-list-item--invisible']),
                 });
-            }), showOverflow && _jsx(AnchoredOverlay, { visibilityMap: visibilityMap, children: children })] }));
+            }), showOverflow && (_jsx(AnchoredOverlay, { visibilityMap: visibilityMap, children: children }))] }));
 }
-function AnchoredOverlay({ children, className, visibilityMap }) {
+function AnchoredOverlay({ children, className, visibilityMap, }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const ref = useRef(null);
     useOnClickOutside(ref, () => handleClose());