@webiny/admin-ui 0.0.0-unstable.a4637c5ce6 → 0.0.0-unstable.a4f3e4ea8b

package/Tags/primitives/presenters/TagsValuesPresenter.js

@@ -1,40 +1,34 @@
 import { makeAutoObservable } from "mobx";
-import minimatch from "minimatch";
-import { TagItem, TagItemMapper } from "../../domain";
+import { minimatch } from "minimatch";
+import { TagItem, TagItemMapper } from "../../domain/index.js";
 class TagsValuesPresenter {
-  values = [];
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init(params) {
-    this.values = params.values?.map(value => TagItem.create({
-      label: value,
-      protected: params.protectedValues ? params.protectedValues.some(pattern => minimatch(value, pattern)) : false
-    })) ?? [];
-  }
-  get vm() {
-    return {
-      values: this.values.map(value => TagItemMapper.toFormatted(value))
-    };
-  }
-  addValue = value => {
-    if (!value || this.values.find(tag => tag.label === value)) {
-      return;
+    constructor(){
+        this.values = [];
+        this.addValue = (value)=>{
+            if (!value || this.values.find((tag)=>tag.label === value)) return;
+            const tagItem = TagItem.create({
+                label: value
+            });
+            this.values.push(tagItem);
+        };
+        this.removeValue = (value)=>{
+            this.values = this.values.filter((tagItem)=>tagItem.label !== value || this.isValueProtected(tagItem.label));
+        };
+        this.hasValue = (value)=>!!this.values.find((tag)=>tag.label === value);
+        this.isValueProtected = (value)=>!!this.values.find((tag)=>tag.label === value && tag.protected);
+        makeAutoObservable(this);
+    }
+    init(params) {
+        this.values = params.values?.map((value)=>TagItem.create({
+                label: value,
+                protected: params.protectedValues ? params.protectedValues.some((pattern)=>minimatch(value, pattern)) : false
+            })) ?? [];
+    }
+    get vm() {
+        return {
+            values: this.values.map((value)=>TagItemMapper.toFormatted(value))
+        };
     }
-    const tagItem = TagItem.create({
-      label: value
-    });
-    this.values.push(tagItem);
-  };
-  removeValue = value => {
-    this.values = this.values.filter(tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label));
-  };
-  hasValue = value => {
-    return !!this.values.find(tag => tag.label === value);
-  };
-  isValueProtected = value => {
-    return !!this.values.find(tag => tag.label === value && tag.protected);
-  };
 }
 export { TagsValuesPresenter };
 

package/Tags/primitives/presenters/TagsValuesPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","minimatch","TagItem","TagItemMapper","TagsValuesPresenter","values","constructor","init","params","map","value","create","label","protected","protectedValues","some","pattern","vm","toFormatted","addValue","find","tag","tagItem","push","removeValue","filter","isValueProtected","hasValue"],"sources":["TagsValuesPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport minimatch from \"minimatch\";\nimport { TagItem, type TagItemFormatted, TagItemMapper } from \"~/Tags/domain\";\n\ninterface TagsValuesPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n}\n\ninterface ITagsValuesPresenter {\n    vm: {\n        values: TagItemFormatted[];\n    };\n    init: (params: TagsValuesPresenterParams) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n    hasValue: (value: string) => boolean;\n    isValueProtected: (value: string) => boolean;\n}\n\nclass TagsValuesPresenter implements ITagsValuesPresenter {\n    private values: TagItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsValuesPresenterParams) {\n        this.values =\n            params.values?.map(value =>\n                TagItem.create({\n                    label: value,\n                    protected: params.protectedValues\n                        ? params.protectedValues.some(pattern => minimatch(value, pattern))\n                        : false\n                })\n            ) ?? [];\n    }\n\n    get vm() {\n        return {\n            values: this.values.map(value => TagItemMapper.toFormatted(value))\n        };\n    }\n\n    public addValue = (value: string) => {\n        if (!value || this.values.find(tag => tag.label === value)) {\n            return;\n        }\n        const tagItem = TagItem.create({ label: value });\n        this.values.push(tagItem);\n    };\n\n    public removeValue = (value: string) => {\n        this.values = this.values.filter(\n            tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label)\n        );\n    };\n\n    public hasValue = (value: string) => {\n        return !!this.values.find(tag => tag.label === value);\n    };\n\n    public isValueProtected = (value: string) => {\n        return !!this.values.find(tag => tag.label === value && tag.protected);\n    };\n}\n\nexport { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,OAAOC,SAAS,MAAM,WAAW;AACjC,SAASC,OAAO,EAAyBC,aAAa;AAkBtD,MAAMC,mBAAmB,CAAiC;EAC9CC,MAAM,GAAc,EAAE;EAE9BC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACC,MAAiC,EAAE;IACpC,IAAI,CAACH,MAAM,GACPG,MAAM,CAACH,MAAM,EAAEI,GAAG,CAACC,KAAK,IACpBR,OAAO,CAACS,MAAM,CAAC;MACXC,KAAK,EAAEF,KAAK;MACZG,SAAS,EAAEL,MAAM,CAACM,eAAe,GAC3BN,MAAM,CAACM,eAAe,CAACC,IAAI,CAACC,OAAO,IAAIf,SAAS,CAACS,KAAK,EAAEM,OAAO,CAAC,CAAC,GACjE;IACV,CAAC,CACL,CAAC,IAAI,EAAE;EACf;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,GAAG,CAACC,KAAK,IAAIP,aAAa,CAACe,WAAW,CAACR,KAAK,CAAC;IACrE,CAAC;EACL;EAEOS,QAAQ,GAAIT,KAAa,IAAK;IACjC,IAAI,CAACA,KAAK,IAAI,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC,EAAE;MACxD;IACJ;IACA,MAAMY,OAAO,GAAGpB,OAAO,CAACS,MAAM,CAAC;MAAEC,KAAK,EAAEF;IAAM,CAAC,CAAC;IAChD,IAAI,CAACL,MAAM,CAACkB,IAAI,CAACD,OAAO,CAAC;EAC7B,CAAC;EAEME,WAAW,GAAId,KAAa,IAAK;IACpC,IAAI,CAACL,MAAM,GAAG,IAAI,CAACA,MAAM,CAACoB,MAAM,CAC5BH,OAAO,IAAIA,OAAO,CAACV,KAAK,KAAKF,KAAK,IAAI,IAAI,CAACgB,gBAAgB,CAACJ,OAAO,CAACV,KAAK,CAC7E,CAAC;EACL,CAAC;EAEMe,QAAQ,GAAIjB,KAAa,IAAK;IACjC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC;EACzD,CAAC;EAEMgB,gBAAgB,GAAIhB,KAAa,IAAK;IACzC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,IAAIW,GAAG,CAACR,SAAS,CAAC;EAC1E,CAAC;AACL;AAEA,SAAST,mBAAmB","ignoreList":[]}
+{"version":3,"file":"Tags/primitives/presenters/TagsValuesPresenter.js","sources":["../../../../src/Tags/primitives/presenters/TagsValuesPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { minimatch } from \"minimatch\";\nimport { TagItem, type TagItemFormatted, TagItemMapper } from \"~/Tags/domain/index.js\";\n\ninterface TagsValuesPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n}\n\ninterface ITagsValuesPresenter {\n    vm: {\n        values: TagItemFormatted[];\n    };\n    init: (params: TagsValuesPresenterParams) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n    hasValue: (value: string) => boolean;\n    isValueProtected: (value: string) => boolean;\n}\n\nclass TagsValuesPresenter implements ITagsValuesPresenter {\n    private values: TagItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsValuesPresenterParams) {\n        this.values =\n            params.values?.map(value =>\n                TagItem.create({\n                    label: value,\n                    protected: params.protectedValues\n                        ? params.protectedValues.some(pattern => minimatch(value, pattern))\n                        : false\n                })\n            ) ?? [];\n    }\n\n    get vm() {\n        return {\n            values: this.values.map(value => TagItemMapper.toFormatted(value))\n        };\n    }\n\n    public addValue = (value: string) => {\n        if (!value || this.values.find(tag => tag.label === value)) {\n            return;\n        }\n        const tagItem = TagItem.create({ label: value });\n        this.values.push(tagItem);\n    };\n\n    public removeValue = (value: string) => {\n        this.values = this.values.filter(\n            tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label)\n        );\n    };\n\n    public hasValue = (value: string) => {\n        return !!this.values.find(tag => tag.label === value);\n    };\n\n    public isValueProtected = (value: string) => {\n        return !!this.values.find(tag => tag.label === value && tag.protected);\n    };\n}\n\nexport { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };\n"],"names":["TagsValuesPresenter","value","tag","tagItem","TagItem","makeAutoObservable","params","pattern","minimatch","TagItemMapper"],"mappings":";;;AAoBA,MAAMA;IAGF,aAAc;aAFN,MAAM,GAAc,EAAE;aAwBvB,QAAQ,GAAG,CAACC;YACf,IAAI,CAACA,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,CAACC,CAAAA,MAAOA,IAAI,KAAK,KAAKD,QAChD;YAEJ,MAAME,UAAUC,QAAQ,MAAM,CAAC;gBAAE,OAAOH;YAAM;YAC9C,IAAI,CAAC,MAAM,CAAC,IAAI,CAACE;QACrB;aAEO,WAAW,GAAG,CAACF;YAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAC5BE,CAAAA,UAAWA,QAAQ,KAAK,KAAKF,SAAS,IAAI,CAAC,gBAAgB,CAACE,QAAQ,KAAK;QAEjF;aAEO,QAAQ,GAAG,CAACF,QACR,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACC,CAAAA,MAAOA,IAAI,KAAK,KAAKD;aAG5C,gBAAgB,GAAG,CAACA,QAChB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACC,CAAAA,MAAOA,IAAI,KAAK,KAAKD,SAASC,IAAI,SAAS;QAxCrEG,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAiC,EAAE;QACpC,IAAI,CAAC,MAAM,GACPA,OAAO,MAAM,EAAE,IAAIL,CAAAA,QACfG,QAAQ,MAAM,CAAC;gBACX,OAAOH;gBACP,WAAWK,OAAO,eAAe,GAC3BA,OAAO,eAAe,CAAC,IAAI,CAACC,CAAAA,UAAWC,UAAUP,OAAOM,YACxD;YACV,OACC,EAAE;IACf;IAEA,IAAI,KAAK;QACL,OAAO;YACH,QAAQ,IAAI,CAAC,MAAM,CAAC,GAAG,CAACN,CAAAA,QAASQ,cAAc,WAAW,CAACR;QAC/D;IACJ;AAuBJ"}

package/Tags/primitives/presenters/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./TagsPresenter";
-export * from "./TagsInputPresenter";
-export * from "./TagsValuesPresenter";
+export * from "./TagsPresenter.js";
+export * from "./TagsInputPresenter.js";
+export * from "./TagsValuesPresenter.js";

package/Tags/primitives/presenters/index.js

@@ -1,5 +1,3 @@
-export * from "./TagsPresenter";
-export * from "./TagsInputPresenter";
-export * from "./TagsValuesPresenter";
-
-//# sourceMappingURL=index.js.map
+export * from "./TagsPresenter.js";
+export * from "./TagsInputPresenter.js";
+export * from "./TagsValuesPresenter.js";

package/Tags/primitives/useTags.d.ts

@@ -1,4 +1,4 @@
-import type { TagsPrimitiveProps } from "./TagsPrimitive";
+import type { TagsPrimitiveProps } from "./TagsPrimitive.js";
 export declare const useTags: (props: TagsPrimitiveProps) => {
     vm: {
         inputVm: {
@@ -6,7 +6,7 @@ export declare const useTags: (props: TagsPrimitiveProps) => {
             value: string;
         };
         valuesVm: {
-            values: import("../domain").TagItemFormatted[];
+            values: import("../domain/TagItemFormatted.js").TagItemFormatted[];
         };
     };
     inputValue: (value: string) => void;

package/Tags/primitives/useTags.js

@@ -1,36 +1,48 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { TagsInputPresenter, TagsPresenter, TagsValuesPresenter } from "./presenters";
-export const useTags = props => {
-  const params = useMemo(() => ({
-    values: props.value,
-    protectedValues: props.protectedValues,
-    placeholder: props.placeholder,
-    onValueChange: props.onChange,
-    onValueInput: props.onValueInput,
-    onValueAdd: props.onValueAdd,
-    onValueRemove: props.onValueRemove
-  }), [props.value, props.protectedValues, props.placeholder, props.onChange, props.onValueInput, props.onValueAdd, props.onValueRemove]);
-  const presenter = useMemo(() => {
-    const inputPresenter = new TagsInputPresenter();
-    const valuesPresenter = new TagsValuesPresenter();
-    return new TagsPresenter(inputPresenter, valuesPresenter);
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params, presenter]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm,
-    inputValue: presenter.inputValue,
-    addValue: presenter.addValue,
-    removeValue: presenter.removeValue
-  };
+import { TagsInputPresenter, TagsPresenter, TagsValuesPresenter } from "./presenters/index.js";
+const useTags = (props)=>{
+    const params = useMemo(()=>({
+            values: props.value,
+            protectedValues: props.protectedValues,
+            placeholder: props.placeholder,
+            onValueChange: props.onChange,
+            onValueInput: props.onValueInput,
+            onValueAdd: props.onValueAdd,
+            onValueRemove: props.onValueRemove
+        }), [
+        props.value,
+        props.protectedValues,
+        props.placeholder,
+        props.onChange,
+        props.onValueInput,
+        props.onValueAdd,
+        props.onValueRemove
+    ]);
+    const presenter = useMemo(()=>{
+        const inputPresenter = new TagsInputPresenter();
+        const valuesPresenter = new TagsValuesPresenter();
+        return new TagsPresenter(inputPresenter, valuesPresenter);
+    }, []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params,
+        presenter
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm,
+        inputValue: presenter.inputValue,
+        addValue: presenter.addValue,
+        removeValue: presenter.removeValue
+    };
 };
+export { useTags };
 
 //# sourceMappingURL=useTags.js.map

package/Tags/primitives/useTags.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","TagsInputPresenter","TagsPresenter","TagsValuesPresenter","useTags","props","params","values","value","protectedValues","placeholder","onValueChange","onChange","onValueInput","onValueAdd","onValueRemove","presenter","inputPresenter","valuesPresenter","vm","setVm","init","inputValue","addValue","removeValue"],"sources":["useTags.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    TagsInputPresenter,\n    TagsPresenter,\n    type TagsPresenterParams,\n    TagsValuesPresenter\n} from \"./presenters\";\nimport type { TagsPrimitiveProps } from \"./TagsPrimitive\";\n\nexport const useTags = (props: TagsPrimitiveProps) => {\n    const params: TagsPresenterParams = useMemo(\n        () => ({\n            values: props.value,\n            protectedValues: props.protectedValues,\n            placeholder: props.placeholder,\n            onValueChange: props.onChange,\n            onValueInput: props.onValueInput,\n            onValueAdd: props.onValueAdd,\n            onValueRemove: props.onValueRemove\n        }),\n        [\n            props.value,\n            props.protectedValues,\n            props.placeholder,\n            props.onChange,\n            props.onValueInput,\n            props.onValueAdd,\n            props.onValueRemove\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new TagsInputPresenter();\n        const valuesPresenter = new TagsValuesPresenter();\n\n        return new TagsPresenter(inputPresenter, valuesPresenter);\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        inputValue: presenter.inputValue,\n        addValue: presenter.addValue,\n        removeValue: presenter.removeValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,kBAAkB,EAClBC,aAAa,EAEbC,mBAAmB;AAIvB,OAAO,MAAMC,OAAO,GAAIC,KAAyB,IAAK;EAClD,MAAMC,MAA2B,GAAGR,OAAO,CACvC,OAAO;IACHS,MAAM,EAAEF,KAAK,CAACG,KAAK;IACnBC,eAAe,EAAEJ,KAAK,CAACI,eAAe;IACtCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ,YAAY;IAChCC,UAAU,EAAET,KAAK,CAACS,UAAU;IAC5BC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,eAAe,EACrBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,UAAU,EAChBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC5B,MAAMmB,cAAc,GAAG,IAAIhB,kBAAkB,CAAC,CAAC;IAC/C,MAAMiB,eAAe,GAAG,IAAIf,mBAAmB,CAAC,CAAC;IAEjD,OAAO,IAAID,aAAa,CAACe,cAAc,EAAEC,eAAe,CAAC;EAC7D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAGrB,QAAQ,CAACiB,SAAS,CAACG,EAAE,CAAC;EAE1CtB,SAAS,CAAC,MAAM;IACZmB,SAAS,CAACK,IAAI,CAACf,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEU,SAAS,CAAC,CAAC;EAEvBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBoB,KAAK,CAACJ,SAAS,CAACG,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;EAEf,OAAO;IACHG,EAAE;IACFG,UAAU,EAAEN,SAAS,CAACM,UAAU;IAChCC,QAAQ,EAAEP,SAAS,CAACO,QAAQ;IAC5BC,WAAW,EAAER,SAAS,CAACQ;EAC3B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"Tags/primitives/useTags.js","sources":["../../../src/Tags/primitives/useTags.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    TagsInputPresenter,\n    TagsPresenter,\n    type TagsPresenterParams,\n    TagsValuesPresenter\n} from \"./presenters/index.js\";\nimport type { TagsPrimitiveProps } from \"./TagsPrimitive.js\";\n\nexport const useTags = (props: TagsPrimitiveProps) => {\n    const params: TagsPresenterParams = useMemo(\n        () => ({\n            values: props.value,\n            protectedValues: props.protectedValues,\n            placeholder: props.placeholder,\n            onValueChange: props.onChange,\n            onValueInput: props.onValueInput,\n            onValueAdd: props.onValueAdd,\n            onValueRemove: props.onValueRemove\n        }),\n        [\n            props.value,\n            props.protectedValues,\n            props.placeholder,\n            props.onChange,\n            props.onValueInput,\n            props.onValueAdd,\n            props.onValueRemove\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new TagsInputPresenter();\n        const valuesPresenter = new TagsValuesPresenter();\n\n        return new TagsPresenter(inputPresenter, valuesPresenter);\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        inputValue: presenter.inputValue,\n        addValue: presenter.addValue,\n        removeValue: presenter.removeValue\n    };\n};\n"],"names":["useTags","props","params","useMemo","presenter","inputPresenter","TagsInputPresenter","valuesPresenter","TagsValuesPresenter","TagsPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAUO,MAAMA,UAAU,CAACC;IACpB,MAAMC,SAA8BC,QAChC,IAAO;YACH,QAAQF,MAAM,KAAK;YACnB,iBAAiBA,MAAM,eAAe;YACtC,aAAaA,MAAM,WAAW;YAC9B,eAAeA,MAAM,QAAQ;YAC7B,cAAcA,MAAM,YAAY;YAChC,YAAYA,MAAM,UAAU;YAC5B,eAAeA,MAAM,aAAa;QACtC,IACA;QACIA,MAAM,KAAK;QACXA,MAAM,eAAe;QACrBA,MAAM,WAAW;QACjBA,MAAM,QAAQ;QACdA,MAAM,YAAY;QAClBA,MAAM,UAAU;QAChBA,MAAM,aAAa;KACtB;IAGL,MAAMG,YAAYD,QAAQ;QACtB,MAAME,iBAAiB,IAAIC;QAC3B,MAAMC,kBAAkB,IAAIC;QAE5B,OAAO,IAAIC,cAAcJ,gBAAgBE;IAC7C,GAAG,EAAE;IAEL,MAAM,CAACG,IAAIC,MAAM,GAAGC,SAASR,UAAU,EAAE;IAEzCS,UAAU;QACNT,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;QAAQE;KAAU;IAEtBS,UAAU,IACCC,QAAQ;YACXH,MAAMP,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHM;QACA,YAAYN,UAAU,UAAU;QAChC,UAAUA,UAAU,QAAQ;QAC5B,aAAaA,UAAU,WAAW;IACtC;AACJ"}

package/Text/Text.d.ts

@@ -1,27 +1,28 @@
 import React from "react";
-import { type VariantProps } from "../utils";
+import { type VariantProps } from "../utils.js";
 type TextTags = "span" | "div";
 declare const textVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "lg" | "md" | "sm" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
     as?: TextTags;
 }
-declare const Text: (({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element) & {
-    original: ({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element;
+declare const TextBase: ({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element;
+declare const Text: typeof TextBase & {
+    original: typeof TextBase;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element) & {
-        original: ({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element;
+    original: typeof TextBase & {
+        original: typeof TextBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element) & {
-        original: ({ children, size, className, as: Tag, ...props }: TextProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof TextBase & {
+        original: typeof TextBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Text/Text.js

@@ -1,31 +1,24 @@
-import React from "react";
-import { cn, cva, makeDecoratable } from "../utils";
-const textVariants = cva("wby-font-sans", {
-  variants: {
-    size: {
-      xl: "wby-text-xl",
-      lg: "wby-text-lg",
-      md: "wby-text-md",
-      sm: "wby-text-sm"
+import react from "react";
+import { cn, cva, makeDecoratable } from "../utils.js";
+const textVariants = cva("font-sans", {
+    variants: {
+        size: {
+            xl: "text-xl",
+            lg: "text-lg",
+            md: "text-md",
+            sm: "text-sm"
+        }
+    },
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-const TextBase = ({
-  children,
-  size,
-  className,
-  as: Tag = "span",
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(Tag, Object.assign({}, props, {
-    className: cn(textVariants({
-      size
-    }), className)
-  }), children);
-};
+const TextBase = ({ children, size, className, as: Tag = "span", ...props })=>/*#__PURE__*/ react.createElement(Tag, {
+        ...props,
+        className: cn(textVariants({
+            size
+        }), className)
+    }, children);
 const Text = makeDecoratable("Text", TextBase);
 export { Text };
 

package/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","textVariants","variants","size","xl","lg","md","sm","defaultVariants","TextBase","children","className","as","Tag","props","createElement","Object","assign","Text"],"sources":["Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\n\ntype TextTags = \"span\" | \"div\";\n\nconst textVariants = cva(\"wby-font-sans\", {\n    variants: {\n        size: {\n            xl: \"wby-text-xl\",\n            lg: \"wby-text-lg\",\n            md: \"wby-text-md\",\n            sm: \"wby-text-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n    as?: TextTags;\n}\n\nconst TextBase = ({ children, size, className, as: Tag = \"span\", ...props }: TextProps) => {\n    return (\n        <Tag {...props} className={cn(textVariants({ size }), className)}>\n            {children}\n        </Tag>\n    );\n};\n\nconst Text = makeDecoratable(\"Text\", TextBase);\n\nexport { Text, type TextProps, type TextTags };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAIjC,MAAMC,YAAY,GAAGF,GAAG,CAAC,eAAe,EAAE;EACtCG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMM,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEP,IAAI;EAAEQ,SAAS;EAAEC,EAAE,EAAEC,GAAG,GAAG,MAAM;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACvF,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,GAAG,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEH,SAAS,EAAEb,EAAE,CAACG,YAAY,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEQ,SAAS;EAAE,IAC5DD,QACA,CAAC;AAEd,CAAC;AAED,MAAMQ,IAAI,GAAGlB,eAAe,CAAC,MAAM,EAAES,QAAQ,CAAC;AAE9C,SAASS,IAAI","ignoreList":[]}
+{"version":3,"file":"Text/Text.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\ntype TextTags = \"span\" | \"div\";\n\nconst textVariants = cva(\"font-sans\", {\n    variants: {\n        size: {\n            xl: \"text-xl\",\n            lg: \"text-lg\",\n            md: \"text-md\",\n            sm: \"text-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n    as?: TextTags;\n}\n\nconst TextBase = ({ children, size, className, as: Tag = \"span\", ...props }: TextProps) => {\n    return (\n        <Tag {...props} className={cn(textVariants({ size }), className)}>\n            {children}\n        </Tag>\n    );\n};\n\nconst Text = makeDecoratable(\"Text\", TextBase);\n\nexport { Text, type TextProps, type TextTags };\n"],"names":["textVariants","cva","TextBase","children","size","className","Tag","props","cn","Text","makeDecoratable"],"mappings":";;AAKA,MAAMA,eAAeC,IAAI,aAAa;IAClC,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAMA,MAAMC,WAAW,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAE,IAAIC,MAAM,MAAM,EAAE,GAAGC,OAAkB,GAC3E,WAAP,GACI,oBAACD,KAAAA;QAAK,GAAGC,KAAK;QAAE,WAAWC,GAAGR,aAAa;YAAEI;QAAK,IAAIC;OACjDF;AAKb,MAAMM,OAAOC,gBAAgB,QAAQR"}

package/Text/Text.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as TextStories from './Text.stories';
+import * as TextStories from "./Text.stories";
 
 <Meta of={TextStories} />
 
@@ -15,23 +15,23 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextExample = () => {
-    return <Text size="md">Text component example</Text>;
+return <Text size="md">Text component example</Text>;
 };
 
 export default TextExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Text/Text.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Text/Text.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={TextStories.Documentation} />
@@ -41,7 +41,7 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextExample = () => {
-    return <Text size="md">Text component example</Text>;
+  return <Text size="md">Text component example</Text>;
 };
 
 export default TextExample;
@@ -56,12 +56,13 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextXlExample = () => {
-    return (
-        <Text size="xl">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.
-        </Text>
-    );
-};
+return (
+
+<Text size="xl">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum
+  rhoncus.
+</Text>
+); };
 
 export default TextXlExample;
 ` } } />
@@ -73,12 +74,13 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextLgExample = () => {
-    return (
-        <Text size="lg">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.
-        </Text>
-    );
-};
+return (
+
+<Text size="lg">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum
+  rhoncus.
+</Text>
+); };
 
 export default TextLgExample;
 ` } } />
@@ -90,12 +92,13 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextMdExample = () => {
-    return (
-        <Text size="md">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.
-        </Text>
-    );
-};
+return (
+
+<Text size="md">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum
+  rhoncus.
+</Text>
+); };
 
 export default TextMdExample;
 ` } } />
@@ -107,12 +110,13 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextSmExample = () => {
-    return (
-        <Text size="sm">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.
-        </Text>
-    );
-};
+return (
+
+<Text size="sm">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum
+  rhoncus.
+</Text>
+); };
 
 export default TextSmExample;
 ` } } />
@@ -126,16 +130,18 @@ import React from "react";
 import { Text } from "@webiny/admin-ui";
 
 const TextAsExample = () => {
-    return (
-        <>
-            {/* Render as a div element */}
-            <Text as="div" size="md">This text is rendered as a div</Text>
-
-            {/* Default is span */}
-            <Text size="md">This text is rendered as a span</Text>
-        </>
-    );
+  return (
+    <>
+      {/* Render as a div element */}
+      <Text as="div" size="md">
+        This text is rendered as a div
+      </Text>
+
+      {/* Default is span */}
+      <Text size="md">This text is rendered as a span</Text>
+    </>
+  );
 };
 
 export default TextAsExample;
-```
+```

package/Text/Text.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Text } from "./Text";
+import { Text } from "./Text.js";
 declare const meta: Meta<typeof Text>;
 export default meta;
 type Story = StoryObj<typeof Text>;

package/Text/Text.stories.js

@@ -1,55 +1,67 @@
-import { Text } from "./Text";
+import { Text } from "./Text.js";
 const meta = {
-  title: "Components/Text",
-  component: Text,
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["sm", "md", "lg", "xl"]
+    title: "Components/Text",
+    component: Text,
+    argTypes: {
+        size: {
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ]
+        }
     }
-  }
 };
-export default meta;
-export const TextXl = {
-  args: {
-    size: "xl",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const Text_stories = meta;
+const TextXl = {
+    args: {
+        size: "xl",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const TextLg = {
-  args: {
-    size: "lg",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const TextLg = {
+    args: {
+        size: "lg",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const TextMd = {
-  args: {
-    size: "md",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const TextMd = {
+    args: {
+        size: "md",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const TextSm = {
-  args: {
-    size: "sm",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const TextSm = {
+    args: {
+        size: "sm",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const Documentation = {
-  args: {
-    size: "md",
-    children: "Text component example"
-  },
-  argTypes: {
-    size: {
-      description: "The size of the text",
-      control: "select",
-      options: ["sm", "md", "lg", "xl"]
+const Documentation = {
+    args: {
+        size: "md",
+        children: "Text component example"
     },
-    children: {
-      description: "The content of the text",
-      control: "text"
+    argTypes: {
+        size: {
+            description: "The size of the text",
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ]
+        },
+        children: {
+            description: "The content of the text",
+            control: "text"
+        }
     }
-  }
 };
+export default Text_stories;
+export { Documentation, TextLg, TextMd, TextSm, TextXl };
 
 //# sourceMappingURL=Text.stories.js.map

package/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","meta","title","component","argTypes","size","control","options","TextXl","args","children","TextLg","TextMd","TextSm","Documentation","description"],"sources":["Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport { Text } from \"./Text\";\n\nconst meta: Meta<typeof Text> = {\n    title: \"Components/Text\",\n    component: Text,\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Text>;\n\nexport const TextXl: Story = {\n    args: {\n        size: \"xl\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextLg: Story = {\n    args: {\n        size: \"lg\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextMd: Story = {\n    args: {\n        size: \"md\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextSm: Story = {\n    args: {\n        size: \"sm\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        size: \"md\",\n        children: \"Text component example\"\n    },\n    argTypes: {\n        size: {\n            description: \"The size of the text\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        children: {\n            description: \"The content of the text\",\n            control: \"text\"\n        }\n    }\n};\n"],"mappings":"AAEA,SAASA,IAAI;AAEb,MAAMC,IAAuB,GAAG;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEH,IAAI;EACfI,QAAQ,EAAE;IACNC,IAAI,EAAE;MAAEC,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE;EACjE;AACJ,CAAC;AAED,eAAeN,IAAI;AAGnB,OAAO,MAAMO,MAAa,GAAG;EACzBC,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMC,MAAa,GAAG;EACzBF,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAME,MAAa,GAAG;EACzBH,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMG,MAAa,GAAG;EACzBJ,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMI,aAAoB,GAAG;EAChCL,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EAAE;EACd,CAAC;EACDN,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFU,WAAW,EAAE,sBAAsB;MACnCT,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACpC,CAAC;IACDG,QAAQ,EAAE;MACNK,WAAW,EAAE,yBAAyB;MACtCT,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"Text/Text.stories.js","sources":["../../src/Text/Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport { Text } from \"./Text.js\";\n\nconst meta: Meta<typeof Text> = {\n    title: \"Components/Text\",\n    component: Text,\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Text>;\n\nexport const TextXl: Story = {\n    args: {\n        size: \"xl\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextLg: Story = {\n    args: {\n        size: \"lg\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextMd: Story = {\n    args: {\n        size: \"md\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextSm: Story = {\n    args: {\n        size: \"sm\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        size: \"md\",\n        children: \"Text component example\"\n    },\n    argTypes: {\n        size: {\n            description: \"The size of the text\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        children: {\n            description: \"The content of the text\",\n            control: \"text\"\n        }\n    }\n};\n"],"names":["meta","Text","TextXl","TextLg","TextMd","TextSm","Documentation"],"mappings":";AAIA,MAAMA,OAA0B;IAC5B,OAAO;IACP,WAAWC;IACX,UAAU;QACN,MAAM;YAAE,SAAS;YAAU,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;QAAC;IACjE;AACJ;AAEA,qBAAeD;AAGR,MAAME,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,gBAAuB;IAChC,MAAM;QACF,MAAM;QACN,UAAU;IACd;IACA,UAAU;QACN,MAAM;YACF,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;QACrC;QACA,UAAU;YACN,aAAa;YACb,SAAS;QACb;IACJ;AACJ"}