@neo4j-ndl/react 3.8.34 → 3.8.35

package/lib/cjs/context-menu/ContextMenu.js

@@ -202,7 +202,7 @@ const MenuComponent = (0, react_2.forwardRef)(function MenuComponent({ children,
                     isOpen: isDisabled === true ? false : isOpen,
                     setActiveIndex,
                     setHasFocusInside,
-                }, children: (0, jsx_runtime_1.jsx)(react_1.FloatingList, { elementsRef: elementsRef, labelsRef: labelsRef, children: isOpen && ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isPortaled, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: portalTarget, children: wrapChildren })), children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: isNested ? -1 : 1, returnFocus: !isNested, closeOnFocusOut: true, guards: true, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: refs.setFloating, className: menuClasses, style: Object.assign({ minWidth: minWidth !== undefined ? `${minWidth}px` : undefined }, floatingStyles) }, getFloatingProps(), { children: children })) }) })) }) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(react_1.FloatingList, { elementsRef: elementsRef, labelsRef: labelsRef, children: isOpen && ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isPortaled, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: portalTarget, children: wrapChildren })), children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: isNested ? -1 : 0, returnFocus: !isNested, closeOnFocusOut: true, guards: true, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: refs.setFloating, className: menuClasses, style: Object.assign({ minWidth: minWidth !== undefined ? `${minWidth}px` : undefined }, floatingStyles) }, getFloatingProps(), { children: children })) }) })) }) })] }));
 });
 const MenuItem = (0, react_2.forwardRef)(function MenuItem({ title, className, style, icon, description, isDisabled, as, onClick, onFocus, htmlAttributes, id, }, forwardedRef) {
     const menu = (0, react_2.useContext)(MenuContext);

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

@@ -1,4 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderCustomStepLengthSource = exports.SliderShowValuesSource = exports.SliderShowStepsSource = exports.SliderDisabledSource = exports.SliderSingleControlledSource = exports.SliderRangeSource = exports.SliderSingleSource = exports.SliderDefaultSource = exports.SliderCustomStepLengthDemo = exports.SliderShowValuesDemo = exports.SliderShowStepsDemo = exports.SliderDisabledDemo = exports.SliderSingleControlledDemo = exports.SliderRangeDemo = exports.SliderSingleDemo = exports.SliderDefaultDemo = void 0;
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -19,22 +24,37 @@
  *  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.SliderSingleControlledSource = exports.SliderRangeSource = exports.SliderSingleSource = exports.SliderSingleControlledDemo = exports.SliderRangeDemo = exports.SliderSingleDemo = void 0;
+var slider_default_story_1 = require("./slider-default.story");
+Object.defineProperty(exports, "SliderDefaultDemo", { enumerable: true, get: function () { return __importDefault(slider_default_story_1).default; } });
 var slider_single_story_1 = require("./slider-single.story");
 Object.defineProperty(exports, "SliderSingleDemo", { enumerable: true, get: function () { return __importDefault(slider_single_story_1).default; } });
 var slider_range_story_1 = require("./slider-range.story");
 Object.defineProperty(exports, "SliderRangeDemo", { enumerable: true, get: function () { return __importDefault(slider_range_story_1).default; } });
 var slider_single_controlled_story_1 = require("./slider-single-controlled.story");
 Object.defineProperty(exports, "SliderSingleControlledDemo", { enumerable: true, get: function () { return __importDefault(slider_single_controlled_story_1).default; } });
+var slider_disabled_story_1 = require("./slider-disabled.story");
+Object.defineProperty(exports, "SliderDisabledDemo", { enumerable: true, get: function () { return __importDefault(slider_disabled_story_1).default; } });
+var slider_show_steps_story_1 = require("./slider-show-steps.story");
+Object.defineProperty(exports, "SliderShowStepsDemo", { enumerable: true, get: function () { return __importDefault(slider_show_steps_story_1).default; } });
+var slider_show_values_story_1 = require("./slider-show-values.story");
+Object.defineProperty(exports, "SliderShowValuesDemo", { enumerable: true, get: function () { return __importDefault(slider_show_values_story_1).default; } });
+var slider_custom_step_length_story_1 = require("./slider-custom-step-length.story");
+Object.defineProperty(exports, "SliderCustomStepLengthDemo", { enumerable: true, get: function () { return __importDefault(slider_custom_step_length_story_1).default; } });
 const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const slider_custom_step_length_story_tsx_raw_1 = __importDefault(require("./slider-custom-step-length.story.tsx?raw"));
+const slider_default_story_tsx_raw_1 = __importDefault(require("./slider-default.story.tsx?raw"));
+const slider_disabled_story_tsx_raw_1 = __importDefault(require("./slider-disabled.story.tsx?raw"));
 const slider_range_story_tsx_raw_1 = __importDefault(require("./slider-range.story.tsx?raw"));
+const slider_show_steps_story_tsx_raw_1 = __importDefault(require("./slider-show-steps.story.tsx?raw"));
+const slider_show_values_story_tsx_raw_1 = __importDefault(require("./slider-show-values.story.tsx?raw"));
 const slider_single_story_tsx_raw_1 = __importDefault(require("./slider-single.story.tsx?raw"));
 const slider_single_controlled_story_tsx_raw_1 = __importDefault(require("./slider-single-controlled.story.tsx?raw"));
+exports.SliderDefaultSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_default_story_tsx_raw_1.default);
 exports.SliderSingleSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_single_story_tsx_raw_1.default);
 exports.SliderRangeSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_range_story_tsx_raw_1.default);
 exports.SliderSingleControlledSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_single_controlled_story_tsx_raw_1.default);
+exports.SliderDisabledSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_disabled_story_tsx_raw_1.default);
+exports.SliderShowStepsSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_show_steps_story_tsx_raw_1.default);
+exports.SliderShowValuesSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_show_values_story_tsx_raw_1.default);
+exports.SliderCustomStepLengthSource = (0, export_stories_utils_1.removeLicenseHeader)(slider_custom_step_length_story_tsx_raw_1.default);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/slider/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,6DAAoE;AAA3D,wIAAA,OAAO,OAAoB;AACpC,2DAAkE;AAAzD,sIAAA,OAAO,OAAmB;AACnC,mFAAyF;AAAhF,6JAAA,OAAO,OAA8B;AAE9C,wFAAoF;AAEpF,8FAAgE;AAChE,gGAAkE;AAClE,sHAAuF;AAE1E,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAC9D,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,gDAA+B,CAChC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/slider/stories/index.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+DAAsE;AAA7D,0IAAA,OAAO,OAAqB;AACrC,6DAAoE;AAA3D,wIAAA,OAAO,OAAoB;AACpC,2DAAkE;AAAzD,sIAAA,OAAO,OAAmB;AACnC,mFAAyF;AAAhF,6JAAA,OAAO,OAA8B;AAC9C,iEAAwE;AAA/D,4IAAA,OAAO,OAAsB;AACtC,qEAA2E;AAAlE,+IAAA,OAAO,OAAuB;AACvC,uEAA6E;AAApE,iJAAA,OAAO,OAAwB;AACxC,qFAA0F;AAAjF,8JAAA,OAAO,OAA8B;AAE9C,wFAAoF;AAEpF,wHAAwF;AACxF,kGAAoE;AACpE,oGAAsE;AACtE,8FAAgE;AAChE,wGAAyE;AACzE,0GAA2E;AAC3E,gGAAkE;AAClE,sHAAuF;AAE1E,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,sCAAsB,CAAC,CAAC;AAClE,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAC9D,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,gDAA+B,CAChC,CAAC;AACW,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,uCAAuB,CACxB,CAAC;AACW,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,yCAAwB,CACzB,CAAC;AACW,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,0CAAyB,CAC1B,CAAC;AACW,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,iDAA+B,CAChC,CAAC"}

package/lib/cjs/slider/stories/slider-custom-step-length.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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { minValue: 0, maxValue: 100, step: 10, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, showSteps: true, showValues: true }));
+};
+exports.default = Component;
+//# sourceMappingURL=slider-custom-step-length.story.js.map

package/lib/cjs/slider/stories/slider-custom-step-length.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-custom-step-length.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-custom-step-length.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,SAAS,QACT,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider-default.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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { minValue: 0, maxValue: 100, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        } }));
+};
+exports.default = Component;
+//# sourceMappingURL=slider-default.story.js.map

package/lib/cjs/slider/stories/slider-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-default.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider-disabled.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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { minValue: 0, maxValue: 100, step: 10, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, isDisabled: true }));
+};
+exports.default = Component;
+//# sourceMappingURL=slider-disabled.story.js.map

package/lib/cjs/slider/stories/slider-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-disabled.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider-range.story.js

@@ -21,9 +21,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const slider_1 = require("../../slider");
+const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(slider_1.Slider, { type: "range", values: [10, 50], onChange: (newValue) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { type: "range", values: [10, 50], onChange: (newValue) => {
             console.info('onChange', newValue);
         }, minValue: 0, maxValue: 200, step: 10, isDisabled: false, showSteps: true, showValues: true }));
 };

package/lib/cjs/slider/stories/slider-range.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-range.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-range.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,yCAAsC;AAEtC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"slider-range.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-range.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider-show-steps.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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { minValue: 0, maxValue: 100, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, showSteps: true }));
+};
+exports.default = Component;
+//# sourceMappingURL=slider-show-steps.story.js.map

package/lib/cjs/slider/stories/slider-show-steps.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-show-steps.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-show-steps.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider-show-values.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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { minValue: 0, maxValue: 100, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, showValues: true }));
+};
+exports.default = Component;
+//# sourceMappingURL=slider-show-values.story.js.map

package/lib/cjs/slider/stories/slider-show-values.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-show-values.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-show-values.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider-single-controlled.story.js

@@ -21,13 +21,56 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const react_1 = require("react");
-const slider_1 = require("../../slider"); // Get base props
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const MIN_VALUE = 0;
+const MAX_VALUE = 100;
+const STEP = 5;
+const INITIAL_VALUE = 50;
+const getValidationError = (input) => {
+    const trimmed = input.trim();
+    if (!trimmed) {
+        return { error: 'Value is required', isValid: false };
+    }
+    const numValue = Number(trimmed);
+    if (isNaN(numValue)) {
+        return { error: 'Please enter a valid number', isValid: false };
+    }
+    if (!Number.isInteger(numValue)) {
+        return { error: 'Please enter a whole number', isValid: false };
+    }
+    if (numValue < MIN_VALUE) {
+        return { error: `Value must be at least ${MIN_VALUE}`, isValid: false };
+    }
+    if (numValue > MAX_VALUE) {
+        return { error: `Value must be at most ${MAX_VALUE}`, isValid: false };
+    }
+    return { error: undefined, isValid: true };
+};
 const Component = () => {
-    const [value, setValue] = (0, react_1.useState)(100);
-    return ((0, jsx_runtime_1.jsx)(slider_1.Slider, { type: "single", value: value, onChange: (newValue) => {
-            setValue(newValue);
-        }, minValue: 0, maxValue: 200, isDisabled: false, step: 10, showSteps: true, showValues: true, inputProps: { 'aria-valuetext': 'percent' } }));
+    const [value, setValue] = (0, react_2.useState)(INITIAL_VALUE);
+    const [inputValue, setInputValue] = (0, react_2.useState)(String(INITIAL_VALUE));
+    const { error, isValid } = getValidationError(inputValue);
+    const hasError = !isValid;
+    const handleInputChange = (0, react_2.useCallback)((e) => {
+        const newInputValue = e.target.value;
+        setInputValue(newInputValue);
+        if (isValid) {
+            setValue(Number(newInputValue));
+        }
+    }, [setInputValue, setValue, isValid]);
+    const handleSliderChange = (0, react_2.useCallback)((newValue) => {
+        setValue(newValue);
+        setInputValue(String(newValue));
+    }, [setInputValue, setValue]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-6", children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Slider value", helpText: `Enter a value between ${MIN_VALUE} and ${MAX_VALUE}`, isRequired: true, errorText: error, htmlAttributes: {
+                    max: MAX_VALUE,
+                    min: MIN_VALUE,
+                    step: STEP,
+                    type: 'number',
+                }, value: inputValue, onChange: handleInputChange }), (0, jsx_runtime_1.jsx)(react_1.Slider, { type: "single", value: value, onChange: handleSliderChange, minValue: MIN_VALUE, maxValue: MAX_VALUE, step: STEP, showSteps: true, showValues: true, isDisabled: hasError, inputProps: {
+                    'aria-valuetext': `${value} out of ${MAX_VALUE}`,
+                } })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=slider-single-controlled.story.js.map

package/lib/cjs/slider/stories/slider-single-controlled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-single-controlled.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single-controlled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAiC;AAEjC,yCAAsC,CAAC,iBAAiB;AAExD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC;IACxC,OAAO,CACL,uBAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"slider-single-controlled.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single-controlled.story.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/slider/stories/slider-single.story.js

@@ -21,9 +21,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const slider_1 = require("../../slider"); // Get base props
+const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(slider_1.Slider, { type: "single", value: 100, onChange: (newValue) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Slider, { type: "single", value: 100, onChange: (newValue) => {
             console.info('onChange', newValue);
         }, minValue: 0, maxValue: 200, isDisabled: false, step: 10, showSteps: true, showValues: true, inputProps: { 'aria-valuetext': 'percent' } }));
 };

package/lib/cjs/slider/stories/slider-single.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-single.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,yCAAsC,CAAC,iBAAiB;AAExD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"slider-single.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA0C;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,cAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/slider/stories/slider.stories.js

@@ -1,3 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomStepLength = exports.ShowValues = exports.ShowSteps = exports.Disabled = exports.SingleControlled = exports.Range = exports.Single = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,15 +22,10 @@
  *  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";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleControlled = exports.Range = exports.Single = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Slider_1 = require("../Slider");
+const react_1 = require("@neo4j-ndl/react");
 const _1 = require(".");
 const componentMeta = {
-    component: Slider_1.Slider,
+    component: react_1.Slider,
     parameters: {
         controls: { disable: true },
     },
@@ -35,6 +34,20 @@ const componentMeta = {
     id: 'components-slider',
 };
 exports.default = componentMeta;
+exports.Default = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.SliderDefaultSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => (0, jsx_runtime_1.jsx)(_1.SliderDefaultDemo, {}),
+};
 exports.Single = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
@@ -77,4 +90,60 @@ exports.SingleControlled = {
     },
     render: () => (0, jsx_runtime_1.jsx)(_1.SliderSingleControlledDemo, {}),
 };
+exports.Disabled = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.SliderDisabledSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => (0, jsx_runtime_1.jsx)(_1.SliderDisabledDemo, {}),
+};
+exports.ShowSteps = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.SliderShowStepsSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => (0, jsx_runtime_1.jsx)(_1.SliderShowStepsDemo, {}),
+};
+exports.ShowValues = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.SliderShowValuesSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => (0, jsx_runtime_1.jsx)(_1.SliderShowValuesDemo, {}),
+};
+exports.CustomStepLength = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.SliderCustomStepLengthSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => (0, jsx_runtime_1.jsx)(_1.SliderCustomStepLengthDemo, {}),
+};
 //# sourceMappingURL=slider.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider.stories.tsx"],"names":[],"mappings":";;;;AAsBA,sCAAmC;AACnC,wBAOW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,eAAM;IACjB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;CACM,CAAC;AAEhC,kBAAe,aAAa,CAAC;AAGhB,QAAA,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,mBAAgB,KAAG;CACnC,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,kBAAe,KAAG;CAClC,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,6BAA0B,KAAG;CAC7C,CAAC"}
+{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider.stories.tsx"],"names":[],"mappings":"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"}

package/lib/esm/context-menu/ContextMenu.js

@@ -173,7 +173,7 @@ const MenuComponent = forwardRef(function MenuComponent({ children, isOpen: cont
                     isOpen: isDisabled === true ? false : isOpen,
                     setActiveIndex,
                     setHasFocusInside,
-                }, children: _jsx(FloatingList, { elementsRef: elementsRef, labelsRef: labelsRef, children: isOpen && (_jsx(ConditionalWrap, { shouldWrap: isPortaled, wrap: (wrapChildren) => (_jsx(FloatingPortal, { root: portalTarget, children: wrapChildren })), children: _jsx(FloatingFocusManager, { context: context, modal: false, initialFocus: isNested ? -1 : 1, returnFocus: !isNested, closeOnFocusOut: true, guards: true, children: _jsx(Component, Object.assign({ ref: refs.setFloating, className: menuClasses, style: Object.assign({ minWidth: minWidth !== undefined ? `${minWidth}px` : undefined }, floatingStyles) }, getFloatingProps(), { children: children })) }) })) }) })] }));
+                }, children: _jsx(FloatingList, { elementsRef: elementsRef, labelsRef: labelsRef, children: isOpen && (_jsx(ConditionalWrap, { shouldWrap: isPortaled, wrap: (wrapChildren) => (_jsx(FloatingPortal, { root: portalTarget, children: wrapChildren })), children: _jsx(FloatingFocusManager, { context: context, modal: false, initialFocus: isNested ? -1 : 0, returnFocus: !isNested, closeOnFocusOut: true, guards: true, children: _jsx(Component, Object.assign({ ref: refs.setFloating, className: menuClasses, style: Object.assign({ minWidth: minWidth !== undefined ? `${minWidth}px` : undefined }, floatingStyles) }, getFloatingProps(), { children: children })) }) })) }) })] }));
 });
 const MenuItem = forwardRef(function MenuItem({ title, className, style, icon, description, isDisabled, as, onClick, onFocus, htmlAttributes, id, }, forwardedRef) {
     const menu = useContext(MenuContext);

package/lib/esm/slider/stories/index.js

@@ -18,14 +18,29 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+export { default as SliderDefaultDemo } from './slider-default.story';
 export { default as SliderSingleDemo } from './slider-single.story';
 export { default as SliderRangeDemo } from './slider-range.story';
 export { default as SliderSingleControlledDemo } from './slider-single-controlled.story';
+export { default as SliderDisabledDemo } from './slider-disabled.story';
+export { default as SliderShowStepsDemo } from './slider-show-steps.story';
+export { default as SliderShowValuesDemo } from './slider-show-values.story';
+export { default as SliderCustomStepLengthDemo } from './slider-custom-step-length.story';
 import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import SliderCustomStepLengthSourceRaw from './slider-custom-step-length.story.tsx?raw';
+import SliderDefaultSourceRaw from './slider-default.story.tsx?raw';
+import SliderDisabledSourceRaw from './slider-disabled.story.tsx?raw';
 import SliderRangeSourceRaw from './slider-range.story.tsx?raw';
+import SliderShowStepsSourceRaw from './slider-show-steps.story.tsx?raw';
+import SliderShowValuesSourceRaw from './slider-show-values.story.tsx?raw';
 import SliderSingleSourceRaw from './slider-single.story.tsx?raw';
 import SliderSingleControlledSourceRaw from './slider-single-controlled.story.tsx?raw';
+export const SliderDefaultSource = removeLicenseHeader(SliderDefaultSourceRaw);
 export const SliderSingleSource = removeLicenseHeader(SliderSingleSourceRaw);
 export const SliderRangeSource = removeLicenseHeader(SliderRangeSourceRaw);
 export const SliderSingleControlledSource = removeLicenseHeader(SliderSingleControlledSourceRaw);
+export const SliderDisabledSource = removeLicenseHeader(SliderDisabledSourceRaw);
+export const SliderShowStepsSource = removeLicenseHeader(SliderShowStepsSourceRaw);
+export const SliderShowValuesSource = removeLicenseHeader(SliderShowValuesSourceRaw);
+export const SliderCustomStepLengthSource = removeLicenseHeader(SliderCustomStepLengthSourceRaw);
 //# sourceMappingURL=index.js.map

package/lib/esm/slider/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/slider/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAEzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAChE,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,+BAA+B,MAAM,0CAA0C,CAAC;AAEvF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/slider/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAE1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,+BAA+B,MAAM,2CAA2C,CAAC;AACxF,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AACpE,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAChE,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,yBAAyB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,+BAA+B,MAAM,0CAA0C,CAAC;AAEvF,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC"}

package/lib/esm/slider/stories/slider-custom-step-length.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import { Slider } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Slider, { minValue: 0, maxValue: 100, step: 10, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, showSteps: true, showValues: true }));
+};
+export default Component;
+//# sourceMappingURL=slider-custom-step-length.story.js.map

package/lib/esm/slider/stories/slider-custom-step-length.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-custom-step-length.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-custom-step-length.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,SAAS,QACT,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider-default.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import { Slider } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Slider, { minValue: 0, maxValue: 100, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        } }));
+};
+export default Component;
+//# sourceMappingURL=slider-default.story.js.map

package/lib/esm/slider/stories/slider-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-default.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider-disabled.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import { Slider } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Slider, { minValue: 0, maxValue: 100, step: 10, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, isDisabled: true }));
+};
+export default Component;
+//# sourceMappingURL=slider-disabled.story.js.map

package/lib/esm/slider/stories/slider-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-disabled.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider-range.story.js

@@ -19,7 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { Slider } from '../../slider';
+import { Slider } from '@neo4j-ndl/react';
 const Component = () => {
     return (_jsx(Slider, { type: "range", values: [10, 50], onChange: (newValue) => {
             console.info('onChange', newValue);

package/lib/esm/slider/stories/slider-range.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-range.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-range.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"slider-range.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-range.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider-show-steps.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import { Slider } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Slider, { minValue: 0, maxValue: 100, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, showSteps: true }));
+};
+export default Component;
+//# sourceMappingURL=slider-show-steps.story.js.map

package/lib/esm/slider/stories/slider-show-steps.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-show-steps.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-show-steps.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,SAAS,SACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider-show-values.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import { Slider } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Slider, { minValue: 0, maxValue: 100, value: 50, onChange: (newValue) => {
+            console.info('onChange', newValue);
+        }, showValues: true }));
+};
+export default Component;
+//# sourceMappingURL=slider-show-values.story.js.map

package/lib/esm/slider/stories/slider-show-values.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-show-values.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-show-values.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider-single-controlled.story.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -19,13 +19,56 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { useState } from 'react';
-import { Slider } from '../../slider'; // Get base props
+import { Slider, TextInput } from '@neo4j-ndl/react';
+import { useCallback, useState } from 'react';
+const MIN_VALUE = 0;
+const MAX_VALUE = 100;
+const STEP = 5;
+const INITIAL_VALUE = 50;
+const getValidationError = (input) => {
+    const trimmed = input.trim();
+    if (!trimmed) {
+        return { error: 'Value is required', isValid: false };
+    }
+    const numValue = Number(trimmed);
+    if (isNaN(numValue)) {
+        return { error: 'Please enter a valid number', isValid: false };
+    }
+    if (!Number.isInteger(numValue)) {
+        return { error: 'Please enter a whole number', isValid: false };
+    }
+    if (numValue < MIN_VALUE) {
+        return { error: `Value must be at least ${MIN_VALUE}`, isValid: false };
+    }
+    if (numValue > MAX_VALUE) {
+        return { error: `Value must be at most ${MAX_VALUE}`, isValid: false };
+    }
+    return { error: undefined, isValid: true };
+};
 const Component = () => {
-    const [value, setValue] = useState(100);
-    return (_jsx(Slider, { type: "single", value: value, onChange: (newValue) => {
-            setValue(newValue);
-        }, minValue: 0, maxValue: 200, isDisabled: false, step: 10, showSteps: true, showValues: true, inputProps: { 'aria-valuetext': 'percent' } }));
+    const [value, setValue] = useState(INITIAL_VALUE);
+    const [inputValue, setInputValue] = useState(String(INITIAL_VALUE));
+    const { error, isValid } = getValidationError(inputValue);
+    const hasError = !isValid;
+    const handleInputChange = useCallback((e) => {
+        const newInputValue = e.target.value;
+        setInputValue(newInputValue);
+        if (isValid) {
+            setValue(Number(newInputValue));
+        }
+    }, [setInputValue, setValue, isValid]);
+    const handleSliderChange = useCallback((newValue) => {
+        setValue(newValue);
+        setInputValue(String(newValue));
+    }, [setInputValue, setValue]);
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-6", children: [_jsx(TextInput, { label: "Slider value", helpText: `Enter a value between ${MIN_VALUE} and ${MAX_VALUE}`, isRequired: true, errorText: error, htmlAttributes: {
+                    max: MAX_VALUE,
+                    min: MIN_VALUE,
+                    step: STEP,
+                    type: 'number',
+                }, value: inputValue, onChange: handleInputChange }), _jsx(Slider, { type: "single", value: value, onChange: handleSliderChange, minValue: MIN_VALUE, maxValue: MAX_VALUE, step: STEP, showSteps: true, showValues: true, isDisabled: hasError, inputProps: {
+                    'aria-valuetext': `${value} out of ${MAX_VALUE}`,
+                } })] }));
 };
 export default Component;
 //# sourceMappingURL=slider-single-controlled.story.js.map

package/lib/esm/slider/stories/slider-single-controlled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-single-controlled.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single-controlled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC,CAAC,iBAAiB;AAExD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"slider-single-controlled.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single-controlled.story.tsx"],"names":[],"mappings":"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"}

package/lib/esm/slider/stories/slider-single.story.js

@@ -19,7 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { Slider } from '../../slider'; // Get base props
+import { Slider } from '@neo4j-ndl/react';
 const Component = () => {
     return (_jsx(Slider, { type: "single", value: 100, onChange: (newValue) => {
             console.info('onChange', newValue);

package/lib/esm/slider/stories/slider-single.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-single.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC,CAAC,iBAAiB;AAExD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"slider-single.story.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider-single.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,IAAI,EACf,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/slider/stories/slider.stories.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,10 +19,8 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slider } from '../Slider';
-import { SliderRangeDemo, SliderRangeSource, SliderSingleControlledDemo, SliderSingleControlledSource, SliderSingleDemo, SliderSingleSource, } from '.';
+import { Slider } from '@neo4j-ndl/react';
+import { SliderCustomStepLengthDemo, SliderCustomStepLengthSource, SliderDefaultDemo, SliderDefaultSource, SliderDisabledDemo, SliderDisabledSource, SliderRangeDemo, SliderRangeSource, SliderShowStepsDemo, SliderShowStepsSource, SliderShowValuesDemo, SliderShowValuesSource, SliderSingleControlledDemo, SliderSingleControlledSource, SliderSingleDemo, SliderSingleSource, } from '.';
 const componentMeta = {
     component: Slider,
     parameters: {
@@ -32,6 +31,20 @@ const componentMeta = {
     id: 'components-slider',
 };
 export default componentMeta;
+export const Default = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: SliderDefaultSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => _jsx(SliderDefaultDemo, {}),
+};
 export const Single = {
     // @ts-expect-error The args from the full story are not actually used but we get a type issue here
     args: {},
@@ -74,4 +87,60 @@ export const SingleControlled = {
     },
     render: () => _jsx(SliderSingleControlledDemo, {}),
 };
+export const Disabled = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: SliderDisabledSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => _jsx(SliderDisabledDemo, {}),
+};
+export const ShowSteps = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: SliderShowStepsSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => _jsx(SliderShowStepsDemo, {}),
+};
+export const ShowValues = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: SliderShowValuesSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => _jsx(SliderShowValuesDemo, {}),
+};
+export const CustomStepLength = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: SliderCustomStepLengthSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: () => _jsx(SliderCustomStepLengthDemo, {}),
+};
 //# sourceMappingURL=slider.stories.js.map

package/lib/esm/slider/stories/slider.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider.stories.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,0BAA0B,EAC1B,4BAA4B,EAC5B,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;CACM,CAAC;AAEhC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,gBAAgB,KAAG;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,KAAG;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,0BAA0B,KAAG;CAC7C,CAAC"}
+{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../../src/slider/stories/slider.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;IAC1B,EAAE,EAAE,mBAAmB;CACM,CAAC;AAEhC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,KAAG;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,gBAAgB,KAAG;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,KAAG;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,0BAA0B,KAAG;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,qBAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,mBAAmB,KAAG;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,oBAAoB,KAAG;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,mGAAmG;IACnG,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,0BAA0B,KAAG;CAC7C,CAAC"}

package/lib/types/slider/stories/index.d.ts

@@ -18,9 +18,19 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+export { default as SliderDefaultDemo } from './slider-default.story';
 export { default as SliderSingleDemo } from './slider-single.story';
 export { default as SliderRangeDemo } from './slider-range.story';
 export { default as SliderSingleControlledDemo } from './slider-single-controlled.story';
+export { default as SliderDisabledDemo } from './slider-disabled.story';
+export { default as SliderShowStepsDemo } from './slider-show-steps.story';
+export { default as SliderShowValuesDemo } from './slider-show-values.story';
+export { default as SliderCustomStepLengthDemo } from './slider-custom-step-length.story';
+export declare const SliderDefaultSource: string;
 export declare const SliderSingleSource: string;
 export declare const SliderRangeSource: string;
 export declare const SliderSingleControlledSource: string;
+export declare const SliderDisabledSource: string;
+export declare const SliderShowStepsSource: string;
+export declare const SliderShowValuesSource: string;
+export declare const SliderCustomStepLengthSource: string;

package/lib/types/slider/stories/slider-custom-step-length.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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/>.
+ */
+
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/slider/stories/slider-default.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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/>.
+ */
+
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/slider/stories/slider-disabled.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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/>.
+ */
+
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/slider/stories/slider-show-steps.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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/>.
+ */
+
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/slider/stories/slider-show-values.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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/>.
+ */
+
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/slider/stories/slider-single.story.d.ts

@@ -18,5 +18,6 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+
 declare const Component: () => import("react/jsx-runtime").JSX.Element;
 export default Component;

package/lib/types/slider/stories/slider.stories.d.ts

@@ -18,9 +18,10 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+
 import { type StoryObj } from '@storybook/react-vite';
 declare const componentMeta: {
-    component: import("../../_common/types").PolymorphicForwardRefExoticComponent<"div", import("../Slider").SliderProps>;
+    component: import("../../_common/types").PolymorphicForwardRefExoticComponent<"div", import("@neo4j-ndl/react").SliderProps>;
     parameters: {
         controls: {
             disable: boolean;
@@ -32,6 +33,11 @@ declare const componentMeta: {
 };
 export default componentMeta;
 type Story = StoryObj<typeof componentMeta>;
+export declare const Default: Story;
 export declare const Single: Story;
 export declare const Range: Story;
 export declare const SingleControlled: Story;
+export declare const Disabled: Story;
+export declare const ShowSteps: Story;
+export declare const ShowValues: Story;
+export declare const CustomStepLength: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "3.8.34",
+  "version": "3.8.35",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [