@neo4j-ndl/react 3.8.35 → 3.9.1

package/lib/cjs/code/stories/code-with-actions.story.js

@@ -0,0 +1,45 @@
+"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 icons_1 = require("@neo4j-ndl/react/icons");
+const example_code_snippets_1 = require("./example-code-snippets");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Code, { code: example_code_snippets_1.SHORT_CODE_EXAMPLE, language: "typescript", type: "block", maxHeight: 320, actions: [
+            {
+                ariaLabel: 'copy',
+                children: ((0, jsx_runtime_1.jsx)(icons_1.Square2StackIconOutline, { className: "n-text-palette-neutral-text-icon" })),
+                htmlAttributes: { title: 'copy' },
+                onClick: () => alert('Code copied to clipboard!'),
+            },
+            {
+                ariaLabel: 'run',
+                children: ((0, jsx_runtime_1.jsx)(icons_1.PlayCircleIconOutline, { className: "n-text-palette-primary-icon" })),
+                htmlAttributes: { title: 'run' },
+                onClick: () => alert('Running code...'),
+            },
+        ] }));
+};
+exports.default = Component;
+//# sourceMappingURL=code-with-actions.story.js.map

package/lib/cjs/code/stories/code-with-actions.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-with-actions.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-with-actions.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AACxC,kDAGgC;AAEhC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;YACP;gBACE,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CACR,uBAAC,+BAAuB,IAAC,SAAS,EAAC,kCAAkC,GAAG,CACzE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;aAClD;YACD;gBACE,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,CACR,uBAAC,6BAAqB,IAAC,SAAS,EAAC,6BAA6B,GAAG,CAClE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;aACxC;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/code/stories/code-with-header.story.js

@@ -0,0 +1,31 @@
+"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_code_snippets_1 = require("./example-code-snippets");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Code, { code: example_code_snippets_1.SHORT_CODE_EXAMPLE, language: "typescript", headerTitle: "Code Header" }));
+};
+exports.default = Component;
+//# sourceMappingURL=code-with-header.story.js.map

package/lib/cjs/code/stories/code-with-header.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-with-header.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-with-header.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AAExC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,WAAW,EAAC,aAAa,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/code/stories/code-with-line-numbers.story.js

@@ -0,0 +1,31 @@
+"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_code_snippets_1 = require("./example-code-snippets");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Code, { code: example_code_snippets_1.SHORT_CODE_EXAMPLE, language: "typescript", type: "block", headerTitle: "Code Header", showLineNumbers: true }));
+};
+exports.default = Component;
+//# sourceMappingURL=code-with-line-numbers.story.js.map

package/lib/cjs/code/stories/code-with-line-numbers.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-with-line-numbers.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-with-line-numbers.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AAExC,mEAA6D;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,IAAI,EAAE,0CAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,aAAa,EACzB,eAAe,SACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/code/stories/code.stories.js

@@ -0,0 +1,166 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Full = exports.InlineRunnable = exports.Inline = exports.Languages = exports.LineNumbers = exports.Disabled = exports.Overflow = exports.WithHeader = exports.WithActions = exports.Default = void 0;
+const react_1 = require("@neo4j-ndl/react");
+const index_1 = require("./index");
+const componentMeta = {
+    title: 'Components/Code',
+    id: 'components-code',
+    component: react_1.Code,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeDefault,
+};
+exports.WithActions = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeWithActionsSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeWithActions,
+};
+exports.WithHeader = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeWithHeaderSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeWithHeader,
+};
+exports.Overflow = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeOverflowSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeOverflow,
+};
+exports.Disabled = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeDisabledSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeDisabled,
+};
+exports.LineNumbers = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeLineNumbersSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeLineNumbers,
+};
+exports.Languages = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeLanguagesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeLanguages,
+};
+exports.Inline = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeInlineSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeInline,
+};
+exports.InlineRunnable = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeInlineRunnableSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeInlineRunnable,
+};
+exports.Full = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodeFullSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodeFull,
+};
+//# sourceMappingURL=code.stories.js.map

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

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

package/lib/cjs/code/stories/example-code-snippets.js

@@ -0,0 +1,81 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LANGUAGE_SYNTAX_HIGHLIGHTING_EXAMPLES = exports.LONG_CODE_EXAMPLE = exports.SHORT_CODE_EXAMPLE = void 0;
+// Short examples - ideal for basic demos and small displays
+exports.SHORT_CODE_EXAMPLE = `// validate.ts
+import { z } from "zod";
+
+// creating a schema for strings
+const mySchema = z.string();
+
+// parsing
+mySchema.parse("tuna"); // => "tuna"
+mySchema.parse(12); // => throws ZodError
+
+// "safe" parsing (doesn't throw error if validation fails)
+mySchema.safeParse("tuna"); // => { success: true; data: "tuna" }
+mySchema.safeParse(12); // => { success: false; error: ZodError }`;
+exports.LONG_CODE_EXAMPLE = `// dates.js
+import { format, formatDistance, formatRelative, subDays } from 'date-fns'
+
+format(new Date(), "'Today is a' eeee")
+//=> "Today is a Tuesday"
+
+formatDistance(subDays(new Date(), 3), new Date(), { addSuffix: true })
+//=> "3 days ago"
+
+formatRelative(subDays(new Date(), 3), new Date())
+//=> "last Friday at 7:26 p.m."
+
+// validate.ts
+import { z } from "zod";
+
+// creating a schema for strings
+const mySchema = z.string();
+
+// parsing
+mySchema.parse("tuna"); // => "tuna"
+mySchema.parse(12); // => throws ZodError
+
+// "safe" parsing (doesn't throw error if validation fails)
+mySchema.safeParse("tuna"); // => { success: true; data: "tuna" }
+mySchema.safeParse(12); // => { success: false; error: ZodError }`;
+exports.LANGUAGE_SYNTAX_HIGHLIGHTING_EXAMPLES = {
+    CYPHER: `MATCH (n:Person)-[r]->(m:Person {age: 20})
+WITH m, n
+ORDER BY m.name ASC LIMIT 3
+RETURN collect(n.name) AS names, TRUE as bool, 1 as num, "string" as str`,
+    JSON: `{
+  "name": "John Doe",
+  "age": 30,
+  "email": "john.doe@example.com"
+}`,
+    TYPESCRIPT: `function greetUser(name: string): string {
+  return \`Hello, \${name}! Welcome to Needle Design System.\`;
+}
+
+const user = "John Doe";
+const message = greetUser(user);
+console.log(message);`,
+};
+//# sourceMappingURL=example-code-snippets.js.map

package/lib/cjs/code/stories/example-code-snippets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-code-snippets.js","sourceRoot":"","sources":["../../../../src/code/stories/example-code-snippets.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,4DAA4D;AAC/C,QAAA,kBAAkB,GAAG;;;;;;;;;;;;kEAYgC,CAAC;AAEtD,QAAA,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;kEAwBiC,CAAC;AAEtD,QAAA,qCAAqC,GAAG;IACnD,MAAM,EAAE;;;yEAG+D;IACvE,IAAI,EAAE;;;;EAIN;IACA,UAAU,EAAE;;;;;;sBAMQ;CACZ,CAAC"}

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

@@ -0,0 +1,68 @@
+"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.CodeFullSrc = exports.CodeInlineRunnableSrc = exports.CodeInlineSrc = exports.CodeLanguagesSrc = exports.CodeLineNumbersSrc = exports.CodeDisabledSrc = exports.CodeOverflowSrc = exports.CodeWithHeaderSrc = exports.CodeWithActionsSrc = exports.CodeDefaultSrc = exports.CodeFull = exports.CodeInlineRunnable = exports.CodeInline = exports.CodeLanguages = exports.CodeLineNumbers = exports.CodeDisabled = exports.CodeOverflow = exports.CodeWithHeader = exports.CodeWithActions = exports.CodeDefault = void 0;
+var code_default_story_1 = require("./code-default.story");
+Object.defineProperty(exports, "CodeDefault", { enumerable: true, get: function () { return __importDefault(code_default_story_1).default; } });
+var code_with_actions_story_1 = require("./code-with-actions.story");
+Object.defineProperty(exports, "CodeWithActions", { enumerable: true, get: function () { return __importDefault(code_with_actions_story_1).default; } });
+var code_with_header_story_1 = require("./code-with-header.story");
+Object.defineProperty(exports, "CodeWithHeader", { enumerable: true, get: function () { return __importDefault(code_with_header_story_1).default; } });
+var code_overflow_story_1 = require("./code-overflow.story");
+Object.defineProperty(exports, "CodeOverflow", { enumerable: true, get: function () { return __importDefault(code_overflow_story_1).default; } });
+var code_disabled_story_1 = require("./code-disabled.story");
+Object.defineProperty(exports, "CodeDisabled", { enumerable: true, get: function () { return __importDefault(code_disabled_story_1).default; } });
+var code_with_line_numbers_story_1 = require("./code-with-line-numbers.story");
+Object.defineProperty(exports, "CodeLineNumbers", { enumerable: true, get: function () { return __importDefault(code_with_line_numbers_story_1).default; } });
+var code_languages_story_1 = require("./code-languages.story");
+Object.defineProperty(exports, "CodeLanguages", { enumerable: true, get: function () { return __importDefault(code_languages_story_1).default; } });
+var code_inline_story_1 = require("./code-inline.story");
+Object.defineProperty(exports, "CodeInline", { enumerable: true, get: function () { return __importDefault(code_inline_story_1).default; } });
+var code_inline_runnable_story_1 = require("./code-inline-runnable.story");
+Object.defineProperty(exports, "CodeInlineRunnable", { enumerable: true, get: function () { return __importDefault(code_inline_runnable_story_1).default; } });
+var code_full_story_1 = require("./code-full.story");
+Object.defineProperty(exports, "CodeFull", { enumerable: true, get: function () { return __importDefault(code_full_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const code_default_story_raw_1 = __importDefault(require("./code-default.story?raw"));
+const code_disabled_story_raw_1 = __importDefault(require("./code-disabled.story?raw"));
+const code_full_story_raw_1 = __importDefault(require("./code-full.story?raw"));
+const code_inline_story_raw_1 = __importDefault(require("./code-inline.story?raw"));
+const code_inline_runnable_story_raw_1 = __importDefault(require("./code-inline-runnable.story?raw"));
+const code_languages_story_raw_1 = __importDefault(require("./code-languages.story?raw"));
+const code_overflow_story_raw_1 = __importDefault(require("./code-overflow.story?raw"));
+const code_with_actions_story_raw_1 = __importDefault(require("./code-with-actions.story?raw"));
+const code_with_header_story_raw_1 = __importDefault(require("./code-with-header.story?raw"));
+const code_with_line_numbers_story_raw_1 = __importDefault(require("./code-with-line-numbers.story?raw"));
+exports.CodeDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_default_story_raw_1.default);
+exports.CodeWithActionsSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_with_actions_story_raw_1.default);
+exports.CodeWithHeaderSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_with_header_story_raw_1.default);
+exports.CodeOverflowSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_overflow_story_raw_1.default);
+exports.CodeDisabledSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_disabled_story_raw_1.default);
+exports.CodeLineNumbersSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_with_line_numbers_story_raw_1.default);
+exports.CodeLanguagesSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_languages_story_raw_1.default);
+exports.CodeInlineSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_inline_story_raw_1.default);
+exports.CodeInlineRunnableSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_inline_runnable_story_raw_1.default);
+exports.CodeFullSrc = (0, export_stories_utils_1.removeLicenseHeader)(code_full_story_raw_1.default);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/code/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,2DAA8D;AAArD,kIAAA,OAAO,OAAe;AAC/B,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,6DAAgE;AAAvD,oIAAA,OAAO,OAAgB;AAChC,6DAAgE;AAAvD,oIAAA,OAAO,OAAgB;AAChC,+EAA4E;AAAnE,gJAAA,OAAO,OAAmB;AACnC,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,yDAA4D;AAAnD,gIAAA,OAAO,OAAc;AAC9B,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,qDAAwD;AAA/C,4HAAA,OAAO,OAAY;AAE5B,wFAAoF;AAEpF,sFAAyD;AACzD,wFAA2D;AAC3D,gFAAmD;AACnD,oFAAuD;AACvD,sGAAwE;AACxE,0FAA6D;AAC7D,wFAA2D;AAC3D,gGAAkE;AAClE,8FAAgE;AAChE,0GAAuE;AAE1D,QAAA,cAAc,GAAG,IAAA,0CAAmB,EAAC,gCAAiB,CAAC,CAAC;AAExD,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAC9D,QAAA,eAAe,GAAG,IAAA,0CAAmB,EAAC,iCAAkB,CAAC,CAAC;AAC1D,QAAA,eAAe,GAAG,IAAA,0CAAmB,EAAC,iCAAkB,CAAC,CAAC;AAC1D,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,0CAAqB,CAAC,CAAC;AAChE,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,CAAC,CAAC;AAC5D,QAAA,aAAa,GAAG,IAAA,0CAAmB,EAAC,+BAAgB,CAAC,CAAC;AACtD,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,wCAAwB,CACzB,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,0CAAmB,EAAC,6BAAc,CAAC,CAAC"}

package/lib/cjs/context-menu/stories/context-menu-custom-items.story.js

@@ -0,0 +1,33 @@
+"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 = () => {
+    const anchorEl = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isOpen, anchorRef: anchorEl, placement: "top-start-bottom-start", onClose: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "h1", children: "This can be any element" }) }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 2", className: "n-text-palette-danger-text" })] }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsOpen(true), ref: anchorEl, children: "Open Context Menu (set with custom placement)" })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=context-menu-custom-items.story.js.map

package/lib/cjs/context-menu/stories/context-menu-custom-items.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-custom-items.story.js","sourceRoot":"","sources":["../../../../src/context-menu/stories/context-menu-custom-items.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4D;AAC5D,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,6DACE,uBAAC,YAAI,IACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAE/B,wBAAC,YAAI,CAAC,KAAK,eACT,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EACH,uBAAC,kBAAU,IAAC,OAAO,EAAC,IAAI,wCAAqC,GAE/D,EACF,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,4BAA4B,GAAG,IAC1D,GACR,EACP,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,8DAE5C,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/context-menu/stories/context-menu-default.story.js

@@ -0,0 +1,45 @@
+"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 = () => {
+    const anchorEl = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isOpen, anchorRef: anchorEl, children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 1", onClick: () => {
+                                alert('Action1');
+                                setIsOpen(false);
+                            } }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 2", onClick: () => {
+                                alert('Action2');
+                                setIsOpen(false);
+                            } }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 3", description: "Action 3 is disabled", isDisabled: true, onClick: () => {
+                                alert('Action3');
+                                setIsOpen(false);
+                            } }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 4", description: "Action 4 is awesome", onClick: () => {
+                                alert('Action4');
+                                setIsOpen(false);
+                            } }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { id: "action_5", title: "Action 5", description: "Action 5 does not close the menu" })] }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsOpen(true), ref: anchorEl, children: "Open Context Menu" })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=context-menu-default.story.js.map

package/lib/cjs/context-menu/stories/context-menu-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-default.story.js","sourceRoot":"","sources":["../../../../src/context-menu/stories/context-menu-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgD;AAChD,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,6DACE,uBAAC,YAAI,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,YACvC,wBAAC,YAAI,CAAC,KAAK,eACT,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,SAAS,CAAC,CAAC;gCACjB,SAAS,CAAC,KAAK,CAAC,CAAC;4BACnB,CAAC,GACD,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,SAAS,CAAC,CAAC;gCACjB,SAAS,CAAC,KAAK,CAAC,CAAC;4BACnB,CAAC,GACD,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,sBAAsB,EAClC,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,SAAS,CAAC,CAAC;gCACjB,SAAS,CAAC,KAAK,CAAC,CAAC;4BACnB,CAAC,GACD,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,qBAAqB,EACjC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,SAAS,CAAC,CAAC;gCACjB,SAAS,CAAC,KAAK,CAAC,CAAC;4BACnB,CAAC,GACD,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,EAAE,EAAC,UAAU,EACb,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,kCAAkC,GAC9C,IACS,GACR,EAEP,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,kCAE5C,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/context-menu/stories/context-menu-in-modal.story.js

@@ -0,0 +1,38 @@
+"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 icons_1 = require("@neo4j-ndl/react/icons");
+const react_2 = require("react");
+const Component = () => {
+    const anchorEl = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const [isModalOpen, setIsModalOpen] = (0, react_2.useState)(false);
+    const handleClick = () => setIsModalOpen((prev) => !prev);
+    const handleClose = () => setIsModalOpen(false);
+    const handleMenuClick = () => setIsOpen((prev) => !prev);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleClick, children: "Open Modal!" }) }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { modalProps: { id: 'modal-root' }, isOpen: isModalOpen, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleMenuClick, ref: anchorEl, children: "Open Menu!" }) }), (0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isOpen, anchorRef: anchorEl, portalTarget: document.getElementById('modal-root'), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Undo", onClick: () => alert('Undo') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Redo", isDisabled: true }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Cut", description: "Copy and remove" }), (0, jsx_runtime_1.jsx)(react_1.Menu, { title: "Copy as", description: "Copying as something", icon: (0, jsx_runtime_1.jsx)(icons_1.Square2StackIconOutline, {}), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Text" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Video" }), (0, jsx_runtime_1.jsx)(react_1.Menu, { title: "Image", children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: ".png" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: ".jpg" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: ".svg" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: ".gif" })] }) }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Audio" })] }) }), (0, jsx_runtime_1.jsx)(react_1.Menu, { title: "Share", children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Mail" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Instagram" })] }) })] }) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=context-menu-in-modal.story.js.map

package/lib/cjs/context-menu/stories/context-menu-in-modal.story.js.map

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

package/lib/cjs/context-menu/stories/context-menu-in-popover.story.js

@@ -0,0 +1,34 @@
+"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 = () => {
+    const anchorEl = (0, react_2.useRef)(null);
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const [isPopoverOpen, setIsPopoverOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isOpen, anchorRef: anchorEl, onClose: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 1", onClick: () => alert('Action1') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 2", onClick: () => alert('Action2') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 3", description: "Action 3 is disabled", isDisabled: true, onClick: () => alert('Action3') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Action 4", description: "Action 4 is awesome", onClick: () => alert('Action4') })] }) }), (0, jsx_runtime_1.jsxs)(react_1.Popover, { isOpen: isPopoverOpen, children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { children: (0, jsx_runtime_1.jsxs)(react_1.Button, { onClick: () => setIsPopoverOpen(!isPopoverOpen), children: [isPopoverOpen ? 'Close' : 'Open', " Popover"] }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { style: { height: 150, overflow: 'auto', width: 400 }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Scroll me to the bottom to open menu Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsOpen(true), ref: anchorEl, children: "Open Context Menu" })] }) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=context-menu-in-popover.story.js.map

package/lib/cjs/context-menu/stories/context-menu-in-popover.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-in-popover.story.js","sourceRoot":"","sources":["../../../../src/context-menu/stories/context-menu-in-popover.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACL,6DACE,uBAAC,YAAI,IACH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAE/B,wBAAC,YAAI,CAAC,KAAK,eACT,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAI,EAC/D,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAI,EAC/D,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,sBAAsB,EAClC,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAC/B,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,qBAAqB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAC/B,IACS,GACR,EAEP,wBAAC,eAAO,IAAC,MAAM,EAAE,aAAa,aAC5B,uBAAC,eAAO,CAAC,OAAO,cACd,wBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,aACpD,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,gBAC1B,GACO,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,YACnE,6DACE,+gBASI,EACJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,QAAQ,kCAE5C,IACR,GACa,IACV,IACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}