@frontify/fondue 13.9.0 → 14.0.0-beta.0

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

@@ -1,28 +0,0 @@
-import { jsxs as r, jsx as l, Fragment as c } from "react/jsx-runtime";
-import { IconImageStack as a, IconArrowCircleUp as m } from "@frontify/fondue-icons";
-const d = ({
-  asset: e,
-  isLoading: t = !1,
-  hideSize: w = !1,
-  hideExtension: o = !1
-}) => {
-  let n = t ? "Uploading" : "Uploaded";
-  return (e == null ? void 0 : e.source) === "library" && (n = e.sourceName), /* @__PURE__ */ r("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", children: [
-    /* @__PURE__ */ l("div", { className: "tw-flex-none tw-inline-flex tw-items-center tw-justify-center", children: (e == null ? void 0 : e.source) === "library" ? /* @__PURE__ */ l(a, {}) : /* @__PURE__ */ l(m, {}) }),
-    n && /* @__PURE__ */ l("span", { className: "tw-whitespace-nowrap", children: n }),
-    e && !t && /* @__PURE__ */ r(c, { children: [
-      /* @__PURE__ */ l(i, { label: e.extension, hide: o }),
-      /* @__PURE__ */ l(i, { label: e.size, hide: w })
-    ] })
-  ] });
-};
-d.displayName = "FondueAssetSubline";
-const i = ({ label: e, hide: t }) => t || !e ? null : /* @__PURE__ */ r(c, { children: [
-  /* @__PURE__ */ l("span", { className: "tw-text-m tw-text-black-20 tw-h-4 tw-flex tw-items-center", children: "•" }),
-  /* @__PURE__ */ l("span", { className: "tw-whitespace-nowrap", children: e })
-] });
-i.displayName = "FondueFileInfo";
-export {
-  d as AssetSubline
-};
-//# sourceMappingURL=AssetSubline.es.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,155 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { IconCaretDown as B } from "@frontify/fondue-icons";
-import { useButton as D } from "@react-aria/button";
-import { useFocusRing as I, FocusScope as M } from "@react-aria/focus";
-import { useMenuTrigger as W } from "@react-aria/menu";
-import { useOverlay as L, DismissButton as h } from "@react-aria/overlays";
-import { mergeProps as z } from "@react-aria/utils";
-import { useMenuTriggerState as E } from "@react-stately/menu";
-import { motion as Y } from "../../../node_modules/.pnpm/motion@12.43.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/react.es.js";
-import { useRef as x, useState as U, useEffect as V } from "react";
-import { ActionMenu as _ } from "../../ActionMenu/ActionMenu.es.js";
-import { useMemoizedId as g } from "../../../hooks/useMemoizedId.es.js";
-import { FOCUS_STYLE as $ } from "../../../utilities/focusStyle.es.js";
-import { merge as n } from "../../../utilities/merge.es.js";
-import { AssetInputSize as a } from "../AssetInput.es.js";
-import { AssetThumbnail as q } from "../AssetThumbnail.es.js";
-import { AssetSubline as G } from "./AssetSubline.es.js";
-import { SpinningCircle as H } from "./SpinningCircle.es.js";
-import { AnimatePresence as J } from "../../../node_modules/.pnpm/framer-motion@12.43.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,
-  actions: v,
-  isLoading: m,
-  hideSize: k = !1,
-  hideExtension: y = !1
-}) => {
-  const S = g(), u = g(), r = x(null), o = E({}), { isOpen: s, focusStrategy: N } = o, { menuTriggerProps: A } = W({}, o, r), { buttonProps: F } = D(A, r), { isFocusVisible: w, focusProps: C } = I(), d = x(null), { overlayProps: T } = L(
-    { onClose: () => o.close(), shouldCloseOnBlur: !0, isOpen: s, isDismissable: !0 },
-    d
-  ), f = (e == null ? void 0 : e.name) || "Your Asset", [O, P] = U(0);
-  return V(() => {
-    let c = null;
-    const R = () => {
-      var b;
-      const j = ((b = r.current) == null ? void 0 : b.getBoundingClientRect().width) ?? 0;
-      c = setTimeout(() => P(j), 0);
-    }, p = new ResizeObserver(R);
-    return r.current && p.observe(r.current), () => {
-      c && clearTimeout(c), p.disconnect();
-    };
-  }, []), /* @__PURE__ */ l(
-    "div",
-    {
-      className: "tw-font-sans tw-w-full tw-text-s tw-bg-transparent tw-font-normal tw-min-w-0",
-      title: f,
-      "data-test-id": "asset-single-input",
-      children: [
-        /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            ...z(F, C),
-            ref: r,
-            "aria-labelledby": u,
-            className: 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",
-              w && $,
-              i === a.Large ? "tw-h-[11.5rem] tw-flex-col" : "tw-h-14",
-              s || w ? "tw-border-black-90 dark:tw-border-black-10" : "tw-border-black-20 dark:tw-border-black-80"
-            ]),
-            children: [
-              m && !e && /* @__PURE__ */ t(
-                "div",
-                {
-                  className: n([
-                    "tw-flex tw-justify-center tw-items-center",
-                    i === a.Large ? "tw-w-full tw-h-32" : "tw-w-14 tw-h-full"
-                  ]),
-                  children: /* @__PURE__ */ t(H, { size: i })
-                }
-              ),
-              e && /* @__PURE__ */ t(q, { asset: e, size: i, isActive: s || w }),
-              /* @__PURE__ */ l(
-                "div",
-                {
-                  className: 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",
-                    i === a.Large ? "tw-h-14 tw-border-t" : "tw-h-full tw-border-l"
-                  ]),
-                  children: [
-                    /* @__PURE__ */ l("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", children: [
-                      /* @__PURE__ */ t(
-                        "span",
-                        {
-                          id: u,
-                          className: n([
-                            "tw-max-w-full tw-text-black-100 tw-text-s tw-truncate dark:tw-text-white",
-                            (s || w) && "tw-font-medium"
-                          ]),
-                          children: f
-                        }
-                      ),
-                      /* @__PURE__ */ t(
-                        G,
-                        {
-                          asset: e,
-                          isLoading: m,
-                          hideSize: k,
-                          hideExtension: y
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ t("div", { className: "tw-p-4 tw-flex tw-flex-none tw-items-center tw-justify-center", children: /* @__PURE__ */ t(
-                      "span",
-                      {
-                        className: n([
-                          "tw-transition-transform",
-                          s ? "tw-rotate-180 tw-text-black-90" : "tw-text-black-60"
-                        ]),
-                        children: /* @__PURE__ */ t(B, { size: 16 })
-                      }
-                    ) })
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(J, { children: s && /* @__PURE__ */ t(
-          Y.div,
-          {
-            style: {
-              width: O
-            },
-            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",
-            "data-test-id": "asset-single-input-flyout",
-            initial: { height: 0 },
-            animate: { height: "auto" },
-            exit: { height: 0 },
-            transition: { ease: [0.04, 0.62, 0.23, 0.98], duration: 0.5 },
-            children: /* @__PURE__ */ t(M, { restoreFocus: !0, children: /* @__PURE__ */ l("div", { ...T, ref: d, children: [
-              /* @__PURE__ */ t(h, { onDismiss: () => o.close() }),
-              /* @__PURE__ */ t(
-                _,
-                {
-                  menuBlocks: v,
-                  focus: N ?? void 0,
-                  onClick: () => o.close()
-                }
-              ),
-              /* @__PURE__ */ t(h, { onDismiss: () => o.close() })
-            ] }) })
-          },
-          `asset-input-menu-${S}`
-        ) })
-      ]
-    }
-  );
-};
-K.displayName = "FondueSelectedAsset";
-export {
-  K as SelectedAsset
-};
-//# sourceMappingURL=SelectedAsset.es.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,22 +0,0 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { merge as n } from "../../../utilities/merge.es.js";
-import { AssetInputSize as r } from "../AssetInput.es.js";
-const s = ({ size: i }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    className: n(["tw-animate-spin", i === r.Large ? "tw-w-16 tw-h-16" : "tw-w-5 tw-h-5"]),
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 44 44",
-    "data-test-id": "spinning-circle",
-    children: [
-      /* @__PURE__ */ t("path", { fill: "none", stroke: "#f1f3f9", strokeWidth: "2", d: "M2,22 a20,20 0 0,1 20,-20" }),
-      /* @__PURE__ */ t("path", { fill: "none", stroke: "#7159d7", strokeWidth: "2", d: "M2,22 a20,20 0 1,0 20,-20" })
-    ]
-  }
-);
-s.displayName = "FondueSpinningCircle";
-export {
-  s as SpinningCircle
-};
-//# sourceMappingURL=SpinningCircle.es.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-var a = /* @__PURE__ */ ((r) => (r.XSmall = "XSmall", r.Small = "Small", r.Large = "Large", r))(a || {}), g = /* @__PURE__ */ ((r) => (r.Primary = "Primary", r.Danger = "Danger", r.Warning = "Warning", r))(g || {}), h = /* @__PURE__ */ ((r) => (r.Check = "Check", r.CaretRight = "CaretRight", r.None = "None", r))(h || {});
-export {
-  a as AssetInputMenuItemContentSize,
-  g as AssetInputMenuItemStyle,
-  h as AssetInputSelectionIndicatorIcon
-};
-//# sourceMappingURL=types.es.js.map

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

@@ -1 +0,0 @@
-{"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/Badge.es.js

@@ -1,85 +0,0 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { IconCross as N } from "@frontify/fondue-icons";
-import { cloneElement as B } from "react";
-import { FOCUS_VISIBLE_STYLE as c } from "../../utilities/focusStyle.es.js";
-import { merge as m } from "../../utilities/merge.es.js";
-import { BadgeStatusIcon as C } from "./BadgeStatusIcon.es.js";
-import { getCircularSizeClasses as j, getSizeClasses as v, getStyleClasses as h } from "./helpers.es.js";
-import { BadgeEmphasis as d, BadgeStyle as E } from "./types.es.js";
-const $ = ({
-  children: e,
-  status: r,
-  icon: i,
-  style: g = E.Primary,
-  size: w = "medium",
-  emphasis: x = d.None,
-  disabled: o = !1,
-  onClick: n,
-  onDismiss: s,
-  "data-test-id": a = "badge",
-  withTitleAttribute: b = !0
-}) => {
-  if (!e && !i && !r)
-    return null;
-  const y = n ? "button" : "span", u = (t) => ["string", "number"].includes(typeof t) ? t : Array.isArray(t) ? t.map(u).join("") : t && typeof t == "object" && "props" in t ? u(t.props.children) : "", f = u(e), S = !e && !s && !!(r || i);
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      className: m([
-        "tw-relative tw-rounded-full tw-inline-flex tw-items-center tw-align-top tw-min-w-0 tw-flex-initial tw-transition-color",
-        o ? "tw-bg-box-disabled tw-text-box-disabled-inverse" : h(g, !!n, x === d.Strong)
-      ]),
-      "data-test-id": a,
-      children: [
-        /* @__PURE__ */ p(
-          y,
-          {
-            onClick: () => {
-              n && n();
-            },
-            className: m([
-              "tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-select-none tw-flex-initial tw-min-w-0",
-              n && !o ? "hover:tw-cursor-pointer" : "tw-cursor-default",
-              S ? j(w) : v(e, r, i, w, !!s),
-              c
-            ]),
-            "data-test-id": `${a}-button`,
-            title: b ? f : void 0,
-            children: [
-              r ? /* @__PURE__ */ l(C, { status: r, disabled: o, "data-test-id": a }) : null,
-              i ? /* @__PURE__ */ l(
-                "span",
-                {
-                  "data-test-id": `${a}-icon`,
-                  className: m(["tw-flex-none tw-leading-none", o && "tw-opacity-30"]),
-                  children: B(i, { size: 16 })
-                }
-              ) : null,
-              e ? /* @__PURE__ */ l("span", { className: "tw-text-center tw-text-xxs tw-font-sans tw-font-normal tw-truncate", children: e }) : null
-            ]
-          }
-        ),
-        s ? /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            "data-test-id": `${a}-dismiss`,
-            className: m([
-              "tw-absolute tw-rounded tw-leading-4",
-              c,
-              w === "medium" ? "tw-right-1.5" : "tw-right-1"
-            ]),
-            onClick: () => s(),
-            "aria-label": `Dismiss ${f}`,
-            children: /* @__PURE__ */ l(N, { size: 16 })
-          }
-        ) : null
-      ]
-    }
-  );
-};
-$.displayName = "FondueBadge";
-export {
-  $ as Badge
-};
-//# sourceMappingURL=Badge.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.es.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\nimport { type ReactElement, type ReactNode, cloneElement } from 'react';\n\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { BadgeStatusIcon } from './BadgeStatusIcon';\nimport { getCircularSizeClasses, getSizeClasses, getStyleClasses } from './helpers';\nimport { BadgeEmphasis, type BadgeProps, BadgeStyle } from './types';\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const Badge = ({\n    children,\n    status,\n    icon,\n    style = BadgeStyle.Primary,\n    size = 'medium',\n    emphasis = BadgeEmphasis.None,\n    disabled = false,\n    onClick,\n    onDismiss,\n    'data-test-id': dataTestId = 'badge',\n    withTitleAttribute = true,\n}: BadgeProps): Nullable<ReactElement> => {\n    if (!children && !icon && !status) {\n        return null;\n    }\n\n    const Container = onClick ? 'button' : 'span';\n\n    const getNodeText = (node: ReactNode): string => {\n        if (['string', 'number'].includes(typeof node)) {\n            return node as string;\n        }\n        if (Array.isArray(node)) {\n            return node.map(getNodeText).join('');\n        }\n        if (node && typeof node === 'object' && 'props' in node) {\n            return getNodeText(node.props.children);\n        }\n        return '';\n    };\n\n    const badgeTitle = getNodeText(children);\n    const isCircular = !children && !onDismiss && Boolean(status || icon);\n\n    return (\n        <div\n            className={merge([\n                'tw-relative tw-rounded-full tw-inline-flex tw-items-center tw-align-top tw-min-w-0 tw-flex-initial tw-transition-color',\n                disabled\n                    ? 'tw-bg-box-disabled tw-text-box-disabled-inverse'\n                    : getStyleClasses(style, !!onClick, emphasis === BadgeEmphasis.Strong),\n            ])}\n            data-test-id={dataTestId}\n        >\n            <Container\n                onClick={() => {\n                    if (onClick) {\n                        onClick();\n                    }\n                }}\n                className={merge([\n                    'tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-select-none tw-flex-initial tw-min-w-0',\n                    onClick && !disabled ? 'hover:tw-cursor-pointer' : 'tw-cursor-default',\n                    isCircular\n                        ? getCircularSizeClasses(size)\n                        : getSizeClasses(children, status, icon, size, !!onDismiss),\n                    FOCUS_VISIBLE_STYLE,\n                ])}\n                data-test-id={`${dataTestId}-button`}\n                title={withTitleAttribute ? badgeTitle : undefined}\n            >\n                {status ? <BadgeStatusIcon status={status} disabled={disabled} data-test-id={dataTestId} /> : null}\n                {icon ? (\n                    <span\n                        data-test-id={`${dataTestId}-icon`}\n                        className={merge(['tw-flex-none tw-leading-none', disabled && 'tw-opacity-30'])}\n                    >\n                        {cloneElement(icon, { size: 16 })}\n                    </span>\n                ) : null}\n                {children ? (\n                    <span className=\"tw-text-center tw-text-xxs tw-font-sans tw-font-normal tw-truncate\">\n                        {children}\n                    </span>\n                ) : null}\n            </Container>\n            {onDismiss ? (\n                <button\n                    type=\"button\"\n                    data-test-id={`${dataTestId}-dismiss`}\n                    className={merge([\n                        'tw-absolute tw-rounded tw-leading-4',\n                        FOCUS_VISIBLE_STYLE,\n                        size === 'medium' ? 'tw-right-1.5' : 'tw-right-1',\n                    ])}\n                    onClick={() => onDismiss()}\n                    aria-label={`Dismiss ${badgeTitle}`}\n                >\n                    <IconCross size={16} />\n                </button>\n            ) : null}\n        </div>\n    );\n};\nBadge.displayName = 'FondueBadge';\n"],"names":["Badge","children","status","icon","style","BadgeStyle","size","emphasis","BadgeEmphasis","disabled","onClick","onDismiss","dataTestId","withTitleAttribute","Container","getNodeText","node","badgeTitle","isCircular","jsxs","merge","getStyleClasses","getCircularSizeClasses","getSizeClasses","FOCUS_VISIBLE_STYLE","BadgeStatusIcon","jsx","cloneElement","IconCross"],"mappings":";;;;;;;;AAeO,MAAMA,IAAQ,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAQC,EAAW;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAWC,EAAc;AAAA,EACzB,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,oBAAAC,IAAqB;AACzB,MAA0C;AACtC,MAAI,CAACZ,KAAY,CAACE,KAAQ,CAACD;AACvB,WAAO;AAGX,QAAMY,IAAYJ,IAAU,WAAW,QAEjCK,IAAc,CAACC,MACb,CAAC,UAAU,QAAQ,EAAE,SAAS,OAAOA,CAAI,IAClCA,IAEP,MAAM,QAAQA,CAAI,IACXA,EAAK,IAAID,CAAW,EAAE,KAAK,EAAE,IAEpCC,KAAQ,OAAOA,KAAS,YAAY,WAAWA,IACxCD,EAAYC,EAAK,MAAM,QAAQ,IAEnC,IAGLC,IAAaF,EAAYd,CAAQ,GACjCiB,IAAa,CAACjB,KAAY,CAACU,KAAa,GAAQT,KAAUC;AAEhE,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAM;AAAA,QACb;AAAA,QACAX,IACM,oDACAY,EAAgBjB,GAAO,CAAC,CAACM,GAASH,MAAaC,EAAc,MAAM;AAAA,MAAA,CAC5E;AAAA,MACD,gBAAcI;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACL;AAAA,UAAA;AAAA,YACG,SAAS,MAAM;AACX,cAAIJ,KACAA,EAAA;AAAA,YAER;AAAA,YACA,WAAWU,EAAM;AAAA,cACb;AAAA,cACAV,KAAW,CAACD,IAAW,4BAA4B;AAAA,cACnDS,IACMI,EAAuBhB,CAAI,IAC3BiB,EAAetB,GAAUC,GAAQC,GAAMG,GAAM,CAAC,CAACK,CAAS;AAAA,cAC9Da;AAAA,YAAA,CACH;AAAA,YACD,gBAAc,GAAGZ,CAAU;AAAA,YAC3B,OAAOC,IAAqBI,IAAa;AAAA,YAExC,UAAA;AAAA,cAAAf,sBAAUuB,GAAA,EAAgB,QAAAvB,GAAgB,UAAAO,GAAoB,gBAAcG,GAAY,IAAK;AAAA,cAC7FT,IACG,gBAAAuB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,gBAAc,GAAGd,CAAU;AAAA,kBAC3B,WAAWQ,EAAM,CAAC,gCAAgCX,KAAY,eAAe,CAAC;AAAA,kBAE7E,UAAAkB,EAAaxB,GAAM,EAAE,MAAM,IAAI;AAAA,gBAAA;AAAA,cAAA,IAEpC;AAAA,cACHF,IACG,gBAAAyB,EAAC,QAAA,EAAK,WAAU,sEACX,UAAAzB,GACL,IACA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPU,IACG,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,gBAAc,GAAGd,CAAU;AAAA,YAC3B,WAAWQ,EAAM;AAAA,cACb;AAAA,cACAI;AAAA,cACAlB,MAAS,WAAW,iBAAiB;AAAA,YAAA,CACxC;AAAA,YACD,SAAS,MAAMK,EAAA;AAAA,YACf,cAAY,WAAWM,CAAU;AAAA,YAEjC,UAAA,gBAAAS,EAACE,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA,IAEzB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA5B,EAAM,cAAc;"}

package/dist/components/Badge/BadgeStatusIcon.es.js

@@ -1,24 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { getColorDisplayValue as i } from "../../utilities/colors.es.js";
-import { merge as l } from "../../utilities/merge.es.js";
-import { ColorFormat as n } from "../../types/colors.es.js";
-import { isBadgeStatus as o, badgeStatusClasses as d } from "./helpers.es.js";
-const m = ({ status: e, disabled: a, "data-test-id": r = "badge" }) => /* @__PURE__ */ t("div", { className: "tw-flex-none tw-inline-flex tw-justify-center tw-items-center ", children: /* @__PURE__ */ t(
-  "span",
-  {
-    "data-test-id": `${r}-status`,
-    className: l([
-      "tw-w-2 tw-h-2 tw-rounded-full tw-flex-none",
-      a && "tw-opacity-30",
-      o(e) && d[e]
-    ]),
-    style: o(e) ? {} : {
-      backgroundColor: typeof e == "string" ? e : i(e, n.Rgba, !0)
-    }
-  }
-) });
-m.displayName = "FondueBadgeStatusIcon";
-export {
-  m as BadgeStatusIcon
-};
-//# sourceMappingURL=BadgeStatusIcon.es.js.map

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

@@ -1 +0,0 @@
-{"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/Badge/helpers.es.js

@@ -1,73 +0,0 @@
-import { merge as t } from "../../utilities/merge.es.js";
-import { BadgeStyle as o, BadgeStatus as n } from "./types.es.js";
-const a = (r, e, s) => (s ? {
-  [o.Primary]: t([
-    "tw-bg-box-neutral-strong tw-text-box-neutral-strong-inverse",
-    e && "hover:tw-bg-box-neutral-strong-hover hover:tw-text-box-neutral-strong-inverse-hover"
-  ]),
-  [o.Positive]: t([
-    "tw-bg-box-positive-strong tw-text-box-positive-strong-inverse",
-    e && "hover:tw-bg-box-positive-strong-hover hover:tw-text-box-positive-strong-inverse-hover"
-  ]),
-  [o.Danger]: t([
-    "tw-bg-box-negative-strong tw-text-box-negative-strong-inverse",
-    e && "hover:tw-bg-box-negative-strong-hover hover:tw-text-box-negative-strong-inverse-hover"
-  ]),
-  [o.Progress]: t([
-    "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse",
-    e && "hover:tw-bg-box-selected-strong-hover hover:tw-text-box-selected-strong-inverse-hover"
-  ]),
-  [o.Warning]: t([
-    "tw-bg-box-warning-strong tw-text-box-warning-strong-inverse",
-    e && "hover:tw-bg-box-warning-strong-hover hover:tw-text-box-warning-strong-inverse-hover"
-  ])
-} : {
-  [o.Primary]: t([
-    "tw-bg-box-neutral tw-text-box-neutral-inverse",
-    e && "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
-  ]),
-  [o.Positive]: t([
-    "tw-bg-box-positive tw-text-box-positive-inverse",
-    e && "hover:tw-bg-box-positive-hover hover:tw-text-box-positive-inverse-hover"
-  ]),
-  [o.Progress]: t([
-    "tw-bg-box-selected tw-text-box-selected-inverse",
-    e && "hover:tw-bg-box-selected-hover hover:tw-text-box-selected-inverse-hover"
-  ]),
-  [o.Warning]: t([
-    "tw-bg-box-warning tw-text-box-warning-inverse",
-    e && "hover:tw-bg-box-warning-hover hover:tw-text-box-warning-inverse-hover"
-  ]),
-  [o.Danger]: t([
-    "tw-bg-box-negative tw-text-box-negative-inverse",
-    e && "hover:tw-bg-box-negative-hover hover:tw-text-box-negative-inverse-hover"
-  ])
-})[r] ?? "", h = (r) => Object.values(n).includes(r), l = (r) => ({
-  small: "tw-h-5 tw-w-5",
-  medium: "tw-h-6 tw-w-6"
-})[r], p = (r, e, s, v, g) => {
-  const w = v === "small", i = !(r && e && s);
-  return w ? t([
-    "tw-h-5 tw-px-2 tw-gap-x-1",
-    i && "tw-gap-x-1.5",
-    g && "tw-pr-5"
-  ]) : t([
-    "tw-h-6",
-    "tw-px-2.5 tw-gap-x-1",
-    i && "tw-gap-x-2",
-    g && "tw-pr-6"
-  ]);
-}, c = {
-  [n.Positive]: "tw-bg-green-60",
-  [n.Progress]: "tw-bg-violet-60",
-  [n.Warning]: "tw-bg-yellow-60",
-  [n.Danger]: "tw-bg-red-60"
-};
-export {
-  c as badgeStatusClasses,
-  l as getCircularSizeClasses,
-  p as getSizeClasses,
-  a as getStyleClasses,
-  h as isBadgeStatus
-};
-//# sourceMappingURL=helpers.es.js.map

package/dist/components/Badge/helpers.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../src/components/Badge/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { type Color } from '../../types';\n\nimport { type BadgeProps, type BadgeSize, BadgeStatus, BadgeStyle } from './types';\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const getStyleClasses = (style: BadgeStyle, hasHover: boolean, strong: boolean): string =>\n    (strong\n        ? {\n              [BadgeStyle.Primary]: merge([\n                  'tw-bg-box-neutral-strong tw-text-box-neutral-strong-inverse',\n                  hasHover && 'hover:tw-bg-box-neutral-strong-hover hover:tw-text-box-neutral-strong-inverse-hover',\n              ]),\n              [BadgeStyle.Positive]: merge([\n                  'tw-bg-box-positive-strong tw-text-box-positive-strong-inverse',\n                  hasHover && 'hover:tw-bg-box-positive-strong-hover hover:tw-text-box-positive-strong-inverse-hover',\n              ]),\n              [BadgeStyle.Danger]: merge([\n                  'tw-bg-box-negative-strong tw-text-box-negative-strong-inverse',\n                  hasHover && 'hover:tw-bg-box-negative-strong-hover hover:tw-text-box-negative-strong-inverse-hover',\n              ]),\n              [BadgeStyle.Progress]: merge([\n                  'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse',\n                  hasHover && 'hover:tw-bg-box-selected-strong-hover hover:tw-text-box-selected-strong-inverse-hover',\n              ]),\n              [BadgeStyle.Warning]: merge([\n                  'tw-bg-box-warning-strong tw-text-box-warning-strong-inverse',\n                  hasHover && 'hover:tw-bg-box-warning-strong-hover hover:tw-text-box-warning-strong-inverse-hover',\n              ]),\n          }\n        : {\n              [BadgeStyle.Primary]: merge([\n                  'tw-bg-box-neutral tw-text-box-neutral-inverse',\n                  hasHover && 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n              ]),\n              [BadgeStyle.Positive]: merge([\n                  'tw-bg-box-positive tw-text-box-positive-inverse',\n                  hasHover && 'hover:tw-bg-box-positive-hover hover:tw-text-box-positive-inverse-hover',\n              ]),\n              [BadgeStyle.Progress]: merge([\n                  'tw-bg-box-selected tw-text-box-selected-inverse',\n                  hasHover && 'hover:tw-bg-box-selected-hover hover:tw-text-box-selected-inverse-hover',\n              ]),\n              [BadgeStyle.Warning]: merge([\n                  'tw-bg-box-warning tw-text-box-warning-inverse',\n                  hasHover && 'hover:tw-bg-box-warning-hover hover:tw-text-box-warning-inverse-hover',\n              ]),\n              [BadgeStyle.Danger]: merge([\n                  'tw-bg-box-negative tw-text-box-negative-inverse',\n                  hasHover && 'hover:tw-bg-box-negative-hover hover:tw-text-box-negative-inverse-hover',\n              ]),\n          })[style] ?? '';\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const isBadgeStatus = (style: BadgeStatus | Color | string): style is BadgeStatus =>\n    Object.values(BadgeStatus).includes(style as BadgeStatus);\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const getCircularSizeClasses = (size: BadgeSize) =>\n    ({\n        small: 'tw-h-5 tw-w-5',\n        medium: 'tw-h-6 tw-w-6',\n    })[size];\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const getSizeClasses = (\n    children: ReactNode,\n    status: BadgeProps['status'],\n    icon: BadgeProps['icon'],\n    size: BadgeSize,\n    isDismissable: boolean,\n) => {\n    const isSmall = size === 'small';\n    const hasMaximumTwoComponents = !(children && status && icon);\n\n    if (isSmall) {\n        return merge([\n            'tw-h-5 tw-px-2 tw-gap-x-1',\n            hasMaximumTwoComponents && 'tw-gap-x-1.5',\n            isDismissable && 'tw-pr-5',\n        ]);\n    } else {\n        return merge([\n            'tw-h-6',\n            'tw-px-2.5 tw-gap-x-1',\n            hasMaximumTwoComponents && 'tw-gap-x-2',\n            isDismissable && 'tw-pr-6',\n        ]);\n    }\n};\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport const badgeStatusClasses: Record<BadgeStatus, string> = {\n    [BadgeStatus.Positive]: 'tw-bg-green-60',\n    [BadgeStatus.Progress]: 'tw-bg-violet-60',\n    [BadgeStatus.Warning]: 'tw-bg-yellow-60',\n    [BadgeStatus.Danger]: 'tw-bg-red-60',\n};\n"],"names":["getStyleClasses","style","hasHover","strong","BadgeStyle","merge","isBadgeStatus","BadgeStatus","getCircularSizeClasses","size","getSizeClasses","children","status","icon","isDismissable","isSmall","hasMaximumTwoComponents","badgeStatusClasses"],"mappings":";;AAaO,MAAMA,IAAkB,CAACC,GAAmBC,GAAmBC,OACjEA,IACK;AAAA,EACI,CAACC,EAAW,OAAO,GAAGC,EAAM;AAAA,IACxB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,QAAQ,GAAGC,EAAM;AAAA,IACzB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,MAAM,GAAGC,EAAM;AAAA,IACvB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,QAAQ,GAAGC,EAAM;AAAA,IACzB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,OAAO,GAAGC,EAAM;AAAA,IACxB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AACL,IACA;AAAA,EACI,CAACE,EAAW,OAAO,GAAGC,EAAM;AAAA,IACxB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,QAAQ,GAAGC,EAAM;AAAA,IACzB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,QAAQ,GAAGC,EAAM;AAAA,IACzB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,OAAO,GAAGC,EAAM;AAAA,IACxB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AAAA,EACD,CAACE,EAAW,MAAM,GAAGC,EAAM;AAAA,IACvB;AAAA,IACAH,KAAY;AAAA,EAAA,CACf;AACL,GAAGD,CAAK,KAAK,IAKVK,IAAgB,CAACL,MAC1B,OAAO,OAAOM,CAAW,EAAE,SAASN,CAAoB,GAK/CO,IAAyB,CAACC,OAClC;AAAA,EACG,OAAO;AAAA,EACP,QAAQ;AACZ,GAAGA,CAAI,GAKEC,IAAiB,CAC1BC,GACAC,GACAC,GACAJ,GACAK,MACC;AACD,QAAMC,IAAUN,MAAS,SACnBO,IAA0B,EAAEL,KAAYC,KAAUC;AAExD,SAAIE,IACOV,EAAM;AAAA,IACT;AAAA,IACAW,KAA2B;AAAA,IAC3BF,KAAiB;AAAA,EAAA,CACpB,IAEMT,EAAM;AAAA,IACT;AAAA,IACA;AAAA,IACAW,KAA2B;AAAA,IAC3BF,KAAiB;AAAA,EAAA,CACpB;AAET,GAKaG,IAAkD;AAAA,EAC3D,CAACV,EAAY,QAAQ,GAAG;AAAA,EACxB,CAACA,EAAY,QAAQ,GAAG;AAAA,EACxB,CAACA,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,MAAM,GAAG;AAC1B;"}

package/dist/components/Badge/types.es.js

@@ -1,7 +0,0 @@
-var n = /* @__PURE__ */ ((r) => (r.Positive = "Positive", r.Progress = "Progress", r.Warning = "Warning", r.Danger = "Danger", r))(n || {}), i = /* @__PURE__ */ ((r) => (r.Primary = "Primary", r.Positive = "Positive", r.Progress = "Progress", r.Warning = "Warning", r.Danger = "Danger", r))(i || {}), o = /* @__PURE__ */ ((r) => (r.Strong = "Strong", r.None = "None", r))(o || {});
-export {
-  o as BadgeEmphasis,
-  n as BadgeStatus,
-  i as BadgeStyle
-};
-//# sourceMappingURL=types.es.js.map

package/dist/components/Badge/types.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.es.js","sources":["../../../src/components/Badge/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type FondueIconProps } from '@frontify/fondue-icons';\nimport { type ReactElement, type ReactNode } from 'react';\n\nimport { type Color } from '../../types';\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport type BadgeSize = 'small' | 'medium';\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport type BadgeProps = {\n    style?: BadgeStyle;\n    icon?: ReactElement<FondueIconProps>;\n    status?: BadgeStatusIconProps['status'];\n    onClick?: () => void;\n    onDismiss?: () => void;\n    disabled?: boolean;\n    emphasis?: BadgeEmphasis;\n    size?: BadgeSize;\n    children?: ReactNode;\n    'data-test-id'?: string;\n    /** @description withTitle could be disabled only in the case another overlay is present, ex Tooltip */\n    withTitleAttribute?: boolean;\n};\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport type BadgeStatusIconProps = { status: BadgeStatus | Color | string; disabled: boolean; 'data-test-id'?: string };\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport enum BadgeStatus {\n    Positive = 'Positive',\n    Progress = 'Progress',\n    Warning = 'Warning',\n    Danger = 'Danger',\n}\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport enum BadgeStyle {\n    Primary = 'Primary',\n    Positive = 'Positive',\n    Progress = 'Progress',\n    Warning = 'Warning',\n    Danger = 'Danger',\n}\n\n/**\n * @deprecated Please use updated badge component from `@frontify/fondue/components` instead.\n */\nexport enum BadgeEmphasis {\n    Strong = 'Strong',\n    None = 'None',\n}\n"],"names":["BadgeStatus","BadgeStyle","BadgeEmphasis"],"mappings":"AAsCO,IAAKA,sBAAAA,OACRA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,SAAS,UAJDA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACRA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,SAAS,UALDA,IAAAA,KAAA,CAAA,CAAA,GAWAC,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QAFCA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,68 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useBreadcrumbItem as b } from "@react-aria/breadcrumbs";
-import { useFocusRing as y } from "@react-aria/focus";
-import { mergeProps as F } from "@react-aria/utils";
-import { useRef as I } from "react";
-import { getItemElementType as N } from "../../utilities/elements.es.js";
-import { FOCUS_STYLE_NO_OFFSET as v } from "../../utilities/focusStyle.es.js";
-import { merge as c } from "../../utilities/merge.es.js";
-const T = () => /* @__PURE__ */ r(
-  "svg",
-  {
-    "aria-hidden": "true",
-    width: "13",
-    height: "17",
-    viewBox: "0 0 13 17",
-    fill: "none",
-    className: "tw-stroke-current tw-text-black-20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ r("line", { x1: "3.52447", y1: "16.0623", x2: "8.46874", y2: "0.845385" })
-  }
-), B = ({
-  decorator: p,
-  label: s,
-  link: o,
-  onClick: m,
-  showSeparator: w,
-  children: l,
-  "data-test-id": d = "breadcrumb"
-}) => {
-  const n = I(null), t = N(o, m), e = t !== "span", { itemProps: u } = b(
-    {
-      isCurrent: !1,
-      children: s,
-      elementType: t
-    },
-    n
-  ), { isFocusVisible: x, focusProps: f } = y(), i = {
-    a: { href: o },
-    button: { onClick: m, type: "button" },
-    span: { tabIndex: -1 }
-  }, h = e ? F(u, f, i[t]) : i[t], g = c([
-    "tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-rounded",
-    e && x && v
-  ]);
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      className: c([
-        "tw-flex tw-items-center tw-text-text-weak tw-text-xs tw-transition-colors",
-        e && "hover:tw-text-text"
-      ]),
-      "data-test-id": `${d}-item`,
-      children: [
-        l ?? // eslint-disable-next-line @eslint-react/static-components
-        /* @__PURE__ */ a(t, { ref: n, ...h, className: g, children: [
-          p,
-          s
-        ] }),
-        w && /* @__PURE__ */ r(T, {})
-      ]
-    }
-  );
-};
-B.displayName = "FondueBreadcrumbItem";
-export {
-  B as BreadcrumbItem
-};
-//# sourceMappingURL=BreadcrumbItem.es.js.map

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

@@ -1 +0,0 @@
-{"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;"}