@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/Table/Table.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { cn, cva, withStaticProps } from "../utils";
+import { Body, Caption, Cell, Direction, Footer, Head, Header, Resizer, Row } from "./components";
+const tableWrapperVariants = cva("wby-relative wby-w-full wby-overflow-auto", {
+  variants: {
+    sticky: {
+      true: "wby-overflow-clip"
+    }
+  }
+});
+const tableVariants = cva("wby-w-full wby-caption-bottom wby-text-sm wby-bg-white", {
+  variants: {
+    bordered: {
+      true: "wby-border-neutral-dimmed wby-border-solid wby-border-sm"
+    }
+  }
+});
+const BaseTable = ({
+  className,
+  bordered,
+  sticky,
+  ...props
+}) => /*#__PURE__*/React.createElement("div", {
+  className: cn(tableWrapperVariants({
+    sticky
+  }))
+}, /*#__PURE__*/React.createElement("table", Object.assign({
+  className: cn(tableVariants({
+    bordered
+  }), className)
+}, props)));
+const Table = withStaticProps(BaseTable, {
+  Body,
+  Caption,
+  Cell,
+  Direction,
+  Footer,
+  Head,
+  Header,
+  Resizer,
+  Row
+});
+export { Table };
+
+//# sourceMappingURL=Table.js.map

package/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components\";\n\nconst tableWrapperVariants = cva(\"wby-relative wby-w-full wby-overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"wby-overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"wby-w-full wby-caption-bottom wby-text-sm wby-bg-white\", {\n    variants: {\n        bordered: {\n            true: \"wby-border-neutral-dimmed wby-border-solid wby-border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>,\n        VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,2CAA2C,EAAE;EAC1EY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wDAAwD,EAAE;EAChFY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}

package/Table/components/Body.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Body: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export { Body };

package/Table/components/Body.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { cn } from "../../utils";
+const Body = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("tbody", Object.assign({
+  className: cn("[&_tr:last-child]:wby-border-none", className)
+}, props));
+export { Body };
+
+//# sourceMappingURL=Body.js.map

package/Table/components/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Body","className","props","createElement","Object","assign"],"sources":["Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]:wby-border-none\", className)} {...props} />\n);\n\nexport { Body };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqD,CAAC,kBAChFJ,KAAA,CAAAK,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEF,EAAE,CAAC,mCAAmC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACrF;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Caption.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Caption: ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
+export { Caption };

package/Table/components/Caption.js

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

package/Table/components/Caption.js.map

@@ -0,0 +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\";\n\nconst Caption = ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => (\n    <caption\n        className={cn(\"wby-mt-4 wby-text-sm wby-text-muted-foreground\", className)}\n        {...props}\n    />\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;EACIJ,SAAS,EAAEF,EAAE,CAAC,gDAAgD,EAAEE,SAAS;AAAE,GACvEC,KAAK,CACZ,CACJ;AAED,SAASF,OAAO","ignoreList":[]}

package/Table/components/Cell.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Cell: ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export { Cell };

package/Table/components/Cell.js

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

package/Table/components/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Cell","className","props","createElement","Object","assign"],"sources":["Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Cell = ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => (\n    <td\n        className={cn(\n            [\n                \"wby-box-border wby-px-md wby-py-sm-extra wby-text-md wby-text-left wby-align-middle wby-text-neutral-primary\",\n                \"wby-overflow-hidden wby-whitespace-nowrap wby-truncate\",\n                \"[&:has([role=checkbox])]:wby-pl-lg\",\n                \"wby-text-0 wby-leading-none\"\n            ],\n            className\n        )}\n        {...props}\n    />\n);\n\nexport { Cell };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAoD,CAAC,kBAC/EJ,KAAA,CAAAK,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAEF,EAAE,CACT,CACI,8GAA8G,EAC9G,wDAAwD,EACxD,oCAAoC,EACpC,6BAA6B,CAChC,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Direction.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type VariantProps } from "../../utils";
+declare const directionVariants: (props?: ({
+    direction?: "desc" | "asc" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface DirectionProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof directionVariants> {
+}
+declare const Direction: ({ className, direction }: DirectionProps) => React.JSX.Element | null;
+export { Direction, type DirectionProps };

package/Table/components/Direction.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { ReactComponent as ArrowDown } from "@webiny/icons/keyboard_arrow_up.svg";
+import { Icon } from "../../Icon";
+import { cn, cva } from "../../utils";
+const directionVariants = cva("wby-inline", {
+  variants: {
+    direction: {
+      asc: "wby-rotate-0",
+      desc: "wby-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"
+  });
+};
+export { Direction };
+
+//# sourceMappingURL=Direction.js.map

package/Table/components/Direction.js.map

@@ -0,0 +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\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst directionVariants = cva(\"wby-inline\", {\n    variants: {\n        direction: {\n            asc: \"wby-rotate-0\",\n            desc: \"wby-rotate-180\"\n        }\n    }\n});\n\ninterface DirectionProps\n    extends React.HTMLAttributes<HTMLSpanElement>,\n        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,YAAY,EAAE;EACxCE,QAAQ,EAAE;IACNC,SAAS,EAAE;MACPC,GAAG,EAAE,cAAc;MACnBC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAMF,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":[]}

package/Table/components/Footer.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Footer: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export { Footer };

package/Table/components/Footer.js

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

package/Table/components/Footer.js.map

@@ -0,0 +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\";\n\nconst Footer = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tfoot\n        className={cn(\n            \"wby-border-t wby-bg-muted/50 wby-font-medium [&>tr]:last:wby-border-b-0\",\n            className\n        )}\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,CACT,yEAAyE,EACzEE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,MAAM","ignoreList":[]}

package/Table/components/Head.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Head: ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export { Head };

package/Table/components/Head.js

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

package/Table/components/Head.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Head","className","children","props","createElement","Object","assign"],"sources":["Head.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils\";\n\nconst Head = ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => (\n    <th\n        className={cn(\n            [\n                \"wby-box-border wby-relative wby-px-md wby-py-sm wby-text-sm wby-text-left wby-align-middle wby-font-normal wby-text-neutral-strong wby-fill-neutral-xstrong\",\n                \"hover:wby-bg-neutral-subtle\",\n                \"wby-overflow-hidden wby-whitespace-nowrap wby-truncate\",\n                \"[&:has([role=checkbox])]:wby-pl-lg\",\n                \"wby-text-0 wby-leading-none\"\n            ],\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;AAEX,MAAMC,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAoD,CAAC,kBACzFL,KAAA,CAAAM,aAAA,OAAAC,MAAA,CAAAC,MAAA;EACIL,SAAS,EAAEF,EAAE,CACT,CACI,6JAA6J,EAC7J,6BAA6B,EAC7B,wDAAwD,EACxD,oCAAoC,EACpC,6BAA6B,CAChC,EACDE,SACJ;AAAE,GACEE,KAAK,GAERD,QACD,CACP;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Header.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils";
+declare const headerVariants: (props?: ({
+    sticky?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface HeaderProps extends React.HTMLAttributes<HTMLTableSectionElement>, VariantProps<typeof headerVariants> {
+}
+declare const Header: ({ className, sticky, ...props }: HeaderProps) => React.JSX.Element;
+export { Header, type HeaderProps };

package/Table/components/Header.js

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

package/Table/components/Header.js.map

@@ -0,0 +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\";\n\nconst headerVariants = cva(\"[&_tr]:hover:wby-bg-transparent\", {\n    variants: {\n        sticky: {\n            true: \"[&_tr]:wby-bg-white [&_tr]:hover:wby-bg-white wby-sticky wby-top-0\"\n        }\n    }\n});\n\ninterface HeaderProps\n    extends React.HTMLAttributes<HTMLTableSectionElement>,\n        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,iCAAiC,EAAE;EAC1DE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAMF,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":[]}

package/Table/components/Resizer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type VariantProps } from "../../utils";
+declare const resizerVariants: (props?: ({
+    isResizing?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface ResizerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof resizerVariants> {
+}
+declare const Resizer: ({ className, isResizing, ...props }: ResizerProps) => React.JSX.Element;
+export { Resizer, type ResizerProps };

package/Table/components/Resizer.js

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

package/Table/components/Resizer.js.map

@@ -0,0 +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\";\n\nconst resizerVariants = cva(\n    [\n        \"wby-absolute wby-right-0 wby-top-0 wby-w-md wby-h-full wby-border-r-md wby-border-r-accent-default wby-cursor-col-resize wby-select-none wby-touch-none\",\n        \"wby-opacity-0 wby-bg-transparent\",\n        \"hover:wby-opacity-100\"\n    ],\n    {\n        variants: {\n            isResizing: {\n                true: \"wby-opacity-100\"\n            }\n        }\n    }\n);\n\ninterface ResizerProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        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,yJAAyJ,EACzJ,kCAAkC,EAClC,uBAAuB,CAC1B,EACD;EACIE,QAAQ,EAAE;IACNC,UAAU,EAAE;MACRC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAMD,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":[]}

package/Table/components/Row.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils";
+declare const rowVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof rowVariants> {
+}
+declare const Row: ({ className, selected, ...props }: RowProps) => React.JSX.Element;
+export { Row, type RowProps };

package/Table/components/Row.js

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

package/Table/components/Row.js.map

@@ -0,0 +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\";\n\nconst rowVariants = cva(\n    \"wby-border-neutral-dimmed wby-border-solid wby-border-b-sm wby-transition-colors hover:wby-bg-neutral-subtle\",\n    {\n        variants: {\n            selected: {\n                true: \"wby-bg-neutral-light\"\n            }\n        }\n    }\n);\n\ninterface RowProps\n    extends React.HTMLAttributes<HTMLTableRowElement>,\n        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,8GAA8G,EAC9G;EACIE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAMD,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":[]}

package/Table/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./Body";
+export * from "./Caption";
+export * from "./Cell";
+export * from "./Direction";
+export * from "./Footer";
+export * from "./Head";
+export * from "./Header";
+export * from "./Resizer";
+export * from "./Row";

package/Table/components/index.js

@@ -0,0 +1,11 @@
+export * from "./Body";
+export * from "./Caption";
+export * from "./Cell";
+export * from "./Direction";
+export * from "./Footer";
+export * from "./Head";
+export * from "./Header";
+export * from "./Resizer";
+export * from "./Row";
+
+//# sourceMappingURL=index.js.map

package/Table/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Body\";\nexport * from \"./Caption\";\nexport * from \"./Cell\";\nexport * from \"./Direction\";\nexport * from \"./Footer\";\nexport * from \"./Head\";\nexport * from \"./Header\";\nexport * from \"./Resizer\";\nexport * from \"./Row\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Table/index.d.ts

@@ -0,0 +1 @@
+export * from "./Table";

package/Table/index.js

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

package/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Table\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Tabs/Tabs.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { type VariantProps } from "../utils";
+import type { TabProps, tabListVariants } from "./components";
+interface TabsProps extends Omit<TabsPrimitive.TabsProps, "children"> {
+    tabs: React.ReactElement<TabProps>[];
+    size?: VariantProps<typeof tabListVariants>["size"];
+    spacing?: VariantProps<typeof tabListVariants>["spacing"];
+    separator?: VariantProps<typeof tabListVariants>["separator"];
+}
+declare const Tabs: (({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props }: TabsProps) => React.JSX.Element) & {
+    original: ({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props }: TabsProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props }: TabsProps) => React.JSX.Element) & {
+        original: ({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props }: TabsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props }: TabsProps) => React.JSX.Element) & {
+        original: ({ defaultValue: initialValue, size, spacing, separator, tabs: tabComponents, ...props }: TabsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Tab: ((props: TabProps) => null) & {
+        original: (props: TabProps) => null;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: TabProps) => null) & {
+            original: (props: TabProps) => null;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: TabProps) => null) & {
+            original: (props: TabProps) => null;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Tabs, type TabsProps };

package/Tabs/Tabs.js

@@ -0,0 +1,70 @@
+import React, { useMemo, useState } from "react";
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { makeDecoratable, withStaticProps } from "../utils";
+import { Content, List, Tab, TabsContext, Trigger } from "./components";
+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 BaseTabs = makeDecoratable("Tabs", DecoratableTabs);
+const Tabs = withStaticProps(BaseTabs, {
+  Tab
+});
+export { Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/Tabs/Tabs.js.map

@@ -0,0 +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\";\nimport type { ITabsContext, TabItem, TabProps, tabListVariants } from \"./components\";\nimport { Content, List, Tab, TabsContext, Trigger } from \"./components\";\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":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,IAAI,IAAIC,aAAa,QAAQ,UAAU;AAChD,SAASC,eAAe,EAAqBC,eAAe;AAE5D,SAASC,OAAO,EAAEC,IAAI,EAAEC,GAAG,EAAEC,WAAW,EAAEC,OAAO;AAEjD,MAAMC,IAAI,GAAGR,aAAa,CAACQ,IAAI;AAS/B,MAAMC,eAAe,GAAGA,CAAC;EACrBC,YAAY,EAAEC,YAAY;EAC1BC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,IAAI,EAAEC,aAAa;EACnB,GAAGC;AACI,CAAC,KAAK;EACb,MAAM,CAACF,IAAI,EAAEG,OAAO,CAAC,GAAGpB,QAAQ,CAAY,EAAE,CAAC;EAE/C,MAAMY,YAAY,GAAGb,OAAO,CAAC,MAAM;IAC/B;IACA,OACIc,YAAY,IACZK,aAAa,CAACG,IAAI,CAACC,GAAG,IAAI,CAACA,GAAG,CAACH,KAAK,CAACI,QAAQ,IAAID,GAAG,CAACH,KAAK,CAACK,OAAO,KAAK,KAAK,CAAC,EAAEL,KAAK,CAC/EM,KAAK;EAElB,CAAC,EAAE,CAACZ,YAAY,EAAEK,aAAa,CAAC,CAAC;EAEjC,MAAMQ,QAAQ,GAAG3B,OAAO,CACpB;EAAA;EACI;EACAD,KAAA,CAAA6B,aAAA,CAACrB,IAAI;IACDsB,GAAG,EAAEX,IAAI,CAACY,GAAG,CAACP,GAAG,IAAIA,GAAG,CAACQ,EAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;IACvCjB,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA;EAAU,GAEpBC,IAAI,CAACY,GAAG,CAACP,GAAG,iBACTxB,KAAA,CAAA6B,aAAA,CAAClB,OAAO;IACJ,eAAaa,GAAG,CAAC,aAAa,CAAE;IAChCC,QAAQ,EAAED,GAAG,CAACC,QAAS;IACvBS,IAAI,EAAEV,GAAG,CAACU,IAAK;IACfJ,GAAG,EAAEN,GAAG,CAACQ,EAAG;IACZhB,IAAI,EAAEA,IAAK;IACXmB,IAAI,EAAEX,GAAG,CAACY,OAAQ;IAClBT,KAAK,EAAEH,GAAG,CAACG,KAAM;IACjBD,OAAO,EAAEF,GAAG,CAACE;EAAQ,CACxB,CACJ,CACC,CACT,EACD,CAACP,IAAI,EAAEH,IAAI,EAAEC,OAAO,CACxB,CAAC;EAED,MAAMoB,QAAQ,GAAGpC,OAAO,CACpB,MACIkB,IAAI,CAACY,GAAG,CAACP,GAAG,iBACRxB,KAAA,CAAA6B,aAAA,CAACtB,OAAO;IACJuB,GAAG,EAAEN,GAAG,CAACQ,EAAG;IACZL,KAAK,EAAEH,GAAG,CAACG,KAAM;IACjBW,OAAO,EAAEd,GAAG,CAACc,OAAQ;IACrBrB,OAAO,EAAEO,GAAG,CAACP,OAAO,IAAIA,OAAQ;IAChCsB,SAAS,EAAEf,GAAG,CAACe;EAAU,CAC5B,CACJ,CAAC,EACN,CAACpB,IAAI,EAAEF,OAAO,CAClB,CAAC;EAED,MAAMuB,OAAqB,GAAGvC,OAAO,CACjC,OAAO;IACHwC,MAAMA,CAACpB,KAAK,EAAE;MACVC,OAAO,CAACH,IAAI,IAAI;QACZ,MAAMuB,aAAa,GAAGvB,IAAI,CAACwB,SAAS,CAACnB,GAAG,IAAIA,GAAG,CAACG,KAAK,KAAKN,KAAK,CAACM,KAAK,CAAC;QACtE,IAAIe,aAAa,GAAG,CAAC,CAAC,EAAE;UACpB,OAAO,CACH,GAAGvB,IAAI,CAACyB,KAAK,CAAC,CAAC,EAAEF,aAAa,CAAC,EAC/BrB,KAAK,EACL,GAAGF,IAAI,CAACyB,KAAK,CAACF,aAAa,GAAG,CAAC,CAAC,CACnC;QACL;QACA,OAAO,CAAC,GAAGvB,IAAI,EAAEE,KAAK,CAAC;MAC3B,CAAC,CAAC;IACN,CAAC;IACDwB,SAASA,CAACb,EAAE,EAAE;MACVV,OAAO,CAACH,IAAI,IAAIA,IAAI,CAAC2B,MAAM,CAACtB,GAAG,IAAIA,GAAG,CAACQ,EAAE,KAAKA,EAAE,CAAC,CAAC;IACtD;EACJ,CAAC,CAAC,EACF,CAACV,OAAO,CACZ,CAAC;EAED,oBACItB,KAAA,CAAA6B,aAAA,CAACjB,IAAI,EAAAmC,MAAA,CAAAC,MAAA,KAAK3B,KAAK;IAAEP,YAAY,EAAEA;EAAa,IACvCc,QAAQ,EACRS,QAAQ,eACTrC,KAAA,CAAA6B,aAAA,CAACnB,WAAW,CAACuC,QAAQ;IAACtB,KAAK,EAAEa;EAAQ,GAAEpB,aAAoC,CACzE,CAAC;AAEf,CAAC;AAED,MAAM8B,QAAQ,GAAG7C,eAAe,CAAC,MAAM,EAAEQ,eAAe,CAAC;AAEzD,MAAMV,IAAI,GAAGG,eAAe,CAAC4C,QAAQ,EAAE;EACnCzC;AACJ,CAAC,CAAC;AAEF,SAASN,IAAI","ignoreList":[]}