@neo4j-ndl/react 3.9.3 → 3.9.5

package/lib/cjs/select/stories/select-menu-positionings.story.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+];
+const Component = (props) => {
+    var _a, _b, _c;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-6 n-pt-6", children: [(0, jsx_runtime_1.jsx)(react_1.Select, { label: "Automatic menu placement", type: "select", selectProps: {
+                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+                    menuPlacement: 'auto',
+                    options: EXAMPLE_OPTIONS,
+                } }), (0, jsx_runtime_1.jsx)(react_1.Select, { label: "Bottom menu placement", type: "select", selectProps: {
+                    menuIsOpen: (_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.menuIsOpen,
+                    menuPlacement: 'bottom',
+                    options: EXAMPLE_OPTIONS,
+                } }), (0, jsx_runtime_1.jsx)(react_1.Select, { label: "Top menu placement", type: "select", selectProps: {
+                    menuIsOpen: (_c = props.selectProps) === null || _c === void 0 ? void 0 : _c.menuIsOpen,
+                    menuPlacement: 'top',
+                    options: EXAMPLE_OPTIONS,
+                } })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=select-menu-positionings.story.js.map

package/lib/cjs/select/stories/select-menu-positionings.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu-positionings.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-menu-positionings.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;CACxC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,cAAM,IACL,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,aAAa,EAAE,MAAM;oBACrB,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,uBAAC,cAAM,IACL,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,aAAa,EAAE,QAAQ;oBACvB,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,uBAAC,cAAM,IACL,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,aAAa,EAAE,KAAK;oBACpB,OAAO,EAAE,eAAe;iBACzB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/select/stories/select-multi.story.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(react_1.Select, { label: "Label", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            defaultValue: EXAMPLE_OPTIONS[1],
+            isClearable: true,
+            isMulti: true,
+            options: EXAMPLE_OPTIONS,
+        } }));
+};
+exports.default = Component;
+//# sourceMappingURL=select-multi.story.js.map

package/lib/cjs/select/stories/select-multi.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-multi.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-multi.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;YAChC,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/select/stories/select-sizes.story.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a, _b, _c;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-6", children: [(0, jsx_runtime_1.jsx)(react_1.Select, { label: "Small (default)", type: "select", size: "small", selectProps: {
+                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+                    options: EXAMPLE_OPTIONS,
+                } }), (0, jsx_runtime_1.jsx)(react_1.Select, { label: "Medium", type: "select", size: "medium", selectProps: {
+                    menuIsOpen: (_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.menuIsOpen,
+                    options: EXAMPLE_OPTIONS,
+                } }), (0, jsx_runtime_1.jsx)(react_1.Select, { label: "Large", type: "select", size: "large", selectProps: {
+                    menuIsOpen: (_c = props.selectProps) === null || _c === void 0 ? void 0 : _c.menuIsOpen,
+                    options: EXAMPLE_OPTIONS,
+                } })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=select-sizes.story.js.map

package/lib/cjs/select/stories/select-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-sizes.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,iCAAK,SAAS,EAAC,sBAAsB,aACnC,uBAAC,cAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,uBAAC,cAAM,IACL,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,uBAAC,cAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,OAAO,EAAE,eAAe;iBACzB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/select/stories/select.stories.js

@@ -0,0 +1,226 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsideModal = exports.MenuPositionings = exports.Sizes = exports.CustomLabel = exports.Clean = exports.Disabled = exports.ErrorState = exports.Empty = exports.MultipleSelections = exports.Controlled = exports.Creatable = exports.Async = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const isChromatic_1 = __importDefault(require("chromatic/isChromatic"));
+const index_1 = require("../../index");
+const _1 = require(".");
+const centeredContainerDecorator = (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) }));
+const widthDecorator = (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-w-80", children: (0, jsx_runtime_1.jsx)(Story, {}) }));
+const fullSizeDecorator = (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-h-full", children: (0, jsx_runtime_1.jsx)(Story, {}) }));
+const componentMeta = {
+    title: 'Components/Select',
+    id: 'components-select',
+    component: index_1.Select,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+    decorators: [centeredContainerDecorator],
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectDefault,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectDefaultSource,
+            },
+        },
+    },
+};
+exports.Async = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectAsync,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectAsyncSource,
+            },
+        },
+    },
+};
+exports.Creatable = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectCreatable,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectCreatableSource,
+            },
+        },
+    },
+};
+exports.Controlled = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectControlled,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectControlledSource,
+            },
+        },
+    },
+};
+exports.MultipleSelections = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectMulti,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectMultiSource,
+            },
+        },
+    },
+};
+exports.Empty = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectEmpty,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectEmptySource,
+            },
+        },
+    },
+};
+exports.ErrorState = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectErrorState,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectErrorStateSource,
+            },
+        },
+    },
+};
+exports.Disabled = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectDisabled,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectDisabledSource,
+            },
+        },
+    },
+};
+exports.Clean = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectClean,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectCleanSource,
+            },
+        },
+    },
+};
+exports.CustomLabel = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [widthDecorator],
+    render: _1.SelectCustomLabel,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectCustomLabelSource,
+            },
+        },
+    },
+};
+exports.Sizes = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    render: _1.SelectSizes,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectSizesSource,
+            },
+        },
+    },
+};
+exports.MenuPositionings = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    render: _1.SelectMenuPositionings,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectMenuPositioningsSource,
+            },
+        },
+    },
+};
+exports.InsideModal = {
+    args: { selectProps: { menuIsOpen: (0, isChromatic_1.default)() || undefined } },
+    decorators: [fullSizeDecorator],
+    render: _1.SelectInsideModal,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: _1.SelectInsideModalSource,
+            },
+        },
+    },
+};
+//# sourceMappingURL=select.stories.js.map

package/lib/cjs/select/stories/select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../../src/select/stories/select.stories.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/spotlight/stories/index.js

@@ -0,0 +1,59 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpotlightFixedPositioningSrc = exports.SpotlightInDialogSrc = exports.SpotlightInSideNavSrc = exports.SpotlightTourSrc = exports.SpotlightWithPointerSrc = exports.SpotlightWithImageSrc = exports.SpotlightWithIconSrc = exports.SpotlightWithLabelSrc = exports.SpotlightFixedPositioning = exports.SpotlightInDialog = exports.SpotlightInSideNav = exports.SpotlightTour = exports.SpotlightWithPointer = exports.SpotlightWithImage = exports.SpotlightWithIcon = exports.SpotlightWithLabel = void 0;
+var spotlight_with_label_story_1 = require("./spotlight-with-label.story");
+Object.defineProperty(exports, "SpotlightWithLabel", { enumerable: true, get: function () { return __importDefault(spotlight_with_label_story_1).default; } });
+var spotlight_with_icon_story_1 = require("./spotlight-with-icon.story");
+Object.defineProperty(exports, "SpotlightWithIcon", { enumerable: true, get: function () { return __importDefault(spotlight_with_icon_story_1).default; } });
+var spotlight_with_image_story_1 = require("./spotlight-with-image.story");
+Object.defineProperty(exports, "SpotlightWithImage", { enumerable: true, get: function () { return __importDefault(spotlight_with_image_story_1).default; } });
+var spotlight_with_pointer_story_1 = require("./spotlight-with-pointer.story");
+Object.defineProperty(exports, "SpotlightWithPointer", { enumerable: true, get: function () { return __importDefault(spotlight_with_pointer_story_1).default; } });
+var spotlight_tour_story_1 = require("./spotlight-tour.story");
+Object.defineProperty(exports, "SpotlightTour", { enumerable: true, get: function () { return __importDefault(spotlight_tour_story_1).default; } });
+var spotlight_in_side_nav_story_1 = require("./spotlight-in-side-nav.story");
+Object.defineProperty(exports, "SpotlightInSideNav", { enumerable: true, get: function () { return __importDefault(spotlight_in_side_nav_story_1).default; } });
+var spotlight_in_dialog_story_1 = require("./spotlight-in-dialog.story");
+Object.defineProperty(exports, "SpotlightInDialog", { enumerable: true, get: function () { return __importDefault(spotlight_in_dialog_story_1).default; } });
+var spotlight_fixed_positioning_story_1 = require("./spotlight-fixed-positioning.story");
+Object.defineProperty(exports, "SpotlightFixedPositioning", { enumerable: true, get: function () { return __importDefault(spotlight_fixed_positioning_story_1).default; } });
+const spotlight_fixed_positioning_story_raw_1 = __importDefault(require("./spotlight-fixed-positioning.story?raw"));
+const spotlight_in_dialog_story_raw_1 = __importDefault(require("./spotlight-in-dialog.story?raw"));
+const spotlight_in_side_nav_story_raw_1 = __importDefault(require("./spotlight-in-side-nav.story?raw"));
+const spotlight_tour_story_raw_1 = __importDefault(require("./spotlight-tour.story?raw"));
+const spotlight_with_icon_story_raw_1 = __importDefault(require("./spotlight-with-icon.story?raw"));
+const spotlight_with_image_story_raw_1 = __importDefault(require("./spotlight-with-image.story?raw"));
+const spotlight_with_label_story_raw_1 = __importDefault(require("./spotlight-with-label.story?raw"));
+const spotlight_with_pointer_story_raw_1 = __importDefault(require("./spotlight-with-pointer.story?raw"));
+exports.SpotlightWithLabelSrc = spotlight_with_label_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightWithIconSrc = spotlight_with_icon_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightWithImageSrc = spotlight_with_image_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightWithPointerSrc = spotlight_with_pointer_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightTourSrc = spotlight_tour_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightInSideNavSrc = spotlight_in_side_nav_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightInDialogSrc = spotlight_in_dialog_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+exports.SpotlightFixedPositioningSrc = spotlight_fixed_positioning_story_raw_1.default.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
+//# sourceMappingURL=index.js.map

package/lib/cjs/spotlight/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,yEAA2E;AAAlE,+IAAA,OAAO,OAAqB;AACrC,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,+EAAiF;AAAxE,qJAAA,OAAO,OAAwB;AACxC,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,6EAA8E;AAArE,kJAAA,OAAO,OAAsB;AACtC,yEAA2E;AAAlE,+IAAA,OAAO,OAAqB;AACrC,yFAA2F;AAAlF,+JAAA,OAAO,OAA6B;AAE7C,oHAAsF;AACtF,oGAAsE;AACtE,wGAAyE;AACzE,0FAA6D;AAC7D,oGAAsE;AACtE,sGAAwE;AACxE,sGAAwE;AACxE,0GAA4E;AAE/D,QAAA,qBAAqB,GAAG,wCAAwB,CAAC,OAAO,CACnE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,oBAAoB,GAAG,uCAAuB,CAAC,OAAO,CACjE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,qBAAqB,GAAG,wCAAwB,CAAC,OAAO,CACnE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,uBAAuB,GAAG,0CAA0B,CAAC,OAAO,CACvE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,gBAAgB,GAAG,kCAAmB,CAAC,OAAO,CACzD,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,qBAAqB,GAAG,yCAAwB,CAAC,OAAO,CACnE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,oBAAoB,GAAG,uCAAuB,CAAC,OAAO,CACjE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACW,QAAA,4BAA4B,GACvC,+CAA+B,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC"}

package/lib/cjs/spotlight/stories/spotlight-fixed-positioning.story.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = (props) => {
+    const { themeClassName } = (0, react_1.useNeedleTheme)();
+    const { setIsOpen, setActiveSpotlight } = (0, react_1.useSpotlightContext)();
+    const targetId = `test-target-${themeClassName}`;
+    (0, react_2.useEffect)(() => {
+        if (props.isChromatic) {
+            setActiveSpotlight(targetId);
+            setIsOpen(true);
+        }
+    }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-10 n-h-[100px]", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), (0, jsx_runtime_1.jsx)("div", { className: "n-left-[auto] n-top-[110px] n-fixed", children: (0, jsx_runtime_1.jsx)(react_1.SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "border", indicatorPlacement: "middle-middle", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => alert('Target button clicked'), children: "Target" }) }) }), (0, jsx_runtime_1.jsxs)(react_1.Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
+                    {
+                        label: 'Close',
+                        onClick: () => {
+                            setIsOpen(false);
+                            setActiveSpotlight(null);
+                        },
+                    },
+                ], children: [(0, jsx_runtime_1.jsx)(react_1.Spotlight.Header, { children: "This is a header" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Body, { children: "This is content" })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=spotlight-fixed-positioning.story.js.map

package/lib/cjs/spotlight/stories/spotlight-fixed-positioning.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight-fixed-positioning.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-fixed-positioning.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAM0B;AAC1B,iCAAkC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,iCAAK,SAAS,EAAC,oDAAoD,aACjE,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,uBAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,QAAQ,EACzB,kBAAkB,EAAC,eAAe,YAElC,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAAiB,GACtD,GACd,EACN,wBAAC,iBAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,uBAAC,iBAAS,CAAC,MAAM,mCAAoC,EACrD,uBAAC,iBAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/spotlight/stories/spotlight-in-dialog.story.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = (props) => {
+    const { themeClassName } = (0, react_1.useNeedleTheme)();
+    const { setIsOpen, setActiveSpotlight } = (0, react_1.useSpotlightContext)();
+    const [isModalOpen, setIsModalOpen] = (0, react_2.useState)(props.isChromatic);
+    const targetId = `test-target-${themeClassName}`;
+    (0, react_2.useEffect)(() => {
+        if (props.isChromatic && isModalOpen) {
+            setActiveSpotlight(targetId);
+            setIsOpen(true);
+        }
+    }, [isModalOpen, setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-10", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsModalOpen(true), children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), "aria-label": "Dialog", modalProps: { className: themeClassName }, children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Using Spotlight inside a modal" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog.Description, { className: "n-flex n-flex-col n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Make sure to set hasAnchorPortal to true for both Spotlight and SpotlightTarget when the target is in a Dialog" }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-10", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), (0, jsx_runtime_1.jsx)(react_1.SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "border", hasAnchorPortal: true, children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => alert('Target button clicked'), children: "Target" }) })] })] }), (0, jsx_runtime_1.jsxs)(react_1.Spotlight, { placement: "bottom-end-top-end", hasAnchorPortal: true, target: targetId, actions: [
+                            {
+                                label: 'Close',
+                                onClick: () => {
+                                    setIsOpen(false);
+                                    setActiveSpotlight(null);
+                                },
+                            },
+                        ], children: [(0, jsx_runtime_1.jsx)(react_1.Spotlight.Header, { children: "This is a header" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Body, { children: "This is content" })] })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=spotlight-in-dialog.story.js.map

package/lib/cjs/spotlight/stories/spotlight-in-dialog.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-in-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAQ0B;AAC1B,iCAA4C;AAM5C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,IAAI,WAAW,EAAE,CAAC;YACrC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,2BAAqB,EAChE,wBAAC,cAAM,IACL,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,gBACzB,QAAQ,EACnB,UAAU,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,aAEzC,uBAAC,cAAM,CAAC,MAAM,iDAA+C,EAC7D,wBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,iCAAiC,aAC7D,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,+HAGpB,EACb,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,uBAAC,uBAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,QAAQ,EACzB,eAAe,EAAE,IAAI,YAErB,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAE5C,GACO,IACd,IACa,EACrB,wBAAC,iBAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,eAAe,EAAE,IAAI,EACrB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,OAAO;gCACd,OAAO,EAAE,GAAG,EAAE;oCACZ,SAAS,CAAC,KAAK,CAAC,CAAC;oCACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;gCAC3B,CAAC;6BACF;yBACF,aAED,uBAAC,iBAAS,CAAC,MAAM,mCAAoC,EACrD,uBAAC,iBAAS,CAAC,IAAI,kCAAiC,IACtC,IACL,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/spotlight/stories/spotlight-in-side-nav.story.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const next_1 = require("@neo4j-ndl/react/next");
+const react_2 = require("react");
+const Component = (props) => {
+    const { themeClassName } = (0, react_1.useNeedleTheme)();
+    const { setActiveSpotlight, setIsOpen } = (0, react_1.useSpotlightContext)();
+    const [isSelected, setIsSelected] = (0, react_2.useState)('aura-db-instances');
+    const targetId = `test-target-${themeClassName}`;
+    const handleClick = (item) => {
+        setIsSelected(item);
+    };
+    (0, react_2.useEffect)(() => {
+        if (props.isChromatic) {
+            setActiveSpotlight(targetId);
+            setIsOpen(true);
+        }
+    }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[500px] n-flex", children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation, { isExpanded: true, children: (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.CategoryHeader, { children: "AuraDB" }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { as: "button", onClick: () => handleClick('aura-db-instances'), isSelected: isSelected === 'aura-db-instances', label: "Instances" }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { as: "button", onClick: () => handleClick('aura-db-connect'), isSelected: isSelected === 'aura-db-connect', label: "Connect" }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { as: "button", onClick: () => handleClick('aura-db-python'), isSelected: isSelected === 'aura-db-python', label: "Python" }), (0, jsx_runtime_1.jsx)(react_1.SpotlightTarget, { as: "li", id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "point", indicatorPlacement: "top-right", children: (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { as: "button", onClick: () => handleClick('aura-db-javascript'), isSelected: isSelected === 'aura-db-javascript', label: "JavaScript" }) })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.CategoryHeader, { children: "AuraDS" }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { as: "button", onClick: () => handleClick('aura-ds-instances'), isSelected: isSelected === 'aura-ds-instances', label: "Instances" }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { as: "button", onClick: () => handleClick('aura-ds-getting-started'), isSelected: isSelected === 'aura-ds-getting-started', label: "Getting Started" })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "n-w-full n-h-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-6", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }) }), (0, jsx_runtime_1.jsxs)(react_1.Spotlight, { placement: "top-end-top-start", target: targetId, actions: [
+                    {
+                        label: 'Close',
+                        onClick: () => {
+                            setIsOpen(false);
+                            setActiveSpotlight(null);
+                        },
+                    },
+                ], children: [(0, jsx_runtime_1.jsx)(react_1.Spotlight.Header, { children: "This is a header" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Body, { children: "This is content" })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=spotlight-in-side-nav.story.js.map

package/lib/cjs/spotlight/stories/spotlight-in-side-nav.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight-in-side-nav.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-in-side-nav.story.tsx"],"names":[],"mappings":"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"}