@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Tabs/components/Context.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-const TabsContext = /*#__PURE__*/createContext(undefined);
+const TabsContext = /*#__PURE__*/ createContext(void 0);
 export { TabsContext };
 
 //# sourceMappingURL=Context.js.map

package/Tabs/components/Context.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","TabsContext","undefined"],"sources":["Context.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport type { TabItem } from \"./Tab.js\";\n\ninterface ITabsContext {\n    addTab(props: TabItem): void;\n    removeTab(id: string): void;\n}\n\nconst TabsContext = createContext<ITabsContext | undefined>(undefined);\n\nexport { TabsContext, type ITabsContext };\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAQrC,MAAMC,WAAW,gBAAGD,aAAa,CAA2BE,SAAS,CAAC;AAEtE,SAASD,WAAW","ignoreList":[]}
+{"version":3,"file":"Tabs/components/Context.js","sources":["../../../src/Tabs/components/Context.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport type { TabItem } from \"./Tab.js\";\n\ninterface ITabsContext {\n    addTab(props: TabItem): void;\n    removeTab(id: string): void;\n}\n\nconst TabsContext = createContext<ITabsContext | undefined>(undefined);\n\nexport { TabsContext, type ITabsContext };\n"],"names":["TabsContext","createContext","undefined"],"mappings":";AAQA,MAAMA,cAAc,WAAHA,GAAGC,cAAwCC"}

package/Tabs/components/List.js

@@ -1,43 +1,38 @@
-import * as React from "react";
-import { Tabs as TabsPrimitive } from "radix-ui";
+import { Tabs } from "radix-ui";
 import { cn, cva } from "../../utils.js";
+import * as __rspack_external_react from "react";
 const tabListVariants = cva("w-full inline-flex items-center justify-start", {
-  variants: {
-    size: {
-      sm: "gap-sm",
-      md: "gap-sm",
-      lg: "gap-sm-extra",
-      xl: "gap-md"
+    variants: {
+        size: {
+            sm: "gap-sm",
+            md: "gap-sm",
+            lg: "gap-sm-extra",
+            xl: "gap-md"
+        },
+        spacing: {
+            xs: "px-xs",
+            sm: "px-sm",
+            md: "px-md",
+            lg: "px-lg",
+            xl: "px-xl",
+            xxl: "px-xxl"
+        },
+        separator: {
+            true: "border-solid border-b-sm border-neutral-dimmed"
+        }
     },
-    spacing: {
-      xs: "px-xs",
-      sm: "px-sm",
-      md: "px-md",
-      lg: "px-lg",
-      xl: "px-xl",
-      xxl: "px-xxl"
-    },
-    separator: {
-      true: "border-solid border-b-sm border-neutral-dimmed"
+    defaultVariants: {
+        size: "sm"
     }
-  },
-  defaultVariants: {
-    size: "sm"
-  }
 });
-const List = ({
-  className,
-  spacing,
-  size,
-  separator,
-  ...props
-}) => /*#__PURE__*/React.createElement(TabsPrimitive.List, Object.assign({
-  className: cn(tabListVariants({
-    spacing,
-    size,
-    separator
-  }), className)
-}, props));
+const List = ({ className, spacing, size, separator, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Tabs.List, {
+        className: cn(tabListVariants({
+            spacing,
+            size,
+            separator
+        }), className),
+        ...props
+    });
 export { List, tabListVariants };
 
 //# sourceMappingURL=List.js.map

package/Tabs/components/List.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tabs","TabsPrimitive","cn","cva","tabListVariants","variants","size","sm","md","lg","xl","spacing","xs","xxl","separator","true","defaultVariants","List","className","props","createElement","Object","assign"],"sources":["List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst tabListVariants = cva(\"w-full inline-flex items-center justify-start\", {\n    variants: {\n        size: {\n            sm: \"gap-sm\",\n            md: \"gap-sm\",\n            lg: \"gap-sm-extra\",\n            xl: \"gap-md\"\n        },\n        spacing: {\n            xs: \"px-xs\",\n            sm: \"px-sm\",\n            md: \"px-md\",\n            lg: \"px-lg\",\n            xl: \"px-xl\",\n            xxl: \"px-xxl\"\n        },\n        separator: {\n            true: \"border-solid border-b-sm border-neutral-dimmed\"\n        }\n    },\n    defaultVariants: {\n        size: \"sm\"\n    }\n});\n\ntype ListProps = TabsPrimitive.TabsListProps & VariantProps<typeof tabListVariants>;\n\nconst List = ({ className, spacing, size, separator, ...props }: ListProps) => (\n    <TabsPrimitive.List\n        className={cn(tabListVariants({ spacing, size, separator }), className)}\n        {...props}\n    />\n);\n\nexport { List, type ListProps, tabListVariants };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,IAAIC,aAAa,QAAQ,UAAU;AAChD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,eAAe,GAAGD,GAAG,CAAC,+CAA+C,EAAE;EACzEE,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,cAAc;MAClBC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,EAAE,EAAE,OAAO;MACXL,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE,OAAO;MACXG,GAAG,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbV,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAIF,MAAMW,IAAI,GAAGA,CAAC;EAAEC,SAAS;EAAEP,OAAO;EAAEL,IAAI;EAAEQ,SAAS;EAAE,GAAGK;AAAiB,CAAC,kBACtEpB,KAAA,CAAAqB,aAAA,CAACnB,aAAa,CAACgB,IAAI,EAAAI,MAAA,CAAAC,MAAA;EACfJ,SAAS,EAAEhB,EAAE,CAACE,eAAe,CAAC;IAAEO,OAAO;IAAEL,IAAI;IAAEQ;EAAU,CAAC,CAAC,EAAEI,SAAS;AAAE,GACpEC,KAAK,CACZ,CACJ;AAED,SAASF,IAAI,EAAkBb,eAAe","ignoreList":[]}
+{"version":3,"file":"Tabs/components/List.js","sources":["../../../src/Tabs/components/List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst tabListVariants = cva(\"w-full inline-flex items-center justify-start\", {\n    variants: {\n        size: {\n            sm: \"gap-sm\",\n            md: \"gap-sm\",\n            lg: \"gap-sm-extra\",\n            xl: \"gap-md\"\n        },\n        spacing: {\n            xs: \"px-xs\",\n            sm: \"px-sm\",\n            md: \"px-md\",\n            lg: \"px-lg\",\n            xl: \"px-xl\",\n            xxl: \"px-xxl\"\n        },\n        separator: {\n            true: \"border-solid border-b-sm border-neutral-dimmed\"\n        }\n    },\n    defaultVariants: {\n        size: \"sm\"\n    }\n});\n\ntype ListProps = TabsPrimitive.TabsListProps & VariantProps<typeof tabListVariants>;\n\nconst List = ({ className, spacing, size, separator, ...props }: ListProps) => (\n    <TabsPrimitive.List\n        className={cn(tabListVariants({ spacing, size, separator }), className)}\n        {...props}\n    />\n);\n\nexport { List, type ListProps, tabListVariants };\n"],"names":["tabListVariants","cva","List","className","spacing","size","separator","props","TabsPrimitive","cn"],"mappings":";;;AAIA,MAAMA,kBAAkBC,IAAI,iDAAiD;IACzE,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,KAAK;QACT;QACA,WAAW;YACP,MAAM;QACV;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAIA,MAAMC,OAAO,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAkB,iBACtE,sCAACC,KAAAA,IAAkB;QACf,WAAWC,GAAGT,gBAAgB;YAAEI;YAASC;YAAMC;QAAU,IAAIH;QAC5D,GAAGI,KAAK"}

package/Tabs/components/Tab.js

@@ -1,22 +1,20 @@
 import { useContext, useEffect, useRef } from "react";
-import { makeDecoratable, generateId } from "../../utils.js";
+import { generateId, makeDecoratable } from "../../utils.js";
 import { TabsContext } from "./Context.js";
-const DecoratableTab = props => {
-  const tabsContext = useContext(TabsContext);
-  const idRef = useRef(generateId());
-  useEffect(() => {
-    tabsContext.addTab({
-      ...props,
-      id: idRef.current,
-      visible: props.visible ?? true
-    });
-  }, [props]);
-  useEffect(() => {
-    return () => {
-      return tabsContext.removeTab(idRef.current);
-    };
-  }, []);
-  return null;
+const DecoratableTab = (props)=>{
+    const tabsContext = useContext(TabsContext);
+    const idRef = useRef(generateId());
+    useEffect(()=>{
+        tabsContext.addTab({
+            ...props,
+            id: idRef.current,
+            visible: props.visible ?? true
+        });
+    }, [
+        props
+    ]);
+    useEffect(()=>()=>tabsContext.removeTab(idRef.current), []);
+    return null;
 };
 const Tab = makeDecoratable("Tab", DecoratableTab);
 export { Tab };

package/Tabs/components/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useRef","makeDecoratable","generateId","TabsContext","DecoratableTab","props","tabsContext","idRef","addTab","id","current","visible","removeTab","Tab"],"sources":["Tab.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useContext, useEffect, useRef } from \"react\";\nimport { makeDecoratable, generateId, type VariantProps } from \"~/utils.js\";\nimport { TabsContext } from \"./Context.js\";\nimport type { tabListVariants } from \"./List.js\";\n\ninterface TabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\" | \"content\"> {\n    value: string;\n    trigger: React.ReactNode;\n    content: React.ReactNode;\n    icon?: React.ReactElement;\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    disabled?: boolean;\n    visible?: boolean;\n    \"data-testid\"?: string;\n}\n\ninterface TabItem extends TabProps {\n    id: string;\n}\n\nconst DecoratableTab = (props: TabProps) => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(generateId());\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n};\n\nconst Tab = makeDecoratable(\"Tab\", DecoratableTab);\n\nexport { Tab, type TabProps, type TabItem };\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACrD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,WAAW;AAkBpB,MAAMC,cAAc,GAAIC,KAAe,IAAK;EACxC,MAAMC,WAAW,GAAGR,UAAU,CAACK,WAAW,CAAC;EAC3C,MAAMI,KAAK,GAAGP,MAAM,CAACE,UAAU,CAAC,CAAC,CAAC;EAElCH,SAAS,CAAC,MAAM;IACZO,WAAW,CAAEE,MAAM,CAAC;MAAE,GAAGH,KAAK;MAAEI,EAAE,EAAEF,KAAK,CAACG,OAAO;MAAEC,OAAO,EAAEN,KAAK,CAACM,OAAO,IAAI;IAAK,CAAC,CAAC;EACxF,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEXN,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,OAAOO,WAAW,CAAEM,SAAS,CAACL,KAAK,CAACG,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAED,MAAMG,GAAG,GAAGZ,eAAe,CAAC,KAAK,EAAEG,cAAc,CAAC;AAElD,SAASS,GAAG","ignoreList":[]}
+{"version":3,"file":"Tabs/components/Tab.js","sources":["../../../src/Tabs/components/Tab.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useContext, useEffect, useRef } from \"react\";\nimport { makeDecoratable, generateId, type VariantProps } from \"~/utils.js\";\nimport { TabsContext } from \"./Context.js\";\nimport type { tabListVariants } from \"./List.js\";\n\ninterface TabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\" | \"content\"> {\n    value: string;\n    trigger: React.ReactNode;\n    content: React.ReactNode;\n    icon?: React.ReactElement;\n    spacing?: VariantProps<typeof tabListVariants>[\"spacing\"];\n    disabled?: boolean;\n    visible?: boolean;\n    \"data-testid\"?: string;\n}\n\ninterface TabItem extends TabProps {\n    id: string;\n}\n\nconst DecoratableTab = (props: TabProps) => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(generateId());\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n};\n\nconst Tab = makeDecoratable(\"Tab\", DecoratableTab);\n\nexport { Tab, type TabProps, type TabItem };\n"],"names":["DecoratableTab","props","tabsContext","useContext","TabsContext","idRef","useRef","generateId","useEffect","Tab","makeDecoratable"],"mappings":";;;AAqBA,MAAMA,iBAAiB,CAACC;IACpB,MAAMC,cAAcC,WAAWC;IAC/B,MAAMC,QAAQC,OAAOC;IAErBC,UAAU;QACNN,YAAa,MAAM,CAAC;YAAE,GAAGD,KAAK;YAAE,IAAII,MAAM,OAAO;YAAE,SAASJ,MAAM,OAAO,IAAI;QAAK;IACtF,GAAG;QAACA;KAAM;IAEVO,UAAU,IACC,IACIN,YAAa,SAAS,CAACG,MAAM,OAAO,GAEhD,EAAE;IAEL,OAAO;AACX;AAEA,MAAMI,MAAMC,gBAAgB,OAAOV"}

package/Tabs/components/Trigger.js

@@ -1,58 +1,62 @@
-import * as React from "react";
-import { Tabs as TabsPrimitive } from "radix-ui";
+import { Tabs } from "radix-ui";
 import { cn, cva } from "../../utils.js";
 import { Icon } from "../../Icon/index.js";
-const tabTriggerVariants = cva(["group inline-flex items-center justify-center whitespace-nowrap outline-none transition-all", "text-neutral-strong hover:text-neutral-primary", "border-b-md border-transparent border-solid", "data-[state=active]:border-accent-default data-[state=active]:text-neutral-primary", "disabled:pointer-events-none disabled:text-neutral-disabled! disabled:fill-neutral-disabled! disabled:border-transparent!"], {
-  variants: {
-    size: {
-      sm: "text-sm h-[40px]",
-      md: "text-md h-xxl",
-      lg: "text-lg h-[56px]",
-      xl: "text-xl h-3xl"
+import * as __rspack_external_react from "react";
+const tabTriggerVariants = cva([
+    "group inline-flex items-center justify-center whitespace-nowrap outline-none transition-all",
+    "text-neutral-strong hover:text-neutral-primary",
+    "border-b-md border-transparent border-solid",
+    "data-[state=active]:border-accent-default data-[state=active]:text-neutral-primary",
+    "disabled:pointer-events-none disabled:text-neutral-disabled! disabled:fill-neutral-disabled! disabled:border-transparent!"
+], {
+    variants: {
+        size: {
+            sm: "text-sm h-[40px]",
+            md: "text-md h-xxl",
+            lg: "text-lg h-[56px]",
+            xl: "text-xl h-3xl"
+        },
+        visible: {
+            false: "hidden"
+        }
     },
-    visible: {
-      false: "hidden"
+    defaultVariants: {
+        size: "sm"
     }
-  },
-  defaultVariants: {
-    size: "sm"
-  }
 });
-const innerTabTriggerVariants = cva(["inline-flex items-center justify-start gap-xs", "group-hover:bg-neutral-dimmed", "group-focus-visible:ring-lg group-focus-visible:ring-primary-dimmed"], {
-  variants: {
-    size: {
-      sm: "rounded-sm p-xs",
-      md: "rounded-sm px-xs py-xs-plus",
-      lg: "rounded-sm px-xs-plus py-sm-plus",
-      xl: "rounded-lg px-sm py-sm-plus"
+const innerTabTriggerVariants = cva([
+    "inline-flex items-center justify-start gap-xs",
+    "group-hover:bg-neutral-dimmed",
+    "group-focus-visible:ring-lg group-focus-visible:ring-primary-dimmed"
+], {
+    variants: {
+        size: {
+            sm: "rounded-sm p-xs",
+            md: "rounded-sm px-xs py-xs-plus",
+            lg: "rounded-sm px-xs-plus py-sm-plus",
+            xl: "rounded-lg px-sm py-sm-plus"
+        }
+    },
+    defaultVariants: {
+        size: "sm"
     }
-  },
-  defaultVariants: {
-    size: "sm"
-  }
 });
-const Trigger = ({
-  className,
-  size,
-  icon,
-  text,
-  visible,
-  ...props
-}) => /*#__PURE__*/React.createElement(TabsPrimitive.Trigger, Object.assign({
-  className: cn(tabTriggerVariants({
-    size,
-    visible
-  }), className)
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: cn(innerTabTriggerVariants({
-    size
-  }))
-}, icon && /*#__PURE__*/React.createElement(Icon, {
-  icon: icon,
-  size: "sm",
-  label: String(text),
-  color: "neutral-light"
-}), text));
+const Trigger = ({ className, size, icon, text, visible, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement(Tabs.Trigger, {
+        className: cn(tabTriggerVariants({
+            size,
+            visible
+        }), className),
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: cn(innerTabTriggerVariants({
+            size
+        }))
+    }, icon && /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+        icon: icon,
+        size: "sm",
+        label: String(text),
+        color: "neutral-light"
+    }), text));
 export { Trigger };
 
 //# sourceMappingURL=Trigger.js.map

package/Tabs/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tabs","TabsPrimitive","cn","cva","Icon","tabTriggerVariants","variants","size","sm","md","lg","xl","visible","false","defaultVariants","innerTabTriggerVariants","Trigger","className","icon","text","props","createElement","Object","assign","label","String","color"],"sources":["Trigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst tabTriggerVariants = cva(\n    [\n        \"group inline-flex items-center justify-center whitespace-nowrap outline-none transition-all\",\n        \"text-neutral-strong hover:text-neutral-primary\",\n        \"border-b-md border-transparent border-solid\",\n        \"data-[state=active]:border-accent-default data-[state=active]:text-neutral-primary\",\n        \"disabled:pointer-events-none disabled:text-neutral-disabled! disabled:fill-neutral-disabled! disabled:border-transparent!\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"text-sm h-[40px]\",\n                md: \"text-md h-xxl\",\n                lg: \"text-lg h-[56px]\",\n                xl: \"text-xl h-3xl\"\n            },\n            visible: {\n                false: \"hidden\"\n            }\n        },\n        defaultVariants: {\n            size: \"sm\"\n        }\n    }\n);\n\nconst innerTabTriggerVariants = cva(\n    [\n        \"inline-flex items-center justify-start gap-xs\",\n        \"group-hover:bg-neutral-dimmed\",\n        \"group-focus-visible:ring-lg group-focus-visible:ring-primary-dimmed\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"rounded-sm p-xs\",\n                md: \"rounded-sm px-xs py-xs-plus\",\n                lg: \"rounded-sm px-xs-plus py-sm-plus\",\n                xl: \"rounded-lg px-sm py-sm-plus\"\n            }\n        },\n        defaultVariants: {\n            size: \"sm\"\n        }\n    }\n);\n\ntype TriggerProps = Omit<TabsPrimitive.TabsTriggerProps, \"children\"> &\n    VariantProps<typeof tabTriggerVariants> & {\n        text: React.ReactNode;\n        icon?: React.ReactElement;\n        \"data-testid\"?: string;\n    };\n\nconst Trigger = ({ className, size, icon, text, visible, ...props }: TriggerProps) => (\n    <TabsPrimitive.Trigger\n        className={cn(tabTriggerVariants({ size, visible }), className)}\n        {...props}\n    >\n        <div className={cn(innerTabTriggerVariants({ size }))}>\n            {icon && <Icon icon={icon} size={\"sm\"} label={String(text)} color={\"neutral-light\"} />}\n            {text}\n        </div>\n    </TabsPrimitive.Trigger>\n);\n\nexport { Trigger, type TriggerProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,IAAIC,aAAa,QAAQ,UAAU;AAChD,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,kBAAkB,GAAGF,GAAG,CAC1B,CACI,6FAA6F,EAC7F,gDAAgD,EAChD,6CAA6C,EAC7C,oFAAoF,EACpF,2HAA2H,CAC9H,EACD;EACIG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbP,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAED,MAAMQ,uBAAuB,GAAGZ,GAAG,CAC/B,CACI,+CAA+C,EAC/C,+BAA+B,EAC/B,qEAAqE,CACxE,EACD;EACIG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,iBAAiB;MACrBC,EAAE,EAAE,6BAA6B;MACjCC,EAAE,EAAE,kCAAkC;MACtCC,EAAE,EAAE;IACR;EACJ,CAAC;EACDG,eAAe,EAAE;IACbP,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AASD,MAAMS,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAEV,IAAI;EAAEW,IAAI;EAAEC,IAAI;EAAEP,OAAO;EAAE,GAAGQ;AAAoB,CAAC,kBAC7ErB,KAAA,CAAAsB,aAAA,CAACpB,aAAa,CAACe,OAAO,EAAAM,MAAA,CAAAC,MAAA;EAClBN,SAAS,EAAEf,EAAE,CAACG,kBAAkB,CAAC;IAAEE,IAAI;IAAEK;EAAQ,CAAC,CAAC,EAAEK,SAAS;AAAE,GAC5DG,KAAK,gBAETrB,KAAA,CAAAsB,aAAA;EAAKJ,SAAS,EAAEf,EAAE,CAACa,uBAAuB,CAAC;IAAER;EAAK,CAAC,CAAC;AAAE,GACjDW,IAAI,iBAAInB,KAAA,CAAAsB,aAAA,CAACjB,IAAI;EAACc,IAAI,EAAEA,IAAK;EAACX,IAAI,EAAE,IAAK;EAACiB,KAAK,EAAEC,MAAM,CAACN,IAAI,CAAE;EAACO,KAAK,EAAE;AAAgB,CAAE,CAAC,EACrFP,IACA,CACc,CAC1B;AAED,SAASH,OAAO","ignoreList":[]}
+{"version":3,"file":"Tabs/components/Trigger.js","sources":["../../../src/Tabs/components/Trigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst tabTriggerVariants = cva(\n    [\n        \"group inline-flex items-center justify-center whitespace-nowrap outline-none transition-all\",\n        \"text-neutral-strong hover:text-neutral-primary\",\n        \"border-b-md border-transparent border-solid\",\n        \"data-[state=active]:border-accent-default data-[state=active]:text-neutral-primary\",\n        \"disabled:pointer-events-none disabled:text-neutral-disabled! disabled:fill-neutral-disabled! disabled:border-transparent!\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"text-sm h-[40px]\",\n                md: \"text-md h-xxl\",\n                lg: \"text-lg h-[56px]\",\n                xl: \"text-xl h-3xl\"\n            },\n            visible: {\n                false: \"hidden\"\n            }\n        },\n        defaultVariants: {\n            size: \"sm\"\n        }\n    }\n);\n\nconst innerTabTriggerVariants = cva(\n    [\n        \"inline-flex items-center justify-start gap-xs\",\n        \"group-hover:bg-neutral-dimmed\",\n        \"group-focus-visible:ring-lg group-focus-visible:ring-primary-dimmed\"\n    ],\n    {\n        variants: {\n            size: {\n                sm: \"rounded-sm p-xs\",\n                md: \"rounded-sm px-xs py-xs-plus\",\n                lg: \"rounded-sm px-xs-plus py-sm-plus\",\n                xl: \"rounded-lg px-sm py-sm-plus\"\n            }\n        },\n        defaultVariants: {\n            size: \"sm\"\n        }\n    }\n);\n\ntype TriggerProps = Omit<TabsPrimitive.TabsTriggerProps, \"children\"> &\n    VariantProps<typeof tabTriggerVariants> & {\n        text: React.ReactNode;\n        icon?: React.ReactElement;\n        \"data-testid\"?: string;\n    };\n\nconst Trigger = ({ className, size, icon, text, visible, ...props }: TriggerProps) => (\n    <TabsPrimitive.Trigger\n        className={cn(tabTriggerVariants({ size, visible }), className)}\n        {...props}\n    >\n        <div className={cn(innerTabTriggerVariants({ size }))}>\n            {icon && <Icon icon={icon} size={\"sm\"} label={String(text)} color={\"neutral-light\"} />}\n            {text}\n        </div>\n    </TabsPrimitive.Trigger>\n);\n\nexport { Trigger, type TriggerProps };\n"],"names":["tabTriggerVariants","cva","innerTabTriggerVariants","Trigger","className","size","icon","text","visible","props","TabsPrimitive","cn","Icon","String"],"mappings":";;;;AAKA,MAAMA,qBAAqBC,IACvB;IACI;IACA;IACA;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;QACA,SAAS;YACL,OAAO;QACX;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAGJ,MAAMC,0BAA0BD,IAC5B;IACI;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAUJ,MAAME,UAAU,CAAC,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,OAAqB,iBAC7E,sCAACC,KAAAA,OAAqB;QAClB,WAAWC,GAAGX,mBAAmB;YAAEK;YAAMG;QAAQ,IAAIJ;QACpD,GAAGK,KAAK;qBAET,sCAAC;QAAI,WAAWE,GAAGT,wBAAwB;YAAEG;QAAK;OAC7CC,QAAQ,WAARA,GAAQ,sCAACM,MAAIA;QAAC,MAAMN;QAAM,MAAM;QAAM,OAAOO,OAAON;QAAO,OAAO;QAClEA"}

package/Tabs/components/index.js

@@ -3,5 +3,3 @@ export * from "./Context.js";
 export * from "./List.js";
 export * from "./Tab.js";
 export * from "./Trigger.js";
-
-//# sourceMappingURL=index.js.map

package/Tabs/index.js

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

package/Tag/Tag.js

@@ -1,98 +1,164 @@
-import * as React from "react";
-import { ReactComponent as Close } from "@webiny/icons/close.svg";
+import { ReactComponent } from "@webiny/icons/close.svg";
 import { cn, cva, makeDecoratable, omit } from "../utils.js";
 import { Icon } from "../Icon/index.js";
 import { IconButton } from "../Button/index.js";
 import { TagPropsProvider } from "./TagPropsProvider.js";
 import { TagSwatchBox } from "./TagSwatchBox.js";
 import { TagIcon } from "./TagIcon.js";
-const tagVariants = cva(["inline-flex items-center gap-xxs rounded-sm text-sm text-regular transition-colors overflow-hidden", "focus:outline-none", "h-[20px]"], {
-  variants: {
-    isInteractive: {
-      true: "cursor-pointer"
+import * as __rspack_external_react from "react";
+const tagVariants = cva([
+    "inline-flex items-center gap-xxs rounded-sm text-sm text-regular transition-colors overflow-hidden",
+    "focus:outline-none",
+    "h-[20px]"
+], {
+    variants: {
+        isInteractive: {
+            true: "cursor-pointer"
+        },
+        isDismissible: {
+            true: "pl-xs-plus pt-xxs pb-xxs pr-xs",
+            false: "px-xs-plus py-xxs"
+        },
+        isDisabled: {
+            true: "cursor-not-allowed pointer-events-none"
+        },
+        variant: {
+            "neutral-base": [
+                "bg-transparent text-neutral-primary",
+                "hover:bg-neutral-light",
+                "aria-disabled:bg-transparent aria-disabled:text-neutral-disabled"
+            ],
+            "neutral-base-outline": [
+                "border-sm border-solid px-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] py-[calc(var(--padding-xxs)-(var(--border-width-sm)))]",
+                "bg-neutral-base border-neutral-muted text-neutral-primary",
+                "hover:bg-neutral-light",
+                "aria-disabled:bg-transparent aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled"
+            ],
+            "neutral-light": [
+                "bg-neutral-light text-neutral-primary",
+                "hover:bg-neutral-muted",
+                "aria-disabled:bg-neutral-light aria-disabled:text-neutral-muted"
+            ],
+            "neutral-muted": [
+                "bg-neutral-muted text-neutral-primary",
+                "hover:bg-neutral-strong",
+                "aria-disabled:bg-neutral-muted aria-disabled:text-neutral-muted"
+            ],
+            "neutral-strong": [
+                "bg-neutral-strong text-neutral-light",
+                "hover:bg-neutral-xstrong",
+                "aria-disabled:bg-neutral-muted"
+            ],
+            "neutral-xstrong": [
+                "bg-neutral-xstrong text-neutral-light",
+                "hover:bg-neutral-dark",
+                "aria-disabled:bg-neutral-strong"
+            ],
+            "neutral-dark": [
+                "bg-neutral-dark text-neutral-light",
+                "hover:bg-neutral-xstrong",
+                "aria-disabled:bg-neutral-strong"
+            ],
+            accent: [
+                "bg-primary text-neutral-light",
+                "hover:bg-primary-strong",
+                "aria-disabled:bg-primary-disabled"
+            ],
+            "accent-light": [
+                "bg-primary-subtle text-neutral-primary",
+                "hover:bg-primary-muted",
+                "aria-disabled:bg-primary-subtle aria-disabled:text-neutral-muted"
+            ],
+            success: [
+                "bg-success text-neutral-light",
+                "hover:bg-success-strong",
+                "aria-disabled:bg-success-disabled"
+            ],
+            "success-light": [
+                "bg-success-subtle text-neutral-primary",
+                "hover:bg-success-muted",
+                "aria-disabled:bg-success-subtle aria-disabled:text-neutral-muted"
+            ],
+            warning: [
+                "bg-warning-muted text-neutral-primary",
+                "hover:bg-warning",
+                "aria-disabled:bg-warning-disabled aria-disabled:text-neutral-disabled"
+            ],
+            destructive: [
+                "bg-destructive text-neutral-light",
+                "hover:bg-destructive-strong",
+                "aria-disabled:bg-destructive-disabled"
+            ]
+        }
     },
-    isDismissible: {
-      true: "pl-xs-plus pt-xxs pb-xxs pr-xs",
-      false: "px-xs-plus py-xxs"
-    },
-    isDisabled: {
-      true: "cursor-not-allowed pointer-events-none"
-    },
-    variant: {
-      "neutral-base": ["bg-transparent text-neutral-primary", "hover:bg-neutral-light", "aria-disabled:bg-transparent aria-disabled:text-neutral-disabled"],
-      "neutral-base-outline": ["border-sm border-solid px-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] py-[calc(var(--padding-xxs)-(var(--border-width-sm)))]", "bg-neutral-base border-neutral-muted text-neutral-primary", "hover:bg-neutral-light", "aria-disabled:bg-transparent aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled"],
-      "neutral-light": ["bg-neutral-light text-neutral-primary", "hover:bg-neutral-muted", "aria-disabled:bg-neutral-light aria-disabled:text-neutral-muted"],
-      "neutral-muted": ["bg-neutral-muted text-neutral-primary", "hover:bg-neutral-strong", "aria-disabled:bg-neutral-muted aria-disabled:text-neutral-muted"],
-      "neutral-strong": ["bg-neutral-strong text-neutral-light", "hover:bg-neutral-xstrong", "aria-disabled:bg-neutral-muted"],
-      "neutral-xstrong": ["bg-neutral-xstrong text-neutral-light", "hover:bg-neutral-dark", "aria-disabled:bg-neutral-strong"],
-      "neutral-dark": ["bg-neutral-dark text-neutral-light", "hover:bg-neutral-xstrong", "aria-disabled:bg-neutral-strong"],
-      accent: ["bg-primary text-neutral-light", "hover:bg-primary-strong", "aria-disabled:bg-primary-disabled"],
-      "accent-light": ["bg-primary-subtle text-neutral-primary", "hover:bg-primary-muted", "aria-disabled:bg-primary-subtle aria-disabled:text-neutral-muted"],
-      success: ["bg-success text-neutral-light", "hover:bg-success-strong", "aria-disabled:bg-success-disabled"],
-      "success-light": ["bg-success-subtle text-neutral-primary", "hover:bg-success-muted", "aria-disabled:bg-success-subtle aria-disabled:text-neutral-muted"],
-      warning: ["bg-warning-muted text-neutral-primary", "hover:bg-warning", "aria-disabled:bg-warning-disabled aria-disabled:text-neutral-disabled"],
-      destructive: ["bg-destructive text-neutral-light", "hover:bg-destructive-strong", "aria-disabled:bg-destructive-disabled"]
+    defaultVariants: {
+        variant: "neutral-base"
     }
-  },
-  defaultVariants: {
-    variant: "neutral-base"
-  }
 });
-const DecoratableTag = props => {
-  const {
-    className,
-    variant,
-    content,
-    onClick,
-    onDismiss,
-    dismissIconElement = /*#__PURE__*/React.createElement(Close, null),
-    dismissIconLabel = "Close",
-    disabled,
-    ...rootProps
-  } = omit(props, ["icon", "swatchColor", "swatchColorIcon"]);
-  const dismissButtonVariant = React.useMemo(() => {
-    if (variant && ["neutral-strong", "neutral-xstrong", "neutral-dark", "success", "accent", "destructive"].includes(variant)) {
-      return "ghost-negative";
-    }
-    return "ghost";
-  }, [variant]);
-  const dismissIconColor = React.useMemo(() => {
-    if (variant && ["neutral-strong", "neutral-xstrong", "neutral-dark", "accent", "success", "destructive"].includes(variant)) {
-      return "neutral-negative";
-    }
-    if (variant && ["warning"].includes(variant)) {
-      return "neutral-strong";
-    }
-    return "neutral-strong-transparent";
-  }, [variant]);
-  return /*#__PURE__*/React.createElement(TagPropsProvider, {
-    props: props
-  }, /*#__PURE__*/React.createElement("span", Object.assign({}, rootProps, {
-    onClick: onClick,
-    className: cn(tagVariants({
-      variant,
-      isDismissible: Boolean(onDismiss),
-      isInteractive: Boolean(onClick),
-      isDisabled: Boolean(disabled)
-    }), className),
-    "aria-disabled": disabled
-  }), /*#__PURE__*/React.createElement(TagSwatchBox, null), /*#__PURE__*/React.createElement(TagIcon, null), /*#__PURE__*/React.createElement("span", {
-    className: "overflow-hidden truncate whitespace-nowrap"
-  }, content), onDismiss && /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: dismissIconElement,
-      label: dismissIconLabel,
-      color: dismissIconColor,
-      size: "sm"
-    }),
-    size: "xxs",
-    variant: dismissButtonVariant,
-    disabled: disabled,
-    onClick: event => {
-      event.stopPropagation();
-      onDismiss(event);
-    }
-  })));
+const DecoratableTag = (props)=>{
+    const { className, variant, content, onClick, onDismiss, dismissIconElement = /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null), dismissIconLabel = "Close", disabled, ...rootProps } = omit(props, [
+        "icon",
+        "swatchColor",
+        "swatchColorIcon"
+    ]);
+    const dismissButtonVariant = __rspack_external_react.useMemo(()=>{
+        if (variant && [
+            "neutral-strong",
+            "neutral-xstrong",
+            "neutral-dark",
+            "success",
+            "accent",
+            "destructive"
+        ].includes(variant)) return "ghost-negative";
+        return "ghost";
+    }, [
+        variant
+    ]);
+    const dismissIconColor = __rspack_external_react.useMemo(()=>{
+        if (variant && [
+            "neutral-strong",
+            "neutral-xstrong",
+            "neutral-dark",
+            "accent",
+            "success",
+            "destructive"
+        ].includes(variant)) return "neutral-negative";
+        if (variant && [
+            "warning"
+        ].includes(variant)) return "neutral-strong";
+        return "neutral-strong-transparent";
+    }, [
+        variant
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(TagPropsProvider, {
+        props: props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        ...rootProps,
+        onClick: onClick,
+        className: cn(tagVariants({
+            variant,
+            isDismissible: Boolean(onDismiss),
+            isInteractive: Boolean(onClick),
+            isDisabled: Boolean(disabled)
+        }), className),
+        "aria-disabled": disabled
+    }, /*#__PURE__*/ __rspack_external_react.createElement(TagSwatchBox, null), /*#__PURE__*/ __rspack_external_react.createElement(TagIcon, null), /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "overflow-hidden truncate whitespace-nowrap"
+    }, content), onDismiss && /*#__PURE__*/ __rspack_external_react.createElement(IconButton, {
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+            icon: dismissIconElement,
+            label: dismissIconLabel,
+            color: dismissIconColor,
+            size: "sm"
+        }),
+        size: "xxs",
+        variant: dismissButtonVariant,
+        disabled: disabled,
+        onClick: (event)=>{
+            event.stopPropagation();
+            onDismiss(event);
+        }
+    })));
 };
 const Tag = makeDecoratable("Tag", DecoratableTag);
 export { Tag };

package/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","cn","cva","makeDecoratable","omit","Icon","IconButton","TagPropsProvider","TagSwatchBox","TagIcon","tagVariants","variants","isInteractive","true","isDismissible","false","isDisabled","variant","accent","success","warning","destructive","defaultVariants","DecoratableTag","props","className","content","onClick","onDismiss","dismissIconElement","createElement","dismissIconLabel","disabled","rootProps","dismissButtonVariant","useMemo","includes","dismissIconColor","Object","assign","Boolean","icon","label","color","size","event","stopPropagation","Tag"],"sources":["Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { cn, cva, makeDecoratable, omit, type VariantProps } from \"~/utils.js\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport type { iconButtonVariants } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { TagPropsProvider } from \"~/Tag/TagPropsProvider.js\";\nimport { TagSwatchBox } from \"./TagSwatchBox.js\";\nimport { TagIcon } from \"./TagIcon.js\";\n\nconst tagVariants = cva(\n    [\n        \"inline-flex items-center gap-xxs rounded-sm text-sm text-regular transition-colors overflow-hidden\",\n        \"focus:outline-none\",\n        \"h-[20px]\"\n    ],\n    {\n        variants: {\n            isInteractive: {\n                true: \"cursor-pointer\"\n            },\n            isDismissible: {\n                true: \"pl-xs-plus pt-xxs pb-xxs pr-xs\",\n                false: \"px-xs-plus py-xxs\"\n            },\n            isDisabled: {\n                true: \"cursor-not-allowed pointer-events-none\"\n            },\n            variant: {\n                \"neutral-base\": [\n                    \"bg-transparent text-neutral-primary\",\n                    \"hover:bg-neutral-light\",\n                    \"aria-disabled:bg-transparent aria-disabled:text-neutral-disabled\"\n                ],\n                \"neutral-base-outline\": [\n                    \"border-sm border-solid px-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] py-[calc(var(--padding-xxs)-(var(--border-width-sm)))]\",\n                    \"bg-neutral-base border-neutral-muted text-neutral-primary\",\n                    \"hover:bg-neutral-light\",\n                    \"aria-disabled:bg-transparent aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled\"\n                ],\n                \"neutral-light\": [\n                    \"bg-neutral-light text-neutral-primary\",\n                    \"hover:bg-neutral-muted\",\n                    \"aria-disabled:bg-neutral-light aria-disabled:text-neutral-muted\"\n                ],\n                \"neutral-muted\": [\n                    \"bg-neutral-muted text-neutral-primary\",\n                    \"hover:bg-neutral-strong\",\n                    \"aria-disabled:bg-neutral-muted aria-disabled:text-neutral-muted\"\n                ],\n                \"neutral-strong\": [\n                    \"bg-neutral-strong text-neutral-light\",\n                    \"hover:bg-neutral-xstrong\",\n                    \"aria-disabled:bg-neutral-muted\"\n                ],\n                \"neutral-xstrong\": [\n                    \"bg-neutral-xstrong text-neutral-light\",\n                    \"hover:bg-neutral-dark\",\n                    \"aria-disabled:bg-neutral-strong\"\n                ],\n                \"neutral-dark\": [\n                    \"bg-neutral-dark text-neutral-light\",\n                    \"hover:bg-neutral-xstrong\",\n                    \"aria-disabled:bg-neutral-strong\"\n                ],\n                accent: [\n                    \"bg-primary text-neutral-light\",\n                    \"hover:bg-primary-strong\",\n                    \"aria-disabled:bg-primary-disabled\"\n                ],\n                \"accent-light\": [\n                    \"bg-primary-subtle text-neutral-primary\",\n                    \"hover:bg-primary-muted\",\n                    \"aria-disabled:bg-primary-subtle aria-disabled:text-neutral-muted\"\n                ],\n                success: [\n                    \"bg-success text-neutral-light\",\n                    \"hover:bg-success-strong\",\n                    \"aria-disabled:bg-success-disabled\"\n                ],\n                \"success-light\": [\n                    \"bg-success-subtle text-neutral-primary\",\n                    \"hover:bg-success-muted\",\n                    \"aria-disabled:bg-success-subtle aria-disabled:text-neutral-muted\"\n                ],\n                warning: [\n                    \"bg-warning-muted text-neutral-primary\",\n                    \"hover:bg-warning\",\n                    \"aria-disabled:bg-warning-disabled aria-disabled:text-neutral-disabled\"\n                ],\n                destructive: [\n                    \"bg-destructive text-neutral-light\",\n                    \"hover:bg-destructive-strong\",\n                    \"aria-disabled:bg-destructive-disabled\"\n                ]\n            }\n        },\n        defaultVariants: {\n            variant: \"neutral-base\"\n        }\n    }\n);\n\nexport interface TagProps\n    extends\n        Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\" | \"content\">,\n        VariantProps<typeof tagVariants> {\n    content: React.ReactNode;\n    onDismiss?: (event: React.SyntheticEvent<HTMLSpanElement>) => void;\n    dismissIconElement?: React.ReactElement;\n    dismissIconLabel?: string;\n    swatchColor?: string;\n    swatchColorIcon?: boolean;\n    icon?: React.ReactElement | null;\n    disabled?: boolean;\n}\n\nconst DecoratableTag = (props: TagProps) => {\n    const {\n        className,\n        variant,\n        content,\n        onClick,\n        onDismiss,\n        dismissIconElement = <Close />,\n        dismissIconLabel = \"Close\",\n        disabled,\n        ...rootProps\n    } = omit(props, [\"icon\", \"swatchColor\", \"swatchColorIcon\"]);\n\n    const dismissButtonVariant = React.useMemo((): VariantProps<\n        typeof iconButtonVariants\n    >[\"variant\"] => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"success\",\n                \"accent\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"ghost-negative\";\n        }\n\n        return \"ghost\";\n    }, [variant]);\n\n    const dismissIconColor: IconProps[\"color\"] = React.useMemo(() => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"accent\",\n                \"success\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"neutral-negative\";\n        }\n\n        if (variant && [\"warning\"].includes(variant)) {\n            return \"neutral-strong\";\n        }\n\n        return \"neutral-strong-transparent\";\n    }, [variant]);\n\n    return (\n        <TagPropsProvider props={props}>\n            <span\n                {...rootProps}\n                onClick={onClick}\n                className={cn(\n                    tagVariants({\n                        variant,\n                        isDismissible: Boolean(onDismiss),\n                        isInteractive: Boolean(onClick),\n                        isDisabled: Boolean(disabled)\n                    }),\n                    className\n                )}\n                aria-disabled={disabled}\n            >\n                <TagSwatchBox />\n                <TagIcon />\n                <span className={\"overflow-hidden truncate whitespace-nowrap\"}>{content}</span>\n                {onDismiss && (\n                    <IconButton\n                        icon={\n                            <Icon\n                                icon={dismissIconElement}\n                                label={dismissIconLabel}\n                                color={dismissIconColor}\n                                size={\"sm\"}\n                            />\n                        }\n                        size={\"xxs\"}\n                        variant={dismissButtonVariant}\n                        disabled={disabled}\n                        onClick={event => {\n                            event.stopPropagation();\n                            onDismiss(event);\n                        }}\n                    />\n                )}\n            </span>\n        </TagPropsProvider>\n    );\n};\nconst Tag = makeDecoratable(\"Tag\", DecoratableTag);\n\nexport { Tag };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tag/Tag.js","sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { cn, cva, makeDecoratable, omit, type VariantProps } from \"~/utils.js\";\nimport { Icon, type IconProps } from \"~/Icon/index.js\";\nimport type { iconButtonVariants } from \"~/Button/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { TagPropsProvider } from \"~/Tag/TagPropsProvider.js\";\nimport { TagSwatchBox } from \"./TagSwatchBox.js\";\nimport { TagIcon } from \"./TagIcon.js\";\n\nconst tagVariants = cva(\n    [\n        \"inline-flex items-center gap-xxs rounded-sm text-sm text-regular transition-colors overflow-hidden\",\n        \"focus:outline-none\",\n        \"h-[20px]\"\n    ],\n    {\n        variants: {\n            isInteractive: {\n                true: \"cursor-pointer\"\n            },\n            isDismissible: {\n                true: \"pl-xs-plus pt-xxs pb-xxs pr-xs\",\n                false: \"px-xs-plus py-xxs\"\n            },\n            isDisabled: {\n                true: \"cursor-not-allowed pointer-events-none\"\n            },\n            variant: {\n                \"neutral-base\": [\n                    \"bg-transparent text-neutral-primary\",\n                    \"hover:bg-neutral-light\",\n                    \"aria-disabled:bg-transparent aria-disabled:text-neutral-disabled\"\n                ],\n                \"neutral-base-outline\": [\n                    \"border-sm border-solid px-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] py-[calc(var(--padding-xxs)-(var(--border-width-sm)))]\",\n                    \"bg-neutral-base border-neutral-muted text-neutral-primary\",\n                    \"hover:bg-neutral-light\",\n                    \"aria-disabled:bg-transparent aria-disabled:border-neutral-dimmed aria-disabled:text-neutral-disabled\"\n                ],\n                \"neutral-light\": [\n                    \"bg-neutral-light text-neutral-primary\",\n                    \"hover:bg-neutral-muted\",\n                    \"aria-disabled:bg-neutral-light aria-disabled:text-neutral-muted\"\n                ],\n                \"neutral-muted\": [\n                    \"bg-neutral-muted text-neutral-primary\",\n                    \"hover:bg-neutral-strong\",\n                    \"aria-disabled:bg-neutral-muted aria-disabled:text-neutral-muted\"\n                ],\n                \"neutral-strong\": [\n                    \"bg-neutral-strong text-neutral-light\",\n                    \"hover:bg-neutral-xstrong\",\n                    \"aria-disabled:bg-neutral-muted\"\n                ],\n                \"neutral-xstrong\": [\n                    \"bg-neutral-xstrong text-neutral-light\",\n                    \"hover:bg-neutral-dark\",\n                    \"aria-disabled:bg-neutral-strong\"\n                ],\n                \"neutral-dark\": [\n                    \"bg-neutral-dark text-neutral-light\",\n                    \"hover:bg-neutral-xstrong\",\n                    \"aria-disabled:bg-neutral-strong\"\n                ],\n                accent: [\n                    \"bg-primary text-neutral-light\",\n                    \"hover:bg-primary-strong\",\n                    \"aria-disabled:bg-primary-disabled\"\n                ],\n                \"accent-light\": [\n                    \"bg-primary-subtle text-neutral-primary\",\n                    \"hover:bg-primary-muted\",\n                    \"aria-disabled:bg-primary-subtle aria-disabled:text-neutral-muted\"\n                ],\n                success: [\n                    \"bg-success text-neutral-light\",\n                    \"hover:bg-success-strong\",\n                    \"aria-disabled:bg-success-disabled\"\n                ],\n                \"success-light\": [\n                    \"bg-success-subtle text-neutral-primary\",\n                    \"hover:bg-success-muted\",\n                    \"aria-disabled:bg-success-subtle aria-disabled:text-neutral-muted\"\n                ],\n                warning: [\n                    \"bg-warning-muted text-neutral-primary\",\n                    \"hover:bg-warning\",\n                    \"aria-disabled:bg-warning-disabled aria-disabled:text-neutral-disabled\"\n                ],\n                destructive: [\n                    \"bg-destructive text-neutral-light\",\n                    \"hover:bg-destructive-strong\",\n                    \"aria-disabled:bg-destructive-disabled\"\n                ]\n            }\n        },\n        defaultVariants: {\n            variant: \"neutral-base\"\n        }\n    }\n);\n\nexport interface TagProps\n    extends\n        Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\" | \"content\">,\n        VariantProps<typeof tagVariants> {\n    content: React.ReactNode;\n    onDismiss?: (event: React.SyntheticEvent<HTMLSpanElement>) => void;\n    dismissIconElement?: React.ReactElement;\n    dismissIconLabel?: string;\n    swatchColor?: string;\n    swatchColorIcon?: boolean;\n    icon?: React.ReactElement | null;\n    disabled?: boolean;\n}\n\nconst DecoratableTag = (props: TagProps) => {\n    const {\n        className,\n        variant,\n        content,\n        onClick,\n        onDismiss,\n        dismissIconElement = <Close />,\n        dismissIconLabel = \"Close\",\n        disabled,\n        ...rootProps\n    } = omit(props, [\"icon\", \"swatchColor\", \"swatchColorIcon\"]);\n\n    const dismissButtonVariant = React.useMemo((): VariantProps<\n        typeof iconButtonVariants\n    >[\"variant\"] => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"success\",\n                \"accent\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"ghost-negative\";\n        }\n\n        return \"ghost\";\n    }, [variant]);\n\n    const dismissIconColor: IconProps[\"color\"] = React.useMemo(() => {\n        if (\n            variant &&\n            [\n                \"neutral-strong\",\n                \"neutral-xstrong\",\n                \"neutral-dark\",\n                \"accent\",\n                \"success\",\n                \"destructive\"\n            ].includes(variant)\n        ) {\n            return \"neutral-negative\";\n        }\n\n        if (variant && [\"warning\"].includes(variant)) {\n            return \"neutral-strong\";\n        }\n\n        return \"neutral-strong-transparent\";\n    }, [variant]);\n\n    return (\n        <TagPropsProvider props={props}>\n            <span\n                {...rootProps}\n                onClick={onClick}\n                className={cn(\n                    tagVariants({\n                        variant,\n                        isDismissible: Boolean(onDismiss),\n                        isInteractive: Boolean(onClick),\n                        isDisabled: Boolean(disabled)\n                    }),\n                    className\n                )}\n                aria-disabled={disabled}\n            >\n                <TagSwatchBox />\n                <TagIcon />\n                <span className={\"overflow-hidden truncate whitespace-nowrap\"}>{content}</span>\n                {onDismiss && (\n                    <IconButton\n                        icon={\n                            <Icon\n                                icon={dismissIconElement}\n                                label={dismissIconLabel}\n                                color={dismissIconColor}\n                                size={\"sm\"}\n                            />\n                        }\n                        size={\"xxs\"}\n                        variant={dismissButtonVariant}\n                        disabled={disabled}\n                        onClick={event => {\n                            event.stopPropagation();\n                            onDismiss(event);\n                        }}\n                    />\n                )}\n            </span>\n        </TagPropsProvider>\n    );\n};\nconst Tag = makeDecoratable(\"Tag\", DecoratableTag);\n\nexport { Tag };\n"],"names":["tagVariants","cva","DecoratableTag","props","className","variant","content","onClick","onDismiss","dismissIconElement","Close","dismissIconLabel","disabled","rootProps","omit","dismissButtonVariant","React","dismissIconColor","TagPropsProvider","cn","Boolean","TagSwatchBox","TagIcon","IconButton","Icon","event","Tag","makeDecoratable"],"mappings":";;;;;;;;AAUA,MAAMA,cAAcC,IAChB;IACI;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,eAAe;YACX,MAAM;QACV;QACA,eAAe;YACX,MAAM;YACN,OAAO;QACX;QACA,YAAY;YACR,MAAM;QACV;QACA,SAAS;YACL,gBAAgB;gBACZ;gBACA;gBACA;aACH;YACD,wBAAwB;gBACpB;gBACA;gBACA;gBACA;aACH;YACD,iBAAiB;gBACb;gBACA;gBACA;aACH;YACD,iBAAiB;gBACb;gBACA;gBACA;aACH;YACD,kBAAkB;gBACd;gBACA;gBACA;aACH;YACD,mBAAmB;gBACf;gBACA;gBACA;aACH;YACD,gBAAgB;gBACZ;gBACA;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;gBACA;aACH;YACD,gBAAgB;gBACZ;gBACA;gBACA;aACH;YACD,SAAS;gBACL;gBACA;gBACA;aACH;YACD,iBAAiB;gBACb;gBACA;gBACA;aACH;YACD,SAAS;gBACL;gBACA;gBACA;aACH;YACD,aAAa;gBACT;gBACA;gBACA;aACH;QACL;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAiBJ,MAAMC,iBAAiB,CAACC;IACpB,MAAM,EACFC,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,qBAAqB,WAArBA,GAAqB,sCAACC,gBAAKA,KAAG,EAC9BC,mBAAmB,OAAO,EAC1BC,QAAQ,EACR,GAAGC,WACN,GAAGC,KAAKX,OAAO;QAAC;QAAQ;QAAe;KAAkB;IAE1D,MAAMY,uBAAuBC,wBAAAA,OAAa,CAAC;QAGvC,IACIX,WACA;YACI;YACA;YACA;YACA;YACA;YACA;SACH,CAAC,QAAQ,CAACA,UAEX,OAAO;QAGX,OAAO;IACX,GAAG;QAACA;KAAQ;IAEZ,MAAMY,mBAAuCD,wBAAAA,OAAa,CAAC;QACvD,IACIX,WACA;YACI;YACA;YACA;YACA;YACA;YACA;SACH,CAAC,QAAQ,CAACA,UAEX,OAAO;QAGX,IAAIA,WAAW;YAAC;SAAU,CAAC,QAAQ,CAACA,UAChC,OAAO;QAGX,OAAO;IACX,GAAG;QAACA;KAAQ;IAEZ,OAAO,WAAP,GACI,sCAACa,kBAAgBA;QAAC,OAAOf;qBACrB,sCAAC;QACI,GAAGU,SAAS;QACb,SAASN;QACT,WAAWY,GACPnB,YAAY;YACRK;YACA,eAAee,QAAQZ;YACvB,eAAeY,QAAQb;YACvB,YAAYa,QAAQR;QACxB,IACAR;QAEJ,iBAAeQ;qBAEf,sCAACS,cAAYA,OAAAA,WAAAA,GACb,sCAACC,SAAOA,OAAAA,WAAAA,GACR,sCAAC;QAAK,WAAW;OAA+ChB,UAC/DE,aAAa,WAAbA,GACG,sCAACe,YAAUA;QACP,oBACI,sCAACC,MAAIA;YACD,MAAMf;YACN,OAAOE;YACP,OAAOM;YACP,MAAM;;QAGd,MAAM;QACN,SAASF;QACT,UAAUH;QACV,SAASa,CAAAA;YACLA,MAAM,eAAe;YACrBjB,UAAUiB;QACd;;AAMxB;AACA,MAAMC,MAAMC,gBAAgB,OAAOzB"}