@plasmicpkgs/react-aria 0.0.118 → 0.0.119

package/skinny/registerSelect.stories.esm.js

@@ -1,202 +0,0 @@
-import { PlasmicCanvasContext } from '@plasmicapp/host';
-import { fn, within, expect, userEvent, waitFor } from '@storybook/test';
-import React, { useState, useEffect } from 'react';
-import { BaseButton } from './registerButton.esm.js';
-import { B as BaseListBox } from './registerListBox-21dc99fa.esm.js';
-import { BaseListBoxItem } from './registerListBoxItem.esm.js';
-import { BasePopover } from './registerPopover.esm.js';
-import { BaseSelect, BaseSelectValue } from './registerSelect.esm.js';
-import 'react-aria';
-import 'react-aria-components';
-import './common-616eb178.esm.js';
-import './utils-fd88ad47.esm.js';
-import '@plasmicapp/host/registerComponent';
-import './variant-utils-4405ebb0.esm.js';
-import './contexts-5cb81c2f.esm.js';
-import './OptionsItemIdManager-832b8cfe.esm.js';
-import './registerDescription.esm.js';
-import './registerText.esm.js';
-import '@react-aria/utils';
-import './registerLabel.esm.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const meta = {
-  title: "Components/BaseSelect",
-  component: BaseSelect,
-  args: {
-    onSelectionChange: fn(),
-    onOpenChange: fn()
-  }
-};
-const createListItems = (count) => {
-  return Array.from({ length: count }, (_, i) => ({
-    id: `${i + 1}`,
-    textValue: `Item ${i + 1}`,
-    children: `Item ${i + 1}`
-  }));
-};
-const BoilerplateSelect = ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseButton, null, /* @__PURE__ */ React.createElement(BaseSelectValue, null, "Select an option \u25BC")), /* @__PURE__ */ React.createElement(BasePopover, null, /* @__PURE__ */ React.createElement(BaseListBox, null, children)));
-const Basic = {
-  args: {
-    children: /* @__PURE__ */ React.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const doc = within(document.body);
-    const button = canvas.getByRole("button");
-    expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    expect(button).toHaveTextContent("Select an option \u25BC");
-    await userEvent.click(button);
-    const options = await within(doc.getByRole("listbox")).findAllByRole(
-      "option"
-    );
-    expect(options).toHaveLength(3);
-    await userEvent.click(options[1]);
-    expect(button).toHaveTextContent("Item 2");
-    expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    expect(args.onOpenChange).toHaveBeenCalledTimes(2);
-    expect(args.onSelectionChange).toHaveBeenCalledOnce();
-  }
-};
-const WithDefaultSelection = {
-  args: {
-    defaultSelectedKey: "3",
-    children: /* @__PURE__ */ React.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const doc = within(document.body);
-    const button = canvas.getByRole("button");
-    expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    await waitFor(() => expect(button).toHaveTextContent("Item 3"));
-    await userEvent.click(button);
-    const options = within(doc.getByRole("listbox")).getAllByRole("option");
-    await userEvent.click(options[1]);
-    expect(button).toHaveTextContent("Item 2");
-  }
-};
-const Disabled = {
-  args: {
-    defaultSelectedKey: "3",
-    isDisabled: true,
-    children: /* @__PURE__ */ React.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const doc = within(document.body);
-    const button = canvas.getByRole("button");
-    expect(button).toBeDisabled();
-    await userEvent.tab();
-    await waitFor(() => expect(button).toHaveTextContent("Item 3"));
-    await userEvent.click(button);
-    expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    expect(button).toHaveTextContent("Item 3");
-    expect(args.onOpenChange).not.toHaveBeenCalled();
-    expect(args.onSelectionChange).not.toHaveBeenCalled();
-  }
-};
-const WithDisabledOptions = {
-  args: {
-    disabledKeys: ["1"],
-    children: /* @__PURE__ */ React.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const doc = within(document.body);
-    const button = canvas.getByRole("button");
-    expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-    expect(button).toHaveTextContent("Select an option \u25BC");
-    await userEvent.click(button);
-    expect(args.onOpenChange).toHaveBeenCalledOnce();
-    const listbox = await doc.findByRole("listbox");
-    const options = await within(listbox).findAllByRole("option");
-    expect(options).toHaveLength(3);
-    await userEvent.click(options[0]);
-    expect(args.onOpenChange).toHaveBeenCalledOnce();
-    expect(args.onSelectionChange).not.toHaveBeenCalled();
-    expect(button).toHaveTextContent("Select an option \u25BC");
-    await userEvent.click(options[1]);
-    expect(args.onOpenChange).toHaveBeenCalledTimes(2);
-    expect(args.onSelectionChange).toHaveBeenCalledOnce();
-    expect(button).toHaveTextContent("Item 2");
-  }
-};
-const SelectedInCanvas = {
-  args: {
-    children: /* @__PURE__ */ React.createElement(BoilerplateSelect, null, createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { textValue: item.textValue, id: item.id }, item.children)))
-  },
-  render: (_a) => {
-    var _b = _a, args = __objRest(_b, ["__plasmic_selection_prop__"]);
-    const [selected, setSelected] = useState(false);
-    useEffect(() => {
-      setTimeout(() => {
-        setSelected(true);
-      }, 1e3);
-    }, []);
-    return (
-      // Simulate Plasmic canvas envirnment
-      /* @__PURE__ */ React.createElement(
-        PlasmicCanvasContext.Provider,
-        {
-          value: {
-            componentName: "test",
-            globalVariants: {}
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          BaseSelect,
-          __spreadValues({
-            __plasmic_selection_prop__: {
-              isSelected: selected
-            }
-          }, args)
-        )
-      )
-    );
-  },
-  play: async () => {
-    const doc = within(document.body);
-    await waitFor(
-      () => {
-        expect(doc.queryByRole("listbox")).not.toBeInTheDocument();
-      },
-      { timeout: 100 }
-    );
-    await waitFor(
-      () => {
-        expect(doc.queryByRole("listbox")).toBeInTheDocument();
-      },
-      { timeout: 1100 }
-    );
-  }
-};
-
-export { Basic, Disabled, SelectedInCanvas, WithDefaultSelection, WithDisabledOptions, meta as default };
-//# sourceMappingURL=registerSelect.stories.esm.js.map

package/skinny/registerSelect.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerSelect.stories.esm.js","sources":["../src/registerSelect.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseButton } from \"./registerButton\";\nimport { BaseListBox } from \"./registerListBox\";\nimport { BaseListBoxItem } from \"./registerListBoxItem\";\nimport { BasePopover } from \"./registerPopover\";\nimport { BaseSelect, BaseSelectValue } from \"./registerSelect\";\n\nconst meta: Meta<typeof BaseSelect> = {\n  title: \"Components/BaseSelect\",\n  component: BaseSelect,\n  args: {\n    onSelectionChange: fn(),\n    onOpenChange: fn(),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseSelect>;\n\n// Helper function to create list items\nconst createListItems = (count: number) => {\n  return Array.from({ length: count }, (_, i) => ({\n    id: `${i + 1}`,\n    textValue: `Item ${i + 1}`,\n    children: `Item ${i + 1}`,\n  }));\n};\n\nconst BoilerplateSelect = ({ children }: { children: React.ReactNode }) => (\n  <>\n    <BaseButton>\n      <BaseSelectValue>Select an option ▼</BaseSelectValue>\n    </BaseButton>\n    <BasePopover>\n      <BaseListBox>{children}</BaseListBox>\n    </BasePopover>\n  </>\n);\n\nexport const Basic: Story = {\n  args: {\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n    expect(button).toHaveTextContent(\"Select an option ▼\");\n\n    // Open the select\n    await userEvent.click(button);\n\n    // Ensure that clicking the button shows all available options, regardless of the input value\n    const options = await within(doc.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(3);\n\n    // Select an option\n    await userEvent.click(options[1]);\n    // Check that the input value is updated\n    expect(button).toHaveTextContent(\"Item 2\");\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n\n    // Check that the onOpenChange and onSelectionChange are called as expected\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2);\n    expect(args.onSelectionChange).toHaveBeenCalledOnce();\n  },\n};\n\nexport const WithDefaultSelection: Story = {\n  args: {\n    defaultSelectedKey: \"3\",\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n\n    await waitFor(() => expect(button).toHaveTextContent(\"Item 3\")); // via defaultSelectedKey\n\n    // Open the select\n    await userEvent.click(button);\n\n    const options = within(doc.getByRole(\"listbox\")).getAllByRole(\"option\");\n    await userEvent.click(options[1]);\n\n    expect(button).toHaveTextContent(\"Item 2\");\n  },\n};\n\nexport const Disabled: Story = {\n  args: {\n    defaultSelectedKey: \"3\",\n    isDisabled: true,\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    // Verify disabled state\n    expect(button).toBeDisabled();\n\n    await userEvent.tab(); // NOTE: I'm not sure why, but without this, the test is very flaky at the next line.\n    await waitFor(() => expect(button).toHaveTextContent(\"Item 3\")); // via defaultSelectedKey\n\n    // Open the select\n    await userEvent.click(button);\n\n    // Check that listbox is not in the document\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n\n    expect(button).toHaveTextContent(\"Item 3\"); // unchanged\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n    expect(args.onSelectionChange).not.toHaveBeenCalled();\n  },\n};\n\nexport const WithDisabledOptions: Story = {\n  args: {\n    disabledKeys: [\"1\"],\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    // Get the button and input\n    const button = canvas.getByRole(\"button\");\n\n    expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n    expect(button).toHaveTextContent(\"Select an option ▼\");\n\n    // Open the select\n    await userEvent.click(button);\n    expect(args.onOpenChange).toHaveBeenCalledOnce();\n\n    // Ensure that clicking the button shows all available options, regardless of the input value\n    const listbox = await doc.findByRole(\"listbox\");\n    const options = await within(listbox).findAllByRole(\"option\");\n    expect(options).toHaveLength(3);\n\n    // click the disabled option\n    await userEvent.click(options[0]);\n    expect(args.onOpenChange).toHaveBeenCalledOnce(); // the popover does not close when selecting a disabled option\n    expect(args.onSelectionChange).not.toHaveBeenCalled(); // the select state does not change when selecting a disabled option\n    expect(button).toHaveTextContent(\"Select an option ▼\"); // unchanged\n\n    await userEvent.click(options[1]); // Other items stay selectable\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2);\n    expect(args.onSelectionChange).toHaveBeenCalledOnce();\n\n    expect(button).toHaveTextContent(\"Item 2\");\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  args: {\n    children: (\n      <BoilerplateSelect>\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem textValue={item.textValue} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </BoilerplateSelect>\n    ),\n  },\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseSelect\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    await waitFor(\n      () => {\n        expect(doc.queryByRole(\"listbox\")).not.toBeInTheDocument();\n      },\n      { timeout: 100 }\n    );\n\n    await waitFor(\n      () => {\n        expect(doc.queryByRole(\"listbox\")).toBeInTheDocument();\n      },\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":[],"mappings":"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"}

package/skinny/registerSlider.stories.cjs.js

@@ -1,165 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var test = require('@storybook/test');
-var React = require('react');
-var registerLabel = require('./registerLabel.cjs.js');
-var registerSlider = require('./registerSlider.cjs.js');
-var registerSliderOutput = require('./registerSliderOutput.cjs.js');
-var registerSliderThumb = require('./registerSliderThumb.cjs.js');
-var registerSliderTrack = require('./registerSliderTrack.cjs.js');
-require('react-aria-components');
-require('./common-45acb83c.cjs.js');
-require('./utils-fc1ddd7c.cjs.js');
-require('@plasmicapp/host');
-require('@plasmicapp/host/registerComponent');
-require('./contexts-6d0cb2b1.cjs.js');
-require('./variant-utils-0ad70db8.cjs.js');
-require('react-keyed-flatten-children');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const meta = {
-  title: "Components/BaseSlider",
-  component: registerSlider.BaseSlider,
-  args: {
-    onChange: test.fn(),
-    onChangeEnd: test.fn(),
-    minValue: 0,
-    maxValue: 100,
-    step: 1,
-    orientation: "horizontal"
-  }
-};
-const Basic = {
-  args: {
-    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerLabel.BaseLabel, null, "Slider label"), /* @__PURE__ */ React__default.default.createElement(registerSliderOutput.BaseSliderOutput, null, "Output"), /* @__PURE__ */ React__default.default.createElement(registerSliderTrack.BaseSliderTrack, null, /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { autoFocus: true, className: "thumb-1" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = test.within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    test.expect(thumbs).toHaveLength(1);
-    await test.userEvent.click(label);
-    await test.userEvent.keyboard("{ArrowRight}");
-    test.expect(args.onChange).toHaveBeenCalledWith([1]);
-    test.expect(args.onChangeEnd).toHaveBeenCalledOnce();
-  }
-};
-const WithDefaultValue = {
-  args: {
-    step: 5,
-    defaultValue: 22,
-    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerLabel.BaseLabel, null, "Slider label"), /* @__PURE__ */ React__default.default.createElement(registerSliderOutput.BaseSliderOutput, null, "Output"), /* @__PURE__ */ React__default.default.createElement(registerSliderTrack.BaseSliderTrack, null, /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-1" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = test.within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    test.expect(thumbs).toHaveLength(1);
-    await test.userEvent.click(label);
-    await test.userEvent.keyboard("{ArrowRight}");
-    test.expect(args.onChange).toHaveBeenCalledWith(25);
-    test.expect(args.onChangeEnd).toHaveBeenCalledOnce();
-  }
-};
-const Disabled = {
-  args: {
-    step: 5,
-    defaultValue: 22,
-    isDisabled: true,
-    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerLabel.BaseLabel, null, "Slider label"), /* @__PURE__ */ React__default.default.createElement(registerSliderOutput.BaseSliderOutput, null, "Output"), /* @__PURE__ */ React__default.default.createElement(registerSliderTrack.BaseSliderTrack, null, /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-1" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = test.within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    test.expect(thumbs).toHaveLength(1);
-    await test.userEvent.click(label);
-    await test.userEvent.keyboard("{ArrowRight}");
-    test.expect(args.onChange).not.toHaveBeenCalled();
-    test.expect(args.onChangeEnd).not.toHaveBeenCalled();
-  }
-};
-const RangeSlider = {
-  args: {
-    defaultValue: [20, 80],
-    step: 10,
-    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerLabel.BaseLabel, null, "Slider label"), /* @__PURE__ */ React__default.default.createElement(registerSliderOutput.BaseSliderOutput, null, "Output"), /* @__PURE__ */ React__default.default.createElement(registerSliderTrack.BaseSliderTrack, null, /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-1" }), /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-2" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = test.within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    test.expect(thumbs).toHaveLength(2);
-    test.expect(slider.querySelector(".thumb-1")).toBeInTheDocument();
-    test.expect(slider.querySelector(".thumb-2")).toBeInTheDocument();
-    await test.userEvent.click(label);
-    await test.userEvent.keyboard("{ArrowLeft}");
-    test.expect(args.onChange).toHaveBeenCalledWith([10, 80]);
-    await test.userEvent.tab();
-    await test.userEvent.keyboard("{ArrowRight}");
-    test.expect(args.onChange).toHaveBeenCalledWith([10, 90]);
-  }
-};
-const TooFewThumbs = {
-  args: {
-    defaultValue: [20, 47, 80],
-    step: 10,
-    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerLabel.BaseLabel, null, "Slider label"), /* @__PURE__ */ React__default.default.createElement(registerSliderOutput.BaseSliderOutput, null, "Output"), /* @__PURE__ */ React__default.default.createElement(registerSliderTrack.BaseSliderTrack, null, /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-1" }), /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-2" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = test.within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    test.expect(thumbs).toHaveLength(3);
-    test.expect(slider.querySelectorAll(".thumb-1")).toHaveLength(1);
-    test.expect(slider.querySelectorAll(".thumb-2")).toHaveLength(2);
-    await test.userEvent.click(label);
-    await test.userEvent.keyboard("{ArrowLeft}");
-    test.expect(args.onChange).toHaveBeenCalledWith([10, 50, 80]);
-    await test.userEvent.tab();
-    await test.userEvent.keyboard("{ArrowRight}");
-    test.expect(args.onChange).toHaveBeenCalledWith([10, 60, 80]);
-  }
-};
-const TooManyThumbs = {
-  args: {
-    defaultValue: [20, 80],
-    step: 10,
-    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(registerLabel.BaseLabel, null, "Slider label"), /* @__PURE__ */ React__default.default.createElement(registerSliderOutput.BaseSliderOutput, null, "Range: 20-80"), /* @__PURE__ */ React__default.default.createElement(registerSliderTrack.BaseSliderTrack, null, /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-1" }), /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-2" }), /* @__PURE__ */ React__default.default.createElement(registerSliderThumb.BaseSliderThumb, { className: "thumb-3" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = test.within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = test.within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    test.expect(thumbs).toHaveLength(2);
-    test.expect(slider.querySelectorAll(".thumb-1")).toHaveLength(1);
-    test.expect(slider.querySelectorAll(".thumb-2")).toHaveLength(1);
-    test.expect(slider.querySelectorAll(".thumb-3")).toHaveLength(0);
-    await test.userEvent.click(label);
-    await test.userEvent.keyboard("{ArrowLeft}");
-    test.expect(args.onChange).toHaveBeenCalledWith([10, 80]);
-    await test.userEvent.tab();
-    await test.userEvent.keyboard("{ArrowRight}");
-    test.expect(args.onChange).toHaveBeenCalledWith([10, 90]);
-  }
-};
-
-exports.Basic = Basic;
-exports.Disabled = Disabled;
-exports.RangeSlider = RangeSlider;
-exports.TooFewThumbs = TooFewThumbs;
-exports.TooManyThumbs = TooManyThumbs;
-exports.WithDefaultValue = WithDefaultValue;
-exports.default = meta;
-//# sourceMappingURL=registerSlider.stories.cjs.js.map

package/skinny/registerSlider.stories.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerSlider.stories.cjs.js","sources":["../src/registerSlider.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseLabel } from \"./registerLabel\";\nimport { BaseSlider } from \"./registerSlider\";\nimport { BaseSliderOutput } from \"./registerSliderOutput\";\nimport { BaseSliderThumb } from \"./registerSliderThumb\";\nimport { BaseSliderTrack } from \"./registerSliderTrack\";\n\n// Single value slider meta\nconst meta: Meta<typeof BaseSlider<number>> = {\n  title: \"Components/BaseSlider\",\n  component: BaseSlider,\n  args: {\n    onChange: fn(),\n    onChangeEnd: fn(),\n    minValue: 0,\n    maxValue: 100,\n    step: 1,\n    orientation: \"horizontal\" as const,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseSlider<number>>;\n\n// Basic slider with no initial value\nexport const Basic: Story = {\n  args: {\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb autoFocus className={\"thumb-1\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n    expect(thumbs).toHaveLength(1);\n\n    await userEvent.click(label); // Focus on the slider thumb\n    await userEvent.keyboard(\"{ArrowRight}\"); // Move to the right\n\n    expect(args.onChange).toHaveBeenCalledWith([1]); // defaults to range slider if no value/defaultValue is provided (that's the default react-aria slider component behaviour)\n    expect(args.onChangeEnd).toHaveBeenCalledOnce();\n  },\n};\n\n// Basic slider with no initial value\nexport const WithDefaultValue: Story = {\n  args: {\n    step: 5,\n    defaultValue: 22,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n    expect(thumbs).toHaveLength(1);\n\n    await userEvent.click(label); // Focus on the slider thumb\n    await userEvent.keyboard(\"{ArrowRight}\"); // Move to the right\n\n    expect(args.onChange).toHaveBeenCalledWith(25);\n    expect(args.onChangeEnd).toHaveBeenCalledOnce();\n  },\n};\n\n// // Disabled slider\nexport const Disabled: Story = {\n  args: {\n    step: 5,\n    defaultValue: 22,\n    isDisabled: true,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n    expect(thumbs).toHaveLength(1);\n\n    await userEvent.click(label); // Focus on the slider thumb\n    await userEvent.keyboard(\"{ArrowRight}\"); // Move to the right\n\n    expect(args.onChange).not.toHaveBeenCalled();\n    expect(args.onChangeEnd).not.toHaveBeenCalled();\n  },\n};\n\n// Range slider specific stories\ntype RangeStory = StoryObj<typeof BaseSlider<number[]>>;\n\nexport const RangeSlider: RangeStory = {\n  args: {\n    defaultValue: [20, 80],\n    step: 10,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n          <BaseSliderThumb className={\"thumb-2\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n\n    expect(thumbs).toHaveLength(2);\n\n    expect(slider.querySelector(\".thumb-1\")).toBeInTheDocument();\n    expect(slider.querySelector(\".thumb-2\")).toBeInTheDocument();\n\n    await userEvent.click(label);\n    await userEvent.keyboard(\"{ArrowLeft}\");\n    expect(args.onChange).toHaveBeenCalledWith([10, 80]);\n    await userEvent.tab();\n    await userEvent.keyboard(\"{ArrowRight}\");\n\n    expect(args.onChange).toHaveBeenCalledWith([10, 90]);\n  },\n};\n\nexport const TooFewThumbs: RangeStory = {\n  args: {\n    defaultValue: [20, 47, 80],\n    step: 10,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n          <BaseSliderThumb className={\"thumb-2\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n\n    expect(thumbs).toHaveLength(3);\n\n    expect(slider.querySelectorAll(\".thumb-1\")).toHaveLength(1);\n    expect(slider.querySelectorAll(\".thumb-2\")).toHaveLength(2);\n\n    await userEvent.click(label);\n    await userEvent.keyboard(\"{ArrowLeft}\");\n    expect(args.onChange).toHaveBeenCalledWith([10, 50, 80]); // all values adjusted to the step (47 -> 50)\n\n    await userEvent.tab();\n    await userEvent.keyboard(\"{ArrowRight}\");\n\n    expect(args.onChange).toHaveBeenCalledWith([10, 60, 80]);\n  },\n};\n\nexport const TooManyThumbs: RangeStory = {\n  args: {\n    defaultValue: [20, 80],\n    step: 10,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Range: 20-80</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n          <BaseSliderThumb className={\"thumb-2\"} />\n          <BaseSliderThumb className={\"thumb-3\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n\n    expect(thumbs).toHaveLength(2);\n\n    expect(slider.querySelectorAll(\".thumb-1\")).toHaveLength(1);\n    expect(slider.querySelectorAll(\".thumb-2\")).toHaveLength(1);\n    expect(slider.querySelectorAll(\".thumb-3\")).toHaveLength(0); // unused, because there are 3 thumbs but only 2 values\n\n    await userEvent.click(label);\n    await userEvent.keyboard(\"{ArrowLeft}\");\n    expect(args.onChange).toHaveBeenCalledWith([10, 80]);\n\n    await userEvent.tab();\n    await userEvent.keyboard(\"{ArrowRight}\");\n\n    expect(args.onChange).toHaveBeenCalledWith([10, 90]);\n  },\n};\n"],"names":["BaseSlider","fn","React","BaseLabel","BaseSliderOutput","BaseSliderTrack","BaseSliderThumb","within","expect","userEvent"],"mappings":"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"}

package/skinny/registerSlider.stories.esm.js

@@ -1,151 +0,0 @@
-import { fn, within, expect, userEvent } from '@storybook/test';
-import React from 'react';
-import { BaseLabel } from './registerLabel.esm.js';
-import { BaseSlider } from './registerSlider.esm.js';
-import { BaseSliderOutput } from './registerSliderOutput.esm.js';
-import { BaseSliderThumb } from './registerSliderThumb.esm.js';
-import { BaseSliderTrack } from './registerSliderTrack.esm.js';
-import 'react-aria-components';
-import './common-616eb178.esm.js';
-import './utils-fd88ad47.esm.js';
-import '@plasmicapp/host';
-import '@plasmicapp/host/registerComponent';
-import './contexts-5cb81c2f.esm.js';
-import './variant-utils-4405ebb0.esm.js';
-import 'react-keyed-flatten-children';
-
-const meta = {
-  title: "Components/BaseSlider",
-  component: BaseSlider,
-  args: {
-    onChange: fn(),
-    onChangeEnd: fn(),
-    minValue: 0,
-    maxValue: 100,
-    step: 1,
-    orientation: "horizontal"
-  }
-};
-const Basic = {
-  args: {
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseLabel, null, "Slider label"), /* @__PURE__ */ React.createElement(BaseSliderOutput, null, "Output"), /* @__PURE__ */ React.createElement(BaseSliderTrack, null, /* @__PURE__ */ React.createElement(BaseSliderThumb, { autoFocus: true, className: "thumb-1" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    expect(thumbs).toHaveLength(1);
-    await userEvent.click(label);
-    await userEvent.keyboard("{ArrowRight}");
-    expect(args.onChange).toHaveBeenCalledWith([1]);
-    expect(args.onChangeEnd).toHaveBeenCalledOnce();
-  }
-};
-const WithDefaultValue = {
-  args: {
-    step: 5,
-    defaultValue: 22,
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseLabel, null, "Slider label"), /* @__PURE__ */ React.createElement(BaseSliderOutput, null, "Output"), /* @__PURE__ */ React.createElement(BaseSliderTrack, null, /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-1" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    expect(thumbs).toHaveLength(1);
-    await userEvent.click(label);
-    await userEvent.keyboard("{ArrowRight}");
-    expect(args.onChange).toHaveBeenCalledWith(25);
-    expect(args.onChangeEnd).toHaveBeenCalledOnce();
-  }
-};
-const Disabled = {
-  args: {
-    step: 5,
-    defaultValue: 22,
-    isDisabled: true,
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseLabel, null, "Slider label"), /* @__PURE__ */ React.createElement(BaseSliderOutput, null, "Output"), /* @__PURE__ */ React.createElement(BaseSliderTrack, null, /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-1" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    expect(thumbs).toHaveLength(1);
-    await userEvent.click(label);
-    await userEvent.keyboard("{ArrowRight}");
-    expect(args.onChange).not.toHaveBeenCalled();
-    expect(args.onChangeEnd).not.toHaveBeenCalled();
-  }
-};
-const RangeSlider = {
-  args: {
-    defaultValue: [20, 80],
-    step: 10,
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseLabel, null, "Slider label"), /* @__PURE__ */ React.createElement(BaseSliderOutput, null, "Output"), /* @__PURE__ */ React.createElement(BaseSliderTrack, null, /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-1" }), /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-2" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    expect(thumbs).toHaveLength(2);
-    expect(slider.querySelector(".thumb-1")).toBeInTheDocument();
-    expect(slider.querySelector(".thumb-2")).toBeInTheDocument();
-    await userEvent.click(label);
-    await userEvent.keyboard("{ArrowLeft}");
-    expect(args.onChange).toHaveBeenCalledWith([10, 80]);
-    await userEvent.tab();
-    await userEvent.keyboard("{ArrowRight}");
-    expect(args.onChange).toHaveBeenCalledWith([10, 90]);
-  }
-};
-const TooFewThumbs = {
-  args: {
-    defaultValue: [20, 47, 80],
-    step: 10,
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseLabel, null, "Slider label"), /* @__PURE__ */ React.createElement(BaseSliderOutput, null, "Output"), /* @__PURE__ */ React.createElement(BaseSliderTrack, null, /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-1" }), /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-2" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    expect(thumbs).toHaveLength(3);
-    expect(slider.querySelectorAll(".thumb-1")).toHaveLength(1);
-    expect(slider.querySelectorAll(".thumb-2")).toHaveLength(2);
-    await userEvent.click(label);
-    await userEvent.keyboard("{ArrowLeft}");
-    expect(args.onChange).toHaveBeenCalledWith([10, 50, 80]);
-    await userEvent.tab();
-    await userEvent.keyboard("{ArrowRight}");
-    expect(args.onChange).toHaveBeenCalledWith([10, 60, 80]);
-  }
-};
-const TooManyThumbs = {
-  args: {
-    defaultValue: [20, 80],
-    step: 10,
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BaseLabel, null, "Slider label"), /* @__PURE__ */ React.createElement(BaseSliderOutput, null, "Range: 20-80"), /* @__PURE__ */ React.createElement(BaseSliderTrack, null, /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-1" }), /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-2" }), /* @__PURE__ */ React.createElement(BaseSliderThumb, { className: "thumb-3" })))
-  },
-  play: async ({ canvasElement, args }) => {
-    const canvas = within(canvasElement);
-    const slider = canvas.getByRole("group");
-    const label = within(slider).getByText("Slider label");
-    const thumbs = slider.getElementsByTagName("input");
-    expect(thumbs).toHaveLength(2);
-    expect(slider.querySelectorAll(".thumb-1")).toHaveLength(1);
-    expect(slider.querySelectorAll(".thumb-2")).toHaveLength(1);
-    expect(slider.querySelectorAll(".thumb-3")).toHaveLength(0);
-    await userEvent.click(label);
-    await userEvent.keyboard("{ArrowLeft}");
-    expect(args.onChange).toHaveBeenCalledWith([10, 80]);
-    await userEvent.tab();
-    await userEvent.keyboard("{ArrowRight}");
-    expect(args.onChange).toHaveBeenCalledWith([10, 90]);
-  }
-};
-
-export { Basic, Disabled, RangeSlider, TooFewThumbs, TooManyThumbs, WithDefaultValue, meta as default };
-//# sourceMappingURL=registerSlider.stories.esm.js.map

package/skinny/registerSlider.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerSlider.stories.esm.js","sources":["../src/registerSlider.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseLabel } from \"./registerLabel\";\nimport { BaseSlider } from \"./registerSlider\";\nimport { BaseSliderOutput } from \"./registerSliderOutput\";\nimport { BaseSliderThumb } from \"./registerSliderThumb\";\nimport { BaseSliderTrack } from \"./registerSliderTrack\";\n\n// Single value slider meta\nconst meta: Meta<typeof BaseSlider<number>> = {\n  title: \"Components/BaseSlider\",\n  component: BaseSlider,\n  args: {\n    onChange: fn(),\n    onChangeEnd: fn(),\n    minValue: 0,\n    maxValue: 100,\n    step: 1,\n    orientation: \"horizontal\" as const,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseSlider<number>>;\n\n// Basic slider with no initial value\nexport const Basic: Story = {\n  args: {\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb autoFocus className={\"thumb-1\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n    expect(thumbs).toHaveLength(1);\n\n    await userEvent.click(label); // Focus on the slider thumb\n    await userEvent.keyboard(\"{ArrowRight}\"); // Move to the right\n\n    expect(args.onChange).toHaveBeenCalledWith([1]); // defaults to range slider if no value/defaultValue is provided (that's the default react-aria slider component behaviour)\n    expect(args.onChangeEnd).toHaveBeenCalledOnce();\n  },\n};\n\n// Basic slider with no initial value\nexport const WithDefaultValue: Story = {\n  args: {\n    step: 5,\n    defaultValue: 22,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n    expect(thumbs).toHaveLength(1);\n\n    await userEvent.click(label); // Focus on the slider thumb\n    await userEvent.keyboard(\"{ArrowRight}\"); // Move to the right\n\n    expect(args.onChange).toHaveBeenCalledWith(25);\n    expect(args.onChangeEnd).toHaveBeenCalledOnce();\n  },\n};\n\n// // Disabled slider\nexport const Disabled: Story = {\n  args: {\n    step: 5,\n    defaultValue: 22,\n    isDisabled: true,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n    expect(thumbs).toHaveLength(1);\n\n    await userEvent.click(label); // Focus on the slider thumb\n    await userEvent.keyboard(\"{ArrowRight}\"); // Move to the right\n\n    expect(args.onChange).not.toHaveBeenCalled();\n    expect(args.onChangeEnd).not.toHaveBeenCalled();\n  },\n};\n\n// Range slider specific stories\ntype RangeStory = StoryObj<typeof BaseSlider<number[]>>;\n\nexport const RangeSlider: RangeStory = {\n  args: {\n    defaultValue: [20, 80],\n    step: 10,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n          <BaseSliderThumb className={\"thumb-2\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n\n    expect(thumbs).toHaveLength(2);\n\n    expect(slider.querySelector(\".thumb-1\")).toBeInTheDocument();\n    expect(slider.querySelector(\".thumb-2\")).toBeInTheDocument();\n\n    await userEvent.click(label);\n    await userEvent.keyboard(\"{ArrowLeft}\");\n    expect(args.onChange).toHaveBeenCalledWith([10, 80]);\n    await userEvent.tab();\n    await userEvent.keyboard(\"{ArrowRight}\");\n\n    expect(args.onChange).toHaveBeenCalledWith([10, 90]);\n  },\n};\n\nexport const TooFewThumbs: RangeStory = {\n  args: {\n    defaultValue: [20, 47, 80],\n    step: 10,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Output</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n          <BaseSliderThumb className={\"thumb-2\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n\n    expect(thumbs).toHaveLength(3);\n\n    expect(slider.querySelectorAll(\".thumb-1\")).toHaveLength(1);\n    expect(slider.querySelectorAll(\".thumb-2\")).toHaveLength(2);\n\n    await userEvent.click(label);\n    await userEvent.keyboard(\"{ArrowLeft}\");\n    expect(args.onChange).toHaveBeenCalledWith([10, 50, 80]); // all values adjusted to the step (47 -> 50)\n\n    await userEvent.tab();\n    await userEvent.keyboard(\"{ArrowRight}\");\n\n    expect(args.onChange).toHaveBeenCalledWith([10, 60, 80]);\n  },\n};\n\nexport const TooManyThumbs: RangeStory = {\n  args: {\n    defaultValue: [20, 80],\n    step: 10,\n    children: (\n      <>\n        <BaseLabel>Slider label</BaseLabel>\n        <BaseSliderOutput>Range: 20-80</BaseSliderOutput>\n        <BaseSliderTrack>\n          <BaseSliderThumb className={\"thumb-1\"} />\n          <BaseSliderThumb className={\"thumb-2\"} />\n          <BaseSliderThumb className={\"thumb-3\"} />\n        </BaseSliderTrack>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const slider = canvas.getByRole(\"group\");\n    const label = within(slider).getByText(\"Slider label\");\n    const thumbs = slider.getElementsByTagName(\"input\");\n\n    expect(thumbs).toHaveLength(2);\n\n    expect(slider.querySelectorAll(\".thumb-1\")).toHaveLength(1);\n    expect(slider.querySelectorAll(\".thumb-2\")).toHaveLength(1);\n    expect(slider.querySelectorAll(\".thumb-3\")).toHaveLength(0); // unused, because there are 3 thumbs but only 2 values\n\n    await userEvent.click(label);\n    await userEvent.keyboard(\"{ArrowLeft}\");\n    expect(args.onChange).toHaveBeenCalledWith([10, 80]);\n\n    await userEvent.tab();\n    await userEvent.keyboard(\"{ArrowRight}\");\n\n    expect(args.onChange).toHaveBeenCalledWith([10, 90]);\n  },\n};\n"],"names":[],"mappings":"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"}