@g9tm/lynxcontrols 1.4.7 → 1.4.11

package/dist/pickers/date-time-picker.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"pickers/date-time-picker.jsx","sources":["../../src/pickers/date-time-picker.tsx"],"sourcesContent":["import './pickers.css';\nimport {\n  daysInMonth,\n  formatColor,\n  type G9CalendarSystem,\n  type G9Culture,\n  G9DateTimeDisplayFormat,\n  G9DateTimePickerMode,\n  type G9LocalDate,\n  type G9LocalDateTime,\n  G9StringKey,\n  localDateTimeFromDate,\n  withAlpha,\n} from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Culture, useG9Service, useG9Settings, useG9Strings, useG9Theme } from '../provider/hooks';\nimport { useG9Sheets } from '../sheet/service';\nimport {\n  asDateTime,\n  clampPickerValue,\n  composePickerValue,\n  dayWheelItems,\n  formatPickerValue,\n  hourWheelItems,\n  minuteWheelItems,\n  monthWheelItems,\n  normalizePickerBounds,\n  pickerParts,\n  resolvePickerCalendar,\n  yearWheelItems,\n  yearWindow,\n} from './date-time';\nimport { PickerSheetHeader, showPickerSheet } from './picker-sheet';\nimport { type G9PickerFieldProps, PickerField, usePickerOpen } from './trigger';\nimport { G9WheelColumn } from './wheel-column';\n\n/** Years the year window grows by at an edge (MAUI `YearWindowStep`). */\nexport const g9YearWindowStep = 25;\n\n/** Props of {@link G9DateTimePicker}. */\nexport interface G9DateTimePickerProps extends G9PickerFieldProps {\n  /** The value, always Gregorian (MAUI `SelectedDateTime`); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: G9LocalDateTime | null;\n  readonly defaultValue?: G9LocalDateTime | null;\n  readonly onValueChange?: (value: G9LocalDateTime | null) => void;\n  /** Default `'date'`. */\n  readonly mode?: G9DateTimePickerMode;\n  /** Default `'shortDate'`. */\n  readonly displayFormat?: G9DateTimeDisplayFormat;\n  /** Text of the `'custom'` format (MAUI `FormattedDisplayText`). */\n  readonly formattedDisplayText?: string | null;\n  readonly minDate?: G9LocalDate | null;\n  readonly maxDate?: G9LocalDate | null;\n  /** Hours 0–23 instead of 12-hour AM/PM. Default false. */\n  readonly twentyFourHourDisplay?: boolean;\n  /**\n   * Default true (MAUI `RestoreOnCancel`): Cancel or a dismissal puts back the value the picker had when it opened if\n   * it changed meanwhile. False leaves the current value.\n   */\n  readonly restoreOnCancel?: boolean;\n  /** The Today / Now chip. Default true. */\n  readonly showTodayButton?: boolean;\n  /** Calendar override; default Persian for `fa`, else Gregorian (follows the language, not the direction). */\n  readonly calendar?: G9CalendarSystem | null;\n  /** Done confirmed a value (MAUI `DateTimeSelected`). */\n  readonly onDateTimeSelected?: (value: G9LocalDateTime) => void;\n}\n\ninterface SheetBodyProps {\n  readonly title: string;\n  readonly initial: G9LocalDateTime;\n  readonly now: () => G9LocalDateTime;\n  readonly mode: G9DateTimePickerMode;\n  readonly calendar: G9CalendarSystem;\n  readonly culture: G9Culture;\n  readonly bounds: { min: G9LocalDateTime | null; max: G9LocalDateTime | null };\n  readonly twentyFourHour: boolean;\n  readonly showToday: boolean;\n  readonly format: (value: G9LocalDateTime) => string;\n  readonly done: (value: G9LocalDateTime) => void;\n  readonly cancel: () => void;\n}\n\n/** The drum sheet body (MAUI `G9DateTimePickerSheet`): header, live preview, Today/Now chip, the wheels. */\nexport function DateTimeSheetBody(props: SheetBodyProps): ReactNode {\n  const strings = useG9Strings();\n  const palette = useG9Theme().palette;\n  const glyphs = useG9Settings().glyphs;\n  const { calendar, culture, bounds, mode } = props;\n  const [value, setValueState] = useState(() => clampPickerValue(props.initial, bounds, calendar));\n  // The latest value, written synchronously: a wheel that settles and a Done tap (or a second wheel) can arrive before\n  // the re-render binds handlers that close over the new state. Reading the render's `value` there returned the old\n  // one, and a second wheel overwrote the first (seen on the Windows CI agent, Azure builds 539/541).\n  const latest = useRef(value);\n  const setValue = (next: G9LocalDateTime) => {\n    latest.current = next;\n    setValueState(next);\n  };\n  const partsOf = (v: G9LocalDateTime) => ({ ...pickerParts(v, calendar), hour: v.hour, minute: v.minute });\n  const parts = partsOf(value);\n  const minYear = bounds.min ? pickerParts(bounds.min, calendar).year : null;\n  const maxYear = bounds.max ? pickerParts(bounds.max, calendar).year : null;\n  const [years, setYears] = useState(() => yearWindow(parts.year, minYear, maxYear));\n  // A value outside the window (Today, a clamp) rebuilds it around the value.\n  const window_ = parts.year < years.from || parts.year > years.to ? yearWindow(parts.year, minYear, maxYear) : years;\n  const change = (patch: Partial<typeof parts>) =>\n    setValue(composePickerValue({ ...partsOf(latest.current), ...patch }, calendar, bounds));\n  const grow = (edge: 'start' | 'end') =>\n    setYears((w) =>\n      edge === 'end'\n        ? { from: w.from, to: Math.min(maxYear ?? 9999, 9999, w.to + g9YearWindowStep) }\n        : { from: Math.max(minYear ?? 1, 1, w.from - g9YearWindowStep), to: w.to },\n    );\n  const today = useG9Press(\n    () => {\n      const now = props.now();\n      setValue(clampPickerValue(mode === G9DateTimePickerMode.Date ? asDateTime(now) : now, bounds, calendar));\n    },\n    { source: 'G9DateTimePicker', guardMs: 0 },\n  );\n  const showDate = mode !== G9DateTimePickerMode.Time;\n  const showTime = mode !== G9DateTimePickerMode.Date;\n  return (\n    <view className=\"g9-picker-sheet\">\n      <PickerSheetHeader title={props.title} onCancel={props.cancel} onDone={() => props.done(latest.current)} />\n      <text className=\"g9-picker-sheet__preview\" text-maxline=\"1\">\n        {props.format(value)}\n      </text>\n      {props.showToday ? (\n        // MAUI CreateTodayChip: a 14 dp calendar and 12 bold Primary text, 6 apart, in a pill of Primary 8 % with a\n        // Primary 30 % stroke.\n        <view\n          className=\"g9-picker-sheet__today\"\n          accessibility-element={true}\n          accessibility-traits=\"button\"\n          bindtap={today}\n          style={{\n            ...g9RowStyle(culture.direction),\n            backgroundColor: formatColor(withAlpha(palette.Primary, 0.08)),\n            borderColor: formatColor(withAlpha(palette.Primary, 0.3)),\n          }}\n        >\n          <G9IconSlot icon={glyphs.calendarToday} size={14} color={palette.Primary} />\n          <text className=\"g9-picker-sheet__today-text\">\n            {strings.get(mode === G9DateTimePickerMode.Time ? G9StringKey.Now : G9StringKey.Today)}\n          </text>\n        </view>\n      ) : null}\n      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>\n        {showDate ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Day)}\n            items={dayWheelItems(daysInMonth(calendar, parts.year, parts.month), culture)}\n            value={parts.day}\n            onValueChange={(day) => change({ day })}\n          />\n        ) : null}\n        {showDate ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Month)}\n            weight={1.7}\n            items={monthWheelItems(calendar, culture)}\n            value={parts.month}\n            onValueChange={(month) => change({ month })}\n          />\n        ) : null}\n        {showDate ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Year)}\n            items={yearWheelItems(window_.from, window_.to, culture)}\n            value={parts.year}\n            onValueChange={(year) => change({ year })}\n            onNearEdge={grow}\n          />\n        ) : null}\n        {showTime ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Hour)}\n            items={hourWheelItems(props.twentyFourHour, culture)}\n            value={parts.hour}\n            onValueChange={(hour) => change({ hour })}\n          />\n        ) : null}\n        {showTime ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Minute)}\n            items={minuteWheelItems(culture)}\n            value={parts.minute}\n            onValueChange={(minute) => change({ minute })}\n          />\n        ) : null}\n      </view>\n    </view>\n  );\n}\n\n/**\n * Date, time or date-time in an outlined box (MAUI `G9DateTimePicker`): a tap opens the drum sheet (Cancel, title,\n * Done, live preview, Today/Now, day/month/year and hour/minute wheels). The calendar follows the language (`fa` →\n * Persian) unless `calendar` is set; the value stays Gregorian. Min/max clamp the drums (they roll onto the clamped\n * value); a day past the month's end clamps to its last day. Done writes the value and fires `onDateTimeSelected`;\n * Cancel and dismissals write nothing (see `restoreOnCancel`). Must be inside a `G9Host`.\n */\nexport function G9DateTimePicker(props: G9DateTimePickerProps): ReactNode {\n  const sheets = useG9Sheets();\n  const culture = useG9Culture();\n  const strings = useG9Strings();\n  const glyphs = useG9Settings().glyphs;\n  const clock = useG9Service('clock');\n  const open = usePickerOpen();\n  const [value, setValue] = useControllableState<G9LocalDateTime | null>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9DateTimePicker.value',\n  });\n  const latest = useRef({ props, value });\n  latest.current = { props, value };\n  const mode = props.mode ?? G9DateTimePickerMode.Date;\n  const calendar = resolvePickerCalendar(culture, props.calendar);\n  const format = (v: G9LocalDateTime) =>\n    formatPickerValue(v, culture, {\n      mode,\n      displayFormat: props.displayFormat ?? G9DateTimeDisplayFormat.ShortDate,\n      twentyFourHour: props.twentyFourHourDisplay === true,\n      calendar,\n      customText: props.formattedDisplayText ?? null,\n    });\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const previous = latest.current.value;\n      const p = latest.current.props;\n      const now = () => localDateTimeFromDate(new Date(clock.now()));\n      const title = p.label?.trim()\n        ? p.label\n        : strings.get(\n            mode === G9DateTimePickerMode.Time\n              ? G9StringKey.SelectTime\n              : mode === G9DateTimePickerMode.DateTime\n                ? G9StringKey.SelectDateTime\n                : G9StringKey.SelectDate,\n          );\n      const bounds = normalizePickerBounds(p.minDate, p.maxDate, calendar);\n      const result = await showPickerSheet<G9LocalDateTime>(sheets, ({ done, cancel }) => (\n        <DateTimeSheetBody\n          title={title}\n          initial={previous ?? now()}\n          now={now}\n          mode={mode}\n          calendar={calendar}\n          culture={culture}\n          bounds={bounds}\n          twentyFourHour={p.twentyFourHourDisplay === true}\n          showToday={p.showTodayButton !== false}\n          format={format}\n          done={done}\n          cancel={cancel}\n        />\n      ));\n      if (!isCurrent()) return;\n      if (result) {\n        setValue(result);\n        latest.current.props.onDateTimeSelected?.(result);\n      } else if (latest.current.props.restoreOnCancel !== false && latest.current.value !== previous) {\n        setValue(previous);\n      }\n    });\n\n  return (\n    <PickerField\n      field={{ trailingIcon: mode === G9DateTimePickerMode.Time ? glyphs.clock : glyphs.calendar, ...props }}\n      hasValue={value !== null}\n      onOpen={onOpen}\n    >\n      <text className={`g9-picker__text${value ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {value ? format(value) : props.label ? '' : (props.placeholder ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["g9YearWindowStep","DateTimeSheetBody","props","strings","useG9Strings","palette","useG9Theme","glyphs","useG9Settings","calendar","culture","bounds","mode","value","setValueState","useState","clampPickerValue","latest","useRef","setValue","next","partsOf","v","pickerParts","parts","minYear","maxYear","years","setYears","yearWindow","window_","change","patch","composePickerValue","grow","edge","w","Math","today","useG9Press","now","G9DateTimePickerMode","asDateTime","showDate","showTime","view","PickerSheetHeader","text","g9RowStyle","formatColor","withAlpha","G9IconSlot","G9StringKey","G9WheelColumn","dayWheelItems","daysInMonth","day","monthWheelItems","month","yearWheelItems","year","hourWheelItems","hour","minuteWheelItems","minute","G9DateTimePicker","_props_defaultValue","_props_mode","_props_placeholder","sheets","useG9Sheets","useG9Culture","clock","useG9Service","open","usePickerOpen","useControllableState","resolvePickerCalendar","format","_props_displayFormat","_props_formattedDisplayText","formatPickerValue","G9DateTimeDisplayFormat","onOpen","isCurrent","_p_label","previous","p","localDateTimeFromDate","Date","title","normalizePickerBounds","result","showPickerSheet","done","cancel","_latest_current_props","PickerField"],"mappings":"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"}
+{"version":3,"file":"pickers/date-time-picker.jsx","sources":["../../src/pickers/date-time-picker.tsx"],"sourcesContent":["import { resolveRestingPlaceholder } from '../fields/outlined-field';\nimport './pickers.css';\nimport {\n  daysInMonth,\n  formatColor,\n  type G9CalendarSystem,\n  type G9Culture,\n  G9DateTimeDisplayFormat,\n  G9DateTimePickerMode,\n  type G9LocalDate,\n  type G9LocalDateTime,\n  G9StringKey,\n  localDateTimeFromDate,\n  withAlpha,\n} from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport { useG9Press } from '../base/press';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { G9IconSlot } from '../icon/slot';\nimport { useG9Culture, useG9Service, useG9Settings, useG9Strings, useG9Theme } from '../provider/hooks';\nimport { useG9Sheets } from '../sheet/service';\nimport {\n  asDateTime,\n  clampPickerValue,\n  composePickerValue,\n  dayWheelItems,\n  formatPickerValue,\n  hourWheelItems,\n  minuteWheelItems,\n  monthWheelItems,\n  normalizePickerBounds,\n  pickerParts,\n  resolvePickerCalendar,\n  yearWheelItems,\n  yearWindow,\n} from './date-time';\nimport { PickerSheetHeader, showPickerSheet } from './picker-sheet';\nimport { type G9PickerFieldProps, PickerField, usePickerOpen } from './trigger';\nimport { G9WheelColumn } from './wheel-column';\n\n/** Years the year window grows by at an edge (MAUI `YearWindowStep`: 12 since 1.4.11, was 25). */\nexport const g9YearWindowStep = 12;\n\n/** Props of {@link G9DateTimePicker}. */\nexport interface G9DateTimePickerProps extends G9PickerFieldProps {\n  /** The value, always Gregorian (MAUI `SelectedDateTime`); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: G9LocalDateTime | null;\n  readonly defaultValue?: G9LocalDateTime | null;\n  readonly onValueChange?: (value: G9LocalDateTime | null) => void;\n  /** Default `'date'`. */\n  readonly mode?: G9DateTimePickerMode;\n  /** Default `'shortDate'`. */\n  readonly displayFormat?: G9DateTimeDisplayFormat;\n  /** Text of the `'custom'` format (MAUI `FormattedDisplayText`). */\n  readonly formattedDisplayText?: string | null;\n  readonly minDate?: G9LocalDate | null;\n  readonly maxDate?: G9LocalDate | null;\n  /** Hours 0–23 instead of 12-hour AM/PM. Default false. */\n  readonly twentyFourHourDisplay?: boolean;\n  /**\n   * Default true (MAUI `RestoreOnCancel`): Cancel or a dismissal puts back the value the picker had when it opened if\n   * it changed meanwhile. False leaves the current value.\n   */\n  readonly restoreOnCancel?: boolean;\n  /** The Today / Now chip. Default true. */\n  readonly showTodayButton?: boolean;\n  /** Calendar override; default Persian for `fa`, else Gregorian (follows the language, not the direction). */\n  readonly calendar?: G9CalendarSystem | null;\n  /** Done confirmed a value (MAUI `DateTimeSelected`). */\n  readonly onDateTimeSelected?: (value: G9LocalDateTime) => void;\n}\n\ninterface SheetBodyProps {\n  readonly title: string;\n  readonly initial: G9LocalDateTime;\n  readonly now: () => G9LocalDateTime;\n  readonly mode: G9DateTimePickerMode;\n  readonly calendar: G9CalendarSystem;\n  readonly culture: G9Culture;\n  readonly bounds: { min: G9LocalDateTime | null; max: G9LocalDateTime | null };\n  readonly twentyFourHour: boolean;\n  readonly showToday: boolean;\n  readonly format: (value: G9LocalDateTime) => string;\n  readonly done: (value: G9LocalDateTime) => void;\n  readonly cancel: () => void;\n}\n\n/** The drum sheet body (MAUI `G9DateTimePickerSheet`): header, live preview, Today/Now chip, the wheels. */\nexport function DateTimeSheetBody(props: SheetBodyProps): ReactNode {\n  const strings = useG9Strings();\n  const palette = useG9Theme().palette;\n  const glyphs = useG9Settings().glyphs;\n  const { calendar, culture, bounds, mode } = props;\n  const [value, setValueState] = useState(() => clampPickerValue(props.initial, bounds, calendar));\n  // The latest value, written synchronously: a wheel that settles and a Done tap (or a second wheel) can arrive before\n  // the re-render binds handlers that close over the new state. Reading the render's `value` there returned the old\n  // one, and a second wheel overwrote the first (seen on the Windows CI agent, Azure builds 539/541).\n  const latest = useRef(value);\n  const setValue = (next: G9LocalDateTime) => {\n    latest.current = next;\n    setValueState(next);\n  };\n  const partsOf = (v: G9LocalDateTime) => ({ ...pickerParts(v, calendar), hour: v.hour, minute: v.minute });\n  const parts = partsOf(value);\n  const minYear = bounds.min ? pickerParts(bounds.min, calendar).year : null;\n  const maxYear = bounds.max ? pickerParts(bounds.max, calendar).year : null;\n  const [years, setYears] = useState(() => yearWindow(parts.year, minYear, maxYear));\n  // A value outside the window (Today, a clamp) rebuilds it around the value.\n  const window_ = parts.year < years.from || parts.year > years.to ? yearWindow(parts.year, minYear, maxYear) : years;\n  const change = (patch: Partial<typeof parts>) =>\n    setValue(composePickerValue({ ...partsOf(latest.current), ...patch }, calendar, bounds));\n  const grow = (edge: 'start' | 'end') =>\n    setYears((w) =>\n      edge === 'end'\n        ? { from: w.from, to: Math.min(maxYear ?? 9999, 9999, w.to + g9YearWindowStep) }\n        : { from: Math.max(minYear ?? 1, 1, w.from - g9YearWindowStep), to: w.to },\n    );\n  const today = useG9Press(\n    () => {\n      const now = props.now();\n      setValue(clampPickerValue(mode === G9DateTimePickerMode.Date ? asDateTime(now) : now, bounds, calendar));\n    },\n    { source: 'G9DateTimePicker', guardMs: 0 },\n  );\n  const showDate = mode !== G9DateTimePickerMode.Time;\n  const showTime = mode !== G9DateTimePickerMode.Date;\n  return (\n    <view className=\"g9-picker-sheet\">\n      <PickerSheetHeader title={props.title} onCancel={props.cancel} onDone={() => props.done(latest.current)} />\n      <text className=\"g9-picker-sheet__preview\" text-maxline=\"1\">\n        {props.format(value)}\n      </text>\n      {props.showToday ? (\n        // MAUI CreateTodayChip: a 14 dp calendar and 12 bold Primary text, 6 apart, in a pill of Primary 8 % with a\n        // Primary 30 % stroke.\n        <view\n          className=\"g9-picker-sheet__today\"\n          accessibility-element={true}\n          accessibility-traits=\"button\"\n          bindtap={today}\n          style={{\n            ...g9RowStyle(culture.direction),\n            backgroundColor: formatColor(withAlpha(palette.Primary, 0.08)),\n            borderColor: formatColor(withAlpha(palette.Primary, 0.3)),\n          }}\n        >\n          <G9IconSlot icon={glyphs.calendarToday} size={14} color={palette.Primary} />\n          <text className=\"g9-picker-sheet__today-text\">\n            {strings.get(mode === G9DateTimePickerMode.Time ? G9StringKey.Now : G9StringKey.Today)}\n          </text>\n        </view>\n      ) : null}\n      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>\n        {showDate ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Day)}\n            items={dayWheelItems(daysInMonth(calendar, parts.year, parts.month), culture)}\n            value={parts.day}\n            onValueChange={(day) => change({ day })}\n          />\n        ) : null}\n        {showDate ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Month)}\n            weight={1.7}\n            items={monthWheelItems(calendar, culture)}\n            value={parts.month}\n            onValueChange={(month) => change({ month })}\n          />\n        ) : null}\n        {showDate ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Year)}\n            items={yearWheelItems(window_.from, window_.to, culture)}\n            value={parts.year}\n            onValueChange={(year) => change({ year })}\n            onNearEdge={grow}\n          />\n        ) : null}\n        {showTime ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Hour)}\n            items={hourWheelItems(props.twentyFourHour, culture)}\n            value={parts.hour}\n            onValueChange={(hour) => change({ hour })}\n          />\n        ) : null}\n        {showTime ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Minute)}\n            items={minuteWheelItems(culture)}\n            value={parts.minute}\n            onValueChange={(minute) => change({ minute })}\n          />\n        ) : null}\n      </view>\n    </view>\n  );\n}\n\n/**\n * Date, time or date-time in an outlined box (MAUI `G9DateTimePicker`): a tap opens the drum sheet (Cancel, title,\n * Done, live preview, Today/Now, day/month/year and hour/minute wheels). The calendar follows the language (`fa` →\n * Persian) unless `calendar` is set; the value stays Gregorian. Min/max clamp the drums (they roll onto the clamped\n * value); a day past the month's end clamps to its last day. Done writes the value and fires `onDateTimeSelected`;\n * Cancel and dismissals write nothing (see `restoreOnCancel`). Must be inside a `G9Host`.\n */\nexport function G9DateTimePicker(props: G9DateTimePickerProps): ReactNode {\n  const sheets = useG9Sheets();\n  const culture = useG9Culture();\n  const strings = useG9Strings();\n  const glyphs = useG9Settings().glyphs;\n  const clock = useG9Service('clock');\n  const open = usePickerOpen();\n  const [value, setValue] = useControllableState<G9LocalDateTime | null>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9DateTimePicker.value',\n  });\n  const latest = useRef({ props, value });\n  latest.current = { props, value };\n  const mode = props.mode ?? G9DateTimePickerMode.Date;\n  const calendar = resolvePickerCalendar(culture, props.calendar);\n  const format = (v: G9LocalDateTime) =>\n    formatPickerValue(v, culture, {\n      mode,\n      displayFormat: props.displayFormat ?? G9DateTimeDisplayFormat.ShortDate,\n      twentyFourHour: props.twentyFourHourDisplay === true,\n      calendar,\n      customText: props.formattedDisplayText ?? null,\n    });\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const previous = latest.current.value;\n      const p = latest.current.props;\n      const now = () => localDateTimeFromDate(new Date(clock.now()));\n      const title = p.label?.trim()\n        ? p.label\n        : strings.get(\n            mode === G9DateTimePickerMode.Time\n              ? G9StringKey.SelectTime\n              : mode === G9DateTimePickerMode.DateTime\n                ? G9StringKey.SelectDateTime\n                : G9StringKey.SelectDate,\n          );\n      const bounds = normalizePickerBounds(p.minDate, p.maxDate, calendar);\n      const result = await showPickerSheet<G9LocalDateTime>(sheets, ({ done, cancel }) => (\n        <DateTimeSheetBody\n          title={title}\n          initial={previous ?? now()}\n          now={now}\n          mode={mode}\n          calendar={calendar}\n          culture={culture}\n          bounds={bounds}\n          twentyFourHour={p.twentyFourHourDisplay === true}\n          showToday={p.showTodayButton !== false}\n          format={format}\n          done={done}\n          cancel={cancel}\n        />\n      ));\n      if (!isCurrent()) return;\n      if (result) {\n        setValue(result);\n        latest.current.props.onDateTimeSelected?.(result);\n      } else if (latest.current.props.restoreOnCancel !== false && latest.current.value !== previous) {\n        setValue(previous);\n      }\n    });\n\n  return (\n    <PickerField\n      field={{ trailingIcon: mode === G9DateTimePickerMode.Time ? glyphs.clock : glyphs.calendar, ...props }}\n      hasValue={value !== null}\n      onOpen={onOpen}\n    >\n      <text className={`g9-picker__text${value ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {value ? format(value) : (resolveRestingPlaceholder(props) ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["g9YearWindowStep","DateTimeSheetBody","props","strings","useG9Strings","palette","useG9Theme","glyphs","useG9Settings","calendar","culture","bounds","mode","value","setValueState","useState","clampPickerValue","latest","useRef","setValue","next","partsOf","v","pickerParts","parts","minYear","maxYear","years","setYears","yearWindow","window_","change","patch","composePickerValue","grow","edge","w","Math","today","useG9Press","now","G9DateTimePickerMode","asDateTime","showDate","showTime","view","PickerSheetHeader","text","g9RowStyle","formatColor","withAlpha","G9IconSlot","G9StringKey","G9WheelColumn","dayWheelItems","daysInMonth","day","monthWheelItems","month","yearWheelItems","year","hourWheelItems","hour","minuteWheelItems","minute","G9DateTimePicker","_props_defaultValue","_props_mode","_resolveRestingPlaceholder","sheets","useG9Sheets","useG9Culture","clock","useG9Service","open","usePickerOpen","useControllableState","resolvePickerCalendar","format","_props_displayFormat","_props_formattedDisplayText","formatPickerValue","G9DateTimeDisplayFormat","onOpen","isCurrent","_p_label","previous","p","localDateTimeFromDate","Date","title","normalizePickerBounds","result","showPickerSheet","done","cancel","_latest_current_props","PickerField"],"mappings":"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"}

package/dist/pickers/date-time.d.ts

@@ -4,8 +4,11 @@ export interface G9WheelItem<V extends string | number = number> {
     readonly value: V;
     readonly text: string;
 }
-/** Year rows are a window of at most ±50 years around the selection (MAUI `YearWindowRadius`). */
-export declare const g9YearWindowRadius = 50;
+/**
+ * Year rows are a window of at most ±12 years around the selection (MAUI `YearWindowRadius`; 50 until 1.4.11, when the
+ * picker began to open pre-built: every row is paid for in the tap-to-open time, and the window grows at both edges).
+ */
+export declare const g9YearWindowRadius = 12;
 /** The calendar a picker shows: the explicit one, else Persian for a `fa` culture, else Gregorian (MAUI rule). */
 export declare function resolvePickerCalendar(culture: G9Culture, calendar?: G9CalendarSystem | null): G9CalendarSystem;
 /** A date-time with its time part (a plain date reads as midnight). */

package/dist/pickers/date-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../src/pickers/date-time.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../src/pickers/date-time.ts"],"names":[],"mappings":"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"}

package/dist/pickers/date-time.jsx

@@ -1,5 +1,5 @@
 import { G9DateTimeDisplayFormat, G9DateTimePickerMode, clampToPersianRange, compareLocal, daysInMonth, formatLocalDateTime, fromCalendarDate, getMonthNames, isPersianLanguage, isSupportedByPersianCalendar, localDateTime, toCalendarDate, toNativeDigits } from "@g9tm/lynxcontrols-foundation";
-const g9YearWindowRadius = 50;
+const g9YearWindowRadius = 12;
 function resolvePickerCalendar(culture, calendar) {
     if (calendar) return calendar;
     return isPersianLanguage(culture) ? 'persian' : 'gregorian';

package/dist/pickers/date-time.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"pickers/date-time.jsx","sources":["../../src/pickers/date-time.ts"],"sourcesContent":["import {\n  clampToPersianRange,\n  compareLocal,\n  daysInMonth,\n  formatLocalDateTime,\n  fromCalendarDate,\n  type G9CalendarSystem,\n  type G9Culture,\n  G9DateTimeDisplayFormat,\n  G9DateTimePickerMode,\n  type G9LocalDate,\n  type G9LocalDateTime,\n  getMonthNames,\n  isPersianLanguage,\n  isSupportedByPersianCalendar,\n  localDateTime,\n  toCalendarDate,\n  toNativeDigits,\n} from '@g9tm/lynxcontrols-foundation';\n\n// Date math and text of the date/time picker (MAUI `G9DateTimePicker` + `G9DateTimePickerSheet`), Intl-free: every\n// calendar step goes through the foundation calendar functions.\n\n/** One wheel row: the value it stands for and its text. */\nexport interface G9WheelItem<V extends string | number = number> {\n  readonly value: V;\n  readonly text: string;\n}\n\n/** Year rows are a window of at most ±50 years around the selection (MAUI `YearWindowRadius`). */\nexport const g9YearWindowRadius = 50;\n\n/** The calendar a picker shows: the explicit one, else Persian for a `fa` culture, else Gregorian (MAUI rule). */\nexport function resolvePickerCalendar(culture: G9Culture, calendar?: G9CalendarSystem | null): G9CalendarSystem {\n  if (calendar) return calendar;\n  return isPersianLanguage(culture) ? 'persian' : 'gregorian';\n}\n\n/** A date-time with its time part (a plain date reads as midnight). */\nexport function asDateTime(value: G9LocalDate): G9LocalDateTime {\n  const t = value as Partial<G9LocalDateTime>;\n  return localDateTime(\n    value.year,\n    value.month,\n    value.day,\n    t.hour ?? 0,\n    t.minute ?? 0,\n    t.second ?? 0,\n    t.millisecond ?? 0,\n  );\n}\n\n/**\n * Min/max for a calendar: Persian bounds are pulled into the range the Persian calendar supports (from 0622-03-22),\n * and an inverted pair is swapped.\n */\nexport function normalizePickerBounds(\n  min: G9LocalDate | null | undefined,\n  max: G9LocalDate | null | undefined,\n  calendar: G9CalendarSystem,\n): { min: G9LocalDateTime | null; max: G9LocalDateTime | null } {\n  let lo = min ? asDateTime(min) : null;\n  let hi = max ? asDateTime(max) : null;\n  if (calendar === 'persian') {\n    lo = lo ? clampToPersianRange(lo) : null;\n    hi = hi ? clampToPersianRange(hi) : null;\n  }\n  if (lo && hi && compareDateTime(lo, hi) > 0) [lo, hi] = [hi, lo];\n  return { min: lo, max: hi };\n}\n\n/** Orders two date-times (date first, then time). */\nexport function compareDateTime(a: G9LocalDateTime, b: G9LocalDateTime): number {\n  const d = compareLocal(a, b);\n  if (d !== 0) return d;\n  return (\n    a.hour * 3_600_000 +\n    a.minute * 60_000 +\n    a.second * 1000 +\n    a.millisecond -\n    (b.hour * 3_600_000 + b.minute * 60_000 + b.second * 1000 + b.millisecond)\n  );\n}\n\n/** Clamps a value into `[min, max]` (either bound optional) and, for Persian, into the supported range. */\nexport function clampPickerValue(\n  value: G9LocalDateTime,\n  bounds: { min: G9LocalDateTime | null; max: G9LocalDateTime | null },\n  calendar: G9CalendarSystem,\n): G9LocalDateTime {\n  let v = calendar === 'persian' ? clampToPersianRange(value) : value;\n  if (bounds.min && compareDateTime(v, bounds.min) < 0) v = bounds.min;\n  if (bounds.max && compareDateTime(v, bounds.max) > 0) v = bounds.max;\n  return v;\n}\n\n/** The value's parts in the picker calendar (what the day/month/year wheels show). */\nexport function pickerParts(\n  value: G9LocalDateTime,\n  calendar: G9CalendarSystem,\n): {\n  year: number;\n  month: number;\n  day: number;\n} {\n  const c = toCalendarDate(value, calendar);\n  return { year: c.year, month: c.month, day: c.day };\n}\n\n/**\n * Builds the value from wheel parts: the day is clamped to the month's length (31 Farvardin → 30 Mehr, 29 Feb → 28\n * in a common year, Esfand 30 → 29), then the result is clamped to the bounds.\n */\nexport function composePickerValue(\n  parts: { year: number; month: number; day: number; hour: number; minute: number },\n  calendar: G9CalendarSystem,\n  bounds: { min: G9LocalDateTime | null; max: G9LocalDateTime | null },\n): G9LocalDateTime {\n  const day = Math.min(parts.day, daysInMonth(calendar, parts.year, parts.month));\n  const date = fromCalendarDate({ calendar, year: parts.year, month: parts.month, day });\n  return clampPickerValue(localDateTime(date.year, date.month, date.day, parts.hour, parts.minute), bounds, calendar);\n}\n\nconst digits = (culture: G9Culture, n: number, width: number) =>\n  toNativeDigits(String(n).padStart(width, '0'), culture.numberingSystem);\n\n/** Day rows 1…count (two digits, native numerals). */\nexport function dayWheelItems(count: number, culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: count }, (_, i) => ({ value: i + 1, text: digits(culture, i + 1, 2) }));\n}\n\n/** Month rows with the calendar's month names. */\nexport function monthWheelItems(calendar: G9CalendarSystem, culture: G9Culture): G9WheelItem[] {\n  return getMonthNames(calendar, culture).map((text, i) => ({ value: i + 1, text }));\n}\n\n/**\n * The year window (MAUI `BuildYears`): ±{@link g9YearWindowRadius} around `year`, inside the bounds' years (and the\n * calendar's 1…9999 range).\n */\nexport function yearWindow(year: number, minYear: number | null, maxYear: number | null): { from: number; to: number } {\n  const lo = Math.max(1, minYear ?? 1);\n  const hi = Math.min(9999, maxYear ?? 9999);\n  return { from: Math.max(lo, year - g9YearWindowRadius), to: Math.min(hi, year + g9YearWindowRadius) };\n}\n\n/** Year rows `from…to` (four digits, native numerals). */\nexport function yearWheelItems(from: number, to: number, culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: Math.max(0, to - from + 1) }, (_, i) => ({\n    value: from + i,\n    text: digits(culture, from + i, 4),\n  }));\n}\n\n/** Hour rows 0…23: `HH`, or `hh tt` in 12-hour display (MAUI `BuildHours`). */\nexport function hourWheelItems(twentyFourHour: boolean, culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: 24 }, (_, h) => ({\n    value: h,\n    text: formatLocalDateTime(localDateTime(2000, 1, 1, h), twentyFourHour ? 'HH' : 'hh tt', culture, {\n      calendar: 'gregorian',\n    }),\n  }));\n}\n\n/** Minute rows 0…59. */\nexport function minuteWheelItems(culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: 60 }, (_, m) => ({ value: m, text: digits(culture, m, 2) }));\n}\n\n/** Options of {@link formatPickerValue}. */\nexport interface G9PickerFormatOptions {\n  readonly mode?: G9DateTimePickerMode;\n  readonly displayFormat?: G9DateTimeDisplayFormat;\n  readonly twentyFourHour?: boolean;\n  readonly calendar?: G9CalendarSystem | null;\n  /** Text of the `'custom'` format (MAUI `FormattedDisplayText`); blank falls back to the short date. */\n  readonly customText?: string | null;\n}\n\n/**\n * The trigger and preview text (MAUI `FormatValue`). Gregorian: short `d MMM yyyy`, long `MMMM d, yyyy`, time\n * `HH:mm`/`hh:mm tt`, short date-time `d MMM yyyy, HH:mm`, long date-time `MMMM d, yyyy, hh:mm tt`. Persian:\n * `dd MMMM yyyy` and `{date}، {time}` (a date the Persian calendar cannot hold is written Gregorian). The `'time'`\n * mode always shows the time; `'custom'` shows `customText`.\n */\nexport function formatPickerValue(value: G9LocalDate, culture: G9Culture, options: G9PickerFormatOptions = {}): string {\n  const format = options.displayFormat ?? G9DateTimeDisplayFormat.ShortDate;\n  if (format === G9DateTimeDisplayFormat.Custom && options.customText && options.customText.trim() !== '') {\n    return options.customText;\n  }\n  const v = asDateTime(value);\n  const time = options.twentyFourHour ? 'HH:mm' : 'hh:mm tt';\n  const calendar = resolvePickerCalendar(culture, options.calendar);\n  const effective = options.mode === G9DateTimePickerMode.Time ? G9DateTimeDisplayFormat.TimeOnly : format;\n  if (calendar === 'persian' && isSupportedByPersianCalendar(v)) {\n    const fmt = (p: string) => formatLocalDateTime(v, p, culture, { calendar: 'persian' });\n    const date = fmt('dd MMMM yyyy');\n    if (effective === G9DateTimeDisplayFormat.TimeOnly) return fmt(time);\n    if (effective === G9DateTimeDisplayFormat.ShortDateTime || effective === G9DateTimeDisplayFormat.LongDateTime) {\n      return `${date}، ${fmt(time)}`;\n    }\n    return date;\n  }\n  const pattern =\n    effective === G9DateTimeDisplayFormat.LongDate\n      ? 'MMMM d, yyyy'\n      : effective === G9DateTimeDisplayFormat.TimeOnly\n        ? time\n        : effective === G9DateTimeDisplayFormat.ShortDateTime\n          ? 'd MMM yyyy, HH:mm'\n          : effective === G9DateTimeDisplayFormat.LongDateTime\n            ? 'MMMM d, yyyy, hh:mm tt'\n            : 'd MMM yyyy';\n  return formatLocalDateTime(v, pattern, culture, { calendar: 'gregorian' });\n}\n"],"names":["g9YearWindowRadius","resolvePickerCalendar","culture","calendar","isPersianLanguage","asDateTime","value","_t_hour","_t_minute","_t_second","_t_millisecond","t","localDateTime","normalizePickerBounds","min","max","lo","hi","clampToPersianRange","compareDateTime","a","b","d","compareLocal","clampPickerValue","bounds","v","pickerParts","c","toCalendarDate","composePickerValue","parts","day","Math","daysInMonth","date","fromCalendarDate","digits","n","width","toNativeDigits","String","dayWheelItems","count","Array","_","i","monthWheelItems","getMonthNames","text","yearWindow","year","minYear","maxYear","yearWheelItems","from","to","hourWheelItems","twentyFourHour","h","formatLocalDateTime","minuteWheelItems","m","formatPickerValue","options","_options_displayFormat","format","G9DateTimeDisplayFormat","time","effective","G9DateTimePickerMode","isSupportedByPersianCalendar","fmt","p","pattern"],"mappings":"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"}
+{"version":3,"file":"pickers/date-time.jsx","sources":["../../src/pickers/date-time.ts"],"sourcesContent":["import {\n  clampToPersianRange,\n  compareLocal,\n  daysInMonth,\n  formatLocalDateTime,\n  fromCalendarDate,\n  type G9CalendarSystem,\n  type G9Culture,\n  G9DateTimeDisplayFormat,\n  G9DateTimePickerMode,\n  type G9LocalDate,\n  type G9LocalDateTime,\n  getMonthNames,\n  isPersianLanguage,\n  isSupportedByPersianCalendar,\n  localDateTime,\n  toCalendarDate,\n  toNativeDigits,\n} from '@g9tm/lynxcontrols-foundation';\n\n// Date math and text of the date/time picker (MAUI `G9DateTimePicker` + `G9DateTimePickerSheet`), Intl-free: every\n// calendar step goes through the foundation calendar functions.\n\n/** One wheel row: the value it stands for and its text. */\nexport interface G9WheelItem<V extends string | number = number> {\n  readonly value: V;\n  readonly text: string;\n}\n\n/**\n * Year rows are a window of at most ±12 years around the selection (MAUI `YearWindowRadius`; 50 until 1.4.11, when the\n * picker began to open pre-built: every row is paid for in the tap-to-open time, and the window grows at both edges).\n */\nexport const g9YearWindowRadius = 12;\n\n/** The calendar a picker shows: the explicit one, else Persian for a `fa` culture, else Gregorian (MAUI rule). */\nexport function resolvePickerCalendar(culture: G9Culture, calendar?: G9CalendarSystem | null): G9CalendarSystem {\n  if (calendar) return calendar;\n  return isPersianLanguage(culture) ? 'persian' : 'gregorian';\n}\n\n/** A date-time with its time part (a plain date reads as midnight). */\nexport function asDateTime(value: G9LocalDate): G9LocalDateTime {\n  const t = value as Partial<G9LocalDateTime>;\n  return localDateTime(\n    value.year,\n    value.month,\n    value.day,\n    t.hour ?? 0,\n    t.minute ?? 0,\n    t.second ?? 0,\n    t.millisecond ?? 0,\n  );\n}\n\n/**\n * Min/max for a calendar: Persian bounds are pulled into the range the Persian calendar supports (from 0622-03-22),\n * and an inverted pair is swapped.\n */\nexport function normalizePickerBounds(\n  min: G9LocalDate | null | undefined,\n  max: G9LocalDate | null | undefined,\n  calendar: G9CalendarSystem,\n): { min: G9LocalDateTime | null; max: G9LocalDateTime | null } {\n  let lo = min ? asDateTime(min) : null;\n  let hi = max ? asDateTime(max) : null;\n  if (calendar === 'persian') {\n    lo = lo ? clampToPersianRange(lo) : null;\n    hi = hi ? clampToPersianRange(hi) : null;\n  }\n  if (lo && hi && compareDateTime(lo, hi) > 0) [lo, hi] = [hi, lo];\n  return { min: lo, max: hi };\n}\n\n/** Orders two date-times (date first, then time). */\nexport function compareDateTime(a: G9LocalDateTime, b: G9LocalDateTime): number {\n  const d = compareLocal(a, b);\n  if (d !== 0) return d;\n  return (\n    a.hour * 3_600_000 +\n    a.minute * 60_000 +\n    a.second * 1000 +\n    a.millisecond -\n    (b.hour * 3_600_000 + b.minute * 60_000 + b.second * 1000 + b.millisecond)\n  );\n}\n\n/** Clamps a value into `[min, max]` (either bound optional) and, for Persian, into the supported range. */\nexport function clampPickerValue(\n  value: G9LocalDateTime,\n  bounds: { min: G9LocalDateTime | null; max: G9LocalDateTime | null },\n  calendar: G9CalendarSystem,\n): G9LocalDateTime {\n  let v = calendar === 'persian' ? clampToPersianRange(value) : value;\n  if (bounds.min && compareDateTime(v, bounds.min) < 0) v = bounds.min;\n  if (bounds.max && compareDateTime(v, bounds.max) > 0) v = bounds.max;\n  return v;\n}\n\n/** The value's parts in the picker calendar (what the day/month/year wheels show). */\nexport function pickerParts(\n  value: G9LocalDateTime,\n  calendar: G9CalendarSystem,\n): {\n  year: number;\n  month: number;\n  day: number;\n} {\n  const c = toCalendarDate(value, calendar);\n  return { year: c.year, month: c.month, day: c.day };\n}\n\n/**\n * Builds the value from wheel parts: the day is clamped to the month's length (31 Farvardin → 30 Mehr, 29 Feb → 28\n * in a common year, Esfand 30 → 29), then the result is clamped to the bounds.\n */\nexport function composePickerValue(\n  parts: { year: number; month: number; day: number; hour: number; minute: number },\n  calendar: G9CalendarSystem,\n  bounds: { min: G9LocalDateTime | null; max: G9LocalDateTime | null },\n): G9LocalDateTime {\n  const day = Math.min(parts.day, daysInMonth(calendar, parts.year, parts.month));\n  const date = fromCalendarDate({ calendar, year: parts.year, month: parts.month, day });\n  return clampPickerValue(localDateTime(date.year, date.month, date.day, parts.hour, parts.minute), bounds, calendar);\n}\n\nconst digits = (culture: G9Culture, n: number, width: number) =>\n  toNativeDigits(String(n).padStart(width, '0'), culture.numberingSystem);\n\n/** Day rows 1…count (two digits, native numerals). */\nexport function dayWheelItems(count: number, culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: count }, (_, i) => ({ value: i + 1, text: digits(culture, i + 1, 2) }));\n}\n\n/** Month rows with the calendar's month names. */\nexport function monthWheelItems(calendar: G9CalendarSystem, culture: G9Culture): G9WheelItem[] {\n  return getMonthNames(calendar, culture).map((text, i) => ({ value: i + 1, text }));\n}\n\n/**\n * The year window (MAUI `BuildYears`): ±{@link g9YearWindowRadius} around `year`, inside the bounds' years (and the\n * calendar's 1…9999 range).\n */\nexport function yearWindow(year: number, minYear: number | null, maxYear: number | null): { from: number; to: number } {\n  const lo = Math.max(1, minYear ?? 1);\n  const hi = Math.min(9999, maxYear ?? 9999);\n  return { from: Math.max(lo, year - g9YearWindowRadius), to: Math.min(hi, year + g9YearWindowRadius) };\n}\n\n/** Year rows `from…to` (four digits, native numerals). */\nexport function yearWheelItems(from: number, to: number, culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: Math.max(0, to - from + 1) }, (_, i) => ({\n    value: from + i,\n    text: digits(culture, from + i, 4),\n  }));\n}\n\n/** Hour rows 0…23: `HH`, or `hh tt` in 12-hour display (MAUI `BuildHours`). */\nexport function hourWheelItems(twentyFourHour: boolean, culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: 24 }, (_, h) => ({\n    value: h,\n    text: formatLocalDateTime(localDateTime(2000, 1, 1, h), twentyFourHour ? 'HH' : 'hh tt', culture, {\n      calendar: 'gregorian',\n    }),\n  }));\n}\n\n/** Minute rows 0…59. */\nexport function minuteWheelItems(culture: G9Culture): G9WheelItem[] {\n  return Array.from({ length: 60 }, (_, m) => ({ value: m, text: digits(culture, m, 2) }));\n}\n\n/** Options of {@link formatPickerValue}. */\nexport interface G9PickerFormatOptions {\n  readonly mode?: G9DateTimePickerMode;\n  readonly displayFormat?: G9DateTimeDisplayFormat;\n  readonly twentyFourHour?: boolean;\n  readonly calendar?: G9CalendarSystem | null;\n  /** Text of the `'custom'` format (MAUI `FormattedDisplayText`); blank falls back to the short date. */\n  readonly customText?: string | null;\n}\n\n/**\n * The trigger and preview text (MAUI `FormatValue`). Gregorian: short `d MMM yyyy`, long `MMMM d, yyyy`, time\n * `HH:mm`/`hh:mm tt`, short date-time `d MMM yyyy, HH:mm`, long date-time `MMMM d, yyyy, hh:mm tt`. Persian:\n * `dd MMMM yyyy` and `{date}، {time}` (a date the Persian calendar cannot hold is written Gregorian). The `'time'`\n * mode always shows the time; `'custom'` shows `customText`.\n */\nexport function formatPickerValue(value: G9LocalDate, culture: G9Culture, options: G9PickerFormatOptions = {}): string {\n  const format = options.displayFormat ?? G9DateTimeDisplayFormat.ShortDate;\n  if (format === G9DateTimeDisplayFormat.Custom && options.customText && options.customText.trim() !== '') {\n    return options.customText;\n  }\n  const v = asDateTime(value);\n  const time = options.twentyFourHour ? 'HH:mm' : 'hh:mm tt';\n  const calendar = resolvePickerCalendar(culture, options.calendar);\n  const effective = options.mode === G9DateTimePickerMode.Time ? G9DateTimeDisplayFormat.TimeOnly : format;\n  if (calendar === 'persian' && isSupportedByPersianCalendar(v)) {\n    const fmt = (p: string) => formatLocalDateTime(v, p, culture, { calendar: 'persian' });\n    const date = fmt('dd MMMM yyyy');\n    if (effective === G9DateTimeDisplayFormat.TimeOnly) return fmt(time);\n    if (effective === G9DateTimeDisplayFormat.ShortDateTime || effective === G9DateTimeDisplayFormat.LongDateTime) {\n      return `${date}، ${fmt(time)}`;\n    }\n    return date;\n  }\n  const pattern =\n    effective === G9DateTimeDisplayFormat.LongDate\n      ? 'MMMM d, yyyy'\n      : effective === G9DateTimeDisplayFormat.TimeOnly\n        ? time\n        : effective === G9DateTimeDisplayFormat.ShortDateTime\n          ? 'd MMM yyyy, HH:mm'\n          : effective === G9DateTimeDisplayFormat.LongDateTime\n            ? 'MMMM d, yyyy, hh:mm tt'\n            : 'd MMM yyyy';\n  return formatLocalDateTime(v, pattern, culture, { calendar: 'gregorian' });\n}\n"],"names":["g9YearWindowRadius","resolvePickerCalendar","culture","calendar","isPersianLanguage","asDateTime","value","_t_hour","_t_minute","_t_second","_t_millisecond","t","localDateTime","normalizePickerBounds","min","max","lo","hi","clampToPersianRange","compareDateTime","a","b","d","compareLocal","clampPickerValue","bounds","v","pickerParts","c","toCalendarDate","composePickerValue","parts","day","Math","daysInMonth","date","fromCalendarDate","digits","n","width","toNativeDigits","String","dayWheelItems","count","Array","_","i","monthWheelItems","getMonthNames","text","yearWindow","year","minYear","maxYear","yearWheelItems","from","to","hourWheelItems","twentyFourHour","h","formatLocalDateTime","minuteWheelItems","m","formatPickerValue","options","_options_displayFormat","format","G9DateTimeDisplayFormat","time","effective","G9DateTimePickerMode","isSupportedByPersianCalendar","fmt","p","pattern"],"mappings":";AAiCO,MAAMA,qBAAqB;AAG3B,SAASC,sBAAsBC,OAAkB,EAAEC,QAAkC;IAC1F,IAAIA,UAAU,OAAOA;IACrB,OAAOC,kBAAkBF,WAAW,YAAY;AAClD;AAGO,SAASG,WAAWC,KAAkB;QAMzCC,SACAC,WACAC,WACAC;IARF,MAAMC,IAAIL;IACV,OAAOM,cACLN,MAAM,IAAI,EACVA,MAAM,KAAK,EACXA,MAAM,GAAG,UACTC,CAAAA,UAAAA,EAAE,IAAI,AAAD,IAALA,UAAU,WACVC,CAAAA,YAAAA,EAAE,MAAM,AAAD,IAAPA,YAAY,WACZC,CAAAA,YAAAA,EAAE,MAAM,AAAD,IAAPA,YAAY,WACZC,CAAAA,iBAAAA,EAAE,WAAW,AAAD,IAAZA,iBAAiB;AAErB;AAMO,SAASG,sBACdC,GAAmC,EACnCC,GAAmC,EACnCZ,QAA0B;IAE1B,IAAIa,KAAKF,MAAMT,WAAWS,OAAO;IACjC,IAAIG,KAAKF,MAAMV,WAAWU,OAAO;IACjC,IAAIZ,AAAa,cAAbA,UAAwB;QAC1Ba,KAAKA,KAAKE,oBAAoBF,MAAM;QACpCC,KAAKA,KAAKC,oBAAoBD,MAAM;IACtC;IACA,IAAID,MAAMC,MAAME,gBAAgBH,IAAIC,MAAM,GAAG,CAACD,IAAIC,GAAG,GAAG;QAACA;QAAID;KAAG;IAChE,OAAO;QAAE,KAAKA;QAAI,KAAKC;IAAG;AAC5B;AAGO,SAASE,gBAAgBC,CAAkB,EAAEC,CAAkB;IACpE,MAAMC,IAAIC,aAAaH,GAAGC;IAC1B,IAAIC,AAAM,MAANA,GAAS,OAAOA;IACpB,OACEF,AAAS,UAATA,EAAE,IAAI,GACNA,AAAW,QAAXA,EAAE,MAAM,GACRA,AAAW,OAAXA,EAAE,MAAM,GACRA,EAAE,WAAW,GACZC,CAAAA,AAAS,UAATA,EAAE,IAAI,GAAeA,AAAW,QAAXA,EAAE,MAAM,GAAYA,AAAW,OAAXA,EAAE,MAAM,GAAUA,EAAE,WAAU;AAE5E;AAGO,SAASG,iBACdlB,KAAsB,EACtBmB,MAAoE,EACpEtB,QAA0B;IAE1B,IAAIuB,IAAIvB,AAAa,cAAbA,WAAyBe,oBAAoBZ,SAASA;IAC9D,IAAImB,OAAO,GAAG,IAAIN,gBAAgBO,GAAGD,OAAO,GAAG,IAAI,GAAGC,IAAID,OAAO,GAAG;IACpE,IAAIA,OAAO,GAAG,IAAIN,gBAAgBO,GAAGD,OAAO,GAAG,IAAI,GAAGC,IAAID,OAAO,GAAG;IACpE,OAAOC;AACT;AAGO,SAASC,YACdrB,KAAsB,EACtBH,QAA0B;IAM1B,MAAMyB,IAAIC,eAAevB,OAAOH;IAChC,OAAO;QAAE,MAAMyB,EAAE,IAAI;QAAE,OAAOA,EAAE,KAAK;QAAE,KAAKA,EAAE,GAAG;IAAC;AACpD;AAMO,SAASE,mBACdC,KAAiF,EACjF5B,QAA0B,EAC1BsB,MAAoE;IAEpE,MAAMO,MAAMC,KAAK,GAAG,CAACF,MAAM,GAAG,EAAEG,YAAY/B,UAAU4B,MAAM,IAAI,EAAEA,MAAM,KAAK;IAC7E,MAAMI,OAAOC,iBAAiB;QAAEjC;QAAU,MAAM4B,MAAM,IAAI;QAAE,OAAOA,MAAM,KAAK;QAAEC;IAAI;IACpF,OAAOR,iBAAiBZ,cAAcuB,KAAK,IAAI,EAAEA,KAAK,KAAK,EAAEA,KAAK,GAAG,EAAEJ,MAAM,IAAI,EAAEA,MAAM,MAAM,GAAGN,QAAQtB;AAC5G;AAEA,MAAMkC,SAAS,CAACnC,SAAoBoC,GAAWC,QAC7CC,eAAeC,OAAOH,GAAG,QAAQ,CAACC,OAAO,MAAMrC,QAAQ,eAAe;AAGjE,SAASwC,cAAcC,KAAa,EAAEzC,OAAkB;IAC7D,OAAO0C,MAAM,IAAI,CAAC;QAAE,QAAQD;IAAM,GAAG,CAACE,GAAGC,IAAO;YAAE,OAAOA,IAAI;YAAG,MAAMT,OAAOnC,SAAS4C,IAAI,GAAG;QAAG;AAClG;AAGO,SAASC,gBAAgB5C,QAA0B,EAAED,OAAkB;IAC5E,OAAO8C,cAAc7C,UAAUD,SAAS,GAAG,CAAC,CAAC+C,MAAMH,IAAO;YAAE,OAAOA,IAAI;YAAGG;QAAK;AACjF;AAMO,SAASC,WAAWC,IAAY,EAAEC,OAAsB,EAAEC,OAAsB;IACrF,MAAMrC,KAAKiB,KAAK,GAAG,CAAC,GAAGmB,QAAAA,UAAAA,UAAW;IAClC,MAAMnC,KAAKgB,KAAK,GAAG,CAAC,MAAMoB,QAAAA,UAAAA,UAAW;IACrC,OAAO;QAAE,MAAMpB,KAAK,GAAG,CAACjB,IAAImC,OAAOnD;QAAqB,IAAIiC,KAAK,GAAG,CAAChB,IAAIkC,OAAOnD;IAAoB;AACtG;AAGO,SAASsD,eAAeC,IAAY,EAAEC,EAAU,EAAEtD,OAAkB;IACzE,OAAO0C,MAAM,IAAI,CAAC;QAAE,QAAQX,KAAK,GAAG,CAAC,GAAGuB,KAAKD,OAAO;IAAG,GAAG,CAACV,GAAGC,IAAO;YACnE,OAAOS,OAAOT;YACd,MAAMT,OAAOnC,SAASqD,OAAOT,GAAG;QAClC;AACF;AAGO,SAASW,eAAeC,cAAuB,EAAExD,OAAkB;IACxE,OAAO0C,MAAM,IAAI,CAAC;QAAE,QAAQ;IAAG,GAAG,CAACC,GAAGc,IAAO;YAC3C,OAAOA;YACP,MAAMC,oBAAoBhD,cAAc,MAAM,GAAG,GAAG+C,IAAID,iBAAiB,OAAO,SAASxD,SAAS;gBAChG,UAAU;YACZ;QACF;AACF;AAGO,SAAS2D,iBAAiB3D,OAAkB;IACjD,OAAO0C,MAAM,IAAI,CAAC;QAAE,QAAQ;IAAG,GAAG,CAACC,GAAGiB,IAAO;YAAE,OAAOA;YAAG,MAAMzB,OAAOnC,SAAS4D,GAAG;QAAG;AACvF;AAkBO,SAASC,kBAAkBzD,KAAkB,EAAEJ,OAAkB,EAAE8D,UAAiC,CAAC,CAAC;QAC5FC;IAAf,MAAMC,SAAS,QAAAD,CAAAA,yBAAAA,QAAQ,aAAa,AAAD,IAApBA,yBAAyBE,wBAAwB,SAAS;IACzE,IAAID,WAAWC,wBAAwB,MAAM,IAAIH,QAAQ,UAAU,IAAIA,AAA8B,OAA9BA,QAAQ,UAAU,CAAC,IAAI,IAC5F,OAAOA,QAAQ,UAAU;IAE3B,MAAMtC,IAAIrB,WAAWC;IACrB,MAAM8D,OAAOJ,QAAQ,cAAc,GAAG,UAAU;IAChD,MAAM7D,WAAWF,sBAAsBC,SAAS8D,QAAQ,QAAQ;IAChE,MAAMK,YAAYL,QAAQ,IAAI,KAAKM,qBAAqB,IAAI,GAAGH,wBAAwB,QAAQ,GAAGD;IAClG,IAAI/D,AAAa,cAAbA,YAA0BoE,6BAA6B7C,IAAI;QAC7D,MAAM8C,MAAM,CAACC,IAAcb,oBAAoBlC,GAAG+C,GAAGvE,SAAS;gBAAE,UAAU;YAAU;QACpF,MAAMiC,OAAOqC,IAAI;QACjB,IAAIH,cAAcF,wBAAwB,QAAQ,EAAE,OAAOK,IAAIJ;QAC/D,IAAIC,cAAcF,wBAAwB,aAAa,IAAIE,cAAcF,wBAAwB,YAAY,EAC3G,OAAO,GAAGhC,KAAK,EAAE,EAAEqC,IAAIJ,OAAO;QAEhC,OAAOjC;IACT;IACA,MAAMuC,UACJL,cAAcF,wBAAwB,QAAQ,GAC1C,iBACAE,cAAcF,wBAAwB,QAAQ,GAC5CC,OACAC,cAAcF,wBAAwB,aAAa,GACjD,sBACAE,cAAcF,wBAAwB,YAAY,GAChD,2BACA;IACZ,OAAOP,oBAAoBlC,GAAGgD,SAASxE,SAAS;QAAE,UAAU;IAAY;AAC1E"}

package/dist/pickers/picker-sheet.d.ts

@@ -8,8 +8,12 @@ export interface G9PickerSheetBodyProps<T> {
 }
 /**
  * Opens a fit-to-content drum sheet (MAUI `G9DateTimePickerSheet.ShowAsync` / `G9TimeSpanPickerSheet.ShowAsync`) and
- * resolves the value Done returned, or `null` for Cancel, any dismissal, or a throttled open. The body is built after
- * the open motion and revealed as one settled unit (`fadeDeferredContentIn`, MAUI's crossfade).
+ * resolves the value Done returned, or `null` for Cancel, any dismissal, or a throttled open.
+ *
+ * ⛔ PRE-BUILT (MAUI 1.4.11): the body is built on the tap and opens finished — no spinner, and nothing waits on the
+ * open motion. It used to be a factory shown behind a spinner until the sheet had opened plus 369 ms: the only sheet of
+ * the suite that visibly «loaded» (MAUI's field report 2026-11-08, Samsung A24: the spinner stayed for seconds). What made
+ * an eager build costly is gone with the ±12-year window (`g9YearWindowRadius`).
  */
 export declare function showPickerSheet<T>(sheets: G9SheetService, body: (props: G9PickerSheetBodyProps<T>) => ReactNode): Promise<T | null>;
 /**

package/dist/pickers/picker-sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"picker-sheet.d.ts","sourceRoot":"","sources":["../../src/pickers/picker-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wFAAwF;AACxF,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,CAAC,EACrC,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,SAAS,GACpD,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAqBnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,GAAG,SAAS,CAwBZ"}
+{"version":3,"file":"picker-sheet.d.ts","sourceRoot":"","sources":["../../src/pickers/picker-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wFAAwF;AACxF,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,wBAAsB,eAAe,CAAC,CAAC,EACrC,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,SAAS,GACpD,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAiBnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,GAAG,SAAS,CAwBZ"}

package/dist/pickers/picker-sheet.jsx

@@ -22,10 +22,9 @@ async function showPickerSheet(sheets, body) {
             cancel: ()=>finish(null)
         });
     };
-    const handle = sheets.show(()=><Body/>, {
+    const handle = sheets.show(<Body/>, {
         ...fitToContentSheetOptions(),
-        fadeDeferredContentIn: true,
-        loadingSkeleton: 'none'
+        deferContent: false
     });
     if (!handle) return null;
     await handle.result;

package/dist/pickers/picker-sheet.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"pickers/picker-sheet.jsx","sources":["../../src/pickers/picker-sheet.tsx"],"sourcesContent":["import './pickers.css';\nimport { G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport type { ReactNode } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport { G9Button } from '../button/button';\nimport { useG9Direction, useG9Strings } from '../provider/hooks';\nimport { useG9SheetContext } from '../sheet/frame';\nimport { fitToContentSheetOptions } from '../sheet/options';\nimport type { G9SheetService } from '../sheet/service';\n\n/** Props a drum sheet body receives: finish with a value (Done) or without (Cancel). */\nexport interface G9PickerSheetBodyProps<T> {\n  readonly done: (value: T) => void;\n  readonly cancel: () => void;\n}\n\n/**\n * Opens a fit-to-content drum sheet (MAUI `G9DateTimePickerSheet.ShowAsync` / `G9TimeSpanPickerSheet.ShowAsync`) and\n * resolves the value Done returned, or `null` for Cancel, any dismissal, or a throttled open. The body is built after\n * the open motion and revealed as one settled unit (`fadeDeferredContentIn`, MAUI's crossfade).\n */\nexport async function showPickerSheet<T>(\n  sheets: G9SheetService,\n  body: (props: G9PickerSheetBodyProps<T>) => ReactNode,\n): Promise<T | null> {\n  let result: T | null = null;\n  let finished = false;\n  const Body = () => {\n    const handle = useG9SheetContext()?.handle;\n    const finish = (value: T | null) => {\n      if (finished) return;\n      finished = true;\n      result = value;\n      handle?.close();\n    };\n    return body({ done: (v) => finish(v), cancel: () => finish(null) });\n  };\n  const handle = sheets.show(() => <Body />, {\n    ...fitToContentSheetOptions(),\n    fadeDeferredContentIn: true,\n    loadingSkeleton: 'none',\n  });\n  if (!handle) return null;\n  await handle.result;\n  return result;\n}\n\n/**\n * The drum sheet header (MAUI `G9DateTimePickerSheet` / `G9TimeSpanPickerSheet.CreateHeader`): a Grid \"Auto,*,Auto\" of\n * Padding (16, 10) — Cancel as a small Text-variant G9Button (Primary text in an Outline pill), the title 15 bold\n * TextPrimary, Done as a small Primary G9Button.\n */\nexport function PickerSheetHeader(props: {\n  readonly title: string;\n  readonly onCancel: () => void;\n  readonly onDone: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const direction = useG9Direction();\n  return (\n    <view className=\"g9-picker-sheet__header\" style={g9RowStyle(direction)}>\n      <G9Button\n        className=\"g9-picker-sheet__cancel\"\n        text={strings.get(G9StringKey.Cancel)}\n        variant=\"text\"\n        size=\"small\"\n        onPress={props.onCancel}\n      />\n      <text className=\"g9-picker-sheet__title\" text-maxline=\"1\">\n        {props.title}\n      </text>\n      <G9Button\n        className=\"g9-picker-sheet__done\"\n        text={strings.get(G9StringKey.Done)}\n        variant=\"primary\"\n        size=\"small\"\n        onPress={props.onDone}\n      />\n    </view>\n  );\n}\n"],"names":["showPickerSheet","sheets","body","result","finished","Body","_useG9SheetContext","handle","finish","value","v","fitToContentSheetOptions","PickerSheetHeader","props","strings","useG9Strings","direction","useG9Direction","view","g9RowStyle","G9Button","G9StringKey","text"],"mappings":";;;;;;;AAqBO,eAAeA,gBACpBC,MAAsB,EACtBC,IAAqD;IAErD,IAAIC,SAAmB;IACvB,IAAIC,WAAW;IACf,MAAMC,OAAO;YACIC;QAAf,MAAMC,SAAS,QAAAD,CAAAA,qBAAAA,mBAAkB,IAAlBA,KAAAA,IAAAA,mBAAqB,MAAM;QAC1C,MAAME,SAAS,CAACC;YACd,IAAIL,UAAU;YACdA,WAAW;YACXD,SAASM;YACTF,QAAAA,UAAAA,OAAQ,KAAK;QACf;QACA,OAAOL,KAAK;YAAE,MAAM,CAACQ,IAAMF,OAAOE;YAAI,QAAQ,IAAMF,OAAO;QAAM;IACnE;IACA,MAAMD,SAASN,OAAO,IAAI,CAAC,KAAOI,QAAS;QACzC,GAAGM,0BAA0B;QAC7B,uBAAuB;QACvB,iBAAiB;IACnB;IACA,IAAI,CAACJ,QAAQ,OAAO;IACpB,MAAMA,OAAO,MAAM;IACnB,OAAOJ;AACT;AAOO,SAASS,kBAAkBC,KAIjC;IACC,MAAMC,UAAUC;IAChB,MAAMC,YAAYC;IAClB,QACGC,KAAK,UAAU,0BAA0B,OAAOC,WAAWH,YAAY;MACtE,CAACI,SACC,UAAU,0BACV,MAAMN,QAAQ,GAAG,CAACO,YAAY,MAAM,GACpC,QAAQ,OACR,KAAK,QACL,SAASR,MAAM,QAAQ,GACvB;MACF,CAACS,KAAK,UAAU,yBAAyB,aAAa,IAAI;QACxD,CAACT,MAAM,KAAK,CAAC;MACf,EAAES,KAAK;MACP,CAACF,SACC,UAAU,wBACV,MAAMN,QAAQ,GAAG,CAACO,YAAY,IAAI,GAClC,QAAQ,UACR,KAAK,QACL,SAASR,MAAM,MAAM,GACrB;IACJ,EAAEK;AAEN"}
+{"version":3,"file":"pickers/picker-sheet.jsx","sources":["../../src/pickers/picker-sheet.tsx"],"sourcesContent":["import './pickers.css';\nimport { G9StringKey } from '@g9tm/lynxcontrols-foundation';\nimport type { ReactNode } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport { G9Button } from '../button/button';\nimport { useG9Direction, useG9Strings } from '../provider/hooks';\nimport { useG9SheetContext } from '../sheet/frame';\nimport { fitToContentSheetOptions } from '../sheet/options';\nimport type { G9SheetService } from '../sheet/service';\n\n/** Props a drum sheet body receives: finish with a value (Done) or without (Cancel). */\nexport interface G9PickerSheetBodyProps<T> {\n  readonly done: (value: T) => void;\n  readonly cancel: () => void;\n}\n\n/**\n * Opens a fit-to-content drum sheet (MAUI `G9DateTimePickerSheet.ShowAsync` / `G9TimeSpanPickerSheet.ShowAsync`) and\n * resolves the value Done returned, or `null` for Cancel, any dismissal, or a throttled open.\n *\n * ⛔ PRE-BUILT (MAUI 1.4.11): the body is built on the tap and opens finished — no spinner, and nothing waits on the\n * open motion. It used to be a factory shown behind a spinner until the sheet had opened plus 369 ms: the only sheet of\n * the suite that visibly «loaded» (MAUI's field report 2026-11-08, Samsung A24: the spinner stayed for seconds). What made\n * an eager build costly is gone with the ±12-year window (`g9YearWindowRadius`).\n */\nexport async function showPickerSheet<T>(\n  sheets: G9SheetService,\n  body: (props: G9PickerSheetBodyProps<T>) => ReactNode,\n): Promise<T | null> {\n  let result: T | null = null;\n  let finished = false;\n  const Body = () => {\n    const handle = useG9SheetContext()?.handle;\n    const finish = (value: T | null) => {\n      if (finished) return;\n      finished = true;\n      result = value;\n      handle?.close();\n    };\n    return body({ done: (v) => finish(v), cancel: () => finish(null) });\n  };\n  const handle = sheets.show(<Body />, { ...fitToContentSheetOptions(), deferContent: false });\n  if (!handle) return null;\n  await handle.result;\n  return result;\n}\n\n/**\n * The drum sheet header (MAUI `G9DateTimePickerSheet` / `G9TimeSpanPickerSheet.CreateHeader`): a Grid \"Auto,*,Auto\" of\n * Padding (16, 10) — Cancel as a small Text-variant G9Button (Primary text in an Outline pill), the title 15 bold\n * TextPrimary, Done as a small Primary G9Button.\n */\nexport function PickerSheetHeader(props: {\n  readonly title: string;\n  readonly onCancel: () => void;\n  readonly onDone: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const direction = useG9Direction();\n  return (\n    <view className=\"g9-picker-sheet__header\" style={g9RowStyle(direction)}>\n      <G9Button\n        className=\"g9-picker-sheet__cancel\"\n        text={strings.get(G9StringKey.Cancel)}\n        variant=\"text\"\n        size=\"small\"\n        onPress={props.onCancel}\n      />\n      <text className=\"g9-picker-sheet__title\" text-maxline=\"1\">\n        {props.title}\n      </text>\n      <G9Button\n        className=\"g9-picker-sheet__done\"\n        text={strings.get(G9StringKey.Done)}\n        variant=\"primary\"\n        size=\"small\"\n        onPress={props.onDone}\n      />\n    </view>\n  );\n}\n"],"names":["showPickerSheet","sheets","body","result","finished","Body","_useG9SheetContext","handle","finish","value","v","fitToContentSheetOptions","PickerSheetHeader","props","strings","useG9Strings","direction","useG9Direction","view","g9RowStyle","G9Button","G9StringKey","text"],"mappings":";;;;;;;AAyBO,eAAeA,gBACpBC,MAAsB,EACtBC,IAAqD;IAErD,IAAIC,SAAmB;IACvB,IAAIC,WAAW;IACf,MAAMC,OAAO;YACIC;QAAf,MAAMC,SAAS,QAAAD,CAAAA,qBAAAA,mBAAkB,IAAlBA,KAAAA,IAAAA,mBAAqB,MAAM;QAC1C,MAAME,SAAS,CAACC;YACd,IAAIL,UAAU;YACdA,WAAW;YACXD,SAASM;YACTF,QAAAA,UAAAA,OAAQ,KAAK;QACf;QACA,OAAOL,KAAK;YAAE,MAAM,CAACQ,IAAMF,OAAOE;YAAI,QAAQ,IAAMF,OAAO;QAAM;IACnE;IACA,MAAMD,SAASN,OAAO,IAAI,EAAEI,QAAS;QAAE,GAAGM,0BAA0B;QAAE,cAAc;IAAM;IAC1F,IAAI,CAACJ,QAAQ,OAAO;IACpB,MAAMA,OAAO,MAAM;IACnB,OAAOJ;AACT;AAOO,SAASS,kBAAkBC,KAIjC;IACC,MAAMC,UAAUC;IAChB,MAAMC,YAAYC;IAClB,QACGC,KAAK,UAAU,0BAA0B,OAAOC,WAAWH,YAAY;MACtE,CAACI,SACC,UAAU,0BACV,MAAMN,QAAQ,GAAG,CAACO,YAAY,MAAM,GACpC,QAAQ,OACR,KAAK,QACL,SAASR,MAAM,QAAQ,GACvB;MACF,CAACS,KAAK,UAAU,yBAAyB,aAAa,IAAI;QACxD,CAACT,MAAM,KAAK,CAAC;MACf,EAAES,KAAK;MACP,CAACF,SACC,UAAU,wBACV,MAAMN,QAAQ,GAAG,CAACO,YAAY,IAAI,GAClC,QAAQ,UACR,KAAK,QACL,SAASR,MAAM,MAAM,GACrB;IACJ,EAAEK;AAEN"}

package/dist/pickers/picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../src/pickers/picker.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,wBAAwB,CAAC;AAK5E,OAAO,EAAE,KAAK,kBAAkB,EAAkD,MAAM,WAAW,CAAC;AAEpG,iCAAiC;AACjC,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,CAAE,SAAQ,kBAAkB;IACpG,uGAAuG;IACvG,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjC,0GAA0G;IAC1G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,gGAAgG;IAChG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,gFAAgF;IAChF,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,mHAAmH;IACnH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5C,wGAAwG;IACxG,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAiDxG"}
+{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../src/pickers/picker.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,wBAAwB,CAAC;AAK5E,OAAO,EAAE,KAAK,kBAAkB,EAAkD,MAAM,WAAW,CAAC;AAEpG,iCAAiC;AACjC,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,CAAE,SAAQ,kBAAkB;IACpG,uGAAuG;IACvG,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjC,0GAA0G;IAC1G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,gGAAgG;IAChG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,gFAAgF;IAChF,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,mHAAmH;IACnH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5C,wGAAwG;IACxG,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAiDxG"}

package/dist/pickers/picker.jsx

@@ -1,3 +1,4 @@
+import { resolveRestingPlaceholder } from "../fields/outlined-field.jsx";
 import "./pickers.css";
 import { useRef } from "@lynx-js/react";
 import { selectionKey } from "../base/selection-item.jsx";
@@ -7,7 +8,7 @@ import { showSelectionSheet } from "../selection/selection-sheet.jsx";
 import { useG9Sheets } from "../sheet/service.jsx";
 import { PickerField, SelectionValueIcon, usePickerOpen } from "./trigger.jsx";
 function G9Picker(props) {
-    var _props_defaultValue, _props_placeholder;
+    var _props_defaultValue, _resolveRestingPlaceholder;
     const sheets = useG9Sheets();
     const glyphs = useG9Settings().glyphs;
     const open = usePickerOpen();
@@ -63,7 +64,7 @@ function G9Picker(props) {
     }} hasValue={void 0 !== selected} onOpen={onOpen}>
       {selected ? <SelectionValueIcon item={selected}/> : null}
       <text className={`g9-picker__text${selected ? '' : ' g9-picker__text--placeholder'}`} text-maxline="1">
-        {selected ? selected.text : props.label ? '' : null != (_props_placeholder = props.placeholder) ? _props_placeholder : ''}
+        {selected ? selected.text : null != (_resolveRestingPlaceholder = resolveRestingPlaceholder(props)) ? _resolveRestingPlaceholder : ''}
       </text>
     </PickerField>;
 }

package/dist/pickers/picker.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"pickers/picker.jsx","sources":["../../src/pickers/picker.tsx"],"sourcesContent":["import './pickers.css';\nimport { type ReactNode, useRef } from '@lynx-js/react';\nimport { type G9SelectionItem, selectionKey } from '../base/selection-item';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Settings } from '../provider/hooks';\nimport { showSelectionSheet } from '../selection/selection-sheet';\nimport { useG9Sheets } from '../sheet/service';\nimport { type G9PickerFieldProps, PickerField, SelectionValueIcon, usePickerOpen } from './trigger';\n\n/** Props of {@link G9Picker}. */\nexport interface G9PickerProps<T extends G9SelectionItem = G9SelectionItem> extends G9PickerFieldProps {\n  /** The rows of the sheet (MAUI `ItemsSource`). Disabled items are left out except the selected one. */\n  readonly items: ReadonlyArray<T>;\n  /** Selected item key (`selectionKey`: key, else text); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: string | null;\n  readonly defaultValue?: string | null;\n  /** The selection changed: by a pick, or by `restoreOnCancel` putting back the opening value. */\n  readonly onValueChange?: (key: string | null, item: T | null) => void;\n  /** Sheet title; default the label, else the placeholder (MAUI `SheetTitle`). */\n  readonly sheetTitle?: string | null;\n  /**\n   * Default true (MAUI `RestoreOnCancel`): a dismissed sheet puts back the value the picker had when it opened (if it\n   * changed meanwhile) and reports `onSelectionCancelled`. False leaves the current value and reports nothing.\n   */\n  readonly restoreOnCancel?: boolean;\n  /** A row was picked (MAUI `ItemSelected` + `SelectionAcceptedCommand`); only for a pick, never for a dismissal. */\n  readonly onItemSelected?: (item: T) => void;\n  /** The sheet was dismissed without a pick (MAUI `SelectionCancelled` + `SelectionCancelledCommand`). */\n  readonly onSelectionCancelled?: () => void;\n}\n\n/**\n * Single selection from a list in an outlined box (MAUI `G9Picker`): a tap opens the selection sheet (no search; a\n * pick closes it), the box shows the item's icon or swatch and text, the trailing chevron hints at the sheet. Must\n * be inside a `G9Host` (the sheet).\n */\nexport function G9Picker<T extends G9SelectionItem = G9SelectionItem>(props: G9PickerProps<T>): ReactNode {\n  const sheets = useG9Sheets();\n  const glyphs = useG9Settings().glyphs;\n  const open = usePickerOpen();\n  const [key, setKey] = useControllableState<string | null, [T | null]>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9Picker.value',\n  });\n  const latest = useRef({ props, key });\n  latest.current = { props, key };\n  const selected = key === null ? undefined : props.items.find((i) => selectionKey(i) === key);\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const p = latest.current.props;\n      const previousKey = latest.current.key;\n      const previous = previousKey === null ? undefined : p.items.find((i) => selectionKey(i) === previousKey);\n      const items = p.items.filter((i) => i.isEnabled !== false || i === previous);\n      if (items.length === 0) return;\n      const result = await showSelectionSheet(sheets, {\n        title: p.sheetTitle?.trim() ? p.sheetTitle : (p.label ?? p.placeholder ?? ''),\n        items,\n        selectedItems: previous ? [previous] : [],\n        allowMultiple: false,\n        closeOnSingleSelection: true,\n        showSearch: false,\n      });\n      if (!isCurrent()) return;\n      const next = result.wasAccepted ? result.items[0] : undefined;\n      const now = latest.current.props;\n      if (next) {\n        setKey(selectionKey(next), next);\n        now.onItemSelected?.(next);\n      } else if (now.restoreOnCancel !== false) {\n        if (latest.current.key !== previousKey) setKey(previousKey, previous ?? null);\n        now.onSelectionCancelled?.();\n      }\n    });\n\n  return (\n    <PickerField field={{ trailingIcon: glyphs.chevron, ...props }} hasValue={selected !== undefined} onOpen={onOpen}>\n      {selected ? <SelectionValueIcon item={selected} /> : null}\n      <text className={`g9-picker__text${selected ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {selected ? selected.text : props.label ? '' : (props.placeholder ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["G9Picker","props","_props_defaultValue","_props_placeholder","sheets","useG9Sheets","glyphs","useG9Settings","open","usePickerOpen","key","setKey","useControllableState","latest","useRef","selected","undefined","i","selectionKey","onOpen","isCurrent","_ref","_p_sheetTitle","p","previousKey","previous","items","result","showSelectionSheet","next","now","PickerField","SelectionValueIcon","text"],"mappings":";;;;;;;;AAoCO,SAASA,SAAsDC,KAAuB;QAM3EC,qBAuCsCC;IA5CtD,MAAMC,SAASC;IACf,MAAMC,SAASC,gBAAgB,MAAM;IACrC,MAAMC,OAAOC;IACb,MAAM,CAACC,KAAKC,OAAO,GAAGC,qBAAgD;QACpE,OAAOX,MAAM,KAAK;QAClB,cAAc,QAAAC,CAAAA,sBAAAA,MAAM,YAAY,AAAD,IAAjBA,sBAAsB;QACpC,UAAUD,MAAM,aAAa;QAC7B,MAAM;IACR;IACA,MAAMY,SAASC,OAAO;QAAEb;QAAOS;IAAI;IACnCG,OAAO,OAAO,GAAG;QAAEZ;QAAOS;IAAI;IAC9B,MAAMK,WAAWL,AAAQ,SAARA,MAAeM,SAAYf,MAAM,KAAK,CAAC,IAAI,CAAC,CAACgB,IAAMC,aAAaD,OAAOP;IAExF,MAAMS,SAAS,IACbX,KAAK,OAAOY;gBAOsCC,MAAAA;gBAAvCC;YANT,MAAMC,IAAIV,OAAO,OAAO,CAAC,KAAK;YAC9B,MAAMW,cAAcX,OAAO,OAAO,CAAC,GAAG;YACtC,MAAMY,WAAWD,AAAgB,SAAhBA,cAAuBR,SAAYO,EAAE,KAAK,CAAC,IAAI,CAAC,CAACN,IAAMC,aAAaD,OAAOO;YAC5F,MAAME,QAAQH,EAAE,KAAK,CAAC,MAAM,CAAC,CAACN,IAAMA,AAAgB,UAAhBA,EAAE,SAAS,IAAcA,MAAMQ;YACnE,IAAIC,AAAiB,MAAjBA,MAAM,MAAM,EAAQ;YACxB,MAAMC,SAAS,MAAMC,mBAAmBxB,QAAQ;gBAC9C,OAAOkB,AAAAA,SAAAA,CAAAA,gBAAAA,EAAE,UAAU,AAAD,IAAXA,KAAAA,IAAAA,cAAc,IAAI,EAAC,IAAIC,EAAE,UAAU,GAAG,QAACF,CAAAA,OAAAA,QAAAA,CAAAA,WAAAA,EAAE,KAAK,AAAD,IAANA,WAAWE,EAAE,WAAW,AAAD,IAAvBF,OAA4B;gBAC1EK;gBACA,eAAeD,WAAW;oBAACA;iBAAS,GAAG,EAAE;gBACzC,eAAe;gBACf,wBAAwB;gBACxB,YAAY;YACd;YACA,IAAI,CAACL,aAAa;YAClB,MAAMS,OAAOF,OAAO,WAAW,GAAGA,OAAO,KAAK,CAAC,EAAE,GAAGX;YACpD,MAAMc,MAAMjB,OAAO,OAAO,CAAC,KAAK;YAChC,IAAIgB,MAAM;oBAERC;gBADAnB,OAAOO,aAAaW,OAAOA;wBAC3BC,CAAAA,sBAAAA,IAAI,cAAc,AAAD,KAAjBA,oBAAAA,IAAAA,CAAAA,KAAqBD;YACvB,OAAO,IAAIC,AAAwB,UAAxBA,IAAI,eAAe,EAAY;oBAExCA;gBADA,IAAIjB,OAAO,OAAO,CAAC,GAAG,KAAKW,aAAab,OAAOa,aAAaC,QAAAA,WAAAA,WAAY;wBACxEK,CAAAA,4BAAAA,IAAI,oBAAoB,AAAD,KAAvBA,0BAAAA,IAAAA,CAAAA;YACF;QACF;IAEF,QACGC,YAAY,OAAO;QAAE,cAAczB,OAAO,OAAO;QAAE,GAAGL,KAAK;IAAC,GAAG,UAAUc,AAAaC,WAAbD,UAAwB,QAAQI,QAAQ;MAChH,CAACJ,YAAYiB,mBAAmB,MAAMjB,cAAe,KAAK;MAC1D,CAACkB,KAAK,WAAW,CAAC,eAAe,EAAElB,WAAW,KAAK,iCAAiC,EAAE,aAAa,IAAI;QACrG,CAACA,WAAWA,SAAS,IAAI,GAAGd,MAAM,KAAK,GAAG,KAAK,QAACE,CAAAA,qBAAAA,MAAM,WAAW,AAAD,IAAhBA,qBAAqB,GAAI;MAC3E,EAAE8B,KAAK;IACT,EAAEF;AAEN"}
+{"version":3,"file":"pickers/picker.jsx","sources":["../../src/pickers/picker.tsx"],"sourcesContent":["import { resolveRestingPlaceholder } from '../fields/outlined-field';\nimport './pickers.css';\nimport { type ReactNode, useRef } from '@lynx-js/react';\nimport { type G9SelectionItem, selectionKey } from '../base/selection-item';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Settings } from '../provider/hooks';\nimport { showSelectionSheet } from '../selection/selection-sheet';\nimport { useG9Sheets } from '../sheet/service';\nimport { type G9PickerFieldProps, PickerField, SelectionValueIcon, usePickerOpen } from './trigger';\n\n/** Props of {@link G9Picker}. */\nexport interface G9PickerProps<T extends G9SelectionItem = G9SelectionItem> extends G9PickerFieldProps {\n  /** The rows of the sheet (MAUI `ItemsSource`). Disabled items are left out except the selected one. */\n  readonly items: ReadonlyArray<T>;\n  /** Selected item key (`selectionKey`: key, else text); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: string | null;\n  readonly defaultValue?: string | null;\n  /** The selection changed: by a pick, or by `restoreOnCancel` putting back the opening value. */\n  readonly onValueChange?: (key: string | null, item: T | null) => void;\n  /** Sheet title; default the label, else the placeholder (MAUI `SheetTitle`). */\n  readonly sheetTitle?: string | null;\n  /**\n   * Default true (MAUI `RestoreOnCancel`): a dismissed sheet puts back the value the picker had when it opened (if it\n   * changed meanwhile) and reports `onSelectionCancelled`. False leaves the current value and reports nothing.\n   */\n  readonly restoreOnCancel?: boolean;\n  /** A row was picked (MAUI `ItemSelected` + `SelectionAcceptedCommand`); only for a pick, never for a dismissal. */\n  readonly onItemSelected?: (item: T) => void;\n  /** The sheet was dismissed without a pick (MAUI `SelectionCancelled` + `SelectionCancelledCommand`). */\n  readonly onSelectionCancelled?: () => void;\n}\n\n/**\n * Single selection from a list in an outlined box (MAUI `G9Picker`): a tap opens the selection sheet (no search; a\n * pick closes it), the box shows the item's icon or swatch and text, the trailing chevron hints at the sheet. Must\n * be inside a `G9Host` (the sheet).\n */\nexport function G9Picker<T extends G9SelectionItem = G9SelectionItem>(props: G9PickerProps<T>): ReactNode {\n  const sheets = useG9Sheets();\n  const glyphs = useG9Settings().glyphs;\n  const open = usePickerOpen();\n  const [key, setKey] = useControllableState<string | null, [T | null]>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9Picker.value',\n  });\n  const latest = useRef({ props, key });\n  latest.current = { props, key };\n  const selected = key === null ? undefined : props.items.find((i) => selectionKey(i) === key);\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const p = latest.current.props;\n      const previousKey = latest.current.key;\n      const previous = previousKey === null ? undefined : p.items.find((i) => selectionKey(i) === previousKey);\n      const items = p.items.filter((i) => i.isEnabled !== false || i === previous);\n      if (items.length === 0) return;\n      const result = await showSelectionSheet(sheets, {\n        title: p.sheetTitle?.trim() ? p.sheetTitle : (p.label ?? p.placeholder ?? ''),\n        items,\n        selectedItems: previous ? [previous] : [],\n        allowMultiple: false,\n        closeOnSingleSelection: true,\n        showSearch: false,\n      });\n      if (!isCurrent()) return;\n      const next = result.wasAccepted ? result.items[0] : undefined;\n      const now = latest.current.props;\n      if (next) {\n        setKey(selectionKey(next), next);\n        now.onItemSelected?.(next);\n      } else if (now.restoreOnCancel !== false) {\n        if (latest.current.key !== previousKey) setKey(previousKey, previous ?? null);\n        now.onSelectionCancelled?.();\n      }\n    });\n\n  return (\n    <PickerField field={{ trailingIcon: glyphs.chevron, ...props }} hasValue={selected !== undefined} onOpen={onOpen}>\n      {selected ? <SelectionValueIcon item={selected} /> : null}\n      <text className={`g9-picker__text${selected ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {selected ? selected.text : (resolveRestingPlaceholder(props) ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["G9Picker","props","_props_defaultValue","_resolveRestingPlaceholder","sheets","useG9Sheets","glyphs","useG9Settings","open","usePickerOpen","key","setKey","useControllableState","latest","useRef","selected","undefined","i","selectionKey","onOpen","isCurrent","_ref","_p_sheetTitle","p","previousKey","previous","items","result","showSelectionSheet","next","now","PickerField","SelectionValueIcon","text"],"mappings":";;;;;;;;;AAqCO,SAASA,SAAsDC,KAAuB;QAM3EC,qBAuCmBC;IA5CnC,MAAMC,SAASC;IACf,MAAMC,SAASC,gBAAgB,MAAM;IACrC,MAAMC,OAAOC;IACb,MAAM,CAACC,KAAKC,OAAO,GAAGC,qBAAgD;QACpE,OAAOX,MAAM,KAAK;QAClB,cAAc,QAAAC,CAAAA,sBAAAA,MAAM,YAAY,AAAD,IAAjBA,sBAAsB;QACpC,UAAUD,MAAM,aAAa;QAC7B,MAAM;IACR;IACA,MAAMY,SAASC,OAAO;QAAEb;QAAOS;IAAI;IACnCG,OAAO,OAAO,GAAG;QAAEZ;QAAOS;IAAI;IAC9B,MAAMK,WAAWL,AAAQ,SAARA,MAAeM,SAAYf,MAAM,KAAK,CAAC,IAAI,CAAC,CAACgB,IAAMC,aAAaD,OAAOP;IAExF,MAAMS,SAAS,IACbX,KAAK,OAAOY;gBAOsCC,MAAAA;gBAAvCC;YANT,MAAMC,IAAIV,OAAO,OAAO,CAAC,KAAK;YAC9B,MAAMW,cAAcX,OAAO,OAAO,CAAC,GAAG;YACtC,MAAMY,WAAWD,AAAgB,SAAhBA,cAAuBR,SAAYO,EAAE,KAAK,CAAC,IAAI,CAAC,CAACN,IAAMC,aAAaD,OAAOO;YAC5F,MAAME,QAAQH,EAAE,KAAK,CAAC,MAAM,CAAC,CAACN,IAAMA,AAAgB,UAAhBA,EAAE,SAAS,IAAcA,MAAMQ;YACnE,IAAIC,AAAiB,MAAjBA,MAAM,MAAM,EAAQ;YACxB,MAAMC,SAAS,MAAMC,mBAAmBxB,QAAQ;gBAC9C,OAAOkB,AAAAA,SAAAA,CAAAA,gBAAAA,EAAE,UAAU,AAAD,IAAXA,KAAAA,IAAAA,cAAc,IAAI,EAAC,IAAIC,EAAE,UAAU,GAAG,QAACF,CAAAA,OAAAA,QAAAA,CAAAA,WAAAA,EAAE,KAAK,AAAD,IAANA,WAAWE,EAAE,WAAW,AAAD,IAAvBF,OAA4B;gBAC1EK;gBACA,eAAeD,WAAW;oBAACA;iBAAS,GAAG,EAAE;gBACzC,eAAe;gBACf,wBAAwB;gBACxB,YAAY;YACd;YACA,IAAI,CAACL,aAAa;YAClB,MAAMS,OAAOF,OAAO,WAAW,GAAGA,OAAO,KAAK,CAAC,EAAE,GAAGX;YACpD,MAAMc,MAAMjB,OAAO,OAAO,CAAC,KAAK;YAChC,IAAIgB,MAAM;oBAERC;gBADAnB,OAAOO,aAAaW,OAAOA;wBAC3BC,CAAAA,sBAAAA,IAAI,cAAc,AAAD,KAAjBA,oBAAAA,IAAAA,CAAAA,KAAqBD;YACvB,OAAO,IAAIC,AAAwB,UAAxBA,IAAI,eAAe,EAAY;oBAExCA;gBADA,IAAIjB,OAAO,OAAO,CAAC,GAAG,KAAKW,aAAab,OAAOa,aAAaC,QAAAA,WAAAA,WAAY;wBACxEK,CAAAA,4BAAAA,IAAI,oBAAoB,AAAD,KAAvBA,0BAAAA,IAAAA,CAAAA;YACF;QACF;IAEF,QACGC,YAAY,OAAO;QAAE,cAAczB,OAAO,OAAO;QAAE,GAAGL,KAAK;IAAC,GAAG,UAAUc,AAAaC,WAAbD,UAAwB,QAAQI,QAAQ;MAChH,CAACJ,YAAYiB,mBAAmB,MAAMjB,cAAe,KAAK;MAC1D,CAACkB,KAAK,WAAW,CAAC,eAAe,EAAElB,WAAW,KAAK,iCAAiC,EAAE,aAAa,IAAI;QACrG,CAACA,WAAWA,SAAS,IAAI,GAAG,QAACZ,CAAAA,6BAAAA,0BAA0BF,MAAK,IAA/BE,6BAAoC,GAAI;MACvE,EAAE8B,KAAK;IACT,EAAEF;AAEN"}

package/dist/pickers/pickers.css

@@ -50,6 +50,33 @@
   display: flex;
 }
 
+.g9-combo__tonal {
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--g9-outline-variant);
+  background-color: var(--g9-surface-container-low);
+  border-radius: 17px;
+  flex-direction: row;
+  align-items: center;
+  column-gap: 8px;
+  height: 34px;
+  display: flex;
+}
+
+.g9-combo__tonal-text {
+  color: var(--g9-text-primary);
+  text-overflow: ellipsis;
+  font-size: 14px;
+}
+
+.g9-combo__tonal-close {
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  display: flex;
+}
+
 .g9-combo__chips {
   flex-direction: row;
   align-items: center;

package/dist/pickers/pickers.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/pickers/pickers.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,6BAA6B;EAC7B,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,8BAA8B;AAChC;;AAGA;EAAE,iBAAiB;AACnB;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,iBAAiB;EACjB,aAAa;AACf;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,iBAAiB;AACnB;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;AACf;;AAGA;EAAE,mCAAmC;EACnC,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,qCAAqC;EACrC,mBAAmB;EACnB,iBAAiB;EACjB,uCAAuC;AACzC;;AAGA;EAAE,2BAA2B;EAC3B,eAAe;EACf,gBAAgB;AAClB;;AAGA;EAAE,+BAA+B;AACjC;;AAGA;EAAE,mCAAmC;EACnC,sBAAsB;EACtB,oBAAoB;EACpB,aAAa;AACf;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAGA;EAAE,kBAAkB;EAClB,6BAA6B;EAC7B,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAIA;EADE,kBAAkB;EAClB,wBAAwB;EACxB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;AAClB;;AAKA;EAFE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,iBAAiB;EACjB,aAAa;AACf;;AAKA;EAFE,wBAAwB;EACxB,eAAe;EACf,gBAAgB;AAClB;;AAKA;EAFE,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAOA;EAJE,cAAc;EACd,2BAA2B;AAC7B;;AAOA;EAJE,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AAQA;EALE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAQA;EALE,kBAAkB;EAClB,gBAAgB;AAClB;;AASA;EANE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AASA;EANE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AASA;EANE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAUA;EAPE,8BAA8B;EAC9B,eAAe;AACjB;;AAUA;EAPE,6BAA6B;EAC7B,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".g9-picker__value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100%;\n}\n\n.g9-picker__text {\n  font-size: 15px;\n  color: var(--g9-text-primary);\n  flex-shrink: 1;\n}\n\n.g9-picker__text--placeholder {\n  color: var(--g9-text-tertiary);\n}\n\n/* Gap after the swatch on the reading side (logical margins are dropped by the Lynx encoder, specs/02 §7). */\n.g9-picker__swatch {\n  margin-right: 8px;\n}\n\n.g9-dir-rtl .g9-picker__swatch {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n\n.g9-picker__icon {\n  display: flex;\n  margin-right: 8px;\n}\n\n.g9-dir-rtl .g9-picker__icon {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n\n.g9-combo__chip .g9-picker__icon {\n  margin-right: 6px;\n}\n\n.g9-dir-rtl .g9-combo__chip .g9-picker__icon {\n  margin-right: 0px;\n  margin-left: 6px;\n}\n\n.g9-combo__value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100%;\n}\n\n.g9-combo__chips {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.g9-combo__chip {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 28px;\n  padding-left: 9px;\n  padding-right: 9px;\n  margin-right: 6px;\n  border-radius: 6px;\n  background-color: var(--g9-primary);\n}\n\n.g9-dir-rtl .g9-combo__chip {\n  margin-right: 0px;\n  margin-left: 6px;\n}\n\n.g9-combo__chip--more {\n  background: var(--g9-surface-variant);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n}\n\n.g9-combo__chip-text {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--g9-on-primary);\n}\n\n.g9-combo__chip--more .g9-combo__chip-text {\n  color: var(--g9-text-secondary);\n}\n\n.g9-picker-sheet {\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 10px;\n  background-color: var(--g9-surface);\n}\n\n.g9-picker-sheet__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 10px 16px;\n}\n\n.g9-picker-sheet__title {\n  flex: 1;\n  text-align: center;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--g9-text-primary);\n}\n\n/* MAUI: the live preview 13 bold Primary, Padding (16, 4, 16, 8). */\n.g9-picker-sheet__preview {\n  text-align: center;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--g9-primary);\n  padding: 4px 16px 8px 16px;\n}\n\n/* Colours inline (Primary at 8 % / 30 %). */\n.g9-picker-sheet__today {\n  align-self: center;\n  padding: 6px 12px;\n  column-gap: 6px;\n  border-radius: 16px;\n  border-width: 1px;\n  border-style: solid;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 2px 0px 6px 0px;\n}\n\n.g9-picker-sheet__today-text {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--g9-primary);\n}\n\n.g9-picker-sheet__wheels {\n  display: flex;\n  flex-direction: row;\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n/* Mirrored explicitly; the row's own direction stays ltr so an engine that honours `direction` does not reverse it\n   again (Lynxtron ignores `direction`, E22). */\n.g9-picker-sheet__wheels.g9-dir-rtl {\n  direction: ltr;\n  flex-direction: row-reverse;\n}\n\n.g9-wheel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n/* MAUI DrumLabelFontSize 10, bold, TextTertiary. */\n.g9-wheel__label {\n  text-align: center;\n  font-size: 10px;\n  font-weight: 700;\n  color: var(--g9-text-tertiary);\n  margin-bottom: 4px;\n}\n\n.g9-wheel__viewport {\n  position: relative;\n  overflow: hidden;\n}\n\n/* Colours set inline from the palette (Primary at 6 % / 55 %): CSS cannot take an alpha off a colour variable. */\n.g9-wheel__band {\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  border-radius: 12px;\n  border-width: 1.2px;\n  border-style: solid;\n}\n\n.g9-wheel__fade {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n}\n\n.g9-wheel__row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* MAUI G9DrumColumn.Apply: 16 TextTertiary; the selected row 17 bold TextPrimary. */\n.g9-wheel__text {\n  font-size: 16px;\n  color: var(--g9-text-tertiary);\n}\n\n.g9-wheel__row--selected .g9-wheel__text {\n  font-size: 17px;\n  color: var(--g9-text-primary);\n  font-weight: 700;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/pickers/pickers.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,6BAA6B;EAC7B,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,8BAA8B;AAChC;;AAGA;EAAE,iBAAiB;AACnB;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,iBAAiB;EACjB,aAAa;AACf;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,iBAAiB;AACnB;;AAGA;EAAE,gBAAgB;EAChB,eAAe;AACjB;;AAGA;EAAE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAIA;EADE,mBAAmB;EACnB,iBAAiB;EACjB,uCAAuC;EACvC,iDAAiD;EACjD,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,aAAa;AACf;;AAIA;EADE,6BAA6B;EAC7B,uBAAuB;EACvB,eAAe;AACjB;;AAIA;EADE,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAIA;EADE,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;AACf;;AAIA;EADE,mCAAmC;EACnC,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAIA;EADE,gBAAgB;EAChB,eAAe;AACjB;;AAIA;EADE,qCAAqC;EACrC,mBAAmB;EACnB,iBAAiB;EACjB,uCAAuC;AACzC;;AAIA;EADE,2BAA2B;EAC3B,eAAe;EACf,gBAAgB;AAClB;;AAIA;EADE,+BAA+B;AACjC;;AAIA;EADE,mCAAmC;EACnC,sBAAsB;EACtB,oBAAoB;EACpB,aAAa;AACf;;AAIA;EADE,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAIA;EADE,kBAAkB;EAClB,6BAA6B;EAC7B,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAKA;EAFE,kBAAkB;EAClB,wBAAwB;EACxB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;AAClB;;AAMA;EAHE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;EACnB,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,iBAAiB;EACjB,aAAa;AACf;;AAMA;EAHE,wBAAwB;EACxB,eAAe;EACf,gBAAgB;AAClB;;AAMA;EAHE,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAQA;EALE,cAAc;EACd,2BAA2B;AAC7B;;AAQA;EALE,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AASA;EANE,kBAAkB;EAClB,8BAA8B;EAC9B,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AASA;EANE,kBAAkB;EAClB,gBAAgB;AAClB;;AAUA;EAPE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AAUA;EAPE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAUA;EAPE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAWA;EARE,8BAA8B;EAC9B,eAAe;AACjB;;AAWA;EARE,6BAA6B;EAC7B,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".g9-picker__value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100%;\n}\n\n.g9-picker__text {\n  font-size: 15px;\n  color: var(--g9-text-primary);\n  flex-shrink: 1;\n}\n\n.g9-picker__text--placeholder {\n  color: var(--g9-text-tertiary);\n}\n\n/* Gap after the swatch on the reading side (logical margins are dropped by the Lynx encoder, specs/02 §7). */\n.g9-picker__swatch {\n  margin-right: 8px;\n}\n\n.g9-dir-rtl .g9-picker__swatch {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n\n.g9-picker__icon {\n  display: flex;\n  margin-right: 8px;\n}\n\n.g9-dir-rtl .g9-picker__icon {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n\n.g9-combo__chip .g9-picker__icon {\n  margin-right: 6px;\n}\n\n.g9-dir-rtl .g9-combo__chip .g9-picker__icon {\n  margin-right: 0px;\n  margin-left: 6px;\n}\n\n.g9-combo__value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 100%;\n}\n\n/* MAUI 1.4.10 ChipStyle.Tonal: a light pill per chosen item with its own close mark. */\n.g9-combo__tonal {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  column-gap: 8px;\n  height: 34px;\n  border-radius: 17px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n  background-color: var(--g9-surface-container-low);\n}\n\n.g9-combo__tonal-text {\n  font-size: 14px;\n  color: var(--g9-text-primary);\n  text-overflow: ellipsis;\n}\n\n.g9-combo__tonal-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n}\n\n.g9-combo__chips {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.g9-combo__chip {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 28px;\n  padding-left: 9px;\n  padding-right: 9px;\n  margin-right: 6px;\n  border-radius: 6px;\n  background-color: var(--g9-primary);\n}\n\n.g9-dir-rtl .g9-combo__chip {\n  margin-right: 0px;\n  margin-left: 6px;\n}\n\n.g9-combo__chip--more {\n  background: var(--g9-surface-variant);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n}\n\n.g9-combo__chip-text {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--g9-on-primary);\n}\n\n.g9-combo__chip--more .g9-combo__chip-text {\n  color: var(--g9-text-secondary);\n}\n\n.g9-picker-sheet {\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 10px;\n  background-color: var(--g9-surface);\n}\n\n.g9-picker-sheet__header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 10px 16px;\n}\n\n.g9-picker-sheet__title {\n  flex: 1;\n  text-align: center;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--g9-text-primary);\n}\n\n/* MAUI: the live preview 13 bold Primary, Padding (16, 4, 16, 8). */\n.g9-picker-sheet__preview {\n  text-align: center;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--g9-primary);\n  padding: 4px 16px 8px 16px;\n}\n\n/* Colours inline (Primary at 8 % / 30 %). */\n.g9-picker-sheet__today {\n  align-self: center;\n  padding: 6px 12px;\n  column-gap: 6px;\n  border-radius: 16px;\n  border-width: 1px;\n  border-style: solid;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 2px 0px 6px 0px;\n}\n\n.g9-picker-sheet__today-text {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--g9-primary);\n}\n\n.g9-picker-sheet__wheels {\n  display: flex;\n  flex-direction: row;\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n/* Mirrored explicitly; the row's own direction stays ltr so an engine that honours `direction` does not reverse it\n   again (Lynxtron ignores `direction`, E22). */\n.g9-picker-sheet__wheels.g9-dir-rtl {\n  direction: ltr;\n  flex-direction: row-reverse;\n}\n\n.g9-wheel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n/* MAUI DrumLabelFontSize 10, bold, TextTertiary. */\n.g9-wheel__label {\n  text-align: center;\n  font-size: 10px;\n  font-weight: 700;\n  color: var(--g9-text-tertiary);\n  margin-bottom: 4px;\n}\n\n.g9-wheel__viewport {\n  position: relative;\n  overflow: hidden;\n}\n\n/* Colours set inline from the palette (Primary at 6 % / 55 %): CSS cannot take an alpha off a colour variable. */\n.g9-wheel__band {\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  border-radius: 12px;\n  border-width: 1.2px;\n  border-style: solid;\n}\n\n.g9-wheel__fade {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n}\n\n.g9-wheel__row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* MAUI G9DrumColumn.Apply: 16 TextTertiary; the selected row 17 bold TextPrimary. */\n.g9-wheel__text {\n  font-size: 16px;\n  color: var(--g9-text-tertiary);\n}\n\n.g9-wheel__row--selected .g9-wheel__text {\n  font-size: 17px;\n  color: var(--g9-text-primary);\n  font-weight: 700;\n}\n"],"sourceRoot":""}

package/dist/pickers/timespan-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timespan-picker.d.ts","sourceRoot":"","sources":["../../src/pickers/timespan-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAMlE,OAAO,EAIL,oBAAoB,EAKrB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,kBAAkB,EAA8B,MAAM,WAAW,CAAC;AAGhF,yCAAyC;AACzC,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,0GAA0G;IAC1G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,qDAAqD;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IACrC,qFAAqF;IACrF,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAQD,yGAAyG;AACzG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,GAAG,SAAS,CAoEZ;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA2CxE"}
+{"version":3,"file":"timespan-picker.d.ts","sourceRoot":"","sources":["../../src/pickers/timespan-picker.tsx"],"names":[],"mappings":"AACA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAMlE,OAAO,EAIL,oBAAoB,EAKrB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,kBAAkB,EAA8B,MAAM,WAAW,CAAC;AAGhF,yCAAyC;AACzC,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,0GAA0G;IAC1G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,qDAAqD;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IACrC,qFAAqF;IACrF,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAQD,yGAAyG;AACzG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B,GAAG,SAAS,CAoEZ;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA2CxE"}

package/dist/pickers/timespan-picker.jsx

@@ -1,3 +1,4 @@
+import { resolveRestingPlaceholder } from "../fields/outlined-field.jsx";
 import "./pickers.css";
 import { G9StringKey, toNativeDigits } from "@g9tm/lynxcontrols-foundation";
 import { useRef, useState } from "@lynx-js/react";
@@ -52,7 +53,7 @@ function TimeSpanSheetBody(props) {
     </view>;
 }
 function G9TimeSpanPicker(props) {
-    var _props_mode, _props_defaultValue, _props_placeholder;
+    var _props_mode, _props_defaultValue, _resolveRestingPlaceholder;
     const sheets = useG9Sheets();
     const culture = useG9Culture();
     const strings = useG9Strings();
@@ -90,7 +91,7 @@ function G9TimeSpanPicker(props) {
         ...props
     }} hasValue={null !== value} onOpen={onOpen}>
       <text className={`g9-picker__text${null !== value ? '' : ' g9-picker__text--placeholder'}`} text-maxline="1">
-        {null !== value ? formatTimeSpan(value, mode, strings, culture) : props.label ? '' : null != (_props_placeholder = props.placeholder) ? _props_placeholder : ''}
+        {null !== value ? formatTimeSpan(value, mode, strings, culture) : null != (_resolveRestingPlaceholder = resolveRestingPlaceholder(props)) ? _resolveRestingPlaceholder : ''}
       </text>
     </PickerField>;
 }

package/dist/pickers/timespan-picker.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"pickers/timespan-picker.jsx","sources":["../../src/pickers/timespan-picker.tsx"],"sourcesContent":["import './pickers.css';\nimport { type G9Culture, G9StringKey, toNativeDigits } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Culture, useG9Settings, useG9Strings } from '../provider/hooks';\nimport { useG9Sheets } from '../sheet/service';\nimport type { G9WheelItem } from './date-time';\nimport { PickerSheetHeader, showPickerSheet } from './picker-sheet';\nimport {\n  composeTimeSpan,\n  formatTimeSpan,\n  type G9TimeSpanParts,\n  G9TimeSpanPickerMode,\n  g9TimeSpanDefaultMaxDays,\n  g9TimeSpanMaxYears,\n  timeSpanDepth,\n  timeSpanParts,\n} from './timespan';\nimport { type G9PickerFieldProps, PickerField, usePickerOpen } from './trigger';\nimport { G9WheelColumn } from './wheel-column';\n\n/** Props of {@link G9TimeSpanPicker}. */\nexport interface G9TimeSpanPickerProps extends G9PickerFieldProps {\n  /** Duration in milliseconds (MAUI `SelectedTimeSpan`); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: number | null;\n  readonly defaultValue?: number | null;\n  readonly onValueChange?: (ms: number | null) => void;\n  /** Which drums show. Default `'yearsMonthsDays'`. */\n  readonly mode?: G9TimeSpanPickerMode;\n  /** Caption of the seconds drum (there is no localized key for it). Default `'s'`. */\n  readonly secondsLabel?: string;\n  /** Done confirmed a duration (MAUI `TimeSpanSelected`). */\n  readonly onTimeSpanSelected?: (ms: number) => void;\n}\n\nconst range = (from: number, to: number, culture: G9Culture, width: number): G9WheelItem[] =>\n  Array.from({ length: to - from + 1 }, (_, i) => ({\n    value: from + i,\n    text: toNativeDigits(String(from + i).padStart(width, '0'), culture.numberingSystem),\n  }));\n\n/** The duration drum sheet body (MAUI `G9TimeSpanPickerSheet`, plus the hours/minutes/seconds drums). */\nexport function TimeSpanSheetBody(props: {\n  readonly title: string;\n  readonly initial: number;\n  readonly mode: G9TimeSpanPickerMode;\n  readonly culture: G9Culture;\n  readonly secondsLabel: string;\n  readonly done: (ms: number) => void;\n  readonly cancel: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const { culture } = props;\n  const depth = timeSpanDepth(props.mode);\n  // What Done returns is what the drums show, also when nothing is touched (MAUI fix).\n  const [parts, setParts] = useState<G9TimeSpanParts>(() => timeSpanParts(props.initial, props.mode));\n  // The latest drums, written synchronously: Done can be tapped before the re-render binds a handler that closes over\n  // the new parts, and returned the old duration (Windows CI agent, Azure build 541). See DateTimeSheetBody.\n  const latest = useRef(parts);\n  const change = (patch: Partial<G9TimeSpanParts>) => {\n    latest.current = { ...latest.current, ...patch };\n    setParts(latest.current);\n  };\n  return (\n    <view className=\"g9-picker-sheet\">\n      <PickerSheetHeader\n        title={props.title}\n        onCancel={props.cancel}\n        onDone={() => props.done(composeTimeSpan(latest.current))}\n      />\n      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>\n        <G9WheelColumn\n          label={strings.get(G9StringKey.Year)}\n          items={range(0, g9TimeSpanMaxYears, culture, 2)}\n          value={parts.years}\n          onValueChange={(years) => change({ years })}\n        />\n        <G9WheelColumn\n          label={strings.get(G9StringKey.Month)}\n          items={range(0, 11, culture, 2)}\n          value={parts.months}\n          onValueChange={(months) => change({ months })}\n        />\n        {depth >= 1 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Day)}\n            items={range(0, Math.max(g9TimeSpanDefaultMaxDays, parts.days), culture, 2)}\n            value={parts.days}\n            onValueChange={(days) => change({ days })}\n          />\n        ) : null}\n        {depth >= 2 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Hour)}\n            items={range(0, 23, culture, 2)}\n            value={parts.hours}\n            onValueChange={(hours) => change({ hours })}\n          />\n        ) : null}\n        {depth >= 3 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Minute)}\n            items={range(0, 59, culture, 2)}\n            value={parts.minutes}\n            onValueChange={(minutes) => change({ minutes })}\n          />\n        ) : null}\n        {depth >= 4 ? (\n          <G9WheelColumn\n            label={props.secondsLabel}\n            items={range(0, 59, culture, 2)}\n            value={parts.seconds}\n            onValueChange={(seconds) => change({ seconds })}\n          />\n        ) : null}\n      </view>\n    </view>\n  );\n}\n\n/**\n * A duration in an outlined box (MAUI `G9TimeSpanPicker`): a tap opens the drum sheet; Done writes the value and\n * fires `onTimeSpanSelected`, Cancel and dismissals write nothing. Years/months/days follow the 365/30 convention;\n * the hours/minutes/seconds modes add those drums (MAUI accepted the modes but never showed them). Must be inside a\n * `G9Host`.\n */\nexport function G9TimeSpanPicker(props: G9TimeSpanPickerProps): ReactNode {\n  const sheets = useG9Sheets();\n  const culture = useG9Culture();\n  const strings = useG9Strings();\n  const glyphs = useG9Settings().glyphs;\n  const open = usePickerOpen();\n  const mode = props.mode ?? G9TimeSpanPickerMode.YearsMonthsDays;\n  const [value, setValue] = useControllableState<number | null>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9TimeSpanPicker.value',\n  });\n  const latest = useRef({ props, value });\n  latest.current = { props, value };\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const p = latest.current.props;\n      const title = p.label?.trim() ? p.label : strings.get(G9StringKey.SelectDuration);\n      const result = await showPickerSheet<number>(sheets, ({ done, cancel }) => (\n        <TimeSpanSheetBody\n          title={title}\n          initial={latest.current.value ?? 0}\n          mode={mode}\n          culture={culture}\n          secondsLabel={p.secondsLabel ?? 's'}\n          done={done}\n          cancel={cancel}\n        />\n      ));\n      if (!isCurrent() || result === null) return;\n      setValue(result);\n      latest.current.props.onTimeSpanSelected?.(result);\n    });\n\n  return (\n    <PickerField field={{ trailingIcon: glyphs.dateRange, ...props }} hasValue={value !== null} onOpen={onOpen}>\n      <text className={`g9-picker__text${value !== null ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {value !== null ? formatTimeSpan(value, mode, strings, culture) : props.label ? '' : (props.placeholder ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["range","from","to","culture","width","Array","_","i","toNativeDigits","String","TimeSpanSheetBody","props","strings","useG9Strings","depth","timeSpanDepth","parts","setParts","useState","timeSpanParts","latest","useRef","change","patch","view","PickerSheetHeader","composeTimeSpan","G9WheelColumn","G9StringKey","g9TimeSpanMaxYears","years","months","Math","g9TimeSpanDefaultMaxDays","days","hours","minutes","seconds","G9TimeSpanPicker","_props_mode","_props_defaultValue","_props_placeholder","sheets","useG9Sheets","useG9Culture","glyphs","useG9Settings","open","usePickerOpen","mode","G9TimeSpanPickerMode","value","setValue","useControllableState","onOpen","isCurrent","_p_label","_latest_current_props","p","title","result","showPickerSheet","done","cancel","_latest_current_value","_p_secondsLabel","PickerField","text","formatTimeSpan"],"mappings":"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"}
+{"version":3,"file":"pickers/timespan-picker.jsx","sources":["../../src/pickers/timespan-picker.tsx"],"sourcesContent":["import { resolveRestingPlaceholder } from '../fields/outlined-field';\nimport './pickers.css';\nimport { type G9Culture, G9StringKey, toNativeDigits } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Culture, useG9Settings, useG9Strings } from '../provider/hooks';\nimport { useG9Sheets } from '../sheet/service';\nimport type { G9WheelItem } from './date-time';\nimport { PickerSheetHeader, showPickerSheet } from './picker-sheet';\nimport {\n  composeTimeSpan,\n  formatTimeSpan,\n  type G9TimeSpanParts,\n  G9TimeSpanPickerMode,\n  g9TimeSpanDefaultMaxDays,\n  g9TimeSpanMaxYears,\n  timeSpanDepth,\n  timeSpanParts,\n} from './timespan';\nimport { type G9PickerFieldProps, PickerField, usePickerOpen } from './trigger';\nimport { G9WheelColumn } from './wheel-column';\n\n/** Props of {@link G9TimeSpanPicker}. */\nexport interface G9TimeSpanPickerProps extends G9PickerFieldProps {\n  /** Duration in milliseconds (MAUI `SelectedTimeSpan`); `null` = none. Controlled with `onValueChange`. */\n  readonly value?: number | null;\n  readonly defaultValue?: number | null;\n  readonly onValueChange?: (ms: number | null) => void;\n  /** Which drums show. Default `'yearsMonthsDays'`. */\n  readonly mode?: G9TimeSpanPickerMode;\n  /** Caption of the seconds drum (there is no localized key for it). Default `'s'`. */\n  readonly secondsLabel?: string;\n  /** Done confirmed a duration (MAUI `TimeSpanSelected`). */\n  readonly onTimeSpanSelected?: (ms: number) => void;\n}\n\nconst range = (from: number, to: number, culture: G9Culture, width: number): G9WheelItem[] =>\n  Array.from({ length: to - from + 1 }, (_, i) => ({\n    value: from + i,\n    text: toNativeDigits(String(from + i).padStart(width, '0'), culture.numberingSystem),\n  }));\n\n/** The duration drum sheet body (MAUI `G9TimeSpanPickerSheet`, plus the hours/minutes/seconds drums). */\nexport function TimeSpanSheetBody(props: {\n  readonly title: string;\n  readonly initial: number;\n  readonly mode: G9TimeSpanPickerMode;\n  readonly culture: G9Culture;\n  readonly secondsLabel: string;\n  readonly done: (ms: number) => void;\n  readonly cancel: () => void;\n}): ReactNode {\n  const strings = useG9Strings();\n  const { culture } = props;\n  const depth = timeSpanDepth(props.mode);\n  // What Done returns is what the drums show, also when nothing is touched (MAUI fix).\n  const [parts, setParts] = useState<G9TimeSpanParts>(() => timeSpanParts(props.initial, props.mode));\n  // The latest drums, written synchronously: Done can be tapped before the re-render binds a handler that closes over\n  // the new parts, and returned the old duration (Windows CI agent, Azure build 541). See DateTimeSheetBody.\n  const latest = useRef(parts);\n  const change = (patch: Partial<G9TimeSpanParts>) => {\n    latest.current = { ...latest.current, ...patch };\n    setParts(latest.current);\n  };\n  return (\n    <view className=\"g9-picker-sheet\">\n      <PickerSheetHeader\n        title={props.title}\n        onCancel={props.cancel}\n        onDone={() => props.done(composeTimeSpan(latest.current))}\n      />\n      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>\n        <G9WheelColumn\n          label={strings.get(G9StringKey.Year)}\n          items={range(0, g9TimeSpanMaxYears, culture, 2)}\n          value={parts.years}\n          onValueChange={(years) => change({ years })}\n        />\n        <G9WheelColumn\n          label={strings.get(G9StringKey.Month)}\n          items={range(0, 11, culture, 2)}\n          value={parts.months}\n          onValueChange={(months) => change({ months })}\n        />\n        {depth >= 1 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Day)}\n            items={range(0, Math.max(g9TimeSpanDefaultMaxDays, parts.days), culture, 2)}\n            value={parts.days}\n            onValueChange={(days) => change({ days })}\n          />\n        ) : null}\n        {depth >= 2 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Hour)}\n            items={range(0, 23, culture, 2)}\n            value={parts.hours}\n            onValueChange={(hours) => change({ hours })}\n          />\n        ) : null}\n        {depth >= 3 ? (\n          <G9WheelColumn\n            label={strings.get(G9StringKey.Minute)}\n            items={range(0, 59, culture, 2)}\n            value={parts.minutes}\n            onValueChange={(minutes) => change({ minutes })}\n          />\n        ) : null}\n        {depth >= 4 ? (\n          <G9WheelColumn\n            label={props.secondsLabel}\n            items={range(0, 59, culture, 2)}\n            value={parts.seconds}\n            onValueChange={(seconds) => change({ seconds })}\n          />\n        ) : null}\n      </view>\n    </view>\n  );\n}\n\n/**\n * A duration in an outlined box (MAUI `G9TimeSpanPicker`): a tap opens the drum sheet; Done writes the value and\n * fires `onTimeSpanSelected`, Cancel and dismissals write nothing. Years/months/days follow the 365/30 convention;\n * the hours/minutes/seconds modes add those drums (MAUI accepted the modes but never showed them). Must be inside a\n * `G9Host`.\n */\nexport function G9TimeSpanPicker(props: G9TimeSpanPickerProps): ReactNode {\n  const sheets = useG9Sheets();\n  const culture = useG9Culture();\n  const strings = useG9Strings();\n  const glyphs = useG9Settings().glyphs;\n  const open = usePickerOpen();\n  const mode = props.mode ?? G9TimeSpanPickerMode.YearsMonthsDays;\n  const [value, setValue] = useControllableState<number | null>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9TimeSpanPicker.value',\n  });\n  const latest = useRef({ props, value });\n  latest.current = { props, value };\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const p = latest.current.props;\n      const title = p.label?.trim() ? p.label : strings.get(G9StringKey.SelectDuration);\n      const result = await showPickerSheet<number>(sheets, ({ done, cancel }) => (\n        <TimeSpanSheetBody\n          title={title}\n          initial={latest.current.value ?? 0}\n          mode={mode}\n          culture={culture}\n          secondsLabel={p.secondsLabel ?? 's'}\n          done={done}\n          cancel={cancel}\n        />\n      ));\n      if (!isCurrent() || result === null) return;\n      setValue(result);\n      latest.current.props.onTimeSpanSelected?.(result);\n    });\n\n  return (\n    <PickerField field={{ trailingIcon: glyphs.dateRange, ...props }} hasValue={value !== null} onOpen={onOpen}>\n      <text className={`g9-picker__text${value !== null ? '' : ' g9-picker__text--placeholder'}`} text-maxline=\"1\">\n        {value !== null ? formatTimeSpan(value, mode, strings, culture) : (resolveRestingPlaceholder(props) ?? '')}\n      </text>\n    </PickerField>\n  );\n}\n"],"names":["range","from","to","culture","width","Array","_","i","toNativeDigits","String","TimeSpanSheetBody","props","strings","useG9Strings","depth","timeSpanDepth","parts","setParts","useState","timeSpanParts","latest","useRef","change","patch","view","PickerSheetHeader","composeTimeSpan","G9WheelColumn","G9StringKey","g9TimeSpanMaxYears","years","months","Math","g9TimeSpanDefaultMaxDays","days","hours","minutes","seconds","G9TimeSpanPicker","_props_mode","_props_defaultValue","_resolveRestingPlaceholder","sheets","useG9Sheets","useG9Culture","glyphs","useG9Settings","open","usePickerOpen","mode","G9TimeSpanPickerMode","value","setValue","useControllableState","onOpen","isCurrent","_p_label","_latest_current_props","p","title","result","showPickerSheet","done","cancel","_latest_current_value","_p_secondsLabel","PickerField","text","formatTimeSpan"],"mappings":"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"}

package/dist/pickers/trigger.d.ts

@@ -1,7 +1,7 @@
 import './pickers.css';
 import type { G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';
 import { type ReactNode } from '@lynx-js/react';
-import type { G9SelectionItem } from '../base/selection-item.js';
+import { type G9SelectionItem } from '../base/selection-item.js';
 import { type G9OutlinedFieldProps, type G9TrailingAffordance } from '../fields/outlined-field.js';
 /**
  * Opens a picker sheet at most once at a time and drops results that arrive after the field unmounted (MAUI
@@ -17,6 +17,8 @@ export declare function valueDirectionClass(direction: G9TextInputDirection | un
 export declare function SelectionValueIcon(props: {
     readonly item: G9SelectionItem;
     readonly color?: string;
+    /** In a multi-select chip: a person's picture is left out — the chip is the name alone (MAUI 1.4.10 IsAvatar). */
+    readonly inChip?: boolean;
 }): ReactNode;
 /** Props shared by every picker trigger: the outlined field props (label, helper, error, icons, read-only, …). */
 export type G9PickerFieldProps = G9OutlinedFieldProps;

package/dist/pickers/trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/pickers/trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,gBAAgB,CAAC;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAKjH;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAwB1F;AAED,yFAAyF;AACzF,wBAAgB,cAAc,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAEjH;AAED,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAE/G;AAED,iHAAiH;AACjH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAoBhH;AAED,kHAAkH;AAClH,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,GAAG,SAAS,CAqBZ"}
+{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/pickers/trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,gBAAgB,CAAC;AAEnE,OAAO,EAAE,KAAK,eAAe,EAAiB,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAmB,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAKjH;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAwB1F;AAED,yFAAyF;AACzF,wBAAgB,cAAc,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAEjH;AAED,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAE/G;AAED,iHAAiH;AACjH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,kHAAkH;IAClH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,SAAS,CA4BZ;AAED,kHAAkH;AAClH,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B,GAAG,SAAS,CAqBZ"}

package/dist/pickers/trigger.jsx

@@ -1,6 +1,7 @@
 import "./pickers.css";
 import { useEffect, useRef } from "@lynx-js/react";
 import { g9RowStyle } from "../base/control.jsx";
+import { isAvatarImage } from "../base/selection-item.jsx";
 import { G9OutlinedField } from "../fields/outlined-field.jsx";
 import { G9IconSlot, hasIconSlot } from "../icon/slot.jsx";
 import { G9Swatch } from "../icon/swatch.jsx";
@@ -42,6 +43,8 @@ function SelectionValueIcon(props) {
     var _item_emoji, _item_iconPath, _item_iconImage;
     var _item_swatchFirstColor, _item_swatchSecondColor;
     const { item } = props;
+    const avatar = isAvatarImage(item);
+    if (avatar && props.inChip) return null;
     const icon = {
         emoji: null != (_item_emoji = item.emoji) ? _item_emoji : null,
         icon: item.icon,
@@ -51,7 +54,9 @@ function SelectionValueIcon(props) {
     if (hasIconSlot(icon)) {
         var _ref, _item_iconTintColor;
         return <view className="g9-picker__icon">
-        <G9IconSlot {...icon} size={18} color={null != (_ref = null != (_item_iconTintColor = item.iconTintColor) ? _item_iconTintColor : props.color) ? _ref : 'var(--g9-on-surface-variant)'}/>
+        <G9IconSlot {...icon} size={18} color={null != (_ref = null != (_item_iconTintColor = item.iconTintColor) ? _item_iconTintColor : props.color) ? _ref : 'var(--g9-on-surface-variant)'} {...avatar ? {
+            imageCornerRadius: 9
+        } : {}}/>
       </view>;
     }
     if ((null == (_item_swatchFirstColor = item.swatchFirstColor) ? void 0 : _item_swatchFirstColor.trim()) || (null == (_item_swatchSecondColor = item.swatchSecondColor) ? void 0 : _item_swatchSecondColor.trim())) return <G9Swatch first={item.swatchFirstColor} second={item.swatchSecondColor} className="g9-picker__swatch"/>;