@frontify/fondue-components 29.0.1 → 29.2.0

package/dist/fondue-components136.js

@@ -1,92 +1,63 @@
-import { jsxs as S, jsx as f } from "react/jsx-runtime";
-import { useRef as m, useState as C, useEffect as _ } from "react";
-import { Badge as w } from "./fondue-components4.js";
-import { useTranslation as I } from "./fondue-components42.js";
-import p from "./fondue-components125.js";
-const W = 4, D = 40, E = 24, M = (r, h, u, o) => {
-  const g = r.offsetWidth;
-  let s = o ? E + W : 0, n = 0;
-  for (const d of u) {
-    const a = h.get(d.value);
-    if (!a)
-      continue;
-    const l = a.offsetWidth, i = n > 0 ? l + W : l, c = u.length - n - 1 > 0 ? D + W : 0;
-    if (s + i + c > g)
-      break;
-    s += i, n++;
-  }
-  return Math.max(1, n);
-}, x = ({
-  items: r,
-  placeholder: h,
-  onDismiss: u,
-  children: o,
-  selectedCount: g = 0
-}) => {
-  const { t: s } = I(), n = m(!1), d = m(null), a = m(/* @__PURE__ */ new Map()), [l, i] = C(r.length), b = o !== void 0;
-  if (_(() => {
-    const e = d.current;
-    if (!e)
+import { useEffect as m, useLayoutEffect as w, useRef as i, useMemo as y, useState as E, useCallback as k } from "react";
+import "./fondue-components135.js";
+import { flushSync as O } from "react-dom";
+import { currentValue as d } from "./fondue-components137.js";
+import { effect as S, untracked as V } from "./fondue-components138.js";
+var M = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", p = M ? w : m;
+function U() {
+  const e = E(0)[1];
+  return k(() => {
+    e((t) => t + 1);
+  }, [e]);
+}
+function D(e, t) {
+  const n = i(/* @__PURE__ */ new Map()), r = U();
+  return p(() => {
+    if (!e) {
+      n.current.clear();
       return;
-    const v = () => {
-      if (r.length === 0) {
-        i(0);
-        return;
+    }
+    return S(() => {
+      var o;
+      let c = !1, u = !1;
+      for (const a of n.current) {
+        const [f] = a, l = V(() => a[1]), s = e[f];
+        l !== s && (c = !0, n.current.set(f, s), u = (o = t == null ? void 0 : t(f, l, s)) != null ? o : !1);
       }
-      i(M(e, a.current, r, b));
-    }, t = new ResizeObserver(v);
-    return t.observe(e), () => {
-      t.disconnect();
-    };
-  }, [r, b]), r.length === 0 && !o)
-    return h;
-  const c = r.length - l, y = (e) => e === 1 ? s("Select_singleItemSelected") : e > 1 ? s("Select_multipleItemsSelected", { count: e.toString() }) : "";
-  return /* @__PURE__ */ S("div", { ref: d, className: p.badgesContainer, children: [
-    /* @__PURE__ */ f("span", { className: p.srOnly, "aria-live": "polite", "aria-atomic": "true", children: y(g) }),
-    o,
-    r.map((e, v) => /* @__PURE__ */ f(
-      "div",
-      {
-        ref: (t) => {
-          t ? a.current.set(e.value, t) : a.current.delete(e.value);
-        },
-        role: "presentation",
-        className: p.badgeWrapper,
-        "data-visible": v < l,
-        onKeyDown: (t) => {
-          (t.key === "Enter" || t.key === " ") && t.stopPropagation();
-        },
-        onMouseDown: () => {
-          n.current = !0;
-        },
-        children: /* @__PURE__ */ f(
-          w,
-          {
-            emphasis: "weak",
-            "aria-label": typeof e.displayValue == "string" ? e.displayValue : e.value,
-            onDismiss: (t) => {
-              t.stopPropagation(), u(e.value, n.current), n.current = !1;
-            },
-            children: e.displayValue
-          }
-        )
-      },
-      e.value
-    )),
-    c > 0 && /* @__PURE__ */ f(
-      "div",
-      {
-        className: p.badgeWrapper,
-        "aria-label": s("Select_additionalItemsSelected", { count: c.toString() }),
-        children: /* @__PURE__ */ S(w, { emphasis: "weak", "aria-hidden": "true", children: [
-          "+",
-          c
-        ] })
+      c && (u ? O(r) : r());
+    });
+  }, [e]), y(
+    () => e && new Proxy(e, {
+      get(o, c) {
+        const u = o[c];
+        return n.current.set(c, u), u;
       }
-    )
-  ] });
-};
+    }),
+    [e]
+  );
+}
+function I(e, t) {
+  e();
+}
+function L(e, t, n = m, r = Object.is) {
+  const o = i(e);
+  n(() => {
+    const c = o.current;
+    r(e, c) || (o.current = e, t(e, c));
+  }, [t, e]);
+}
+function _(e, t) {
+  const n = i(d(e));
+  p(() => {
+    const r = d(e);
+    r !== n.current && (n.current = r, t(r));
+  });
+}
 export {
-  x as CollapsibleBadges
+  D as useDeepSignal,
+  I as useImmediateEffect,
+  p as useIsomorphicLayoutEffect,
+  _ as useOnElementChange,
+  L as useOnValueChange
 };
 //# sourceMappingURL=fondue-components136.js.map

package/dist/fondue-components136.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components136.js","sources":["../src/components/Select/components/CollapsibleBadges.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\n\nimport { Badge } from '#/components/Badge/Badge';\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport styles from '../styles/select.module.scss';\n\nconst BADGE_GAP = 4;\nconst OVERFLOW_BADGE_MIN_WIDTH = 40;\nconst INPUT_MIN_WIDTH = 24;\n\ntype BadgeItem = {\n    value: string;\n    displayValue: ReactNode;\n};\n\ntype CollapsibleBadgesProps = {\n    items: BadgeItem[];\n    placeholder?: string;\n    onDismiss: (value: string, preventFocusRing: boolean) => void;\n    /** Optional children to render at the end (e.g., an input field). Space is reserved in the layout calculation. */\n    children?: ReactNode;\n    /** Total number of selected items (for screen reader announcements). */\n    selectedCount?: number;\n};\n\nconst calculateVisibleCount = (\n    container: HTMLDivElement,\n    badgeElements: Map<string, HTMLDivElement>,\n    items: BadgeItem[],\n    hasInputSlot: boolean,\n): number => {\n    const containerWidth = container.offsetWidth;\n    let usedWidth = hasInputSlot ? INPUT_MIN_WIDTH + BADGE_GAP : 0;\n    let count = 0;\n\n    for (const item of items) {\n        const badgeElement = badgeElements.get(item.value);\n        if (!badgeElement) {\n            continue;\n        }\n\n        const badgeWidth = badgeElement.offsetWidth;\n        const widthWithGap = count > 0 ? badgeWidth + BADGE_GAP : badgeWidth;\n        const hasMoreAfterThis = items.length - count - 1 > 0;\n        const reservedWidth = hasMoreAfterThis ? OVERFLOW_BADGE_MIN_WIDTH + BADGE_GAP : 0;\n\n        if (usedWidth + widthWithGap + reservedWidth > containerWidth) {\n            break;\n        }\n\n        usedWidth += widthWithGap;\n        count++;\n    }\n\n    return Math.max(1, count);\n};\n\nexport const CollapsibleBadges = ({\n    items,\n    placeholder,\n    onDismiss,\n    children,\n    selectedCount = 0,\n}: CollapsibleBadgesProps): ReactNode => {\n    const { t } = useTranslation();\n    const wasClickedRef = useRef(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const badgeElementsRef = useRef<Map<string, HTMLDivElement>>(new Map());\n    const [visibleCount, setVisibleCount] = useState(items.length);\n    const hasChildren = children !== undefined;\n\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!container) {\n            return;\n        }\n\n        const recalculate = (): void => {\n            if (items.length === 0) {\n                setVisibleCount(0);\n                return;\n            }\n            setVisibleCount(calculateVisibleCount(container, badgeElementsRef.current, items, hasChildren));\n        };\n\n        const observer = new ResizeObserver(recalculate);\n        observer.observe(container);\n        return (): void => {\n            observer.disconnect();\n        };\n    }, [items, hasChildren]);\n\n    if (items.length === 0 && !children) {\n        return placeholder;\n    }\n\n    const overflowCount = items.length - visibleCount;\n\n    const getSelectedCountText = (count: number): string => {\n        if (count === 1) {\n            return t('Select_singleItemSelected');\n        }\n        if (count > 1) {\n            return t('Select_multipleItemsSelected', { count: count.toString() });\n        }\n        return '';\n    };\n\n    return (\n        <div ref={containerRef} className={styles.badgesContainer}>\n            <span className={styles.srOnly} aria-live=\"polite\" aria-atomic=\"true\">\n                {getSelectedCountText(selectedCount)}\n            </span>\n            {children}\n            {items.map((item, index) => (\n                <div\n                    key={item.value}\n                    ref={(element): void => {\n                        if (element) {\n                            badgeElementsRef.current.set(item.value, element);\n                        } else {\n                            badgeElementsRef.current.delete(item.value);\n                        }\n                    }}\n                    role=\"presentation\"\n                    className={styles.badgeWrapper}\n                    data-visible={index < visibleCount}\n                    onKeyDown={(event: KeyboardEvent<HTMLDivElement>): void => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                            event.stopPropagation();\n                        }\n                    }}\n                    onMouseDown={(): void => {\n                        wasClickedRef.current = true;\n                    }}\n                >\n                    <Badge\n                        emphasis=\"weak\"\n                        aria-label={typeof item.displayValue === 'string' ? item.displayValue : item.value}\n                        onDismiss={(event) => {\n                            event.stopPropagation();\n                            onDismiss(item.value, wasClickedRef.current);\n                            wasClickedRef.current = false;\n                        }}\n                    >\n                        {item.displayValue}\n                    </Badge>\n                </div>\n            ))}\n            {overflowCount > 0 && (\n                <div\n                    className={styles.badgeWrapper}\n                    aria-label={t('Select_additionalItemsSelected', { count: overflowCount.toString() })}\n                >\n                    <Badge emphasis=\"weak\" aria-hidden=\"true\">\n                        +{overflowCount}\n                    </Badge>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["BADGE_GAP","OVERFLOW_BADGE_MIN_WIDTH","INPUT_MIN_WIDTH","calculateVisibleCount","container","badgeElements","items","hasInputSlot","containerWidth","usedWidth","count","item","badgeElement","badgeWidth","widthWithGap","reservedWidth","CollapsibleBadges","placeholder","onDismiss","children","selectedCount","t","useTranslation","wasClickedRef","useRef","containerRef","badgeElementsRef","visibleCount","setVisibleCount","useState","hasChildren","useEffect","recalculate","observer","overflowCount","getSelectedCountText","styles","jsx","index","element","event","Badge","jsxs"],"mappings":"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"}
+{"version":3,"file":"fondue-components136.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/hooks.js"],"sourcesContent":["import { useLayoutEffect, useEffect, useRef, useMemo, useState, useCallback } from 'react';\nimport { computed, effect, untracked } from '@dnd-kit/state';\nimport { flushSync } from 'react-dom';\nimport { currentValue } from '@dnd-kit/react/utilities';\n\nfunction useConstant(initializer) {\n  const ref = useRef(null);\n  if (!ref.current) {\n    ref.current = initializer();\n  }\n  return ref.current;\n}\nvar canUseDOM = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.document.createElement !== \"undefined\";\nvar useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\nfunction useForceUpdate() {\n  const setState = useState(0)[1];\n  return useCallback(() => {\n    setState((value) => value + 1);\n  }, [setState]);\n}\n\n// src/hooks/useSignal.ts\nfunction useSignal(signal, sync = false) {\n  const previous = useRef(signal.peek());\n  const read = useRef(false);\n  const forceUpdate = useForceUpdate();\n  useIsomorphicLayoutEffect(\n    () => effect(() => {\n      const previousValue = previous.current;\n      const currentValue2 = signal.value;\n      if (previousValue !== currentValue2) {\n        previous.current = currentValue2;\n        if (!read.current) return;\n        if (sync) {\n          flushSync(forceUpdate);\n        } else {\n          forceUpdate();\n        }\n      }\n    }),\n    [signal, sync, forceUpdate]\n  );\n  return {\n    get value() {\n      read.current = true;\n      return signal.peek();\n    }\n  };\n}\n\n// src/hooks/useComputed.ts\nfunction useComputed(compute, dependencies = [], sync = false) {\n  const $compute = useRef(compute);\n  $compute.current = compute;\n  return useSignal(\n    useMemo(() => computed(() => $compute.current()), dependencies),\n    sync\n  );\n}\nfunction useDeepSignal(target, synchronous) {\n  const tracked = useRef(/* @__PURE__ */ new Map());\n  const forceUpdate = useForceUpdate();\n  useIsomorphicLayoutEffect(() => {\n    if (!target) {\n      tracked.current.clear();\n      return;\n    }\n    return effect(() => {\n      var _a;\n      let stale = false;\n      let sync = false;\n      for (const entry of tracked.current) {\n        const [key] = entry;\n        const value = untracked(() => entry[1]);\n        const latestValue = target[key];\n        if (value !== latestValue) {\n          stale = true;\n          tracked.current.set(key, latestValue);\n          sync = (_a = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a : false;\n        }\n      }\n      if (stale) {\n        sync ? flushSync(forceUpdate) : forceUpdate();\n      }\n    });\n  }, [target]);\n  return useMemo(\n    () => target ? new Proxy(target, {\n      get(target2, key) {\n        const value = target2[key];\n        tracked.current.set(key, value);\n        return value;\n      }\n    }) : target,\n    [target]\n  );\n}\n\n// src/hooks/useImmediateEffect.ts\nfunction useImmediateEffect(callback, _) {\n  callback();\n}\nfunction useLatest(value) {\n  const valueRef = useRef(value);\n  useIsomorphicLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n  return valueRef;\n}\nfunction useOnValueChange(value, onChange, effect3 = useEffect, compare = Object.is) {\n  const tracked = useRef(value);\n  effect3(() => {\n    const oldValue = tracked.current;\n    if (!compare(value, oldValue)) {\n      tracked.current = value;\n      onChange(value, oldValue);\n    }\n  }, [onChange, value]);\n}\nfunction useOnElementChange(value, onChange) {\n  const previous = useRef(currentValue(value));\n  useIsomorphicLayoutEffect(() => {\n    const current = currentValue(value);\n    if (current !== previous.current) {\n      previous.current = current;\n      onChange(current);\n    }\n  });\n}\n\nexport { useComputed, useConstant, useDeepSignal, useImmediateEffect, useIsomorphicLayoutEffect, useLatest, useOnElementChange, useOnValueChange };\n//# sourceMappingURL=hooks.js.map\n//# sourceMappingURL=hooks.js.map"],"names":["canUseDOM","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useForceUpdate","setState","useState","useCallback","value","useDeepSignal","target","synchronous","tracked","useRef","forceUpdate","effect","_a","stale","sync","entry","key","untracked","latestValue","flushSync","useMemo","target2","useImmediateEffect","callback","_","useOnValueChange","onChange","effect3","compare","oldValue","useOnElementChange","previous","currentValue","current"],"mappings":";;;;;AAYA,IAAIA,IAAY,OAAO,SAAW,OAAe,OAAO,OAAO,WAAa,OAAe,OAAO,OAAO,SAAS,gBAAkB,KAChIC,IAA4BD,IAAYE,IAAkBC;AAC9D,SAASC,IAAiB;AACxB,QAAMC,IAAWC,EAAS,CAAC,EAAE,CAAC;AAC9B,SAAOC,EAAY,MAAM;AACvB,IAAAF,EAAS,CAACG,MAAUA,IAAQ,CAAC;AAAA,EAC/B,GAAG,CAACH,CAAQ,CAAC;AACf;AAwCA,SAASI,EAAcC,GAAQC,GAAa;AAC1C,QAAMC,IAAUC,EAAuB,oBAAI,KAAK,GAC1CC,IAAcV,EAAc;AAClC,SAAAH,EAA0B,MAAM;AAC9B,QAAI,CAACS,GAAQ;AACX,MAAAE,EAAQ,QAAQ,MAAK;AACrB;AAAA,IACF;AACA,WAAOG,EAAO,MAAM;AAClB,UAAIC;AACJ,UAAIC,IAAQ,IACRC,IAAO;AACX,iBAAWC,KAASP,EAAQ,SAAS;AACnC,cAAM,CAACQ,CAAG,IAAID,GACRX,IAAQa,EAAU,MAAMF,EAAM,CAAC,CAAC,GAChCG,IAAcZ,EAAOU,CAAG;AAC9B,QAAIZ,MAAUc,MACZL,IAAQ,IACRL,EAAQ,QAAQ,IAAIQ,GAAKE,CAAW,GACpCJ,KAAQF,IAAKL,KAAe,OAAO,SAASA,EAAYS,GAAKZ,GAAOc,CAAW,MAAM,OAAON,IAAK;AAAA,MAErG;AACA,MAAIC,MACFC,IAAOK,EAAUT,CAAW,IAAIA,EAAW;AAAA,IAE/C,CAAC;AAAA,EACH,GAAG,CAACJ,CAAM,CAAC,GACJc;AAAA,IACL,MAAMd,KAAS,IAAI,MAAMA,GAAQ;AAAA,MAC/B,IAAIe,GAASL,GAAK;AAChB,cAAMZ,IAAQiB,EAAQL,CAAG;AACzB,eAAAR,EAAQ,QAAQ,IAAIQ,GAAKZ,CAAK,GACvBA;AAAA,MACT;AAAA,IACN,CAAK;AAAA,IACD,CAACE,CAAM;AAAA,EACX;AACA;AAGA,SAASgB,EAAmBC,GAAUC,GAAG;AACvC,EAAAD,EAAQ;AACV;AAQA,SAASE,EAAiBrB,GAAOsB,GAAUC,IAAU5B,GAAW6B,IAAU,OAAO,IAAI;AACnF,QAAMpB,IAAUC,EAAOL,CAAK;AAC5B,EAAAuB,EAAQ,MAAM;AACZ,UAAME,IAAWrB,EAAQ;AACzB,IAAKoB,EAAQxB,GAAOyB,CAAQ,MAC1BrB,EAAQ,UAAUJ,GAClBsB,EAAStB,GAAOyB,CAAQ;AAAA,EAE5B,GAAG,CAACH,GAAUtB,CAAK,CAAC;AACtB;AACA,SAAS0B,EAAmB1B,GAAOsB,GAAU;AAC3C,QAAMK,IAAWtB,EAAOuB,EAAa5B,CAAK,CAAC;AAC3C,EAAAP,EAA0B,MAAM;AAC9B,UAAMoC,IAAUD,EAAa5B,CAAK;AAClC,IAAI6B,MAAYF,EAAS,YACvBA,EAAS,UAAUE,GACnBP,EAASO,CAAO;AAAA,EAEpB,CAAC;AACH;","x_google_ignoreList":[0]}

package/dist/fondue-components137.js

@@ -1,84 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as p from "@radix-ui/react-popover";
-import { Slot as M } from "@radix-ui/react-slot";
-import { isValidElement as T } from "react";
-import { useFondueTheme as E, ThemeProvider as F } from "./fondue-components39.js";
-import a from "./fondue-components125.js";
-import { recursiveMap as R, getSelectOptionValue as _ } from "./fondue-components149.js";
-const j = ({
-  highlightedIndex: l,
-  getMenuProps: u,
-  getItemProps: m,
-  children: f,
-  filterText: d,
-  align: h,
-  side: P,
-  selectedItemValues: o,
-  hasInteractedSinceOpening: S,
-  viewportCollisionPadding: g = "compact",
-  onEscapeKeyDown: v
-}) => {
-  const O = (e) => {
-    e.preventDefault();
-  }, N = {
-    compact: 8,
-    spacious: 24
-  }, { theme: A, dir: n } = E(), C = (e) => n === "ltr" ? e : e === "left" ? "right" : e === "right" ? "left" : e;
-  return /* @__PURE__ */ r(p.Portal, { children: /* @__PURE__ */ r(F, { theme: A, dir: n, children: /* @__PURE__ */ r(
-    p.Content,
-    {
-      dir: n,
-      align: h,
-      side: C(P),
-      collisionPadding: N[g] + 8,
-      onOpenAutoFocus: O,
-      onEscapeKeyDown: v,
-      className: a.portal,
-      children: /* @__PURE__ */ r(
-        "ul",
-        {
-          className: a.menu,
-          ...u({}, { suppressRefError: !0 }),
-          "data-has-interacted": S ? "true" : "false",
-          "data-test-id": "fondue-select-menu",
-          children: R(
-            f,
-            (e, s) => {
-              if (((t) => (
-                // @ts-expect-error - We are explicitly checking for ref
-                T(t) && t.ref !== void 0
-              ))(e)) {
-                const t = _(e.props), i = m({
-                  item: t,
-                  index: s,
-                  ...e.ref ? { ref: e.ref } : {}
-                }), c = o == null ? void 0 : o.includes(t.value);
-                return /* @__PURE__ */ r(
-                  M,
-                  {
-                    className: a.item,
-                    "data-highlighted": l === s,
-                    "data-selected": c,
-                    onTouchStart: (D) => {
-                      i.onClick && i.onClick(D);
-                    },
-                    ...i,
-                    "aria-selected": c,
-                    children: e
-                  },
-                  e.props.value
-                );
-              }
-            },
-            d
-          ).parsedChildren
-        }
-      )
-    }
-  ) }) });
-};
-j.displayName = "Select.Menu";
+function t(r) {
+  return r != null && typeof r == "object" && "current" in r;
+}
+function i(r) {
+  var n;
+  if (r != null)
+    return t(r) ? (n = r.current) != null ? n : void 0 : r;
+}
 export {
-  j as SelectMenu
+  i as currentValue
 };
 //# sourceMappingURL=fondue-components137.js.map

package/dist/fondue-components137.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components137.js","sources":["../src/components/Select/components/SelectMenu.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { Slot as RadixSlot } from '@radix-ui/react-slot';\nimport { type UseComboboxPropGetters, type UseSelectPropGetters } from 'downshift';\nimport { isValidElement, type ForwardedRef, type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { ThemeProvider, useFondueTheme } from '#/components/ThemeProvider/ThemeProvider';\n\nimport styles from '../styles/select.module.scss';\nimport { getSelectOptionValue, recursiveMap } from '../utils';\n\nimport { type SelectItemProps } from './SelectItem';\n\nexport type SelectMenuViewportCollisionPadding = 'compact' | 'spacious';\n\nexport type SelectMenuProps = {\n    /**\n     * @internal\n     * The index of the highlighted item in the menu.\n     */\n    highlightedIndex: number;\n    /**\n     * @internal\n     * Callback function to retrieve the props for a menu element.\n     */\n    getMenuProps: UseSelectPropGetters<unknown>['getMenuProps'] | UseComboboxPropGetters<unknown>['getMenuProps'];\n    /**\n     * @internal\n     * Callback function to retrieve the props for a item element.\n     */\n    getItemProps: UseSelectPropGetters<unknown>['getItemProps'] | UseComboboxPropGetters<unknown>['getItemProps'];\n    /**\n     * @internal\n     * The children of the menu component. This can contain multiple `Select.Item` or `Select.Group` components.\n     */\n    children: ReactNode;\n    /**\n     * @internal\n     * The filter text shown in the combobox input element.\n     */\n    filterText?: string;\n    /**\n     * @internal\n     * The alignment of the menu.\n     */\n    align: 'start' | 'center' | 'end';\n    /**\n     * @internal\n     * Defines the preferred side of the select. It will not be respected if there are collisions with the viewport.\n     * @default \"bottom\"\n     */\n    side: 'left' | 'right' | 'bottom' | 'top';\n    /**\n     * @internal\n     * The type of the menu.\n     */\n    selectedItemValues?: string[];\n    /**\n     * @internal\n     * A boolean to indicate if highlighted item was changed since opening the menu.\n     * This is used to determine the style of the selected/highlighted item.\n     */\n    hasInteractedSinceOpening?: boolean;\n    /**\n     * Define the minimum distance between the select menu and the viewport edge\n     * @default 'compact'\n     */\n    viewportCollisionPadding?: SelectMenuViewportCollisionPadding;\n    /**\n     * @internal\n     * Event handler called when the escape key is pressed.\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n};\n\nexport const SelectMenu = ({\n    highlightedIndex,\n    getMenuProps,\n    getItemProps,\n    children,\n    filterText,\n    align,\n    side,\n    selectedItemValues,\n    hasInteractedSinceOpening,\n    viewportCollisionPadding = 'compact',\n    onEscapeKeyDown,\n}: SelectMenuProps) => {\n    const handleOnOpenAutoFocus = (event: Event) => {\n        event.preventDefault();\n    };\n\n    const VIEWPORT_COLLISION_PADDING_MAP: Record<SelectMenuViewportCollisionPadding, number> = {\n        compact: 8,\n        spacious: 24,\n    };\n\n    const { theme, dir } = useFondueTheme();\n\n    const getAdjustedSide = (side: 'left' | 'right' | 'bottom' | 'top') => {\n        if (dir === 'ltr') {\n            return side;\n        }\n\n        if (side === 'left') {\n            return 'right';\n        }\n        if (side === 'right') {\n            return 'left';\n        }\n\n        return side;\n    };\n\n    return (\n        <RadixPopover.Portal>\n            <ThemeProvider theme={theme} dir={dir}>\n                <RadixPopover.Content\n                    dir={dir}\n                    align={align}\n                    side={getAdjustedSide(side)}\n                    collisionPadding={VIEWPORT_COLLISION_PADDING_MAP[viewportCollisionPadding] + 8}\n                    onOpenAutoFocus={handleOnOpenAutoFocus}\n                    onEscapeKeyDown={onEscapeKeyDown}\n                    className={styles.portal}\n                >\n                    <ul\n                        className={styles.menu}\n                        // TODO: fix this accessibility issue\n                        // We are mounting/unmounting the menu on open/close\n                        // We should instead toggle its visibility for accessibility reasons\n                        // https://github.com/downshift-js/downshift?tab=readme-ov-file#getmenuprops\n                        {...getMenuProps({}, { suppressRefError: true })}\n                        data-has-interacted={hasInteractedSinceOpening ? 'true' : 'false'}\n                        data-test-id=\"fondue-select-menu\"\n                    >\n                        {\n                            recursiveMap(\n                                children,\n                                (child, index) => {\n                                    const isValid = <TProps,>(\n                                        child: ReactNode,\n                                    ): child is ReactElement<TProps> & { ref: ForwardedRef<HTMLElement> } =>\n                                        // @ts-expect-error - We are explicitly checking for ref\n                                        isValidElement<TProps>(child) && child.ref !== undefined;\n\n                                    if (isValid<SelectItemProps>(child)) {\n                                        const optionData = getSelectOptionValue(child.props);\n                                        const itemProps = getItemProps({\n                                            item: optionData,\n                                            index,\n                                            ...(child.ref ? { ref: child.ref } : {}),\n                                        });\n\n                                        const isSelected = selectedItemValues?.includes(optionData.value);\n\n                                        return (\n                                            <RadixSlot\n                                                className={styles.item}\n                                                data-highlighted={highlightedIndex === index}\n                                                data-selected={isSelected}\n                                                key={child.props.value}\n                                                // Workaround for the issue where the onClick event is not fired on touch devices because of portal usage\n                                                onTouchStart={(event) => {\n                                                    if (itemProps.onClick) {\n                                                        itemProps.onClick(event as unknown as MouseEvent<HTMLElement>);\n                                                    }\n                                                }}\n                                                {...itemProps}\n                                                aria-selected={isSelected}\n                                            >\n                                                {child}\n                                            </RadixSlot>\n                                        );\n                                    }\n                                },\n                                filterText,\n                            ).parsedChildren\n                        }\n                    </ul>\n                </RadixPopover.Content>\n            </ThemeProvider>\n        </RadixPopover.Portal>\n    );\n};\nSelectMenu.displayName = 'Select.Menu';\n"],"names":["SelectMenu","highlightedIndex","getMenuProps","getItemProps","children","filterText","align","side","selectedItemValues","hasInteractedSinceOpening","viewportCollisionPadding","onEscapeKeyDown","handleOnOpenAutoFocus","event","VIEWPORT_COLLISION_PADDING_MAP","theme","dir","useFondueTheme","getAdjustedSide","RadixPopover","jsx","ThemeProvider","styles","recursiveMap","child","index","isValidElement","optionData","getSelectOptionValue","itemProps","isSelected","RadixSlot"],"mappings":";;;;;;;AA4EO,MAAMA,IAAa,CAAC;AAAA,EACvB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,iBAAAC;AACJ,MAAuB;AACnB,QAAMC,IAAwB,CAACC,MAAiB;AAC5C,IAAAA,EAAM,eAAA;AAAA,EACV,GAEMC,IAAqF;AAAA,IACvF,SAAS;AAAA,IACT,UAAU;AAAA,EAAA,GAGR,EAAE,OAAAC,GAAO,KAAAC,EAAA,IAAQC,EAAA,GAEjBC,IAAkB,CAACX,MACjBS,MAAQ,QACDT,IAGPA,MAAS,SACF,UAEPA,MAAS,UACF,SAGJA;AAGX,2BACKY,EAAa,QAAb,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAAN,GAAc,KAAAC,GACzB,UAAA,gBAAAI;AAAA,IAACD,EAAa;AAAA,IAAb;AAAA,MACG,KAAAH;AAAA,MACA,OAAAV;AAAA,MACA,MAAMY,EAAgBX,CAAI;AAAA,MAC1B,kBAAkBO,EAA+BJ,CAAwB,IAAI;AAAA,MAC7E,iBAAiBE;AAAA,MACjB,iBAAAD;AAAA,MACA,WAAWW,EAAO;AAAA,MAElB,UAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWE,EAAO;AAAA,UAKjB,GAAGpB,EAAa,CAAA,GAAI,EAAE,kBAAkB,IAAM;AAAA,UAC/C,uBAAqBO,IAA4B,SAAS;AAAA,UAC1D,gBAAa;AAAA,UAGT,UAAAc;AAAA,YACInB;AAAA,YACA,CAACoB,GAAOC,MAAU;AAOd,mBANgB,CACZD;AAAAA;AAAAA,gBAGAE,EAAuBF,CAAK,KAAKA,EAAM,QAAQ;AAAA,iBAEtBA,CAAK,GAAG;AACjC,sBAAMG,IAAaC,EAAqBJ,EAAM,KAAK,GAC7CK,IAAY1B,EAAa;AAAA,kBAC3B,MAAMwB;AAAA,kBACN,OAAAF;AAAA,kBACA,GAAID,EAAM,MAAM,EAAE,KAAKA,EAAM,IAAA,IAAQ,CAAA;AAAA,gBAAC,CACzC,GAEKM,IAAatB,KAAA,gBAAAA,EAAoB,SAASmB,EAAW;AAE3D,uBACI,gBAAAP;AAAA,kBAACW;AAAAA,kBAAA;AAAA,oBACG,WAAWT,EAAO;AAAA,oBAClB,oBAAkBrB,MAAqBwB;AAAA,oBACvC,iBAAeK;AAAA,oBAGf,cAAc,CAACjB,MAAU;AACrB,sBAAIgB,EAAU,WACVA,EAAU,QAAQhB,CAA2C;AAAA,oBAErE;AAAA,oBACC,GAAGgB;AAAA,oBACJ,iBAAeC;AAAA,oBAEd,UAAAN;AAAA,kBAAA;AAAA,kBAVIA,EAAM,MAAM;AAAA,gBAAA;AAAA,cAa7B;AAAA,YACJ;AAAA,YACAnB;AAAA,UAAA,EACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEV;AAAA,EAAA,GAER,EAAA,CACJ;AAER;AACAL,EAAW,cAAc;"}
+{"version":3,"file":"fondue-components137.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/utilities.js"],"sourcesContent":["// src/utilities/currentValue.ts\nfunction isRef(value) {\n  return value != null && typeof value === \"object\" && \"current\" in value;\n}\nfunction currentValue(value) {\n  var _a;\n  if (value == null) {\n    return void 0;\n  }\n  if (isRef(value)) {\n    return (_a = value.current) != null ? _a : void 0;\n  }\n  return value;\n}\n\nexport { currentValue };\n//# sourceMappingURL=utilities.js.map\n//# sourceMappingURL=utilities.js.map"],"names":["isRef","value","currentValue","_a"],"mappings":"AACA,SAASA,EAAMC,GAAO;AACpB,SAAOA,KAAS,QAAQ,OAAOA,KAAU,YAAY,aAAaA;AACpE;AACA,SAASC,EAAaD,GAAO;AAC3B,MAAIE;AACJ,MAAIF,KAAS;AAGb,WAAID,EAAMC,CAAK,KACLE,IAAKF,EAAM,YAAY,OAAOE,IAAK,SAEtCF;AACT;","x_google_ignoreList":[0]}

package/dist/fondue-components138.js

@@ -1,34 +1,259 @@
-import { jsxs as c, Fragment as n, jsx as r } from "react/jsx-runtime";
-import { IconCheckMark as i, IconExclamationMarkTriangle as l } from "@frontify/fondue-icons";
-import { useTranslation as m } from "./fondue-components42.js";
-import s from "./fondue-components125.js";
-const f = ({ status: o, hasError: a, dataTestId: e }) => {
-  const { t } = m();
-  return /* @__PURE__ */ c(n, { children: [
-    o === "success" ? /* @__PURE__ */ r(
-      i,
-      {
-        size: 16,
-        className: s.iconSuccess,
-        "data-test-id": `${e}-success-icon`,
-        "aria-hidden": "true"
-      }
-    ) : null,
-    a ? /* @__PURE__ */ c(n, { children: [
-      /* @__PURE__ */ r(
-        l,
-        {
-          size: 16,
-          className: s.iconError,
-          "data-test-id": `${e}-error-icon`,
-          "aria-hidden": "true"
+var m = Symbol.for("preact-signals");
+function d() {
+  if (s > 1)
+    s--;
+  else {
+    for (var t, i = !1; u !== void 0; ) {
+      var o = u;
+      for (u = void 0, c++; o !== void 0; ) {
+        var n = o.o;
+        if (o.o = void 0, o.f &= -3, !(8 & o.f) && w(o)) try {
+          o.c();
+        } catch (h) {
+          i || (t = h, i = !0);
         }
-      ),
-      /* @__PURE__ */ r("span", { className: s.srOnly, role: "alert", children: t("Select_error") })
-    ] }) : null
-  ] });
+        o = n;
+      }
+    }
+    if (c = 0, s--, i) throw t;
+  }
+}
+function E(t) {
+  if (s > 0) return t();
+  s++;
+  try {
+    return t();
+  } finally {
+    d();
+  }
+}
+var r = void 0;
+function p(t) {
+  var i = r;
+  r = void 0;
+  try {
+    return t();
+  } finally {
+    r = i;
+  }
+}
+var u = void 0, s = 0, c = 0, a = 0;
+function y(t) {
+  if (r !== void 0) {
+    var i = t.n;
+    if (i === void 0 || i.t !== r)
+      return i = { i: 0, S: t, p: r.s, n: void 0, t: r, e: void 0, x: void 0, r: i }, r.s !== void 0 && (r.s.n = i), r.s = i, t.n = i, 32 & r.f && t.S(i), i;
+    if (i.i === -1)
+      return i.i = 0, i.n !== void 0 && (i.n.p = i.p, i.p !== void 0 && (i.p.n = i.n), i.p = r.s, i.n = void 0, r.s.n = i, r.s = i), i;
+  }
+}
+function f(t, i) {
+  this.v = t, this.i = 0, this.n = void 0, this.t = void 0, this.W = i == null ? void 0 : i.watched, this.Z = i == null ? void 0 : i.unwatched, this.name = i == null ? void 0 : i.name;
+}
+f.prototype.brand = m;
+f.prototype.h = function() {
+  return !0;
+};
+f.prototype.S = function(t) {
+  var i = this, o = this.t;
+  o !== t && t.e === void 0 && (t.x = o, this.t = t, o !== void 0 ? o.e = t : p(function() {
+    var n;
+    (n = i.W) == null || n.call(i);
+  }));
+};
+f.prototype.U = function(t) {
+  var i = this;
+  if (this.t !== void 0) {
+    var o = t.e, n = t.x;
+    o !== void 0 && (o.x = n, t.e = void 0), n !== void 0 && (n.e = o, t.x = void 0), t === this.t && (this.t = n, n === void 0 && p(function() {
+      var h;
+      (h = i.Z) == null || h.call(i);
+    }));
+  }
+};
+f.prototype.subscribe = function(t) {
+  var i = this;
+  return U(function() {
+    var o = i.value, n = r;
+    r = void 0;
+    try {
+      t(o);
+    } finally {
+      r = n;
+    }
+  }, { name: "sub" });
+};
+f.prototype.valueOf = function() {
+  return this.value;
+};
+f.prototype.toString = function() {
+  return this.value + "";
+};
+f.prototype.toJSON = function() {
+  return this.value;
+};
+f.prototype.peek = function() {
+  var t = r;
+  r = void 0;
+  try {
+    return this.value;
+  } finally {
+    r = t;
+  }
+};
+Object.defineProperty(f.prototype, "value", { get: function() {
+  var t = y(this);
+  return t !== void 0 && (t.i = this.i), this.v;
+}, set: function(t) {
+  if (t !== this.v) {
+    if (c > 100) throw new Error("Cycle detected");
+    this.v = t, this.i++, a++, s++;
+    try {
+      for (var i = this.t; i !== void 0; i = i.x) i.t.N();
+    } finally {
+      d();
+    }
+  }
+} });
+function N(t, i) {
+  return new f(t, i);
+}
+function w(t) {
+  for (var i = t.s; i !== void 0; i = i.n) if (i.S.i !== i.i || !i.S.h() || i.S.i !== i.i) return !0;
+  return !1;
+}
+function S(t) {
+  for (var i = t.s; i !== void 0; i = i.n) {
+    var o = i.S.n;
+    if (o !== void 0 && (i.r = o), i.S.n = i, i.i = -1, i.n === void 0) {
+      t.s = i;
+      break;
+    }
+  }
+}
+function x(t) {
+  for (var i = t.s, o = void 0; i !== void 0; ) {
+    var n = i.p;
+    i.i === -1 ? (i.S.U(i), n !== void 0 && (n.n = i.n), i.n !== void 0 && (i.n.p = n)) : o = i, i.S.n = i.r, i.r !== void 0 && (i.r = void 0), i = n;
+  }
+  t.s = o;
+}
+function e(t, i) {
+  f.call(this, void 0), this.x = t, this.s = void 0, this.g = a - 1, this.f = 4, this.W = i == null ? void 0 : i.watched, this.Z = i == null ? void 0 : i.unwatched, this.name = i == null ? void 0 : i.name;
+}
+e.prototype = new f();
+e.prototype.h = function() {
+  if (this.f &= -3, 1 & this.f) return !1;
+  if ((36 & this.f) == 32 || (this.f &= -5, this.g === a)) return !0;
+  if (this.g = a, this.f |= 1, this.i > 0 && !w(this))
+    return this.f &= -2, !0;
+  var t = r;
+  try {
+    S(this), r = this;
+    var i = this.x();
+    (16 & this.f || this.v !== i || this.i === 0) && (this.v = i, this.f &= -17, this.i++);
+  } catch (o) {
+    this.v = o, this.f |= 16, this.i++;
+  }
+  return r = t, x(this), this.f &= -2, !0;
+};
+e.prototype.S = function(t) {
+  if (this.t === void 0) {
+    this.f |= 36;
+    for (var i = this.s; i !== void 0; i = i.n) i.S.S(i);
+  }
+  f.prototype.S.call(this, t);
+};
+e.prototype.U = function(t) {
+  if (this.t !== void 0 && (f.prototype.U.call(this, t), this.t === void 0)) {
+    this.f &= -33;
+    for (var i = this.s; i !== void 0; i = i.n) i.S.U(i);
+  }
+};
+e.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 6;
+    for (var t = this.t; t !== void 0; t = t.x) t.t.N();
+  }
+};
+Object.defineProperty(e.prototype, "value", { get: function() {
+  if (1 & this.f) throw new Error("Cycle detected");
+  var t = y(this);
+  if (this.h(), t !== void 0 && (t.i = this.i), 16 & this.f) throw this.v;
+  return this.v;
+} });
+function O(t, i) {
+  return new e(t, i);
+}
+function b(t) {
+  var i = t.u;
+  if (t.u = void 0, typeof i == "function") {
+    s++;
+    var o = r;
+    r = void 0;
+    try {
+      i();
+    } catch (n) {
+      throw t.f &= -2, t.f |= 8, l(t), n;
+    } finally {
+      r = o, d();
+    }
+  }
+}
+function l(t) {
+  for (var i = t.s; i !== void 0; i = i.n) i.S.U(i);
+  t.x = void 0, t.s = void 0, b(t);
+}
+function g(t) {
+  if (r !== this) throw new Error("Out-of-order effect");
+  x(this), r = t, this.f &= -2, 8 & this.f && l(this), d();
+}
+function v(t, i) {
+  this.x = t, this.u = void 0, this.s = void 0, this.o = void 0, this.f = 32, this.name = i == null ? void 0 : i.name;
+}
+v.prototype.c = function() {
+  var t = this.S();
+  try {
+    if (8 & this.f || this.x === void 0) return;
+    var i = this.x();
+    typeof i == "function" && (this.u = i);
+  } finally {
+    t();
+  }
+};
+v.prototype.S = function() {
+  if (1 & this.f) throw new Error("Cycle detected");
+  this.f |= 1, this.f &= -9, b(this), S(this), s++;
+  var t = r;
+  return r = this, g.bind(this, t);
+};
+v.prototype.N = function() {
+  2 & this.f || (this.f |= 2, this.o = u, u = this);
+};
+v.prototype.d = function() {
+  this.f |= 8, 1 & this.f || l(this);
+};
+v.prototype.dispose = function() {
+  this.d();
 };
+function U(t, i) {
+  var o = new v(t, i);
+  try {
+    o.c();
+  } catch (h) {
+    throw o.d(), h;
+  }
+  var n = o.d.bind(o);
+  return n[Symbol.dispose] = n, n;
+}
 export {
-  f as StatusIcons
+  e as Computed,
+  v as Effect,
+  f as Signal,
+  E as batch,
+  O as computed,
+  U as effect,
+  N as signal,
+  p as untracked
 };
 //# sourceMappingURL=fondue-components138.js.map