@frontify/fondue 13.8.1 → 14.0.0-beta.0

package/dist/components/Accordion/AccordionHeader.es.js

@@ -1,47 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as w, isValidElement as m, cloneElement as d } from "react";
-import { merge as x } from "../../utilities/merge.es.js";
-import { AccordionHeaderIcon as f } from "./AccordionHeaderIcon.es.js";
-const p = "fondue-accordion-header", h = ({
-  isOpen: a = !1,
-  decorator: r,
-  disabled: n = !1,
-  children: s,
-  "data-test-id": t = p
-}) => {
-  const [o, c] = w(null), i = /* @__PURE__ */ e(f, { isOpen: a });
-  return /* @__PURE__ */ e("span", { "data-test-id": t, className: "tw-block tw-px-8 tw-py-6", children: /* @__PURE__ */ l(
-    "span",
-    {
-      "data-test-id": `${t}-container`,
-      role: "navigation",
-      "aria-label": `${(o == null ? void 0 : o.innerText) || ""}`,
-      className: x([
-        "tw-flex tw-items-center tw-gap-x-1.5 tw-w-full tw-flex-row",
-        !n && a && "tw-text-text",
-        !n && !a && "tw-text-text-weak hover:tw-text-text",
-        n && "tw-text-text-disabled"
-      ]),
-      children: [
-        m(r) && /* @__PURE__ */ e("span", { "data-test-id": `${t}-decorator`, className: "tw-shrink-0 tw-leading-4", children: d(r, {
-          size: 16
-        }) }),
-        /* @__PURE__ */ e(
-          "span",
-          {
-            ref: c,
-            "data-test-id": `${t}-text`,
-            className: "tw-text-left tw-text-m tw-font-normal",
-            children: s
-          }
-        ),
-        i && /* @__PURE__ */ e("span", { "data-test-id": `${t}-icon-container`, className: "tw-ml-auto tw-shrink-0", children: i })
-      ]
-    }
-  ) });
-};
-h.displayName = "FondueAccordionHeader";
-export {
-  h as AccordionHeader
-};
-//# sourceMappingURL=AccordionHeader.es.js.map

package/dist/components/Accordion/AccordionHeader.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionHeader.es.js","sources":["../../../src/components/Accordion/AccordionHeader.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement, cloneElement, isValidElement, useState } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { AccordionHeaderIcon } from './AccordionHeaderIcon';\nimport { type AccordionHeaderProps } from './types';\n\n/**\n * @deprecated Please use updated Accordion component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#accordion the migration guide}.\n */\nconst ACCORDION_HEADER_TEST_ID = 'fondue-accordion-header';\n\n/**\n * @deprecated Please use updated Accordion component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#accordion the migration guide}.\n */\nexport const AccordionHeader = ({\n    isOpen = false,\n    decorator,\n    disabled = false,\n    children,\n    'data-test-id': dataTestId = ACCORDION_HEADER_TEST_ID,\n}: AccordionHeaderProps) => {\n    const [headingRef, setHeadingRef] = useState<HTMLSpanElement | null>(null);\n    const icon = <AccordionHeaderIcon isOpen={isOpen} />;\n\n    return (\n        <span data-test-id={dataTestId} className=\"tw-block tw-px-8 tw-py-6\">\n            <span\n                data-test-id={`${dataTestId}-container`}\n                role=\"navigation\"\n                aria-label={`${headingRef?.innerText || ''}`}\n                className={merge([\n                    'tw-flex tw-items-center tw-gap-x-1.5 tw-w-full tw-flex-row',\n                    !disabled && isOpen && 'tw-text-text',\n                    !disabled && !isOpen && 'tw-text-text-weak hover:tw-text-text',\n                    disabled && 'tw-text-text-disabled',\n                ])}\n            >\n                {isValidElement(decorator) && (\n                    <span data-test-id={`${dataTestId}-decorator`} className=\"tw-shrink-0 tw-leading-4\">\n                        {cloneElement(decorator as ReactElement, {\n                            size: 16,\n                        })}\n                    </span>\n                )}\n                <span\n                    ref={setHeadingRef}\n                    data-test-id={`${dataTestId}-text`}\n                    className=\"tw-text-left tw-text-m tw-font-normal\"\n                >\n                    {children}\n                </span>\n                {icon && (\n                    <span data-test-id={`${dataTestId}-icon-container`} className=\"tw-ml-auto tw-shrink-0\">\n                        {icon}\n                    </span>\n                )}\n            </span>\n        </span>\n    );\n};\nAccordionHeader.displayName = 'FondueAccordionHeader';\n"],"names":["ACCORDION_HEADER_TEST_ID","AccordionHeader","isOpen","decorator","disabled","children","dataTestId","headingRef","setHeadingRef","useState","icon","jsx","AccordionHeaderIcon","jsxs","merge","isValidElement","cloneElement"],"mappings":";;;;AAYA,MAAMA,IAA2B,2BAKpBC,IAAkB,CAAC;AAAA,EAC5B,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,gBAAgBC,IAAaN;AACjC,MAA4B;AACxB,QAAM,CAACO,GAAYC,CAAa,IAAIC,EAAiC,IAAI,GACnEC,IAAO,gBAAAC,EAACC,GAAA,EAAoB,QAAAV,EAAA,CAAgB;AAElD,SACI,gBAAAS,EAAC,QAAA,EAAK,gBAAcL,GAAY,WAAU,4BACtC,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,GAAGP,CAAU;AAAA,MAC3B,MAAK;AAAA,MACL,cAAY,IAAGC,KAAA,gBAAAA,EAAY,cAAa,EAAE;AAAA,MAC1C,WAAWO,EAAM;AAAA,QACb;AAAA,QACA,CAACV,KAAYF,KAAU;AAAA,QACvB,CAACE,KAAY,CAACF,KAAU;AAAA,QACxBE,KAAY;AAAA,MAAA,CACf;AAAA,MAEA,UAAA;AAAA,QAAAW,EAAeZ,CAAS,KACrB,gBAAAQ,EAAC,QAAA,EAAK,gBAAc,GAAGL,CAAU,cAAc,WAAU,4BACpD,UAAAU,EAAab,GAA2B;AAAA,UACrC,MAAM;AAAA,QAAA,CACT,GACL;AAAA,QAEJ,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKH;AAAA,YACL,gBAAc,GAAGF,CAAU;AAAA,YAC3B,WAAU;AAAA,YAET,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJK,uBACI,QAAA,EAAK,gBAAc,GAAGJ,CAAU,mBAAmB,WAAU,0BACzD,UAAAI,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER;AACAT,EAAgB,cAAc;"}

package/dist/components/Accordion/AccordionHeaderIcon.es.js

@@ -1,24 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { IconCaretDown as r } from "@frontify/fondue-icons";
-import { merge as n } from "../../utilities/merge.es.js";
-const i = "fondue-accordion-header-icon", c = {
-  small: 12,
-  medium: 16,
-  large: 20
-}, d = ({
-  size: t = "medium",
-  isOpen: a,
-  "data-test-id": e = i
-}) => /* @__PURE__ */ o("span", { "data-test-id": `${e}-wrapper`, className: "tw-block", children: /* @__PURE__ */ o(
-  "span",
-  {
-    "data-test-id": e,
-    className: n(["tw-block tw-transition-transform", a && "tw-rotate-180 tw-duration-300"]),
-    children: /* @__PURE__ */ o(r, { size: c[t] })
-  }
-) });
-d.displayName = "FondueAccordionHeaderIcon";
-export {
-  d as AccordionHeaderIcon
-};
-//# sourceMappingURL=AccordionHeaderIcon.es.js.map

package/dist/components/Accordion/AccordionHeaderIcon.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionHeaderIcon.es.js","sources":["../../../src/components/Accordion/AccordionHeaderIcon.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type FondueIconProps, IconCaretDown } from '@frontify/fondue-icons';\nimport { type ReactElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { type AccordionHeaderIconProps, type AccordionHeaderIconSize } from './types';\n\n/**\n * @deprecated Please use updated Accordion component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#accordion the migration guide}.\n */\nconst ACCORDION_HEADER_ICON_ID = 'fondue-accordion-header-icon';\n\nconst sizeMap: Record<AccordionHeaderIconSize, FondueIconProps['size']> = {\n    small: 12,\n    medium: 16,\n    large: 20,\n};\n\n/**\n * @deprecated Please use updated Accordion component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#accordion the migration guide}.\n */\nexport const AccordionHeaderIcon = ({\n    size = 'medium',\n    isOpen,\n    'data-test-id': dataTestId = ACCORDION_HEADER_ICON_ID,\n}: AccordionHeaderIconProps): ReactElement => (\n    <span data-test-id={`${dataTestId}-wrapper`} className=\"tw-block\">\n        <span\n            data-test-id={dataTestId}\n            className={merge(['tw-block tw-transition-transform', isOpen && 'tw-rotate-180 tw-duration-300'])}\n        >\n            <IconCaretDown size={sizeMap[size]} />\n        </span>\n    </span>\n);\n\nAccordionHeaderIcon.displayName = 'FondueAccordionHeaderIcon';\n"],"names":["ACCORDION_HEADER_ICON_ID","sizeMap","AccordionHeaderIcon","size","isOpen","dataTestId","jsx","merge","IconCaretDown"],"mappings":";;;AAYA,MAAMA,IAA2B,gCAE3BC,IAAoE;AAAA,EACtE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX,GAKaC,IAAsB,CAAC;AAAA,EAChC,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,gBAAgBC,IAAaL;AACjC,wBACK,QAAA,EAAK,gBAAc,GAAGK,CAAU,YAAY,WAAU,YACnD,UAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAcD;AAAA,IACd,WAAWE,EAAM,CAAC,oCAAoCH,KAAU,+BAA+B,CAAC;AAAA,IAEhG,UAAA,gBAAAE,EAACE,GAAA,EAAc,MAAMP,EAAQE,CAAI,EAAA,CAAG;AAAA,EAAA;AACxC,EAAA,CACJ;AAGJD,EAAoB,cAAc;"}

package/dist/components/ActionMenu/ActionMenu.es.js

@@ -1,40 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMenu as I } from "@react-aria/menu";
-import { useTreeState as M } from "@react-stately/tree";
-import { useRef as b } from "react";
-import { AriaList as R } from "./Aria/AriaList.es.js";
-import { AriaMenuItem as g } from "./Aria/AriaMenuItem.es.js";
-import { AriaSection as h } from "./Aria/AriaSection.es.js";
-import { getMenuItems as k, getKeyItemRecord as K, mapToAriaProps as L, getDisabledItemIds as P } from "./Aria/helper.es.js";
-const x = ({
-  menuBlocks: r,
-  ariaLabel: a = "Action Menu",
-  focus: c,
-  border: p = !0,
-  scrollable: u = !1,
-  onClick: l
-}) => {
-  const n = k(r), d = K(n), i = L(a, r), e = M({
-    ...i,
-    selectionMode: "none",
-    disabledKeys: P(n)
-  }), s = b(null), { menuProps: f } = I({ ...i, autoFocus: c }, e, s);
-  return /* @__PURE__ */ t(R, { ariaProps: { ...f }, ref: s, border: p, scrollable: u, children: [...e.collection].map((m) => {
-    const { key: y, "aria-label": A } = m;
-    return /* @__PURE__ */ t(h, { ariaLabel: A, children: [...m.childNodes].map((o) => /* @__PURE__ */ t(
-      g,
-      {
-        menuItem: d[o.key],
-        state: e,
-        node: o,
-        onClick: l
-      },
-      o.key
-    )) }, y);
-  }) });
-};
-x.displayName = "FondueActionMenu";
-export {
-  x as ActionMenu
-};
-//# sourceMappingURL=ActionMenu.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionMenu.es.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMenu } from '@react-aria/menu';\nimport { useTreeState } from '@react-stately/tree';\nimport { type FocusStrategy } from '@react-types/shared';\nimport { type ReactElement, useRef } from 'react';\n\nimport { AriaList } from '@components/ActionMenu/Aria/AriaList';\nimport { AriaMenuItem } from '@components/ActionMenu/Aria/AriaMenuItem';\nimport { AriaSection } from '@components/ActionMenu/Aria/AriaSection';\nimport { getDisabledItemIds, getKeyItemRecord, getMenuItems, mapToAriaProps } from '@components/ActionMenu/Aria/helper';\nimport { type MenuItemType } from '@components/Dropdown/SelectMenu/SelectMenu';\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#dropdown the migration guide}.\n */\nexport type ActionMenuItemType = MenuItemType & { onClick: () => void };\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#dropdown the migration guide}.\n */\nexport type ActionMenuSwitchItemType = MenuItemType & {\n    onClick: (switchValue: boolean) => void;\n    type: 'switch';\n    initialValue: boolean;\n};\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#dropdown the migration guide}.\n */\nexport type ActionMenuBlock = {\n    id: string;\n    menuItems: (ActionMenuItemType | ActionMenuSwitchItemType)[];\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#dropdown the migration guide}.\n */\nexport type ActionMenuProps = {\n    ariaLabel?: string;\n    menuBlocks: ActionMenuBlock[];\n    focus?: FocusStrategy;\n    border?: boolean;\n    scrollable?: boolean;\n    /**\n     * @deprecated Use the onClick method available on each `menuItem` in the `menuBlocks` instead.\n     * @example\n     *  <ActionMenu\n          menuBlocks={[\n              {\n                  id: 'menu-block-1',\n                  menuItems: [\n                      {\n                          id: 'menu-item-1',\n                          label: 'Item 1',\n                          onClick: () => console.log('Item 1 clicked');\n                      },\n                  ],\n              },\n          ]}\n        />\n     *  */\n    onClick?: () => void;\n};\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#dropdown the migration guide}.\n */\nexport const ActionMenu = ({\n    menuBlocks,\n    ariaLabel = 'Action Menu',\n    focus,\n    border = true,\n    scrollable = false,\n    onClick,\n}: ActionMenuProps): ReactElement<ActionMenuProps> => {\n    const items = getMenuItems(menuBlocks);\n    const keyItemRecord = getKeyItemRecord(items);\n    const props = mapToAriaProps(ariaLabel, menuBlocks);\n    const state = useTreeState({\n        ...props,\n        selectionMode: 'none',\n        disabledKeys: getDisabledItemIds(items),\n    });\n    const menuRef = useRef<HTMLUListElement | null>(null);\n    const { menuProps } = useMenu({ ...props, autoFocus: focus }, state, menuRef);\n\n    return (\n        <AriaList ariaProps={{ ...menuProps }} ref={menuRef} border={border} scrollable={scrollable}>\n            {[...state.collection].map((section) => {\n                const { key: sectionKey, 'aria-label': sectionAriaLabel } = section;\n\n                return (\n                    <AriaSection key={sectionKey} ariaLabel={sectionAriaLabel}>\n                        {[...section.childNodes].map((item) => (\n                            <AriaMenuItem\n                                key={item.key}\n                                menuItem={keyItemRecord[item.key as string]}\n                                state={state}\n                                node={item}\n                                onClick={onClick}\n                            />\n                        ))}\n                    </AriaSection>\n                );\n            })}\n        </AriaList>\n    );\n};\nActionMenu.displayName = 'FondueActionMenu';\n"],"names":["ActionMenu","menuBlocks","ariaLabel","focus","border","scrollable","onClick","items","getMenuItems","keyItemRecord","getKeyItemRecord","props","mapToAriaProps","state","useTreeState","getDisabledItemIds","menuRef","useRef","menuProps","useMenu","AriaList","section","sectionKey","sectionAriaLabel","jsx","AriaSection","item","AriaMenuItem"],"mappings":";;;;;;;;AAqEO,MAAMA,IAAa,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,SAAAC;AACJ,MAAsD;AAClD,QAAMC,IAAQC,EAAaP,CAAU,GAC/BQ,IAAgBC,EAAiBH,CAAK,GACtCI,IAAQC,EAAeV,GAAWD,CAAU,GAC5CY,IAAQC,EAAa;AAAA,IACvB,GAAGH;AAAA,IACH,eAAe;AAAA,IACf,cAAcI,EAAmBR,CAAK;AAAA,EAAA,CACzC,GACKS,IAAUC,EAAgC,IAAI,GAC9C,EAAE,WAAAC,MAAcC,EAAQ,EAAE,GAAGR,GAAO,WAAWR,EAAA,GAASU,GAAOG,CAAO;AAE5E,2BACKI,GAAA,EAAS,WAAW,EAAE,GAAGF,EAAA,GAAa,KAAKF,GAAS,QAAAZ,GAAgB,YAAAC,GAChE,WAAC,GAAGQ,EAAM,UAAU,EAAE,IAAI,CAACQ,MAAY;AACpC,UAAM,EAAE,KAAKC,GAAY,cAAcC,MAAqBF;AAE5D,WACI,gBAAAG,EAACC,GAAA,EAA6B,WAAWF,GACpC,UAAA,CAAC,GAAGF,EAAQ,UAAU,EAAE,IAAI,CAACK,MAC1B,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,UAAUlB,EAAciB,EAAK,GAAa;AAAA,QAC1C,OAAAb;AAAA,QACA,MAAMa;AAAA,QACN,SAAApB;AAAA,MAAA;AAAA,MAJKoB,EAAK;AAAA,IAAA,CAMjB,KATaJ,CAUlB;AAAA,EAER,CAAC,EAAA,CACL;AAER;AACAtB,EAAW,cAAc;"}

package/dist/components/ActionMenu/Aria/AriaList.es.js

@@ -1,23 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { merge as a } from "../../../utilities/merge.es.js";
-const m = w(
-  ({ ariaProps: t, children: o, scrollable: e = !1, border: r = !0 }, i) => /* @__PURE__ */ s(
-    "ul",
-    {
-      ...t,
-      ref: i,
-      className: a([
-        "tw-list-none tw-p-0 tw-m-0 tw-bg-base tw-z-20 focus-visible:tw-outline-none",
-        r && "tw-border tw-border-line tw-rounded",
-        e && "tw-overflow-y-auto"
-      ]),
-      children: o
-    }
-  )
-);
-m.displayName = "FondueAriaList";
-export {
-  m as AriaList
-};
-//# sourceMappingURL=AriaList.es.js.map

package/dist/components/ActionMenu/Aria/AriaList.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AriaList.es.js","sources":["../../../../src/components/ActionMenu/Aria/AriaList.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type HTMLAttributes, type ReactNode, forwardRef } from 'react';\n\nimport { merge } from '@utilities/merge';\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead.\n */\nexport type AriaListProps = {\n    ariaProps: HTMLAttributes<HTMLElement>;\n    border?: boolean;\n    children: ReactNode;\n    scrollable?: boolean;\n};\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead.\n */\nexport const AriaList = forwardRef<HTMLUListElement | null, AriaListProps>(\n    ({ ariaProps, children, scrollable = false, border = true }, ref) => (\n        <ul\n            {...ariaProps}\n            ref={ref}\n            className={merge([\n                'tw-list-none tw-p-0 tw-m-0 tw-bg-base tw-z-20 focus-visible:tw-outline-none',\n                border && 'tw-border tw-border-line tw-rounded',\n                scrollable && 'tw-overflow-y-auto',\n            ])}\n        >\n            {children}\n        </ul>\n    ),\n);\n\nAriaList.displayName = 'FondueAriaList';\n"],"names":["AriaList","forwardRef","ariaProps","children","scrollable","border","ref","jsx","merge"],"mappings":";;;AAmBO,MAAMA,IAAWC;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAO,QAAAC,IAAS,MAAQC,MACzD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,KAAAI;AAAA,MACA,WAAWE,EAAM;AAAA,QACb;AAAA,QACAH,KAAU;AAAA,QACVD,KAAc;AAAA,MAAA,CACjB;AAAA,MAEA,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;AAEAH,EAAS,cAAc;"}

package/dist/components/ActionMenu/Aria/AriaMenuItem.es.js

@@ -1,72 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useFocusRing as C } from "@react-aria/focus";
-import { useMenuItem as A } from "@react-aria/menu";
-import { mergeProps as x } from "@react-aria/utils";
-import { useRef as F, useState as d, useEffect as j } from "react";
-import { MenuItem as E } from "../../MenuItem/MenuItem.es.js";
-import { Switch as N } from "../../Switch/Switch.es.js";
-import { FOCUS_STYLE_INSET as O } from "../../../utilities/focusStyle.es.js";
-import { merge as P } from "../../../utilities/merge.es.js";
-const z = (t) => typeof t.onClick < "u" && typeof t.type > "u", n = (t) => typeof t.onClick < "u" && t.type === "switch", R = (t, e) => {
-  const [o, l] = d(e ?? !1), [i, s] = d({
-    switchComponent: void 0,
-    switchValue: null,
-    toggleSwitch: null
-  });
-  return j(() => {
-    t && s({
-      switchComponent: /* @__PURE__ */ r(N, { size: "small", mode: o ? "on" : "off" }),
-      switchValue: o,
-      toggleSwitch: () => l(!o)
-    });
-  }, [t, o]), i;
-}, T = ({ menuItem: t, node: e, state: o, isSelected: l, onClick: i }) => {
-  const s = F(null), a = n(t) ? t.initialValue : !1, {
-    switchComponent: f = void 0,
-    switchValue: w = null,
-    toggleSwitch: c = null
-  } = R(n(t), a), { menuItemProps: h } = A(
-    {
-      ...e,
-      onAction: () => {
-        z(t) && t.onClick(), n(t) && (c == null || c(), t.onClick(!w));
-      },
-      isDisabled: (t == null ? void 0 : t.disabled) || !1,
-      "aria-label": typeof (t == null ? void 0 : t.title) == "string" ? t == null ? void 0 : t.title : "Menu item"
-    },
-    o,
-    s
-  ), { title: u, decorator: b, subtitle: S, size: g, style: y, disabled: p, selectionIndicator: v } = t, { isFocusVisible: M, focusProps: V } = C();
-  return /* @__PURE__ */ r(
-    "li",
-    {
-      ...x(h, V, { onClick: () => i == null ? void 0 : i() }),
-      "data-test-id": "menu-item",
-      className: P([
-        "tw-relative hover:tw-bg-box-neutral-hover tw-list-none tw-outline-none",
-        p && "tw-pointer-events-none tw-top-px",
-        M && O
-      ]),
-      ref: s,
-      children: /* @__PURE__ */ r(
-        E,
-        {
-          title: u,
-          decorator: b,
-          subtitle: S,
-          size: g,
-          style: y,
-          disabled: p,
-          active: l,
-          selectionIndicator: v,
-          switchComponent: f
-        }
-      )
-    }
-  );
-};
-T.displayName = "FondueAriaMenuItem";
-export {
-  T as AriaMenuItem
-};
-//# sourceMappingURL=AriaMenuItem.es.js.map

package/dist/components/ActionMenu/Aria/AriaMenuItem.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AriaMenuItem.es.js","sources":["../../../../src/components/ActionMenu/Aria/AriaMenuItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useFocusRing } from '@react-aria/focus';\nimport { useMenuItem } from '@react-aria/menu';\nimport { mergeProps } from '@react-aria/utils';\nimport { type TreeState } from '@react-stately/tree';\nimport { type Node } from '@react-types/shared';\nimport { type ReactElement, useEffect, useRef, useState } from 'react';\n\nimport { type ActionMenuItemType, type ActionMenuSwitchItemType } from '@components/ActionMenu/ActionMenu';\nimport { type MenuItemType } from '@components/Dropdown';\nimport { MenuItem } from '@components/MenuItem/MenuItem';\nimport { Switch } from '@components/Switch/Switch';\nimport { FOCUS_STYLE_INSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport type AriaOptionProps = {\n    menuItem: MenuItemType | ActionMenuItemType | ActionMenuSwitchItemType;\n    node: Node<object>;\n    isSelected?: boolean;\n    state: TreeState<object>;\n    /**\n     *  @deprecated Use `menuItem.onClick` instead\n     *  */\n    onClick?: () => void;\n};\n\ninterface SwitchObject {\n    switchComponent: ReactElement | undefined;\n    switchValue: boolean | null;\n    toggleSwitch: VoidFunction | null;\n}\n\nconst isActionMenuItem = (\n    menuItem: MenuItemType | ActionMenuItemType | ActionMenuSwitchItemType,\n): menuItem is ActionMenuItemType =>\n    typeof (menuItem as ActionMenuItemType).onClick !== 'undefined' && typeof menuItem.type === 'undefined';\nconst isActionMenuSwitchItem = (\n    menuItem: MenuItemType | ActionMenuItemType | ActionMenuSwitchItemType,\n): menuItem is ActionMenuSwitchItemType =>\n    typeof (menuItem as ActionMenuSwitchItemType).onClick !== 'undefined' && menuItem.type === 'switch';\n\nconst useSwitch = (isSwitch: boolean, initialValue: boolean) => {\n    const [switchValue, setSwitchValue] = useState<boolean>(initialValue ?? false);\n    const [switchObject, setSwitchObject] = useState<SwitchObject>({\n        switchComponent: undefined,\n        switchValue: null,\n        toggleSwitch: null,\n    });\n\n    useEffect(() => {\n        if (isSwitch) {\n            const toggleSwitch = () => setSwitchValue(!switchValue);\n            const switchComponent = <Switch size=\"small\" mode={switchValue ? 'on' : 'off'} />;\n\n            // eslint-disable-next-line @eslint-react/set-state-in-effect\n            setSwitchObject({\n                switchComponent,\n                switchValue,\n                toggleSwitch,\n            });\n        }\n    }, [isSwitch, switchValue]);\n\n    return switchObject;\n};\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport const AriaMenuItem = ({ menuItem, node, state, isSelected, onClick }: AriaOptionProps): ReactElement => {\n    const ref = useRef<HTMLLIElement | null>(null);\n    const initialValue = isActionMenuSwitchItem(menuItem) ? menuItem.initialValue : false;\n    const {\n        switchComponent = undefined,\n        switchValue = null,\n        toggleSwitch = null,\n    } = useSwitch(isActionMenuSwitchItem(menuItem), initialValue);\n\n    const { menuItemProps } = useMenuItem(\n        {\n            ...node,\n            onAction: () => {\n                if (isActionMenuItem(menuItem)) {\n                    menuItem.onClick();\n                }\n                if (isActionMenuSwitchItem(menuItem)) {\n                    toggleSwitch?.();\n                    menuItem.onClick(Boolean(!switchValue));\n                }\n            },\n            isDisabled: menuItem?.disabled || false,\n            'aria-label': typeof menuItem?.title === 'string' ? menuItem?.title : 'Menu item',\n        },\n        state,\n        ref,\n    );\n    const { title, decorator, subtitle, size, style, disabled, selectionIndicator } = menuItem;\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    return (\n        <li\n            {...mergeProps(menuItemProps, focusProps, { onClick: () => onClick?.() })}\n            data-test-id=\"menu-item\"\n            className={merge([\n                'tw-relative hover:tw-bg-box-neutral-hover tw-list-none tw-outline-none',\n                disabled && 'tw-pointer-events-none tw-top-px',\n                isFocusVisible && FOCUS_STYLE_INSET,\n            ])}\n            ref={ref}\n        >\n            <MenuItem\n                title={title}\n                decorator={decorator}\n                subtitle={subtitle}\n                size={size}\n                style={style}\n                disabled={disabled}\n                active={isSelected}\n                selectionIndicator={selectionIndicator}\n                switchComponent={switchComponent}\n            />\n        </li>\n    );\n};\nAriaMenuItem.displayName = 'FondueAriaMenuItem';\n"],"names":["isActionMenuItem","menuItem","isActionMenuSwitchItem","useSwitch","isSwitch","initialValue","switchValue","setSwitchValue","useState","switchObject","setSwitchObject","useEffect","Switch","AriaMenuItem","node","state","isSelected","onClick","ref","useRef","switchComponent","toggleSwitch","menuItemProps","useMenuItem","title","decorator","subtitle","size","style","disabled","selectionIndicator","isFocusVisible","focusProps","useFocusRing","jsx","mergeProps","merge","FOCUS_STYLE_INSET","MenuItem"],"mappings":";;;;;;;;;AAoCA,MAAMA,IAAmB,CACrBC,MAEA,OAAQA,EAAgC,UAAY,OAAe,OAAOA,EAAS,OAAS,KAC1FC,IAAyB,CAC3BD,MAEA,OAAQA,EAAsC,UAAY,OAAeA,EAAS,SAAS,UAEzFE,IAAY,CAACC,GAAmBC,MAA0B;AAC5D,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAkBH,KAAgB,EAAK,GACvE,CAACI,GAAcC,CAAe,IAAIF,EAAuB;AAAA,IAC3D,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,EAAA,CACjB;AAED,SAAAG,EAAU,MAAM;AACZ,IAAIP,KAKAM,EAAgB;AAAA,MACZ,mCAJqBE,GAAA,EAAO,MAAK,SAAQ,MAAMN,IAAc,OAAO,OAAO;AAAA,MAK3E,aAAAA;AAAA,MACA,cAPiB,MAAMC,EAAe,CAACD,CAAW;AAAA,IAOlD,CACH;AAAA,EAET,GAAG,CAACF,GAAUE,CAAW,CAAC,GAEnBG;AACX,GAKaI,IAAe,CAAC,EAAE,UAAAZ,GAAU,MAAAa,GAAM,OAAAC,GAAO,YAAAC,GAAY,SAAAC,QAA6C;AAC3G,QAAMC,IAAMC,EAA6B,IAAI,GACvCd,IAAeH,EAAuBD,CAAQ,IAAIA,EAAS,eAAe,IAC1E;AAAA,IACF,iBAAAmB,IAAkB;AAAA,IAClB,aAAAd,IAAc;AAAA,IACd,cAAAe,IAAe;AAAA,EAAA,IACflB,EAAUD,EAAuBD,CAAQ,GAAGI,CAAY,GAEtD,EAAE,eAAAiB,MAAkBC;AAAA,IACtB;AAAA,MACI,GAAGT;AAAA,MACH,UAAU,MAAM;AACZ,QAAId,EAAiBC,CAAQ,KACzBA,EAAS,QAAA,GAETC,EAAuBD,CAAQ,MAC/BoB,KAAA,QAAAA,KACApB,EAAS,QAAgB,CAACK,CAAY;AAAA,MAE9C;AAAA,MACA,aAAYL,KAAA,gBAAAA,EAAU,aAAY;AAAA,MAClC,cAAc,QAAOA,KAAA,gBAAAA,EAAU,UAAU,WAAWA,KAAA,gBAAAA,EAAU,QAAQ;AAAA,IAAA;AAAA,IAE1Ec;AAAA,IACAG;AAAA,EAAA,GAEE,EAAE,OAAAM,GAAO,WAAAC,GAAW,UAAAC,GAAU,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,oBAAAC,MAAuB7B,GAC5E,EAAE,gBAAA8B,GAAgB,YAAAC,EAAA,IAAeC,EAAA;AAEvC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGC,EAAWb,GAAeU,GAAY,EAAE,SAAS,MAAMf,KAAA,gBAAAA,KAAa;AAAA,MACxE,gBAAa;AAAA,MACb,WAAWmB,EAAM;AAAA,QACb;AAAA,QACAP,KAAY;AAAA,QACZE,KAAkBM;AAAA,MAAA,CACrB;AAAA,MACD,KAAAnB;AAAA,MAEA,UAAA,gBAAAgB;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,OAAAd;AAAA,UACA,WAAAC;AAAA,UACA,UAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAAC;AAAA,UACA,UAAAC;AAAA,UACA,QAAQb;AAAA,UACR,oBAAAc;AAAA,UACA,iBAAAV;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AACAP,EAAa,cAAc;"}

package/dist/components/ActionMenu/Aria/AriaSection.es.js

@@ -1,11 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMenuSection as a } from "@react-aria/menu";
-const s = ({ ariaLabel: e, children: r }) => {
-  const { itemProps: i, groupProps: o } = a({ "aria-label": e });
-  return /* @__PURE__ */ t("li", { ...i, className: "tw-border-b tw-border-line last:tw-border-0", "data-test-id": "menu-block-divider", children: /* @__PURE__ */ t("ul", { ...o, className: "tw-py-2 tw-px-0 tw-m-0 tw-list-none", "data-test-id": "menu-item-list", children: r }) });
-};
-s.displayName = "FondueAriaSection";
-export {
-  s as AriaSection
-};
-//# sourceMappingURL=AriaSection.es.js.map

package/dist/components/ActionMenu/Aria/AriaSection.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AriaSection.es.js","sources":["../../../../src/components/ActionMenu/Aria/AriaSection.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMenuSection } from '@react-aria/menu';\nimport { type ReactElement, type ReactNode } from 'react';\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead.\n */\nexport type AriaSectionProps = {\n    ariaLabel?: string;\n    children: ReactNode;\n};\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead.\n */\nexport const AriaSection = ({ ariaLabel, children }: AriaSectionProps): ReactElement => {\n    const { itemProps, groupProps } = useMenuSection({ 'aria-label': ariaLabel });\n\n    return (\n        <li {...itemProps} className=\"tw-border-b tw-border-line last:tw-border-0\" data-test-id=\"menu-block-divider\">\n            <ul {...groupProps} className=\"tw-py-2 tw-px-0 tw-m-0 tw-list-none\" data-test-id=\"menu-item-list\">\n                {children}\n            </ul>\n        </li>\n    );\n};\nAriaSection.displayName = 'FondueAriaSection';\n"],"names":["AriaSection","ariaLabel","children","itemProps","groupProps","useMenuSection","jsx"],"mappings":";;AAgBO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,UAAAC,QAA+C;AACpF,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAe,EAAE,cAAcJ,GAAW;AAE5E,2BACK,MAAA,EAAI,GAAGE,GAAW,WAAU,+CAA8C,gBAAa,sBACpF,UAAA,gBAAAG,EAAC,MAAA,EAAI,GAAGF,GAAY,WAAU,uCAAsC,gBAAa,kBAC5E,UAAAF,GACL,GACJ;AAER;AACAF,EAAY,cAAc;"}

package/dist/components/ActionMenu/Aria/helper.es.js

@@ -1,15 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Section as d, Item as c } from "@react-stately/collections";
-const m = (a, e) => ({
-  "aria-label": a,
-  children: e.map(({ id: t, menuItems: l, ariaLabel: o }) => /* @__PURE__ */ r(d, { title: t, "aria-label": o, children: l.map((i) => /* @__PURE__ */ r(c, { children: i.title }, i.id)) }, t))
-}), p = (a) => a.flatMap(({ menuItems: e }) => e), b = (a) => a.reduce((e, t) => ({ ...e, [t.id]: t }), {}), f = (a) => new Set(
-  a.reduce((e, t) => [...e, t.disabled ? t.id : ""], []).filter((e) => e !== "").map((e) => e.toString())
-);
-export {
-  f as getDisabledItemIds,
-  b as getKeyItemRecord,
-  p as getMenuItems,
-  m as mapToAriaProps
-};
-//# sourceMappingURL=helper.es.js.map

package/dist/components/ActionMenu/Aria/helper.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.es.js","sources":["../../../../src/components/ActionMenu/Aria/helper.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Item, Section } from '@react-stately/collections';\n\nimport { type MenuBlock, type MenuItemType } from '../../Dropdown/SelectMenu/SelectMenu';\nimport { type ActionMenuBlock, type ActionMenuItemType } from '../ActionMenu';\n\n// Method return type is unclear because React Aria hook props are inexplicitly typed\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport const mapToAriaProps = (ariaLabel: string, menuBlocks: MenuBlock[] | ActionMenuBlock[]) => ({\n    'aria-label': ariaLabel,\n    children: menuBlocks.map(({ id, menuItems, ariaLabel: sectionAriaLabel }) => (\n        <Section title={id} key={id} aria-label={sectionAriaLabel}>\n            {menuItems.map((menuItem) => (\n                <Item key={menuItem.id}>{menuItem.title}</Item>\n            ))}\n        </Section>\n    )),\n});\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport const getMenuItems = <T extends MenuBlock | ActionMenuBlock = MenuBlock>(menuBlocks: T[]): T['menuItems'] =>\n    menuBlocks.flatMap(({ menuItems }) => menuItems);\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport const getKeyItemRecord = <T extends MenuItemType | ActionMenuItemType = MenuItemType>(\n    items: T[],\n): Record<string, T> => items.reduce<Record<string, T>>((previous, item) => ({ ...previous, [item.id]: item }), {});\n\n/**\n * @deprecated Use `Dropdown` from `@frontify/fondue/components` instead.\n */\nexport const getDisabledItemIds = <T extends MenuItemType | ActionMenuItemType = MenuItemType>(\n    items: T[],\n): Set<T['id']> =>\n    new Set(\n        items\n            .reduce((acc: (string | number)[], curr: MenuItemType) => [...acc, curr.disabled ? curr.id : ''], [])\n            .filter((id) => id !== '')\n            .map((id) => id.toString()),\n    );\n"],"names":["mapToAriaProps","ariaLabel","menuBlocks","id","menuItems","sectionAriaLabel","jsx","Section","menuItem","Item","getMenuItems","getKeyItemRecord","items","previous","item","getDisabledItemIds","acc","curr"],"mappings":";;AAYO,MAAMA,IAAiB,CAACC,GAAmBC,OAAiD;AAAA,EAC/F,cAAcD;AAAA,EACd,UAAUC,EAAW,IAAI,CAAC,EAAE,IAAAC,GAAI,WAAAC,GAAW,WAAWC,EAAA,MAClD,gBAAAC,EAACC,GAAA,EAAQ,OAAOJ,GAAa,cAAYE,GACpC,UAAAD,EAAU,IAAI,CAACI,MACZ,gBAAAF,EAACG,GAAA,EAAwB,UAAAD,EAAS,MAAA,GAAvBA,EAAS,EAAoB,CAC3C,EAAA,GAHoBL,CAIzB,CACH;AACL,IAKaO,IAAe,CAAoDR,MAC5EA,EAAW,QAAQ,CAAC,EAAE,WAAAE,EAAA,MAAgBA,CAAS,GAKtCO,IAAmB,CAC5BC,MACoBA,EAAM,OAA0B,CAACC,GAAUC,OAAU,EAAE,GAAGD,GAAU,CAACC,EAAK,EAAE,GAAGA,EAAA,IAAS,CAAA,CAAE,GAKrGC,IAAqB,CAC9BH,MAEA,IAAI;AAAA,EACAA,EACK,OAAO,CAACI,GAA0BC,MAAuB,CAAC,GAAGD,GAAKC,EAAK,WAAWA,EAAK,KAAK,EAAE,GAAG,CAAA,CAAE,EACnG,OAAO,CAACd,MAAOA,MAAO,EAAE,EACxB,IAAI,CAACA,MAAOA,EAAG,SAAA,CAAU;AAClC;"}

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

@@ -1,106 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { IconArrowCircleUp as F, IconImageStack as b } from "@frontify/fondue-icons";
-import { useRef as y } from "react";
-import { Button as p } from "../Button/Button.es.js";
-import { ButtonEmphasis as f, ButtonStyle as u } from "../Button/ButtonTypes.es.js";
-import { useMemoizedId as j } from "../../hooks/useMemoizedId.es.js";
-import { merge as a } from "../../utilities/merge.es.js";
-import { SelectedAsset as A } from "./SingleAsset/SelectedAsset.es.js";
-import { MultiAssetPreview as D } from "./MultiAssetPreview/MultiAssetPreview.es.js";
-var W = /* @__PURE__ */ ((t) => (t.Small = "Small", t.Large = "Large", t))(W || {});
-const E = ({
-  assets: t = [],
-  numberOfLocations: w = 1,
-  actions: o = [],
-  size: h = "Small",
-  isLoading: d = !1,
-  hideSize: g = !1,
-  hideExtension: x = !1,
-  onLibraryClick: s,
-  onUploadClick: r,
-  onMultiAssetClick: l,
-  acceptFileType: v
-}) => {
-  const n = t.length, i = y(null), I = j(), N = (B) => {
-    const m = B.target.files;
-    m && r && r(m);
-  }, S = () => {
-    i.current && i.current.click();
-  };
-  return (d || n === 1) && o ? /* @__PURE__ */ e(
-    A,
-    {
-      asset: t[0],
-      size: h,
-      actions: o,
-      isLoading: d,
-      hideExtension: x,
-      hideSize: g
-    }
-  ) : n > 1 && l ? /* @__PURE__ */ e(D, { assets: t, onClick: l, numberOfLocations: w }) : /* @__PURE__ */ c(
-    "div",
-    {
-      "data-test-id": "asset-input-placeholder",
-      className: a([
-        "tw-grid tw-p-3 tw-border tw-border-dashed tw-border-black-10 tw-rounded",
-        r && s ? "tw-grid-cols-2 tw-divide-x tw-divide-black-10" : "tw-grid-cols-1"
-      ]),
-      children: [
-        r && /* @__PURE__ */ c(
-          "div",
-          {
-            className: a(["tw-flex tw-flex-col tw-h-8", s && "tw-pr-3"]),
-            "data-test-id": "asset-input-upload",
-            children: [
-              /* @__PURE__ */ e(
-                p,
-                {
-                  style: u.Default,
-                  onClick: S,
-                  emphasis: f.Weak,
-                  icon: /* @__PURE__ */ e(F, {}),
-                  children: "Upload"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: I,
-                  ref: i,
-                  className: "tw-hidden",
-                  type: "file",
-                  accept: v,
-                  multiple: !!l,
-                  onChange: N
-                }
-              )
-            ]
-          }
-        ),
-        s && /* @__PURE__ */ e(
-          "div",
-          {
-            className: a(["tw-flex tw-flex-col tw-h-8", r && "tw-pl-3"]),
-            "data-test-id": "asset-input-library",
-            children: /* @__PURE__ */ e(
-              p,
-              {
-                style: u.Default,
-                onClick: s,
-                emphasis: f.Weak,
-                icon: /* @__PURE__ */ e(b, {}),
-                children: "Browse"
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-E.displayName = "FondueAssetInput";
-export {
-  E as AssetInput,
-  W as AssetInputSize
-};
-//# sourceMappingURL=AssetInput.es.js.map

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

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

@@ -1,51 +0,0 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { IconMusicNote as r } from "@frontify/fondue-icons";
-import { cloneElement as u } from "react";
-import { merge as c } from "../../utilities/merge.es.js";
-import { AssetInputSize as o } from "./AssetInput.es.js";
-const m = (t, e) => {
-  switch (!0) {
-    case t === o.Large:
-      return "tw-w-full tw-h-32";
-    case e:
-      return "tw-w-11 tw-h-11";
-    default:
-      return "tw-w-14 tw-h-full";
-  }
-}, d = ({
-  asset: t,
-  size: e,
-  isActive: n = !1,
-  isMultiAsset: l = !1
-}) => {
-  const a = t.type === "icon" || t.type === "audio" ? t.type : "default";
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: c([
-        "tw-flex tw-flex-none tw-items-center tw-justify-center tw-bg-black-5 dark:tw-bg-black-95",
-        m(e, l),
-        n ? "tw-text-black-100 dark:tw-text-white" : "tw-text-black-80 dark:tw-text-black-20"
-      ]),
-      "data-test-id": "asset-input-thumbnail",
-      children: [
-        a === "icon" && /* @__PURE__ */ i("span", { "data-test-id": "asset-input-thumbnail-icon", children: t.icon && u(t.icon, { size: 24 }) }),
-        a === "audio" && /* @__PURE__ */ i(r, { size: 24, "data-test-id": "asset-input-thumbnail-audio" }),
-        a === "default" && /* @__PURE__ */ i(
-          "img",
-          {
-            src: t.src,
-            alt: t.alt || "",
-            className: "tw-max-h-full",
-            "data-test-id": "asset-input-thumbnail-image"
-          }
-        )
-      ]
-    }
-  );
-};
-d.displayName = "FondueAssetThumbnail";
-export {
-  d as AssetThumbnail
-};
-//# sourceMappingURL=AssetThumbnail.es.js.map

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

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

@@ -1,47 +0,0 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { IconCaretRight as m } from "@frontify/fondue-icons";
-import { useButton as n } from "@react-aria/button";
-import { useFocusRing as w } from "@react-aria/focus";
-import { mergeProps as b } from "@react-aria/utils";
-import { useRef as u } from "react";
-import { FOCUS_STYLE as f } from "../../../utilities/focusStyle.es.js";
-import { merge as p } from "../../../utilities/merge.es.js";
-import { SelectedAssetsThumbnail as h } from "./SelectedAssetsThumbnail.es.js";
-const S = ({ numberOfLocations: r, assets: s, onClick: l }) => {
-  const o = u(null), { buttonProps: a } = n({ onPress: l }, o), { isFocusVisible: c, focusProps: d } = w(), i = s.length;
-  return /* @__PURE__ */ t("div", { "data-test-id": "multi-asset-preview", children: /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      title: "multi-asset-preview",
-      ...b(a, d),
-      ref: o,
-      className: p([
-        "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",
-        c ? `${f} tw-border-black-90 dark:tw-border-black-10` : "tw-border-black-20 dark:tw-border-black-80"
-      ]),
-      children: [
-        /* @__PURE__ */ t(h, { assets: s }),
-        /* @__PURE__ */ e("div", { className: "tw-py-6 tw-px-4 tw-flex", children: [
-          /* @__PURE__ */ e("div", { className: "tw-text-left", children: [
-            /* @__PURE__ */ e("div", { className: "tw-font-bold tw-text-m", "data-test-id": "assets-amount", children: [
-              i,
-              " ",
-              i === 1 ? "Asset" : "Assets"
-            ] }),
-            /* @__PURE__ */ e("div", { className: "tw-text-black-60 tw-text-s tw-mt-1", "data-test-id": "number-of-locations", children: [
-              r,
-              " ",
-              r === 1 ? "location" : "locations"
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "tw-flex tw-items-center tw-text-black-70 tw-pl-4", children: /* @__PURE__ */ t("div", { className: "tw-absolute tw-right-12", children: /* @__PURE__ */ t(m, { size: 24 }) }) })
-        ] })
-      ]
-    }
-  ) });
-};
-export {
-  S as MultiAssetPreview
-};
-//# sourceMappingURL=MultiAssetPreview.es.js.map

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

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

@@ -1,36 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { merge as l } from "../../../utilities/merge.es.js";
-import { AssetInputSize as m } from "../AssetInput.es.js";
-import { AssetThumbnail as a } from "../AssetThumbnail.es.js";
-const c = (t) => t.type === "image" || t.type === "logo", n = ({ assets: t }) => {
-  const r = t.length, i = t.slice(0, 4);
-  if (r < 4)
-    for (const [e] of [...Array(4 - r)].entries())
-      i.push({
-        name: `empty picture ${e + 1}`,
-        size: 20,
-        type: "image",
-        extension: "",
-        src: "",
-        source: "upload"
-      });
-  return /* @__PURE__ */ s("div", { className: "tw-border-black-20 tw-grid tw-grid-cols-2 tw-gap-0.5", children: i.map(
-    (e, o) => c(e) ? /* @__PURE__ */ s(
-      "div",
-      {
-        "data-test-id": "assets-image",
-        style: e.src ? { backgroundImage: `url(${e.src})` } : {},
-        className: l([
-          o === 0 ? "tw-rounded-tl" : o === 2 && "tw-rounded-bl",
-          "tw-h-11 tw-w-11 tw-bg-black-5"
-        ])
-      },
-      e.name
-    ) : /* @__PURE__ */ s("div", { className: "tw-h-11 tw-w-11", children: /* @__PURE__ */ s(a, { asset: e, size: m.Small, isMultiAsset: !0 }) }, e.src)
-  ) });
-};
-n.displayName = "FondueSelectedAssetsThumbnail";
-export {
-  n as SelectedAssetsThumbnail
-};
-//# sourceMappingURL=SelectedAssetsThumbnail.es.js.map

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

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