@plasmicpkgs/react-aria 0.0.171 → 0.0.173

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-9574ac48.esm.js';
 import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
-import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-f824a05a.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerSliderThumb.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-44638169.cjs.js');
-var variantUtils = require('./variant-utils-73632a67.cjs.js');
+var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

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-9574ac48.esm.js';
-import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-f824a05a.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerSliderTrack.cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-44638169.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var variantUtils = require('./variant-utils-73632a67.cjs.js');
+var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerSliderTrack.esm.js

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { SliderTrack, Slider } from 'react-aria-components';
 import { p as flattenChildren, m as makeComponentName, r as registerComponentHelper, c as createIdProp, q as isDefined, C as COMMON_STYLES } from './common-9574ac48.esm.js';
 import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
-import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-f824a05a.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerSwitch.cjs.js

@@ -5,7 +5,7 @@ var reactAriaComponents = require('react-aria-components');
 var common = require('./common-44638169.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var variantUtils = require('./variant-utils-73632a67.cjs.js');
+var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./registerText.cjs.js');

package/skinny/registerSwitch.esm.js

@@ -3,7 +3,7 @@ import { Switch } from 'react-aria-components';
 import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName, c as createIdProp, a as createNameProp, b as createDisabledProp, d as createReadOnlyProp, g as createAutoFocusProp, f as createAriaLabelProp } from './common-9574ac48.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-f824a05a.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './registerText.esm.js';

package/skinny/registerTextArea.cjs.js

@@ -5,7 +5,7 @@ var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-44638169.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var variantUtils = require('./variant-utils-73632a67.cjs.js');
+var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerTextArea.esm.js

@@ -3,7 +3,7 @@ import { useHover, useFocusRing, mergeProps } from 'react-aria';
 import { useContextProps, TextAreaContext } from 'react-aria-components';
 import { s as filterHoverProps, q as isDefined, C as COMMON_STYLES, r as registerComponentHelper, m as makeComponentName, t as commonInputEventHandlerProps, c as createIdProp, a as createNameProp, v as createPlaceholderProp, w as createInitialValueProp, g as createAutoFocusProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, x as createMaxLengthProp, y as createMinLengthProp, z as createInputModeProp, f as createAriaLabelProp } from './common-9574ac48.esm.js';
 import { g as PlasmicTextFieldContext } from './contexts-5cb81c2f.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-f824a05a.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerTextField.cjs.js

@@ -7,7 +7,7 @@ var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerInput = require('./registerInput.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var variantUtils = require('./variant-utils-73632a67.cjs.js');
+var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./registerText.cjs.js');

package/skinny/registerTextField.esm.js

@@ -5,7 +5,7 @@ import { g as PlasmicTextFieldContext } from './contexts-5cb81c2f.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { INPUT_COMPONENT_NAME } from './registerInput.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-f824a05a.esm.js';
+import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './registerText.esm.js';

package/skinny/{variant-utils-f824a05a.esm.js → variant-utils-65364e9b.esm.js}

@@ -61,15 +61,14 @@ const ARIA_COMPONENTS_VARIANTS = {
   }
 };
 function VariantUpdater({
-  changes: rawChanges,
+  changes,
   updateVariant
 }) {
-  const changes = React.useMemo(() => rawChanges, [JSON.stringify(rawChanges)]);
   React.useEffect(() => {
     if (updateVariant) {
       updateVariant(changes);
     }
-  }, [changes, updateVariant]);
+  }, [JSON.stringify(changes), updateVariant]);
   return null;
 }
 function pickAriaComponentVariants(keys) {
@@ -81,4 +80,4 @@ function pickAriaComponentVariants(keys) {
 }
 
 export { VariantUpdater as V, pickAriaComponentVariants as p };
-//# sourceMappingURL=variant-utils-f824a05a.esm.js.map
+//# sourceMappingURL=variant-utils-65364e9b.esm.js.map

package/skinny/variant-utils-65364e9b.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-utils-65364e9b.esm.js","sources":["../src/variant-utils.tsx"],"sourcesContent":["import { type CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n  dragging: {\n    cssSelector: \"[data-dragging]\",\n    displayName: \"Dragging\",\n  },\n  selected: {\n    cssSelector: \"[data-selected]\",\n    displayName: \"Selected\",\n  },\n  readonly: {\n    cssSelector: \"[data-readonly]\",\n    displayName: \"Read Only\",\n  },\n  disabled: {\n    cssSelector: \"[data-disabled]\",\n    displayName: \"Disabled\",\n  },\n  indeterminate: {\n    cssSelector: \"[data-indeterminate]\",\n    displayName: \"Indeterminate\",\n  },\n  /*\n    NOTE: Placement should be managed as variants, not just props.\n    When `shouldFlip` is true, the placement prop may not represent the final position\n    (e.g., if placement is set to \"bottom\" but lacks space, the popover/tooltip may flip to \"top\").\n    However, data-selectors will consistently indicate the actual placement of the popover/tooltip.\n  */\n  placementLeft: {\n    cssSelector: \"[data-placement=left]\",\n    displayName: \"Placement (Left)\",\n  },\n  placementRight: {\n    cssSelector: \"[data-placement=right]\",\n    displayName: \"Placement (Right)\",\n  },\n  placementTop: {\n    cssSelector: \"[data-placement=top]\",\n    displayName: \"Placement (Top)\",\n  },\n  placementBottom: {\n    cssSelector: \"[data-placement=bottom]\",\n    displayName: \"Placement (Bottom)\",\n  },\n};\n\ntype AriaVariant = keyof typeof ARIA_COMPONENTS_VARIANTS;\n\ntype CodeComponentVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"variants\"]\n>;\n\ntype VariantMeta = CodeComponentVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateVariant<T extends AriaVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\nexport interface WithVariants<T extends AriaVariant[]> {\n  // Optional callback to update the CC variant state\n  // as it's only provided if the component is the root of a Studio component\n  plasmicUpdateVariant?: UpdateVariant<T>;\n}\n\nexport function VariantUpdater<T extends AriaVariant[]>({\n  changes,\n  updateVariant,\n}: {\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateVariant?: UpdateVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateVariant) {\n      updateVariant(changes);\n    }\n    // Compare by value: changes is a new object every render (inline literal\n    // in a render prop), so we use JSON.stringify to avoid an infinite update loop.\n  }, [JSON.stringify(changes), updateVariant]);\n  return null;\n}\n\nexport function pickAriaComponentVariants<T extends AriaVariant[]>(\n  keys: T\n): {\n  variants: Record<ArrayElement<T>, VariantMeta>;\n} {\n  return {\n    variants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, VariantMeta>,\n  };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,wBAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,WAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,uBAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,GACf;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,WAAa,EAAA,wBAAA;AAAA,IACb,WAAa,EAAA,mBAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,iBAAA;AAAA,GACf;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,WAAa,EAAA,yBAAA;AAAA,IACb,WAAa,EAAA,oBAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBO,SAAS,cAAwC,CAAA;AAAA,EACtD,OAAA;AAAA,EACA,aAAA;AACF,CAGG,EAAA;AACD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAAA,KACvB;AAAA,KAGC,CAAC,IAAA,CAAK,UAAU,OAAO,CAAA,EAAG,aAAa,CAAC,CAAA,CAAA;AAC3C,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,0BACd,IAGA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,UAAU,MAAO,CAAA,WAAA;AAAA,MACf,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,wBAAA,CAAyB,GAAG,CAAC,CAAC,CAAA;AAAA,KACxD;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/{variant-utils-73632a67.cjs.js → variant-utils-d46df529.cjs.js}

@@ -67,15 +67,14 @@ const ARIA_COMPONENTS_VARIANTS = {
   }
 };
 function VariantUpdater({
-  changes: rawChanges,
+  changes,
   updateVariant
 }) {
-  const changes = React__default.default.useMemo(() => rawChanges, [JSON.stringify(rawChanges)]);
   React__default.default.useEffect(() => {
     if (updateVariant) {
       updateVariant(changes);
     }
-  }, [changes, updateVariant]);
+  }, [JSON.stringify(changes), updateVariant]);
   return null;
 }
 function pickAriaComponentVariants(keys) {
@@ -88,4 +87,4 @@ function pickAriaComponentVariants(keys) {
 
 exports.VariantUpdater = VariantUpdater;
 exports.pickAriaComponentVariants = pickAriaComponentVariants;
-//# sourceMappingURL=variant-utils-73632a67.cjs.js.map
+//# sourceMappingURL=variant-utils-d46df529.cjs.js.map

package/skinny/variant-utils-d46df529.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-utils-d46df529.cjs.js","sources":["../src/variant-utils.tsx"],"sourcesContent":["import { type CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n  dragging: {\n    cssSelector: \"[data-dragging]\",\n    displayName: \"Dragging\",\n  },\n  selected: {\n    cssSelector: \"[data-selected]\",\n    displayName: \"Selected\",\n  },\n  readonly: {\n    cssSelector: \"[data-readonly]\",\n    displayName: \"Read Only\",\n  },\n  disabled: {\n    cssSelector: \"[data-disabled]\",\n    displayName: \"Disabled\",\n  },\n  indeterminate: {\n    cssSelector: \"[data-indeterminate]\",\n    displayName: \"Indeterminate\",\n  },\n  /*\n    NOTE: Placement should be managed as variants, not just props.\n    When `shouldFlip` is true, the placement prop may not represent the final position\n    (e.g., if placement is set to \"bottom\" but lacks space, the popover/tooltip may flip to \"top\").\n    However, data-selectors will consistently indicate the actual placement of the popover/tooltip.\n  */\n  placementLeft: {\n    cssSelector: \"[data-placement=left]\",\n    displayName: \"Placement (Left)\",\n  },\n  placementRight: {\n    cssSelector: \"[data-placement=right]\",\n    displayName: \"Placement (Right)\",\n  },\n  placementTop: {\n    cssSelector: \"[data-placement=top]\",\n    displayName: \"Placement (Top)\",\n  },\n  placementBottom: {\n    cssSelector: \"[data-placement=bottom]\",\n    displayName: \"Placement (Bottom)\",\n  },\n};\n\ntype AriaVariant = keyof typeof ARIA_COMPONENTS_VARIANTS;\n\ntype CodeComponentVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"variants\"]\n>;\n\ntype VariantMeta = CodeComponentVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateVariant<T extends AriaVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\nexport interface WithVariants<T extends AriaVariant[]> {\n  // Optional callback to update the CC variant state\n  // as it's only provided if the component is the root of a Studio component\n  plasmicUpdateVariant?: UpdateVariant<T>;\n}\n\nexport function VariantUpdater<T extends AriaVariant[]>({\n  changes,\n  updateVariant,\n}: {\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateVariant?: UpdateVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateVariant) {\n      updateVariant(changes);\n    }\n    // Compare by value: changes is a new object every render (inline literal\n    // in a render prop), so we use JSON.stringify to avoid an infinite update loop.\n  }, [JSON.stringify(changes), updateVariant]);\n  return null;\n}\n\nexport function pickAriaComponentVariants<T extends AriaVariant[]>(\n  keys: T\n): {\n  variants: Record<ArrayElement<T>, VariantMeta>;\n} {\n  return {\n    variants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, VariantMeta>,\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAGA,MAAM,wBAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,WAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,uBAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,GACf;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,WAAa,EAAA,wBAAA;AAAA,IACb,WAAa,EAAA,mBAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,iBAAA;AAAA,GACf;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,WAAa,EAAA,yBAAA;AAAA,IACb,WAAa,EAAA,oBAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBO,SAAS,cAAwC,CAAA;AAAA,EACtD,OAAA;AAAA,EACA,aAAA;AACF,CAGG,EAAA;AACD,EAAAA,sBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAAA,KACvB;AAAA,KAGC,CAAC,IAAA,CAAK,UAAU,OAAO,CAAA,EAAG,aAAa,CAAC,CAAA,CAAA;AAC3C,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,0BACd,IAGA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,UAAU,MAAO,CAAA,WAAA;AAAA,MACf,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,wBAAA,CAAyB,GAAG,CAAC,CAAC,CAAA;AAAA,KACxD;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/variant-utils.d.ts

@@ -61,7 +61,7 @@ export type UpdateVariant<T extends AriaVariant[]> = ((changes: Partial<Record<A
 export interface WithVariants<T extends AriaVariant[]> {
     plasmicUpdateVariant?: UpdateVariant<T>;
 }
-export declare function VariantUpdater<T extends AriaVariant[]>({ changes: rawChanges, updateVariant, }: {
+export declare function VariantUpdater<T extends AriaVariant[]>({ changes, updateVariant, }: {
     changes: Partial<Record<ArrayElement<T>, boolean>>;
     updateVariant?: UpdateVariant<T>;
 }): null;

package/skinny/variant-utils-73632a67.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variant-utils-73632a67.cjs.js","sources":["../src/variant-utils.tsx"],"sourcesContent":["import { type CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n  dragging: {\n    cssSelector: \"[data-dragging]\",\n    displayName: \"Dragging\",\n  },\n  selected: {\n    cssSelector: \"[data-selected]\",\n    displayName: \"Selected\",\n  },\n  readonly: {\n    cssSelector: \"[data-readonly]\",\n    displayName: \"Read Only\",\n  },\n  disabled: {\n    cssSelector: \"[data-disabled]\",\n    displayName: \"Disabled\",\n  },\n  indeterminate: {\n    cssSelector: \"[data-indeterminate]\",\n    displayName: \"Indeterminate\",\n  },\n  /*\n    NOTE: Placement should be managed as variants, not just props.\n    When `shouldFlip` is true, the placement prop may not represent the final position\n    (e.g., if placement is set to \"bottom\" but lacks space, the popover/tooltip may flip to \"top\").\n    However, data-selectors will consistently indicate the actual placement of the popover/tooltip.\n  */\n  placementLeft: {\n    cssSelector: \"[data-placement=left]\",\n    displayName: \"Placement (Left)\",\n  },\n  placementRight: {\n    cssSelector: \"[data-placement=right]\",\n    displayName: \"Placement (Right)\",\n  },\n  placementTop: {\n    cssSelector: \"[data-placement=top]\",\n    displayName: \"Placement (Top)\",\n  },\n  placementBottom: {\n    cssSelector: \"[data-placement=bottom]\",\n    displayName: \"Placement (Bottom)\",\n  },\n};\n\ntype AriaVariant = keyof typeof ARIA_COMPONENTS_VARIANTS;\n\ntype CodeComponentVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"variants\"]\n>;\n\ntype VariantMeta = CodeComponentVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateVariant<T extends AriaVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\nexport interface WithVariants<T extends AriaVariant[]> {\n  // Optional callback to update the CC variant state\n  // as it's only provided if the component is the root of a Studio component\n  plasmicUpdateVariant?: UpdateVariant<T>;\n}\n\nexport function VariantUpdater<T extends AriaVariant[]>({\n  changes: rawChanges,\n  updateVariant,\n}: {\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateVariant?: UpdateVariant<T>;\n}) {\n  // Memoize by value: rawChanges is a new object every render (inline literal\n  // in a render prop), which would otherwise cause an infinite update loop.\n  const changes = React.useMemo(() => rawChanges, [JSON.stringify(rawChanges)]);\n\n  React.useEffect(() => {\n    if (updateVariant) {\n      updateVariant(changes);\n    }\n  }, [changes, updateVariant]);\n  return null;\n}\n\nexport function pickAriaComponentVariants<T extends AriaVariant[]>(\n  keys: T\n): {\n  variants: Record<ArrayElement<T>, VariantMeta>;\n} {\n  return {\n    variants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, VariantMeta>,\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAGA,MAAM,wBAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,WAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,uBAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,GACf;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,WAAa,EAAA,wBAAA;AAAA,IACb,WAAa,EAAA,mBAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,iBAAA;AAAA,GACf;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,WAAa,EAAA,yBAAA;AAAA,IACb,WAAa,EAAA,oBAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBO,SAAS,cAAwC,CAAA;AAAA,EACtD,OAAS,EAAA,UAAA;AAAA,EACT,aAAA;AACF,CAGG,EAAA;AAGD,EAAM,MAAA,OAAA,GAAUA,sBAAM,CAAA,OAAA,CAAQ,MAAM,UAAA,EAAY,CAAC,IAAK,CAAA,SAAA,CAAU,UAAU,CAAC,CAAC,CAAA,CAAA;AAE5E,EAAAA,sBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,aAAa,CAAC,CAAA,CAAA;AAC3B,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,0BACd,IAGA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,UAAU,MAAO,CAAA,WAAA;AAAA,MACf,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,wBAAA,CAAyB,GAAG,CAAC,CAAC,CAAA;AAAA,KACxD;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/variant-utils-f824a05a.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variant-utils-f824a05a.esm.js","sources":["../src/variant-utils.tsx"],"sourcesContent":["import { type CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n  dragging: {\n    cssSelector: \"[data-dragging]\",\n    displayName: \"Dragging\",\n  },\n  selected: {\n    cssSelector: \"[data-selected]\",\n    displayName: \"Selected\",\n  },\n  readonly: {\n    cssSelector: \"[data-readonly]\",\n    displayName: \"Read Only\",\n  },\n  disabled: {\n    cssSelector: \"[data-disabled]\",\n    displayName: \"Disabled\",\n  },\n  indeterminate: {\n    cssSelector: \"[data-indeterminate]\",\n    displayName: \"Indeterminate\",\n  },\n  /*\n    NOTE: Placement should be managed as variants, not just props.\n    When `shouldFlip` is true, the placement prop may not represent the final position\n    (e.g., if placement is set to \"bottom\" but lacks space, the popover/tooltip may flip to \"top\").\n    However, data-selectors will consistently indicate the actual placement of the popover/tooltip.\n  */\n  placementLeft: {\n    cssSelector: \"[data-placement=left]\",\n    displayName: \"Placement (Left)\",\n  },\n  placementRight: {\n    cssSelector: \"[data-placement=right]\",\n    displayName: \"Placement (Right)\",\n  },\n  placementTop: {\n    cssSelector: \"[data-placement=top]\",\n    displayName: \"Placement (Top)\",\n  },\n  placementBottom: {\n    cssSelector: \"[data-placement=bottom]\",\n    displayName: \"Placement (Bottom)\",\n  },\n};\n\ntype AriaVariant = keyof typeof ARIA_COMPONENTS_VARIANTS;\n\ntype CodeComponentVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"variants\"]\n>;\n\ntype VariantMeta = CodeComponentVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateVariant<T extends AriaVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\nexport interface WithVariants<T extends AriaVariant[]> {\n  // Optional callback to update the CC variant state\n  // as it's only provided if the component is the root of a Studio component\n  plasmicUpdateVariant?: UpdateVariant<T>;\n}\n\nexport function VariantUpdater<T extends AriaVariant[]>({\n  changes: rawChanges,\n  updateVariant,\n}: {\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateVariant?: UpdateVariant<T>;\n}) {\n  // Memoize by value: rawChanges is a new object every render (inline literal\n  // in a render prop), which would otherwise cause an infinite update loop.\n  const changes = React.useMemo(() => rawChanges, [JSON.stringify(rawChanges)]);\n\n  React.useEffect(() => {\n    if (updateVariant) {\n      updateVariant(changes);\n    }\n  }, [changes, updateVariant]);\n  return null;\n}\n\nexport function pickAriaComponentVariants<T extends AriaVariant[]>(\n  keys: T\n): {\n  variants: Record<ArrayElement<T>, VariantMeta>;\n} {\n  return {\n    variants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, VariantMeta>,\n  };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,wBAA2B,GAAA;AAAA,EAC/B,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,WAAA;AAAA,GACf;AAAA,EACA,QAAU,EAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,WAAa,EAAA,UAAA;AAAA,GACf;AAAA,EACA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,uBAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,GACf;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,WAAa,EAAA,wBAAA;AAAA,IACb,WAAa,EAAA,mBAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,iBAAA;AAAA,GACf;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,WAAa,EAAA,yBAAA;AAAA,IACb,WAAa,EAAA,oBAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBO,SAAS,cAAwC,CAAA;AAAA,EACtD,OAAS,EAAA,UAAA;AAAA,EACT,aAAA;AACF,CAGG,EAAA;AAGD,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,OAAA,CAAQ,MAAM,UAAA,EAAY,CAAC,IAAK,CAAA,SAAA,CAAU,UAAU,CAAC,CAAC,CAAA,CAAA;AAE5E,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,aAAa,CAAC,CAAA,CAAA;AAC3B,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,0BACd,IAGA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,UAAU,MAAO,CAAA,WAAA;AAAA,MACf,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,wBAAA,CAAyB,GAAG,CAAC,CAAC,CAAA;AAAA,KACxD;AAAA,GACF,CAAA;AACF;;;;"}