@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

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

@@ -1 +1 @@
-export * from "./SwitchPresenter";
+export * from "./SwitchPresenter.js";

package/Switch/primitives/presenters/index.js

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

package/Switch/primitives/presenters/index.js.map

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

package/Switch/primitives/useSwitch.d.ts

@@ -1,7 +1,7 @@
-import type { SwitchPrimitiveProps } from "./SwitchPrimitive";
+import type { SwitchPrimitiveProps } from "./SwitchPrimitive.js";
 export declare const useSwitch: (props: SwitchPrimitiveProps) => {
     vm: {
-        item: import("../domains").SwitchItemFormatted | undefined;
+        item: import("../domains/SwitchItemFormatted.js").SwitchItemFormatted | undefined;
     };
     changeChecked: (checked: boolean) => void;
 };

package/Switch/primitives/useSwitch.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { SwitchPresenter } from "./presenters/SwitchPresenter";
+import { SwitchPresenter } from "./presenters/SwitchPresenter.js";
 export const useSwitch = props => {
   const params = useMemo(() => ({
     id: props.id,

package/Switch/primitives/useSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","SwitchPresenter","useSwitch","props","params","id","label","value","checked","disabled","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SwitchPrimitiveProps } from \"./SwitchPrimitive\";\nimport type { SwitchPresenterParams } from \"./presenters/SwitchPresenter\";\nimport { SwitchPresenter } from \"./presenters/SwitchPresenter\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO;EACpB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,EAAE,EAAEF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,QAAQ,EAAEN,KAAK,CAACO,QAAQ,CACtF,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SwitchPresenter","useSwitch","props","params","id","label","value","checked","disabled","onChange","presenter","init","vm","setVm","changeChecked"],"sources":["useSwitch.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { SwitchPrimitiveProps } from \"./SwitchPrimitive.js\";\nimport type { SwitchPresenterParams } from \"./presenters/SwitchPresenter.js\";\nimport { SwitchPresenter } from \"./presenters/SwitchPresenter.js\";\n\nexport const useSwitch = (props: SwitchPrimitiveProps) => {\n    const params: SwitchPresenterParams = useMemo(\n        () => ({\n            id: props.id,\n            label: props.label,\n            value: props.value,\n            checked: props.checked,\n            disabled: props.disabled,\n            onChange: props.onChange\n        }),\n        [props.id, props.label, props.value, props.checked, props.disabled, props.onChange]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SwitchPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeChecked: presenter.changeChecked };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAG9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,EAAE,EAAEF,KAAK,CAACE,EAAE;IACZC,KAAK,EAAEH,KAAK,CAACG,KAAK;IAClBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;IAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBC,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO;EACpB,CAAC,CAAC,EACF,CAACP,KAAK,CAACE,EAAE,EAAEF,KAAK,CAACG,KAAK,EAAEH,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACM,QAAQ,EAAEN,KAAK,CAACO,QAAQ,CACtF,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,aAAa,EAAEJ,SAAS,CAACI;EAAc,CAAC;AACzD,CAAC","ignoreList":[]}

package/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type VariantProps } from "../utils";
+import { type VariantProps } from "../utils.js";
 declare const tableVariants: (props?: ({
     bordered?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -10,11 +10,11 @@ declare const Table: (({ className, bordered, sticky, ...props }: TableProps) =>
     Body: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
     Caption: ({ className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
     Cell: ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
-    Direction: ({ className, direction }: import("./components/Direction").DirectionProps) => React.JSX.Element | null;
+    Direction: ({ className, direction }: import("~/Table/components/index.js").DirectionProps) => React.JSX.Element | null;
     Footer: ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
     Head: ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
-    Header: ({ className, sticky, ...props }: import("./components/Header").HeaderProps) => React.JSX.Element;
-    Resizer: ({ className, isResizing, ...props }: import("./components/Resizer").ResizerProps) => React.JSX.Element;
-    Row: ({ className, selected, ...props }: import("./components/Row").RowProps) => React.JSX.Element;
+    Header: ({ className, sticky, ...props }: import("~/Table/components/index.js").HeaderProps) => React.JSX.Element;
+    Resizer: ({ className, isResizing, ...props }: import("~/Table/components/index.js").ResizerProps) => React.JSX.Element;
+    Row: ({ className, selected, ...props }: import("~/Table/components/index.js").RowProps) => React.JSX.Element;
 };
 export { Table, type TableProps };

package/Table/Table.js

@@ -1,17 +1,17 @@
 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", {
+import { cn, cva, withStaticProps } from "../utils.js";
+import { Body, Caption, Cell, Direction, Footer, Head, Header, Resizer, Row } from "./components/index.js";
+const tableWrapperVariants = cva("relative w-full overflow-auto", {
   variants: {
     sticky: {
-      true: "wby-overflow-clip"
+      true: "overflow-clip"
     }
   }
 });
-const tableVariants = cva("wby-w-full wby-caption-bottom wby-text-sm wby-bg-white", {
+const tableVariants = cva("w-full caption-bottom text-sm bg-white", {
   variants: {
     bordered: {
-      true: "wby-border-neutral-dimmed wby-border-solid wby-border-sm"
+      true: "border-neutral-dimmed border-solid border-sm"
     }
   }
 });

package/Table/Table.js.map

@@ -1 +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":[]}
+{"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.js\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components/index.js\";\n\nconst tableWrapperVariants = cva(\"relative w-full overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"w-full caption-bottom text-sm bg-white\", {\n    variants: {\n        bordered: {\n            true: \"border-neutral-dimmed border-solid 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,+BAA+B,EAAE;EAC9DY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wCAAwC,EAAE;EAChEY,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.js

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

package/Table/components/Body.js.map

@@ -1 +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":[]}
+{"version":3,"names":["React","cn","Body","className","props","createElement","Object","assign"],"sources":["Body.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Body = ({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => (\n    <tbody className={cn(\"[&_tr:last-child]: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,+BAA+B,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACjF;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Caption.js

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

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\";\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":[]}
+{"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":[]}

package/Table/components/Cell.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 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)
+  className: cn(["box-border px-md py-sm-extra text-md text-left align-middle text-neutral-primary", "overflow-hidden whitespace-nowrap truncate", "[&:has([role=checkbox])]:pl-lg", "leading-none"], className)
 }, props));
 export { Cell };
 

package/Table/components/Cell.js.map

@@ -1 +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":[]}
+{"version":3,"names":["React","cn","Cell","className","props","createElement","Object","assign"],"sources":["Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nconst Cell = ({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>) => (\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 truncate\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"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,kFAAkF,EAClF,4CAA4C,EAC5C,gCAAgC,EAChC,cAAc,CACjB,EACDE,SACJ;AAAE,GACEC,KAAK,CACZ,CACJ;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Direction.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const directionVariants: (props?: ({
     direction?: "desc" | "asc" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Table/components/Direction.js

@@ -1,12 +1,12 @@
 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", {
+import { Icon } from "../../Icon/index.js";
+import { cn, cva } from "../../utils.js";
+const directionVariants = cva("inline", {
   variants: {
     direction: {
-      asc: "wby-rotate-0",
-      desc: "wby-rotate-180"
+      asc: "rotate-0",
+      desc: "rotate-180"
     }
   }
 });

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\";\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":[]}
+{"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>,\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,QAAQ,EAAE;EACpCE,QAAQ,EAAE;IACNC,SAAS,EAAE;MACPC,GAAG,EAAE,UAAU;MACfC,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.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 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)
+  className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)
 }, props));
 export { Footer };
 

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\";\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":[]}
+{"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":[]}

package/Table/components/Head.js

@@ -1,11 +1,11 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils.js";
 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)
+  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 truncate", "[&:has([role=checkbox])]:pl-lg", "leading-none"], className)
 }, props), children);
 export { Head };
 

package/Table/components/Head.js.map

@@ -1 +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":[]}
+{"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.js\";\n\nconst Head = ({ className, children, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>) => (\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 truncate\",\n                \"[&:has([role=checkbox])]:pl-lg\",\n                \"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,qHAAqH,EACrH,yBAAyB,EACzB,4CAA4C,EAC5C,gCAAgC,EAChC,cAAc,CACjB,EACDE,SACJ;AAAE,GACEE,KAAK,GAERD,QACD,CACP;AAED,SAASF,IAAI","ignoreList":[]}

package/Table/components/Header.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const headerVariants: (props?: ({
     sticky?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Table/components/Header.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { cn, cva } from "../../utils";
-const headerVariants = cva("[&_tr]:hover:wby-bg-transparent", {
+import { cn, cva } from "../../utils.js";
+const headerVariants = cva("[&_tr]:hover:bg-transparent", {
   variants: {
     sticky: {
-      true: "[&_tr]:wby-bg-white [&_tr]:hover:wby-bg-white wby-sticky wby-top-0"
+      true: "[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0"
     }
   }
 });

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\";\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":[]}
+{"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>,\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,6BAA6B,EAAE;EACtDE,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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const resizerVariants: (props?: ({
     isResizing?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Table/components/Resizer.js

@@ -1,9 +1,9 @@
 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"], {
+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: "wby-opacity-100"
+      true: "opacity-100"
     }
   }
 });

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\";\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":[]}
+{"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>,\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,iHAAiH,EACjH,0BAA0B,EAC1B,mBAAmB,CACtB,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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const rowVariants: (props?: ({
     selected?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/Table/components/Row.js

@@ -1,9 +1,9 @@
 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", {
+import { cn, cva } from "../../utils.js";
+const rowVariants = cva("border-neutral-dimmed border-solid border-b-sm transition-colors hover:bg-neutral-subtle", {
   variants: {
     selected: {
-      true: "wby-bg-neutral-light"
+      true: "bg-neutral-light"
     }
   }
 });

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\";\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":[]}
+{"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>,\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,0FAA0F,EAC1F;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

@@ -1,9 +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";
+export * from "./Body.js";
+export * from "./Caption.js";
+export * from "./Cell.js";
+export * from "./Direction.js";
+export * from "./Footer.js";
+export * from "./Head.js";
+export * from "./Header.js";
+export * from "./Resizer.js";
+export * from "./Row.js";

package/Table/components/index.js

@@ -1,11 +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";
+export * from "./Body.js";
+export * from "./Caption.js";
+export * from "./Cell.js";
+export * from "./Direction.js";
+export * from "./Footer.js";
+export * from "./Head.js";
+export * from "./Header.js";
+export * from "./Resizer.js";
+export * from "./Row.js";
 
 //# sourceMappingURL=index.js.map

package/Table/components/index.js.map

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

package/Table/index.d.ts

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

package/Table/index.js

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

package/Table/index.js.map

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

package/Tabs/Tabs.d.ts

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

package/Tabs/Tabs.js

@@ -1,7 +1,7 @@
 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";
+import { makeDecoratable, withStaticProps } from "../utils.js";
+import { Content, List, Tab, TabsContext, Trigger } from "./components/index.js";
 const Root = TabsPrimitive.Root;
 const DecoratableTabs = ({
   defaultValue: initialValue,

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\";\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":"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","ignoreList":[]}
+{"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":[]}

package/Tabs/Tabs.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as Tabs from './Tabs.stories';
 
@@ -492,4 +492,4 @@ export default WithHiddenTabExample;
 <img src="/images/storybook/tabs/tab-group.png" alt="Tab Group"/>
 
 ## Usage
-<img src="/images/storybook/tabs/usage.png" alt="Usage"/>
+<img src="/images/storybook/tabs/usage.png" alt="Usage"/>

package/Tabs/Tabs.stories.d.ts

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

package/Tabs/Tabs.stories.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { ReactComponent as PersonIcon } from "@webiny/icons/person.svg";
 import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
-import { Tabs } from "./Tabs";
+import { Tabs } from "./Tabs.js";
 const meta = {
   title: "Components/Tabs",
   component: Tabs,
@@ -235,12 +235,10 @@ export const Documentation = {
       control: "text"
     },
     value: {
-      description: "The controlled value of the active tab, please refer to the example code for details.",
-      control: "none"
+      description: "The controlled value of the active tab, please refer to the example code for details."
     },
     tabs: {
-      description: "The tabs to render, please refer to the example code for details.",
-      control: "none"
+      description: "The tabs to render, please refer to the example code for details."
     }
   }
 };