@kanso-labs/react-native-kanso-ui 0.11.24 → 0.11.26

package/dist/components/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","HostInstance","StyleProp","TextStyle","View","ViewStyle","Color","ColorPickerState","useRef","useState","NativeView","Pressable","StyleSheet","Text","parseColor","useColorPickerState","useOverlayTriggerState","PickedColor","useLocaleOf","useMessages","PickerPopup","hitSlop","usePressFeedback","refsOf","colorNameOf","PickedColorContext","withOpacity","useTheme","composeStyles","themedStyles","useTypeRole","ColorArea","ColorField","ColorSlider","ColorSwatch","SWATCH","SURFACE_WIDTH","CHANNELS","stylesOf","colors","radii","spacing","stateLayerOpacity","create","body","boxSizing","gap","md","maxWidth","padding","lg","width","disabled","backgroundColor","onSurface","disabledContainer","swatch","height","trigger","alignItems","alignSelf","surfaceContainerLow","borderRadius","pill","flexDirection","sm","paddingHorizontal","paddingVertical","ColorPickerProps","alpha","children","defaultOpen","defaultValue","isDisabled","isOpen","label","onChange","value","onOpenChange","ref","style","testID","ColorPicker","t0","$","_c","t1","t2","undefined","theme","styles","locale","messages","labelRole","t3","state","t4","overlay","close","open","show","anchor","setTrigger","t5","t6","color","corners","feedback","t7","transparent","name","T0","t8","handlers","t9","t10","t11","t12","t13","t14","t15","ring","t16","layer","t17","t18","disabledContent","t19","t20","t21","t22","pickedOf","t23","getChannelName","t24","t25","t26","setColor","_c","NativeView"],"sources":["../../../src/components/color-picker/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport type { Color } from 'react-stately'\nimport type { ColorPickerState } from 'react-stately/useColorPickerState'\n\nimport { useRef, useState } from 'react'\nimport { View as NativeView, Pressable, StyleSheet, Text } from 'react-native'\nimport { parseColor } from 'react-stately'\nimport { useColorPickerState } from 'react-stately/useColorPickerState'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { PickedColor } from '../../swatch'\n\nimport { useLocaleOf, useMessages } from '../../i18n/provider'\nimport { PickerPopup } from '../../picker'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { refsOf } from '../../ref'\nimport { colorNameOf, PickedColorContext } from '../../swatch'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\nimport { ColorArea } from '../color-area'\nimport { ColorField } from '../color-field'\nimport { ColorSlider } from '../color-slider'\nimport { ColorSwatch } from '../color-swatch'\n\n// Every colour control in one, as kanso-ui's ColorPicker composes them: a\n// swatch and a label as the trigger, and a plane, a hue slider, an alpha\n// slider and a hex field on the surface it opens. The value is React\n// Stately's `useColorPickerState`, which the controls on the surface take\n// through src/swatch's PickedColorContext, as React Aria's picker hands its\n// value to each control's context on web. So an arrangement passed as\n// `children` shares the value the same way, whatever it holds.\n//\n// Material Design carries no page for a colour picker. What it does carry is\n// the text fields page, which the field inside draws through, and the surface\n// a date picker opens on, which this one shares through src/picker. Three\n// choices are web's own, and kept.\n//\n// **The trigger is a swatch beside a name, not a swatch alone.** A swatch on\n// its own is a coloured square with no affordance, and a screen reader would\n// be told a colour rather than an action. It is a pill on surface container\n// low, the swatch at 24dp, the height of the label's line rather than a\n// swatch's own 40dp, and the label in label large, with the state layer and\n// ripple every control here draws in on surface. A screen reader hears the\n// label and then the colour, \"Label, dark purple\", where web's reads the\n// swatch's name first: the visible label leads, so a voice command that says\n// it finds the button.\n//\n// **Hue is a slider rather than a wheel.** A wheel and the plane want the\n// same room, and would make the surface square and large; the strip sits\n// under the plane at the width it already has. ColorWheel is for a picker\n// that wants to be round, which a call site builds as `children`.\n//\n// **It is docked from the medium window size up and modal below it**, the\n// date picker's pairing, through the same src/picker surface: a 280dp\n// surface anchored to a trigger is out of reach on a phone, and a centred one\n// on a tablet covers a form for no reason. Its dismissal, its motion and\n// where a screen reader goes are the date picker's.\n//\n// One thing the picker does that its parts do not. **The plane and the hue\n// slider are read in HSL.** A channel has to belong to the value's own space\n// or React Stately throws, and a hex is read as RGB, which has no saturation,\n// so `<ColorPicker defaultValue=\"#6750A4\" />` would throw outright. Reading\n// the two in HSL is what lets the picker take any notation. A change made on\n// either reports the colour in HSL, as React Stately's area and slider do on\n// web, and the field shows it as hex whatever space it is in.\n//\n// **Disabled reaches every control on the surface**, not only the trigger.\n// React Stately's picker state carries no disabled state, and the surface\n// opens independently of the trigger, so a disabled picker can still be on\n// screen: already open when a form disables it, or opened from outside. An\n// arrangement passed as `children` is the call site's own to disable.\n\n// The swatch in the trigger, at the height of the label's line rather than\n// the 40dp a swatch takes on its own.\nconst SWATCH = 24\n\n// The surface's width, as web's: room for the plane and a hex field.\nconst SURFACE_WIDTH = 280\n\n// Any HSL colour names the channels the two sliders draw. Their labels are\n// read off it in the locale, as React Stately words them, rather than written\n// here in English.\nconst CHANNELS = parseColor('hsl(0, 0%, 0%)')\n\nconst stylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) =>\n  StyleSheet.create({\n    // What the surface holds, stacked: the plane, the sliders, then the\n    // field. One column, so a picker reads top to bottom.\n    body: {\n      boxSizing: 'border-box',\n      gap: spacing.md,\n      maxWidth: '100%',\n      padding: spacing.lg,\n      width: SURFACE_WIDTH,\n    },\n    disabled: {\n      backgroundColor: withOpacity(\n        colors.onSurface,\n        stateLayerOpacity.disabledContainer,\n      ),\n    },\n    swatch: {\n      height: SWATCH,\n      width: SWATCH,\n    },\n    trigger: {\n      alignItems: 'center',\n      alignSelf: 'flex-start',\n      backgroundColor: colors.surfaceContainerLow,\n      borderRadius: radii.pill,\n      boxSizing: 'border-box',\n      flexDirection: 'row',\n      gap: spacing.sm,\n      paddingHorizontal: spacing.md,\n      paddingVertical: spacing.sm,\n    },\n  }),\n)\n\ntype ColorPickerProps = {\n  /** Whether the alpha slider is drawn under the hue one. @default false */\n  readonly alpha?: boolean\n  /**\n   * Replaces everything on the surface, for a picker that arranges its own\n   * parts. The colour controls in it take the picker's value.\n   */\n  readonly children?: ReactNode\n  /** Whether the surface starts open, when the picker keeps its own open state. */\n  readonly defaultOpen?: boolean\n  /**\n   * The colour the picker holds at first, when it keeps its own: a CSS colour\n   * string, or a `Color` from `parseColor`.\n   * @default '#000000'\n   */\n  readonly defaultValue?: Color | string\n  /**\n   * Whether the whole picker is inert: the trigger, and the plane, sliders\n   * and field on the surface, which can be on screen while disabled since\n   * the surface opens independently of the trigger. An arrangement passed as\n   * `children` is the call site's own to disable.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /** Whether the surface is open, for a call site holding it with `onOpenChange`. */\n  readonly isOpen?: boolean\n  /**\n   * What the trigger says beside its swatch. Required: it is the button's\n   * name, the surface's and the field's.\n   */\n  readonly label: string\n  /** Called with the colour each time a control on the surface changes it. */\n  readonly onChange?: (value: Color) => void\n  /** Called when the surface opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /** The colour, for a call site holding it itself with `onChange`. */\n  readonly value?: Color | string\n}\n\n/**\n * A colour picked from a plane, a hue slider and a hex field, behind a\n * trigger showing the colour. Pass `value` with `onChange` to control it, or\n * `defaultValue`, as a CSS colour string or a `Color` from `parseColor`,\n * which this package re-exports.\n *\n * ```tsx\n * <ColorPicker defaultValue=\"#6750A4\" label=\"Label\" />\n * ```\n *\n * `alpha` adds the transparency slider. From the medium window size up the\n * surface is docked under the trigger; below it, it opens centred over a\n * scrim, as a date picker's does. `defaultOpen`, `isOpen` and `onOpenChange`\n * reach the surface.\n *\n * Every part on the surface is this package's own, `ColorArea`,\n * `ColorSlider` and `ColorField`, and they share the picker's value rather\n * than taking it as props. Passing `children` replaces all of them, and a\n * `ColorArea`, `ColorField`, `ColorSlider`, `ColorSwatch`,\n * `ColorSwatchPicker` or `ColorWheel` among them takes the picker's value\n * where it is given none of its own.\n *\n * `style`, `ref` and `testID` land on the trigger, which is what a layout\n * places.\n */\nfunction ColorPicker({\n  alpha = false,\n  children,\n  defaultOpen,\n  defaultValue,\n  isDisabled = false,\n  isOpen,\n  label,\n  onChange,\n  onOpenChange,\n  ref,\n  style,\n  testID,\n  value,\n}: ColorPickerProps) {\n  const theme = useTheme()\n  const { colors, radii, spacing, stateLayerOpacity } = theme\n  const styles = stylesOf(theme)\n  const locale = useLocaleOf(undefined)\n  const messages = useMessages()\n  const labelRole = useTypeRole('labelLarge')\n  const state = useColorPickerState({ defaultValue, onChange, value })\n  const overlay = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  // oxlint-disable-next-line typescript/unbound-method -- React Stately's setters are callbacks, and read no `this`\n  const { close, open: show } = overlay\n  const anchor = useRef<HostInstance | null>(null)\n  const [trigger, setTrigger] = useState<HostInstance | null>(null)\n  const feedback = usePressFeedback({\n    color: colors.onSurface,\n    corners: { borderRadius: radii.pill },\n    disabled: isDisabled,\n  })\n  const name = colorNameOf(state.color, locale, messages.transparent)\n\n  return (\n    <>\n      <Pressable\n        {...feedback.handlers}\n        aria-expanded={overlay.isOpen}\n        aria-label={`${label}, ${name}`}\n        disabled={isDisabled}\n        hitSlop={hitSlop(SWATCH + 2 * spacing.sm)}\n        onPress={show}\n        ref={refsOf<HostInstance>(ref, anchor, setTrigger)}\n        role=\"button\"\n        style={composeStyles<ViewStyle>(\n          styles.trigger,\n          isDisabled ? styles.disabled : undefined,\n          feedback.ring,\n          style,\n        )}\n        testID={testID}\n      >\n        {feedback.layer}\n        <ColorSwatch color={state.color} style={styles.swatch} />\n        <Text\n          style={composeStyles<TextStyle>(labelRole, {\n            color: isDisabled\n              ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n              : colors.onSurface,\n          })}\n        >\n          {label}\n        </Text>\n      </Pressable>\n      <PickerPopup\n        anchor={anchor}\n        close={close}\n        isOpen={overlay.isOpen}\n        label={label}\n        trigger={trigger}\n      >\n        {/*\n          Inside the surface rather than around the picker, since the surface\n          is drawn in the overlay host, which context set around the picker\n          does not reach.\n        */}\n        <PickedColorContext value={pickedOf(state)}>\n          {children ?? (\n            <NativeView style={styles.body}>\n              <ColorArea\n                aria-label={label}\n                colorSpace=\"hsl\"\n                isDisabled={isDisabled}\n                xChannel=\"saturation\"\n                yChannel=\"lightness\"\n              />\n              <ColorSlider\n                channel=\"hue\"\n                colorSpace=\"hsl\"\n                isDisabled={isDisabled}\n                label={CHANNELS.getChannelName('hue', locale)}\n              />\n              {alpha ? (\n                <ColorSlider\n                  channel=\"alpha\"\n                  isDisabled={isDisabled}\n                  label={CHANNELS.getChannelName('alpha', locale)}\n                />\n              ) : null}\n              <ColorField isDisabled={isDisabled} label={label} />\n            </NativeView>\n          )}\n        </PickedColorContext>\n      </PickerPopup>\n    </>\n  )\n}\n\n// Built by a call rather than written inline at the prop, which is what\n// react-perf's jsx-no-new-object-as-prop is after; the React Compiler\n// memoises the result on its inputs.\nfunction pickedOf(state: ColorPickerState): PickedColor {\n  return {\n    onChange: (color) => {\n      state.setColor(color)\n    },\n    value: state.color,\n  }\n}\n\nexport { ColorPicker }\nexport type { ColorPickerProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmFA,MAAMqC,SAAS;AAGf,MAAMC,gBAAgB;AAKtB,MAAMC,WAAWvB,WAAW,gBAAgB;AAE5C,MAAMwB,WAAWT,cAAc,EAAEU,QAAQC,OAAOC,SAASC,wBACvD9B,WAAW+B,OAAO;CAGhBC,MAAM;EACJC,WAAW;EACXC,KAAKL,QAAQM;EACbC,UAAU;EACVC,SAASR,QAAQS;EACjBC,OAAOf;CACT;CACAgB,UAAU,EACRC,iBAAiB3B,YACfa,OAAOe,WACPZ,kBAAkBa,iBACpB,EACF;CACAC,QAAQ;EACNC,QAAQtB;EACRgB,OAAOhB;CACT;CACAuB,SAAS;EACPC,YAAY;EACZC,WAAW;EACXP,iBAAiBd,OAAOsB;EACxBC,cAActB,MAAMuB;EACpBlB,WAAW;EACXmB,eAAe;EACflB,KAAKL,QAAQwB;EACbC,mBAAmBzB,QAAQM;EAC3BoB,iBAAiB1B,QAAQwB;CAC3B;AACF,CAAC,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,SAAAiB,YAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAqB,MAAA,EAAAhB,OAAAiB,IAAAhB,UAAAC,aAAAC,cAAAC,YAAAc,IAAAb,QAAAC,OAAAC,UAAAE,cAAAC,KAAAC,OAAAC,QAAAJ,UAAAM;CACnB,MAAAd,QAAAiB,OAAAE,KAAAA,IAAA,QAAAF;CAIA,MAAAb,aAAAc,OAAAC,KAAAA,IAAA,QAAAD;CAUA,MAAAE,QAAc9D,SAAS;CACvB,MAAA,EAAAY,QAAAC,OAAAC,SAAAC,sBAAsD+C;CACtD,MAAAC,SAAepD,SAASmD,KAAK;CAC7B,MAAAE,SAAezE,YAAYsE,KAAAA,CAAS;CACpC,MAAAI,WAAiBzE,YAAY;CAC7B,MAAA0E,YAAkB/D,YAAY,YAAY;CAAC,IAAAgE;CAAA,IAAAV,EAAA,OAAAZ,gBAAAY,EAAA,OAAAR,YAAAQ,EAAA,OAAAP,OAAA;EACTiB,KAAA;GAAAtB;GAAAI;GAAAC;EAAgC;EAACO,EAAA,KAAAZ;EAAAY,EAAA,KAAAR;EAAAQ,EAAA,KAAAP;EAAAO,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAnE,MAAAW,QAAchF,oBAAoB+E,EAAiC;CAAC,IAAAE;CAAA,IAAAZ,EAAA,OAAAb,eAAAa,EAAA,OAAAV,UAAAU,EAAA,OAAAN,cAAA;EAC7BkB,KAAA;GAAAzB;GAAAG;GAAAI;EAAoC;EAACM,EAAA,KAAAb;EAAAa,EAAA,KAAAV;EAAAU,EAAA,KAAAN;EAAAM,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAA5E,MAAAa,UAAgBjF,uBAAuBgF,EAAqC;CAE5E,MAAA,EAAAE,OAAAC,MAAAC,SAA8BH;CAC9B,MAAAI,SAAe7F,OAA4B,IAAI;CAC/C,MAAA,CAAAkD,SAAA4C,cAA8B7F,SAA8B,IAAI;CAAC,IAAA8F;CAAA,IAAAnB,EAAA,OAAA5C,MAAAuB,MAAA;EAGtDwC,KAAA,EAAAzC,cAAgBtB,MAAKuB,KAAM;EAACqB,EAAA,KAAA5C,MAAAuB;EAAAqB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,QAAA7C,OAAAe,aAAA8B,EAAA,QAAAX,cAAAW,EAAA,QAAAmB,IAAA;EAFLC,KAAA;GAAAC,OACzBlE,OAAMe;GAAUoD,SACdH;GAA4BnD,UAC3BqB;EACZ;EAACW,EAAA,MAAA7C,OAAAe;EAAA8B,EAAA,MAAAX;EAAAW,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAJD,MAAAuB,WAAiBrF,iBAAiBkF,EAIjC;CAAC,IAAAI;CAAA,IAAAxB,EAAA,QAAAO,UAAAP,EAAA,QAAAQ,SAAAiB,eAAAzB,EAAA,QAAAW,MAAAU,OAAA;EACWG,KAAApF,YAAYuE,MAAKU,OAAQd,QAAQC,SAAQiB,WAAY;EAACzB,EAAA,MAAAO;EAAAP,EAAA,MAAAQ,SAAAiB;EAAAzB,EAAA,MAAAW,MAAAU;EAAArB,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAnE,MAAA0B,OAAaF;CAIR,MAAAG,KAAApG;CACK,MAAAqG,KAAAL,SAAQM;CACG,MAAAC,KAAAjB,QAAOvB;CACV,MAAAyC,MAAA,GAAGxC,MAAK,IAAKmC;CAER,MAAAM,MAAAjF,SAAS,IAAIM,QAAOwB;CAAG,IAAAoD;CAAA,IAAAjC,EAAA,QAAAgC,KAAA;EAA/BC,MAAAhG,QAAQ+F,GAAuB;EAAChC,EAAA,MAAAgC;EAAAhC,EAAA,MAAAiC;CAAA,OAAAA,MAAAjC,EAAA;CAAA,IAAAkC;CAAA,IAAAlC,EAAA,QAAAL,KAAA;EAEpCuC,MAAA/F,OAAqBwD,KAAKsB,QAAQC,UAAU;EAAClB,EAAA,MAAAL;EAAAK,EAAA,MAAAkC;CAAA,OAAAA,MAAAlC,EAAA;CAC7C,MAAAmC,MAAA;CACE,MAAAC,MAAA5F,cACL8D,OAAMhC,SACNe,aAAaiB,OAAMtC,WAAnBoC,KAAAA,GACAmB,SAAQc,MACRzC,KACF;CAGC,MAAA0C,MAAAf,SAAQgB;CAAM,IAAAC;CAAA,IAAAxC,EAAA,QAAAW,MAAAU,SAAArB,EAAA,QAAAM,OAAAlC,QAAA;EACfoE,MAAA,oBAAC,aAAD;GAAoB,OAAA7B,MAAKU;GAAe,OAAAf,OAAMlC;EAAO,CAAA;EAAI4B,EAAA,MAAAW,MAAAU;EAAArB,EAAA,MAAAM,OAAAlC;EAAA4B,EAAA,MAAAwC;CAAA,OAAAA,MAAAxC,EAAA;CAAA,IAAAyC;CAAA,IAAAzC,EAAA,QAAA7C,OAAAe,aAAA8B,EAAA,QAAAX,cAAAW,EAAA,QAAAS,aAAAT,EAAA,QAAA1C,mBAAA;EAEhDmF,MAAAjG,cAAyBiE,WAAW,EAAAY,OAClChC,aACH/C,YAAYa,OAAMe,WAAYZ,kBAAiBoF,eAChC,IAAfvF,OAAMe,UACZ,CAAC;EAAC8B,EAAA,MAAA7C,OAAAe;EAAA8B,EAAA,MAAAX;EAAAW,EAAA,MAAAS;EAAAT,EAAA,MAAA1C;EAAA0C,EAAA,MAAAyC;CAAA,OAAAA,MAAAzC,EAAA;CAAA,IAAA2C;CAAA,IAAA3C,EAAA,QAAAT,SAAAS,EAAA,QAAAyC,KAAA;EALJE,MAAA,oBAAC,MAAD;GACS,OAAAF;GAMNlD,UAAAA;EAPE,CAAA;EAQES,EAAA,MAAAT;EAAAS,EAAA,MAAAyC;EAAAzC,EAAA,MAAA2C;CAAA,OAAAA,MAAA3C,EAAA;CAAA,IAAA4C;CAAA,IAAA5C,EAAA,QAAA2B,MAAA3B,EAAA,QAAAuB,SAAAM,YAAA7B,EAAA,QAAAuB,SAAAgB,SAAAvC,EAAA,QAAAX,cAAAW,EAAA,QAAAa,QAAAvB,UAAAU,EAAA,QAAAgB,QAAAhB,EAAA,QAAA+B,OAAA/B,EAAA,QAAAiC,OAAAjC,EAAA,QAAAkC,OAAAlC,EAAA,QAAAoC,OAAApC,EAAA,QAAAwC,OAAAxC,EAAA,QAAA2C,OAAA3C,EAAA,QAAAH,QAAA;EA3BT+C,MAAA,qBAAC,IAAD;GAAU,GACJhB;GACW,iBAAAE;GACH,cAAAC;GACF1C,UAAAA;GACD,SAAA4C;GACAjB,SAAAA;GACJ,KAAAkB;GACA,MAAAC;GACE,OAAAC;GAMCvC;GAfV,UAAA;IAiBGyC;IACDE;IACAG;GAnBQ;;EA4BE3C,EAAA,MAAA2B;EAAA3B,EAAA,MAAAuB,SAAAM;EAAA7B,EAAA,MAAAuB,SAAAgB;EAAAvC,EAAA,MAAAX;EAAAW,EAAA,MAAAa,QAAAvB;EAAAU,EAAA,MAAAgB;EAAAhB,EAAA,MAAA+B;EAAA/B,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;EAAAlC,EAAA,MAAAoC;EAAApC,EAAA,MAAAwC;EAAAxC,EAAA,MAAA2C;EAAA3C,EAAA,MAAAH;EAAAG,EAAA,MAAA4C;CAAA,OAAAA,MAAA5C,EAAA;CAIF,MAAA6C,MAAAhC,QAAOvB;CAAO,IAAAwD;CAAA,IAAA9C,EAAA,QAAAW,OAAA;EASKmC,MAAAC,SAASpC,KAAK;EAACX,EAAA,MAAAW;EAAAX,EAAA,MAAA8C;CAAA,OAAAA,MAAA9C,EAAA;CAAA,IAAAgD;CAAA,IAAAhD,EAAA,QAAAf,SAAAe,EAAA,QAAAd,YAAAc,EAAA,QAAAX,cAAAW,EAAA,QAAAT,SAAAS,EAAA,QAAAO,UAAAP,EAAA,QAAAM,OAAA9C,MAAA;EACvCwF,MAAA9D,YACC,qBAACqE,MAAD;GAAmB,OAAAjD,OAAM9C;GAAzB,UAAA;IACE,oBAAC,WAAD;KACc+B,cAAAA;KACD,YAAA;KACCF;KACH,UAAA;KACA,UAAA;IAAW,CAAA;IAEtB,oBAAC,aAAD;KACU,SAAA;KACG,YAAA;KACCA;KACL,OAAApC,SAAQgG,eAAgB,OAAO1C,MAAM;IAAC,CAAA;IAE9CtB,QACC,oBAAC,aAAD;KACU,SAAA;KACII;KACL,OAAApC,SAAQgG,eAAgB,SAAS1C,MAAM;IAAC,CAAA,IAJlD;IAOD,oBAAC,YAAD;KAAwBlB;KAAmBE;IAAK,CAAA;GArBvC;;EAuBZS,EAAA,MAAAf;EAAAe,EAAA,MAAAd;EAAAc,EAAA,MAAAX;EAAAW,EAAA,MAAAT;EAAAS,EAAA,MAAAO;EAAAP,EAAA,MAAAM,OAAA9C;EAAAwC,EAAA,MAAAgD;CAAA,OAAAA,MAAAhD,EAAA;CAAA,IAAAkD;CAAA,IAAAlD,EAAA,QAAA8C,OAAA9C,EAAA,QAAAgD,KAAA;EAzBHE,MAAA,oBAAC,oBAAD;GAA2B,OAAAJ;GACxBE,UAAAA;EADgB,CAAA;EA0BEhD,EAAA,MAAA8C;EAAA9C,EAAA,MAAAgD;EAAAhD,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CAAA,IAAAmD;CAAA,IAAAnD,EAAA,QAAAc,SAAAd,EAAA,QAAAT,SAAAS,EAAA,QAAAa,QAAAvB,UAAAU,EAAA,QAAAkD,OAAAlD,EAAA,QAAA1B,SAAA;EAtCvB6E,MAAA,oBAAC,aAAD;GACUlC;GACDH;GACC,QAAA+B;GACDtD;GACEjB;GAOT4E,UAAAA;EAZU,CAAA;EAuCElD,EAAA,MAAAc;EAAAd,EAAA,MAAAT;EAAAS,EAAA,MAAAa,QAAAvB;EAAAU,EAAA,MAAAkD;EAAAlD,EAAA,MAAA1B;EAAA0B,EAAA,MAAAmD;CAAA,OAAAA,MAAAnD,EAAA;CAAA,IAAAoD;CAAA,IAAApD,EAAA,QAAA4C,OAAA5C,EAAA,QAAAmD,KAAA;EArEhBC,MAAA,qBAAA,YAAA,EAAA,UAAA,CACER,KA6BAO,GAuCc,EAAA,CAAA;EACbnD,EAAA,MAAA4C;EAAA5C,EAAA,MAAAmD;EAAAnD,EAAA,MAAAoD;CAAA,OAAAA,MAAApD,EAAA;CAAA,OAtEHoD;AAsEG;AAOP,SAASL,SAASpC,OAAsC;CACtD,OAAO;EACLnB,WAAW6B,UAAU;GACnBV,MAAM0C,SAAShC,KAAK;EACtB;EACA5B,OAAOkB,MAAMU;CACf;AACF"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","HostInstance","StyleProp","TextStyle","View","ViewStyle","Color","ColorPickerState","useRef","useState","NativeView","Pressable","StyleSheet","Text","parseColor","useColorPickerState","useOverlayTriggerState","PickedColor","useLocaleOf","useMessages","PickerPopup","hitSlop","usePressFeedback","refsOf","colorNameOf","PickedColorContext","withOpacity","useTheme","composeStyles","themedStyles","useTypeRole","ColorArea","ColorField","ColorSlider","ColorSwatch","SWATCH","SURFACE_WIDTH","CHANNELS","stylesOf","colors","radii","spacing","stateLayerOpacity","create","body","boxSizing","gap","md","maxWidth","padding","lg","width","disabled","backgroundColor","onSurface","disabledContainer","swatch","height","swatchDisabled","opacity","disabledContent","trigger","alignItems","alignSelf","surfaceContainerLow","borderRadius","pill","flexDirection","sm","paddingHorizontal","paddingVertical","ColorPickerProps","alpha","children","defaultOpen","defaultValue","isDisabled","isOpen","label","onChange","value","onOpenChange","ref","style","testID","ColorPicker","t0","$","_c","t1","t2","undefined","theme","styles","locale","messages","labelRole","t3","state","t4","overlay","close","open","show","anchor","setTrigger","t5","t6","color","corners","feedback","t7","transparent","name","T0","t8","handlers","t9","t10","t11","t12","t13","t14","t15","ring","t16","layer","T1","t17","t18","t19","t20","t21","t22","t23","t24","pickedOf","t25","getChannelName","t26","t27","t28","setColor","_c","NativeView"],"sources":["../../../src/components/color-picker/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport type { Color } from 'react-stately'\nimport type { ColorPickerState } from 'react-stately/useColorPickerState'\n\nimport { useRef, useState } from 'react'\nimport { View as NativeView, Pressable, StyleSheet, Text } from 'react-native'\nimport { parseColor } from 'react-stately'\nimport { useColorPickerState } from 'react-stately/useColorPickerState'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { PickedColor } from '../../swatch'\n\nimport { useLocaleOf, useMessages } from '../../i18n/provider'\nimport { PickerPopup } from '../../picker'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { refsOf } from '../../ref'\nimport { colorNameOf, PickedColorContext } from '../../swatch'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\nimport { ColorArea } from '../color-area'\nimport { ColorField } from '../color-field'\nimport { ColorSlider } from '../color-slider'\nimport { ColorSwatch } from '../color-swatch'\n\n// Every colour control in one, as kanso-ui's ColorPicker composes them: a\n// swatch and a label as the trigger, and a plane, a hue slider, an alpha\n// slider and a hex field on the surface it opens. The value is React\n// Stately's `useColorPickerState`, which the controls on the surface take\n// through src/swatch's PickedColorContext, as React Aria's picker hands its\n// value to each control's context on web. So an arrangement passed as\n// `children` shares the value the same way, whatever it holds.\n//\n// Material Design carries no page for a colour picker. What it does carry is\n// the text fields page, which the field inside draws through, and the surface\n// a date picker opens on, which this one shares through src/picker. Three\n// choices are web's own, and kept.\n//\n// **The trigger is a swatch beside a name, not a swatch alone.** A swatch on\n// its own is a coloured square with no affordance, and a screen reader would\n// be told a colour rather than an action. It is a pill on surface container\n// low, the swatch at 24dp, the height of the label's line rather than a\n// swatch's own 40dp, and the label in label large, with the state layer and\n// ripple every control here draws in on surface. A screen reader hears the\n// label and then the colour, \"Label, dark purple\", where web's reads the\n// swatch's name first: the visible label leads, so a voice command that says\n// it finds the button.\n//\n// **Hue is a slider rather than a wheel.** A wheel and the plane want the\n// same room, and would make the surface square and large; the strip sits\n// under the plane at the width it already has. ColorWheel is for a picker\n// that wants to be round, which a call site builds as `children`.\n//\n// **It is docked from the medium window size up and modal below it**, the\n// date picker's pairing, through the same src/picker surface: a 280dp\n// surface anchored to a trigger is out of reach on a phone, and a centred one\n// on a tablet covers a form for no reason. Its dismissal, its motion and\n// where a screen reader goes are the date picker's.\n//\n// One thing the picker does that its parts do not. **The plane and the hue\n// slider are read in HSL.** A channel has to belong to the value's own space\n// or React Stately throws, and a hex is read as RGB, which has no saturation,\n// so `<ColorPicker defaultValue=\"#6750A4\" />` would throw outright. Reading\n// the two in HSL is what lets the picker take any notation. A change made on\n// either reports the colour in HSL, as React Stately's area and slider do on\n// web, and the field shows it as hex whatever space it is in.\n//\n// **Disabled reaches every control on the surface**, not only the trigger.\n// React Stately's picker state carries no disabled state, and the surface\n// opens independently of the trigger, so a disabled picker can still be on\n// screen: already open when a form disables it, or opened from outside. An\n// arrangement passed as `children` is the call site's own to disable.\n\n// The swatch in the trigger, at the height of the label's line rather than\n// the 40dp a swatch takes on its own.\nconst SWATCH = 24\n\n// The surface's width, as web's: room for the plane and a hex field.\nconst SURFACE_WIDTH = 280\n\n// Any HSL colour names the channels the two sliders draw. Their labels are\n// read off it in the locale, as React Stately words them, rather than written\n// here in English.\nconst CHANNELS = parseColor('hsl(0, 0%, 0%)')\n\nconst stylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) =>\n  StyleSheet.create({\n    // What the surface holds, stacked: the plane, the sliders, then the\n    // field. One column, so a picker reads top to bottom.\n    body: {\n      boxSizing: 'border-box',\n      gap: spacing.md,\n      maxWidth: '100%',\n      padding: spacing.lg,\n      width: SURFACE_WIDTH,\n    },\n    disabled: {\n      backgroundColor: withOpacity(\n        colors.onSurface,\n        stateLayerOpacity.disabledContainer,\n      ),\n    },\n    swatch: {\n      height: SWATCH,\n      width: SWATCH,\n    },\n    // Laid over the swatch while the trigger is disabled, at the opacity a\n    // disabled label's colour mixes at, so the swatch fades with the label\n    // and the trigger does not read as half enabled.\n    swatchDisabled: {\n      opacity: stateLayerOpacity.disabledContent,\n    },\n    trigger: {\n      alignItems: 'center',\n      alignSelf: 'flex-start',\n      backgroundColor: colors.surfaceContainerLow,\n      borderRadius: radii.pill,\n      boxSizing: 'border-box',\n      flexDirection: 'row',\n      gap: spacing.sm,\n      paddingHorizontal: spacing.md,\n      paddingVertical: spacing.sm,\n    },\n  }),\n)\n\ntype ColorPickerProps = {\n  /** Whether the alpha slider is drawn under the hue one. @default false */\n  readonly alpha?: boolean\n  /**\n   * Replaces everything on the surface, for a picker that arranges its own\n   * parts. The colour controls in it take the picker's value.\n   */\n  readonly children?: ReactNode\n  /** Whether the surface starts open, when the picker keeps its own open state. */\n  readonly defaultOpen?: boolean\n  /**\n   * The colour the picker holds at first, when it keeps its own: a CSS colour\n   * string, or a `Color` from `parseColor`.\n   * @default '#000000'\n   */\n  readonly defaultValue?: Color | string\n  /**\n   * Whether the whole picker is inert: the trigger, and the plane, sliders\n   * and field on the surface, which can be on screen while disabled since\n   * the surface opens independently of the trigger. An arrangement passed as\n   * `children` is the call site's own to disable.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /** Whether the surface is open, for a call site holding it with `onOpenChange`. */\n  readonly isOpen?: boolean\n  /**\n   * What the trigger says beside its swatch. Required: it is the button's\n   * name, the surface's and the field's.\n   */\n  readonly label: string\n  /** Called with the colour each time a control on the surface changes it. */\n  readonly onChange?: (value: Color) => void\n  /** Called when the surface opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /** The colour, for a call site holding it itself with `onChange`. */\n  readonly value?: Color | string\n}\n\n/**\n * A colour picked from a plane, a hue slider and a hex field, behind a\n * trigger showing the colour. Pass `value` with `onChange` to control it, or\n * `defaultValue`, as a CSS colour string or a `Color` from `parseColor`,\n * which this package re-exports.\n *\n * ```tsx\n * <ColorPicker defaultValue=\"#6750A4\" label=\"Label\" />\n * ```\n *\n * `alpha` adds the transparency slider. From the medium window size up the\n * surface is docked under the trigger; below it, it opens centred over a\n * scrim, as a date picker's does. `defaultOpen`, `isOpen` and `onOpenChange`\n * reach the surface.\n *\n * Every part on the surface is this package's own, `ColorArea`,\n * `ColorSlider` and `ColorField`, and they share the picker's value rather\n * than taking it as props. Passing `children` replaces all of them, and a\n * `ColorArea`, `ColorField`, `ColorSlider`, `ColorSwatch`,\n * `ColorSwatchPicker` or `ColorWheel` among them takes the picker's value\n * where it is given none of its own.\n *\n * `style`, `ref` and `testID` land on the trigger, which is what a layout\n * places.\n */\nfunction ColorPicker({\n  alpha = false,\n  children,\n  defaultOpen,\n  defaultValue,\n  isDisabled = false,\n  isOpen,\n  label,\n  onChange,\n  onOpenChange,\n  ref,\n  style,\n  testID,\n  value,\n}: ColorPickerProps) {\n  const theme = useTheme()\n  const { colors, radii, spacing, stateLayerOpacity } = theme\n  const styles = stylesOf(theme)\n  const locale = useLocaleOf(undefined)\n  const messages = useMessages()\n  const labelRole = useTypeRole('labelLarge')\n  const state = useColorPickerState({ defaultValue, onChange, value })\n  const overlay = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  // oxlint-disable-next-line typescript/unbound-method -- React Stately's setters are callbacks, and read no `this`\n  const { close, open: show } = overlay\n  const anchor = useRef<HostInstance | null>(null)\n  const [trigger, setTrigger] = useState<HostInstance | null>(null)\n  const feedback = usePressFeedback({\n    color: colors.onSurface,\n    corners: { borderRadius: radii.pill },\n    disabled: isDisabled,\n  })\n  const name = colorNameOf(state.color, locale, messages.transparent)\n\n  return (\n    <>\n      <Pressable\n        {...feedback.handlers}\n        aria-expanded={overlay.isOpen}\n        aria-label={`${label}, ${name}`}\n        disabled={isDisabled}\n        hitSlop={hitSlop(SWATCH + 2 * spacing.sm)}\n        onPress={show}\n        ref={refsOf<HostInstance>(ref, anchor, setTrigger)}\n        role=\"button\"\n        style={composeStyles<ViewStyle>(\n          styles.trigger,\n          isDisabled ? styles.disabled : undefined,\n          feedback.ring,\n          style,\n        )}\n        testID={testID}\n      >\n        {feedback.layer}\n        <ColorSwatch\n          color={state.color}\n          style={composeStyles<ViewStyle>(\n            styles.swatch,\n            isDisabled ? styles.swatchDisabled : undefined,\n          )}\n        />\n        <Text\n          style={composeStyles<TextStyle>(labelRole, {\n            color: isDisabled\n              ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n              : colors.onSurface,\n          })}\n        >\n          {label}\n        </Text>\n      </Pressable>\n      <PickerPopup\n        anchor={anchor}\n        close={close}\n        isOpen={overlay.isOpen}\n        label={label}\n        trigger={trigger}\n      >\n        {/*\n          Inside the surface rather than around the picker, since the surface\n          is drawn in the overlay host, which context set around the picker\n          does not reach.\n        */}\n        <PickedColorContext value={pickedOf(state)}>\n          {children ?? (\n            <NativeView style={styles.body}>\n              <ColorArea\n                aria-label={label}\n                colorSpace=\"hsl\"\n                isDisabled={isDisabled}\n                xChannel=\"saturation\"\n                yChannel=\"lightness\"\n              />\n              <ColorSlider\n                channel=\"hue\"\n                colorSpace=\"hsl\"\n                isDisabled={isDisabled}\n                label={CHANNELS.getChannelName('hue', locale)}\n              />\n              {alpha ? (\n                <ColorSlider\n                  channel=\"alpha\"\n                  isDisabled={isDisabled}\n                  label={CHANNELS.getChannelName('alpha', locale)}\n                />\n              ) : null}\n              <ColorField isDisabled={isDisabled} label={label} />\n            </NativeView>\n          )}\n        </PickedColorContext>\n      </PickerPopup>\n    </>\n  )\n}\n\n// Built by a call rather than written inline at the prop, which is what\n// react-perf's jsx-no-new-object-as-prop is after; the React Compiler\n// memoises the result on its inputs.\nfunction pickedOf(state: ColorPickerState): PickedColor {\n  return {\n    onChange: (color) => {\n      state.setColor(color)\n    },\n    value: state.color,\n  }\n}\n\nexport { ColorPicker }\nexport type { ColorPickerProps }\n"],"mappings":"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"}

package/dist/components/dialog/index.js

@@ -1,6 +1,7 @@
 import { ButtonSlotContext } from "../../button/slots.js";
 import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
 import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf, registerOf, useModalState, useModalTrigger } from "../../modal/index.js";
+import { useKeyboardInset } from "../../overlay/keyboard.js";
 import { refsOf } from "../../ref/index.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
@@ -334,6 +335,7 @@ function DialogContent(t0) {
 	const [register] = useState(t5);
 	const [title, setTitle] = useState(null);
 	const motion = useDialogMotion(state.isOpen, present, setPresent, basic);
+	const keyboard = useKeyboardInset(present);
 	let t6;
 	if ($[15] !== basic || $[16] !== parts || $[17] !== register || $[18] !== titleId) {
 		t6 = {
@@ -356,7 +358,7 @@ function DialogContent(t0) {
 	const t7 = isDismissable && state.isOpen ? close : void 0;
 	const t8 = motion.scrim;
 	const T1 = View;
-	const t9 = composeStyles(styles.layout, basic ? void 0 : styles.layoutFull);
+	const t9 = composeStyles(styles.layout, basic ? { paddingBottom: theme.spacing.xl + keyboard } : styles.layoutFull);
 	const t10 = Animated;
 	let t11;
 	if ($[20] !== labelledBy || $[21] !== role) {
@@ -366,7 +368,10 @@ function DialogContent(t0) {
 		$[22] = t11;
 	} else t11 = $[22];
 	const t12 = isKeyboardDismissDisabled ? void 0 : close;
-	const t13 = composeStyles(styles.container, basic ? styles.containerBasic : styles.containerFull, basic ? void 0 : insetsOf(insets), motion.panel, style);
+	const t13 = composeStyles(styles.container, basic ? styles.containerBasic : styles.containerFull, basic ? void 0 : {
+		...insetsOf(insets),
+		paddingBottom: Math.max(insets.bottom, keyboard)
+	}, motion.panel, style);
 	let t14;
 	if ($[23] !== children || $[24] !== slots) {
 		t14 = /* @__PURE__ */ jsx(ButtonSlotContext, {

package/dist/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","HostInstance","LayoutChangeEvent","ScrollViewProps","StyleProp","TextProps","TextStyle","ViewProps","ViewStyle","AnimatedStyle","createContext","use","useCallback","useEffect","useId","useLayoutEffect","useMemo","useState","Text","NativeText","ScrollView","StyleSheet","useWindowDimensions","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","SafeAreaInsetsContext","ModalOpenProps","ModalTrigger","ResolvedTheme","ButtonSlotContext","useWindowSizeClass","insetsOf","ModalWindow","NO_INSETS","panelRoleOf","registerOf","useModalState","useModalTrigger","refsOf","useTheme","composeStyles","themedStyles","useTypeRole","MIN_WIDTH","MAX_WIDTH","SCALE_FROM","RISE_FROM","NO_PARTS","Readonly","Record","DialogPart","footer","header","title","stylesOf","colors","radii","shadows","sizing","spacing","create","actions","alignItems","flexDirection","flexShrink","flexWrap","gap","sm","justifyContent","padding","xl","actionsFull","borderTopColor","outlineVariant","borderTopWidth","minHeight","rowSm","paddingVertical","xs","bodyText","color","onSurfaceVariant","container","backgroundColor","surfaceContainerHigh","overflow","containerBasic","borderRadius","boxShadow","elevation3","maxHeight","maxWidth","minWidth","width","containerFull","flex","md","paddingBottom","lg","paddingHorizontal","paddingTop","headerFull","borderBottomColor","borderBottomWidth","layout","bottom","left","pointerEvents","position","right","top","layoutFull","onSurface","DialogLayout","basic","parts","register","part","setTitle","node","titleId","DialogLayoutContext","DialogTriggerContext","DialogBodyProps","ref","DialogContentProps","DialogOpenProps","Omit","children","isDismissable","isKeyboardDismissDisabled","role","style","defaultOpen","isOpen","onOpenChange","DialogPartProps","DialogProps","DialogTitleProps","bodyPaddingOf","Dialog","t0","$","_c","t1","context","slots","t2","t3","DialogBody","contentContainerStyle","onContentSizeChange","onLayout","props","useLayout","theme","styles","text","content","setContent","room","setRoom","height","measureContent","event","nativeEvent","measureRoom","T0","t4","t5","t6","DialogContent","undefined","outer","close","present","setPresent","state","insets","sizeClass","setParts","Symbol","for","motion","useDialogMotion","labelledBy","t7","t8","scrim","T1","t9","t10","t11","t12","t13","panel","t14","t15","t16","t17","t18","DialogFooter","DialogHeader","DialogTitle","reduceMotion","durationMedium1","durationShort2","durationShort3","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingStandard","fade","duration","easing","bezier","set","timer","setTimeout","Math","max","clearTimeout","shown","get","opacity","transform","scale","translateY","Error","Body","Content","Footer","Header","Title","_c","NativeText"],"sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  HostInstance,\n  LayoutChangeEvent,\n  ScrollViewProps,\n  StyleProp,\n  TextProps,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  Text as NativeText,\n  ScrollView,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n} from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useReducedMotion,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context'\n\nimport type { ModalOpenProps, ModalTrigger } from '../../modal'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport { ButtonSlotContext } from '../../button/slots'\nimport { useWindowSizeClass } from '../../hooks/useWindowSizeClass'\nimport {\n  insetsOf,\n  ModalWindow,\n  NO_INSETS,\n  panelRoleOf,\n  registerOf,\n  useModalState,\n  useModalTrigger,\n} from '../../modal'\nimport { refsOf } from '../../ref'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// The dialogs spec page's two dialogs, as kanso-ui's Dialog draws them: one\n// component, since the page pairs them by window size rather than offering a\n// choice. In a medium window or wider it is the basic dialog, a container on\n// surface container high with the 28dp corner, between 280 and 560dp wide,\n// centred over the scrim, with 24dp of padding all round, 16dp between the\n// headline and the body and 24dp between the body and the actions. In a\n// compact window, below 600dp, the same dialog fills the window as the page's\n// full-screen dialog: square corners, a 56dp header with the headline in\n// title large and a divider under it, and a 56dp action bar over a divider,\n// both inside the device's safe area.\n//\n// An alert dialog, `role=\"alertdialog\"`, is a question with two or three\n// answers rather than a task, and stays the basic dialog at every width, as\n// on web, where a question filling a phone read as a headline at the top of\n// the screen and its answers at the bottom with nothing between them.\n//\n// **It is drawn in a React Native `Modal`**, through src/modal, which keeps\n// React context, so the dialog keeps the `ThemeScope` around it, and which is\n// a window of its own on iOS and Android, above the screen and its overlays.\n// The `Modal` therefore hosts overlays of its own, so a snackbar or a popover\n// raised from inside the dialog draws above it rather than under it.\n//\n// **It animates out as well as in**, from the motion tokens: the panel scales\n// up from 90% on the emphasised decelerating curve, or rises 3% of the window\n// when it fills it, and leaves on the emphasised accelerating one, while the\n// scrim fades on the standard curve. Web only animates in, since React Aria\n// keeps a closing surface mounted only while a CSS animation runs; here the\n// dialog stays mounted until its exit has run. Under reduced motion the\n// panel appears and leaves at once, and the scrim still fades, which is what\n// says the dialog came and went.\n//\n// **A press on the scrim closes it**, unless `isDismissable` is false, and\n// Android's back gesture and VoiceOver's escape gesture close it, unless\n// `isKeyboardDismissDisabled`, the prop that keeps Escape from closing it on\n// web, which is the key React Native Web's `Modal` hands the same handler.\n// A button inside `Dialog` and outside its content opens it, and one given\n// `slot=\"close\"` inside the content closes it, through src/button's\n// slots.ts.\n//\n// **Focus moves into the dialog and back.** On iOS and Android the screen\n// reader is sent to the headline once the dialog shows, and back to the\n// button that opened it once it has gone. React Native Web's `Modal` traps\n// focus and restores it itself, and is the dialog element there, so on web it\n// takes the dialog's name and the panel takes no role of its own. That\n// `Modal` sets its role itself, so an alert dialog is announced as a dialog\n// in the web Storybook; kanso-ui, the library for web apps, keeps the role.\n\n// The panel's width bounds, the page's, and how far it travels as it\n// arrives: it scales up from 90% as the basic dialog, or rises 3% of the\n// window as the full-screen one, as web's keyframes have it.\nconst MIN_WIDTH = 280\nconst MAX_WIDTH = 560\nconst SCALE_FROM = 0.9\nconst RISE_FROM = 0.03\n\nconst NO_PARTS: Readonly<Record<DialogPart, number>> = {\n  footer: 0,\n  header: 0,\n  title: 0,\n}\n\nconst stylesOf = themedStyles(\n  ({ colors, radii, shadows, sizing, spacing }: ResolvedTheme) =>\n    StyleSheet.create({\n      // The page's 24dp between the body and the actions, and 8dp between\n      // the buttons. Actions that do not fit on one row wrap onto another,\n      // still at the trailing edge.\n      actions: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        flexWrap: 'wrap',\n        gap: spacing.sm,\n        justifyContent: 'flex-end',\n        padding: spacing.xl,\n      },\n      // Full screen, the actions are the page's bottom action bar: 56dp at\n      // least, over a divider, so an action whose label wraps grows the bar\n      // rather than meeting the divider.\n      actionsFull: {\n        borderTopColor: colors.outlineVariant,\n        borderTopWidth: 1,\n        minHeight: sizing.rowSm,\n        paddingVertical: spacing.xs,\n      },\n      // The text a body is handed as a string, in the page's body medium on\n      // on-surface variant, which is what web's body sets for its text.\n      bodyText: {\n        color: colors.onSurfaceVariant,\n      },\n      // Both dialogs' container, whose corner, where it has one, clips the\n      // body's scroll.\n      container: {\n        backgroundColor: colors.surfaceContainerHigh,\n        overflow: 'hidden',\n      },\n      // The basic dialog's container, centred over the scrim and only as\n      // tall as the room the scrim's padding leaves, so the body scrolls\n      // rather than running off the screen.\n      containerBasic: {\n        borderRadius: radii.xl,\n        boxShadow: shadows.elevation3,\n        maxHeight: '100%',\n        maxWidth: MAX_WIDTH,\n        minWidth: MIN_WIDTH,\n        width: '100%',\n      },\n      // Full screen, the container fills the window with square corners, and\n      // its fill runs on under the safe area its content keeps out of.\n      containerFull: {\n        flex: 1,\n      },\n      // The page's 24dp above the headline and 16dp between it and the body,\n      // with the headline beside whatever else the header holds, a close\n      // button for one.\n      header: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        gap: spacing.md,\n        justifyContent: 'space-between',\n        paddingBottom: spacing.lg,\n        paddingHorizontal: spacing.xl,\n        paddingTop: spacing.xl,\n      },\n      // Full screen, the header is the page's own 56dp bar, at least, under\n      // a divider.\n      headerFull: {\n        borderBottomColor: colors.outlineVariant,\n        borderBottomWidth: 1,\n        minHeight: sizing.rowSm,\n        paddingBottom: spacing.xs,\n        paddingTop: spacing.xs,\n      },\n      // The scrim centres the container, which is what makes the dialog a\n      // dialog rather than a sheet. Full screen it has no room to give. It\n      // takes no touches itself, so a press around the container reaches the\n      // scrim under it.\n      layout: {\n        alignItems: 'center',\n        bottom: 0,\n        justifyContent: 'center',\n        left: 0,\n        padding: spacing.xl,\n        pointerEvents: 'box-none',\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      layoutFull: {\n        alignItems: 'stretch',\n        padding: 0,\n      },\n      // The headline gives way to whatever shares its row.\n      title: {\n        color: colors.onSurface,\n        flexShrink: 1,\n      },\n    }),\n)\n\n// What the content's parts read: which of the two dialogs is drawn, which\n// parts are there, and the headline's name and node.\ntype DialogLayout = {\n  readonly basic: boolean\n  readonly parts: Readonly<Record<DialogPart, number>>\n  readonly register: (part: DialogPart) => () => void\n  readonly setTitle: (node: HostInstance | null) => void\n  readonly titleId: string\n}\n\ntype DialogPart = 'footer' | 'header' | 'title'\n\nconst DialogLayoutContext = createContext<DialogLayout | null>(null)\nconst DialogTriggerContext = createContext<ModalTrigger | null>(null)\n\ntype DialogBodyProps = ScrollViewProps & {\n  readonly ref?: Ref<ComponentRef<typeof ScrollView>>\n}\n\ntype DialogContentProps = DialogOpenProps &\n  Omit<ViewProps, 'children' | 'role' | 'style'> & {\n    readonly children?: ReactNode\n    /**\n     * Whether a press on the scrim, outside the container, closes the\n     * dialog. Android's back gesture is `isKeyboardDismissDisabled`'s, and\n     * this says nothing about it, so a dialog that has to be answered from\n     * one of its actions turns off both.\n     * @default true\n     */\n    readonly isDismissable?: boolean\n    /**\n     * Keeps Android's back gesture, VoiceOver's escape gesture, and Escape on\n     * web, from closing the dialog.\n     * @default false\n     */\n    readonly isKeyboardDismissDisabled?: boolean\n    readonly ref?: Ref<ComponentRef<typeof View>>\n    /**\n     * `alertdialog` for a dialog interrupting with something that has to be\n     * answered before the app carries on. It also keeps the dialog the basic\n     * one in a compact window, centred and sized to its content, where a\n     * dialog of the default role fills the window.\n     * @default 'dialog'\n     */\n    readonly role?: 'alertdialog' | 'dialog'\n    readonly style?: StyleProp<ViewStyle>\n  }\n\ntype DialogOpenProps = ModalOpenProps & {\n  /** Whether the dialog starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /** Whether the dialog is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /** Called with the new state as the dialog opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\ntype DialogPartProps = ViewProps & {\n  readonly ref?: Ref<ComponentRef<typeof View>>\n}\n\ntype DialogProps = DialogOpenProps & {\n  /** The button that opens the dialog, and `Dialog.Content`. */\n  readonly children?: ReactNode\n}\n\ntype DialogTitleProps = Omit<TextProps, 'role'> & {\n  readonly ref?: Ref<HostInstance>\n}\n\n// The body's padding. The page's 24dp all round is spent by whichever part\n// is at each end, so the body takes the top of it when no header is there\n// and the bottom when no footer is. Full screen, it keeps 24dp under the\n// header's divider as well, which is the content padding the page gives the\n// full-screen dialog.\nfunction bodyPaddingOf(\n  { basic, parts }: DialogLayout,\n  spacing: ResolvedTheme['spacing'],\n): ViewStyle {\n  return {\n    gap: spacing.lg,\n    paddingBottom: parts.footer > 0 ? 0 : spacing.xl,\n    paddingHorizontal: spacing.xl,\n    paddingTop: basic && parts.header > 0 ? 0 : spacing.xl,\n  }\n}\n\n/**\n * A modal dialog centred over the screen, and the same dialog filling the\n * window in a compact window, the dialogs spec page's basic and full-screen\n * dialogs, paired by window size as the page pairs them. An alert dialog\n * stays the basic one at every width. Pass `isOpen` with `onOpenChange` to\n * hold the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <Dialog>\n *   <Button>Open</Button>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Headline</Dialog.Title>\n *     </Dialog.Header>\n *     <Dialog.Body>Supporting text</Dialog.Body>\n *     <Dialog.Footer>\n *       <Button slot=\"close\" variant=\"text\">Cancel</Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog>\n * ```\n *\n * Composed rather than configured by props, as web's is, since a dialog's\n * header, body and actions all take arbitrary content. A `Button`,\n * `IconButton` or `Chip` inside `Dialog` and outside its content opens it,\n * and a button given `slot=\"close\"` anywhere inside the content closes it. A\n * dialog nothing on the screen opens leaves `Dialog` out and passes `isOpen`\n * and `onOpenChange` to `Dialog.Content` instead.\n */\nfunction Dialog({ children, defaultOpen, isOpen, onOpenChange }: DialogProps) {\n  const { context, slots } = useModalTrigger({\n    defaultOpen,\n    isOpen,\n    onOpenChange,\n  })\n\n  return (\n    <DialogTriggerContext value={context}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </DialogTriggerContext>\n  )\n}\n\n/**\n * What the dialog shows, as a body that scrolls when its content runs past\n * the room it has. A string is drawn in the page's body medium on on-surface\n * variant; anything else draws itself. `style`, `ref` and `testID` land on\n * the `ScrollView`.\n *\n * A body its content runs past takes focus, as web's is a tab stop, so a\n * keyboard can scroll it when nothing inside it takes focus; a call site's\n * own `focusable` still wins.\n */\nfunction DialogBody({\n  children,\n  contentContainerStyle,\n  onContentSizeChange,\n  onLayout,\n  ...props\n}: DialogBodyProps) {\n  const layout = useLayout('Dialog.Body')\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const text = useTypeRole('bodyMedium')\n  const { spacing } = theme\n  const [content, setContent] = useState(0)\n  const [room, setRoom] = useState(0)\n  const measureContent = useCallback(\n    (width: number, height: number) => {\n      setContent(height)\n      onContentSizeChange?.(width, height)\n    },\n    [onContentSizeChange],\n  )\n  const measureRoom = useCallback(\n    (event: LayoutChangeEvent) => {\n      setRoom(event.nativeEvent.layout.height)\n      onLayout?.(event)\n    },\n    [onLayout],\n  )\n\n  return (\n    <ScrollView\n      focusable={content > room}\n      onContentSizeChange={measureContent}\n      onLayout={measureRoom}\n      {...props}\n      contentContainerStyle={composeStyles<ViewStyle>(\n        bodyPaddingOf(layout, spacing),\n        contentContainerStyle,\n      )}\n    >\n      {typeof children === 'string' ? (\n        <NativeText style={composeStyles<TextStyle>(text, styles.bodyText)}>\n          {children}\n        </NativeText>\n      ) : (\n        children\n      )}\n    </ScrollView>\n  )\n}\n\n/**\n * The dialog itself, and the scrim behind it. Everything the dialog shows\n * goes in here; the button that opens it stays outside it.\n *\n * Inside `Dialog`, the open state is the trigger's. On its own it is this\n * part's: `isOpen` with `onOpenChange` holds it, and a `slot=\"close\"`\n * button, the scrim and the back gesture all report through `onOpenChange`.\n * `style`, `ref` and `testID` land on the container.\n */\nfunction DialogContent({\n  children,\n  defaultOpen,\n  isDismissable = true,\n  isKeyboardDismissDisabled = false,\n  isOpen,\n  onOpenChange,\n  role = 'dialog',\n  style,\n  ...props\n}: DialogContentProps) {\n  const outer = use(DialogTriggerContext)\n  const { close, present, setPresent, slots, state } = useModalState(outer, {\n    defaultOpen,\n    isOpen,\n    onOpenChange,\n  })\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const insets = use(SafeAreaInsetsContext) ?? NO_INSETS\n  const sizeClass = useWindowSizeClass()\n  const basic = role === 'alertdialog' || sizeClass !== 'compact'\n  const titleId = useId()\n  const [parts, setParts] = useState(NO_PARTS)\n  const [register] = useState(() => registerOf(setParts))\n  const [title, setTitle] = useState<HostInstance | null>(null)\n  const motion = useDialogMotion(state.isOpen, present, setPresent, basic)\n  const layout = useMemo<DialogLayout>(\n    () => ({ basic, parts, register, setTitle, titleId }),\n    [basic, parts, register, titleId],\n  )\n\n  if (!present) {\n    return null\n  }\n\n  const labelledBy = parts.title > 0 ? titleId : undefined\n\n  return (\n    <ModalWindow\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      labelledBy={labelledBy}\n      onClose={close}\n      onScrimPress={isDismissable && state.isOpen ? close : undefined}\n      scrim={motion.scrim}\n      title={title}\n    >\n      <View\n        style={composeStyles<ViewStyle>(\n          styles.layout,\n          basic ? undefined : styles.layoutFull,\n        )}\n      >\n        <Animated.View\n          {...panelRoleOf(role, labelledBy)}\n          onAccessibilityEscape={isKeyboardDismissDisabled ? undefined : close}\n          {...props}\n          style={composeStyles<AnimatedStyle<ViewStyle>>(\n            styles.container,\n            basic ? styles.containerBasic : styles.containerFull,\n            basic ? undefined : insetsOf(insets),\n            motion.panel,\n            style,\n          )}\n        >\n          <DialogLayoutContext value={layout}>\n            <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n          </DialogLayoutContext>\n        </Animated.View>\n      </View>\n    </ModalWindow>\n  )\n}\n\n/**\n * The dialog's actions, at the trailing edge and wrapping onto another row\n * when they do not fit on one. Full screen they are the page's bottom action\n * bar. `style`, `ref` and `testID` land on its view.\n */\nfunction DialogFooter({ style, ...props }: DialogPartProps) {\n  const layout = useLayout('Dialog.Footer')\n  const styles = stylesOf(useTheme())\n  const { register } = layout\n\n  useLayoutEffect(() => register('footer'), [register])\n\n  return (\n    <View\n      {...props}\n      style={composeStyles<ViewStyle>(\n        styles.actions,\n        layout.basic ? undefined : styles.actionsFull,\n        style,\n      )}\n    />\n  )\n}\n\n/**\n * The dialog's header: its `Dialog.Title`, and anything beside it, such as a\n * close button. Full screen it is the page's header bar. `style`, `ref` and\n * `testID` land on its view.\n */\nfunction DialogHeader({ style, ...props }: DialogPartProps) {\n  const layout = useLayout('Dialog.Header')\n  const styles = stylesOf(useTheme())\n  const { register } = layout\n\n  useLayoutEffect(() => register('header'), [register])\n\n  return (\n    <View\n      {...props}\n      style={composeStyles<ViewStyle>(\n        styles.header,\n        layout.basic ? undefined : styles.headerFull,\n        style,\n      )}\n    />\n  )\n}\n\n/**\n * Names the dialog: the container is labelled by it, and a screen reader is\n * sent to it once the dialog shows. In headline small as the basic dialog,\n * and title large as the full-screen one, where it shares a 56dp bar.\n * `style`, `ref` and `testID` land on React Native's own Text.\n */\nfunction DialogTitle({ ref, style, ...props }: DialogTitleProps) {\n  const layout = useLayout('Dialog.Title')\n  const styles = stylesOf(useTheme())\n  const role = useTypeRole(layout.basic ? 'headlineSmall' : 'titleLarge')\n  const { register, setTitle } = layout\n\n  useLayoutEffect(() => register('title'), [register])\n\n  return (\n    <NativeText\n      {...props}\n      nativeID={layout.titleId}\n      ref={refsOf(setTitle, ref)}\n      role=\"heading\"\n      style={composeStyles<TextStyle>(role, styles.title, style)}\n    />\n  )\n}\n\n/**\n * The scrim's and the panel's motion, and the timer that unmounts the dialog\n * once its exit has run. The panel arrives over the medium duration on the\n * emphasised decelerating curve and leaves over the short one on the\n * accelerating curve, and the scrim fades over the short one on the standard\n * curve, both ways. Under reduced motion the panel arrives and leaves at once.\n */\nfunction useDialogMotion(\n  isOpen: boolean,\n  present: boolean,\n  setPresent: (present: boolean) => void,\n  basic: boolean,\n) {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const { height } = useWindowDimensions()\n  const panel = useSharedValue(0)\n  const scrim = useSharedValue(0)\n\n  useEffect(() => {\n    const fade = {\n      duration: motion.durationShort2,\n      easing: Easing.bezier(...motion.easingStandard),\n    }\n\n    if (isOpen) {\n      scrim.set(withTiming(1, fade))\n      panel.set(\n        reduceMotion\n          ? 1\n          : withTiming(1, {\n              duration: motion.durationMedium1,\n              easing: Easing.bezier(...motion.easingEmphasizedDecelerate),\n            }),\n      )\n      return undefined\n    }\n\n    if (!present) {\n      return undefined\n    }\n\n    scrim.set(withTiming(0, fade))\n    panel.set(\n      reduceMotion\n        ? 0\n        : withTiming(0, {\n            duration: motion.durationShort3,\n            easing: Easing.bezier(...motion.easingEmphasizedAccelerate),\n          }),\n    )\n    const timer = setTimeout(\n      () => {\n        setPresent(false)\n      },\n      reduceMotion\n        ? motion.durationShort2\n        : Math.max(motion.durationShort2, motion.durationShort3),\n    )\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [isOpen, motion, panel, present, reduceMotion, scrim, setPresent])\n\n  return {\n    panel: useAnimatedStyle(() => {\n      'worklet'\n      const shown = panel.get()\n\n      return basic\n        ? {\n            opacity: shown,\n            transform: [{ scale: SCALE_FROM + (1 - SCALE_FROM) * shown }],\n          }\n        : {\n            opacity: shown,\n            transform: [{ translateY: (1 - shown) * RISE_FROM * height }],\n          }\n    }),\n    scrim: useAnimatedStyle(() => {\n      'worklet'\n      return { opacity: scrim.get() }\n    }),\n  }\n}\n\nfunction useLayout(part: string) {\n  const layout = use(DialogLayoutContext)\n\n  if (layout === null) {\n    throw new Error(`${part} is drawn inside Dialog.Content.`)\n  }\n\n  return layout\n}\n\nDialog.Body = DialogBody\nDialog.Content = DialogContent\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Title = DialogTitle\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n}\nexport type {\n  DialogBodyProps,\n  DialogContentProps,\n  DialogPartProps,\n  DialogProps,\n  DialogTitleProps,\n}\n"],"mappings":";;;;;;;;;;;;;;AA4GA,MAAMkD,YAAY;AAClB,MAAMC,YAAY;AAClB,MAAMC,aAAa;AACnB,MAAMC,YAAY;AAElB,MAAMC,WAAiD;CACrDI,QAAQ;CACRC,QAAQ;CACRC,OAAO;AACT;AAEA,MAAMC,WAAWb,cACd,EAAEc,QAAQC,OAAOC,SAASC,QAAQC,cACjC3C,WAAW4C,OAAO;CAIhBC,SAAS;EACPC,YAAY;EACZC,eAAe;EACfC,YAAY;EACZC,UAAU;EACVC,KAAKP,QAAQQ;EACbC,gBAAgB;EAChBC,SAASV,QAAQW;CACnB;CAIAC,aAAa;EACXC,gBAAgBjB,OAAOkB;EACvBC,gBAAgB;EAChBC,WAAWjB,OAAOkB;EAClBC,iBAAiBlB,QAAQmB;CAC3B;CAGAC,UAAU,EACRC,OAAOzB,OAAO0B,iBAChB;CAGAC,WAAW;EACTC,iBAAiB5B,OAAO6B;EACxBC,UAAU;CACZ;CAIAC,gBAAgB;EACdC,cAAc/B,MAAMc;EACpBkB,WAAW/B,QAAQgC;EACnBC,WAAW;EACXC,UAAU/C;EACVgD,UAAUjD;EACVkD,OAAO;CACT;CAGAC,eAAe,EACbC,MAAM,EACR;CAIA3C,QAAQ;EACNU,YAAY;EACZC,eAAe;EACfC,YAAY;EACZE,KAAKP,QAAQqC;EACb5B,gBAAgB;EAChB6B,eAAetC,QAAQuC;EACvBC,mBAAmBxC,QAAQW;EAC3B8B,YAAYzC,QAAQW;CACtB;CAGA+B,YAAY;EACVC,mBAAmB/C,OAAOkB;EAC1B8B,mBAAmB;EACnB5B,WAAWjB,OAAOkB;EAClBqB,eAAetC,QAAQmB;EACvBsB,YAAYzC,QAAQmB;CACtB;CAKA0B,QAAQ;EACN1C,YAAY;EACZ2C,QAAQ;EACRrC,gBAAgB;EAChBsC,MAAM;EACNrC,SAASV,QAAQW;EACjBqC,eAAe;EACfC,UAAU;EACVC,OAAO;EACPC,KAAK;CACP;CACAC,YAAY;EACVjD,YAAY;EACZO,SAAS;CACX;CAEAhB,OAAO;EACL2B,OAAOzB,OAAOyD;EACdhD,YAAY;CACd;AACF,CAAC,CACL;AAcA,MAAMyD,sBAAsBpH,cAAmC,IAAI;AACnE,MAAMqH,uBAAuBrH,cAAmC,IAAI;AA8DpE,SAASsI,cACP,EAAEzB,OAAOC,SACTxD,SACW;CACX,OAAO;EACLO,KAAKP,QAAQuC;EACbD,eAAekB,MAAMhE,SAAS,IAAI,IAAIQ,QAAQW;EAC9C6B,mBAAmBxC,QAAQW;EAC3B8B,YAAYc,SAASC,MAAM/D,SAAS,IAAI,IAAIO,QAAQW;CACtD;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAAsE,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAf,UAAAK,aAAAC,QAAAC,iBAAAM;CAA4D,IAAAG;CAAA,IAAAF,EAAA,OAAAT,eAAAS,EAAA,OAAAR,UAAAQ,EAAA,OAAAP,cAAA;EAC/BS,KAAA;GAAAX;GAAAC;GAAAC;EAI3C;EAACO,EAAA,KAAAT;EAAAS,EAAA,KAAAR;EAAAQ,EAAA,KAAAP;EAAAO,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAJD,MAAA,EAAAG,SAAAC,UAA2B7G,gBAAgB2G,EAI1C;CAAC,IAAAG;CAAA,IAAAL,EAAA,OAAAd,YAAAc,EAAA,OAAAI,OAAA;EAIEC,KAAA,oBAAC,mBAAD;GAA0BD,OAAAA;GAAQlB;EAAhB,CAAA;EAA6Cc,EAAA,KAAAd;EAAAc,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAG,WAAAH,EAAA,OAAAK,IAAA;EADjEC,KAAA,oBAAC,sBAAD;GAA6BH,OAAAA;GAC3BE,UAAAA;EADmB,CAAA;EAEEL,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAFvBM;AAEuB;;;;;;;;;;;AAc3B,SAAAC,WAAAR,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAf;CAAA,IAAAsB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAX,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAb,UAAAsB,uBAAAC,qBAAAC,UAAA,GAAAC,SAAAZ;EAMFC,EAAA,KAAAD;EAAAC,EAAA,KAAAd;EAAAc,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,KAAAU;EAAAV,EAAA,KAAAW;CAAA,OAAA;EAAAzB,WAAAc,EAAA;EAAAQ,wBAAAR,EAAA;EAAAS,sBAAAT,EAAA;EAAAU,WAAAV,EAAA;EAAAW,QAAAX,EAAA;CAAA;CAChB,MAAAtC,SAAekD,UAAU,aAAa;CACtC,MAAAC,QAAcpH,SAAS;CACvB,MAAAqH,SAAetG,SAASqG,KAAK;CAC7B,MAAAE,OAAanH,YAAY,YAAY;CACrC,MAAA,EAAAiB,YAAoBgG;CACpB,MAAA,CAAAG,SAAAC,cAA8BnJ,SAAS,CAAC;CACxC,MAAA,CAAAoJ,MAAAC,WAAwBrJ,SAAS,CAAC;CAAC,IAAAoI;CAAA,IAAAF,EAAA,OAAAS,qBAAA;EAEjCP,MAAAnD,OAAAqE,WAAA;GACEH,WAAWG,MAAM;GACjBX,sBAAsB1D,OAAOqE,MAAM;EAAC;EACrCpB,EAAA,KAAAS;EAAAT,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAJH,MAAAqB,iBAAuBnB;CAMtB,IAAAG;CAAA,IAAAL,EAAA,OAAAU,UAAA;EAECL,MAAAiB,UAAA;GACEH,QAAQG,MAAKC,YAAY7D,OAAO0D,MAAO;GACvCV,WAAWY,KAAK;EAAC;EAClBtB,EAAA,KAAAU;EAAAV,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAJH,MAAAwB,cAAoBnB;CASjB,MAAAoB,KAAAxJ;CACY,MAAAqI,KAAAU,UAAUE;CAAI,IAAAQ;CAAA,IAAA1B,EAAA,QAAAQ,yBAAAR,EAAA,QAAAtC,UAAAsC,EAAA,QAAAnF,SAAA;EAIF6G,KAAAhI,cACrBmG,cAAcnC,QAAQ7C,OAAO,GAC7B2F,qBACF;EAACR,EAAA,MAAAQ;EAAAR,EAAA,MAAAtC;EAAAsC,EAAA,MAAAnF;EAAAmF,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAEA,MAAA2B,KAAA,OAAOzC,aAAa,WACnB,oBAAC0G,MAAD;EAAmB,OAAAlM,cAAyBqH,MAAMD,OAAM7E,QAAS;EAC9DiD;CADQ,CAAA,IADZA;CAMA,IAAA0C;CAAA,IAAA5B,EAAA,QAAAyB,MAAAzB,EAAA,QAAAqB,kBAAArB,EAAA,QAAAwB,eAAAxB,EAAA,QAAAW,SAAAX,EAAA,QAAAM,MAAAN,EAAA,QAAA0B,MAAA1B,EAAA,QAAA2B,IAAA;EAhBHC,KAAA,oBAAC,IAAD;GACa,WAAAtB;GACUe,qBAAAA;GACXG,UAAAA;GAAW,GACjBb;GACmB,uBAAAe;GAKtBC,UAAAA;EAVQ,CAAA;EAiBE3B,EAAA,MAAAyB;EAAAzB,EAAA,MAAAqB;EAAArB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAW;EAAAX,EAAA,MAAAM;EAAAN,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAjBb4B;AAiBa;;;;;;;;;;AAajB,SAAAC,cAAA9B,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAf;CAAA,IAAAK;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAkB;CAAA,IAAArB;CAAA,IAAAY;CAAA,IAAAG;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAD,IAAA;EAAuB,CAAA,CAAAb,UAAAK,aAAAJ,eAAAe,IAAAd,2BAAAiB,IAAAb,QAAAC,cAAAJ,MAAAiB,IAAAhB,OAAA,GAAAqB,SAAAZ;EAUFC,EAAA,KAAAD;EAAAC,EAAA,KAAAd;EAAAc,EAAA,KAAAT;EAAAS,EAAA,KAAAR;EAAAQ,EAAA,KAAAP;EAAAO,EAAA,KAAAW;EAAAX,EAAA,KAAAV;EAAAU,EAAA,KAAAE;EAAAF,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAApB,WAAAc,EAAA;EAAAT,cAAAS,EAAA;EAAAR,SAAAQ,EAAA;EAAAP,eAAAO,EAAA;EAAAW,QAAAX,EAAA;EAAAV,QAAAU,EAAA;EAAAE,KAAAF,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CAPnB,MAAAb,gBAAAe,OAAA4B,KAAAA,IAAA,OAAA5B;CACA,MAAAd,4BAAAiB,OAAAyB,KAAAA,IAAA,QAAAzB;CAGA,MAAAhB,OAAAiB,OAAAwB,KAAAA,IAAA,WAAAxB;CAIA,MAAAyB,QAAcvK,IAAIoH,oBAAoB;CAAC,IAAA8C;CAAA,IAAA1B,EAAA,QAAAT,eAAAS,EAAA,QAAAR,UAAAQ,EAAA,QAAAP,cAAA;EACmCiC,KAAA;GAAAnC;GAAAC;GAAAC;EAI1E;EAACO,EAAA,MAAAT;EAAAS,EAAA,MAAAR;EAAAQ,EAAA,MAAAP;EAAAO,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAJD,MAAA,EAAAgC,OAAAC,SAAAC,YAAA9B,OAAA+B,UAAqD7I,cAAcyI,OAAOL,EAIzE;CACD,MAAAb,QAAcpH,SAAS;CACvB,MAAAqH,SAAetG,SAASqG,KAAK;CAC7B,MAAAuB,SAAe5K,IAAImB,qBAAkC,KAAtCQ;CACf,MAAAkJ,YAAkBrJ,mBAAmB;CACrC,MAAAoF,QAAciB,SAAS,iBAAiBgD,cAAc;CACtD,MAAA3D,UAAgB/G,MAAM;CACtB,MAAA,CAAA0G,OAAAiE,YAA0BxK,SAASmC,QAAQ;CAAC,IAAA0H;CAAA,IAAA3B,EAAA,QAAAuC,OAAAC,IAAA,2BAAA,GAAA;EAChBb,WAAMtI,WAAWiJ,QAAQ;EAACtC,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAtD,MAAA,CAAA1B,YAAmBxG,SAAS6J,EAA0B;CACtD,MAAA,CAAApH,OAAAiE,YAA0B1G,SAA8B,IAAI;CAC5D,MAAA2K,SAAeC,gBAAgBP,MAAK3C,QAASyC,SAASC,YAAY9D,KAAK;CAAC,IAAAwD;CAAA,IAAA5B,EAAA,QAAA5B,SAAA4B,EAAA,QAAA3B,SAAA2B,EAAA,QAAA1B,YAAA0B,EAAA,QAAAtB,SAAA;EAE/DkD,KAAA;GAAAxD;GAAAC;GAAAC;GAAAE;GAAAE;EAA4C;EAACsB,EAAA,MAAA5B;EAAA4B,EAAA,MAAA3B;EAAA2B,EAAA,MAAA1B;EAAA0B,EAAA,MAAAtB;EAAAsB,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CADtD,MAAAtC,SACSkE;CAIT,IAAI,CAACK,SAAO,OACH;CAGT,MAAAU,aAAmBtE,MAAK9D,QAAS,IAAdmE,UAAAoD,KAAAA;CAGhB,MAAAL,KAAAvI;CAIe,MAAA0J,KAAAzD,iBAAiBgD,MAAK3C,SAAtBwC,QAAAF,KAAAA;CACP,MAAAe,KAAAJ,OAAMK;CAGZ,MAAAC,KAAA3K;CACQ,MAAA4K,KAAAtJ,cACLoH,OAAMpD,QACNU,QAAA0D,KAAAA,IAAoBhB,OAAM7C,UAC5B;CAEC,MAAAgF,MAAA5K;CAAQ,IAAA6K;CAAA,IAAAlD,EAAA,QAAA2C,cAAA3C,EAAA,QAAAX,MAAA;EACH6D,MAAA9J,YAAYiG,MAAMsD,UAAU;EAAC3C,EAAA,MAAA2C;EAAA3C,EAAA,MAAAX;EAAAW,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CACV,MAAAmD,MAAA/D,4BAAA0C,KAAAA,IAAAE;CAEhB,MAAAoB,MAAA1J,cACLoH,OAAM1E,WACNgC,QAAQ0C,OAAMtE,iBAAkBsE,OAAM9D,eACtCoB,QAAA0D,KAAAA,IAAoB7I,SAASmJ,MAAM,GACnCK,OAAMY,OACN/D,KACF;CAAC,IAAAgE;CAAA,IAAAtD,EAAA,QAAAd,YAAAc,EAAA,QAAAI,OAAA;EAGCkD,MAAA,oBAAC,mBAAD;GAA0BlD,OAAAA;GAAQlB;EAAhB,CAAA;EAA6Cc,EAAA,MAAAd;EAAAc,EAAA,MAAAI;EAAAJ,EAAA,MAAAsD;CAAA,OAAAA,MAAAtD,EAAA;CAAA,IAAAuD;CAAA,IAAAvD,EAAA,QAAAtC,UAAAsC,EAAA,QAAAsD,KAAA;EADjEC,MAAA,oBAAC,qBAAD;GAA4B7F,OAAAA;GAC1B4F,UAAAA;EADkB,CAAA;EAEEtD,EAAA,MAAAtC;EAAAsC,EAAA,MAAAsD;EAAAtD,EAAA,MAAAuD;CAAA,OAAAA,MAAAvD,EAAA;CAAA,IAAAwD;CAAA,IAAAxD,EAAA,QAAAW,SAAAX,EAAA,QAAAiD,IAAA7K,QAAA4H,EAAA,QAAAkD,OAAAlD,EAAA,QAAAmD,OAAAnD,EAAA,QAAAoD,OAAApD,EAAA,QAAAuD,KAAA;EAdxBC,MAAA,oBAAA,IAAA,MAAA;GAAA,GACMN;GACmB,uBAAAC;GAA6C,GAChExC;GACG,OAAAyC;GAQPG,UAAAA;EAGF,CAAA;EAAgBvD,EAAA,MAAAW;EAAAX,EAAA,MAAAiD,IAAA7K;EAAA4H,EAAA,MAAAkD;EAAAlD,EAAA,MAAAmD;EAAAnD,EAAA,MAAAoD;EAAApD,EAAA,MAAAuD;EAAAvD,EAAA,MAAAwD;CAAA,OAAAA,MAAAxD,EAAA;CAAA,IAAAyD;CAAA,IAAAzD,EAAA,QAAA+C,MAAA/C,EAAA,QAAAwD,OAAAxD,EAAA,QAAAgD,IAAA;EArBlBS,MAAA,oBAAC,IAAD;GACS,OAAAT;GAKPQ,UAAAA;EANG,CAAA;EAsBExD,EAAA,MAAA+C;EAAA/C,EAAA,MAAAwD;EAAAxD,EAAA,MAAAgD;EAAAhD,EAAA,MAAAyD;CAAA,OAAAA,MAAAzD,EAAA;CAAA,IAAA0D;CAAA,IAAA1D,EAAA,QAAAyB,MAAAzB,EAAA,QAAAgC,SAAAhC,EAAA,QAAAZ,6BAAAY,EAAA,QAAA2C,cAAA3C,EAAA,QAAAyC,OAAAK,SAAA9C,EAAA,QAAAyD,OAAAzD,EAAA,QAAA4C,MAAA5C,EAAA,QAAAzF,OAAA;EA9BTmJ,MAAA,oBAAC,IAAD;GAC6BtE;GACfuD;GACHX,SAAAA;GACK,cAAAY;GACP,OAAAC;GACAtI;GAEPkJ,UAAAA;EARU,CAAA;EA+BEzD,EAAA,MAAAyB;EAAAzB,EAAA,MAAAgC;EAAAhC,EAAA,MAAAZ;EAAAY,EAAA,MAAA2C;EAAA3C,EAAA,MAAAyC,OAAAK;EAAA9C,EAAA,MAAAyD;EAAAzD,EAAA,MAAA4C;EAAA5C,EAAA,MAAAzF;EAAAyF,EAAA,MAAA0D;CAAA,OAAAA,MAAA1D,EAAA;CAAA,OA/Bd0D;AA+Bc;;;;;;AASlB,SAAAC,aAAA5D,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAU;CAAA,IAAArB;CAAA,IAAAU,EAAA,OAAAD,IAAA;EAAsB,CAAA,CAAAT,OAAA,GAAAqB,SAAAZ;EAAoCC,EAAA,KAAAD;EAAAC,EAAA,KAAAW;EAAAX,EAAA,KAAAV;CAAA,OAAA;EAAAqB,QAAAX,EAAA;EAAAV,QAAAU,EAAA;CAAA;CACxD,MAAAtC,SAAekD,UAAU,eAAe;CACxC,MAAAE,SAAetG,SAASf,SAAS,CAAC;CAClC,MAAA,EAAA6E,aAAqBZ;CAAM,IAAAwC;CAAA,IAAAG;CAAA,IAAAL,EAAA,OAAA1B,UAAA;EAEX4B,WAAM5B,SAAS,QAAQ;EAAG+B,KAAA,CAAC/B,QAAQ;EAAC0B,EAAA,KAAA1B;EAAA0B,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAA;EAAAH,KAAAF,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAApDpI,gBAAgBsI,IAA0BG,EAAU;CAGjD,MAAAoB,KAAArJ;CAEQ,MAAAkI,KAAA5G,cACLoH,OAAM/F,SACN2C,OAAMU,QAAN0D,KAAAA,IAA2BhB,OAAMrF,aACjC6D,KACF;CAAC,IAAAoC;CAAA,IAAA1B,EAAA,OAAAyB,MAAAzB,EAAA,OAAAW,SAAAX,EAAA,OAAAM,IAAA;EANHoB,KAAA,oBAAC,IAAD;GAAK,GACCf;GACG,OAAAL;EAIN,CAAA;EACDN,EAAA,KAAAyB;EAAAzB,EAAA,KAAAW;EAAAX,EAAA,KAAAM;EAAAN,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OAPF0B;AAOE;;;;;;AASN,SAAAkC,aAAA7D,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAU;CAAA,IAAArB;CAAA,IAAAU,EAAA,OAAAD,IAAA;EAAsB,CAAA,CAAAT,OAAA,GAAAqB,SAAAZ;EAAoCC,EAAA,KAAAD;EAAAC,EAAA,KAAAW;EAAAX,EAAA,KAAAV;CAAA,OAAA;EAAAqB,QAAAX,EAAA;EAAAV,QAAAU,EAAA;CAAA;CACxD,MAAAtC,SAAekD,UAAU,eAAe;CACxC,MAAAE,SAAetG,SAASf,SAAS,CAAC;CAClC,MAAA,EAAA6E,aAAqBZ;CAAM,IAAAwC;CAAA,IAAAG;CAAA,IAAAL,EAAA,OAAA1B,UAAA;EAEX4B,WAAM5B,SAAS,QAAQ;EAAG+B,KAAA,CAAC/B,QAAQ;EAAC0B,EAAA,KAAA1B;EAAA0B,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAA;EAAAH,KAAAF,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAApDpI,gBAAgBsI,IAA0BG,EAAU;CAGjD,MAAAoB,KAAArJ;CAEQ,MAAAkI,KAAA5G,cACLoH,OAAMxG,QACNoD,OAAMU,QAAN0D,KAAAA,IAA2BhB,OAAMvD,YACjC+B,KACF;CAAC,IAAAoC;CAAA,IAAA1B,EAAA,OAAAyB,MAAAzB,EAAA,OAAAW,SAAAX,EAAA,OAAAM,IAAA;EANHoB,KAAA,oBAAC,IAAD;GAAK,GACCf;GACG,OAAAL;EAIN,CAAA;EACDN,EAAA,KAAAyB;EAAAzB,EAAA,KAAAW;EAAAX,EAAA,KAAAM;EAAAN,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OAPF0B;AAOE;;;;;;;AAUN,SAAAmC,YAAA9D,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAU;CAAA,IAAA7B;CAAA,IAAAQ;CAAA,IAAAU,EAAA,OAAAD,IAAA;EAAqB,CAAA,CAAAjB,KAAAQ,OAAA,GAAAqB,SAAAZ;EAA0CC,EAAA,KAAAD;EAAAC,EAAA,KAAAW;EAAAX,EAAA,KAAAlB;EAAAkB,EAAA,KAAAV;CAAA,OAAA;EAAAqB,QAAAX,EAAA;EAAAlB,MAAAkB,EAAA;EAAAV,QAAAU,EAAA;CAAA;CAC7D,MAAAtC,SAAekD,UAAU,cAAc;CACvC,MAAAE,SAAetG,SAASf,SAAS,CAAC;CAClC,MAAA4F,OAAazF,YAAY8D,OAAMU,QAAN,kBAAA,YAA6C;CACtE,MAAA,EAAAE,UAAAE,aAA+Bd;CAAM,IAAAwC;CAAA,IAAAG;CAAA,IAAAL,EAAA,OAAA1B,UAAA;EAErB4B,WAAM5B,SAAS,OAAO;EAAG+B,KAAA,CAAC/B,QAAQ;EAAC0B,EAAA,KAAA1B;EAAA0B,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAA;EAAAH,KAAAF,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAnDpI,gBAAgBsI,IAAyBG,EAAU;CAGhD,MAAAoB,KAAAzJ;CAEW,MAAAsI,KAAA5C,OAAMgB;CAAQ,IAAAgD;CAAA,IAAA1B,EAAA,OAAAlB,OAAAkB,EAAA,OAAAxB,UAAA;EACnBkD,KAAAlI,OAAOgF,UAAUM,GAAG;EAACkB,EAAA,KAAAlB;EAAAkB,EAAA,KAAAxB;EAAAwB,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CACrB,MAAA2B,KAAA;CACE,MAAAC,KAAAlI,cAAyB2F,MAAMyB,OAAMvG,OAAQ+E,KAAK;CAAC,IAAAsD;CAAA,IAAA5C,EAAA,QAAAyB,MAAAzB,EAAA,QAAAtC,OAAAgB,WAAAsB,EAAA,QAAAW,SAAAX,EAAA,QAAA0B,MAAA1B,EAAA,QAAA4B,IAAA;EAL5DgB,KAAA,oBAAC,IAAD;GAAW,GACLjC;GACM,UAAAL;GACL,KAAAoB;GACA,MAAAC;GACE,OAAAC;EAAmD,CAAA;EAC1D5B,EAAA,MAAAyB;EAAAzB,EAAA,MAAAtC,OAAAgB;EAAAsB,EAAA,MAAAW;EAAAX,EAAA,MAAA0B;EAAA1B,EAAA,MAAA4B;EAAA5B,EAAA,MAAA4C;CAAA,OAAAA,KAAA5C,EAAA;CAAA,OANF4C;AAME;;;;;;;;AAWN,SAAAF,gBAAAlD,QAAAyC,SAAAC,YAAA9D,OAAA;CAAA,MAAA4B,IAAAC,EAAA,EAAA;CAME,MAAA,EAAAwC,WAAmBhJ,SAAS;CAC5B,MAAAqK,eAAqBtL,iBAAiB;CACtC,MAAA,EAAA4I,WAAmBjJ,oBAAoB;CACvC,MAAAkL,QAAc5K,eAAe,CAAC;CAC9B,MAAAqK,QAAcrK,eAAe,CAAC;CAAC,IAAAsH;CAAA,IAAAC,EAAA,OAAAR,UAAAQ,EAAA,OAAAyC,OAAAsB,mBAAA/D,EAAA,OAAAyC,OAAAuB,kBAAAhE,EAAA,OAAAyC,OAAAwB,kBAAAjE,EAAA,OAAAyC,OAAAyB,8BAAAlE,EAAA,OAAAyC,OAAA0B,8BAAAnE,EAAA,OAAAyC,OAAA2B,kBAAApE,EAAA,OAAAqD,SAAArD,EAAA,OAAAiC,WAAAjC,EAAA,OAAA8D,gBAAA9D,EAAA,QAAA8C,SAAA9C,EAAA,QAAAkC,YAAA;EAErBnC,WAAA;GACR,MAAAsE,OAAa;IAAAC,UACD7B,OAAMuB;IAAeO,QACvBjM,OAAMkM,OAAO,GAAI/B,OAAM2B,cAAe;GAChD;GAEA,IAAI5E,QAAM;IACRsD,MAAK2B,IAAK/L,WAAW,GAAG2L,IAAI,CAAC;IAC7BhB,MAAKoB,IACHX,eAAA,IAEIpL,WAAW,GAAG;KAAA4L,UACF7B,OAAMsB;KAAgBQ,QACxBjM,OAAMkM,OAAO,GAAI/B,OAAM0B,0BAA2B;IAC5D,CAAC,CACP;IAAC;GAAA;GAIH,IAAI,CAAClC,SAAO;GAIZa,MAAK2B,IAAK/L,WAAW,GAAG2L,IAAI,CAAC;GAC7BhB,MAAKoB,IACHX,eAAA,IAEIpL,WAAW,GAAG;IAAA4L,UACF7B,OAAMwB;IAAeM,QACvBjM,OAAMkM,OAAO,GAAI/B,OAAMyB,0BAA2B;GAC5D,CAAC,CACP;GACA,MAAAQ,QAAcC,iBACZ;IACEzC,WAAW,KAAK;GAAC,GAEnB4B,eACIrB,OAAMuB,iBACNY,KAAIC,IAAKpC,OAAMuB,gBAAiBvB,OAAMwB,cAAe,CAC3D;GAAC,aAEM;IACLa,aAAaJ,KAAK;GAAC;EACpB;EACF1E,EAAA,KAAAR;EAAAQ,EAAA,KAAAyC,OAAAsB;EAAA/D,EAAA,KAAAyC,OAAAuB;EAAAhE,EAAA,KAAAyC,OAAAwB;EAAAjE,EAAA,KAAAyC,OAAAyB;EAAAlE,EAAA,KAAAyC,OAAA0B;EAAAnE,EAAA,KAAAyC,OAAA2B;EAAApE,EAAA,KAAAqD;EAAArD,EAAA,KAAAiC;EAAAjC,EAAA,KAAA8D;EAAA9D,EAAA,MAAA8C;EAAA9C,EAAA,MAAAkC;EAAAlC,EAAA,MAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,IAAAE;CAAA,IAAAF,EAAA,QAAAR,UAAAQ,EAAA,QAAAyC,UAAAzC,EAAA,QAAAqD,SAAArD,EAAA,QAAAiC,WAAAjC,EAAA,QAAA8D,gBAAA9D,EAAA,QAAA8C,SAAA9C,EAAA,QAAAkC,YAAA;EAAEhC,KAAA;GAACV;GAAQiD;GAAQY;GAAOpB;GAAS6B;GAAchB;GAAOZ;EAAU;EAAClC,EAAA,MAAAR;EAAAQ,EAAA,MAAAyC;EAAAzC,EAAA,MAAAqD;EAAArD,EAAA,MAAAiC;EAAAjC,EAAA,MAAA8D;EAAA9D,EAAA,MAAA8C;EAAA9C,EAAA,MAAAkC;EAAAlC,EAAA,MAAAE;CAAA,OAAAA,KAAAF,EAAA;CA5CpEtI,UAAUqI,IA4CPG,EAAiE;CAG3D,MAAAG,KAAA9H,uBAAiB;EAAA;EAEtB,MAAAwM,QAAc1B,MAAK2B,IAAK;EAAC,OAElB5G,QAAA;GAAA6G,SAEQF;GAAKG,WACH,CAAC,EAAAC,OAASpL,aAAc,qBAAkBgL,MAAM,CAAC;EAK9D,IARG;GAAAE,SAMQF;GAAKG,WACH,CAAC,EAAAE,aAAe,IAAIL,SAAS/K,YAAYoH,OAAO,CAAC;EAC9D;CAAC,CACN;CACM,MAAAd,KAAA/H,uBAAiB;EAAA;EAAA,OAEf,EAAA0M,SAAWnC,MAAKkC,IAAK,EAAE;CAAC,CAChC;CAAC,IAAAtD;CAAA,IAAA1B,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;EAlBGoB,KAAA;GAAA2B,OACEhD;GAaLyC,OACKxC;EAIT;EAACN,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OAnBM0B;AAmBN;AAGH,SAASd,UAAUrC,MAAc;CAC/B,MAAMb,SAASlG,IAAImH,mBAAmB;CAEtC,IAAIjB,WAAW,MACb,MAAM,IAAI2H,MAAM,GAAG9G,KAAI,iCAAkC;CAG3D,OAAOb;AACT;AAEAoC,OAAOwF,OAAO/E;AACdT,OAAOyF,UAAU1D;AACjB/B,OAAO0F,SAAS7B;AAChB7D,OAAO2F,SAAS7B;AAChB9D,OAAO4F,QAAQ7B"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","HostInstance","LayoutChangeEvent","ScrollViewProps","StyleProp","TextProps","TextStyle","ViewProps","ViewStyle","AnimatedStyle","createContext","use","useCallback","useEffect","useId","useLayoutEffect","useMemo","useState","Text","NativeText","ScrollView","StyleSheet","useWindowDimensions","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","SafeAreaInsetsContext","ModalOpenProps","ModalTrigger","ResolvedTheme","ButtonSlotContext","useWindowSizeClass","insetsOf","ModalWindow","NO_INSETS","panelRoleOf","registerOf","useModalState","useModalTrigger","useKeyboardInset","refsOf","useTheme","composeStyles","themedStyles","useTypeRole","MIN_WIDTH","MAX_WIDTH","SCALE_FROM","RISE_FROM","NO_PARTS","Readonly","Record","DialogPart","footer","header","title","stylesOf","colors","radii","shadows","sizing","spacing","create","actions","alignItems","flexDirection","flexShrink","flexWrap","gap","sm","justifyContent","padding","xl","actionsFull","borderTopColor","outlineVariant","borderTopWidth","minHeight","rowSm","paddingVertical","xs","bodyText","color","onSurfaceVariant","container","backgroundColor","surfaceContainerHigh","overflow","containerBasic","borderRadius","boxShadow","elevation3","maxHeight","maxWidth","minWidth","width","containerFull","flex","md","paddingBottom","lg","paddingHorizontal","paddingTop","headerFull","borderBottomColor","borderBottomWidth","layout","bottom","left","pointerEvents","position","right","top","layoutFull","onSurface","DialogLayout","basic","parts","register","part","setTitle","node","titleId","DialogLayoutContext","DialogTriggerContext","DialogBodyProps","ref","DialogContentProps","DialogOpenProps","Omit","children","isDismissable","isKeyboardDismissDisabled","role","style","defaultOpen","isOpen","onOpenChange","DialogPartProps","DialogProps","DialogTitleProps","bodyPaddingOf","Dialog","t0","$","_c","t1","context","slots","t2","t3","DialogBody","contentContainerStyle","onContentSizeChange","onLayout","props","useLayout","theme","styles","text","content","setContent","room","setRoom","height","measureContent","event","nativeEvent","measureRoom","T0","t4","t5","t6","DialogContent","undefined","outer","close","present","setPresent","state","insets","sizeClass","setParts","Symbol","for","motion","useDialogMotion","keyboard","labelledBy","t7","t8","scrim","T1","t9","t10","t11","t12","t13","Math","max","panel","t14","t15","t16","t17","t18","DialogFooter","DialogHeader","DialogTitle","reduceMotion","durationMedium1","durationShort2","durationShort3","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingStandard","fade","duration","easing","bezier","set","timer","setTimeout","clearTimeout","shown","get","opacity","transform","scale","translateY","Error","Body","Content","Footer","Header","Title","_c","NativeText"],"sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  HostInstance,\n  LayoutChangeEvent,\n  ScrollViewProps,\n  StyleProp,\n  TextProps,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  Text as NativeText,\n  ScrollView,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n} from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useReducedMotion,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context'\n\nimport type { ModalOpenProps, ModalTrigger } from '../../modal'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport { ButtonSlotContext } from '../../button/slots'\nimport { useWindowSizeClass } from '../../hooks/useWindowSizeClass'\nimport {\n  insetsOf,\n  ModalWindow,\n  NO_INSETS,\n  panelRoleOf,\n  registerOf,\n  useModalState,\n  useModalTrigger,\n} from '../../modal'\nimport { useKeyboardInset } from '../../overlay/keyboard'\nimport { refsOf } from '../../ref'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// The dialogs spec page's two dialogs, as kanso-ui's Dialog draws them: one\n// component, since the page pairs them by window size rather than offering a\n// choice. In a medium window or wider it is the basic dialog, a container on\n// surface container high with the 28dp corner, between 280 and 560dp wide,\n// centred over the scrim, with 24dp of padding all round, 16dp between the\n// headline and the body and 24dp between the body and the actions. In a\n// compact window, below 600dp, the same dialog fills the window as the page's\n// full-screen dialog: square corners, a 56dp header with the headline in\n// title large and a divider under it, and a 56dp action bar over a divider,\n// both inside the device's safe area.\n//\n// **It stays above the software keyboard.** While one is up the basic dialog\n// is centred in the room above it, and the full-screen one pads its bottom by\n// as much of the screen as the keyboard covers, so its actions and a field\n// focused in it are not hidden behind the keyboard. On Android a `Modal`\n// reports the keyboard to React Native only through\n// react-native-keyboard-controller, which src/overlay/keyboard.ts reads where\n// the app installs it.\n//\n// An alert dialog, `role=\"alertdialog\"`, is a question with two or three\n// answers rather than a task, and stays the basic dialog at every width, as\n// on web, where a question filling a phone read as a headline at the top of\n// the screen and its answers at the bottom with nothing between them.\n//\n// **It is drawn in a React Native `Modal`**, through src/modal, which keeps\n// React context, so the dialog keeps the `ThemeScope` around it, and which is\n// a window of its own on iOS and Android, above the screen and its overlays.\n// The `Modal` therefore hosts overlays of its own, so a snackbar or a popover\n// raised from inside the dialog draws above it rather than under it.\n//\n// **It animates out as well as in**, from the motion tokens: the panel scales\n// up from 90% on the emphasised decelerating curve, or rises 3% of the window\n// when it fills it, and leaves on the emphasised accelerating one, while the\n// scrim fades on the standard curve. Web only animates in, since React Aria\n// keeps a closing surface mounted only while a CSS animation runs; here the\n// dialog stays mounted until its exit has run. Under reduced motion the\n// panel appears and leaves at once, and the scrim still fades, which is what\n// says the dialog came and went.\n//\n// **A press on the scrim closes it**, unless `isDismissable` is false, and\n// Android's back gesture and VoiceOver's escape gesture close it, unless\n// `isKeyboardDismissDisabled`, the prop that keeps Escape from closing it on\n// web, which is the key React Native Web's `Modal` hands the same handler.\n// A button inside `Dialog` and outside its content opens it, and one given\n// `slot=\"close\"` inside the content closes it, through src/button's\n// slots.ts.\n//\n// **Focus moves into the dialog and back.** On iOS and Android the screen\n// reader is sent to the headline once the dialog shows, and back to the\n// button that opened it once it has gone. React Native Web's `Modal` traps\n// focus and restores it itself, and is the dialog element there, so on web it\n// takes the dialog's name and the panel takes no role of its own. That\n// `Modal` sets its role itself, so an alert dialog is announced as a dialog\n// in the web Storybook; kanso-ui, the library for web apps, keeps the role.\n\n// The panel's width bounds, the page's, and how far it travels as it\n// arrives: it scales up from 90% as the basic dialog, or rises 3% of the\n// window as the full-screen one, as web's keyframes have it.\nconst MIN_WIDTH = 280\nconst MAX_WIDTH = 560\nconst SCALE_FROM = 0.9\nconst RISE_FROM = 0.03\n\nconst NO_PARTS: Readonly<Record<DialogPart, number>> = {\n  footer: 0,\n  header: 0,\n  title: 0,\n}\n\nconst stylesOf = themedStyles(\n  ({ colors, radii, shadows, sizing, spacing }: ResolvedTheme) =>\n    StyleSheet.create({\n      // The page's 24dp between the body and the actions, and 8dp between\n      // the buttons. Actions that do not fit on one row wrap onto another,\n      // still at the trailing edge.\n      actions: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        flexWrap: 'wrap',\n        gap: spacing.sm,\n        justifyContent: 'flex-end',\n        padding: spacing.xl,\n      },\n      // Full screen, the actions are the page's bottom action bar: 56dp at\n      // least, over a divider, so an action whose label wraps grows the bar\n      // rather than meeting the divider.\n      actionsFull: {\n        borderTopColor: colors.outlineVariant,\n        borderTopWidth: 1,\n        minHeight: sizing.rowSm,\n        paddingVertical: spacing.xs,\n      },\n      // The text a body is handed as a string, in the page's body medium on\n      // on-surface variant, which is what web's body sets for its text.\n      bodyText: {\n        color: colors.onSurfaceVariant,\n      },\n      // Both dialogs' container, whose corner, where it has one, clips the\n      // body's scroll.\n      container: {\n        backgroundColor: colors.surfaceContainerHigh,\n        overflow: 'hidden',\n      },\n      // The basic dialog's container, centred over the scrim and only as\n      // tall as the room the scrim's padding leaves, so the body scrolls\n      // rather than running off the screen.\n      containerBasic: {\n        borderRadius: radii.xl,\n        boxShadow: shadows.elevation3,\n        maxHeight: '100%',\n        maxWidth: MAX_WIDTH,\n        minWidth: MIN_WIDTH,\n        width: '100%',\n      },\n      // Full screen, the container fills the window with square corners, and\n      // its fill runs on under the safe area its content keeps out of.\n      containerFull: {\n        flex: 1,\n      },\n      // The page's 24dp above the headline and 16dp between it and the body,\n      // with the headline beside whatever else the header holds, a close\n      // button for one.\n      header: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        gap: spacing.md,\n        justifyContent: 'space-between',\n        paddingBottom: spacing.lg,\n        paddingHorizontal: spacing.xl,\n        paddingTop: spacing.xl,\n      },\n      // Full screen, the header is the page's own 56dp bar, at least, under\n      // a divider.\n      headerFull: {\n        borderBottomColor: colors.outlineVariant,\n        borderBottomWidth: 1,\n        minHeight: sizing.rowSm,\n        paddingBottom: spacing.xs,\n        paddingTop: spacing.xs,\n      },\n      // The scrim centres the container, which is what makes the dialog a\n      // dialog rather than a sheet. Full screen it has no room to give. It\n      // takes no touches itself, so a press around the container reaches the\n      // scrim under it.\n      layout: {\n        alignItems: 'center',\n        bottom: 0,\n        justifyContent: 'center',\n        left: 0,\n        padding: spacing.xl,\n        pointerEvents: 'box-none',\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      layoutFull: {\n        alignItems: 'stretch',\n        padding: 0,\n      },\n      // The headline gives way to whatever shares its row.\n      title: {\n        color: colors.onSurface,\n        flexShrink: 1,\n      },\n    }),\n)\n\n// What the content's parts read: which of the two dialogs is drawn, which\n// parts are there, and the headline's name and node.\ntype DialogLayout = {\n  readonly basic: boolean\n  readonly parts: Readonly<Record<DialogPart, number>>\n  readonly register: (part: DialogPart) => () => void\n  readonly setTitle: (node: HostInstance | null) => void\n  readonly titleId: string\n}\n\ntype DialogPart = 'footer' | 'header' | 'title'\n\nconst DialogLayoutContext = createContext<DialogLayout | null>(null)\nconst DialogTriggerContext = createContext<ModalTrigger | null>(null)\n\ntype DialogBodyProps = ScrollViewProps & {\n  readonly ref?: Ref<ComponentRef<typeof ScrollView>>\n}\n\ntype DialogContentProps = DialogOpenProps &\n  Omit<ViewProps, 'children' | 'role' | 'style'> & {\n    readonly children?: ReactNode\n    /**\n     * Whether a press on the scrim, outside the container, closes the\n     * dialog. Android's back gesture is `isKeyboardDismissDisabled`'s, and\n     * this says nothing about it, so a dialog that has to be answered from\n     * one of its actions turns off both.\n     * @default true\n     */\n    readonly isDismissable?: boolean\n    /**\n     * Keeps Android's back gesture, VoiceOver's escape gesture, and Escape on\n     * web, from closing the dialog.\n     * @default false\n     */\n    readonly isKeyboardDismissDisabled?: boolean\n    readonly ref?: Ref<ComponentRef<typeof View>>\n    /**\n     * `alertdialog` for a dialog interrupting with something that has to be\n     * answered before the app carries on. It also keeps the dialog the basic\n     * one in a compact window, centred and sized to its content, where a\n     * dialog of the default role fills the window.\n     * @default 'dialog'\n     */\n    readonly role?: 'alertdialog' | 'dialog'\n    readonly style?: StyleProp<ViewStyle>\n  }\n\ntype DialogOpenProps = ModalOpenProps & {\n  /** Whether the dialog starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /** Whether the dialog is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /** Called with the new state as the dialog opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\ntype DialogPartProps = ViewProps & {\n  readonly ref?: Ref<ComponentRef<typeof View>>\n}\n\ntype DialogProps = DialogOpenProps & {\n  /** The button that opens the dialog, and `Dialog.Content`. */\n  readonly children?: ReactNode\n}\n\ntype DialogTitleProps = Omit<TextProps, 'role'> & {\n  readonly ref?: Ref<HostInstance>\n}\n\n// The body's padding. The page's 24dp all round is spent by whichever part\n// is at each end, so the body takes the top of it when no header is there\n// and the bottom when no footer is. Full screen, it keeps 24dp under the\n// header's divider as well, which is the content padding the page gives the\n// full-screen dialog.\nfunction bodyPaddingOf(\n  { basic, parts }: DialogLayout,\n  spacing: ResolvedTheme['spacing'],\n): ViewStyle {\n  return {\n    gap: spacing.lg,\n    paddingBottom: parts.footer > 0 ? 0 : spacing.xl,\n    paddingHorizontal: spacing.xl,\n    paddingTop: basic && parts.header > 0 ? 0 : spacing.xl,\n  }\n}\n\n/**\n * A modal dialog centred over the screen, and the same dialog filling the\n * window in a compact window, the dialogs spec page's basic and full-screen\n * dialogs, paired by window size as the page pairs them. An alert dialog\n * stays the basic one at every width. Pass `isOpen` with `onOpenChange` to\n * hold the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <Dialog>\n *   <Button>Open</Button>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Headline</Dialog.Title>\n *     </Dialog.Header>\n *     <Dialog.Body>Supporting text</Dialog.Body>\n *     <Dialog.Footer>\n *       <Button slot=\"close\" variant=\"text\">Cancel</Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog>\n * ```\n *\n * Composed rather than configured by props, as web's is, since a dialog's\n * header, body and actions all take arbitrary content. A `Button`,\n * `IconButton` or `Chip` inside `Dialog` and outside its content opens it,\n * and a button given `slot=\"close\"` anywhere inside the content closes it. A\n * dialog nothing on the screen opens leaves `Dialog` out and passes `isOpen`\n * and `onOpenChange` to `Dialog.Content` instead.\n */\nfunction Dialog({ children, defaultOpen, isOpen, onOpenChange }: DialogProps) {\n  const { context, slots } = useModalTrigger({\n    defaultOpen,\n    isOpen,\n    onOpenChange,\n  })\n\n  return (\n    <DialogTriggerContext value={context}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </DialogTriggerContext>\n  )\n}\n\n/**\n * What the dialog shows, as a body that scrolls when its content runs past\n * the room it has. A string is drawn in the page's body medium on on-surface\n * variant; anything else draws itself. `style`, `ref` and `testID` land on\n * the `ScrollView`.\n *\n * A body its content runs past takes focus, as web's is a tab stop, so a\n * keyboard can scroll it when nothing inside it takes focus; a call site's\n * own `focusable` still wins.\n */\nfunction DialogBody({\n  children,\n  contentContainerStyle,\n  onContentSizeChange,\n  onLayout,\n  ...props\n}: DialogBodyProps) {\n  const layout = useLayout('Dialog.Body')\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const text = useTypeRole('bodyMedium')\n  const { spacing } = theme\n  const [content, setContent] = useState(0)\n  const [room, setRoom] = useState(0)\n  const measureContent = useCallback(\n    (width: number, height: number) => {\n      setContent(height)\n      onContentSizeChange?.(width, height)\n    },\n    [onContentSizeChange],\n  )\n  const measureRoom = useCallback(\n    (event: LayoutChangeEvent) => {\n      setRoom(event.nativeEvent.layout.height)\n      onLayout?.(event)\n    },\n    [onLayout],\n  )\n\n  return (\n    <ScrollView\n      focusable={content > room}\n      onContentSizeChange={measureContent}\n      onLayout={measureRoom}\n      {...props}\n      contentContainerStyle={composeStyles<ViewStyle>(\n        bodyPaddingOf(layout, spacing),\n        contentContainerStyle,\n      )}\n    >\n      {typeof children === 'string' ? (\n        <NativeText style={composeStyles<TextStyle>(text, styles.bodyText)}>\n          {children}\n        </NativeText>\n      ) : (\n        children\n      )}\n    </ScrollView>\n  )\n}\n\n/**\n * The dialog itself, and the scrim behind it. Everything the dialog shows\n * goes in here; the button that opens it stays outside it.\n *\n * Inside `Dialog`, the open state is the trigger's. On its own it is this\n * part's: `isOpen` with `onOpenChange` holds it, and a `slot=\"close\"`\n * button, the scrim and the back gesture all report through `onOpenChange`.\n * `style`, `ref` and `testID` land on the container.\n */\nfunction DialogContent({\n  children,\n  defaultOpen,\n  isDismissable = true,\n  isKeyboardDismissDisabled = false,\n  isOpen,\n  onOpenChange,\n  role = 'dialog',\n  style,\n  ...props\n}: DialogContentProps) {\n  const outer = use(DialogTriggerContext)\n  const { close, present, setPresent, slots, state } = useModalState(outer, {\n    defaultOpen,\n    isOpen,\n    onOpenChange,\n  })\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const insets = use(SafeAreaInsetsContext) ?? NO_INSETS\n  const sizeClass = useWindowSizeClass()\n  const basic = role === 'alertdialog' || sizeClass !== 'compact'\n  const titleId = useId()\n  const [parts, setParts] = useState(NO_PARTS)\n  const [register] = useState(() => registerOf(setParts))\n  const [title, setTitle] = useState<HostInstance | null>(null)\n  const motion = useDialogMotion(state.isOpen, present, setPresent, basic)\n  const keyboard = useKeyboardInset(present)\n  const layout = useMemo<DialogLayout>(\n    () => ({ basic, parts, register, setTitle, titleId }),\n    [basic, parts, register, titleId],\n  )\n\n  if (!present) {\n    return null\n  }\n\n  const labelledBy = parts.title > 0 ? titleId : undefined\n\n  return (\n    <ModalWindow\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      labelledBy={labelledBy}\n      onClose={close}\n      onScrimPress={isDismissable && state.isOpen ? close : undefined}\n      scrim={motion.scrim}\n      title={title}\n    >\n      <View\n        style={composeStyles<ViewStyle>(\n          styles.layout,\n          basic\n            ? { paddingBottom: theme.spacing.xl + keyboard }\n            : styles.layoutFull,\n        )}\n      >\n        <Animated.View\n          {...panelRoleOf(role, labelledBy)}\n          onAccessibilityEscape={isKeyboardDismissDisabled ? undefined : close}\n          {...props}\n          style={composeStyles<AnimatedStyle<ViewStyle>>(\n            styles.container,\n            basic ? styles.containerBasic : styles.containerFull,\n            basic\n              ? undefined\n              : {\n                  ...insetsOf(insets),\n                  paddingBottom: Math.max(insets.bottom, keyboard),\n                },\n            motion.panel,\n            style,\n          )}\n        >\n          <DialogLayoutContext value={layout}>\n            <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n          </DialogLayoutContext>\n        </Animated.View>\n      </View>\n    </ModalWindow>\n  )\n}\n\n/**\n * The dialog's actions, at the trailing edge and wrapping onto another row\n * when they do not fit on one. Full screen they are the page's bottom action\n * bar. `style`, `ref` and `testID` land on its view.\n */\nfunction DialogFooter({ style, ...props }: DialogPartProps) {\n  const layout = useLayout('Dialog.Footer')\n  const styles = stylesOf(useTheme())\n  const { register } = layout\n\n  useLayoutEffect(() => register('footer'), [register])\n\n  return (\n    <View\n      {...props}\n      style={composeStyles<ViewStyle>(\n        styles.actions,\n        layout.basic ? undefined : styles.actionsFull,\n        style,\n      )}\n    />\n  )\n}\n\n/**\n * The dialog's header: its `Dialog.Title`, and anything beside it, such as a\n * close button. Full screen it is the page's header bar. `style`, `ref` and\n * `testID` land on its view.\n */\nfunction DialogHeader({ style, ...props }: DialogPartProps) {\n  const layout = useLayout('Dialog.Header')\n  const styles = stylesOf(useTheme())\n  const { register } = layout\n\n  useLayoutEffect(() => register('header'), [register])\n\n  return (\n    <View\n      {...props}\n      style={composeStyles<ViewStyle>(\n        styles.header,\n        layout.basic ? undefined : styles.headerFull,\n        style,\n      )}\n    />\n  )\n}\n\n/**\n * Names the dialog: the container is labelled by it, and a screen reader is\n * sent to it once the dialog shows. In headline small as the basic dialog,\n * and title large as the full-screen one, where it shares a 56dp bar.\n * `style`, `ref` and `testID` land on React Native's own Text.\n */\nfunction DialogTitle({ ref, style, ...props }: DialogTitleProps) {\n  const layout = useLayout('Dialog.Title')\n  const styles = stylesOf(useTheme())\n  const role = useTypeRole(layout.basic ? 'headlineSmall' : 'titleLarge')\n  const { register, setTitle } = layout\n\n  useLayoutEffect(() => register('title'), [register])\n\n  return (\n    <NativeText\n      {...props}\n      nativeID={layout.titleId}\n      ref={refsOf(setTitle, ref)}\n      role=\"heading\"\n      style={composeStyles<TextStyle>(role, styles.title, style)}\n    />\n  )\n}\n\n/**\n * The scrim's and the panel's motion, and the timer that unmounts the dialog\n * once its exit has run. The panel arrives over the medium duration on the\n * emphasised decelerating curve and leaves over the short one on the\n * accelerating curve, and the scrim fades over the short one on the standard\n * curve, both ways. Under reduced motion the panel arrives and leaves at once.\n */\nfunction useDialogMotion(\n  isOpen: boolean,\n  present: boolean,\n  setPresent: (present: boolean) => void,\n  basic: boolean,\n) {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const { height } = useWindowDimensions()\n  const panel = useSharedValue(0)\n  const scrim = useSharedValue(0)\n\n  useEffect(() => {\n    const fade = {\n      duration: motion.durationShort2,\n      easing: Easing.bezier(...motion.easingStandard),\n    }\n\n    if (isOpen) {\n      scrim.set(withTiming(1, fade))\n      panel.set(\n        reduceMotion\n          ? 1\n          : withTiming(1, {\n              duration: motion.durationMedium1,\n              easing: Easing.bezier(...motion.easingEmphasizedDecelerate),\n            }),\n      )\n      return undefined\n    }\n\n    if (!present) {\n      return undefined\n    }\n\n    scrim.set(withTiming(0, fade))\n    panel.set(\n      reduceMotion\n        ? 0\n        : withTiming(0, {\n            duration: motion.durationShort3,\n            easing: Easing.bezier(...motion.easingEmphasizedAccelerate),\n          }),\n    )\n    const timer = setTimeout(\n      () => {\n        setPresent(false)\n      },\n      reduceMotion\n        ? motion.durationShort2\n        : Math.max(motion.durationShort2, motion.durationShort3),\n    )\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [isOpen, motion, panel, present, reduceMotion, scrim, setPresent])\n\n  return {\n    panel: useAnimatedStyle(() => {\n      'worklet'\n      const shown = panel.get()\n\n      return basic\n        ? {\n            opacity: shown,\n            transform: [{ scale: SCALE_FROM + (1 - SCALE_FROM) * shown }],\n          }\n        : {\n            opacity: shown,\n            transform: [{ translateY: (1 - shown) * RISE_FROM * height }],\n          }\n    }),\n    scrim: useAnimatedStyle(() => {\n      'worklet'\n      return { opacity: scrim.get() }\n    }),\n  }\n}\n\nfunction useLayout(part: string) {\n  const layout = use(DialogLayoutContext)\n\n  if (layout === null) {\n    throw new Error(`${part} is drawn inside Dialog.Content.`)\n  }\n\n  return layout\n}\n\nDialog.Body = DialogBody\nDialog.Content = DialogContent\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Title = DialogTitle\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n}\nexport type {\n  DialogBodyProps,\n  DialogContentProps,\n  DialogPartProps,\n  DialogProps,\n  DialogTitleProps,\n}\n"],"mappings":"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"}

package/dist/components/range-calendar/index.d.ts

@@ -31,8 +31,8 @@ type RangeCalendarProps$1<T extends DateValue = DateValue> = Pick<RangeCalendarP
   readonly testID?: string;
   /**
    * How many months the calendar shows at once, and moves by: side by side
-   * from the expanded window size up, one under another below it. Only
-   * `months` is read.
+   * from the expanded window size up, one under another below it, each
+   * named over its weeks. Only `months` is read.
    * @default { months: 1 }
    */
   readonly visibleDuration?: DateDuration;

package/dist/components/range-calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DateDuration","ComponentRef","Ref","StyleProp","ViewStyle","DateValue","RangeCalendarProps","StatelyRangeCalendarProps","createCalendar","View","useRangeCalendarState","CalendarFrame","useRootStyle","visibleRangeOf","useLocaleOf","composeStyles","Pick","T","locale","ref","showMonthYearMenus","style","testID","visibleDuration","RangeCalendar","t0","$","_c","ariaLabel","props","t1","undefined","writtenIn","months","Math","max","rootStyle","t2","t3","state","t4","shown","t5","t6","t7","firstDayOfWeek","t8","_c"],"sources":["../../../src/components/range-calendar/index.tsx"],"sourcesContent":["import type { DateDuration } from '@internationalized/date'\nimport type { ComponentRef, Ref } from 'react'\nimport type { StyleProp, ViewStyle } from 'react-native'\nimport type {\n  DateValue,\n  RangeCalendarProps as StatelyRangeCalendarProps,\n} from 'react-stately/useRangeCalendarState'\n\nimport { createCalendar } from '@internationalized/date'\nimport { View } from 'react-native'\nimport { useRangeCalendarState } from 'react-stately/useRangeCalendarState'\n\nimport { CalendarFrame, useRootStyle, visibleRangeOf } from '../../calendar'\nimport { useLocaleOf } from '../../i18n/provider'\nimport { composeStyles } from '../../theme/styles'\n\n// kanso-ui's RangeCalendar: the date pickers page's calendar again, picking\n// two dates rather than one. Every part it draws is Calendar's, from\n// src/calendar, the container, the header, the month and year menus, the\n// grid and the date cell, so the two cannot come apart.\n//\n// What a range adds is the band between its two ends. The docked token set\n// stops at the selected date, so the band's colours are the modal date\n// picker's range-selection tokens: the secondary container, one step down\n// from the primary the two ends take, with its label in on secondary\n// container and its state layers in on primary container. Two things follow\n// from drawing a band across a grid whose dates are spaced apart, as on web.\n//\n// **The band is square and the ends are round.** A run of days reads as one\n// shape rather than a row of circles, and the first and last day round only\n// their outer side, which is what makes the band begin and end at a circle.\n// The sides are logical, so a right-to-left layout turns the band over.\n//\n// **The band fills the whole of each day's column.** A day in the range\n// drops the 4dp either side that every other date keeps and takes the full\n// width of its column, so one day's band meets the next one's.\n//\n// The state is React Stately's `useRangeCalendarState`, which web's React\n// Aria range calendar is built on. A first press starts the range and a\n// second ends it, on either side of the first. While a range is started a\n// pointer over a date draws the range as far as it, as web's does; a touch\n// has no such preview, so on a phone the band shows once the second date is\n// pressed. A date `isDateUnavailable` rules out is struck through, and once\n// a range is started the dates past it are disabled, unless\n// `allowsNonContiguousRanges` lets the range run over it.\n//\n// Each date's name is React Aria's: the two ends open with the whole range,\n// a day inside it is said to be selected, and each date's hint says whether\n// a press starts a range or ends the one started.\n\ntype RangeCalendarProps<T extends DateValue = DateValue> = Pick<\n  StatelyRangeCalendarProps<T>,\n  | 'allowsNonContiguousRanges'\n  | 'defaultFocusedValue'\n  | 'defaultValue'\n  | 'firstDayOfWeek'\n  | 'focusedValue'\n  | 'isDateUnavailable'\n  | 'isDisabled'\n  | 'isReadOnly'\n  | 'maxValue'\n  | 'minValue'\n  | 'onChange'\n  | 'onFocusChange'\n  | 'value'\n> & {\n  /**\n   * The calendar's name. The month shown, or the months, is added to it, as\n   * React Aria adds it on web.\n   */\n  readonly 'aria-label'?: string\n  /**\n   * The BCP 47 locale the calendar is written in: its month and weekday\n   * names, its digits, its first day of the week and its calendar system.\n   * Defaults to the `I18nProvider`'s, or the device's outside one.\n   */\n  readonly locale?: string\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * Whether the header draws the month and the year as menu buttons, each\n   * opening a list of them in the grid's place, as `Calendar`'s does. The\n   * year list runs a century either side of the year shown, or to\n   * `minValue` and `maxValue` where they are closer.\n   *\n   * For one visible month. With `visibleDuration` of more than one, the\n   * header is the plain one, whose heading names every month shown, since\n   * the menus name only the first.\n   * @default false\n   */\n  readonly showMonthYearMenus?: boolean\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /**\n   * How many months the calendar shows at once, and moves by: side by side\n   * from the expanded window size up, one under another below it. Only\n   * `months` is read.\n   * @default { months: 1 }\n   */\n  readonly visibleDuration?: DateDuration\n}\n\n/**\n * A calendar for picking a range of dates. The value is a `{ start, end }`\n * pair of `@internationalized/date` values, as on web: pass `value` with\n * `onChange` to control it, or `defaultValue` to let it keep its own.\n *\n * ```tsx\n * import { CalendarDate } from '@internationalized/date'\n *\n * <RangeCalendar\n *   aria-label=\"Label\"\n *   defaultValue={{\n *     start: new CalendarDate(2026, 9, 8),\n *     end: new CalendarDate(2026, 9, 15),\n *   }}\n * />\n * ```\n *\n * The two ends take the circle a selected date takes in `Calendar`, and the\n * days between them a band in the secondary container. `minValue`,\n * `maxValue`, `isDateUnavailable` and `visibleDuration` are the props\n * `Calendar` takes, and `allowsNonContiguousRanges` lets a range run past\n * the dates ruled out inside it rather than stopping at the first.\n *\n * `style`, `ref` and `testID` land on the container.\n */\nfunction RangeCalendar<T extends DateValue = DateValue>({\n  'aria-label': ariaLabel,\n  locale,\n  ref,\n  showMonthYearMenus = false,\n  style,\n  testID,\n  visibleDuration,\n  ...props\n}: RangeCalendarProps<T>) {\n  const writtenIn = useLocaleOf(locale)\n  const months = Math.max(1, visibleDuration?.months ?? 1)\n  const rootStyle = useRootStyle(months)\n  const state = useRangeCalendarState<T>({\n    ...props,\n    createCalendar,\n    locale: writtenIn,\n    visibleDuration: { months },\n  })\n  const shown = visibleRangeOf(state, writtenIn, true)\n\n  return (\n    <View\n      aria-label={ariaLabel === undefined ? shown : `${ariaLabel}, ${shown}`}\n      ref={ref}\n      role=\"group\"\n      style={composeStyles<ViewStyle>(rootStyle, style)}\n      testID={testID}\n    >\n      <CalendarFrame\n        firstDayOfWeek={props.firstDayOfWeek}\n        locale={writtenIn}\n        months={months}\n        showMonthYearMenus={showMonthYearMenus}\n        state={state}\n      />\n    </View>\n  )\n}\n\nexport type { RangeCalendarProps }\n\nexport { RangeCalendar }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DateDuration","ComponentRef","Ref","StyleProp","ViewStyle","DateValue","RangeCalendarProps","StatelyRangeCalendarProps","createCalendar","View","useRangeCalendarState","CalendarFrame","useRootStyle","visibleRangeOf","useLocaleOf","composeStyles","Pick","T","locale","ref","showMonthYearMenus","style","testID","visibleDuration","RangeCalendar","t0","$","_c","ariaLabel","props","t1","undefined","writtenIn","months","Math","max","rootStyle","t2","t3","state","t4","shown","t5","t6","t7","firstDayOfWeek","t8","_c"],"sources":["../../../src/components/range-calendar/index.tsx"],"sourcesContent":["import type { DateDuration } from '@internationalized/date'\nimport type { ComponentRef, Ref } from 'react'\nimport type { StyleProp, ViewStyle } from 'react-native'\nimport type {\n  DateValue,\n  RangeCalendarProps as StatelyRangeCalendarProps,\n} from 'react-stately/useRangeCalendarState'\n\nimport { createCalendar } from '@internationalized/date'\nimport { View } from 'react-native'\nimport { useRangeCalendarState } from 'react-stately/useRangeCalendarState'\n\nimport { CalendarFrame, useRootStyle, visibleRangeOf } from '../../calendar'\nimport { useLocaleOf } from '../../i18n/provider'\nimport { composeStyles } from '../../theme/styles'\n\n// kanso-ui's RangeCalendar: the date pickers page's calendar again, picking\n// two dates rather than one. Every part it draws is Calendar's, from\n// src/calendar, the container, the header, the month and year menus, the\n// grid and the date cell, so the two cannot come apart.\n//\n// What a range adds is the band between its two ends. The docked token set\n// stops at the selected date, so the band's colours are the modal date\n// picker's range-selection tokens: the secondary container, one step down\n// from the primary the two ends take, with its label in on secondary\n// container and its state layers in on primary container. Two things follow\n// from drawing a band across a grid whose dates are spaced apart, as on web.\n//\n// **The band is square and the ends are round.** A run of days reads as one\n// shape rather than a row of circles, and the first and last day round only\n// their outer side, which is what makes the band begin and end at a circle.\n// The sides are logical, so a right-to-left layout turns the band over.\n//\n// **The band fills the whole of each day's column.** A day in the range\n// drops the 4dp either side that every other date keeps and takes the full\n// width of its column, so one day's band meets the next one's.\n//\n// The state is React Stately's `useRangeCalendarState`, which web's React\n// Aria range calendar is built on. A first press starts the range and a\n// second ends it, on either side of the first. While a range is started a\n// pointer over a date draws the range as far as it, as web's does; a touch\n// has no such preview, so on a phone the band shows once the second date is\n// pressed. A date `isDateUnavailable` rules out is struck through, and once\n// a range is started the dates past it are disabled, unless\n// `allowsNonContiguousRanges` lets the range run over it.\n//\n// Each date's name is React Aria's: the two ends open with the whole range,\n// a day inside it is said to be selected, and each date's hint says whether\n// a press starts a range or ends the one started.\n\ntype RangeCalendarProps<T extends DateValue = DateValue> = Pick<\n  StatelyRangeCalendarProps<T>,\n  | 'allowsNonContiguousRanges'\n  | 'defaultFocusedValue'\n  | 'defaultValue'\n  | 'firstDayOfWeek'\n  | 'focusedValue'\n  | 'isDateUnavailable'\n  | 'isDisabled'\n  | 'isReadOnly'\n  | 'maxValue'\n  | 'minValue'\n  | 'onChange'\n  | 'onFocusChange'\n  | 'value'\n> & {\n  /**\n   * The calendar's name. The month shown, or the months, is added to it, as\n   * React Aria adds it on web.\n   */\n  readonly 'aria-label'?: string\n  /**\n   * The BCP 47 locale the calendar is written in: its month and weekday\n   * names, its digits, its first day of the week and its calendar system.\n   * Defaults to the `I18nProvider`'s, or the device's outside one.\n   */\n  readonly locale?: string\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * Whether the header draws the month and the year as menu buttons, each\n   * opening a list of them in the grid's place, as `Calendar`'s does. The\n   * year list runs a century either side of the year shown, or to\n   * `minValue` and `maxValue` where they are closer.\n   *\n   * For one visible month. With `visibleDuration` of more than one, the\n   * header is the plain one, whose heading names every month shown, since\n   * the menus name only the first.\n   * @default false\n   */\n  readonly showMonthYearMenus?: boolean\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /**\n   * How many months the calendar shows at once, and moves by: side by side\n   * from the expanded window size up, one under another below it, each\n   * named over its weeks. Only `months` is read.\n   * @default { months: 1 }\n   */\n  readonly visibleDuration?: DateDuration\n}\n\n/**\n * A calendar for picking a range of dates. The value is a `{ start, end }`\n * pair of `@internationalized/date` values, as on web: pass `value` with\n * `onChange` to control it, or `defaultValue` to let it keep its own.\n *\n * ```tsx\n * import { CalendarDate } from '@internationalized/date'\n *\n * <RangeCalendar\n *   aria-label=\"Label\"\n *   defaultValue={{\n *     start: new CalendarDate(2026, 9, 8),\n *     end: new CalendarDate(2026, 9, 15),\n *   }}\n * />\n * ```\n *\n * The two ends take the circle a selected date takes in `Calendar`, and the\n * days between them a band in the secondary container. `minValue`,\n * `maxValue`, `isDateUnavailable` and `visibleDuration` are the props\n * `Calendar` takes, and `allowsNonContiguousRanges` lets a range run past\n * the dates ruled out inside it rather than stopping at the first.\n *\n * `style`, `ref` and `testID` land on the container.\n */\nfunction RangeCalendar<T extends DateValue = DateValue>({\n  'aria-label': ariaLabel,\n  locale,\n  ref,\n  showMonthYearMenus = false,\n  style,\n  testID,\n  visibleDuration,\n  ...props\n}: RangeCalendarProps<T>) {\n  const writtenIn = useLocaleOf(locale)\n  const months = Math.max(1, visibleDuration?.months ?? 1)\n  const rootStyle = useRootStyle(months)\n  const state = useRangeCalendarState<T>({\n    ...props,\n    createCalendar,\n    locale: writtenIn,\n    visibleDuration: { months },\n  })\n  const shown = visibleRangeOf(state, writtenIn, true)\n\n  return (\n    <View\n      aria-label={ariaLabel === undefined ? shown : `${ariaLabel}, ${shown}`}\n      ref={ref}\n      role=\"group\"\n      style={composeStyles<ViewStyle>(rootStyle, style)}\n      testID={testID}\n    >\n      <CalendarFrame\n        firstDayOfWeek={props.firstDayOfWeek}\n        locale={writtenIn}\n        months={months}\n        showMonthYearMenus={showMonthYearMenus}\n        state={state}\n      />\n    </View>\n  )\n}\n\nexport type { RangeCalendarProps }\n\nexport { RangeCalendar }\n"],"mappings":"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"}

package/dist/components/search-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","HostInstance","StyleProp","TextInput","ViewStyle","AnimatedStyle","EdgeInsets","OverlayTriggerState","createContext","use","useCallback","useMemo","useRef","useState","Platform","StyleSheet","useWindowDimensions","View","Animated","SafeAreaInsetsContext","useOverlayTriggerState","AutocompleteValue","ButtonSlots","AnchoredPlacement","ResolvedTheme","AutocompleteProps","AutocompleteContext","ButtonSlotContext","FieldInput","ArrowBackGlyph","CloseGlyph","useWindowSizeClass","useMessages","insetsOf","ModalWindow","NO_INSETS","panelRoleOf","useAnchoredPlacement","useKeyboardTop","PANEL_ORIGINS","useFocusOnPlaced","usePanelMotion","useReturnFocus","refsOf","useTheme","composeStyles","themedStyles","Autocomplete","IconButton","FULL_HEADER","MIN_WIDTH","MAX_WIDTH","MIN_RESULTS","UNSEEN","opacity","stylesOf","colors","radii","shadows","spacing","create","back","marginStart","xs","clear","marginEnd","divider","backgroundColor","outline","flexShrink","height","docked","borderRadius","xl","boxShadow","elevation3","full","bottom","left","position","right","top","header","alignItems","flexDirection","gap","sm","paddingHorizontal","lg","resultsFull","flex","surface","surfaceContainerHigh","overflow","PanelProps","Omit","SearchViewContentProps","anchor","backLabel","clearLabel","close","isOpen","setInput","input","setPresent","present","T","children","label","placeholder","ref","style","testID","SearchViewProps","defaultOpen","onOpenChange","SearchViewRoot","state","SearchViewContext","clearOf","autocomplete","setInputValue","focus","dockedOf","placement","transformOrigin","side","width","Math","min","max","anchorWidth","fullOf","insets","covered","paddingBottom","measureBottomOf","panel","setBottom","measureInWindow","_x","y","_width","minHeightOf","minHeight","resultsOf","windowHeight","maxHeight","SearchView","t0","$","_c","t1","t2","open","t3","expanded","t4","default","trigger","slots","t5","root","t6","t7","SearchViewContent","defaultInputValue","filter","inputValue","onInputChange","props","Error","messages","undefined","clearSearch","t8","t9","t10","SearchViewPanel","theme","styles","sizing","typography","window","keyboardTop","align","motion","placed","setPanel","setOwnInput","controlLg","bodyLargeLineHeight","fontScale","Symbol","for","OS","onLayout","T0","onSurface","t11","t12","t13","t14","t15","t16","t17","t18","t19","Content","_c"],"sources":["../../../src/components/search-view/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextInput,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { EdgeInsets } from 'react-native-safe-area-context'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { AutocompleteValue } from '../../autocomplete'\nimport type { ButtonSlots } from '../../button/slots'\nimport type { AnchoredPlacement } from '../../overlay'\nimport type { ResolvedTheme } from '../../theme/scope'\nimport type { AutocompleteProps } from '../autocomplete'\n\nimport { AutocompleteContext } from '../../autocomplete'\nimport { ButtonSlotContext } from '../../button/slots'\nimport { FieldInput } from '../../field'\nimport { ArrowBackGlyph, CloseGlyph } from '../../glyphs'\nimport { useWindowSizeClass } from '../../hooks/useWindowSizeClass'\nimport { useMessages } from '../../i18n/provider'\nimport { insetsOf, ModalWindow, NO_INSETS, panelRoleOf } from '../../modal'\nimport { useAnchoredPlacement } from '../../overlay'\nimport { useKeyboardTop } from '../../overlay/keyboard'\nimport {\n  PANEL_ORIGINS,\n  useFocusOnPlaced,\n  usePanelMotion,\n  useReturnFocus,\n} from '../../overlay/panel'\nimport { refsOf } from '../../ref'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { Autocomplete } from '../autocomplete'\nimport { IconButton } from '../icon-button'\n\n// kanso-ui's SearchView, the search page's search view: what a search opens\n// into. A header holds a back button, the input and a clear button, over a\n// 1dp divider in the outline role, and the results run under it. Both of the\n// page's forms are surface container high, with the input in body large on\n// surface over a supporting text in on surface variant, the back icon in on\n// surface and the clear icon in on surface variant.\n//\n// **Which form is the window's.** In a compact window it is the page's\n// full-screen view: the whole window, square, with a 72dp header, its content\n// inside the safe area while its fill runs on under it. From the medium\n// window up, the docked view: dropped under what opened it, as wide as that\n// and held between the page's 360dp and 720dp, with a 28dp corner, a 56dp\n// header, results at least 240dp tall and the whole view no taller than two\n// thirds of the window, at elevation 3, as web's takes them from Compose's\n// docked search bar. Both headers grow by as much as the input's line does at\n// the device's text size.\n//\n// **Both forms are drawn in a `Modal`**, through src/modal, as web's is a\n// dialog in a modal popover: a screen reader stays inside the view until it\n// closes, and a press outside the docked one lands on a scrim that draws\n// nothing and closes it. The docked one is placed by src/overlay's anchored\n// placement under its trigger, flipped above it where there is no room, and\n// kept above the software keyboard. Full screen, the results stop at the\n// keyboard's top edge, so the last of them can be scrolled into sight above\n// the keys.\n//\n// **It is Autocomplete around the header and the results**, as web's is: the\n// header's input is the autocomplete's field, so a ListBox or a List among\n// the results narrows as it is typed into, says how many rows a search leaves\n// to a screen reader, and takes a press on its first tap while the keyboard\n// is up, as it does anywhere inside an Autocomplete.\n//\n// **The header lines up with the search bar's.** The back button sits where\n// SearchField's magnifier does, its icon 28dp in, and the text starts at\n// 68dp, as the bar's does; the clear button's icon ends 28dp from the end. So\n// a view opened from a bar puts its input where the bar's was.\n//\n// **Focus goes to the input and back.** The input takes the keyboard's focus\n// as the view opens, and a screen reader is sent to it once the view shows,\n// and back to the trigger once it has gone. The back button closes it, as\n// Android's back gesture, VoiceOver's escape gesture and Escape on web do.\n// It fades and scales in and out, as src/overlay's anchored panels do, and\n// at once under reduced motion.\n\n// The page's full-screen header, and the docked view's bounds.\nconst FULL_HEADER = 72\nconst MIN_WIDTH = 360\nconst MAX_WIDTH = 720\nconst MIN_RESULTS = 240\n\n// The docked view's scrim takes presses and draws nothing.\nconst UNSEEN: ViewStyle = { opacity: 0 }\n\nconst stylesOf = themedStyles(\n  ({ colors, radii, shadows, spacing }: ResolvedTheme) =>\n    StyleSheet.create({\n      // 4dp in from the header's padding, so the icon inside the 40dp button\n      // sits 28dp in, where the search bar draws its magnifier.\n      back: {\n        marginStart: spacing.xs,\n      },\n      // 4dp in from the padding, so the icon inside the 40dp button ends 28dp\n      // from the end, as the search bar's does.\n      clear: {\n        marginEnd: spacing.xs,\n      },\n      // The page's divider under the header, in the outline role.\n      divider: {\n        backgroundColor: colors.outline,\n        flexShrink: 0,\n        height: 1,\n      },\n      docked: {\n        borderRadius: radii.xl,\n        boxShadow: shadows.elevation3,\n      },\n      full: {\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      header: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        gap: spacing.sm,\n        paddingHorizontal: spacing.lg,\n      },\n      // Full screen, the results take what the header leaves, and scroll\n      // inside it.\n      resultsFull: {\n        flex: 1,\n      },\n      surface: {\n        backgroundColor: colors.surfaceContainerHigh,\n        overflow: 'hidden',\n      },\n    }),\n)\n\ntype PanelProps = Omit<\n  SearchViewContentProps,\n  | 'backLabel'\n  | 'clearLabel'\n  | 'defaultInputValue'\n  | 'filter'\n  | 'inputValue'\n  | 'onInputChange'\n> & {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly backLabel: string\n  readonly clearLabel: string\n  readonly close: () => void\n  readonly docked: boolean\n  readonly isOpen: boolean\n  readonly setInput: (input: ComponentRef<typeof TextInput> | null) => void\n  readonly setPresent: (present: boolean) => void\n}\n\ntype SearchViewContentProps<T extends object = object> = Omit<\n  AutocompleteProps<T>,\n  'children'\n> & {\n  /**\n   * What the back button is called, for a screen reader. Left out, the\n   * library names it in the `I18nProvider`'s locale, or the device's outside\n   * one, \"Back\" in English.\n   */\n  readonly backLabel?: string\n  /** The results: a ListBox or a List, which typing narrows. */\n  readonly children?: ReactNode\n  /**\n   * What the clear button is called, for a screen reader. Left out, it is\n   * the name React Aria gives web's in the `I18nProvider`'s locale, or the\n   * device's outside one, \"Clear search\" in English.\n   */\n  readonly clearLabel?: string\n  /**\n   * What is searched, for a screen reader. It names both the view and its\n   * input, and is read rather than shown; `placeholder` is what is seen.\n   */\n  readonly label: string\n  /** The supporting text in the empty input, which is what a person reads. */\n  readonly placeholder?: string\n  readonly ref?: Ref<HostInstance>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype SearchViewProps = {\n  /**\n   * The Button or IconButton that opens the view, and `SearchView.Content`.\n   */\n  readonly children?: ReactNode\n  /** Whether the view starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /** Whether the view is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /** Called with the new state as the view opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\n// What the content reads from the root: the open state, and the trigger's\n// node, which the docked view is placed under and focus goes back to.\ntype SearchViewRoot = {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly state: OverlayTriggerState\n}\n\nconst SearchViewContext = createContext<null | SearchViewRoot>(null)\n\n// Empties the input from the clear button, and hands the keyboard back to it,\n// so the next search is typed straight in.\nfunction clearOf(\n  autocomplete: AutocompleteValue,\n  input: ComponentRef<typeof TextInput> | null,\n) {\n  return () => {\n    autocomplete.setInputValue('')\n    input?.focus()\n  }\n}\n\n// The docked view: as wide as what opened it, between the page's bounds,\n// and placed under it.\nfunction dockedOf(placement: AnchoredPlacement): ViewStyle {\n  return {\n    ...placement.style,\n    transformOrigin: PANEL_ORIGINS[placement.side],\n    width: Math.min(\n      MAX_WIDTH,\n      Math.max(MIN_WIDTH, placement.anchorWidth ?? MIN_WIDTH),\n    ),\n  }\n}\n\n// The full-screen view's content inside the safe area, and above the\n// keyboard where the keyboard reaches further up than the safe area's own\n// bottom inset.\nfunction fullOf(insets: EdgeInsets, covered: number): ViewStyle {\n  return {\n    ...insetsOf(insets),\n    paddingBottom: Math.max(insets.bottom, covered),\n    transformOrigin: 'top',\n  }\n}\n\n// Where the view's bottom edge is in the window, kept for the keyboard to be\n// measured against.\nfunction measureBottomOf(\n  panel: HostInstance | null,\n  setBottom: (bottom: number) => void,\n) {\n  return () => {\n    panel?.measureInWindow((_x, y, _width, height) => {\n      setBottom(y + height)\n    })\n  }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\n// The docked view's results: at least the page's 240dp, and short enough\n// that the view stays within two thirds of the window.\nfunction resultsOf(windowHeight: number, header: number): ViewStyle {\n  return {\n    maxHeight: (windowHeight * 2) / 3 - header - 1,\n    minHeight: MIN_RESULTS,\n  }\n}\n\n/**\n * The view a search opens into: full screen in a compact window, docked\n * under what opened it in a wider one. Pass `isOpen` with `onOpenChange` to\n * hold the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <SearchView>\n *   <IconButton aria-label=\"Search\">\n *     <SearchIcon />\n *   </IconButton>\n *   <SearchView.Content label=\"Search\" placeholder=\"Search\">\n *     <ListBox aria-label=\"Results\">…</ListBox>\n *   </SearchView.Content>\n * </SearchView>\n * ```\n *\n * Composed as Popover is: a `Button`, `IconButton` or `Chip` placed directly\n * inside `SearchView` opens the view, and `SearchView.Content` is the view\n * itself.\n */\nfunction SearchView({\n  children,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n}: SearchViewProps) {\n  const state = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  const anchor = useRef<HostInstance>(null)\n  const slots = useMemo<ButtonSlots>(\n    () => ({\n      default: () => {\n        state.open()\n      },\n      trigger: { expanded: state.isOpen, ref: anchor },\n    }),\n    [state],\n  )\n  const root = useMemo<SearchViewRoot>(() => ({ anchor, state }), [state])\n\n  return (\n    <SearchViewContext value={root}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </SearchViewContext>\n  )\n}\n\n/**\n * The view: the header with its back button, input and clear button, and\n * the results under it, inside an Autocomplete, so typing narrows them. What\n * has been typed is the autocomplete's: pass `inputValue` with\n * `onInputChange` to control it, or `defaultInputValue` to let it keep its\n * own, which starts again each time the view opens.\n *\n * `style`, `ref` and `testID` land on the view's surface.\n */\nfunction SearchViewContent<T extends object = object>({\n  backLabel,\n  clearLabel,\n  defaultInputValue,\n  filter,\n  inputValue,\n  label,\n  onInputChange,\n  ...props\n}: SearchViewContentProps<T>) {\n  const root = use(SearchViewContext)\n\n  if (root === null) {\n    throw new Error('SearchView.Content is drawn inside SearchView.')\n  }\n\n  const { anchor, state } = root\n  const messages = useMessages()\n  const docked = useWindowSizeClass() !== 'compact'\n  const [present, setPresent] = useState(state.isOpen)\n  const [input, setInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (state.isOpen && !present) {\n    setPresent(true)\n  }\n\n  useReturnFocus(present, false, anchor)\n\n  if (!present) {\n    return null\n  }\n\n  return (\n    <Autocomplete<T>\n      defaultInputValue={defaultInputValue}\n      filter={filter}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    >\n      <ModalWindow\n        isKeyboardDismissDisabled={false}\n        label={label}\n        labelledBy={undefined}\n        onClose={close}\n        onScrimPress={state.isOpen ? close : undefined}\n        scrim={UNSEEN}\n        // Full screen it is shown at once, so the screen reader goes to the\n        // input as the window shows; docked, once the view has been placed.\n        title={docked ? null : input}\n      >\n        <ButtonSlotContext value={slots}>\n          <SearchViewPanel\n            {...props}\n            anchor={anchor}\n            backLabel={backLabel ?? messages.back}\n            clearLabel={clearLabel ?? messages.clearSearch}\n            close={close}\n            docked={docked}\n            isOpen={state.isOpen}\n            label={label}\n            setInput={setInput}\n            setPresent={setPresent}\n          />\n        </ButtonSlotContext>\n      </ModalWindow>\n    </Autocomplete>\n  )\n}\n\n// The surface, drawn in the `Modal` so the anchored placement measures the\n// layer it is drawn in. Read inside the Autocomplete, whose value the input\n// shows and reports each edit to.\nfunction SearchViewPanel({\n  anchor,\n  backLabel,\n  children,\n  clearLabel,\n  close,\n  docked,\n  isOpen,\n  label,\n  placeholder,\n  ref,\n  setInput,\n  setPresent,\n  style,\n  ...props\n}: PanelProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { colors, sizing, typography } = theme\n  const autocomplete = use(AutocompleteContext)\n  const window = useWindowDimensions()\n  const insets = use(SafeAreaInsetsContext) ?? NO_INSETS\n  const keyboardTop = useKeyboardTop()\n  const placement = useAnchoredPlacement({ align: 'start', anchor })\n  const motion = usePanelMotion(isOpen, !docked || placement.placed, setPresent)\n  const [panel, setPanel] = useState<HostInstance | null>(null)\n  const [input, setOwnInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const [bottom, setBottom] = useState<null | number>(null)\n  const header =\n    (docked ? sizing.controlLg : FULL_HEADER) +\n    typography.bodyLargeLineHeight * (window.fontScale - 1)\n  // Full screen, how far the keyboard reaches up over the view. iOS draws it\n  // over the window, where Android's `Modal` shrinks the window to make room\n  // and leaves it nothing to cover.\n  const covered =\n    keyboardTop === null || bottom === null ? 0 : bottom - keyboardTop\n\n  useFocusOnPlaced(docked && placement.placed, input)\n\n  if (autocomplete === null) {\n    return null\n  }\n\n  return (\n    <Animated.View\n      {...panelRoleOf('dialog', undefined)}\n      aria-label={Platform.OS === 'web' ? undefined : label}\n      onAccessibilityEscape={close}\n      {...props}\n      onLayout={docked ? placement.onLayout : measureBottomOf(panel, setBottom)}\n      ref={refsOf(setPanel, ref)}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        styles.surface,\n        docked ? styles.docked : styles.full,\n        docked ? dockedOf(placement) : fullOf(insets, covered),\n        motion,\n        style,\n      )}\n    >\n      <View\n        style={composeStyles<ViewStyle>(styles.header, minHeightOf(header))}\n      >\n        <IconButton aria-label={backLabel} slot=\"close\" style={styles.back}>\n          <ArrowBackGlyph color={colors.onSurface} />\n        </IconButton>\n        <FieldInput\n          aria-label={label}\n          // A search view opens to be typed into, so the input takes the\n          // keyboard as it shows rather than leaving it to the back button.\n          autoFocus\n          onChangeText={autocomplete.setInputValue}\n          placeholder={placeholder}\n          ref={refsOf(setOwnInput, setInput)}\n          returnKeyType=\"search\"\n          role=\"searchbox\"\n          value={autocomplete.inputValue}\n        />\n        {autocomplete.inputValue === '' ? null : (\n          <IconButton\n            aria-label={clearLabel}\n            onPress={clearOf(autocomplete, input)}\n            style={styles.clear}\n          >\n            <CloseGlyph />\n          </IconButton>\n        )}\n      </View>\n      <View style={styles.divider} />\n      <View\n        style={docked ? resultsOf(window.height, header) : styles.resultsFull}\n      >\n        {children}\n      </View>\n    </Animated.View>\n  )\n}\n\nSearchView.Content = SearchViewContent\n\nexport { SearchView, SearchViewContent }\nexport type { SearchViewContentProps, SearchViewProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","HostInstance","StyleProp","TextInput","ViewStyle","AnimatedStyle","EdgeInsets","OverlayTriggerState","createContext","use","useCallback","useMemo","useRef","useState","Platform","StyleSheet","useWindowDimensions","View","Animated","SafeAreaInsetsContext","useOverlayTriggerState","AutocompleteValue","ButtonSlots","AnchoredPlacement","ResolvedTheme","AutocompleteProps","AutocompleteContext","ButtonSlotContext","FieldInput","ArrowBackGlyph","CloseGlyph","useWindowSizeClass","useMessages","insetsOf","ModalWindow","NO_INSETS","panelRoleOf","useAnchoredPlacement","useKeyboardTop","PANEL_ORIGINS","useFocusOnPlaced","usePanelMotion","useReturnFocus","refsOf","useTheme","composeStyles","themedStyles","Autocomplete","IconButton","FULL_HEADER","MIN_WIDTH","MAX_WIDTH","MIN_RESULTS","UNSEEN","opacity","stylesOf","colors","radii","shadows","spacing","create","back","marginStart","xs","clear","marginEnd","divider","backgroundColor","outline","flexShrink","height","docked","borderRadius","xl","boxShadow","elevation3","full","bottom","left","position","right","top","header","alignItems","flexDirection","gap","sm","paddingHorizontal","lg","resultsFull","flex","surface","surfaceContainerHigh","overflow","PanelProps","Omit","SearchViewContentProps","anchor","backLabel","clearLabel","close","isOpen","setInput","input","setPresent","present","T","children","label","placeholder","ref","style","testID","SearchViewProps","defaultOpen","onOpenChange","SearchViewRoot","state","SearchViewContext","clearOf","autocomplete","setInputValue","focus","dockedOf","placement","transformOrigin","side","width","Math","min","max","anchorWidth","fullOf","insets","covered","paddingBottom","measureBottomOf","panel","setBottom","measureInWindow","_x","y","_width","minHeightOf","minHeight","resultsOf","windowHeight","maxHeight","SearchView","t0","$","_c","t1","t2","open","t3","expanded","t4","default","trigger","slots","t5","root","t6","t7","SearchViewContent","defaultInputValue","filter","inputValue","onInputChange","props","Error","messages","undefined","clearSearch","t8","t9","t10","SearchViewPanel","theme","styles","sizing","typography","window","keyboardTop","align","motion","placed","setPanel","setOwnInput","controlLg","bodyLargeLineHeight","fontScale","Symbol","for","OS","onLayout","T0","onSurface","t11","t12","t13","t14","t15","t16","t17","t18","t19","Content","_c"],"sources":["../../../src/components/search-view/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextInput,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { EdgeInsets } from 'react-native-safe-area-context'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { AutocompleteValue } from '../../autocomplete'\nimport type { ButtonSlots } from '../../button/slots'\nimport type { AnchoredPlacement } from '../../overlay'\nimport type { ResolvedTheme } from '../../theme/scope'\nimport type { AutocompleteProps } from '../autocomplete'\n\nimport { AutocompleteContext } from '../../autocomplete'\nimport { ButtonSlotContext } from '../../button/slots'\nimport { FieldInput } from '../../field'\nimport { ArrowBackGlyph, CloseGlyph } from '../../glyphs'\nimport { useWindowSizeClass } from '../../hooks/useWindowSizeClass'\nimport { useMessages } from '../../i18n/provider'\nimport { insetsOf, ModalWindow, NO_INSETS, panelRoleOf } from '../../modal'\nimport { useAnchoredPlacement } from '../../overlay'\nimport { useKeyboardTop } from '../../overlay/keyboard'\nimport {\n  PANEL_ORIGINS,\n  useFocusOnPlaced,\n  usePanelMotion,\n  useReturnFocus,\n} from '../../overlay/panel'\nimport { refsOf } from '../../ref'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { Autocomplete } from '../autocomplete'\nimport { IconButton } from '../icon-button'\n\n// kanso-ui's SearchView, the search page's search view: what a search opens\n// into. A header holds a back button, the input and a clear button, over a\n// 1dp divider in the outline role, and the results run under it. Both of the\n// page's forms are surface container high, with the input in body large on\n// surface over a supporting text in on surface variant, the back icon in on\n// surface and the clear icon in on surface variant.\n//\n// **Which form is the window's.** In a compact window it is the page's\n// full-screen view: the whole window, square, with a 72dp header, its content\n// inside the safe area while its fill runs on under it. From the medium\n// window up, the docked view: dropped under what opened it, as wide as that\n// and held between the page's 360dp and 720dp, with a 28dp corner, a 56dp\n// header, results at least 240dp tall and the whole view no taller than two\n// thirds of the window, at elevation 3, as web's takes them from Compose's\n// docked search bar. Both headers grow by as much as the input's line does at\n// the device's text size.\n//\n// **Both forms are drawn in a `Modal`**, through src/modal, as web's is a\n// dialog in a modal popover: a screen reader stays inside the view until it\n// closes, and a press outside the docked one lands on a scrim that draws\n// nothing and closes it. The docked one is placed by src/overlay's anchored\n// placement under its trigger, flipped above it where there is no room, and\n// kept above the software keyboard. Full screen, the results stop at the\n// keyboard's top edge, so the last of them can be scrolled into sight above\n// the keys.\n//\n// **It is Autocomplete around the header and the results**, as web's is: the\n// header's input is the autocomplete's field, so a ListBox or a List among\n// the results narrows as it is typed into, says how many rows a search leaves\n// to a screen reader, and takes a press on its first tap while the keyboard\n// is up, as it does anywhere inside an Autocomplete.\n//\n// **The header lines up with the search bar's.** The back button sits where\n// SearchField's magnifier does, its icon 28dp in, and the text starts at\n// 68dp, as the bar's does; the clear button's icon ends 28dp from the end. So\n// a view opened from a bar puts its input where the bar's was.\n//\n// **Focus goes to the input and back.** The input takes the keyboard's focus\n// as the view opens, and a screen reader is sent to it once the view shows,\n// and back to the trigger once it has gone. The back button closes it, as\n// Android's back gesture, VoiceOver's escape gesture and Escape on web do.\n// It fades and scales in and out, as src/overlay's anchored panels do, and\n// at once under reduced motion.\n\n// The page's full-screen header, and the docked view's bounds.\nconst FULL_HEADER = 72\nconst MIN_WIDTH = 360\nconst MAX_WIDTH = 720\nconst MIN_RESULTS = 240\n\n// The docked view's scrim takes presses and draws nothing.\nconst UNSEEN: ViewStyle = { opacity: 0 }\n\nconst stylesOf = themedStyles(\n  ({ colors, radii, shadows, spacing }: ResolvedTheme) =>\n    StyleSheet.create({\n      // 4dp in from the header's padding, so the icon inside the 40dp button\n      // sits 28dp in, where the search bar draws its magnifier.\n      back: {\n        marginStart: spacing.xs,\n      },\n      // 4dp in from the padding, so the icon inside the 40dp button ends 28dp\n      // from the end, as the search bar's does.\n      clear: {\n        marginEnd: spacing.xs,\n      },\n      // The page's divider under the header, in the outline role.\n      divider: {\n        backgroundColor: colors.outline,\n        flexShrink: 0,\n        height: 1,\n      },\n      docked: {\n        borderRadius: radii.xl,\n        boxShadow: shadows.elevation3,\n      },\n      full: {\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      header: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        gap: spacing.sm,\n        paddingHorizontal: spacing.lg,\n      },\n      // Full screen, the results take what the header leaves, and scroll\n      // inside it.\n      resultsFull: {\n        flex: 1,\n      },\n      surface: {\n        backgroundColor: colors.surfaceContainerHigh,\n        overflow: 'hidden',\n      },\n    }),\n)\n\ntype PanelProps = Omit<\n  SearchViewContentProps,\n  | 'backLabel'\n  | 'clearLabel'\n  | 'defaultInputValue'\n  | 'filter'\n  | 'inputValue'\n  | 'onInputChange'\n> & {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly backLabel: string\n  readonly clearLabel: string\n  readonly close: () => void\n  readonly docked: boolean\n  readonly isOpen: boolean\n  readonly setInput: (input: ComponentRef<typeof TextInput> | null) => void\n  readonly setPresent: (present: boolean) => void\n}\n\ntype SearchViewContentProps<T extends object = object> = Omit<\n  AutocompleteProps<T>,\n  'children'\n> & {\n  /**\n   * What the back button is called, for a screen reader. Left out, the\n   * library names it in the `I18nProvider`'s locale, or the device's outside\n   * one, \"Back\" in English.\n   */\n  readonly backLabel?: string\n  /** The results: a ListBox or a List, which typing narrows. */\n  readonly children?: ReactNode\n  /**\n   * What the clear button is called, for a screen reader. Left out, it is\n   * the name React Aria gives web's in the `I18nProvider`'s locale, or the\n   * device's outside one, \"Clear search\" in English.\n   */\n  readonly clearLabel?: string\n  /**\n   * What is searched, for a screen reader. It names both the view and its\n   * input, and is read rather than shown; `placeholder` is what is seen.\n   */\n  readonly label: string\n  /** The supporting text in the empty input, which is what a person reads. */\n  readonly placeholder?: string\n  readonly ref?: Ref<HostInstance>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype SearchViewProps = {\n  /**\n   * The Button or IconButton that opens the view, and `SearchView.Content`.\n   */\n  readonly children?: ReactNode\n  /** Whether the view starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /** Whether the view is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /** Called with the new state as the view opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\n// What the content reads from the root: the open state, and the trigger's\n// node, which the docked view is placed under and focus goes back to.\ntype SearchViewRoot = {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly state: OverlayTriggerState\n}\n\nconst SearchViewContext = createContext<null | SearchViewRoot>(null)\n\n// Empties the input from the clear button, and hands the keyboard back to it,\n// so the next search is typed straight in.\nfunction clearOf(\n  autocomplete: AutocompleteValue,\n  input: ComponentRef<typeof TextInput> | null,\n) {\n  return () => {\n    autocomplete.setInputValue('')\n    input?.focus()\n  }\n}\n\n// The docked view: as wide as what opened it, between the page's bounds,\n// and placed under it.\nfunction dockedOf(placement: AnchoredPlacement): ViewStyle {\n  return {\n    ...placement.style,\n    transformOrigin: PANEL_ORIGINS[placement.side],\n    width: Math.min(\n      MAX_WIDTH,\n      Math.max(MIN_WIDTH, placement.anchorWidth ?? MIN_WIDTH),\n    ),\n  }\n}\n\n// The full-screen view's content inside the safe area, and above the\n// keyboard where the keyboard reaches further up than the safe area's own\n// bottom inset.\nfunction fullOf(insets: EdgeInsets, covered: number): ViewStyle {\n  return {\n    ...insetsOf(insets),\n    paddingBottom: Math.max(insets.bottom, covered),\n    transformOrigin: 'top',\n  }\n}\n\n// Where the view's bottom edge is in the window, kept for the keyboard to be\n// measured against.\nfunction measureBottomOf(\n  panel: HostInstance | null,\n  setBottom: (bottom: number) => void,\n) {\n  return () => {\n    panel?.measureInWindow((_x, y, _width, height) => {\n      setBottom(y + height)\n    })\n  }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\n// The docked view's results: at least the page's 240dp, and short enough\n// that the view stays within two thirds of the window.\nfunction resultsOf(windowHeight: number, header: number): ViewStyle {\n  return {\n    maxHeight: (windowHeight * 2) / 3 - header - 1,\n    minHeight: MIN_RESULTS,\n  }\n}\n\n/**\n * The view a search opens into: full screen in a compact window, docked\n * under what opened it in a wider one. Pass `isOpen` with `onOpenChange` to\n * hold the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <SearchView>\n *   <IconButton aria-label=\"Search\">\n *     <SearchIcon />\n *   </IconButton>\n *   <SearchView.Content label=\"Search\" placeholder=\"Search\">\n *     <ListBox aria-label=\"Results\">…</ListBox>\n *   </SearchView.Content>\n * </SearchView>\n * ```\n *\n * Composed as Popover is: a `Button`, `IconButton` or `Chip` placed directly\n * inside `SearchView` opens the view, and `SearchView.Content` is the view\n * itself.\n */\nfunction SearchView({\n  children,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n}: SearchViewProps) {\n  const state = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  const anchor = useRef<HostInstance>(null)\n  const slots = useMemo<ButtonSlots>(\n    () => ({\n      default: () => {\n        state.open()\n      },\n      trigger: { expanded: state.isOpen, ref: anchor },\n    }),\n    [state],\n  )\n  const root = useMemo<SearchViewRoot>(() => ({ anchor, state }), [state])\n\n  return (\n    <SearchViewContext value={root}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </SearchViewContext>\n  )\n}\n\n/**\n * The view: the header with its back button, input and clear button, and\n * the results under it, inside an Autocomplete, so typing narrows them. What\n * has been typed is the autocomplete's: pass `inputValue` with\n * `onInputChange` to control it, or `defaultInputValue` to let it keep its\n * own, which starts again each time the view opens.\n *\n * `style`, `ref` and `testID` land on the view's surface.\n */\nfunction SearchViewContent<T extends object = object>({\n  backLabel,\n  clearLabel,\n  defaultInputValue,\n  filter,\n  inputValue,\n  label,\n  onInputChange,\n  ...props\n}: SearchViewContentProps<T>) {\n  const root = use(SearchViewContext)\n\n  if (root === null) {\n    throw new Error('SearchView.Content is drawn inside SearchView.')\n  }\n\n  const { anchor, state } = root\n  const messages = useMessages()\n  const docked = useWindowSizeClass() !== 'compact'\n  const [present, setPresent] = useState(state.isOpen)\n  const [input, setInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (state.isOpen && !present) {\n    setPresent(true)\n  }\n\n  useReturnFocus(present, false, anchor)\n\n  if (!present) {\n    return null\n  }\n\n  return (\n    <Autocomplete<T>\n      defaultInputValue={defaultInputValue}\n      filter={filter}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    >\n      <ModalWindow\n        isKeyboardDismissDisabled={false}\n        label={label}\n        labelledBy={undefined}\n        onClose={close}\n        onScrimPress={state.isOpen ? close : undefined}\n        scrim={UNSEEN}\n        // Full screen it is shown at once, so the screen reader goes to the\n        // input as the window shows; docked, once the view has been placed.\n        title={docked ? null : input}\n      >\n        <ButtonSlotContext value={slots}>\n          <SearchViewPanel\n            {...props}\n            anchor={anchor}\n            backLabel={backLabel ?? messages.back}\n            clearLabel={clearLabel ?? messages.clearSearch}\n            close={close}\n            docked={docked}\n            isOpen={state.isOpen}\n            label={label}\n            setInput={setInput}\n            setPresent={setPresent}\n          />\n        </ButtonSlotContext>\n      </ModalWindow>\n    </Autocomplete>\n  )\n}\n\n// The surface, drawn in the `Modal` so the anchored placement measures the\n// layer it is drawn in. Read inside the Autocomplete, whose value the input\n// shows and reports each edit to.\nfunction SearchViewPanel({\n  anchor,\n  backLabel,\n  children,\n  clearLabel,\n  close,\n  docked,\n  isOpen,\n  label,\n  placeholder,\n  ref,\n  setInput,\n  setPresent,\n  style,\n  ...props\n}: PanelProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { colors, sizing, typography } = theme\n  const autocomplete = use(AutocompleteContext)\n  const window = useWindowDimensions()\n  const insets = use(SafeAreaInsetsContext) ?? NO_INSETS\n  const keyboardTop = useKeyboardTop()\n  const placement = useAnchoredPlacement({ align: 'start', anchor })\n  const motion = usePanelMotion(isOpen, !docked || placement.placed, setPresent)\n  const [panel, setPanel] = useState<HostInstance | null>(null)\n  const [input, setOwnInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const [bottom, setBottom] = useState<null | number>(null)\n  const header =\n    (docked ? sizing.controlLg : FULL_HEADER) +\n    typography.bodyLargeLineHeight * (window.fontScale - 1)\n  // Full screen, how far the keyboard reaches up over the view. iOS and\n  // Android both draw it over the window, which runs edge to edge and does\n  // not shrink to make room, so the view keeps out of its way itself.\n  const covered =\n    keyboardTop === null || bottom === null ? 0 : bottom - keyboardTop\n\n  useFocusOnPlaced(docked && placement.placed, input)\n\n  if (autocomplete === null) {\n    return null\n  }\n\n  return (\n    <Animated.View\n      {...panelRoleOf('dialog', undefined)}\n      aria-label={Platform.OS === 'web' ? undefined : label}\n      onAccessibilityEscape={close}\n      {...props}\n      onLayout={docked ? placement.onLayout : measureBottomOf(panel, setBottom)}\n      ref={refsOf(setPanel, ref)}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        styles.surface,\n        docked ? styles.docked : styles.full,\n        docked ? dockedOf(placement) : fullOf(insets, covered),\n        motion,\n        style,\n      )}\n    >\n      <View\n        style={composeStyles<ViewStyle>(styles.header, minHeightOf(header))}\n      >\n        <IconButton aria-label={backLabel} slot=\"close\" style={styles.back}>\n          <ArrowBackGlyph color={colors.onSurface} />\n        </IconButton>\n        <FieldInput\n          aria-label={label}\n          // A search view opens to be typed into, so the input takes the\n          // keyboard as it shows rather than leaving it to the back button.\n          autoFocus\n          onChangeText={autocomplete.setInputValue}\n          placeholder={placeholder}\n          ref={refsOf(setOwnInput, setInput)}\n          returnKeyType=\"search\"\n          role=\"searchbox\"\n          value={autocomplete.inputValue}\n        />\n        {autocomplete.inputValue === '' ? null : (\n          <IconButton\n            aria-label={clearLabel}\n            onPress={clearOf(autocomplete, input)}\n            style={styles.clear}\n          >\n            <CloseGlyph />\n          </IconButton>\n        )}\n      </View>\n      <View style={styles.divider} />\n      <View\n        style={docked ? resultsOf(window.height, header) : styles.resultsFull}\n      >\n        {children}\n      </View>\n    </Animated.View>\n  )\n}\n\nSearchView.Content = SearchViewContent\n\nexport { SearchView, SearchViewContent }\nexport type { SearchViewContentProps, SearchViewProps }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgGA,MAAMoD,cAAc;AACpB,MAAMC,YAAY;AAClB,MAAMC,YAAY;AAClB,MAAMC,cAAc;AAGpB,MAAMC,SAAoB,EAAEC,SAAS,EAAE;AAEvC,MAAMC,WAAWT,cACd,EAAEU,QAAQC,OAAOC,SAASC,cACzB5C,WAAW6C,OAAO;CAGhBC,MAAM,EACJC,aAAaH,QAAQI,GACvB;CAGAC,OAAO,EACLC,WAAWN,QAAQI,GACrB;CAEAG,SAAS;EACPC,iBAAiBX,OAAOY;EACxBC,YAAY;EACZC,QAAQ;CACV;CACAC,QAAQ;EACNC,cAAcf,MAAMgB;EACpBC,WAAWhB,QAAQiB;CACrB;CACAC,MAAM;EACJC,QAAQ;EACRC,MAAM;EACNC,UAAU;EACVC,OAAO;EACPC,KAAK;CACP;CACAC,QAAQ;EACNC,YAAY;EACZC,eAAe;EACff,YAAY;EACZgB,KAAK1B,QAAQ2B;EACbC,mBAAmB5B,QAAQ6B;CAC7B;CAGAC,aAAa,EACXC,MAAM,EACR;CACAC,SAAS;EACPxB,iBAAiBX,OAAOoC;EACxBC,UAAU;CACZ;AACF,CAAC,CACL;AAuEA,MAAMyB,oBAAoB9G,cAAqC,IAAI;AAInE,SAAS+G,QACPC,cACAjB,OACA;CACA,aAAa;EACXiB,aAAaC,cAAc,EAAE;EAC7BlB,OAAOmB,MAAM;CACf;AACF;AAIA,SAASC,SAASC,WAAyC;CACzD,OAAO;EACL,GAAGA,UAAUb;EACbc,iBAAiBtF,cAAcqF,UAAUE;EACzCC,OAAOC,KAAKC,IACV9E,WACA6E,KAAKE,IAAIhF,WAAW0E,UAAUO,eAAejF,SAAS,CACxD;CACF;AACF;AAKA,SAASkF,OAAOC,QAAoBC,SAA4B;CAC9D,OAAO;EACL,GAAGrG,SAASoG,MAAM;EAClBE,eAAeP,KAAKE,IAAIG,OAAOxD,QAAQyD,OAAO;EAC9CT,iBAAiB;CACnB;AACF;AAIA,SAASW,gBACPC,OACAC,WACA;CACA,aAAa;EACXD,OAAOE,iBAAiBC,IAAIC,GAAGC,QAAQxE,WAAW;GAChDoE,UAAUG,IAAIvE,MAAM;EACtB,CAAC;CACH;AACF;AAEA,SAASyE,YAAYC,WAA8B;CACjD,OAAO,EAAEA,UAAU;AACrB;AAIA,SAASC,UAAUC,cAAsBhE,QAA2B;CAClE,OAAO;EACLiE,WAAYD,eAAe,IAAK,IAAIhE,SAAS;EAC7C8D,WAAW5F;CACb;AACF;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAAgG,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAoB,MAAA,EAAA5C,UAAAO,aAAAb,QAAAc,iBAAAkC;CAKF,IAAAG;CAAA,IAAAF,EAAA,OAAApC,eAAAoC,EAAA,OAAAjD,UAAAiD,EAAA,OAAAnC,cAAA;EACqBqC,KAAA;GAAAtC;GAAAb;GAAAc;EAAoC;EAACmC,EAAA,KAAApC;EAAAoC,EAAA,KAAAjD;EAAAiD,EAAA,KAAAnC;EAAAmC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAA1E,MAAAjC,QAAcjG,uBAAuBoI,EAAqC;CAC1E,MAAAvD,SAAerF,OAAqB,IAAI;CAAC,IAAA6I;CAAA,IAAAH,EAAA,OAAAjC,OAAA;EAG5BoC,WAAA;GACPpC,MAAKqC,KAAM;EAAC;EACbJ,EAAA,KAAAjC;EAAAiC,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAjC,MAAAhB,QAAA;EACQsD,KAAA;GAAAC,UAAYvC,MAAKhB;GAAOS,KAAOb;EAAO;EAACqD,EAAA,KAAAjC,MAAAhB;EAAAiD,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAG,MAAAH,EAAA,OAAAK,IAAA;EAJ3CE,KAAA;GAAAC,SACIL;GAERM,SACQJ;EACX;EAACL,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CANH,MAAAU,QACSH;CAOR,IAAAI;CAAA,IAAAX,EAAA,QAAAjC,OAAA;EAC2C4C,KAAA;GAAAhE;GAAAoB;EAAgB;EAACiC,EAAA,MAAAjC;EAAAiC,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAA7D,MAAAY,OAA4CD;CAA4B,IAAAE;CAAA,IAAAb,EAAA,QAAA3C,YAAA2C,EAAA,QAAAU,OAAA;EAIpEG,KAAA,oBAAC,mBAAD;GAA0BH,OAAAA;GAAQrD;EAAhB,CAAA;EAA6C2C,EAAA,MAAA3C;EAAA2C,EAAA,MAAAU;EAAAV,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAY,QAAAZ,EAAA,QAAAa,IAAA;EADjEC,KAAA,oBAAC,mBAAD;GAA0BF,OAAAA;GACxBC,UAAAA;EADgB,CAAA;EAEEb,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAFpBc;AAEoB;;;;;;;;;;AAaxB,SAAAC,kBAAAhB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAArD;CAAA,IAAAC;CAAA,IAAAmE;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAA5D;CAAA,IAAA6D;CAAA,IAAAC;CAAA,IAAApB,EAAA,OAAAD,IAAA;EAAsD,CAAA,CAAAnD,WAAAC,YAAAmE,mBAAAC,QAAAC,YAAA5D,OAAA6D,eAAA,GAAAC,SAAArB;EAS1BC,EAAA,KAAAD;EAAAC,EAAA,KAAApD;EAAAoD,EAAA,KAAAnD;EAAAmD,EAAA,KAAAgB;EAAAhB,EAAA,KAAAiB;EAAAjB,EAAA,KAAAkB;EAAAlB,EAAA,KAAA1C;EAAA0C,EAAA,KAAAmB;EAAAnB,EAAA,KAAAoB;CAAA,OAAA;EAAAxE,YAAAoD,EAAA;EAAAnD,aAAAmD,EAAA;EAAAgB,oBAAAhB,EAAA;EAAAiB,SAAAjB,EAAA;EAAAkB,aAAAlB,EAAA;EAAA1C,QAAA0C,EAAA;EAAAmB,gBAAAnB,EAAA;EAAAoB,QAAApB,EAAA;CAAA;CAC1B,MAAAY,OAAazJ,IAAI6G,iBAAiB;CAElC,IAAI4C,SAAS,MACX,MAAM,IAAIS,MAAM,gDAAgD;CAGlE,MAAA,EAAA1E,QAAAoB,UAA0B6C;CAC1B,MAAAU,WAAiB5I,YAAY;CAC7B,MAAAuC,SAAexC,mBAAmB,MAAM;CACxC,MAAA,CAAA0E,SAAAD,cAA8B3F,SAASwG,MAAKhB,MAAO;CACnD,MAAA,CAAAE,OAAAD,YAA0BzF,SACxB,IACF;CAAC,IAAA2I;CAAA,IAAAF,EAAA,OAAAjC,OAAA;EACyBmC,WAAA;GACxBnC,MAAKjB,MAAO;EAAC;EACdkD,EAAA,KAAAjC;EAAAiC,EAAA,MAAAE;CAAA,OAAAA,KAAAF,EAAA;CAFD,MAAAlD,QAAcoD;CAEH,IAAAC;CAAA,IAAAH,EAAA,QAAAlD,OAAA;EAC+BqD,KAAA,EAAArD,MAAQ;EAACkD,EAAA,MAAAlD;EAAAkD,EAAA,MAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAnD,MAAAU,QAA0CP;CAG1C,IAAIpC,MAAKhB,UAAL,CAAiBI,SACnBD,WAAW,IAAI;CAGjB9D,eAAe+D,SAAS,OAAOR,MAAM;CAErC,IAAI,CAACQ,SAAO,OACH;CAeW,MAAAkD,KAAAtC,MAAKhB,SAALD,QAAAyE,KAAAA;CAIP,MAAAhB,KAAAtF,SAAA,OAAAgC;CAMQ,MAAA0D,KAAA/D,aAAa0E,SAAQ/G;CACpB,MAAAsG,KAAAhE,cAAcyE,SAAQE;CAAY,IAAAV;CAAA,IAAAd,EAAA,QAAArD,UAAAqD,EAAA,QAAAlD,SAAAkD,EAAA,QAAA/E,UAAA+E,EAAA,QAAA1C,SAAA0C,EAAA,QAAAoB,SAAApB,EAAA,QAAAjC,MAAAhB,UAAAiD,EAAA,QAAAW,MAAAX,EAAA,QAAAa,IAAA;EAJhDC,KAAA,oBAAC,iBAAD;GAAgB,GACVM;GACIzE;GACG,WAAAgE;GACC,YAAAE;GACL/D;GACC7B;GACA,QAAA8C,MAAKhB;GACNO;GACGN;GACEE;EAAU,CAAA;EACtB8C,EAAA,MAAArD;EAAAqD,EAAA,MAAAlD;EAAAkD,EAAA,MAAA/E;EAAA+E,EAAA,MAAA1C;EAAA0C,EAAA,MAAAoB;EAAApB,EAAA,MAAAjC,MAAAhB;EAAAiD,EAAA,MAAAW;EAAAX,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAU,SAAAV,EAAA,QAAAc,IAAA;EAZJW,KAAA,oBAAC,mBAAD;GAA0Bf,OAAAA;GACxBI,UAAAA;EADgB,CAAA;EAaEd,EAAA,MAAAU;EAAAV,EAAA,MAAAc;EAAAd,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAlD,SAAAkD,EAAA,QAAA1C,SAAA0C,EAAA,QAAAK,MAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAyB,IAAA;EAxBtBC,KAAA,oBAAC,aAAD;GAC6B,2BAAA;GACpBpE;GACKiE,YAAAA,KAAAA;GACHzE,SAAAA;GACK,cAAAuD;GACPtG,OAAAA;GAGA,OAAAwG;GAEPkB,UAAAA;EAXU,CAAA;EAyBEzB,EAAA,MAAAlD;EAAAkD,EAAA,MAAA1C;EAAA0C,EAAA,MAAAK;EAAAL,EAAA,MAAAO;EAAAP,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAgB,qBAAAhB,EAAA,QAAAiB,UAAAjB,EAAA,QAAAkB,cAAAlB,EAAA,QAAAmB,iBAAAnB,EAAA,QAAA0B,IAAA;EA/BhBC,MAAA,oBAAC,cAAD;GACqBX;GACXC;GACIC;GACGC;GAEfO,UAAAA;EANW,CAAA;EAgCE1B,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,MAAA3B,EAAA;CAAA,OAhCf2B;AAgCe;AAOnB,SAAAC,gBAAA7B,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAtD;CAAA,IAAAC;CAAA,IAAAS;CAAA,IAAAR;CAAA,IAAAC;CAAA,IAAA7B;CAAA,IAAA8B;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAA6D;CAAA,IAAA5D;CAAA,IAAAR;CAAA,IAAAE;CAAA,IAAAO;CAAA,IAAAuC,EAAA,OAAAD,IAAA;EAAyB,CAAA,CAAApD,QAAAC,WAAAS,UAAAR,YAAAC,OAAA7B,QAAA8B,QAAAO,OAAAC,aAAAC,KAAAR,UAAAE,YAAAO,OAAA,GAAA2D,SAAArB;EAeZC,EAAA,KAAAD;EAAAC,EAAA,KAAArD;EAAAqD,EAAA,KAAApD;EAAAoD,EAAA,KAAA3C;EAAA2C,EAAA,KAAAnD;EAAAmD,EAAA,KAAAlD;EAAAkD,EAAA,KAAA/E;EAAA+E,EAAA,KAAAjD;EAAAiD,EAAA,KAAA1C;EAAA0C,EAAA,KAAAzC;EAAAyC,EAAA,MAAAoB;EAAApB,EAAA,MAAAxC;EAAAwC,EAAA,MAAAhD;EAAAgD,EAAA,MAAA9C;EAAA8C,EAAA,MAAAvC;CAAA,OAAA;EAAAd,SAAAqD,EAAA;EAAApD,YAAAoD,EAAA;EAAA3C,WAAA2C,EAAA;EAAAnD,aAAAmD,EAAA;EAAAlD,QAAAkD,EAAA;EAAA/E,SAAA+E,EAAA;EAAAjD,SAAAiD,EAAA;EAAA1C,QAAA0C,EAAA;EAAAzC,cAAAyC,EAAA;EAAAoB,QAAApB,EAAA;EAAAxC,MAAAwC,EAAA;EAAAhD,WAAAgD,EAAA;EAAA9C,aAAA8C,EAAA;EAAAvC,QAAAuC,EAAA;CAAA;CACX,MAAA6B,QAAcvI,SAAS;CACvB,MAAAwI,SAAe7H,SAAS4H,KAAK;CAC7B,MAAA,EAAA3H,QAAA6H,QAAAC,eAAuCH;CACvC,MAAA3D,eAAqB/G,IAAIiB,mBAAmB;CAC5C,MAAA6J,SAAevK,oBAAoB;CACnC,MAAAqH,SAAe5H,IAAIU,qBAAkC,KAAtCgB;CACf,MAAAqJ,cAAoBlJ,eAAe;CAAC,IAAAkH;CAAA,IAAAF,EAAA,QAAArD,QAAA;EACGuD,KAAA;GAAAiC,OAAS;GAAOxF;EAAS;EAACqD,EAAA,MAAArD;EAAAqD,EAAA,MAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAjE,MAAA1B,YAAkBvF,qBAAqBmH,EAA0B;CACjE,MAAAkC,SAAejJ,eAAe4D,QAAQ,CAAC9B,UAAUqD,UAAS+D,QAASnF,UAAU;CAC7E,MAAA,CAAAiC,OAAAmD,YAA0B/K,SAA8B,IAAI;CAC5D,MAAA,CAAA0F,OAAAsF,eAA6BhL,SAC3B,IACF;CACA,MAAA,CAAAgE,QAAA6D,aAA4B7H,SAAwB,IAAI;CACxD,MAAAqE,UACGX,SAAS8G,OAAMS,YAAf7I,eACDqI,WAAUS,uBAAwBR,OAAMS,YAAa;CAIvD,MAAA1D,UACEkD,gBAAgB,QAAQ3G,WAAW,OAAnC,IAA8CA,SAAS2G;CAEzDhJ,iBAAiB+B,UAAUqD,UAAS+D,QAASpF,KAAK;CAElD,IAAIiB,iBAAiB,MAAI,OAChB;CAIN,MAAAiC,KAAAvI;CAAQ,IAAAyI;CAAA,IAAAL,EAAA,QAAA2C,OAAAC,IAAA,2BAAA,GAAA;EACHvC,KAAAvH,YAAY,UAAUyI,KAAAA,CAAS;EAACvB,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CACxB,MAAAO,KAAA/I,SAAQqL,OAAQ,QAAhBtB,KAAAA,IAAAjE;CAAyC,IAAAqD;CAAA,IAAAX,EAAA,QAAA/E,UAAA+E,EAAA,QAAAb,SAAAa,EAAA,QAAA1B,WAAA;EAG3CqC,KAAA1F,SAASqD,UAASwE,WAAY5D,gBAAgBC,OAAOC,SAAS;EAACY,EAAA,MAAA/E;EAAA+E,EAAA,MAAAb;EAAAa,EAAA,MAAA1B;EAAA0B,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAxC,KAAA;EACpEqD,KAAAxH,OAAOiJ,UAAU9E,GAAG;EAACwC,EAAA,MAAAxC;EAAAwC,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CACnB,MAAAc,KAAAvH,cACLuI,OAAMzF,SACNpB,SAAS6G,OAAM7G,SAAU6G,OAAMxG,MAC/BL,SAASoD,SAASC,SAAmC,IAAtBQ,OAAOC,QAAQC,OAAO,GACrDoD,QACA3E,KACF;CAEC,MAAAsF,KAAApL;CACQ,MAAA8J,KAAAlI,cAAyBuI,OAAMlG,QAAS6D,YAAY7D,MAAM,CAAC;CAAC,IAAA8F;CAAA,IAAA1B,EAAA,QAAA9F,OAAA8I,WAAA;EAGjEtB,KAAA,oBAAC,gBAAD,EAAuB,OAAAxH,OAAM8I,UAAU,CAAA;EAAIhD,EAAA,MAAA9F,OAAA8I;EAAAhD,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAApD,aAAAoD,EAAA,QAAA8B,OAAAvH,QAAAyF,EAAA,QAAA0B,IAAA;EAD7CC,MAAA,oBAAC,YAAD;GAAwB/E,cAAAA;GAAgB,MAAA;GAAe,OAAAkF,OAAMvH;GAC3DmH,UAAAA;EADS,CAAA;EAEE1B,EAAA,MAAApD;EAAAoD,EAAA,MAAA8B,OAAAvH;EAAAyF,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,MAAA3B,EAAA;CAMG,MAAAiD,MAAA/E,aAAYC;CAAc,IAAA+E;CAAA,IAAAlD,EAAA,QAAAhD,YAAAgD,EAAA,QAAAuC,aAAA;EAEnCW,MAAA7J,OAAOkJ,aAAavF,QAAQ;EAACgD,EAAA,MAAAhD;EAAAgD,EAAA,MAAAuC;EAAAvC,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CAAA,IAAAmD;CAAA,IAAAnD,EAAA,QAAA9B,aAAAgD,cAAAlB,EAAA,QAAA9B,aAAAC,iBAAA6B,EAAA,QAAA1C,SAAA0C,EAAA,QAAAzC,eAAAyC,EAAA,QAAAkD,KAAA;EAPpCC,MAAA,oBAAC,YAAD;GACc7F,cAAAA;GAGZ,WAAA;GACc,cAAA2F;GACD1F;GACR,KAAA2F;GACS,eAAA;GACT,MAAA;GACE,OAAAhF,aAAYgD;EAAW,CAAA;EAC9BlB,EAAA,MAAA9B,aAAAgD;EAAAlB,EAAA,MAAA9B,aAAAC;EAAA6B,EAAA,MAAA1C;EAAA0C,EAAA,MAAAzC;EAAAyC,EAAA,MAAAkD;EAAAlD,EAAA,MAAAmD;CAAA,OAAAA,MAAAnD,EAAA;CAAA,IAAAoD;CAAA,IAAApD,EAAA,QAAA9B,gBAAA8B,EAAA,QAAAnD,cAAAmD,EAAA,QAAA/C,SAAA+C,EAAA,QAAA8B,OAAApH,OAAA;EACD0I,MAAAlF,aAAYgD,eAAgB,KAA5B,OACC,oBAAC,YAAD;GACcrE,cAAAA;GACH,SAAAoB,QAAQC,cAAcjB,KAAK;GAC7B,OAAA6E,OAAMpH;GAEb,UAAA,oBAAC,YAAD,CAAW,CAAA;EALF,CAAA;EAOZsF,EAAA,MAAA9B;EAAA8B,EAAA,MAAAnD;EAAAmD,EAAA,MAAA/C;EAAA+C,EAAA,MAAA8B,OAAApH;EAAAsF,EAAA,MAAAoD;CAAA,OAAAA,MAAApD,EAAA;CAAA,IAAAqD;CAAA,IAAArD,EAAA,QAAA+C,MAAA/C,EAAA,QAAA2B,OAAA3B,EAAA,QAAAmD,OAAAnD,EAAA,QAAAoD,OAAApD,EAAA,QAAAyB,IAAA;EA1BH4B,MAAA,qBAAC,IAAD;GACS,OAAA5B;GADT,UAAA;IAGEE;IAGAwB;IAYCC;GAlBE;;EA2BEpD,EAAA,MAAA+C;EAAA/C,EAAA,MAAA2B;EAAA3B,EAAA,MAAAmD;EAAAnD,EAAA,MAAAoD;EAAApD,EAAA,MAAAyB;EAAAzB,EAAA,MAAAqD;CAAA,OAAAA,MAAArD,EAAA;CAAA,IAAAsD;CAAA,IAAAtD,EAAA,QAAA8B,OAAAlH,SAAA;EACP0I,MAAA,oBAAC,MAAD,EAAa,OAAAxB,OAAMlH,QAAQ,CAAA;EAAIoF,EAAA,MAAA8B,OAAAlH;EAAAoF,EAAA,MAAAsD;CAAA,OAAAA,MAAAtD,EAAA;CAAA,IAAAuD;CAAA,IAAAvD,EAAA,QAAA/E,UAAA+E,EAAA,QAAApE,UAAAoE,EAAA,QAAA8B,OAAA3F,eAAA6D,EAAA,QAAAiC,OAAAjH,QAAA;EAEtBuI,MAAAtI,SAAS0E,UAAUsC,OAAMjH,QAASY,MAA2B,IAAjBkG,OAAM3F;EAAY6D,EAAA,MAAA/E;EAAA+E,EAAA,MAAApE;EAAAoE,EAAA,MAAA8B,OAAA3F;EAAA6D,EAAA,MAAAiC,OAAAjH;EAAAgF,EAAA,MAAAuD;CAAA,OAAAA,MAAAvD,EAAA;CAAA,IAAAwD;CAAA,IAAAxD,EAAA,QAAA3C,YAAA2C,EAAA,QAAAuD,KAAA;EADvEC,MAAA,oBAAC,MAAD;GACS,OAAAD;GAENlG;EAHE,CAAA;EAIE2C,EAAA,MAAA3C;EAAA2C,EAAA,MAAAuD;EAAAvD,EAAA,MAAAwD;CAAA,OAAAA,MAAAxD,EAAA;CAAA,IAAAyD;CAAA,IAAAzD,EAAA,QAAAlD,SAAAkD,EAAA,QAAAoB,SAAApB,EAAA,QAAAqD,OAAArD,EAAA,QAAAsD,OAAAtD,EAAA,QAAAwD,OAAAxD,EAAA,QAAAG,GAAAxI,QAAAqI,EAAA,QAAAK,MAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAW,MAAAX,EAAA,QAAAa,MAAAb,EAAA,QAAAc,IAAA;EAhDT2C,MAAA,qBAAA,GAAA,MAAA;GAAA,GACMpD;GACQ,cAAAE;GACWzD,uBAAAA;GAAK,GACxBsE;GACM,UAAAT;GACL,KAAAE;GACE,OAAAC;GAPT,UAAA;IAeEuC;IA4BAC;IACAE;GAKF;;EAAgBxD,EAAA,MAAAlD;EAAAkD,EAAA,MAAAoB;EAAApB,EAAA,MAAAqD;EAAArD,EAAA,MAAAsD;EAAAtD,EAAA,MAAAwD;EAAAxD,EAAA,MAAAG,GAAAxI;EAAAqI,EAAA,MAAAK;EAAAL,EAAA,MAAAO;EAAAP,EAAA,MAAAW;EAAAX,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAyD;CAAA,OAAAA,MAAAzD,EAAA;CAAA,OAjDhByD;AAiDgB;AAIpB3D,WAAW4D,UAAU3C"}