npm - @frontify/fondue - Versions diffs - 13.4.5 → 13.5.1 - Mend

@frontify/fondue 13.4.5 → 13.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (930) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetInput.es.js","sources":["../../../src/components/AssetInput/AssetInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type FondueIconProps, IconArrowCircleUp, IconImageStack } from '@frontify/fondue-icons';\nimport { type ChangeEvent, type ReactElement, useRef } from 'react';\n\nimport { type ActionMenuProps } from '@components/ActionMenu/ActionMenu';\nimport { Button } from '@components/Button/Button';\nimport { ButtonEmphasis, ButtonStyle } from '@components/Button/ButtonTypes';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { merge } from '@utilities/merge';\n\nimport { MultiAssetPreview } from './MultiAssetPreview';\nimport { SelectedAsset } from './SingleAsset/SelectedAsset';\nimport { type AssetInputMenuBlock } from './types';\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<FondueIconProps>;\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'] \| AssetInputMenuBlock[];\n isLoading?: boolean;\n hideSize?: boolean;\n hideExtension?: boolean;\n onUploadClick?: (files: FileList) => void;\n onLibraryClick?: () => void;\n onMultiAssetClick?: () => void;\n acceptFileType?: string;\n};\n\nexport const AssetInput = ({\n assets = [],\n numberOfLocations = 1,\n actions = [],\n size = AssetInputSize.Small,\n isLoading = false,\n hideSize = false,\n hideExtension = false,\n onLibraryClick,\n onUploadClick,\n onMultiAssetClick,\n acceptFileType,\n}: AssetInputProps): ReactElement => {\n const assetsLength = assets.length;\n const inputFile = useRef<HTMLInputElement \| null>(null);\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 const onOpenFileUpload = () => {\n if (inputFile.current) {\n inputFile.current.click();\n }\n };\n\n if ((isLoading \|\| assetsLength === 1) && actions) {\n return (\n <SelectedAsset\n asset={assets[0]}\n size={size}\n actions={actions}\n isLoading={isLoading}\n hideExtension={hideExtension}\n hideSize={hideSize}\n />\n );\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 <Button\n style={ButtonStyle.Default}\n onClick={onOpenFileUpload}\n emphasis={ButtonEmphasis.Weak}\n icon={<IconArrowCircleUp />}\n >\n Upload\n </Button>\n <input\n id={id}\n ref={inputFile}\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};\nAssetInput.displayName = 'FondueAssetInput';\n"],"names":["AssetInputSize","AssetInput","assets","numberOfLocations","actions","size","isLoading","hideSize","hideExtension","onLibraryClick","onUploadClick","onMultiAssetClick","acceptFileType","assetsLength","inputFile","useRef","id","useMemoizedId","onFileChange","event","files","onOpenFileUpload","jsx","SelectedAsset","MultiAssetPreview","jsxs","merge","Button","ButtonStyle","ButtonEmphasis","IconArrowCircleUp","IconImageStack"],"mappings":";;;;;;;;;~~AAkDO~~,IAAKA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAFAA,IAAAA,KAAA,CAAA,CAAA;~~AA2BL~~,MAAMC,IAAa,CAAC;AAAA,EACvB,QAAAC,IAAS,CAAA;AAAA,EACT,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAU,CAAA;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAeX,EAAO,QACtBY,IAAYC,EAAgC,IAAI,GAChDC,IAAKC,EAAA,GAELC,IAAe,CAACC,MAAyC;AAC3D,UAAMC,IAAQD,EAAM,OAAO;AAE3B,IAAIC,KAASV,KACTA,EAAcU,CAAK;AAAA,EAE3B,GAEMC,IAAmB,MAAM;AAC3B,IAAIP,EAAU,WACVA,EAAU,QAAQ,MAAA;AAAA,EAE1B;AAEA,UAAKR,KAAaO,MAAiB,MAAMT,IAEjC,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOrB,EAAO,CAAC;AAAA,MACf,MAAAG;AAAA,MACA,SAAAD;AAAA,MACA,WAAAE;AAAA,MACA,eAAAE;AAAA,MACA,UAAAD;AAAA,IAAA;AAAA,EAAA,IAKRM,IAAe,KAAKF,IACb,gBAAAW,EAACE,GAAA,EAAkB,QAAAtB,GAAgB,SAASS,GAAmB,mBAAAR,GAAsC,IAI5G,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAWC,EAAM;AAAA,QACb;AAAA,QACAhB,KAAiBD,IAAiB,kDAAkD;AAAA,MAAA,CACvF;AAAA,MAEA,UAAA;AAAA,QAAAC,KACG,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC,EAAM,CAAC,8BAA8BjB,KAAkB,SAAS,CAAC;AAAA,YAC5E,gBAAa;AAAA,YAEb,UAAA;AAAA,cAAA,gBAAAa;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,OAAOC,EAAY;AAAA,kBACnB,SAASP;AAAA,kBACT,UAAUQ,EAAe;AAAA,kBACzB,wBAAOC,GAAA,EAAkB;AAAA,kBAC5B,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGD,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,IAAAN;AAAA,kBACA,KAAKF;AAAA,kBACL,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,QAAQF;AAAA,kBACR,UAAU,CAAC,CAACD;AAAA,kBACZ,UAAUO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPT,KACG,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWI,EAAM,CAAC,8BAA8BhB,KAAiB,SAAS,CAAC;AAAA,YAC3E,gBAAa;AAAA,YAEb,UAAA,gBAAAY;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,OAAOC,EAAY;AAAA,gBACnB,SAASnB;AAAA,gBACT,UAAUoB,EAAe;AAAA,gBACzB,wBAAOE,GAAA,EAAe;AAAA,gBACzB,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAIhB;AACA9B,EAAW,cAAc;"}
1	+ {"version":3,"file":"AssetInput.es.js","sources":["../../../src/components/AssetInput/AssetInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type FondueIconProps, IconArrowCircleUp, IconImageStack } from '@frontify/fondue-icons';\nimport { type ChangeEvent, type ReactElement, useRef } from 'react';\n\nimport { type ActionMenuProps } from '@components/ActionMenu/ActionMenu';\nimport { Button } from '@components/Button/Button';\nimport { ButtonEmphasis, ButtonStyle } from '@components/Button/ButtonTypes';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { merge } from '@utilities/merge';\n\nimport { MultiAssetPreview } from './MultiAssetPreview';\nimport { SelectedAsset } from './SingleAsset/SelectedAsset';\nimport { type AssetInputMenuBlock } from './types';\n\ntype BaseAsset = {\n name: string;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\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<FondueIconProps>;\n size?: undefined;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type UploadSource = { source: 'upload'; sourceName?: undefined };\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type LibrarySource = { source: 'library'; sourceName: string };\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport enum AssetInputSize {\n Small = 'Small',\n Large = 'Large',\n}\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetType =\n \| (ImageAsset & UploadSource)\n \| (ImageAsset & LibrarySource)\n \| (IconAsset & UploadSource)\n \| (IconAsset & LibrarySource)\n \| (OtherAsset & UploadSource)\n \| (OtherAsset & LibrarySource);\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetInputProps = {\n assets?: AssetType[];\n size: AssetInputSize;\n numberOfLocations?: number;\n actions?: ActionMenuProps['menuBlocks'] \| AssetInputMenuBlock[];\n isLoading?: boolean;\n hideSize?: boolean;\n hideExtension?: boolean;\n onUploadClick?: (files: FileList) => void;\n onLibraryClick?: () => void;\n onMultiAssetClick?: () => void;\n acceptFileType?: string;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport const AssetInput = ({\n assets = [],\n numberOfLocations = 1,\n actions = [],\n size = AssetInputSize.Small,\n isLoading = false,\n hideSize = false,\n hideExtension = false,\n onLibraryClick,\n onUploadClick,\n onMultiAssetClick,\n acceptFileType,\n}: AssetInputProps): ReactElement => {\n const assetsLength = assets.length;\n const inputFile = useRef<HTMLInputElement \| null>(null);\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 const onOpenFileUpload = () => {\n if (inputFile.current) {\n inputFile.current.click();\n }\n };\n\n if ((isLoading \|\| assetsLength === 1) && actions) {\n return (\n <SelectedAsset\n asset={assets[0]}\n size={size}\n actions={actions}\n isLoading={isLoading}\n hideExtension={hideExtension}\n hideSize={hideSize}\n />\n );\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 <Button\n style={ButtonStyle.Default}\n onClick={onOpenFileUpload}\n emphasis={ButtonEmphasis.Weak}\n icon={<IconArrowCircleUp />}\n >\n Upload\n </Button>\n <input\n id={id}\n ref={inputFile}\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};\nAssetInput.displayName = 'FondueAssetInput';\n"],"names":["AssetInputSize","AssetInput","assets","numberOfLocations","actions","size","isLoading","hideSize","hideExtension","onLibraryClick","onUploadClick","onMultiAssetClick","acceptFileType","assetsLength","inputFile","useRef","id","useMemoizedId","onFileChange","event","files","onOpenFileUpload","jsx","SelectedAsset","MultiAssetPreview","jsxs","merge","Button","ButtonStyle","ButtonEmphasis","IconArrowCircleUp","IconImageStack"],"mappings":";;;;;;;;;AA+DO,IAAKA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAFAA,IAAAA,KAAA,CAAA,CAAA;AAoCL,MAAMC,IAAa,CAAC;AAAA,EACvB,QAAAC,IAAS,CAAA;AAAA,EACT,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAU,CAAA;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAqC;AACjC,QAAMC,IAAeX,EAAO,QACtBY,IAAYC,EAAgC,IAAI,GAChDC,IAAKC,EAAA,GAELC,IAAe,CAACC,MAAyC;AAC3D,UAAMC,IAAQD,EAAM,OAAO;AAE3B,IAAIC,KAASV,KACTA,EAAcU,CAAK;AAAA,EAE3B,GAEMC,IAAmB,MAAM;AAC3B,IAAIP,EAAU,WACVA,EAAU,QAAQ,MAAA;AAAA,EAE1B;AAEA,UAAKR,KAAaO,MAAiB,MAAMT,IAEjC,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOrB,EAAO,CAAC;AAAA,MACf,MAAAG;AAAA,MACA,SAAAD;AAAA,MACA,WAAAE;AAAA,MACA,eAAAE;AAAA,MACA,UAAAD;AAAA,IAAA;AAAA,EAAA,IAKRM,IAAe,KAAKF,IACb,gBAAAW,EAACE,GAAA,EAAkB,QAAAtB,GAAgB,SAASS,GAAmB,mBAAAR,GAAsC,IAI5G,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAWC,EAAM;AAAA,QACb;AAAA,QACAhB,KAAiBD,IAAiB,kDAAkD;AAAA,MAAA,CACvF;AAAA,MAEA,UAAA;AAAA,QAAAC,KACG,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC,EAAM,CAAC,8BAA8BjB,KAAkB,SAAS,CAAC;AAAA,YAC5E,gBAAa;AAAA,YAEb,UAAA;AAAA,cAAA,gBAAAa;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,OAAOC,EAAY;AAAA,kBACnB,SAASP;AAAA,kBACT,UAAUQ,EAAe;AAAA,kBACzB,wBAAOC,GAAA,EAAkB;AAAA,kBAC5B,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGD,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,IAAAN;AAAA,kBACA,KAAKF;AAAA,kBACL,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,QAAQF;AAAA,kBACR,UAAU,CAAC,CAACD;AAAA,kBACZ,UAAUO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPT,KACG,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWI,EAAM,CAAC,8BAA8BhB,KAAiB,SAAS,CAAC;AAAA,YAC3E,gBAAa;AAAA,YAEb,UAAA,gBAAAY;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,OAAOC,EAAY;AAAA,gBACnB,SAASnB;AAAA,gBACT,UAAUoB,EAAe;AAAA,gBACzB,wBAAOE,GAAA,EAAe;AAAA,gBACzB,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAIhB;AACA9B,EAAW,cAAc;"}

package/dist/components/AssetInput/AssetThumbnail.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetThumbnail.es.js","sources":["../../../src/components/AssetInput/AssetThumbnail.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconMusicNote } from '@frontify/fondue-icons';\nimport { type ReactElement, cloneElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { type AssetInputProps, AssetInputSize } from './AssetInput';\nimport { type SelectedAssetProps } from './SingleAsset/SelectedAsset';\n\ntype AssetThumbnailProps = {\n asset: SelectedAssetProps['asset'];\n size: AssetInputProps['size'];\n isActive?: boolean;\n isMultiAsset?: boolean;\n};\n\nconst getIconSizeClassNames = (size: AssetInputSize, isMultiAsset: boolean) => {\n switch (true) {\n case size === AssetInputSize.Large:\n return 'tw-w-full tw-h-32';\n case isMultiAsset:\n return 'tw-w-11 tw-h-11';\n default:\n return 'tw-w-14 tw-h-full';\n }\n};\n\nexport const AssetThumbnail = ({\n asset,\n size,\n isActive = false,\n isMultiAsset = false,\n}: AssetThumbnailProps): ReactElement => {\n const thumbnailVariant = asset.type === 'icon' \|\| asset.type === 'audio' ? asset.type : 'default';\n\n return (\n <div\n className={merge([\n 'tw-flex tw-flex-none tw-items-center tw-justify-center tw-bg-black-5 dark:tw-bg-black-95',\n getIconSizeClassNames(size, isMultiAsset),\n isActive ? 'tw-text-black-100 dark:tw-text-white' : 'tw-text-black-80 dark:tw-text-black-20',\n ])}\n data-test-id=\"asset-input-thumbnail\"\n >\n {thumbnailVariant === 'icon' && (\n <span data-test-id=\"asset-input-thumbnail-icon\">\n {asset.icon && cloneElement(asset.icon, { size: 24 })}\n </span>\n )}\n {thumbnailVariant === 'audio' && <IconMusicNote size={24} data-test-id=\"asset-input-thumbnail-audio\" />}\n {thumbnailVariant === 'default' && (\n <img\n src={asset.src}\n alt={asset.alt \|\| ''}\n className=\"tw-max-h-full\"\n data-test-id=\"asset-input-thumbnail-image\"\n />\n )}\n </div>\n );\n};\nAssetThumbnail.displayName = 'FondueAssetThumbnail';\n"],"names":["getIconSizeClassNames","size","isMultiAsset","AssetInputSize","AssetThumbnail","asset","isActive","thumbnailVariant","jsxs","merge","jsx","cloneElement","IconMusicNote"],"mappings":";;;;;AAiBA,MAAMA,IAAwB,CAACC,GAAsBC,MAA0B;AAC3E,UAAQ,IAAA;AAAA,IACJ,KAAKD,MAASE,EAAe;AACzB,aAAO;AAAA,IACX,KAAKD;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,~~GAEaE~~,IAAiB,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAJ;AAAA,EACA,UAAAK,IAAW;AAAA,EACX,cAAAJ,IAAe;AACnB,MAAyC;AACrC,QAAMK,IAAmBF,EAAM,SAAS,UAAUA,EAAM,SAAS,UAAUA,EAAM,OAAO;AAExF,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAM;AAAA,QACb;AAAA,QACAT,EAAsBC,GAAMC,CAAY;AAAA,QACxCI,IAAW,yCAAyC;AAAA,MAAA,CACvD;AAAA,MACD,gBAAa;AAAA,MAEZ,UAAA;AAAA,QAAAC,MAAqB,UAClB,gBAAAG,EAAC,QAAA,EAAK,gBAAa,8BACd,UAAAL,EAAM,QAAQM,EAAaN,EAAM,MAAM,EAAE,MAAM,GAAA,CAAI,GACxD;AAAA,QAEHE,MAAqB,WAAW,gBAAAG,EAACE,KAAc,MAAM,IAAI,gBAAa,+BAA8B;AAAA,QACpGL,MAAqB,aAClB,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKL,EAAM;AAAA,YACX,KAAKA,EAAM,OAAO;AAAA,YAClB,WAAU;AAAA,YACV,gBAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAIhB;AACAD,EAAe,cAAc;"}
1	+ {"version":3,"file":"AssetThumbnail.es.js","sources":["../../../src/components/AssetInput/AssetThumbnail.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { IconMusicNote } from '@frontify/fondue-icons';\nimport { type ReactElement, cloneElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { type AssetInputProps, AssetInputSize } from './AssetInput';\nimport { type SelectedAssetProps } from './SingleAsset/SelectedAsset';\n\ntype AssetThumbnailProps = {\n asset: SelectedAssetProps['asset'];\n size: AssetInputProps['size'];\n isActive?: boolean;\n isMultiAsset?: boolean;\n};\n\nconst getIconSizeClassNames = (size: AssetInputSize, isMultiAsset: boolean) => {\n switch (true) {\n case size === AssetInputSize.Large:\n return 'tw-w-full tw-h-32';\n case isMultiAsset:\n return 'tw-w-11 tw-h-11';\n default:\n return 'tw-w-14 tw-h-full';\n }\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport const AssetThumbnail = ({\n asset,\n size,\n isActive = false,\n isMultiAsset = false,\n}: AssetThumbnailProps): ReactElement => {\n const thumbnailVariant = asset.type === 'icon' \|\| asset.type === 'audio' ? asset.type : 'default';\n\n return (\n <div\n className={merge([\n 'tw-flex tw-flex-none tw-items-center tw-justify-center tw-bg-black-5 dark:tw-bg-black-95',\n getIconSizeClassNames(size, isMultiAsset),\n isActive ? 'tw-text-black-100 dark:tw-text-white' : 'tw-text-black-80 dark:tw-text-black-20',\n ])}\n data-test-id=\"asset-input-thumbnail\"\n >\n {thumbnailVariant === 'icon' && (\n <span data-test-id=\"asset-input-thumbnail-icon\">\n {asset.icon && cloneElement(asset.icon, { size: 24 })}\n </span>\n )}\n {thumbnailVariant === 'audio' && <IconMusicNote size={24} data-test-id=\"asset-input-thumbnail-audio\" />}\n {thumbnailVariant === 'default' && (\n <img\n src={asset.src}\n alt={asset.alt \|\| ''}\n className=\"tw-max-h-full\"\n data-test-id=\"asset-input-thumbnail-image\"\n />\n )}\n </div>\n );\n};\nAssetThumbnail.displayName = 'FondueAssetThumbnail';\n"],"names":["getIconSizeClassNames","size","isMultiAsset","AssetInputSize","AssetThumbnail","asset","isActive","thumbnailVariant","jsxs","merge","jsx","cloneElement","IconMusicNote"],"mappings":";;;;;AAiBA,MAAMA,IAAwB,CAACC,GAAsBC,MAA0B;AAC3E,UAAQ,IAAA;AAAA,IACJ,KAAKD,MAASE,EAAe;AACzB,aAAO;AAAA,IACX,KAAKD;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EAAA;AAEnB,GAKaE,IAAiB,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAJ;AAAA,EACA,UAAAK,IAAW;AAAA,EACX,cAAAJ,IAAe;AACnB,MAAyC;AACrC,QAAMK,IAAmBF,EAAM,SAAS,UAAUA,EAAM,SAAS,UAAUA,EAAM,OAAO;AAExF,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAM;AAAA,QACb;AAAA,QACAT,EAAsBC,GAAMC,CAAY;AAAA,QACxCI,IAAW,yCAAyC;AAAA,MAAA,CACvD;AAAA,MACD,gBAAa;AAAA,MAEZ,UAAA;AAAA,QAAAC,MAAqB,UAClB,gBAAAG,EAAC,QAAA,EAAK,gBAAa,8BACd,UAAAL,EAAM,QAAQM,EAAaN,EAAM,MAAM,EAAE,MAAM,GAAA,CAAI,GACxD;AAAA,QAEHE,MAAqB,WAAW,gBAAAG,EAACE,KAAc,MAAM,IAAI,gBAAa,+BAA8B;AAAA,QACpGL,MAAqB,aAClB,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKL,EAAM;AAAA,YACX,KAAKA,EAAM,OAAO;AAAA,YAClB,WAAU;AAAA,YACV,gBAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAIhB;AACAD,EAAe,cAAc;"}

package/dist/components/AssetInput/MultiAssetPreview/MultiAssetPreview.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiAssetPreview.es.js","sources":["../../../../src/components/AssetInput/MultiAssetPreview/MultiAssetPreview.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretRight } from '@frontify/fondue-icons';\nimport { useButton } from '@react-aria/button';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type AssetType } from '../AssetInput';\n\nimport { SelectedAssetsThumbnail } from './SelectedAssetsThumbnail';\n\nexport type MultiAssetPreviewProps = {\n numberOfLocations: number;\n assets: AssetType[];\n onClick: () => void;\n};\n\nexport const MultiAssetPreview = ({ numberOfLocations, assets, onClick }: MultiAssetPreviewProps): ReactElement => {\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n const { buttonProps } = useButton({ onPress: onClick }, buttonRef);\n const { isFocusVisible, focusProps } = useFocusRing();\n const assetsLength = assets.length;\n\n return (\n <div data-test-id=\"multi-asset-preview\">\n <button\n type=\"button\"\n title=\"multi-asset-preview\"\n {...mergeProps(buttonProps, focusProps)}\n ref={buttonRef}\n className={merge([\n 'tw-flex tw-border tw-rounded hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none dark:tw-text-white tw-mb-4 tw-w-full',\n isFocusVisible\n ? `${FOCUS_STYLE} tw-border-black-90 dark:tw-border-black-10`\n : 'tw-border-black-20 dark:tw-border-black-80',\n ])}\n >\n <SelectedAssetsThumbnail assets={assets} />\n\n <div className=\"tw-py-6 tw-px-4 tw-flex\">\n <div className=\"tw-text-left\">\n <div className=\"tw-font-bold tw-text-m\" data-test-id=\"assets-amount\">\n {assetsLength} {assetsLength === 1 ? 'Asset' : 'Assets'}\n </div>\n <div className=\"tw-text-black-60 tw-text-s tw-mt-1\" data-test-id=\"number-of-locations\">\n {numberOfLocations} {numberOfLocations === 1 ? 'location' : 'locations'}\n </div>\n </div>\n <div className=\"tw-flex tw-items-center tw-text-black-70 tw-pl-4\">\n <div className=\"tw-absolute tw-right-12\">\n <IconCaretRight size={24} />\n </div>\n </div>\n </div>\n </button>\n </div>\n );\n};\n"],"names":["MultiAssetPreview","numberOfLocations","assets","onClick","buttonRef","useRef","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","assetsLength","jsx","jsxs","mergeProps","merge","FOCUS_STYLE","SelectedAssetsThumbnail","IconCaretRight"],"mappings":";;;;;;;;;~~AAqBO~~,MAAMA,IAAoB,CAAC,EAAE,mBAAAC,GAAmB,QAAAC,GAAQ,SAAAC,QAAoD;AAC/G,QAAMC,IAAYC,EAAiC,IAAI,GACjD,EAAE,aAAAC,MAAgBC,EAAU,EAAE,SAASJ,EAAA,GAAWC,CAAS,GAC3D,EAAE,gBAAAI,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GACjCC,IAAeT,EAAO;AAE5B,SACI,gBAAAU,EAAC,OAAA,EAAI,gBAAa,uBACd,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGC,EAAWR,GAAaG,CAAU;AAAA,MACtC,KAAKL;AAAA,MACL,WAAWW,EAAM;AAAA,QACb;AAAA,QACAP,IACM,GAAGQ,CAAW,gDACd;AAAA,MAAA,CACT;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAJ,EAACK,KAAwB,QAAAf,GAAgB;AAAA,QAEzC,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0BAAyB,gBAAa,iBAChD,UAAA;AAAA,cAAAF;AAAA,cAAa;AAAA,cAAEA,MAAiB,IAAI,UAAU;AAAA,YAAA,GACnD;AAAA,YACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,sCAAqC,gBAAa,uBAC5D,UAAA;AAAA,cAAAZ;AAAA,cAAkB;AAAA,cAAEA,MAAsB,IAAI,aAAa;AAAA,YAAA,EAAA,CAChE;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAW,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAACM,GAAA,EAAe,MAAM,GAAA,CAAI,GAC9B,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"MultiAssetPreview.es.js","sources":["../../../../src/components/AssetInput/MultiAssetPreview/MultiAssetPreview.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { IconCaretRight } from '@frontify/fondue-icons';\nimport { useButton } from '@react-aria/button';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type AssetType } from '../AssetInput';\n\nimport { SelectedAssetsThumbnail } from './SelectedAssetsThumbnail';\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type MultiAssetPreviewProps = {\n numberOfLocations: number;\n assets: AssetType[];\n onClick: () => void;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport const MultiAssetPreview = ({ numberOfLocations, assets, onClick }: MultiAssetPreviewProps): ReactElement => {\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n const { buttonProps } = useButton({ onPress: onClick }, buttonRef);\n const { isFocusVisible, focusProps } = useFocusRing();\n const assetsLength = assets.length;\n\n return (\n <div data-test-id=\"multi-asset-preview\">\n <button\n type=\"button\"\n title=\"multi-asset-preview\"\n {...mergeProps(buttonProps, focusProps)}\n ref={buttonRef}\n className={merge([\n 'tw-flex tw-border tw-rounded hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none dark:tw-text-white tw-mb-4 tw-w-full',\n isFocusVisible\n ? `${FOCUS_STYLE} tw-border-black-90 dark:tw-border-black-10`\n : 'tw-border-black-20 dark:tw-border-black-80',\n ])}\n >\n <SelectedAssetsThumbnail assets={assets} />\n\n <div className=\"tw-py-6 tw-px-4 tw-flex\">\n <div className=\"tw-text-left\">\n <div className=\"tw-font-bold tw-text-m\" data-test-id=\"assets-amount\">\n {assetsLength} {assetsLength === 1 ? 'Asset' : 'Assets'}\n </div>\n <div className=\"tw-text-black-60 tw-text-s tw-mt-1\" data-test-id=\"number-of-locations\">\n {numberOfLocations} {numberOfLocations === 1 ? 'location' : 'locations'}\n </div>\n </div>\n <div className=\"tw-flex tw-items-center tw-text-black-70 tw-pl-4\">\n <div className=\"tw-absolute tw-right-12\">\n <IconCaretRight size={24} />\n </div>\n </div>\n </div>\n </button>\n </div>\n );\n};\n"],"names":["MultiAssetPreview","numberOfLocations","assets","onClick","buttonRef","useRef","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","assetsLength","jsx","jsxs","mergeProps","merge","FOCUS_STYLE","SelectedAssetsThumbnail","IconCaretRight"],"mappings":";;;;;;;;;AA2BO,MAAMA,IAAoB,CAAC,EAAE,mBAAAC,GAAmB,QAAAC,GAAQ,SAAAC,QAAoD;AAC/G,QAAMC,IAAYC,EAAiC,IAAI,GACjD,EAAE,aAAAC,MAAgBC,EAAU,EAAE,SAASJ,EAAA,GAAWC,CAAS,GAC3D,EAAE,gBAAAI,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GACjCC,IAAeT,EAAO;AAE5B,SACI,gBAAAU,EAAC,OAAA,EAAI,gBAAa,uBACd,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGC,EAAWR,GAAaG,CAAU;AAAA,MACtC,KAAKL;AAAA,MACL,WAAWW,EAAM;AAAA,QACb;AAAA,QACAP,IACM,GAAGQ,CAAW,gDACd;AAAA,MAAA,CACT;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAJ,EAACK,KAAwB,QAAAf,GAAgB;AAAA,QAEzC,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0BAAyB,gBAAa,iBAChD,UAAA;AAAA,cAAAF;AAAA,cAAa;AAAA,cAAEA,MAAiB,IAAI,UAAU;AAAA,YAAA,GACnD;AAAA,YACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,sCAAqC,gBAAa,uBAC5D,UAAA;AAAA,cAAAZ;AAAA,cAAkB;AAAA,cAAEA,MAAsB,IAAI,aAAa;AAAA,YAAA,EAAA,CAChE;AAAA,UAAA,GACJ;AAAA,UACA,gBAAAW,EAAC,OAAA,EAAI,WAAU,oDACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAACM,GAAA,EAAe,MAAM,GAAA,CAAI,GAC9B,EAAA,CACJ;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}

package/dist/components/AssetInput/MultiAssetPreview/SelectedAssetsThumbnail.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectedAssetsThumbnail.es.js","sources":["../../../../src/components/AssetInput/MultiAssetPreview/SelectedAssetsThumbnail.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { AssetInputSize, type AssetType, type ImageAsset, type LibrarySource } from '../AssetInput';\nimport { AssetThumbnail } from '../AssetThumbnail';\n\nimport { type MultiAssetPreviewProps } from './MultiAssetPreview';\n\nconst isImageAsset = (asset: AssetType): asset is ImageAsset & LibrarySource =>\n asset.type === 'image' \|\| asset.type === 'logo';\n\nexport const SelectedAssetsThumbnail = ({ assets }: Pick<MultiAssetPreviewProps, 'assets'>): ReactElement => {\n const assetslength = assets.length;\n const previewAssets = assets.slice(0, 4);\n\n if (assetslength < 4) {\n for (const [index] of [...Array(4 - assetslength)].entries()) {\n previewAssets.push({\n name: `empty picture ${index + 1}`,\n size: 20,\n type: 'image',\n extension: '',\n src: '',\n source: 'upload',\n });\n }\n }\n return (\n <div className=\"tw-border-black-20 tw-grid tw-grid-cols-2 tw-gap-0.5\">\n {previewAssets.map((asset, index) =>\n isImageAsset(asset) ? (\n <div\n data-test-id=\"assets-image\"\n key={asset.name}\n style={asset.src ? { backgroundImage: `url(${asset.src})` } : {}}\n className={merge([\n index === 0 ? 'tw-rounded-tl' : index === 2 && 'tw-rounded-bl',\n 'tw-h-11 tw-w-11 tw-bg-black-5',\n ])}\n />\n ) : (\n <div className=\"tw-h-11 tw-w-11\" key={asset.src}>\n <AssetThumbnail asset={asset} size={AssetInputSize.Small} isMultiAsset />\n </div>\n ),\n )}\n </div>\n );\n};\nSelectedAssetsThumbnail.displayName = 'FondueSelectedAssetsThumbnail';\n"],"names":["isImageAsset","asset","SelectedAssetsThumbnail","assets","assetslength","previewAssets","index","jsx","merge","AssetThumbnail","AssetInputSize"],"mappings":";;;;AAWA,MAAMA,IAAe,CAACC,MAClBA,EAAM,SAAS,WAAWA,EAAM,SAAS,~~QAEhCC~~,IAA0B,CAAC,EAAE,QAAAC,QAAmE;AACzG,QAAMC,IAAeD,EAAO,QACtBE,IAAgBF,EAAO,MAAM,GAAG,CAAC;AAEvC,MAAIC,IAAe;AACf,eAAW,CAACE,CAAK,KAAK,CAAC,GAAG,MAAM,IAAIF,CAAY,CAAC,EAAE;AAC/C,MAAAC,EAAc,KAAK;AAAA,QACf,MAAM,iBAAiBC,IAAQ,CAAC;AAAA,QAChC,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,MAAA,CACX;AAGT,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wDACV,UAAAF,EAAc;AAAA,IAAI,CAACJ,GAAOK,MACvBN,EAAaC,CAAK,IACd,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QAEb,OAAON,EAAM,MAAM,EAAE,iBAAiB,OAAOA,EAAM,GAAG,IAAA,IAAQ,CAAA;AAAA,QAC9D,WAAWO,EAAM;AAAA,UACbF,MAAU,IAAI,kBAAkBA,MAAU,KAAK;AAAA,UAC/C;AAAA,QAAA,CACH;AAAA,MAAA;AAAA,MALIL,EAAM;AAAA,IAAA,IAQf,gBAAAM,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA,gBAAAA,EAACE,GAAA,EAAe,OAAAR,GAAc,MAAMS,EAAe,OAAO,cAAY,IAAC,EAAA,GADrCT,EAAM,GAE5C;AAAA,EAAA,GAGZ;AAER;AACAC,EAAwB,cAAc;"}
1	+ {"version":3,"file":"SelectedAssetsThumbnail.es.js","sources":["../../../../src/components/AssetInput/MultiAssetPreview/SelectedAssetsThumbnail.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type ReactElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { AssetInputSize, type AssetType, type ImageAsset, type LibrarySource } from '../AssetInput';\nimport { AssetThumbnail } from '../AssetThumbnail';\n\nimport { type MultiAssetPreviewProps } from './MultiAssetPreview';\n\nconst isImageAsset = (asset: AssetType): asset is ImageAsset & LibrarySource =>\n asset.type === 'image' \|\| asset.type === 'logo';\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport const SelectedAssetsThumbnail = ({ assets }: Pick<MultiAssetPreviewProps, 'assets'>): ReactElement => {\n const assetslength = assets.length;\n const previewAssets = assets.slice(0, 4);\n\n if (assetslength < 4) {\n for (const [index] of [...Array(4 - assetslength)].entries()) {\n previewAssets.push({\n name: `empty picture ${index + 1}`,\n size: 20,\n type: 'image',\n extension: '',\n src: '',\n source: 'upload',\n });\n }\n }\n return (\n <div className=\"tw-border-black-20 tw-grid tw-grid-cols-2 tw-gap-0.5\">\n {previewAssets.map((asset, index) =>\n isImageAsset(asset) ? (\n <div\n data-test-id=\"assets-image\"\n key={asset.name}\n style={asset.src ? { backgroundImage: `url(${asset.src})` } : {}}\n className={merge([\n index === 0 ? 'tw-rounded-tl' : index === 2 && 'tw-rounded-bl',\n 'tw-h-11 tw-w-11 tw-bg-black-5',\n ])}\n />\n ) : (\n <div className=\"tw-h-11 tw-w-11\" key={asset.src}>\n <AssetThumbnail asset={asset} size={AssetInputSize.Small} isMultiAsset />\n </div>\n ),\n )}\n </div>\n );\n};\nSelectedAssetsThumbnail.displayName = 'FondueSelectedAssetsThumbnail';\n"],"names":["isImageAsset","asset","SelectedAssetsThumbnail","assets","assetslength","previewAssets","index","jsx","merge","AssetThumbnail","AssetInputSize"],"mappings":";;;;AAWA,MAAMA,IAAe,CAACC,MAClBA,EAAM,SAAS,WAAWA,EAAM,SAAS,QAKhCC,IAA0B,CAAC,EAAE,QAAAC,QAAmE;AACzG,QAAMC,IAAeD,EAAO,QACtBE,IAAgBF,EAAO,MAAM,GAAG,CAAC;AAEvC,MAAIC,IAAe;AACf,eAAW,CAACE,CAAK,KAAK,CAAC,GAAG,MAAM,IAAIF,CAAY,CAAC,EAAE;AAC/C,MAAAC,EAAc,KAAK;AAAA,QACf,MAAM,iBAAiBC,IAAQ,CAAC;AAAA,QAChC,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,MAAA,CACX;AAGT,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,wDACV,UAAAF,EAAc;AAAA,IAAI,CAACJ,GAAOK,MACvBN,EAAaC,CAAK,IACd,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QAEb,OAAON,EAAM,MAAM,EAAE,iBAAiB,OAAOA,EAAM,GAAG,IAAA,IAAQ,CAAA;AAAA,QAC9D,WAAWO,EAAM;AAAA,UACbF,MAAU,IAAI,kBAAkBA,MAAU,KAAK;AAAA,UAC/C;AAAA,QAAA,CACH;AAAA,MAAA;AAAA,MALIL,EAAM;AAAA,IAAA,IAQf,gBAAAM,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA,gBAAAA,EAACE,GAAA,EAAe,OAAAR,GAAc,MAAMS,EAAe,OAAO,cAAY,IAAC,EAAA,GADrCT,EAAM,GAE5C;AAAA,EAAA,GAGZ;AAER;AACAC,EAAwB,cAAc;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSubline.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/AssetSubline.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconArrowCircleUp, IconImageStack } from '@frontify/fondue-icons';\nimport { type ReactElement } from 'react';\n\nimport { type AssetInputProps } from '../AssetInput';\n\nimport { type SelectedAssetProps } from './SelectedAsset';\n\ntype AssetSublineProps = Pick<AssetInputProps, 'isLoading' \| 'hideSize' \| 'hideExtension'> &\n Pick<SelectedAssetProps, 'asset'>;\n\nexport const AssetSubline = ({\n asset,\n isLoading = false,\n hideSize = false,\n hideExtension = false,\n}: AssetSublineProps): ReactElement => {\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 && !isLoading && (\n <>\n <FileInfo label={asset.extension} hide={hideExtension} />\n <FileInfo label={asset.size} hide={hideSize} />\n </>\n )}\n </span>\n );\n};\nAssetSubline.displayName = 'FondueAssetSubline';\n\nconst FileInfo = ({ label, hide }: { label?: string \| number; hide: boolean }): Nullable<ReactElement> => {\n if (hide \|\| !label) {\n return null;\n }\n\n return (\n <>\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\">{label}</span>\n </>\n );\n};\nFileInfo.displayName = 'FondueFileInfo';\n"],"names":["AssetSubline","asset","isLoading","hideSize","hideExtension","title","jsxs","jsx","IconImageStack","IconArrowCircleUp","Fragment","FileInfo","label","hide"],"mappings":";;~~AAYO~~,MAAMA,IAAe,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AACpB,MAAuC;AACnC,MAAIC,IAAQH,IAAY,cAAc;AACtC,UAAID,KAAA,gBAAAA,EAAO,YAAW,cAClBI,IAAQJ,EAAM,aAId,gBAAAK,EAAC,QAAA,EAAK,WAAU,8GACZ,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iEACV,WAAAN,KAAA,gBAAAA,EAAO,YAAW,YAAY,gBAAAM,EAACC,GAAA,EAAe,IAAK,gBAAAD,EAACE,GAAA,CAAA,CAAkB,GAC3E;AAAA,IACCJ,KAAS,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAF,GAAM;AAAA,IACvDJ,KAAS,CAACC,KACP,gBAAAI,EAAAI,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAS,OAAOV,EAAM,WAAW,MAAMG,GAAe;AAAA,wBACtDO,GAAA,EAAS,OAAOV,EAAM,MAAM,MAAME,EAAA,CAAU;AAAA,IAAA,EAAA,CACjD;AAAA,EAAA,GAER;AAER;AACAH,EAAa,cAAc;AAE3B,MAAMW,IAAW,CAAC,EAAE,OAAAC,GAAO,MAAAC,QACnBA,KAAQ,CAACD,IACF,OAIP,gBAAAN,EAAAI,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,6DAA4D,UAAA,KAAC;AAAA,EAC7E,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAK,EAAA,CAAM;AAAA,GAClD;AAGRD,EAAS,cAAc;"}
1	+ {"version":3,"file":"AssetSubline.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/AssetSubline.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { IconArrowCircleUp, IconImageStack } from '@frontify/fondue-icons';\nimport { type ReactElement } from 'react';\n\nimport { type AssetInputProps } from '../AssetInput';\n\nimport { type SelectedAssetProps } from './SelectedAsset';\n\ntype AssetSublineProps = Pick<AssetInputProps, 'isLoading' \| 'hideSize' \| 'hideExtension'> &\n Pick<SelectedAssetProps, 'asset'>;\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport const AssetSubline = ({\n asset,\n isLoading = false,\n hideSize = false,\n hideExtension = false,\n}: AssetSublineProps): ReactElement => {\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 && !isLoading && (\n <>\n <FileInfo label={asset.extension} hide={hideExtension} />\n <FileInfo label={asset.size} hide={hideSize} />\n </>\n )}\n </span>\n );\n};\nAssetSubline.displayName = 'FondueAssetSubline';\n\nconst FileInfo = ({ label, hide }: { label?: string \| number; hide: boolean }): Nullable<ReactElement> => {\n if (hide \|\| !label) {\n return null;\n }\n\n return (\n <>\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\">{label}</span>\n </>\n );\n};\nFileInfo.displayName = 'FondueFileInfo';\n"],"names":["AssetSubline","asset","isLoading","hideSize","hideExtension","title","jsxs","jsx","IconImageStack","IconArrowCircleUp","Fragment","FileInfo","label","hide"],"mappings":";;AAeO,MAAMA,IAAe,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AACpB,MAAuC;AACnC,MAAIC,IAAQH,IAAY,cAAc;AACtC,UAAID,KAAA,gBAAAA,EAAO,YAAW,cAClBI,IAAQJ,EAAM,aAId,gBAAAK,EAAC,QAAA,EAAK,WAAU,8GACZ,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,iEACV,WAAAN,KAAA,gBAAAA,EAAO,YAAW,YAAY,gBAAAM,EAACC,GAAA,EAAe,IAAK,gBAAAD,EAACE,GAAA,CAAA,CAAkB,GAC3E;AAAA,IACCJ,KAAS,gBAAAE,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAF,GAAM;AAAA,IACvDJ,KAAS,CAACC,KACP,gBAAAI,EAAAI,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAS,OAAOV,EAAM,WAAW,MAAMG,GAAe;AAAA,wBACtDO,GAAA,EAAS,OAAOV,EAAM,MAAM,MAAME,EAAA,CAAU;AAAA,IAAA,EAAA,CACjD;AAAA,EAAA,GAER;AAER;AACAH,EAAa,cAAc;AAE3B,MAAMW,IAAW,CAAC,EAAE,OAAAC,GAAO,MAAAC,QACnBA,KAAQ,CAACD,IACF,OAIP,gBAAAN,EAAAI,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,6DAA4D,UAAA,KAAC;AAAA,EAC7E,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAK,EAAA,CAAM;AAAA,GAClD;AAGRD,EAAS,cAAc;"}

package/dist/components/AssetInput/SingleAsset/SelectedAsset.es.js CHANGED Viewed

@@ -15,8 +15,8 @@ import { AssetInputSize as a } from "../AssetInput.es.js";
 import { AssetThumbnail as $ } from "../AssetThumbnail.es.js";
 import { AssetSubline as q } from "./AssetSubline.es.js";
 import { SpinningCircle as G } from "./SpinningCircle.es.js";
-import { motion as H } from "../../../node_modules/.pnpm/framer-motion@12.28.1_@emotion_is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.es.js";
-import { AnimatePresence as J } from "../../../node_modules/.pnpm/framer-motion@12.28.1_@emotion_is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
+import { motion as H } from "../../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.es.js";
+import { AnimatePresence as J } from "../../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
 const K = ({
   asset: e,
   size: i,

package/dist/components/AssetInput/SingleAsset/SelectedAsset.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectedAsset.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/SelectedAsset.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown } from '@frontify/fondue-icons';\nimport { useButton } from '@react-aria/button';\nimport { FocusScope, useFocusRing } from '@react-aria/focus';\nimport { useMenuTrigger } from '@react-aria/menu';\nimport { DismissButton, useOverlay } from '@react-aria/overlays';\nimport { mergeProps } from '@react-aria/utils';\nimport { useMenuTriggerState } from '@react-stately/menu';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { type ReactElement, useEffect, useRef, useState } from 'react';\n\nimport { ActionMenu, type ActionMenuBlock } from '@components/ActionMenu/ActionMenu';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type AssetInputProps, AssetInputSize, type AssetType } from '../AssetInput';\nimport { AssetThumbnail } from '../AssetThumbnail';\n\nimport { AssetSubline } from './AssetSubline';\nimport { SpinningCircle } from './SpinningCircle';\n\nexport type SelectedAssetProps = Pick<\n AssetInputProps,\n 'actions' \| 'isLoading' \| 'size' \| 'hideSize' \| 'hideExtension'\n> & {\n asset: AssetType;\n};\n\nexport const SelectedAsset = ({\n asset,\n size,\n actions,\n isLoading,\n hideSize = false,\n hideExtension = false,\n}: Required<Omit<SelectedAssetProps, 'hideSize' \| 'hideExtension'>> &\n Pick<SelectedAssetProps, 'hideSize' \| 'hideExtension'>): ReactElement => {\n const menuId = useMemoizedId();\n const labelId = useMemoizedId();\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n const menuState = useMenuTriggerState({});\n const { isOpen, focusStrategy } = menuState;\n const { menuTriggerProps } = useMenuTrigger({}, menuState, buttonRef);\n const { buttonProps } = useButton(menuTriggerProps, buttonRef);\n const { isFocusVisible, focusProps } = useFocusRing();\n const overlayRef = useRef<HTMLDivElement \| null>(null);\n const { overlayProps } = useOverlay(\n { onClose: () => menuState.close(), shouldCloseOnBlur: true, isOpen, isDismissable: true },\n overlayRef,\n );\n const title = asset?.name \|\| 'Your Asset';\n\n const [flyoutWidth, setFlyoutWidth] = useState(0);\n\n useEffect(() => {\n let timer: ReturnType<typeof setTimeout> \| null = null;\n const calculateFlyoutWidth = () => {\n const calculatedWidth = buttonRef.current?.getBoundingClientRect().width ?? 0;\n timer = setTimeout(() => setFlyoutWidth(calculatedWidth), 0);\n };\n const resizeObserver = new ResizeObserver(calculateFlyoutWidth);\n if (buttonRef.current) {\n resizeObserver.observe(buttonRef.current);\n }\n\n return () => {\n if (timer) {\n clearTimeout(timer);\n }\n resizeObserver.disconnect();\n };\n }, []);\n\n return (\n <div\n className=\"tw-font-sans tw-w-full tw-text-s tw-bg-transparent tw-font-normal tw-min-w-0\"\n title={title}\n data-test-id=\"asset-single-input\"\n >\n <button\n type=\"button\"\n {...mergeProps(buttonProps, focusProps)}\n ref={buttonRef}\n aria-labelledby={labelId}\n className={merge([\n 'tw-w-full tw-flex tw-border tw-rounded tw-overflow-hidden hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none',\n isFocusVisible && FOCUS_STYLE,\n size === AssetInputSize.Large ? 'tw-h-[11.5rem] tw-flex-col' : 'tw-h-14',\n isOpen \|\| isFocusVisible\n ? 'tw-border-black-90 dark:tw-border-black-10'\n : 'tw-border-black-20 dark:tw-border-black-80',\n ])}\n >\n {isLoading && !asset && (\n <div\n className={merge([\n 'tw-flex tw-justify-center tw-items-center',\n size === AssetInputSize.Large ? 'tw-w-full tw-h-32' : 'tw-w-14 tw-h-full',\n ])}\n >\n <SpinningCircle size={size} />\n </div>\n )}\n {asset && <AssetThumbnail asset={asset} size={size} isActive={isOpen \|\| isFocusVisible} />}\n <div\n className={merge([\n 'tw-min-w-0 tw-max-w-full tw-flex tw-flex-auto tw-self-stretch tw-border-black-100 tw-border-opacity-25',\n size === AssetInputSize.Large ? 'tw-h-14 tw-border-t' : 'tw-h-full tw-border-l',\n ])}\n >\n <div className=\"tw-min-w-0 tw-pr-3 tw-pl-4 tw-flex tw-flex-auto tw-flex-col tw-items-start tw-justify-center tw-h-full\">\n <span\n id={labelId}\n className={merge([\n 'tw-max-w-full tw-text-black-100 tw-text-s tw-truncate dark:tw-text-white',\n (isOpen \|\| isFocusVisible) && 'tw-font-medium',\n ])}\n >\n {title}\n </span>\n <AssetSubline\n asset={asset}\n isLoading={isLoading}\n hideSize={hideSize}\n hideExtension={hideExtension}\n />\n </div>\n <div className=\"tw-p-4 tw-flex tw-flex-none tw-items-center tw-justify-center\">\n <span\n className={merge([\n 'tw-transition-transform',\n isOpen ? 'tw-rotate-180 tw-text-black-90' : 'tw-text-black-60',\n ])}\n >\n <IconCaretDown size={16} />\n </span>\n </div>\n </div>\n </button>\n\n <AnimatePresence>\n {isOpen && (\n <motion.div\n style={{\n width: flyoutWidth,\n }}\n className=\"tw-absolute tw-left-auto tw-w-full tw-overflow-hidden tw-box-border tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-20\"\n data-test-id=\"asset-single-input-flyout\"\n key={`asset-input-menu-${menuId}`}\n initial={{ height: 0 }}\n animate={{ height: 'auto' }}\n exit={{ height: 0 }}\n transition={{ ease: [0.04, 0.62, 0.23, 0.98], duration: 0.5 }}\n >\n <FocusScope restoreFocus>\n <div {...overlayProps} ref={overlayRef}>\n <DismissButton onDismiss={() => menuState.close()} />\n <ActionMenu\n menuBlocks={actions as ActionMenuBlock[]}\n focus={focusStrategy ?? undefined}\n onClick={() => menuState.close()}\n />\n <DismissButton onDismiss={() => menuState.close()} />\n </div>\n </FocusScope>\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n );\n};\nSelectedAsset.displayName = 'FondueSelectedAsset';\n"],"names":["SelectedAsset","asset","size","actions","isLoading","hideSize","hideExtension","menuId","useMemoizedId","labelId","buttonRef","useRef","menuState","useMenuTriggerState","isOpen","focusStrategy","menuTriggerProps","useMenuTrigger","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","overlayRef","overlayProps","useOverlay","title","flyoutWidth","setFlyoutWidth","useState","useEffect","timer","calculateFlyoutWidth","calculatedWidth","_a","resizeObserver","jsxs","mergeProps","merge","FOCUS_STYLE","AssetInputSize","jsx","SpinningCircle","AssetThumbnail","AssetSubline","IconCaretDown","AnimatePresence","motion","FocusScope","DismissButton","ActionMenu"],"mappings":"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"}
1	+ {"version":3,"file":"SelectedAsset.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/SelectedAsset.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { IconCaretDown } from '@frontify/fondue-icons';\nimport { useButton } from '@react-aria/button';\nimport { FocusScope, useFocusRing } from '@react-aria/focus';\nimport { useMenuTrigger } from '@react-aria/menu';\nimport { DismissButton, useOverlay } from '@react-aria/overlays';\nimport { mergeProps } from '@react-aria/utils';\nimport { useMenuTriggerState } from '@react-stately/menu';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { type ReactElement, useEffect, useRef, useState } from 'react';\n\nimport { ActionMenu, type ActionMenuBlock } from '@components/ActionMenu/ActionMenu';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type AssetInputProps, AssetInputSize, type AssetType } from '../AssetInput';\nimport { AssetThumbnail } from '../AssetThumbnail';\n\nimport { AssetSubline } from './AssetSubline';\nimport { SpinningCircle } from './SpinningCircle';\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport type SelectedAssetProps = Pick<\n AssetInputProps,\n 'actions' \| 'isLoading' \| 'size' \| 'hideSize' \| 'hideExtension'\n> & {\n asset: AssetType;\n};\n\nexport const SelectedAsset = ({\n asset,\n size,\n actions,\n isLoading,\n hideSize = false,\n hideExtension = false,\n}: Required<Omit<SelectedAssetProps, 'hideSize' \| 'hideExtension'>> &\n Pick<SelectedAssetProps, 'hideSize' \| 'hideExtension'>): ReactElement => {\n const menuId = useMemoizedId();\n const labelId = useMemoizedId();\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n const menuState = useMenuTriggerState({});\n const { isOpen, focusStrategy } = menuState;\n const { menuTriggerProps } = useMenuTrigger({}, menuState, buttonRef);\n const { buttonProps } = useButton(menuTriggerProps, buttonRef);\n const { isFocusVisible, focusProps } = useFocusRing();\n const overlayRef = useRef<HTMLDivElement \| null>(null);\n const { overlayProps } = useOverlay(\n { onClose: () => menuState.close(), shouldCloseOnBlur: true, isOpen, isDismissable: true },\n overlayRef,\n );\n const title = asset?.name \|\| 'Your Asset';\n\n const [flyoutWidth, setFlyoutWidth] = useState(0);\n\n useEffect(() => {\n let timer: ReturnType<typeof setTimeout> \| null = null;\n const calculateFlyoutWidth = () => {\n const calculatedWidth = buttonRef.current?.getBoundingClientRect().width ?? 0;\n timer = setTimeout(() => setFlyoutWidth(calculatedWidth), 0);\n };\n const resizeObserver = new ResizeObserver(calculateFlyoutWidth);\n if (buttonRef.current) {\n resizeObserver.observe(buttonRef.current);\n }\n\n return () => {\n if (timer) {\n clearTimeout(timer);\n }\n resizeObserver.disconnect();\n };\n }, []);\n\n return (\n <div\n className=\"tw-font-sans tw-w-full tw-text-s tw-bg-transparent tw-font-normal tw-min-w-0\"\n title={title}\n data-test-id=\"asset-single-input\"\n >\n <button\n type=\"button\"\n {...mergeProps(buttonProps, focusProps)}\n ref={buttonRef}\n aria-labelledby={labelId}\n className={merge([\n 'tw-w-full tw-flex tw-border tw-rounded tw-overflow-hidden hover:tw-border-black-90 dark:hover:tw-border-black-40 focus-visible:tw-outline-none',\n isFocusVisible && FOCUS_STYLE,\n size === AssetInputSize.Large ? 'tw-h-[11.5rem] tw-flex-col' : 'tw-h-14',\n isOpen \|\| isFocusVisible\n ? 'tw-border-black-90 dark:tw-border-black-10'\n : 'tw-border-black-20 dark:tw-border-black-80',\n ])}\n >\n {isLoading && !asset && (\n <div\n className={merge([\n 'tw-flex tw-justify-center tw-items-center',\n size === AssetInputSize.Large ? 'tw-w-full tw-h-32' : 'tw-w-14 tw-h-full',\n ])}\n >\n <SpinningCircle size={size} />\n </div>\n )}\n {asset && <AssetThumbnail asset={asset} size={size} isActive={isOpen \|\| isFocusVisible} />}\n <div\n className={merge([\n 'tw-min-w-0 tw-max-w-full tw-flex tw-flex-auto tw-self-stretch tw-border-black-100 tw-border-opacity-25',\n size === AssetInputSize.Large ? 'tw-h-14 tw-border-t' : 'tw-h-full tw-border-l',\n ])}\n >\n <div className=\"tw-min-w-0 tw-pr-3 tw-pl-4 tw-flex tw-flex-auto tw-flex-col tw-items-start tw-justify-center tw-h-full\">\n <span\n id={labelId}\n className={merge([\n 'tw-max-w-full tw-text-black-100 tw-text-s tw-truncate dark:tw-text-white',\n (isOpen \|\| isFocusVisible) && 'tw-font-medium',\n ])}\n >\n {title}\n </span>\n <AssetSubline\n asset={asset}\n isLoading={isLoading}\n hideSize={hideSize}\n hideExtension={hideExtension}\n />\n </div>\n <div className=\"tw-p-4 tw-flex tw-flex-none tw-items-center tw-justify-center\">\n <span\n className={merge([\n 'tw-transition-transform',\n isOpen ? 'tw-rotate-180 tw-text-black-90' : 'tw-text-black-60',\n ])}\n >\n <IconCaretDown size={16} />\n </span>\n </div>\n </div>\n </button>\n\n <AnimatePresence>\n {isOpen && (\n <motion.div\n style={{\n width: flyoutWidth,\n }}\n className=\"tw-absolute tw-left-auto tw-w-full tw-overflow-hidden tw-box-border tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-20\"\n data-test-id=\"asset-single-input-flyout\"\n key={`asset-input-menu-${menuId}`}\n initial={{ height: 0 }}\n animate={{ height: 'auto' }}\n exit={{ height: 0 }}\n transition={{ ease: [0.04, 0.62, 0.23, 0.98], duration: 0.5 }}\n >\n <FocusScope restoreFocus>\n <div {...overlayProps} ref={overlayRef}>\n <DismissButton onDismiss={() => menuState.close()} />\n <ActionMenu\n menuBlocks={actions as ActionMenuBlock[]}\n focus={focusStrategy ?? undefined}\n onClick={() => menuState.close()}\n />\n <DismissButton onDismiss={() => menuState.close()} />\n </div>\n </FocusScope>\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n );\n};\nSelectedAsset.displayName = 'FondueSelectedAsset';\n"],"names":["SelectedAsset","asset","size","actions","isLoading","hideSize","hideExtension","menuId","useMemoizedId","labelId","buttonRef","useRef","menuState","useMenuTriggerState","isOpen","focusStrategy","menuTriggerProps","useMenuTrigger","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","overlayRef","overlayProps","useOverlay","title","flyoutWidth","setFlyoutWidth","useState","useEffect","timer","calculateFlyoutWidth","calculatedWidth","_a","resizeObserver","jsxs","mergeProps","merge","FOCUS_STYLE","AssetInputSize","jsx","SpinningCircle","AssetThumbnail","AssetSubline","IconCaretDown","AnimatePresence","motion","FocusScope","DismissButton","ActionMenu"],"mappings":"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"}

package/dist/components/AssetInput/SingleAsset/SpinningCircle.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpinningCircle.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/SpinningCircle.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { type AssetInputProps, AssetInputSize } from '../AssetInput';\n\nexport const SpinningCircle = ({ size }: Pick<AssetInputProps, 'size'>): ReactElement => (\n <svg\n className={merge(['tw-animate-spin', size === AssetInputSize.Large ? 'tw-w-16 tw-h-16' : 'tw-w-5 tw-h-5'])}\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 44 44\"\n data-test-id=\"spinning-circle\"\n >\n <path fill=\"none\" stroke=\"#f1f3f9\" strokeWidth=\"2\" d=\"M2,22 a20,20 0 0,1 20,-20\" />\n <path fill=\"none\" stroke=\"#7159d7\" strokeWidth=\"2\" d=\"M2,22 a20,20 0 1,0 20,-20\" />\n </svg>\n);\nSpinningCircle.displayName = 'FondueSpinningCircle';\n"],"names":["SpinningCircle","size","jsxs","merge","AssetInputSize","jsx"],"mappings":";;;~~AAQO~~,MAAMA,IAAiB,CAAC,EAAE,MAAAC,EAAA,MAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC,EAAM,CAAC,mBAAmBF,MAASG,EAAe,QAAQ,oBAAoB,eAAe,CAAC;AAAA,IACzG,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,gBAAa;AAAA,IAEb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,MAAK,QAAO,QAAO,WAAU,aAAY,KAAI,GAAE,4BAAA,CAA4B;AAAA,MACjF,gBAAAA,EAAC,UAAK,MAAK,QAAO,QAAO,WAAU,aAAY,KAAI,GAAE,4BAAA,CAA4B;AAAA,IAAA;AAAA,EAAA;AACrF;AAEJL,EAAe,cAAc;"}
1	+ {"version":3,"file":"SpinningCircle.es.js","sources":["../../../../src/components/AssetInput/SingleAsset/SpinningCircle.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type ReactElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { type AssetInputProps, AssetInputSize } from '../AssetInput';\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport const SpinningCircle = ({ size }: Pick<AssetInputProps, 'size'>): ReactElement => (\n <svg\n className={merge(['tw-animate-spin', size === AssetInputSize.Large ? 'tw-w-16 tw-h-16' : 'tw-w-5 tw-h-5'])}\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 44 44\"\n data-test-id=\"spinning-circle\"\n >\n <path fill=\"none\" stroke=\"#f1f3f9\" strokeWidth=\"2\" d=\"M2,22 a20,20 0 0,1 20,-20\" />\n <path fill=\"none\" stroke=\"#7159d7\" strokeWidth=\"2\" d=\"M2,22 a20,20 0 1,0 20,-20\" />\n </svg>\n);\nSpinningCircle.displayName = 'FondueSpinningCircle';\n"],"names":["SpinningCircle","size","jsxs","merge","AssetInputSize","jsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC,EAAE,MAAAC,EAAA,MAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC,EAAM,CAAC,mBAAmBF,MAASG,EAAe,QAAQ,oBAAoB,eAAe,CAAC;AAAA,IACzG,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,gBAAa;AAAA,IAEb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,MAAK,QAAO,QAAO,WAAU,aAAY,KAAI,GAAE,4BAAA,CAA4B;AAAA,MACjF,gBAAAA,EAAC,UAAK,MAAK,QAAO,QAAO,WAAU,aAAY,KAAI,GAAE,4BAAA,CAA4B;AAAA,IAAA;AAAA,EAAA;AACrF;AAEJL,EAAe,cAAc;"}

package/dist/components/AssetInput/types.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.es.js","sources":["../../../src/components/AssetInput/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type FocusEvent, type HTMLAttributes, type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nexport enum AssetInputMenuItemContentSize {\n XSmall = 'XSmall',\n Small = 'Small',\n Large = 'Large',\n}\n\nexport type AssetInputMenuItemContentProps = {\n title?: ReactNode;\n decorator?: ReactElement;\n subtitle?: string;\n size?: AssetInputMenuItemContentSize;\n ariaProps?: HTMLAttributes<HTMLElement>;\n children?: ReactNode;\n};\n\nexport enum AssetInputMenuItemStyle {\n Primary = 'Primary',\n Danger = 'Danger',\n Warning = 'Warning',\n}\n\nexport enum AssetInputSelectionIndicatorIcon {\n Check = 'Check',\n CaretRight = 'CaretRight',\n None = 'None',\n}\nexport type AssetInputMenuItemProps = {\n style?: AssetInputMenuItemStyle;\n disabled?: boolean;\n active?: boolean;\n checked?: boolean;\n selectionIndicator?: AssetInputSelectionIndicatorIcon;\n /* @deprecated this prop is not being used anymore */\n type?: string;\n link?: string;\n onBlur?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: FocusEvent<T>) => void;\n onClick?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onFocus?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: FocusEvent<T>) => void;\n onMouseEnter?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onMouseOut?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onMouseOver?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onMouseLeave?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n children?: ReactNode;\n 'data-test-id'?: string;\n} & AssetInputMenuItemContentProps;\n\nexport type AssetInputMenuItemType = AssetInputMenuItemProps & {\n id: string \| number;\n link?: string;\n};\n\nexport type AssetInputMenuDefaultItemType = AssetInputMenuItemType & { onClick: () => void };\n\nexport type AssetInputMenuSwitchItemType = AssetInputMenuItemType & {\n onClick: (switchValue: boolean) => void;\n type: 'switch';\n initialValue: boolean;\n};\n\nexport type AssetInputMenuBlock = {\n id: string;\n menuItems: (AssetInputMenuDefaultItemType \| AssetInputMenuSwitchItemType)[];\n ariaLabel?: string;\n};\n"],"names":["AssetInputMenuItemContentSize","AssetInputMenuItemStyle","AssetInputSelectionIndicatorIcon"],"mappings":"~~AAIO~~,IAAKA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHAA,IAAAA,KAAA,CAAA,CAAA,~~GAeAC~~,sBAAAA,OACRA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WAHFA,IAAAA,KAAA,CAAA,CAAA,~~GAMAC~~,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,OAAO,QAHCA,IAAAA,KAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"types.es.js","sources":["../../../src/components/AssetInput/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type FocusEvent, type HTMLAttributes, type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport enum AssetInputMenuItemContentSize {\n XSmall = 'XSmall',\n Small = 'Small',\n Large = 'Large',\n}\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetInputMenuItemContentProps = {\n title?: ReactNode;\n decorator?: ReactElement;\n subtitle?: string;\n size?: AssetInputMenuItemContentSize;\n ariaProps?: HTMLAttributes<HTMLElement>;\n children?: ReactNode;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport enum AssetInputMenuItemStyle {\n Primary = 'Primary',\n Danger = 'Danger',\n Warning = 'Warning',\n}\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport enum AssetInputSelectionIndicatorIcon {\n Check = 'Check',\n CaretRight = 'CaretRight',\n None = 'None',\n}\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetInputMenuItemProps = {\n style?: AssetInputMenuItemStyle;\n disabled?: boolean;\n active?: boolean;\n checked?: boolean;\n selectionIndicator?: AssetInputSelectionIndicatorIcon;\n /* @deprecated this prop is not being used anymore /\n type?: string;\n link?: string;\n onBlur?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: FocusEvent<T>) => void;\n onClick?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onFocus?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: FocusEvent<T>) => void;\n onMouseEnter?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onMouseOut?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onMouseOver?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n onMouseLeave?: <T extends HTMLButtonElement \| HTMLAnchorElement>(event: MouseEvent<T>) => void;\n children?: ReactNode;\n 'data-test-id'?: string;\n} & AssetInputMenuItemContentProps;\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetInputMenuItemType = AssetInputMenuItemProps & {\n id: string \| number;\n link?: string;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetInputMenuDefaultItemType = AssetInputMenuItemType & { onClick: () => void };\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n /\nexport type AssetInputMenuSwitchItemType = AssetInputMenuItemType & {\n onClick: (switchValue: boolean) => void;\n type: 'switch';\n initialValue: boolean;\n};\n\n/\n @deprecated Use `AssetInput` from `@frontify/fondue/components` instead.\n */\nexport type AssetInputMenuBlock = {\n id: string;\n menuItems: (AssetInputMenuDefaultItemType \| AssetInputMenuSwitchItemType)[];\n ariaLabel?: string;\n};\n"],"names":["AssetInputMenuItemContentSize","AssetInputMenuItemStyle","AssetInputSelectionIndicatorIcon"],"mappings":"AAOO,IAAKA,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHAA,IAAAA,KAAA,CAAA,CAAA,GAqBAC,sBAAAA,OACRA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WAHFA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,OAAO,QAHCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/Badge/BadgeStatusIcon.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BadgeStatusIcon.es.js","sources":["../../../src/components/Badge/BadgeStatusIcon.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { getColorDisplayValue } from '@utilities/colors';\nimport { merge } from '@utilities/merge';\nimport { ColorFormat } from '~~src/~~types/colors';\n\nimport { badgeStatusClasses, isBadgeStatus } from './helpers';\nimport { type BadgeStatusIconProps } from './types';\n\n/\n @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const BadgeStatusIcon = ({ status, disabled, 'data-test-id': dataTestId = 'badge' }: BadgeStatusIconProps) => (\n <div className=\"tw-flex-none tw-inline-flex tw-justify-center tw-items-center \">\n <span\n data-test-id={`${dataTestId}-status`}\n className={merge([\n 'tw-w-2 tw-h-2 tw-rounded-full tw-flex-none',\n disabled && 'tw-opacity-30',\n isBadgeStatus(status) && badgeStatusClasses[status],\n ])}\n style={\n isBadgeStatus(status)\n ? {}\n : {\n backgroundColor:\n typeof status === 'string'\n ? status\n : getColorDisplayValue(status, ColorFormat.Rgba, true),\n }\n }\n />\n </div>\n);\nBadgeStatusIcon.displayName = 'FondueBadgeStatusIcon';\n"],"names":["BadgeStatusIcon","status","disabled","dataTestId","jsx","merge","isBadgeStatus","badgeStatusClasses","getColorDisplayValue","ColorFormat"],"mappings":";;;;;~~AAYO~~,MAAMA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,gBAAgBC,IAAa,cAC7E,gBAAAC,EAAC,OAAA,EAAI,WAAU,kEACX,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAc,GAAGD,CAAU;AAAA,IAC3B,WAAWE,EAAM;AAAA,MACb;AAAA,MACAH,KAAY;AAAA,MACZI,EAAcL,CAAM,KAAKM,EAAmBN,CAAM;AAAA,IAAA,CACrD;AAAA,IACD,OACIK,EAAcL,CAAM,IACd,KACA;AAAA,MACI,iBACI,OAAOA,KAAW,WACZA,IACAO,EAAqBP,GAAQQ,EAAY,MAAM,EAAI;AAAA,IAAA;AAAA,EACjE;AAEd,EAAA,CACJ;AAEJT,EAAgB,cAAc;"}
1	+ {"version":3,"file":"BadgeStatusIcon.es.js","sources":["../../../src/components/Badge/BadgeStatusIcon.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { getColorDisplayValue } from '@utilities/colors';\nimport { merge } from '@utilities/merge';\n\nimport { ColorFormat } from '../../types/colors';\n\nimport { badgeStatusClasses, isBadgeStatus } from './helpers';\nimport { type BadgeStatusIconProps } from './types';\n\n/\n @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const BadgeStatusIcon = ({ status, disabled, 'data-test-id': dataTestId = 'badge' }: BadgeStatusIconProps) => (\n <div className=\"tw-flex-none tw-inline-flex tw-justify-center tw-items-center \">\n <span\n data-test-id={`${dataTestId}-status`}\n className={merge([\n 'tw-w-2 tw-h-2 tw-rounded-full tw-flex-none',\n disabled && 'tw-opacity-30',\n isBadgeStatus(status) && badgeStatusClasses[status],\n ])}\n style={\n isBadgeStatus(status)\n ? {}\n : {\n backgroundColor:\n typeof status === 'string'\n ? status\n : getColorDisplayValue(status, ColorFormat.Rgba, true),\n }\n }\n />\n </div>\n);\nBadgeStatusIcon.displayName = 'FondueBadgeStatusIcon';\n"],"names":["BadgeStatusIcon","status","disabled","dataTestId","jsx","merge","isBadgeStatus","badgeStatusClasses","getColorDisplayValue","ColorFormat"],"mappings":";;;;;AAaO,MAAMA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,gBAAgBC,IAAa,cAC7E,gBAAAC,EAAC,OAAA,EAAI,WAAU,kEACX,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAc,GAAGD,CAAU;AAAA,IAC3B,WAAWE,EAAM;AAAA,MACb;AAAA,MACAH,KAAY;AAAA,MACZI,EAAcL,CAAM,KAAKM,EAAmBN,CAAM;AAAA,IAAA,CACrD;AAAA,IACD,OACIK,EAAcL,CAAM,IACd,KACA;AAAA,MACI,iBACI,OAAOA,KAAW,WACZA,IACAO,EAAqBP,GAAQQ,EAAY,MAAM,EAAI;AAAA,IAAA;AAAA,EACjE;AAEd,EAAA,CACJ;AAEJT,EAAgB,cAAc;"}

package/dist/components/Breadcrumbs/BreadcrumbItem.es.js CHANGED Viewed

@@ -51,7 +51,8 @@ const T = () => /* @__PURE__ */ r(
       ]),
       "data-test-id": `${d}-item`,
       children: [
-        l ?? /* @__PURE__ */ a(t, { ref: n, ...h, className: g, children: [
+        l ?? // eslint-disable-next-line @eslint-react/static-components
+        /* @__PURE__ */ a(t, { ref: n, ...h, className: g, children: [
           p,
           s
         ] }),

package/dist/components/Breadcrumbs/BreadcrumbItem.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbItem.es.js","sources":["../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { useBreadcrumbItem } from '@react-aria/breadcrumbs';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { getItemElementType } from '@utilities/elements';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type Breadcrumb } from './Breadcrumbs';\n\nconst Separator = () => (\n <svg\n aria-hidden=\"true\"\n width=\"13\"\n height=\"17\"\n viewBox=\"0 0 13 17\"\n fill=\"none\"\n className=\"tw-stroke-current tw-text-black-20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line x1=\"3.52447\" y1=\"16.0623\" x2=\"8.46874\" y2=\"0.845385\" />\n </svg>\n);\n\n/\n * @deprecated This type is deprecated and will be removed in the next major version.\n /\ntype BreadcrumbItemProps = Pick<Breadcrumb, 'label' \| 'link' \| 'onClick' \| 'decorator'> & {\n showSeparator: boolean;\n children?: ReactElement;\n 'data-test-id'?: string;\n};\n\n/\n @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const BreadcrumbItem = ({\n decorator,\n label,\n link,\n onClick,\n showSeparator,\n children,\n 'data-test-id': dataTestId = 'breadcrumb',\n}: BreadcrumbItemProps): ReactElement => {\n const ref = useRef(null);\n\n const Element = getItemElementType(link, onClick);\n const isInteractive = Element !== 'span';\n\n const { itemProps } = useBreadcrumbItem(\n {\n isCurrent: false,\n children: label,\n elementType: Element,\n },\n ref,\n );\n\n const { isFocusVisible, focusProps } = useFocusRing();\n\n const elementTypeProps = {\n a: { href: link },\n button: { onClick, type: 'button' as const },\n span: { tabIndex: -1 },\n };\n const props = isInteractive\n ? mergeProps(itemProps, focusProps, elementTypeProps[Element])\n : elementTypeProps[Element];\n\n const classNames = merge([\n 'tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-rounded',\n isInteractive && isFocusVisible && FOCUS_STYLE_NO_OFFSET,\n ]);\n\n return (\n <li\n className={merge([\n 'tw-flex tw-items-center tw-text-text-weak tw-text-xs tw-transition-colors',\n isInteractive && 'hover:tw-text-text',\n ])}\n data-test-id={`${dataTestId}-item`}\n >\n {children ?? (\n <Element ref={ref} {...props} className={classNames}>\n {decorator}\n {label}\n </Element>\n )}\n {showSeparator && <Separator />}\n </li>\n );\n};\nBreadcrumbItem.displayName = 'FondueBreadcrumbItem';\n"],"names":["Separator","jsx","BreadcrumbItem","decorator","label","link","onClick","showSeparator","children","dataTestId","ref","useRef","Element","getItemElementType","isInteractive","itemProps","useBreadcrumbItem","isFocusVisible","focusProps","useFocusRing","elementTypeProps","props","mergeProps","classNames","merge","FOCUS_STYLE_NO_OFFSET","jsxs"],"mappings":";;;;;;;;AAaA,MAAMA,IAAY,MACd,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,eAAY;AAAA,IACZ,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,IACV,OAAM;AAAA,IAEN,UAAA,gBAAAA,EAAC,UAAK,IAAG,WAAU,IAAG,WAAU,IAAG,WAAU,IAAG,WAAA,CAAW;AAAA,EAAA;AAC/D,GAeSC,IAAiB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,MAAyC;AACrC,QAAMC,IAAMC,EAAO,IAAI,~~GAEjBC~~,IAAUC,EAAmBR,GAAMC,CAAO,GAC1CQ,IAAgBF,MAAY,QAE5B,EAAE,WAAAG,MAAcC;AAAA,IAClB;AAAA,MACI,WAAW;AAAA,MACX,UAAUZ;AAAA,MACV,aAAaQ;AAAA,IAAA;AAAA,IAEjBF;AAAA,EAAA,GAGE,EAAE,gBAAAO,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GAEjCC,IAAmB;AAAA,IACrB,GAAG,EAAE,MAAMf,EAAA;AAAA,IACX,QAAQ,EAAE,SAAAC,GAAS,MAAM,SAAA;AAAA,IACzB,MAAM,EAAE,UAAU,GAAA;AAAA,EAAG,GAEnBe,IAAQP,IACRQ,EAAWP,GAAWG,GAAYE,EAAiBR,CAAO,CAAC,IAC3DQ,EAAiBR,CAAO,GAExBW,IAAaC,EAAM;AAAA,IACrB;AAAA,IACAV,KAAiBG,KAAkBQ;AAAA,EAAA,CACtC;AAED,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF,EAAM;AAAA,QACb;AAAA,QACAV,KAAiB;AAAA,MAAA,CACpB;AAAA,MACD,gBAAc,GAAGL,CAAU;AAAA,MAE1B,UAAA;AAAA,QAAAD,~~uBACII~~,GAAA,EAAQ,KAAAF,GAAW,GAAGW,GAAO,WAAWE,GACpC,UAAA;AAAA,UAAApB;AAAA,UACAC;AAAA,QAAA,GACL;AAAA,QAEHG,uBAAkBP,GAAA,CAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzC;AACAE,EAAe,cAAc;"}
1	+ {"version":3,"file":"BreadcrumbItem.es.js","sources":["../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { useBreadcrumbItem } from '@react-aria/breadcrumbs';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { getItemElementType } from '@utilities/elements';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type Breadcrumb } from './Breadcrumbs';\n\nconst Separator = () => (\n <svg\n aria-hidden=\"true\"\n width=\"13\"\n height=\"17\"\n viewBox=\"0 0 13 17\"\n fill=\"none\"\n className=\"tw-stroke-current tw-text-black-20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line x1=\"3.52447\" y1=\"16.0623\" x2=\"8.46874\" y2=\"0.845385\" />\n </svg>\n);\n\n/\n * @deprecated This type is deprecated and will be removed in the next major version.\n /\ntype BreadcrumbItemProps = Pick<Breadcrumb, 'label' \| 'link' \| 'onClick' \| 'decorator'> & {\n showSeparator: boolean;\n children?: ReactElement;\n 'data-test-id'?: string;\n};\n\n/\n @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const BreadcrumbItem = ({\n decorator,\n label,\n link,\n onClick,\n showSeparator,\n children,\n 'data-test-id': dataTestId = 'breadcrumb',\n}: BreadcrumbItemProps): ReactElement => {\n const ref = useRef(null);\n\n // eslint-disable-next-line @eslint-react/static-components\n const Element = getItemElementType(link, onClick);\n const isInteractive = Element !== 'span';\n\n const { itemProps } = useBreadcrumbItem(\n {\n isCurrent: false,\n children: label,\n elementType: Element,\n },\n ref,\n );\n\n const { isFocusVisible, focusProps } = useFocusRing();\n\n const elementTypeProps = {\n a: { href: link },\n button: { onClick, type: 'button' as const },\n span: { tabIndex: -1 },\n };\n const props = isInteractive\n ? mergeProps(itemProps, focusProps, elementTypeProps[Element])\n : elementTypeProps[Element];\n\n const classNames = merge([\n 'tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-rounded',\n isInteractive && isFocusVisible && FOCUS_STYLE_NO_OFFSET,\n ]);\n\n return (\n <li\n className={merge([\n 'tw-flex tw-items-center tw-text-text-weak tw-text-xs tw-transition-colors',\n isInteractive && 'hover:tw-text-text',\n ])}\n data-test-id={`${dataTestId}-item`}\n >\n {children ?? (\n // eslint-disable-next-line @eslint-react/static-components\n <Element ref={ref} {...props} className={classNames}>\n {decorator}\n {label}\n </Element>\n )}\n {showSeparator && <Separator />}\n </li>\n );\n};\nBreadcrumbItem.displayName = 'FondueBreadcrumbItem';\n"],"names":["Separator","jsx","BreadcrumbItem","decorator","label","link","onClick","showSeparator","children","dataTestId","ref","useRef","Element","getItemElementType","isInteractive","itemProps","useBreadcrumbItem","isFocusVisible","focusProps","useFocusRing","elementTypeProps","props","mergeProps","classNames","merge","FOCUS_STYLE_NO_OFFSET","jsxs"],"mappings":";;;;;;;;AAaA,MAAMA,IAAY,MACd,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,eAAY;AAAA,IACZ,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,IACV,OAAM;AAAA,IAEN,UAAA,gBAAAA,EAAC,UAAK,IAAG,WAAU,IAAG,WAAU,IAAG,WAAU,IAAG,WAAA,CAAW;AAAA,EAAA;AAC/D,GAeSC,IAAiB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,MAAyC;AACrC,QAAMC,IAAMC,EAAO,IAAI,GAGjBC,IAAUC,EAAmBR,GAAMC,CAAO,GAC1CQ,IAAgBF,MAAY,QAE5B,EAAE,WAAAG,MAAcC;AAAA,IAClB;AAAA,MACI,WAAW;AAAA,MACX,UAAUZ;AAAA,MACV,aAAaQ;AAAA,IAAA;AAAA,IAEjBF;AAAA,EAAA,GAGE,EAAE,gBAAAO,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GAEjCC,IAAmB;AAAA,IACrB,GAAG,EAAE,MAAMf,EAAA;AAAA,IACX,QAAQ,EAAE,SAAAC,GAAS,MAAM,SAAA;AAAA,IACzB,MAAM,EAAE,UAAU,GAAA;AAAA,EAAG,GAEnBe,IAAQP,IACRQ,EAAWP,GAAWG,GAAYE,EAAiBR,CAAO,CAAC,IAC3DQ,EAAiBR,CAAO,GAExBW,IAAaC,EAAM;AAAA,IACrB;AAAA,IACAV,KAAiBG,KAAkBQ;AAAA,EAAA,CACtC;AAED,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF,EAAM;AAAA,QACb;AAAA,QACAV,KAAiB;AAAA,MAAA,CACpB;AAAA,MACD,gBAAc,GAAGL,CAAU;AAAA,MAE1B,UAAA;AAAA,QAAAD;AAAA,0BAEII,GAAA,EAAQ,KAAAF,GAAW,GAAGW,GAAO,WAAWE,GACpC,UAAA;AAAA,UAAApB;AAAA,UACAC;AAAA,QAAA,GACL;AAAA,QAEHG,uBAAkBP,GAAA,CAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzC;AACAE,EAAe,cAAc;"}

package/dist/components/Breadcrumbs/CurrentBreadcrumbItem.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CurrentBreadcrumbItem.es.js","sources":["../../../src/components/Breadcrumbs/CurrentBreadcrumbItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { useBreadcrumbItem } from '@react-aria/breadcrumbs';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { Badge } from '@components/Badge/Badge';\nimport { getItemElementType } from '@utilities/elements';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type Breadcrumb } from './Breadcrumbs';\n\ntype CurrentBreadcrumbItemProps = Breadcrumb;\n\n/\n @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const CurrentBreadcrumbItem = ({\n label,\n badges,\n bold,\n decorator,\n link,\n onClick,\n activeInline,\n 'data-test-id': dataTestId = 'breadcrumb',\n}: CurrentBreadcrumbItemProps): ReactElement => {\n const ref = useRef(null);\n const Element = getItemElementType(link, onClick);\n const isInteractive = Element !== 'span';\n const { itemProps } = useBreadcrumbItem(\n {\n isCurrent: true,\n children: label,\n elementType: Element,\n },\n ref,\n );\n\n const elementTypeProps = {\n a: { href: link },\n button: { onClick, type: 'button' as const },\n span: { tabIndex: -1 },\n };\n\n const { isFocusVisible, focusProps } = useFocusRing();\n const props = isInteractive\n ? mergeProps(itemProps, focusProps, elementTypeProps[Element])\n : elementTypeProps[Element];\n\n const classNames = merge([\n 'tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-font-medium tw-rounded',\n bold && 'tw-font-bold',\n activeInline && 'tw-text-xs',\n isInteractive && isFocusVisible && FOCUS_STYLE_NO_OFFSET,\n ]);\n\n return (\n <li\n className={merge([\n 'tw-align-middle tw-gap-x-1 tw-text-m tw-text-text tw-items-center',\n activeInline ? 'tw-flex tw-items-center' : 'tw-w-full tw-inline-flex',\n ])}\n data-test-id={`${dataTestId}-item`}\n >\n <Element ref={ref} {...props} className={classNames}>\n {decorator}\n {label}\n </Element>\n {badges?.map(({ children: badge, ...props }, index) => (\n <Badge key={`breadcrumb-badge-${index}`} {...props}>\n {badge}\n </Badge>\n ))}\n </li>\n );\n};\nCurrentBreadcrumbItem.displayName = 'FondueCurrentBreadcrumbItem';\n"],"names":["CurrentBreadcrumbItem","label","badges","bold","decorator","link","onClick","activeInline","dataTestId","ref","useRef","Element","getItemElementType","isInteractive","itemProps","useBreadcrumbItem","elementTypeProps","isFocusVisible","focusProps","useFocusRing","props","mergeProps","classNames","merge","FOCUS_STYLE_NO_OFFSET","jsxs","badge","index","jsx","Badge"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAwB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,MAAgD;AAC5C,QAAMC,IAAMC,EAAO,IAAI,~~GACjBC~~,IAAUC,EAAmBP,GAAMC,CAAO,GAC1CO,IAAgBF,MAAY,QAC5B,EAAE,WAAAG,MAAcC;AAAA,IAClB;AAAA,MACI,WAAW;AAAA,MACX,UAAUd;AAAA,MACV,aAAaU;AAAA,IAAA;AAAA,IAEjBF;AAAA,EAAA,GAGEO,IAAmB;AAAA,IACrB,GAAG,EAAE,MAAMX,EAAA;AAAA,IACX,QAAQ,EAAE,SAAAC,GAAS,MAAM,SAAA;AAAA,IACzB,MAAM,EAAE,UAAU,GAAA;AAAA,EAAG,GAGnB,EAAE,gBAAAW,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GACjCC,IAAQP,IACRQ,EAAWP,GAAWI,GAAYF,EAAiBL,CAAO,CAAC,IAC3DK,EAAiBL,CAAO,GAExBW,IAAaC,EAAM;AAAA,IACrB;AAAA,IACApB,KAAQ;AAAA,IACRI,KAAgB;AAAA,IAChBM,KAAiBI,KAAkBO;AAAA,EAAA,CACtC;AAED,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF,EAAM;AAAA,QACb;AAAA,QACAhB,IAAe,4BAA4B;AAAA,MAAA,CAC9C;AAAA,MACD,gBAAc,GAAGC,CAAU;AAAA,~~MAE3B~~,UAAA;AAAA,QAAA,gBAAAiB,EAACd,GAAA,EAAQ,KAAAF,GAAW,GAAGW,GAAO,WAAWE,GACpC,UAAA;AAAA,UAAAlB;AAAA,UACAH;AAAA,QAAA,GACL;AAAA,QACCC,KAAA,gBAAAA,EAAQ,IAAI,CAAC,EAAE,UAAUwB,GAAO,GAAGN,EAAAA,GAASO,MACzC,gBAAAC,EAACC,KAAyC,GAAGT,GACxC,eADO,oBAAoBO,CAAK,EAErC;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGb;AACA3B,EAAsB,cAAc;"}
1	+ {"version":3,"file":"CurrentBreadcrumbItem.es.js","sources":["../../../src/components/Breadcrumbs/CurrentBreadcrumbItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { useBreadcrumbItem } from '@react-aria/breadcrumbs';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { Badge } from '@components/Badge/Badge';\nimport { getItemElementType } from '@utilities/elements';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type Breadcrumb } from './Breadcrumbs';\n\ntype CurrentBreadcrumbItemProps = Breadcrumb;\n\n/\n @deprecated This component is deprecated and will be removed in the next major version.\n /\nexport const CurrentBreadcrumbItem = ({\n label,\n badges,\n bold,\n decorator,\n link,\n onClick,\n activeInline,\n 'data-test-id': dataTestId = 'breadcrumb',\n}: CurrentBreadcrumbItemProps): ReactElement => {\n const ref = useRef(null);\n // eslint-disable-next-line @eslint-react/static-components\n const Element = getItemElementType(link, onClick);\n const isInteractive = Element !== 'span';\n const { itemProps } = useBreadcrumbItem(\n {\n isCurrent: true,\n children: label,\n elementType: Element,\n },\n ref,\n );\n\n const elementTypeProps = {\n a: { href: link },\n button: { onClick, type: 'button' as const },\n span: { tabIndex: -1 },\n };\n\n const { isFocusVisible, focusProps } = useFocusRing();\n const props = isInteractive\n ? mergeProps(itemProps, focusProps, elementTypeProps[Element])\n : elementTypeProps[Element];\n\n const classNames = merge([\n 'tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-font-medium tw-rounded',\n bold && 'tw-font-bold',\n activeInline && 'tw-text-xs',\n isInteractive && isFocusVisible && FOCUS_STYLE_NO_OFFSET,\n ]);\n\n return (\n <li\n className={merge([\n 'tw-align-middle tw-gap-x-1 tw-text-m tw-text-text tw-items-center',\n activeInline ? 'tw-flex tw-items-center' : 'tw-w-full tw-inline-flex',\n ])}\n data-test-id={`${dataTestId}-item`}\n >\n {/ eslint-disable-next-line @eslint-react/static-components */}\n <Element ref={ref} {...props} className={classNames}>\n {decorator}\n {label}\n </Element>\n {badges?.map(({ children: badge, ...props }, index) => (\n <Badge key={`breadcrumb-badge-${index}`} {...props}>\n {badge}\n </Badge>\n ))}\n </li>\n );\n};\nCurrentBreadcrumbItem.displayName = 'FondueCurrentBreadcrumbItem';\n"],"names":["CurrentBreadcrumbItem","label","badges","bold","decorator","link","onClick","activeInline","dataTestId","ref","useRef","Element","getItemElementType","isInteractive","itemProps","useBreadcrumbItem","elementTypeProps","isFocusVisible","focusProps","useFocusRing","props","mergeProps","classNames","merge","FOCUS_STYLE_NO_OFFSET","jsxs","badge","index","jsx","Badge"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAwB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,MAAgD;AAC5C,QAAMC,IAAMC,EAAO,IAAI,GAEjBC,IAAUC,EAAmBP,GAAMC,CAAO,GAC1CO,IAAgBF,MAAY,QAC5B,EAAE,WAAAG,MAAcC;AAAA,IAClB;AAAA,MACI,WAAW;AAAA,MACX,UAAUd;AAAA,MACV,aAAaU;AAAA,IAAA;AAAA,IAEjBF;AAAA,EAAA,GAGEO,IAAmB;AAAA,IACrB,GAAG,EAAE,MAAMX,EAAA;AAAA,IACX,QAAQ,EAAE,SAAAC,GAAS,MAAM,SAAA;AAAA,IACzB,MAAM,EAAE,UAAU,GAAA;AAAA,EAAG,GAGnB,EAAE,gBAAAW,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GACjCC,IAAQP,IACRQ,EAAWP,GAAWI,GAAYF,EAAiBL,CAAO,CAAC,IAC3DK,EAAiBL,CAAO,GAExBW,IAAaC,EAAM;AAAA,IACrB;AAAA,IACApB,KAAQ;AAAA,IACRI,KAAgB;AAAA,IAChBM,KAAiBI,KAAkBO;AAAA,EAAA,CACtC;AAED,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF,EAAM;AAAA,QACb;AAAA,QACAhB,IAAe,4BAA4B;AAAA,MAAA,CAC9C;AAAA,MACD,gBAAc,GAAGC,CAAU;AAAA,MAG3B,UAAA;AAAA,QAAA,gBAAAiB,EAACd,GAAA,EAAQ,KAAAF,GAAW,GAAGW,GAAO,WAAWE,GACpC,UAAA;AAAA,UAAAlB;AAAA,UACAH;AAAA,QAAA,GACL;AAAA,QACCC,KAAA,gBAAAA,EAAQ,IAAI,CAAC,EAAE,UAAUwB,GAAO,GAAGN,EAAAA,GAASO,MACzC,gBAAAC,EAACC,KAAyC,GAAGT,GACxC,eADO,oBAAoBO,CAAK,EAErC;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGb;AACA3B,EAAsB,cAAc;"}

package/dist/components/Checkbox/Checkbox.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.es.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { IconCheckMark, IconMinus } from '@frontify/fondue-icons';\nimport { useCheckbox } from '@react-aria/checkbox';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { useToggleState } from '@react-stately/toggle';\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n type ForwardRefRenderFunction,\n type HTMLAttributes,\n type ReactNode,\n} from 'react';\n\nimport { InputLabel, type InputLabelTooltipProps } from '@components/InputLabel/InputLabel';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { useForwardedRef } from '@utilities/useForwardedRef';\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport enum CheckboxState {\n Checked = 'Checked',\n Unchecked = 'Unchecked',\n Mixed = 'Mixed',\n}\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport enum CheckboxEmphasis {\n Default = 'Default',\n Weak = 'Weak',\n Strong = 'Strong',\n}\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport enum CheckboxSize {\n Default = 'Default',\n Large = 'Large',\n XLarge = 'XLarge',\n}\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport type CheckboxProps = {\n id?: string;\n state?: CheckboxState;\n emphasis?: CheckboxEmphasis;\n size?: CheckboxSize;\n disabled?: boolean;\n required?: boolean;\n value?: string;\n onChange?: (isChecked: boolean) => void;\n label?: string;\n hideLabel?: boolean;\n tooltip?: InputLabelTooltipProps;\n helperText?: string;\n 'aria-label'?: string;\n groupInputProps?: HTMLAttributes<HTMLElement>;\n 'data-test-id'?: string;\n};\n\nconst isCheckedOrMixed = (checked: CheckboxState): boolean => {\n return checked === CheckboxState.Checked \|\| checked === CheckboxState.Mixed;\n};\n\nconst emphasisDefaultClasses =\n 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover';\n\nconst emphasisCheckedClassesMap: Record<CheckboxEmphasis, string> = {\n [CheckboxEmphasis.Weak]:\n 'tw-bg-box-neutral-strong tw-text-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-hover',\n [CheckboxEmphasis.Default]: emphasisDefaultClasses,\n [CheckboxEmphasis.Strong]: emphasisDefaultClasses,\n};\n\nconst sizeClassesMap: Record<CheckboxSize, string> = {\n [CheckboxSize.Default]: 'tw-h-4 tw-w-4',\n [CheckboxSize.Large]: 'tw-h-5 tw-w-5',\n [CheckboxSize.XLarge]: 'tw-h-8 tw-w-8',\n};\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, CheckboxProps> = (\n {\n id: propId,\n emphasis = CheckboxEmphasis.Default,\n size = CheckboxSize.Default,\n disabled,\n required,\n label,\n hideLabel,\n tooltip,\n helperText,\n 'aria-label': ariaLabel,\n value,\n groupInputProps,\n onChange,\n state = CheckboxState.Unchecked,\n 'data-test-id': dataTestId = 'checkbox',\n },\n ref,\n) => {\n const id = useMemoizedId(propId);\n const inputRef = useForwardedRef<HTMLInputElement \| null>(ref);\n const { focusProps } = useFocusRing();\n const toggleState = useToggleState({\n onChange: disabled ? undefined : onChange,\n isSelected: state === CheckboxState.Checked,\n });\n const [showFocus, setShowFocus] = useState<Nullable<boolean>>();\n const labelContainer = useRef<HTMLSpanElement>(null);\n const helperTextContainer = useRef<HTMLSpanElement>(null);\n const [isLabelOverflowing, setIsLabelOverflowing] = useState(false);\n const [isHelperTextOverflowing, setIsHelperTextOverflowing] = useState(false);\n\n const tabFocusListener = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n setShowFocus(true);\n }\n };\n\n const blurListener = () => {\n setShowFocus(false);\n };\n\n useEffect(() => {\n const node = inputRef?.current;\n node?.addEventListener('keyup', tabFocusListener);\n node?.addEventListener('blur', blurListener);\n\n return () => {\n node?.removeEventListener('keyup', tabFocusListener);\n node?.removeEventListener('blur', blurListener);\n };\n // eslint-disable-next-line @eslint-react/exhaustive-deps\n }, []);\n\n const { inputProps } = useCheckbox(\n {\n isDisabled: disabled,\n isRequired: required,\n isIndeterminate: state === CheckboxState.Mixed,\n 'aria-label': ariaLabel,\n value,\n },\n toggleState,\n inputRef,\n );\n\n const stateMap: Record<CheckboxState, ReactNode> = {\n [CheckboxState.Checked]: <IconCheckMark size={size === CheckboxSize.XLarge ? 24 : 16} />,\n [CheckboxState.Mixed]: <IconMinus />,\n [CheckboxState.Unchecked]: null,\n };\n\n const checkedOrMixed = isCheckedOrMixed(state);\n\n const disabledClasses = merge([\n 'tw-bg-box-disabled tw-pointer-events-none tw-text-box-disabled-inverse tw-border-line-strong',\n checkedOrMixed && 'tw-text-box-disabled-inverse tw-border-line-strong',\n ]);\n\n const enabledClasses = checkedOrMixed\n ? emphasisCheckedClassesMap[emphasis]\n : merge([\n 'tw-bg-base hover:tw-bg-box-neutral',\n emphasis === CheckboxEmphasis.Strong\n ? 'tw-border-2 tw-border-box-selected-strong'\n : 'tw-border tw-border-line-xx-strong',\n ]);\n\n // eslint-disable-next-line @eslint-react/no-unnecessary-use-callback\n const checkOverflowing = useCallback(() => {\n if (labelContainer.current) {\n setIsLabelOverflowing(labelContainer.current?.scrollWidth > labelContainer.current?.clientWidth);\n }\n\n if (helperTextContainer.current) {\n setIsHelperTextOverflowing(\n helperTextContainer.current?.scrollWidth > helperTextContainer.current?.clientWidth,\n );\n }\n }, [labelContainer, helperTextContainer]);\n\n useEffect(() => {\n if ((!label && !helperText) \|\| hideLabel) {\n return;\n }\n // eslint-disable-next-line @eslint-react/set-state-in-effect\n checkOverflowing();\n\n window.removeEventListener('resize', checkOverflowing);\n window.addEventListener('resize', checkOverflowing);\n\n return () => {\n window.removeEventListener('resize', checkOverflowing);\n };\n }, [label, helperText, hideLabel, checkOverflowing]);\n\n return (\n <div className=\"tw-gap-1 tw-transition-colors tw-w-full\" data-test-id={dataTestId}>\n <div className={merge(['tw-inline-flex tw-flex-row tw-rounded tw-w-full', showFocus ? FOCUS_STYLE : ''])}>\n <InputLabel\n id={`${id}-label`}\n disabled={disabled}\n clickable\n htmlFor={id}\n tooltip={tooltip}\n required={required}\n bold={checkedOrMixed}\n >\n <span className=\"tw-flex tw-items-center tw-whitespace-nowrap\">\n <span className=\"tw-inline-flex\">\n <input\n {...mergeProps(groupInputProps \|\| inputProps, focusProps)}\n id={id}\n ref={inputRef}\n className=\"tw-sr-only\"\n data-test-id={`${dataTestId}-input`}\n role=\"checkbox\"\n aria-checked={state === CheckboxState.Checked}\n required={required}\n aria-label={ariaLabel}\n aria-labelledby={label ? `${id}-label` : undefined}\n />\n <span\n data-test-id={`${dataTestId}-icon-box`}\n aria-hidden=\"true\"\n className={merge([\n 'tw-leading-3 tw-relative tw-flex tw-items-center tw-justify-center tw-rounded tw-shrink-0 tw-flex-none',\n sizeClassesMap[size],\n disabled ? disabledClasses : enabledClasses,\n ])}\n >\n {stateMap[state]}\n </span>\n </span>\n {!hideLabel && (\n <span className=\"tw-inline-flex tw-flex-col tw-min-w-0 tw-ml-1.5\">\n {label && (\n <span\n ref={labelContainer}\n data-test-id={`${dataTestId}-label`}\n className={merge([\n 'tw-text-ellipsis tw-overflow-hidden',\n 'tw-text-xs tw-select-none hover:tw-cursor-pointer hover:tw-text-black dark:hover:tw-text-white group-hover:tw-text-black dark:group-hover:tw-text-white',\n checkedOrMixed && 'tw-font-medium',\n ])}\n title={isLabelOverflowing ? label : undefined}\n >\n {label}\n </span>\n )}\n {helperText && (\n <span\n ref={helperTextContainer}\n data-test-id={`${dataTestId}-helper-text`}\n className={merge([\n 'tw-text-ellipsis tw-overflow-hidden',\n 'tw-font-sans tw-text-xs tw-font-normal',\n disabled ? 'text-disabled' : 'tw-text-text-weak',\n ])}\n title={isHelperTextOverflowing ? helperText : undefined}\n >\n {helperText}\n </span>\n )}\n </span>\n )}\n </span>\n </InputLabel>\n </div>\n </div>\n );\n};\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(CheckboxComponent);\nCheckbox.displayName = 'FondueCheckbox';\n"],"names":["CheckboxState","CheckboxEmphasis","CheckboxSize","isCheckedOrMixed","checked","emphasisDefaultClasses","emphasisCheckedClassesMap","sizeClassesMap","CheckboxComponent","propId","emphasis","size","disabled","required","label","hideLabel","tooltip","helperText","ariaLabel","value","groupInputProps","onChange","state","dataTestId","ref","id","useMemoizedId","inputRef","useForwardedRef","focusProps","useFocusRing","toggleState","useToggleState","showFocus","setShowFocus","useState","labelContainer","useRef","helperTextContainer","isLabelOverflowing","setIsLabelOverflowing","isHelperTextOverflowing","setIsHelperTextOverflowing","tabFocusListener","event","blurListener","useEffect","node","inputProps","useCheckbox","stateMap","jsx","IconCheckMark","IconMinus","checkedOrMixed","disabledClasses","merge","enabledClasses","checkOverflowing","useCallback","_a","_b","_c","_d","FOCUS_STYLE","InputLabel","jsxs","mergeProps","Checkbox","forwardRef"],"mappings":"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"}
1	+ {"version":3,"file":"Checkbox.es.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { IconCheckMark, IconMinus } from '@frontify/fondue-icons';\nimport { useCheckbox } from '@react-aria/checkbox';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { useToggleState } from '@react-stately/toggle';\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n type ForwardRefRenderFunction,\n type HTMLAttributes,\n type ReactNode,\n} from 'react';\n\nimport { InputLabel, type InputLabelTooltipProps } from '@components/InputLabel/InputLabel';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { useForwardedRef } from '@utilities/useForwardedRef';\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport enum CheckboxState {\n Checked = 'Checked',\n Unchecked = 'Unchecked',\n Mixed = 'Mixed',\n}\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport enum CheckboxEmphasis {\n Default = 'Default',\n Weak = 'Weak',\n Strong = 'Strong',\n}\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport enum CheckboxSize {\n Default = 'Default',\n Large = 'Large',\n XLarge = 'XLarge',\n}\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n /\nexport type CheckboxProps = {\n id?: string;\n state?: CheckboxState;\n emphasis?: CheckboxEmphasis;\n size?: CheckboxSize;\n disabled?: boolean;\n required?: boolean;\n value?: string;\n onChange?: (isChecked: boolean) => void;\n label?: string;\n hideLabel?: boolean;\n tooltip?: InputLabelTooltipProps;\n helperText?: string;\n 'aria-label'?: string;\n groupInputProps?: HTMLAttributes<HTMLElement>;\n 'data-test-id'?: string;\n};\n\nconst isCheckedOrMixed = (checked: CheckboxState): boolean => {\n return checked === CheckboxState.Checked \|\| checked === CheckboxState.Mixed;\n};\n\nconst emphasisDefaultClasses =\n 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover';\n\nconst emphasisCheckedClassesMap: Record<CheckboxEmphasis, string> = {\n [CheckboxEmphasis.Weak]:\n 'tw-bg-box-neutral-strong tw-text-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-hover',\n [CheckboxEmphasis.Default]: emphasisDefaultClasses,\n [CheckboxEmphasis.Strong]: emphasisDefaultClasses,\n};\n\nconst sizeClassesMap: Record<CheckboxSize, string> = {\n [CheckboxSize.Default]: 'tw-h-4 tw-w-4',\n [CheckboxSize.Large]: 'tw-h-5 tw-w-5',\n [CheckboxSize.XLarge]: 'tw-h-8 tw-w-8',\n};\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, CheckboxProps> = (\n {\n id: propId,\n emphasis = CheckboxEmphasis.Default,\n size = CheckboxSize.Default,\n disabled,\n required,\n label,\n hideLabel,\n tooltip,\n helperText,\n 'aria-label': ariaLabel,\n value,\n groupInputProps,\n onChange,\n state = CheckboxState.Unchecked,\n 'data-test-id': dataTestId = 'checkbox',\n },\n ref,\n) => {\n const id = useMemoizedId(propId);\n const inputRef = useForwardedRef<HTMLInputElement \| null>(ref);\n const { focusProps } = useFocusRing();\n const toggleState = useToggleState({\n onChange: disabled ? undefined : onChange,\n isSelected: state === CheckboxState.Checked,\n });\n const [showFocus, setShowFocus] = useState<Nullable<boolean>>();\n const labelContainer = useRef<HTMLSpanElement>(null);\n const helperTextContainer = useRef<HTMLSpanElement>(null);\n const [isLabelOverflowing, setIsLabelOverflowing] = useState(false);\n const [isHelperTextOverflowing, setIsHelperTextOverflowing] = useState(false);\n\n const tabFocusListener = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n setShowFocus(true);\n }\n };\n\n const blurListener = () => {\n setShowFocus(false);\n };\n\n useEffect(() => {\n const node = inputRef?.current;\n node?.addEventListener('keyup', tabFocusListener);\n node?.addEventListener('blur', blurListener);\n\n return () => {\n node?.removeEventListener('keyup', tabFocusListener);\n node?.removeEventListener('blur', blurListener);\n };\n // eslint-disable-next-line @eslint-react/exhaustive-deps\n }, []);\n\n const { inputProps } = useCheckbox(\n {\n isDisabled: disabled,\n isRequired: required,\n isIndeterminate: state === CheckboxState.Mixed,\n 'aria-label': ariaLabel,\n value,\n },\n toggleState,\n inputRef,\n );\n\n const stateMap: Record<CheckboxState, ReactNode> = {\n [CheckboxState.Checked]: <IconCheckMark size={size === CheckboxSize.XLarge ? 24 : 16} />,\n [CheckboxState.Mixed]: <IconMinus />,\n [CheckboxState.Unchecked]: null,\n };\n\n const checkedOrMixed = isCheckedOrMixed(state);\n\n const disabledClasses = merge([\n 'tw-bg-box-disabled tw-pointer-events-none tw-text-box-disabled-inverse tw-border-line-strong',\n checkedOrMixed && 'tw-text-box-disabled-inverse tw-border-line-strong',\n ]);\n\n const enabledClasses = checkedOrMixed\n ? emphasisCheckedClassesMap[emphasis]\n : merge([\n 'tw-bg-base hover:tw-bg-box-neutral',\n emphasis === CheckboxEmphasis.Strong\n ? 'tw-border-2 tw-border-box-selected-strong'\n : 'tw-border tw-border-line-xx-strong',\n ]);\n\n const checkOverflowing = useCallback(() => {\n if (labelContainer.current) {\n setIsLabelOverflowing(labelContainer.current?.scrollWidth > labelContainer.current?.clientWidth);\n }\n\n if (helperTextContainer.current) {\n setIsHelperTextOverflowing(\n helperTextContainer.current?.scrollWidth > helperTextContainer.current?.clientWidth,\n );\n }\n }, [labelContainer, helperTextContainer]);\n\n useEffect(() => {\n if ((!label && !helperText) \|\| hideLabel) {\n return;\n }\n // eslint-disable-next-line @eslint-react/set-state-in-effect\n checkOverflowing();\n\n window.removeEventListener('resize', checkOverflowing);\n window.addEventListener('resize', checkOverflowing);\n\n return () => {\n window.removeEventListener('resize', checkOverflowing);\n };\n }, [label, helperText, hideLabel, checkOverflowing]);\n\n return (\n <div className=\"tw-gap-1 tw-transition-colors tw-w-full\" data-test-id={dataTestId}>\n <div className={merge(['tw-inline-flex tw-flex-row tw-rounded tw-w-full', showFocus ? FOCUS_STYLE : ''])}>\n <InputLabel\n id={`${id}-label`}\n disabled={disabled}\n clickable\n htmlFor={id}\n tooltip={tooltip}\n required={required}\n bold={checkedOrMixed}\n >\n <span className=\"tw-flex tw-items-center tw-whitespace-nowrap\">\n <span className=\"tw-inline-flex\">\n <input\n {...mergeProps(groupInputProps \|\| inputProps, focusProps)}\n id={id}\n ref={inputRef}\n className=\"tw-sr-only\"\n data-test-id={`${dataTestId}-input`}\n role=\"checkbox\"\n aria-checked={state === CheckboxState.Checked}\n required={required}\n aria-label={ariaLabel}\n aria-labelledby={label ? `${id}-label` : undefined}\n />\n <span\n data-test-id={`${dataTestId}-icon-box`}\n aria-hidden=\"true\"\n className={merge([\n 'tw-leading-3 tw-relative tw-flex tw-items-center tw-justify-center tw-rounded tw-shrink-0 tw-flex-none',\n sizeClassesMap[size],\n disabled ? disabledClasses : enabledClasses,\n ])}\n >\n {stateMap[state]}\n </span>\n </span>\n {!hideLabel && (\n <span className=\"tw-inline-flex tw-flex-col tw-min-w-0 tw-ml-1.5\">\n {label && (\n <span\n ref={labelContainer}\n data-test-id={`${dataTestId}-label`}\n className={merge([\n 'tw-text-ellipsis tw-overflow-hidden',\n 'tw-text-xs tw-select-none hover:tw-cursor-pointer hover:tw-text-black dark:hover:tw-text-white group-hover:tw-text-black dark:group-hover:tw-text-white',\n checkedOrMixed && 'tw-font-medium',\n ])}\n title={isLabelOverflowing ? label : undefined}\n >\n {label}\n </span>\n )}\n {helperText && (\n <span\n ref={helperTextContainer}\n data-test-id={`${dataTestId}-helper-text`}\n className={merge([\n 'tw-text-ellipsis tw-overflow-hidden',\n 'tw-font-sans tw-text-xs tw-font-normal',\n disabled ? 'text-disabled' : 'tw-text-text-weak',\n ])}\n title={isHelperTextOverflowing ? helperText : undefined}\n >\n {helperText}\n </span>\n )}\n </span>\n )}\n </span>\n </InputLabel>\n </div>\n </div>\n );\n};\n\n/\n @deprecated Use `Checkbox` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checkbox the migration guide}.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(CheckboxComponent);\nCheckbox.displayName = 'FondueCheckbox';\n"],"names":["CheckboxState","CheckboxEmphasis","CheckboxSize","isCheckedOrMixed","checked","emphasisDefaultClasses","emphasisCheckedClassesMap","sizeClassesMap","CheckboxComponent","propId","emphasis","size","disabled","required","label","hideLabel","tooltip","helperText","ariaLabel","value","groupInputProps","onChange","state","dataTestId","ref","id","useMemoizedId","inputRef","useForwardedRef","focusProps","useFocusRing","toggleState","useToggleState","showFocus","setShowFocus","useState","labelContainer","useRef","helperTextContainer","isLabelOverflowing","setIsLabelOverflowing","isHelperTextOverflowing","setIsHelperTextOverflowing","tabFocusListener","event","blurListener","useEffect","node","inputProps","useCheckbox","stateMap","jsx","IconCheckMark","IconMinus","checkedOrMixed","disabledClasses","merge","enabledClasses","checkOverflowing","useCallback","_a","_b","_c","_d","FOCUS_STYLE","InputLabel","jsxs","mergeProps","Checkbox","forwardRef"],"mappings":"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"}

package/dist/components/CollapsibleWrap/CollapsibleWrap.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { AnimatePresence as n } from "../../node_modules/.pnpm/framer-motion@12.28.1_@emotion_is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
-import { motion as p } from "../../node_modules/.pnpm/framer-motion@12.28.1_@emotion_is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.es.js";
+import { AnimatePresence as n } from "../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
+import { motion as p } from "../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.es.js";
 const s = ({
   children: e,
   isOpen: o = !1,

package/dist/components/LegacyTooltip/LegacyTooltip.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyTooltip.es.js","sources":["../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type Placement } from '@popperjs/core';\nimport { useLink } from '@react-aria/link';\nimport {\n cloneElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FocusEvent,\n type HTMLAttributes,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { Button } from '@components/Button/Button';\nimport { ButtonEmphasis, ButtonSize, ButtonStyle } from '@components/Button/ButtonTypes';\nimport { Portal } from '@components/Portal/Portal';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { BrightHeader, brightHeaderArrowBackgroundColors, type BrightHeaderStyle } from './BrightHeader';\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport type TooltipButton = {\n label: string;\n action: () => void;\n};\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport type LegacyTooltipProps = {\n triggerElement?: ReactElement;\n content: ReactNode;\n tooltipIcon?: ReactElement;\n heading?: ReactNode;\n headingIcon?: ReactElement;\n linkUrl?: string;\n linkLabel?: string;\n brightHeader?: BrightHeaderStyle;\n buttons?: [TooltipButton, TooltipButton] \| [TooltipButton];\n children?: ReactNode;\n position?: TooltipPosition \| 'top' \| 'bottom' \| 'left' \| 'right';\n alignment?: TooltipAlignment;\n flip?: boolean;\n withArrow?: boolean;\n withStrongBorder?: boolean;\n hoverDelay?: number;\n enterDelay?: number;\n open?: boolean;\n disabled?: boolean;\n /* @deprecated use disabled since the tooltip is always present in the DOM now so hidden has no effect anymore /\n hidden?: boolean;\n enablePortal?: boolean;\n 'data-test-id'?: string;\n};\n\nconst paddingsTop = {\n small: 'tw-pt-2',\n large: 'tw-pt-3',\n};\n\nconst paddingsBottom = {\n small: 'tw-pb-2',\n large: 'tw-pb-3',\n};\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport enum TooltipPosition {\n Top = 'top',\n Right = 'right',\n Bottom = 'bottom',\n Left = 'left',\n}\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport enum TooltipAlignment {\n Start = 'Start',\n Middle = 'Middle',\n}\n\nconst placementMap: Record<`${TooltipPosition \| 'top' \| 'bottom' \| 'left' \| 'right'}-${TooltipAlignment}`, Placement> =\n {\n 'top-Start': 'top-start',\n 'bottom-Start': 'bottom-start',\n 'left-Start': 'left-start',\n 'right-Start': 'right-start',\n 'top-Middle': 'top',\n 'right-Middle': 'right',\n 'bottom-Middle': 'bottom',\n 'left-Middle': 'left',\n };\n\nconst getArrowClasses = (currentPlacement: string, brightHeader: BrightHeaderStyle \| undefined, alignment: string) => {\n switch (true) {\n case currentPlacement.toString().includes(TooltipPosition.Top.toLowerCase()):\n return 'before:tw-border-t-0 before:tw-border-l-0 tw-bottom-[-6px] before:tw-bg-primary';\n case currentPlacement.toString().includes(TooltipPosition.Right.toLowerCase()):\n return merge([\n 'before:tw-border-t-0 before:tw-border-r-0 tw-left-[-5px]',\n brightHeader &&\n // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n alignment === TooltipAlignment.Start &&\n currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n ? brightHeaderArrowBackgroundColors[brightHeader]\n : 'before:tw-bg-primary',\n ]);\n case currentPlacement.toString().includes(TooltipPosition.Bottom.toLowerCase()):\n return merge([\n 'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px]',\n brightHeader ? brightHeaderArrowBackgroundColors[brightHeader] : 'before:tw-bg-primary',\n ]);\n case currentPlacement.toString().includes(TooltipPosition.Left.toLowerCase()):\n return merge([\n 'before:tw-border-b-0 before:tw-border-l-0 tw-right-[-5px]',\n brightHeader &&\n // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n alignment === TooltipAlignment.Start &&\n currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n ? brightHeaderArrowBackgroundColors[brightHeader]\n : 'before:tw-bg-primary',\n ]);\n default:\n return 'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px] before:tw-primary';\n }\n};\n\nconst TooltipWrapper = ({\n enablePortal = false,\n children,\n}: {\n enablePortal?: boolean;\n children?: ReactNode \| ReactNode[];\n}) => {\n if (enablePortal) {\n return (<Portal>{children}</Portal>) as JSX.Element;\n }\n\n return children as JSX.Element;\n};\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport const LegacyTooltip = ({\n content,\n tooltipIcon,\n heading,\n headingIcon,\n linkUrl,\n linkLabel,\n brightHeader,\n buttons,\n children,\n position = TooltipPosition.Bottom,\n alignment = TooltipAlignment.Middle,\n withStrongBorder = false,\n withArrow,\n flip = true,\n triggerElement,\n hoverDelay = 200,\n enterDelay = 0,\n open = false,\n disabled = false,\n enablePortal = false,\n hidden = false,\n 'data-test-id': dataTestId = 'tooltip',\n}: LegacyTooltipProps) => {\n const [triggerElementRef, setTriggerElementRef] = useState<HTMLElement \| HTMLDivElement \| HTMLButtonElement \| null>(\n null,\n );\n const [isOpen, setIsOpen] = useState(false);\n const linkRef = useRef<HTMLAnchorElement \| null>(null);\n\n const shouldPreventTooltipOpening = hidden \|\| disabled;\n const { linkProps } = useLink({ isDisabled: shouldPreventTooltipOpening }, linkRef);\n const hasLargePaddingTop = useMemo(\n () => linkUrl \|\| buttons \|\| heading \|\| headingIcon,\n [linkUrl, buttons, heading, headingIcon],\n );\n\n const placement = placementMap[`${position}-${alignment}`];\n const [tooltipContainerRef, setTooltipContainerRef] = useState<HTMLDivElement \| null>(null);\n const [triggerElementContainerRef, setTriggerElementContainerRef] = useState<HTMLDivElement \| null>(null);\n const [arrowElement, setArrowElement] = useState<HTMLDivElement \| null>(null);\n const id = useMemoizedId();\n\n const tooltipOffset = withArrow ? 10 : 5;\n const popperInstance = usePopper(triggerElementRef, tooltipContainerRef, {\n placement,\n strategy: 'fixed',\n modifiers: [\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n {\n name: 'eventListeners',\n options: { scroll: isOpen, resize: isOpen },\n },\n {\n name: 'offset',\n options: {\n offset: [0, tooltipOffset],\n },\n },\n {\n name: 'flip',\n enabled: flip,\n },\n ],\n });\n\n const currentPlacement = popperInstance.state?.placement ?? position;\n const arrowStyling = getArrowClasses(currentPlacement, brightHeader, alignment);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const handleHideTooltipOnHover = useCallback(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(() => setIsOpen(false), hoverDelay);\n }, [hoverDelay]);\n\n const handleShowTooltipOnHover = useCallback(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n if (enterDelay) {\n timeoutRef.current = setTimeout(() => setIsOpen(true), enterDelay);\n return;\n }\n\n setIsOpen(true);\n }, [enterDelay]);\n\n const checkIfHovered = useCallback(\n (event: MouseEvent) => {\n const hoveredElement = event.composedPath?.();\n const hoverSources = [triggerElementRef, triggerElementContainerRef, tooltipContainerRef];\n\n if (hoveredElement && hoverSources.some((el) => el && hoveredElement.includes(el))) {\n handleShowTooltipOnHover();\n }\n },\n [handleShowTooltipOnHover, tooltipContainerRef, triggerElementContainerRef, triggerElementRef],\n );\n\n const handleCloseIfFocusedOutside = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n const { relatedTarget } = event;\n const elements = [tooltipContainerRef, triggerElementContainerRef];\n\n if (!relatedTarget \|\| !elements.some((element) => element?.contains(relatedTarget))) {\n setIsOpen(false);\n }\n },\n [tooltipContainerRef, triggerElementContainerRef],\n );\n\n const openingEvents: HTMLAttributes<HTMLElement> = shouldPreventTooltipOpening\n ? {}\n : {\n onMouseOver: (event) => checkIfHovered(event.nativeEvent),\n onMouseLeave: handleHideTooltipOnHover,\n onFocus: () => setIsOpen(true),\n onBlur: handleCloseIfFocusedOutside,\n };\n\n useEffect(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n setIsOpen(shouldPreventTooltipOpening ? false : open);\n }, [open, shouldPreventTooltipOpening]);\n\n // eslint-disable-next-line @eslint-react/no-unnecessary-use-callback\n const listenForEsc = useCallback(\n (event: KeyboardEvent) => {\n if (isOpen && event.key === 'Escape') {\n setIsOpen(false);\n }\n },\n [isOpen],\n );\n\n useLayoutEffect(() => {\n if (typeof popperInstance.update === 'function' && isOpen) {\n popperInstance.update();\n }\n\n // eslint-disable-next-line @eslint-react/exhaustive-deps\n }, [isOpen]);\n\n useEffect(() => {\n if (isOpen) {\n window.addEventListener('keydown', listenForEsc);\n } else {\n window.removeEventListener('keydown', listenForEsc);\n }\n\n return () => {\n window.removeEventListener('keydown', listenForEsc);\n };\n }, [listenForEsc, isOpen]);\n\n return (\n <>\n <div {...openingEvents} ref={setTriggerElementContainerRef}>\n <div ref={setTriggerElementRef} aria-describedby={id} role=\"tooltip\">\n {triggerElement}\n </div>\n </div>\n <TooltipWrapper enablePortal={enablePortal}>\n <div\n ref={setTooltipContainerRef}\n aria-hidden={shouldPreventTooltipOpening}\n className={merge([\n 'tw-popper-container tw-inline-block tw-max-w-[200px] tw-bg-primary tw-rounded-md tw-shadow-mid tw-text-primary-on-primary tw-z-[120000]',\n !isOpen && 'tw-opacity-0 tw-h-0 tw-w-0 tw-overflow-hidden',\n withStrongBorder && 'tw-border tw-border-line-mid',\n ])}\n data-test-id={dataTestId}\n role=\"tooltip\"\n id={id}\n style={popperInstance.styles.popper}\n {...popperInstance.attributes.popper}\n {...openingEvents}\n >\n {brightHeader ? <BrightHeader headerStyle={brightHeader} /> : null}\n <div\n className={merge([\n 'tw-px-3 tw-bg-primary tw-rounded-md tw-relative tw-z-[120000]',\n hasLargePaddingTop ? paddingsTop.large : paddingsTop.small,\n linkUrl ? paddingsBottom.large : paddingsBottom.small,\n ])}\n >\n {heading ? (\n <h4 className=\"tw-flex tw-text-m tw-font-bold tw-mb-1\">\n {headingIcon && (\n <span className=\"tw-mr-1.5\">{cloneElement(headingIcon, { size: 20 })}</span>\n )}\n {heading}\n </h4>\n ) : null}\n <div className=\"tw-flex\">\n {tooltipIcon ? (\n <span className=\"tw-shrink-0 tw-mr-1 tw-leading-4\">\n {cloneElement(tooltipIcon, { size: 16 })}\n </span>\n ) : null}\n <span className=\"tw-text-s tw-min-w-0 tw-break-words\">{content}</span>\n </div>\n {linkUrl ? (\n <a\n {...linkProps}\n data-test-id={`${dataTestId}-link`}\n ref={linkRef}\n href={linkUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={merge([\n 'tw-text-xs tw-text-black-40 tw-underline tw-mt-1',\n FOCUS_VISIBLE_STYLE,\n ])}\n >\n {linkLabel ?? 'Click here to learn more.'}\n </a>\n ) : null}\n {buttons ? (\n <div className=\"tw-flex tw-flex-row-reverse tw-gap-x-1 tw-mt-4\">\n {buttons.length > 0 && (\n <Button\n style={ButtonStyle.Default}\n emphasis={ButtonEmphasis.Strong}\n size={ButtonSize.Small}\n onClick={buttons[0].action}\n disabled={shouldPreventTooltipOpening}\n >\n {buttons[0].label}\n </Button>\n )}\n {buttons.length === 2 && (\n <Button\n style={ButtonStyle.Default}\n emphasis={ButtonEmphasis.Default}\n size={ButtonSize.Small}\n onClick={buttons[1].action}\n disabled={shouldPreventTooltipOpening}\n >\n {buttons[1].label}\n </Button>\n )}\n </div>\n ) : null}\n </div>\n {/\n This container is needed for the arrow element to not be styled by popperJS\n * selectors for its immediate children .tw-popper-container > .tw-popper-arrow\n * */}\n <div aria-hidden=\"true\">\n <div\n data-test-id=\"popover-arrow\"\n data-popper-arrow={withArrow}\n ref={setArrowElement}\n style={popperInstance.styles.arrow}\n className={merge([\n withArrow &&\n 'tw-popper-arrow tw-z-[110000] tw-absolute tw-w-3 tw-h-3 tw-pointer-events-none before:tw-absolute before:tw-w-3 before:tw-h-3 before:tw-rotate-45 before:tw-border',\n withArrow && arrowStyling,\n withStrongBorder\n ? 'before:tw-border-line-strong'\n : withArrow && 'before:tw-border-line',\n ])}\n />\n </div>\n {children}\n </div>\n </TooltipWrapper>\n </>\n );\n};\nLegacyTooltip.displayName = 'FondueLegacyTooltip';\n"],"names":["paddingsTop","paddingsBottom","placementMap","getArrowClasses","currentPlacement","brightHeader","alignment","merge","brightHeaderArrowBackgroundColors","TooltipWrapper","enablePortal","children","jsx","Portal","LegacyTooltip","content","tooltipIcon","heading","headingIcon","linkUrl","linkLabel","buttons","position","withStrongBorder","withArrow","flip","triggerElement","hoverDelay","enterDelay","open","disabled","hidden","dataTestId","triggerElementRef","setTriggerElementRef","useState","isOpen","setIsOpen","linkRef","useRef","shouldPreventTooltipOpening","linkProps","useLink","hasLargePaddingTop","useMemo","placement","tooltipContainerRef","setTooltipContainerRef","triggerElementContainerRef","setTriggerElementContainerRef","arrowElement","setArrowElement","id","useMemoizedId","popperInstance","usePopper","_a","arrowStyling","timeoutRef","handleHideTooltipOnHover","useCallback","handleShowTooltipOnHover","checkIfHovered","event","hoveredElement","el","handleCloseIfFocusedOutside","relatedTarget","element","openingEvents","useEffect","listenForEsc","useLayoutEffect","jsxs","Fragment","BrightHeader","cloneElement","FOCUS_VISIBLE_STYLE","Button","ButtonStyle","ButtonEmphasis","ButtonSize"],"mappings":"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"}
1	+ {"version":3,"file":"LegacyTooltip.es.js","sources":["../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\nimport { type Placement } from '@popperjs/core';\nimport { useLink } from '@react-aria/link';\nimport {\n cloneElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type FocusEvent,\n type HTMLAttributes,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { Button } from '@components/Button/Button';\nimport { ButtonEmphasis, ButtonSize, ButtonStyle } from '@components/Button/ButtonTypes';\nimport { Portal } from '@components/Portal/Portal';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { BrightHeader, brightHeaderArrowBackgroundColors, type BrightHeaderStyle } from './BrightHeader';\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport type TooltipButton = {\n label: string;\n action: () => void;\n};\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport type LegacyTooltipProps = {\n triggerElement?: ReactElement;\n content: ReactNode;\n tooltipIcon?: ReactElement;\n heading?: ReactNode;\n headingIcon?: ReactElement;\n linkUrl?: string;\n linkLabel?: string;\n brightHeader?: BrightHeaderStyle;\n buttons?: [TooltipButton, TooltipButton] \| [TooltipButton];\n children?: ReactNode;\n position?: TooltipPosition \| 'top' \| 'bottom' \| 'left' \| 'right';\n alignment?: TooltipAlignment;\n flip?: boolean;\n withArrow?: boolean;\n withStrongBorder?: boolean;\n hoverDelay?: number;\n enterDelay?: number;\n open?: boolean;\n disabled?: boolean;\n /* @deprecated use disabled since the tooltip is always present in the DOM now so hidden has no effect anymore /\n hidden?: boolean;\n enablePortal?: boolean;\n 'data-test-id'?: string;\n};\n\nconst paddingsTop = {\n small: 'tw-pt-2',\n large: 'tw-pt-3',\n};\n\nconst paddingsBottom = {\n small: 'tw-pb-2',\n large: 'tw-pb-3',\n};\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport enum TooltipPosition {\n Top = 'top',\n Right = 'right',\n Bottom = 'bottom',\n Left = 'left',\n}\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport enum TooltipAlignment {\n Start = 'Start',\n Middle = 'Middle',\n}\n\nconst placementMap: Record<`${TooltipPosition \| 'top' \| 'bottom' \| 'left' \| 'right'}-${TooltipAlignment}`, Placement> =\n {\n 'top-Start': 'top-start',\n 'bottom-Start': 'bottom-start',\n 'left-Start': 'left-start',\n 'right-Start': 'right-start',\n 'top-Middle': 'top',\n 'right-Middle': 'right',\n 'bottom-Middle': 'bottom',\n 'left-Middle': 'left',\n };\n\nconst getArrowClasses = (currentPlacement: string, brightHeader: BrightHeaderStyle \| undefined, alignment: string) => {\n switch (true) {\n case currentPlacement.toString().includes(TooltipPosition.Top.toLowerCase()):\n return 'before:tw-border-t-0 before:tw-border-l-0 tw-bottom-[-6px] before:tw-bg-primary';\n case currentPlacement.toString().includes(TooltipPosition.Right.toLowerCase()):\n return merge([\n 'before:tw-border-t-0 before:tw-border-r-0 tw-left-[-5px]',\n brightHeader &&\n // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n alignment === TooltipAlignment.Start &&\n currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n ? brightHeaderArrowBackgroundColors[brightHeader]\n : 'before:tw-bg-primary',\n ]);\n case currentPlacement.toString().includes(TooltipPosition.Bottom.toLowerCase()):\n return merge([\n 'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px]',\n brightHeader ? brightHeaderArrowBackgroundColors[brightHeader] : 'before:tw-bg-primary',\n ]);\n case currentPlacement.toString().includes(TooltipPosition.Left.toLowerCase()):\n return merge([\n 'before:tw-border-b-0 before:tw-border-l-0 tw-right-[-5px]',\n brightHeader &&\n // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n alignment === TooltipAlignment.Start &&\n currentPlacement.toString().includes(TooltipAlignment.Start.toLowerCase())\n ? brightHeaderArrowBackgroundColors[brightHeader]\n : 'before:tw-bg-primary',\n ]);\n default:\n return 'before:tw-border-b-0 before:tw-border-r-0 tw-top-[-6px] before:tw-primary';\n }\n};\n\nconst TooltipWrapper = ({\n enablePortal = false,\n children,\n}: {\n enablePortal?: boolean;\n children?: ReactNode \| ReactNode[];\n}) => {\n if (enablePortal) {\n return (<Portal>{children}</Portal>) as JSX.Element;\n }\n\n return children as JSX.Element;\n};\n\n/\n @deprecated Please use updated `Tooltip` component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#tooltip the migration guide}.\n /\nexport const LegacyTooltip = ({\n content,\n tooltipIcon,\n heading,\n headingIcon,\n linkUrl,\n linkLabel,\n brightHeader,\n buttons,\n children,\n position = TooltipPosition.Bottom,\n alignment = TooltipAlignment.Middle,\n withStrongBorder = false,\n withArrow,\n flip = true,\n triggerElement,\n hoverDelay = 200,\n enterDelay = 0,\n open = false,\n disabled = false,\n enablePortal = false,\n hidden = false,\n 'data-test-id': dataTestId = 'tooltip',\n}: LegacyTooltipProps) => {\n const [triggerElementRef, setTriggerElementRef] = useState<HTMLElement \| HTMLDivElement \| HTMLButtonElement \| null>(\n null,\n );\n const [isOpen, setIsOpen] = useState(false);\n const linkRef = useRef<HTMLAnchorElement \| null>(null);\n\n const shouldPreventTooltipOpening = hidden \|\| disabled;\n const { linkProps } = useLink({ isDisabled: shouldPreventTooltipOpening }, linkRef);\n const hasLargePaddingTop = useMemo(\n () => linkUrl \|\| buttons \|\| heading \|\| headingIcon,\n [linkUrl, buttons, heading, headingIcon],\n );\n\n const placement = placementMap[`${position}-${alignment}`];\n const [tooltipContainerRef, setTooltipContainerRef] = useState<HTMLDivElement \| null>(null);\n const [triggerElementContainerRef, setTriggerElementContainerRef] = useState<HTMLDivElement \| null>(null);\n const [arrowElement, setArrowElement] = useState<HTMLDivElement \| null>(null);\n const id = useMemoizedId();\n\n const tooltipOffset = withArrow ? 10 : 5;\n const popperInstance = usePopper(triggerElementRef, tooltipContainerRef, {\n placement,\n strategy: 'fixed',\n modifiers: [\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n {\n name: 'eventListeners',\n options: { scroll: isOpen, resize: isOpen },\n },\n {\n name: 'offset',\n options: {\n offset: [0, tooltipOffset],\n },\n },\n {\n name: 'flip',\n enabled: flip,\n },\n ],\n });\n\n const currentPlacement = popperInstance.state?.placement ?? position;\n const arrowStyling = getArrowClasses(currentPlacement, brightHeader, alignment);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const handleHideTooltipOnHover = useCallback(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(() => setIsOpen(false), hoverDelay);\n }, [hoverDelay]);\n\n const handleShowTooltipOnHover = useCallback(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n if (enterDelay) {\n timeoutRef.current = setTimeout(() => setIsOpen(true), enterDelay);\n return;\n }\n\n setIsOpen(true);\n }, [enterDelay]);\n\n const checkIfHovered = useCallback(\n (event: MouseEvent) => {\n const hoveredElement = event.composedPath?.();\n const hoverSources = [triggerElementRef, triggerElementContainerRef, tooltipContainerRef];\n\n if (hoveredElement && hoverSources.some((el) => el && hoveredElement.includes(el))) {\n handleShowTooltipOnHover();\n }\n },\n [handleShowTooltipOnHover, tooltipContainerRef, triggerElementContainerRef, triggerElementRef],\n );\n\n const handleCloseIfFocusedOutside = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n const { relatedTarget } = event;\n const elements = [tooltipContainerRef, triggerElementContainerRef];\n\n if (!relatedTarget \|\| !elements.some((element) => element?.contains(relatedTarget))) {\n setIsOpen(false);\n }\n },\n [tooltipContainerRef, triggerElementContainerRef],\n );\n\n const openingEvents: HTMLAttributes<HTMLElement> = shouldPreventTooltipOpening\n ? {}\n : {\n onMouseOver: (event) => checkIfHovered(event.nativeEvent),\n onMouseLeave: handleHideTooltipOnHover,\n onFocus: () => setIsOpen(true),\n onBlur: handleCloseIfFocusedOutside,\n };\n\n useEffect(() => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n setIsOpen(shouldPreventTooltipOpening ? false : open);\n }, [open, shouldPreventTooltipOpening]);\n\n const listenForEsc = useCallback(\n (event: KeyboardEvent) => {\n if (isOpen && event.key === 'Escape') {\n setIsOpen(false);\n }\n },\n [isOpen],\n );\n\n useLayoutEffect(() => {\n if (typeof popperInstance.update === 'function' && isOpen) {\n popperInstance.update();\n }\n\n // eslint-disable-next-line @eslint-react/exhaustive-deps\n }, [isOpen]);\n\n useEffect(() => {\n if (isOpen) {\n window.addEventListener('keydown', listenForEsc);\n } else {\n window.removeEventListener('keydown', listenForEsc);\n }\n\n return () => {\n window.removeEventListener('keydown', listenForEsc);\n };\n }, [listenForEsc, isOpen]);\n\n return (\n <>\n <div {...openingEvents} ref={setTriggerElementContainerRef}>\n <div ref={setTriggerElementRef} aria-describedby={id} role=\"tooltip\">\n {triggerElement}\n </div>\n </div>\n <TooltipWrapper enablePortal={enablePortal}>\n <div\n ref={setTooltipContainerRef}\n aria-hidden={shouldPreventTooltipOpening}\n className={merge([\n 'tw-popper-container tw-inline-block tw-max-w-[200px] tw-bg-primary tw-rounded-md tw-shadow-mid tw-text-primary-on-primary tw-z-[120000]',\n !isOpen && 'tw-opacity-0 tw-h-0 tw-w-0 tw-overflow-hidden',\n withStrongBorder && 'tw-border tw-border-line-mid',\n ])}\n data-test-id={dataTestId}\n role=\"tooltip\"\n id={id}\n style={popperInstance.styles.popper}\n {...popperInstance.attributes.popper}\n {...openingEvents}\n >\n {brightHeader ? <BrightHeader headerStyle={brightHeader} /> : null}\n <div\n className={merge([\n 'tw-px-3 tw-bg-primary tw-rounded-md tw-relative tw-z-[120000]',\n hasLargePaddingTop ? paddingsTop.large : paddingsTop.small,\n linkUrl ? paddingsBottom.large : paddingsBottom.small,\n ])}\n >\n {heading ? (\n <h4 className=\"tw-flex tw-text-m tw-font-bold tw-mb-1\">\n {headingIcon && (\n <span className=\"tw-mr-1.5\">{cloneElement(headingIcon, { size: 20 })}</span>\n )}\n {heading}\n </h4>\n ) : null}\n <div className=\"tw-flex\">\n {tooltipIcon ? (\n <span className=\"tw-shrink-0 tw-mr-1 tw-leading-4\">\n {cloneElement(tooltipIcon, { size: 16 })}\n </span>\n ) : null}\n <span className=\"tw-text-s tw-min-w-0 tw-break-words\">{content}</span>\n </div>\n {linkUrl ? (\n <a\n {...linkProps}\n data-test-id={`${dataTestId}-link`}\n ref={linkRef}\n href={linkUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={merge([\n 'tw-text-xs tw-text-black-40 tw-underline tw-mt-1',\n FOCUS_VISIBLE_STYLE,\n ])}\n >\n {linkLabel ?? 'Click here to learn more.'}\n </a>\n ) : null}\n {buttons ? (\n <div className=\"tw-flex tw-flex-row-reverse tw-gap-x-1 tw-mt-4\">\n {buttons.length > 0 && (\n <Button\n style={ButtonStyle.Default}\n emphasis={ButtonEmphasis.Strong}\n size={ButtonSize.Small}\n onClick={buttons[0].action}\n disabled={shouldPreventTooltipOpening}\n >\n {buttons[0].label}\n </Button>\n )}\n {buttons.length === 2 && (\n <Button\n style={ButtonStyle.Default}\n emphasis={ButtonEmphasis.Default}\n size={ButtonSize.Small}\n onClick={buttons[1].action}\n disabled={shouldPreventTooltipOpening}\n >\n {buttons[1].label}\n </Button>\n )}\n </div>\n ) : null}\n </div>\n {/\n This container is needed for the arrow element to not be styled by popperJS\n * selectors for its immediate children .tw-popper-container > .tw-popper-arrow\n * */}\n <div aria-hidden=\"true\">\n <div\n data-test-id=\"popover-arrow\"\n data-popper-arrow={withArrow}\n ref={setArrowElement}\n style={popperInstance.styles.arrow}\n className={merge([\n withArrow &&\n 'tw-popper-arrow tw-z-[110000] tw-absolute tw-w-3 tw-h-3 tw-pointer-events-none before:tw-absolute before:tw-w-3 before:tw-h-3 before:tw-rotate-45 before:tw-border',\n withArrow && arrowStyling,\n withStrongBorder\n ? 'before:tw-border-line-strong'\n : withArrow && 'before:tw-border-line',\n ])}\n />\n </div>\n {children}\n </div>\n </TooltipWrapper>\n </>\n );\n};\nLegacyTooltip.displayName = 'FondueLegacyTooltip';\n"],"names":["paddingsTop","paddingsBottom","placementMap","getArrowClasses","currentPlacement","brightHeader","alignment","merge","brightHeaderArrowBackgroundColors","TooltipWrapper","enablePortal","children","jsx","Portal","LegacyTooltip","content","tooltipIcon","heading","headingIcon","linkUrl","linkLabel","buttons","position","withStrongBorder","withArrow","flip","triggerElement","hoverDelay","enterDelay","open","disabled","hidden","dataTestId","triggerElementRef","setTriggerElementRef","useState","isOpen","setIsOpen","linkRef","useRef","shouldPreventTooltipOpening","linkProps","useLink","hasLargePaddingTop","useMemo","placement","tooltipContainerRef","setTooltipContainerRef","triggerElementContainerRef","setTriggerElementContainerRef","arrowElement","setArrowElement","id","useMemoizedId","popperInstance","usePopper","_a","arrowStyling","timeoutRef","handleHideTooltipOnHover","useCallback","handleShowTooltipOnHover","checkIfHovered","event","hoveredElement","el","handleCloseIfFocusedOutside","relatedTarget","element","openingEvents","useEffect","listenForEsc","useLayoutEffect","jsxs","Fragment","BrightHeader","cloneElement","FOCUS_VISIBLE_STYLE","Button","ButtonStyle","ButtonEmphasis","ButtonSize"],"mappings":";;;;;;;;;;;AAiEA,MAAMA,IAAc;AAAA,EAChB,OAAO;AAAA,EACP,OAAO;AACX,GAEMC,IAAiB;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AACX,GAoBMC,KACF;AAAA,EACI,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AACnB,GAEEC,KAAkB,CAACC,GAA0BC,GAA6CC,MAAsB;AAClH,UAAQ,IAAA;AAAA,IACJ,KAAKF,EAAiB,SAAA,EAAW,SAAS,MAAoB,aAAa;AACvE,aAAO;AAAA,IACX,KAAKA,EAAiB,SAAA,EAAW,SAAS,QAAsB,aAAa;AACzE,aAAOG,EAAM;AAAA,QACT;AAAA,QACAF;AAAA,QAEAC,MAAc,WACdF,EAAiB,WAAW,SAAS,QAAuB,YAAA,CAAa,IACnEI,EAAkCH,CAAY,IAC9C;AAAA,MAAA,CACT;AAAA,IACL,KAAKD,EAAiB,SAAA,EAAW,SAAS,SAAuB,aAAa;AAC1E,aAAOG,EAAM;AAAA,QACT;AAAA,QACAF,IAAeG,EAAkCH,CAAY,IAAI;AAAA,MAAA,CACpE;AAAA,IACL,KAAKD,EAAiB,SAAA,EAAW,SAAS,OAAqB,aAAa;AACxE,aAAOG,EAAM;AAAA,QACT;AAAA,QACAF;AAAA,QAEAC,MAAc,WACdF,EAAiB,WAAW,SAAS,QAAuB,YAAA,CAAa,IACnEI,EAAkCH,CAAY,IAC9C;AAAA,MAAA,CACT;AAAA,IACL;AACI,aAAO;AAAA,EAAA;AAEnB,GAEMI,KAAiB,CAAC;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AACJ,MAIQD,IACQ,gBAAAE,EAACC,MAAQ,UAAAF,GAAS,IAGvBA,GAMEG,KAAgB,CAAC;AAAA,EAC1B,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAf;AAAA,EACA,SAAAgB;AAAA,EACA,UAAAV;AAAA,EACA,UAAAW,IAAW;AAAA,EACX,WAAAhB,IAAY;AAAA,EACZ,kBAAAiB,IAAmB;AAAA,EACnB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,gBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,cAAApB,IAAe;AAAA,EACf,QAAAqB,KAAS;AAAA,EACT,gBAAgBC,IAAa;AACjC,MAA0B;;AACtB,QAAM,CAACC,GAAmBC,EAAoB,IAAIC;AAAA,IAC9C;AAAA,EAAA,GAEE,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCG,IAAUC,EAAiC,IAAI,GAE/CC,IAA8BT,MAAUD,GACxC,EAAE,WAAAW,OAAcC,GAAQ,EAAE,YAAYF,EAAA,GAA+BF,CAAO,GAC5EK,KAAqBC;AAAA,IACvB,MAAMzB,KAAWE,KAAWJ,KAAWC;AAAA,IACvC,CAACC,GAASE,GAASJ,GAASC,CAAW;AAAA,EAAA,GAGrC2B,KAAY3C,GAAa,GAAGoB,CAAQ,IAAIhB,CAAS,EAAE,GACnD,CAACwC,GAAqBC,EAAsB,IAAIZ,EAAgC,IAAI,GACpF,CAACa,GAA4BC,EAA6B,IAAId,EAAgC,IAAI,GAClG,CAACe,IAAcC,EAAe,IAAIhB,EAAgC,IAAI,GACtEiB,IAAKC,GAAA,GAGLC,IAAiBC,GAAUtB,GAAmBa,GAAqB;AAAA,IACrE,WAAAD;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,MACP;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,SAASK;AAAA,QAAA;AAAA,MACb;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,SAAS,EAAE,QAAQd,GAAQ,QAAQA,EAAA;AAAA,MAAO;AAAA,MAE9C;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,QAAQ,CAAC,GAlBHZ,IAAY,KAAK,CAkBE;AAAA,QAAA;AAAA,MAC7B;AAAA,MAEJ;AAAA,QACI,MAAM;AAAA,QACN,SAASC;AAAA,MAAA;AAAA,IACb;AAAA,EACJ,CACH,GAEKrB,OAAmBoD,IAAAF,EAAe,UAAf,gBAAAE,EAAsB,cAAalC,GACtDmC,KAAetD,GAAgBC,IAAkBC,GAAcC,CAAS,GACxEoD,IAAanB,EAA6C,IAAI,GAE9DoB,KAA2BC,EAAY,MAAM;AAC/C,IAAIF,EAAW,WACX,aAAaA,EAAW,OAAO,GAEnCA,EAAW,UAAU,WAAW,MAAMrB,EAAU,EAAK,GAAGV,CAAU;AAAA,EACtE,GAAG,CAACA,CAAU,CAAC,GAETkC,IAA2BD,EAAY,MAAM;AAK/C,QAJIF,EAAW,WACX,aAAaA,EAAW,OAAO,GAG/B9B,GAAY;AACZ,MAAA8B,EAAW,UAAU,WAAW,MAAMrB,EAAU,EAAI,GAAGT,CAAU;AACjE;AAAA,IACJ;AAEA,IAAAS,EAAU,EAAI;AAAA,EAClB,GAAG,CAACT,CAAU,CAAC,GAETkC,KAAiBF;AAAA,IACnB,CAACG,MAAsB;;AACnB,YAAMC,KAAiBR,IAAAO,EAAM,iBAAN,gBAAAP,EAAA,KAAAO;AAGvB,MAAIC,KAFiB,CAAC/B,GAAmBe,GAA4BF,CAAmB,EAErD,KAAK,CAACmB,MAAOA,KAAMD,EAAe,SAASC,CAAE,CAAC,KAC7EJ,EAAA;AAAA,IAER;AAAA,IACA,CAACA,GAA0Bf,GAAqBE,GAA4Bf,CAAiB;AAAA,EAAA,GAG3FiC,KAA8BN;AAAA,IAChC,CAACG,MAAmC;AAChC,YAAM,EAAE,eAAAI,MAAkBJ;AAG1B,OAAI,CAACI,KAAiB,CAFL,CAACrB,GAAqBE,CAA0B,EAEjC,KAAK,CAACoB,MAAYA,KAAA,gBAAAA,EAAS,SAASD,EAAc,MAC9E9B,EAAU,EAAK;AAAA,IAEvB;AAAA,IACA,CAACS,GAAqBE,CAA0B;AAAA,EAAA,GAG9CqB,IAA6C7B,IAC7C,KACA;AAAA,IACI,aAAa,CAACuB,MAAUD,GAAeC,EAAM,WAAW;AAAA,IACxD,cAAcJ;AAAA,IACd,SAAS,MAAMtB,EAAU,EAAI;AAAA,IAC7B,QAAQ6B;AAAA,EAAA;AAGlB,EAAAI,EAAU,MAAM;AACZ,IAAIZ,EAAW,WACX,aAAaA,EAAW,OAAO,GAEnCrB,EAAUG,IAA8B,KAAQX,CAAI;AAAA,EACxD,GAAG,CAACA,GAAMW,CAA2B,CAAC;AAEtC,QAAM+B,IAAeX;AAAA,IACjB,CAACG,MAAyB;AACtB,MAAI3B,KAAU2B,EAAM,QAAQ,YACxB1B,EAAU,EAAK;AAAA,IAEvB;AAAA,IACA,CAACD,CAAM;AAAA,EAAA;AAGX,SAAAoC,GAAgB,MAAM;AAClB,IAAI,OAAOlB,EAAe,UAAW,cAAclB,KAC/CkB,EAAe,OAAA;AAAA,EAIvB,GAAG,CAAClB,CAAM,CAAC,GAEXkC,EAAU,OACFlC,IACA,OAAO,iBAAiB,WAAWmC,CAAY,IAE/C,OAAO,oBAAoB,WAAWA,CAAY,GAG/C,MAAM;AACT,WAAO,oBAAoB,WAAWA,CAAY;AAAA,EACtD,IACD,CAACA,GAAcnC,CAAM,CAAC,GAGrB,gBAAAqC,EAAAC,IAAA,EACI,UAAA;AAAA,IAAA,gBAAA9D,EAAC,OAAA,EAAK,GAAGyD,GAAe,KAAKpB,IACzB,UAAA,gBAAArC,EAAC,OAAA,EAAI,KAAKsB,IAAsB,oBAAkBkB,GAAI,MAAK,WACtD,aACL,GACJ;AAAA,IACA,gBAAAxC,EAACH,MAAe,cAAAC,GACZ,UAAA,gBAAA+D;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK1B;AAAA,QACL,eAAaP;AAAA,QACb,WAAWjC,EAAM;AAAA,UACb;AAAA,UACA,CAAC6B,KAAU;AAAA,UACXb,KAAoB;AAAA,QAAA,CACvB;AAAA,QACD,gBAAcS;AAAA,QACd,MAAK;AAAA,QACL,IAAAoB;AAAA,QACA,OAAOE,EAAe,OAAO;AAAA,QAC5B,GAAGA,EAAe,WAAW;AAAA,QAC7B,GAAGe;AAAA,QAEH,UAAA;AAAA,UAAAhE,IAAe,gBAAAO,EAAC+D,IAAA,EAAa,aAAatE,EAAA,CAAc,IAAK;AAAA,UAC9D,gBAAAoE;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWlE,EAAM;AAAA,gBACb;AAAA,gBACAoC,KAAqB3C,EAAY,QAAQA,EAAY;AAAA,gBACrDmB,IAAUlB,EAAe,QAAQA,EAAe;AAAA,cAAA,CACnD;AAAA,cAEA,UAAA;AAAA,gBAAAgB,IACG,gBAAAwD,EAAC,MAAA,EAAG,WAAU,0CACT,UAAA;AAAA,kBAAAvD,KACG,gBAAAN,EAAC,QAAA,EAAK,WAAU,aAAa,UAAAgE,EAAa1D,GAAa,EAAE,MAAM,GAAA,CAAI,EAAA,CAAE;AAAA,kBAExED;AAAA,gBAAA,EAAA,CACL,IACA;AAAA,gBACJ,gBAAAwD,EAAC,OAAA,EAAI,WAAU,WACV,UAAA;AAAA,kBAAAzD,IACG,gBAAAJ,EAAC,QAAA,EAAK,WAAU,oCACX,UAAAgE,EAAa5D,GAAa,EAAE,MAAM,GAAA,CAAI,EAAA,CAC3C,IACA;AAAA,kBACJ,gBAAAJ,EAAC,QAAA,EAAK,WAAU,uCAAuC,UAAAG,EAAA,CAAQ;AAAA,gBAAA,GACnE;AAAA,gBACCI,IACG,gBAAAP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACI,GAAG6B;AAAA,oBACJ,gBAAc,GAAGT,CAAU;AAAA,oBAC3B,KAAKM;AAAA,oBACL,MAAMnB;AAAA,oBACN,QAAO;AAAA,oBACP,KAAI;AAAA,oBACJ,WAAWZ,EAAM;AAAA,sBACb;AAAA,sBACAsE;AAAA,oBAAA,CACH;AAAA,oBAEA,UAAAzD,KAAa;AAAA,kBAAA;AAAA,gBAAA,IAElB;AAAA,gBACHC,IACG,gBAAAoD,EAAC,OAAA,EAAI,WAAU,kDACV,UAAA;AAAA,kBAAApD,EAAQ,SAAS,KACd,gBAAAT;AAAA,oBAACkE;AAAA,oBAAA;AAAA,sBACG,OAAOC,EAAY;AAAA,sBACnB,UAAUC,EAAe;AAAA,sBACzB,MAAMC,EAAW;AAAA,sBACjB,SAAS5D,EAAQ,CAAC,EAAE;AAAA,sBACpB,UAAUmB;AAAA,sBAET,UAAAnB,EAAQ,CAAC,EAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGnBA,EAAQ,WAAW,KAChB,gBAAAT;AAAA,oBAACkE;AAAA,oBAAA;AAAA,sBACG,OAAOC,EAAY;AAAA,sBACnB,UAAUC,EAAe;AAAA,sBACzB,MAAMC,EAAW;AAAA,sBACjB,SAAS5D,EAAQ,CAAC,EAAE;AAAA,sBACpB,UAAUmB;AAAA,sBAET,UAAAnB,EAAQ,CAAC,EAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAChB,EAAA,CAER,IACA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAMR,gBAAAT,EAAC,OAAA,EAAI,eAAY,QACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,gBAAa;AAAA,cACb,qBAAmBY;AAAA,cACnB,KAAK2B;AAAA,cACL,OAAOG,EAAe,OAAO;AAAA,cAC7B,WAAW/C,EAAM;AAAA,gBACbiB,KACI;AAAA,gBACJA,KAAaiC;AAAA,gBACblC,IACM,iCACAC,KAAa;AAAA,cAAA,CACtB;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UACCb;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACL,CACJ;AAAA,EAAA,GACJ;AAER;AACAG,GAAc,cAAc;"}