@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

package/dist/icon/swatch.d.ts

@@ -0,0 +1,29 @@
+import { type G9Color } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+/** Props of {@link G9Swatch}. */
+export interface G9SwatchProps {
+    /** The first stored colour (a variety's `FirstColor`). */
+    readonly first?: G9Color | null | undefined;
+    /** The second stored colour (a variety's `SecondColor`). */
+    readonly second?: G9Color | null | undefined;
+    /** Diameter in px. Default 18 (MAUI `G9Metrics.SelectionIconSize`). */
+    readonly size?: number;
+    /**
+     * Which side the first half of a two-colour swatch sits on: its reading start, as a MAUI `Grid` column 0 does under
+     * the inherited `FlowDirection`. Default the provider's culture direction (LTR without a provider).
+     */
+    readonly direction?: 'ltr' | 'rtl';
+    /** Extra class names (spacing next to a label). */
+    readonly className?: string;
+}
+/** The default swatch diameter (MAUI `G9Metrics.SelectionIconSize`). */
+export declare const g9SwatchDefaultSize = 18;
+/**
+ * The variety colour swatch shown in place of an icon for items that only carry stored colours (MAUI
+ * `G9Visuals.CreateSwatch`), ONE convention for every surface that shows a variety (picker and combo triggers,
+ * selection-sheet rows, read-only displays): no colour → a zero-size invisible element (mount it unconditionally),
+ * one colour (first or second) → a solid circle, two → a circle split into two vertical halves, first at the reading
+ * start. Never a touch target.
+ */
+export declare function G9Swatch(props: G9SwatchProps): ReactNode;
+//# sourceMappingURL=swatch.d.ts.map

package/dist/icon/swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../src/icon/swatch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAa,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAG5D,iCAAiC;AACjC,MAAM,WAAW,aAAa;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,4DAA4D;IAC5D,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,uEAAuE;IACvE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACnC,mDAAmD;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CAwBxD"}

package/dist/icon/swatch.jsx

@@ -0,0 +1,25 @@
+import { hasSwatch } from "@g9tm/lynxcontrols-foundation";
+import { useContext } from "@lynx-js/react";
+import { G9CultureContext } from "../provider/contexts.jsx";
+const g9SwatchDefaultSize = 18;
+function G9Swatch(props) {
+    var _props_size, _ref, _props_direction;
+    var _props_first, _props_second;
+    const culture = useContext(G9CultureContext);
+    const first = (null == (_props_first = props.first) ? void 0 : _props_first.trim()) ? props.first : null;
+    const second = (null == (_props_second = props.second) ? void 0 : _props_second.trim()) ? props.second : null;
+    const className = props.className ? ` ${props.className}` : '';
+    if (!hasSwatch(first, second)) return <view className={`g9-icon-empty${className}`}/>;
+    const size = null != (_props_size = props.size) ? _props_size : g9SwatchDefaultSize;
+    const both = null !== first && null !== second;
+    const towards = (null != (_ref = null != (_props_direction = props.direction) ? _props_direction : null == culture ? void 0 : culture.culture.direction) ? _ref : 'ltr') === 'rtl' ? 'left' : 'right';
+    return <view className={`g9-swatch${className}`} accessibility-element={false} style={{
+        width: `${size}px`,
+        height: `${size}px`,
+        borderRadius: `${size / 2}px`,
+        background: both ? `linear-gradient(to ${towards}, ${first} 50%, ${second} 50%)` : null != first ? first : second
+    }}/>;
+}
+export { G9Swatch, g9SwatchDefaultSize };
+
+//# sourceMappingURL=swatch.jsx.map

package/dist/icon/swatch.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon/swatch.jsx","sources":["../../src/icon/swatch.tsx"],"sourcesContent":["import { type G9Color, hasSwatch } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useContext } from '@lynx-js/react';\nimport { G9CultureContext } from '../provider/contexts';\n\n/** Props of {@link G9Swatch}. */\nexport interface G9SwatchProps {\n  /** The first stored colour (a variety's `FirstColor`). */\n  readonly first?: G9Color | null | undefined;\n  /** The second stored colour (a variety's `SecondColor`). */\n  readonly second?: G9Color | null | undefined;\n  /** Diameter in px. Default 18 (MAUI `G9Metrics.SelectionIconSize`). */\n  readonly size?: number;\n  /**\n   * Which side the first half of a two-colour swatch sits on: its reading start, as a MAUI `Grid` column 0 does under\n   * the inherited `FlowDirection`. Default the provider's culture direction (LTR without a provider).\n   */\n  readonly direction?: 'ltr' | 'rtl';\n  /** Extra class names (spacing next to a label). */\n  readonly className?: string;\n}\n\n/** The default swatch diameter (MAUI `G9Metrics.SelectionIconSize`). */\nexport const g9SwatchDefaultSize = 18;\n\n/**\n * The variety colour swatch shown in place of an icon for items that only carry stored colours (MAUI\n * `G9Visuals.CreateSwatch`), ONE convention for every surface that shows a variety (picker and combo triggers,\n * selection-sheet rows, read-only displays): no colour → a zero-size invisible element (mount it unconditionally),\n * one colour (first or second) → a solid circle, two → a circle split into two vertical halves, first at the reading\n * start. Never a touch target.\n */\nexport function G9Swatch(props: G9SwatchProps): ReactNode {\n  const culture = useContext(G9CultureContext);\n  // A blank stored colour (an empty database column) is no colour, as a null MAUI `Color?` is.\n  const first = props.first?.trim() ? props.first : null;\n  const second = props.second?.trim() ? props.second : null;\n  const className = props.className ? ` ${props.className}` : '';\n  if (!hasSwatch(first, second)) return <view className={`g9-icon-empty${className}`} />;\n  const size = props.size ?? g9SwatchDefaultSize;\n  const both = first !== null && second !== null;\n  const towards = (props.direction ?? culture?.culture.direction ?? 'ltr') === 'rtl' ? 'left' : 'right';\n  return (\n    <view\n      className={`g9-swatch${className}`}\n      accessibility-element={false}\n      style={{\n        width: `${size}px`,\n        height: `${size}px`,\n        borderRadius: `${size / 2}px`,\n        background: both\n          ? `linear-gradient(to ${towards}, ${first} 50%, ${second} 50%)`\n          : ((first ?? second) as string),\n      }}\n    />\n  );\n}\n"],"names":["g9SwatchDefaultSize","G9Swatch","props","_props_size","_ref","_props_first","_props_second","culture","useContext","G9CultureContext","first","second","className","hasSwatch","view","size","both","towards"],"mappings":";;;AAsBO,MAAMA,sBAAsB;AAS5B,SAASC,SAASC,KAAoB;QAO9BC,aAEIC,MAAAA;QANHC,cACCC;IAHf,MAAMC,UAAUC,WAAWC;IAE3B,MAAMC,QAAQL,AAAAA,SAAAA,CAAAA,eAAAA,MAAM,KAAK,AAAD,IAAVA,KAAAA,IAAAA,aAAa,IAAI,EAAC,IAAIH,MAAM,KAAK,GAAG;IAClD,MAAMS,SAASL,AAAAA,SAAAA,CAAAA,gBAAAA,MAAM,MAAM,AAAD,IAAXA,KAAAA,IAAAA,cAAc,IAAI,EAAC,IAAIJ,MAAM,MAAM,GAAG;IACrD,MAAMU,YAAYV,MAAM,SAAS,GAAG,CAAC,CAAC,EAAEA,MAAM,SAAS,EAAE,GAAG;IAC5D,IAAI,CAACW,UAAUH,OAAOC,SAAS,QAAQG,KAAK,WAAW,CAAC,aAAa,EAAEF,WAAW;IAClF,MAAMG,OAAO,QAAAZ,CAAAA,cAAAA,MAAM,IAAI,AAAD,IAATA,cAAcH;IAC3B,MAAMgB,OAAON,AAAU,SAAVA,SAAkBC,AAAW,SAAXA;IAC/B,MAAMM,UAAU,AAAC,SAAAb,CAAAA,OAAAA,QAAAA,CAAAA,mBAAAA,MAAM,SAAS,AAAD,IAAdA,mBAAmBG,QAAAA,UAAAA,KAAAA,IAAAA,QAAS,OAAO,CAAC,SAAS,AAAD,IAA5CH,OAAiD,KAAI,MAAO,QAAQ,SAAS;IAC9F,QACGU,KACC,WAAW,CAAC,SAAS,EAAEF,WAAW,EAClC,uBAAuB,OACvB,OAAO;QACL,OAAO,GAAGG,KAAK,EAAE,CAAC;QAClB,QAAQ,GAAGA,KAAK,EAAE,CAAC;QACnB,cAAc,GAAGA,OAAO,EAAE,EAAE,CAAC;QAC7B,YAAYC,OACR,CAAC,mBAAmB,EAAEC,QAAQ,EAAE,EAAEP,MAAM,MAAM,EAAEC,OAAO,KAAK,CAAC,GAC3DD,QAAAA,QAAAA,QAASC;IACjB;AAGN"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export type * from './base/index.js';
+export type * from './button/index.js';
+export type * from './cascade/index.js';
+export type * from './deferred/index.js';
+export type * from './display/index.js';
+export type * from './edge-panel/index.js';
+export type * from './expander/index.js';
+export type * from './fields/index.js';
+export type * from './host/index.js';
+export type * from './icon/index.js';
+export type * from './pickers/index.js';
+export type * from './plus-button/index.js';
+export type * from './popup/index.js';
+export type * from './provider/index.js';
+export type * from './range-slider/index.js';
+export type * from './selection/index.js';
+export type * from './sheet/index.js';
+export type * from './swipe/index.js';
+export type * from './tab-bar/index.js';
+export type * from './tabs/index.js';
+export type * from './toast/index.js';
+export type * from './toggle/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,mBAAmB,QAAQ,CAAC;AAC5B,mBAAmB,UAAU,CAAC;AAC9B,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,UAAU,CAAC;AAC9B,mBAAmB,QAAQ,CAAC;AAC5B,mBAAmB,QAAQ,CAAC;AAC5B,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,gBAAgB,CAAC;AACpC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,QAAQ,CAAC;AAC5B,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,UAAU,CAAC"}

package/dist/index.jsx

@@ -0,0 +1 @@
+export { };

package/dist/pickers/combo-box.d.ts

@@ -0,0 +1,42 @@
+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 G9PickerFieldProps } from './trigger.js';
+/** Chips shown in the box before the `+N` overflow chip (MAUI combo). */
+export declare const g9ComboMaxChips = 2;
+/** Props of {@link G9ComboBox}. */
+export interface G9ComboBoxProps<T extends G9SelectionItem = G9SelectionItem> extends G9PickerFieldProps {
+    /** The rows (MAUI `ItemsSource`). Disabled items are left out except selected ones (shown dimmed). */
+    readonly items: ReadonlyArray<T>;
+    /** Multi-selection (MAUI `AllowMultipleSelection`): `values` instead of `value`, Done commits. Default false. */
+    readonly allowMultiple?: boolean;
+    /** Single mode: the selected key (MAUI `SelectedItem`). */
+    readonly value?: string | null;
+    readonly defaultValue?: string | null;
+    readonly onValueChange?: (key: string | null, item: T | null) => void;
+    /** Multi mode: the selected keys, in list order (MAUI `SelectedItems`). */
+    readonly values?: ReadonlyArray<string>;
+    readonly defaultValues?: ReadonlyArray<string>;
+    readonly onValuesChange?: (keys: ReadonlyArray<string>, items: ReadonlyArray<T>) => void;
+    /** Sheet title; default the label, else the placeholder. */
+    readonly sheetTitle?: string | null;
+    /** Text when the search finds nothing (MAUI `EmptyStateText`, default localized "No results"). */
+    readonly emptyStateText?: string | null;
+    /** A × in the trailing slot clears the selection while there is one (MAUI `ClearButton`). Default true. */
+    readonly clearButton?: boolean;
+    /** Direction of the value/chips and the sheet rows (MAUI `ValueTextDirection`). Default follows the culture. */
+    readonly valueTextDirection?: G9TextInputDirection;
+}
+/** Two key lists hold the same keys in the same order. */
+export declare function sameSelectionKeys(a: ReadonlyArray<string>, b: ReadonlyArray<string>): boolean;
+/**
+ * Searchable single or multi selection in an outlined box (MAUI `G9ComboBox`). The sheet always has search. Single:
+ * only a pick writes the value; a dismissal leaves it. Multi: Done commits, and so does dismissing a sheet whose
+ * selection changed; an untouched dismissal writes nothing. The box shows the value (icon or swatch + text), or up
+ * to two chips and a `+N` chip; with `clearButton` the trailing search glyph becomes × while there is a value and a
+ * tap on it clears without opening. A result that arrives after the field unmounted, or after a newer open, is
+ * dropped.
+ */
+export declare function G9ComboBox<T extends G9SelectionItem = G9SelectionItem>(props: G9ComboBoxProps<T>): ReactNode;
+//# sourceMappingURL=combo-box.d.ts.map

package/dist/pickers/combo-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../src/pickers/combo-box.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAgD,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,wBAAwB,CAAC;AAK5E,OAAO,EACL,KAAK,kBAAkB,EAMxB,MAAM,WAAW,CAAC;AAEnB,yEAAyE;AACzE,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,mCAAmC;AACnC,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,CAAE,SAAQ,kBAAkB;IACtG,sGAAsG;IACtG,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjC,iHAAiH;IACjH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,2DAA2D;IAC3D,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,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,2EAA2E;IAC3E,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC/C,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzF,4DAA4D;IAC5D,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,kGAAkG;IAClG,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,2GAA2G;IAC3G,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,gHAAgH;IAChH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;CACpD;AAED,0DAA0D;AAC1D,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,OAAO,CAE7F;AAGD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,CAqH5G"}

package/dist/pickers/combo-box.jsx

@@ -0,0 +1,129 @@
+import "./pickers.css";
+import { G9StringKey, buildSolidOrGradient, fillToCss } from "@g9tm/lynxcontrols-foundation";
+import { useRef } from "@lynx-js/react";
+import { g9RowStyle } from "../base/control.jsx";
+import { selectionKey } from "../base/selection-item.jsx";
+import { useControllableState } from "../base/use-controllable-state.jsx";
+import { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from "../provider/hooks.jsx";
+import { showSelectionSheet } from "../selection/selection-sheet.jsx";
+import { useG9Sheets } from "../sheet/service.jsx";
+import { PickerField, SelectionValueIcon, usePickerOpen, valueDirection, valueDirectionClass } from "./trigger.jsx";
+const g9ComboMaxChips = 2;
+function sameSelectionKeys(a, b) {
+    return a.length === b.length && a.every((k, i)=>k === b[i]);
+}
+const sameKeys = sameSelectionKeys;
+function G9ComboBox(props) {
+    var _props_defaultValue, _props_defaultValues, _props_placeholder;
+    const sheets = useG9Sheets();
+    const glyphs = useG9Settings().glyphs;
+    const strings = useG9Strings();
+    const culture = useG9Direction();
+    const primary = useG9Theme().palette.Primary;
+    const open = usePickerOpen();
+    const multiple = true === props.allowMultiple;
+    const byKey = (keys)=>keys.map((k)=>props.items.find((i)=>selectionKey(i) === k)).filter((i)=>void 0 !== i);
+    const [key, setKey] = useControllableState({
+        value: props.value,
+        defaultValue: null != (_props_defaultValue = props.defaultValue) ? _props_defaultValue : null,
+        onChange: props.onValueChange,
+        name: 'G9ComboBox.value'
+    });
+    const [keys, setKeys] = useControllableState({
+        value: props.values,
+        defaultValue: null != (_props_defaultValues = props.defaultValues) ? _props_defaultValues : [],
+        onChange: props.onValuesChange,
+        name: 'G9ComboBox.values',
+        equals: sameKeys
+    });
+    const latest = useRef({
+        props,
+        key,
+        keys
+    });
+    latest.current = {
+        props,
+        key,
+        keys
+    };
+    const selected = multiple ? byKey(keys) : byKey(null === key ? [] : [
+        key
+    ]);
+    const hasValue = selected.length > 0;
+    const blocked = true === props.disabled || true === props.readOnly;
+    const clear = ()=>{
+        if (multiple) setKeys([], []);
+        else setKey(null, null);
+    };
+    const onOpen = ()=>open(async (isCurrent)=>{
+            var _ref, _p_label, _p_emptyStateText;
+            var _p_sheetTitle;
+            const { props: p, key: k, keys: ks } = latest.current;
+            const current = p.allowMultiple ? ks : null === k ? [] : [
+                k
+            ];
+            const picked = current.map((c)=>p.items.find((i)=>selectionKey(i) === c)).filter((i)=>void 0 !== i);
+            const items = p.items.filter((i)=>false !== i.isEnabled || picked.includes(i));
+            if (0 === items.length) return;
+            const result = await showSelectionSheet(sheets, {
+                title: (null == (_p_sheetTitle = p.sheetTitle) ? void 0 : _p_sheetTitle.trim()) ? p.sheetTitle : null != (_ref = null != (_p_label = p.label) ? _p_label : p.placeholder) ? _ref : '',
+                items,
+                selectedItems: picked,
+                allowMultiple: true === p.allowMultiple,
+                closeOnSingleSelection: true !== p.allowMultiple,
+                showSearch: true,
+                emptyText: null != (_p_emptyStateText = p.emptyStateText) ? _p_emptyStateText : strings.get(G9StringKey.NoResults),
+                ...p.valueTextDirection ? {
+                    itemTextDirection: p.valueTextDirection
+                } : {}
+            });
+            if (!isCurrent()) return;
+            if (p.allowMultiple) {
+                if (!result.wasAccepted && !result.selectionChanged) return;
+                const next = result.items.map(selectionKey);
+                if (sameKeys(next, latest.current.keys)) return;
+                setKeys(next, result.items);
+            } else if (result.wasAccepted) {
+                var _result_items_;
+                const item = null != (_result_items_ = result.items[0]) ? _result_items_ : null;
+                setKey(item ? selectionKey(item) : null, item);
+            }
+        });
+    const showClear = false !== props.clearButton && hasValue && !blocked;
+    const dir = valueDirectionClass(props.valueTextDirection, culture);
+    const row = g9RowStyle(valueDirection(props.valueTextDirection, culture));
+    return <PickerField field={{
+        trailingIcon: glyphs.search,
+        ...props
+    }} hasValue={hasValue} onOpen={onOpen} trailingAffordance={showClear ? {
+        icon: glyphs.clear,
+        signature: 'clear',
+        label: strings.get(G9StringKey.Clear),
+        onPress: clear
+    } : null}>
+      <view className={`g9-combo__value ${dir}`} style={row}>
+        {multiple && hasValue ? <view className="g9-combo__chips" style={row}>
+            {selected.slice(0, g9ComboMaxChips).map((item)=><view key={selectionKey(item)} className="g9-combo__chip" style={{
+            ...row,
+            background: fillToCss(buildSolidOrGradient(primary, true))
+        }}>
+                <SelectionValueIcon item={item} color="var(--g9-on-primary)"/>
+                <text className="g9-combo__chip-text" text-maxline="1">
+                  {item.text}
+                </text>
+              </view>)}
+            {selected.length > g9ComboMaxChips ? <view className="g9-combo__chip g9-combo__chip--more">
+                <text className="g9-combo__chip-text">{`+${selected.length - g9ComboMaxChips}`}</text>
+              </view> : null}
+          </view> : [
+        hasValue ? <SelectionValueIcon key="i" item={selected[0]}/> : null,
+        <text key="t" className={`g9-picker__text${hasValue ? '' : ' g9-picker__text--placeholder'}`} text-maxline="1">
+              {hasValue ? selected[0].text : props.label ? '' : null != (_props_placeholder = props.placeholder) ? _props_placeholder : ''}
+            </text>
+    ]}
+      </view>
+    </PickerField>;
+}
+export { G9ComboBox, g9ComboMaxChips, sameSelectionKeys };
+
+//# sourceMappingURL=combo-box.jsx.map

package/dist/pickers/combo-box.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickers/combo-box.jsx","sources":["../../src/pickers/combo-box.tsx"],"sourcesContent":["import './pickers.css';\nimport { buildSolidOrGradient, fillToCss, G9StringKey, type G9TextInputDirection } from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef } from '@lynx-js/react';\nimport { g9RowStyle } from '../base/control';\nimport { type G9SelectionItem, selectionKey } from '../base/selection-item';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Direction, useG9Settings, useG9Strings, useG9Theme } from '../provider/hooks';\nimport { showSelectionSheet } from '../selection/selection-sheet';\nimport { useG9Sheets } from '../sheet/service';\nimport {\n  type G9PickerFieldProps,\n  PickerField,\n  SelectionValueIcon,\n  usePickerOpen,\n  valueDirection,\n  valueDirectionClass,\n} from './trigger';\n\n/** Chips shown in the box before the `+N` overflow chip (MAUI combo). */\nexport const g9ComboMaxChips = 2;\n\n/** Props of {@link G9ComboBox}. */\nexport interface G9ComboBoxProps<T extends G9SelectionItem = G9SelectionItem> extends G9PickerFieldProps {\n  /** The rows (MAUI `ItemsSource`). Disabled items are left out except selected ones (shown dimmed). */\n  readonly items: ReadonlyArray<T>;\n  /** Multi-selection (MAUI `AllowMultipleSelection`): `values` instead of `value`, Done commits. Default false. */\n  readonly allowMultiple?: boolean;\n  /** Single mode: the selected key (MAUI `SelectedItem`). */\n  readonly value?: string | null;\n  readonly defaultValue?: string | null;\n  readonly onValueChange?: (key: string | null, item: T | null) => void;\n  /** Multi mode: the selected keys, in list order (MAUI `SelectedItems`). */\n  readonly values?: ReadonlyArray<string>;\n  readonly defaultValues?: ReadonlyArray<string>;\n  readonly onValuesChange?: (keys: ReadonlyArray<string>, items: ReadonlyArray<T>) => void;\n  /** Sheet title; default the label, else the placeholder. */\n  readonly sheetTitle?: string | null;\n  /** Text when the search finds nothing (MAUI `EmptyStateText`, default localized \"No results\"). */\n  readonly emptyStateText?: string | null;\n  /** A × in the trailing slot clears the selection while there is one (MAUI `ClearButton`). Default true. */\n  readonly clearButton?: boolean;\n  /** Direction of the value/chips and the sheet rows (MAUI `ValueTextDirection`). Default follows the culture. */\n  readonly valueTextDirection?: G9TextInputDirection;\n}\n\n/** Two key lists hold the same keys in the same order. */\nexport function sameSelectionKeys(a: ReadonlyArray<string>, b: ReadonlyArray<string>): boolean {\n  return a.length === b.length && a.every((k, i) => k === b[i]);\n}\nconst sameKeys = sameSelectionKeys;\n\n/**\n * Searchable single or multi selection in an outlined box (MAUI `G9ComboBox`). The sheet always has search. Single:\n * only a pick writes the value; a dismissal leaves it. Multi: Done commits, and so does dismissing a sheet whose\n * selection changed; an untouched dismissal writes nothing. The box shows the value (icon or swatch + text), or up\n * to two chips and a `+N` chip; with `clearButton` the trailing search glyph becomes × while there is a value and a\n * tap on it clears without opening. A result that arrives after the field unmounted, or after a newer open, is\n * dropped.\n */\nexport function G9ComboBox<T extends G9SelectionItem = G9SelectionItem>(props: G9ComboBoxProps<T>): ReactNode {\n  const sheets = useG9Sheets();\n  const glyphs = useG9Settings().glyphs;\n  const strings = useG9Strings();\n  const culture = useG9Direction();\n  const primary = useG9Theme().palette.Primary;\n  const open = usePickerOpen();\n  const multiple = props.allowMultiple === true;\n  const byKey = (keys: ReadonlyArray<string>) =>\n    keys.map((k) => props.items.find((i) => selectionKey(i) === k)).filter((i): i is T => i !== undefined);\n  const [key, setKey] = useControllableState<string | null, [T | null]>({\n    value: props.value,\n    defaultValue: props.defaultValue ?? null,\n    onChange: props.onValueChange,\n    name: 'G9ComboBox.value',\n  });\n  const [keys, setKeys] = useControllableState<ReadonlyArray<string>, [ReadonlyArray<T>]>({\n    value: props.values,\n    defaultValue: props.defaultValues ?? [],\n    onChange: props.onValuesChange,\n    name: 'G9ComboBox.values',\n    equals: sameKeys,\n  });\n  const latest = useRef({ props, key, keys });\n  latest.current = { props, key, keys };\n\n  const selected = multiple ? byKey(keys) : byKey(key === null ? [] : [key]);\n  const hasValue = selected.length > 0;\n  const blocked = props.disabled === true || props.readOnly === true;\n\n  const clear = () => {\n    if (multiple) setKeys([], []);\n    else setKey(null, null);\n  };\n\n  const onOpen = () =>\n    open(async (isCurrent) => {\n      const { props: p, key: k, keys: ks } = latest.current;\n      const current = p.allowMultiple ? ks : k === null ? [] : [k];\n      const picked = current\n        .map((c) => p.items.find((i) => selectionKey(i) === c))\n        .filter((i): i is T => i !== undefined);\n      const items = p.items.filter((i) => i.isEnabled !== false || picked.includes(i));\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: picked,\n        allowMultiple: p.allowMultiple === true,\n        closeOnSingleSelection: p.allowMultiple !== true,\n        showSearch: true,\n        emptyText: p.emptyStateText ?? strings.get(G9StringKey.NoResults),\n        ...(p.valueTextDirection ? { itemTextDirection: p.valueTextDirection } : {}),\n      });\n      if (!isCurrent()) return;\n      if (p.allowMultiple) {\n        if (!result.wasAccepted && !result.selectionChanged) return;\n        const next = result.items.map(selectionKey);\n        if (sameKeys(next, latest.current.keys)) return;\n        setKeys(next, result.items);\n      } else if (result.wasAccepted) {\n        const item = result.items[0] ?? null;\n        setKey(item ? selectionKey(item) : null, item);\n      }\n    });\n\n  const showClear = props.clearButton !== false && hasValue && !blocked;\n  const dir = valueDirectionClass(props.valueTextDirection, culture);\n  const row = g9RowStyle(valueDirection(props.valueTextDirection, culture));\n  return (\n    <PickerField\n      field={{ trailingIcon: glyphs.search, ...props }}\n      hasValue={hasValue}\n      onOpen={onOpen}\n      trailingAffordance={\n        showClear\n          ? { icon: glyphs.clear, signature: 'clear', label: strings.get(G9StringKey.Clear), onPress: clear }\n          : null\n      }\n    >\n      <view className={`g9-combo__value ${dir}`} style={row}>\n        {multiple && hasValue ? (\n          <view className=\"g9-combo__chips\" style={row}>\n            {selected.slice(0, g9ComboMaxChips).map((item) => (\n              // MAUI G9Colors.BuildSolidOrGradient(palette.Primary, useGradient: true).\n              <view\n                key={selectionKey(item)}\n                className=\"g9-combo__chip\"\n                style={{ ...row, background: fillToCss(buildSolidOrGradient(primary, true)) }}\n              >\n                <SelectionValueIcon item={item} color=\"var(--g9-on-primary)\" />\n                <text className=\"g9-combo__chip-text\" text-maxline=\"1\">\n                  {item.text}\n                </text>\n              </view>\n            ))}\n            {selected.length > g9ComboMaxChips ? (\n              <view className=\"g9-combo__chip g9-combo__chip--more\">\n                <text className=\"g9-combo__chip-text\">{`+${selected.length - g9ComboMaxChips}`}</text>\n              </view>\n            ) : null}\n          </view>\n        ) : (\n          [\n            hasValue ? <SelectionValueIcon key=\"i\" item={selected[0] as T} /> : null,\n            <text\n              key=\"t\"\n              className={`g9-picker__text${hasValue ? '' : ' g9-picker__text--placeholder'}`}\n              text-maxline=\"1\"\n            >\n              {hasValue ? (selected[0] as T).text : props.label ? '' : (props.placeholder ?? '')}\n            </text>,\n          ]\n        )}\n      </view>\n    </PickerField>\n  );\n}\n"],"names":["g9ComboMaxChips","sameSelectionKeys","a","b","k","i","sameKeys","G9ComboBox","props","_props_defaultValue","_props_defaultValues","_props_placeholder","sheets","useG9Sheets","glyphs","useG9Settings","strings","useG9Strings","culture","useG9Direction","primary","useG9Theme","open","usePickerOpen","multiple","byKey","keys","selectionKey","undefined","key","setKey","useControllableState","setKeys","latest","useRef","selected","hasValue","blocked","clear","onOpen","isCurrent","_ref","_p_emptyStateText","_p_sheetTitle","p","ks","current","picked","c","items","result","showSelectionSheet","G9StringKey","next","_result_items_","item","showClear","dir","valueDirectionClass","row","g9RowStyle","valueDirection","PickerField","view","fillToCss","buildSolidOrGradient","SelectionValueIcon","text"],"mappings":"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"}

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

@@ -0,0 +1,63 @@
+import './pickers.css';
+import { type G9CalendarSystem, type G9Culture, G9DateTimeDisplayFormat, G9DateTimePickerMode, type G9LocalDate, type G9LocalDateTime } from '@g9tm/lynxcontrols-foundation';
+import { type ReactNode } from '@lynx-js/react';
+import { type G9PickerFieldProps } from './trigger.js';
+/** Years the year window grows by at an edge (MAUI `YearWindowStep`). */
+export declare const g9YearWindowStep = 25;
+/** Props of {@link G9DateTimePicker}. */
+export interface G9DateTimePickerProps extends G9PickerFieldProps {
+    /** The value, always Gregorian (MAUI `SelectedDateTime`); `null` = none. Controlled with `onValueChange`. */
+    readonly value?: G9LocalDateTime | null;
+    readonly defaultValue?: G9LocalDateTime | null;
+    readonly onValueChange?: (value: G9LocalDateTime | null) => void;
+    /** Default `'date'`. */
+    readonly mode?: G9DateTimePickerMode;
+    /** Default `'shortDate'`. */
+    readonly displayFormat?: G9DateTimeDisplayFormat;
+    /** Text of the `'custom'` format (MAUI `FormattedDisplayText`). */
+    readonly formattedDisplayText?: string | null;
+    readonly minDate?: G9LocalDate | null;
+    readonly maxDate?: G9LocalDate | null;
+    /** Hours 0–23 instead of 12-hour AM/PM. Default false. */
+    readonly twentyFourHourDisplay?: boolean;
+    /**
+     * Default true (MAUI `RestoreOnCancel`): Cancel or a dismissal puts back the value the picker had when it opened if
+     * it changed meanwhile. False leaves the current value.
+     */
+    readonly restoreOnCancel?: boolean;
+    /** The Today / Now chip. Default true. */
+    readonly showTodayButton?: boolean;
+    /** Calendar override; default Persian for `fa`, else Gregorian (follows the language, not the direction). */
+    readonly calendar?: G9CalendarSystem | null;
+    /** Done confirmed a value (MAUI `DateTimeSelected`). */
+    readonly onDateTimeSelected?: (value: G9LocalDateTime) => void;
+}
+interface SheetBodyProps {
+    readonly title: string;
+    readonly initial: G9LocalDateTime;
+    readonly now: () => G9LocalDateTime;
+    readonly mode: G9DateTimePickerMode;
+    readonly calendar: G9CalendarSystem;
+    readonly culture: G9Culture;
+    readonly bounds: {
+        min: G9LocalDateTime | null;
+        max: G9LocalDateTime | null;
+    };
+    readonly twentyFourHour: boolean;
+    readonly showToday: boolean;
+    readonly format: (value: G9LocalDateTime) => string;
+    readonly done: (value: G9LocalDateTime) => void;
+    readonly cancel: () => void;
+}
+/** The drum sheet body (MAUI `G9DateTimePickerSheet`): header, live preview, Today/Now chip, the wheels. */
+export declare function DateTimeSheetBody(props: SheetBodyProps): ReactNode;
+/**
+ * Date, time or date-time in an outlined box (MAUI `G9DateTimePicker`): a tap opens the drum sheet (Cancel, title,
+ * Done, live preview, Today/Now, day/month/year and hour/minute wheels). The calendar follows the language (`fa` →
+ * Persian) unless `calendar` is set; the value stays Gregorian. Min/max clamp the drums (they roll onto the clamped
+ * value); a day past the month's end clamps to its last day. Done writes the value and fires `onDateTimeSelected`;
+ * Cancel and dismissals write nothing (see `restoreOnCancel`). Must be inside a `G9Host`.
+ */
+export declare function G9DateTimePicker(props: G9DateTimePickerProps): ReactNode;
+export {};
+//# sourceMappingURL=date-time-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../src/pickers/date-time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,uBAAuB,EACvB,oBAAoB,EACpB,KAAK,WAAW,EAChB,KAAK,eAAe,EAGrB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,gBAAgB,CAAC;AAqBlE,OAAO,EAAE,KAAK,kBAAkB,EAA8B,MAAM,WAAW,CAAC;AAGhF,yEAAyE;AACzE,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,yCAAyC;AACzC,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,6GAA6G;IAC7G,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,wBAAwB;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IACrC,6BAA6B;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACjD,mEAAmE;IACnE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,0DAA0D;IAC1D,QAAQ,CAAC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,6GAA6G;IAC7G,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC5C,wDAAwD;IACxD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,GAAG,EAAE,MAAM,eAAe,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,eAAe,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,eAAe,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9E,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAmGlE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA6ExE"}

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

@@ -0,0 +1,141 @@
+import "./pickers.css";
+import { G9DateTimeDisplayFormat, G9DateTimePickerMode, G9StringKey, daysInMonth, localDateTimeFromDate } from "@g9tm/lynxcontrols-foundation";
+import { useRef, useState } from "@lynx-js/react";
+import { useG9Press } from "../base/press.jsx";
+import { useControllableState } from "../base/use-controllable-state.jsx";
+import { useG9Culture, useG9Service, useG9Settings, useG9Strings } from "../provider/hooks.jsx";
+import { useG9Sheets } from "../sheet/service.jsx";
+import { asDateTime, clampPickerValue, composePickerValue, dayWheelItems, formatPickerValue, hourWheelItems, minuteWheelItems, monthWheelItems, normalizePickerBounds, pickerParts, resolvePickerCalendar, yearWheelItems, yearWindow } from "./date-time.jsx";
+import { PickerSheetHeader, showPickerSheet } from "./picker-sheet.jsx";
+import { PickerField, usePickerOpen } from "./trigger.jsx";
+import { G9WheelColumn } from "./wheel-column.jsx";
+const g9YearWindowStep = 25;
+function DateTimeSheetBody(props) {
+    const strings = useG9Strings();
+    const { calendar, culture, bounds, mode } = props;
+    const [value, setValueState] = useState(()=>clampPickerValue(props.initial, bounds, calendar));
+    const latest = useRef(value);
+    const setValue = (next)=>{
+        latest.current = next;
+        setValueState(next);
+    };
+    const partsOf = (v)=>({
+            ...pickerParts(v, calendar),
+            hour: v.hour,
+            minute: v.minute
+        });
+    const parts = partsOf(value);
+    const minYear = bounds.min ? pickerParts(bounds.min, calendar).year : null;
+    const maxYear = bounds.max ? pickerParts(bounds.max, calendar).year : null;
+    const [years, setYears] = useState(()=>yearWindow(parts.year, minYear, maxYear));
+    const window_ = parts.year < years.from || parts.year > years.to ? yearWindow(parts.year, minYear, maxYear) : years;
+    const change = (patch)=>setValue(composePickerValue({
+            ...partsOf(latest.current),
+            ...patch
+        }, calendar, bounds));
+    const grow = (edge)=>setYears((w)=>'end' === edge ? {
+                from: w.from,
+                to: Math.min(null != maxYear ? maxYear : 9999, 9999, w.to + g9YearWindowStep)
+            } : {
+                from: Math.max(null != minYear ? minYear : 1, 1, w.from - g9YearWindowStep),
+                to: w.to
+            });
+    const today = useG9Press(()=>{
+        const now = props.now();
+        setValue(clampPickerValue(mode === G9DateTimePickerMode.Date ? asDateTime(now) : now, bounds, calendar));
+    }, {
+        source: 'G9DateTimePicker',
+        guardMs: 0
+    });
+    const showDate = mode !== G9DateTimePickerMode.Time;
+    const showTime = mode !== G9DateTimePickerMode.Date;
+    return <view className="g9-picker-sheet">
+      <PickerSheetHeader title={props.title} onCancel={props.cancel} onDone={()=>props.done(latest.current)}/>
+      <text className="g9-picker-sheet__preview" text-maxline="1">
+        {props.format(value)}
+      </text>
+      {props.showToday ? <view className="g9-picker-sheet__today" accessibility-element={true} accessibility-traits="button" bindtap={today}>
+          <text className="g9-picker-sheet__today-text">
+            {strings.get(mode === G9DateTimePickerMode.Time ? G9StringKey.Now : G9StringKey.Today)}
+          </text>
+        </view> : null}
+      <view className={`g9-picker-sheet__wheels g9-dir-${culture.direction}`}>
+        {showDate ? <G9WheelColumn label={strings.get(G9StringKey.Day)} items={dayWheelItems(daysInMonth(calendar, parts.year, parts.month), culture)} value={parts.day} onValueChange={(day)=>change({
+            day
+        })}/> : null}
+        {showDate ? <G9WheelColumn label={strings.get(G9StringKey.Month)} items={monthWheelItems(calendar, culture)} value={parts.month} onValueChange={(month)=>change({
+            month
+        })}/> : null}
+        {showDate ? <G9WheelColumn label={strings.get(G9StringKey.Year)} items={yearWheelItems(window_.from, window_.to, culture)} value={parts.year} onValueChange={(year)=>change({
+            year
+        })} onNearEdge={grow}/> : null}
+        {showTime ? <G9WheelColumn label={strings.get(G9StringKey.Hour)} items={hourWheelItems(props.twentyFourHour, culture)} value={parts.hour} onValueChange={(hour)=>change({
+            hour
+        })}/> : null}
+        {showTime ? <G9WheelColumn label={strings.get(G9StringKey.Minute)} items={minuteWheelItems(culture)} value={parts.minute} onValueChange={(minute)=>change({
+            minute
+        })}/> : null}
+      </view>
+    </view>;
+}
+function G9DateTimePicker(props) {
+    var _props_defaultValue, _props_mode, _props_placeholder;
+    const sheets = useG9Sheets();
+    const culture = useG9Culture();
+    const strings = useG9Strings();
+    const glyphs = useG9Settings().glyphs;
+    const clock = useG9Service('clock');
+    const open = usePickerOpen();
+    const [value, setValue] = useControllableState({
+        value: props.value,
+        defaultValue: null != (_props_defaultValue = props.defaultValue) ? _props_defaultValue : null,
+        onChange: props.onValueChange,
+        name: 'G9DateTimePicker.value'
+    });
+    const latest = useRef({
+        props,
+        value
+    });
+    latest.current = {
+        props,
+        value
+    };
+    const mode = null != (_props_mode = props.mode) ? _props_mode : G9DateTimePickerMode.Date;
+    const calendar = resolvePickerCalendar(culture, props.calendar);
+    const format = (v)=>{
+        var _props_displayFormat, _props_formattedDisplayText;
+        return formatPickerValue(v, culture, {
+            mode,
+            displayFormat: null != (_props_displayFormat = props.displayFormat) ? _props_displayFormat : G9DateTimeDisplayFormat.ShortDate,
+            twentyFourHour: true === props.twentyFourHourDisplay,
+            calendar,
+            customText: null != (_props_formattedDisplayText = props.formattedDisplayText) ? _props_formattedDisplayText : null
+        });
+    };
+    const onOpen = ()=>open(async (isCurrent)=>{
+            var _p_label;
+            const previous = latest.current.value;
+            const p = latest.current.props;
+            const now = ()=>localDateTimeFromDate(new Date(clock.now()));
+            const title = (null == (_p_label = p.label) ? void 0 : _p_label.trim()) ? p.label : strings.get(mode === G9DateTimePickerMode.Time ? G9StringKey.SelectTime : mode === G9DateTimePickerMode.DateTime ? G9StringKey.SelectDateTime : G9StringKey.SelectDate);
+            const bounds = normalizePickerBounds(p.minDate, p.maxDate, calendar);
+            const result = await showPickerSheet(sheets, ({ done, cancel })=><DateTimeSheetBody title={title} initial={null != previous ? previous : now()} now={now} mode={mode} calendar={calendar} culture={culture} bounds={bounds} twentyFourHour={true === p.twentyFourHourDisplay} showToday={false !== p.showTodayButton} format={format} done={done} cancel={cancel}/>);
+            if (!isCurrent()) return;
+            if (result) {
+                var _latest_current_props_onDateTimeSelected, _latest_current_props;
+                setValue(result);
+                null == (_latest_current_props_onDateTimeSelected = (_latest_current_props = latest.current.props).onDateTimeSelected) || _latest_current_props_onDateTimeSelected.call(_latest_current_props, result);
+            } else if (false !== latest.current.props.restoreOnCancel && latest.current.value !== previous) setValue(previous);
+        });
+    return <PickerField field={{
+        trailingIcon: mode === G9DateTimePickerMode.Time ? glyphs.clock : glyphs.calendar,
+        ...props
+    }} hasValue={null !== value} onOpen={onOpen}>
+      <text className={`g9-picker__text${value ? '' : ' g9-picker__text--placeholder'}`} text-maxline="1">
+        {value ? format(value) : props.label ? '' : null != (_props_placeholder = props.placeholder) ? _props_placeholder : ''}
+      </text>
+    </PickerField>;
+}
+export { DateTimeSheetBody, G9DateTimePicker, g9YearWindowStep };
+
+//# sourceMappingURL=date-time-picker.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pickers/date-time-picker.jsx","sources":["../../src/pickers/date-time-picker.tsx"],"sourcesContent":["import './pickers.css';\nimport {\n  daysInMonth,\n  type G9CalendarSystem,\n  type G9Culture,\n  G9DateTimeDisplayFormat,\n  G9DateTimePickerMode,\n  type G9LocalDate,\n  type G9LocalDateTime,\n  G9StringKey,\n  localDateTimeFromDate,\n} from '@g9tm/lynxcontrols-foundation';\nimport { type ReactNode, useRef, useState } from '@lynx-js/react';\nimport { useG9Press } from '../base/press';\nimport { useControllableState } from '../base/use-controllable-state';\nimport { useG9Culture, useG9Service, useG9Settings, useG9Strings } 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 { 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        <view\n          className=\"g9-picker-sheet__today\"\n          accessibility-element={true}\n          accessibility-traits=\"button\"\n          bindtap={today}\n        >\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            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","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","G9StringKey","G9WheelColumn","dayWheelItems","daysInMonth","day","monthWheelItems","month","yearWheelItems","year","hourWheelItems","hour","minuteWheelItems","minute","G9DateTimePicker","_props_defaultValue","_props_mode","_props_placeholder","sheets","useG9Sheets","useG9Culture","glyphs","useG9Settings","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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"}