@frontify/fondue-components 28.0.0 → 29.0.0

package/dist/fondue-components120.js

@@ -1,44 +1,130 @@
-const e = "_wrapper_ejipv_4", t = "_root_ejipv_8", o = "_toggleMonthButtonContainer_ejipv_8", n = "_nextMonthButtonContainer_ejipv_22", _ = "_weekday_ejipv_27", d = "_weekdays_ejipv_39", s = "_week_ejipv_27", c = "_day_ejipv_49", i = "_disabled_ejipv_69", r = "_dayContent_ejipv_72", a = "_outside_ejipv_76", v = "_dayButton_ejipv_89", l = "_selected_ejipv_123", p = "_selectedMiddle_ejipv_133", j = "_selectedStart_ejipv_146", y = "_selectedEnd_ejipv_146", h = "_hoverAfter_ejipv_179", u = "_hoverSelected_ejipv_192", w = "_hoverBefore_ejipv_253", B = {
-  wrapper: e,
-  root: t,
-  toggleMonthButtonContainer: o,
-  nextMonthButtonContainer: n,
-  weekday: _,
-  weekdays: d,
-  week: s,
-  day: c,
-  disabled: i,
-  dayContent: r,
-  outside: a,
-  dayButton: v,
-  selected: l,
-  selectedMiddle: p,
-  selectedStart: j,
-  selectedEnd: y,
-  hoverAfter: h,
-  hoverSelected: u,
-  hoverBefore: w
-};
+import { useCallback as c } from "react";
+import { deepEqual as f } from "./fondue-components128.js";
+import { defaultSortableTransition as x, Sortable as R } from "./fondue-components84.js";
+import { isSortable as rr } from "./fondue-components84.js";
+import { useInstance as T } from "@dnd-kit/react";
+import { useDeepSignal as V, useOnValueChange as i, useIsomorphicLayoutEffect as k, useOnElementChange as m, useImmediateEffect as q } from "./fondue-components129.js";
+import { currentValue as v } from "./fondue-components130.js";
+import { batch as L } from "./fondue-components131.js";
+var N = Object.defineProperty, U = Object.defineProperties, z = Object.getOwnPropertyDescriptors, I = Object.getOwnPropertySymbols, A = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable, j = (o, t, a) => t in o ? N(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a, _ = (o, t) => {
+  for (var a in t || (t = {}))
+    A.call(t, a) && j(o, a, t[a]);
+  if (I)
+    for (var a of I(t))
+      B.call(t, a) && j(o, a, t[a]);
+  return o;
+}, F = (o, t) => U(o, z(t));
+function Y(o) {
+  const {
+    accept: t,
+    collisionDetector: a,
+    collisionPriority: b,
+    id: O,
+    data: p,
+    element: h,
+    handle: y,
+    index: g,
+    group: D,
+    disabled: P,
+    feedback: d,
+    modifiers: S,
+    sensors: w,
+    target: C,
+    type: E
+  } = o, l = _(_({}, x), o.transition), r = T((e) => new R(
+    F(_({}, o), {
+      transition: l,
+      register: !1,
+      handle: v(y),
+      element: v(h),
+      target: v(C),
+      feedback: d
+    }),
+    e
+  )), u = V(r, G);
+  return i(O, () => r.id = O), k(() => {
+    L(() => {
+      r.group = D, r.index = g;
+    });
+  }, [r, D, g]), i(E, () => r.type = E), i(
+    t,
+    () => r.accept = t,
+    void 0,
+    f
+  ), i(p, () => p && (r.data = p)), i(
+    g,
+    () => {
+      var e;
+      (e = r.manager) != null && e.dragOperation.status.idle && (l != null && l.idle) && r.refreshShape();
+    },
+    q
+  ), m(y, (e) => r.handle = e), m(h, (e) => r.element = e), m(C, (e) => r.target = e), i(P, () => r.disabled = P === !0), i(w, () => r.sensors = w), i(
+    a,
+    () => r.collisionDetector = a
+  ), i(
+    b,
+    () => r.collisionPriority = b
+  ), i(d, () => r.feedback = d ?? "default"), i(
+    l,
+    () => r.transition = l,
+    void 0,
+    f
+  ), i(
+    S,
+    () => r.modifiers = S,
+    void 0,
+    f
+  ), i(
+    o.alignment,
+    () => r.alignment = o.alignment
+  ), {
+    sortable: u,
+    get isDragging() {
+      return u.isDragging;
+    },
+    get isDropping() {
+      return u.isDropping;
+    },
+    get isDragSource() {
+      return u.isDragSource;
+    },
+    get isDropTarget() {
+      return u.isDropTarget;
+    },
+    handleRef: c(
+      (e) => {
+        r.handle = e ?? void 0;
+      },
+      [r]
+    ),
+    ref: c(
+      (e) => {
+        var n, s;
+        !e && ((n = r.element) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.element = e ?? void 0);
+      },
+      [r]
+    ),
+    sourceRef: c(
+      (e) => {
+        var n, s;
+        !e && ((n = r.source) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.source = e ?? void 0);
+      },
+      [r]
+    ),
+    targetRef: c(
+      (e) => {
+        var n, s;
+        !e && ((n = r.target) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.target = e ?? void 0);
+      },
+      [r]
+    )
+  };
+}
+function G(o, t, a) {
+  return !!(o === "isDragSource" && !a && t);
+}
 export {
-  c as day,
-  v as dayButton,
-  r as dayContent,
-  B as default,
-  i as disabled,
-  h as hoverAfter,
-  w as hoverBefore,
-  u as hoverSelected,
-  n as nextMonthButtonContainer,
-  a as outside,
-  t as root,
-  l as selected,
-  y as selectedEnd,
-  p as selectedMiddle,
-  j as selectedStart,
-  o as toggleMonthButtonContainer,
-  s as week,
-  _ as weekday,
-  d as weekdays,
-  e as wrapper
+  rr as isSortable,
+  Y as useSortable
 };
 //# sourceMappingURL=fondue-components120.js.map

package/dist/fondue-components120.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components120.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fondue-components120.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/sortable.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { batch, deepEqual } from '@dnd-kit/state';\nimport { defaultSortableTransition, Sortable } from '@dnd-kit/dom/sortable';\nexport { isSortable, isSortableOperation } from '@dnd-kit/dom/sortable';\nimport { useInstance } from '@dnd-kit/react';\nimport { useDeepSignal, useOnValueChange, useIsomorphicLayoutEffect, useImmediateEffect, useOnElementChange } from '@dnd-kit/react/hooks';\nimport { currentValue } from '@dnd-kit/react/utilities';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction useSortable(input) {\n  const {\n    accept,\n    collisionDetector,\n    collisionPriority,\n    id,\n    data,\n    element,\n    handle,\n    index,\n    group,\n    disabled,\n    feedback,\n    modifiers,\n    sensors,\n    target,\n    type\n  } = input;\n  const transition = __spreadValues(__spreadValues({}, defaultSortableTransition), input.transition);\n  const sortable = useInstance((manager) => {\n    return new Sortable(\n      __spreadProps(__spreadValues({}, input), {\n        transition,\n        register: false,\n        handle: currentValue(handle),\n        element: currentValue(element),\n        target: currentValue(target),\n        feedback\n      }),\n      manager\n    );\n  });\n  const trackedSortable = useDeepSignal(sortable, shouldUpdateSynchronously);\n  useOnValueChange(id, () => sortable.id = id);\n  useIsomorphicLayoutEffect(() => {\n    batch(() => {\n      sortable.group = group;\n      sortable.index = index;\n    });\n  }, [sortable, group, index]);\n  useOnValueChange(type, () => sortable.type = type);\n  useOnValueChange(\n    accept,\n    () => sortable.accept = accept,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(data, () => data && (sortable.data = data));\n  useOnValueChange(\n    index,\n    () => {\n      var _a;\n      if (((_a = sortable.manager) == null ? void 0 : _a.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {\n        sortable.refreshShape();\n      }\n    },\n    useImmediateEffect\n  );\n  useOnElementChange(handle, (handle2) => sortable.handle = handle2);\n  useOnElementChange(element, (element2) => sortable.element = element2);\n  useOnElementChange(target, (target2) => sortable.target = target2);\n  useOnValueChange(disabled, () => sortable.disabled = disabled === true);\n  useOnValueChange(sensors, () => sortable.sensors = sensors);\n  useOnValueChange(\n    collisionDetector,\n    () => sortable.collisionDetector = collisionDetector\n  );\n  useOnValueChange(\n    collisionPriority,\n    () => sortable.collisionPriority = collisionPriority\n  );\n  useOnValueChange(feedback, () => sortable.feedback = feedback != null ? feedback : \"default\");\n  useOnValueChange(\n    transition,\n    () => sortable.transition = transition,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(\n    modifiers,\n    () => sortable.modifiers = modifiers,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(\n    input.alignment,\n    () => sortable.alignment = input.alignment\n  );\n  return {\n    sortable: trackedSortable,\n    get isDragging() {\n      return trackedSortable.isDragging;\n    },\n    get isDropping() {\n      return trackedSortable.isDropping;\n    },\n    get isDragSource() {\n      return trackedSortable.isDragSource;\n    },\n    get isDropTarget() {\n      return trackedSortable.isDropTarget;\n    },\n    handleRef: useCallback(\n      (element2) => {\n        sortable.handle = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    ref: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.element) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.element = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    sourceRef: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.source) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.source = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    targetRef: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.target) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.target = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    )\n  };\n}\nfunction shouldUpdateSynchronously(key, oldValue, newValue) {\n  if (key === \"isDragSource\" && !newValue && oldValue) return true;\n  return false;\n}\n\nexport { useSortable };\n//# sourceMappingURL=sortable.js.map\n//# sourceMappingURL=sortable.js.map"],"names":["__defProp","__defProps","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","useSortable","input","accept","collisionDetector","collisionPriority","id","data","element","handle","index","group","disabled","feedback","modifiers","sensors","target","type","transition","defaultSortableTransition","sortable","useInstance","manager","Sortable","currentValue","trackedSortable","useDeepSignal","shouldUpdateSynchronously","useOnValueChange","useIsomorphicLayoutEffect","batch","deepEqual","_a","useImmediateEffect","useOnElementChange","handle2","element2","target2","useCallback","_b","oldValue","newValue"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/fondue-components121.js

@@ -1,22 +1,14 @@
-import { formatDistance as o } from "./fondue-components124.js";
-import { formatLong as t } from "./fondue-components125.js";
-import { formatRelative as a } from "./fondue-components126.js";
-import { localize as r } from "./fondue-components127.js";
-import { match as e } from "./fondue-components128.js";
-const s = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
+import { createContext as t, useContext as r } from "react";
+const e = t({
+  itemId: "",
+  dragHandleRef: () => null,
+  hasHandle: !1
+});
+e.displayName = "OrderableItemContext";
+const a = e.Provider, n = () => r(e);
 export {
-  s as default,
-  s as enUS
+  e as OrderableItemContext,
+  a as OrderableItemContextProvider,
+  n as useOrderableItemContext
 };
 //# sourceMappingURL=fondue-components121.js.map

package/dist/fondue-components121.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components121.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/en-US.mjs"],"sourcesContent":["import { formatDistance } from \"./en-US/_lib/formatDistance.mjs\";\nimport { formatLong } from \"./en-US/_lib/formatLong.mjs\";\nimport { formatRelative } from \"./en-US/_lib/formatRelative.mjs\";\nimport { localize } from \"./en-US/_lib/localize.mjs\";\nimport { match } from \"./en-US/_lib/match.mjs\";\n\n/**\n * @category Locales\n * @summary English locale (United States).\n * @language English\n * @iso-639-2 eng\n * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)\n * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)\n */\nexport const enUS = {\n  code: \"en-US\",\n  formatDistance: formatDistance,\n  formatLong: formatLong,\n  formatRelative: formatRelative,\n  localize: localize,\n  match: match,\n  options: {\n    weekStartsOn: 0 /* Sunday */,\n    firstWeekContainsDate: 1,\n  },\n};\n\n// Fallback for modularized imports:\nexport default enUS;\n"],"names":["enUS","formatDistance","formatLong","formatRelative","localize","match"],"mappings":";;;;;AAcY,MAACA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,gBAAgBC;AAAA,EAChB,YAAYC;AAAA,EACZ,gBAAgBC;AAAA,EAChB,UAAUC;AAAA,EACV,OAAOC;AAAA,EACP,SAAS;AAAA,IACP,cAAc;AAAA,IACd,uBAAuB;AAAA,EAC3B;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components121.js","sources":["../src/components/OrderableList/hooks/useOrderedListItemContext.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createContext, useContext } from 'react';\n\ntype OrderableItemContextType = {\n    itemId: string;\n    dragHandleRef: (element: Element | null) => void;\n    hasHandle: boolean;\n    selected?: boolean;\n    onSelect?: (isSelected: boolean) => void;\n};\n\nexport const OrderableItemContext = createContext<OrderableItemContextType>({\n    itemId: '',\n    dragHandleRef: () => null,\n    hasHandle: false,\n});\nOrderableItemContext.displayName = 'OrderableItemContext';\n\nexport const OrderableItemContextProvider = OrderableItemContext.Provider;\n\nexport const useOrderableItemContext = (): OrderableItemContextType => useContext(OrderableItemContext);\n"],"names":["OrderableItemContext","createContext","OrderableItemContextProvider","useOrderableItemContext","useContext"],"mappings":";AAYO,MAAMA,IAAuBC,EAAwC;AAAA,EACxE,QAAQ;AAAA,EACR,eAAe,MAAM;AAAA,EACrB,WAAW;AACf,CAAC;AACDD,EAAqB,cAAc;AAE5B,MAAME,IAA+BF,EAAqB,UAEpDG,IAA0B,MAAgCC,EAAWJ,CAAoB;"}

package/dist/fondue-components122.js

@@ -1,24 +1,39 @@
-import { jsx as e } from "react/jsx-runtime";
-import { IconCross as s } from "@frontify/fondue-icons";
-import { Button as t } from "./fondue-components6.js";
-import { useTranslation as a } from "./fondue-components40.js";
-import l from "./fondue-components102.js";
-const f = ({ onClear: r }) => {
-  const { t: o } = a();
-  return /* @__PURE__ */ e(
-    t,
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { getItemTitle as p } from "./fondue-components80.js";
+import { useOrderableListAnnounce as u } from "./fondue-components81.js";
+import { useOrderableItemContext as b } from "./fondue-components121.js";
+import l from "./fondue-components83.js";
+const I = f(({ children: t }, o) => {
+  const { itemId: c, onSelect: n, selected: r, hasHandle: d } = b(), m = u();
+  if (!n)
+    return (
+      // eslint-disable-next-line jsx-a11y-x/no-noninteractive-tabindex
+      /* @__PURE__ */ s("div", { className: l.content, ref: o, tabIndex: d ? 0 : void 0, children: t })
+    );
+  const a = () => {
+    const e = !r;
+    n(e), m(`${p(c)} ${e ? "selected" : "unselected"}`);
+  }, i = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+  };
+  return /* @__PURE__ */ s(
+    "div",
     {
-      "aria-label": o("Select_clear"),
-      type: "button",
-      size: "small",
-      emphasis: "weak",
-      aspect: "square",
-      onPress: r,
-      children: /* @__PURE__ */ e(s, { className: l.clearIcon, size: 16 })
+      className: l.content,
+      ref: o,
+      role: "button",
+      tabIndex: 0,
+      "aria-pressed": !!r,
+      onClick: a,
+      onKeyDown: i,
+      "data-clickable": !0,
+      children: t
     }
   );
-};
+});
+I.displayName = "OrderableListItemContent";
 export {
-  f as SelectClear
+  I as OrderableListItemContent
 };
 //# sourceMappingURL=fondue-components122.js.map

package/dist/fondue-components122.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components122.js","sources":["../src/components/Select/components/SelectClear.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\n\nimport { Button } from '#/components/Button/Button';\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport styles from '../styles/select.module.scss';\n\nexport const SelectClear = ({ onClear }: { onClear?: () => void }) => {\n    const { t } = useTranslation();\n\n    return (\n        <Button\n            aria-label={t('Select_clear')}\n            type=\"button\"\n            size=\"small\"\n            emphasis=\"weak\"\n            aspect=\"square\"\n            onPress={onClear}\n        >\n            <IconCross className={styles.clearIcon} size={16} />\n        </Button>\n    );\n};\n"],"names":["SelectClear","onClear","t","useTranslation","jsx","Button","IconCross","styles"],"mappings":";;;;;AASO,MAAMA,IAAc,CAAC,EAAE,SAAAC,QAAwC;AAClE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAYH,EAAE,cAAc;AAAA,MAC5B,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAS;AAAA,MACT,QAAO;AAAA,MACP,SAASD;AAAA,MAET,4BAACK,GAAA,EAAU,WAAWC,EAAO,WAAW,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAG9D;"}
+{"version":3,"file":"fondue-components122.js","sources":["../src/components/OrderableList/OrderableListItemContent.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type KeyboardEvent, type ReactNode } from 'react';\n\nimport { getItemTitle } from './helpers/getItemTitle';\nimport { useOrderableListAnnounce } from './hooks/useOrderableListAnnounce';\nimport { useOrderableItemContext } from './hooks/useOrderedListItemContext';\nimport styles from './styles/orderable-list.module.scss';\n\nexport const OrderableListItemContent = forwardRef<HTMLDivElement, { children: ReactNode }>(({ children }, ref) => {\n    const { itemId, onSelect, selected, hasHandle } = useOrderableItemContext();\n    const announce = useOrderableListAnnounce();\n\n    if (!onSelect) {\n        return (\n            // eslint-disable-next-line jsx-a11y-x/no-noninteractive-tabindex\n            <div className={styles.content} ref={ref} tabIndex={hasHandle ? 0 : undefined}>\n                {children}\n            </div>\n        );\n    }\n\n    const handleSelect = () => {\n        const newSelected = !selected;\n        onSelect(newSelected);\n        announce(`${getItemTitle(itemId)} ${newSelected ? 'selected' : 'unselected'}`);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            handleSelect();\n        }\n    };\n\n    return (\n        <div\n            className={styles.content}\n            ref={ref}\n            role=\"button\"\n            tabIndex={0}\n            aria-pressed={Boolean(selected)}\n            onClick={handleSelect}\n            onKeyDown={handleKeyDown}\n            data-clickable\n        >\n            {children}\n        </div>\n    );\n});\nOrderableListItemContent.displayName = 'OrderableListItemContent';\n"],"names":["OrderableListItemContent","forwardRef","children","ref","itemId","onSelect","selected","hasHandle","useOrderableItemContext","announce","useOrderableListAnnounce","jsx","styles","handleSelect","newSelected","getItemTitle","handleKeyDown","event"],"mappings":";;;;;;AASO,MAAMA,IAA2BC,EAAoD,CAAC,EAAE,UAAAC,EAAA,GAAYC,MAAQ;AAC/G,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,WAAAC,EAAA,IAAcC,EAAA,GAC5CC,IAAWC,EAAA;AAEjB,MAAI,CAACL;AACD;AAAA;AAAA,MAEI,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAS,KAAAT,GAAU,UAAUI,IAAY,IAAI,QAC/D,UAAAL,EAAA,CACL;AAAA;AAIR,QAAMW,IAAe,MAAM;AACvB,UAAMC,IAAc,CAACR;AACrB,IAAAD,EAASS,CAAW,GACpBL,EAAS,GAAGM,EAAaX,CAAM,CAAC,IAAIU,IAAc,aAAa,YAAY,EAAE;AAAA,EACjF,GAEME,IAAgB,CAACC,MAAyB;AAC5C,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNJ,EAAA;AAAA,EAER;AAEA,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,KAAAT;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,gBAAc,EAAQG;AAAA,MACtB,SAASO;AAAA,MACT,WAAWG;AAAA,MACX,kBAAc;AAAA,MAEb,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AACDF,EAAyB,cAAc;"}

package/dist/fondue-components123.js

@@ -1,43 +1,220 @@
-import { Children as a, isValidElement as u, cloneElement as f } from "react";
-import { ForwardedRefSelectItem as E } from "./fondue-components79.js";
-const g = ({
-  children: o,
-  value: r,
-  label: s
-}) => o && typeof o == "string" ? {
-  value: r !== void 0 ? r : o,
-  label: s !== void 0 ? s : o
-} : {
-  value: r ?? "",
-  label: s !== void 0 ? s : r ?? "",
-  ...o ? { children: o } : null
-}, v = (o, r) => u(o) && o.type === r, w = (o, r, s, p = 0) => {
-  const n = [];
-  let t = 0;
-  return a.forEach(o, (e) => {
-    if (v(e, E) && u(e))
-      g(e.props).label.toLowerCase().includes((s == null ? void 0 : s.toLowerCase()) || "") && (n.push(r(e, p + t)), t++);
-    else if (u(e) && (e != null && e.props.children)) {
-      const { parsedChildren: m, subElementCount: C } = w(
-        e.props.children,
-        r,
-        "",
-        p + t
-      );
-      e = f(e, {
-        children: m,
-        key: `group-${p + t}`
-      }), n.push(e), t += C;
-    } else
-      n.push(e);
-  }), {
-    parsedChildren: n,
-    subElementCount: t
+import { jsxs as g, jsx as n, Fragment as ue } from "react/jsx-runtime";
+import { IconCaretDown as me } from "@frontify/fondue-icons";
+import * as H from "@radix-ui/react-popover";
+import { useMultipleSelection as K, useCombobox as s } from "downshift";
+import { forwardRef as be, useRef as he, useCallback as fe, useState as ge, useMemo as j } from "react";
+import { LoadingCircle as pe } from "./fondue-components21.js";
+import { useTranslation as Ce } from "./fondue-components42.js";
+import { useBadgeItems as ye } from "./fondue-components135.js";
+import { useFocusRing as Ie } from "./fondue-components136.js";
+import { useSelectData as ve } from "./fondue-components137.js";
+import { useSelectionDescription as Be } from "./fondue-components138.js";
+import c from "./fondue-components127.js";
+import { ClearButton as xe } from "./fondue-components139.js";
+import { CollapsibleBadges as Se } from "./fondue-components140.js";
+import { SelectMenu as we } from "./fondue-components141.js";
+import { ForwardedRefSelectSlot as De } from "./fondue-components95.js";
+import { StatusIcons as Re } from "./fondue-components142.js";
+const z = ({
+  children: E,
+  selectedItemValues: i,
+  onItemSelect: m,
+  onClear: $,
+  placeholder: x = "",
+  status: p = "neutral",
+  disabled: b,
+  "data-test-id": d = "fondue-select-combobox",
+  alignMenu: _ = "start",
+  side: q = "bottom",
+  id: G,
+  viewportCollisionPadding: J = "compact",
+  getAsyncItems: C,
+  onEscapeKeyDown: Q,
+  multiple: o,
+  ...a
+}, U) => {
+  const h = he(null), W = fe((e) => {
+    h.current = e;
+  }, []), { t: X } = Ce(), { inputSlots: Y, menuSlots: Z, items: y, filterText: A, clearButton: S, getItemByValue: r, setFilterText: I, asyncItemStatus: w } = ve(E, C), { wasClickedRef: V, onMouseDown: D, onFocus: R, onBlur: ee } = Ie(), { selectionDescriptionId: L, selectionDescription: O } = Be(
+    o,
+    i,
+    r
+  ), te = ye(i, r), [ae, k] = ge(!1), M = j(() => i.map((e) => r(e)).filter((e) => e !== void 0 && "value" in e && "label" in e), [i, r]), ne = K(
+    o ? {
+      selectedItems: M,
+      onStateChange({ selectedItems: e, type: l }) {
+        if (l === K.stateChangeTypes.SelectedItemKeyDownBackspace) {
+          const t = M.find((u) => !(e != null && e.includes(u)));
+          t && m(t.value);
+        }
+      }
+    } : { selectedItems: [] }
+  ), oe = o ? ne.removeSelectedItem : () => {
+  }, {
+    getInputProps: f,
+    getToggleButtonProps: ie,
+    getMenuProps: le,
+    getItemProps: re,
+    reset: N,
+    selectedItem: v,
+    isOpen: T,
+    highlightedIndex: se,
+    inputValue: B
+  } = s({
+    items: y,
+    selectedItem: o ? null : r(i[0]),
+    defaultHighlightedIndex: 0,
+    toggleButtonId: G,
+    // Only set labelId if aria-labelledby is explicitly provided, otherwise downshift generates an orphan ID
+    ..."aria-labelledby" in a && a["aria-labelledby"] ? { labelId: a["aria-labelledby"] } : {},
+    onSelectedItemChange: ({ selectedItem: e }) => {
+      e && m(e.value), o && I("");
+    },
+    onInputValueChange: ({ inputValue: e }) => {
+      I(e);
+    },
+    onIsOpenChange: () => {
+      k(!1), I("");
+    },
+    onHighlightedIndexChange: () => {
+      k(!0);
+    },
+    itemToString: (e) => e ? e.label : "",
+    stateReducer: (e, l) => {
+      const { changes: t, type: u } = l;
+      if (o)
+        switch (u) {
+          case s.stateChangeTypes.InputKeyDownEnter:
+          case s.stateChangeTypes.ItemClick:
+            return {
+              ...t,
+              isOpen: !0,
+              highlightedIndex: e.highlightedIndex,
+              inputValue: ""
+            };
+          case s.stateChangeTypes.InputBlur:
+            return {
+              ...t,
+              inputValue: ""
+            };
+        }
+      else
+        switch (u) {
+          case s.stateChangeTypes.InputKeyDownEnter:
+          case s.stateChangeTypes.ItemClick:
+            t.selectedItem && e.selectedItem && t.selectedItem.value === e.selectedItem.value && m(t.selectedItem.value);
+            break;
+        }
+      return t;
+    }
+  }), F = j(() => o ? !1 : !C && !y.find((e) => e.label.toLowerCase().includes(B.toLowerCase())), [B, y, C, o]) || !!w.error || p === "error", ce = (e, l) => {
+    const t = r(e);
+    t && (oe(t), m(e), h.current && (h.current.focus(), l && (h.current.dataset.showFocusRing = "false")));
+  }, de = () => {
+    $(), N();
+  }, P = (e) => {
+    var l, t;
+    ee(e), o || ((v == null ? void 0 : v.label) ?? "").toLocaleLowerCase() !== B.toLocaleLowerCase() && N(), f().onBlur && ((t = (l = f()).onBlur) == null || t.call(l, e));
   };
+  return /* @__PURE__ */ g(H.Root, { open: T, children: [
+    /* @__PURE__ */ n(H.Anchor, { asChild: !0, children: /* @__PURE__ */ g(
+      "div",
+      {
+        ref: U,
+        className: c.root,
+        "data-status": F ? "error" : p,
+        "data-disabled": b,
+        "data-empty": i.length === 0,
+        children: [
+          o ? /* @__PURE__ */ g(ue, { children: [
+            /* @__PURE__ */ n("span", { id: L, className: c.srOnly, children: O }),
+            /* @__PURE__ */ n(
+              Se,
+              {
+                items: te,
+                onDismiss: ce,
+                selectedCount: i.length,
+                children: /* @__PURE__ */ n(
+                  "input",
+                  {
+                    ...f({
+                      ref: W,
+                      "aria-label": "aria-label" in a ? a["aria-label"] : void 0,
+                      // Remove auto-generated aria-labelledby if not explicitly provided
+                      "aria-labelledby": "aria-labelledby" in a && a["aria-labelledby"] ? a["aria-labelledby"] : void 0,
+                      "aria-describedby": O ? L : void 0
+                    }),
+                    "data-test-id": d,
+                    placeholder: i.length === 0 ? x : "",
+                    className: c.multiSelectInput,
+                    disabled: b,
+                    onMouseDown: D,
+                    onFocus: R,
+                    onBlur: P
+                  }
+                )
+              }
+            )
+          ] }) : /* @__PURE__ */ n(
+            "input",
+            {
+              ...f({
+                "aria-label": "aria-label" in a ? a["aria-label"] : void 0,
+                // Remove auto-generated aria-labelledby if not explicitly provided
+                "aria-labelledby": "aria-labelledby" in a && a["aria-labelledby"] ? a["aria-labelledby"] : void 0
+              }),
+              "data-test-id": d,
+              placeholder: x,
+              className: c.input,
+              disabled: b,
+              onMouseDown: D,
+              onFocus: R,
+              onBlur: P
+            }
+          ),
+          Y,
+          S ? /* @__PURE__ */ n(xe, { onClear: de, children: S }) : null,
+          w.isLoading && T ? /* @__PURE__ */ n(De, { name: "right", "data-test-id": `${d}-right-slot`, children: /* @__PURE__ */ n(pe, { size: "x-small", "data-test-id": `${d}-loading-circle` }) }) : null,
+          /* @__PURE__ */ g("div", { className: c.icons, children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                "aria-label": X("Select_toggleMenu"),
+                ...ie(),
+                type: "button",
+                disabled: b,
+                onMouseDown: () => {
+                  V.current = !0;
+                },
+                children: /* @__PURE__ */ n(me, { size: 16, className: c.caret })
+              }
+            ),
+            /* @__PURE__ */ n(Re, { status: p, hasError: F, dataTestId: d })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ n(
+      we,
+      {
+        align: _,
+        side: q,
+        highlightedIndex: se,
+        filterText: A,
+        getMenuProps: le,
+        getItemProps: re,
+        selectedItemValues: i,
+        hasInteractedSinceOpening: ae,
+        viewportCollisionPadding: J,
+        onEscapeKeyDown: Q,
+        children: Z
+      }
+    )
+  ] });
 };
+z.displayName = "Select.Combobox";
+const Qe = be(z);
 export {
-  g as getSelectOptionValue,
-  v as isReactLeaf,
-  w as recursiveMap
+  Qe as ComboboxBase
 };
 //# sourceMappingURL=fondue-components123.js.map