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

package/Table/components/Caption.js

@@ -1,11 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-const Caption = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("caption", Object.assign({
-  className: cn("mt-4 text-sm text-muted-foreground", className)
-}, props));
+import * as __rspack_external_react from "react";
+const Caption = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("caption", {
+        className: cn("mt-4 text-sm text-muted-foreground", className),
+        ...props
+    });
 export { Caption };
 
 //# sourceMappingURL=Caption.js.map

package/Table/components/Caption.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Caption","className","props","createElement","Object","assign"],"sources":["Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Caption = ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => (\n    <caption className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n);\n\nexport { Caption };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBACnFJ,KAAA,CAAAK,aAAA,YAAAC,MAAA,CAAAC,MAAA;EAASJ,SAAS,EAAEF,EAAE,CAAC,oCAAoC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACxF;AAED,SAASF,OAAO","ignoreList":[]}
+{"version":3,"file":"Table/components/Caption.js","sources":["../../../src/Table/components/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Caption = ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => (\n    <caption className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n);\n\nexport { Caption };\n"],"names":["Caption","className","props","cn"],"mappings":";;AAGA,MAAMA,UAAU,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAsD,iBACnF,sCAAC;QAAQ,WAAWC,GAAG,sCAAsCF;QAAa,GAAGC,KAAK"}

package/Table/components/Cell.js

@@ -1,14 +1,16 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-const Cell = ({
-  className,
-  truncate = true,
-  ...props
-}) => /*#__PURE__*/React.createElement("td", Object.assign({
-  className: cn(["box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary", "overflow-hidden whitespace-nowrap", "[&:has([role=checkbox])]:pl-lg", "leading-none"], {
-    truncate
-  }, className)
-}, props));
+import * as __rspack_external_react from "react";
+const Cell = ({ className, truncate = true, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("td", {
+        className: cn([
+            "box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary",
+            "overflow-hidden whitespace-nowrap",
+            "[&:has([role=checkbox])]:pl-lg",
+            "leading-none"
+        ], {
+            truncate
+        }, className),
+        ...props
+    });
 export { Cell };
 
 //# sourceMappingURL=Cell.js.map

package/Table/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Cell","className","truncate","props","createElement","Object","assign"],"sources":["Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n    truncate?: boolean;\n}\n\nconst Cell = ({ className, truncate = true, ...props }: CellProps) => (\n    <td\n        className={cn(\n            [\n                \"box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary\",\n                \"overflow-hidden whitespace-nowrap\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"leading-none\"\n            ],\n            { truncate },\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAMX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ,GAAG,IAAI;EAAE,GAAGC;AAAiB,CAAC,kBAC7DL,KAAA,CAAAM,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIL,SAAS,EAAEF,EAAE,CACT,CACI,kFAAkF,EAClF,mCAAmC,EACnC,gCAAgC,EAChC,cAAc,CACjB,EACD;IAAEG;EAAS,CAAC,EACZD,SACJ;AAAE,GACEE,KAAK,CACZ,CACJ;AAED,SAASH,IAAI","ignoreList":[]}
+{"version":3,"file":"Table/components/Cell.js","sources":["../../../src/Table/components/Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n    truncate?: boolean;\n}\n\nconst Cell = ({ className, truncate = true, ...props }: CellProps) => (\n    <td\n        className={cn(\n            [\n                \"box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary\",\n                \"overflow-hidden whitespace-nowrap\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"leading-none\"\n            ],\n            { truncate },\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Cell };\n"],"names":["Cell","className","truncate","props","cn"],"mappings":";;AAOA,MAAMA,OAAO,CAAC,EAAEC,SAAS,EAAEC,WAAW,IAAI,EAAE,GAAGC,OAAkB,iBAC7D,sCAAC;QACG,WAAWC,GACP;YACI;YACA;YACA;YACA;SACH,EACD;YAAEF;QAAS,GACXD;QAEH,GAAGE,KAAK"}

package/Table/components/Direction.js

@@ -1,31 +1,26 @@
-import React from "react";
-import { ReactComponent as ArrowDown } from "@webiny/icons/keyboard_arrow_up.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/keyboard_arrow_up.svg";
 import { Icon } from "../../Icon/index.js";
 import { cn, cva } from "../../utils.js";
 const directionVariants = cva("inline", {
-  variants: {
-    direction: {
-      asc: "rotate-0",
-      desc: "rotate-180"
+    variants: {
+        direction: {
+            asc: "rotate-0",
+            desc: "rotate-180"
+        }
     }
-  }
 });
-const Direction = ({
-  className,
-  direction
-}) => {
-  if (!direction) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Icon, {
-    className: cn(directionVariants({
-      direction
-    }), className),
-    size: "sm",
-    icon: /*#__PURE__*/React.createElement(ArrowDown, null),
-    label: "Sort column",
-    color: "neutral-strong"
-  });
+const Direction = ({ className, direction })=>{
+    if (!direction) return null;
+    return /*#__PURE__*/ react.createElement(Icon, {
+        className: cn(directionVariants({
+            direction
+        }), className),
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Sort column",
+        color: "neutral-strong"
+    });
 };
 export { Direction };
 

package/Table/components/Direction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ArrowDown","Icon","cn","cva","directionVariants","variants","direction","asc","desc","Direction","className","createElement","size","icon","label","color"],"sources":["Direction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst directionVariants = cva(\"inline\", {\n    variants: {\n        direction: {\n            asc: \"rotate-0\",\n            desc: \"rotate-180\"\n        }\n    }\n});\n\ninterface DirectionProps\n    extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof directionVariants> {}\n\nconst Direction = ({ className, direction }: DirectionProps) => {\n    if (!direction) {\n        return null;\n    }\n\n    return (\n        <Icon\n            className={cn(directionVariants({ direction }), className)}\n            size=\"sm\"\n            icon={<ArrowDown />}\n            label={\"Sort column\"}\n            color={\"neutral-strong\"}\n        />\n    );\n};\n\nexport { Direction, type DirectionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACpCE,QAAQ,EAAE;IACNC,SAAS,EAAE;MACPC,GAAG,EAAE,UAAU;MACfC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAKF,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ;AAA0B,CAAC,KAAK;EAC5D,IAAI,CAACA,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAa,aAAA,CAACV,IAAI;IACDS,SAAS,EAAER,EAAE,CAACE,iBAAiB,CAAC;MAAEE;IAAU,CAAC,CAAC,EAAEI,SAAS,CAAE;IAC3DE,IAAI,EAAC,IAAI;IACTC,IAAI,eAAEf,KAAA,CAAAa,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,KAAK,EAAE,aAAc;IACrBC,KAAK,EAAE;EAAiB,CAC3B,CAAC;AAEV,CAAC;AAED,SAASN,SAAS","ignoreList":[]}
+{"version":3,"file":"Table/components/Direction.js","sources":["../../../src/Table/components/Direction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst directionVariants = cva(\"inline\", {\n    variants: {\n        direction: {\n            asc: \"rotate-0\",\n            desc: \"rotate-180\"\n        }\n    }\n});\n\ninterface DirectionProps\n    extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof directionVariants> {}\n\nconst Direction = ({ className, direction }: DirectionProps) => {\n    if (!direction) {\n        return null;\n    }\n\n    return (\n        <Icon\n            className={cn(directionVariants({ direction }), className)}\n            size=\"sm\"\n            icon={<ArrowDown />}\n            label={\"Sort column\"}\n            color={\"neutral-strong\"}\n        />\n    );\n};\n\nexport { Direction, type DirectionProps };\n"],"names":["directionVariants","cva","Direction","className","direction","Icon","cn","ArrowDown"],"mappings":";;;;AAKA,MAAMA,oBAAoBC,IAAI,UAAU;IACpC,UAAU;QACN,WAAW;YACP,KAAK;YACL,MAAM;QACV;IACJ;AACJ;AAKA,MAAMC,YAAY,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAkB;IACvD,IAAI,CAACA,WACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,MAAIA;QACD,WAAWC,GAAGN,kBAAkB;YAAEI;QAAU,IAAID;QAChD,MAAK;QACL,oBAAM,oBAACI,gBAASA;QAChB,OAAO;QACP,OAAO;;AAGnB"}

package/Table/components/Footer.js

@@ -1,11 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-const Footer = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("tfoot", Object.assign({
-  className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)
-}, props));
+import * as __rspack_external_react from "react";
+const Footer = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("tfoot", {
+        className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+        ...props
+    });
 export { Footer };
 
 //# sourceMappingURL=Footer.js.map

package/Table/components/Footer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Footer","className","props","createElement","Object","assign"],"sources":["Footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Footer = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tfoot\n        className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n        {...props}\n    />\n);\n\nexport { Footer };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAClFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CAAC,yDAAyD,EAAEE,SAAS;AAAE,GAChFC,KAAK,CACZ,CACJ;AAED,SAASF,MAAM","ignoreList":[]}
+{"version":3,"file":"Table/components/Footer.js","sources":["../../../src/Table/components/Footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Footer = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tfoot\n        className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n        {...props}\n    />\n);\n\nexport { Footer };\n"],"names":["Footer","className","props","cn"],"mappings":";;AAGA,MAAMA,SAAS,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAsD,iBAClF,sCAAC;QACG,WAAWC,GAAG,2DAA2DF;QACxE,GAAGC,KAAK"}

package/Table/components/Head.js

@@ -1,15 +1,17 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-const Head = ({
-  className,
-  children,
-  truncate = true,
-  ...props
-}) => /*#__PURE__*/React.createElement("th", Object.assign({
-  className: cn(["box-border relative px-md py-sm text-sm text-left align-middle font-normal text-neutral-strong fill-neutral-xstrong", "hover:bg-neutral-subtle", "overflow-hidden whitespace-nowrap", "[&:has([role=checkbox])]:pl-lg", "leading-none"], {
-    truncate
-  }, className)
-}, props), children);
+import * as __rspack_external_react from "react";
+const Head = ({ className, children, truncate = true, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("th", {
+        className: cn([
+            "box-border relative px-md py-sm text-sm text-left align-middle font-normal text-neutral-strong fill-neutral-xstrong",
+            "hover:bg-neutral-subtle",
+            "overflow-hidden whitespace-nowrap",
+            "[&:has([role=checkbox])]:pl-lg",
+            "leading-none"
+        ], {
+            truncate
+        }, className),
+        ...props
+    }, children);
 export { Head };
 
 //# sourceMappingURL=Head.js.map

package/Table/components/Head.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Head","className","children","truncate","props","createElement","Object","assign"],"sources":["Head.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport interface HeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n    truncate?: boolean;\n}\n\nconst Head = ({ className, children, truncate = true, ...props }: HeadProps) => (\n    <th\n        className={cn(\n            [\n                \"box-border relative px-md py-sm text-sm text-left align-middle font-normal text-neutral-strong fill-neutral-xstrong\",\n                \"hover:bg-neutral-subtle\",\n                \"overflow-hidden whitespace-nowrap\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"leading-none\"\n            ],\n            { truncate },\n            className\n        )}\n        {...props}\n    >\n        {children}\n    </th>\n);\n\nexport { Head };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAMX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,IAAI;EAAE,GAAGC;AAAiB,CAAC,kBACvEN,KAAA,CAAAO,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIN,SAAS,EAAEF,EAAE,CACT,CACI,qHAAqH,EACrH,yBAAyB,EACzB,mCAAmC,EACnC,gCAAgC,EAChC,cAAc,CACjB,EACD;IAAEI;EAAS,CAAC,EACZF,SACJ;AAAE,GACEG,KAAK,GAERF,QACD,CACP;AAED,SAASF,IAAI","ignoreList":[]}
+{"version":3,"file":"Table/components/Head.js","sources":["../../../src/Table/components/Head.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport interface HeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n    truncate?: boolean;\n}\n\nconst Head = ({ className, children, truncate = true, ...props }: HeadProps) => (\n    <th\n        className={cn(\n            [\n                \"box-border relative px-md py-sm text-sm text-left align-middle font-normal text-neutral-strong fill-neutral-xstrong\",\n                \"hover:bg-neutral-subtle\",\n                \"overflow-hidden whitespace-nowrap\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"leading-none\"\n            ],\n            { truncate },\n            className\n        )}\n        {...props}\n    >\n        {children}\n    </th>\n);\n\nexport { Head };\n"],"names":["Head","className","children","truncate","props","cn"],"mappings":";;AAOA,MAAMA,OAAO,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,IAAI,EAAE,GAAGC,OAAkB,iBACvE,sCAAC;QACG,WAAWC,GACP;YACI;YACA;YACA;YACA;YACA;SACH,EACD;YAAEF;QAAS,GACXF;QAEH,GAAGG,KAAK;OAERF"}

package/Table/components/Header.js

@@ -1,21 +1,18 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const headerVariants = cva("[&_tr]:hover:bg-transparent", {
-  variants: {
-    sticky: {
-      true: "[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0"
+    variants: {
+        sticky: {
+            true: "[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0"
+        }
     }
-  }
 });
-const Header = ({
-  className,
-  sticky,
-  ...props
-}) => /*#__PURE__*/React.createElement("thead", Object.assign({
-  className: cn(headerVariants({
-    sticky
-  }), className)
-}, props));
+const Header = ({ className, sticky, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("thead", {
+        className: cn(headerVariants({
+            sticky
+        }), className),
+        ...props
+    });
 export { Header };
 
 //# sourceMappingURL=Header.js.map

package/Table/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","headerVariants","variants","sticky","true","Header","className","props","createElement","Object","assign"],"sources":["Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst headerVariants = cva(\"[&_tr]:hover:bg-transparent\", {\n    variants: {\n        sticky: {\n            true: \"[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0\"\n        }\n    }\n});\n\ninterface HeaderProps\n    extends React.HTMLAttributes<HTMLTableSectionElement>, VariantProps<typeof headerVariants> {}\n\nconst Header = ({ className, sticky, ...props }: HeaderProps) => (\n    <thead className={cn(headerVariants({ sticky }), className)} {...props} />\n);\n\nexport { Header, type HeaderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,cAAc,GAAGD,GAAG,CAAC,6BAA6B,EAAE;EACtDE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAKF,MAAMC,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAEH,MAAM;EAAE,GAAGI;AAAmB,CAAC,kBACxDT,KAAA,CAAAU,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEP,EAAE,CAACE,cAAc,CAAC;IAAEE;EAAO,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CAC5E;AAED,SAASF,MAAM","ignoreList":[]}
+{"version":3,"file":"Table/components/Header.js","sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst headerVariants = cva(\"[&_tr]:hover:bg-transparent\", {\n    variants: {\n        sticky: {\n            true: \"[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0\"\n        }\n    }\n});\n\ninterface HeaderProps\n    extends React.HTMLAttributes<HTMLTableSectionElement>, VariantProps<typeof headerVariants> {}\n\nconst Header = ({ className, sticky, ...props }: HeaderProps) => (\n    <thead className={cn(headerVariants({ sticky }), className)} {...props} />\n);\n\nexport { Header, type HeaderProps };\n"],"names":["headerVariants","cva","Header","className","sticky","props","cn"],"mappings":";;AAGA,MAAMA,iBAAiBC,IAAI,+BAA+B;IACtD,UAAU;QACN,QAAQ;YACJ,MAAM;QACV;IACJ;AACJ;AAKA,MAAMC,SAAS,CAAC,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,OAAoB,iBACxD,sCAAC;QAAM,WAAWC,GAAGN,eAAe;YAAEI;QAAO,IAAID;QAAa,GAAGE,KAAK"}

package/Table/components/Resizer.js

@@ -1,21 +1,22 @@
-import React from "react";
+import react from "react";
 import { cn, cva } from "../../utils.js";
-const resizerVariants = cva(["absolute right-0 top-0 w-md h-full border-r-md border-r-accent-default cursor-col-resize select-none touch-none", "opacity-0 bg-transparent", "hover:opacity-100"], {
-  variants: {
-    isResizing: {
-      true: "opacity-100"
+const resizerVariants = cva([
+    "absolute right-0 top-0 w-md h-full border-r-md border-r-accent-default cursor-col-resize select-none touch-none",
+    "opacity-0 bg-transparent",
+    "hover:opacity-100"
+], {
+    variants: {
+        isResizing: {
+            true: "opacity-100"
+        }
     }
-  }
 });
-const Resizer = ({
-  className,
-  isResizing,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({
-  className: cn(resizerVariants({
-    isResizing
-  }), className)
-}, props));
+const Resizer = ({ className, isResizing, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        className: cn(resizerVariants({
+            isResizing
+        }), className),
+        ...props
+    });
 export { Resizer };
 
 //# sourceMappingURL=Resizer.js.map

package/Table/components/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","resizerVariants","variants","isResizing","true","Resizer","className","props","createElement","Object","assign"],"sources":["Resizer.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst resizerVariants = cva(\n    [\n        \"absolute right-0 top-0 w-md h-full border-r-md border-r-accent-default cursor-col-resize select-none touch-none\",\n        \"opacity-0 bg-transparent\",\n        \"hover:opacity-100\"\n    ],\n    {\n        variants: {\n            isResizing: {\n                true: \"opacity-100\"\n            }\n        }\n    }\n);\n\ninterface ResizerProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof resizerVariants> {}\n\nconst Resizer = ({ className, isResizing, ...props }: ResizerProps) => (\n    <div className={cn(resizerVariants({ isResizing }), className)} {...props} />\n);\n\nexport { Resizer, type ResizerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,eAAe,GAAGD,GAAG,CACvB,CACI,iHAAiH,EACjH,0BAA0B,EAC1B,mBAAmB,CACtB,EACD;EACIE,QAAQ,EAAE;IACNC,UAAU,EAAE;MACRC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAKD,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAEH,UAAU;EAAE,GAAGI;AAAoB,CAAC,kBAC9DT,KAAA,CAAAU,aAAA,QAAAC,MAAA,CAAAC,MAAA;EAAKJ,SAAS,EAAEP,EAAE,CAACE,eAAe,CAAC;IAAEE;EAAW,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CAC/E;AAED,SAASF,OAAO","ignoreList":[]}
+{"version":3,"file":"Table/components/Resizer.js","sources":["../../../src/Table/components/Resizer.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst resizerVariants = cva(\n    [\n        \"absolute right-0 top-0 w-md h-full border-r-md border-r-accent-default cursor-col-resize select-none touch-none\",\n        \"opacity-0 bg-transparent\",\n        \"hover:opacity-100\"\n    ],\n    {\n        variants: {\n            isResizing: {\n                true: \"opacity-100\"\n            }\n        }\n    }\n);\n\ninterface ResizerProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof resizerVariants> {}\n\nconst Resizer = ({ className, isResizing, ...props }: ResizerProps) => (\n    <div className={cn(resizerVariants({ isResizing }), className)} {...props} />\n);\n\nexport { Resizer, type ResizerProps };\n"],"names":["resizerVariants","cva","Resizer","className","isResizing","props","cn"],"mappings":";;AAGA,MAAMA,kBAAkBC,IACpB;IACI;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,YAAY;YACR,MAAM;QACV;IACJ;AACJ;AAMJ,MAAMC,UAAU,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGC,OAAqB,iBAC9D,oBAAC;QAAI,WAAWC,GAAGN,gBAAgB;YAAEI;QAAW,IAAID;QAAa,GAAGE,KAAK"}

package/Table/components/Row.js

@@ -1,21 +1,18 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const rowVariants = cva("border-neutral-dimmed border-solid border-b-sm transition-colors hover:bg-neutral-subtle", {
-  variants: {
-    selected: {
-      true: "bg-neutral-light"
+    variants: {
+        selected: {
+            true: "bg-neutral-light"
+        }
     }
-  }
 });
-const Row = ({
-  className,
-  selected,
-  ...props
-}) => /*#__PURE__*/React.createElement("tr", Object.assign({
-  className: cn(rowVariants({
-    selected
-  }), className)
-}, props));
+const Row = ({ className, selected, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("tr", {
+        className: cn(rowVariants({
+            selected
+        }), className),
+        ...props
+    });
 export { Row };
 
 //# sourceMappingURL=Row.js.map

package/Table/components/Row.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","rowVariants","variants","selected","true","Row","className","props","createElement","Object","assign"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst rowVariants = cva(\n    \"border-neutral-dimmed border-solid border-b-sm transition-colors hover:bg-neutral-subtle\",\n    {\n        variants: {\n            selected: {\n                true: \"bg-neutral-light\"\n            }\n        }\n    }\n);\n\ninterface RowProps\n    extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof rowVariants> {}\n\nconst Row = ({ className, selected, ...props }: RowProps) => (\n    <tr className={cn(rowVariants({ selected }), className)} {...props} />\n);\n\nexport { Row, type RowProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,WAAW,GAAGD,GAAG,CACnB,0FAA0F,EAC1F;EACIE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAKD,MAAMC,GAAG,GAAGA,CAAC;EAAEC,SAAS;EAAEH,QAAQ;EAAE,GAAGI;AAAgB,CAAC,kBACpDT,KAAA,CAAAU,aAAA,OAAAC,MAAA,CAAAC,MAAA;EAAIJ,SAAS,EAAEP,EAAE,CAACE,WAAW,CAAC;IAAEE;EAAS,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CACxE;AAED,SAASF,GAAG","ignoreList":[]}
+{"version":3,"file":"Table/components/Row.js","sources":["../../../src/Table/components/Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst rowVariants = cva(\n    \"border-neutral-dimmed border-solid border-b-sm transition-colors hover:bg-neutral-subtle\",\n    {\n        variants: {\n            selected: {\n                true: \"bg-neutral-light\"\n            }\n        }\n    }\n);\n\ninterface RowProps\n    extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof rowVariants> {}\n\nconst Row = ({ className, selected, ...props }: RowProps) => (\n    <tr className={cn(rowVariants({ selected }), className)} {...props} />\n);\n\nexport { Row, type RowProps };\n"],"names":["rowVariants","cva","Row","className","selected","props","cn"],"mappings":";;AAGA,MAAMA,cAAcC,IAChB,4FACA;IACI,UAAU;QACN,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAMJ,MAAMC,MAAM,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAiB,iBACpD,sCAAC;QAAG,WAAWC,GAAGN,YAAY;YAAEI;QAAS,IAAID;QAAa,GAAGE,KAAK"}

package/Table/components/index.js

@@ -7,5 +7,3 @@ export * from "./Head.js";
 export * from "./Header.js";
 export * from "./Resizer.js";
 export * from "./Row.js";
-
-//# sourceMappingURL=index.js.map

package/Table/index.js

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

package/Tabs/Tabs.js

@@ -1,70 +1,75 @@
-import React, { useMemo, useState } from "react";
-import { Tabs as TabsPrimitive } from "radix-ui";
+import react, { useMemo, useState } from "react";
+import { Tabs } from "radix-ui";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { Content, List, Tab, TabsContext, Trigger } from "./components/index.js";
-const Root = TabsPrimitive.Root;
-const DecoratableTabs = ({
-  defaultValue: initialValue,
-  size,
-  spacing,
-  separator,
-  tabs: tabComponents,
-  ...props
-}) => {
-  const [tabs, setTabs] = useState([]);
-  const defaultValue = useMemo(() => {
-    // `defaultValue` prop works only at first render so we need to use the `tabComponents` instead of the `TabItems`
-    return initialValue || tabComponents.find(tab => !tab.props.disabled && tab.props.visible !== false)?.props.value;
-  }, [initialValue, tabComponents]);
-  const triggers = useMemo(() =>
-  /*#__PURE__*/
-  // We need to generate a key like this to trigger a proper component re-render when child tabs change.
-  React.createElement(List, {
-    key: tabs.map(tab => tab.id).join(";"),
-    size: size,
-    spacing: spacing,
-    separator: separator
-  }, tabs.map(tab => /*#__PURE__*/React.createElement(Trigger, {
-    "data-testid": tab["data-testid"],
-    disabled: tab.disabled,
-    icon: tab.icon,
-    key: tab.id,
-    size: size,
-    text: tab.trigger,
-    value: tab.value,
-    visible: tab.visible
-  }))), [tabs, size, spacing]);
-  const contents = useMemo(() => tabs.map(tab => /*#__PURE__*/React.createElement(Content, {
-    key: tab.id,
-    value: tab.value,
-    content: tab.content,
-    spacing: tab.spacing ?? spacing,
-    className: tab.className
-  })), [tabs, spacing]);
-  const context = useMemo(() => ({
-    addTab(props) {
-      setTabs(tabs => {
-        const existingIndex = tabs.findIndex(tab => tab.value === props.value);
-        if (existingIndex > -1) {
-          return [...tabs.slice(0, existingIndex), props, ...tabs.slice(existingIndex + 1)];
-        }
-        return [...tabs, props];
-      });
-    },
-    removeTab(id) {
-      setTabs(tabs => tabs.filter(tab => tab.id !== id));
-    }
-  }), [setTabs]);
-  return /*#__PURE__*/React.createElement(Root, Object.assign({}, props, {
-    defaultValue: defaultValue
-  }), triggers, contents, /*#__PURE__*/React.createElement(TabsContext.Provider, {
-    value: context
-  }, tabComponents));
+const Root = Tabs.Root;
+const DecoratableTabs = ({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props })=>{
+    const [tabs, setTabs] = useState([]);
+    const defaultValue = useMemo(()=>initialValue || tabComponents.find((tab)=>!tab.props.disabled && false !== tab.props.visible)?.props.value, [
+        initialValue,
+        tabComponents
+    ]);
+    const triggers = useMemo(()=>/*#__PURE__*/ react.createElement(List, {
+            key: tabs.map((tab)=>tab.id).join(";"),
+            size: size,
+            spacing: spacing,
+            separator: separator
+        }, tabs.map((tab)=>/*#__PURE__*/ react.createElement(Trigger, {
+                "data-testid": tab["data-testid"],
+                disabled: tab.disabled,
+                icon: tab.icon,
+                key: tab.id,
+                size: size,
+                text: tab.trigger,
+                value: tab.value,
+                visible: tab.visible
+            }))), [
+        tabs,
+        size,
+        spacing
+    ]);
+    const contents = useMemo(()=>tabs.map((tab)=>/*#__PURE__*/ react.createElement(Content, {
+                key: tab.id,
+                value: tab.value,
+                content: tab.content,
+                spacing: tab.spacing ?? spacing,
+                className: tab.className
+            })), [
+        tabs,
+        spacing
+    ]);
+    const context = useMemo(()=>({
+            addTab (props) {
+                setTabs((tabs)=>{
+                    const existingIndex = tabs.findIndex((tab)=>tab.value === props.value);
+                    if (existingIndex > -1) return [
+                        ...tabs.slice(0, existingIndex),
+                        props,
+                        ...tabs.slice(existingIndex + 1)
+                    ];
+                    return [
+                        ...tabs,
+                        props
+                    ];
+                });
+            },
+            removeTab (id) {
+                setTabs((tabs)=>tabs.filter((tab)=>tab.id !== id));
+            }
+        }), [
+        setTabs
+    ]);
+    return /*#__PURE__*/ react.createElement(Root, {
+        ...props,
+        defaultValue: defaultValue
+    }, triggers, contents, /*#__PURE__*/ react.createElement(TabsContext.Provider, {
+        value: context
+    }, tabComponents));
 };
 const BaseTabs = makeDecoratable("Tabs", DecoratableTabs);
-const Tabs = withStaticProps(BaseTabs, {
-  Tab
+const Tabs_Tabs = withStaticProps(BaseTabs, {
+    Tab: Tab
 });
-export { Tabs };
+export { Tabs_Tabs as Tabs };
 
 //# sourceMappingURL=Tabs.js.map

package/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","Tabs","TabsPrimitive","makeDecoratable","withStaticProps","Content","List","Tab","TabsContext","Trigger","Root","DecoratableTabs","defaultValue","initialValue","size","spacing","separator","tabs","tabComponents","props","setTabs","find","tab","disabled","visible","value","triggers","createElement","key","map","id","join","icon","text","trigger","contents","content","className","context","addTab","existingIndex","findIndex","slice","removeTab","filter","Object","assign","Provider","BaseTabs"],"sources":["Tabs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { makeDecoratable, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport type { ITabsContext, TabItem, TabProps, tabListVariants } from \"./components/index.js\";\nimport { Content, List, Tab, TabsContext, Trigger } from \"./components/index.js\";\n\nconst Root = TabsPrimitive.Root;\n\ninterface TabsProps extends Omit<TabsPrimitive.TabsProps, \"children\"> {\n    tabs: React.ReactElement<TabProps>[];\n    size?: VariantProps<typeof tabListVariants>[\"size\"];\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    separator?: VariantProps<typeof tabListVariants>[\"separator\"];\n}\n\nconst DecoratableTabs = ({\n    defaultValue: initialValue,\n    size,\n    spacing,\n    separator,\n    tabs: tabComponents,\n    ...props\n}: TabsProps) => {\n    const [tabs, setTabs] = useState<TabItem[]>([]);\n\n    const defaultValue = useMemo(() => {\n        // `defaultValue` prop works only at first render so we need to use the `tabComponents` instead of the `TabItems`\n        return (\n            initialValue ||\n            tabComponents.find(tab => !tab.props.disabled && tab.props.visible !== false)?.props\n                .value\n        );\n    }, [initialValue, tabComponents]);\n\n    const triggers = useMemo(\n        () => (\n            // We need to generate a key like this to trigger a proper component re-render when child tabs change.\n            <List\n                key={tabs.map(tab => tab.id).join(\";\")}\n                size={size}\n                spacing={spacing}\n                separator={separator}\n            >\n                {tabs.map(tab => (\n                    <Trigger\n                        data-testid={tab[\"data-testid\"]}\n                        disabled={tab.disabled}\n                        icon={tab.icon}\n                        key={tab.id}\n                        size={size}\n                        text={tab.trigger}\n                        value={tab.value}\n                        visible={tab.visible}\n                    />\n                ))}\n            </List>\n        ),\n        [tabs, size, spacing]\n    );\n\n    const contents = useMemo(\n        () =>\n            tabs.map(tab => (\n                <Content\n                    key={tab.id}\n                    value={tab.value}\n                    content={tab.content}\n                    spacing={tab.spacing ?? spacing}\n                    className={tab.className}\n                />\n            )),\n        [tabs, spacing]\n    );\n\n    const context: ITabsContext = useMemo(\n        () => ({\n            addTab(props) {\n                setTabs(tabs => {\n                    const existingIndex = tabs.findIndex(tab => tab.value === props.value);\n                    if (existingIndex > -1) {\n                        return [\n                            ...tabs.slice(0, existingIndex),\n                            props,\n                            ...tabs.slice(existingIndex + 1)\n                        ];\n                    }\n                    return [...tabs, props];\n                });\n            },\n            removeTab(id) {\n                setTabs(tabs => tabs.filter(tab => tab.id !== id));\n            }\n        }),\n        [setTabs]\n    );\n\n    return (\n        <Root {...props} defaultValue={defaultValue}>\n            {triggers}\n            {contents}\n            <TabsContext.Provider value={context}>{tabComponents}</TabsContext.Provider>\n        </Root>\n    );\n};\n\nconst BaseTabs = makeDecoratable(\"Tabs\", DecoratableTabs);\n\nconst Tabs = withStaticProps(BaseTabs, {\n    Tab\n});\n\nexport { Tabs, type TabsProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tabs/Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { makeDecoratable, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport type { ITabsContext, TabItem, TabProps, tabListVariants } from \"./components/index.js\";\nimport { Content, List, Tab, TabsContext, Trigger } from \"./components/index.js\";\n\nconst Root = TabsPrimitive.Root;\n\ninterface TabsProps extends Omit<TabsPrimitive.TabsProps, \"children\"> {\n    tabs: React.ReactElement<TabProps>[];\n    size?: VariantProps<typeof tabListVariants>[\"size\"];\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    separator?: VariantProps<typeof tabListVariants>[\"separator\"];\n}\n\nconst DecoratableTabs = ({\n    defaultValue: initialValue,\n    size,\n    spacing,\n    separator,\n    tabs: tabComponents,\n    ...props\n}: TabsProps) => {\n    const [tabs, setTabs] = useState<TabItem[]>([]);\n\n    const defaultValue = useMemo(() => {\n        // `defaultValue` prop works only at first render so we need to use the `tabComponents` instead of the `TabItems`\n        return (\n            initialValue ||\n            tabComponents.find(tab => !tab.props.disabled && tab.props.visible !== false)?.props\n                .value\n        );\n    }, [initialValue, tabComponents]);\n\n    const triggers = useMemo(\n        () => (\n            // We need to generate a key like this to trigger a proper component re-render when child tabs change.\n            <List\n                key={tabs.map(tab => tab.id).join(\";\")}\n                size={size}\n                spacing={spacing}\n                separator={separator}\n            >\n                {tabs.map(tab => (\n                    <Trigger\n                        data-testid={tab[\"data-testid\"]}\n                        disabled={tab.disabled}\n                        icon={tab.icon}\n                        key={tab.id}\n                        size={size}\n                        text={tab.trigger}\n                        value={tab.value}\n                        visible={tab.visible}\n                    />\n                ))}\n            </List>\n        ),\n        [tabs, size, spacing]\n    );\n\n    const contents = useMemo(\n        () =>\n            tabs.map(tab => (\n                <Content\n                    key={tab.id}\n                    value={tab.value}\n                    content={tab.content}\n                    spacing={tab.spacing ?? spacing}\n                    className={tab.className}\n                />\n            )),\n        [tabs, spacing]\n    );\n\n    const context: ITabsContext = useMemo(\n        () => ({\n            addTab(props) {\n                setTabs(tabs => {\n                    const existingIndex = tabs.findIndex(tab => tab.value === props.value);\n                    if (existingIndex > -1) {\n                        return [\n                            ...tabs.slice(0, existingIndex),\n                            props,\n                            ...tabs.slice(existingIndex + 1)\n                        ];\n                    }\n                    return [...tabs, props];\n                });\n            },\n            removeTab(id) {\n                setTabs(tabs => tabs.filter(tab => tab.id !== id));\n            }\n        }),\n        [setTabs]\n    );\n\n    return (\n        <Root {...props} defaultValue={defaultValue}>\n            {triggers}\n            {contents}\n            <TabsContext.Provider value={context}>{tabComponents}</TabsContext.Provider>\n        </Root>\n    );\n};\n\nconst BaseTabs = makeDecoratable(\"Tabs\", DecoratableTabs);\n\nconst Tabs = withStaticProps(BaseTabs, {\n    Tab\n});\n\nexport { Tabs, type TabsProps };\n"],"names":["Root","TabsPrimitive","DecoratableTabs","initialValue","size","spacing","separator","tabComponents","props","tabs","setTabs","useState","defaultValue","useMemo","tab","triggers","List","Trigger","contents","Content","context","existingIndex","id","TabsContext","BaseTabs","makeDecoratable","Tabs","withStaticProps","Tab"],"mappings":";;;;AAMA,MAAMA,OAAOC,KAAAA,IAAkB;AAS/B,MAAMC,kBAAkB,CAAC,EACrB,cAAcC,YAAY,EAC1BC,IAAI,EACJC,OAAO,EACPC,SAAS,EACT,MAAMC,aAAa,EACnB,GAAGC,OACK;IACR,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAoB,EAAE;IAE9C,MAAMC,eAAeC,QAAQ,IAGrBV,gBACAI,cAAc,IAAI,CAACO,CAAAA,MAAO,CAACA,IAAI,KAAK,CAAC,QAAQ,IAAIA,AAAsB,UAAtBA,IAAI,KAAK,CAAC,OAAO,GAAa,MAC1E,OAEV;QAACX;QAAcI;KAAc;IAEhC,MAAMQ,WAAWF,QACb,I,cAEI,oBAACG,MAAIA;YACD,KAAKP,KAAK,GAAG,CAACK,CAAAA,MAAOA,IAAI,EAAE,EAAE,IAAI,CAAC;YAClC,MAAMV;YACN,SAASC;YACT,WAAWC;WAEVG,KAAK,GAAG,CAACK,CAAAA,MAAAA,WAAAA,GACN,oBAACG,SAAOA;gBACJ,eAAaH,GAAG,CAAC,cAAc;gBAC/B,UAAUA,IAAI,QAAQ;gBACtB,MAAMA,IAAI,IAAI;gBACd,KAAKA,IAAI,EAAE;gBACX,MAAMV;gBACN,MAAMU,IAAI,OAAO;gBACjB,OAAOA,IAAI,KAAK;gBAChB,SAASA,IAAI,OAAO;kBAKpC;QAACL;QAAML;QAAMC;KAAQ;IAGzB,MAAMa,WAAWL,QACb,IACIJ,KAAK,GAAG,CAACK,CAAAA,MAAAA,WAAAA,GACL,oBAACK,SAAOA;gBACJ,KAAKL,IAAI,EAAE;gBACX,OAAOA,IAAI,KAAK;gBAChB,SAASA,IAAI,OAAO;gBACpB,SAASA,IAAI,OAAO,IAAIT;gBACxB,WAAWS,IAAI,SAAS;iBAGpC;QAACL;QAAMJ;KAAQ;IAGnB,MAAMe,UAAwBP,QAC1B,IAAO;YACH,QAAOL,KAAK;gBACRE,QAAQD,CAAAA;oBACJ,MAAMY,gBAAgBZ,KAAK,SAAS,CAACK,CAAAA,MAAOA,IAAI,KAAK,KAAKN,MAAM,KAAK;oBACrE,IAAIa,gBAAgB,IAChB,OAAO;2BACAZ,KAAK,KAAK,CAAC,GAAGY;wBACjBb;2BACGC,KAAK,KAAK,CAACY,gBAAgB;qBACjC;oBAEL,OAAO;2BAAIZ;wBAAMD;qBAAM;gBAC3B;YACJ;YACA,WAAUc,EAAE;gBACRZ,QAAQD,CAAAA,OAAQA,KAAK,MAAM,CAACK,CAAAA,MAAOA,IAAI,EAAE,KAAKQ;YAClD;QACJ,IACA;QAACZ;KAAQ;IAGb,OAAO,WAAP,GACI,oBAACV,MAAIA;QAAE,GAAGQ,KAAK;QAAE,cAAcI;OAC1BG,UACAG,UAAAA,WAAAA,GACD,oBAACK,YAAY,QAAQ;QAAC,OAAOH;OAAUb;AAGnD;AAEA,MAAMiB,WAAWC,gBAAgB,QAAQvB;AAEzC,MAAMwB,YAAOC,gBAAgBH,UAAU;IACnCI,KAAGA;AACP"}