@lmb-it/kitsconcerto-native 0.1.292 → 0.1.294

package/apps/mobile/src/Core/Dropdown/index.cjs

@@ -157,6 +157,8 @@ function Dropdown({
   renderPopup,
   popupTitle,
   itemTemplate,
+  panelLayout,
+  panelColumns,
   valueTemplate,
   panelFooterTemplate,
   optionGroupLabel,
@@ -232,6 +234,11 @@ function Dropdown({
     onChange(syntheticEvent, item);
     setOpen(false);
   };
+  const gridColumns = React.useMemo(() => {
+    if (panelLayout !== "grid" || optionGroupLabel) return 1;
+    const n = typeof panelColumns === "number" && Number.isFinite(panelColumns) ? Math.round(panelColumns) : 4;
+    return Math.max(2, Math.min(10, n));
+  }, [panelLayout, panelColumns, optionGroupLabel]);
   const renderItem = React.useCallback(
     (item, index) => {
       if (!item) {
@@ -272,6 +279,19 @@ function Dropdown({
           onPress: () => selectItem(item),
           style: [
             styles.option,
+            /* ⛔ IN A GRID EVERY CELL TAKES AN EQUAL SHARE, or the last row's
+               one or two items stretch across the whole sheet. `flex: 1` is
+               what makes `numColumns` produce columns of the same width; the
+               tile also centres, because a glyph sits over its caption
+               rather than beside it. R51. */
+            gridColumns > 1 && {
+              flex: 1,
+              minWidth: 0,
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: 4
+            },
             /* Same rule for the row itself, so the checkmark sits at the end
                the reader finishes on rather than the one the process picks.
                ⛔ REVERSING THE ROW IS NOT WHAT MOVES THE LABEL. The comment that
@@ -369,6 +389,8 @@ function Dropdown({
     /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.FlatList,
       {
+        numColumns: gridColumns,
+        columnWrapperStyle: gridColumns > 1 ? styles.gridRow : void 0,
         style: fill ? styles.listFill : styles.listShrink,
         contentContainerStyle: styles.listContent,
         data: filteredData,
@@ -377,7 +399,8 @@ function Dropdown({
         keyboardShouldPersistTaps: "handled",
         showsHorizontalScrollIndicator: false,
         ListEmptyComponent: filterQuery ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.emptyContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles.emptyText, { color: colors.emptyText, fontFamily }], children: emptyFilterMessage }) }) : null
-      }
+      },
+      `kits-dd-${gridColumns}`
     ),
     panelFooterTemplate?.()
   ] });
@@ -546,6 +569,12 @@ const styles = reactNative.StyleSheet.create({
     flexGrow: 0,
     flexShrink: 1
   },
+  /* R51 — one grid row. `gap` spaces the cells; each cell takes an equal
+     share through `flex: 1` on the item wrapper below. */
+  gridRow: {
+    gap: 4,
+    paddingHorizontal: 4
+  },
   listContent: {
     paddingBottom: 12
   },

package/apps/mobile/src/Core/Dropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/Dropdown/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport {\n  Dimensions,\n  FlatList,\n  Keyboard,\n  Modal,\n  Pressable,\n  ScrollView,\n  TouchableOpacity,\n  View,\n  StyleSheet, Text, TextInput\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { Input, InputField, type VirtualScrollerOptions } from \"../../\";\nimport { resolveThemeTokenForNative, toNativeValue } from '../../Factory/helpers/style';\nimport { useKeyboardHeight } from '../../Factory/helpers/useKeyboardHeight';\nimport { readerEdge } from '../../Factory/helpers/readerEdge';\nimport { computePanelGeometry } from './panelGeometry';\n\n/* ---------------------------------------------\n Types (PrimeReact-compatible)\n---------------------------------------------- */\n\nexport interface DropdownChangeEvent<T = any> {\n  originalEvent?: any;\n  value: T | null;\n}\n\n\nexport interface DropdownProps<T = any> {\n  value?: T | null;\n  options?: T[];\n\n  onChange?: (e: ChangeEvent<T>, item:any) => void;\n\n  optionLabel?: string;\n  optionValue?: string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  editable?: boolean;\n  loading?: boolean;\n  showClear?: boolean;\n  isModal?: boolean;\n\n  checkmark?: boolean;\n  highlightOnSelect?: boolean;\n\n  filter?: boolean;\n  filterBy?: string;\n  emptyFilterMessage?: string;\n  /**\n   * Placeholder for the panel's filter field.\n   *\n   * ⛔ THIS COMPONENT CANNOT TRANSLATE. It lives in `apps/mobile`, which\n   * `packages/ui` imports — the reverse import would be a cycle between the two\n   * workspaces. So the sentence is resolved by the KitsConcerto wrapper, which\n   * has `useLanguage()`, and arrives here already written, exactly as\n   * `emptyFilterMessage` does.\n   */\n  filterPlaceholder?: string;\n  /**\n   * Open the options in a popup that owns the screen instead of a panel\n   * anchored to the trigger.\n   *\n   * ⛔ THE ANCHOR IS THE PROBLEM THIS ESCAPES. An anchored panel can never be\n   * taller than the gap between the trigger and the keyboard, and a field in\n   * the middle of a form has ~190pt of gap on a 874pt phone — a search box and\n   * four rows. Sizing that gap correctly does not make it big. The popup takes\n   * a fixed share of the window instead, so where the field sits stops\n   * mattering.\n   *\n   * Default false: every existing consumer keeps the anchored panel.\n   */\n  popup?: boolean;\n  /**\n   * Supplies the popup's container. Injected by the KitsConcerto wrapper\n   * because the container is this library's `KitsDialogControlled`, which\n   * lives in `packages/ui` — and `packages/ui` imports THIS file, so importing\n   * it back would be a cycle between the two workspaces.\n   *\n   * Without it `popup` falls back to the anchored panel rather than rendering\n   * nothing.\n   */\n  renderPopup?: (args: {\n    visible: boolean;\n    onClose: () => void;\n    title?: React.ReactNode;\n    children: React.ReactNode;\n  }) => React.ReactNode;\n  /** Title for the popup header. The wrapper passes the field's label. */\n  popupTitle?: React.ReactNode;\n  /**\n   * Which way the reader reads, from the wrapper's `useLanguage().isRTL`.\n   *\n   * ⛔ NOT `I18nManager.isRTL`. That is the PROCESS layout direction, which a\n   * consumer can force at boot and which does not change when the reader\n   * switches language. The filter field follows the interface language, like\n   * every other input in this library.\n   */\n  isRTL?: boolean;\n  /**\n   * Font family the consuming app's theme names for body text, resolved by the\n   * KitsConcerto wrapper with `useThemedFont('body')`.\n   *\n   * ⛔ React Native does NOT cascade `fontFamily` through View parents, so\n   * every text sink has to set it. The panel's rows and its search field set\n   * none, which is why an app that swaps in its own face — AlphaMatch loads\n   * Noto Kufi Arabic for its Arabic readers — saw that face everywhere except\n   * inside the picker.\n   */\n  fontFamily?: string;\n\n  itemTemplate?: (item: T) => React.ReactNode;\n  valueTemplate?: (value: T | null) => React.ReactNode;\n  panelFooterTemplate?: () => React.ReactNode;\n\n  optionGroupLabel?: string;\n  optionGroupChildren?: string;\n  optionGroupTemplate?: (group: any) => React.ReactNode;\n\n  virtualScrollerOptions?: VirtualScrollerOptions;\n\n  invalid?: boolean;\n  testID?: string;\n  style?: import('react-native').ViewStyle;\n}\n\n/* ---------------------------------------------\n Helpers\n---------------------------------------------- */\n\nconst getLabel = (item: any, optionLabel?: string) => {\n  if (!item) return \"\";\n  if (!optionLabel) return String(item);\n  return String(item[optionLabel]);\n};\n\nconst getValue = (item: any, optionValue?: string) => {\n  if (!item) return null;\n  if (!optionValue) return item;\n  return item[optionValue];\n};\n\nconst t = resolveThemeTokenForNative;\n\n/**\n * Option-row text size, taken from the theme's own scale rather than picked.\n *\n * The rows used to set no `fontSize` at all, so they fell through to React\n * Native's default of 14 — which happens to equal the scale's `sm` step, by\n * coincidence rather than intent. `md` is the scale's body size and one step\n * up. `$fontSizes.md` resolves to '1rem' and `toNativeValue` turns that into\n * 16; the `?? 16` is the same number spelled out, for the case where a\n * consumer's theme does not declare the step.\n */\nconst optionFontSize = (): number => {\n  const resolved = toNativeValue(resolveThemeTokenForNative('$fontSizes.md'));\n  return typeof resolved === 'number' ? resolved : 16;\n};\n\nconst TEXT_STYLE_KEYS = new Set([\n  'fontSize', 'fontFamily', 'fontWeight', 'fontStyle',\n  'color', 'letterSpacing', 'lineHeight', 'textAlign',\n  'textDecorationLine', 'textTransform',\n]);\n\nfunction splitStyle(combined?: any): { viewStyle?: any; textStyle?: any } {\n  if (!combined) return {};\n  const view: Record<string, any> = {};\n  const text: Record<string, any> = {};\n  for (const [k, v] of Object.entries(combined)) {\n    if (TEXT_STYLE_KEYS.has(k)) text[k] = v;\n    else view[k] = v;\n  }\n  return {\n    viewStyle: Object.keys(view).length ? view : undefined,\n    textStyle: Object.keys(text).length ? text : undefined,\n  };\n}\n\n/* ---------------------------------------------\n Component\n---------------------------------------------- */\n\nexport default function Dropdown<T = any>({\n                                    value,\n                                    options = [],\n                                    onChange,\n\n                                    optionLabel,\n                                    optionValue,\n\n                                    placeholder,\n                                    disabled,\n                                    editable,\n                                    isModal = false,\n\n                                    checkmark,\n                                    highlightOnSelect = true,\n\n                                    filter,\n                                    filterBy,\n                                    // ⚠️ THESE TWO ENGLISH LITERALS ARE A LAST RESORT, NOT A\n                                    // TRANSLATION. The KitsConcerto wrapper always passes the\n                                    // reader's own sentence; these only apply when this component\n                                    // is used directly from `apps/mobile`, and they exist so a\n                                    // panel can never render a blank search box or an empty\n                                    // \"no results\" line. Recorded as English fallbacks.\n                                    emptyFilterMessage = 'No results found',\n                                    filterPlaceholder = 'Search...',\n                                    isRTL = false,\n                                    fontFamily,\n                                    popup = false,\n                                    renderPopup,\n                                    popupTitle,\n\n                                    itemTemplate,\n                                    valueTemplate,\n                                    panelFooterTemplate,\n\n                                    optionGroupLabel,\n                                    optionGroupChildren,\n                                    optionGroupTemplate,\n\n                                    virtualScrollerOptions,\n\n                                    invalid,\n                                    testID,\n                                    style: externalStyle,\n                                  }: DropdownProps<T>) {\n  const inputRef = useRef<any>(null);\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [inputText, setInputText] = useState(\"\");\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n  const insets = useSafeAreaInsets();\n  const keyboardHeight = useKeyboardHeight();\n  /* Physical edges to write so the content lands where the reader starts. */\n  const edge = readerEdge(isRTL);\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderInvalid: t('danger') || t('red.500'),\n    bg: t('surface-card') || '#fff',\n    text: t('text') || t('gray.800'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    optionSelected: t('highlight-bg') || t('gray.100'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    filterBorder: t('border') || t('gray.200'),\n    filterBg: t('surface-ground') || t('gray.50'),\n    filterText: t('text') || t('gray.800'),\n    emptyText: t('text-secondary') || t('gray.400'),\n    primary: t('primary'),\n  };\n\n  /* ---------------------------------------------\n   Derived\n  ---------------------------------------------- */\n\n  const selectedItem = useMemo(() => {\n    if (value == null) return null;\n    // Search through group children when grouped\n    if (optionGroupChildren) {\n      for (const group of options as any[]) {\n        const children = group[optionGroupChildren];\n        if (Array.isArray(children)) {\n          const found = children.find((c: any) => getValue(c, optionValue) === value);\n          if (found) return found;\n        }\n      }\n      return null;\n    }\n    return options.find(\n      (o) => getValue(o, optionValue) === value\n    ) ?? null;\n  }, [value, options, optionValue, optionGroupChildren]);\n\n  /* ---------------------------------------------\n   Open / Close\n  ---------------------------------------------- */\n\n  const toggle = () => {\n    if (disabled) return;\n    Keyboard.dismiss();\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    setFilterQuery(\"\");\n    // Measure trigger position in window so the popover can be rendered\n    // inside a Modal (escaping any parent ScrollView) at the correct anchor.\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const close = () => setOpen(false);\n\n  /* ---------------------------------------------\n   Selection\n  ---------------------------------------------- */\n\n  const selectItem = (item: T) => {\n    const newValue = getValue(item, optionValue);\n\n    if (!onChange) return;\n\n    const syntheticEvent = {\n      target: {\n        value: newValue,\n      },\n    } as React.ChangeEvent<any>;\n\n    onChange(syntheticEvent, item);\n\n    setOpen(false);\n  };\n\n  /* ---------------------------------------------\n   Render item\n  ---------------------------------------------- */\n\n  const renderItem = useCallback(\n    (item: any, index: number) => {\n      if (!item) {\n        return null;\n      }\n\n      // Group header\n      if (item.__group) {\n        return (\n          <Text key={`group-${index}`} style={[styles.groupLabel, { backgroundColor: colors.groupBg }]}>\n            {optionGroupLabel ? item.group?.[optionGroupLabel] : \"\"}\n          </Text>\n        );\n      }\n\n      const selected =\n        value != null &&\n        getValue(item, optionValue) === value;\n\n      let content: React.ReactElement;\n\n      if (itemTemplate) {\n        const rendered = itemTemplate(item);\n\n        content = React.isValidElement(rendered) ? (\n          rendered\n        ) : (\n          <Text>{String(rendered ?? \"\")}</Text>\n        );\n      } else {\n        content = (\n          <Text style={[\n            {\n              color: colors.text,\n              fontSize: optionFontSize(),\n              fontFamily,\n            },\n            /* The row starts at the reader's edge, and `writingDirection`\n               orders the glyphs inside it — which is what puts a leading flag\n               at the end an Arabic reader starts from.\n               ⛔ The physical edge is COMPUTED, never named directly: React\n               Native mirrors `textAlign` when the process is RTL, so naming\n               the RTL edge for an RTL reader lands on the LTR one. See\n               `readerEdge` for the measurements. */\n            styles.optionLabelFill,\n            {\n                textAlign: edge.textAlign,\n                writingDirection: isRTL ? ('rtl' as const) : ('ltr' as const),\n            },\n          ]}>\n            {getLabel(item, optionLabel)}\n          </Text>\n        );\n      }\n\n      return (\n        <Pressable\n          key={`item-${index}`}\n          onPress={() => selectItem(item)}\n          style={[\n            styles.option,\n            /* Same rule for the row itself, so the checkmark sits at the end\n               the reader finishes on rather than the one the process picks.\n               ⛔ REVERSING THE ROW IS NOT WHAT MOVES THE LABEL. The comment that\n               stood here said it was, and the measurement says otherwise: a\n               shrink-wrapped Text ignores `textAlign` whichever way the row\n               runs, so `flex: 1` on the label is what gives the alignment\n               somewhere to push to. The row's direction decides only which end\n               the checkmark takes.\n               ⛔ And it said the process layout \"stays LTR\". It does not — the\n               App calls `I18nManager.forceRTL`, which mirrors both `textAlign`\n               and `flexDirection: 'row'`. Writing the RTL edge for an RTL\n               reader therefore asked for it twice and landed on the LTR one,\n               which is the whole reported fault. See `readerEdge`. */\n            { flexDirection: edge.flexDirection },\n            selected && highlightOnSelect && { backgroundColor: colors.optionSelected },\n          ]}\n        >\n          {content}\n          {checkmark && selected && <Text>✓</Text>}\n        </Pressable>\n      );\n    },\n    [\n      value,\n      optionValue,\n      optionLabel,\n      itemTemplate,\n      optionGroupLabel,\n      checkmark,\n      highlightOnSelect,\n      /* ⛔ THE THIRD DISHONEST DEPENDENCY ARRAY IN THIS FAMILY. The body reads\n         these too, and a row memoised without them keeps whatever the first\n         render happened to hold — the reader's direction, the theme's face and\n         the resolved colours. Two frozen memos have already cost a release\n         each; this one is listed before it costs a third. */\n      isRTL,\n      edge.textAlign,\n      edge.flexDirection,\n      fontFamily,\n      colors.text,\n      colors.optionSelected,\n      colors.groupBg,\n      selectItem,\n    ]\n  );\n\n\n  /* ---------------------------------------------\n   Group flattening\n  ---------------------------------------------- */\n\n  const flatData = useMemo(() => {\n    if (!optionGroupLabel || !optionGroupChildren) {\n      return options;\n    }\n\n    const out: any[] = [];\n    options.forEach((g: any) => {\n      out.push({ __group: true, group: g });\n      g[optionGroupChildren]?.forEach((c: any) => out.push(c));\n    });\n    return out;\n  }, [options]);\n\n  /* ---------------------------------------------\n   Filter\n  ---------------------------------------------- */\n\n  const filteredData = useMemo(() => {\n    if (!filter || !filterQuery) return flatData;\n    const q = filterQuery.toLowerCase();\n    const key = filterBy || optionLabel;\n\n    return flatData.filter((entry: any) => {\n      // Keep group headers\n      if (entry.__group) return true;\n      const label = getLabel(entry, key);\n      return label.toLowerCase().includes(q);\n    });\n  }, [flatData, filter, filterQuery, filterBy, optionLabel]);\n\n  /* ---------------------------------------------\n   Display value\n  ---------------------------------------------- */\n\n  const displayValue = valueTemplate\n    ? valueTemplate(selectedItem)\n    : selectedItem\n      ? getLabel(selectedItem, optionLabel)\n      : \"\";\n\n  /* ---------------------------------------------\n   Panel body — the search field and the list\n  ---------------------------------------------- */\n\n  /*\n   * ⛔ ONE BODY, THREE CONTAINERS. The anchored panel and the centred modal\n   * each carried their own copy of this markup, which is why the hardcoded\n   * \"Search...\" had to be found and fixed twice. The popup would have made it\n   * three. The containers differ; what is inside them does not.\n   *\n   * `fill` is the one real difference. In the anchored panel the container has\n   * a `maxHeight` and no height, so the list must shrink-wrap its content up\n   * to that ceiling (`flexShrink`). In the popup and the centred modal the\n   * container has a real height, so the list takes what is left (`flex: 1`).\n   */\n  const panelBody = (fill: boolean, autoFocusFilter: boolean) => (\n    <>\n      {filter && (\n        <View style={[styles.filterContainer, { borderBottomColor: colors.filterBorder }]}>\n          <TextInput\n            value={filterQuery}\n            onChangeText={setFilterQuery}\n            placeholder={filterPlaceholder}\n            placeholderTextColor={colors.placeholder}\n            style={[styles.filterInput, {\n              borderColor: colors.filterBorder,\n              backgroundColor: colors.filterBg,\n              color: colors.filterText,\n              fontFamily,\n            },\n            // Every other input in this library names its own edge and\n            // direction from the reader's language. Leaving these unset let the\n            // platform decide, so the field followed the process layout\n            // direction instead of the person reading it.\n            isRTL ? styles.filterRtl : styles.filterLtr]}\n            /* ⛔ THE ANCHORED PANEL KEEPS ITS AUTOFOCUS — changing it would\n               change behaviour for every consumer that has not opted in. In\n               the popup the list is already the whole point and is fully\n               visible, so the keyboard waits to be asked for: one tap on the\n               field raises it, and until then the list has the whole sheet. */\n            autoFocus={autoFocusFilter}\n          />\n        </View>\n      )}\n      <FlatList\n        style={fill ? styles.listFill : styles.listShrink}\n        contentContainerStyle={styles.listContent}\n        data={filteredData}\n        keyExtractor={(item: any, i: number) =>\n          item?.__group ? `group-${i}` : `item-${i}`\n        }\n        renderItem={({ item, index }) => renderItem(item, index)}\n        keyboardShouldPersistTaps=\"handled\"\n        showsHorizontalScrollIndicator={false}\n        ListEmptyComponent={\n          filterQuery ? (\n            <View style={styles.emptyContainer}>\n              <Text style={[styles.emptyText, { color: colors.emptyText, fontFamily }]}>{emptyFilterMessage}</Text>\n            </View>\n          ) : null\n        }\n      />\n      {panelFooterTemplate?.()}\n    </>\n  );\n\n  /* ---------------------------------------------\n   Render\n  ---------------------------------------------- */\n\n  const usePopup = popup && typeof renderPopup === 'function';\n\n  return (\n    <View style={styles.container} testID={testID}>\n      <Pressable\n        ref={triggerRef as any}\n        style={[\n          styles.control,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          invalid && { borderColor: colors.borderInvalid },\n          disabled && styles.disabled,\n          externalViewStyle,\n        ]}\n        onPress={toggle}\n      >\n        {editable ? (\n          <Input style={styles.input}>\n            <InputField\n              ref={inputRef}\n              value={inputText}\n              onChangeText={setInputText}\n              placeholder={placeholder}\n              editable={!disabled}\n            />\n          </Input>\n        ) : (\n          <Text\n            numberOfLines={1}\n            style={[\n              // Fill the trigger row and left-align the value/placeholder so it\n              // doesn't read as centred (the row is justify=space-between, so the\n              // arrow stays pinned right).\n              { flex: 1, textAlign: \"left\" as const },\n              displayValue ? { color: colors.text } : { color: colors.placeholder },\n              externalTextStyle,\n              !displayValue && { color: colors.placeholder },\n            ]}>\n            {displayValue || placeholder}\n          </Text>\n        )}\n\n        <Text style={[{ color: colors.text }, externalTextStyle]}>▾</Text>\n      </Pressable>\n\n      {!usePopup && !isModal && (\n        <Modal\n          visible={open && !!triggerLayout}\n          transparent\n          animationType=\"none\"\n          onRequestClose={close}\n        >\n          <Pressable style={styles.popoverOverlay} onPress={close}>\n            {triggerLayout && (() => {\n              const screen = Dimensions.get('window');\n              const { top, maxHeight } = computePanelGeometry({\n                screenHeight: screen.height,\n                insetTop: insets.top,\n                insetBottom: insets.bottom,\n                keyboardHeight,\n                triggerY: triggerLayout.y,\n                triggerHeight: triggerLayout.height,\n              });\n\n              return (\n                <View\n                  style={[\n                    styles.popoverPanel,\n                    {\n                      top,\n                      left: triggerLayout.x,\n                      width: triggerLayout.width,\n                      maxHeight,\n                      borderColor: colors.border,\n                      backgroundColor: colors.bg,\n                    },\n                  ]}\n                  onStartShouldSetResponder={() => true}\n                >\n                  {panelBody(false, true)}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n\n      {!usePopup && isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.modalOverlay} onPress={close}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {panelBody(true, true)}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n\n      {/* Popup — the container comes from the wrapper (this library's own\n          Dialog in sheet position); everything inside it is the same body the\n          other two containers render. */}\n      {usePopup && renderPopup!({\n        visible: open,\n        onClose: close,\n        title: popupTitle,\n        children: panelBody(true, false),\n      })}\n\n    </View>\n  );\n}\n\n/* ---------------------------------------------\n Styles (layout only — colors applied inline via theme tokens)\n---------------------------------------------- */\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n    position: \"relative\" as const,\n  },\n  control: {\n    flexDirection: \"row\" as const,\n    alignItems: \"center\" as const,\n    justifyContent: \"space-between\" as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  /* The label takes the row's spare width so `textAlign` has somewhere to\n     push to. Without it the Text shrink-wraps its glyphs and the alignment\n     has no effect — the first attempt at this fix set only `textAlign` and\n     changed nothing on screen. */\n  optionLabelFill: {\n    flex: 1,\n  },\n  option: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    flexDirection: \"row\" as const,\n    justifyContent: \"space-between\" as const,\n    alignItems: \"center\" as const,\n  },\n  groupLabel: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    fontWeight: \"600\" as const,\n  },\n  input: {\n    flex: 1,\n  },\n  panel: {\n    position: \"absolute\" as const,\n    top: \"100%\",\n    left: 0,\n    right: 0,\n    marginTop: 4,\n    borderWidth: 1,\n    borderRadius: 6,\n    maxHeight: 260,\n    overflow: \"hidden\" as const,\n    zIndex: 9999,\n  },\n  filterContainer: {\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderBottomWidth: 1,\n  },\n  listFill: {\n    flex: 1,\n  },\n  // The anchored panel is sized by `maxHeight` with no height, so the list has\n  // to grow with its content up to that ceiling and then scroll inside it.\n  // `flex: 1` sets flexBasis 0, which contributes nothing to a shrink-wrapping\n  // parent.\n  listShrink: {\n    flexGrow: 0,\n    flexShrink: 1,\n  },\n  listContent: {\n    paddingBottom: 12,\n  },\n  filterInput: {\n    fontSize: 14,\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderWidth: 1,\n    borderRadius: 4,\n  },\n  filterLtr: {\n    textAlign: 'left' as const,\n    writingDirection: 'ltr' as const,\n  },\n  filterRtl: {\n    textAlign: 'right' as const,\n    writingDirection: 'rtl' as const,\n  },\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center' as const,\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute' as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden' as const,\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n  modalOverlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center' as const,\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden' as const,\n  },\n});\n"],"names":["resolveThemeTokenForNative","toNativeValue","useRef","useState","useSafeAreaInsets","useKeyboardHeight","readerEdge","useMemo","Keyboard","useCallback","jsx","Text","jsxs","Pressable","Fragment","View","TextInput","FlatList","Input","InputField","Modal","Dimensions","computePanelGeometry","StyleSheet"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/Dropdown/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport {\n  Dimensions,\n  FlatList,\n  Keyboard,\n  Modal,\n  Pressable,\n  ScrollView,\n  TouchableOpacity,\n  View,\n  StyleSheet, Text, TextInput\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { Input, InputField, type VirtualScrollerOptions } from \"../../\";\nimport { resolveThemeTokenForNative, toNativeValue } from '../../Factory/helpers/style';\nimport { useKeyboardHeight } from '../../Factory/helpers/useKeyboardHeight';\nimport { readerEdge } from '../../Factory/helpers/readerEdge';\nimport { computePanelGeometry } from './panelGeometry';\n\n/* ---------------------------------------------\n Types (PrimeReact-compatible)\n---------------------------------------------- */\n\nexport interface DropdownChangeEvent<T = any> {\n  originalEvent?: any;\n  value: T | null;\n}\n\n\nexport interface DropdownProps<T = any> {\n  value?: T | null;\n  options?: T[];\n\n  onChange?: (e: ChangeEvent<T>, item:any) => void;\n\n  optionLabel?: string;\n  optionValue?: string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  editable?: boolean;\n  loading?: boolean;\n  showClear?: boolean;\n  isModal?: boolean;\n\n  checkmark?: boolean;\n  highlightOnSelect?: boolean;\n\n  filter?: boolean;\n  filterBy?: string;\n  emptyFilterMessage?: string;\n  /**\n   * Placeholder for the panel's filter field.\n   *\n   * ⛔ THIS COMPONENT CANNOT TRANSLATE. It lives in `apps/mobile`, which\n   * `packages/ui` imports — the reverse import would be a cycle between the two\n   * workspaces. So the sentence is resolved by the KitsConcerto wrapper, which\n   * has `useLanguage()`, and arrives here already written, exactly as\n   * `emptyFilterMessage` does.\n   */\n  filterPlaceholder?: string;\n  /**\n   * Open the options in a popup that owns the screen instead of a panel\n   * anchored to the trigger.\n   *\n   * ⛔ THE ANCHOR IS THE PROBLEM THIS ESCAPES. An anchored panel can never be\n   * taller than the gap between the trigger and the keyboard, and a field in\n   * the middle of a form has ~190pt of gap on a 874pt phone — a search box and\n   * four rows. Sizing that gap correctly does not make it big. The popup takes\n   * a fixed share of the window instead, so where the field sits stops\n   * mattering.\n   *\n   * Default false: every existing consumer keeps the anchored panel.\n   */\n  popup?: boolean;\n  /**\n   * Supplies the popup's container. Injected by the KitsConcerto wrapper\n   * because the container is this library's `KitsDialogControlled`, which\n   * lives in `packages/ui` — and `packages/ui` imports THIS file, so importing\n   * it back would be a cycle between the two workspaces.\n   *\n   * Without it `popup` falls back to the anchored panel rather than rendering\n   * nothing.\n   */\n  renderPopup?: (args: {\n    visible: boolean;\n    onClose: () => void;\n    title?: React.ReactNode;\n    children: React.ReactNode;\n  }) => React.ReactNode;\n  /** Title for the popup header. The wrapper passes the field's label. */\n  popupTitle?: React.ReactNode;\n  /**\n   * Which way the reader reads, from the wrapper's `useLanguage().isRTL`.\n   *\n   * ⛔ NOT `I18nManager.isRTL`. That is the PROCESS layout direction, which a\n   * consumer can force at boot and which does not change when the reader\n   * switches language. The filter field follows the interface language, like\n   * every other input in this library.\n   */\n  isRTL?: boolean;\n  /**\n   * Font family the consuming app's theme names for body text, resolved by the\n   * KitsConcerto wrapper with `useThemedFont('body')`.\n   *\n   * ⛔ React Native does NOT cascade `fontFamily` through View parents, so\n   * every text sink has to set it. The panel's rows and its search field set\n   * none, which is why an app that swaps in its own face — AlphaMatch loads\n   * Noto Kufi Arabic for its Arabic readers — saw that face everywhere except\n   * inside the picker.\n   */\n  fontFamily?: string;\n\n  itemTemplate?: (item: T) => React.ReactNode;\n  /**\n   * R51 — lay the options out as a grid instead of a list. @default \"list\"\n   *\n   * ⚠️ GRID AND OPTION GROUPS DO NOT COMBINE. A group header is a full-width\n   * sentence and a grid has no full-width cell, so a grouped list stays a\n   * list even when this says grid; `optionGroupLabel` wins.\n   */\n  panelLayout?: \"list\" | \"grid\";\n  /** Columns when `panelLayout` is \"grid\". Clamped 2–10 by the caller. */\n  panelColumns?: number;\n  valueTemplate?: (value: T | null) => React.ReactNode;\n  panelFooterTemplate?: () => React.ReactNode;\n\n  optionGroupLabel?: string;\n  optionGroupChildren?: string;\n  optionGroupTemplate?: (group: any) => React.ReactNode;\n\n  virtualScrollerOptions?: VirtualScrollerOptions;\n\n  invalid?: boolean;\n  testID?: string;\n  style?: import('react-native').ViewStyle;\n}\n\n/* ---------------------------------------------\n Helpers\n---------------------------------------------- */\n\nconst getLabel = (item: any, optionLabel?: string) => {\n  if (!item) return \"\";\n  if (!optionLabel) return String(item);\n  return String(item[optionLabel]);\n};\n\nconst getValue = (item: any, optionValue?: string) => {\n  if (!item) return null;\n  if (!optionValue) return item;\n  return item[optionValue];\n};\n\nconst t = resolveThemeTokenForNative;\n\n/**\n * Option-row text size, taken from the theme's own scale rather than picked.\n *\n * The rows used to set no `fontSize` at all, so they fell through to React\n * Native's default of 14 — which happens to equal the scale's `sm` step, by\n * coincidence rather than intent. `md` is the scale's body size and one step\n * up. `$fontSizes.md` resolves to '1rem' and `toNativeValue` turns that into\n * 16; the `?? 16` is the same number spelled out, for the case where a\n * consumer's theme does not declare the step.\n */\nconst optionFontSize = (): number => {\n  const resolved = toNativeValue(resolveThemeTokenForNative('$fontSizes.md'));\n  return typeof resolved === 'number' ? resolved : 16;\n};\n\nconst TEXT_STYLE_KEYS = new Set([\n  'fontSize', 'fontFamily', 'fontWeight', 'fontStyle',\n  'color', 'letterSpacing', 'lineHeight', 'textAlign',\n  'textDecorationLine', 'textTransform',\n]);\n\nfunction splitStyle(combined?: any): { viewStyle?: any; textStyle?: any } {\n  if (!combined) return {};\n  const view: Record<string, any> = {};\n  const text: Record<string, any> = {};\n  for (const [k, v] of Object.entries(combined)) {\n    if (TEXT_STYLE_KEYS.has(k)) text[k] = v;\n    else view[k] = v;\n  }\n  return {\n    viewStyle: Object.keys(view).length ? view : undefined,\n    textStyle: Object.keys(text).length ? text : undefined,\n  };\n}\n\n/* ---------------------------------------------\n Component\n---------------------------------------------- */\n\nexport default function Dropdown<T = any>({\n                                    value,\n                                    options = [],\n                                    onChange,\n\n                                    optionLabel,\n                                    optionValue,\n\n                                    placeholder,\n                                    disabled,\n                                    editable,\n                                    isModal = false,\n\n                                    checkmark,\n                                    highlightOnSelect = true,\n\n                                    filter,\n                                    filterBy,\n                                    // ⚠️ THESE TWO ENGLISH LITERALS ARE A LAST RESORT, NOT A\n                                    // TRANSLATION. The KitsConcerto wrapper always passes the\n                                    // reader's own sentence; these only apply when this component\n                                    // is used directly from `apps/mobile`, and they exist so a\n                                    // panel can never render a blank search box or an empty\n                                    // \"no results\" line. Recorded as English fallbacks.\n                                    emptyFilterMessage = 'No results found',\n                                    filterPlaceholder = 'Search...',\n                                    isRTL = false,\n                                    fontFamily,\n                                    popup = false,\n                                    renderPopup,\n                                    popupTitle,\n\n                                    itemTemplate,\n                                    panelLayout,\n                                    panelColumns,\n                                    valueTemplate,\n                                    panelFooterTemplate,\n\n                                    optionGroupLabel,\n                                    optionGroupChildren,\n                                    optionGroupTemplate,\n\n                                    virtualScrollerOptions,\n\n                                    invalid,\n                                    testID,\n                                    style: externalStyle,\n                                  }: DropdownProps<T>) {\n  const inputRef = useRef<any>(null);\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [inputText, setInputText] = useState(\"\");\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n  const insets = useSafeAreaInsets();\n  const keyboardHeight = useKeyboardHeight();\n  /* Physical edges to write so the content lands where the reader starts. */\n  const edge = readerEdge(isRTL);\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderInvalid: t('danger') || t('red.500'),\n    bg: t('surface-card') || '#fff',\n    text: t('text') || t('gray.800'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    optionSelected: t('highlight-bg') || t('gray.100'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    filterBorder: t('border') || t('gray.200'),\n    filterBg: t('surface-ground') || t('gray.50'),\n    filterText: t('text') || t('gray.800'),\n    emptyText: t('text-secondary') || t('gray.400'),\n    primary: t('primary'),\n  };\n\n  /* ---------------------------------------------\n   Derived\n  ---------------------------------------------- */\n\n  const selectedItem = useMemo(() => {\n    if (value == null) return null;\n    // Search through group children when grouped\n    if (optionGroupChildren) {\n      for (const group of options as any[]) {\n        const children = group[optionGroupChildren];\n        if (Array.isArray(children)) {\n          const found = children.find((c: any) => getValue(c, optionValue) === value);\n          if (found) return found;\n        }\n      }\n      return null;\n    }\n    return options.find(\n      (o) => getValue(o, optionValue) === value\n    ) ?? null;\n  }, [value, options, optionValue, optionGroupChildren]);\n\n  /* ---------------------------------------------\n   Open / Close\n  ---------------------------------------------- */\n\n  const toggle = () => {\n    if (disabled) return;\n    Keyboard.dismiss();\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    setFilterQuery(\"\");\n    // Measure trigger position in window so the popover can be rendered\n    // inside a Modal (escaping any parent ScrollView) at the correct anchor.\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const close = () => setOpen(false);\n\n  /* ---------------------------------------------\n   Selection\n  ---------------------------------------------- */\n\n  const selectItem = (item: T) => {\n    const newValue = getValue(item, optionValue);\n\n    if (!onChange) return;\n\n    const syntheticEvent = {\n      target: {\n        value: newValue,\n      },\n    } as React.ChangeEvent<any>;\n\n    onChange(syntheticEvent, item);\n\n    setOpen(false);\n  };\n\n  /* ---------------------------------------------\n   Render item\n  ---------------------------------------------- */\n\n  /*\n   * ⛔ ONE PLACE DECIDES THE COLUMN COUNT, because it is also the row stride\n   * the web side's keyboard uses and the number the FlatList is keyed on. A\n   * grouped list is never a grid: a group header is a full-width sentence\n   * and a grid has no full-width cell.\n   */\n  const gridColumns = React.useMemo(() => {\n    if (panelLayout !== \"grid\" || optionGroupLabel) return 1;\n    const n = typeof panelColumns === \"number\" && Number.isFinite(panelColumns)\n      ? Math.round(panelColumns)\n      : 4;\n    return Math.max(2, Math.min(10, n));\n  }, [panelLayout, panelColumns, optionGroupLabel]);\n\n  const renderItem = useCallback(\n    (item: any, index: number) => {\n      if (!item) {\n        return null;\n      }\n\n      // Group header\n      if (item.__group) {\n        return (\n          <Text key={`group-${index}`} style={[styles.groupLabel, { backgroundColor: colors.groupBg }]}>\n            {optionGroupLabel ? item.group?.[optionGroupLabel] : \"\"}\n          </Text>\n        );\n      }\n\n      const selected =\n        value != null &&\n        getValue(item, optionValue) === value;\n\n      let content: React.ReactElement;\n\n      if (itemTemplate) {\n        const rendered = itemTemplate(item);\n\n        content = React.isValidElement(rendered) ? (\n          rendered\n        ) : (\n          <Text>{String(rendered ?? \"\")}</Text>\n        );\n      } else {\n        content = (\n          <Text style={[\n            {\n              color: colors.text,\n              fontSize: optionFontSize(),\n              fontFamily,\n            },\n            /* The row starts at the reader's edge, and `writingDirection`\n               orders the glyphs inside it — which is what puts a leading flag\n               at the end an Arabic reader starts from.\n               ⛔ The physical edge is COMPUTED, never named directly: React\n               Native mirrors `textAlign` when the process is RTL, so naming\n               the RTL edge for an RTL reader lands on the LTR one. See\n               `readerEdge` for the measurements. */\n            styles.optionLabelFill,\n            {\n                textAlign: edge.textAlign,\n                writingDirection: isRTL ? ('rtl' as const) : ('ltr' as const),\n            },\n          ]}>\n            {getLabel(item, optionLabel)}\n          </Text>\n        );\n      }\n\n      return (\n        <Pressable\n          key={`item-${index}`}\n          onPress={() => selectItem(item)}\n          style={[\n            styles.option,\n            /* ⛔ IN A GRID EVERY CELL TAKES AN EQUAL SHARE, or the last row's\n               one or two items stretch across the whole sheet. `flex: 1` is\n               what makes `numColumns` produce columns of the same width; the\n               tile also centres, because a glyph sits over its caption\n               rather than beside it. R51. */\n            gridColumns > 1 && {\n              flex: 1,\n              minWidth: 0,\n              flexDirection: \"column\" as const,\n              alignItems: \"center\" as const,\n              justifyContent: \"center\" as const,\n              gap: 4,\n            },\n            /* Same rule for the row itself, so the checkmark sits at the end\n               the reader finishes on rather than the one the process picks.\n               ⛔ REVERSING THE ROW IS NOT WHAT MOVES THE LABEL. The comment that\n               stood here said it was, and the measurement says otherwise: a\n               shrink-wrapped Text ignores `textAlign` whichever way the row\n               runs, so `flex: 1` on the label is what gives the alignment\n               somewhere to push to. The row's direction decides only which end\n               the checkmark takes.\n               ⛔ And it said the process layout \"stays LTR\". It does not — the\n               App calls `I18nManager.forceRTL`, which mirrors both `textAlign`\n               and `flexDirection: 'row'`. Writing the RTL edge for an RTL\n               reader therefore asked for it twice and landed on the LTR one,\n               which is the whole reported fault. See `readerEdge`. */\n            { flexDirection: edge.flexDirection },\n            selected && highlightOnSelect && { backgroundColor: colors.optionSelected },\n          ]}\n        >\n          {content}\n          {checkmark && selected && <Text>✓</Text>}\n        </Pressable>\n      );\n    },\n    [\n      value,\n      optionValue,\n      optionLabel,\n      itemTemplate,\n      optionGroupLabel,\n      checkmark,\n      highlightOnSelect,\n      /* ⛔ THE THIRD DISHONEST DEPENDENCY ARRAY IN THIS FAMILY. The body reads\n         these too, and a row memoised without them keeps whatever the first\n         render happened to hold — the reader's direction, the theme's face and\n         the resolved colours. Two frozen memos have already cost a release\n         each; this one is listed before it costs a third. */\n      isRTL,\n      edge.textAlign,\n      edge.flexDirection,\n      fontFamily,\n      colors.text,\n      colors.optionSelected,\n      colors.groupBg,\n      selectItem,\n    ]\n  );\n\n\n  /* ---------------------------------------------\n   Group flattening\n  ---------------------------------------------- */\n\n  const flatData = useMemo(() => {\n    if (!optionGroupLabel || !optionGroupChildren) {\n      return options;\n    }\n\n    const out: any[] = [];\n    options.forEach((g: any) => {\n      out.push({ __group: true, group: g });\n      g[optionGroupChildren]?.forEach((c: any) => out.push(c));\n    });\n    return out;\n  }, [options]);\n\n  /* ---------------------------------------------\n   Filter\n  ---------------------------------------------- */\n\n  const filteredData = useMemo(() => {\n    if (!filter || !filterQuery) return flatData;\n    const q = filterQuery.toLowerCase();\n    const key = filterBy || optionLabel;\n\n    return flatData.filter((entry: any) => {\n      // Keep group headers\n      if (entry.__group) return true;\n      const label = getLabel(entry, key);\n      return label.toLowerCase().includes(q);\n    });\n  }, [flatData, filter, filterQuery, filterBy, optionLabel]);\n\n  /* ---------------------------------------------\n   Display value\n  ---------------------------------------------- */\n\n  const displayValue = valueTemplate\n    ? valueTemplate(selectedItem)\n    : selectedItem\n      ? getLabel(selectedItem, optionLabel)\n      : \"\";\n\n  /* ---------------------------------------------\n   Panel body — the search field and the list\n  ---------------------------------------------- */\n\n  /*\n   * ⛔ ONE BODY, THREE CONTAINERS. The anchored panel and the centred modal\n   * each carried their own copy of this markup, which is why the hardcoded\n   * \"Search...\" had to be found and fixed twice. The popup would have made it\n   * three. The containers differ; what is inside them does not.\n   *\n   * `fill` is the one real difference. In the anchored panel the container has\n   * a `maxHeight` and no height, so the list must shrink-wrap its content up\n   * to that ceiling (`flexShrink`). In the popup and the centred modal the\n   * container has a real height, so the list takes what is left (`flex: 1`).\n   */\n  const panelBody = (fill: boolean, autoFocusFilter: boolean) => (\n    <>\n      {filter && (\n        <View style={[styles.filterContainer, { borderBottomColor: colors.filterBorder }]}>\n          <TextInput\n            value={filterQuery}\n            onChangeText={setFilterQuery}\n            placeholder={filterPlaceholder}\n            placeholderTextColor={colors.placeholder}\n            style={[styles.filterInput, {\n              borderColor: colors.filterBorder,\n              backgroundColor: colors.filterBg,\n              color: colors.filterText,\n              fontFamily,\n            },\n            // Every other input in this library names its own edge and\n            // direction from the reader's language. Leaving these unset let the\n            // platform decide, so the field followed the process layout\n            // direction instead of the person reading it.\n            isRTL ? styles.filterRtl : styles.filterLtr]}\n            /* ⛔ THE ANCHORED PANEL KEEPS ITS AUTOFOCUS — changing it would\n               change behaviour for every consumer that has not opted in. In\n               the popup the list is already the whole point and is fully\n               visible, so the keyboard waits to be asked for: one tap on the\n               field raises it, and until then the list has the whole sheet. */\n            autoFocus={autoFocusFilter}\n          />\n        </View>\n      )}\n      {/*\n        * ⛔ `numColumns` CANNOT CHANGE ON A LIVE FlatList — React Native\n        * throws \"Changing numColumns on the fly is not supported\". The key\n        * carries the column count so a change REMOUNTS the list instead of\n        * crashing the screen.\n        *\n        * ⛔ AND A GROUPED LIST IS NEVER A GRID. A group header is a\n        * full-width sentence; a grid has no full-width cell, so it would be\n        * squeezed into one column and read as an option. Groups win.\n        */}\n      <FlatList\n        key={`kits-dd-${gridColumns}`}\n        numColumns={gridColumns}\n        columnWrapperStyle={gridColumns > 1 ? styles.gridRow : undefined}\n        style={fill ? styles.listFill : styles.listShrink}\n        contentContainerStyle={styles.listContent}\n        data={filteredData}\n        keyExtractor={(item: any, i: number) =>\n          item?.__group ? `group-${i}` : `item-${i}`\n        }\n        renderItem={({ item, index }) => renderItem(item, index)}\n        keyboardShouldPersistTaps=\"handled\"\n        showsHorizontalScrollIndicator={false}\n        ListEmptyComponent={\n          filterQuery ? (\n            <View style={styles.emptyContainer}>\n              <Text style={[styles.emptyText, { color: colors.emptyText, fontFamily }]}>{emptyFilterMessage}</Text>\n            </View>\n          ) : null\n        }\n      />\n      {panelFooterTemplate?.()}\n    </>\n  );\n\n  /* ---------------------------------------------\n   Render\n  ---------------------------------------------- */\n\n  const usePopup = popup && typeof renderPopup === 'function';\n\n  return (\n    <View style={styles.container} testID={testID}>\n      <Pressable\n        ref={triggerRef as any}\n        style={[\n          styles.control,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          invalid && { borderColor: colors.borderInvalid },\n          disabled && styles.disabled,\n          externalViewStyle,\n        ]}\n        onPress={toggle}\n      >\n        {editable ? (\n          <Input style={styles.input}>\n            <InputField\n              ref={inputRef}\n              value={inputText}\n              onChangeText={setInputText}\n              placeholder={placeholder}\n              editable={!disabled}\n            />\n          </Input>\n        ) : (\n          <Text\n            numberOfLines={1}\n            style={[\n              // Fill the trigger row and left-align the value/placeholder so it\n              // doesn't read as centred (the row is justify=space-between, so the\n              // arrow stays pinned right).\n              { flex: 1, textAlign: \"left\" as const },\n              displayValue ? { color: colors.text } : { color: colors.placeholder },\n              externalTextStyle,\n              !displayValue && { color: colors.placeholder },\n            ]}>\n            {displayValue || placeholder}\n          </Text>\n        )}\n\n        <Text style={[{ color: colors.text }, externalTextStyle]}>▾</Text>\n      </Pressable>\n\n      {!usePopup && !isModal && (\n        <Modal\n          visible={open && !!triggerLayout}\n          transparent\n          animationType=\"none\"\n          onRequestClose={close}\n        >\n          <Pressable style={styles.popoverOverlay} onPress={close}>\n            {triggerLayout && (() => {\n              const screen = Dimensions.get('window');\n              const { top, maxHeight } = computePanelGeometry({\n                screenHeight: screen.height,\n                insetTop: insets.top,\n                insetBottom: insets.bottom,\n                keyboardHeight,\n                triggerY: triggerLayout.y,\n                triggerHeight: triggerLayout.height,\n              });\n\n              return (\n                <View\n                  style={[\n                    styles.popoverPanel,\n                    {\n                      top,\n                      left: triggerLayout.x,\n                      width: triggerLayout.width,\n                      maxHeight,\n                      borderColor: colors.border,\n                      backgroundColor: colors.bg,\n                    },\n                  ]}\n                  onStartShouldSetResponder={() => true}\n                >\n                  {panelBody(false, true)}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n\n      {!usePopup && isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.modalOverlay} onPress={close}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {panelBody(true, true)}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n\n      {/* Popup — the container comes from the wrapper (this library's own\n          Dialog in sheet position); everything inside it is the same body the\n          other two containers render. */}\n      {usePopup && renderPopup!({\n        visible: open,\n        onClose: close,\n        title: popupTitle,\n        children: panelBody(true, false),\n      })}\n\n    </View>\n  );\n}\n\n/* ---------------------------------------------\n Styles (layout only — colors applied inline via theme tokens)\n---------------------------------------------- */\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n    position: \"relative\" as const,\n  },\n  control: {\n    flexDirection: \"row\" as const,\n    alignItems: \"center\" as const,\n    justifyContent: \"space-between\" as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  /* The label takes the row's spare width so `textAlign` has somewhere to\n     push to. Without it the Text shrink-wraps its glyphs and the alignment\n     has no effect — the first attempt at this fix set only `textAlign` and\n     changed nothing on screen. */\n  optionLabelFill: {\n    flex: 1,\n  },\n  option: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    flexDirection: \"row\" as const,\n    justifyContent: \"space-between\" as const,\n    alignItems: \"center\" as const,\n  },\n  groupLabel: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    fontWeight: \"600\" as const,\n  },\n  input: {\n    flex: 1,\n  },\n  panel: {\n    position: \"absolute\" as const,\n    top: \"100%\",\n    left: 0,\n    right: 0,\n    marginTop: 4,\n    borderWidth: 1,\n    borderRadius: 6,\n    maxHeight: 260,\n    overflow: \"hidden\" as const,\n    zIndex: 9999,\n  },\n  filterContainer: {\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderBottomWidth: 1,\n  },\n  listFill: {\n    flex: 1,\n  },\n  // The anchored panel is sized by `maxHeight` with no height, so the list has\n  // to grow with its content up to that ceiling and then scroll inside it.\n  // `flex: 1` sets flexBasis 0, which contributes nothing to a shrink-wrapping\n  // parent.\n  listShrink: {\n    flexGrow: 0,\n    flexShrink: 1,\n  },\n  /* R51 — one grid row. `gap` spaces the cells; each cell takes an equal\n     share through `flex: 1` on the item wrapper below. */\n  gridRow: {\n    gap: 4,\n    paddingHorizontal: 4,\n  },\n  listContent: {\n    paddingBottom: 12,\n  },\n  filterInput: {\n    fontSize: 14,\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderWidth: 1,\n    borderRadius: 4,\n  },\n  filterLtr: {\n    textAlign: 'left' as const,\n    writingDirection: 'ltr' as const,\n  },\n  filterRtl: {\n    textAlign: 'right' as const,\n    writingDirection: 'rtl' as const,\n  },\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center' as const,\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute' as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden' as const,\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n  modalOverlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center' as const,\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden' as const,\n  },\n});\n"],"names":["resolveThemeTokenForNative","toNativeValue","useRef","useState","useSafeAreaInsets","useKeyboardHeight","readerEdge","useMemo","Keyboard","useCallback","jsx","Text","jsxs","Pressable","Fragment","View","TextInput","FlatList","Input","InputField","Modal","Dimensions","computePanelGeometry","StyleSheet"],"mappings":"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"}

package/apps/mobile/src/Core/Dropdown/index.js

@@ -153,6 +153,8 @@ function Dropdown({
   renderPopup,
   popupTitle,
   itemTemplate,
+  panelLayout,
+  panelColumns,
   valueTemplate,
   panelFooterTemplate,
   optionGroupLabel,
@@ -228,6 +230,11 @@ function Dropdown({
     onChange(syntheticEvent, item);
     setOpen(false);
   };
+  const gridColumns = React.useMemo(() => {
+    if (panelLayout !== "grid" || optionGroupLabel) return 1;
+    const n = typeof panelColumns === "number" && Number.isFinite(panelColumns) ? Math.round(panelColumns) : 4;
+    return Math.max(2, Math.min(10, n));
+  }, [panelLayout, panelColumns, optionGroupLabel]);
   const renderItem = useCallback(
     (item, index) => {
       if (!item) {
@@ -268,6 +275,19 @@ function Dropdown({
           onPress: () => selectItem(item),
           style: [
             styles.option,
+            /* ⛔ IN A GRID EVERY CELL TAKES AN EQUAL SHARE, or the last row's
+               one or two items stretch across the whole sheet. `flex: 1` is
+               what makes `numColumns` produce columns of the same width; the
+               tile also centres, because a glyph sits over its caption
+               rather than beside it. R51. */
+            gridColumns > 1 && {
+              flex: 1,
+              minWidth: 0,
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: 4
+            },
             /* Same rule for the row itself, so the checkmark sits at the end
                the reader finishes on rather than the one the process picks.
                ⛔ REVERSING THE ROW IS NOT WHAT MOVES THE LABEL. The comment that
@@ -365,6 +385,8 @@ function Dropdown({
     /* @__PURE__ */ jsx(
       FlatList,
       {
+        numColumns: gridColumns,
+        columnWrapperStyle: gridColumns > 1 ? styles.gridRow : void 0,
         style: fill ? styles.listFill : styles.listShrink,
         contentContainerStyle: styles.listContent,
         data: filteredData,
@@ -373,7 +395,8 @@ function Dropdown({
         keyboardShouldPersistTaps: "handled",
         showsHorizontalScrollIndicator: false,
         ListEmptyComponent: filterQuery ? /* @__PURE__ */ jsx(View, { style: styles.emptyContainer, children: /* @__PURE__ */ jsx(Text, { style: [styles.emptyText, { color: colors.emptyText, fontFamily }], children: emptyFilterMessage }) }) : null
-      }
+      },
+      `kits-dd-${gridColumns}`
     ),
     panelFooterTemplate?.()
   ] });
@@ -542,6 +565,12 @@ const styles = StyleSheet.create({
     flexGrow: 0,
     flexShrink: 1
   },
+  /* R51 — one grid row. `gap` spaces the cells; each cell takes an equal
+     share through `flex: 1` on the item wrapper below. */
+  gridRow: {
+    gap: 4,
+    paddingHorizontal: 4
+  },
   listContent: {
     paddingBottom: 12
   },

package/apps/mobile/src/Core/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/Dropdown/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport {\n  Dimensions,\n  FlatList,\n  Keyboard,\n  Modal,\n  Pressable,\n  ScrollView,\n  TouchableOpacity,\n  View,\n  StyleSheet, Text, TextInput\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { Input, InputField, type VirtualScrollerOptions } from \"../../\";\nimport { resolveThemeTokenForNative, toNativeValue } from '../../Factory/helpers/style';\nimport { useKeyboardHeight } from '../../Factory/helpers/useKeyboardHeight';\nimport { readerEdge } from '../../Factory/helpers/readerEdge';\nimport { computePanelGeometry } from './panelGeometry';\n\n/* ---------------------------------------------\n Types (PrimeReact-compatible)\n---------------------------------------------- */\n\nexport interface DropdownChangeEvent<T = any> {\n  originalEvent?: any;\n  value: T | null;\n}\n\n\nexport interface DropdownProps<T = any> {\n  value?: T | null;\n  options?: T[];\n\n  onChange?: (e: ChangeEvent<T>, item:any) => void;\n\n  optionLabel?: string;\n  optionValue?: string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  editable?: boolean;\n  loading?: boolean;\n  showClear?: boolean;\n  isModal?: boolean;\n\n  checkmark?: boolean;\n  highlightOnSelect?: boolean;\n\n  filter?: boolean;\n  filterBy?: string;\n  emptyFilterMessage?: string;\n  /**\n   * Placeholder for the panel's filter field.\n   *\n   * ⛔ THIS COMPONENT CANNOT TRANSLATE. It lives in `apps/mobile`, which\n   * `packages/ui` imports — the reverse import would be a cycle between the two\n   * workspaces. So the sentence is resolved by the KitsConcerto wrapper, which\n   * has `useLanguage()`, and arrives here already written, exactly as\n   * `emptyFilterMessage` does.\n   */\n  filterPlaceholder?: string;\n  /**\n   * Open the options in a popup that owns the screen instead of a panel\n   * anchored to the trigger.\n   *\n   * ⛔ THE ANCHOR IS THE PROBLEM THIS ESCAPES. An anchored panel can never be\n   * taller than the gap between the trigger and the keyboard, and a field in\n   * the middle of a form has ~190pt of gap on a 874pt phone — a search box and\n   * four rows. Sizing that gap correctly does not make it big. The popup takes\n   * a fixed share of the window instead, so where the field sits stops\n   * mattering.\n   *\n   * Default false: every existing consumer keeps the anchored panel.\n   */\n  popup?: boolean;\n  /**\n   * Supplies the popup's container. Injected by the KitsConcerto wrapper\n   * because the container is this library's `KitsDialogControlled`, which\n   * lives in `packages/ui` — and `packages/ui` imports THIS file, so importing\n   * it back would be a cycle between the two workspaces.\n   *\n   * Without it `popup` falls back to the anchored panel rather than rendering\n   * nothing.\n   */\n  renderPopup?: (args: {\n    visible: boolean;\n    onClose: () => void;\n    title?: React.ReactNode;\n    children: React.ReactNode;\n  }) => React.ReactNode;\n  /** Title for the popup header. The wrapper passes the field's label. */\n  popupTitle?: React.ReactNode;\n  /**\n   * Which way the reader reads, from the wrapper's `useLanguage().isRTL`.\n   *\n   * ⛔ NOT `I18nManager.isRTL`. That is the PROCESS layout direction, which a\n   * consumer can force at boot and which does not change when the reader\n   * switches language. The filter field follows the interface language, like\n   * every other input in this library.\n   */\n  isRTL?: boolean;\n  /**\n   * Font family the consuming app's theme names for body text, resolved by the\n   * KitsConcerto wrapper with `useThemedFont('body')`.\n   *\n   * ⛔ React Native does NOT cascade `fontFamily` through View parents, so\n   * every text sink has to set it. The panel's rows and its search field set\n   * none, which is why an app that swaps in its own face — AlphaMatch loads\n   * Noto Kufi Arabic for its Arabic readers — saw that face everywhere except\n   * inside the picker.\n   */\n  fontFamily?: string;\n\n  itemTemplate?: (item: T) => React.ReactNode;\n  valueTemplate?: (value: T | null) => React.ReactNode;\n  panelFooterTemplate?: () => React.ReactNode;\n\n  optionGroupLabel?: string;\n  optionGroupChildren?: string;\n  optionGroupTemplate?: (group: any) => React.ReactNode;\n\n  virtualScrollerOptions?: VirtualScrollerOptions;\n\n  invalid?: boolean;\n  testID?: string;\n  style?: import('react-native').ViewStyle;\n}\n\n/* ---------------------------------------------\n Helpers\n---------------------------------------------- */\n\nconst getLabel = (item: any, optionLabel?: string) => {\n  if (!item) return \"\";\n  if (!optionLabel) return String(item);\n  return String(item[optionLabel]);\n};\n\nconst getValue = (item: any, optionValue?: string) => {\n  if (!item) return null;\n  if (!optionValue) return item;\n  return item[optionValue];\n};\n\nconst t = resolveThemeTokenForNative;\n\n/**\n * Option-row text size, taken from the theme's own scale rather than picked.\n *\n * The rows used to set no `fontSize` at all, so they fell through to React\n * Native's default of 14 — which happens to equal the scale's `sm` step, by\n * coincidence rather than intent. `md` is the scale's body size and one step\n * up. `$fontSizes.md` resolves to '1rem' and `toNativeValue` turns that into\n * 16; the `?? 16` is the same number spelled out, for the case where a\n * consumer's theme does not declare the step.\n */\nconst optionFontSize = (): number => {\n  const resolved = toNativeValue(resolveThemeTokenForNative('$fontSizes.md'));\n  return typeof resolved === 'number' ? resolved : 16;\n};\n\nconst TEXT_STYLE_KEYS = new Set([\n  'fontSize', 'fontFamily', 'fontWeight', 'fontStyle',\n  'color', 'letterSpacing', 'lineHeight', 'textAlign',\n  'textDecorationLine', 'textTransform',\n]);\n\nfunction splitStyle(combined?: any): { viewStyle?: any; textStyle?: any } {\n  if (!combined) return {};\n  const view: Record<string, any> = {};\n  const text: Record<string, any> = {};\n  for (const [k, v] of Object.entries(combined)) {\n    if (TEXT_STYLE_KEYS.has(k)) text[k] = v;\n    else view[k] = v;\n  }\n  return {\n    viewStyle: Object.keys(view).length ? view : undefined,\n    textStyle: Object.keys(text).length ? text : undefined,\n  };\n}\n\n/* ---------------------------------------------\n Component\n---------------------------------------------- */\n\nexport default function Dropdown<T = any>({\n                                    value,\n                                    options = [],\n                                    onChange,\n\n                                    optionLabel,\n                                    optionValue,\n\n                                    placeholder,\n                                    disabled,\n                                    editable,\n                                    isModal = false,\n\n                                    checkmark,\n                                    highlightOnSelect = true,\n\n                                    filter,\n                                    filterBy,\n                                    // ⚠️ THESE TWO ENGLISH LITERALS ARE A LAST RESORT, NOT A\n                                    // TRANSLATION. The KitsConcerto wrapper always passes the\n                                    // reader's own sentence; these only apply when this component\n                                    // is used directly from `apps/mobile`, and they exist so a\n                                    // panel can never render a blank search box or an empty\n                                    // \"no results\" line. Recorded as English fallbacks.\n                                    emptyFilterMessage = 'No results found',\n                                    filterPlaceholder = 'Search...',\n                                    isRTL = false,\n                                    fontFamily,\n                                    popup = false,\n                                    renderPopup,\n                                    popupTitle,\n\n                                    itemTemplate,\n                                    valueTemplate,\n                                    panelFooterTemplate,\n\n                                    optionGroupLabel,\n                                    optionGroupChildren,\n                                    optionGroupTemplate,\n\n                                    virtualScrollerOptions,\n\n                                    invalid,\n                                    testID,\n                                    style: externalStyle,\n                                  }: DropdownProps<T>) {\n  const inputRef = useRef<any>(null);\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [inputText, setInputText] = useState(\"\");\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n  const insets = useSafeAreaInsets();\n  const keyboardHeight = useKeyboardHeight();\n  /* Physical edges to write so the content lands where the reader starts. */\n  const edge = readerEdge(isRTL);\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderInvalid: t('danger') || t('red.500'),\n    bg: t('surface-card') || '#fff',\n    text: t('text') || t('gray.800'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    optionSelected: t('highlight-bg') || t('gray.100'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    filterBorder: t('border') || t('gray.200'),\n    filterBg: t('surface-ground') || t('gray.50'),\n    filterText: t('text') || t('gray.800'),\n    emptyText: t('text-secondary') || t('gray.400'),\n    primary: t('primary'),\n  };\n\n  /* ---------------------------------------------\n   Derived\n  ---------------------------------------------- */\n\n  const selectedItem = useMemo(() => {\n    if (value == null) return null;\n    // Search through group children when grouped\n    if (optionGroupChildren) {\n      for (const group of options as any[]) {\n        const children = group[optionGroupChildren];\n        if (Array.isArray(children)) {\n          const found = children.find((c: any) => getValue(c, optionValue) === value);\n          if (found) return found;\n        }\n      }\n      return null;\n    }\n    return options.find(\n      (o) => getValue(o, optionValue) === value\n    ) ?? null;\n  }, [value, options, optionValue, optionGroupChildren]);\n\n  /* ---------------------------------------------\n   Open / Close\n  ---------------------------------------------- */\n\n  const toggle = () => {\n    if (disabled) return;\n    Keyboard.dismiss();\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    setFilterQuery(\"\");\n    // Measure trigger position in window so the popover can be rendered\n    // inside a Modal (escaping any parent ScrollView) at the correct anchor.\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const close = () => setOpen(false);\n\n  /* ---------------------------------------------\n   Selection\n  ---------------------------------------------- */\n\n  const selectItem = (item: T) => {\n    const newValue = getValue(item, optionValue);\n\n    if (!onChange) return;\n\n    const syntheticEvent = {\n      target: {\n        value: newValue,\n      },\n    } as React.ChangeEvent<any>;\n\n    onChange(syntheticEvent, item);\n\n    setOpen(false);\n  };\n\n  /* ---------------------------------------------\n   Render item\n  ---------------------------------------------- */\n\n  const renderItem = useCallback(\n    (item: any, index: number) => {\n      if (!item) {\n        return null;\n      }\n\n      // Group header\n      if (item.__group) {\n        return (\n          <Text key={`group-${index}`} style={[styles.groupLabel, { backgroundColor: colors.groupBg }]}>\n            {optionGroupLabel ? item.group?.[optionGroupLabel] : \"\"}\n          </Text>\n        );\n      }\n\n      const selected =\n        value != null &&\n        getValue(item, optionValue) === value;\n\n      let content: React.ReactElement;\n\n      if (itemTemplate) {\n        const rendered = itemTemplate(item);\n\n        content = React.isValidElement(rendered) ? (\n          rendered\n        ) : (\n          <Text>{String(rendered ?? \"\")}</Text>\n        );\n      } else {\n        content = (\n          <Text style={[\n            {\n              color: colors.text,\n              fontSize: optionFontSize(),\n              fontFamily,\n            },\n            /* The row starts at the reader's edge, and `writingDirection`\n               orders the glyphs inside it — which is what puts a leading flag\n               at the end an Arabic reader starts from.\n               ⛔ The physical edge is COMPUTED, never named directly: React\n               Native mirrors `textAlign` when the process is RTL, so naming\n               the RTL edge for an RTL reader lands on the LTR one. See\n               `readerEdge` for the measurements. */\n            styles.optionLabelFill,\n            {\n                textAlign: edge.textAlign,\n                writingDirection: isRTL ? ('rtl' as const) : ('ltr' as const),\n            },\n          ]}>\n            {getLabel(item, optionLabel)}\n          </Text>\n        );\n      }\n\n      return (\n        <Pressable\n          key={`item-${index}`}\n          onPress={() => selectItem(item)}\n          style={[\n            styles.option,\n            /* Same rule for the row itself, so the checkmark sits at the end\n               the reader finishes on rather than the one the process picks.\n               ⛔ REVERSING THE ROW IS NOT WHAT MOVES THE LABEL. The comment that\n               stood here said it was, and the measurement says otherwise: a\n               shrink-wrapped Text ignores `textAlign` whichever way the row\n               runs, so `flex: 1` on the label is what gives the alignment\n               somewhere to push to. The row's direction decides only which end\n               the checkmark takes.\n               ⛔ And it said the process layout \"stays LTR\". It does not — the\n               App calls `I18nManager.forceRTL`, which mirrors both `textAlign`\n               and `flexDirection: 'row'`. Writing the RTL edge for an RTL\n               reader therefore asked for it twice and landed on the LTR one,\n               which is the whole reported fault. See `readerEdge`. */\n            { flexDirection: edge.flexDirection },\n            selected && highlightOnSelect && { backgroundColor: colors.optionSelected },\n          ]}\n        >\n          {content}\n          {checkmark && selected && <Text>✓</Text>}\n        </Pressable>\n      );\n    },\n    [\n      value,\n      optionValue,\n      optionLabel,\n      itemTemplate,\n      optionGroupLabel,\n      checkmark,\n      highlightOnSelect,\n      /* ⛔ THE THIRD DISHONEST DEPENDENCY ARRAY IN THIS FAMILY. The body reads\n         these too, and a row memoised without them keeps whatever the first\n         render happened to hold — the reader's direction, the theme's face and\n         the resolved colours. Two frozen memos have already cost a release\n         each; this one is listed before it costs a third. */\n      isRTL,\n      edge.textAlign,\n      edge.flexDirection,\n      fontFamily,\n      colors.text,\n      colors.optionSelected,\n      colors.groupBg,\n      selectItem,\n    ]\n  );\n\n\n  /* ---------------------------------------------\n   Group flattening\n  ---------------------------------------------- */\n\n  const flatData = useMemo(() => {\n    if (!optionGroupLabel || !optionGroupChildren) {\n      return options;\n    }\n\n    const out: any[] = [];\n    options.forEach((g: any) => {\n      out.push({ __group: true, group: g });\n      g[optionGroupChildren]?.forEach((c: any) => out.push(c));\n    });\n    return out;\n  }, [options]);\n\n  /* ---------------------------------------------\n   Filter\n  ---------------------------------------------- */\n\n  const filteredData = useMemo(() => {\n    if (!filter || !filterQuery) return flatData;\n    const q = filterQuery.toLowerCase();\n    const key = filterBy || optionLabel;\n\n    return flatData.filter((entry: any) => {\n      // Keep group headers\n      if (entry.__group) return true;\n      const label = getLabel(entry, key);\n      return label.toLowerCase().includes(q);\n    });\n  }, [flatData, filter, filterQuery, filterBy, optionLabel]);\n\n  /* ---------------------------------------------\n   Display value\n  ---------------------------------------------- */\n\n  const displayValue = valueTemplate\n    ? valueTemplate(selectedItem)\n    : selectedItem\n      ? getLabel(selectedItem, optionLabel)\n      : \"\";\n\n  /* ---------------------------------------------\n   Panel body — the search field and the list\n  ---------------------------------------------- */\n\n  /*\n   * ⛔ ONE BODY, THREE CONTAINERS. The anchored panel and the centred modal\n   * each carried their own copy of this markup, which is why the hardcoded\n   * \"Search...\" had to be found and fixed twice. The popup would have made it\n   * three. The containers differ; what is inside them does not.\n   *\n   * `fill` is the one real difference. In the anchored panel the container has\n   * a `maxHeight` and no height, so the list must shrink-wrap its content up\n   * to that ceiling (`flexShrink`). In the popup and the centred modal the\n   * container has a real height, so the list takes what is left (`flex: 1`).\n   */\n  const panelBody = (fill: boolean, autoFocusFilter: boolean) => (\n    <>\n      {filter && (\n        <View style={[styles.filterContainer, { borderBottomColor: colors.filterBorder }]}>\n          <TextInput\n            value={filterQuery}\n            onChangeText={setFilterQuery}\n            placeholder={filterPlaceholder}\n            placeholderTextColor={colors.placeholder}\n            style={[styles.filterInput, {\n              borderColor: colors.filterBorder,\n              backgroundColor: colors.filterBg,\n              color: colors.filterText,\n              fontFamily,\n            },\n            // Every other input in this library names its own edge and\n            // direction from the reader's language. Leaving these unset let the\n            // platform decide, so the field followed the process layout\n            // direction instead of the person reading it.\n            isRTL ? styles.filterRtl : styles.filterLtr]}\n            /* ⛔ THE ANCHORED PANEL KEEPS ITS AUTOFOCUS — changing it would\n               change behaviour for every consumer that has not opted in. In\n               the popup the list is already the whole point and is fully\n               visible, so the keyboard waits to be asked for: one tap on the\n               field raises it, and until then the list has the whole sheet. */\n            autoFocus={autoFocusFilter}\n          />\n        </View>\n      )}\n      <FlatList\n        style={fill ? styles.listFill : styles.listShrink}\n        contentContainerStyle={styles.listContent}\n        data={filteredData}\n        keyExtractor={(item: any, i: number) =>\n          item?.__group ? `group-${i}` : `item-${i}`\n        }\n        renderItem={({ item, index }) => renderItem(item, index)}\n        keyboardShouldPersistTaps=\"handled\"\n        showsHorizontalScrollIndicator={false}\n        ListEmptyComponent={\n          filterQuery ? (\n            <View style={styles.emptyContainer}>\n              <Text style={[styles.emptyText, { color: colors.emptyText, fontFamily }]}>{emptyFilterMessage}</Text>\n            </View>\n          ) : null\n        }\n      />\n      {panelFooterTemplate?.()}\n    </>\n  );\n\n  /* ---------------------------------------------\n   Render\n  ---------------------------------------------- */\n\n  const usePopup = popup && typeof renderPopup === 'function';\n\n  return (\n    <View style={styles.container} testID={testID}>\n      <Pressable\n        ref={triggerRef as any}\n        style={[\n          styles.control,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          invalid && { borderColor: colors.borderInvalid },\n          disabled && styles.disabled,\n          externalViewStyle,\n        ]}\n        onPress={toggle}\n      >\n        {editable ? (\n          <Input style={styles.input}>\n            <InputField\n              ref={inputRef}\n              value={inputText}\n              onChangeText={setInputText}\n              placeholder={placeholder}\n              editable={!disabled}\n            />\n          </Input>\n        ) : (\n          <Text\n            numberOfLines={1}\n            style={[\n              // Fill the trigger row and left-align the value/placeholder so it\n              // doesn't read as centred (the row is justify=space-between, so the\n              // arrow stays pinned right).\n              { flex: 1, textAlign: \"left\" as const },\n              displayValue ? { color: colors.text } : { color: colors.placeholder },\n              externalTextStyle,\n              !displayValue && { color: colors.placeholder },\n            ]}>\n            {displayValue || placeholder}\n          </Text>\n        )}\n\n        <Text style={[{ color: colors.text }, externalTextStyle]}>▾</Text>\n      </Pressable>\n\n      {!usePopup && !isModal && (\n        <Modal\n          visible={open && !!triggerLayout}\n          transparent\n          animationType=\"none\"\n          onRequestClose={close}\n        >\n          <Pressable style={styles.popoverOverlay} onPress={close}>\n            {triggerLayout && (() => {\n              const screen = Dimensions.get('window');\n              const { top, maxHeight } = computePanelGeometry({\n                screenHeight: screen.height,\n                insetTop: insets.top,\n                insetBottom: insets.bottom,\n                keyboardHeight,\n                triggerY: triggerLayout.y,\n                triggerHeight: triggerLayout.height,\n              });\n\n              return (\n                <View\n                  style={[\n                    styles.popoverPanel,\n                    {\n                      top,\n                      left: triggerLayout.x,\n                      width: triggerLayout.width,\n                      maxHeight,\n                      borderColor: colors.border,\n                      backgroundColor: colors.bg,\n                    },\n                  ]}\n                  onStartShouldSetResponder={() => true}\n                >\n                  {panelBody(false, true)}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n\n      {!usePopup && isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.modalOverlay} onPress={close}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {panelBody(true, true)}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n\n      {/* Popup — the container comes from the wrapper (this library's own\n          Dialog in sheet position); everything inside it is the same body the\n          other two containers render. */}\n      {usePopup && renderPopup!({\n        visible: open,\n        onClose: close,\n        title: popupTitle,\n        children: panelBody(true, false),\n      })}\n\n    </View>\n  );\n}\n\n/* ---------------------------------------------\n Styles (layout only — colors applied inline via theme tokens)\n---------------------------------------------- */\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n    position: \"relative\" as const,\n  },\n  control: {\n    flexDirection: \"row\" as const,\n    alignItems: \"center\" as const,\n    justifyContent: \"space-between\" as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  /* The label takes the row's spare width so `textAlign` has somewhere to\n     push to. Without it the Text shrink-wraps its glyphs and the alignment\n     has no effect — the first attempt at this fix set only `textAlign` and\n     changed nothing on screen. */\n  optionLabelFill: {\n    flex: 1,\n  },\n  option: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    flexDirection: \"row\" as const,\n    justifyContent: \"space-between\" as const,\n    alignItems: \"center\" as const,\n  },\n  groupLabel: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    fontWeight: \"600\" as const,\n  },\n  input: {\n    flex: 1,\n  },\n  panel: {\n    position: \"absolute\" as const,\n    top: \"100%\",\n    left: 0,\n    right: 0,\n    marginTop: 4,\n    borderWidth: 1,\n    borderRadius: 6,\n    maxHeight: 260,\n    overflow: \"hidden\" as const,\n    zIndex: 9999,\n  },\n  filterContainer: {\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderBottomWidth: 1,\n  },\n  listFill: {\n    flex: 1,\n  },\n  // The anchored panel is sized by `maxHeight` with no height, so the list has\n  // to grow with its content up to that ceiling and then scroll inside it.\n  // `flex: 1` sets flexBasis 0, which contributes nothing to a shrink-wrapping\n  // parent.\n  listShrink: {\n    flexGrow: 0,\n    flexShrink: 1,\n  },\n  listContent: {\n    paddingBottom: 12,\n  },\n  filterInput: {\n    fontSize: 14,\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderWidth: 1,\n    borderRadius: 4,\n  },\n  filterLtr: {\n    textAlign: 'left' as const,\n    writingDirection: 'ltr' as const,\n  },\n  filterRtl: {\n    textAlign: 'right' as const,\n    writingDirection: 'rtl' as const,\n  },\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center' as const,\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute' as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden' as const,\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n  modalOverlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center' as const,\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden' as const,\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIA,MAAM,QAAA,GAAW,CAAC,IAAA,EAAW,WAAA,KAAyB;AACpD,EAAA,IAAI,CAAC,MAAM,OAAO,EAAA;AAClB,EAAA,IAAI,CAAC,WAAA,EAAa,OAAO,MAAA,CAAO,IAAI,CAAA;AACpC,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,WAAW,CAAC,CAAA;AACjC,CAAA;AAEA,MAAM,QAAA,GAAW,CAAC,IAAA,EAAW,WAAA,KAAyB;AACpD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,EAAA,OAAO,KAAK,WAAW,CAAA;AACzB,CAAA;AAEA,MAAM,CAAA,GAAI,0BAAA;AAYV,MAAM,iBAAiB,MAAc;AACnC,EAAA,MAAM,QAAA,GAAW,aAAA,CAAc,0BAAA,CAA2B,eAAe,CAAC,CAAA;AAC1E,EAAA,OAAO,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,EAAA;AACnD,CAAA;AAEA,MAAM,eAAA,uBAAsB,GAAA,CAAI;AAAA,EAC9B,UAAA;AAAA,EAAY,YAAA;AAAA,EAAc,YAAA;AAAA,EAAc,WAAA;AAAA,EACxC,OAAA;AAAA,EAAS,eAAA;AAAA,EAAiB,YAAA;AAAA,EAAc,WAAA;AAAA,EACxC,oBAAA;AAAA,EAAsB;AACxB,CAAC,CAAA;AAED,SAAS,WAAW,QAAA,EAAsD;AACxE,EAAA,IAAI,CAAC,QAAA,EAAU,OAAO,EAAC;AACvB,EAAA,MAAM,OAA4B,EAAC;AACnC,EAAA,MAAM,OAA4B,EAAC;AACnC,EAAA,KAAA,MAAW,CAAC,CAAA,EAAG,CAAC,KAAK,MAAA,CAAO,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC7C,IAAA,IAAI,gBAAgB,GAAA,CAAI,CAAC,CAAA,EAAG,IAAA,CAAK,CAAC,CAAA,GAAI,CAAA;AAAA,SACjC,IAAA,CAAK,CAAC,CAAA,GAAI,CAAA;AAAA,EACjB;AACA,EAAA,OAAO;AAAA,IACL,WAAW,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,IAAA,GAAO,MAAA;AAAA,IAC7C,WAAW,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,IAAA,GAAO;AAAA,GAC/C;AACF;AAMA,SAAwB,QAAA,CAAkB;AAAA,EACN,KAAA;AAAA,EACA,UAAU,EAAC;AAAA,EACX,QAAA;AAAA,EAEA,WAAA;AAAA,EACA,WAAA;AAAA,EAEA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EAEV,SAAA;AAAA,EACA,iBAAA,GAAoB,IAAA;AAAA,EAEpB,MAAA;AAAA,EACA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAAA,GAAqB,kBAAA;AAAA,EACrB,iBAAA,GAAoB,WAAA;AAAA,EACpB,KAAA,GAAQ,KAAA;AAAA,EACR,UAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,WAAA;AAAA,EACA,UAAA;AAAA,EAEA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,mBAAA;AAAA,EAEA,gBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EAEA,sBAAA;AAAA,EAEA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,EAAO;AACT,CAAA,EAAqB;AACrD,EAAA,MAAM,QAAA,GAAW,OAAY,IAAI,CAAA;AACjC,EAAA,MAAM,UAAA,GAAa,OAAa,IAAI,CAAA;AACpC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,EAAE,CAAA;AAC7C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAEhC,IAAI,CAAA;AACd,EAAA,MAAM,SAAS,iBAAA,EAAkB;AACjC,EAAA,MAAM,iBAAiB,iBAAA,EAAkB;AAEzC,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAE7B,EAAA,MAAM,EAAE,SAAA,EAAW,iBAAA,EAAmB,WAAW,iBAAA,EAAkB,GAAI,WAAW,aAAa,CAAA;AAE/F,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,MAAA,EAAQ,CAAA,CAAE,QAAQ,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IACnC,aAAA,EAAe,CAAA,CAAE,QAAQ,CAAA,IAAK,EAAE,SAAS,CAAA;AAAA,IACzC,EAAA,EAAI,CAAA,CAAE,cAAc,CAAA,IAAK,MAAA;AAAA,IACzB,IAAA,EAAM,CAAA,CAAE,MAAM,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IAC/B,WAAA,EAAa,CAAA,CAAE,gBAAgB,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IAChD,cAAA,EAAgB,CAAA,CAAE,cAAc,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IACjD,OAAA,EAAS,CAAA,CAAE,gBAAgB,CAAA,IAAK,EAAE,SAAS,CAAA;AAAA,IAC3C,YAAA,EAAc,CAAA,CAAE,QAAQ,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IACzC,QAAA,EAAU,CAAA,CAAE,gBAAgB,CAAA,IAAK,EAAE,SAAS,CAAA;AAAA,IAC5C,UAAA,EAAY,CAAA,CAAE,MAAM,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IACrC,SAAA,EAAW,CAAA,CAAE,gBAAgB,CAAA,IAAK,EAAE,UAAU,CAAA;AAAA,IAC9C,OAAA,EAAS,EAAE,SAAS;AAAA,GACtB;AAMA,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,KAAA,IAAS,MAAM,OAAO,IAAA;AAE1B,IAAA,IAAI,mBAAA,EAAqB;AACvB,MAAA,KAAA,MAAW,SAAS,OAAA,EAAkB;AACpC,QAAA,MAAM,QAAA,GAAW,MAAM,mBAAmB,CAAA;AAC1C,QAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC3B,UAAA,MAAM,KAAA,GAAQ,SAAS,IAAA,CAAK,CAAC,MAAW,QAAA,CAAS,CAAA,EAAG,WAAW,CAAA,KAAM,KAAK,CAAA;AAC1E,UAAA,IAAI,OAAO,OAAO,KAAA;AAAA,QACpB;AAAA,MACF;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,OAAO,OAAA,CAAQ,IAAA;AAAA,MACb,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,EAAG,WAAW,CAAA,KAAM;AAAA,KACtC,IAAK,IAAA;AAAA,EACP,GAAG,CAAC,KAAA,EAAO,OAAA,EAAS,WAAA,EAAa,mBAAmB,CAAC,CAAA;AAMrD,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,QAAA,CAAS,OAAA,EAAQ;AACjB,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA;AAAA,IACF;AACA,IAAA,cAAA,CAAe,EAAE,CAAA;AAGjB,IAAA,UAAA,CAAW,SAAS,eAAA,CAAgB,CAAC,CAAA,EAAG,CAAA,EAAG,OAAO,MAAA,KAAW;AAC3D,MAAA,gBAAA,CAAiB,EAAE,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,QAAQ,CAAA;AACxC,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,IACd,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,MAAM,OAAA,CAAQ,KAAK,CAAA;AAMjC,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAY;AAC9B,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,IAAA,EAAM,WAAW,CAAA;AAE3C,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,MAAM,cAAA,GAAiB;AAAA,MACrB,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAEA,IAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA;AAE7B,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA;AAMA,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,MAAW,KAAA,KAAkB;AAC5B,MAAA,IAAI,CAAC,IAAA,EAAM;AACT,QAAA,OAAO,IAAA;AAAA,MACT;AAGA,MAAA,IAAI,KAAK,OAAA,EAAS;AAChB,QAAA,uBACE,GAAA,CAAC,QAA4B,KAAA,EAAO,CAAC,OAAO,UAAA,EAAY,EAAE,iBAAiB,MAAA,CAAO,OAAA,EAAS,CAAA,EACxF,QAAA,EAAA,gBAAA,GAAmB,KAAK,KAAA,GAAQ,gBAAgB,IAAI,EAAA,EAAA,EAD5C,CAAA,MAAA,EAAS,KAAK,CAAA,CAEzB,CAAA;AAAA,MAEJ;AAEA,MAAA,MAAM,WACJ,KAAA,IAAS,IAAA,IACT,QAAA,CAAS,IAAA,EAAM,WAAW,CAAA,KAAM,KAAA;AAElC,MAAA,IAAI,OAAA;AAEJ,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,MAAM,QAAA,GAAW,aAAa,IAAI,CAAA;AAElC,QAAA,OAAA,GAAU,KAAA,CAAM,cAAA,CAAe,QAAQ,CAAA,GACrC,QAAA,uBAEC,IAAA,EAAA,EAAM,QAAA,EAAA,MAAA,CAAO,QAAA,IAAY,EAAE,CAAA,EAAE,CAAA;AAAA,MAElC,CAAA,MAAO;AACL,QAAA,OAAA,mBACE,GAAA,CAAC,QAAK,KAAA,EAAO;AAAA,UACX;AAAA,YACE,OAAO,MAAA,CAAO,IAAA;AAAA,YACd,UAAU,cAAA,EAAe;AAAA,YACzB;AAAA,WACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQA,MAAA,CAAO,eAAA;AAAA,UACP;AAAA,YACI,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,gBAAA,EAAkB,QAAS,KAAA,GAAmB;AAAA;AAClD,SACF,EACG,QAAA,EAAA,QAAA,CAAS,IAAA,EAAM,WAAW,CAAA,EAC7B,CAAA;AAAA,MAEJ;AAEA,MAAA,uBACE,IAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,UAC9B,KAAA,EAAO;AAAA,YACL,MAAA,CAAO,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAcP,EAAE,aAAA,EAAe,IAAA,CAAK,aAAA,EAAc;AAAA,YACpC,QAAA,IAAY,iBAAA,IAAqB,EAAE,eAAA,EAAiB,OAAO,cAAA;AAAe,WAC5E;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,OAAA;AAAA,YACA,SAAA,IAAa,QAAA,oBAAY,GAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAA,QAAA,EAAC;AAAA;AAAA,SAAA;AAAA,QAtB5B,QAAQ,KAAK,CAAA;AAAA,OAuBpB;AAAA,IAEJ,CAAA;AAAA,IACA;AAAA,MACE,KAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA,KAAA;AAAA,MACA,IAAA,CAAK,SAAA;AAAA,MACL,IAAA,CAAK,aAAA;AAAA,MACL,UAAA;AAAA,MACA,MAAA,CAAO,IAAA;AAAA,MACP,MAAA,CAAO,cAAA;AAAA,MACP,MAAA,CAAO,OAAA;AAAA,MACP;AAAA;AACF,GACF;AAOA,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,CAAC,gBAAA,IAAoB,CAAC,mBAAA,EAAqB;AAC7C,MAAA,OAAO,OAAA;AAAA,IACT;AAEA,IAAA,MAAM,MAAa,EAAC;AACpB,IAAA,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAA,KAAW;AAC1B,MAAA,GAAA,CAAI,KAAK,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,GAAG,CAAA;AACpC,MAAA,CAAA,CAAE,mBAAmB,GAAG,OAAA,CAAQ,CAAC,MAAW,GAAA,CAAI,IAAA,CAAK,CAAC,CAAC,CAAA;AAAA,IACzD,CAAC,CAAA;AACD,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAMZ,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,WAAA,EAAa,OAAO,QAAA;AACpC,IAAA,MAAM,CAAA,GAAI,YAAY,WAAA,EAAY;AAClC,IAAA,MAAM,MAAM,QAAA,IAAY,WAAA;AAExB,IAAA,OAAO,QAAA,CAAS,MAAA,CAAO,CAAC,KAAA,KAAe;AAErC,MAAA,IAAI,KAAA,CAAM,SAAS,OAAO,IAAA;AAC1B,MAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,KAAA,EAAO,GAAG,CAAA;AACjC,MAAA,OAAO,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,CAAC,CAAA;AAAA,IACvC,CAAC,CAAA;AAAA,EACH,GAAG,CAAC,QAAA,EAAU,QAAQ,WAAA,EAAa,QAAA,EAAU,WAAW,CAAC,CAAA;AAMzD,EAAA,MAAM,YAAA,GAAe,gBACjB,aAAA,CAAc,YAAY,IAC1B,YAAA,GACE,QAAA,CAAS,YAAA,EAAc,WAAW,CAAA,GAClC,EAAA;AAiBN,EAAA,MAAM,SAAA,GAAY,CAAC,IAAA,EAAe,eAAA,qBAChC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,MAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,eAAA,EAAiB,EAAE,iBAAA,EAAmB,MAAA,CAAO,YAAA,EAAc,CAAA,EAC9E,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAA;AAAA,QACP,YAAA,EAAc,cAAA;AAAA,QACd,WAAA,EAAa,iBAAA;AAAA,QACb,sBAAsB,MAAA,CAAO,WAAA;AAAA,QAC7B,KAAA,EAAO;AAAA,UAAC,MAAA,CAAO,WAAA;AAAA,UAAa;AAAA,YAC1B,aAAa,MAAA,CAAO,YAAA;AAAA,YACpB,iBAAiB,MAAA,CAAO,QAAA;AAAA,YACxB,OAAO,MAAA,CAAO,UAAA;AAAA,YACd;AAAA,WACF;AAAA;AAAA;AAAA;AAAA;AAAA,UAKA,KAAA,GAAQ,MAAA,CAAO,SAAA,GAAY,MAAA,CAAO;AAAA,SAAS;AAAA,QAM3C,SAAA,EAAW;AAAA;AAAA,KACb,EACF,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,IAAA,GAAO,MAAA,CAAO,QAAA,GAAW,MAAA,CAAO,UAAA;AAAA,QACvC,uBAAuB,MAAA,CAAO,WAAA;AAAA,QAC9B,IAAA,EAAM,YAAA;AAAA,QACN,YAAA,EAAc,CAAC,IAAA,EAAW,CAAA,KACxB,IAAA,EAAM,UAAU,CAAA,MAAA,EAAS,CAAC,CAAA,CAAA,GAAK,CAAA,KAAA,EAAQ,CAAC,CAAA,CAAA;AAAA,QAE1C,UAAA,EAAY,CAAC,EAAE,IAAA,EAAM,OAAM,KAAM,UAAA,CAAW,MAAM,KAAK,CAAA;AAAA,QACvD,yBAAA,EAA0B,SAAA;AAAA,QAC1B,8BAAA,EAAgC,KAAA;AAAA,QAChC,kBAAA,EACE,8BACE,GAAA,CAAC,IAAA,EAAA,EAAK,OAAO,MAAA,CAAO,cAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,OAAO,SAAA,EAAW,EAAE,OAAO,MAAA,CAAO,SAAA,EAAW,YAAY,CAAA,EAAI,QAAA,EAAA,kBAAA,EAAmB,CAAA,EAChG,CAAA,GACE;AAAA;AAAA,KAER;AAAA,IACC,mBAAA;AAAsB,GAAA,EACzB,CAAA;AAOF,EAAA,MAAM,QAAA,GAAW,KAAA,IAAS,OAAO,WAAA,KAAgB,UAAA;AAEjD,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,MAAA,CAAO,WAAW,MAAA,EAC7B,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,UAAA;AAAA,QACL,KAAA,EAAO;AAAA,UACL,MAAA,CAAO,OAAA;AAAA,UACP,EAAE,WAAA,EAAa,MAAA,CAAO,MAAA,EAAQ,eAAA,EAAiB,OAAO,EAAA,EAAG;AAAA,UACzD,OAAA,IAAW,EAAE,WAAA,EAAa,MAAA,CAAO,aAAA,EAAc;AAAA,UAC/C,YAAY,MAAA,CAAO,QAAA;AAAA,UACnB;AAAA,SACF;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QAER,QAAA,EAAA;AAAA,UAAA,QAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAO,MAAA,CAAO,KAAA,EACnB,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,KAAA,EAAO,SAAA;AAAA,cACP,YAAA,EAAc,YAAA;AAAA,cACd,WAAA;AAAA,cACA,UAAU,CAAC;AAAA;AAAA,aAEf,CAAA,mBAEA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAe,CAAA;AAAA,cACf,KAAA,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIL,EAAE,IAAA,EAAM,CAAA,EAAG,SAAA,EAAW,MAAA,EAAgB;AAAA,gBACtC,YAAA,GAAe,EAAE,KAAA,EAAO,MAAA,CAAO,MAAK,GAAI,EAAE,KAAA,EAAO,MAAA,CAAO,WAAA,EAAY;AAAA,gBACpE,iBAAA;AAAA,gBACA,CAAC,YAAA,IAAgB,EAAE,KAAA,EAAO,OAAO,WAAA;AAAY,eAC/C;AAAA,cACC,QAAA,EAAA,YAAA,IAAgB;AAAA;AAAA,WACnB;AAAA,0BAGF,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,EAAE,KAAA,EAAO,MAAA,CAAO,IAAA,EAAK,EAAG,iBAAiB,CAAA,EAAG,QAAA,EAAA,QAAA,EAAC;AAAA;AAAA;AAAA,KAC7D;AAAA,IAEC,CAAC,QAAA,IAAY,CAAC,OAAA,oBACb,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,IAAA,IAAQ,CAAC,CAAC,aAAA;AAAA,QACnB,WAAA,EAAW,IAAA;AAAA,QACX,aAAA,EAAc,MAAA;AAAA,QACd,cAAA,EAAgB,KAAA;AAAA,QAEhB,QAAA,kBAAA,GAAA,CAAC,aAAU,KAAA,EAAO,MAAA,CAAO,gBAAgB,OAAA,EAAS,KAAA,EAC/C,4BAAkB,MAAM;AACvB,UAAA,MAAM,MAAA,GAAS,UAAA,CAAW,GAAA,CAAI,QAAQ,CAAA;AACtC,UAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAU,GAAI,oBAAA,CAAqB;AAAA,YAC9C,cAAc,MAAA,CAAO,MAAA;AAAA,YACrB,UAAU,MAAA,CAAO,GAAA;AAAA,YACjB,aAAa,MAAA,CAAO,MAAA;AAAA,YACpB,cAAA;AAAA,YACA,UAAU,aAAA,CAAc,CAAA;AAAA,YACxB,eAAe,aAAA,CAAc;AAAA,WAC9B,CAAA;AAED,UAAA,uBACE,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,MAAA,CAAO,YAAA;AAAA,gBACP;AAAA,kBACE,GAAA;AAAA,kBACA,MAAM,aAAA,CAAc,CAAA;AAAA,kBACpB,OAAO,aAAA,CAAc,KAAA;AAAA,kBACrB,SAAA;AAAA,kBACA,aAAa,MAAA,CAAO,MAAA;AAAA,kBACpB,iBAAiB,MAAA,CAAO;AAAA;AAC1B,eACF;AAAA,cACA,2BAA2B,MAAM,IAAA;AAAA,cAEhC,QAAA,EAAA,SAAA,CAAU,OAAO,IAAI;AAAA;AAAA,WACxB;AAAA,QAEJ,IAAG,EACL;AAAA;AAAA,KACF;AAAA,IAGD,CAAC,QAAA,IAAY,OAAA,oBACZ,GAAA,CAAC,KAAA,EAAA,EAAM,SAAS,IAAA,EAAM,WAAA,EAAW,IAAA,EAAC,aAAA,EAAc,QAC9C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,OAAO,MAAA,CAAO,YAAA,EAAc,SAAS,KAAA,EAC9C,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,CAAC,MAAA,CAAO,UAAA,EAAY,EAAE,eAAA,EAAiB,MAAA,CAAO,IAAI,CAAA;AAAA,QACzD,2BAA2B,MAAM,IAAA;AAAA,QAEhC,QAAA,EAAA,SAAA,CAAU,MAAM,IAAI;AAAA;AAAA,OAEzB,CAAA,EACF,CAAA;AAAA,IAMD,YAAY,WAAA,CAAa;AAAA,MACxB,OAAA,EAAS,IAAA;AAAA,MACT,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,QAAA,EAAU,SAAA,CAAU,IAAA,EAAM,KAAK;AAAA,KAChC;AAAA,GAAA,EAEH,CAAA;AAEJ;AAMA,MAAM,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,EAC/B,SAAA,EAAW;AAAA,IACT,KAAA,EAAO,MAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB,EAAA;AAAA,IACjB,aAAA,EAAe,KAAA;AAAA,IACf,cAAA,EAAgB,eAAA;AAAA,IAChB,UAAA,EAAY;AAAA,GACd;AAAA,EACA,UAAA,EAAY;AAAA,IACV,iBAAA,EAAmB,EAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,UAAA;AAAA,IACV,GAAA,EAAK,MAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,KAAA,EAAO,CAAA;AAAA,IACP,SAAA,EAAW,CAAA;AAAA,IACX,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,SAAA,EAAW,GAAA;AAAA,IACX,QAAA,EAAU,QAAA;AAAA,IACV,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,iBAAA,EAAmB,CAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,iBAAA,EAAmB;AAAA,GACrB;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,UAAA,EAAY;AAAA,IACV,QAAA,EAAU,CAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AAAA,EACA,WAAA,EAAa;AAAA,IACX,aAAA,EAAe;AAAA,GACjB;AAAA,EACA,WAAA,EAAa;AAAA,IACX,QAAA,EAAU,EAAA;AAAA,IACV,iBAAA,EAAmB,CAAA;AAAA,IACnB,eAAA,EAAiB,CAAA;AAAA,IACjB,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,SAAA,EAAW;AAAA,IACT,SAAA,EAAW,MAAA;AAAA,IACX,gBAAA,EAAkB;AAAA,GACpB;AAAA,EACA,SAAA,EAAW;AAAA,IACT,SAAA,EAAW,OAAA;AAAA,IACX,gBAAA,EAAkB;AAAA,GACpB;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,OAAA,EAAS,EAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,CAAA;AAAA,IACN,eAAA,EAAiB;AAAA,GACnB;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAA,EAAU,UAAA;AAAA,IACV,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,QAAA,EAAU,QAAA;AAAA,IACV,SAAA,EAAW,CAAA;AAAA,IACX,WAAA,EAAa,MAAA;AAAA,IACb,YAAA,EAAc,EAAE,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAE;AAAA,IACpC,aAAA,EAAe,IAAA;AAAA,IACf,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,CAAA;AAAA,IACN,eAAA,EAAiB,iBAAA;AAAA,IACjB,cAAA,EAAgB;AAAA,GAClB;AAAA,EACA,UAAA,EAAY;AAAA,IACV,MAAA,EAAQ,EAAA;AAAA,IACR,SAAA,EAAW,KAAA;AAAA,IACX,YAAA,EAAc,EAAA;AAAA,IACd,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/Dropdown/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport {\n  Dimensions,\n  FlatList,\n  Keyboard,\n  Modal,\n  Pressable,\n  ScrollView,\n  TouchableOpacity,\n  View,\n  StyleSheet, Text, TextInput\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport { Input, InputField, type VirtualScrollerOptions } from \"../../\";\nimport { resolveThemeTokenForNative, toNativeValue } from '../../Factory/helpers/style';\nimport { useKeyboardHeight } from '../../Factory/helpers/useKeyboardHeight';\nimport { readerEdge } from '../../Factory/helpers/readerEdge';\nimport { computePanelGeometry } from './panelGeometry';\n\n/* ---------------------------------------------\n Types (PrimeReact-compatible)\n---------------------------------------------- */\n\nexport interface DropdownChangeEvent<T = any> {\n  originalEvent?: any;\n  value: T | null;\n}\n\n\nexport interface DropdownProps<T = any> {\n  value?: T | null;\n  options?: T[];\n\n  onChange?: (e: ChangeEvent<T>, item:any) => void;\n\n  optionLabel?: string;\n  optionValue?: string;\n\n  placeholder?: string;\n  disabled?: boolean;\n  editable?: boolean;\n  loading?: boolean;\n  showClear?: boolean;\n  isModal?: boolean;\n\n  checkmark?: boolean;\n  highlightOnSelect?: boolean;\n\n  filter?: boolean;\n  filterBy?: string;\n  emptyFilterMessage?: string;\n  /**\n   * Placeholder for the panel's filter field.\n   *\n   * ⛔ THIS COMPONENT CANNOT TRANSLATE. It lives in `apps/mobile`, which\n   * `packages/ui` imports — the reverse import would be a cycle between the two\n   * workspaces. So the sentence is resolved by the KitsConcerto wrapper, which\n   * has `useLanguage()`, and arrives here already written, exactly as\n   * `emptyFilterMessage` does.\n   */\n  filterPlaceholder?: string;\n  /**\n   * Open the options in a popup that owns the screen instead of a panel\n   * anchored to the trigger.\n   *\n   * ⛔ THE ANCHOR IS THE PROBLEM THIS ESCAPES. An anchored panel can never be\n   * taller than the gap between the trigger and the keyboard, and a field in\n   * the middle of a form has ~190pt of gap on a 874pt phone — a search box and\n   * four rows. Sizing that gap correctly does not make it big. The popup takes\n   * a fixed share of the window instead, so where the field sits stops\n   * mattering.\n   *\n   * Default false: every existing consumer keeps the anchored panel.\n   */\n  popup?: boolean;\n  /**\n   * Supplies the popup's container. Injected by the KitsConcerto wrapper\n   * because the container is this library's `KitsDialogControlled`, which\n   * lives in `packages/ui` — and `packages/ui` imports THIS file, so importing\n   * it back would be a cycle between the two workspaces.\n   *\n   * Without it `popup` falls back to the anchored panel rather than rendering\n   * nothing.\n   */\n  renderPopup?: (args: {\n    visible: boolean;\n    onClose: () => void;\n    title?: React.ReactNode;\n    children: React.ReactNode;\n  }) => React.ReactNode;\n  /** Title for the popup header. The wrapper passes the field's label. */\n  popupTitle?: React.ReactNode;\n  /**\n   * Which way the reader reads, from the wrapper's `useLanguage().isRTL`.\n   *\n   * ⛔ NOT `I18nManager.isRTL`. That is the PROCESS layout direction, which a\n   * consumer can force at boot and which does not change when the reader\n   * switches language. The filter field follows the interface language, like\n   * every other input in this library.\n   */\n  isRTL?: boolean;\n  /**\n   * Font family the consuming app's theme names for body text, resolved by the\n   * KitsConcerto wrapper with `useThemedFont('body')`.\n   *\n   * ⛔ React Native does NOT cascade `fontFamily` through View parents, so\n   * every text sink has to set it. The panel's rows and its search field set\n   * none, which is why an app that swaps in its own face — AlphaMatch loads\n   * Noto Kufi Arabic for its Arabic readers — saw that face everywhere except\n   * inside the picker.\n   */\n  fontFamily?: string;\n\n  itemTemplate?: (item: T) => React.ReactNode;\n  /**\n   * R51 — lay the options out as a grid instead of a list. @default \"list\"\n   *\n   * ⚠️ GRID AND OPTION GROUPS DO NOT COMBINE. A group header is a full-width\n   * sentence and a grid has no full-width cell, so a grouped list stays a\n   * list even when this says grid; `optionGroupLabel` wins.\n   */\n  panelLayout?: \"list\" | \"grid\";\n  /** Columns when `panelLayout` is \"grid\". Clamped 2–10 by the caller. */\n  panelColumns?: number;\n  valueTemplate?: (value: T | null) => React.ReactNode;\n  panelFooterTemplate?: () => React.ReactNode;\n\n  optionGroupLabel?: string;\n  optionGroupChildren?: string;\n  optionGroupTemplate?: (group: any) => React.ReactNode;\n\n  virtualScrollerOptions?: VirtualScrollerOptions;\n\n  invalid?: boolean;\n  testID?: string;\n  style?: import('react-native').ViewStyle;\n}\n\n/* ---------------------------------------------\n Helpers\n---------------------------------------------- */\n\nconst getLabel = (item: any, optionLabel?: string) => {\n  if (!item) return \"\";\n  if (!optionLabel) return String(item);\n  return String(item[optionLabel]);\n};\n\nconst getValue = (item: any, optionValue?: string) => {\n  if (!item) return null;\n  if (!optionValue) return item;\n  return item[optionValue];\n};\n\nconst t = resolveThemeTokenForNative;\n\n/**\n * Option-row text size, taken from the theme's own scale rather than picked.\n *\n * The rows used to set no `fontSize` at all, so they fell through to React\n * Native's default of 14 — which happens to equal the scale's `sm` step, by\n * coincidence rather than intent. `md` is the scale's body size and one step\n * up. `$fontSizes.md` resolves to '1rem' and `toNativeValue` turns that into\n * 16; the `?? 16` is the same number spelled out, for the case where a\n * consumer's theme does not declare the step.\n */\nconst optionFontSize = (): number => {\n  const resolved = toNativeValue(resolveThemeTokenForNative('$fontSizes.md'));\n  return typeof resolved === 'number' ? resolved : 16;\n};\n\nconst TEXT_STYLE_KEYS = new Set([\n  'fontSize', 'fontFamily', 'fontWeight', 'fontStyle',\n  'color', 'letterSpacing', 'lineHeight', 'textAlign',\n  'textDecorationLine', 'textTransform',\n]);\n\nfunction splitStyle(combined?: any): { viewStyle?: any; textStyle?: any } {\n  if (!combined) return {};\n  const view: Record<string, any> = {};\n  const text: Record<string, any> = {};\n  for (const [k, v] of Object.entries(combined)) {\n    if (TEXT_STYLE_KEYS.has(k)) text[k] = v;\n    else view[k] = v;\n  }\n  return {\n    viewStyle: Object.keys(view).length ? view : undefined,\n    textStyle: Object.keys(text).length ? text : undefined,\n  };\n}\n\n/* ---------------------------------------------\n Component\n---------------------------------------------- */\n\nexport default function Dropdown<T = any>({\n                                    value,\n                                    options = [],\n                                    onChange,\n\n                                    optionLabel,\n                                    optionValue,\n\n                                    placeholder,\n                                    disabled,\n                                    editable,\n                                    isModal = false,\n\n                                    checkmark,\n                                    highlightOnSelect = true,\n\n                                    filter,\n                                    filterBy,\n                                    // ⚠️ THESE TWO ENGLISH LITERALS ARE A LAST RESORT, NOT A\n                                    // TRANSLATION. The KitsConcerto wrapper always passes the\n                                    // reader's own sentence; these only apply when this component\n                                    // is used directly from `apps/mobile`, and they exist so a\n                                    // panel can never render a blank search box or an empty\n                                    // \"no results\" line. Recorded as English fallbacks.\n                                    emptyFilterMessage = 'No results found',\n                                    filterPlaceholder = 'Search...',\n                                    isRTL = false,\n                                    fontFamily,\n                                    popup = false,\n                                    renderPopup,\n                                    popupTitle,\n\n                                    itemTemplate,\n                                    panelLayout,\n                                    panelColumns,\n                                    valueTemplate,\n                                    panelFooterTemplate,\n\n                                    optionGroupLabel,\n                                    optionGroupChildren,\n                                    optionGroupTemplate,\n\n                                    virtualScrollerOptions,\n\n                                    invalid,\n                                    testID,\n                                    style: externalStyle,\n                                  }: DropdownProps<T>) {\n  const inputRef = useRef<any>(null);\n  const triggerRef = useRef<View>(null);\n  const [open, setOpen] = useState(false);\n  const [inputText, setInputText] = useState(\"\");\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const [triggerLayout, setTriggerLayout] = useState<{\n    x: number; y: number; width: number; height: number;\n  } | null>(null);\n  const insets = useSafeAreaInsets();\n  const keyboardHeight = useKeyboardHeight();\n  /* Physical edges to write so the content lands where the reader starts. */\n  const edge = readerEdge(isRTL);\n\n  const { viewStyle: externalViewStyle, textStyle: externalTextStyle } = splitStyle(externalStyle);\n\n  const colors = {\n    border: t('border') || t('gray.300'),\n    borderInvalid: t('danger') || t('red.500'),\n    bg: t('surface-card') || '#fff',\n    text: t('text') || t('gray.800'),\n    placeholder: t('text-secondary') || t('gray.400'),\n    optionSelected: t('highlight-bg') || t('gray.100'),\n    groupBg: t('surface-ground') || t('gray.50'),\n    filterBorder: t('border') || t('gray.200'),\n    filterBg: t('surface-ground') || t('gray.50'),\n    filterText: t('text') || t('gray.800'),\n    emptyText: t('text-secondary') || t('gray.400'),\n    primary: t('primary'),\n  };\n\n  /* ---------------------------------------------\n   Derived\n  ---------------------------------------------- */\n\n  const selectedItem = useMemo(() => {\n    if (value == null) return null;\n    // Search through group children when grouped\n    if (optionGroupChildren) {\n      for (const group of options as any[]) {\n        const children = group[optionGroupChildren];\n        if (Array.isArray(children)) {\n          const found = children.find((c: any) => getValue(c, optionValue) === value);\n          if (found) return found;\n        }\n      }\n      return null;\n    }\n    return options.find(\n      (o) => getValue(o, optionValue) === value\n    ) ?? null;\n  }, [value, options, optionValue, optionGroupChildren]);\n\n  /* ---------------------------------------------\n   Open / Close\n  ---------------------------------------------- */\n\n  const toggle = () => {\n    if (disabled) return;\n    Keyboard.dismiss();\n    if (open) {\n      setOpen(false);\n      return;\n    }\n    setFilterQuery(\"\");\n    // Measure trigger position in window so the popover can be rendered\n    // inside a Modal (escaping any parent ScrollView) at the correct anchor.\n    triggerRef.current?.measureInWindow((x, y, width, height) => {\n      setTriggerLayout({ x, y, width, height });\n      setOpen(true);\n    });\n  };\n\n  const close = () => setOpen(false);\n\n  /* ---------------------------------------------\n   Selection\n  ---------------------------------------------- */\n\n  const selectItem = (item: T) => {\n    const newValue = getValue(item, optionValue);\n\n    if (!onChange) return;\n\n    const syntheticEvent = {\n      target: {\n        value: newValue,\n      },\n    } as React.ChangeEvent<any>;\n\n    onChange(syntheticEvent, item);\n\n    setOpen(false);\n  };\n\n  /* ---------------------------------------------\n   Render item\n  ---------------------------------------------- */\n\n  /*\n   * ⛔ ONE PLACE DECIDES THE COLUMN COUNT, because it is also the row stride\n   * the web side's keyboard uses and the number the FlatList is keyed on. A\n   * grouped list is never a grid: a group header is a full-width sentence\n   * and a grid has no full-width cell.\n   */\n  const gridColumns = React.useMemo(() => {\n    if (panelLayout !== \"grid\" || optionGroupLabel) return 1;\n    const n = typeof panelColumns === \"number\" && Number.isFinite(panelColumns)\n      ? Math.round(panelColumns)\n      : 4;\n    return Math.max(2, Math.min(10, n));\n  }, [panelLayout, panelColumns, optionGroupLabel]);\n\n  const renderItem = useCallback(\n    (item: any, index: number) => {\n      if (!item) {\n        return null;\n      }\n\n      // Group header\n      if (item.__group) {\n        return (\n          <Text key={`group-${index}`} style={[styles.groupLabel, { backgroundColor: colors.groupBg }]}>\n            {optionGroupLabel ? item.group?.[optionGroupLabel] : \"\"}\n          </Text>\n        );\n      }\n\n      const selected =\n        value != null &&\n        getValue(item, optionValue) === value;\n\n      let content: React.ReactElement;\n\n      if (itemTemplate) {\n        const rendered = itemTemplate(item);\n\n        content = React.isValidElement(rendered) ? (\n          rendered\n        ) : (\n          <Text>{String(rendered ?? \"\")}</Text>\n        );\n      } else {\n        content = (\n          <Text style={[\n            {\n              color: colors.text,\n              fontSize: optionFontSize(),\n              fontFamily,\n            },\n            /* The row starts at the reader's edge, and `writingDirection`\n               orders the glyphs inside it — which is what puts a leading flag\n               at the end an Arabic reader starts from.\n               ⛔ The physical edge is COMPUTED, never named directly: React\n               Native mirrors `textAlign` when the process is RTL, so naming\n               the RTL edge for an RTL reader lands on the LTR one. See\n               `readerEdge` for the measurements. */\n            styles.optionLabelFill,\n            {\n                textAlign: edge.textAlign,\n                writingDirection: isRTL ? ('rtl' as const) : ('ltr' as const),\n            },\n          ]}>\n            {getLabel(item, optionLabel)}\n          </Text>\n        );\n      }\n\n      return (\n        <Pressable\n          key={`item-${index}`}\n          onPress={() => selectItem(item)}\n          style={[\n            styles.option,\n            /* ⛔ IN A GRID EVERY CELL TAKES AN EQUAL SHARE, or the last row's\n               one or two items stretch across the whole sheet. `flex: 1` is\n               what makes `numColumns` produce columns of the same width; the\n               tile also centres, because a glyph sits over its caption\n               rather than beside it. R51. */\n            gridColumns > 1 && {\n              flex: 1,\n              minWidth: 0,\n              flexDirection: \"column\" as const,\n              alignItems: \"center\" as const,\n              justifyContent: \"center\" as const,\n              gap: 4,\n            },\n            /* Same rule for the row itself, so the checkmark sits at the end\n               the reader finishes on rather than the one the process picks.\n               ⛔ REVERSING THE ROW IS NOT WHAT MOVES THE LABEL. The comment that\n               stood here said it was, and the measurement says otherwise: a\n               shrink-wrapped Text ignores `textAlign` whichever way the row\n               runs, so `flex: 1` on the label is what gives the alignment\n               somewhere to push to. The row's direction decides only which end\n               the checkmark takes.\n               ⛔ And it said the process layout \"stays LTR\". It does not — the\n               App calls `I18nManager.forceRTL`, which mirrors both `textAlign`\n               and `flexDirection: 'row'`. Writing the RTL edge for an RTL\n               reader therefore asked for it twice and landed on the LTR one,\n               which is the whole reported fault. See `readerEdge`. */\n            { flexDirection: edge.flexDirection },\n            selected && highlightOnSelect && { backgroundColor: colors.optionSelected },\n          ]}\n        >\n          {content}\n          {checkmark && selected && <Text>✓</Text>}\n        </Pressable>\n      );\n    },\n    [\n      value,\n      optionValue,\n      optionLabel,\n      itemTemplate,\n      optionGroupLabel,\n      checkmark,\n      highlightOnSelect,\n      /* ⛔ THE THIRD DISHONEST DEPENDENCY ARRAY IN THIS FAMILY. The body reads\n         these too, and a row memoised without them keeps whatever the first\n         render happened to hold — the reader's direction, the theme's face and\n         the resolved colours. Two frozen memos have already cost a release\n         each; this one is listed before it costs a third. */\n      isRTL,\n      edge.textAlign,\n      edge.flexDirection,\n      fontFamily,\n      colors.text,\n      colors.optionSelected,\n      colors.groupBg,\n      selectItem,\n    ]\n  );\n\n\n  /* ---------------------------------------------\n   Group flattening\n  ---------------------------------------------- */\n\n  const flatData = useMemo(() => {\n    if (!optionGroupLabel || !optionGroupChildren) {\n      return options;\n    }\n\n    const out: any[] = [];\n    options.forEach((g: any) => {\n      out.push({ __group: true, group: g });\n      g[optionGroupChildren]?.forEach((c: any) => out.push(c));\n    });\n    return out;\n  }, [options]);\n\n  /* ---------------------------------------------\n   Filter\n  ---------------------------------------------- */\n\n  const filteredData = useMemo(() => {\n    if (!filter || !filterQuery) return flatData;\n    const q = filterQuery.toLowerCase();\n    const key = filterBy || optionLabel;\n\n    return flatData.filter((entry: any) => {\n      // Keep group headers\n      if (entry.__group) return true;\n      const label = getLabel(entry, key);\n      return label.toLowerCase().includes(q);\n    });\n  }, [flatData, filter, filterQuery, filterBy, optionLabel]);\n\n  /* ---------------------------------------------\n   Display value\n  ---------------------------------------------- */\n\n  const displayValue = valueTemplate\n    ? valueTemplate(selectedItem)\n    : selectedItem\n      ? getLabel(selectedItem, optionLabel)\n      : \"\";\n\n  /* ---------------------------------------------\n   Panel body — the search field and the list\n  ---------------------------------------------- */\n\n  /*\n   * ⛔ ONE BODY, THREE CONTAINERS. The anchored panel and the centred modal\n   * each carried their own copy of this markup, which is why the hardcoded\n   * \"Search...\" had to be found and fixed twice. The popup would have made it\n   * three. The containers differ; what is inside them does not.\n   *\n   * `fill` is the one real difference. In the anchored panel the container has\n   * a `maxHeight` and no height, so the list must shrink-wrap its content up\n   * to that ceiling (`flexShrink`). In the popup and the centred modal the\n   * container has a real height, so the list takes what is left (`flex: 1`).\n   */\n  const panelBody = (fill: boolean, autoFocusFilter: boolean) => (\n    <>\n      {filter && (\n        <View style={[styles.filterContainer, { borderBottomColor: colors.filterBorder }]}>\n          <TextInput\n            value={filterQuery}\n            onChangeText={setFilterQuery}\n            placeholder={filterPlaceholder}\n            placeholderTextColor={colors.placeholder}\n            style={[styles.filterInput, {\n              borderColor: colors.filterBorder,\n              backgroundColor: colors.filterBg,\n              color: colors.filterText,\n              fontFamily,\n            },\n            // Every other input in this library names its own edge and\n            // direction from the reader's language. Leaving these unset let the\n            // platform decide, so the field followed the process layout\n            // direction instead of the person reading it.\n            isRTL ? styles.filterRtl : styles.filterLtr]}\n            /* ⛔ THE ANCHORED PANEL KEEPS ITS AUTOFOCUS — changing it would\n               change behaviour for every consumer that has not opted in. In\n               the popup the list is already the whole point and is fully\n               visible, so the keyboard waits to be asked for: one tap on the\n               field raises it, and until then the list has the whole sheet. */\n            autoFocus={autoFocusFilter}\n          />\n        </View>\n      )}\n      {/*\n        * ⛔ `numColumns` CANNOT CHANGE ON A LIVE FlatList — React Native\n        * throws \"Changing numColumns on the fly is not supported\". The key\n        * carries the column count so a change REMOUNTS the list instead of\n        * crashing the screen.\n        *\n        * ⛔ AND A GROUPED LIST IS NEVER A GRID. A group header is a\n        * full-width sentence; a grid has no full-width cell, so it would be\n        * squeezed into one column and read as an option. Groups win.\n        */}\n      <FlatList\n        key={`kits-dd-${gridColumns}`}\n        numColumns={gridColumns}\n        columnWrapperStyle={gridColumns > 1 ? styles.gridRow : undefined}\n        style={fill ? styles.listFill : styles.listShrink}\n        contentContainerStyle={styles.listContent}\n        data={filteredData}\n        keyExtractor={(item: any, i: number) =>\n          item?.__group ? `group-${i}` : `item-${i}`\n        }\n        renderItem={({ item, index }) => renderItem(item, index)}\n        keyboardShouldPersistTaps=\"handled\"\n        showsHorizontalScrollIndicator={false}\n        ListEmptyComponent={\n          filterQuery ? (\n            <View style={styles.emptyContainer}>\n              <Text style={[styles.emptyText, { color: colors.emptyText, fontFamily }]}>{emptyFilterMessage}</Text>\n            </View>\n          ) : null\n        }\n      />\n      {panelFooterTemplate?.()}\n    </>\n  );\n\n  /* ---------------------------------------------\n   Render\n  ---------------------------------------------- */\n\n  const usePopup = popup && typeof renderPopup === 'function';\n\n  return (\n    <View style={styles.container} testID={testID}>\n      <Pressable\n        ref={triggerRef as any}\n        style={[\n          styles.control,\n          { borderColor: colors.border, backgroundColor: colors.bg },\n          invalid && { borderColor: colors.borderInvalid },\n          disabled && styles.disabled,\n          externalViewStyle,\n        ]}\n        onPress={toggle}\n      >\n        {editable ? (\n          <Input style={styles.input}>\n            <InputField\n              ref={inputRef}\n              value={inputText}\n              onChangeText={setInputText}\n              placeholder={placeholder}\n              editable={!disabled}\n            />\n          </Input>\n        ) : (\n          <Text\n            numberOfLines={1}\n            style={[\n              // Fill the trigger row and left-align the value/placeholder so it\n              // doesn't read as centred (the row is justify=space-between, so the\n              // arrow stays pinned right).\n              { flex: 1, textAlign: \"left\" as const },\n              displayValue ? { color: colors.text } : { color: colors.placeholder },\n              externalTextStyle,\n              !displayValue && { color: colors.placeholder },\n            ]}>\n            {displayValue || placeholder}\n          </Text>\n        )}\n\n        <Text style={[{ color: colors.text }, externalTextStyle]}>▾</Text>\n      </Pressable>\n\n      {!usePopup && !isModal && (\n        <Modal\n          visible={open && !!triggerLayout}\n          transparent\n          animationType=\"none\"\n          onRequestClose={close}\n        >\n          <Pressable style={styles.popoverOverlay} onPress={close}>\n            {triggerLayout && (() => {\n              const screen = Dimensions.get('window');\n              const { top, maxHeight } = computePanelGeometry({\n                screenHeight: screen.height,\n                insetTop: insets.top,\n                insetBottom: insets.bottom,\n                keyboardHeight,\n                triggerY: triggerLayout.y,\n                triggerHeight: triggerLayout.height,\n              });\n\n              return (\n                <View\n                  style={[\n                    styles.popoverPanel,\n                    {\n                      top,\n                      left: triggerLayout.x,\n                      width: triggerLayout.width,\n                      maxHeight,\n                      borderColor: colors.border,\n                      backgroundColor: colors.bg,\n                    },\n                  ]}\n                  onStartShouldSetResponder={() => true}\n                >\n                  {panelBody(false, true)}\n                </View>\n              );\n            })()}\n          </Pressable>\n        </Modal>\n      )}\n\n      {!usePopup && isModal && (\n        <Modal visible={open} transparent animationType=\"fade\">\n          <Pressable style={styles.modalOverlay} onPress={close}>\n            <View\n              style={[styles.modalPanel, { backgroundColor: colors.bg }]}\n              onStartShouldSetResponder={() => true}\n            >\n              {panelBody(true, true)}\n            </View>\n          </Pressable>\n        </Modal>\n      )}\n\n      {/* Popup — the container comes from the wrapper (this library's own\n          Dialog in sheet position); everything inside it is the same body the\n          other two containers render. */}\n      {usePopup && renderPopup!({\n        visible: open,\n        onClose: close,\n        title: popupTitle,\n        children: panelBody(true, false),\n      })}\n\n    </View>\n  );\n}\n\n/* ---------------------------------------------\n Styles (layout only — colors applied inline via theme tokens)\n---------------------------------------------- */\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n    position: \"relative\" as const,\n  },\n  control: {\n    flexDirection: \"row\" as const,\n    alignItems: \"center\" as const,\n    justifyContent: \"space-between\" as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n  /* The label takes the row's spare width so `textAlign` has somewhere to\n     push to. Without it the Text shrink-wraps its glyphs and the alignment\n     has no effect — the first attempt at this fix set only `textAlign` and\n     changed nothing on screen. */\n  optionLabelFill: {\n    flex: 1,\n  },\n  option: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    flexDirection: \"row\" as const,\n    justifyContent: \"space-between\" as const,\n    alignItems: \"center\" as const,\n  },\n  groupLabel: {\n    paddingHorizontal: 12,\n    paddingVertical: 8,\n    fontWeight: \"600\" as const,\n  },\n  input: {\n    flex: 1,\n  },\n  panel: {\n    position: \"absolute\" as const,\n    top: \"100%\",\n    left: 0,\n    right: 0,\n    marginTop: 4,\n    borderWidth: 1,\n    borderRadius: 6,\n    maxHeight: 260,\n    overflow: \"hidden\" as const,\n    zIndex: 9999,\n  },\n  filterContainer: {\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderBottomWidth: 1,\n  },\n  listFill: {\n    flex: 1,\n  },\n  // The anchored panel is sized by `maxHeight` with no height, so the list has\n  // to grow with its content up to that ceiling and then scroll inside it.\n  // `flex: 1` sets flexBasis 0, which contributes nothing to a shrink-wrapping\n  // parent.\n  listShrink: {\n    flexGrow: 0,\n    flexShrink: 1,\n  },\n  /* R51 — one grid row. `gap` spaces the cells; each cell takes an equal\n     share through `flex: 1` on the item wrapper below. */\n  gridRow: {\n    gap: 4,\n    paddingHorizontal: 4,\n  },\n  listContent: {\n    paddingBottom: 12,\n  },\n  filterInput: {\n    fontSize: 14,\n    paddingHorizontal: 8,\n    paddingVertical: 6,\n    borderWidth: 1,\n    borderRadius: 4,\n  },\n  filterLtr: {\n    textAlign: 'left' as const,\n    writingDirection: 'ltr' as const,\n  },\n  filterRtl: {\n    textAlign: 'right' as const,\n    writingDirection: 'rtl' as const,\n  },\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center' as const,\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n  popoverOverlay: {\n    flex: 1,\n    backgroundColor: 'transparent',\n  },\n  popoverPanel: {\n    position: 'absolute' as const,\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden' as const,\n    elevation: 8,\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.15,\n    shadowRadius: 8,\n  },\n  modalOverlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0,0,0,0.4)',\n    justifyContent: 'center' as const,\n  },\n  modalPanel: {\n    margin: 24,\n    maxHeight: '70%',\n    borderRadius: 12,\n    overflow: 'hidden' as const,\n  },\n});\n"],"names":[],"mappings":"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"}