@plasmicpkgs/react-aria 0.0.28 → 0.0.29

package/skinny/registerSliderOutput.esm.js

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

package/skinny/registerSliderOutput.esm.js.map

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

package/skinny/registerSliderThumb.cjs.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var React = require('react');
+var reactAria = require('react-aria');
+var reactAriaComponents = require('react-aria-components');
+var contexts = require('./contexts-dd0ce341.cjs.js');
+var ErrorBoundary = require('./ErrorBoundary-e9b86248.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
+var utils = require('./utils-18b2465b.cjs.js');
+require('@plasmicapp/host/registerComponent');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const SLIDER_THUMB_INTERACTION_VARIANTS = [
+  "dragging",
+  "hovered",
+  "focused",
+  "focusVisible"
+];
+const { interactionVariants, withObservedValues } = interactionVariantUtils.pickAriaComponentVariants(
+  SLIDER_THUMB_INTERACTION_VARIANTS
+);
+function BaseSliderThumb(_a) {
+  var _b = _a, {
+    children,
+    advanced,
+    updateInteractionVariant
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "advanced",
+    "updateInteractionVariant"
+  ]);
+  const context = React__default.default.useContext(contexts.PlasmicSliderContext);
+  const mergedProps = reactAria.mergeProps(context, rest);
+  const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadValues({}, mergedProps), ({ isDragging, isHovered, isFocused, isFocusVisible }) => withObservedValues(
+    /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, advanced ? children : void 0),
+    {
+      dragging: isDragging,
+      hovered: isHovered,
+      focused: isFocused,
+      focusVisible: isFocusVisible
+    },
+    updateInteractionVariant
+  ));
+  return /* @__PURE__ */ React__default.default.createElement(
+    ErrorBoundary.ErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, null, thumb))
+    },
+    thumb
+  );
+}
+const SLIDER_THUMB_COMPONENT_NAME = utils.makeComponentName("sliderThumb");
+function registerSliderThumb(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseSliderThumb,
+    {
+      name: SLIDER_THUMB_COMPONENT_NAME,
+      displayName: "Aria Slider Thumb",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerSliderThumb",
+      importName: "BaseSliderThumb",
+      defaultStyles: {
+        position: "absolute",
+        top: "5px",
+        width: "20px",
+        height: "20px",
+        backgroundColor: "#C80101",
+        borderRadius: "100%",
+        cursor: "pointer"
+      },
+      interactionVariants,
+      props: {
+        advanced: "boolean",
+        children: {
+          type: "slot",
+          hidden: (ps) => !ps.advanced
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+exports.BaseSliderThumb = BaseSliderThumb;
+exports.SLIDER_THUMB_COMPONENT_NAME = SLIDER_THUMB_COMPONENT_NAME;
+exports.registerSliderThumb = registerSliderThumb;
+//# sourceMappingURL=registerSliderThumb.cjs.js.map

package/skinny/registerSliderThumb.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSliderThumb.cjs.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Slider, SliderThumb, SliderTrack } from \"react-aria-components\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport ErrorBoundary from \"./ErrorBoundary\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_THUMB_INTERACTION_VARIANTS = [\n  \"dragging\" as const,\n  \"hovered\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_THUMB_INTERACTION_VARIANTS\n);\ninterface BaseSliderThumbProps\n  extends React.ComponentProps<typeof SliderThumb> {\n  advanced?: boolean;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SLIDER_THUMB_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSliderThumb({\n  children,\n  advanced,\n  updateInteractionVariant,\n  ...rest\n}: BaseSliderThumbProps) {\n  const context = React.useContext(PlasmicSliderContext);\n  const mergedProps = mergeProps(context, rest);\n\n  const thumb = (\n    <SliderThumb {...mergedProps}>\n      {({ isDragging, isHovered, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          <>{advanced ? children : undefined}</>,\n          {\n            dragging: isDragging,\n            hovered: isHovered,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </SliderThumb>\n  );\n\n  return (\n    <ErrorBoundary\n      // If the Slider Thumb is the root of a Studio component, then we need to wrap the thumb in a track\n      // to ensure that the thumb gets the required Slider context\n      fallback={\n        <Slider style={{ height: \"100%\", width: \"100%\" }}>\n          <SliderTrack>{thumb}</SliderTrack>\n        </Slider>\n      }\n    >\n      {thumb}\n    </ErrorBoundary>\n  );\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n  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      interactionVariants,\n      props: {\n        advanced: \"boolean\",\n        children: {\n          type: \"slot\",\n          hidden: (ps: BaseSliderThumbProps) => !ps.advanced,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicSliderContext","mergeProps","SliderThumb","ErrorBoundary","Slider","SliderTrack","makeComponentName","registerComponentHelper"],"mappings":"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"}

package/skinny/registerSliderThumb.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { SliderThumb } from "react-aria-components";
+import { UpdateInteractionVariant } from "./interaction-variant-utils";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+declare const SLIDER_THUMB_INTERACTION_VARIANTS: ("hovered" | "focused" | "focusVisible" | "dragging")[];
+interface BaseSliderThumbProps extends React.ComponentProps<typeof SliderThumb> {
+    advanced?: boolean;
+    updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_THUMB_INTERACTION_VARIANTS>;
+}
+export declare function BaseSliderThumb({ children, advanced, updateInteractionVariant, ...rest }: BaseSliderThumbProps): React.JSX.Element;
+export declare const SLIDER_THUMB_COMPONENT_NAME: string;
+export declare function registerSliderThumb(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>): void;
+export {};

package/skinny/registerSliderThumb.esm.js

@@ -0,0 +1,111 @@
+import React from 'react';
+import { mergeProps } from 'react-aria';
+import { SliderThumb, Slider, SliderTrack } from 'react-aria-components';
+import { f as PlasmicSliderContext } from './contexts-8a2a183b.esm.js';
+import { E as ErrorBoundary } from './ErrorBoundary-c6b111d3.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-c44a9d56.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-cf2632c9.esm.js';
+import '@plasmicapp/host/registerComponent';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const SLIDER_THUMB_INTERACTION_VARIANTS = [
+  "dragging",
+  "hovered",
+  "focused",
+  "focusVisible"
+];
+const { interactionVariants, withObservedValues } = pickAriaComponentVariants(
+  SLIDER_THUMB_INTERACTION_VARIANTS
+);
+function BaseSliderThumb(_a) {
+  var _b = _a, {
+    children,
+    advanced,
+    updateInteractionVariant
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "advanced",
+    "updateInteractionVariant"
+  ]);
+  const context = React.useContext(PlasmicSliderContext);
+  const mergedProps = mergeProps(context, rest);
+  const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadValues({}, mergedProps), ({ isDragging, isHovered, isFocused, isFocusVisible }) => withObservedValues(
+    /* @__PURE__ */ React.createElement(React.Fragment, null, advanced ? children : void 0),
+    {
+      dragging: isDragging,
+      hovered: isHovered,
+      focused: isFocused,
+      focusVisible: isFocusVisible
+    },
+    updateInteractionVariant
+  ));
+  return /* @__PURE__ */ React.createElement(
+    ErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React.createElement(SliderTrack, null, thumb))
+    },
+    thumb
+  );
+}
+const SLIDER_THUMB_COMPONENT_NAME = makeComponentName("sliderThumb");
+function registerSliderThumb(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseSliderThumb,
+    {
+      name: SLIDER_THUMB_COMPONENT_NAME,
+      displayName: "Aria Slider Thumb",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerSliderThumb",
+      importName: "BaseSliderThumb",
+      defaultStyles: {
+        position: "absolute",
+        top: "5px",
+        width: "20px",
+        height: "20px",
+        backgroundColor: "#C80101",
+        borderRadius: "100%",
+        cursor: "pointer"
+      },
+      interactionVariants,
+      props: {
+        advanced: "boolean",
+        children: {
+          type: "slot",
+          hidden: (ps) => !ps.advanced
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+export { BaseSliderThumb, SLIDER_THUMB_COMPONENT_NAME, registerSliderThumb };
+//# sourceMappingURL=registerSliderThumb.esm.js.map

package/skinny/registerSliderThumb.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSliderThumb.esm.js","sources":["../src/registerSliderThumb.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Slider, SliderThumb, SliderTrack } from \"react-aria-components\";\nimport { PlasmicSliderContext } from \"./contexts\";\nimport ErrorBoundary from \"./ErrorBoundary\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SLIDER_THUMB_INTERACTION_VARIANTS = [\n  \"dragging\" as const,\n  \"hovered\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SLIDER_THUMB_INTERACTION_VARIANTS\n);\ninterface BaseSliderThumbProps\n  extends React.ComponentProps<typeof SliderThumb> {\n  advanced?: boolean;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SLIDER_THUMB_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSliderThumb({\n  children,\n  advanced,\n  updateInteractionVariant,\n  ...rest\n}: BaseSliderThumbProps) {\n  const context = React.useContext(PlasmicSliderContext);\n  const mergedProps = mergeProps(context, rest);\n\n  const thumb = (\n    <SliderThumb {...mergedProps}>\n      {({ isDragging, isHovered, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          <>{advanced ? children : undefined}</>,\n          {\n            dragging: isDragging,\n            hovered: isHovered,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </SliderThumb>\n  );\n\n  return (\n    <ErrorBoundary\n      // If the Slider Thumb is the root of a Studio component, then we need to wrap the thumb in a track\n      // to ensure that the thumb gets the required Slider context\n      fallback={\n        <Slider style={{ height: \"100%\", width: \"100%\" }}>\n          <SliderTrack>{thumb}</SliderTrack>\n        </Slider>\n      }\n    >\n      {thumb}\n    </ErrorBoundary>\n  );\n}\n\nexport const SLIDER_THUMB_COMPONENT_NAME = makeComponentName(\"sliderThumb\");\n\nexport function registerSliderThumb(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSliderThumb>\n) {\n  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      interactionVariants,\n      props: {\n        advanced: \"boolean\",\n        children: {\n          type: \"slot\",\n          hidden: (ps: BaseSliderThumbProps) => !ps.advanced,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,iCAAoC,GAAA;AAAA,EACxC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EAClD,iCAAA;AACF,CAAA,CAAA;AAWO,SAAS,gBAAgB,EAKP,EAAA;AALO,EAC9B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,GAvCF,GAoCgC,EAI3B,EAAA,IAAA,GAAA,SAAA,CAJ2B,EAI3B,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,0BAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AACrD,EAAM,MAAA,WAAA,GAAc,UAAW,CAAA,OAAA,EAAS,IAAI,CAAA,CAAA;AAE5C,EAAM,MAAA,KAAA,mBACH,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,cAAA,CAAA,EAAA,EAAgB,WACd,CAAA,EAAA,CAAC,EAAE,UAAY,EAAA,SAAA,EAAW,SAAW,EAAA,cAAA,EACpC,KAAA,kBAAA;AAAA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,QAAW,GAAA,QAAA,GAAW,KAAU,CAAA,CAAA;AAAA,IACnC;AAAA,MACE,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,cAAA;AAAA,KAChB;AAAA,IACA,wBAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MAGC,QACE,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAQ,EAAA,KAAA,EAAO,MAAO,EAAA,EAAA,kBAC5C,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAa,KAAM,CACtB,CAAA;AAAA,KAAA;AAAA,IAGD,KAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEa,MAAA,2BAAA,GAA8B,kBAAkB,aAAa,EAAA;AAE1D,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,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,mBAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA,SAAA;AAAA,QACV,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,MAAQ,EAAA,CAAC,EAA6B,KAAA,CAAC,EAAG,CAAA,QAAA;AAAA,SAC5C;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerSliderTrack.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+require('react');
+require('react-aria');
+require('react-aria-components');
+require('react-keyed-flatten-children');
+require('./contexts-dd0ce341.cjs.js');
+require('./ErrorBoundary-e9b86248.cjs.js');
+require('./interaction-variant-utils-244b74fb.cjs.js');
+var registerSliderTrack = require('./registerSlider-73e80194.cjs.js');
+require('./registerSliderThumb.cjs.js');
+require('./utils-18b2465b.cjs.js');
+require('./common-e74a9214.cjs.js');
+require('./registerLabel.cjs.js');
+require('@plasmicapp/host/registerComponent');
+require('./registerSliderOutput.cjs.js');
+
+
+
+exports.BaseSliderTrack = registerSliderTrack.BaseSliderTrack;
+exports.SLIDER_TRACK_COMPONENT_NAME = registerSliderTrack.SLIDER_TRACK_COMPONENT_NAME;
+exports.registerSliderTrack = registerSliderTrack.registerSliderTrack;
+//# sourceMappingURL=registerSliderTrack.cjs.js.map

package/skinny/registerSliderTrack.cjs.js.map

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

package/skinny/registerSliderTrack.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SliderTrack } from "react-aria-components";
+import { UpdateInteractionVariant } from "./interaction-variant-utils";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+declare const SLIDER_TRACK_INTERACTION_VARIANTS: "hovered"[];
+export interface BaseSliderTrackProps extends React.ComponentProps<typeof SliderTrack> {
+    progressBar?: React.ReactNode;
+    updateInteractionVariant?: UpdateInteractionVariant<typeof SLIDER_TRACK_INTERACTION_VARIANTS>;
+    children?: React.ReactElement<HTMLElement>;
+}
+export declare function BaseSliderTrack(props: BaseSliderTrackProps): React.JSX.Element;
+export declare const SLIDER_TRACK_COMPONENT_NAME: string;
+export declare function registerSliderTrack(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSliderTrack>): void;
+export {};

package/skinny/registerSliderTrack.esm.js

@@ -0,0 +1,15 @@
+import 'react';
+import 'react-aria';
+import 'react-aria-components';
+import 'react-keyed-flatten-children';
+import './contexts-8a2a183b.esm.js';
+import './ErrorBoundary-c6b111d3.esm.js';
+import './interaction-variant-utils-c44a9d56.esm.js';
+export { B as BaseSliderTrack, S as SLIDER_TRACK_COMPONENT_NAME, r as registerSliderTrack } from './registerSlider-efdba013.esm.js';
+import './registerSliderThumb.esm.js';
+import './utils-cf2632c9.esm.js';
+import './common-52c26d37.esm.js';
+import './registerLabel.esm.js';
+import '@plasmicapp/host/registerComponent';
+import './registerSliderOutput.esm.js';
+//# sourceMappingURL=registerSliderTrack.esm.js.map

package/skinny/registerSliderTrack.esm.js.map

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

package/skinny/registerSwitch.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-e74a9214.cjs.js');
-var interactionVariantUtils = require('./interaction-variant-utils-0f05190f.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
 var utils = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerSwitch.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Switch } from 'react-aria-components';
 import { g as getCommonInputProps } from './common-52c26d37.esm.js';
-import { p as pickAriaComponentVariants } from './interaction-variant-utils-909267e5.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-c44a9d56.esm.js';
 import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerTextArea.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var interactionVariantUtils = require('./interaction-variant-utils-0f05190f.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
 var utils = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerTextArea.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextArea } from 'react-aria-components';
-import { p as pickAriaComponentVariants } from './interaction-variant-utils-909267e5.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-c44a9d56.esm.js';
 import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerTextField.cjs.js

@@ -10,7 +10,7 @@ var registerLabel = require('./registerLabel.cjs.js');
 var registerTextArea = require('./registerTextArea.cjs.js');
 var utils = require('./utils-18b2465b.cjs.js');
 require('./registerText.cjs.js');
-require('./interaction-variant-utils-0f05190f.cjs.js');
+require('./interaction-variant-utils-244b74fb.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerTextField.esm.js

@@ -8,7 +8,7 @@ import { registerLabel } from './registerLabel.esm.js';
 import { registerTextArea } from './registerTextArea.esm.js';
 import { r as registerComponentHelper, a as makeChildComponentName, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import './registerText.esm.js';
-import './interaction-variant-utils-909267e5.esm.js';
+import './interaction-variant-utils-c44a9d56.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/contexts-3e42cdf9.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts-3e42cdf9.cjs.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport type { BaseListBoxItem } from \"./registerListBoxItem\";\nimport type { BasePopover } from \"./registerPopover\";\nimport type { BaseSection } from \"./registerSection\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider.  So we do the merging within our own Base* components\n// instead.\n\nexport const PlasmicLabelContext = React.createContext<\n  React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n  BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicPopoverContext = React.createContext<\n  React.ComponentProps<typeof BasePopover> | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n  React.ComponentProps<typeof BaseListBoxItem> | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n  React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n  React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n  React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":["React"],"mappings":";;;;;;;;AAgBmCA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqBA,sBAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwBA,sBAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuBA,sBAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsBA,sBAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;;;;;;"}

package/skinny/contexts-49f6c298.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts-49f6c298.esm.js","sources":["../src/contexts.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BaseHeader } from \"./registerHeader\";\nimport type { BaseInput } from \"./registerInput\";\nimport type { BaseLabel } from \"./registerLabel\";\nimport type { BaseListBoxProps } from \"./registerListBox\";\nimport type { BaseListBoxItem } from \"./registerListBoxItem\";\nimport type { BasePopover } from \"./registerPopover\";\nimport type { BaseSection } from \"./registerSection\";\n\n// We pass down context props via our own Plasmic*Context instead of directly\n// using react-aria-component's *Context, because react-aria-component's\n// contexts don't \"merge\" with contexts further up the tree, so if we render\n// a context provider, it will just be overwritten by react-aria-component's\n// context provider.  So we do the merging within our own Base* components\n// instead.\n\nexport const PlasmicLabelContext = React.createContext<\n  React.ComponentProps<typeof BaseLabel> | undefined\n>(undefined);\n\nexport const PlasmicListBoxContext = React.createContext<\n  BaseListBoxProps | undefined\n>(undefined);\n\nexport const PlasmicPopoverContext = React.createContext<\n  React.ComponentProps<typeof BasePopover> | undefined\n>(undefined);\n\nexport const PlasmicItemContext = React.createContext<\n  React.ComponentProps<typeof BaseListBoxItem> | undefined\n>(undefined);\n\nexport const PlasmicSectionContext = React.createContext<\n  React.ComponentProps<typeof BaseSection> | undefined\n>(undefined);\n\nexport const PlasmicHeaderContext = React.createContext<\n  React.ComponentProps<typeof BaseHeader> | undefined\n>(undefined);\n\nexport const PlasmicInputContext = React.createContext<\n  React.ComponentProps<typeof BaseInput> | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAgBmC,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,kBAAA,GAAqB,KAAM,CAAA,aAAA,CAEtC,KAAS,CAAA,EAAA;AAEE,MAAA,qBAAA,GAAwB,KAAM,CAAA,aAAA,CAEzC,KAAS,CAAA,EAAA;AAEE,MAAA,oBAAA,GAAuB,KAAM,CAAA,aAAA,CAExC,KAAS,CAAA,EAAA;AAEE,MAAA,mBAAA,GAAsB,KAAM,CAAA,aAAA,CAEvC,KAAS,CAAA;;;;"}

package/skinny/interaction-variant-utils-0f05190f.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interaction-variant-utils-0f05190f.cjs.js","sources":["../src/interaction-variant-utils.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_INTERACTION_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};\n\ntype AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;\n\ntype CodeComponentInteractionVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"interactionVariants\"]\n>;\n\ntype InteractionVariantMeta = CodeComponentInteractionVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateInteractionVariant<T extends AriaInteractionVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\ntype WithObservedValues<T extends AriaInteractionVariant[]> = (\n  children: React.ReactNode,\n  state: Record<ArrayElement<T>, boolean>,\n  updateInteractionVariant: UpdateInteractionVariant<T>\n) => React.ReactNode;\n\nfunction ChangesObserver<T extends AriaInteractionVariant[]>({\n  children,\n  changes,\n  updateInteractionVariant,\n}: {\n  children: React.ReactNode;\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateInteractionVariant?: UpdateInteractionVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateInteractionVariant) {\n      updateInteractionVariant(changes);\n    }\n  }, [changes, updateInteractionVariant]);\n  return children;\n}\n\nfunction realWithObservedValues<T extends AriaInteractionVariant[]>(\n  children: React.ReactNode,\n  changes: Partial<Record<ArrayElement<T>, boolean>>,\n  updateInteractionVariant?: UpdateInteractionVariant<T>\n) {\n  return (\n    <ChangesObserver\n      changes={changes}\n      updateInteractionVariant={updateInteractionVariant}\n    >\n      {children}\n    </ChangesObserver>\n  );\n}\n\nexport function pickAriaComponentVariants<T extends AriaInteractionVariant[]>(\n  keys: T\n): {\n  interactionVariants: Record<ArrayElement<T>, InteractionVariantMeta>;\n  withObservedValues: WithObservedValues<T>;\n} {\n  return {\n    interactionVariants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_INTERACTION_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, InteractionVariantMeta>,\n    withObservedValues: realWithObservedValues<T>,\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAGA,MAAM,oCAAuC,GAAA;AAAA,EAC3C,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;AACF,CAAA,CAAA;AAsBA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAAA,sBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAA,wBAAA,CAAyB,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,CAAA;AACtC,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,sBAAA,CACP,QACA,EAAA,OAAA,EACA,wBACA,EAAA;AACA,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,wBAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEO,SAAS,0BACd,IAIA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,qBAAqB,MAAO,CAAA,WAAA;AAAA,MAC1B,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,oCAAA,CAAqC,GAAG,CAAC,CAAC,CAAA;AAAA,KACpE;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,GACtB,CAAA;AACF;;;;"}

package/skinny/interaction-variant-utils-909267e5.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interaction-variant-utils-909267e5.esm.js","sources":["../src/interaction-variant-utils.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_INTERACTION_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};\n\ntype AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;\n\ntype CodeComponentInteractionVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"interactionVariants\"]\n>;\n\ntype InteractionVariantMeta = CodeComponentInteractionVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateInteractionVariant<T extends AriaInteractionVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\ntype WithObservedValues<T extends AriaInteractionVariant[]> = (\n  children: React.ReactNode,\n  state: Record<ArrayElement<T>, boolean>,\n  updateInteractionVariant: UpdateInteractionVariant<T>\n) => React.ReactNode;\n\nfunction ChangesObserver<T extends AriaInteractionVariant[]>({\n  children,\n  changes,\n  updateInteractionVariant,\n}: {\n  children: React.ReactNode;\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateInteractionVariant?: UpdateInteractionVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateInteractionVariant) {\n      updateInteractionVariant(changes);\n    }\n  }, [changes, updateInteractionVariant]);\n  return children;\n}\n\nfunction realWithObservedValues<T extends AriaInteractionVariant[]>(\n  children: React.ReactNode,\n  changes: Partial<Record<ArrayElement<T>, boolean>>,\n  updateInteractionVariant?: UpdateInteractionVariant<T>\n) {\n  return (\n    <ChangesObserver\n      changes={changes}\n      updateInteractionVariant={updateInteractionVariant}\n    >\n      {children}\n    </ChangesObserver>\n  );\n}\n\nexport function pickAriaComponentVariants<T extends AriaInteractionVariant[]>(\n  keys: T\n): {\n  interactionVariants: Record<ArrayElement<T>, InteractionVariantMeta>;\n  withObservedValues: WithObservedValues<T>;\n} {\n  return {\n    interactionVariants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_INTERACTION_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, InteractionVariantMeta>,\n    withObservedValues: realWithObservedValues<T>,\n  };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,oCAAuC,GAAA;AAAA,EAC3C,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;AACF,CAAA,CAAA;AAsBA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAA,wBAAA,CAAyB,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,CAAA;AACtC,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,sBAAA,CACP,QACA,EAAA,OAAA,EACA,wBACA,EAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,wBAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEO,SAAS,0BACd,IAIA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,qBAAqB,MAAO,CAAA,WAAA;AAAA,MAC1B,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,oCAAA,CAAqC,GAAG,CAAC,CAAC,CAAA;AAAA,KACpE;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,GACtB,CAAA;AACF;;;;"}