react-restyle-components 0.1.45 → 0.1.46

package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.test.js

@@ -1,16 +1,9 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from "react";
-import { render } from "@core-utils";
-import { InputDropdown } from "./input-dropdown.component";
-it("render InputDropdown correctly", () => {
-  const inputDropDown = render(
-    React.createElement(InputDropdown, {
-      title: "Source of funds",
-      items: ["Bank account", "UPI", "Credit Card"],
-      hasError: true,
-      onChange: () => jest.fn(),
-    }),
-  );
-  expect(inputDropDown).toMatchSnapshot();
+import React from 'react';
+import { render } from '@core-utils';
+import { InputDropdown } from './input-dropdown.component';
+it('render InputDropdown correctly', () => {
+    const inputDropDown = render(React.createElement(InputDropdown, { title: "Source of funds", items: ['Bank account', 'UPI', 'Credit Card'], hasError: true, onChange: () => jest.fn() }));
+    expect(inputDropDown).toMatchSnapshot();
 });
-//# sourceMappingURL=input-dropdown.test.js.map
+//# sourceMappingURL=input-dropdown.test.js.map

package/lib/esm/core-components/atoms/loader/loader.component.js

@@ -1,48 +1,16 @@
-import React from "react";
-import { Container, Row, Spinner } from "reactstrap";
-export const Loader = () =>
-  React.createElement(
-    Container,
-    { fluid: true, className: "vh-50 d-flex" },
-    React.createElement(
-      Row,
-      {
-        className: "justify-content-center align-self-center w-100 text-center",
-      },
-      React.createElement(Spinner, { color: "primary" }),
-    ),
-  );
+import React from 'react';
+import { Container, Row, Spinner } from 'reactstrap';
+export const Loader = () => (React.createElement(Container, { fluid: true, className: "vh-50 d-flex" },
+    React.createElement(Row, { className: "justify-content-center align-self-center w-100 text-center" },
+        React.createElement(Spinner, { color: "primary" }))));
 export const ModalLoader = () => {
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      React.Fragment,
-      null,
-      React.createElement(
-        "div",
-        {
-          className:
-            "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none",
-        },
-        React.createElement(
-          "div",
-          { className: "relative  mx-auto " },
-          React.createElement(
-            "div",
-            {
-              className:
-                "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none",
-            },
-            React.createElement(
-              "div",
-              {
-                className: "relative p-2 flex-auto flex flex-col items-center",
-              },
-              React.createElement(
-                "style",
-                null,
-                `
+    return (React.createElement(React.Fragment, null,
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+                React.createElement("div", { className: "relative  mx-auto " },
+                    React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
+                        React.createElement("div", { className: "relative p-2 flex-auto flex flex-col items-center" },
+                            React.createElement("style", null, `
     .spinner .background {
       fill: #555;
     }
@@ -74,40 +42,12 @@ export const ModalLoader = () => {
         transform: rotate(360deg);
       }
     }
-    `,
-              ),
-              React.createElement(
-                "svg",
-                {
-                  className: "spinner",
-                  width: "100",
-                  height: "100",
-                  viewBox: "0 0 100 100",
-                },
-                React.createElement("circle", {
-                  className: "background",
-                  cx: "0",
-                  cy: "0",
-                }),
-                React.createElement("path", {
-                  className: "line",
-                  d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50",
-                }),
-              ),
-              " ",
-              React.createElement(
-                "span",
-                { style: { marginTop: -15 } },
-                "loading ...",
-              ),
-            ),
-          ),
-        ),
-      ),
-      React.createElement("div", {
-        className: "opacity-25 fixed inset-0 z-40 bg-black",
-      }),
-    ),
-  );
+    `),
+                            React.createElement("svg", { className: "spinner", width: "100", height: "100", viewBox: "0 0 100 100" },
+                                React.createElement("circle", { className: "background", cx: "0", cy: "0" }),
+                                React.createElement("path", { className: "line", d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })),
+                            ' ',
+                            React.createElement("span", { style: { marginTop: -15 } }, "loading ..."))))),
+            React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" }))));
 };
-//# sourceMappingURL=loader.component.js.map
+//# sourceMappingURL=loader.component.js.map

package/lib/esm/core-components/atoms/loader/loader.stories.js

@@ -1,14 +1,14 @@
-import { Loader } from "./loader.component";
+import { Loader } from './loader.component';
 const meta = {
-  title: "Design System/Atoms/Loader",
-  component: Loader,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Loader } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Loader',
+    component: Loader,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Loader } from 'react-restyle-components'`,
+    },
 };
 export default meta;
 export const Primary = {
-  args: {},
+    args: {},
 };
-//# sourceMappingURL=loader.stories.js.map
+//# sourceMappingURL=loader.stories.js.map

package/lib/esm/core-components/atoms/loader/loader.test.js

@@ -1,9 +1,9 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from "react";
-import { render } from "@core-utils";
-import { Loader } from "./loader.component";
-it("render Loader correctly", () => {
-  const loader = render(React.createElement(Loader, null));
-  expect(loader).toMatchSnapshot();
+import React from 'react';
+import { render } from '@core-utils';
+import { Loader } from './loader.component';
+it('render Loader correctly', () => {
+    const loader = render(React.createElement(Loader, null));
+    expect(loader).toMatchSnapshot();
 });
-//# sourceMappingURL=loader.test.js.map
+//# sourceMappingURL=loader.test.js.map

package/lib/esm/core-components/atoms/radio/radio.component.js

@@ -1,66 +1,22 @@
-import React, { useState } from "react";
-import { CheckedRadio, UncheckRadio } from "../../../library/assets/svg";
-import { InputWrapper } from "../form/form.component";
-export const Radio = ({ title = "Source", data = [], className, onChange }) => {
-  const [list, setList] = useState(data);
-  const width = 20;
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      InputWrapper,
-      { label: title },
-      list === null || list === void 0
-        ? void 0
-        : list.map((item, index) =>
-            React.createElement(
-              "div",
-              {
-                className: `${className} flex items-center mb-1`,
-                onClick: () => {
-                  const result =
-                    list === null || list === void 0
-                      ? void 0
-                      : list.map((e, i) => {
-                          if (i == index)
-                            return Object.assign(Object.assign({}, e), {
-                              checked: true,
-                            });
-                          else
-                            return Object.assign(Object.assign({}, e), {
-                              checked: false,
-                            });
-                        });
-                  setList(result);
-                  onChange(
-                    result === null || result === void 0
-                      ? void 0
-                      : result.find((item) => item.checked),
-                  );
-                },
-                key: index,
-              },
-              React.createElement(
-                "div",
-                { className: "flex flex-row gap-1 items-center" },
-                item.checked
-                  ? React.createElement(CheckedRadio, {
-                      width: width,
-                      height: width,
-                    })
-                  : React.createElement(UncheckRadio, {
-                      width: width,
-                      height: width,
-                    }),
-                React.createElement(
-                  "span",
-                  { className: "text-4xs" },
-                  item === null || item === void 0 ? void 0 : item.title,
-                ),
-              ),
-            ),
-          ),
-    ),
-  );
+import React, { useState } from 'react';
+import { CheckedRadio, UncheckRadio } from '../../../library/assets/svg';
+import { InputWrapper } from '../form/form.component';
+export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
+    const [list, setList] = useState(data);
+    const width = 20;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InputWrapper, { label: title }, list === null || list === void 0 ? void 0 : list.map((item, index) => (React.createElement("div", { className: `${className} flex items-center mb-1`, onClick: () => {
+                const result = list === null || list === void 0 ? void 0 : list.map((e, i) => {
+                    if (i == index)
+                        return Object.assign(Object.assign({}, e), { checked: true });
+                    else
+                        return Object.assign(Object.assign({}, e), { checked: false });
+                });
+                setList(result);
+                onChange(result === null || result === void 0 ? void 0 : result.find((item) => item.checked));
+            }, key: index },
+            React.createElement("div", { className: "flex flex-row gap-1 items-center" },
+                item.checked ? (React.createElement(CheckedRadio, { width: width, height: width })) : (React.createElement(UncheckRadio, { width: width, height: width })),
+                React.createElement("span", { className: "text-4xs" }, item === null || item === void 0 ? void 0 : item.title))))))));
 };
-//# sourceMappingURL=radio.component.js.map
+//# sourceMappingURL=radio.component.js.map

package/lib/esm/core-components/atoms/radio/radio.stories.js

@@ -1,23 +1,23 @@
-import { Radio } from "./radio.component";
+import { Radio } from './radio.component';
 const meta = {
-  title: "Design System/Atoms/Radio",
-  component: Radio,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Radio } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Radio',
+    component: Radio,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Radio } from 'react-restyle-components'`,
+    },
 };
 export default meta;
 export const Primary = {
-  args: {
-    title: "Source",
-    data: [
-      { title: "Salary", checked: false },
-      { title: "Business", checked: false },
-    ],
-    onChange: (item) => {
-      console.log({ item });
+    args: {
+        title: 'Source',
+        data: [
+            { title: 'Salary', checked: false },
+            { title: 'Business', checked: false },
+        ],
+        onChange: (item) => {
+            console.log({ item });
+        },
     },
-  },
 };
-//# sourceMappingURL=radio.stories.js.map
+//# sourceMappingURL=radio.stories.js.map

package/lib/esm/core-components/atoms/radio/radio.test.js

@@ -1,15 +1,9 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from "react";
-import { render } from "@core-utils";
-import { Radio } from "./radio.component";
-it("render Radio correctly", () => {
-  const radio = render(
-    React.createElement(Radio, {
-      title: "Title",
-      data: [],
-      onChange: () => jest.fn(),
-    }),
-  );
-  expect(radio).toMatchSnapshot();
+import React from 'react';
+import { render } from '@core-utils';
+import { Radio } from './radio.component';
+it('render Radio correctly', () => {
+    const radio = render(React.createElement(Radio, { title: "Title", data: [], onChange: () => jest.fn() }));
+    expect(radio).toMatchSnapshot();
 });
-//# sourceMappingURL=radio.test.js.map
+//# sourceMappingURL=radio.test.js.map

package/lib/esm/core-components/atoms/stepper/stepper.component.js

@@ -1,77 +1,35 @@
-import React from "react";
-export const Stepper = ({
-  className = "",
-  steps,
-  currentStep = 1,
-  onStepClick,
-}) => {
-  const finalClass = `${className} w-full px-4 sm:px-8`;
-  const progressClass =
-    "absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500";
-  const Steps =
-    steps === null || steps === void 0
-      ? void 0
-      : steps.map((step, index) => {
-          let stepClass =
-            "inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center";
-          if (index < currentStep)
+import React from 'react';
+export const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
+    const finalClass = `${className} w-full px-4 sm:px-8`;
+    const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';
+    const Steps = steps === null || steps === void 0 ? void 0 : steps.map((step, index) => {
+        let stepClass = 'inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center';
+        if (index < currentStep)
             stepClass +=
-              " font-medium border border-orange  bg-background-secondary text-gray";
-          else if (index > currentStep)
+                ' font-medium border border-orange  bg-background-secondary text-gray';
+        else if (index > currentStep)
             stepClass +=
-              " font-medium border border-gray-dark-secondary text-gray bg-background-secondary";
-          else if (currentStep === index)
-            stepClass += " font-medium bg-orange text-white";
-          if (typeof onStepClick === "function") stepClass += " cursor-pointer";
-          return React.createElement(
-            "div",
-            {
-              key: step,
-              style: { left: `${(index / (steps.length - 1)) * 100}%` },
-              className: "absolute",
-            },
-            React.createElement(
-              "span",
-              {
-                className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`,
-                onClick: () => {
-                  if (typeof onStepClick === "function")
-                    onStepClick(index + 1, step);
-                },
-              },
-              step,
-            ),
-          );
-        });
-  return React.createElement(
-    "div",
-    { className: finalClass },
-    React.createElement(
-      "div",
-      { className: "w-full relative" },
-      React.createElement(
-        "div",
-        {
-          className: progressClass,
-          style: {
-            width: `${(currentStep / (steps.length - 1)) * 100}%`,
-          },
-        },
-        React.createElement("div", {
-          className:
-            "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2",
-        }),
-      ),
-      React.createElement("div", {
-        className:
-          "absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500",
-        style: {
-          marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
-          width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
-        },
-      }),
-    ),
-    React.createElement("div", { className: "relative sm:block" }, Steps),
-  );
+                ' font-medium border border-gray-dark-secondary text-gray bg-background-secondary';
+        else if (currentStep === index)
+            stepClass += ' font-medium bg-orange text-white';
+        if (typeof onStepClick === 'function')
+            stepClass += ' cursor-pointer';
+        return (React.createElement("div", { key: step, style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: "absolute" },
+            React.createElement("span", { className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`, onClick: () => {
+                    if (typeof onStepClick === 'function')
+                        onStepClick(index + 1, step);
+                } }, step)));
+    });
+    return (React.createElement("div", { className: finalClass },
+        React.createElement("div", { className: "w-full relative" },
+            React.createElement("div", { className: progressClass, style: {
+                    width: `${(currentStep / (steps.length - 1)) * 100}%`,
+                } },
+                React.createElement("div", { className: "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2" })),
+            React.createElement("div", { className: 'absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500', style: {
+                    marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
+                    width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
+                } })),
+        React.createElement("div", { className: "relative sm:block" }, Steps)));
 };
-//# sourceMappingURL=stepper.component.js.map
+//# sourceMappingURL=stepper.component.js.map

package/lib/esm/core-components/atoms/stepper/stepper.stories.js

@@ -1,19 +1,19 @@
-import { Stepper } from "./stepper.component";
+import { Stepper } from './stepper.component';
 const meta = {
-  title: "Design System/Atoms/Stepper",
-  component: Stepper,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Stepper } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Stepper',
+    component: Stepper,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Stepper } from 'react-restyle-components'`,
+    },
 };
 export default meta;
 export const Primary = {
-  args: {
-    steps: ["1", "2", "3", "4"],
-    currentStep: 2,
-    onStepClick: (currentStep, step) => {},
-    className: "mt-4",
-  },
+    args: {
+        steps: ['1', '2', '3', '4'],
+        currentStep: 2,
+        onStepClick: (currentStep, step) => { },
+        className: 'mt-4',
+    },
 };
-//# sourceMappingURL=stepper.stories.js.map
+//# sourceMappingURL=stepper.stories.js.map

package/lib/esm/core-components/atoms/stepper/stepper.test.js

@@ -1,15 +1,8 @@
-import React from "react";
-import { render } from "@core-utils";
-import { Stepper } from "./stepper.component";
-it("render Stepper correctly", () => {
-  const stepper = render(
-    React.createElement(Stepper, {
-      steps: ["1", "2", "3", "4"],
-      currentStep: 3,
-      onStepClick: () => jest.fn(),
-      className: "mt-4",
-    }),
-  );
-  expect(stepper).toMatchSnapshot();
+import React from 'react';
+import { render } from '@core-utils';
+import { Stepper } from './stepper.component';
+it('render Stepper correctly', () => {
+    const stepper = render(React.createElement(Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
+    expect(stepper).toMatchSnapshot();
 });
-//# sourceMappingURL=stepper.test.js.map
+//# sourceMappingURL=stepper.test.js.map

package/lib/esm/core-components/atoms/tabs/tabs.component.js

@@ -1,47 +1,19 @@
-import React, { useState } from "react";
-import { Icon } from "../..";
+import React, { useState } from 'react';
+import { Icon } from '../..';
 export const Tabs = ({ options, onSelect }) => {
-  const [selected, setSelected] = useState(options[0].title);
-  return React.createElement(
-    "div",
-    { className: "flex justify-center" },
-    React.createElement(
-      "ul",
-      {
-        className:
-          "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2",
-      },
-      options === null || options === void 0
-        ? void 0
-        : options.map((item, index) =>
-            React.createElement(
-              "li",
-              { key: index, className: "bg-[#EF4444] rounded-md" },
-              React.createElement(
-                "div",
-                {
-                  className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${
-                    item.title == selected
-                      ? "text-white font-bold md:text-md  border-primary active"
-                      : " text-gray-200  md:text-md border-transparent"
-                  }`,
-                  onClick: () => {
+    const [selected, setSelected] = useState(options[0].title);
+    return (React.createElement("div", { className: "flex justify-center" },
+        React.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement("li", { key: index, className: "bg-[#EF4444] rounded-md" },
+            React.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
+                    ? 'text-white font-bold md:text-md  border-primary active'
+                    : ' text-gray-200  md:text-md border-transparent'}`, onClick: () => {
                     setSelected(item.title);
                     onSelect(item.title);
-                  },
-                },
-                React.createElement(Icon, {
-                  nameIcon: item.icon,
-                  propsIcon: {
-                    color: item.title == selected ? "#ffffff" : "#000000",
-                    size: 24,
-                  },
-                }),
-                item.title,
-              ),
-            ),
-          ),
-    ),
-  );
+                } },
+                React.createElement(Icon, { nameIcon: item.icon, propsIcon: {
+                        color: item.title == selected ? '#ffffff' : '#000000',
+                        size: 24,
+                    } }),
+                item.title)))))));
 };
-//# sourceMappingURL=tabs.component.js.map
+//# sourceMappingURL=tabs.component.js.map

package/lib/esm/core-components/atoms/tabs/tabs.stories.js

@@ -1,23 +1,23 @@
-import { Tabs } from "./tabs.component";
+import { Tabs } from './tabs.component';
 const meta = {
-  title: "Design System/Atoms/Tabs",
-  component: Tabs,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Tabs',
+    component: Tabs,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
+    },
 };
 export default meta;
 export const Primary = {
-  args: {
-    options: [
-      { title: "Work History", icon: "FaHistory" },
-      { title: "Book Order", icon: "FaBook" },
-      { title: "Make Frame", icon: "MdFilterFrames" },
-    ],
-    onSelect: (item) => {
-      console.log({ item });
+    args: {
+        options: [
+            // {title: 'Work History', icon: 'FaHistory'},
+            // {title: 'Book Order', icon: 'FaBook'},
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ],
+        onSelect: (item) => {
+            console.log({ item });
+        }
     },
-  },
 };
-//# sourceMappingURL=tabs.stories.js.map
+//# sourceMappingURL=tabs.stories.js.map

package/lib/esm/core-components/atoms/tabs/tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAEtC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAC;YACN,EAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAAC;YAC1C,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;YACrC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C;QACD,QAAQ,EAAC,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC;KACF;CACF,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAKtC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAC;YACN,8CAA8C;YAC9C,yCAAyC;YACzC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C;QACD,QAAQ,EAAC,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC;KACF;CACF,CAAC"}