@frontify/fondue 12.0.0-beta.5 → 12.0.0-beta.6

package/dist/components/AssetInput/AssetInput.es.js

@@ -84,7 +84,7 @@ import "../../foundation/Icon/Generated/IconArrowCircleDown16.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleDown20.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleDown24.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleDown32.es.js";
-import v from "../../foundation/Icon/Generated/IconArrowCircleUp.es.js";
+import x from "../../foundation/Icon/Generated/IconArrowCircleUp.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleUp12.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleUp16.es.js";
 import "../../foundation/Icon/Generated/IconArrowCircleUp20.es.js";
@@ -814,7 +814,7 @@ import "../../foundation/Icon/Generated/IconImage16.es.js";
 import "../../foundation/Icon/Generated/IconImage20.es.js";
 import "../../foundation/Icon/Generated/IconImage24.es.js";
 import "../../foundation/Icon/Generated/IconImage32.es.js";
-import x from "../../foundation/Icon/Generated/IconImageStack.es.js";
+import v from "../../foundation/Icon/Generated/IconImageStack.es.js";
 import "../../foundation/Icon/Generated/IconImageStack12.es.js";
 import "../../foundation/Icon/Generated/IconImageStack16.es.js";
 import "../../foundation/Icon/Generated/IconImageStack20.es.js";
@@ -1646,7 +1646,7 @@ import { SelectedAsset as N } from "./SingleAsset/SelectedAsset.es.js";
 var I = /* @__PURE__ */ ((r) => (r.Small = "Small", r.Large = "Large", r))(I || {});
 const t3 = ({
   assets: r = [],
-  numberOfLocations: s = 1,
+  numberOfLocations: c = 1,
   actions: e = [],
   size: n = "Small",
   isLoading: a = !1,
@@ -1656,8 +1656,8 @@ const t3 = ({
   acceptFileType: d
 }) => {
   const l = r.length, w = k(), f = (u) => {
-    const c = u.target.files;
-    c && m && m(c);
+    const s = u.target.files;
+    s && m && m(s);
   };
   return (a || l === 1) && e ? /* @__PURE__ */ t.createElement(N, {
     asset: r[0],
@@ -1667,7 +1667,7 @@ const t3 = ({
   }) : l > 1 && i ? /* @__PURE__ */ t.createElement(S, {
     assets: r,
     onClick: i,
-    numberOfLocations: s
+    numberOfLocations: c
   }) : /* @__PURE__ */ t.createElement("div", {
     "data-test-id": "asset-input-placeholder",
     className: p([
@@ -1678,11 +1678,11 @@ const t3 = ({
     className: p(["tw-flex tw-flex-col tw-h-8", o && "tw-pr-3"]),
     "data-test-id": "asset-input-upload"
   }, /* @__PURE__ */ t.createElement("label", {
-    className: "tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s tw-text-black-80 tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-95 dark:active:tw-bg-black-superdark dark:hover:tw-text-white",
+    className: "tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s tw-text-black-80 tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-superdark dark:active:tw-bg-black-superdark dark:hover:tw-text-white tw-text-button-text tw-font-medium",
     htmlFor: w
   }, /* @__PURE__ */ t.createElement("span", {
     className: "tw--ml-1 tw-mr-1.5"
-  }, /* @__PURE__ */ t.createElement(v, {
+  }, /* @__PURE__ */ t.createElement(x, {
     size: E.Size20
   })), "Upload"), /* @__PURE__ */ t.createElement("input", {
     id: w,
@@ -1698,7 +1698,7 @@ const t3 = ({
     style: b.Default,
     onClick: o,
     emphasis: g.Weak,
-    icon: /* @__PURE__ */ t.createElement(x, null)
+    icon: /* @__PURE__ */ t.createElement(v, null)
   }, "Browse")));
 };
 export {

package/dist/components/AssetInput/AssetInput.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetInput.es.js","sources":["../../../src/components/AssetInput/AssetInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ActionMenuProps } from '@components/ActionMenu/ActionMenu/ActionMenu';\nimport { Button, ButtonEmphasis, ButtonStyle } from '@components/Button';\nimport { IconArrowCircleUp, IconImageStack } from '@foundation/Icon/';\nimport { IconProps } from '@foundation/Icon/IconProps';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { merge } from '@utilities/merge';\nimport React, { ChangeEvent, FC, ReactElement } from 'react';\nimport { MultiAssetPreview } from './MultiAssetPreview';\nimport { SelectedAsset } from './SingleAsset/SelectedAsset';\n\ntype BaseAsset = {\n    name: string;\n};\n\nexport type ImageAsset = {\n    type: 'image' | 'logo';\n    name: string;\n    extension: string;\n    src?: string;\n    alt?: string;\n    icon?: undefined;\n    size: number;\n};\n\ntype OtherAsset = BaseAsset & {\n    type: 'audio';\n    extension: string;\n    src?: undefined;\n    alt?: undefined;\n    icon?: undefined;\n    size: number;\n};\n\ntype IconAsset = BaseAsset & {\n    type: 'icon';\n    extension?: undefined;\n    src?: undefined;\n    alt?: undefined;\n    icon: ReactElement<IconProps>;\n    size?: undefined;\n};\n\nexport type UploadSource = { source: 'upload'; sourceName?: undefined };\nexport type LibrarySource = { source: 'library'; sourceName: string };\n\nexport enum AssetInputSize {\n    Small = 'Small',\n    Large = 'Large',\n}\n\nexport type AssetType =\n    | (ImageAsset & UploadSource)\n    | (ImageAsset & LibrarySource)\n    | (IconAsset & UploadSource)\n    | (IconAsset & LibrarySource)\n    | (OtherAsset & UploadSource)\n    | (OtherAsset & LibrarySource);\n\nexport type AssetInputProps = {\n    assets?: AssetType[];\n    size: AssetInputSize;\n    numberOfLocations?: number;\n    actions?: ActionMenuProps['menuBlocks'];\n    isLoading?: boolean;\n    onUploadClick?: (files: FileList) => void;\n    onLibraryClick?: () => void;\n    onMultiAssetClick?: () => void;\n    acceptFileType?: string;\n};\n\nexport const AssetInput: FC<AssetInputProps> = ({\n    assets = [],\n    numberOfLocations = 1,\n    actions = [],\n    size = AssetInputSize.Small,\n    isLoading = false,\n    onLibraryClick,\n    onUploadClick,\n    onMultiAssetClick,\n    acceptFileType,\n}) => {\n    const assetsLength = assets.length;\n    const id = useMemoizedId();\n\n    const onFileChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n\n        if (files && onUploadClick) {\n            onUploadClick(files);\n        }\n    };\n\n    if ((isLoading || assetsLength === 1) && actions) {\n        return <SelectedAsset asset={assets[0]} size={size} actions={actions} isLoading={isLoading} />;\n    }\n\n    if (assetsLength > 1 && onMultiAssetClick) {\n        return <MultiAssetPreview assets={assets} onClick={onMultiAssetClick} numberOfLocations={numberOfLocations} />;\n    }\n\n    return (\n        <div\n            data-test-id=\"asset-input-placeholder\"\n            className={merge([\n                'tw-grid tw-p-3 tw-border tw-border-dashed tw-border-black-10 tw-rounded',\n                onUploadClick && onLibraryClick ? 'tw-grid-cols-2 tw-divide-x tw-divide-black-10' : 'tw-grid-cols-1',\n            ])}\n        >\n            {onUploadClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onLibraryClick && 'tw-pr-3'])}\n                    data-test-id=\"asset-input-upload\"\n                >\n                    <label\n                        className=\"tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s tw-text-black-80 tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-95 dark:active:tw-bg-black-superdark dark:hover:tw-text-white\"\n                        htmlFor={id}\n                    >\n                        <span className=\"tw--ml-1 tw-mr-1.5\">\n                            <IconArrowCircleUp size={IconSize.Size20} />\n                        </span>\n                        Upload\n                    </label>\n                    <input\n                        id={id}\n                        className=\"tw-hidden\"\n                        type=\"file\"\n                        accept={acceptFileType}\n                        multiple={!!onMultiAssetClick}\n                        onChange={onFileChange}\n                    />\n                </div>\n            )}\n            {onLibraryClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onUploadClick && 'tw-pl-3'])}\n                    data-test-id=\"asset-input-library\"\n                >\n                    <Button\n                        style={ButtonStyle.Default}\n                        onClick={onLibraryClick}\n                        emphasis={ButtonEmphasis.Weak}\n                        icon={<IconImageStack />}\n                    >\n                        Browse\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDY,IAAA,sBAAA,MACA,GAAA,QAAA,SACA,EAAA,QAAA,SAFA,IAAA,KAAA,CAAA,CAAA;AAyBL,MAAM,KAAkC,CAAC;AAAA,EAC5C,YAAS,CAAC;AAAA,EACV,uBAAoB;AAAA,EACpB,aAAU,CAAC;AAAA,EACX,UAAO;AAAA,EACP,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACE;AACF,QAAM,IAAe,EAAO,QACtB,IAAK,KAEL,IAAe,CAAC,MAAyC;AACrD,UAAA,IAAQ,EAAM,OAAO;AAE3B,IAAI,KAAS,KACT,EAAc,CAAK;AAAA,EACvB;AAGC,SAAA,MAAa,MAAiB,MAAM,IAC7B,kBAAA,cAAA,GAAA;AAAA,IAAc,OAAO,EAAO;AAAA,IAAI;AAAA,IAAY;AAAA,IAAkB;AAAA,EAAA,CAAsB,IAG5F,IAAe,KAAK,IACZ,kBAAA,cAAA,GAAA;AAAA,IAAkB;AAAA,IAAgB,SAAS;AAAA,IAAmB;AAAA,EAAA,CAAsC,IAI3G,kBAAA,cAAA,OAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAiB,IAAiB,kDAAkD;AAAA,IAAA,CACvF;AAAA,EAAA,GAEA,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAkB,SAAS,CAAC;AAAA,IAC5E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,SAAA;AAAA,IACG,WAAU;AAAA,IACV,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,GAAA;AAAA,IAAkB,MAAM,EAAS;AAAA,EAAQ,CAAA,CAC9C,GAAO,QAEX,GACC,kBAAA,cAAA,SAAA;AAAA,IACG;AAAA,IACA,WAAU;AAAA,IACV,MAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU,CAAC,CAAC;AAAA,IACZ,UAAU;AAAA,EACd,CAAA,CACJ,GAEH,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAiB,SAAS,CAAC;AAAA,IAC3E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,GAAA;AAAA,IACG,OAAO,EAAY;AAAA,IACnB,SAAS;AAAA,IACT,UAAU,EAAe;AAAA,IACzB,sCAAO,GAAe,IAAA;AAAA,EAAA,GACzB,QAED,CACJ,CAER;AAER;"}
+{"version":3,"file":"AssetInput.es.js","sources":["../../../src/components/AssetInput/AssetInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ActionMenuProps } from '@components/ActionMenu/ActionMenu/ActionMenu';\nimport { Button, ButtonEmphasis, ButtonStyle } from '@components/Button';\nimport { IconArrowCircleUp, IconImageStack } from '@foundation/Icon/';\nimport { IconProps } from '@foundation/Icon/IconProps';\nimport { IconSize } from '@foundation/Icon/IconSize';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { merge } from '@utilities/merge';\nimport React, { ChangeEvent, FC, ReactElement } from 'react';\nimport { MultiAssetPreview } from './MultiAssetPreview';\nimport { SelectedAsset } from './SingleAsset/SelectedAsset';\n\ntype BaseAsset = {\n    name: string;\n};\n\nexport type ImageAsset = {\n    type: 'image' | 'logo';\n    name: string;\n    extension: string;\n    src?: string;\n    alt?: string;\n    icon?: undefined;\n    size: number;\n};\n\ntype OtherAsset = BaseAsset & {\n    type: 'audio';\n    extension: string;\n    src?: undefined;\n    alt?: undefined;\n    icon?: undefined;\n    size: number;\n};\n\ntype IconAsset = BaseAsset & {\n    type: 'icon';\n    extension?: undefined;\n    src?: undefined;\n    alt?: undefined;\n    icon: ReactElement<IconProps>;\n    size?: undefined;\n};\n\nexport type UploadSource = { source: 'upload'; sourceName?: undefined };\nexport type LibrarySource = { source: 'library'; sourceName: string };\n\nexport enum AssetInputSize {\n    Small = 'Small',\n    Large = 'Large',\n}\n\nexport type AssetType =\n    | (ImageAsset & UploadSource)\n    | (ImageAsset & LibrarySource)\n    | (IconAsset & UploadSource)\n    | (IconAsset & LibrarySource)\n    | (OtherAsset & UploadSource)\n    | (OtherAsset & LibrarySource);\n\nexport type AssetInputProps = {\n    assets?: AssetType[];\n    size: AssetInputSize;\n    numberOfLocations?: number;\n    actions?: ActionMenuProps['menuBlocks'];\n    isLoading?: boolean;\n    onUploadClick?: (files: FileList) => void;\n    onLibraryClick?: () => void;\n    onMultiAssetClick?: () => void;\n    acceptFileType?: string;\n};\n\nexport const AssetInput: FC<AssetInputProps> = ({\n    assets = [],\n    numberOfLocations = 1,\n    actions = [],\n    size = AssetInputSize.Small,\n    isLoading = false,\n    onLibraryClick,\n    onUploadClick,\n    onMultiAssetClick,\n    acceptFileType,\n}) => {\n    const assetsLength = assets.length;\n    const id = useMemoizedId();\n\n    const onFileChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n\n        if (files && onUploadClick) {\n            onUploadClick(files);\n        }\n    };\n\n    if ((isLoading || assetsLength === 1) && actions) {\n        return <SelectedAsset asset={assets[0]} size={size} actions={actions} isLoading={isLoading} />;\n    }\n\n    if (assetsLength > 1 && onMultiAssetClick) {\n        return <MultiAssetPreview assets={assets} onClick={onMultiAssetClick} numberOfLocations={numberOfLocations} />;\n    }\n\n    return (\n        <div\n            data-test-id=\"asset-input-placeholder\"\n            className={merge([\n                'tw-grid tw-p-3 tw-border tw-border-dashed tw-border-black-10 tw-rounded',\n                onUploadClick && onLibraryClick ? 'tw-grid-cols-2 tw-divide-x tw-divide-black-10' : 'tw-grid-cols-1',\n            ])}\n        >\n            {onUploadClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onLibraryClick && 'tw-pr-3'])}\n                    data-test-id=\"asset-input-upload\"\n                >\n                    <label\n                        className=\"tw-relative tw-cursor-pointer tw-rounded tw-flex tw-items-center tw-justify-center tw-px-4 tw-h-9 tw-text-s tw-text-black-80 tw-bg-transparent hover:tw-bg-black-10 hover:tw-text-black active:tw-bg-black-20 active:tw-text-black dark:tw-text-white dark:hover:tw-bg-black-superdark dark:active:tw-bg-black-superdark dark:hover:tw-text-white tw-text-button-text tw-font-medium\"\n                        htmlFor={id}\n                    >\n                        <span className=\"tw--ml-1 tw-mr-1.5\">\n                            <IconArrowCircleUp size={IconSize.Size20} />\n                        </span>\n                        Upload\n                    </label>\n                    <input\n                        id={id}\n                        className=\"tw-hidden\"\n                        type=\"file\"\n                        accept={acceptFileType}\n                        multiple={!!onMultiAssetClick}\n                        onChange={onFileChange}\n                    />\n                </div>\n            )}\n            {onLibraryClick && (\n                <div\n                    className={merge(['tw-flex tw-flex-col tw-h-8', onUploadClick && 'tw-pl-3'])}\n                    data-test-id=\"asset-input-library\"\n                >\n                    <Button\n                        style={ButtonStyle.Default}\n                        onClick={onLibraryClick}\n                        emphasis={ButtonEmphasis.Weak}\n                        icon={<IconImageStack />}\n                    >\n                        Browse\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDY,IAAA,sBAAA,MACA,GAAA,QAAA,SACA,EAAA,QAAA,SAFA,IAAA,KAAA,CAAA,CAAA;AAyBL,MAAM,KAAkC,CAAC;AAAA,EAC5C,YAAS,CAAC;AAAA,EACV,uBAAoB;AAAA,EACpB,aAAU,CAAC;AAAA,EACX,UAAO;AAAA,EACP,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACE;AACF,QAAM,IAAe,EAAO,QACtB,IAAK,KAEL,IAAe,CAAC,MAAyC;AACrD,UAAA,IAAQ,EAAM,OAAO;AAE3B,IAAI,KAAS,KACT,EAAc,CAAK;AAAA,EACvB;AAGC,SAAA,MAAa,MAAiB,MAAM,IAC7B,kBAAA,cAAA,GAAA;AAAA,IAAc,OAAO,EAAO;AAAA,IAAI;AAAA,IAAY;AAAA,IAAkB;AAAA,EAAA,CAAsB,IAG5F,IAAe,KAAK,IACZ,kBAAA,cAAA,GAAA;AAAA,IAAkB;AAAA,IAAgB,SAAS;AAAA,IAAmB;AAAA,EAAA,CAAsC,IAI3G,kBAAA,cAAA,OAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAW,EAAM;AAAA,MACb;AAAA,MACA,KAAiB,IAAiB,kDAAkD;AAAA,IAAA,CACvF;AAAA,EAAA,GAEA,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAkB,SAAS,CAAC;AAAA,IAC5E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,SAAA;AAAA,IACG,WAAU;AAAA,IACV,SAAS;AAAA,EAAA,GAER,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,GAAA;AAAA,IAAkB,MAAM,EAAS;AAAA,EAAQ,CAAA,CAC9C,GAAO,QAEX,GACC,kBAAA,cAAA,SAAA;AAAA,IACG;AAAA,IACA,WAAU;AAAA,IACV,MAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU,CAAC,CAAC;AAAA,IACZ,UAAU;AAAA,EACd,CAAA,CACJ,GAEH,KACI,kBAAA,cAAA,OAAA;AAAA,IACG,WAAW,EAAM,CAAC,8BAA8B,KAAiB,SAAS,CAAC;AAAA,IAC3E,gBAAa;AAAA,EAAA,GAEZ,kBAAA,cAAA,GAAA;AAAA,IACG,OAAO,EAAY;AAAA,IACnB,SAAS;AAAA,IACT,UAAU,EAAe;AAAA,IACzB,sCAAO,GAAe,IAAA;AAAA,EAAA,GACzB,QAED,CACJ,CAER;AAER;"}

package/dist/components/AssetInput/SingleAsset/AssetSubline.es.js

@@ -1636,19 +1636,23 @@ import "../../../foundation/Icon/Generated/IconWorkflowShapes20.es.js";
 import "../../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
 import "../../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
 import "../../../foundation/Icon/IconsMap.es.js";
-const zS = ({ asset: t, isLoading: o = !1 }) => {
+const jA = ({ asset: t, isLoading: o = !1 }) => {
   let m = o ? "Uploading" : "Uploaded";
   return (t == null ? void 0 : t.source) === "library" && (m = t.sourceName), /* @__PURE__ */ r.createElement("span", {
     className: "tw-max-w-full tw-flex tw-flex-row tw-items-center tw-gap-1 tw-text-black-80 tw-text-xxs tw-overflow-hidden"
   }, /* @__PURE__ */ r.createElement("div", {
     className: "tw-flex-none tw-inline-flex tw-items-center tw-justify-center"
-  }, (t == null ? void 0 : t.source) === "library" ? /* @__PURE__ */ r.createElement(n, null) : /* @__PURE__ */ r.createElement(l, null)), m && /* @__PURE__ */ r.createElement("span", null, m), t && !o && [t.extension, t.size].filter(Boolean).map((i, p) => /* @__PURE__ */ r.createElement(e, {
+  }, (t == null ? void 0 : t.source) === "library" ? /* @__PURE__ */ r.createElement(n, null) : /* @__PURE__ */ r.createElement(l, null)), m && /* @__PURE__ */ r.createElement("span", {
+    className: "tw-whitespace-nowrap"
+  }, m), t && !o && [t.extension, t.size].filter(Boolean).map((i, p) => /* @__PURE__ */ r.createElement(e, {
     key: `${i}-${p}`
   }, /* @__PURE__ */ r.createElement("span", {
     className: "tw-text-m tw-text-black-20 tw-h-4 tw-flex tw-items-center"
-  }, "\u2022"), /* @__PURE__ */ r.createElement("span", null, i))));
+  }, "\u2022"), /* @__PURE__ */ r.createElement("span", {
+    className: "tw-whitespace-nowrap"
+  }, i))));
 };
 export {
-  zS as AssetSubline
+  jA as AssetSubline
 };
 //# sourceMappingURL=AssetSubline.es.js.map

package/dist/components/AssetInput/SingleAsset/AssetSubline.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSubline.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/AssetSubline.tsx"],"sourcesContent":["import React, { FC, Fragment } from 'react';\nimport { AssetInputProps } from '../AssetInput';\nimport { SelectedAssetProps } from './SelectedAsset';\nimport { IconArrowCircleUp, IconImageStack } from '@foundation/Icon';\n\ntype AssetSublineProps = Pick<AssetInputProps, 'isLoading'> & Pick<SelectedAssetProps, 'asset'>;\n\nexport const AssetSubline: FC<AssetSublineProps> = ({ asset, isLoading = false }) => {\n    let title = isLoading ? 'Uploading' : 'Uploaded';\n    if (asset?.source === 'library') {\n        title = asset.sourceName;\n    }\n\n    return (\n        <span className=\"tw-max-w-full tw-flex tw-flex-row tw-items-center tw-gap-1 tw-text-black-80 tw-text-xxs tw-overflow-hidden\">\n            <div className=\"tw-flex-none tw-inline-flex tw-items-center tw-justify-center\">\n                {asset?.source === 'library' ? <IconImageStack /> : <IconArrowCircleUp />}\n            </div>\n            {title && <span>{title}</span>}\n            {asset &&\n                !isLoading &&\n                [asset.extension, asset.size].filter(Boolean).map((item, i) => (\n                    <Fragment key={`${item}-${i}`}>\n                        <span className=\"tw-text-m tw-text-black-20 tw-h-4 tw-flex tw-items-center\">•</span>\n                        <span>{item}</span>\n                    </Fragment>\n                ))}\n        </span>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,KAAsC,CAAC,EAAE,UAAO,eAAY,SAAY;AAC7E,MAAA,IAAQ,IAAY,cAAc;AAClC,SAAA,wBAAO,YAAW,aAClB,KAAQ,EAAM,aAIb,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAA,GACV,wBAAO,YAAW,YAAY,kBAAA,cAAC,GAAe,IAAA,IAAM,kBAAA,cAAA,GAAA,IAAkB,CAC3E,GACC,KAAS,kBAAA,cAAC,cAAM,CAAM,GACtB,KACG,CAAC,KACD,CAAC,EAAM,WAAW,EAAM,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,CAAC,GAAM,MACpD,kBAAA,cAAA,GAAA;AAAA,IAAS,KAAK,GAAG,KAAQ;AAAA,EAAA,GACrB,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GAA4D,QAAC,GAC7E,kBAAA,cAAC,cAAM,CAAK,CAChB,CACH,CACT;AAER;"}
+{"version":3,"file":"AssetSubline.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/AssetSubline.tsx"],"sourcesContent":["import React, { FC, Fragment } from 'react';\nimport { AssetInputProps } from '../AssetInput';\nimport { SelectedAssetProps } from './SelectedAsset';\nimport { IconArrowCircleUp, IconImageStack } from '@foundation/Icon';\n\ntype AssetSublineProps = Pick<AssetInputProps, 'isLoading'> & Pick<SelectedAssetProps, 'asset'>;\n\nexport const AssetSubline: FC<AssetSublineProps> = ({ asset, isLoading = false }) => {\n    let title = isLoading ? 'Uploading' : 'Uploaded';\n    if (asset?.source === 'library') {\n        title = asset.sourceName;\n    }\n\n    return (\n        <span className=\"tw-max-w-full tw-flex tw-flex-row tw-items-center tw-gap-1 tw-text-black-80 tw-text-xxs tw-overflow-hidden\">\n            <div className=\"tw-flex-none tw-inline-flex tw-items-center tw-justify-center\">\n                {asset?.source === 'library' ? <IconImageStack /> : <IconArrowCircleUp />}\n            </div>\n            {title && <span className=\"tw-whitespace-nowrap\">{title}</span>}\n            {asset &&\n                !isLoading &&\n                [asset.extension, asset.size].filter(Boolean).map((item, i) => (\n                    <Fragment key={`${item}-${i}`}>\n                        <span className=\"tw-text-m tw-text-black-20 tw-h-4 tw-flex tw-items-center\">•</span>\n                        <span className=\"tw-whitespace-nowrap\">{item}</span>\n                    </Fragment>\n                ))}\n        </span>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,KAAsC,CAAC,EAAE,UAAO,eAAY,SAAY;AAC7E,MAAA,IAAQ,IAAY,cAAc;AAClC,SAAA,wBAAO,YAAW,aAClB,KAAQ,EAAM,aAIb,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAA,GACV,wBAAO,YAAW,YAAa,kBAAA,cAAA,GAAA,IAAe,IAAK,kBAAA,cAAC,GAAkB,IAAA,CAC3E,GACC,KAAU,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GAAwB,CAAM,GACvD,KACG,CAAC,KACD,CAAC,EAAM,WAAW,EAAM,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,CAAC,GAAM,MACpD,kBAAA,cAAA,GAAA;AAAA,IAAS,KAAK,GAAG,KAAQ;AAAA,EAAA,GACrB,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAA4D,GAAA,QAAC,GAC5E,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GAAwB,CAAK,CACjD,CACH,CACT;AAER;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignCenterPlugin/index.es.js

@@ -4,8 +4,7 @@ import { AlignCenterButton as e } from "./AlignCenterButton.es.js";
 import { AlignPlugin as o } from "../AlignPlugin.es.js";
 class g extends o {
   constructor(r) {
-    super({
-      id: t,
+    super(t, {
       button: e,
       markupElement: new n(),
       ...r

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignCenterPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignCenterPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignCenterMarkupElement } from './AlignCenterMarkupElement';\nimport { AlignCenterButton } from './AlignCenterButton';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignCenterPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: ALIGN_PLUGIN,\n            button: AlignCenterButton,\n            markupElement: new AlignCenterMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAA0B,EAAY;AAAA,EAC/C,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAyB;AAAA,MAC5C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignCenterPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignCenterMarkupElement } from './AlignCenterMarkupElement';\nimport { AlignCenterButton } from './AlignCenterButton';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignCenterPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super(ALIGN_PLUGIN, {\n            button: AlignCenterButton,\n            markupElement: new AlignCenterMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAA0B,EAAY;AAAA,EAC/C,YAAY,GAAqB;AAC7B,UAAM,GAAc;AAAA,MAChB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAyB;AAAA,MAC5C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignJustifyPlugin/index.es.js

@@ -1,13 +1,12 @@
-import { AlignJustifyMarkupElement as i } from "./AlignJustifyMarkupElement.es.js";
-import { AlignJustifyButton as r } from "./AlignJustifyButton.es.js";
+import { AlignJustifyMarkupElement as r } from "./AlignJustifyMarkupElement.es.js";
+import { AlignJustifyButton as i } from "./AlignJustifyButton.es.js";
 import { ALIGN_PLUGIN as n } from "../id.es.js";
 import { AlignPlugin as o } from "../AlignPlugin.es.js";
 class s extends o {
   constructor(t) {
-    super({
-      id: n,
-      button: r,
-      markupElement: new i(),
+    super(n, {
+      button: i,
+      markupElement: new r(),
       ...t
     });
   }

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignJustifyPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignJustifyPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AlignJustifyMarkupElement } from './AlignJustifyMarkupElement';\nimport { AlignJustifyButton } from './AlignJustifyButton';\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignJustifyPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: ALIGN_PLUGIN,\n            button: AlignJustifyButton,\n            markupElement: new AlignJustifyMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAA2B,EAAY;AAAA,EAChD,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAA0B;AAAA,MAC7C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignJustifyPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AlignJustifyMarkupElement } from './AlignJustifyMarkupElement';\nimport { AlignJustifyButton } from './AlignJustifyButton';\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignJustifyPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super(ALIGN_PLUGIN, {\n            button: AlignJustifyButton,\n            markupElement: new AlignJustifyMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAA2B,EAAY;AAAA,EAChD,YAAY,GAAqB;AAC7B,UAAM,GAAc;AAAA,MAChB,QAAQ;AAAA,MACR,eAAe,IAAI,EAA0B;AAAA,MAC7C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignLeftPlugin/index.es.js

@@ -4,8 +4,7 @@ import { ALIGN_PLUGIN as o } from "../id.es.js";
 import { AlignPlugin as e } from "../AlignPlugin.es.js";
 class f extends e {
   constructor(t) {
-    super({
-      id: o,
+    super(o, {
       button: n,
       markupElement: new r(),
       ...t

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignLeftPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignLeftPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AlignLeftMarkupElement } from './AlignLeftMarkupElement';\nimport { AlignLeftButton } from './AlignLeftButton';\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignLeftPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: ALIGN_PLUGIN,\n            button: AlignLeftButton,\n            markupElement: new AlignLeftMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAAwB,EAAY;AAAA,EAC7C,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAuB;AAAA,MAC1C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignLeftPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AlignLeftMarkupElement } from './AlignLeftMarkupElement';\nimport { AlignLeftButton } from './AlignLeftButton';\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignLeftPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super(ALIGN_PLUGIN, {\n            button: AlignLeftButton,\n            markupElement: new AlignLeftMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAAwB,EAAY;AAAA,EAC7C,YAAY,GAAqB;AAC7B,UAAM,GAAc;AAAA,MAChB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAuB;AAAA,MAC1C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignPlugin.es.js

@@ -1,13 +1,30 @@
-import { createAlignPlugin as i, ELEMENT_PARAGRAPH as n } from "@udecode/plate";
-import { Plugin as r } from "../Plugin.es.js";
-class t extends r {
+import { createAlignPlugin as i, ELEMENT_PARAGRAPH as r } from "@udecode/plate";
+import { Plugin as t } from "../Plugin.es.js";
+import { TextStyles as E } from "../TextStylePlugin/TextStyles/textStyles.es.js";
+import "../TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
+import "../TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
+class s extends t {
   plugins() {
     return [
       i({
         inject: {
           props: {
             validTypes: [
-              n
+              r,
+              E.ELEMENT_HEADING1,
+              E.ELEMENT_HEADING2,
+              E.ELEMENT_HEADING3,
+              E.ELEMENT_HEADING4,
+              E.ELEMENT_CUSTOM1,
+              E.ELEMENT_CUSTOM2,
+              E.ELEMENT_CUSTOM3,
+              E.ELEMENT_QUOTE
             ]
           }
         }
@@ -16,6 +33,6 @@ class t extends r {
   }
 }
 export {
-  t as AlignPlugin
+  s as AlignPlugin
 };
 //# sourceMappingURL=AlignPlugin.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignPlugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignPlugin.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_PARAGRAPH, createAlignPlugin } from '@udecode/plate';\nimport { Plugin } from '../Plugin';\n\nexport class AlignPlugin extends Plugin {\n    plugins() {\n        return [\n            createAlignPlugin({\n                inject: {\n                    props: {\n                        validTypes: [\n                            ELEMENT_PARAGRAPH,\n                            // TextStyles.ELEMENT_HEADING1,\n                            // TextStyles.ELEMENT_HEADING2,\n                            // TextStyles.ELEMENT_HEADING3,\n                            // TextStyles.ELEMENT_HEADING4,\n                            // TextStyles.ELEMENT_CUSTOM1,\n                            // TextStyles.ELEMENT_CUSTOM2,\n                        ],\n                    },\n                },\n            }),\n        ];\n    }\n}\n"],"names":[],"mappings":";;AAKO,MAAM,UAAoB,EAAO;AAAA,EACpC,UAAU;AACC,WAAA;AAAA,MACH,EAAkB;AAAA,QACd,QAAQ;AAAA,UACJ,OAAO;AAAA,YACH,YAAY;AAAA,cACR;AAAA,YAOJ;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA,CACH;AAAA,IAAA;AAAA,EAET;AACJ;"}
+{"version":3,"file":"AlignPlugin.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_PARAGRAPH, createAlignPlugin } from '@udecode/plate';\nimport { Plugin } from '../Plugin';\nimport { TextStyles } from '../TextStylePlugin/TextStyles';\n\nexport class AlignPlugin extends Plugin {\n    plugins() {\n        return [\n            createAlignPlugin({\n                inject: {\n                    props: {\n                        validTypes: [\n                            ELEMENT_PARAGRAPH,\n                            TextStyles.ELEMENT_HEADING1,\n                            TextStyles.ELEMENT_HEADING2,\n                            TextStyles.ELEMENT_HEADING3,\n                            TextStyles.ELEMENT_HEADING4,\n                            TextStyles.ELEMENT_CUSTOM1,\n                            TextStyles.ELEMENT_CUSTOM2,\n                            TextStyles.ELEMENT_CUSTOM3,\n                            TextStyles.ELEMENT_QUOTE,\n                        ],\n                    },\n                },\n            }),\n        ];\n    }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAMO,MAAM,UAAoB,EAAO;AAAA,EACpC,UAAU;AACC,WAAA;AAAA,MACH,EAAkB;AAAA,QACd,QAAQ;AAAA,UACJ,OAAO;AAAA,YACH,YAAY;AAAA,cACR;AAAA,cACA,EAAW;AAAA,cACX,EAAW;AAAA,cACX,EAAW;AAAA,cACX,EAAW;AAAA,cACX,EAAW;AAAA,cACX,EAAW;AAAA,cACX,EAAW;AAAA,cACX,EAAW;AAAA,YACf;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA,CACH;AAAA,IAAA;AAAA,EAET;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignRightPlugin/index.es.js

@@ -1,13 +1,12 @@
-import { AlignRightMarkupElement as i } from "./AlignRightMarkupElement.es.js";
-import { AlignRightButton as r } from "./AlignRightButton.es.js";
+import { AlignRightMarkupElement as r } from "./AlignRightMarkupElement.es.js";
+import { AlignRightButton as i } from "./AlignRightButton.es.js";
 import { ALIGN_PLUGIN as n } from "../id.es.js";
 import { AlignPlugin as o } from "../AlignPlugin.es.js";
 class u extends o {
   constructor(t) {
-    super({
-      id: n,
-      button: r,
-      markupElement: new i(),
+    super(n, {
+      button: i,
+      markupElement: new r(),
       ...t
     });
   }

package/dist/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignRightPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignRightPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AlignRightMarkupElement } from './AlignRightMarkupElement';\nimport { AlignRightButton } from './AlignRightButton';\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignRightPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: ALIGN_PLUGIN,\n            button: AlignRightButton,\n            markupElement: new AlignRightMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAAyB,EAAY;AAAA,EAC9C,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAwB;AAAA,MAC3C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../../src/components/RichTextEditor/EditorActions/Plugins/AlignPlugin/AlignRightPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AlignRightMarkupElement } from './AlignRightMarkupElement';\nimport { AlignRightButton } from './AlignRightButton';\nimport { ALIGN_PLUGIN } from '../id';\nimport { AlignPlugin } from '../AlignPlugin';\nimport { PluginProps } from '../../Plugin';\n\nexport class AlignRightPlugin extends AlignPlugin {\n    constructor(props?: PluginProps) {\n        super(ALIGN_PLUGIN, {\n            button: AlignRightButton,\n            markupElement: new AlignRightMarkupElement(),\n            ...props,\n        });\n    }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,UAAyB,EAAY;AAAA,EAC9C,YAAY,GAAqB;AAC7B,UAAM,GAAc;AAAA,MAChB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAwB;AAAA,MAC3C,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/BoldPlugin/index.es.js

@@ -3,10 +3,9 @@ import { BOLD_PLUGIN as t } from "./id.es.js";
 import { BoldMarkupElement as m } from "./BoldMarkupElement.es.js";
 import { BoldButton as e } from "./BoldButton.es.js";
 import { Plugin as n } from "../Plugin.es.js";
-class B extends n {
+class d extends n {
   constructor(o) {
-    super({
-      id: t,
+    super(t, {
       button: e,
       markupElement: new m(),
       ...o
@@ -17,6 +16,6 @@ class B extends n {
   }
 }
 export {
-  B as BoldPlugin
+  d as BoldPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/BoldPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/BoldPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createBoldPlugin } from '@udecode/plate';\nimport { BOLD_PLUGIN } from './id';\nimport { BoldMarkupElement } from './BoldMarkupElement';\nimport { BoldButton } from './BoldButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class BoldPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: BOLD_PLUGIN,\n            button: BoldButton,\n            markupElement: new BoldMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createBoldPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/BoldPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createBoldPlugin } from '@udecode/plate';\nimport { BOLD_PLUGIN } from './id';\nimport { BoldMarkupElement } from './BoldMarkupElement';\nimport { BoldButton } from './BoldButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class BoldPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(BOLD_PLUGIN, {\n            button: BoldButton,\n            markupElement: new BoldMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createBoldPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AAC7B,UAAM,GAAa;AAAA,MACf,QAAQ;AAAA,MACR,eAAe,IAAI,EAAkB;AAAA,MACrC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/index.es.js

@@ -9,8 +9,7 @@ const s = e({
 });
 class L extends m {
   constructor(t) {
-    super({
-      id: r,
+    super(r, {
       button: n,
       markupElement: new i(),
       ...t

package/dist/components/RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CHECKBOX_LIST_PLUGIN, ELEMENT_CHECK_ITEM } from './id';\nimport { CheckboxListElement } from './CheckboxListElement';\nimport { CheckboxListButton } from './CheckboxListButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport const createCheckboxListPlugin = createPluginFactory({\n    key: ELEMENT_CHECK_ITEM,\n    isElement: true,\n});\n\nexport class CheckboxListPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super({\n            id: CHECKBOX_LIST_PLUGIN,\n            button: CheckboxListButton,\n            markupElement: new CheckboxListElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createCheckboxListPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,IAA2B,EAAoB;AAAA,EACxD,KAAK;AAAA,EACL,WAAW;AACf,CAAC;AAEM,MAAM,UAA2B,EAAO;AAAA,EAC3C,YAAY,GAAqB;AACvB,UAAA;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAA0B;AAAA,EACtC;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/CheckboxListPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CHECKBOX_LIST_PLUGIN, ELEMENT_CHECK_ITEM } from './id';\nimport { CheckboxListElement } from './CheckboxListElement';\nimport { CheckboxListButton } from './CheckboxListButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport const createCheckboxListPlugin = createPluginFactory({\n    key: ELEMENT_CHECK_ITEM,\n    isElement: true,\n});\n\nexport class CheckboxListPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(CHECKBOX_LIST_PLUGIN, {\n            button: CheckboxListButton,\n            markupElement: new CheckboxListElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createCheckboxListPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,IAA2B,EAAoB;AAAA,EACxD,KAAK;AAAA,EACL,WAAW;AACf,CAAC;AAEM,MAAM,UAA2B,EAAO;AAAA,EAC3C,YAAY,GAAqB;AAC7B,UAAM,GAAsB;AAAA,MACxB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAA0B;AAAA,EACtC;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/CodePlugin/index.es.js

@@ -5,7 +5,7 @@ import { CodeButton as m } from "./CodeButton.es.js";
 import { Plugin as n } from "../Plugin.es.js";
 class f extends n {
   constructor(o) {
-    super({ id: t, button: m, markupElement: new e(), ...o });
+    super(t, { button: m, markupElement: new e(), ...o });
   }
   plugins() {
     return [r()];

package/dist/components/RichTextEditor/EditorActions/Plugins/CodePlugin/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/CodePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createCodePlugin } from '@udecode/plate';\nimport { CODE_PLUGIN } from './id';\nimport { CodeMarkupElement } from './CodeMarkupElement';\nimport { CodeButton } from './CodeButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class CodePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super({ id: CODE_PLUGIN, button: CodeButton, markupElement: new CodeMarkupElement(), ...props });\n    }\n\n    plugins() {\n        return [createCodePlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AACvB,UAAA,EAAE,IAAI,GAAa,QAAQ,GAAY,eAAe,IAAI,EAAkB,GAAG,GAAG,EAAO,CAAA;AAAA,EACnG;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/EditorActions/Plugins/CodePlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createCodePlugin } from '@udecode/plate';\nimport { CODE_PLUGIN } from './id';\nimport { CodeMarkupElement } from './CodeMarkupElement';\nimport { CodeButton } from './CodeButton';\nimport { Plugin, PluginProps } from '../Plugin';\n\nexport class CodePlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(CODE_PLUGIN, { button: CodeButton, markupElement: new CodeMarkupElement(), ...props });\n    }\n\n    plugins() {\n        return [createCodePlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAmB,EAAO;AAAA,EACnC,YAAY,GAAqB;AACvB,UAAA,GAAa,EAAE,QAAQ,GAAY,eAAe,IAAI,EAAkB,GAAG,GAAG,EAAA,CAAO;AAAA,EAC/F;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAkB;AAAA,EAC9B;AACJ;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/GeneratePlugins.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { AnyObject, PlatePlugin } from '@udecode/plate';
+import { PluginComposer } from './PluginComposer';
+declare type GeneratePluginsReturn = {
+    create: () => PlatePlugin<AnyObject>[];
+    toolbar: (editorWidth: number | undefined) => ReactNode;
+    inline: () => ReactNode;
+} | null;
+export declare const GeneratePlugins: (editorId: string, pluginComposer?: PluginComposer | undefined) => GeneratePluginsReturn;
+export {};

package/dist/components/RichTextEditor/EditorActions/Plugins/GeneratePlugins.es.js

@@ -0,0 +1,24 @@
+import t from "react";
+import { usePlateEditorRef as c, createPlugins as o, createPlateUI as m } from "@udecode/plate";
+import { Toolbar as i } from "../Toolbar/index.es.js";
+const b = (r, e) => {
+  const a = c(r);
+  return e ? {
+    create: () => o(e.plugins, {
+      components: m(e.elements)
+    }),
+    toolbar: (n) => /* @__PURE__ */ t.createElement(i, {
+      editorWidth: n,
+      buttons: e.buttons,
+      editor: a,
+      editorId: r
+    }),
+    inline: () => /* @__PURE__ */ t.createElement(t.Fragment, null, e.inline.map((n, l) => /* @__PURE__ */ t.createElement(n, {
+      key: l
+    })))
+  } : null;
+};
+export {
+  b as GeneratePlugins
+};
+//# sourceMappingURL=GeneratePlugins.es.js.map

package/dist/components/RichTextEditor/EditorActions/Plugins/GeneratePlugins.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneratePlugins.es.js","sources":["../../../../../src/components/RichTextEditor/EditorActions/Plugins/GeneratePlugins.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactNode } from 'react';\nimport { AnyObject, PlatePlugin, createPlateUI, createPlugins, usePlateEditorRef } from '@udecode/plate';\nimport { PluginComposer } from './PluginComposer';\nimport { Toolbar } from '../Toolbar';\n\ntype GeneratePluginsReturn = {\n    create: () => PlatePlugin<AnyObject>[];\n    toolbar: (editorWidth: number | undefined) => ReactNode;\n    inline: () => ReactNode;\n} | null;\n\nexport const GeneratePlugins = (editorId: string, pluginComposer?: PluginComposer): GeneratePluginsReturn => {\n    const editor = usePlateEditorRef(editorId)!;\n\n    if (!pluginComposer) {\n        return null;\n    }\n\n    return {\n        create: () =>\n            createPlugins(pluginComposer.plugins, {\n                components: createPlateUI(pluginComposer.elements),\n            }),\n        toolbar: (editorWidth: number | undefined) => (\n            <Toolbar editorWidth={editorWidth} buttons={pluginComposer.buttons} editor={editor} editorId={editorId} />\n        ),\n        inline: () => (\n            <>\n                {pluginComposer.inline.map((Inline, index) => (\n                    <Inline key={index} />\n                ))}\n            </>\n        ),\n    };\n};\n"],"names":[],"mappings":";;;AAaa,MAAA,IAAkB,CAAC,GAAkB,MAA2D;AACnG,QAAA,IAAS,EAAkB,CAAQ;AAEzC,SAAK,IAIE;AAAA,IACH,QAAQ,MACJ,EAAc,EAAe,SAAS;AAAA,MAClC,YAAY,EAAc,EAAe,QAAQ;AAAA,IAAA,CACpD;AAAA,IACL,SAAS,CAAC,MACL,kBAAA,cAAA,GAAA;AAAA,MAAQ;AAAA,MAA0B,SAAS,EAAe;AAAA,MAAS;AAAA,MAAgB;AAAA,IAAA,CAAoB;AAAA,IAE5G,QAAQ,MAEC,kBAAA,cAAA,EAAA,UAAA,MAAA,EAAe,OAAO,IAAI,CAAC,GAAQ,MAC/B,kBAAA,cAAA,GAAA;AAAA,MAAO,KAAK;AAAA,IAAO,CAAA,CACvB,CACL;AAAA,EAAA,IAhBG;AAmBf;"}

package/dist/components/RichTextEditor/EditorActions/Plugins/ItalicPlugin/ItalicButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PluginButtonProps } from '../types';
+export declare const ItalicButton: ({ editor, id }: PluginButtonProps) => JSX.Element;