@frontify/fondue 13.9.0 → 14.0.0-beta.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.es.js","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretRight, IconCheckMark } from '@frontify/fondue-icons';\nimport { useFocusRing } from '@react-aria/focus';\nimport { type FocusEvent, type MouseEvent, type ReactNode } from 'react';\n\nimport { MenuItemContent, type MenuItemContentProps } from '@components/MenuItem/MenuItemContent';\nimport { getItemElementType } from '@utilities/elements';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { MenuItemContentSize, MenuItemStyle, SelectionIndicatorIcon } from './types';\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 MenuItemProps = {\n    style?: MenuItemStyle;\n    disabled?: boolean;\n    active?: boolean;\n    checked?: boolean;\n    selectionIndicator?: SelectionIndicatorIcon;\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} & Omit<MenuItemContentProps, 'iconSize'>;\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 */\nconst menuItemSizeClassMap: Record<MenuItemContentSize, string> = {\n    [MenuItemContentSize.XSmall]: 'tw-px-5 tw-py-2 tw-min-h-[36px]',\n    [MenuItemContentSize.Small]: 'tw-px-5 tw-py-2.5 tw-min-h-[36px]',\n    [MenuItemContentSize.Large]: 'tw-px-5 tw-py-3 tw-min-h-[60px]',\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 enum MenuItemTextColorState {\n    Default = 'Default',\n    Active = 'Active',\n    Disabled = 'Disabled',\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 menuItemTextColorRecord: Record<MenuItemStyle, Record<MenuItemTextColorState, string>> = {\n    [MenuItemStyle.Primary]: {\n        [MenuItemTextColorState.Default]: 'tw-text-text-x-weak',\n        [MenuItemTextColorState.Active]: 'tw-text-text',\n        [MenuItemTextColorState.Disabled]: 'tw-text-text-disabled',\n    },\n    [MenuItemStyle.Danger]: {\n        [MenuItemTextColorState.Default]: 'tw-text-red-60',\n        [MenuItemTextColorState.Active]: 'tw-text-red-70',\n        [MenuItemTextColorState.Disabled]: 'tw-text-text-disabled',\n    },\n    [MenuItemStyle.Warning]: {\n        [MenuItemTextColorState.Default]: 'tw-text-text-warning',\n        [MenuItemTextColorState.Active]: 'tw-text-yellow-90',\n        [MenuItemTextColorState.Disabled]: 'tw-text-text-disabled',\n    },\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 */\nconst menuItemHoverColorRecord: Record<MenuItemStyle, string> = {\n    [MenuItemStyle.Primary]: 'hover:tw-text-text',\n    [MenuItemStyle.Danger]: 'hover:tw-text-text-negative',\n    [MenuItemStyle.Warning]: 'hover:tw-text-text-warning',\n};\n\nconst ITEM_WRAPPER_CLASSES =\n    'tw-cursor-pointer tw-flex tw-items-center tw-justify-between tw-transition-colors tw-gap-2';\nconst ITEM_HOVER_CLASSES = 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover';\nconst ITEM_BASE_CLASSES = merge(['tw-w-full tw-text-left tw-py-2 tw-px-5 tw-rounded', ITEM_HOVER_CLASSES]);\nconst ITEM_CHECKED_CLASSES = 'tw-bg-box-selected';\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 MenuItem = ({\n    title,\n    decorator,\n    switchComponent,\n    subtitle,\n    size = MenuItemContentSize.Small,\n    style = MenuItemStyle.Primary,\n    disabled = false,\n    active = false,\n    checked = false,\n    selectionIndicator = SelectionIndicatorIcon.Check,\n    children,\n    link,\n    onBlur,\n    onClick,\n    onFocus,\n    onMouseEnter,\n    onMouseOut,\n    onMouseOver,\n    onMouseLeave,\n    'data-test-id': dataTestId = 'menu-item',\n    type,\n}: MenuItemProps) => {\n    const currentIconSize = size === MenuItemContentSize.XSmall ? 16 : 20;\n\n    const currentIcon = {\n        [SelectionIndicatorIcon.CaretRight]: (\n            <IconCaretRight data-test-id={`${dataTestId}-caret`} size={currentIconSize} />\n        ),\n        [SelectionIndicatorIcon.Check]: active && (\n            <IconCheckMark data-test-id={`${dataTestId}-active`} size={currentIconSize} />\n        ),\n        [SelectionIndicatorIcon.None]: null,\n    }[selectionIndicator];\n\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    let textState = MenuItemTextColorState.Default;\n    if (disabled) {\n        textState = MenuItemTextColorState.Disabled;\n    } else if (active) {\n        textState = MenuItemTextColorState.Active;\n    }\n\n    const textClass = menuItemTextColorRecord[style][textState];\n\n    const mainElementType = getItemElementType(link, onClick);\n\n    return (\n        <>\n            {children ? (\n                <li\n                    data-test-id={dataTestId}\n                    data-type={type}\n                    role=\"menuitem\"\n                    className={merge([\n                        'tw-text-sm tw-leading-4 tw-text-text-weak',\n                        ITEM_WRAPPER_CLASSES,\n                        checked ? ITEM_CHECKED_CLASSES : '',\n                    ])}\n                >\n                    {mainElementType === 'a' && (\n                        <a\n                            href={link}\n                            className={merge([ITEM_BASE_CLASSES, isFocusVisible && FOCUS_STYLE_NO_OFFSET])}\n                            onBlur={onBlur}\n                            onClick={onClick}\n                            onFocus={onFocus}\n                            onMouseEnter={onMouseEnter}\n                            onMouseLeave={onMouseLeave}\n                            onMouseOut={onMouseOut}\n                            onMouseOver={onMouseOver}\n                            {...focusProps}\n                        >\n                            {children}\n                        </a>\n                    )}\n                    {mainElementType === 'button' && (\n                        <button\n                            type=\"button\"\n                            disabled={disabled}\n                            className={merge([ITEM_BASE_CLASSES, isFocusVisible && FOCUS_STYLE_NO_OFFSET])}\n                            onBlur={onBlur}\n                            onClick={onClick}\n                            onFocus={onFocus}\n                            onMouseEnter={onMouseEnter}\n                            onMouseLeave={onMouseLeave}\n                            onMouseOut={onMouseOut}\n                            onMouseOver={onMouseOver}\n                            {...focusProps}\n                        >\n                            {children}\n                        </button>\n                    )}\n                    {mainElementType === 'span' && <span className={ITEM_BASE_CLASSES}>{children}</span>}\n                </li>\n            ) : null}\n            {/* The implementation without children is the first behavior of the MenuItem component.\n                This way we can introduce the new changes without breaking the current usage of it.\n                In the future, this implementation should be replaced by the new one and the projects updated properly\n            */}\n            {!children && (\n                <div\n                    className={merge([\n                        ITEM_WRAPPER_CLASSES,\n                        menuItemHoverColorRecord[style],\n                        menuItemSizeClassMap[size],\n                        disabled && 'tw-bg-box-disabled tw-pointer-events-none',\n                        active && 'tw-font-medium',\n                        textClass,\n                    ])}\n                >\n                    <MenuItemContent\n                        title={title}\n                        decorator={decorator}\n                        subtitle={size === MenuItemContentSize.Large ? subtitle : undefined}\n                        size={size}\n                        switchComponent={switchComponent}\n                    />\n                    <div className=\"tw-flex-none\">{currentIcon}</div>\n                </div>\n            )}\n        </>\n    );\n};\nMenuItem.displayName = 'FondueMenuItem';\n"],"names":["menuItemSizeClassMap","MenuItemContentSize","menuItemTextColorRecord","MenuItemStyle","menuItemHoverColorRecord","ITEM_WRAPPER_CLASSES","ITEM_HOVER_CLASSES","ITEM_BASE_CLASSES","merge","ITEM_CHECKED_CLASSES","MenuItem","title","decorator","switchComponent","subtitle","size","style","disabled","active","checked","selectionIndicator","SelectionIndicatorIcon","children","link","onBlur","onClick","onFocus","onMouseEnter","onMouseOut","onMouseOver","onMouseLeave","dataTestId","type","currentIconSize","currentIcon","jsx","IconCaretRight","IconCheckMark","isFocusVisible","focusProps","useFocusRing","textState","textClass","mainElementType","getItemElementType","jsxs","Fragment","FOCUS_STYLE_NO_OFFSET","MenuItemContent"],"mappings":"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"}

package/dist/components/MenuItem/MenuItemContent.es.js

@@ -1,47 +0,0 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { cloneElement as c } from "react";
-import { merge as l } from "../../utilities/merge.es.js";
-import { MenuItemContentSize as t } from "./types.es.js";
-const d = {
-  [t.XSmall]: "tw-pr-1.5",
-  [t.Small]: "tw-pr-1.5",
-  [t.Large]: "tw-pr-2"
-}, p = ({
-  title: a,
-  decorator: s,
-  switchComponent: m,
-  subtitle: i,
-  ariaProps: o,
-  size: e = t.Small,
-  children: w
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    ...o,
-    "data-test-id": "menu-item-content",
-    className: "tw-flex tw-box-border tw-items-center tw-font-sans tw-text-s tw-flex-auto tw-min-w-0",
-    children: [
-      s && /* @__PURE__ */ n("span", { className: l(["tw-shrink-0", d[e]]), "data-test-id": "menu-item-decorator", children: c(s, {
-        size: e === t.Large ? 24 : 16
-      }) }),
-      /* @__PURE__ */ r("div", { className: "tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap", children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            "data-test-id": "menu-item-title",
-            className: "tw-select-none tw-text-ellipsis tw-overflow-hidden",
-            title: typeof a == "string" ? a : "",
-            children: w || a
-          }
-        ),
-        i && e === t.Large && /* @__PURE__ */ n("div", { "data-test-id": "menu-item-subtitle", className: "tw-select-none tw-text-xxs", title: i, children: i })
-      ] }),
-      m && /* @__PURE__ */ n("span", { className: l(["tw-shrink-0", d[e]]), "data-test-id": "menu-item-decorator", children: m })
-    ]
-  }
-);
-p.displayName = "FondueMenuItemContent";
-export {
-  p as MenuItemContent
-};
-//# sourceMappingURL=MenuItemContent.es.js.map

package/dist/components/MenuItem/MenuItemContent.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItemContent.es.js","sources":["../../../src/components/MenuItem/MenuItemContent.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type HTMLAttributes, type ReactElement, type ReactNode, cloneElement } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { MenuItemContentSize } from './types';\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 MenuItemContentProps = {\n    title?: ReactNode;\n    decorator?: ReactElement;\n    switchComponent?: ReactElement;\n    subtitle?: string;\n    size?: MenuItemContentSize;\n    ariaProps?: HTMLAttributes<HTMLElement>;\n    children?: ReactNode;\n};\n\n/**\n * This is a temporary workaround because for some yet unknown reasons `tailwindcss` in clarify purges the `tw-pr-1.5` class.\n */\nconst paddingRight: Record<MenuItemContentSize, string> = {\n    [MenuItemContentSize.XSmall]: 'tw-pr-1.5',\n    [MenuItemContentSize.Small]: 'tw-pr-1.5',\n    [MenuItemContentSize.Large]: 'tw-pr-2',\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 MenuItemContent = ({\n    title,\n    decorator,\n    switchComponent,\n    subtitle,\n    ariaProps,\n    size = MenuItemContentSize.Small,\n    children,\n}: MenuItemContentProps) => (\n    <div\n        {...ariaProps}\n        data-test-id=\"menu-item-content\"\n        className=\"tw-flex tw-box-border tw-items-center tw-font-sans tw-text-s tw-flex-auto tw-min-w-0\"\n    >\n        {decorator && (\n            <span className={merge(['tw-shrink-0', paddingRight[size]])} data-test-id=\"menu-item-decorator\">\n                {cloneElement(decorator, {\n                    size: size === MenuItemContentSize.Large ? 24 : 16,\n                })}\n            </span>\n        )}\n        <div className=\"tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap\">\n            <div\n                data-test-id=\"menu-item-title\"\n                className=\"tw-select-none tw-text-ellipsis tw-overflow-hidden\"\n                title={typeof title === 'string' ? title : ''}\n            >\n                {children || title}\n            </div>\n            {subtitle && size === MenuItemContentSize.Large && (\n                <div data-test-id=\"menu-item-subtitle\" className=\"tw-select-none tw-text-xxs\" title={subtitle}>\n                    {subtitle}\n                </div>\n            )}\n        </div>\n        {switchComponent && (\n            <span className={merge(['tw-shrink-0', paddingRight[size]])} data-test-id=\"menu-item-decorator\">\n                {switchComponent}\n            </span>\n        )}\n    </div>\n);\nMenuItemContent.displayName = 'FondueMenuItemContent';\n"],"names":["paddingRight","MenuItemContentSize","MenuItemContent","title","decorator","switchComponent","subtitle","ariaProps","size","children","jsxs","jsx","merge"],"mappings":";;;;AAwBA,MAAMA,IAAoD;AAAA,EACtD,CAACC,EAAoB,MAAM,GAAG;AAAA,EAC9B,CAACA,EAAoB,KAAK,GAAG;AAAA,EAC7B,CAACA,EAAoB,KAAK,GAAG;AACjC,GAKaC,IAAkB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAOP,EAAoB;AAAA,EAC3B,UAAAQ;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACI,GAAGH;AAAA,IACJ,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAA;AAAA,MAAAH,KACG,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAM,CAAC,eAAeZ,EAAaQ,CAAI,CAAC,CAAC,GAAG,gBAAa,uBACrE,YAAaJ,GAAW;AAAA,QACrB,MAAMI,MAASP,EAAoB,QAAQ,KAAK;AAAA,MAAA,CACnD,GACL;AAAA,MAEJ,gBAAAS,EAAC,OAAA,EAAI,WAAU,sEACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,gBAAa;AAAA,YACb,WAAU;AAAA,YACV,OAAO,OAAOR,KAAU,WAAWA,IAAQ;AAAA,YAE1C,UAAAM,KAAYN;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhBG,KAAYE,MAASP,EAAoB,SACtC,gBAAAU,EAAC,OAAA,EAAI,gBAAa,sBAAqB,WAAU,8BAA6B,OAAOL,GAChF,UAAAA,EAAA,CACL;AAAA,MAAA,GAER;AAAA,MACCD,KACG,gBAAAM,EAAC,QAAA,EAAK,WAAWC,EAAM,CAAC,eAAeZ,EAAaQ,CAAI,CAAC,CAAC,GAAG,gBAAa,uBACrE,UAAAH,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER;AAEJH,EAAgB,cAAc;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.es.js","sources":["../../../src/components/MenuItem/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\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 enum MenuItemStyle {\n    Primary = 'Primary',\n    Danger = 'Danger',\n    Warning = 'Warning',\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 enum SelectionIndicatorIcon {\n    Check = 'Check',\n    CaretRight = 'CaretRight',\n    None = 'None',\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 enum MenuItemContentSize {\n    XSmall = 'XSmall',\n    Small = 'Small',\n    Large = 'Large',\n}\n"],"names":["MenuItemStyle","SelectionIndicatorIcon","MenuItemContentSize"],"mappings":"AAKO,IAAKA,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,GASAC,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAHAA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/MultiSelect/MultiSelect.es.js

@@ -1,177 +0,0 @@
-import { jsxs as P, jsx as t } from "react/jsx-runtime";
-import { useButton as Q } from "@react-aria/button";
-import { useFocusRing as Y, FocusScope as Z } from "@react-aria/focus";
-import { useState as p, useRef as O, useId as $, useEffect as h, useLayoutEffect as I } from "react";
-import { usePopper as K } from "react-popper";
-import { CheckboxState as ee } from "../Checkbox/Checkbox.es.js";
-import { Checklist as te, ChecklistDirection as oe } from "../Checklist/Checklist.es.js";
-import { Tag as y, TagSize as d, TagType as z } from "../Tag/Tag.es.js";
-import { Trigger as le, TriggerEmphasis as re } from "../Trigger/Trigger.es.js";
-import { useDropdownAutoHeight as se, DEFAULT_DROPDOWN_MAX_HEIGHT as ne } from "../../hooks/useDropdownAutoHeight.es.js";
-import { EnablePortalWrapper as ae } from "../../utilities/dialogs/EnablePortalWrapper.es.js";
-import { merge as ie } from "../../utilities/merge.es.js";
-import { Validation as ce } from "../../utilities/validation.es.js";
-import { useClickOutside as ue, getPaddingClasses as pe } from "./helpers.es.js";
-var de = /* @__PURE__ */ ((o) => (o.Default = "Default", o.Summarized = "Summarized", o))(de || {}), fe = /* @__PURE__ */ ((o) => (o.Small = "Small", o.Medium = "Medium", o))(fe || {});
-const we = ({
-  items: o,
-  activeItemKeys: r,
-  onSelectionChange: f,
-  ariaLabel: g = "Select list",
-  disabled: x = !1,
-  placeholder: b,
-  label: S,
-  type: v = "Default",
-  size: w = "Medium",
-  validation: F = ce.Default,
-  summarizedLabel: D,
-  indeterminateItemKeys: s,
-  flip: R = !1,
-  emphasis: A = re.Default,
-  enablePortal: V = !0
-}) => {
-  const [a, c] = p(!1), [H, L] = p([]), n = O(null), [k, C] = p(null), [i, j] = p(null), B = O(null), { isFocusVisible: W, focusProps: _ } = Y(), { maxHeight: E } = se({ current: i }, { isOpen: a, autoResize: !0 }), T = r.length > 0, G = D ?? [r.length, "selected"].join(" ");
-  ue(null, () => c(!1), [n == null ? void 0 : n.current, k]);
-  const U = E !== ne, M = $(), m = () => c((e) => !e), { buttonProps: X } = Q(
-    {
-      onPress: m,
-      onKeyDown: (e) => {
-        e.key === "Escape" && c(!1);
-      },
-      elementType: "div"
-    },
-    { current: i }
-  ), q = (e) => {
-    const l = new Set(r);
-    l.has(e) ? l.delete(e) : l.add(e), f(Array.from(l));
-  }, J = (e) => {
-    (e.code === "Space" || e.code === "Enter") && m();
-  }, N = () => a ? z.SelectedWithFocus : z.Selected;
-  h(() => {
-    C(n == null ? void 0 : n.current);
-  }, []), h(() => {
-    L(
-      o.map((e) => {
-        const l = { ...e, label: e.value };
-        return s != null && s.includes(e.value) ? { ...l, state: ee.Mixed } : l;
-      })
-    );
-  }, [o, s]);
-  const u = K(i, k, {
-    placement: "bottom-start",
-    strategy: "fixed",
-    modifiers: [
-      {
-        name: "offset",
-        options: {
-          offset: [0, 8]
-        }
-      },
-      {
-        name: "flip",
-        enabled: R
-      }
-    ]
-  });
-  return h(() => {
-    (async () => {
-      u.update && await u.update();
-    })().catch(console.error);
-  }, [r]), I(() => {
-    const e = (l) => {
-      l.key === "Escape" && c(!1);
-    };
-    return window.addEventListener("keyup", e), () => {
-      window.removeEventListener("keyup", e);
-    };
-  }, []), /* @__PURE__ */ P("div", { className: "tw-relative", ref: n, children: [
-    /* @__PURE__ */ t(
-      le,
-      {
-        disabled: x,
-        buttonProps: X,
-        isFocusVisible: W,
-        isOpen: a,
-        validation: F,
-        emphasis: A,
-        children: /* @__PURE__ */ t("div", { className: ie(["tw-flex tw-flex-1 tw-gap-2", pe(w)]), ref: j, children: /* @__PURE__ */ t(
-          "div",
-          {
-            className: "tw-flex tw-flex-1 tw-gap-2 focus:tw-outline-0",
-            onClick: (e) => {
-              e.target === B.current && a || m();
-            },
-            role: "combobox",
-            "aria-expanded": a,
-            "aria-controls": M,
-            "aria-label": g,
-            ..._,
-            tabIndex: 0,
-            onKeyDown: J,
-            children: /* @__PURE__ */ P("div", { className: "tw-flex tw-flex-wrap tw-gap-2 tw-outline-none tw-items-center tw-min-h-[28px]", children: [
-              S && T && /* @__PURE__ */ t("span", { className: "tw-body-medium-strong tw-text-primary", children: S }),
-              v === "Default" && r.map((e) => /* @__PURE__ */ t(
-                y,
-                {
-                  type: N(),
-                  label: e.toString(),
-                  size: w === "Small" ? d.Small : d.Medium,
-                  onClick: x ? void 0 : () => q(e)
-                },
-                e
-              )),
-              v === "Summarized" && (T || D) && /* @__PURE__ */ t(
-                y,
-                {
-                  type: N(),
-                  label: G,
-                  size: w === "Small" ? d.Small : d.Medium,
-                  onClick: (s == null ? void 0 : s.length) === 0 ? () => f([]) : void 0
-                }
-              ),
-              r.length === 0 && b && /* @__PURE__ */ t("span", { className: "tw-body-medium tw-text-secondary", children: b })
-            ] })
-          }
-        ) })
-      }
-    ),
-    a && U && /* @__PURE__ */ t(ae, { enablePortal: V, children: /* @__PURE__ */ t(
-      "div",
-      {
-        id: M,
-        ref: C,
-        className: "tw-absolute tw-left-0 tw-w-full tw-overflow-hidden tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-[120000] tw-bg-base tw-min-w-72",
-        style: {
-          ...u.styles.popper,
-          width: i == null ? void 0 : i.getBoundingClientRect().width
-        },
-        ...u.attributes.popper,
-        children: /* @__PURE__ */ t(Z, { restoreFocus: !0, children: /* @__PURE__ */ t(
-          "div",
-          {
-            className: "tw-p-4 tw-overflow-y-auto tw-overflow-x-hidden tw-w-full tw-relative",
-            style: { maxHeight: E },
-            children: /* @__PURE__ */ t(
-              te,
-              {
-                activeValues: r.map((e) => e.toString()),
-                setActiveValues: f,
-                checkboxes: H.filter((e) => !e.isDivider && !e.isCategory),
-                direction: oe.Vertical,
-                ariaLabel: g
-              }
-            )
-          }
-        ) })
-      },
-      "content"
-    ) })
-  ] });
-};
-we.displayName = "FondueMultiSelect";
-export {
-  we as MultiSelect,
-  fe as MultiSelectSize,
-  de as MultiSelectType
-};
-//# sourceMappingURL=MultiSelect.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.es.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useButton } from '@react-aria/button';\nimport { FocusScope, useFocusRing } from '@react-aria/focus';\nimport {\n    type KeyboardEvent,\n    type ReactElement,\n    type ReactNode,\n    useEffect,\n    useId,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { CheckboxState } from '@components/Checkbox/Checkbox';\nimport { Checklist, ChecklistDirection } from '@components/Checklist/Checklist';\nimport { Tag, TagSize, TagType } from '@components/Tag';\nimport { Trigger, TriggerEmphasis } from '@components/Trigger/Trigger';\nimport { DEFAULT_DROPDOWN_MAX_HEIGHT, useDropdownAutoHeight } from '@hooks/useDropdownAutoHeight';\nimport { EnablePortalWrapper } from '@utilities/dialogs/EnablePortalWrapper';\nimport { merge } from '@utilities/merge';\nimport { Validation } from '@utilities/validation';\n\nimport { getPaddingClasses, useClickOutside } from './helpers';\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport enum MultiSelectType {\n    Default = 'Default',\n    Summarized = 'Summarized',\n}\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport enum MultiSelectSize {\n    Small = 'Small',\n    Medium = 'Medium',\n}\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport type MultiSelectItem = {\n    value: string;\n    isCategory?: boolean;\n    isDivider?: boolean;\n    avatar?: ReactNode;\n    imgSrc?: string;\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport type MultiSelectProps = {\n    items: MultiSelectItem[];\n    activeItemKeys: (string | number)[];\n    disabled?: boolean;\n    onSelectionChange: (keys: (string | number)[]) => void;\n    ariaLabel?: string;\n    label?: string;\n    placeholder?: string;\n    type?: MultiSelectType;\n    size?: MultiSelectSize;\n    validation?: Validation;\n    summarizedLabel?: string;\n    indeterminateItemKeys?: (string | number)[];\n    flip?: boolean;\n    emphasis?: TriggerEmphasis;\n    enablePortal?: boolean;\n};\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport type Item = {\n    label: string;\n    value: string;\n    avatar?: ReactNode;\n    isCategory?: boolean;\n    isDivider?: boolean;\n    imgSrc?: string;\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport const MultiSelect = ({\n    items,\n    activeItemKeys,\n    onSelectionChange,\n    ariaLabel = 'Select list',\n    disabled = false,\n    placeholder,\n    label,\n    type = MultiSelectType.Default,\n    size = MultiSelectSize.Medium,\n    validation = Validation.Default,\n    summarizedLabel: summarizedLabelFromProps,\n    indeterminateItemKeys,\n    flip = false,\n    emphasis = TriggerEmphasis.Default,\n    enablePortal = true,\n}: MultiSelectProps): ReactElement => {\n    const [open, setOpen] = useState(false);\n    const [checkboxes, setCheckboxes] = useState<Item[]>([]);\n    const multiSelectRef = useRef<HTMLDivElement | null>(null);\n\n    const [multiSelectMenuRef, setMultiSelectMenuRef] = useState<null | HTMLDivElement>(null);\n    const [triggerRef, setTriggerRef] = useState<HTMLDivElement | null>(null);\n\n    const filterInputRef = useRef<HTMLInputElement | null>(null);\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    const { maxHeight } = useDropdownAutoHeight({ current: triggerRef }, { isOpen: open, autoResize: true });\n\n    const hasSelectedItems = activeItemKeys.length > 0;\n    const summarizedLabel = summarizedLabelFromProps ?? [activeItemKeys.length, 'selected'].join(' ');\n\n    const handleClose = () => setOpen(false);\n\n    useClickOutside(null, handleClose, [multiSelectRef?.current as HTMLElement, multiSelectMenuRef as HTMLElement]);\n\n    const heightIsReady = maxHeight !== DEFAULT_DROPDOWN_MAX_HEIGHT;\n\n    const muliSelectContentId = useId();\n\n    const toggleOpen = () => setOpen((open) => !open);\n\n    const { buttonProps } = useButton(\n        {\n            onPress: toggleOpen,\n            onKeyDown: (e) => {\n                if (e.key === 'Escape') {\n                    setOpen(false);\n                }\n            },\n            elementType: 'div',\n        },\n        { current: triggerRef },\n    );\n\n    const toggleSelection = (key: string | number) => {\n        const keySet = new Set(activeItemKeys);\n\n        if (keySet.has(key)) {\n            keySet.delete(key);\n        } else {\n            keySet.add(key);\n        }\n\n        onSelectionChange(Array.from(keySet));\n    };\n\n    const handleSpacebarToggle = (e: KeyboardEvent<HTMLDivElement>) => {\n        if (e.code === 'Space' || e.code === 'Enter') {\n            toggleOpen();\n        }\n    };\n\n    const getTagType = () => {\n        if (!open) {\n            return TagType.Selected;\n        }\n        return TagType.SelectedWithFocus;\n    };\n\n    useEffect(() => {\n        setMultiSelectMenuRef(multiSelectRef?.current);\n    }, []);\n\n    useEffect(() => {\n        setCheckboxes(\n            items.map((item) => {\n                const checkboxBaseItem = { ...item, label: item.value };\n                if (indeterminateItemKeys?.includes(item.value)) {\n                    return { ...checkboxBaseItem, state: CheckboxState.Mixed };\n                }\n                return checkboxBaseItem;\n            }),\n        );\n    }, [items, indeterminateItemKeys]);\n\n    const popperInstance = usePopper(triggerRef, multiSelectMenuRef, {\n        placement: 'bottom-start',\n        strategy: 'fixed',\n        modifiers: [\n            {\n                name: 'offset',\n                options: {\n                    offset: [0, 8],\n                },\n            },\n            {\n                name: 'flip',\n                enabled: flip,\n            },\n        ],\n    });\n\n    useEffect(() => {\n        const updatePopper = async () => {\n            if (popperInstance.update) {\n                await popperInstance.update();\n            }\n        };\n\n        updatePopper().catch(console.error);\n        // eslint-disable-next-line @eslint-react/exhaustive-deps\n    }, [activeItemKeys]);\n\n    useLayoutEffect(() => {\n        const handleEscapeKey = (event: globalThis.KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                setOpen(false);\n            }\n        };\n\n        window.addEventListener('keyup', handleEscapeKey);\n\n        return () => {\n            window.removeEventListener('keyup', handleEscapeKey);\n        };\n    }, []);\n\n    return (\n        <div className=\"tw-relative\" ref={multiSelectRef}>\n            <Trigger\n                disabled={disabled}\n                buttonProps={buttonProps}\n                isFocusVisible={isFocusVisible}\n                isOpen={open}\n                validation={validation}\n                emphasis={emphasis}\n            >\n                <div className={merge(['tw-flex tw-flex-1 tw-gap-2', getPaddingClasses(size)])} ref={setTriggerRef}>\n                    <div\n                        className=\"tw-flex tw-flex-1 tw-gap-2 focus:tw-outline-0\"\n                        onClick={(e) => {\n                            if (e.target === filterInputRef.current && open) {\n                                return;\n                            }\n                            toggleOpen();\n                        }}\n                        role=\"combobox\"\n                        aria-expanded={open}\n                        aria-controls={muliSelectContentId}\n                        aria-label={ariaLabel}\n                        {...focusProps}\n                        tabIndex={0}\n                        onKeyDown={handleSpacebarToggle}\n                    >\n                        <div className=\"tw-flex tw-flex-wrap tw-gap-2 tw-outline-none tw-items-center tw-min-h-[28px]\">\n                            {label && hasSelectedItems && (\n                                <span className=\"tw-body-medium-strong tw-text-primary\">{label}</span>\n                            )}\n                            {type === MultiSelectType.Default &&\n                                activeItemKeys.map((key) => (\n                                    <Tag\n                                        key={key}\n                                        type={getTagType()}\n                                        label={key.toString()}\n                                        size={size === MultiSelectSize.Small ? TagSize.Small : TagSize.Medium}\n                                        onClick={disabled ? undefined : () => toggleSelection(key)}\n                                    />\n                                ))}\n\n                            {type === MultiSelectType.Summarized && (hasSelectedItems || summarizedLabelFromProps) && (\n                                <Tag\n                                    type={getTagType()}\n                                    label={summarizedLabel}\n                                    size={size === MultiSelectSize.Small ? TagSize.Small : TagSize.Medium}\n                                    onClick={\n                                        indeterminateItemKeys?.length === 0 ? () => onSelectionChange([]) : undefined\n                                    }\n                                />\n                            )}\n\n                            {activeItemKeys.length === 0 && placeholder && (\n                                <span className=\"tw-body-medium tw-text-secondary\">{placeholder}</span>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </Trigger>\n\n            {open && heightIsReady && (\n                <EnablePortalWrapper enablePortal={enablePortal}>\n                    <div\n                        id={muliSelectContentId}\n                        ref={setMultiSelectMenuRef}\n                        className=\"tw-absolute tw-left-0 tw-w-full tw-overflow-hidden tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-[120000] tw-bg-base tw-min-w-72\"\n                        key=\"content\"\n                        style={{\n                            ...popperInstance.styles.popper,\n                            width: triggerRef?.getBoundingClientRect().width,\n                        }}\n                        {...popperInstance.attributes.popper}\n                    >\n                        <FocusScope restoreFocus>\n                            <div\n                                className=\"tw-p-4 tw-overflow-y-auto tw-overflow-x-hidden tw-w-full tw-relative\"\n                                style={{ maxHeight }}\n                            >\n                                <Checklist\n                                    activeValues={activeItemKeys.map((key) => key.toString())}\n                                    setActiveValues={onSelectionChange}\n                                    checkboxes={checkboxes.filter((item) => !item.isDivider && !item.isCategory)}\n                                    direction={ChecklistDirection.Vertical}\n                                    ariaLabel={ariaLabel}\n                                />\n                            </div>\n                        </FocusScope>\n                    </div>\n                </EnablePortalWrapper>\n            )}\n        </div>\n    );\n};\nMultiSelect.displayName = 'FondueMultiSelect';\n"],"names":["MultiSelectType","MultiSelectSize","MultiSelect","items","activeItemKeys","onSelectionChange","ariaLabel","disabled","placeholder","label","type","size","validation","Validation","summarizedLabelFromProps","indeterminateItemKeys","flip","emphasis","TriggerEmphasis","enablePortal","open","setOpen","useState","checkboxes","setCheckboxes","multiSelectRef","useRef","multiSelectMenuRef","setMultiSelectMenuRef","triggerRef","setTriggerRef","filterInputRef","isFocusVisible","focusProps","useFocusRing","maxHeight","useDropdownAutoHeight","hasSelectedItems","summarizedLabel","useClickOutside","heightIsReady","DEFAULT_DROPDOWN_MAX_HEIGHT","muliSelectContentId","useId","toggleOpen","buttonProps","useButton","toggleSelection","key","keySet","handleSpacebarToggle","getTagType","TagType","useEffect","item","checkboxBaseItem","CheckboxState","popperInstance","usePopper","useLayoutEffect","handleEscapeKey","event","jsxs","jsx","Trigger","merge","getPaddingClasses","Tag","TagSize","EnablePortalWrapper","FocusScope","Checklist","ChecklistDirection"],"mappings":"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"}

package/dist/components/MultiSelect/helpers.es.js

@@ -1,33 +0,0 @@
-import { useEffect as i } from "react";
-import { merge as p } from "../../utilities/merge.es.js";
-import { MultiSelectSize as c } from "./MultiSelect.es.js";
-const n = (r) => {
-  const t = ["tw-pr-9"];
-  switch (r) {
-    case c.Small:
-      t.push("tw-pl-3 tw-py-1");
-      break;
-    case c.Medium:
-      t.push("tw-pl-[19px] tw-py-[11px]");
-      break;
-    default:
-      return;
-  }
-  return p(t);
-}, w = (r, t, s) => {
-  i(() => {
-    function e(o) {
-      s != null && s.find(
-        (u) => u && (o.target === u || u.contains(o.target))
-      ) || t();
-    }
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, [t, r, s]);
-};
-export {
-  n as getPaddingClasses,
-  w as useClickOutside
-};
-//# sourceMappingURL=helpers.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../src/components/MultiSelect/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { MultiSelectSize } from './MultiSelect';\n\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport const getPaddingClasses = (size: MultiSelectSize) => {\n    const classes = ['tw-pr-9'];\n    switch (size) {\n        case MultiSelectSize.Small:\n            classes.push('tw-pl-3 tw-py-1');\n            break;\n        case MultiSelectSize.Medium:\n            classes.push('tw-pl-[19px] tw-py-[11px]');\n            break;\n        default:\n            return;\n    }\n\n    return merge(classes);\n};\n\n/*\nThis function should live here temporarily and removed once the new MultiSelect implementation is done.\nThe new Hook update works well in any overlay component but doesn't work in the current MultiSelect component.\nIt messes with the Popper positioning which should be also fixed in another PR using the combo -> Popper component, overlayStyles, and downshift.\n*/\n/**\n * @deprecated Please use updated Multiple Select component from `@frontify/fondue/components` instead.\n */\nexport const useClickOutside = (\n    reference: HTMLElement | null,\n    callback: () => void,\n    ignoredElements?: HTMLElement[],\n): void => {\n    useEffect(() => {\n        function handleClickOutside(event: MouseEvent) {\n            if (\n                !reference?.contains(event.target as Node) &&\n                !ignoredElements?.find(\n                    (element) => element && (event.target === element || element.contains(event.target as Node)),\n                )\n            ) {\n                callback();\n            }\n        }\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => {\n            document.removeEventListener('mousedown', handleClickOutside);\n        };\n    }, [callback, reference, ignoredElements]);\n};\n"],"names":["getPaddingClasses","size","classes","MultiSelectSize","merge","useClickOutside","reference","callback","ignoredElements","useEffect","handleClickOutside","event","element"],"mappings":";;;AAWO,MAAMA,IAAoB,CAACC,MAA0B;AACxD,QAAMC,IAAU,CAAC,SAAS;AAC1B,UAAQD,GAAA;AAAA,IACJ,KAAKE,EAAgB;AACjB,MAAAD,EAAQ,KAAK,iBAAiB;AAC9B;AAAA,IACJ,KAAKC,EAAgB;AACjB,MAAAD,EAAQ,KAAK,2BAA2B;AACxC;AAAA,IACJ;AACI;AAAA,EAAA;AAGR,SAAOE,EAAMF,CAAO;AACxB,GAUaG,IAAkB,CAC3BC,GACAC,GACAC,MACO;AACP,EAAAC,EAAU,MAAM;AACZ,aAASC,EAAmBC,GAAmB;AAC3C,MAEKH,KAAA,QAAAA,EAAiB;AAAA,QACd,CAACI,MAAYA,MAAYD,EAAM,WAAWC,KAAWA,EAAQ,SAASD,EAAM,MAAc;AAAA,WAG9FJ,EAAA;AAAA,IAER;AAEA,oBAAS,iBAAiB,aAAaG,CAAkB,GAClD,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAChE;AAAA,EACJ,GAAG,CAACH,GAAUD,GAAWE,CAAe,CAAC;AAC7C;"}

package/dist/components/OrderableList/OrderableList.es.js

@@ -1,73 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useId as I } from "@react-aria/utils";
-import { useState as y, useEffect as C, useMemo as S } from "react";
-import { Tree as D } from "../Tree/Tree.es.js";
-import { TreeItem as v } from "../Tree/TreeItem/TreeItem.es.js";
-const x = (e, o) => e.sort === null && o.sort === null || e.sort === null ? 1 : o.sort === null ? -1 : e.sort - o.sort, H = (e, o, r) => {
-  const n = r.find((s) => s.id === e);
-  return n ? [{ ...n, sort: o }] : [];
-}, O = ({
-  onMove: e,
-  dragDisabled: o,
-  items: r,
-  dragHandlerPosition: n = "none",
-  enableDragDelay: s = !0,
-  itemStyle: i,
-  selectedId: a,
-  renderContent: u,
-  "data-test-id": d = "orderable-list"
-}) => {
-  const [c, f] = y(r), p = I(), l = !o;
-  C(() => {
-    const t = [...r];
-    t.sort(x), f(t);
-  }, [r]);
-  const g = (t) => {
-    e(H(t.id, t.sort, c));
-  }, b = S(() => ({
-    spacingY: "small",
-    contentHight: "content-fit",
-    shadow: "small",
-    borderRadius: "medium",
-    borderWidth: "x-small",
-    borderStyle: "solid",
-    activeColorStyle: "soft",
-    ...i
-  }), [i]);
-  return /* @__PURE__ */ m(
-    D,
-    {
-      draggable: l,
-      id: p,
-      onDrop: g,
-      "data-test-id": d,
-      selectedIds: a ? [a] : [],
-      itemStyle: b,
-      showDragHandlerOnHoverOnly: !l,
-      dragHandlerPosition: l ? n : "none",
-      showContentWhileDragging: !0,
-      enableDragDelay: s,
-      children: c.map((t) => {
-        const h = `collection-item-${t.id}`;
-        return /* @__PURE__ */ m(
-          v,
-          {
-            "data-test-id": `${d}-item`,
-            id: t.id,
-            type: "collection-item",
-            accepts: "collection-item",
-            expandable: !1,
-            levelConstraint: 0,
-            contentComponent: u(t)
-          },
-          h
-        );
-      })
-    }
-  );
-};
-O.displayName = "FondueOrderableList";
-export {
-  O as OrderableList
-};
-//# sourceMappingURL=OrderableList.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OrderableList.es.js","sources":["../../../src/components/OrderableList/OrderableList.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useId } from '@react-aria/utils';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport { Tree } from '@components/Tree/Tree';\nimport { TreeItem } from '@components/Tree/TreeItem/TreeItem';\nimport { type OnTreeDropCallback, type TreeItemStyling } from '@components/Tree/types';\nimport { type DraggableItem } from '@utilities/dnd/types';\n\nimport { type OrderableListItem, type OrderableListProps } from './types';\n\nconst listItemsCompareFn = <T extends object>(itemA: OrderableListItem<T>, itemB: OrderableListItem<T>): number => {\n    if (itemA.sort === null && itemB.sort === null) {\n        return 1;\n    }\n    if (itemA.sort === null) {\n        return 1;\n    }\n    if (itemB.sort === null) {\n        return -1;\n    }\n\n    return itemA.sort - itemB.sort;\n};\n\nconst moveItem = <T extends object>(\n    id: string,\n    newPosition: number | null,\n    items: DraggableItem<T>[],\n): DraggableItem<T>[] => {\n    const theItem = items.find((item) => item.id === id) as DraggableItem<T>;\n\n    return theItem ? [{ ...theItem, sort: newPosition }] : [];\n};\n\n/**\n * @deprecated Use the new OrderableList component from @frontify/fondue/components instead.\n */\nexport const OrderableList = <T extends object>({\n    onMove,\n    dragDisabled,\n    items,\n    dragHandlerPosition = 'none',\n    enableDragDelay = true,\n    itemStyle,\n    selectedId,\n    renderContent,\n    'data-test-id': dataTestId = 'orderable-list',\n}: OrderableListProps<T>) => {\n    const [itemsState, setItemsState] = useState(items);\n    const listId = useId();\n    const isDraggable = !dragDisabled;\n\n    useEffect(() => {\n        // sort the incoming items\n        const itemsClone = [...items];\n        itemsClone.sort(listItemsCompareFn);\n        // eslint-disable-next-line @eslint-react/set-state-in-effect\n        setItemsState(itemsClone);\n    }, [items]);\n\n    const handleDrop: OnTreeDropCallback = (dropArgs) => {\n        onMove(moveItem(dropArgs.id, dropArgs.sort, itemsState));\n    };\n\n    const treeItemStyle = useMemo<TreeItemStyling>(() => {\n        return {\n            spacingY: 'small',\n            contentHight: 'content-fit',\n            shadow: 'small',\n            borderRadius: 'medium',\n            borderWidth: 'x-small',\n            borderStyle: 'solid',\n            activeColorStyle: 'soft',\n            ...itemStyle,\n        };\n    }, [itemStyle]);\n\n    return (\n        <Tree\n            draggable={isDraggable}\n            id={listId}\n            onDrop={handleDrop}\n            data-test-id={dataTestId}\n            selectedIds={selectedId ? [selectedId] : []}\n            itemStyle={treeItemStyle}\n            showDragHandlerOnHoverOnly={!isDraggable}\n            dragHandlerPosition={!isDraggable ? 'none' : dragHandlerPosition}\n            showContentWhileDragging\n            enableDragDelay={enableDragDelay}\n        >\n            {itemsState.map((item) => {\n                const identifier = `collection-item-${item.id}`;\n                return (\n                    <TreeItem\n                        data-test-id={`${dataTestId}-item`}\n                        id={item.id}\n                        key={identifier}\n                        type=\"collection-item\"\n                        accepts=\"collection-item\"\n                        expandable={false}\n                        levelConstraint={0}\n                        contentComponent={renderContent(item)}\n                    />\n                );\n            })}\n        </Tree>\n    );\n};\nOrderableList.displayName = 'FondueOrderableList';\n"],"names":["listItemsCompareFn","itemA","itemB","moveItem","id","newPosition","items","theItem","item","OrderableList","onMove","dragDisabled","dragHandlerPosition","enableDragDelay","itemStyle","selectedId","renderContent","dataTestId","itemsState","setItemsState","useState","listId","useId","isDraggable","useEffect","itemsClone","handleDrop","dropArgs","treeItemStyle","useMemo","jsx","Tree","identifier","TreeItem"],"mappings":";;;;;AAYA,MAAMA,IAAqB,CAAmBC,GAA6BC,MACnED,EAAM,SAAS,QAAQC,EAAM,SAAS,QAGtCD,EAAM,SAAS,OACR,IAEPC,EAAM,SAAS,OACR,KAGJD,EAAM,OAAOC,EAAM,MAGxBC,IAAW,CACbC,GACAC,GACAC,MACqB;AACrB,QAAMC,IAAUD,EAAM,KAAK,CAACE,MAASA,EAAK,OAAOJ,CAAE;AAEnD,SAAOG,IAAU,CAAC,EAAE,GAAGA,GAAS,MAAMF,EAAA,CAAa,IAAI,CAAA;AAC3D,GAKaI,IAAgB,CAAmB;AAAA,EAC5C,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAL;AAAA,EACA,qBAAAM,IAAsB;AAAA,EACtB,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,MAA6B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASd,CAAK,GAC5Ce,IAASC,EAAA,GACTC,IAAc,CAACZ;AAErB,EAAAa,EAAU,MAAM;AAEZ,UAAMC,IAAa,CAAC,GAAGnB,CAAK;AAC5B,IAAAmB,EAAW,KAAKzB,CAAkB,GAElCmB,EAAcM,CAAU;AAAA,EAC5B,GAAG,CAACnB,CAAK,CAAC;AAEV,QAAMoB,IAAiC,CAACC,MAAa;AACjD,IAAAjB,EAAOP,EAASwB,EAAS,IAAIA,EAAS,MAAMT,CAAU,CAAC;AAAA,EAC3D,GAEMU,IAAgBC,EAAyB,OACpC;AAAA,IACH,UAAU;AAAA,IACV,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,GAAGf;AAAA,EAAA,IAER,CAACA,CAAS,CAAC;AAEd,SACI,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWR;AAAA,MACX,IAAIF;AAAA,MACJ,QAAQK;AAAA,MACR,gBAAcT;AAAA,MACd,aAAaF,IAAa,CAACA,CAAU,IAAI,CAAA;AAAA,MACzC,WAAWa;AAAA,MACX,4BAA4B,CAACL;AAAA,MAC7B,qBAAsBA,IAAuBX,IAAT;AAAA,MACpC,0BAAwB;AAAA,MACxB,iBAAAC;AAAA,MAEC,UAAAK,EAAW,IAAI,CAACV,MAAS;AACtB,cAAMwB,IAAa,mBAAmBxB,EAAK,EAAE;AAC7C,eACI,gBAAAsB;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,gBAAc,GAAGhB,CAAU;AAAA,YAC3B,IAAIT,EAAK;AAAA,YAET,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,YAAY;AAAA,YACZ,iBAAiB;AAAA,YACjB,kBAAkBQ,EAAcR,CAAI;AAAA,UAAA;AAAA,UAL/BwB;AAAA,QAAA;AAAA,MAQjB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGb;AACAvB,EAAc,cAAc;"}

package/dist/components/OverflowMenu/OverflowMenu.es.js

@@ -1,42 +0,0 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { IconDotsHorizontal as p } from "@frontify/fondue-icons";
-import { useFocusRing as c } from "@react-aria/focus";
-import { useState as w, useRef as d } from "react";
-import { Menu as b } from "../Menu/Menu.es.js";
-import { FOCUS_VISIBLE_STYLE as v } from "../../utilities/focusStyle.es.js";
-import { merge as g } from "../../utilities/merge.es.js";
-import { MenuItem as h } from "../MenuItem/MenuItem.es.js";
-const x = ({ items: s, "data-test-id": i = "overflow-menu" }) => {
-  const [o, n] = w(!1), r = d(null), { isFocusVisible: l, focusProps: a } = c(), u = () => {
-    var e;
-    (e = r.current) == null || e.focus(), n(!1);
-  };
-  return /* @__PURE__ */ f("div", { "data-test-id": i, className: "tw-relative tw-bottom-0 tw-top-0 tw-flex", children: [
-    /* @__PURE__ */ t(
-      "button",
-      {
-        "aria-haspopup": "true",
-        "aria-expanded": o,
-        "aria-label": "Open overflow menu",
-        ref: r,
-        className: g([
-          "tw-w-6 tw-h-6 hover:tw-bg-box-neutral-strong-inverse-hover tw-rounded tw-flex tw-justify-center tw-items-center",
-          o ? "tw-bg-box-neutral-strong-inverse-pressed" : "tw-bg-box-neutral-strong-inverse",
-          l && v
-        ]),
-        type: "button",
-        onClick: () => {
-          n(!o);
-        },
-        ...a,
-        children: /* @__PURE__ */ t(p, {})
-      }
-    ),
-    /* @__PURE__ */ t(b, { triggerRef: r, onClose: u, open: o, children: s.map((e, m) => /* @__PURE__ */ t(h, { link: e.link, onClick: e.onClick, children: e.label }, `overflow-menu-item-${m}`)) })
-  ] });
-};
-x.displayName = "FondueOverflowMenu";
-export {
-  x as OverflowMenu
-};
-//# sourceMappingURL=OverflowMenu.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowMenu.es.js","sources":["../../../src/components/OverflowMenu/OverflowMenu.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconDotsHorizontal } from '@frontify/fondue-icons';\nimport { useFocusRing } from '@react-aria/focus';\nimport { type MouseEvent, useRef, useState } from 'react';\n\nimport { Menu } from '@components/Menu/Menu';\nimport { MenuItem } from '@components/MenuItem';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\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 interface OverflowMenuItemProps {\n    id?: string;\n    label: string;\n    link?: string;\n    onClick?: <T extends HTMLAnchorElement | HTMLButtonElement>(event: MouseEvent<T>) => void;\n    disabled?: 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 interface OverflowMenuProps {\n    items: OverflowMenuItemProps[];\n    'data-test-id'?: 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 const OverflowMenu = ({ items, 'data-test-id': dataTestId = 'overflow-menu' }: OverflowMenuProps) => {\n    const [isMenuOpen, setIsMenuOpen] = useState(false);\n    const menuOpenerRef = useRef<HTMLButtonElement>(null);\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    const handleClose = () => {\n        menuOpenerRef.current?.focus();\n        setIsMenuOpen(false);\n    };\n    return (\n        <div data-test-id={dataTestId} className=\"tw-relative tw-bottom-0 tw-top-0 tw-flex\">\n            <button\n                aria-haspopup=\"true\"\n                aria-expanded={isMenuOpen}\n                aria-label=\"Open overflow menu\"\n                ref={menuOpenerRef}\n                className={merge([\n                    'tw-w-6 tw-h-6 hover:tw-bg-box-neutral-strong-inverse-hover tw-rounded tw-flex tw-justify-center tw-items-center',\n                    isMenuOpen ? 'tw-bg-box-neutral-strong-inverse-pressed' : 'tw-bg-box-neutral-strong-inverse',\n                    isFocusVisible && FOCUS_VISIBLE_STYLE,\n                ])}\n                type=\"button\"\n                onClick={() => {\n                    setIsMenuOpen(!isMenuOpen);\n                }}\n                {...focusProps}\n            >\n                <IconDotsHorizontal />\n            </button>\n            <Menu triggerRef={menuOpenerRef} onClose={handleClose} open={isMenuOpen}>\n                {items.map((item, index) => (\n                    <MenuItem link={item.link} onClick={item.onClick} key={`overflow-menu-item-${index}`}>\n                        {item.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        </div>\n    );\n};\nOverflowMenu.displayName = 'FondueOverflowMenu';\n"],"names":["OverflowMenu","items","dataTestId","isMenuOpen","setIsMenuOpen","useState","menuOpenerRef","useRef","isFocusVisible","focusProps","useFocusRing","handleClose","_a","jsxs","jsx","merge","FOCUS_VISIBLE_STYLE","IconDotsHorizontal","Menu","item","index","MenuItem"],"mappings":";;;;;;;;AAiCO,MAAMA,IAAe,CAAC,EAAE,OAAAC,GAAO,gBAAgBC,IAAa,sBAAyC;AACxG,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAgBC,EAA0B,IAAI,GAC9C,EAAE,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GAEjCC,IAAc,MAAM;;AACtB,KAAAC,IAAAN,EAAc,YAAd,QAAAM,EAAuB,SACvBR,EAAc,EAAK;AAAA,EACvB;AACA,SACI,gBAAAS,EAAC,OAAA,EAAI,gBAAcX,GAAY,WAAU,4CACrC,UAAA;AAAA,IAAA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,iBAAc;AAAA,QACd,iBAAeX;AAAA,QACf,cAAW;AAAA,QACX,KAAKG;AAAA,QACL,WAAWS,EAAM;AAAA,UACb;AAAA,UACAZ,IAAa,6CAA6C;AAAA,UAC1DK,KAAkBQ;AAAA,QAAA,CACrB;AAAA,QACD,MAAK;AAAA,QACL,SAAS,MAAM;AACX,UAAAZ,EAAc,CAACD,CAAU;AAAA,QAC7B;AAAA,QACC,GAAGM;AAAA,QAEJ,4BAACQ,GAAA,CAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExB,gBAAAH,EAACI,GAAA,EAAK,YAAYZ,GAAe,SAASK,GAAa,MAAMR,GACxD,UAAAF,EAAM,IAAI,CAACkB,GAAMC,MACd,gBAAAN,EAACO,GAAA,EAAS,MAAMF,EAAK,MAAM,SAASA,EAAK,SACpC,UAAAA,EAAK,MAAA,GAD6C,sBAAsBC,CAAK,EAElF,CACH,EAAA,CACL;AAAA,EAAA,GACJ;AAER;AACApB,EAAa,cAAc;"}

package/dist/components/Switch/Switch.es.js

@@ -1,89 +0,0 @@
-import { jsxs as V, jsx as a } from "react/jsx-runtime";
-import { useFocusRing as j } from "@react-aria/focus";
-import { useMemo as o } from "react";
-import { InputLabel as W } from "../InputLabel/InputLabel.es.js";
-import { useMemoizedId as $ } from "../../hooks/useMemoizedId.es.js";
-import { FOCUS_STYLE as L } from "../../utilities/focusStyle.es.js";
-import { merge as n } from "../../utilities/merge.es.js";
-const D = {
-  small: "tw-w-[22px] tw-h-3",
-  medium: "tw-w-[30px] tw-h-4"
-}, w = {
-  small: {
-    dimensions: "tw-w-3 tw-h-3",
-    activeWidth: "group-active:tw-w-[14px]",
-    activeTranslation: "tw-translate-x-[9px]"
-  },
-  medium: {
-    dimensions: "tw-w-4 tw-h-4",
-    activeWidth: "group-active:tw-w-[18px]",
-    activeTranslation: "tw-translate-x-[13px]"
-  }
-}, p = "tw-w-2 tw-h-px", M = ({
-  id: f,
-  name: C,
-  label: c,
-  disabled: e,
-  onChange: h,
-  size: s = "medium",
-  mode: t = "off",
-  labelStyle: v = "default",
-  ariaLabel: g,
-  hug: x = !1,
-  tooltip: F,
-  "data-test-id": u = "switch"
-}) => {
-  const r = $(f), { isFocusVisible: m, focusProps: k } = j(), O = o(() => n(["tw-group tw-border tw-inline-flex tw-rounded-full tw-shrink-0 tw-p-0 tw-transition-colors", e && t === "indeterminate" ? "tw-flex tw-items-center tw-justify-center tw-bg-box-disabled tw-border-line tw-pointer-events-none" : e ? "tw-bg-box-disabled tw-border-line tw-pointer-events-none" : t === "indeterminate" ? "tw-bg-text-weak tw-flex tw-items-center tw-justify-center hover:tw-bg-text" : t === "on" ? "tw-bg-text-weak tw-border-line-xx-strong hover:tw-bg-text" : "tw-bg-box-neutral tw-border-line-x-strong hover:tw-bg-box-neutral-hover", D[s], m && L]), [t, e, s, m]), S = o(() => {
-    const l = "tw-relative tw-self-center tw-transition-transform", d = t === "on" ? w[s].activeTranslation : "", i = e && t === "indeterminate" ? "tw-bg-text-disabled" : t === "indeterminate" ? "tw-bg-base" : d;
-    return n([
-      l,
-      t === "indeterminate" ? p : w[s].dimensions,
-      i
-    ]);
-  }, [e, t, s]), y = o(() => {
-    const l = "tw-border tw-bg-base tw-rounded-full tw-absolute tw-block tw-self-center tw-transition-width tw-duration-75", b = t === "indeterminate" ? "tw-hidden" : t === "on" ? "tw-right-0  tw-translate-x-px" : "tw-left-0", i = e ? "tw-border-line-strong" : n(["tw-bg-base tw-border-line-xx-strong", w[s].activeWidth]);
-    return n([
-      l,
-      t === "indeterminate" ? p : w[s].dimensions,
-      b,
-      i
-    ]);
-  }, [t, e, s]), N = o(
-    () => n(["tw-gap-2 tw-items-center tw-justify-between", x ? "tw-inline-flex" : "tw-flex"]),
-    [x]
-  );
-  return /* @__PURE__ */ V("div", { className: N, "data-test-id": `${u}-container`, children: [
-    c && /* @__PURE__ */ a(W, { clickable: !0, id: `${r}-label`, htmlFor: r, disabled: e, tooltip: F, children: /* @__PURE__ */ a(
-      "span",
-      {
-        "data-test-id": `${u}-label-wrapper`,
-        className: v === "default" ? "tw-font-medium tw-text-text-weak" : "tw-font-bold tw-text-text",
-        children: c
-      }
-    ) }),
-    /* @__PURE__ */ a(
-      "button",
-      {
-        ...k,
-        id: r,
-        disabled: e,
-        name: C,
-        "data-test-id": u,
-        className: O,
-        value: t,
-        onClick: h,
-        type: "button",
-        role: "switch",
-        "aria-checked": t === "on",
-        "aria-label": g,
-        "aria-labelledby": c ? `${r}-label` : void 0,
-        children: /* @__PURE__ */ a("div", { className: S, children: /* @__PURE__ */ a("div", { className: y }) })
-      }
-    )
-  ] });
-};
-M.displayName = "FondueSwitch";
-export {
-  M as Switch
-};
-//# sourceMappingURL=Switch.es.js.map