@frontify/fondue-components 29.2.0 → 30.0.0

package/dist/fondue-components130.js

@@ -1,220 +1,130 @@
-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-components22.js";
-import { useTranslation as Ce } from "./fondue-components43.js";
-import { useBadgeItems as ye } from "./fondue-components142.js";
-import { useFocusRing as Ie } from "./fondue-components143.js";
-import { useSelectData as ve } from "./fondue-components144.js";
-import { useSelectionDescription as Be } from "./fondue-components145.js";
-import c from "./fondue-components134.js";
-import { ClearButton as xe } from "./fondue-components146.js";
-import { CollapsibleBadges as Se } from "./fondue-components147.js";
-import { SelectMenu as we } from "./fondue-components148.js";
-import { ForwardedRefSelectSlot as De } from "./fondue-components100.js";
-import { StatusIcons as Re } from "./fondue-components149.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("");
+import { useCallback as c } from "react";
+import { deepEqual as f } from "./fondue-components143.js";
+import { defaultSortableTransition as x, Sortable as R } from "./fondue-components89.js";
+import { isSortable as rr } from "./fondue-components89.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-components144.js";
+import { currentValue as v } from "./fondue-components145.js";
+import { batch as L } from "./fondue-components146.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();
     },
-    onInputValueChange: ({ inputValue: e }) => {
-      I(e);
+    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;
     },
-    onIsOpenChange: () => {
-      k(!1), I("");
+    get isDropping() {
+      return u.isDropping;
     },
-    onHighlightedIndexChange: () => {
-      k(!0);
+    get isDragSource() {
+      return u.isDragSource;
     },
-    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
-      }
+    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]
     )
-  ] });
-};
-z.displayName = "Select.Combobox";
-const Qe = be(z);
+  };
+}
+function G(o, t, a) {
+  return !!(o === "isDragSource" && !a && t);
+}
 export {
-  Qe as ComboboxBase
+  rr as isSortable,
+  Y as useSortable
 };
 //# sourceMappingURL=fondue-components130.js.map

package/dist/fondue-components130.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components130.js","sources":["../src/components/Select/components/ComboboxBase.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown } from '@frontify/fondue-icons';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { useCombobox, useMultipleSelection } from 'downshift';\nimport {\n    forwardRef,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n    type FocusEvent,\n    type ForwardedRef,\n    type ReactNode,\n} from 'react';\n\nimport { LoadingCircle } from '#/components/LoadingCircle/LoadingCircle.tsx';\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport { useBadgeItems } from '../hooks/useBadgeItems';\nimport { useFocusRing } from '../hooks/useFocusRing';\nimport { useSelectData, type AsyncItemsFetcher } from '../hooks/useSelectData';\nimport { useSelectionDescription } from '../hooks/useSelectionDescription';\nimport styles from '../styles/select.module.scss';\n\nimport { ClearButton } from './ClearButton';\nimport { CollapsibleBadges } from './CollapsibleBadges';\nimport { SelectMenu, type SelectMenuViewportCollisionPadding } from './SelectMenu';\nimport { ForwardedRefSelectSlot } from './SelectSlot';\nimport { StatusIcons } from './StatusIcons';\n\ntype SelectItem = {\n    value: string;\n    label: string;\n    children?: ReactNode;\n};\n\nexport type ComboboxSharedProps = {\n    /**\n     * Children of the Combobox component. This can contain the `Select.Slot` components for the label, decorators, clear action and menu\n     */\n    children?: ReactNode;\n    /**\n     * The placeholder in the combobox component\n     */\n    placeholder?: string;\n    /**\n     * Status of the text input\n     * @default \"neutral\"\n     */\n    status?: 'neutral' | 'success' | 'error';\n    /**\n     * Disables the combobox component\n     */\n    disabled?: boolean;\n    /**\n     * The alignment of the menu\n     * @default \"start\"\n     */\n    alignMenu?: 'start' | 'center' | 'end';\n    /**\n     * Defines the preferred side of the combobox. It will not be respected if there are collisions with the viewport\n     * @default \"bottom\"\n     */\n    side?: 'left' | 'right' | 'bottom' | 'top';\n    /**\n     * Id of the combobox component\n     */\n    id?: string;\n    /**\n     * The data test id of the combobox component\n     */\n    'data-test-id'?: string;\n    /**\n     * Define the minimum distance between the select menu and the viewport edge\n     * @default 'compact'\n     */\n    viewportCollisionPadding?: SelectMenuViewportCollisionPadding;\n    /**\n     * Function to fetch items asynchronously\n     */\n    getAsyncItems?: AsyncItemsFetcher;\n    /**\n     * Event handler called when the escape key is pressed\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n} & CommonAriaProps;\n\ntype ComboboxBaseProps = ComboboxSharedProps & {\n    /**\n     * The currently selected item values\n     */\n    selectedItemValues: string[];\n    /**\n     * Callback fired when an item is selected or deselected\n     */\n    onItemSelect: (value?: string) => void;\n    /**\n     * Callback fired when the selection is cleared\n     */\n    onClear: () => void;\n    /**\n     * Whether the combobox allows multiple selections\n     */\n    multiple: boolean;\n};\n\nconst ComboboxBaseInput = (\n    {\n        children,\n        selectedItemValues,\n        onItemSelect,\n        onClear,\n        placeholder = '',\n        status = 'neutral',\n        disabled,\n        'data-test-id': dataTestId = 'fondue-select-combobox',\n        alignMenu = 'start',\n        side = 'bottom',\n        id,\n        viewportCollisionPadding = 'compact',\n        getAsyncItems,\n        onEscapeKeyDown,\n        multiple,\n        ...props\n    }: ComboboxBaseProps,\n    forwardedRef: ForwardedRef<HTMLDivElement>,\n): ReactNode => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const inputCallbackRef = useCallback((node: HTMLInputElement | null): void => {\n        inputRef.current = node;\n    }, []);\n    const { t } = useTranslation();\n    const { inputSlots, menuSlots, items, filterText, clearButton, getItemByValue, setFilterText, asyncItemStatus } =\n        useSelectData(children, getAsyncItems);\n    const { wasClickedRef, onMouseDown, onFocus, onBlur } = useFocusRing();\n    const { selectionDescriptionId, selectionDescription } = useSelectionDescription(\n        multiple,\n        selectedItemValues,\n        getItemByValue,\n    );\n    const badgeItems = useBadgeItems(selectedItemValues, getItemByValue);\n\n    const [hasInteractedSinceOpening, setHasInteractedSinceOpening] = useState(false);\n\n    const selectedItems = useMemo((): SelectItem[] => {\n        return selectedItemValues\n            .map((value) => getItemByValue(value))\n            .filter((item): item is SelectItem => item !== undefined && 'value' in item && 'label' in item);\n    }, [selectedItemValues, getItemByValue]);\n\n    const multipleSelectionResult = useMultipleSelection<SelectItem>(\n        multiple\n            ? {\n                  selectedItems,\n                  onStateChange({ selectedItems: newSelectedItems, type }) {\n                      if (type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownBackspace) {\n                          const removedItem = selectedItems.find((item) => !newSelectedItems?.includes(item));\n                          if (removedItem) {\n                              onItemSelect(removedItem.value);\n                          }\n                      }\n                  },\n              }\n            : { selectedItems: [] },\n    );\n    const removeSelectedItem = multiple ? multipleSelectionResult.removeSelectedItem : (): void => {};\n\n    const {\n        getInputProps,\n        getToggleButtonProps,\n        getMenuProps,\n        getItemProps,\n        reset,\n        selectedItem,\n        isOpen,\n        highlightedIndex,\n        inputValue,\n    } = useCombobox<SelectItem>({\n        items,\n        selectedItem: multiple ? null : (getItemByValue(selectedItemValues[0]) as SelectItem | null | undefined),\n        defaultHighlightedIndex: 0,\n        toggleButtonId: id,\n        // Only set labelId if aria-labelledby is explicitly provided, otherwise downshift generates an orphan ID\n        ...('aria-labelledby' in props && props['aria-labelledby'] ? { labelId: props['aria-labelledby'] } : {}),\n        onSelectedItemChange: ({ selectedItem }) => {\n            if (selectedItem) {\n                onItemSelect(selectedItem.value);\n            }\n            if (multiple) {\n                setFilterText('');\n            }\n        },\n        onInputValueChange: ({ inputValue }) => {\n            setFilterText(inputValue);\n        },\n        onIsOpenChange: () => {\n            setHasInteractedSinceOpening(false);\n            setFilterText('');\n        },\n        onHighlightedIndexChange: () => {\n            setHasInteractedSinceOpening(true);\n        },\n        itemToString: (item) => (item ? item.label : ''),\n        stateReducer: (state, actionAndChanges) => {\n            const { changes, type } = actionAndChanges;\n            if (multiple) {\n                switch (type) {\n                    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n                    case useCombobox.stateChangeTypes.ItemClick:\n                        return {\n                            ...changes,\n                            isOpen: true,\n                            highlightedIndex: state.highlightedIndex,\n                            inputValue: '',\n                        };\n                    case useCombobox.stateChangeTypes.InputBlur:\n                        // Select item on blur (Tab key) but clear the input\n                        return {\n                            ...changes,\n                            inputValue: '',\n                        };\n                }\n            } else {\n                // For single select, handle re-selection of the same item\n                // onSelectedItemChange doesn't fire when selecting the same item, so we call onItemSelect here\n                switch (type) {\n                    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n                    case useCombobox.stateChangeTypes.ItemClick:\n                        if (\n                            changes.selectedItem &&\n                            state.selectedItem &&\n                            changes.selectedItem.value === state.selectedItem.value\n                        ) {\n                            onItemSelect(changes.selectedItem.value);\n                        }\n                        break;\n                }\n            }\n            return changes;\n        },\n    });\n\n    const valueInvalid = useMemo(() => {\n        if (multiple) {\n            return false;\n        }\n        return !getAsyncItems && !items.find((item) => item.label.toLowerCase().includes(inputValue.toLowerCase()));\n    }, [inputValue, items, getAsyncItems, multiple]);\n\n    const hasError = valueInvalid || !!asyncItemStatus.error || status === 'error';\n\n    const handleDismissBadge = (value: string, preventFocusRing: boolean): void => {\n        const item = getItemByValue(value) as SelectItem | undefined;\n        if (item) {\n            removeSelectedItem(item);\n            onItemSelect(value);\n            if (inputRef.current) {\n                inputRef.current.focus();\n                if (preventFocusRing) {\n                    inputRef.current.dataset.showFocusRing = 'false';\n                }\n            }\n        }\n    };\n\n    const handleClear = (): void => {\n        onClear();\n        reset();\n    };\n\n    const handleBlur = (blurEvent: FocusEvent<HTMLInputElement, Element>): void => {\n        onBlur(blurEvent);\n\n        if (!multiple) {\n            const selectedItemLabel = selectedItem?.label ?? '';\n            const isOutdated = selectedItemLabel.toLocaleLowerCase() !== inputValue.toLocaleLowerCase();\n\n            if (isOutdated) {\n                reset();\n            }\n        }\n\n        if (getInputProps().onBlur) {\n            getInputProps().onBlur?.(blurEvent);\n        }\n    };\n\n    return (\n        <RadixPopover.Root open={isOpen}>\n            <RadixPopover.Anchor asChild>\n                <div\n                    ref={forwardedRef}\n                    className={styles.root}\n                    data-status={hasError ? 'error' : status}\n                    data-disabled={disabled}\n                    data-empty={selectedItemValues.length === 0}\n                >\n                    {multiple ? (\n                        <>\n                            {/* Hidden description for screen readers - announced on focus */}\n                            <span id={selectionDescriptionId} className={styles.srOnly}>\n                                {selectionDescription}\n                            </span>\n                            <CollapsibleBadges\n                                items={badgeItems}\n                                onDismiss={handleDismissBadge}\n                                selectedCount={selectedItemValues.length}\n                            >\n                                <input\n                                    // eslint-disable-next-line react-hooks/refs\n                                    {...getInputProps({\n                                        ref: inputCallbackRef,\n                                        'aria-label': 'aria-label' in props ? props['aria-label'] : undefined,\n                                        // Remove auto-generated aria-labelledby if not explicitly provided\n                                        'aria-labelledby':\n                                            'aria-labelledby' in props && props['aria-labelledby']\n                                                ? props['aria-labelledby']\n                                                : undefined,\n                                        'aria-describedby': selectionDescription ? selectionDescriptionId : undefined,\n                                    })}\n                                    data-test-id={dataTestId}\n                                    placeholder={selectedItemValues.length === 0 ? placeholder : ''}\n                                    className={styles.multiSelectInput}\n                                    disabled={disabled}\n                                    onMouseDown={onMouseDown}\n                                    onFocus={onFocus}\n                                    onBlur={handleBlur}\n                                />\n                            </CollapsibleBadges>\n                        </>\n                    ) : (\n                        <input\n                            {...getInputProps({\n                                'aria-label': 'aria-label' in props ? props['aria-label'] : undefined,\n                                // Remove auto-generated aria-labelledby if not explicitly provided\n                                'aria-labelledby':\n                                    'aria-labelledby' in props && props['aria-labelledby']\n                                        ? props['aria-labelledby']\n                                        : undefined,\n                            })}\n                            data-test-id={dataTestId}\n                            placeholder={placeholder}\n                            className={styles.input}\n                            disabled={disabled}\n                            onMouseDown={onMouseDown}\n                            onFocus={onFocus}\n                            onBlur={handleBlur}\n                        />\n                    )}\n                    {inputSlots}\n                    {clearButton ? <ClearButton onClear={handleClear}>{clearButton}</ClearButton> : null}\n                    {asyncItemStatus.isLoading && isOpen ? (\n                        <ForwardedRefSelectSlot name=\"right\" data-test-id={`${dataTestId}-right-slot`}>\n                            <LoadingCircle size=\"x-small\" data-test-id={`${dataTestId}-loading-circle`} />\n                        </ForwardedRefSelectSlot>\n                    ) : null}\n                    <div className={styles.icons}>\n                        <button\n                            aria-label={t('Select_toggleMenu')}\n                            {...getToggleButtonProps()}\n                            type=\"button\"\n                            disabled={disabled}\n                            onMouseDown={() => {\n                                wasClickedRef.current = true;\n                            }}\n                        >\n                            <IconCaretDown size={16} className={styles.caret} />\n                        </button>\n                        <StatusIcons status={status} hasError={hasError} dataTestId={dataTestId} />\n                    </div>\n                </div>\n            </RadixPopover.Anchor>\n\n            <SelectMenu\n                align={alignMenu}\n                side={side}\n                highlightedIndex={highlightedIndex}\n                filterText={filterText}\n                getMenuProps={getMenuProps}\n                getItemProps={getItemProps}\n                selectedItemValues={selectedItemValues}\n                hasInteractedSinceOpening={hasInteractedSinceOpening}\n                viewportCollisionPadding={viewportCollisionPadding}\n                onEscapeKeyDown={onEscapeKeyDown}\n            >\n                {menuSlots}\n            </SelectMenu>\n        </RadixPopover.Root>\n    );\n};\nComboboxBaseInput.displayName = 'Select.Combobox';\n\nexport const ComboboxBase = forwardRef<HTMLDivElement, ComboboxBaseProps>(ComboboxBaseInput);\n"],"names":["ComboboxBaseInput","children","selectedItemValues","onItemSelect","onClear","placeholder","status","disabled","dataTestId","alignMenu","side","id","viewportCollisionPadding","getAsyncItems","onEscapeKeyDown","multiple","props","forwardedRef","inputRef","useRef","inputCallbackRef","useCallback","node","t","useTranslation","inputSlots","menuSlots","items","filterText","clearButton","getItemByValue","setFilterText","asyncItemStatus","useSelectData","wasClickedRef","onMouseDown","onFocus","onBlur","useFocusRing","selectionDescriptionId","selectionDescription","useSelectionDescription","badgeItems","useBadgeItems","hasInteractedSinceOpening","setHasInteractedSinceOpening","useState","selectedItems","useMemo","value","item","multipleSelectionResult","useMultipleSelection","newSelectedItems","type","removedItem","removeSelectedItem","getInputProps","getToggleButtonProps","getMenuProps","getItemProps","reset","selectedItem","isOpen","highlightedIndex","inputValue","useCombobox","state","actionAndChanges","changes","hasError","handleDismissBadge","preventFocusRing","handleClear","handleBlur","blurEvent","_b","_a","jsxs","RadixPopover","jsx","styles","Fragment","CollapsibleBadges","ClearButton","ForwardedRefSelectSlot","LoadingCircle","IconCaretDown","StatusIcons","SelectMenu","ComboboxBase","forwardRef"],"mappings":"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"}
+{"version":3,"file":"fondue-components130.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-components131.js

@@ -1,22 +1,14 @@
-import { useState as f } from "react";
-const I = (i, l, r) => {
-  const [d, n] = f(r ?? []), e = l ?? d, s = (t) => {
-    l || n(t), i == null || i(t);
-  };
-  return {
-    selectedItemValues: e,
-    toggleSelectedItem: (t) => {
-      if (t === void 0)
-        return;
-      const c = e.findIndex((o) => t === o);
-      c > 0 ? s([...e.slice(0, c), ...e.slice(c + 1)]) : s(c === 0 ? [...e.slice(1)] : [...e, t]);
-    },
-    clear: () => {
-      s([]);
-    }
-  };
-};
+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 {
-  I as useMultiselect
+  e as OrderableItemContext,
+  a as OrderableItemContextProvider,
+  n as useOrderableItemContext
 };
 //# sourceMappingURL=fondue-components131.js.map

package/dist/fondue-components131.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components131.js","sources":["../src/components/Select/hooks/useMultiselect.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useState } from 'react';\n\nexport const useMultiselect = (\n    onSelect?: (value: string[] | null) => void,\n    value?: string[] | null,\n    defaultValue?: string[],\n) => {\n    const [selectedItemsState, setSelectedItemsState] = useState<string[]>(defaultValue ?? []);\n\n    const selectedItemValues = value ?? selectedItemsState;\n    const setSelectedItems = (items: string[]) => {\n        if (!value) {\n            setSelectedItemsState(items);\n        }\n        onSelect?.(items);\n    };\n\n    const toggleSelectedItem = (toggledItem?: string) => {\n        if (toggledItem === undefined) {\n            return;\n        }\n        const index = selectedItemValues.findIndex((selectedItemValue) => toggledItem === selectedItemValue);\n        if (index > 0) {\n            setSelectedItems([...selectedItemValues.slice(0, index), ...selectedItemValues.slice(index + 1)]);\n        } else if (index === 0) {\n            setSelectedItems([...selectedItemValues.slice(1)]);\n        } else {\n            setSelectedItems([...selectedItemValues, toggledItem]);\n        }\n    };\n\n    const clear = () => {\n        setSelectedItems([]);\n    };\n\n    return {\n        selectedItemValues,\n        toggleSelectedItem,\n        clear,\n    };\n};\n"],"names":["useMultiselect","onSelect","value","defaultValue","selectedItemsState","setSelectedItemsState","useState","selectedItemValues","setSelectedItems","items","toggledItem","index","selectedItemValue"],"mappings":";AAIO,MAAMA,IAAiB,CAC1BC,GACAC,GACAC,MACC;AACD,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAmBH,KAAgB,CAAA,CAAE,GAEnFI,IAAqBL,KAASE,GAC9BI,IAAmB,CAACC,MAAoB;AAC1C,IAAKP,KACDG,EAAsBI,CAAK,GAE/BR,KAAA,QAAAA,EAAWQ;AAAA,EACf;AAoBA,SAAO;AAAA,IACH,oBAAAF;AAAA,IACA,oBApBuB,CAACG,MAAyB;AACjD,UAAIA,MAAgB;AAChB;AAEJ,YAAMC,IAAQJ,EAAmB,UAAU,CAACK,MAAsBF,MAAgBE,CAAiB;AACnG,MAAID,IAAQ,IACRH,EAAiB,CAAC,GAAGD,EAAmB,MAAM,GAAGI,CAAK,GAAG,GAAGJ,EAAmB,MAAMI,IAAQ,CAAC,CAAC,CAAC,IAEhGH,EADOG,MAAU,IACA,CAAC,GAAGJ,EAAmB,MAAM,CAAC,CAAC,IAE/B,CAAC,GAAGA,GAAoBG,CAAW,CAFH;AAAA,IAIzD;AAAA,IASI,OAPU,MAAM;AAChB,MAAAF,EAAiB,CAAA,CAAE;AAAA,IACvB;AAAA,EAKI;AAER;"}
+{"version":3,"file":"fondue-components131.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-components132.js

@@ -1,20 +1,39 @@
-import { useState as a, useCallback as u } from "react";
-const n = (s, t, e) => {
-  const [f, r] = a(e ?? null), i = t !== void 0 ? t : f, l = i !== null ? [i] : [], m = u(
-    (d) => {
-      d !== void 0 && (t === void 0 && r(d), s == null || s(d));
-    },
-    [t, s]
-  ), I = u(() => {
-    t === void 0 && r(null), s == null || s(null);
-  }, [t, s]);
-  return {
-    selectedItemValues: l,
-    selectItem: m,
-    clear: I
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { getItemTitle as p } from "./fondue-components85.js";
+import { useOrderableListAnnounce as u } from "./fondue-components86.js";
+import { useOrderableItemContext as b } from "./fondue-components131.js";
+import l from "./fondue-components88.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",
+    {
+      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 {
-  n as useSingleSelect
+  I as OrderableListItemContent
 };
 //# sourceMappingURL=fondue-components132.js.map

package/dist/fondue-components132.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components132.js","sources":["../src/components/Select/hooks/useSingleSelect.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback, useState } from 'react';\n\nexport const useSingleSelect = (\n    onSelect?: (value: string | null) => void,\n    value?: string | null,\n    defaultValue?: string,\n) => {\n    const [selectedItemState, setSelectedItemState] = useState<string | null>(defaultValue ?? null);\n\n    const selectedValue = value !== undefined ? value : selectedItemState;\n    const selectedItemValues = selectedValue !== null ? [selectedValue] : [];\n\n    const selectItem = useCallback(\n        (item?: string) => {\n            if (item === undefined) {\n                return;\n            }\n            if (value === undefined) {\n                setSelectedItemState(item);\n            }\n            onSelect?.(item);\n        },\n        [value, onSelect],\n    );\n\n    const clear = useCallback(() => {\n        if (value === undefined) {\n            setSelectedItemState(null);\n        }\n        onSelect?.(null);\n    }, [value, onSelect]);\n\n    return {\n        selectedItemValues,\n        selectItem,\n        clear,\n    };\n};\n"],"names":["useSingleSelect","onSelect","value","defaultValue","selectedItemState","setSelectedItemState","useState","selectedValue","selectedItemValues","selectItem","useCallback","item","clear"],"mappings":";AAIO,MAAMA,IAAkB,CAC3BC,GACAC,GACAC,MACC;AACD,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAwBH,KAAgB,IAAI,GAExFI,IAAgBL,MAAU,SAAYA,IAAQE,GAC9CI,IAAqBD,MAAkB,OAAO,CAACA,CAAa,IAAI,CAAA,GAEhEE,IAAaC;AAAA,IACf,CAACC,MAAkB;AACf,MAAIA,MAAS,WAGTT,MAAU,UACVG,EAAqBM,CAAI,GAE7BV,KAAA,QAAAA,EAAWU;AAAA,IACf;AAAA,IACA,CAACT,GAAOD,CAAQ;AAAA,EAAA,GAGdW,IAAQF,EAAY,MAAM;AAC5B,IAAIR,MAAU,UACVG,EAAqB,IAAI,GAE7BJ,KAAA,QAAAA,EAAW;AAAA,EACf,GAAG,CAACC,GAAOD,CAAQ,CAAC;AAEpB,SAAO;AAAA,IACH,oBAAAO;AAAA,IACA,YAAAC;AAAA,IACA,OAAAG;AAAA,EAAA;AAER;"}
+{"version":3,"file":"fondue-components132.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;"}