@plasmicpkgs/react-aria 0.0.152 → 0.0.154

package/skinny/registerSlider.esm.js

@@ -6,7 +6,7 @@ import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerSliderOutput } from './registerSliderOutput.esm.js';
 import { registerSliderThumb } from './registerSliderThumb.esm.js';
 import { registerSliderTrack } from './registerSliderTrack.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-5f356d53.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import 'react-keyed-flatten-children';
@@ -45,7 +45,7 @@ var __objRest = (source, exclude) => {
 const SLIDER_COMPONENT_NAME = makeComponentName("slider");
 const RANGE_SLIDER_COMPONENT_NAME = makeComponentName("range-slider");
 const SLIDER_VARIANTS = ["disabled"];
-const { variants, withObservedValues } = pickAriaComponentVariants(SLIDER_VARIANTS);
+const { variants } = pickAriaComponentVariants(SLIDER_VARIANTS);
 function BaseSlider(props) {
   const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest(_a, ["children", "plasmicUpdateVariant"]);
   return (
@@ -59,13 +59,15 @@ function BaseSlider(props) {
           onChangeEnd: rest.onChangeEnd
         })
       },
-      /* @__PURE__ */ React.createElement(Slider, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues(
-        children,
+      /* @__PURE__ */ React.createElement(Slider, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        VariantUpdater,
         {
-          disabled: isDisabled
-        },
-        plasmicUpdateVariant
-      ))
+          changes: {
+            disabled: isDisabled
+          },
+          updateVariant: plasmicUpdateVariant
+        }
+      ), children))
     )
   );
 }

package/skinny/registerSlider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSlider.esm.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp, createDisabledProp, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { registerSliderOutput } from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport { registerSliderTrack } from \"./registerSliderTrack\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\nconst RANGE_SLIDER_COMPONENT_NAME = makeComponentName(\"range-slider\");\nconst SLIDER_VARIANTS = [\"disabled\" as const];\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(SLIDER_VARIANTS);\n\nexport interface BaseSliderProps<T extends number | number[]>\n  extends SliderProps<T>,\n    WithVariants<typeof SLIDER_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nexport function BaseSlider<T extends number | number[]>(\n  props: BaseSliderProps<T>\n) {\n  const { children, plasmicUpdateVariant, ...rest } = props;\n  return (\n    // PlasmicSliderContext is used by BaseSliderTrack\n    <PlasmicSliderContext.Provider\n      value={{\n        ...rest,\n        // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410\n        onChange: rest.onChange as (value: number | number[]) => void,\n        onChangeEnd: rest.onChangeEnd as (value: number | number[]) => void,\n      }}\n    >\n      <Slider<T> {...rest} style={COMMON_STYLES}>\n        {({ isDisabled }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Slider>\n    </PlasmicSliderContext.Provider>\n  );\n}\n\nfunction getCommonSliderProps<T extends number | number[]>(): CodeComponentMeta<\n  BaseSliderProps<T>\n>[\"props\"] {\n  return {\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  };\n}\n\nexport function registerSlider(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>\n) {\n  const sliderOutputMeta = registerSliderOutput(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  const sliderThumbMeta = registerSliderThumb(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n  const sliderTrackMeta = registerSliderTrack(sliderThumbMeta, loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  // Register the range slider\n  registerComponentHelper(\n    loader,\n    BaseSlider<number[]>,\n    {\n      name: RANGE_SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Range Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        id: createIdProp(\"Slider\"),\n        isDisabled: createDisabledProp(\"Slider\"),\n        \"aria-label\": createAriaLabelProp(\"Slider\"),\n        ...getCommonSliderProps<number[]>(),\n        value: {\n          type: \"array\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The initial value of the slider\",\n          defaultValue: [20, 50],\n          validator: (value) => {\n            if (!Array.isArray(value)) {\n              return \"Input must be an array.\";\n            }\n\n            for (let i = 1; i < value.length; i++) {\n              if (value[i] < value[i - 1]) {\n                return \"Array elements are not in ascending order.\";\n              }\n            }\n\n            return true;\n          },\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: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n              props: {\n                children: [\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                  },\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                    styles: {\n                      backgroundColor: \"blue\",\n                    },\n                  },\n                ],\n              },\n            },\n          ],\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        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    {\n      parentComponentName: SLIDER_COMPONENT_NAME,\n    }\n  );\n\n  registerComponentHelper(\n    loader,\n    BaseSlider<number>,\n    {\n      name: SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        id: createIdProp(\"Slider\"),\n        isDisabled: createDisabledProp(\"Slider\"),\n        \"aria-label\": createAriaLabelProp(\"Slider\"),\n        ...getCommonSliderProps<number>(),\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: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n            },\n          ],\n        },\n        value: {\n          type: \"number\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The initial value of the slider\",\n          defaultValueHint: 0,\n          defaultValue: 0,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"number\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerSlider.esm.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Slider, type SliderProps } from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n} from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { registerSliderOutput } from \"./registerSliderOutput\";\nimport { registerSliderThumb } from \"./registerSliderThumb\";\nimport { registerSliderTrack } from \"./registerSliderTrack\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst SLIDER_COMPONENT_NAME = makeComponentName(\"slider\");\nconst RANGE_SLIDER_COMPONENT_NAME = makeComponentName(\"range-slider\");\nconst SLIDER_VARIANTS = [\"disabled\" as const];\n\nconst { variants } = pickAriaComponentVariants(SLIDER_VARIANTS);\n\nexport interface BaseSliderProps<T extends number | number[]>\n  extends SliderProps<T>,\n    WithVariants<typeof SLIDER_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nexport function BaseSlider<T extends number | number[]>(\n  props: BaseSliderProps<T>\n) {\n  const { children, plasmicUpdateVariant, ...rest } = props;\n  return (\n    // PlasmicSliderContext is used by BaseSliderTrack\n    <PlasmicSliderContext.Provider\n      value={{\n        ...rest,\n        // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410\n        onChange: rest.onChange as (value: number | number[]) => void,\n        onChangeEnd: rest.onChangeEnd as (value: number | number[]) => void,\n      }}\n    >\n      <Slider<T> {...rest} style={COMMON_STYLES}>\n        {({ isDisabled }) => (\n          <>\n            <VariantUpdater\n              changes={{\n                disabled: isDisabled,\n              }}\n              updateVariant={plasmicUpdateVariant}\n            />\n            {children}\n          </>\n        )}\n      </Slider>\n    </PlasmicSliderContext.Provider>\n  );\n}\n\nfunction getCommonSliderProps<T extends number | number[]>(): CodeComponentMeta<\n  BaseSliderProps<T>\n>[\"props\"] {\n  return {\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  };\n}\n\nexport function registerSlider(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSlider<number>>\n) {\n  const sliderOutputMeta = registerSliderOutput(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  const sliderThumbMeta = registerSliderThumb(loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n  const sliderTrackMeta = registerSliderTrack(sliderThumbMeta, loader, {\n    parentComponentName: SLIDER_COMPONENT_NAME,\n  });\n\n  // Register the range slider\n  registerComponentHelper(\n    loader,\n    BaseSlider<number[]>,\n    {\n      name: RANGE_SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Range Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        id: createIdProp(\"Slider\"),\n        isDisabled: createDisabledProp(\"Slider\"),\n        \"aria-label\": createAriaLabelProp(\"Slider\"),\n        ...getCommonSliderProps<number[]>(),\n        value: {\n          type: \"array\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The initial value of the slider\",\n          defaultValue: [20, 50],\n          validator: (value) => {\n            if (!Array.isArray(value)) {\n              return \"Input must be an array.\";\n            }\n\n            for (let i = 1; i < value.length; i++) {\n              if (value[i] < value[i - 1]) {\n                return \"Array elements are not in ascending order.\";\n              }\n            }\n\n            return true;\n          },\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: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n              props: {\n                children: [\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                  },\n                  {\n                    type: \"component\",\n                    name: sliderThumbMeta.name,\n                    styles: {\n                      backgroundColor: \"blue\",\n                    },\n                  },\n                ],\n              },\n            },\n          ],\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        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"array\",\n        },\n      },\n      trapsFocus: true,\n    },\n    {\n      parentComponentName: SLIDER_COMPONENT_NAME,\n    }\n  );\n\n  registerComponentHelper(\n    loader,\n    BaseSlider<number>,\n    {\n      name: SLIDER_COMPONENT_NAME,\n      displayName: \"Aria Slider\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSlider\",\n      importName: \"BaseSlider\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n      },\n      props: {\n        id: createIdProp(\"Slider\"),\n        isDisabled: createDisabledProp(\"Slider\"),\n        \"aria-label\": createAriaLabelProp(\"Slider\"),\n        ...getCommonSliderProps<number>(),\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: sliderOutputMeta.name,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Output\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: sliderTrackMeta.name,\n            },\n          ],\n        },\n        value: {\n          type: \"number\",\n          editOnly: true,\n          displayName: \"Initial value\",\n          uncontrolledProp: \"defaultValue\",\n          description: \"The initial value of the slider\",\n          defaultValueHint: 0,\n          defaultValue: 0,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n        onChangeEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"number\" }],\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"number\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerSliderOutput.cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-7f948fa5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
+var variantUtils = require('./variant-utils-1c84aebb.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -44,19 +44,19 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const SLIDER_OUTPUT_VARIANTS = ["disabled"];
-const { variants, withObservedValues } = variantUtils.pickAriaComponentVariants(
-  SLIDER_OUTPUT_VARIANTS
-);
+const { variants } = variantUtils.pickAriaComponentVariants(SLIDER_OUTPUT_VARIANTS);
 function BaseSliderOutput(props) {
   const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest(_a, ["plasmicUpdateVariant", "children"]);
   const isStandalone = !React__default.default.useContext(contexts.PlasmicSliderContext);
-  const sliderOutput = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps(__spreadValues({}, rest), { style: common.COMMON_STYLES }), ({ isDisabled }) => withObservedValues(
-    children,
+  const sliderOutput = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps(__spreadValues({}, rest), { style: common.COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    variantUtils.VariantUpdater,
     {
-      disabled: isDisabled
-    },
-    plasmicUpdateVariant
-  ));
+      changes: {
+        disabled: isDisabled
+      },
+      updateVariant: plasmicUpdateVariant
+    }
+  ), children));
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, sliderOutput);
   }

package/skinny/registerSliderOutput.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSliderOutput.cjs.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider, SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n  extends React.ComponentProps<typeof SliderOutput>,\n    WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_OUTPUT_VARIANTS\n);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n  const { plasmicUpdateVariant, children, ...rest } = props;\n  const isStandalone = !React.useContext(PlasmicSliderContext);\n  const sliderOutput = (\n    <SliderOutput {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) =>\n        withObservedValues(\n          children,\n          {\n            disabled: isDisabled,\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </SliderOutput>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>{sliderOutput}</Slider>\n    );\n  }\n  return sliderOutput;\n}\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n  return 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      variants,\n      props: {\n        id: createIdProp(\"Slider Output\"),\n        children: {\n          mergeWithParent: true,\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","SliderOutput","COMMON_STYLES","Slider","makeComponentName","registerComponentHelper","createIdProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,sBAAA,GAAyB,CAAC,UAAmB,CAAA,CAAA;AAOnD,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAAA,sCAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,wBAAsB,QAxBhC,EAAA,GAwBsD,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAnC,sBAAsB,EAAA,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,CAACC,sBAAM,CAAA,UAAA,CAAWC,6BAAoB,CAAA,CAAA;AAC3D,EAAM,MAAA,YAAA,mBACHD,sBAAA,CAAA,aAAA,CAAAE,gCAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAiB,IAAjB,CAAA,EAAA,EAAuB,OAAOC,oBAC5B,EAAA,CAAA,EAAA,CAAC,EAAE,UAAA,EACF,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,QAAU,EAAA,UAAA;AAAA,KACZ;AAAA,IACA,oBAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAAH,sBAAA,CAAA,aAAA,CAACI,8BAAO,KAAO,EAAA,EAAE,QAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,EAAI,YAAa,CAAA,CAAA;AAAA,GAEpE;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+BC,yBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,8BAAA;AAAA,IACL,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,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,eAAe,CAAA;AAAA,QAChC,QAAU,EAAA;AAAA,UACR,eAAiB,EAAA,IAAA;AAAA,UACjB,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}
+{"version":3,"file":"registerSliderOutput.cjs.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider, SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n  extends React.ComponentProps<typeof SliderOutput>,\n    WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(SLIDER_OUTPUT_VARIANTS);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n  const { plasmicUpdateVariant, children, ...rest } = props;\n  const isStandalone = !React.useContext(PlasmicSliderContext);\n  const sliderOutput = (\n    <SliderOutput {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              disabled: isDisabled,\n            }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {children}\n        </>\n      )}\n    </SliderOutput>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>{sliderOutput}</Slider>\n    );\n  }\n  return sliderOutput;\n}\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n  return 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      variants,\n      props: {\n        id: createIdProp(\"Slider Output\"),\n        children: {\n          mergeWithParent: true,\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","SliderOutput","COMMON_STYLES","VariantUpdater","Slider","makeComponentName","registerComponentHelper","createIdProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAA,GAAyB,CAAC,UAAmB,CAAA,CAAA;AAOnD,MAAM,EAAE,QAAA,EAAa,GAAAA,sCAAA,CAA0B,sBAAsB,CAAA,CAAA;AAE9D,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,wBAAsB,QA1BhC,EAAA,GA0BsD,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAnC,sBAAsB,EAAA,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,CAACC,sBAAM,CAAA,UAAA,CAAWC,6BAAoB,CAAA,CAAA;AAC3D,EAAM,MAAA,YAAA,mBACHD,sBAAA,CAAA,aAAA,CAAAE,gCAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAiB,IAAjB,CAAA,EAAA,EAAuB,KAAO,EAAAC,oBAAA,EAAA,CAAA,EAC5B,CAAC,EAAE,UAAW,EAAA,qBAEXH,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACI,2BAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MACA,aAAe,EAAA,oBAAA;AAAA,KAAA;AAAA,GACjB,EACC,QACH,CAEJ,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAAJ,sBAAA,CAAA,aAAA,CAACK,8BAAO,KAAO,EAAA,EAAE,QAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,EAAI,YAAa,CAAA,CAAA;AAAA,GAEpE;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+BC,yBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,8BAAA;AAAA,IACL,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,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,eAAe,CAAA;AAAA,QAChC,QAAU,EAAA;AAAA,UACR,eAAiB,EAAA,IAAA;AAAA,UACjB,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}

package/skinny/registerSliderOutput.esm.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { SliderOutput, Slider } from 'react-aria-components';
 import { m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp } from './common-81f08e86.esm.js';
 import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-5f356d53.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 
@@ -38,19 +38,19 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const SLIDER_OUTPUT_VARIANTS = ["disabled"];
-const { variants, withObservedValues } = pickAriaComponentVariants(
-  SLIDER_OUTPUT_VARIANTS
-);
+const { variants } = pickAriaComponentVariants(SLIDER_OUTPUT_VARIANTS);
 function BaseSliderOutput(props) {
   const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest(_a, ["plasmicUpdateVariant", "children"]);
   const isStandalone = !React.useContext(PlasmicSliderContext);
-  const sliderOutput = /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues(
-    children,
+  const sliderOutput = /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    VariantUpdater,
     {
-      disabled: isDisabled
-    },
-    plasmicUpdateVariant
-  ));
+      changes: {
+        disabled: isDisabled
+      },
+      updateVariant: plasmicUpdateVariant
+    }
+  ), children));
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, sliderOutput);
   }

package/skinny/registerSliderOutput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSliderOutput.esm.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider, SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n  extends React.ComponentProps<typeof SliderOutput>,\n    WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_OUTPUT_VARIANTS\n);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n  const { plasmicUpdateVariant, children, ...rest } = props;\n  const isStandalone = !React.useContext(PlasmicSliderContext);\n  const sliderOutput = (\n    <SliderOutput {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) =>\n        withObservedValues(\n          children,\n          {\n            disabled: isDisabled,\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </SliderOutput>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>{sliderOutput}</Slider>\n    );\n  }\n  return sliderOutput;\n}\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n  return 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      variants,\n      props: {\n        id: createIdProp(\"Slider Output\"),\n        children: {\n          mergeWithParent: true,\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,sBAAA,GAAyB,CAAC,UAAmB,CAAA,CAAA;AAOnD,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,wBAAsB,QAxBhC,EAAA,GAwBsD,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAnC,sBAAsB,EAAA,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,CAAC,KAAM,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAC3D,EAAM,MAAA,YAAA,mBACH,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAiB,IAAjB,CAAA,EAAA,EAAuB,OAAO,aAC5B,EAAA,CAAA,EAAA,CAAC,EAAE,UAAA,EACF,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,QAAU,EAAA,UAAA;AAAA,KACZ;AAAA,IACA,oBAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,EAAE,QAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,EAAI,YAAa,CAAA,CAAA;AAAA,GAEpE;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+B,kBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,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,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,eAAe,CAAA;AAAA,QAChC,QAAU,EAAA;AAAA,UACR,eAAiB,EAAA,IAAA;AAAA,UACjB,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerSliderOutput.esm.js","sources":["../src/registerSliderOutput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider, SliderOutput } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst SLIDER_OUTPUT_VARIANTS = [\"disabled\" as const];\nexport interface BaseSliderOutputProps\n  extends React.ComponentProps<typeof SliderOutput>,\n    WithVariants<typeof SLIDER_OUTPUT_VARIANTS> {\n  children?: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(SLIDER_OUTPUT_VARIANTS);\n\nexport function BaseSliderOutput(props: BaseSliderOutputProps) {\n  const { plasmicUpdateVariant, children, ...rest } = props;\n  const isStandalone = !React.useContext(PlasmicSliderContext);\n  const sliderOutput = (\n    <SliderOutput {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              disabled: isDisabled,\n            }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {children}\n        </>\n      )}\n    </SliderOutput>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>{sliderOutput}</Slider>\n    );\n  }\n  return sliderOutput;\n}\n\nexport const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName(\"sliderOutput\");\n\nexport function registerSliderOutput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderOutput>\n) {\n  return 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      variants,\n      props: {\n        id: createIdProp(\"Slider Output\"),\n        children: {\n          mergeWithParent: true,\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAA,GAAyB,CAAC,UAAmB,CAAA,CAAA;AAOnD,MAAM,EAAE,QAAA,EAAa,GAAA,yBAAA,CAA0B,sBAAsB,CAAA,CAAA;AAE9D,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,wBAAsB,QA1BhC,EAAA,GA0BsD,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAnC,sBAAsB,EAAA,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAA,CAAC,KAAM,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAC3D,EAAM,MAAA,YAAA,mBACH,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAiB,IAAjB,CAAA,EAAA,EAAuB,KAAO,EAAA,aAAA,EAAA,CAAA,EAC5B,CAAC,EAAE,UAAW,EAAA,qBAEX,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MACA,aAAe,EAAA,oBAAA;AAAA,KAAA;AAAA,GACjB,EACC,QACH,CAEJ,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,EAAE,QAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,EAAI,YAAa,CAAA,CAAA;AAAA,GAEpE;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+B,kBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,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,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,eAAe,CAAA;AAAA,QAChC,QAAU,EAAA;AAAA,UACR,eAAiB,EAAA,IAAA;AAAA,UACjB,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerSliderThumb.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-7f948fa5.cjs.js');
-var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
+var variantUtils = require('./variant-utils-1c84aebb.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -49,9 +49,7 @@ const SLIDER_THUMB_VARIANTS = [
   "focusVisible",
   "disabled"
 ];
-const { variants, withObservedValues } = variantUtils.pickAriaComponentVariants(
-  SLIDER_THUMB_VARIANTS
-);
+const { variants } = variantUtils.pickAriaComponentVariants(SLIDER_THUMB_VARIANTS);
 function BaseSliderThumb(_a) {
   var _b = _a, {
     children,
@@ -63,23 +61,19 @@ function BaseSliderThumb(_a) {
     "plasmicUpdateVariant"
   ]);
   const isStandalone = !React__default.default.useContext(reactAriaComponents.SliderTrackContext);
-  const thumb = /* @__PURE__ */ React__default.default.createElement(
-    reactAriaComponents.SliderThumb,
-    __spreadProps(__spreadValues({}, rest), {
-      style: common.COMMON_STYLES
-    }),
-    ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues(
-      /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, advanced ? children : void 0),
-      {
+  const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadProps(__spreadValues({}, rest), { style: common.COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    variantUtils.VariantUpdater,
+    {
+      changes: {
         dragging: isDragging,
         hovered: isHovered,
         focused: isFocused,
         focusVisible: isFocusVisible,
         disabled: isDisabled
       },
-      plasmicUpdateVariant
-    )
-  );
+      updateVariant: plasmicUpdateVariant
+    }
+  ), advanced ? children : void 0));
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, null, thumb));
   }

package/skinny/registerSliderThumb.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSliderThumb.cjs.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Slider,\n  SliderThumb,\n  SliderTrack,\n  SliderTrackContext,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, createAutoFocusProp, createDisabledProp, createNameProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_THUMB_VARIANTS = [\n  \"dragging\" as const,\n  \"hovered\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_THUMB_VARIANTS\n);\nexport interface BaseSliderThumbProps\n  extends React.ComponentProps<typeof SliderThumb>,\n    WithVariants<typeof SLIDER_THUMB_VARIANTS> {\n  advanced?: boolean;\n}\n\nexport function BaseSliderThumb({\n  children,\n  advanced,\n  plasmicUpdateVariant,\n  ...rest\n}: BaseSliderThumbProps) {\n  const isStandalone = !React.useContext(SliderTrackContext);\n  const thumb = (\n    <SliderThumb\n      {...rest}\n      style={COMMON_STYLES}\n    >\n      {({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) =>\n        withObservedValues(\n          <>{advanced ? children : undefined}</>,\n          {\n            dragging: isDragging,\n            hovered: isHovered,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n            disabled: isDisabled,\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </SliderThumb>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>\n        <SliderTrack>{thumb}</SliderTrack>\n      </Slider>\n    );\n  }\n\n  return thumb;\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseSliderThumb,\n    {\n      name: SLIDER_THUMB_COMPONENT_NAME,\n      displayName: \"Aria Slider Thumb\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderThumb\",\n      importName: \"BaseSliderThumb\",\n      defaultStyles: {\n        position: \"absolute\",\n        top: \"5px\",\n        width: \"20px\",\n        height: \"20px\",\n        backgroundColor: \"#C80101\",\n        borderRadius: \"100%\",\n        cursor: \"pointer\",\n      },\n      variants,\n      props: {\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Slider Thumb\"),\n        autoFocus: createAutoFocusProp(\"Slider Thumb\"),\n        advanced: {\n          type: \"boolean\",\n          displayName: \"Advanced\",\n          description:\n            \"Enables the children slot for creating a more customized thumb\",\n        },\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          hidden: (props) => !props.advanced,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","SliderTrackContext","SliderThumb","COMMON_STYLES","Slider","SliderTrack","makeComponentName","registerComponentHelper","createNameProp","createDisabledProp","createAutoFocusProp"],"mappings":"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"}
+{"version":3,"file":"registerSliderThumb.cjs.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Slider,\n  SliderThumb,\n  SliderTrack,\n  SliderTrackContext,\n} from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createAutoFocusProp,\n  createDisabledProp,\n  createNameProp,\n} from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst SLIDER_THUMB_VARIANTS = [\n  \"dragging\" as const,\n  \"hovered\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(SLIDER_THUMB_VARIANTS);\nexport interface BaseSliderThumbProps\n  extends React.ComponentProps<typeof SliderThumb>,\n    WithVariants<typeof SLIDER_THUMB_VARIANTS> {\n  advanced?: boolean;\n}\n\nexport function BaseSliderThumb({\n  children,\n  advanced,\n  plasmicUpdateVariant,\n  ...rest\n}: BaseSliderThumbProps) {\n  const isStandalone = !React.useContext(SliderTrackContext);\n  const thumb = (\n    <SliderThumb {...rest} style={COMMON_STYLES}>\n      {({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              dragging: isDragging,\n              hovered: isHovered,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n            }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {advanced ? children : undefined}\n        </>\n      )}\n    </SliderThumb>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>\n        <SliderTrack>{thumb}</SliderTrack>\n      </Slider>\n    );\n  }\n\n  return thumb;\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseSliderThumb,\n    {\n      name: SLIDER_THUMB_COMPONENT_NAME,\n      displayName: \"Aria Slider Thumb\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderThumb\",\n      importName: \"BaseSliderThumb\",\n      defaultStyles: {\n        position: \"absolute\",\n        top: \"5px\",\n        width: \"20px\",\n        height: \"20px\",\n        backgroundColor: \"#C80101\",\n        borderRadius: \"100%\",\n        cursor: \"pointer\",\n      },\n      variants,\n      props: {\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Slider Thumb\"),\n        autoFocus: createAutoFocusProp(\"Slider Thumb\"),\n        advanced: {\n          type: \"boolean\",\n          displayName: \"Advanced\",\n          description:\n            \"Enables the children slot for creating a more customized thumb\",\n        },\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          hidden: (props) => !props.advanced,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","SliderTrackContext","SliderThumb","COMMON_STYLES","VariantUpdater","Slider","SliderTrack","makeComponentName","registerComponentHelper","createNameProp","createDisabledProp","createAutoFocusProp"],"mappings":"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"}

package/skinny/registerSliderThumb.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SliderTrackContext, SliderThumb, Slider, SliderTrack } from 'react-aria-components';
 import { m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, a as createNameProp, b as createDisabledProp, g as createAutoFocusProp } from './common-81f08e86.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-5f356d53.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 
@@ -43,9 +43,7 @@ const SLIDER_THUMB_VARIANTS = [
   "focusVisible",
   "disabled"
 ];
-const { variants, withObservedValues } = pickAriaComponentVariants(
-  SLIDER_THUMB_VARIANTS
-);
+const { variants } = pickAriaComponentVariants(SLIDER_THUMB_VARIANTS);
 function BaseSliderThumb(_a) {
   var _b = _a, {
     children,
@@ -57,23 +55,19 @@ function BaseSliderThumb(_a) {
     "plasmicUpdateVariant"
   ]);
   const isStandalone = !React.useContext(SliderTrackContext);
-  const thumb = /* @__PURE__ */ React.createElement(
-    SliderThumb,
-    __spreadProps(__spreadValues({}, rest), {
-      style: COMMON_STYLES
-    }),
-    ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues(
-      /* @__PURE__ */ React.createElement(React.Fragment, null, advanced ? children : void 0),
-      {
+  const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps(__spreadValues({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    VariantUpdater,
+    {
+      changes: {
         dragging: isDragging,
         hovered: isHovered,
         focused: isFocused,
         focusVisible: isFocusVisible,
         disabled: isDisabled
       },
-      plasmicUpdateVariant
-    )
-  );
+      updateVariant: plasmicUpdateVariant
+    }
+  ), advanced ? children : void 0));
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React.createElement(SliderTrack, null, thumb));
   }

package/skinny/registerSliderThumb.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSliderThumb.esm.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Slider,\n  SliderThumb,\n  SliderTrack,\n  SliderTrackContext,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, createAutoFocusProp, createDisabledProp, createNameProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_THUMB_VARIANTS = [\n  \"dragging\" as const,\n  \"hovered\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_THUMB_VARIANTS\n);\nexport interface BaseSliderThumbProps\n  extends React.ComponentProps<typeof SliderThumb>,\n    WithVariants<typeof SLIDER_THUMB_VARIANTS> {\n  advanced?: boolean;\n}\n\nexport function BaseSliderThumb({\n  children,\n  advanced,\n  plasmicUpdateVariant,\n  ...rest\n}: BaseSliderThumbProps) {\n  const isStandalone = !React.useContext(SliderTrackContext);\n  const thumb = (\n    <SliderThumb\n      {...rest}\n      style={COMMON_STYLES}\n    >\n      {({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) =>\n        withObservedValues(\n          <>{advanced ? children : undefined}</>,\n          {\n            dragging: isDragging,\n            hovered: isHovered,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n            disabled: isDisabled,\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </SliderThumb>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>\n        <SliderTrack>{thumb}</SliderTrack>\n      </Slider>\n    );\n  }\n\n  return thumb;\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseSliderThumb,\n    {\n      name: SLIDER_THUMB_COMPONENT_NAME,\n      displayName: \"Aria Slider Thumb\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderThumb\",\n      importName: \"BaseSliderThumb\",\n      defaultStyles: {\n        position: \"absolute\",\n        top: \"5px\",\n        width: \"20px\",\n        height: \"20px\",\n        backgroundColor: \"#C80101\",\n        borderRadius: \"100%\",\n        cursor: \"pointer\",\n      },\n      variants,\n      props: {\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Slider Thumb\"),\n        autoFocus: createAutoFocusProp(\"Slider Thumb\"),\n        advanced: {\n          type: \"boolean\",\n          displayName: \"Advanced\",\n          description:\n            \"Enables the children slot for creating a more customized thumb\",\n        },\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          hidden: (props) => !props.advanced,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerSliderThumb.esm.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Slider,\n  SliderThumb,\n  SliderTrack,\n  SliderTrackContext,\n} from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createAutoFocusProp,\n  createDisabledProp,\n  createNameProp,\n} from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst SLIDER_THUMB_VARIANTS = [\n  \"dragging\" as const,\n  \"hovered\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(SLIDER_THUMB_VARIANTS);\nexport interface BaseSliderThumbProps\n  extends React.ComponentProps<typeof SliderThumb>,\n    WithVariants<typeof SLIDER_THUMB_VARIANTS> {\n  advanced?: boolean;\n}\n\nexport function BaseSliderThumb({\n  children,\n  advanced,\n  plasmicUpdateVariant,\n  ...rest\n}: BaseSliderThumbProps) {\n  const isStandalone = !React.useContext(SliderTrackContext);\n  const thumb = (\n    <SliderThumb {...rest} style={COMMON_STYLES}>\n      {({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              dragging: isDragging,\n              hovered: isHovered,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              disabled: isDisabled,\n            }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {advanced ? children : undefined}\n        </>\n      )}\n    </SliderThumb>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\" }}>\n        <SliderTrack>{thumb}</SliderTrack>\n      </Slider>\n    );\n  }\n\n  return thumb;\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseSliderThumb,\n    {\n      name: SLIDER_THUMB_COMPONENT_NAME,\n      displayName: \"Aria Slider Thumb\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSliderThumb\",\n      importName: \"BaseSliderThumb\",\n      defaultStyles: {\n        position: \"absolute\",\n        top: \"5px\",\n        width: \"20px\",\n        height: \"20px\",\n        backgroundColor: \"#C80101\",\n        borderRadius: \"100%\",\n        cursor: \"pointer\",\n      },\n      variants,\n      props: {\n        name: createNameProp(),\n        isDisabled: createDisabledProp(\"Slider Thumb\"),\n        autoFocus: createAutoFocusProp(\"Slider Thumb\"),\n        advanced: {\n          type: \"boolean\",\n          displayName: \"Advanced\",\n          description:\n            \"Enables the children slot for creating a more customized thumb\",\n        },\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          hidden: (props) => !props.advanced,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,qBAAwB,GAAA;AAAA,EAC5B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,QAAA,EAAa,GAAA,yBAAA,CAA0B,qBAAqB,CAAA,CAAA;AAO7D,SAAS,gBAAgB,EAKP,EAAA;AALO,EAC9B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,oBAAA;AAAA,GA3CF,GAwCgC,EAI3B,EAAA,IAAA,GAAA,SAAA,CAJ2B,EAI3B,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,sBAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,YAAe,GAAA,CAAC,KAAM,CAAA,UAAA,CAAW,kBAAkB,CAAA,CAAA;AACzD,EAAA,MAAM,KACJ,mBAAA,KAAA,CAAA,aAAA,CAAC,WAAgB,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAhB,EAAsB,KAAO,EAAA,aAAA,EAAA,CAAA,EAC3B,CAAC,EAAE,YAAY,SAAW,EAAA,SAAA,EAAW,cAAgB,EAAA,UAAA,uBAElD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,QAAU,EAAA,UAAA;AAAA,QACV,OAAS,EAAA,SAAA;AAAA,QACT,OAAS,EAAA,SAAA;AAAA,QACT,YAAc,EAAA,cAAA;AAAA,QACd,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MACA,aAAe,EAAA,oBAAA;AAAA,KAAA;AAAA,GAEhB,EAAA,QAAA,GAAW,QAAW,GAAA,KAAA,CACzB,CAEJ,CAAA,CAAA;AAGF,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,EAAE,MAAQ,EAAA,MAAA,EAAQ,KAAO,EAAA,MAAA,EACtC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAa,EAAA,IAAA,EAAA,KAAM,CACtB,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA;AAEa,MAAA,2BAAA,GAA8B,kBAAkB,aAAa,EAAA;AAE1D,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,2BAAA;AAAA,MACN,WAAa,EAAA,mBAAA;AAAA,MACb,UAAY,EAAA,oDAAA;AAAA,MACZ,UAAY,EAAA,iBAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,QAAU,EAAA,UAAA;AAAA,QACV,GAAK,EAAA,KAAA;AAAA,QACL,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,MAAA;AAAA,QACR,eAAiB,EAAA,SAAA;AAAA,QACjB,YAAc,EAAA,MAAA;AAAA,QACd,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,MAAM,cAAe,EAAA;AAAA,QACrB,UAAA,EAAY,mBAAmB,cAAc,CAAA;AAAA,QAC7C,SAAA,EAAW,oBAAoB,cAAc,CAAA;AAAA,QAC7C,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,UAAA;AAAA,UACb,WACE,EAAA,gEAAA;AAAA,SACJ;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,MAAQ,EAAA,CAAC,KAAU,KAAA,CAAC,KAAM,CAAA,QAAA;AAAA,SAC5B;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerSliderTrack.cjs.js

@@ -5,7 +5,7 @@ var reactAriaComponents = require('react-aria-components');
 var flattenChildren = require('react-keyed-flatten-children');
 var common = require('./common-7f948fa5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
+var variantUtils = require('./variant-utils-1c84aebb.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -43,9 +43,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const SLIDER_TRACK_VARIANTS = ["hovered"];
-const { variants, withObservedValues } = variantUtils.pickAriaComponentVariants(
-  SLIDER_TRACK_VARIANTS
-);
+const { variants } = variantUtils.pickAriaComponentVariants(SLIDER_TRACK_VARIANTS);
 function isMultiValueGuard(value) {
   return Array.isArray(value) && value.length > 1;
 }
@@ -87,25 +85,27 @@ function BaseSliderTrack(props) {
       });
     });
   }, [children, value]);
-  const track = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, __spreadValues({ 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 + "%"
-        }
+  const track = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, __spreadValues({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    variantUtils.VariantUpdater,
+    {
+      changes: {
+        hovered: isHovered
       },
-      progressBar
-    ), thumbs),
+      updateVariant: plasmicUpdateVariant
+    }
+  ), /* @__PURE__ */ React__default.default.createElement(
+    "div",
     {
-      hovered: isHovered
+      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 + "%"
+      }
     },
-    plasmicUpdateVariant
-  )));
+    progressBar
+  ), thumbs));
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: __spreadValues({ height: "100%", width: "100%" }, common.COMMON_STYLES) }, track);
   }

package/skinny/registerSliderTrack.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSliderTrack.cjs.js","sources":["../src/registerSliderTrack.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React, { useMemo } from \"react\";\nimport { Slider, SliderThumbProps, SliderTrack } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport { BaseSliderThumbProps } from \"./registerSliderThumb\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  isDefined,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst SLIDER_TRACK_VARIANTS = [\"hovered\" as const];\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_TRACK_VARIANTS\n);\n\nexport interface BaseSliderTrackProps\n  extends React.ComponentProps<typeof SliderTrack>,\n    WithVariants<typeof SLIDER_TRACK_VARIANTS> {\n  progressBar?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nfunction isMultiValueGuard(value?: number | number[]): value is number[] {\n  return Array.isArray(value) && value.length > 1;\n}\n\nexport function BaseSliderTrack(props: BaseSliderTrackProps) {\n  const context = React.useContext(PlasmicSliderContext);\n  const isStandalone = !context;\n  const { children, progressBar, plasmicUpdateVariant, ...rest } = props;\n  const value = context?.value ?? context?.defaultValue;\n  const thumbsLength = isMultiValueGuard(value) ? value.length : 1;\n\n  const isMultiValue = thumbsLength > 1;\n\n  const { minIndex, maxIndex } = useMemo(() => {\n    if (thumbsLength <= 1) {\n      return { minIndex: 0, maxIndex: 0 };\n    }\n    return { minIndex: 0, maxIndex: thumbsLength - 1 };\n  }, [thumbsLength]);\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 thumbNodes = flattenChildren(children);\n    if (!thumbNodes || thumbNodes.length === 0) {\n      return [];\n    }\n\n    const values = isDefined(context)\n      ? Array.isArray(value)\n        ? value\n        : [value]\n      : [];\n\n    // Last thumb be re-used if the number of thumbs is less than the number of values\n    const lastThumb = thumbNodes[thumbNodes.length - 1];\n\n    return values.map((v, i) => {\n      const currentThumb = thumbNodes[i];\n      // Re-use the last thumb if there are no more thumbs left ( this is for ease of use - the user can just add one more value to the initial-values array and see another thumb right away, without having to explicitly add a new thumb component )\n      if (i >= thumbNodes.length) {\n        if (React.isValidElement(lastThumb)) {\n          return React.cloneElement(lastThumb, {\n            index: i,\n          } as SliderThumbProps);\n        }\n      }\n      if (!React.isValidElement(currentThumb)) {\n        return null;\n      }\n      return React.cloneElement(currentThumb, {\n        index: i,\n      } as SliderThumbProps);\n    });\n  }, [children, 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}\n            </>,\n            {\n              hovered: isHovered,\n            },\n            plasmicUpdateVariant\n          )}\n        </>\n      )}\n    </SliderTrack>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\", ...COMMON_STYLES }}>\n        {track}\n      </Slider>\n    );\n  }\n\n  return track;\n}\n\nexport const SLIDER_TRACK_COMPONENT_NAME = makeComponentName(\"sliderTrack\");\n\nexport function registerSliderTrack(\n  sliderThumbMeta: CodeComponentMeta<BaseSliderThumbProps>,\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>\n) {\n  return 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      variants,\n      defaultStyles: {\n        width: \"stretch\",\n        backgroundColor: \"#aaa\",\n        position: \"relative\",\n        height: \"10px\",\n        padding: 0,\n      },\n      props: {\n        id: createIdProp(\"Slider Track\"),\n        children: {\n          type: \"slot\",\n          /**\n           * NOTE: We don't merge with parent here, because we want to allow the user to select the thumbs without having to first select the slider track.\n           * Also, there can be more than one thumbs (e.g. in a range slider), but `mergeWithParent` only shows prop controls of the slot content if there is only one direct descendant of the slot.\n           * */\n          // mergeWithParent: true,\n          displayName: \"Thumbs\",\n          description:\n            \"The thumbs of the slider. For range slider, you can add more than one thumb.\",\n          allowedComponents: [sliderThumbMeta.name],\n          allowRootWrapper: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: sliderThumbMeta.name,\n            },\n          ],\n        },\n        progressBar: {\n          type: \"slot\",\n          mergeWithParent: true,\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        onHoverStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onHoverEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onHoverChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isHovering\", type: \"boolean\" }],\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","useMemo","flattenChildren","isDefined","SliderTrack","Slider","COMMON_STYLES","makeComponentName","registerComponentHelper","createIdProp"],"mappings":"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"}
+{"version":3,"file":"registerSliderTrack.cjs.js","sources":["../src/registerSliderTrack.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React, { useMemo } from \"react\";\nimport { Slider, SliderThumbProps, SliderTrack } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport { BaseSliderThumbProps } from \"./registerSliderThumb\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  isDefined,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst SLIDER_TRACK_VARIANTS = [\"hovered\" as const];\n\nconst { variants } = pickAriaComponentVariants(SLIDER_TRACK_VARIANTS);\n\nexport interface BaseSliderTrackProps\n  extends React.ComponentProps<typeof SliderTrack>,\n    WithVariants<typeof SLIDER_TRACK_VARIANTS> {\n  progressBar?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nfunction isMultiValueGuard(value?: number | number[]): value is number[] {\n  return Array.isArray(value) && value.length > 1;\n}\n\nexport function BaseSliderTrack(props: BaseSliderTrackProps) {\n  const context = React.useContext(PlasmicSliderContext);\n  const isStandalone = !context;\n  const { children, progressBar, plasmicUpdateVariant, ...rest } = props;\n  const value = context?.value ?? context?.defaultValue;\n  const thumbsLength = isMultiValueGuard(value) ? value.length : 1;\n\n  const isMultiValue = thumbsLength > 1;\n\n  const { minIndex, maxIndex } = useMemo(() => {\n    if (thumbsLength <= 1) {\n      return { minIndex: 0, maxIndex: 0 };\n    }\n    return { minIndex: 0, maxIndex: thumbsLength - 1 };\n  }, [thumbsLength]);\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 thumbNodes = flattenChildren(children);\n    if (!thumbNodes || thumbNodes.length === 0) {\n      return [];\n    }\n\n    const values = isDefined(context)\n      ? Array.isArray(value)\n        ? value\n        : [value]\n      : [];\n\n    // Last thumb be re-used if the number of thumbs is less than the number of values\n    const lastThumb = thumbNodes[thumbNodes.length - 1];\n\n    return values.map((v, i) => {\n      const currentThumb = thumbNodes[i];\n      // Re-use the last thumb if there are no more thumbs left ( this is for ease of use - the user can just add one more value to the initial-values array and see another thumb right away, without having to explicitly add a new thumb component )\n      if (i >= thumbNodes.length) {\n        if (React.isValidElement(lastThumb)) {\n          return React.cloneElement(lastThumb, {\n            index: i,\n          } as SliderThumbProps);\n        }\n      }\n      if (!React.isValidElement(currentThumb)) {\n        return null;\n      }\n      return React.cloneElement(currentThumb, {\n        index: i,\n      } as SliderThumbProps);\n    });\n  }, [children, value]);\n\n  const track = (\n    <SliderTrack style={{ position: \"relative\" }} {...rest}>\n      {({ state, isHovered }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              hovered: isHovered,\n            }}\n            updateVariant={plasmicUpdateVariant}\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}\n        </>\n      )}\n    </SliderTrack>\n  );\n\n  if (isStandalone) {\n    return (\n      <Slider style={{ height: \"100%\", width: \"100%\", ...COMMON_STYLES }}>\n        {track}\n      </Slider>\n    );\n  }\n\n  return track;\n}\n\nexport const SLIDER_TRACK_COMPONENT_NAME = makeComponentName(\"sliderTrack\");\n\nexport function registerSliderTrack(\n  sliderThumbMeta: CodeComponentMeta<BaseSliderThumbProps>,\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>\n) {\n  return 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      variants,\n      defaultStyles: {\n        width: \"stretch\",\n        backgroundColor: \"#aaa\",\n        position: \"relative\",\n        height: \"10px\",\n        padding: 0,\n      },\n      props: {\n        id: createIdProp(\"Slider Track\"),\n        children: {\n          type: \"slot\",\n          /**\n           * NOTE: We don't merge with parent here, because we want to allow the user to select the thumbs without having to first select the slider track.\n           * Also, there can be more than one thumbs (e.g. in a range slider), but `mergeWithParent` only shows prop controls of the slot content if there is only one direct descendant of the slot.\n           * */\n          // mergeWithParent: true,\n          displayName: \"Thumbs\",\n          description:\n            \"The thumbs of the slider. For range slider, you can add more than one thumb.\",\n          allowedComponents: [sliderThumbMeta.name],\n          allowRootWrapper: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: sliderThumbMeta.name,\n            },\n          ],\n        },\n        progressBar: {\n          type: \"slot\",\n          mergeWithParent: true,\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        onHoverStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onHoverEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onHoverChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isHovering\", type: \"boolean\" }],\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","useMemo","flattenChildren","isDefined","SliderTrack","VariantUpdater","Slider","COMMON_STYLES","makeComponentName","registerComponentHelper","createIdProp"],"mappings":"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"}

package/skinny/registerSliderTrack.esm.js

@@ -3,7 +3,7 @@ import { SliderTrack, Slider } from 'react-aria-components';
 import flattenChildren from 'react-keyed-flatten-children';
 import { m as makeComponentName, r as registerComponentHelper, c as createIdProp, p as isDefined, C as COMMON_STYLES } from './common-81f08e86.esm.js';
 import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-5f356d53.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 
@@ -36,9 +36,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const SLIDER_TRACK_VARIANTS = ["hovered"];
-const { variants, withObservedValues } = pickAriaComponentVariants(
-  SLIDER_TRACK_VARIANTS
-);
+const { variants } = pickAriaComponentVariants(SLIDER_TRACK_VARIANTS);
 function isMultiValueGuard(value) {
   return Array.isArray(value) && value.length > 1;
 }
@@ -80,25 +78,27 @@ function BaseSliderTrack(props) {
       });
     });
   }, [children, value]);
-  const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues(
-    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.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 + "%"
-        }
+  const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    VariantUpdater,
+    {
+      changes: {
+        hovered: isHovered
       },
-      progressBar
-    ), thumbs),
+      updateVariant: plasmicUpdateVariant
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "div",
     {
-      hovered: isHovered
+      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 + "%"
+      }
     },
-    plasmicUpdateVariant
-  )));
+    progressBar
+  ), thumbs));
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement(Slider, { style: __spreadValues({ height: "100%", width: "100%" }, COMMON_STYLES) }, track);
   }