tamagui 1.0.11 → 1.0.13

package/dist/esm/views/LinearGradient.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/LinearGradient.tsx"],
-  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from '../lib/linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const {\n        start,\n        end,\n        colors: colorsProp,\n        locations,\n        children,\n        ...stackProps\n      } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    }),\n  ),\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
-  "mappings": "AAwCU;AAxCV;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,WACG;AAAA,MACL,IAAI;AACJ,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,oBAAC;AAAA,QAAoB;AAAA,QAAW,GAAG;AAAA,QACjC,8BAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,WAAW;AAAA,UAEjB;AAAA,SACH;AAAA,OACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,aAAO,YAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
-  "names": []
-}

package/dist/esm/views/Switch.js

@@ -1,244 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { usePrevious } from "@radix-ui/react-use-previous";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import {
-  calc,
-  getSize,
-  getVariableValue,
-  isWeb,
-  styled,
-  themeable
-} from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import { ThemeableStack, XStack } from "@tamagui/stacks";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import * as React from "react";
-import { registerFocusable } from "../lib/registerFocusable";
-import { useLabelContext } from "./Label";
-const SWITCH_NAME = "Switch";
-const scopeContexts = createContextScope(SWITCH_NAME);
-const [createSwitchContext] = scopeContexts;
-const createSwitchScope = scopeContexts[1];
-const [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-const getSwitchHeight = (val) => Math.round(getVariableValue(getSize(val)) * 0.65);
-const getSwitchWidth = (val) => getSwitchHeight(val) * 2;
-const SwitchFrame = styled(XStack, {
-  name: "Switch",
-  tag: "button",
-  borderRadius: 1e3,
-  borderWidth: 2,
-  borderColor: "transparent",
-  backgroundColor: "$background",
-  focusStyle: {
-    borderColor: "$borderColorFocus"
-  },
-  variants: {
-    size: {
-      "...size": (val) => {
-        const height = calc(getSwitchHeight(val), "+", 4);
-        const width = calc(getSwitchWidth(val), "+", 4);
-        return {
-          height,
-          minHeight: height,
-          width
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$4"
-  }
-});
-const SwitchComponent = React.forwardRef((props, forwardedRef) => {
-  const _a = props, {
-    __scopeSwitch,
-    labeledBy: ariaLabelledby,
-    name,
-    checked: checkedProp,
-    defaultChecked,
-    required,
-    disabled,
-    value = "on",
-    onCheckedChange,
-    size = "$4"
-  } = _a, switchProps = __objRest(_a, [
-    "__scopeSwitch",
-    "labeledBy",
-    "name",
-    "checked",
-    "defaultChecked",
-    "required",
-    "disabled",
-    "value",
-    "onCheckedChange",
-    "size"
-  ]);
-  const [button, setButton] = React.useState(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-  const labelId = useLabelContext(button);
-  const labelledBy = ariaLabelledby || labelId;
-  const hasConsumerStoppedPropagationRef = React.useRef(false);
-  const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
-  const [checked = false, setChecked] = useControllableState({
-    prop: checkedProp,
-    defaultProp: defaultChecked || false,
-    onChange: onCheckedChange
-  });
-  if (!isWeb) {
-    React.useEffect(() => {
-      if (!props.id)
-        return;
-      return registerFocusable(props.id, {
-        focus: () => {
-          setChecked((x) => !x);
-        }
-      });
-    }, [props.id]);
-  }
-  return /* @__PURE__ */ React.createElement(SwitchProvider, {
-    scope: __scopeSwitch,
-    checked,
-    disabled,
-    size
-  }, /* @__PURE__ */ React.createElement(SwitchFrame, __spreadProps(__spreadValues({
-    size,
-    role: "switch",
-    "aria-checked": checked,
-    "aria-labelledby": labelledBy,
-    "aria-required": required,
-    "data-state": getState(checked),
-    "data-disabled": disabled ? "" : void 0,
-    disabled,
-    tabIndex: disabled ? void 0 : 0,
-    value
-  }, switchProps), {
-    ref: composedRefs,
-    onPress: (event) => {
-      var _a2;
-      (_a2 = props.onPress) == null ? void 0 : _a2.call(props, event);
-      setChecked((prevChecked) => !prevChecked);
-      if (isWeb && isFormControl) {
-        hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-        if (!hasConsumerStoppedPropagationRef.current)
-          event.stopPropagation();
-      }
-    }
-  })), isWeb && isFormControl && /* @__PURE__ */ React.createElement(BubbleInput, {
-    control: button,
-    bubbles: !hasConsumerStoppedPropagationRef.current,
-    name,
-    value,
-    checked,
-    required,
-    disabled,
-    style: { transform: "translateX(-100%)" }
-  }));
-});
-SwitchComponent.displayName = SWITCH_NAME;
-const Switch = SwitchFrame.extractable(themeable(SwitchComponent), {
-  neverFlatten: true
-});
-const THUMB_NAME = "SwitchThumb";
-const SwitchThumbFrame = styled(ThemeableStack, {
-  name: "SwitchThumb",
-  backgroundColor: "$background",
-  borderRadius: 1e3,
-  variants: {
-    size: {
-      "...size": (val) => ({
-        height: getSwitchHeight(val),
-        width: getSwitchHeight(val)
-      })
-    }
-  },
-  defaultVariants: {
-    size: "$4"
-  }
-});
-const SwitchThumb = SwitchThumbFrame.extractable(React.forwardRef((props, forwardedRef) => {
-  const _a = props, { __scopeSwitch } = _a, thumbProps = __objRest(_a, ["__scopeSwitch"]);
-  const { size, disabled, checked } = useSwitchContext(THUMB_NAME, __scopeSwitch);
-  return /* @__PURE__ */ React.createElement(SwitchThumbFrame, __spreadProps(__spreadValues({
-    size,
-    "data-state": getState(checked),
-    "data-disabled": disabled ? "" : void 0
-  }, thumbProps), {
-    x: checked ? getVariableValue(getSwitchWidth(size)) - getVariableValue(getSwitchHeight(size)) : 0,
-    ref: forwardedRef
-  }));
-}), {
-  neverFlatten: true
-});
-SwitchThumb.displayName = THUMB_NAME;
-Switch.Thumb = SwitchThumb;
-const BubbleInput = (props) => {
-  const _a = props, { control, checked, bubbles = true } = _a, inputProps = __objRest(_a, ["control", "checked", "bubbles"]);
-  const ref = React.useRef(null);
-  const prevChecked = usePrevious(checked);
-  React.useEffect(() => {
-    const input = ref.current;
-    const inputProto = window.HTMLInputElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
-    const setChecked = descriptor.set;
-    if (prevChecked !== checked && setChecked) {
-      const event = new Event("click", { bubbles });
-      setChecked.call(input, checked);
-      input.dispatchEvent(event);
-    }
-  }, [prevChecked, checked, bubbles]);
-  return /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues({
-    type: "checkbox",
-    "aria-hidden": true,
-    defaultChecked: checked
-  }, inputProps), {
-    tabIndex: -1,
-    ref,
-    style: __spreadProps(__spreadValues({}, props.style), {
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0
-    })
-  }));
-};
-function getState(checked) {
-  return checked ? "checked" : "unchecked";
-}
-export {
-  Switch,
-  SwitchFrame,
-  SwitchThumb,
-  SwitchThumbFrame,
-  createSwitchScope
-};
-//# sourceMappingURL=Switch.js.map

package/dist/esm/views/Switch.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/Switch.tsx"],
-  "sourcesContent": ["// via radix\n// https://github.com/radix-ui/primitives/blob/main/packages/react/switch/src/Switch.tsx\n\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  SizeTokens,\n  calc,\n  getSize,\n  getVariableValue,\n  isWeb,\n  styled,\n  themeable,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack, XStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport { registerFocusable } from '../lib/registerFocusable'\nimport { useLabelContext } from './Label'\n\nconst SWITCH_NAME = 'Switch'\n\nconst scopeContexts = createContextScope(SWITCH_NAME)\nconst [createSwitchContext] = scopeContexts\nexport const createSwitchScope = scopeContexts[1]\n\nconst [SwitchProvider, useSwitchContext] = createSwitchContext<{\n  checked: boolean\n  disabled?: boolean\n  size: SizeTokens\n}>(SWITCH_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * Switch\n * -----------------------------------------------------------------------------------------------*/\n\n// TODO make customizable\nconst getSwitchHeight = (val: SizeTokens) => Math.round(getVariableValue(getSize(val)) * 0.65)\nconst getSwitchWidth = (val: SizeTokens) => getSwitchHeight(val) * 2\n\nexport const SwitchFrame = styled(XStack, {\n  name: 'Switch',\n  tag: 'button',\n  borderRadius: 1000,\n  borderWidth: 2,\n  borderColor: 'transparent',\n  backgroundColor: '$background',\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n  },\n\n  variants: {\n    size: {\n      '...size': (val) => {\n        const height = calc(getSwitchHeight(val), '+', 4)\n        const width = calc(getSwitchWidth(val), '+', 4)\n        return {\n          height,\n          minHeight: height,\n          width,\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\ntype SwitchButtonProps = GetProps<typeof SwitchFrame>\n\nexport type SwitchProps = SwitchButtonProps & {\n  labeledBy?: string\n  name?: string\n  value?: string\n  checked?: boolean\n  defaultChecked?: boolean\n  required?: boolean\n  onCheckedChange?(checked: boolean): void\n}\n\nconst SwitchComponent = React.forwardRef<HTMLButtonElement | View, SwitchProps>(\n  (props: ScopedProps<SwitchProps, 'Switch'>, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      labeledBy: ariaLabelledby,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = 'on',\n      onCheckedChange,\n      size = '$4',\n      ...switchProps\n    } = props\n    const [button, setButton] = React.useState<HTMLButtonElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node as any))\n    const labelId = useLabelContext(button)\n    const labelledBy = ariaLabelledby || labelId\n    const hasConsumerStoppedPropagationRef = React.useRef(false)\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    const isFormControl = isWeb ? (button ? Boolean(button.closest('form')) : true) : false\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked || false,\n      onChange: onCheckedChange,\n    })\n\n    if (!isWeb) {\n      React.useEffect(() => {\n        if (!props.id) return\n        return registerFocusable(props.id, {\n          focus: () => {\n            setChecked((x) => !x)\n          },\n        })\n      }, [props.id])\n    }\n\n    return (\n      <SwitchProvider scope={__scopeSwitch} checked={checked} disabled={disabled} size={size}>\n        <SwitchFrame\n          size={size}\n          // @ts-ignore\n          role=\"switch\"\n          aria-checked={checked}\n          aria-labelledby={labelledBy}\n          aria-required={required}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          disabled={disabled}\n          // @ts-ignore\n          tabIndex={disabled ? undefined : 0}\n          // @ts-ignore\n          value={value}\n          {...switchProps}\n          ref={composedRefs}\n          onPress={(event) => {\n            props.onPress?.(event)\n            setChecked((prevChecked) => !prevChecked)\n            if (isWeb && isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped()\n              // if switch is in a form, stop propagation from the button so that we only propagate\n              // one click event (from the input). We propagate changes from an input so that native\n              // form validation works and form events reflect switch updates.\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation()\n            }\n          }}\n        />\n        {isWeb && isFormControl && (\n          <BubbleInput\n            control={button}\n            bubbles={!hasConsumerStoppedPropagationRef.current}\n            name={name}\n            value={value}\n            checked={checked}\n            required={required}\n            disabled={disabled}\n            // We transform because the input is absolutely positioned but we have\n            // rendered it **after** the button. This pulls it back to sit on top\n            // of the button.\n            style={{ transform: 'translateX(-100%)' }}\n          />\n        )}\n      </SwitchProvider>\n    )\n  }\n)\n\nSwitchComponent.displayName = SWITCH_NAME\n\nexport const Switch: ReactComponentWithRef<SwitchProps, HTMLButtonElement | View> & {\n  Thumb: typeof SwitchThumb\n} = SwitchFrame.extractable(themeable(SwitchComponent as any) as any, {\n  neverFlatten: true,\n})\n\n/* -------------------------------------------------------------------------------------------------\n * SwitchThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SwitchThumb'\n\nexport const SwitchThumbFrame = styled(ThemeableStack, {\n  name: 'SwitchThumb',\n  backgroundColor: '$background',\n  borderRadius: 1000,\n\n  variants: {\n    size: {\n      '...size': (val) => ({\n        height: getSwitchHeight(val),\n        width: getSwitchHeight(val),\n      }),\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type SwitchThumbProps = GetProps<typeof SwitchThumbFrame>\n\nexport const SwitchThumb = SwitchThumbFrame.extractable(\n  React.forwardRef<React.ElementRef<'span'>, SwitchThumbProps>(\n    (props: ScopedProps<SwitchThumbProps, 'Switch'>, forwardedRef) => {\n      const { __scopeSwitch, ...thumbProps } = props\n      const { size, disabled, checked } = useSwitchContext(THUMB_NAME, __scopeSwitch)\n      return (\n        <SwitchThumbFrame\n          size={size}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          {...thumbProps}\n          x={\n            checked\n              ? getVariableValue(getSwitchWidth(size)) - getVariableValue(getSwitchHeight(size))\n              : 0\n          }\n          ref={forwardedRef}\n        />\n      )\n    }\n  ),\n  {\n    neverFlatten: true,\n  }\n)\n\nSwitchThumb.displayName = THUMB_NAME\nSwitch.Thumb = SwitchThumb\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype InputProps = any //Radix.ComponentPropsWithoutRef<'input'>\ninterface BubbleInputProps extends Omit<InputProps, 'checked'> {\n  checked: boolean\n  control: HTMLElement | null\n  bubbles: boolean\n}\n\n// TODO make this native friendly\nconst BubbleInput = (props: BubbleInputProps) => {\n  const { control, checked, bubbles = true, ...inputProps } = props\n  const ref = React.useRef<HTMLInputElement>(null)\n  const prevChecked = usePrevious(checked)\n  // const controlSize = useSize(control)\n\n  // Bubble checked change to parents (e.g form change event)\n  React.useEffect(() => {\n    const input = ref.current!\n    const inputProto = window.HTMLInputElement.prototype\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked') as PropertyDescriptor\n    const setChecked = descriptor.set\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event('click', { bubbles })\n      setChecked.call(input, checked)\n      input.dispatchEvent(event)\n    }\n  }, [prevChecked, checked, bubbles])\n\n  return (\n    <input\n      type=\"checkbox\"\n      aria-hidden\n      defaultChecked={checked}\n      {...inputProps}\n      tabIndex={-1}\n      ref={ref}\n      style={{\n        ...props.style,\n        // ...controlSize,\n        position: 'absolute',\n        pointerEvents: 'none',\n        opacity: 0,\n        margin: 0,\n      }}\n    />\n  )\n}\n\nfunction getState(checked: boolean) {\n  return checked ? 'checked' : 'unchecked'\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/views/Table.js

@@ -1,56 +0,0 @@
-import { Stack, Text, isWeb, styled } from "@tamagui/core";
-const Table = styled(Stack, {
-  name: "Table",
-  tag: "table"
-});
-const TableRow = styled(Stack, {
-  name: "TableRow",
-  tag: "tr",
-  alignSelf: "stretch",
-  flex: 1
-});
-const TableHead = styled(Stack, {
-  name: "TableHead",
-  tag: "thead",
-  flexDirection: "row",
-  alignSelf: "stretch",
-  flex: 1,
-  borderBottomColor: "#eee",
-  borderBottomWidth: 1
-});
-const TableHeadCell = styled(Stack, {
-  name: "TableHeadCell",
-  tag: "th",
-  display: isWeb ? "table-head" : "flex",
-  flexDirection: "row"
-});
-const TableHeadText = styled(Text, {
-  name: "TableHeadText",
-  backgroundColor: "rgba(0,0,0,0.05)",
-  padding: 2,
-  paddingHorizontal: 8,
-  marginLeft: -8,
-  borderRadius: 10,
-  maxWidth: "100%",
-  ellipse: true,
-  fontSize: 12
-});
-const TableCell = styled(Stack, {
-  name: "TableCell",
-  flex: 1,
-  alignSelf: "stretch",
-  alignItems: "center",
-  tag: "td",
-  display: isWeb ? "table-cell" : "flex",
-  paddingVertical: "$3",
-  paddingHorizontal: "$2"
-});
-export {
-  Table,
-  TableCell,
-  TableHead,
-  TableHeadCell,
-  TableHeadText,
-  TableRow
-};
-//# sourceMappingURL=Table.js.map

package/dist/esm/views/Table.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/Table.tsx"],
-  "sourcesContent": ["import { Stack, StackProps, Text, TextProps, isWeb, styled } from '@tamagui/core'\n\nexport const Table = styled(Stack, {\n  name: 'Table',\n  tag: 'table',\n})\n\nexport const TableRow = styled(Stack, {\n  name: 'TableRow',\n  tag: 'tr',\n  alignSelf: 'stretch', // minWidth: 100%\n  flex: 1,\n})\n\nexport const TableHead = styled(Stack, {\n  name: 'TableHead',\n  tag: 'thead',\n  flexDirection: 'row',\n  alignSelf: 'stretch',\n  flex: 1,\n  borderBottomColor: '#eee',\n  borderBottomWidth: 1,\n})\n\nexport const TableHeadCell = styled(Stack, {\n  name: 'TableHeadCell',\n  tag: 'th',\n  // @ts-ignore\n  display: isWeb ? 'table-head' : 'flex',\n  flexDirection: 'row',\n})\n\nexport const TableHeadText = styled(Text, {\n  name: 'TableHeadText',\n  backgroundColor: 'rgba(0,0,0,0.05)',\n  padding: 2,\n  paddingHorizontal: 8,\n  marginLeft: -8,\n  borderRadius: 10,\n  maxWidth: '100%',\n  ellipse: true,\n  fontSize: 12,\n})\n\nexport type TableCellProps = StackProps & TextProps\n\nexport const TableCell = styled(Stack, {\n  name: 'TableCell',\n  flex: 1,\n  alignSelf: 'stretch',\n  alignItems: 'center',\n  tag: 'td',\n  // @ts-ignore\n  display: isWeb ? 'table-cell' : 'flex',\n  // borderBottomWidth: 1,\n  // borderBottomColor: '$borderColor',\n  paddingVertical: '$3',\n  paddingHorizontal: '$2',\n})\n"],
-  "mappings": "AAAA;AAEO,MAAM,QAAQ,OAAO,OAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AACP,CAAC;AAEM,MAAM,WAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAEM,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,WAAW;AAAA,EACX,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,mBAAmB;AACrB,CAAC;AAEM,MAAM,gBAAgB,OAAO,OAAO;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,SAAS,QAAQ,eAAe;AAAA,EAChC,eAAe;AACjB,CAAC;AAEM,MAAM,gBAAgB,OAAO,MAAM;AAAA,EACxC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AAIM,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,KAAK;AAAA,EAEL,SAAS,QAAQ,eAAe;AAAA,EAGhC,iBAAiB;AAAA,EACjB,mBAAmB;AACrB,CAAC;",
-  "names": []
-}

package/dist/esm/views/Toast.js

@@ -1,107 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { AnimatePresence } from "@tamagui/animate-presence";
-import { Theme, isWeb } from "@tamagui/core";
-import { YStack } from "@tamagui/stacks";
-import { Paragraph } from "@tamagui/text";
-import { useForceUpdate } from "@tamagui/use-force-update";
-import { memo, useCallback, useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-let clear = () => {
-};
-let show = (content) => {
-  console.warn("Note:", content);
-};
-const Toast = {
-  clear,
-  show: (content, options) => show(content, options),
-  error: (content, options) => show(content, __spreadProps(__spreadValues({}, options), { type: "error" })),
-  success: (content, options) => show(content, __spreadProps(__spreadValues({}, options), { type: "success" }))
-};
-if (typeof window !== "undefined") {
-  window["Toast"] = Toast;
-}
-const ToastRoot = memo(function ToastRoot2(props) {
-  const forceUpdate = useForceUpdate();
-  const stateRef = useRef({
-    show: false,
-    content: "",
-    type: "info",
-    timeout: null
-  });
-  const setState = (x) => {
-    stateRef.current = x;
-    forceUpdate();
-  };
-  useEffect(() => {
-    return () => {
-      clearTimeout(stateRef.current.timeout ?? 0);
-    };
-  }, []);
-  clear = () => {
-    setState({ show: false, content: "" });
-  };
-  show = useCallback((content, { duration = 3e3, type = "info" } = {}) => {
-    clearTimeout(stateRef.current.timeout ?? 0);
-    const timeout = setTimeout(() => {
-      setState({
-        show: false,
-        content: "",
-        type,
-        timeout: null
-      });
-    }, duration);
-    setState({
-      show: true,
-      content,
-      type,
-      timeout
-    });
-  }, [stateRef]);
-  const state = stateRef.current;
-  const contents = /* @__PURE__ */ React.createElement(YStack, {
-    position: "absolute",
-    pointerEvents: "none",
-    fullscreen: true,
-    alignItems: "center",
-    justifyContent: "flex-end",
-    zIndex: 1e10,
-    padding: "5%"
-  }, /* @__PURE__ */ React.createElement(Theme, {
-    name: state.type === "info" ? null : state.type === "success" ? "green" : "red"
-  }, /* @__PURE__ */ React.createElement(AnimatePresence, null, state.show && !!state.content && /* @__PURE__ */ React.createElement(YStack, {
-    animation: props.animation || "toast",
-    backgroundColor: "$background",
-    elevation: "$2",
-    borderRadius: "$4",
-    paddingHorizontal: "$4",
-    paddingVertical: "$3"
-  }, /* @__PURE__ */ React.createElement(Paragraph, null, state.content)))));
-  const portalEl = document.getElementById("toasts");
-  if (isWeb && portalEl) {
-    return createPortal(contents, portalEl);
-  }
-  return contents;
-});
-export {
-  Toast,
-  ToastRoot
-};
-//# sourceMappingURL=Toast.js.map

package/dist/esm/views/Toast.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/Toast.tsx"],
-  "sourcesContent": ["import { AnimatePresence } from '@tamagui/animate-presence'\nimport { AnimationKeys, Theme, isWeb } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport { memo, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type ToastOptions = {\n  duration?: number\n  type?: 'info' | 'success' | 'error'\n}\n\nlet clear = () => {}\n\nlet show: (content: any, options?: ToastOptions) => void = (content) => {\n  console.warn('Note:', content)\n}\n\nexport const Toast = {\n  clear,\n  show: (content: any, options?: ToastOptions) => show(content, options),\n  error: (content: any, options?: Omit<ToastOptions, 'type'>) =>\n    show(content, { ...options, type: 'error' }),\n  success: (content: any, options?: Omit<ToastOptions, 'type'>) =>\n    show(content, { ...options, type: 'success' }),\n}\n\nif (typeof window !== 'undefined') {\n  window['Toast'] = Toast\n}\n\nexport const ToastRoot = memo(function ToastRoot(props: { animation?: AnimationKeys }) {\n  const forceUpdate = useForceUpdate()\n  const stateRef = useRef({\n    show: false,\n    content: '',\n    type: 'info',\n    timeout: null,\n  })\n  const setState = (x: any) => {\n    stateRef.current = x\n    forceUpdate()\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(stateRef.current.timeout ?? 0)\n    }\n  }, [])\n\n  clear = () => {\n    setState({ show: false, content: '' })\n  }\n\n  show = useCallback(\n    (content: any, { duration = 3000, type = 'info' }: ToastOptions = {}) => {\n      clearTimeout(stateRef.current.timeout ?? 0)\n      const timeout = setTimeout(() => {\n        setState({\n          show: false,\n          content: '',\n          type,\n          timeout: null,\n        })\n      }, duration)\n      setState({\n        show: true,\n        content,\n        type,\n        timeout,\n      })\n    },\n    [stateRef]\n  )\n\n  const state = stateRef.current\n\n  const contents = (\n    <YStack\n      position=\"absolute\"\n      pointerEvents=\"none\"\n      fullscreen\n      alignItems=\"center\"\n      justifyContent=\"flex-end\"\n      zIndex={10000000000}\n      padding=\"5%\"\n    >\n      <Theme name={state.type === 'info' ? null : state.type === 'success' ? 'green' : 'red'}>\n        <AnimatePresence>\n          {state.show && !!state.content && (\n            <YStack\n              animation={props.animation || ('toast' as any)}\n              backgroundColor=\"$background\"\n              elevation=\"$2\"\n              borderRadius=\"$4\"\n              paddingHorizontal=\"$4\"\n              paddingVertical=\"$3\"\n            >\n              <Paragraph>{state.content}</Paragraph>\n            </YStack>\n          )}\n        </AnimatePresence>\n      </Theme>\n    </YStack>\n  )\n\n  const portalEl = document.getElementById('toasts')\n\n  if (isWeb && portalEl) {\n    return createPortal(contents, portalEl)\n  }\n\n  return contents\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,IAAI,QAAQ,MAAM;AAAC;AAEnB,IAAI,OAAuD,CAAC,YAAY;AACtE,UAAQ,KAAK,SAAS,OAAO;AAC/B;AAEO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA,MAAM,CAAC,SAAc,YAA2B,KAAK,SAAS,OAAO;AAAA,EACrE,OAAO,CAAC,SAAc,YACpB,KAAK,SAAS,iCAAK,UAAL,EAAc,MAAM,QAAQ,EAAC;AAAA,EAC7C,SAAS,CAAC,SAAc,YACtB,KAAK,SAAS,iCAAK,UAAL,EAAc,MAAM,UAAU,EAAC;AACjD;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,WAAW;AACpB;AAEO,MAAM,YAAY,KAAK,oBAAmB,OAAsC;AACrF,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,OAAO;AAAA,IACtB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX,CAAC;AACD,QAAM,WAAW,CAAC,MAAW;AAC3B,aAAS,UAAU;AACnB,gBAAY;AAAA,EACd;AAEA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,SAAS,QAAQ,WAAW,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,UAAQ,MAAM;AACZ,aAAS,EAAE,MAAM,OAAO,SAAS,GAAG,CAAC;AAAA,EACvC;AAEA,SAAO,YACL,CAAC,SAAc,EAAE,WAAW,KAAM,OAAO,WAAyB,CAAC,MAAM;AACvE,iBAAa,SAAS,QAAQ,WAAW,CAAC;AAC1C,UAAM,UAAU,WAAW,MAAM;AAC/B,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,MACX,CAAC;AAAA,IACH,GAAG,QAAQ;AACX,aAAS;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,GACA,CAAC,QAAQ,CACX;AAEA,QAAM,QAAQ,SAAS;AAEvB,QAAM,WACJ,oCAAC;AAAA,IACC,UAAS;AAAA,IACT,eAAc;AAAA,IACd,YAAU;AAAA,IACV,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,QAAQ;AAAA,IACR,SAAQ;AAAA,KAER,oCAAC;AAAA,IAAM,MAAM,MAAM,SAAS,SAAS,OAAO,MAAM,SAAS,YAAY,UAAU;AAAA,KAC/E,oCAAC,uBACE,MAAM,QAAQ,CAAC,CAAC,MAAM,WACrB,oCAAC;AAAA,IACC,WAAW,MAAM,aAAc;AAAA,IAC/B,iBAAgB;AAAA,IAChB,WAAU;AAAA,IACV,cAAa;AAAA,IACb,mBAAkB;AAAA,IAClB,iBAAgB;AAAA,KAEhB,oCAAC,iBAAW,MAAM,OAAQ,CAC5B,CAEJ,CACF,CACF;AAGF,QAAM,WAAW,SAAS,eAAe,QAAQ;AAEjD,MAAI,SAAS,UAAU;AACrB,WAAO,aAAa,UAAU,QAAQ;AAAA,EACxC;AAEA,SAAO;AACT,CAAC;",
-  "names": []
-}

package/dist/jsx/helpers/focusableInputHOC.js

@@ -1,49 +0,0 @@
-import { composeRefs } from "@tamagui/compose-refs";
-import { isTamaguiComponent } from "@tamagui/core";
-import { useRef } from "react";
-import { forwardRef, useCallback, useEffect } from "react";
-import { registerFocusable, unregisterFocusable } from "../lib/registerFocusable";
-function focusableInputHOC(Component) {
-  return forwardRef((props, ref) => {
-    const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput;
-    const inputValue = useRef(props.value || props.defaultValue || "");
-    const inputRef = useCallback((input) => {
-      if (!props.id)
-        return;
-      if (!input)
-        return;
-      registerFocusable(props.id, {
-        focus: input.focus,
-        ...isInput && {
-          focusAndSelect() {
-            input.focus();
-            if (input.setSelection && typeof inputValue.current === "string") {
-              input.setSelection(0, inputValue.current.length);
-            }
-          }
-        }
-      });
-    }, [props.id]);
-    const combinedRefs = composeRefs(ref, inputRef);
-    useEffect(() => {
-      return () => {
-        if (!props.id)
-          return;
-        unregisterFocusable(props.id);
-      };
-    }, [props.id]);
-    const finalProps = isInput ? {
-      ...props,
-      onChangeText(value) {
-        var _a;
-        inputValue.current = value;
-        (_a = props.onChangeText) == null ? void 0 : _a.call(props, value);
-      }
-    } : props;
-    return <Component ref={combinedRefs} {...finalProps} />;
-  });
-}
-export {
-  focusableInputHOC
-};
-//# sourceMappingURL=focusableInputHOC.js.map

package/dist/jsx/helpers/focusableInputHOC.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/focusableInputHOC.tsx"],
-  "sourcesContent": ["import { composeRefs } from '@tamagui/compose-refs'\nimport { isTamaguiComponent } from '@tamagui/core'\nimport React, { useRef } from 'react'\nimport { forwardRef, useCallback, useEffect } from 'react'\n\nimport { registerFocusable, unregisterFocusable } from '../lib/registerFocusable'\n\nexport function focusableInputHOC<A extends Function>(Component: A): A {\n  return forwardRef(\n    (\n      props: {\n        id?: string\n        onChangeText?: (val: string) => void\n        value?: string\n        defaultValue?: string\n      },\n      ref\n    ) => {\n      const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput\n      const inputValue = useRef(props.value || props.defaultValue || '')\n\n      const inputRef = useCallback(\n        (input) => {\n          if (!props.id) return\n          if (!input) return\n          registerFocusable(props.id, {\n            focus: input.focus,\n\n            ...(isInput && {\n              // react-native doesn't support programmatic .select()\n              focusAndSelect() {\n                input.focus()\n                if (input.setSelection && typeof inputValue.current === 'string') {\n                  input.setSelection(0, inputValue.current.length)\n                }\n              },\n            }),\n          })\n        },\n        [props.id]\n      )\n\n      const combinedRefs = composeRefs(ref, inputRef)\n\n      useEffect(() => {\n        return () => {\n          if (!props.id) return\n          unregisterFocusable(props.id)\n        }\n      }, [props.id])\n\n      const finalProps = isInput\n        ? {\n            ...props,\n            onChangeText(value) {\n              inputValue.current = value\n              props.onChangeText?.(value)\n            },\n          }\n        : props\n\n      return <Component ref={combinedRefs} {...finalProps} />\n    }\n  ) as any\n}\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAEA;AAEO,2BAA+C,WAAiB;AACrE,SAAO,WACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,mBAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,OAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,YACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,wBAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM;AACZ,gBAAI,MAAM,gBAAgB,OAAO,WAAW,YAAY,UAAU;AAChE,oBAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,MAAM,EAAE,CACX;AAEA,UAAM,eAAe,YAAY,KAAK,QAAQ;AAE9C,cAAU,MAAM;AACd,aAAO,MAAM;AACX,YAAI,CAAC,MAAM;AAAI;AACf,4BAAoB,MAAM,EAAE;AAAA,MAC9B;AAAA,IACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,UAAM,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH,aAAa,OAAO;AAtDhC;AAuDc,mBAAW,UAAU;AACrB,oBAAM,iBAAN,+BAAqB;AAAA,MACvB;AAAA,IACF,IACA;AAEJ,WAAO,CAAC,UAAU,KAAK,kBAAkB,YAAY;AAAA,EACvD,CACF;AACF;",
-  "names": []
-}

package/dist/jsx/helpers/getSpace.js

@@ -1,11 +0,0 @@
-import { getTokens } from "@tamagui/core";
-const getSpace = (size, sizeUpOrDownBy = 0) => {
-  const spaces = getTokens().space;
-  const spaceNames = Object.keys(spaces);
-  const key = spaceNames[Math.max(0, spaceNames.indexOf(String(size || "$4")) + sizeUpOrDownBy)];
-  return spaces[key] || spaces["$4"];
-};
-export {
-  getSpace
-};
-//# sourceMappingURL=getSpace.js.map

package/dist/jsx/helpers/getSpace.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getSpace.tsx"],
-  "sourcesContent": ["import { SpaceTokens, getTokens } from '@tamagui/core'\n\nexport const getSpace = (size?: SpaceTokens | undefined, sizeUpOrDownBy = 0) => {\n  const spaces = getTokens().space as any as SpaceTokens\n  const spaceNames = Object.keys(spaces)\n  const key = spaceNames[Math.max(0, spaceNames.indexOf(String(size || '$4')) + sizeUpOrDownBy)]\n  return (spaces[key] || spaces['$4']) as SpaceTokens\n}\n"],
-  "mappings": "AAAA;AAEO,MAAM,WAAW,CAAC,MAAgC,iBAAiB,MAAM;AAC9E,QAAM,SAAS,UAAU,EAAE;AAC3B,QAAM,aAAa,OAAO,KAAK,MAAM;AACrC,QAAM,MAAM,WAAW,KAAK,IAAI,GAAG,WAAW,QAAQ,OAAO,QAAQ,IAAI,CAAC,IAAI,cAAc;AAC5F,SAAQ,OAAO,QAAQ,OAAO;AAChC;",
-  "names": []
-}

package/dist/jsx/helpers/prevent.js

@@ -1,5 +0,0 @@
-const prevent = (e) => [e.preventDefault(), e.stopPropagation()];
-export {
-  prevent
-};
-//# sourceMappingURL=prevent.js.map

package/dist/jsx/helpers/prevent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/prevent.tsx"],
-  "sourcesContent": ["export const prevent = (e) => [e.preventDefault(), e.stopPropagation()]\n"],
-  "mappings": "AAAO,MAAM,UAAU,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,EAAE,gBAAgB,CAAC;",
-  "names": []
-}

package/dist/jsx/hooks/useKeyboardDismissable.js

@@ -1,69 +0,0 @@
-import { isWeb } from "@tamagui/core";
-import { useEffect } from "react";
-import { BackHandler } from "react-native";
-let keyboardDismissHandlers = [];
-const keyboardDismissHandlerManager = {
-  push: (handler) => {
-    keyboardDismissHandlers.push(handler);
-    return () => {
-      keyboardDismissHandlers = keyboardDismissHandlers.filter((h) => h !== handler);
-    };
-  },
-  length: () => keyboardDismissHandlers.length,
-  pop: () => {
-    return keyboardDismissHandlers.pop();
-  }
-};
-const useKeyboardDismissable = ({ enabled, callback }) => {
-  useEffect(() => {
-    let cleanupFn = () => {
-    };
-    if (enabled) {
-      cleanupFn = keyboardDismissHandlerManager.push(callback);
-    } else {
-      cleanupFn();
-    }
-    return () => {
-      cleanupFn();
-    };
-  }, [enabled, callback]);
-  useBackHandler({ enabled, callback });
-};
-const callbackOnEscape = (callback) => (e) => {
-  if (e.key === "Escape") {
-    if (!(document.activeElement instanceof HTMLInputElement) && !(document.activeElement instanceof HTMLTextAreaElement)) {
-      e.preventDefault();
-      e.stopPropagation();
-      callback();
-    }
-  }
-};
-function useBackHandler({ enabled, callback }) {
-  useEffect(() => {
-    let backHandler = () => {
-      callback();
-      return true;
-    };
-    const keyHandler = callbackOnEscape(callback);
-    if (enabled) {
-      BackHandler.addEventListener("hardwareBackPress", backHandler);
-      if (isWeb) {
-        window.addEventListener("keydown", keyHandler);
-      }
-    } else {
-      BackHandler.removeEventListener("hardwareBackPress", backHandler);
-    }
-    return () => {
-      BackHandler.removeEventListener("hardwareBackPress", backHandler);
-      if (isWeb) {
-        window.removeEventListener("keydown", keyHandler);
-      }
-    };
-  }, [enabled, callback]);
-}
-export {
-  keyboardDismissHandlerManager,
-  useBackHandler,
-  useKeyboardDismissable
-};
-//# sourceMappingURL=useKeyboardDismissable.js.map