@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/ColorPicker/primitives/ColorPickerPrimitive.stories.js

@@ -1,131 +1,134 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { ColorPickerPrimitive } from "./ColorPickerPrimitive.js";
 const meta = {
-  title: "Components/Form Primitives/ColorPicker",
-  component: ColorPickerPrimitive,
-  argTypes: {
-    onChange: {
-      action: "onChange"
+    title: "Components/Form Primitives/ColorPicker",
+    component: ColorPickerPrimitive,
+    argTypes: {
+        onChange: {
+            action: "onChange"
+        },
+        onChangeComplete: {
+            action: "onChangeComplete"
+        },
+        onOpenChange: {
+            action: "onOpenChange"
+        }
     },
-    onChangeComplete: {
-      action: "onChangeComplete"
+    parameters: {
+        layout: "padded"
     },
-    onOpenChange: {
-      action: "onOpenChange"
-    }
-  },
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "w-full"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "flex items-center justify-center mb-4"
-    }, /*#__PURE__*/React.createElement(ColorPickerPrimitive, Object.assign({}, args, {
-      value: value,
-      onChange: value => console.log("Value changed:", value),
-      onChangeComplete: value => {
-        console.log("Value change complete:", value);
-        setValue(value);
-      }
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "text-center"
-    }, "Current selected value: ", /*#__PURE__*/React.createElement("pre", null, value)));
-  }
-};
-export default meta;
-export const Default = {};
-export const MediumSize = {
-  args: {
-    size: "md"
-  }
-};
-export const LargeSize = {
-  args: {
-    size: "lg"
-  }
-};
-export const ExtraLargeSize = {
-  args: {
-    size: "xl"
-  }
-};
-export const PrimaryVariant = {
-  args: {
-    variant: "primary"
-  }
-};
-export const PrimaryVariantDisabled = {
-  args: {
-    ...PrimaryVariant.args,
-    disabled: true
-  }
-};
-export const PrimaryVariantInvalid = {
-  args: {
-    ...PrimaryVariant.args,
-    invalid: true
-  }
-};
-export const SecondaryVariant = {
-  args: {
-    variant: "secondary"
-  }
-};
-export const SecondaryVariantDisabled = {
-  args: {
-    ...SecondaryVariant.args,
-    disabled: true
-  }
-};
-export const SecondaryVariantInvalid = {
-  args: {
-    ...SecondaryVariant.args,
-    invalid: true
-  }
-};
-export const GhostVariant = {
-  args: {
-    variant: "ghost"
-  }
-};
-export const GhostVariantDisabled = {
-  args: {
-    ...GhostVariant.args,
-    disabled: true
-  }
-};
-export const GhostVariantInvalid = {
-  args: {
-    ...GhostVariant.args,
-    invalid: true
-  }
-};
-export const WithDefaultValue = {
-  args: {
-    ...Default.args,
-    value: "#ff0000"
-  }
-};
-export const WithStartAlign = {
-  args: {
-    ...Default.args,
-    align: "start"
-  }
-};
-export const WithCenterAlign = {
-  args: {
-    ...Default.args,
-    align: "center"
-  }
-};
-export const WithEndAlign = {
-  args: {
-    ...Default.args,
-    align: "end"
-  }
+    render: (args)=>{
+        const [value, setValue] = useState(args.value);
+        return /*#__PURE__*/ react.createElement("div", {
+            className: "w-full"
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center justify-center mb-4"
+        }, /*#__PURE__*/ react.createElement(ColorPickerPrimitive, {
+            ...args,
+            value: value,
+            onChange: (value)=>console.log("Value changed:", value),
+            onChangeComplete: (value)=>{
+                console.log("Value change complete:", value);
+                setValue(value);
+            }
+        })), /*#__PURE__*/ react.createElement("div", {
+            className: "text-center"
+        }, "Current selected value: ", /*#__PURE__*/ react.createElement("pre", null, value)));
+    }
+};
+const ColorPickerPrimitive_stories = meta;
+const Default = {};
+const MediumSize = {
+    args: {
+        size: "md"
+    }
+};
+const LargeSize = {
+    args: {
+        size: "lg"
+    }
+};
+const ExtraLargeSize = {
+    args: {
+        size: "xl"
+    }
+};
+const PrimaryVariant = {
+    args: {
+        variant: "primary"
+    }
+};
+const PrimaryVariantDisabled = {
+    args: {
+        ...PrimaryVariant.args,
+        disabled: true
+    }
+};
+const PrimaryVariantInvalid = {
+    args: {
+        ...PrimaryVariant.args,
+        invalid: true
+    }
+};
+const SecondaryVariant = {
+    args: {
+        variant: "secondary"
+    }
+};
+const SecondaryVariantDisabled = {
+    args: {
+        ...SecondaryVariant.args,
+        disabled: true
+    }
+};
+const SecondaryVariantInvalid = {
+    args: {
+        ...SecondaryVariant.args,
+        invalid: true
+    }
+};
+const GhostVariant = {
+    args: {
+        variant: "ghost"
+    }
+};
+const GhostVariantDisabled = {
+    args: {
+        ...GhostVariant.args,
+        disabled: true
+    }
+};
+const GhostVariantInvalid = {
+    args: {
+        ...GhostVariant.args,
+        invalid: true
+    }
+};
+const WithDefaultValue = {
+    args: {
+        ...Default.args,
+        value: "#ff0000"
+    }
+};
+const WithStartAlign = {
+    args: {
+        ...Default.args,
+        align: "start"
+    }
+};
+const WithCenterAlign = {
+    args: {
+        ...Default.args,
+        align: "center"
+    }
+};
+const WithEndAlign = {
+    args: {
+        ...Default.args,
+        align: "end"
+    }
 };
+export default ColorPickerPrimitive_stories;
+export { Default, ExtraLargeSize, GhostVariant, GhostVariantDisabled, GhostVariantInvalid, LargeSize, MediumSize, PrimaryVariant, PrimaryVariantDisabled, PrimaryVariantInvalid, SecondaryVariant, SecondaryVariantDisabled, SecondaryVariantInvalid, WithCenterAlign, WithDefaultValue, WithEndAlign, WithStartAlign };
 
 //# sourceMappingURL=ColorPickerPrimitive.stories.js.map

package/ColorPicker/primitives/ColorPickerPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ColorPickerPrimitive","meta","title","component","argTypes","onChange","action","onChangeComplete","onOpenChange","parameters","layout","render","args","value","setValue","createElement","className","Object","assign","console","log","Default","MediumSize","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithDefaultValue","WithStartAlign","align","WithCenterAlign","WithEndAlign"],"sources":["ColorPickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ColorPickerPrimitive } from \"./ColorPickerPrimitive.js\";\n\nconst meta: Meta<typeof ColorPickerPrimitive> = {\n    title: \"Components/Form Primitives/ColorPicker\",\n    component: ColorPickerPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onChangeComplete: { action: \"onChangeComplete\" },\n        onOpenChange: { action: \"onOpenChange\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div className={\"flex items-center justify-center mb-4\"}>\n                    <ColorPickerPrimitive\n                        {...args}\n                        value={value}\n                        onChange={value => console.log(\"Value changed:\", value)}\n                        onChangeComplete={value => {\n                            console.log(\"Value change complete:\", value);\n                            setValue(value);\n                        }}\n                    />\n                </div>\n                <div className={\"text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ColorPickerPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        ...Default.args,\n        value: \"#ff0000\"\n    }\n};\n\nexport const WithStartAlign: Story = {\n    args: {\n        ...Default.args,\n        align: \"start\"\n    }\n};\n\nexport const WithCenterAlign: Story = {\n    args: {\n        ...Default.args,\n        align: \"center\"\n    }\n};\n\nexport const WithEndAlign: Story = {\n    args: {\n        ...Default.args,\n        align: \"end\"\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ColorPicker/primitives/ColorPickerPrimitive.stories.js","sources":["../../../src/ColorPicker/primitives/ColorPickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { ColorPickerPrimitive } from \"./ColorPickerPrimitive.js\";\n\nconst meta: Meta<typeof ColorPickerPrimitive> = {\n    title: \"Components/Form Primitives/ColorPicker\",\n    component: ColorPickerPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onChangeComplete: { action: \"onChangeComplete\" },\n        onOpenChange: { action: \"onOpenChange\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [value, setValue] = useState(args.value);\n        return (\n            <div className={\"w-full\"}>\n                <div className={\"flex items-center justify-center mb-4\"}>\n                    <ColorPickerPrimitive\n                        {...args}\n                        value={value}\n                        onChange={value => console.log(\"Value changed:\", value)}\n                        onChangeComplete={value => {\n                            console.log(\"Value change complete:\", value);\n                            setValue(value);\n                        }}\n                    />\n                </div>\n                <div className={\"text-center\"}>\n                    Current selected value: <pre>{value}</pre>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ColorPickerPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const WithDefaultValue: Story = {\n    args: {\n        ...Default.args,\n        value: \"#ff0000\"\n    }\n};\n\nexport const WithStartAlign: Story = {\n    args: {\n        ...Default.args,\n        align: \"start\"\n    }\n};\n\nexport const WithCenterAlign: Story = {\n    args: {\n        ...Default.args,\n        align: \"center\"\n    }\n};\n\nexport const WithEndAlign: Story = {\n    args: {\n        ...Default.args,\n        align: \"end\"\n    }\n};\n"],"names":["meta","ColorPickerPrimitive","args","value","setValue","useState","console","Default","MediumSize","LargeSize","ExtraLargeSize","PrimaryVariant","PrimaryVariantDisabled","PrimaryVariantInvalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithDefaultValue","WithStartAlign","WithCenterAlign","WithEndAlign"],"mappings":";;AAIA,MAAMA,OAA0C;IAC5C,OAAO;IACP,WAAWC;IACX,UAAU;QACN,UAAU;YAAE,QAAQ;QAAW;QAC/B,kBAAkB;YAAE,QAAQ;QAAmB;QAC/C,cAAc;YAAE,QAAQ;QAAe;IAC3C;IACA,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAASH,KAAK,KAAK;QAC7C,OAAO,WAAP,GACI,oBAAC;YAAI,WAAW;yBACZ,oBAAC;YAAI,WAAW;yBACZ,oBAACD,sBAAoBA;YAChB,GAAGC,IAAI;YACR,OAAOC;YACP,UAAUA,CAAAA,QAASG,QAAQ,GAAG,CAAC,kBAAkBH;YACjD,kBAAkBA,CAAAA;gBACdG,QAAQ,GAAG,CAAC,0BAA0BH;gBACtCC,SAASD;YACb;2BAGR,oBAAC;YAAI,WAAW;WAAe,0CACH,oBAAC,aAAKA;IAI9C;AACJ;AAEA,qCAAeH;AAGR,MAAMO,UAAiB,CAAC;AAExB,MAAMC,aAAoB;IAC7B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,iBAAwB;IACjC,MAAM;QACF,MAAM;IACV;AACJ;AAEO,MAAMC,iBAAwB;IACjC,MAAM;QACF,SAAS;IACb;AACJ;AAEO,MAAMC,yBAAgC;IACzC,MAAM;QACF,GAAGD,eAAe,IAAI;QACtB,UAAU;IACd;AACJ;AAEO,MAAME,wBAA+B;IACxC,MAAM;QACF,GAAGF,eAAe,IAAI;QACtB,SAAS;IACb;AACJ;AAEO,MAAMG,mBAA0B;IACnC,MAAM;QACF,SAAS;IACb;AACJ;AAEO,MAAMC,2BAAkC;IAC3C,MAAM;QACF,GAAGD,iBAAiB,IAAI;QACxB,UAAU;IACd;AACJ;AAEO,MAAME,0BAAiC;IAC1C,MAAM;QACF,GAAGF,iBAAiB,IAAI;QACxB,SAAS;IACb;AACJ;AAEO,MAAMG,eAAsB;IAC/B,MAAM;QACF,SAAS;IACb;AACJ;AAEO,MAAMC,uBAA8B;IACvC,MAAM;QACF,GAAGD,aAAa,IAAI;QACpB,UAAU;IACd;AACJ;AAEO,MAAME,sBAA6B;IACtC,MAAM;QACF,GAAGF,aAAa,IAAI;QACpB,SAAS;IACb;AACJ;AAEO,MAAMG,mBAA0B;IACnC,MAAM;QACF,GAAGb,QAAQ,IAAI;QACf,OAAO;IACX;AACJ;AAEO,MAAMc,iBAAwB;IACjC,MAAM;QACF,GAAGd,QAAQ,IAAI;QACf,OAAO;IACX;AACJ;AAEO,MAAMe,kBAAyB;IAClC,MAAM;QACF,GAAGf,QAAQ,IAAI;QACf,OAAO;IACX;AACJ;AAEO,MAAMgB,eAAsB;IAC/B,MAAM;QACF,GAAGhB,QAAQ,IAAI;QACf,OAAO;IACX;AACJ"}

package/ColorPicker/primitives/index.js

@@ -1,3 +1 @@
 export * from "./ColorPickerPrimitive.js";
-
-//# sourceMappingURL=index.js.map

package/ColorPicker/primitives/presenters/ColorPickerPresenter.js

@@ -1,33 +1,33 @@
 import { makeAutoObservable } from "mobx";
 class ColorPickerPresenter {
-  params = undefined;
-  open = false;
-  value = "";
-  constructor() {
-    makeAutoObservable(this);
-  }
-  get vm() {
-    return {
-      open: this.open,
-      value: this.value
-    };
-  }
-  init(params) {
-    this.params = params;
-    this.value = params.value || "";
-  }
-  setColor = color => {
-    this.value = color.hex;
-    this.params?.onValueChange?.(color.hex);
-  };
-  commitColor = color => {
-    this.value = color.hex;
-    this.params?.onValueCommit?.(color.hex);
-  };
-  setOpen = open => {
-    this.open = open;
-    this.params?.onOpenChange?.(open);
-  };
+    constructor(){
+        this.params = void 0;
+        this.open = false;
+        this.value = "";
+        this.setColor = (color)=>{
+            this.value = color.hex;
+            this.params?.onValueChange?.(color.hex);
+        };
+        this.commitColor = (color)=>{
+            this.value = color.hex;
+            this.params?.onValueCommit?.(color.hex);
+        };
+        this.setOpen = (open)=>{
+            this.open = open;
+            this.params?.onOpenChange?.(open);
+        };
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            open: this.open,
+            value: this.value
+        };
+    }
+    init(params) {
+        this.params = params;
+        this.value = params.value || "";
+    }
 }
 export { ColorPickerPresenter };
 

package/ColorPicker/primitives/presenters/ColorPickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ColorPickerPresenter","params","undefined","open","value","constructor","vm","init","setColor","color","hex","onValueChange","commitColor","onValueCommit","setOpen","onOpenChange"],"sources":["ColorPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColorResult } from \"react-color\";\n\ninterface ColorPickerPresenterParams {\n    onOpenChange?: (open: boolean) => void;\n    onValueChange?: (value: string) => void;\n    onValueCommit?: (value: string) => void;\n    value?: string;\n}\n\ninterface IColorPickerPresenter {\n    vm: {\n        open: boolean;\n        value: string;\n    };\n    init: (params: ColorPickerPresenterParams) => void;\n    setColor: (color: Pick<ColorResult, \"hex\">) => void;\n    setOpen: (open: boolean) => void;\n}\n\nclass ColorPickerPresenter implements IColorPickerPresenter {\n    private params?: ColorPickerPresenterParams = undefined;\n    private open = false;\n    private value = \"\";\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            open: this.open,\n            value: this.value\n        };\n    }\n\n    init(params: ColorPickerPresenterParams) {\n        this.params = params;\n        this.value = params.value || \"\";\n    }\n\n    setColor = (color: Pick<ColorResult, \"hex\">) => {\n        this.value = color.hex;\n        this.params?.onValueChange?.(color.hex);\n    };\n\n    commitColor = (color: Pick<ColorResult, \"hex\">) => {\n        this.value = color.hex;\n        this.params?.onValueCommit?.(color.hex);\n    };\n\n    setOpen = (open: boolean) => {\n        this.open = open;\n        this.params?.onOpenChange?.(open);\n    };\n}\n\nexport { ColorPickerPresenter, type ColorPickerPresenterParams, type IColorPickerPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAoBzC,MAAMC,oBAAoB,CAAkC;EAChDC,MAAM,GAAgCC,SAAS;EAC/CC,IAAI,GAAG,KAAK;EACZC,KAAK,GAAG,EAAE;EAElBC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIO,EAAEA,CAAA,EAAG;IACL,OAAO;MACHH,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA;IAChB,CAAC;EACL;EAEAG,IAAIA,CAACN,MAAkC,EAAE;IACrC,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,KAAK,GAAGH,MAAM,CAACG,KAAK,IAAI,EAAE;EACnC;EAEAI,QAAQ,GAAIC,KAA+B,IAAK;IAC5C,IAAI,CAACL,KAAK,GAAGK,KAAK,CAACC,GAAG;IACtB,IAAI,CAACT,MAAM,EAAEU,aAAa,GAAGF,KAAK,CAACC,GAAG,CAAC;EAC3C,CAAC;EAEDE,WAAW,GAAIH,KAA+B,IAAK;IAC/C,IAAI,CAACL,KAAK,GAAGK,KAAK,CAACC,GAAG;IACtB,IAAI,CAACT,MAAM,EAAEY,aAAa,GAAGJ,KAAK,CAACC,GAAG,CAAC;EAC3C,CAAC;EAEDI,OAAO,GAAIX,IAAa,IAAK;IACzB,IAAI,CAACA,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACF,MAAM,EAAEc,YAAY,GAAGZ,IAAI,CAAC;EACrC,CAAC;AACL;AAEA,SAASH,oBAAoB","ignoreList":[]}
+{"version":3,"file":"ColorPicker/primitives/presenters/ColorPickerPresenter.js","sources":["../../../../src/ColorPicker/primitives/presenters/ColorPickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColorResult } from \"react-color\";\n\ninterface ColorPickerPresenterParams {\n    onOpenChange?: (open: boolean) => void;\n    onValueChange?: (value: string) => void;\n    onValueCommit?: (value: string) => void;\n    value?: string;\n}\n\ninterface IColorPickerPresenter {\n    vm: {\n        open: boolean;\n        value: string;\n    };\n    init: (params: ColorPickerPresenterParams) => void;\n    setColor: (color: Pick<ColorResult, \"hex\">) => void;\n    setOpen: (open: boolean) => void;\n}\n\nclass ColorPickerPresenter implements IColorPickerPresenter {\n    private params?: ColorPickerPresenterParams = undefined;\n    private open = false;\n    private value = \"\";\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            open: this.open,\n            value: this.value\n        };\n    }\n\n    init(params: ColorPickerPresenterParams) {\n        this.params = params;\n        this.value = params.value || \"\";\n    }\n\n    setColor = (color: Pick<ColorResult, \"hex\">) => {\n        this.value = color.hex;\n        this.params?.onValueChange?.(color.hex);\n    };\n\n    commitColor = (color: Pick<ColorResult, \"hex\">) => {\n        this.value = color.hex;\n        this.params?.onValueCommit?.(color.hex);\n    };\n\n    setOpen = (open: boolean) => {\n        this.open = open;\n        this.params?.onOpenChange?.(open);\n    };\n}\n\nexport { ColorPickerPresenter, type ColorPickerPresenterParams, type IColorPickerPresenter };\n"],"names":["ColorPickerPresenter","undefined","color","open","makeAutoObservable","params"],"mappings":";AAoBA,MAAMA;IAKF,aAAc;aAJN,MAAM,GAAgCC;aACtC,IAAI,GAAG;aACP,KAAK,GAAG;aAkBhB,QAAQ,GAAG,CAACC;YACR,IAAI,CAAC,KAAK,GAAGA,MAAM,GAAG;YACtB,IAAI,CAAC,MAAM,EAAE,gBAAgBA,MAAM,GAAG;QAC1C;aAEA,WAAW,GAAG,CAACA;YACX,IAAI,CAAC,KAAK,GAAGA,MAAM,GAAG;YACtB,IAAI,CAAC,MAAM,EAAE,gBAAgBA,MAAM,GAAG;QAC1C;aAEA,OAAO,GAAG,CAACC;YACP,IAAI,CAAC,IAAI,GAAGA;YACZ,IAAI,CAAC,MAAM,EAAE,eAAeA;QAChC;QA5BIC,mBAAmB,IAAI;IAC3B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,OAAO,IAAI,CAAC,KAAK;QACrB;IACJ;IAEA,KAAKC,MAAkC,EAAE;QACrC,IAAI,CAAC,MAAM,GAAGA;QACd,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK,IAAI;IACjC;AAgBJ"}

package/ColorPicker/primitives/presenters/ColorPickerPresenter.test.js

@@ -1,58 +1,52 @@
 import { ColorPickerPresenter } from "./ColorPickerPresenter.js";
 import { describe, expect, it, vi } from "vitest";
-describe("ColorPickerPresenter", () => {
-  const presenter = new ColorPickerPresenter();
-  const onValueChange = vi.fn();
-  it("should return the compatible `vm` based on params", () => {
-    // `value`
-    {
-      presenter.init({
-        value: "#ff0000",
-        onValueChange
-      });
-      expect(presenter.vm.value).toBe("#ff0000");
-    }
-    {
-      // default: no params
-      presenter.init({
-        onValueChange
-      });
-      expect(presenter.vm.value).toEqual("");
-      expect(presenter.vm.open).toEqual(false);
-    }
-  });
-  it("should set the color", () => {
-    presenter.init({
-      onValueChange
+describe("ColorPickerPresenter", ()=>{
+    const presenter = new ColorPickerPresenter();
+    const onValueChange = vi.fn();
+    it("should return the compatible `vm` based on params", ()=>{
+        presenter.init({
+            value: "#ff0000",
+            onValueChange
+        });
+        expect(presenter.vm.value).toBe("#ff0000");
+        presenter.init({
+            onValueChange
+        });
+        expect(presenter.vm.value).toEqual("");
+        expect(presenter.vm.open).toEqual(false);
     });
-    presenter.setColor({
-      hex: "#ff0000"
+    it("should set the color", ()=>{
+        presenter.init({
+            onValueChange
+        });
+        presenter.setColor({
+            hex: "#ff0000"
+        });
+        expect(presenter.vm.value).toBe("#ff0000");
+        expect(onValueChange).toHaveBeenCalledWith("#ff0000");
     });
-    expect(presenter.vm.value).toBe("#ff0000");
-    expect(onValueChange).toHaveBeenCalledWith("#ff0000");
-  });
-  it("should commit the color", () => {
-    const onValueCommit = vi.fn();
-    presenter.init({
-      onValueChange,
-      onValueCommit
+    it("should commit the color", ()=>{
+        const onValueCommit = vi.fn();
+        presenter.init({
+            onValueChange,
+            onValueCommit
+        });
+        presenter.commitColor({
+            hex: "#00ff00"
+        });
+        expect(presenter.vm.value).toBe("#00ff00");
+        expect(onValueCommit).toHaveBeenCalledWith("#00ff00");
     });
-    presenter.commitColor({
-      hex: "#00ff00"
+    it("should set the open state", ()=>{
+        const onOpenChange = vi.fn();
+        presenter.init({
+            onValueChange,
+            onOpenChange
+        });
+        presenter.setOpen(true);
+        expect(presenter.vm.open).toBe(true);
+        expect(onOpenChange).toHaveBeenCalledWith(true);
     });
-    expect(presenter.vm.value).toBe("#00ff00");
-    expect(onValueCommit).toHaveBeenCalledWith("#00ff00");
-  });
-  it("should set the open state", () => {
-    const onOpenChange = vi.fn();
-    presenter.init({
-      onValueChange,
-      onOpenChange
-    });
-    presenter.setOpen(true);
-    expect(presenter.vm.open).toBe(true);
-    expect(onOpenChange).toHaveBeenCalledWith(true);
-  });
 });
 
 //# sourceMappingURL=ColorPickerPresenter.test.js.map

package/ColorPicker/primitives/presenters/ColorPickerPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["ColorPickerPresenter","describe","expect","it","vi","presenter","onValueChange","fn","init","value","vm","toBe","toEqual","open","setColor","hex","toHaveBeenCalledWith","onValueCommit","commitColor","onOpenChange","setOpen"],"sources":["ColorPickerPresenter.test.ts"],"sourcesContent":["import { ColorPickerPresenter } from \"./ColorPickerPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"ColorPickerPresenter\", () => {\n    const presenter = new ColorPickerPresenter();\n    const onValueChange = vi.fn();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ value: \"#ff0000\", onValueChange });\n            expect(presenter.vm.value).toBe(\"#ff0000\");\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValueChange });\n            expect(presenter.vm.value).toEqual(\"\");\n            expect(presenter.vm.open).toEqual(false);\n        }\n    });\n\n    it(\"should set the color\", () => {\n        presenter.init({ onValueChange });\n        presenter.setColor({ hex: \"#ff0000\" });\n        expect(presenter.vm.value).toBe(\"#ff0000\");\n        expect(onValueChange).toHaveBeenCalledWith(\"#ff0000\");\n    });\n\n    it(\"should commit the color\", () => {\n        const onValueCommit = vi.fn();\n        presenter.init({ onValueChange, onValueCommit });\n        presenter.commitColor({ hex: \"#00ff00\" });\n        expect(presenter.vm.value).toBe(\"#00ff00\");\n        expect(onValueCommit).toHaveBeenCalledWith(\"#00ff00\");\n    });\n\n    it(\"should set the open state\", () => {\n        const onOpenChange = vi.fn();\n        presenter.init({ onValueChange, onOpenChange });\n        presenter.setOpen(true);\n        expect(presenter.vm.open).toBe(true);\n        expect(onOpenChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ,QAAQ;AAEjDH,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACnC,MAAMI,SAAS,GAAG,IAAIL,oBAAoB,CAAC,CAAC;EAC5C,MAAMM,aAAa,GAAGF,EAAE,CAACG,EAAE,CAAC,CAAC;EAE7BJ,EAAE,CAAC,mDAAmD,EAAE,MAAM;IAC1D;IACA;MACIE,SAAS,CAACG,IAAI,CAAC;QAAEC,KAAK,EAAE,SAAS;QAAEH;MAAc,CAAC,CAAC;MACnDJ,MAAM,CAACG,SAAS,CAACK,EAAE,CAACD,KAAK,CAAC,CAACE,IAAI,CAAC,SAAS,CAAC;IAC9C;IAEA;MACI;MACAN,SAAS,CAACG,IAAI,CAAC;QAAEF;MAAc,CAAC,CAAC;MACjCJ,MAAM,CAACG,SAAS,CAACK,EAAE,CAACD,KAAK,CAAC,CAACG,OAAO,CAAC,EAAE,CAAC;MACtCV,MAAM,CAACG,SAAS,CAACK,EAAE,CAACG,IAAI,CAAC,CAACD,OAAO,CAAC,KAAK,CAAC;IAC5C;EACJ,CAAC,CAAC;EAEFT,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC7BE,SAAS,CAACG,IAAI,CAAC;MAAEF;IAAc,CAAC,CAAC;IACjCD,SAAS,CAACS,QAAQ,CAAC;MAAEC,GAAG,EAAE;IAAU,CAAC,CAAC;IACtCb,MAAM,CAACG,SAAS,CAACK,EAAE,CAACD,KAAK,CAAC,CAACE,IAAI,CAAC,SAAS,CAAC;IAC1CT,MAAM,CAACI,aAAa,CAAC,CAACU,oBAAoB,CAAC,SAAS,CAAC;EACzD,CAAC,CAAC;EAEFb,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAChC,MAAMc,aAAa,GAAGb,EAAE,CAACG,EAAE,CAAC,CAAC;IAC7BF,SAAS,CAACG,IAAI,CAAC;MAAEF,aAAa;MAAEW;IAAc,CAAC,CAAC;IAChDZ,SAAS,CAACa,WAAW,CAAC;MAAEH,GAAG,EAAE;IAAU,CAAC,CAAC;IACzCb,MAAM,CAACG,SAAS,CAACK,EAAE,CAACD,KAAK,CAAC,CAACE,IAAI,CAAC,SAAS,CAAC;IAC1CT,MAAM,CAACe,aAAa,CAAC,CAACD,oBAAoB,CAAC,SAAS,CAAC;EACzD,CAAC,CAAC;EAEFb,EAAE,CAAC,2BAA2B,EAAE,MAAM;IAClC,MAAMgB,YAAY,GAAGf,EAAE,CAACG,EAAE,CAAC,CAAC;IAC5BF,SAAS,CAACG,IAAI,CAAC;MAAEF,aAAa;MAAEa;IAAa,CAAC,CAAC;IAC/Cd,SAAS,CAACe,OAAO,CAAC,IAAI,CAAC;IACvBlB,MAAM,CAACG,SAAS,CAACK,EAAE,CAACG,IAAI,CAAC,CAACF,IAAI,CAAC,IAAI,CAAC;IACpCT,MAAM,CAACiB,YAAY,CAAC,CAACH,oBAAoB,CAAC,IAAI,CAAC;EACnD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"ColorPicker/primitives/presenters/ColorPickerPresenter.test.js","sources":["../../../../src/ColorPicker/primitives/presenters/ColorPickerPresenter.test.ts"],"sourcesContent":["import { ColorPickerPresenter } from \"./ColorPickerPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"ColorPickerPresenter\", () => {\n    const presenter = new ColorPickerPresenter();\n    const onValueChange = vi.fn();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ value: \"#ff0000\", onValueChange });\n            expect(presenter.vm.value).toBe(\"#ff0000\");\n        }\n\n        {\n            // default: no params\n            presenter.init({ onValueChange });\n            expect(presenter.vm.value).toEqual(\"\");\n            expect(presenter.vm.open).toEqual(false);\n        }\n    });\n\n    it(\"should set the color\", () => {\n        presenter.init({ onValueChange });\n        presenter.setColor({ hex: \"#ff0000\" });\n        expect(presenter.vm.value).toBe(\"#ff0000\");\n        expect(onValueChange).toHaveBeenCalledWith(\"#ff0000\");\n    });\n\n    it(\"should commit the color\", () => {\n        const onValueCommit = vi.fn();\n        presenter.init({ onValueChange, onValueCommit });\n        presenter.commitColor({ hex: \"#00ff00\" });\n        expect(presenter.vm.value).toBe(\"#00ff00\");\n        expect(onValueCommit).toHaveBeenCalledWith(\"#00ff00\");\n    });\n\n    it(\"should set the open state\", () => {\n        const onOpenChange = vi.fn();\n        presenter.init({ onValueChange, onOpenChange });\n        presenter.setOpen(true);\n        expect(presenter.vm.open).toBe(true);\n        expect(onOpenChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"names":["describe","presenter","ColorPickerPresenter","onValueChange","vi","it","expect","onValueCommit","onOpenChange"],"mappings":";;AAGAA,SAAS,wBAAwB;IAC7B,MAAMC,YAAY,IAAIC;IACtB,MAAMC,gBAAgBC,GAAG,EAAE;IAE3BC,GAAG,qDAAqD;QAGhDJ,UAAU,IAAI,CAAC;YAAE,OAAO;YAAWE;QAAc;QACjDG,OAAOL,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;QAKhCA,UAAU,IAAI,CAAC;YAAEE;QAAc;QAC/BG,OAAOL,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;QACnCK,OAAOL,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;IAE1C;IAEAI,GAAG,wBAAwB;QACvBJ,UAAU,IAAI,CAAC;YAAEE;QAAc;QAC/BF,UAAU,QAAQ,CAAC;YAAE,KAAK;QAAU;QACpCK,OAAOL,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;QAChCK,OAAOH,eAAe,oBAAoB,CAAC;IAC/C;IAEAE,GAAG,2BAA2B;QAC1B,MAAME,gBAAgBH,GAAG,EAAE;QAC3BH,UAAU,IAAI,CAAC;YAAEE;YAAeI;QAAc;QAC9CN,UAAU,WAAW,CAAC;YAAE,KAAK;QAAU;QACvCK,OAAOL,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;QAChCK,OAAOC,eAAe,oBAAoB,CAAC;IAC/C;IAEAF,GAAG,6BAA6B;QAC5B,MAAMG,eAAeJ,GAAG,EAAE;QAC1BH,UAAU,IAAI,CAAC;YAAEE;YAAeK;QAAa;QAC7CP,UAAU,OAAO,CAAC;QAClBK,OAAOL,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QAC/BK,OAAOE,cAAc,oBAAoB,CAAC;IAC9C;AACJ"}

package/ColorPicker/primitives/presenters/index.js

@@ -1,3 +1 @@
 export * from "./ColorPickerPresenter.js";
-
-//# sourceMappingURL=index.js.map

package/ColorPicker/primitives/useColorPicker.js

@@ -1,33 +1,41 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { ColorPickerPresenter } from "./presenters/index.js";
-export const useColorPicker = props => {
-  const params = useMemo(() => ({
-    value: props.value,
-    onOpenChange: props.onOpenChange,
-    onValueChange: props.onChange,
-    onValueCommit: props.onChangeComplete
-  }), [props.value, props.onOpenChange, props.onChange, props.onChangeComplete]);
-  const presenter = useMemo(() => {
-    const presenter = new ColorPickerPresenter();
-    presenter.init(params);
-    return presenter;
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm,
-    setColor: presenter.setColor,
-    commitColor: presenter.commitColor,
-    setOpen: presenter.setOpen
-  };
+const useColorPicker = (props)=>{
+    const params = useMemo(()=>({
+            value: props.value,
+            onOpenChange: props.onOpenChange,
+            onValueChange: props.onChange,
+            onValueCommit: props.onChangeComplete
+        }), [
+        props.value,
+        props.onOpenChange,
+        props.onChange,
+        props.onChangeComplete
+    ]);
+    const presenter = useMemo(()=>{
+        const presenter = new ColorPickerPresenter();
+        presenter.init(params);
+        return presenter;
+    }, []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm,
+        setColor: presenter.setColor,
+        commitColor: presenter.commitColor,
+        setOpen: presenter.setOpen
+    };
 };
+export { useColorPicker };
 
 //# sourceMappingURL=useColorPicker.js.map

package/ColorPicker/primitives/useColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","ColorPickerPresenter","useColorPicker","props","params","value","onOpenChange","onValueChange","onChange","onValueCommit","onChangeComplete","presenter","init","vm","setVm","setColor","commitColor","setOpen"],"sources":["useColorPicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { ColorPickerPrimitiveProps } from \"./ColorPickerPrimitive.js\";\nimport type { ColorPickerPresenterParams } from \"./presenters/index.js\";\nimport { ColorPickerPresenter } from \"./presenters/index.js\";\n\nexport const useColorPicker = (props: ColorPickerPrimitiveProps) => {\n    const params: ColorPickerPresenterParams = useMemo(\n        () => ({\n            value: props.value,\n            onOpenChange: props.onOpenChange,\n            onValueChange: props.onChange,\n            onValueCommit: props.onChangeComplete\n        }),\n        [props.value, props.onOpenChange, props.onChange, props.onChangeComplete]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new ColorPickerPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setColor: presenter.setColor,\n        commitColor: presenter.commitColor,\n        setOpen: presenter.setOpen\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,cAAc,GAAIC,KAAgC,IAAK;EAChE,MAAMC,MAAkC,GAAGN,OAAO,CAC9C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE,KAAK;IAClBC,YAAY,EAAEH,KAAK,CAACG,YAAY;IAChCC,aAAa,EAAEJ,KAAK,CAACK,QAAQ;IAC7BC,aAAa,EAAEN,KAAK,CAACO;EACzB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,KAAK,EAAEF,KAAK,CAACG,YAAY,EAAEH,KAAK,CAACK,QAAQ,EAAEL,KAAK,CAACO,gBAAgB,CAC5E,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,oBAAoB,CAAC,CAAC;IAC5CU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IACHE,EAAE;IACFE,QAAQ,EAAEJ,SAAS,CAACI,QAAQ;IAC5BC,WAAW,EAAEL,SAAS,CAACK,WAAW;IAClCC,OAAO,EAAEN,SAAS,CAACM;EACvB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"ColorPicker/primitives/useColorPicker.js","sources":["../../../src/ColorPicker/primitives/useColorPicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { ColorPickerPrimitiveProps } from \"./ColorPickerPrimitive.js\";\nimport type { ColorPickerPresenterParams } from \"./presenters/index.js\";\nimport { ColorPickerPresenter } from \"./presenters/index.js\";\n\nexport const useColorPicker = (props: ColorPickerPrimitiveProps) => {\n    const params: ColorPickerPresenterParams = useMemo(\n        () => ({\n            value: props.value,\n            onOpenChange: props.onOpenChange,\n            onValueChange: props.onChange,\n            onValueCommit: props.onChangeComplete\n        }),\n        [props.value, props.onOpenChange, props.onChange, props.onChangeComplete]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new ColorPickerPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        setColor: presenter.setColor,\n        commitColor: presenter.commitColor,\n        setOpen: presenter.setOpen\n    };\n};\n"],"names":["useColorPicker","props","params","useMemo","presenter","ColorPickerPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAMO,MAAMA,iBAAiB,CAACC;IAC3B,MAAMC,SAAqCC,QACvC,IAAO;YACH,OAAOF,MAAM,KAAK;YAClB,cAAcA,MAAM,YAAY;YAChC,eAAeA,MAAM,QAAQ;YAC7B,eAAeA,MAAM,gBAAgB;QACzC,IACA;QAACA,MAAM,KAAK;QAAEA,MAAM,YAAY;QAAEA,MAAM,QAAQ;QAAEA,MAAM,gBAAgB;KAAC;IAG7E,MAAMG,YAAYD,QAAQ;QACtB,MAAMC,YAAY,IAAIC;QACtBD,UAAU,IAAI,CAACF;QACf,OAAOE;IACX,GAAG,EAAE;IAEL,MAAM,CAACE,IAAIC,MAAM,GAAGC,SAASJ,UAAU,EAAE;IAEzCK,UAAU;QACNL,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;KAAO;IAEXO,UAAU,IACCC,QAAQ;YACXH,MAAMH,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHE;QACA,UAAUF,UAAU,QAAQ;QAC5B,aAAaA,UAAU,WAAW;QAClC,SAASA,UAAU,OAAO;IAC9B;AACJ"}