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

package/FilePicker/primitives/components/previews/RichItemPreview/index.d.ts

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

package/FilePicker/primitives/components/previews/RichItemPreview/index.js

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

package/FilePicker/primitives/components/previews/RichItemPreview/index.js.map

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

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { type VariantProps } from "../../../../../utils";
-import type { FilePreviewDefaultProps } from "../../types";
-import { previewVariants } from "../variants";
+import { type VariantProps } from "../../../../../utils.js";
+import type { FilePreviewDefaultProps } from "../../types.js";
+import { previewVariants } from "../variants.js";
 declare const textOnlyPreviewVariants: (props?: ({
     small?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 type TextOnlyPreviewProps = FilePreviewDefaultProps & React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof previewVariants> & VariantProps<typeof textOnlyPreviewVariants>;
 declare const TextOnlyPreview: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
     original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
@@ -19,7 +19,7 @@ declare const TextOnlyPreview: (({ className, disabled, onRemoveItem, onReplaceI
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element) & {
         original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: TextOnlyPreviewProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js

@@ -1,13 +1,13 @@
 import React from "react";
-import { cn, cva, makeDecoratable } from "../../../../../utils";
-import { ItemDescription } from "../ItemDescription";
-import { ItemActions } from "../ItemActions";
-import { previewVariants } from "../variants";
-const textOnlyPreviewVariants = cva("wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-min-w-0", {
+import { cn, cva, makeDecoratable } from "../../../../../utils.js";
+import { ItemDescription } from "../ItemDescription.js";
+import { ItemActions } from "../ItemActions.js";
+import { previewVariants } from "../variants.js";
+const textOnlyPreviewVariants = cva("w-full flex items-center justify-between gap-sm min-w-0", {
   variants: {
     small: {
-      true: "wby-px-sm wby-py-xs wby-rounded-xs",
-      false: "wby-px-sm wby-py-xs-plus wby-rounded-md"
+      true: "px-sm py-xs rounded-xs",
+      false: "px-sm py-xs-plus rounded-md"
     }
   },
   defaultVariants: {
@@ -36,7 +36,7 @@ const DecoratableTextOnlyPreview = ({
   }, props), /*#__PURE__*/React.createElement("div", {
     "data-role": "select-image",
     onClick: onReplaceItem,
-    className: "wby-overflow-hidden wby-flex-1 wby-min-w-0 wby-cursor-pointer"
+    className: "overflow-hidden flex-1 min-w-0 cursor-pointer"
   }, /*#__PURE__*/React.createElement(ItemDescription, {
     item: value,
     disabled: disabled,

package/FilePicker/primitives/components/previews/TextOnlyPreview/TextOnlyPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","ItemDescription","ItemActions","previewVariants","textOnlyPreviewVariants","variants","small","true","false","defaultVariants","DecoratableTextOnlyPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","variant","value","props","createElement","Object","assign","onClick","item","TextOnlyPreview"],"sources":["TextOnlyPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\nimport { ItemDescription } from \"../ItemDescription\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions\";\nimport type { FilePreviewDefaultProps } from \"../../types\";\nimport { previewVariants } from \"../variants\";\n\nconst textOnlyPreviewVariants = cva(\n    \"wby-w-full wby-flex wby-items-center wby-justify-between wby-gap-sm wby-min-w-0\",\n    {\n        variants: {\n            small: {\n                true: \"wby-px-sm wby-py-xs wby-rounded-xs\",\n                false: \"wby-px-sm wby-py-xs-plus wby-rounded-md\"\n            }\n        },\n        defaultVariants: {\n            small: false\n        }\n    }\n);\n\ntype TextOnlyPreviewProps = FilePreviewDefaultProps &\n    React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof previewVariants> &\n    VariantProps<typeof textOnlyPreviewVariants>;\n\nconst DecoratableTextOnlyPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    small,\n    variant,\n    value,\n    ...props\n}: TextOnlyPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                textOnlyPreviewVariants({ small }),\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                onClick={onReplaceItem}\n                className={\"wby-overflow-hidden wby-flex-1 wby-min-w-0 wby-cursor-pointer\"}\n            >\n                <ItemDescription item={value} disabled={disabled} small={!!small} />\n            </div>\n            <ItemActions\n                onRemoveItem={onRemoveItem}\n                onReplaceItem={onReplaceItem}\n                onEditItem={onEditItem}\n                small={!!small}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n\nconst TextOnlyPreview = makeDecoratable(\"TextOnlyPreview\", DecoratableTextOnlyPreview);\n\nexport { TextOnlyPreview, type TextOnlyPreviewProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,eAAe;AACxB,SAASC,WAAW;AAEpB,SAASC,eAAe;AAExB,MAAMC,uBAAuB,GAAGL,GAAG,CAC/B,iFAAiF,EACjF;EACIM,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,KAAK,EAAE;EACX;AACJ,CACJ,CAAC;AAOD,MAAMI,0BAA0B,GAAGA,CAAC;EAChCC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVT,KAAK;EACLU,OAAO;EACPC,KAAK;EACL,GAAGC;AACe,CAAC,KAAK;EACxB,oBACIrB,KAAA,CAAAsB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,eAAY,eAAe;IAC3BV,SAAS,EAAEb,EAAE,CACTM,uBAAuB,CAAC;MAAEE;IAAM,CAAC,CAAC,EAClCH,eAAe,CAAC;MAAEa,OAAO;MAAEJ;IAAS,CAAC,CAAC,EACtCD,SACJ;EAAE,GACEO,KAAK,gBAETrB,KAAA,CAAAsB,aAAA;IACI,aAAU,cAAc;IACxBG,OAAO,EAAER,aAAc;IACvBH,SAAS,EAAE;EAAgE,gBAE3Ed,KAAA,CAAAsB,aAAA,CAAClB,eAAe;IAACsB,IAAI,EAAEN,KAAM;IAACL,QAAQ,EAAEA,QAAS;IAACN,KAAK,EAAE,CAAC,CAACA;EAAM,CAAE,CAClE,CAAC,eACNT,KAAA,CAAAsB,aAAA,CAACjB,WAAW;IACRW,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBT,KAAK,EAAE,CAAC,CAACA,KAAM;IACfM,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC;AAED,MAAMY,eAAe,GAAGxB,eAAe,CAAC,iBAAiB,EAAEU,0BAA0B,CAAC;AAEtF,SAASc,eAAe","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","makeDecoratable","ItemDescription","ItemActions","previewVariants","textOnlyPreviewVariants","variants","small","true","false","defaultVariants","DecoratableTextOnlyPreview","className","disabled","onRemoveItem","onReplaceItem","onEditItem","variant","value","props","createElement","Object","assign","onClick","item","TextOnlyPreview"],"sources":["TextOnlyPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { ItemDescription } from \"../ItemDescription.js\";\nimport { ItemActions } from \"~/FilePicker/primitives/components/previews/ItemActions.js\";\nimport type { FilePreviewDefaultProps } from \"../../types.js\";\nimport { previewVariants } from \"../variants.js\";\n\nconst textOnlyPreviewVariants = cva(\"w-full flex items-center justify-between gap-sm min-w-0\", {\n    variants: {\n        small: {\n            true: \"px-sm py-xs rounded-xs\",\n            false: \"px-sm py-xs-plus rounded-md\"\n        }\n    },\n    defaultVariants: {\n        small: false\n    }\n});\n\ntype TextOnlyPreviewProps = FilePreviewDefaultProps &\n    React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof previewVariants> &\n    VariantProps<typeof textOnlyPreviewVariants>;\n\nconst DecoratableTextOnlyPreview = ({\n    className,\n    disabled,\n    onRemoveItem,\n    onReplaceItem,\n    onEditItem,\n    small,\n    variant,\n    value,\n    ...props\n}: TextOnlyPreviewProps) => {\n    return (\n        <div\n            data-testid=\"image-preview\"\n            className={cn(\n                textOnlyPreviewVariants({ small }),\n                previewVariants({ variant, disabled }),\n                className\n            )}\n            {...props}\n        >\n            <div\n                data-role=\"select-image\"\n                onClick={onReplaceItem}\n                className={\"overflow-hidden flex-1 min-w-0 cursor-pointer\"}\n            >\n                <ItemDescription item={value} disabled={disabled} small={!!small} />\n            </div>\n            <ItemActions\n                onRemoveItem={onRemoveItem}\n                onReplaceItem={onReplaceItem}\n                onEditItem={onEditItem}\n                small={!!small}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n\nconst TextOnlyPreview = makeDecoratable(\"TextOnlyPreview\", DecoratableTextOnlyPreview);\n\nexport { TextOnlyPreview, type TextOnlyPreviewProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,eAAe;AACxB,SAASC,WAAW;AAEpB,SAASC,eAAe;AAExB,MAAMC,uBAAuB,GAAGL,GAAG,CAAC,yDAAyD,EAAE;EAC3FM,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,IAAI,EAAE,wBAAwB;MAC9BC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAOF,MAAMI,0BAA0B,GAAGA,CAAC;EAChCC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVT,KAAK;EACLU,OAAO;EACPC,KAAK;EACL,GAAGC;AACe,CAAC,KAAK;EACxB,oBACIrB,KAAA,CAAAsB,aAAA,QAAAC,MAAA,CAAAC,MAAA;IACI,eAAY,eAAe;IAC3BV,SAAS,EAAEb,EAAE,CACTM,uBAAuB,CAAC;MAAEE;IAAM,CAAC,CAAC,EAClCH,eAAe,CAAC;MAAEa,OAAO;MAAEJ;IAAS,CAAC,CAAC,EACtCD,SACJ;EAAE,GACEO,KAAK,gBAETrB,KAAA,CAAAsB,aAAA;IACI,aAAU,cAAc;IACxBG,OAAO,EAAER,aAAc;IACvBH,SAAS,EAAE;EAAgD,gBAE3Dd,KAAA,CAAAsB,aAAA,CAAClB,eAAe;IAACsB,IAAI,EAAEN,KAAM;IAACL,QAAQ,EAAEA,QAAS;IAACN,KAAK,EAAE,CAAC,CAACA;EAAM,CAAE,CAClE,CAAC,eACNT,KAAA,CAAAsB,aAAA,CAACjB,WAAW;IACRW,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBT,KAAK,EAAE,CAAC,CAACA,KAAM;IACfM,QAAQ,EAAEA;EAAS,CACtB,CACA,CAAC;AAEd,CAAC;AAED,MAAMY,eAAe,GAAGxB,eAAe,CAAC,iBAAiB,EAAEU,0BAA0B,CAAC;AAEtF,SAASc,eAAe","ignoreList":[]}

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.d.ts

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

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.js

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

package/FilePicker/primitives/components/previews/TextOnlyPreview/index.js.map

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

package/FilePicker/primitives/components/previews/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./FilePreview";
-export * from "./ImagePreview";
-export * from "./RichItemPreview";
-export * from "./TextOnlyPreview";
+export * from "./FilePreview.js";
+export * from "./ImagePreview/index.js";
+export * from "./RichItemPreview/index.js";
+export * from "./TextOnlyPreview/index.js";

package/FilePicker/primitives/components/previews/index.js

@@ -1,6 +1,6 @@
-export * from "./FilePreview";
-export * from "./ImagePreview";
-export * from "./RichItemPreview";
-export * from "./TextOnlyPreview";
+export * from "./FilePreview.js";
+export * from "./ImagePreview/index.js";
+export * from "./RichItemPreview/index.js";
+export * from "./TextOnlyPreview/index.js";
 
 //# sourceMappingURL=index.js.map

package/FilePicker/primitives/components/previews/index.js.map

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

package/FilePicker/primitives/components/previews/variants.js

@@ -1,27 +1,27 @@
-import { cva } from "../../../../utils";
-export const previewVariants = cva("wby-w-full", {
+import { cva } from "../../../../utils.js";
+export const previewVariants = cva("w-full", {
   variants: {
     variant: {
-      light: ["wby-bg-neutral-light", "hover:wby-bg-neutral-dimmed"],
-      base: ["wby-bg-neutral-base", "hover:wby-bg-neutral-subtle"],
-      transparent: ["wby-bg-transparent", "hover:wby-bg-neutral-dark/5"]
+      light: ["bg-neutral-light", "hover:bg-neutral-dimmed"],
+      base: ["bg-neutral-base", "hover:bg-neutral-subtle"],
+      transparent: ["bg-transparent", "hover:bg-neutral-dark/5"]
     },
     disabled: {
-      true: "wby-pointer-events-none"
+      true: "pointer-events-none"
     }
   },
   compoundVariants: [{
     disabled: true,
     variant: "light",
-    className: "wby-bg-neutral-dimmed"
+    className: "bg-neutral-dimmed"
   }, {
     disabled: true,
     variant: "base",
-    className: "wby-bg-neutral-disabled"
+    className: "bg-neutral-disabled"
   }, {
     disabled: true,
     variant: "transparent",
-    className: "wby-bg-transparent"
+    className: "bg-transparent"
   }],
   defaultVariants: {
     variant: "light"

package/FilePicker/primitives/components/previews/variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","previewVariants","variants","variant","light","base","transparent","disabled","true","compoundVariants","className","defaultVariants"],"sources":["variants.ts"],"sourcesContent":["import { cva } from \"~/utils\";\n\nexport const previewVariants = cva(\"wby-w-full\", {\n    variants: {\n        variant: {\n            light: [\"wby-bg-neutral-light\", \"hover:wby-bg-neutral-dimmed\"],\n            base: [\"wby-bg-neutral-base\", \"hover:wby-bg-neutral-subtle\"],\n            transparent: [\"wby-bg-transparent\", \"hover:wby-bg-neutral-dark/5\"]\n        },\n        disabled: {\n            true: \"wby-pointer-events-none\"\n        }\n    },\n    compoundVariants: [\n        {\n            disabled: true,\n            variant: \"light\",\n            className: \"wby-bg-neutral-dimmed\"\n        },\n        {\n            disabled: true,\n            variant: \"base\",\n            className: \"wby-bg-neutral-disabled\"\n        },\n        {\n            disabled: true,\n            variant: \"transparent\",\n            className: \"wby-bg-transparent\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"light\"\n    }\n});\n"],"mappings":"AAAA,SAASA,GAAG;AAEZ,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,YAAY,EAAE;EAC7CE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,KAAK,EAAE,CAAC,sBAAsB,EAAE,6BAA6B,CAAC;MAC9DC,IAAI,EAAE,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;MAC5DC,WAAW,EAAE,CAAC,oBAAoB,EAAE,6BAA6B;IACrE,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIF,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,OAAO;IAChBO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,MAAM;IACfO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,aAAa;IACtBO,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE;EACb;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","previewVariants","variants","variant","light","base","transparent","disabled","true","compoundVariants","className","defaultVariants"],"sources":["variants.ts"],"sourcesContent":["import { cva } from \"~/utils.js\";\n\nexport const previewVariants = cva(\"w-full\", {\n    variants: {\n        variant: {\n            light: [\"bg-neutral-light\", \"hover:bg-neutral-dimmed\"],\n            base: [\"bg-neutral-base\", \"hover:bg-neutral-subtle\"],\n            transparent: [\"bg-transparent\", \"hover:bg-neutral-dark/5\"]\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    compoundVariants: [\n        {\n            disabled: true,\n            variant: \"light\",\n            className: \"bg-neutral-dimmed\"\n        },\n        {\n            disabled: true,\n            variant: \"base\",\n            className: \"bg-neutral-disabled\"\n        },\n        {\n            disabled: true,\n            variant: \"transparent\",\n            className: \"bg-transparent\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"light\"\n    }\n});\n"],"mappings":"AAAA,SAASA,GAAG;AAEZ,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACzCE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,KAAK,EAAE,CAAC,kBAAkB,EAAE,yBAAyB,CAAC;MACtDC,IAAI,EAAE,CAAC,iBAAiB,EAAE,yBAAyB,CAAC;MACpDC,WAAW,EAAE,CAAC,gBAAgB,EAAE,yBAAyB;IAC7D,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIF,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,OAAO;IAChBO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,MAAM;IACfO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,aAAa;IACtBO,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE;EACb;AACJ,CAAC,CAAC","ignoreList":[]}

package/FilePicker/primitives/components/types.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { VariantProps } from "../../../utils";
-import type { previewVariants } from "./previews/variants";
-import type { FileItemFormatted } from "../../domains";
+import type { VariantProps } from "../../../utils.js";
+import type { previewVariants } from "./previews/variants.js";
+import type { FileItemFormatted } from "../../domains/index.js";
 /**
  * Default properties of a file preview component.
  * They are shared between the default and custom renderers.

package/FilePicker/primitives/components/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { VariantProps } from \"~/utils\";\nimport type { previewVariants } from \"./previews/variants\";\nimport type { FileItemFormatted } from \"../../domains\";\n\n/**\n * Default properties of a file preview component.\n * They are shared between the default and custom renderers.\n */\nexport interface FilePreviewDefaultProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">,\n        VariantProps<typeof previewVariants> {\n    onReplaceItem?: () => void;\n    onRemoveItem?: () => void;\n    onEditItem?: () => void;\n    value: FileItemFormatted;\n    disabled?: boolean;\n}\n\n/**\n * Properties that can be used to render a custom file preview component.\n * @see `renderFilePreview` property of the FilePickerPrimitiveProps.\n */\nexport type FilePreviewRendererProps = Omit<FilePreviewDefaultProps, \"type\"> & Record<string, any>;\n\n/**\n * Default properties of a trigger component.\n * They are shared between the default and custom renderers.\n */\nexport interface TriggerDefaultProps extends React.HTMLAttributes<HTMLButtonElement> {\n    disabled?: boolean;\n    text?: string;\n    onSelectItem: () => void;\n}\n\n/**\n * Properties that can be used to render a custom trigger component.\n * @see `renderTrigger` property of the FilePickerPrimitiveProps.\n */\nexport type TriggerRendererProps = TriggerDefaultProps & Record<string, any>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { VariantProps } from \"~/utils.js\";\nimport type { previewVariants } from \"./previews/variants.js\";\nimport type { FileItemFormatted } from \"../../domains/index.js\";\n\n/**\n * Default properties of a file preview component.\n * They are shared between the default and custom renderers.\n */\nexport interface FilePreviewDefaultProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">,\n        VariantProps<typeof previewVariants> {\n    onReplaceItem?: () => void;\n    onRemoveItem?: () => void;\n    onEditItem?: () => void;\n    value: FileItemFormatted;\n    disabled?: boolean;\n}\n\n/**\n * Properties that can be used to render a custom file preview component.\n * @see `renderFilePreview` property of the FilePickerPrimitiveProps.\n */\nexport type FilePreviewRendererProps = Omit<FilePreviewDefaultProps, \"type\"> & Record<string, any>;\n\n/**\n * Default properties of a trigger component.\n * They are shared between the default and custom renderers.\n */\nexport interface TriggerDefaultProps extends React.HTMLAttributes<HTMLButtonElement> {\n    disabled?: boolean;\n    text?: string;\n    onSelectItem: () => void;\n}\n\n/**\n * Properties that can be used to render a custom trigger component.\n * @see `renderTrigger` property of the FilePickerPrimitiveProps.\n */\nexport type TriggerRendererProps = TriggerDefaultProps & Record<string, any>;\n"],"mappings":"","ignoreList":[]}

package/FilePicker/primitives/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./FilePickerPrimitive";
-export * from "./components";
+export * from "./FilePickerPrimitive.js";
+export * from "./components/index.js";

package/FilePicker/primitives/index.js

@@ -1,4 +1,4 @@
-export * from "./FilePickerPrimitive";
-export * from "./components";
+export * from "./FilePickerPrimitive.js";
+export * from "./components/index.js";
 
 //# sourceMappingURL=index.js.map

package/FilePicker/primitives/index.js.map

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

package/FilePicker/primitives/presenters/FilePickerPresenter.d.ts

@@ -1,4 +1,4 @@
-import { type FileItemDto, type FileItemFormatted } from "../../domains";
+import { type FileItemDto, type FileItemFormatted } from "../../domains/index.js";
 interface FilePickerPresenterParams {
     value?: FileItemDto | string | null;
 }

package/FilePicker/primitives/presenters/FilePickerPresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { FileItem, FileItemFormatter } from "../../domains";
+import { FileItem, FileItemFormatter } from "../../domains/index.js";
 class FilePickerPresenter {
   file = null;
   constructor() {

package/FilePicker/primitives/presenters/FilePickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","FileItem","FileItemFormatter","FilePickerPresenter","file","constructor","init","params","value","createFromUrl","create","vm","format"],"sources":["FilePickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    FileItem,\n    type FileItemDto,\n    type FileItemFormatted,\n    FileItemFormatter\n} from \"../../domains\";\n\ninterface FilePickerPresenterParams {\n    value?: FileItemDto | string | null;\n}\n\ninterface IFilePickerPresenter {\n    vm: {\n        file: FileItemFormatted | null;\n    };\n    init: (params: FilePickerPresenterParams) => void;\n}\n\nclass FilePickerPresenter implements IFilePickerPresenter {\n    private file: FileItem | null = null;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: FilePickerPresenterParams) => {\n        const { value } = params;\n\n        if (!value) {\n            this.file = null;\n            return;\n        }\n\n        if (typeof value === \"string\") {\n            this.file = FileItem.createFromUrl(value);\n            return;\n        }\n\n        this.file = FileItem.create(value);\n    };\n\n    get vm() {\n        return {\n            file: this.file ? FileItemFormatter.format(this.file) : null\n        };\n    }\n}\n\nexport { FilePickerPresenter, type FilePickerPresenterParams, type IFilePickerPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,QAAQ,EAGRC,iBAAiB;AAcrB,MAAMC,mBAAmB,CAAiC;EAC9CC,IAAI,GAAoB,IAAI;EAEpCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAI,GAAIC,MAAiC,IAAK;IACjD,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExB,IAAI,CAACC,KAAK,EAAE;MACR,IAAI,CAACJ,IAAI,GAAG,IAAI;MAChB;IACJ;IAEA,IAAI,OAAOI,KAAK,KAAK,QAAQ,EAAE;MAC3B,IAAI,CAACJ,IAAI,GAAGH,QAAQ,CAACQ,aAAa,CAACD,KAAK,CAAC;MACzC;IACJ;IAEA,IAAI,CAACJ,IAAI,GAAGH,QAAQ,CAACS,MAAM,CAACF,KAAK,CAAC;EACtC,CAAC;EAED,IAAIG,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGF,iBAAiB,CAACU,MAAM,CAAC,IAAI,CAACR,IAAI,CAAC,GAAG;IAC5D,CAAC;EACL;AACJ;AAEA,SAASD,mBAAmB","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","FileItem","FileItemFormatter","FilePickerPresenter","file","constructor","init","params","value","createFromUrl","create","vm","format"],"sources":["FilePickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    FileItem,\n    type FileItemDto,\n    type FileItemFormatted,\n    FileItemFormatter\n} from \"../../domains/index.js\";\n\ninterface FilePickerPresenterParams {\n    value?: FileItemDto | string | null;\n}\n\ninterface IFilePickerPresenter {\n    vm: {\n        file: FileItemFormatted | null;\n    };\n    init: (params: FilePickerPresenterParams) => void;\n}\n\nclass FilePickerPresenter implements IFilePickerPresenter {\n    private file: FileItem | null = null;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: FilePickerPresenterParams) => {\n        const { value } = params;\n\n        if (!value) {\n            this.file = null;\n            return;\n        }\n\n        if (typeof value === \"string\") {\n            this.file = FileItem.createFromUrl(value);\n            return;\n        }\n\n        this.file = FileItem.create(value);\n    };\n\n    get vm() {\n        return {\n            file: this.file ? FileItemFormatter.format(this.file) : null\n        };\n    }\n}\n\nexport { FilePickerPresenter, type FilePickerPresenterParams, type IFilePickerPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,QAAQ,EAGRC,iBAAiB;AAcrB,MAAMC,mBAAmB,CAAiC;EAC9CC,IAAI,GAAoB,IAAI;EAEpCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAI,GAAIC,MAAiC,IAAK;IACjD,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExB,IAAI,CAACC,KAAK,EAAE;MACR,IAAI,CAACJ,IAAI,GAAG,IAAI;MAChB;IACJ;IAEA,IAAI,OAAOI,KAAK,KAAK,QAAQ,EAAE;MAC3B,IAAI,CAACJ,IAAI,GAAGH,QAAQ,CAACQ,aAAa,CAACD,KAAK,CAAC;MACzC;IACJ;IAEA,IAAI,CAACJ,IAAI,GAAGH,QAAQ,CAACS,MAAM,CAACF,KAAK,CAAC;EACtC,CAAC;EAED,IAAIG,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGF,iBAAiB,CAACU,MAAM,CAAC,IAAI,CAACR,IAAI,CAAC,GAAG;IAC5D,CAAC;EACL;AACJ;AAEA,SAASD,mBAAmB","ignoreList":[]}

package/FilePicker/primitives/presenters/FilePickerPresenter.test.js

@@ -1,4 +1,5 @@
-import { FilePickerPresenter } from "./FilePickerPresenter";
+import { FilePickerPresenter } from "./FilePickerPresenter.js";
+import { describe, expect, it } from "vitest";
 describe("FilePickerPresenter", () => {
   const presenter = new FilePickerPresenter();
   it("should initialize with null file when no value is provided", () => {

package/FilePicker/primitives/presenters/FilePickerPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["FilePickerPresenter","describe","presenter","it","init","expect","vm","file","toBeNull","url","value","toEqual","id","any","String","name","mimeType","size","fileItemDto"],"sources":["FilePickerPresenter.test.ts"],"sourcesContent":["import { FilePickerPresenter } from \"./FilePickerPresenter\";\n\ndescribe(\"FilePickerPresenter\", () => {\n    const presenter = new FilePickerPresenter();\n\n    it(\"should initialize with null file when no value is provided\", () => {\n        presenter.init({});\n        expect(presenter.vm.file).toBeNull();\n    });\n\n    it(\"should initialize with a file created from URL when value is a string\", () => {\n        const url = \"http://example.com/file.png\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.png\",\n            mimeType: \"image/png\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from URL when value is a string and the mimeType is unknown\", () => {\n        const url = \"http://example.com/file.unknown\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.unknown\",\n            mimeType: \"application/octet-stream\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from FileItemDto when value is an object\", () => {\n        const fileItemDto = {\n            id: \"1\",\n            name: \"file.png\",\n            url: \"http://example.com/file.png\",\n            mimeType: \"image/png\",\n            size: 1000\n        };\n        presenter.init({ value: fileItemDto });\n        expect(presenter.vm.file).toEqual(fileItemDto);\n    });\n});\n"],"mappings":"AAAA,SAASA,mBAAmB;AAE5BC,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EAClC,MAAMC,SAAS,GAAG,IAAIF,mBAAmB,CAAC,CAAC;EAE3CG,EAAE,CAAC,4DAA4D,EAAE,MAAM;IACnED,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBC,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFL,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,MAAMM,GAAG,GAAG,6BAA6B;IACzCP,SAAS,CAACE,IAAI,CAAC;MAAEM,KAAK,EAAED;IAAI,CAAC,CAAC;IAC9BJ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAAC;MAC9BC,EAAE,EAAEP,MAAM,CAACQ,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAE,WAAW;MACrBP,GAAG;MACHQ,IAAI,EAAE;IACV,CAAC,CAAC;EACN,CAAC,CAAC;EAEFd,EAAE,CAAC,mGAAmG,EAAE,MAAM;IAC1G,MAAMM,GAAG,GAAG,iCAAiC;IAC7CP,SAAS,CAACE,IAAI,CAAC;MAAEM,KAAK,EAAED;IAAI,CAAC,CAAC;IAC9BJ,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAAC;MAC9BC,EAAE,EAAEP,MAAM,CAACQ,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,0BAA0B;MACpCP,GAAG;MACHQ,IAAI,EAAE;IACV,CAAC,CAAC;EACN,CAAC,CAAC;EAEFd,EAAE,CAAC,gFAAgF,EAAE,MAAM;IACvF,MAAMe,WAAW,GAAG;MAChBN,EAAE,EAAE,GAAG;MACPG,IAAI,EAAE,UAAU;MAChBN,GAAG,EAAE,6BAA6B;MAClCO,QAAQ,EAAE,WAAW;MACrBC,IAAI,EAAE;IACV,CAAC;IACDf,SAAS,CAACE,IAAI,CAAC;MAAEM,KAAK,EAAEQ;IAAY,CAAC,CAAC;IACtCb,MAAM,CAACH,SAAS,CAACI,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAACO,WAAW,CAAC;EAClD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["FilePickerPresenter","describe","expect","it","presenter","init","vm","file","toBeNull","url","value","toEqual","id","any","String","name","mimeType","size","fileItemDto"],"sources":["FilePickerPresenter.test.ts"],"sourcesContent":["import { FilePickerPresenter } from \"./FilePickerPresenter.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"FilePickerPresenter\", () => {\n    const presenter = new FilePickerPresenter();\n\n    it(\"should initialize with null file when no value is provided\", () => {\n        presenter.init({});\n        expect(presenter.vm.file).toBeNull();\n    });\n\n    it(\"should initialize with a file created from URL when value is a string\", () => {\n        const url = \"http://example.com/file.png\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.png\",\n            mimeType: \"image/png\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from URL when value is a string and the mimeType is unknown\", () => {\n        const url = \"http://example.com/file.unknown\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.unknown\",\n            mimeType: \"application/octet-stream\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from FileItemDto when value is an object\", () => {\n        const fileItemDto = {\n            id: \"1\",\n            name: \"file.png\",\n            url: \"http://example.com/file.png\",\n            mimeType: \"image/png\",\n            size: 1000\n        };\n        presenter.init({ value: fileItemDto });\n        expect(presenter.vm.file).toEqual(fileItemDto);\n    });\n});\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7CF,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EAClC,MAAMG,SAAS,GAAG,IAAIJ,mBAAmB,CAAC,CAAC;EAE3CG,EAAE,CAAC,4DAA4D,EAAE,MAAM;IACnEC,SAAS,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBH,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFL,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,MAAMM,GAAG,GAAG,6BAA6B;IACzCL,SAAS,CAACC,IAAI,CAAC;MAAEK,KAAK,EAAED;IAAI,CAAC,CAAC;IAC9BP,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAAC;MAC9BC,EAAE,EAAEV,MAAM,CAACW,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAE,WAAW;MACrBP,GAAG;MACHQ,IAAI,EAAE;IACV,CAAC,CAAC;EACN,CAAC,CAAC;EAEFd,EAAE,CAAC,mGAAmG,EAAE,MAAM;IAC1G,MAAMM,GAAG,GAAG,iCAAiC;IAC7CL,SAAS,CAACC,IAAI,CAAC;MAAEK,KAAK,EAAED;IAAI,CAAC,CAAC;IAC9BP,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAAC;MAC9BC,EAAE,EAAEV,MAAM,CAACW,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,0BAA0B;MACpCP,GAAG;MACHQ,IAAI,EAAE;IACV,CAAC,CAAC;EACN,CAAC,CAAC;EAEFd,EAAE,CAAC,gFAAgF,EAAE,MAAM;IACvF,MAAMe,WAAW,GAAG;MAChBN,EAAE,EAAE,GAAG;MACPG,IAAI,EAAE,UAAU;MAChBN,GAAG,EAAE,6BAA6B;MAClCO,QAAQ,EAAE,WAAW;MACrBC,IAAI,EAAE;IACV,CAAC;IACDb,SAAS,CAACC,IAAI,CAAC;MAAEK,KAAK,EAAEQ;IAAY,CAAC,CAAC;IACtChB,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAACO,WAAW,CAAC;EAClD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

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

package/FilePicker/primitives/presenters/index.js

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

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

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

package/FilePicker/primitives/useFilePicker.d.ts

@@ -1,8 +1,8 @@
-import type { FilePickerPrimitiveProps } from "..";
+import type { FilePickerPrimitiveProps } from "../../FilePicker/index.js";
 type IFilePickerPrimitiveProps = Pick<FilePickerPrimitiveProps, "value">;
 export declare const useFilePicker: (props: IFilePickerPrimitiveProps) => {
     vm: {
-        file: import("..").FileItemFormatted | null;
+        file: import("~/FilePicker/index.js").FileItemFormatted | null;
     };
 };
 export {};

package/FilePicker/primitives/useFilePicker.js

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

package/FilePicker/primitives/useFilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","FilePickerPresenter","useFilePicker","props","params","value","presenter","vm","setVm","init"],"sources":["useFilePicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { FilePickerPresenter, type FilePickerPresenterParams } from \"./presenters\";\nimport type { FilePickerPrimitiveProps } from \"~/FilePicker\";\n\ntype IFilePickerPrimitiveProps = Pick<FilePickerPrimitiveProps, \"value\">;\n\nexport const useFilePicker = (props: IFilePickerPrimitiveProps) => {\n    const params: FilePickerPresenterParams = useMemo(\n        () => ({\n            value: props.value\n        }),\n        [props.value]\n    );\n\n    const presenter = useMemo(() => {\n        return new FilePickerPresenter();\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 {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,mBAAmB;AAK5B,OAAO,MAAMC,aAAa,GAAIC,KAAgC,IAAK;EAC/D,MAAMC,MAAiC,GAAGN,OAAO,CAC7C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGT,QAAQ,CAACO,SAAS,CAACC,EAAE,CAAC;EAE1CV,SAAS,CAAC,MAAM;IACZS,SAAS,CAACG,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBQ,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useState","autorun","FilePickerPresenter","useFilePicker","props","params","value","presenter","vm","setVm","init"],"sources":["useFilePicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { FilePickerPresenter, type FilePickerPresenterParams } from \"./presenters/index.js\";\nimport type { FilePickerPrimitiveProps } from \"~/FilePicker/index.js\";\n\ntype IFilePickerPrimitiveProps = Pick<FilePickerPrimitiveProps, \"value\">;\n\nexport const useFilePicker = (props: IFilePickerPrimitiveProps) => {\n    const params: FilePickerPresenterParams = useMemo(\n        () => ({\n            value: props.value\n        }),\n        [props.value]\n    );\n\n    const presenter = useMemo(() => {\n        return new FilePickerPresenter();\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 {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,mBAAmB;AAK5B,OAAO,MAAMC,aAAa,GAAIC,KAAgC,IAAK;EAC/D,MAAMC,MAAiC,GAAGN,OAAO,CAC7C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGT,QAAQ,CAACO,SAAS,CAACC,EAAE,CAAC;EAE1CV,SAAS,CAAC,MAAM;IACZS,SAAS,CAACG,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBQ,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/FormComponent/Description.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type TextProps } from "../Text";
-import { type VariantProps } from "../utils";
+import { type TextProps } from "../Text/index.js";
+import { type VariantProps } from "../utils.js";
 declare const formComponentDescriptionVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -20,7 +20,7 @@ declare const FormComponentDescription: (({ text, disabled, className, ...props
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
         original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;

package/FormComponent/Description.js

@@ -1,10 +1,11 @@
 import React from "react";
-import { Text } from "../Text";
-import { cn, cva, makeDecoratable } from "../utils";
-const formComponentDescriptionVariants = cva("wby-mb-sm wby-text-neutral-strong", {
+import { Text } from "../Text/index.js";
+import { cn, cva, makeDecoratable } from "../utils.js";
+import { useAdminUi } from "../AdminUiProvider/index.js";
+const formComponentDescriptionVariants = cva("mb-sm text-neutral-strong", {
   variants: {
     disabled: {
-      true: "wby-text-neutral-disabled"
+      true: "text-neutral-disabled"
     }
   }
 });
@@ -14,6 +15,9 @@ const DecoratableFormComponentDescription = ({
   className,
   ...props
 }) => {
+  const {
+    compileMarkdown
+  } = useAdminUi();
   if (!text) {
     return null;
   }
@@ -23,7 +27,7 @@ const DecoratableFormComponentDescription = ({
     className: cn(formComponentDescriptionVariants({
       disabled
     }), className)
-  }), text);
+  }), compileMarkdown(text));
 };
 const FormComponentDescription = makeDecoratable("FormComponentDescription", DecoratableFormComponentDescription);
 export { FormComponentDescription };

package/FormComponent/Description.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","cn","cva","makeDecoratable","formComponentDescriptionVariants","variants","disabled","true","DecoratableFormComponentDescription","text","className","props","createElement","Object","assign","size","as","FormComponentDescription"],"sources":["Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, type TextProps } from \"~/Text\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\n\nconst formComponentDescriptionVariants = cva(\"wby-mb-sm wby-text-neutral-strong\", {\n    variants: {\n        disabled: {\n            true: \"wby-text-neutral-disabled\"\n        }\n    }\n});\n\ntype FormComponentDescriptionProps = TextProps &\n    VariantProps<typeof formComponentDescriptionVariants> & {\n        text?: React.ReactNode;\n    };\n\nconst DecoratableFormComponentDescription = ({\n    text,\n    disabled,\n    className,\n    ...props\n}: FormComponentDescriptionProps) => {\n    if (!text) {\n        return null;\n    }\n\n    return (\n        <Text\n            {...props}\n            size={\"sm\"}\n            as={\"div\"}\n            className={cn(formComponentDescriptionVariants({ disabled }), className)}\n        >\n            {text}\n        </Text>\n    );\n};\n\nconst FormComponentDescription = makeDecoratable(\n    \"FormComponentDescription\",\n    DecoratableFormComponentDescription\n);\n\nexport { FormComponentDescription, type FormComponentDescriptionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAEjC,MAAMC,gCAAgC,GAAGF,GAAG,CAAC,mCAAmC,EAAE;EAC9EG,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAOF,MAAMC,mCAAmC,GAAGA,CAAC;EACzCC,IAAI;EACJH,QAAQ;EACRI,SAAS;EACT,GAAGC;AACwB,CAAC,KAAK;EACjC,IAAI,CAACF,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAa,aAAA,CAACZ,IAAI,EAAAa,MAAA,CAAAC,MAAA,KACGH,KAAK;IACTI,IAAI,EAAE,IAAK;IACXC,EAAE,EAAE,KAAM;IACVN,SAAS,EAAET,EAAE,CAACG,gCAAgC,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,IAExED,IACC,CAAC;AAEf,CAAC;AAED,MAAMQ,wBAAwB,GAAGd,eAAe,CAC5C,0BAA0B,EAC1BK,mCACJ,CAAC;AAED,SAASS,wBAAwB","ignoreList":[]}
+{"version":3,"names":["React","Text","cn","cva","makeDecoratable","useAdminUi","formComponentDescriptionVariants","variants","disabled","true","DecoratableFormComponentDescription","text","className","props","compileMarkdown","createElement","Object","assign","size","as","FormComponentDescription"],"sources":["Description.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, type TextProps } from \"~/Text/index.js\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\nimport { useAdminUi } from \"~/AdminUiProvider/index.js\";\n\nconst formComponentDescriptionVariants = cva(\"mb-sm text-neutral-strong\", {\n    variants: {\n        disabled: {\n            true: \"text-neutral-disabled\"\n        }\n    }\n});\n\ntype FormComponentDescriptionProps = TextProps &\n    VariantProps<typeof formComponentDescriptionVariants> & {\n        text?: React.ReactNode;\n    };\n\nconst DecoratableFormComponentDescription = ({\n    text,\n    disabled,\n    className,\n    ...props\n}: FormComponentDescriptionProps) => {\n    const { compileMarkdown } = useAdminUi();\n\n    if (!text) {\n        return null;\n    }\n\n    return (\n        <Text\n            {...props}\n            size={\"sm\"}\n            as={\"div\"}\n            className={cn(formComponentDescriptionVariants({ disabled }), className)}\n        >\n            {compileMarkdown(text)}\n        </Text>\n    );\n};\n\nconst FormComponentDescription = makeDecoratable(\n    \"FormComponentDescription\",\n    DecoratableFormComponentDescription\n);\n\nexport { FormComponentDescription, type FormComponentDescriptionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AACjC,SAASC,UAAU;AAEnB,MAAMC,gCAAgC,GAAGH,GAAG,CAAC,2BAA2B,EAAE;EACtEI,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAOF,MAAMC,mCAAmC,GAAGA,CAAC;EACzCC,IAAI;EACJH,QAAQ;EACRI,SAAS;EACT,GAAGC;AACwB,CAAC,KAAK;EACjC,MAAM;IAAEC;EAAgB,CAAC,GAAGT,UAAU,CAAC,CAAC;EAExC,IAAI,CAACM,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIX,KAAA,CAAAe,aAAA,CAACd,IAAI,EAAAe,MAAA,CAAAC,MAAA,KACGJ,KAAK;IACTK,IAAI,EAAE,IAAK;IACXC,EAAE,EAAE,KAAM;IACVP,SAAS,EAAEV,EAAE,CAACI,gCAAgC,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,IAExEE,eAAe,CAACH,IAAI,CACnB,CAAC;AAEf,CAAC;AAED,MAAMS,wBAAwB,GAAGhB,eAAe,CAC5C,0BAA0B,EAC1BM,mCACJ,CAAC;AAED,SAASU,wBAAwB","ignoreList":[]}

package/FormComponent/ErrorMessage.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type TextProps } from "../Text";
-import { type VariantProps } from "../utils";
+import { type TextProps } from "../Text/index.js";
+import { type VariantProps } from "../utils.js";
 declare const formComponentErrorMessageVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -21,7 +21,7 @@ declare const FormComponentErrorMessage: (({ invalid, disabled, className, text,
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null) & {
         original: ({ invalid, disabled, className, text, ...props }: FormComponentErrorMessageProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;

package/FormComponent/ErrorMessage.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { Text } from "../Text";
-import { cn, cva, makeDecoratable } from "../utils";
-const formComponentErrorMessageVariants = cva("wby-mt-xs wby-text-destructive-primary wby-font-semibold", {
+import { Text } from "../Text/index.js";
+import { cn, cva, makeDecoratable } from "../utils.js";
+const formComponentErrorMessageVariants = cva("mt-xs text-destructive-primary font-semibold", {
   variants: {
     disabled: {
-      true: "wby-text-destructive-muted"
+      true: "text-destructive-muted"
     }
   }
 });

package/FormComponent/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","cn","cva","makeDecoratable","formComponentErrorMessageVariants","variants","disabled","true","DecoratableFormComponentErrorMessage","invalid","className","text","props","createElement","Object","assign","size","as","FormComponentErrorMessage"],"sources":["ErrorMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, type TextProps } from \"~/Text\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils\";\n\nconst formComponentErrorMessageVariants = cva(\n    \"wby-mt-xs wby-text-destructive-primary wby-font-semibold\",\n    {\n        variants: {\n            disabled: {\n                true: \"wby-text-destructive-muted\"\n            }\n        }\n    }\n);\n\ntype FormComponentErrorMessageProps = TextProps &\n    VariantProps<typeof formComponentErrorMessageVariants> & {\n        text?: React.ReactNode;\n        invalid?: boolean;\n    };\n\nconst DecoratableFormComponentErrorMessage = ({\n    invalid,\n    disabled,\n    className,\n    text,\n    ...props\n}: FormComponentErrorMessageProps) => {\n    if (!invalid || !text) {\n        return null;\n    }\n\n    return (\n        <Text\n            {...props}\n            size={\"sm\"}\n            as={\"div\"}\n            className={cn(formComponentErrorMessageVariants({ disabled }), className)}\n        >\n            {text}\n        </Text>\n    );\n};\n\nconst FormComponentErrorMessage = makeDecoratable(\n    \"FormComponentErrorMessage\",\n    DecoratableFormComponentErrorMessage\n);\n\nexport { FormComponentErrorMessage, type FormComponentErrorMessageProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAEjC,MAAMC,iCAAiC,GAAGF,GAAG,CACzC,0DAA0D,EAC1D;EACIG,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAQD,MAAMC,oCAAoC,GAAGA,CAAC;EAC1CC,OAAO;EACPH,QAAQ;EACRI,SAAS;EACTC,IAAI;EACJ,GAAGC;AACyB,CAAC,KAAK;EAClC,IAAI,CAACH,OAAO,IAAI,CAACE,IAAI,EAAE;IACnB,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,MAAA,CAAAC,MAAA,KACGH,KAAK;IACTI,IAAI,EAAE,IAAK;IACXC,EAAE,EAAE,KAAM;IACVP,SAAS,EAAET,EAAE,CAACG,iCAAiC,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,IAEzEC,IACC,CAAC;AAEf,CAAC;AAED,MAAMO,yBAAyB,GAAGf,eAAe,CAC7C,2BAA2B,EAC3BK,oCACJ,CAAC;AAED,SAASU,yBAAyB","ignoreList":[]}
+{"version":3,"names":["React","Text","cn","cva","makeDecoratable","formComponentErrorMessageVariants","variants","disabled","true","DecoratableFormComponentErrorMessage","invalid","className","text","props","createElement","Object","assign","size","as","FormComponentErrorMessage"],"sources":["ErrorMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text, type TextProps } from \"~/Text/index.js\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\nconst formComponentErrorMessageVariants = cva(\"mt-xs text-destructive-primary font-semibold\", {\n    variants: {\n        disabled: {\n            true: \"text-destructive-muted\"\n        }\n    }\n});\n\ntype FormComponentErrorMessageProps = TextProps &\n    VariantProps<typeof formComponentErrorMessageVariants> & {\n        text?: React.ReactNode;\n        invalid?: boolean;\n    };\n\nconst DecoratableFormComponentErrorMessage = ({\n    invalid,\n    disabled,\n    className,\n    text,\n    ...props\n}: FormComponentErrorMessageProps) => {\n    if (!invalid || !text) {\n        return null;\n    }\n\n    return (\n        <Text\n            {...props}\n            size={\"sm\"}\n            as={\"div\"}\n            className={cn(formComponentErrorMessageVariants({ disabled }), className)}\n        >\n            {text}\n        </Text>\n    );\n};\n\nconst FormComponentErrorMessage = makeDecoratable(\n    \"FormComponentErrorMessage\",\n    DecoratableFormComponentErrorMessage\n);\n\nexport { FormComponentErrorMessage, type FormComponentErrorMessageProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAEjC,MAAMC,iCAAiC,GAAGF,GAAG,CAAC,8CAA8C,EAAE;EAC1FG,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMC,oCAAoC,GAAGA,CAAC;EAC1CC,OAAO;EACPH,QAAQ;EACRI,SAAS;EACTC,IAAI;EACJ,GAAGC;AACyB,CAAC,KAAK;EAClC,IAAI,CAACH,OAAO,IAAI,CAACE,IAAI,EAAE;IACnB,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,MAAA,CAAAC,MAAA,KACGH,KAAK;IACTI,IAAI,EAAE,IAAK;IACXC,EAAE,EAAE,KAAM;IACVP,SAAS,EAAET,EAAE,CAACG,iCAAiC,CAAC;MAAEE;IAAS,CAAC,CAAC,EAAEI,SAAS;EAAE,IAEzEC,IACC,CAAC;AAEf,CAAC;AAED,MAAMO,yBAAyB,GAAGf,eAAe,CAC7C,2BAA2B,EAC3BK,oCACJ,CAAC;AAED,SAASU,yBAAyB","ignoreList":[]}

package/FormComponent/FormComponent.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { Label } from "../Label";
+import type { Label } from "../Label/index.js";
 interface FormComponentProps<TValue = any> {
     /**
      * Label for the form component, which can be a React element of type `Label` or any React node.
@@ -13,6 +13,10 @@ interface FormComponentProps<TValue = any> {
      * Note or supplementary information to display below the form component.
      */
     note?: React.ReactNode;
+    /**
+     * Hint to be displayed in a tooltip.
+     */
+    hint?: React.ReactNode;
     /**
      * Indicates whether the form component is required.
      */

package/FormComponent/FormComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["FormComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { Label } from \"~/Label\";\n\ninterface FormComponentProps<TValue = any> {\n    /**\n     * Label for the form component, which can be a React element of type `Label` or any React node.\n     */\n    label?: React.ReactElement<typeof Label> | React.ReactNode;\n\n    /**\n     * Description providing additional context or guidance for the form component.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Note or supplementary information to display below the form component.\n     */\n    note?: React.ReactNode;\n\n    /**\n     * Indicates whether the form component is required.\n     */\n    required?: boolean;\n\n    /**\n     * Indicates whether the form component is disabled, preventing user interaction.\n     */\n    disabled?: boolean;\n\n    /**\n     * Validation state for the form component. Provides details about validity,\n     * error messages, and additional validation results.\n     */\n    validation?: {\n        /**\n         * Indicates whether the form component's value is valid.\n         * Can be `true`, `false`, or `null` if not yet validated.\n         */\n        isValid: boolean | null;\n\n        /**\n         * Error message to display when the form component's value is invalid.\n         */\n        message?: string;\n\n        /**\n         * Additional results or metadata returned by the validation logic.\n         */\n        results?: { [key: string]: any };\n    };\n\n    /**\n     * Function provided by the parent `<Form>` component to trigger validation when the form component's value changes.\n     * Returns a promise that resolves with the validation result.\n     */\n    validate?: () => Promise<boolean | any>;\n\n    /**\n     *  Form component's value.\n     */\n    value?: TValue;\n\n    /**\n     * A callback that is executed each time a value is changed.\n     */\n    onChange?: (value: TValue) => void;\n}\n\nexport { type FormComponentProps };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["FormComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport type { Label } from \"~/Label/index.js\";\n\ninterface FormComponentProps<TValue = any> {\n    /**\n     * Label for the form component, which can be a React element of type `Label` or any React node.\n     */\n    label?: React.ReactElement<typeof Label> | React.ReactNode;\n\n    /**\n     * Description providing additional context or guidance for the form component.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Note or supplementary information to display below the form component.\n     */\n    note?: React.ReactNode;\n\n    /**\n     * Hint to be displayed in a tooltip.\n     */\n    hint?: React.ReactNode;\n\n    /**\n     * Indicates whether the form component is required.\n     */\n    required?: boolean;\n\n    /**\n     * Indicates whether the form component is disabled, preventing user interaction.\n     */\n    disabled?: boolean;\n\n    /**\n     * Validation state for the form component. Provides details about validity,\n     * error messages, and additional validation results.\n     */\n    validation?: {\n        /**\n         * Indicates whether the form component's value is valid.\n         * Can be `true`, `false`, or `null` if not yet validated.\n         */\n        isValid: boolean | null;\n\n        /**\n         * Error message to display when the form component's value is invalid.\n         */\n        message?: string;\n\n        /**\n         * Additional results or metadata returned by the validation logic.\n         */\n        results?: { [key: string]: any };\n    };\n\n    /**\n     * Function provided by the parent `<Form>` component to trigger validation when the form component's value changes.\n     * Returns a promise that resolves with the validation result.\n     */\n    validate?: () => Promise<boolean | any>;\n\n    /**\n     *  Form component's value.\n     */\n    value?: TValue;\n\n    /**\n     * A callback that is executed each time a value is changed.\n     */\n    onChange?: (value: TValue) => void;\n}\n\nexport { type FormComponentProps };\n"],"mappings":"","ignoreList":[]}

package/FormComponent/Label.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Label } from "../Label";
+import { Label } from "../Label/index.js";
 interface FormComponentLabelProps extends React.HTMLAttributes<HTMLDivElement> {
     text?: React.ReactElement<typeof Label> | React.ReactNode;
     invalid?: boolean;
@@ -21,7 +21,7 @@ declare const FormComponentLabel: (({ htmlFor, text, required, disabled, hint, i
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null) & {
         original: ({ htmlFor, text, required, disabled, hint, invalid, className, ...props }: FormComponentLabelProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;

package/FormComponent/Label.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
-import { cn, makeDecoratable } from "../utils";
-import { Label } from "../Label";
+import { cn, makeDecoratable } from "../utils.js";
+import { Label } from "../Label/index.js";
 const DecoratableFormComponentLabel = ({
   htmlFor,
   text,
@@ -17,13 +17,14 @@ const DecoratableFormComponentLabel = ({
       return null;
     }
     if (/*#__PURE__*/React.isValidElement(text) && text.type === Label) {
+      const textProps = text.props;
       return /*#__PURE__*/React.cloneElement(text, {
-        ...text.props,
-        htmlFor: text.props.htmlFor ?? htmlFor,
-        required: text.props.required ?? required,
-        disabled: text.props.disabled ?? disabled,
-        hint: text.props.hint ?? hint,
-        invalid: text.props.invalid ?? invalid
+        ...textProps,
+        htmlFor: textProps.htmlFor ?? htmlFor,
+        required: textProps.required ?? required,
+        disabled: textProps.disabled ?? disabled,
+        hint: textProps.hint ?? hint,
+        invalid: textProps.invalid ?? invalid
       });
     }
     return /*#__PURE__*/React.createElement(Label, {
@@ -39,7 +40,7 @@ const DecoratableFormComponentLabel = ({
     return null;
   }
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("wby-mb-xs", className)
+    className: cn("mb-xs", className)
   }), renderLabel);
 };
 const FormComponentLabel = makeDecoratable("FormComponentLabel", DecoratableFormComponentLabel);

package/FormComponent/Label.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","cn","makeDecoratable","Label","DecoratableFormComponentLabel","htmlFor","text","required","disabled","hint","invalid","className","props","renderLabel","isValidElement","type","cloneElement","createElement","Object","assign","FormComponentLabel"],"sources":["Label.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport type { LabelProps } from \"~/Label\";\nimport { Label } from \"~/Label\";\n\ninterface FormComponentLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n    text?: React.ReactElement<typeof Label> | React.ReactNode;\n    invalid?: boolean;\n    required?: boolean;\n    disabled?: boolean;\n    hint?: React.ReactNode;\n    htmlFor?: string;\n}\n\nconst DecoratableFormComponentLabel = ({\n    htmlFor,\n    text,\n    required,\n    disabled,\n    hint,\n    invalid,\n    className,\n    ...props\n}: FormComponentLabelProps) => {\n    // UseMemo correctly to memoize the rendered label\n    const renderLabel = useMemo(() => {\n        if (!text) {\n            return null;\n        }\n\n        if (React.isValidElement(text) && text.type === Label) {\n            return React.cloneElement(text as React.ReactElement<LabelProps>, {\n                ...text.props,\n                htmlFor: text.props.htmlFor ?? htmlFor,\n                required: text.props.required ?? required,\n                disabled: text.props.disabled ?? disabled,\n                hint: text.props.hint ?? hint,\n                invalid: text.props.invalid ?? invalid\n            });\n        }\n\n        return (\n            <Label\n                htmlFor={htmlFor}\n                text={text}\n                required={required}\n                disabled={disabled}\n                hint={hint}\n                invalid={invalid}\n            />\n        );\n    }, [text, required, disabled, hint, invalid, htmlFor]);\n\n    if (!renderLabel) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(\"wby-mb-xs\", className)}>\n            {renderLabel}\n        </div>\n    );\n};\n\nconst FormComponentLabel = makeDecoratable(\"FormComponentLabel\", DecoratableFormComponentLabel);\n\nexport { FormComponentLabel, type FormComponentLabelProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,KAAK;AAWd,MAAMC,6BAA6B,GAAGA,CAAC;EACnCC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,SAAS;EACT,GAAGC;AACkB,CAAC,KAAK;EAC3B;EACA,MAAMC,WAAW,GAAGb,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACM,IAAI,EAAE;MACP,OAAO,IAAI;IACf;IAEA,IAAI,aAAAP,KAAK,CAACe,cAAc,CAACR,IAAI,CAAC,IAAIA,IAAI,CAACS,IAAI,KAAKZ,KAAK,EAAE;MACnD,oBAAOJ,KAAK,CAACiB,YAAY,CAACV,IAAI,EAAoC;QAC9D,GAAGA,IAAI,CAACM,KAAK;QACbP,OAAO,EAAEC,IAAI,CAACM,KAAK,CAACP,OAAO,IAAIA,OAAO;QACtCE,QAAQ,EAAED,IAAI,CAACM,KAAK,CAACL,QAAQ,IAAIA,QAAQ;QACzCC,QAAQ,EAAEF,IAAI,CAACM,KAAK,CAACJ,QAAQ,IAAIA,QAAQ;QACzCC,IAAI,EAAEH,IAAI,CAACM,KAAK,CAACH,IAAI,IAAIA,IAAI;QAC7BC,OAAO,EAAEJ,IAAI,CAACM,KAAK,CAACF,OAAO,IAAIA;MACnC,CAAC,CAAC;IACN;IAEA,oBACIX,KAAA,CAAAkB,aAAA,CAACd,KAAK;MACFE,OAAO,EAAEA,OAAQ;MACjBC,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA;IAAQ,CACpB,CAAC;EAEV,CAAC,EAAE,CAACJ,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEL,OAAO,CAAC,CAAC;EAEtD,IAAI,CAACQ,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAkB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASP,KAAK;IAAED,SAAS,EAAEV,EAAE,CAAC,WAAW,EAAEU,SAAS;EAAE,IACjDE,WACA,CAAC;AAEd,CAAC;AAED,MAAMO,kBAAkB,GAAGlB,eAAe,CAAC,oBAAoB,EAAEE,6BAA6B,CAAC;AAE/F,SAASgB,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useMemo","cn","makeDecoratable","Label","DecoratableFormComponentLabel","htmlFor","text","required","disabled","hint","invalid","className","props","renderLabel","isValidElement","type","textProps","cloneElement","createElement","Object","assign","FormComponentLabel"],"sources":["Label.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport type { LabelProps } from \"~/Label/index.js\";\nimport { Label } from \"~/Label/index.js\";\nimport type { GenericRecord } from \"@webiny/utils\";\n\ninterface FormComponentLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n    text?: React.ReactElement<typeof Label> | React.ReactNode;\n    invalid?: boolean;\n    required?: boolean;\n    disabled?: boolean;\n    hint?: React.ReactNode;\n    htmlFor?: string;\n}\n\nconst DecoratableFormComponentLabel = ({\n    htmlFor,\n    text,\n    required,\n    disabled,\n    hint,\n    invalid,\n    className,\n    ...props\n}: FormComponentLabelProps) => {\n    // UseMemo correctly to memoize the rendered label\n    const renderLabel = useMemo(() => {\n        if (!text) {\n            return null;\n        }\n\n        if (React.isValidElement(text) && text.type === Label) {\n            const textProps = text.props as GenericRecord;\n            return React.cloneElement(text as React.ReactElement<LabelProps>, {\n                ...textProps,\n                htmlFor: textProps.htmlFor ?? htmlFor,\n                required: textProps.required ?? required,\n                disabled: textProps.disabled ?? disabled,\n                hint: textProps.hint ?? hint,\n                invalid: textProps.invalid ?? invalid\n            });\n        }\n\n        return (\n            <Label\n                htmlFor={htmlFor}\n                text={text}\n                required={required}\n                disabled={disabled}\n                hint={hint}\n                invalid={invalid}\n            />\n        );\n    }, [text, required, disabled, hint, invalid, htmlFor]);\n\n    if (!renderLabel) {\n        return null;\n    }\n\n    return (\n        <div {...props} className={cn(\"mb-xs\", className)}>\n            {renderLabel}\n        </div>\n    );\n};\n\nconst FormComponentLabel = makeDecoratable(\"FormComponentLabel\", DecoratableFormComponentLabel);\n\nexport { FormComponentLabel, type FormComponentLabelProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,KAAK;AAYd,MAAMC,6BAA6B,GAAGA,CAAC;EACnCC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,SAAS;EACT,GAAGC;AACkB,CAAC,KAAK;EAC3B;EACA,MAAMC,WAAW,GAAGb,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACM,IAAI,EAAE;MACP,OAAO,IAAI;IACf;IAEA,IAAI,aAAAP,KAAK,CAACe,cAAc,CAACR,IAAI,CAAC,IAAIA,IAAI,CAACS,IAAI,KAAKZ,KAAK,EAAE;MACnD,MAAMa,SAAS,GAAGV,IAAI,CAACM,KAAsB;MAC7C,oBAAOb,KAAK,CAACkB,YAAY,CAACX,IAAI,EAAoC;QAC9D,GAAGU,SAAS;QACZX,OAAO,EAAEW,SAAS,CAACX,OAAO,IAAIA,OAAO;QACrCE,QAAQ,EAAES,SAAS,CAACT,QAAQ,IAAIA,QAAQ;QACxCC,QAAQ,EAAEQ,SAAS,CAACR,QAAQ,IAAIA,QAAQ;QACxCC,IAAI,EAAEO,SAAS,CAACP,IAAI,IAAIA,IAAI;QAC5BC,OAAO,EAAEM,SAAS,CAACN,OAAO,IAAIA;MAClC,CAAC,CAAC;IACN;IAEA,oBACIX,KAAA,CAAAmB,aAAA,CAACf,KAAK;MACFE,OAAO,EAAEA,OAAQ;MACjBC,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA;IAAQ,CACpB,CAAC;EAEV,CAAC,EAAE,CAACJ,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEL,OAAO,CAAC,CAAC;EAEtD,IAAI,CAACQ,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAmB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASR,KAAK;IAAED,SAAS,EAAEV,EAAE,CAAC,OAAO,EAAEU,SAAS;EAAE,IAC7CE,WACA,CAAC;AAEd,CAAC;AAED,MAAMQ,kBAAkB,GAAGnB,eAAe,CAAC,oBAAoB,EAAEE,6BAA6B,CAAC;AAE/F,SAASiB,kBAAkB","ignoreList":[]}

package/FormComponent/Note.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type TextProps } from "../Text";
-import { type VariantProps } from "../utils";
+import { type TextProps } from "../Text/index.js";
+import { type VariantProps } from "../utils.js";
 declare const formComponentNoteVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -20,7 +20,7 @@ declare const FormComponentNote: (({ disabled, text, className, ...props }: Form
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null) & {
         original: ({ disabled, text, className, ...props }: FormComponentNoteProps) => React.JSX.Element | null;
         originalName: string;
         displayName: string;