@plasmicpkgs/react-aria 0.0.28 → 0.0.30

package/skinny/registerSlider-ac9f3b1e.cjs.js

@@ -0,0 +1,437 @@
+'use strict';
+
+var React = require('react');
+var reactAria = require('react-aria');
+var reactAriaComponents = require('react-aria-components');
+var common = require('./common-e74a9214.cjs.js');
+var contexts = require('./contexts-b21f6b12.cjs.js');
+var registerLabel = require('./registerLabel.cjs.js');
+var registerSliderOutput = require('./registerSliderOutput.cjs.js');
+var registerSliderThumb = require('./registerSliderThumb.cjs.js');
+var flattenChildren = require('react-keyed-flatten-children');
+var ErrorBoundary = require('./ErrorBoundary-e9b86248.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
+var utils = require('./utils-745db876.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
+
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const SLIDER_TRACK_INTERACTION_VARIANTS = ["hovered"];
+const { interactionVariants, withObservedValues } = interactionVariantUtils.pickAriaComponentVariants(
+  SLIDER_TRACK_INTERACTION_VARIANTS
+);
+function findMinMaxIndices(values) {
+  if (typeof values === "number" || (values == null ? void 0 : values.length) === 0 || !Array.isArray(values)) {
+    return { minIndex: 0, maxIndex: 0 };
+  }
+  let minIndex = 0;
+  let maxIndex = 0;
+  for (let i = 1; i < values.length; i++) {
+    if (values[i] < values[minIndex]) {
+      minIndex = i;
+    }
+    if (values[i] > values[maxIndex]) {
+      maxIndex = i;
+    }
+  }
+  return { minIndex, maxIndex };
+}
+function BaseSliderTrack(props) {
+  const context = React__default.default.useContext(contexts.PlasmicSliderContext);
+  const mergedProps = reactAria.mergeProps(context, props);
+  const _a = mergedProps, {
+    children,
+    progressBar,
+    updateInteractionVariant,
+    isMultiValue
+  } = _a, rest = __objRest$1(_a, [
+    "children",
+    "progressBar",
+    "updateInteractionVariant",
+    "isMultiValue"
+  ]);
+  const { minIndex, maxIndex } = React.useMemo(
+    () => findMinMaxIndices(mergedProps.value),
+    [mergedProps.value]
+  );
+  const thumbs = React.useMemo(() => {
+    const rawThumbs = flattenChildren__default.default(children);
+    if (mergedProps.value === void 0) {
+      return [];
+    }
+    if (!Array.isArray(mergedProps == null ? void 0 : mergedProps.value)) {
+      return rawThumbs;
+    }
+    const difference = mergedProps.value.length - rawThumbs.length;
+    if (!difference) {
+      return rawThumbs;
+    }
+    if (difference < 0) {
+      return rawThumbs.slice(0, mergedProps.value.length);
+    }
+    const lastThumb = rawThumbs[rawThumbs.length - 1];
+    return rawThumbs.concat(new Array(difference).fill(lastThumb));
+  }, [children, mergedProps.value]);
+  const track = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, __spreadValues$1({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, withObservedValues(
+    /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+      "div",
+      {
+        style: {
+          width: `${(!isMultiValue ? state.getThumbPercent(minIndex) : state.getThumbPercent(maxIndex) - state.getThumbPercent(minIndex)) * 100}%`,
+          height: "100%",
+          position: "absolute",
+          top: 0,
+          left: !isMultiValue ? 0 : state.getThumbPercent(minIndex) * 100 + "%"
+        }
+      },
+      progressBar
+    ), thumbs.map(
+      (thumb, i) => React__default.default.isValidElement(thumb) && React__default.default.cloneElement(thumb, {
+        // sets the index of the thumb, so that each thumb reflects the correct value
+        index: i
+      })
+    )),
+    {
+      hovered: isHovered
+    },
+    updateInteractionVariant
+  )));
+  return /* @__PURE__ */ React__default.default.createElement(
+    ErrorBoundary.ErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, track)
+    },
+    track
+  );
+}
+const SLIDER_TRACK_COMPONENT_NAME = utils.makeComponentName("sliderTrack");
+function registerSliderTrack(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseSliderTrack,
+    {
+      name: SLIDER_TRACK_COMPONENT_NAME,
+      displayName: "Aria Slider Track",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerSliderTrack",
+      importName: "BaseSliderTrack",
+      defaultStyles: {
+        width: "stretch",
+        backgroundColor: "#aaa",
+        position: "relative",
+        height: "10px",
+        padding: 0
+      },
+      interactionVariants,
+      props: {
+        children: {
+          type: "slot",
+          description: "The thumbs of the slider",
+          defaultValue: [
+            {
+              type: "component",
+              name: utils.makeChildComponentName(
+                SLIDER_COMPONENT_NAME,
+                registerSliderThumb.SLIDER_THUMB_COMPONENT_NAME
+              )
+            }
+          ]
+        },
+        progressBar: {
+          type: "slot",
+          displayName: "Progress Bar",
+          defaultValue: [
+            {
+              type: "box",
+              styles: {
+                height: "100%",
+                width: "100%",
+                backgroundColor: "#ffa6a6",
+                padding: 0
+              }
+            }
+          ]
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 SLIDER_COMPONENT_NAME = utils.makeComponentName("slider");
+const sliderHelpers = {
+  states: {
+    range: {
+      onChangeArgsToValue: (value, isMultiValue) => {
+        if (isMultiValue) {
+          return Array.isArray(value) ? value : [value, value + 10];
+        }
+        return void 0;
+      }
+    },
+    value: {
+      onChangeArgsToValue: (value, isMultiValue) => {
+        if (isMultiValue) {
+          return void 0;
+        }
+        return Array.isArray(value) ? value[0] : value;
+      }
+    }
+  }
+};
+function BaseSlider(props) {
+  const _a = props, { range, value, defaultRange, defaultValue, onChange } = _a, rest = __objRest(_a, ["range", "value", "defaultRange", "defaultValue", "onChange"]);
+  const isFirstRender = React.useRef(true);
+  React.useEffect(() => {
+    var _a2, _b, _c;
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    if (props.isMultiValue) {
+      const minValue = (_a2 = props.minValue) != null ? _a2 : 0;
+      (_b = props.onChange) == null ? void 0 : _b.call(
+        props,
+        Array.isArray(range) && range.length > 1 ? range : [minValue, minValue + 10],
+        true
+      );
+      return;
+    }
+    (_c = props.onChange) == null ? void 0 : _c.call(props, Array.isArray(value) ? 0 : value != null ? value : 0, false);
+  }, [props.isMultiValue]);
+  const mergedProps = reactAria.mergeProps(rest, {
+    value: props.isMultiValue ? range : value,
+    defaultValue: props.isMultiValue ? defaultRange : defaultValue
+  });
+  return /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicSliderContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(
+    reactAriaComponents.Slider,
+    __spreadValues({
+      key: props.isMultiValue ? "multi" : "single",
+      onChange: (newValue) => {
+        onChange == null ? void 0 : onChange(newValue, props.isMultiValue);
+      }
+    }, mergedProps)
+  ));
+}
+function registerSlider(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseSlider,
+    {
+      name: SLIDER_COMPONENT_NAME,
+      displayName: "Aria Slider",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
+      importName: "BaseSlider",
+      defaultStyles: {
+        width: "300px"
+      },
+      props: __spreadProps(__spreadValues({}, common.getCommonInputProps("slider", [
+        "isDisabled",
+        "name",
+        "autoFocus",
+        "aria-label"
+      ])), {
+        children: {
+          type: "slot",
+          defaultValue: [
+            {
+              type: "hbox",
+              styles: {
+                width: "stretch",
+                justifyContent: "space-between",
+                padding: "8px 0px"
+              },
+              children: [
+                {
+                  type: "component",
+                  name: registerLabel.LABEL_COMPONENT_NAME,
+                  props: {
+                    children: {
+                      type: "text",
+                      value: "Label"
+                    }
+                  }
+                },
+                {
+                  type: "component",
+                  name: utils.makeChildComponentName(
+                    SLIDER_COMPONENT_NAME,
+                    registerSliderOutput.SLIDER_OUTPUT_COMPONENT_NAME
+                  ),
+                  props: {
+                    children: {
+                      type: "text",
+                      value: "Output"
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              type: "component",
+              name: utils.makeChildComponentName(
+                SLIDER_COMPONENT_NAME,
+                SLIDER_TRACK_COMPONENT_NAME
+              )
+            }
+          ]
+        },
+        orientation: {
+          type: "choice",
+          options: ["horizontal", "vertical"],
+          defaultValueHint: "horizontal",
+          defaultValue: "horizontal"
+        },
+        minValue: {
+          type: "number",
+          description: "The minimum value of the slider",
+          defaultValueHint: 0
+        },
+        maxValue: {
+          type: "number",
+          description: "The maximum value of the slider",
+          defaultValueHint: 100
+        },
+        step: {
+          type: "number",
+          description: "The step value of the slider",
+          defaultValueHint: 1
+        },
+        isMultiValue: {
+          type: "boolean",
+          displayName: "Multi-valued",
+          description: "Whether the slider supports range (multiple thumbs)",
+          defaultValue: false,
+          defaultValueHint: false
+        },
+        range: {
+          type: "array",
+          editOnly: true,
+          uncontrolledProp: "defaultRange",
+          description: "The default range of the slider",
+          defaultValueHint: [10, 20],
+          defaultValue: [10, 20],
+          hidden: (ps) => !ps.isMultiValue
+        },
+        value: {
+          type: "number",
+          editOnly: true,
+          uncontrolledProp: "defaultValue",
+          description: "The default value of the slider",
+          defaultValueHint: 0,
+          defaultValue: 0,
+          hidden: (ps) => Boolean(ps.isMultiValue)
+        },
+        onChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "value", type: "object" }]
+        },
+        onChangeEnd: {
+          type: "eventHandler",
+          argTypes: [{ name: "value", type: "object" }]
+        }
+      }),
+      states: {
+        range: __spreadValues({
+          type: "writable",
+          valueProp: "range",
+          onChangeProp: "onChange",
+          variableType: "array",
+          hidden: (ps) => !ps.isMultiValue
+        }, sliderHelpers.states.range),
+        value: __spreadValues({
+          type: "writable",
+          valueProp: "value",
+          onChangeProp: "onChange",
+          variableType: "number",
+          hidden: (ps) => Boolean(ps.isMultiValue)
+        }, sliderHelpers.states.value)
+      },
+      componentHelpers: {
+        helpers: sliderHelpers,
+        importName: "sliderHelpers",
+        importPath: "@plasmicpkgs/react-aria/skinny/registerSlider"
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+  registerSliderOutput.registerSliderOutput(loader, {
+    parentComponentName: SLIDER_COMPONENT_NAME
+  });
+  registerSliderThumb.registerSliderThumb(loader, {
+    parentComponentName: SLIDER_COMPONENT_NAME
+  });
+  registerSliderTrack(loader, {
+    parentComponentName: SLIDER_COMPONENT_NAME
+  });
+}
+
+exports.BaseSlider = BaseSlider;
+exports.BaseSliderTrack = BaseSliderTrack;
+exports.SLIDER_COMPONENT_NAME = SLIDER_COMPONENT_NAME;
+exports.SLIDER_TRACK_COMPONENT_NAME = SLIDER_TRACK_COMPONENT_NAME;
+exports.registerSlider = registerSlider;
+exports.registerSliderTrack = registerSliderTrack;
+//# sourceMappingURL=registerSlider-ac9f3b1e.cjs.js.map

package/skinny/registerSlider-ac9f3b1e.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSlider-ac9f3b1e.cjs.js","sources":["../src/registerSliderTrack.tsx","../src/registerSlider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Slider, SliderThumbProps, SliderTrack } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport ErrorBoundary from \"./ErrorBoundary\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { SLIDER_COMPONENT_NAME } from \"./registerSlider\";\nimport { SLIDER_THUMB_COMPONENT_NAME } from \"./registerSliderThumb\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_TRACK_INTERACTION_VARIANTS = [\"hovered\" as const];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_TRACK_INTERACTION_VARIANTS\n);\n\nexport interface BaseSliderTrackProps\n  extends React.ComponentProps<typeof SliderTrack> {\n  progressBar?: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SLIDER_TRACK_INTERACTION_VARIANTS\n  >;\n  children?: React.ReactElement<HTMLElement>;\n}\n\n/**\n * Finds the index of the minimum and maximum values in the slider\n * @param values\n * @returns\n */\nfunction findMinMaxIndices(values?: number | number[]): {\n  minIndex: number;\n  maxIndex: number;\n} {\n  if (\n    typeof values === \"number\" ||\n    values?.length === 0 ||\n    !Array.isArray(values)\n  ) {\n    return { minIndex: 0, maxIndex: 0 };\n  }\n\n  let minIndex = 0;\n  let maxIndex = 0;\n\n  for (let i = 1; i < values.length; i++) {\n    if (values[i] < values[minIndex]) {\n      minIndex = i;\n    }\n    if (values[i] > values[maxIndex]) {\n      maxIndex = i;\n    }\n  }\n\n  return { minIndex, maxIndex };\n}\n\nexport function BaseSliderTrack(props: BaseSliderTrackProps) {\n  const context = React.useContext(PlasmicSliderContext);\n  const mergedProps = mergeProps(context, props);\n  const {\n    children,\n    progressBar,\n    updateInteractionVariant,\n    isMultiValue,\n    ...rest\n  } = mergedProps;\n\n  const { minIndex, maxIndex } = useMemo(\n    () => findMinMaxIndices(mergedProps.value),\n    [mergedProps.value]\n  );\n\n  /**\n   * Generates the thumb components based on the number of thumbs\n   * and the number of values in the slider\n   *\n   * If the number of thumbs is less than the number of values, then\n   * the last thumb is repeated for the remaining values\n   *\n   * If the number of thumbs is greater than the number of values, then\n   * the additional thumbs are omitted\n   */\n  const thumbs = useMemo(() => {\n    const rawThumbs = flattenChildren(children);\n    if (mergedProps.value === undefined) {\n      return [];\n    }\n    if (!Array.isArray(mergedProps?.value)) {\n      return rawThumbs;\n    }\n    const difference = mergedProps.value.length - rawThumbs.length;\n    if (!difference) {\n      return rawThumbs;\n    }\n    if (difference < 0) {\n      return rawThumbs.slice(0, mergedProps.value.length);\n    }\n    const lastThumb = rawThumbs[rawThumbs.length - 1];\n    return rawThumbs.concat(new Array(difference).fill(lastThumb));\n  }, [children, mergedProps.value]);\n\n  const track = (\n    <SliderTrack style={{ position: \"relative\" }} {...rest}>\n      {({ state, isHovered }) => (\n        <>\n          {withObservedValues(\n            <>\n              <div\n                style={{\n                  width: `${\n                    (!isMultiValue\n                      ? state.getThumbPercent(minIndex)\n                      : state.getThumbPercent(maxIndex) -\n                        state.getThumbPercent(minIndex)) * 100\n                  }%`,\n                  height: \"100%\",\n                  position: \"absolute\",\n                  top: 0,\n                  left: !isMultiValue\n                    ? 0\n                    : state.getThumbPercent(minIndex) * 100 + \"%\",\n                }}\n              >\n                {progressBar}\n              </div>\n              {thumbs.map(\n                (thumb, i) =>\n                  React.isValidElement(thumb) &&\n                  React.cloneElement(thumb, {\n                    // sets the index of the thumb, so that each thumb reflects the correct value\n                    index: i,\n                  } as SliderThumbProps)\n              )}\n            </>,\n            {\n              hovered: isHovered,\n            },\n            updateInteractionVariant\n          )}\n        </>\n      )}\n    </SliderTrack>\n  );\n\n  return (\n    <ErrorBoundary\n      // If the Slider Track is the root of a Studio component, then we need to wrap the track in a slider\n      // to ensure that the track gets the required Slider context\n      fallback={\n        <Slider style={{ height: \"100%\", width: \"100%\" }}>{track}</Slider>\n      }\n    >\n      {track}\n    </ErrorBoundary>\n  );\n}\n\nexport const SLIDER_TRACK_COMPONENT_NAME = makeComponentName(\"sliderTrack\");\n\nexport function registerSliderTrack(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSliderTrack,\n    {\n      name: SLIDER_TRACK_COMPONENT_NAME,\n      displayName: \"Aria Slider Track\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderTrack\",\n      importName: \"BaseSliderTrack\",\n      defaultStyles: {\n        width: \"stretch\",\n        backgroundColor: \"#aaa\",\n        position: \"relative\",\n        height: \"10px\",\n        padding: 0,\n      },\n      interactionVariants,\n      props: {\n        children: {\n          type: \"slot\",\n          description: \"The thumbs of the slider\",\n          defaultValue: [\n            {\n              type: \"component\",\n              name: makeChildComponentName(\n                SLIDER_COMPONENT_NAME,\n                SLIDER_THUMB_COMPONENT_NAME\n              ),\n            },\n          ],\n        },\n        progressBar: {\n          type: \"slot\",\n          displayName: \"Progress Bar\",\n          defaultValue: [\n            {\n              type: \"box\",\n              styles: {\n                height: \"100%\",\n                width: \"100%\",\n                backgroundColor: \"#ffa6a6\",\n                padding: 0,\n              },\n            },\n          ],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n","import React, { useEffect, useRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  SLIDER_OUTPUT_COMPONENT_NAME,\n  registerSliderOutput,\n} from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport {\n  SLIDER_TRACK_COMPONENT_NAME,\n  registerSliderTrack,\n} from \"./registerSliderTrack\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\n\nexport interface BaseSliderProps\n  extends Omit<SliderProps<number | number[]>, \"onChange\"> {\n  // Passed down to Slider Thumb via context\n  name?: string;\n  autoFocus?: boolean;\n  isMultiValue?: boolean;\n  range?: number[];\n  defaultRange?: number[];\n  onChange?: (value: number | number[], isMultiValue?: boolean) => void;\n}\n\nconst sliderHelpers = {\n  states: {\n    range: {\n      onChangeArgsToValue: (value: number[], isMultiValue: boolean) => {\n        if (isMultiValue) {\n          return Array.isArray(value) ? value : [value, value + 10];\n        }\n        return undefined;\n      },\n    },\n    value: {\n      onChangeArgsToValue: (value: number, isMultiValue: boolean) => {\n        if (isMultiValue) {\n          return undefined;\n        }\n        return Array.isArray(value) ? value[0] : value;\n      },\n    },\n  },\n};\n\nexport function BaseSlider(props: BaseSliderProps) {\n  const { range, value, defaultRange, defaultValue, onChange, ...rest } = props;\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n    if (props.isMultiValue) {\n      const minValue = props.minValue ?? 0;\n      props.onChange?.(\n        Array.isArray(range) && range.length > 1\n          ? range\n          : [minValue, minValue + 10],\n        true\n      );\n      return;\n    }\n    props.onChange?.(Array.isArray(value) ? 0 : value ?? 0, false);\n  }, [props.isMultiValue]);\n\n  const mergedProps = mergeProps(rest, {\n    value: props.isMultiValue ? range : value,\n    defaultValue: props.isMultiValue ? defaultRange : defaultValue,\n  });\n  return (\n    <PlasmicSliderContext.Provider value={mergedProps}>\n      <Slider\n        key={props.isMultiValue ? \"multi\" : \"single\"}\n        onChange={(newValue) => {\n          onChange?.(newValue, props.isMultiValue);\n        }}\n        {...mergedProps}\n      />\n    </PlasmicSliderContext.Provider>\n  );\n}\n\nexport function registerSlider(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSlider>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSlider,\n    {\n      name: SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        ...getCommonInputProps<BaseSliderProps>(\"slider\", [\n          \"isDisabled\",\n          \"name\",\n          \"autoFocus\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                width: \"stretch\",\n                justifyContent: \"space-between\",\n                padding: \"8px 0px\",\n              },\n              children: [\n                {\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n                {\n                  type: \"component\",\n                  name: makeChildComponentName(\n                    SLIDER_COMPONENT_NAME,\n                    SLIDER_OUTPUT_COMPONENT_NAME\n                  ),\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: makeChildComponentName(\n                SLIDER_COMPONENT_NAME,\n                SLIDER_TRACK_COMPONENT_NAME\n              ),\n            },\n          ],\n        },\n        orientation: {\n          type: \"choice\",\n          options: [\"horizontal\", \"vertical\"],\n          defaultValueHint: \"horizontal\",\n          defaultValue: \"horizontal\",\n        },\n        minValue: {\n          type: \"number\",\n          description: \"The minimum value of the slider\",\n          defaultValueHint: 0,\n        },\n        maxValue: {\n          type: \"number\",\n          description: \"The maximum value of the slider\",\n          defaultValueHint: 100,\n        },\n        step: {\n          type: \"number\",\n          description: \"The step value of the slider\",\n          defaultValueHint: 1,\n        },\n        isMultiValue: {\n          type: \"boolean\",\n          displayName: \"Multi-valued\",\n          description: \"Whether the slider supports range (multiple thumbs)\",\n          defaultValue: false,\n          defaultValueHint: false,\n        },\n        range: {\n          type: \"array\",\n          editOnly: true,\n          uncontrolledProp: \"defaultRange\",\n          description: \"The default range of the slider\",\n          defaultValueHint: [10, 20],\n          defaultValue: [10, 20],\n          hidden: (ps: BaseSliderProps) => !ps.isMultiValue,\n        },\n        value: {\n          type: \"number\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The default value of the slider\",\n          defaultValueHint: 0,\n          defaultValue: 0,\n          hidden: (ps: BaseSliderProps) => Boolean(ps.isMultiValue),\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"object\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"object\" }],\n        },\n      },\n      states: {\n        range: {\n          type: \"writable\",\n          valueProp: \"range\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n          hidden: (ps: BaseSliderProps) => !ps.isMultiValue,\n          ...sliderHelpers.states.range,\n        },\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"number\",\n          hidden: (ps: BaseSliderProps) => Boolean(ps.isMultiValue),\n          ...sliderHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: sliderHelpers,\n        importName: \"sliderHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n\n  registerSliderOutput(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  registerSliderThumb(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n  registerSliderTrack(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","mergeProps","__objRest","useMemo","flattenChildren","SliderTrack","__spreadValues","ErrorBoundary","Slider","makeComponentName","registerComponentHelper","makeChildComponentName","SLIDER_THUMB_COMPONENT_NAME","useRef","useEffect","_a","getCommonInputProps","LABEL_COMPONENT_NAME","SLIDER_OUTPUT_COMPONENT_NAME","registerSliderOutput","registerSliderThumb"],"mappings":"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"}

package/skinny/registerSlider.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+require('react');
+require('react-aria');
+require('react-aria-components');
+require('./common-e74a9214.cjs.js');
+require('./contexts-b21f6b12.cjs.js');
+require('./registerLabel.cjs.js');
+require('./registerSliderOutput.cjs.js');
+require('./registerSliderThumb.cjs.js');
+var registerSliderTrack = require('./registerSlider-ac9f3b1e.cjs.js');
+require('./utils-745db876.cjs.js');
+require('@plasmicapp/host/registerComponent');
+require('./ErrorBoundary-e9b86248.cjs.js');
+require('./interaction-variant-utils-244b74fb.cjs.js');
+require('react-keyed-flatten-children');
+
+
+
+exports.BaseSlider = registerSliderTrack.BaseSlider;
+exports.SLIDER_COMPONENT_NAME = registerSliderTrack.SLIDER_COMPONENT_NAME;
+exports.registerSlider = registerSliderTrack.registerSlider;
+//# sourceMappingURL=registerSlider.cjs.js.map

package/skinny/registerSlider.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSlider.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/skinny/registerSlider.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { type SliderProps } from "react-aria-components";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+export declare const SLIDER_COMPONENT_NAME: string;
+export interface BaseSliderProps extends Omit<SliderProps<number | number[]>, "onChange"> {
+    name?: string;
+    autoFocus?: boolean;
+    isMultiValue?: boolean;
+    range?: number[];
+    defaultRange?: number[];
+    onChange?: (value: number | number[], isMultiValue?: boolean) => void;
+}
+export declare function BaseSlider(props: BaseSliderProps): React.JSX.Element;
+export declare function registerSlider(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSlider>): void;

package/skinny/registerSlider.esm.js

@@ -0,0 +1,15 @@
+import 'react';
+import 'react-aria';
+import 'react-aria-components';
+import './common-52c26d37.esm.js';
+import './contexts-9475faad.esm.js';
+import './registerLabel.esm.js';
+import './registerSliderOutput.esm.js';
+import './registerSliderThumb.esm.js';
+export { b as BaseSlider, a as SLIDER_COMPONENT_NAME, c as registerSlider } from './registerSlider-39783c91.esm.js';
+import './utils-5051df41.esm.js';
+import '@plasmicapp/host/registerComponent';
+import './ErrorBoundary-c6b111d3.esm.js';
+import './interaction-variant-utils-c44a9d56.esm.js';
+import 'react-keyed-flatten-children';
+//# sourceMappingURL=registerSlider.esm.js.map

package/skinny/registerSlider.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSlider.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/skinny/registerSliderOutput.cjs.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var reactAriaComponents = require('react-aria-components');
+var utils = require('./utils-745db876.cjs.js');
+require('@plasmicapp/host/registerComponent');
+
+const BaseSliderOutput = reactAriaComponents.SliderOutput;
+const SLIDER_OUTPUT_COMPONENT_NAME = utils.makeComponentName("sliderOutput");
+function registerSliderOutput(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseSliderOutput,
+    {
+      name: SLIDER_OUTPUT_COMPONENT_NAME,
+      displayName: "Aria Slider Output",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerSliderOutput",
+      importName: "BaseSliderOutput",
+      props: {
+        children: { type: "slot" }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+exports.BaseSliderOutput = BaseSliderOutput;
+exports.SLIDER_OUTPUT_COMPONENT_NAME = SLIDER_OUTPUT_COMPONENT_NAME;
+exports.registerSliderOutput = registerSliderOutput;
+//# sourceMappingURL=registerSliderOutput.cjs.js.map

package/skinny/registerSliderOutput.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSliderOutput.cjs.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import { SliderOutput } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseSliderOutput = SliderOutput;\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSliderOutput,\n    {\n      name: SLIDER_OUTPUT_COMPONENT_NAME,\n      displayName: \"Aria Slider Output\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderOutput\",\n      importName: \"BaseSliderOutput\",\n      props: {\n        children: { type: \"slot\" },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["SliderOutput","makeComponentName","registerComponentHelper"],"mappings":";;;;;;AAQO,MAAM,gBAAmB,GAAAA,iCAAA;AAEnB,MAAA,4BAAA,GAA+BC,wBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,OAC3B;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}

package/skinny/registerSliderOutput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+export declare const BaseSliderOutput: (props: import("react-aria-components").SliderOutputProps & import("react").RefAttributes<HTMLOutputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const SLIDER_OUTPUT_COMPONENT_NAME: string;
+export declare function registerSliderOutput(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>): void;

package/skinny/registerSliderOutput.esm.js

@@ -0,0 +1,26 @@
+import { SliderOutput } from 'react-aria-components';
+import { a as makeComponentName, r as registerComponentHelper } from './utils-5051df41.esm.js';
+import '@plasmicapp/host/registerComponent';
+
+const BaseSliderOutput = SliderOutput;
+const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName("sliderOutput");
+function registerSliderOutput(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseSliderOutput,
+    {
+      name: SLIDER_OUTPUT_COMPONENT_NAME,
+      displayName: "Aria Slider Output",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerSliderOutput",
+      importName: "BaseSliderOutput",
+      props: {
+        children: { type: "slot" }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+export { BaseSliderOutput, SLIDER_OUTPUT_COMPONENT_NAME, registerSliderOutput };
+//# sourceMappingURL=registerSliderOutput.esm.js.map

package/skinny/registerSliderOutput.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSliderOutput.esm.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import { SliderOutput } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseSliderOutput = SliderOutput;\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSliderOutput,\n    {\n      name: SLIDER_OUTPUT_COMPONENT_NAME,\n      displayName: \"Aria Slider Output\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderOutput\",\n      importName: \"BaseSliderOutput\",\n      props: {\n        children: { type: \"slot\" },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,gBAAmB,GAAA,aAAA;AAEnB,MAAA,4BAAA,GAA+B,kBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAA,EAAU,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,OAC3B;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}