@webiny/admin-ui 6.4.12-beta.5 → 6.5.0-beta.0

package/Tree/components/ItemSubIndentation.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 interface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
     level: number;
 }
-declare const ItemSubIndentation: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-    original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+declare const BaseItemSubIndentation: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+declare const ItemSubIndentation: typeof BaseItemSubIndentation & {
+    original: typeof BaseItemSubIndentation;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+    original: typeof BaseItemSubIndentation & {
+        original: typeof BaseItemSubIndentation;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemSubIndentation & {
+        original: typeof BaseItemSubIndentation;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Widget/Widget.d.ts

@@ -14,39 +14,25 @@ interface WidgetProps extends Omit<React.ComponentPropsWithoutRef<typeof WidgetC
     outline?: boolean;
     children: React.ReactNode;
 }
-declare const Widget: {
+declare const WidgetBase: {
     (props: WidgetProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: WidgetProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Widget: typeof WidgetBase & {
+    original: typeof WidgetBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: WidgetProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: WidgetProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof WidgetBase & {
+        original: typeof WidgetBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: WidgetProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: WidgetProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof WidgetBase & {
+        original: typeof WidgetBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Widget/components/Icon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type IconProps = IconComponentProps;
-export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
-    original: (props: IconProps) => React.JSX.Element;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+export declare const Icon: typeof IconBase & {
+    original: typeof IconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    original: typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Widget/components/WidgetAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import { ButtonProps } from "../../Button/index.js";
-export declare const WidgetAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const WidgetActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const WidgetAction: typeof WidgetActionBase & {
+    original: typeof WidgetActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof WidgetActionBase & {
+        original: typeof WidgetActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof WidgetActionBase & {
+        original: typeof WidgetActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Widget/components/WidgetContent.d.ts

@@ -2,15 +2,15 @@ import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const widgetContentVariants: (props?: ({
     variant?: "accent" | "base" | "light" | null | undefined;
-    elevation?: "sm" | "md" | "none" | "lg" | null | undefined;
+    elevation?: "lg" | "md" | "none" | "sm" | null | undefined;
     outline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {
     className?: string;
     children: React.ReactNode;
 }
-declare const WidgetContent: {
-    ({ children }: WidgetContentProps): React.JSX.Element;
-    displayName: string;
-};
+declare function WidgetContent({ children }: WidgetContentProps): React.JSX.Element;
+declare namespace WidgetContent {
+    var displayName: string;
+}
 export { WidgetContent };

package/exports/admin/ui.d.ts

@@ -3,6 +3,7 @@ export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";
 export { Avatar } from "../../Avatar/index.js";
+export { BetaBadge } from "../../BetaBadge/BetaBadge.js";
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
 export { Card } from "../../Card/index.js";
 export { Checkbox } from "../../Checkbox/index.js";
@@ -16,6 +17,7 @@ export { Dialog } from "../../Dialog/index.js";
 export { Drawer } from "../../Drawer/index.js";
 export { DropdownMenu } from "../../DropdownMenu/index.js";
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+export { EmptyState } from "../../EmptyState/index.js";
 export { FilePicker } from "../../FilePicker/index.js";
 export { FillViewportHeight, FillViewportWidth, FillViewport } from "../../FillViewport/index.js";
 export { Grid } from "../../Grid/index.js";

package/exports/admin/ui.js

@@ -3,6 +3,7 @@ export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";
 export { Avatar } from "../../Avatar/index.js";
+export { BetaBadge } from "../../BetaBadge/BetaBadge.js";
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
 export { Card } from "../../Card/index.js";
 export { Checkbox } from "../../Checkbox/index.js";
@@ -16,6 +17,7 @@ export { Dialog } from "../../Dialog/index.js";
 export { Drawer } from "../../Drawer/index.js";
 export { DropdownMenu } from "../../DropdownMenu/index.js";
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+export { EmptyState } from "../../EmptyState/index.js";
 export { FilePicker } from "../../FilePicker/index.js";
 export { FillViewport, FillViewportHeight, FillViewportWidth } from "../../FillViewport/index.js";
 export { Grid } from "../../Grid/index.js";

package/index.d.ts

@@ -2,6 +2,7 @@ export * from "./Accordion/index.js";
 export * from "./Alert/index.js";
 export * from "./AutoComplete/index.js";
 export * from "./Avatar/index.js";
+export * from "./BetaBadge/BetaBadge.js";
 export * from "./Button/index.js";
 export * from "./Card/index.js";
 export * from "./Checkbox/index.js";
@@ -19,6 +20,7 @@ export * from "./Drawer/index.js";
 export * from "./DropdownMenu/index.js";
 export * from "./DynamicFieldset/index.js";
 export * from "./EditableTitle/index.js";
+export * from "./EmptyState/index.js";
 export * from "./FilePicker/index.js";
 export * from "./FillViewport/index.js";
 export * from "./FormComponent/index.js";
@@ -29,6 +31,7 @@ export * from "./Heading/index.js";
 export * from "./Icon/index.js";
 export * from "./IconPicker/index.js";
 export * from "./Image/index.js";
+export * from "./ImageEditor/index.js";
 export * from "./Input/index.js";
 export * from "./Label/index.js";
 export * from "./Link/index.js";

package/index.js

@@ -2,6 +2,7 @@ export * from "./Accordion/index.js";
 export * from "./Alert/index.js";
 export * from "./AutoComplete/index.js";
 export * from "./Avatar/index.js";
+export * from "./BetaBadge/BetaBadge.js";
 export * from "./Button/index.js";
 export * from "./Card/index.js";
 export * from "./Checkbox/index.js";
@@ -19,6 +20,7 @@ export * from "./Drawer/index.js";
 export * from "./DropdownMenu/index.js";
 export * from "./DynamicFieldset/index.js";
 export * from "./EditableTitle/index.js";
+export * from "./EmptyState/index.js";
 export * from "./FilePicker/index.js";
 export * from "./FillViewport/index.js";
 export * from "./FormComponent/index.js";
@@ -28,6 +30,7 @@ export * from "./Heading/index.js";
 export * from "./Icon/index.js";
 export * from "./IconPicker/index.js";
 export * from "./Image/index.js";
+export * from "./ImageEditor/index.js";
 export * from "./Input/index.js";
 export * from "./Label/index.js";
 export * from "./Link/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.4.12-beta.5",
+	"version": "6.5.0-beta.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -17,55 +17,55 @@
 		"@fortawesome/react-fontawesome": "3.5.0",
 		"@minoru/react-dnd-treeview": "3.5.4",
 		"@monaco-editor/react": "4.7.0",
-		"@radix-ui/react-scroll-area": "1.2.18",
-		"@tanstack/react-table": "9.2.4",
-		"@webiny/icons": "6.4.12-beta.5",
-		"@webiny/react-composition": "6.4.12-beta.5",
-		"@webiny/utils": "6.4.12-beta.5",
+		"@radix-ui/react-scroll-area": "1.2.15",
+		"@tanstack/react-table": "8.21.3",
+		"@webiny/icons": "6.5.0-beta.0",
+		"@webiny/react-composition": "6.5.0-beta.0",
+		"@webiny/utils": "6.5.0-beta.0",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
 		"cmdk": "1.1.1",
 		"date-fns": "4.4.0",
 		"lodash": "4.18.1",
-		"minimatch": "10.2.6",
-		"mobx": "7.0.3",
+		"minimatch": "10.2.5",
+		"mobx": "6.16.1",
 		"monaco-editor": "0.53.0",
-		"radix-ui": "1.6.7",
+		"radix-ui": "1.6.4",
 		"react": "18.3.1",
 		"react-color": "2.19.3",
 		"react-custom-scrollbars": "4.2.1",
 		"react-day-picker": "10.0.1",
 		"react-dnd": "16.0.1",
 		"react-virtualized": "9.22.6",
-		"sonner": "2.0.8",
-		"tailwind-merge": "2.6.1",
+		"sonner": "2.0.7",
+		"tailwind-merge": "3.6.0",
 		"tailwindcss": "4.3.3",
 		"tw-animate-css": "1.4.0",
-		"type-fest": "5.10.0"
+		"type-fest": "5.8.0"
 	},
 	"devDependencies": {
 		"@fortawesome/free-solid-svg-icons": "7.3.1",
-		"@rsbuild/core": "2.2.8",
+		"@rsbuild/core": "2.1.7",
 		"@rsbuild/plugin-svgr": "2.0.5",
-		"@storybook/addon-a11y": "10.6.0",
-		"@storybook/addon-docs": "10.6.0",
-		"@storybook/react": "10.6.0",
+		"@storybook/addon-a11y": "10.5.3",
+		"@storybook/addon-docs": "10.5.3",
+		"@storybook/react": "10.5.3",
 		"@tailwindcss/postcss": "4.3.3",
 		"@types/react": "18.3.31",
 		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.3",
-		"@webiny/build-tools": "6.4.12-beta.5",
-		"@webiny/project": "6.4.12-beta.5",
-		"chalk": "6.0.0",
-		"oxfmt": "0.68.0",
+		"@webiny/build-tools": "6.5.0-beta.0",
+		"@webiny/project": "6.5.0-beta.0",
+		"chalk": "5.6.2",
+		"oxfmt": "0.59.0",
 		"rimraf": "6.1.3",
-		"sass": "1.104.1",
-		"storybook": "10.6.0",
-		"storybook-react-rsbuild": "3.6.0",
-		"typescript": "6.0.3",
-		"vitest": "5.0.1"
+		"sass": "1.101.3",
+		"storybook": "10.5.3",
+		"storybook-react-rsbuild": "3.3.4",
+		"typescript": "7.0.2",
+		"vitest": "4.1.10"
 	},
 	"publishConfig": {
 		"access": "public"

package/theme.css

@@ -86,6 +86,7 @@
   --color-primary-strong: var(--color-primary-700);
   --color-primary-subtle: var(--color-primary-100);
   --color-primary-xstrong: var(--color-primary-900);
+  --color-primary-light: var(--color-primary-200);
 
   --color-secondary: var(--color-success-500);
   --color-secondary-disabled: var(--color-success-400);
@@ -342,6 +343,17 @@
       background-color: var(--color-neutral-muted);
     }
   }
+
+  --animate-skeleton-pulse-light: skeleton-pulse-light 1400ms ease-in-out infinite;
+  @keyframes skeleton-pulse-light {
+    0%,
+    100% {
+      background-color: var(--color-neutral-subtle);
+    }
+    50% {
+      background-color: var(--color-neutral-disabled);
+    }
+  }
 }
 
 @utility container {
@@ -351,7 +363,7 @@
 @utility fill-grid {
   background-image: radial-gradient(var(--color-neutral-strong) 1px, transparent 0px);
   background-size: 15px 15px;
-  @apply bg-neutral-subtle;
+  @apply bg-neutral-light;
 }
 
 @layer base {

package/utils.js

@@ -2,15 +2,13 @@ import react from "react";
 import { clsx } from "clsx";
 import { generateId } from "@webiny/utils/generateId.js";
 import { extendTailwindMerge } from "tailwind-merge";
+const BORDER_WIDTHS = [
+    "sm",
+    "md",
+    "none"
+];
 const twMerge = extendTailwindMerge({
     override: {
-        theme: {
-            borderWidth: [
-                "sm",
-                "md",
-                "none"
-            ]
-        },
         classGroups: {
             "border-color": [
                 "border-transparent",
@@ -73,39 +71,59 @@ const twMerge = extendTailwindMerge({
         }
     },
     extend: {
-        theme: {
-            padding: [
-                "lg",
-                "md",
-                "md-extra",
-                "none",
-                "sm",
-                "sm-extra",
-                "sm-plus",
-                "xl",
-                "xs",
-                "xs-plus",
-                "xxl",
-                "xxs"
+        classGroups: {
+            "border-w": [
+                {
+                    border: BORDER_WIDTHS
+                }
             ],
-            margin: [
-                "lg",
-                "md",
-                "md-plus",
-                "none",
-                "sm",
-                "sm-extra",
-                "sm-plus",
-                "xl",
-                "xs",
-                "xs-plus",
-                "xxl",
-                "xxs"
+            "border-w-x": [
+                {
+                    "border-x": BORDER_WIDTHS
+                }
+            ],
+            "border-w-y": [
+                {
+                    "border-y": BORDER_WIDTHS
+                }
             ],
+            "border-w-t": [
+                {
+                    "border-t": BORDER_WIDTHS
+                }
+            ],
+            "border-w-r": [
+                {
+                    "border-r": BORDER_WIDTHS
+                }
+            ],
+            "border-w-b": [
+                {
+                    "border-b": BORDER_WIDTHS
+                }
+            ],
+            "border-w-l": [
+                {
+                    "border-l": BORDER_WIDTHS
+                }
+            ],
+            "border-w-s": [
+                {
+                    "border-s": BORDER_WIDTHS
+                }
+            ],
+            "border-w-e": [
+                {
+                    "border-e": BORDER_WIDTHS
+                }
+            ]
+        },
+        theme: {
             spacing: [
                 "3xl",
                 "lg",
                 "md",
+                "md-extra",
                 "md-plus",
                 "none",
                 "sm",

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId.js\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst twMerge = extendTailwindMerge({\n    override: {\n        theme: {\n            borderWidth: [\"sm\", \"md\", \"none\"]\n        },\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-dimmed-darker\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        theme: {\n            padding: [\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            margin: [\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport function createComponentPropsProvider<TProps extends Record<string, any>>() {\n    const PropsContext = React.createContext<TProps>({} as TProps);\n\n    type PropsProviderProps = {\n        props: TProps;\n        children: React.ReactNode;\n    };\n\n    const PropsProvider: React.ComponentType<PropsProviderProps> = ({\n        props,\n        children\n    }: PropsProviderProps) => {\n        return <PropsContext.Provider value={props}>{children}</PropsContext.Provider>;\n    };\n\n    const useProps = () => {\n        return React.useContext(PropsContext);\n    };\n\n    return [PropsProvider, useProps] as const;\n}\n\nexport function omit<T extends object, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {\n    const result = { ...obj };\n    keys.forEach(key => delete result[key]);\n    return result;\n}\n\nexport { cva, type VariantProps };\n"],"names":["twMerge","extendTailwindMerge","cn","inputs","clsx","generateId","initialId","baseGenerateId","withStaticProps","component","props","Object","createComponentPropsProvider","PropsContext","React","PropsProvider","children","useProps","omit","obj","keys","result","key"],"mappings":";;;;AAOA,MAAMA,UAAUC,oBAAoB;IAChC,UAAU;QACN,OAAO;YACH,aAAa;gBAAC;gBAAM;gBAAM;aAAO;QACrC;QACA,aAAa;YACT,gBAAgB;gBACZ;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,gBAAgB;gBAAC;gBAAgB;gBAAiB;aAAgB;YAClE,cAAc;gBACV;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,UAAU;gBAAC;gBAAW;gBAAW;aAAU;YAC3C,aAAa;gBACT;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;IACA,QAAQ;QACJ,OAAO;YACH,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,QAAQ;gBACJ;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;AACJ;AAEO,SAASC,GAAG,GAAGC,MAAoB;IACtC,OAAOH,QAAQI,KAAKD;AACxB;AAEO,MAAME,mBAAa,CAACC;IACvB,IAAIA,WACA,OAAOA;IAEX,OAAO,KAAKC,WAAe;AAC/B;AAEO,MAAMC,kBAAkB,CAC3BC,WACAC,QAEOC,OAAO,MAAM,CAACF,WAAWC;AAG7B,SAASE;IACZ,MAAMC,eAAe,WAAfA,GAAeC,MAAAA,aAAmB,CAAS,CAAC;IAOlD,MAAMC,gBAAyD,CAAC,EAC5DL,KAAK,EACLM,QAAQ,EACS,GACV,WAAP,GAAO,oBAACH,aAAa,QAAQ;YAAC,OAAOH;WAAQM;IAGjD,MAAMC,WAAW,IACNH,MAAAA,UAAgB,CAACD;IAG5B,OAAO;QAACE;QAAeE;KAAS;AACpC;AAEO,SAASC,KAA0CC,GAAM,EAAEC,IAAS;IACvE,MAAMC,SAAS;QAAE,GAAGF,GAAG;IAAC;IACxBC,KAAK,OAAO,CAACE,CAAAA,MAAO,OAAOD,MAAM,CAACC,IAAI;IACtC,OAAOD;AACX"}
+{"version":3,"file":"utils.js","sources":["../src/utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId.js\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst BORDER_WIDTHS = [\"sm\", \"md\", \"none\"];\n\nconst twMerge = extendTailwindMerge({\n    override: {\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-dimmed-darker\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        classGroups: {\n            \"border-w\": [{ border: BORDER_WIDTHS }],\n            \"border-w-x\": [{ \"border-x\": BORDER_WIDTHS }],\n            \"border-w-y\": [{ \"border-y\": BORDER_WIDTHS }],\n            \"border-w-t\": [{ \"border-t\": BORDER_WIDTHS }],\n            \"border-w-r\": [{ \"border-r\": BORDER_WIDTHS }],\n            \"border-w-b\": [{ \"border-b\": BORDER_WIDTHS }],\n            \"border-w-l\": [{ \"border-l\": BORDER_WIDTHS }],\n            \"border-w-s\": [{ \"border-s\": BORDER_WIDTHS }],\n            \"border-w-e\": [{ \"border-e\": BORDER_WIDTHS }]\n        },\n        theme: {\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport function createComponentPropsProvider<TProps extends Record<string, any>>() {\n    const PropsContext = React.createContext<TProps>({} as TProps);\n\n    type PropsProviderProps = {\n        props: TProps;\n        children: React.ReactNode;\n    };\n\n    const PropsProvider: React.ComponentType<PropsProviderProps> = ({\n        props,\n        children\n    }: PropsProviderProps) => {\n        return <PropsContext.Provider value={props}>{children}</PropsContext.Provider>;\n    };\n\n    const useProps = () => {\n        return React.useContext(PropsContext);\n    };\n\n    return [PropsProvider, useProps] as const;\n}\n\nexport function omit<T extends object, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {\n    const result = { ...obj };\n    keys.forEach(key => delete result[key]);\n    return result;\n}\n\nexport { cva, type VariantProps };\n"],"names":["BORDER_WIDTHS","twMerge","extendTailwindMerge","cn","inputs","clsx","generateId","initialId","baseGenerateId","withStaticProps","component","props","Object","createComponentPropsProvider","PropsContext","React","PropsProvider","children","useProps","omit","obj","keys","result","key"],"mappings":";;;;AAOA,MAAMA,gBAAgB;IAAC;IAAM;IAAM;CAAO;AAE1C,MAAMC,UAAUC,oBAAoB;IAChC,UAAU;QACN,aAAa;YACT,gBAAgB;gBACZ;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,gBAAgB;gBAAC;gBAAgB;gBAAiB;aAAgB;YAClE,cAAc;gBACV;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;YACD,UAAU;gBAAC;gBAAW;gBAAW;aAAU;YAC3C,aAAa;gBACT;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;IACA,QAAQ;QACJ,aAAa;YACT,YAAY;gBAAC;oBAAE,QAAQF;gBAAc;aAAE;YACvC,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;YAC7C,cAAc;gBAAC;oBAAE,YAAYA;gBAAc;aAAE;QACjD;QACA,OAAO;YACH,SAAS;gBACL;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACH;QACL;IACJ;AACJ;AAEO,SAASG,GAAG,GAAGC,MAAoB;IACtC,OAAOH,QAAQI,KAAKD;AACxB;AAEO,MAAME,mBAAa,CAACC;IACvB,IAAIA,WACA,OAAOA;IAEX,OAAO,KAAKC,WAAe;AAC/B;AAEO,MAAMC,kBAAkB,CAC3BC,WACAC,QAEOC,OAAO,MAAM,CAACF,WAAWC;AAG7B,SAASE;IACZ,MAAMC,eAAe,WAAfA,GAAeC,MAAAA,aAAmB,CAAS,CAAC;IAOlD,MAAMC,gBAAyD,CAAC,EAC5DL,KAAK,EACLM,QAAQ,EACS,GACV,WAAP,GAAO,oBAACH,aAAa,QAAQ;YAAC,OAAOH;WAAQM;IAGjD,MAAMC,WAAW,IACNH,MAAAA,UAAgB,CAACD;IAG5B,OAAO;QAACE;QAAeE;KAAS;AACpC;AAEO,SAASC,KAA0CC,GAAM,EAAEC,IAAS;IACvE,MAAMC,SAAS;QAAE,GAAGF,GAAG;IAAC;IACxBC,KAAK,OAAO,CAACE,CAAAA,MAAO,OAAOD,MAAM,CAACC,IAAI;IACtC,OAAOD;AACX"}