@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackableBorderBox.story.js","names":["_react","_interopRequireDefault","require","_StackableBorderBox","_Avatar","_Flex","_Button","obj","__esModule","default","_default","exports","title","Default","createElement","Fragment","StackableBorderBox","Flex","Avatar","size","src","Button"],"sources":["../../../src/elements/StackableBorderBox/StackableBorderBox.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { StackableBorderBox } from \"./StackableBorderBox\"\nimport { Avatar } from \"../Avatar/Avatar\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/StackableBorderBox\",\n}\n\nexport const Default = () => {\n  return (\n    <>\n      <StackableBorderBox>\n        <Flex>\n          <Flex>\n            <Avatar\n              size=\"xs\"\n              src=\"https://picsum.photos/seed/example/110/110\"\n            />\n          </Flex>\n          <Flex>\n            <Avatar\n              size=\"xs\"\n              src=\"https://picsum.photos/seed/example/110/110\"\n            />\n          </Flex>\n          <Button>Click me</Button>\n        </Flex>\n      </StackableBorderBox>\n      <StackableBorderBox>2</StackableBorderBox>\n      <StackableBorderBox>3</StackableBorderBox>\n      <StackableBorderBox>4</StackableBorderBox>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAkC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEnB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAAAd,MAAA,CAAAS,OAAA,CAAAM,QAAA,qBACEf,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,qBACjBhB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,IAAI;IACTC,GAAG,EAAC;EAA4C,EAChD,CACG,eACPpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,IAAI;IACTC,GAAG,EAAC;EAA4C,EAChD,CACG,eACPpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAe,MAAM,QAAC,UAAQ,CAAS,CACpB,CACY,eACrBrB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,eAC1ChB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,eAC1ChB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,CACzC;AAEP,CAAC"}
+{"version":3,"file":"StackableBorderBox.story.js","names":["_react","_interopRequireDefault","require","_StackableBorderBox","_Avatar","_Flex","_Button","_storybookBlocklist","obj","__esModule","default","_default","exports","component","StackableBorderBox","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","render","createElement","Fragment","Flex","Avatar","size","src","Button","story"],"sources":["../../../src/elements/StackableBorderBox/StackableBorderBox.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { StackableBorderBox } from \"./StackableBorderBox\"\nimport { Avatar } from \"../Avatar/Avatar\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: StackableBorderBox,\n  title: \"Components/StackableBorderBox\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A bordered container component designed to be stacked with other border boxes.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  render: () => (\n    <>\n      <StackableBorderBox>\n        <Flex>\n          <Avatar size=\"xs\" src=\"https://picsum.photos/seed/example/110/110\" />\n          <Button>Click me</Button>\n        </Flex>\n      </StackableBorderBox>\n      <StackableBorderBox>Second Box</StackableBorderBox>\n      <StackableBorderBox>Third Box</StackableBorderBox>\n      <StackableBorderBox>Fourth Box</StackableBorderBox>\n    </>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Multiple stackable border boxes demonstrating visual connection.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0E,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,SAAS,EAAEC,sCAAkB;EAC7BC,KAAK,EAAE,+BAA+B;EACtCC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJxB,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAAAzB,MAAA,CAAAU,OAAA,CAAAgB,QAAA,qBACE1B,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACtB,mBAAA,CAAAW,kBAAkB,qBACjBd,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACpB,KAAA,CAAAsB,IAAI,qBACH3B,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACrB,OAAA,CAAAwB,MAAM;MAACC,IAAI,EAAC,IAAI;MAACC,GAAG,EAAC;IAA4C,EAAG,eACrE9B,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACnB,OAAA,CAAAyB,MAAM,QAAC,UAAQ,CAAS,CACpB,CACY,eACrB/B,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACtB,mBAAA,CAAAW,kBAAkB,QAAC,YAAU,CAAqB,eACnDd,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACtB,mBAAA,CAAAW,kBAAkB,QAAC,WAAS,CAAqB,eAClDd,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACtB,mBAAA,CAAAW,kBAAkB,QAAC,YAAU,CAAqB,CAClD;EAAA,CACJ;EACDG,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXa,KAAK,EACH;MACJ;IACF;EACF;AACF,CAAC"}

package/dist/elements/Stepper/Stepper.story.d.ts

@@ -1,7 +1,104 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./Stepper").StepperProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const ChangingCurrentStep: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        initialTabIndex: number;
+        currentStepIndex: number;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        children: React.JSX.Element[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SecondStep: {
+    args: {
+        initialTabIndex: number;
+        currentStepIndex: number;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        children: React.JSX.Element[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const FinalStep: {
+    args: {
+        initialTabIndex: number;
+        currentStepIndex: number;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        children: React.JSX.Element[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const DisabledNavigation: {
+    args: {
+        initialTabIndex: number;
+        currentStepIndex: number;
+        disableNavigation: boolean;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        children: React.JSX.Element[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const FullWidth: {
+    args: {
+        initialTabIndex: number;
+        currentStepIndex: number;
+        fill: boolean;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        children: React.JSX.Element[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const AnimatedDemo: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Stepper/Stepper.story.js

@@ -4,11 +4,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = exports.ChangingCurrentStep = void 0;
+exports.default = exports.SecondStep = exports.FullWidth = exports.FinalStep = exports.DisabledNavigation = exports.Default = exports.AnimatedDemo = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
 var _ = require("./");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -17,76 +17,178 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var _default = exports.default = {
-  title: "Components/Stepper"
+  component: _.Stepper,
+  title: "Components/Stepper",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A multi-step navigation component with tabbed interface for step-based workflows."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      initialTabIndex: 0,
-      currentStepIndex: 0
-    }, {
-      initialTabIndex: 0,
-      currentStepIndex: 0
-    }, {
-      initialTabIndex: 0,
-      currentStepIndex: 1
-    }, {
-      initialTabIndex: 1,
-      currentStepIndex: 1
-    }, {
-      initialTabIndex: 2,
-      currentStepIndex: 2
-    }, {
-      initialTabIndex: 2,
-      currentStepIndex: 2,
+var Default = exports.Default = {
+  args: {
+    initialTabIndex: 0,
+    currentStepIndex: 0,
+    onChange: (0, _test.fn)(),
+    children: [/*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "review",
+      name: "Review"
+    }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "confirm",
+      name: "Confirm"
+    }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "pay",
+      name: "Pay"
+    }, "Pay panel")]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic stepper with three steps starting at the first step."
+      }
+    }
+  }
+};
+var SecondStep = exports.SecondStep = {
+  args: {
+    initialTabIndex: 1,
+    currentStepIndex: 1,
+    onChange: (0, _test.fn)(),
+    children: [/*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "review",
+      name: "Review"
+    }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "confirm",
+      name: "Confirm"
+    }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "pay",
+      name: "Pay"
+    }, "Pay panel")]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Stepper starting at the second step."
+      }
+    }
+  }
+};
+var FinalStep = exports.FinalStep = {
+  args: {
+    initialTabIndex: 2,
+    currentStepIndex: 2,
+    onChange: (0, _test.fn)(),
+    children: [/*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "review",
+      name: "Review"
+    }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "confirm",
+      name: "Confirm"
+    }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "pay",
+      name: "Pay"
+    }, "Pay panel")]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Stepper at the final step."
+      }
+    }
+  }
+};
+var DisabledNavigation = exports.DisabledNavigation = {
+  args: {
+    initialTabIndex: 2,
+    currentStepIndex: 2,
+    disableNavigation: true,
+    onChange: (0, _test.fn)(),
+    children: [/*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "review",
+      name: "Review"
+    }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "confirm",
+      name: "Confirm"
+    }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "pay",
+      name: "Pay"
+    }, "Pay panel")]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Stepper with navigation disabled - steps are not clickable."
+      }
+    }
+  }
+};
+var FullWidth = exports.FullWidth = {
+  args: {
+    initialTabIndex: 2,
+    currentStepIndex: 2,
+    fill: true,
+    onChange: (0, _test.fn)(),
+    children: [/*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "review",
+      name: "Review"
+    }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "confirm",
+      name: "Confirm"
+    }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
+      key: "pay",
+      name: "Pay"
+    }, "Pay panel")]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Stepper that fills the available width."
+      }
+    }
+  }
+};
+var AnimatedDemo = exports.AnimatedDemo = {
+  render: function render() {
+    var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      cursor = _useState2[0],
+      setCursor = _useState2[1];
+    (0, _react.useEffect)(function () {
+      var interval = setInterval(function () {
+        setCursor(function (prevCursor) {
+          return prevCursor + 1;
+        });
+      }, 1000);
+      return function () {
+        clearInterval(interval);
+      };
+    }, []);
+    var index = cursor % 3;
+    return /*#__PURE__*/_react.default.createElement(_.Stepper, {
+      initialTabIndex: index,
+      currentStepIndex: index,
       disableNavigation: true
-    }, {
-      initialTabIndex: 2,
-      currentStepIndex: 2,
-      fill: true
-    }]
-  }, function (props) {
-    return /*#__PURE__*/_react.default.createElement(_.Stepper, _extends({
-      onChange: (0, _test.fn)()
-    }, props), /*#__PURE__*/_react.default.createElement(_.Step, {
+    }, /*#__PURE__*/_react.default.createElement(_.Step, {
       name: "Review"
     }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
       name: "Confirm"
     }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
       name: "Pay"
     }, "Pay panel"));
-  });
-};
-Default.displayName = "Default";
-var ChangingCurrentStep = exports.ChangingCurrentStep = function ChangingCurrentStep() {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    cursor = _useState2[0],
-    setCursor = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var interval = setInterval(function () {
-      setCursor(function (prevCursor) {
-        return prevCursor + 1;
-      });
-    }, 1000);
-    return function () {
-      clearInterval(interval);
-    };
-  }, []);
-  var index = cursor % 3;
-  return /*#__PURE__*/_react.default.createElement(_.Stepper, {
-    initialTabIndex: index,
-    currentStepIndex: index,
-    disableNavigation: true
-  }, /*#__PURE__*/_react.default.createElement(_.Step, {
-    name: "Review"
-  }, "Review panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
-    name: "Confirm"
-  }, "Confirm panel"), /*#__PURE__*/_react.default.createElement(_.Step, {
-    name: "Pay"
-  }, "Pay panel"));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Animated stepper that cycles through steps automatically."
+      }
+    }
+  }
 };
-ChangingCurrentStep.displayName = "ChangingCurrentStep";
 //# sourceMappingURL=Stepper.story.js.map

package/dist/elements/Stepper/Stepper.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","exports","title","Default","createElement","States","states","initialTabIndex","currentStepIndex","disableNavigation","fill","props","Stepper","onChange","fn","Step","displayName","ChangingCurrentStep","_useState","useState","_useState2","cursor","setCursor","useEffect","interval","setInterval","prevCursor","clearInterval","index"],"sources":["../../../src/elements/Stepper/Stepper.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Step, Stepper, StepperProps } from \"./\"\n\nexport default {\n  title: \"Components/Stepper\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Omit<StepperProps, \"children\">>\n      states={[\n        { initialTabIndex: 0, currentStepIndex: 0 },\n        { initialTabIndex: 0, currentStepIndex: 0 },\n        { initialTabIndex: 0, currentStepIndex: 1 },\n        { initialTabIndex: 1, currentStepIndex: 1 },\n        { initialTabIndex: 2, currentStepIndex: 2 },\n        { initialTabIndex: 2, currentStepIndex: 2, disableNavigation: true },\n        { initialTabIndex: 2, currentStepIndex: 2, fill: true },\n      ]}\n    >\n      {(props) => {\n        return (\n          <Stepper onChange={fn()} {...props}>\n            <Step name=\"Review\">Review panel</Step>\n            <Step name=\"Confirm\">Confirm panel</Step>\n            <Step name=\"Pay\">Pay panel</Step>\n          </Stepper>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const ChangingCurrentStep = () => {\n  const [cursor, setCursor] = useState(0)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCursor((prevCursor) => prevCursor + 1)\n    }, 1000)\n\n    return () => {\n      clearInterval(interval)\n    }\n  }, [])\n\n  const index = cursor % 3\n\n  return (\n    <Stepper initialTabIndex={index} currentStepIndex={index} disableNavigation>\n      <Step name=\"Review\">Review panel</Step>\n      <Step name=\"Confirm\">Confirm panel</Step>\n      <Step name=\"Pay\">Pay panel</Step>\n    </Stepper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Stepper.story.js","names":["_test","require","_react","_interopRequireWildcard","_","_storybookBlocklist","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","component","Stepper","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","initialTabIndex","currentStepIndex","onChange","fn","children","createElement","Step","story","SecondStep","FinalStep","DisabledNavigation","disableNavigation","FullWidth","fill","AnimatedDemo","render","_useState","useState","_useState2","cursor","setCursor","useEffect","interval","setInterval","prevCursor","clearInterval","index"],"sources":["../../../src/elements/Stepper/Stepper.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { Step, Stepper } from \"./\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Stepper,\n  title: \"Components/Stepper\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A multi-step navigation component with tabbed interface for step-based workflows.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    initialTabIndex: 0,\n    currentStepIndex: 0,\n    onChange: fn(),\n    children: [\n      <Step key=\"review\" name=\"Review\">\n        Review panel\n      </Step>,\n      <Step key=\"confirm\" name=\"Confirm\">\n        Confirm panel\n      </Step>,\n      <Step key=\"pay\" name=\"Pay\">\n        Pay panel\n      </Step>,\n    ],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic stepper with three steps starting at the first step.\",\n      },\n    },\n  },\n}\n\nexport const SecondStep = {\n  args: {\n    initialTabIndex: 1,\n    currentStepIndex: 1,\n    onChange: fn(),\n    children: [\n      <Step key=\"review\" name=\"Review\">\n        Review panel\n      </Step>,\n      <Step key=\"confirm\" name=\"Confirm\">\n        Confirm panel\n      </Step>,\n      <Step key=\"pay\" name=\"Pay\">\n        Pay panel\n      </Step>,\n    ],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Stepper starting at the second step.\",\n      },\n    },\n  },\n}\n\nexport const FinalStep = {\n  args: {\n    initialTabIndex: 2,\n    currentStepIndex: 2,\n    onChange: fn(),\n    children: [\n      <Step key=\"review\" name=\"Review\">\n        Review panel\n      </Step>,\n      <Step key=\"confirm\" name=\"Confirm\">\n        Confirm panel\n      </Step>,\n      <Step key=\"pay\" name=\"Pay\">\n        Pay panel\n      </Step>,\n    ],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Stepper at the final step.\",\n      },\n    },\n  },\n}\n\nexport const DisabledNavigation = {\n  args: {\n    initialTabIndex: 2,\n    currentStepIndex: 2,\n    disableNavigation: true,\n    onChange: fn(),\n    children: [\n      <Step key=\"review\" name=\"Review\">\n        Review panel\n      </Step>,\n      <Step key=\"confirm\" name=\"Confirm\">\n        Confirm panel\n      </Step>,\n      <Step key=\"pay\" name=\"Pay\">\n        Pay panel\n      </Step>,\n    ],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Stepper with navigation disabled - steps are not clickable.\",\n      },\n    },\n  },\n}\n\nexport const FullWidth = {\n  args: {\n    initialTabIndex: 2,\n    currentStepIndex: 2,\n    fill: true,\n    onChange: fn(),\n    children: [\n      <Step key=\"review\" name=\"Review\">\n        Review panel\n      </Step>,\n      <Step key=\"confirm\" name=\"Confirm\">\n        Confirm panel\n      </Step>,\n      <Step key=\"pay\" name=\"Pay\">\n        Pay panel\n      </Step>,\n    ],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Stepper that fills the available width.\",\n      },\n    },\n  },\n}\n\nexport const AnimatedDemo = {\n  render: () => {\n    const [cursor, setCursor] = useState(0)\n\n    useEffect(() => {\n      const interval = setInterval(() => {\n        setCursor((prevCursor) => prevCursor + 1)\n      }, 1000)\n\n      return () => {\n        clearInterval(interval)\n      }\n    }, [])\n\n    const index = cursor % 3\n\n    return (\n      <Stepper\n        initialTabIndex={index}\n        currentStepIndex={index}\n        disableNavigation\n      >\n        <Step name=\"Review\">Review panel</Step>\n        <Step name=\"Confirm\">Confirm panel</Step>\n        <Step name=\"Pay\">Pay panel</Step>\n      </Stepper>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Animated stepper that cycles through steps automatically.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/elements/Sup/Sup.story.d.ts

@@ -1,6 +1,52 @@
 import React from "react";
 declare const _default: {
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
+        variant?: import("styled-system").ResponsiveValue<import("@artsy/palette-tokens/dist/typography/v3").TextVariant>;
+        textColor?: import("styled-system").ResponsiveValue<import("@artsy/palette-tokens").Color>;
+        lineClamp?: number;
+    } & import("..").BoxProps & {
+        hyphenate?: boolean;
+        overflowEllipsis?: boolean;
+        textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform>;
+        lineClamp?: import("styled-system").ResponsiveValue<number>;
+    }, never>> & string;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        children: string;
+        color: string;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const AllVariants: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Sup/Sup.story.js

@@ -3,31 +3,73 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.Default = exports.AllVariants = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Text = require("../Text");
 var _Sup = require("./Sup");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/Sup"
+  component: _Sup.Sup,
+  title: "Components/Sup",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A superscript text component with different size variants for adding small text above the baseline."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
+var Default = exports.Default = {
+  args: {
+    children: "123",
+    color: "blue100"
+  },
+  render: function render(args) {
+    return /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, args));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic superscript text with blue color."
+      }
+    }
+  }
+};
+var AllVariants = exports.AllVariants = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      mb: 2
+    }, "XXL variant: Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, {
       variant: "xxl"
-    }, {
+    }, "123")), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      mb: 2
+    }, "XL variant: Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, {
       variant: "xl"
-    }, {
+    }, "123")), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      mb: 2
+    }, "LG variant: Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, {
       variant: "lg"
-    }, {
+    }, "123")), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      mb: 2
+    }, "MD variant: Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, {
       variant: "md"
-    }, {
+    }, "123")), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      mb: 2
+    }, "SM variant: Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, {
       variant: "sm"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Lorem Ipsum ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, {
-    color: "blue100"
-  }, "123")));
+    }, "123")));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "All available size variants of the superscript component."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=Sup.story.js.map

package/dist/elements/Sup/Sup.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sup.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Text","_Sup","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","variant","Text","Sup","color","displayName"],"sources":["../../../src/elements/Sup/Sup.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Sup, SupProps } from \"./Sup\"\n\nexport default {\n  title: \"Components/Sup\",\n}\n\nexport const Default = () => {\n  return (\n    <States<SupProps>\n      states={[\n        { variant: \"xxl\" },\n        { variant: \"xl\" },\n        { variant: \"lg\" },\n        { variant: \"md\" },\n        { variant: \"sm\" },\n      ]}\n    >\n      <Text>\n        Lorem Ipsum <Sup color=\"blue100\">123</Sup>\n      </Text>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAqC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEtB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE;IAAM,CAAC,EAClB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC;EACjB,gBAEFhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAa,IAAI,QAAC,cACQ,eAAAjB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAa,GAAG;IAACC,KAAK,EAAC;EAAS,GAAC,KAAG,CAAM,CACrC,CACA;AAEb,CAAC;AAhBYP,OAAO,CAAAQ,WAAA"}
+{"version":3,"file":"Sup.story.js","names":["_react","_interopRequireDefault","require","_Text","_Sup","_storybookBlocklist","obj","__esModule","default","_default","exports","component","Sup","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","color","render","createElement","Text","story","AllVariants","Fragment","mb","variant"],"sources":["../../../src/elements/Sup/Sup.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text } from \"../Text\"\nimport { Sup } from \"./Sup\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Sup,\n  title: \"Components/Sup\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A superscript text component with different size variants for adding small text above the baseline.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: \"123\",\n    color: \"blue100\",\n  },\n  render: (args) => (\n    <Text>\n      Lorem Ipsum <Sup {...args} />\n    </Text>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic superscript text with blue color.\",\n      },\n    },\n  },\n}\n\nexport const AllVariants = {\n  render: () => (\n    <>\n      <Text mb={2}>\n        XXL variant: Lorem Ipsum <Sup variant=\"xxl\">123</Sup>\n      </Text>\n      <Text mb={2}>\n        XL variant: Lorem Ipsum <Sup variant=\"xl\">123</Sup>\n      </Text>\n      <Text mb={2}>\n        LG variant: Lorem Ipsum <Sup variant=\"lg\">123</Sup>\n      </Text>\n      <Text mb={2}>\n        MD variant: Lorem Ipsum <Sup variant=\"md\">123</Sup>\n      </Text>\n      <Text mb={2}>\n        SM variant: Lorem Ipsum <Sup variant=\"sm\">123</Sup>\n      </Text>\n    </>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"All available size variants of the superscript component.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,SAAS,EAAEC,QAAG;EACdC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE,SAARA,MAAMA,CAAGH,IAAI;IAAA,oBACXtB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAwB,IAAI,QAAC,cACQ,eAAA3B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,IAAA,CAAAQ,GAAG,EAAKU,IAAI,CAAI,CACxB;EAAA,CACR;EACDP,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXW,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,WAAW,GAAAnB,OAAA,CAAAmB,WAAA,GAAG;EACzBJ,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAAA1B,MAAA,CAAAQ,OAAA,CAAAsB,QAAA,qBACE9B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAwB,IAAI;MAACI,EAAE,EAAE;IAAE,GAAC,2BACc,eAAA/B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,IAAA,CAAAQ,GAAG;MAACoB,OAAO,EAAC;IAAK,GAAC,KAAG,CAAM,CAChD,eACPhC,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAwB,IAAI;MAACI,EAAE,EAAE;IAAE,GAAC,0BACa,eAAA/B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,IAAA,CAAAQ,GAAG;MAACoB,OAAO,EAAC;IAAI,GAAC,KAAG,CAAM,CAC9C,eACPhC,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAwB,IAAI;MAACI,EAAE,EAAE;IAAE,GAAC,0BACa,eAAA/B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,IAAA,CAAAQ,GAAG;MAACoB,OAAO,EAAC;IAAI,GAAC,KAAG,CAAM,CAC9C,eACPhC,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAwB,IAAI;MAACI,EAAE,EAAE;IAAE,GAAC,0BACa,eAAA/B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,IAAA,CAAAQ,GAAG;MAACoB,OAAO,EAAC;IAAI,GAAC,KAAG,CAAM,CAC9C,eACPhC,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAwB,IAAI;MAACI,EAAE,EAAE;IAAE,GAAC,0BACa,eAAA/B,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,IAAA,CAAAQ,GAAG;MAACoB,OAAO,EAAC;IAAI,GAAC,KAAG,CAAM,CAC9C,CACN;EAAA,CACJ;EACDjB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXW,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}