@tamagui/linear-gradient 1.0.11 → 1.0.13

package/dist/esm/BubbleSelect.js

@@ -1,25 +0,0 @@
-import { usePrevious } from "@radix-ui/react-use-previous";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import * as React from "react";
-const BubbleSelect = React.forwardRef((props, forwardedRef) => {
-  const { value, ...selectProps } = props;
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const prevValue = usePrevious(value);
-  React.useEffect(() => {
-    const select = ref.current;
-    const selectProto = window.HTMLSelectElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(
-      selectProto,
-      "value"
-    );
-    const setValue = descriptor.set;
-    if (prevValue !== value && setValue) {
-      const event = new Event("change", { bubbles: true });
-      setValue.call(select, value);
-      select.dispatchEvent(event);
-    }
-  }, [prevValue, value]);
-  return null;
-});
-//# sourceMappingURL=BubbleSelect.js.map

package/dist/esm/BubbleSelect.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BubbleSelect.tsx"],
-  "sourcesContent": ["import { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport * as React from 'react'\n\n/* -----------------------------------------------------------------------------------------------*/\nconst BubbleSelect = React.forwardRef<\n  HTMLSelectElement,\n  React.ComponentPropsWithoutRef<'select'>\n>((props, forwardedRef) => {\n  const { value, ...selectProps } = props\n  const ref = React.useRef<HTMLSelectElement>(null)\n  const composedRefs = useComposedRefs(forwardedRef, ref)\n  const prevValue = usePrevious(value)\n\n  // Bubble value change to parents (e.g form change event)\n  React.useEffect(() => {\n    const select = ref.current!\n    const selectProto = window.HTMLSelectElement.prototype\n    const descriptor = Object.getOwnPropertyDescriptor(\n      selectProto,\n      'value',\n    ) as PropertyDescriptor\n    const setValue = descriptor.set\n    if (prevValue !== value && setValue) {\n      const event = new Event('change', { bubbles: true })\n      setValue.call(select, value)\n      select.dispatchEvent(event)\n    }\n  }, [prevValue, value])\n\n  /**\n   * We purposefully use a `select` here to support form autofill as much\n   * as possible.\n   *\n   * We purposefully do not add the `value` attribute here to allow the value\n   * to be set programatically and bubble to any parent form `onChange` event.\n   * Adding the `value` will cause React to consider the programatic\n   * dispatch a duplicate and it will get swallowed.\n   *\n   * We use `VisuallyHidden` rather than `display: \"none\"` because Safari autofill\n   * won't work otherwise.\n   */\n  // TODO\n  return null\n  // return (\n  //   <VisuallyHidden asChild>\n  //     <select {...selectProps} ref={composedRefs} defaultValue={value} />\n  //   </VisuallyHidden>\n  // )\n})\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,YAAY,IAAI;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,YAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AACA,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CAAC;",
-  "names": []
-}

package/dist/esm/Select.js

@@ -1,452 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { Adapt, useAdaptParent } from "@tamagui/adapt";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { isWeb } from "@tamagui/core";
-import {
-  styled,
-  useGet,
-  useIsomorphicLayoutEffect,
-  withStaticProperties
-} from "@tamagui/core";
-import { useId } from "@tamagui/core";
-import { ListItem } from "@tamagui/list-item";
-import { PortalHost } from "@tamagui/portal";
-import { Separator } from "@tamagui/separator";
-import { ControlledSheet, SheetController } from "@tamagui/sheet";
-import { XStack, YStack } from "@tamagui/stacks";
-import { Paragraph, SizableText } from "@tamagui/text";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import * as React from "react";
-import { SELECT_NAME } from "./constants";
-import { SelectProvider, createSelectContext, useSelectContext } from "./context";
-import { SelectContent } from "./SelectContent";
-import { SelectInlineImpl } from "./SelectImpl";
-import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
-import { SelectViewport } from "./SelectViewport";
-import {
-  useSelectBreakpointActive,
-  useShowSelectSheet
-} from "./useSelectBreakpointActive";
-const TRIGGER_NAME = "SelectTrigger";
-const SelectTrigger = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSelect,
-      disabled = false,
-      "aria-labelledby": ariaLabelledby,
-      ...triggerProps
-    } = props;
-    const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
-    const labelledBy = ariaLabelledby;
-    return /* @__PURE__ */ jsx(ListItem, {
-      componentName: TRIGGER_NAME,
-      backgrounded: true,
-      radiused: true,
-      hoverTheme: true,
-      pressTheme: true,
-      focusTheme: true,
-      focusable: true,
-      borderWidth: 1,
-      size: context.size,
-      "aria-expanded": context.open,
-      "aria-autocomplete": "none",
-      "aria-labelledby": labelledBy,
-      dir: context.dir,
-      disabled,
-      "data-disabled": disabled ? "" : void 0,
-      ...triggerProps,
-      ref: forwardedRef,
-      ...process.env.TAMAGUI_TARGET === "web" && context.interactions ? context.interactions.getReferenceProps() : {
-        onPress() {
-          context.setOpen(!context.open);
-        }
-      }
-    });
-  }
-);
-SelectTrigger.displayName = TRIGGER_NAME;
-const VALUE_NAME = "SelectValue";
-const SelectValueFrame = styled(Paragraph, {
-  name: VALUE_NAME,
-  selectable: false
-});
-const SelectValue = SelectValueFrame.extractable(
-  React.forwardRef(
-    ({
-      __scopeSelect,
-      children: childrenProp,
-      placeholder
-    }, forwardedRef) => {
-      const context = useSelectContext(VALUE_NAME, __scopeSelect);
-      const { onValueNodeHasChildrenChange } = context;
-      const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
-      const children = childrenProp ?? context.selectedItem;
-      const hasChildren = !!children;
-      const selectValueChildren = context.value === void 0 && placeholder !== void 0 ? placeholder : children;
-      useIsomorphicLayoutEffect(() => {
-        onValueNodeHasChildrenChange(hasChildren);
-      }, [onValueNodeHasChildrenChange, hasChildren]);
-      return /* @__PURE__ */ jsx(SelectValueFrame, {
-        size: context.size,
-        ref: composedRefs,
-        pointerEvents: "none",
-        children: selectValueChildren
-      });
-    }
-  )
-);
-SelectValue.displayName = VALUE_NAME;
-const SelectIcon = styled(XStack, {
-  name: "SelectIcon",
-  "aria-hidden": true,
-  children: /* @__PURE__ */ jsx(Paragraph, {
-    children: "\u25BC"
-  })
-});
-const ITEM_NAME = "SelectItem";
-const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-const SelectItem = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSelect,
-      value,
-      disabled = false,
-      textValue: textValueProp,
-      index,
-      ...itemProps
-    } = props;
-    const context = useSelectContext(ITEM_NAME, __scopeSelect);
-    const isSelected = context.value === value;
-    const textId = useId();
-    const {
-      selectedIndex,
-      setSelectedIndex,
-      listRef,
-      open,
-      setOpen,
-      onChange,
-      setActiveIndex,
-      allowMouseUpRef,
-      allowSelectRef,
-      setValueAtIndex,
-      selectTimeoutRef,
-      dataRef
-    } = context;
-    const composedRefs = useComposedRefs(forwardedRef, (node) => {
-      if (!isWeb)
-        return;
-      if (node instanceof HTMLElement) {
-        if (listRef) {
-          listRef.current[index] = node;
-        }
-      }
-    });
-    React.useEffect(() => {
-      setValueAtIndex(index, value);
-    }, [index, setValueAtIndex, value]);
-    function handleSelect() {
-      setSelectedIndex(index);
-      onChange(value);
-      setOpen(false);
-    }
-    const selectItemProps = context.interactions ? context.interactions.getItemProps({
-      onTouchStart() {
-        allowSelectRef.current = true;
-        allowMouseUpRef.current = false;
-      },
-      onKeyDown(event) {
-        if (event.key === "Enter" || event.key === " " && !(dataRef == null ? void 0 : dataRef.current.typing)) {
-          event.preventDefault();
-          handleSelect();
-        } else {
-          allowSelectRef.current = true;
-        }
-      },
-      onClick() {
-        if (allowSelectRef.current) {
-          setSelectedIndex(index);
-          setOpen(false);
-        }
-      },
-      onMouseUp() {
-        if (!allowMouseUpRef.current) {
-          return;
-        }
-        if (allowSelectRef.current) {
-          handleSelect();
-        }
-        clearTimeout(selectTimeoutRef.current);
-        selectTimeoutRef.current = setTimeout(() => {
-          allowSelectRef.current = true;
-        });
-      }
-    }) : {
-      onPress: handleSelect
-    };
-    return /* @__PURE__ */ jsx(SelectItemContextProvider, {
-      scope: __scopeSelect,
-      value,
-      textId: textId || "",
-      isSelected,
-      children: /* @__PURE__ */ jsx(ListItem, {
-        backgrounded: true,
-        pressTheme: true,
-        cursor: "",
-        focusTheme: true,
-        outlineWidth: 0,
-        componentName: ITEM_NAME,
-        ref: composedRefs,
-        "aria-labelledby": textId,
-        "aria-selected": isSelected,
-        "data-state": isSelected ? "active" : "inactive",
-        "aria-disabled": disabled || void 0,
-        "data-disabled": disabled ? "" : void 0,
-        tabIndex: disabled ? void 0 : -1,
-        size: context.size,
-        ...itemProps,
-        ...selectItemProps
-      })
-    });
-  }
-);
-SelectItem.displayName = ITEM_NAME;
-const ITEM_TEXT_NAME = "SelectItemText";
-const SelectItemTextFrame = styled(SizableText, {
-  name: ITEM_TEXT_NAME,
-  selectable: false
-});
-const SelectItemText = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, className, ...itemTextProps } = props;
-    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
-    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const isSelected = Boolean(itemContext.isSelected && context.valueNode);
-    const contents = React.useMemo(
-      () => /* @__PURE__ */ jsx(SelectItemTextFrame, {
-        className,
-        size: context.size,
-        id: itemContext.textId,
-        ...itemTextProps,
-        ref: composedRefs
-      }),
-      [props, context.size, className, itemContext.textId]
-    );
-    React.useEffect(() => {
-      if (isSelected) {
-        context.setSelectedItem(contents);
-      }
-    }, [isSelected, contents]);
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: contents
-    });
-  }
-);
-SelectItemText.displayName = ITEM_TEXT_NAME;
-const ITEM_INDICATOR_NAME = "SelectItemIndicator";
-const SelectItemIndicatorFrame = styled(XStack, {
-  name: ITEM_TEXT_NAME
-});
-const SelectItemIndicator = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...itemIndicatorProps } = props;
-    const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(SelectItemIndicatorFrame, {
-      "aria-hidden": true,
-      ...itemIndicatorProps,
-      ref: forwardedRef
-    }) : null;
-  }
-);
-SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-const GROUP_NAME = "SelectGroup";
-const [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-const SelectGroupFrame = styled(YStack, {
-  name: GROUP_NAME,
-  width: "100%"
-});
-const SelectGroup = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...groupProps } = props;
-    const groupId = useId();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, {
-      scope: __scopeSelect,
-      id: groupId || "",
-      children: /* @__PURE__ */ jsx(SelectGroupFrame, {
-        role: "group",
-        "aria-labelledby": groupId,
-        ...groupProps,
-        ref: forwardedRef
-      })
-    });
-  }
-);
-SelectGroup.displayName = GROUP_NAME;
-const LABEL_NAME = "SelectLabel";
-const SelectLabel = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...labelProps } = props;
-    const context = useSelectContext(LABEL_NAME, __scopeSelect);
-    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ jsx(ListItem, {
-      componentName: LABEL_NAME,
-      fontWeight: "800",
-      id: groupContext.id,
-      size: context.size,
-      ...labelProps,
-      ref: forwardedRef
-    });
-  }
-);
-SelectLabel.displayName = LABEL_NAME;
-const SelectSeparator = styled(Separator, {
-  name: "SelectSeparator"
-});
-const SelectSheetController = (props) => {
-  const context = useSelectContext("SelectSheetController", props.__scopeSelect);
-  const showSheet = useShowSelectSheet(context);
-  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
-  const getShowSheet = useGet(showSheet);
-  return /* @__PURE__ */ jsx(SheetController, {
-    onOpenChange: (val) => {
-      if (getShowSheet()) {
-        props.onOpenChange(val);
-      }
-    },
-    open: context.open,
-    hidden: breakpointActive === false,
-    children: props.children
-  });
-};
-const SelectSheetImpl = (props) => {
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: props.children
-  });
-};
-const Select = withStaticProperties(
-  (props) => {
-    const {
-      __scopeSelect,
-      children,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      value: valueProp,
-      defaultValue,
-      onValueChange,
-      size: sizeProp = "$4",
-      dir
-    } = props;
-    const id = useId();
-    const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id;
-    const { when, AdaptProvider } = useAdaptParent({
-      Contents: React.useCallback(
-        () => /* @__PURE__ */ jsx(PortalHost, {
-          name: `${scopeKey}SheetContents`
-        }),
-        [scopeKey]
-      )
-    });
-    const sheetBreakpoint = when;
-    const isSheet = useSelectBreakpointActive(sheetBreakpoint);
-    const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl;
-    const forceUpdate = React.useReducer(() => ({}), {})[1];
-    const [selectedItem, setSelectedItem] = React.useState(null);
-    const [open, setOpen] = useControllableState({
-      prop: openProp,
-      defaultProp: defaultOpen || false,
-      onChange: onOpenChange,
-      strategy: "most-recent-wins"
-    });
-    const [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue || "",
-      onChange: onValueChange,
-      strategy: "most-recent-wins",
-      transition: true
-    });
-    const [activeIndex, setActiveIndex] = React.useState(null);
-    const selectedIndexRef = React.useRef(null);
-    const activeIndexRef = React.useRef(null);
-    const listContentRef = React.useRef([]);
-    const [selectedIndex, setSelectedIndex] = React.useState(
-      Math.max(0, listContentRef.current.indexOf(value))
-    );
-    const [valueNode, setValueNode] = React.useState(null);
-    const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
-    useIsomorphicLayoutEffect(() => {
-      selectedIndexRef.current = selectedIndex;
-      activeIndexRef.current = activeIndex;
-    });
-    return /* @__PURE__ */ jsx(AdaptProvider, {
-      children: /* @__PURE__ */ jsx(SelectProvider, {
-        dir,
-        blockSelection: false,
-        size: sizeProp,
-        fallback: false,
-        selectedItem,
-        setSelectedItem,
-        forceUpdate,
-        valueNode,
-        onValueNodeChange: setValueNode,
-        onValueNodeHasChildrenChange: setValueNodeHasChildren,
-        valueNodeHasChildren,
-        scopeKey,
-        sheetBreakpoint,
-        scope: __scopeSelect,
-        setValueAtIndex: (index, value2) => {
-          listContentRef.current[index] = value2;
-        },
-        activeIndex,
-        onChange: setValue,
-        selectedIndex,
-        setActiveIndex,
-        setOpen,
-        setSelectedIndex,
-        value,
-        open,
-        children: /* @__PURE__ */ jsx(SelectSheetController, {
-          onOpenChange: setOpen,
-          __scopeSelect,
-          children: /* @__PURE__ */ jsx(SelectImpl, {
-            activeIndexRef,
-            listContentRef,
-            selectedIndexRef,
-            ...props,
-            open,
-            value,
-            children
-          })
-        })
-      })
-    });
-  },
-  {
-    Adapt,
-    Content: SelectContent,
-    Group: SelectGroup,
-    Icon: SelectIcon,
-    Item: SelectItem,
-    ItemIndicator: SelectItemIndicator,
-    ItemText: SelectItemText,
-    Label: SelectLabel,
-    ScrollDownButton: SelectScrollDownButton,
-    ScrollUpButton: SelectScrollUpButton,
-    Trigger: SelectTrigger,
-    Value: SelectValue,
-    Viewport: SelectViewport,
-    Sheet: ControlledSheet
-  }
-);
-Select.displayName = SELECT_NAME;
-export {
-  Select,
-  SelectGroupFrame,
-  SelectIcon,
-  SelectItem,
-  SelectItemTextFrame,
-  SelectSeparator,
-  SelectTrigger
-};
-//# sourceMappingURL=Select.js.map

package/dist/esm/Select.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Select.tsx"],
-  "sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, TamaguiElement, isClient, isWeb } from '@tamagui/core'\nimport {\n  styled,\n  useGet,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { useId } from '@tamagui/core'\nimport { ListItem, ListItemProps } from '@tamagui/list-item'\nimport { PortalHost } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { XStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { Paragraph, SizableText } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nimport { SELECT_NAME } from './constants'\nimport { SelectProvider, createSelectContext, useSelectContext } from './context'\nimport { SelectContent } from './SelectContent'\nimport { SelectInlineImpl } from './SelectImpl'\nimport { SelectScrollDownButton, SelectScrollUpButton } from './SelectScrollButton'\nimport { SelectViewport } from './SelectViewport'\nimport { ScopedProps, SelectImplProps, SelectProps } from './types'\nimport {\n  useSelectBreakpointActive,\n  useShowSelectSheet,\n} from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SelectTrigger'\n\nexport type SelectTriggerProps = ListItemProps\n\nexport const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps>(\n  (props: ScopedProps<SelectTriggerProps>, forwardedRef) => {\n    const {\n      __scopeSelect,\n      disabled = false,\n      // @ts-ignore\n      'aria-labelledby': ariaLabelledby,\n      ...triggerProps\n    } = props\n    const context = useSelectContext(TRIGGER_NAME, __scopeSelect)\n    // const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange)\n    // const getItems = useCollection(__scopeSelect)\n    // const labelId = useLabelContext(context.trigger)\n    const labelledBy = ariaLabelledby // || labelId\n\n    return (\n      <ListItem\n        componentName={TRIGGER_NAME}\n        backgrounded\n        radiused\n        hoverTheme\n        pressTheme\n        focusTheme\n        focusable\n        borderWidth={1}\n        size={context.size}\n        // aria-controls={context.contentId}\n        aria-expanded={context.open}\n        aria-autocomplete=\"none\"\n        aria-labelledby={labelledBy}\n        dir={context.dir}\n        disabled={disabled}\n        data-disabled={disabled ? '' : undefined}\n        {...triggerProps}\n        ref={forwardedRef}\n        {...(process.env.TAMAGUI_TARGET === 'web' && context.interactions\n          ? context.interactions.getReferenceProps()\n          : {\n              onPress() {\n                context.setOpen(!context.open)\n              },\n            })}\n      />\n    )\n  }\n)\n\nSelectTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectValue\n * -----------------------------------------------------------------------------------------------*/\n\nconst VALUE_NAME = 'SelectValue'\n\nconst SelectValueFrame = styled(Paragraph, {\n  name: VALUE_NAME,\n  selectable: false,\n})\n\ntype SelectValueProps = GetProps<typeof SelectValueFrame> & {\n  placeholder?: React.ReactNode\n}\n\nconst SelectValue = SelectValueFrame.extractable(\n  React.forwardRef<TamaguiElement, SelectValueProps>(\n    (\n      {\n        __scopeSelect,\n        children: childrenProp,\n        placeholder,\n      }: ScopedProps<SelectValueProps>,\n      forwardedRef\n    ) => {\n      // We ignore `className` and `style` as this part shouldn't be styled.\n      const context = useSelectContext(VALUE_NAME, __scopeSelect)\n      const { onValueNodeHasChildrenChange } = context\n      const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)\n\n      const children = childrenProp ?? context.selectedItem\n      const hasChildren = !!children\n      const selectValueChildren =\n        context.value === undefined && placeholder !== undefined ? placeholder : children\n\n      useIsomorphicLayoutEffect(() => {\n        onValueNodeHasChildrenChange(hasChildren)\n      }, [onValueNodeHasChildrenChange, hasChildren])\n\n      return (\n        <SelectValueFrame\n          size={context.size}\n          ref={composedRefs}\n          // we don't want events from the portalled `SelectValue` children to bubble\n          // through the item they came from\n          pointerEvents=\"none\"\n        >\n          {selectValueChildren}\n        </SelectValueFrame>\n      )\n    }\n  )\n)\n\nSelectValue.displayName = VALUE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectIcon\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectIcon = styled(XStack, {\n  name: 'SelectIcon',\n  // @ts-ignore\n  'aria-hidden': true,\n  children: <Paragraph>\u25BC</Paragraph>,\n})\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'SelectItem'\n\ntype SelectItemContextValue = {\n  value: string\n  textId: string\n  isSelected: boolean\n}\n\nconst [SelectItemContextProvider, useSelectItemContext] =\n  createSelectContext<SelectItemContextValue>(ITEM_NAME)\n\nexport interface SelectItemProps extends YStackProps {\n  value: string\n  index: number\n  disabled?: boolean\n  textValue?: string\n}\n\nexport const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(\n  (props: ScopedProps<SelectItemProps>, forwardedRef) => {\n    const {\n      __scopeSelect,\n      value,\n      disabled = false,\n      textValue: textValueProp,\n      index,\n      ...itemProps\n    } = props\n    const context = useSelectContext(ITEM_NAME, __scopeSelect)\n    const isSelected = context.value === value\n    const textId = useId()\n\n    const {\n      selectedIndex,\n      setSelectedIndex,\n      listRef,\n      open,\n      setOpen,\n      onChange,\n      setActiveIndex,\n      allowMouseUpRef,\n      allowSelectRef,\n      setValueAtIndex,\n      selectTimeoutRef,\n      dataRef,\n    } = context\n\n    const composedRefs = useComposedRefs(forwardedRef, (node) => {\n      if (!isWeb) return\n      if (node instanceof HTMLElement) {\n        if (listRef) {\n          listRef.current[index] = node\n        }\n      }\n    })\n\n    React.useEffect(() => {\n      setValueAtIndex(index, value)\n    }, [index, setValueAtIndex, value])\n\n    function handleSelect() {\n      setSelectedIndex(index)\n      onChange(value)\n      setOpen(false)\n    }\n\n    const selectItemProps = context.interactions\n      ? context.interactions.getItemProps({\n          onTouchStart() {\n            allowSelectRef!.current = true\n            allowMouseUpRef!.current = false\n          },\n          onKeyDown(event) {\n            if (\n              event.key === 'Enter' ||\n              (event.key === ' ' && !dataRef?.current.typing)\n            ) {\n              event.preventDefault()\n              handleSelect()\n            } else {\n              allowSelectRef!.current = true\n            }\n          },\n          onClick() {\n            if (allowSelectRef!.current) {\n              setSelectedIndex(index)\n              setOpen(false)\n            }\n          },\n          onMouseUp() {\n            if (!allowMouseUpRef!.current) {\n              return\n            }\n\n            if (allowSelectRef!.current) {\n              handleSelect()\n            }\n\n            // On touch devices, prevent the element from\n            // immediately closing `onClick` by deferring it\n            clearTimeout(selectTimeoutRef!.current)\n            selectTimeoutRef!.current = setTimeout(() => {\n              allowSelectRef!.current = true\n            })\n          },\n        })\n      : {\n          onPress: handleSelect,\n        }\n\n    return (\n      <SelectItemContextProvider\n        scope={__scopeSelect}\n        value={value}\n        textId={textId || ''}\n        isSelected={isSelected}\n      >\n        <ListItem\n          backgrounded\n          pressTheme\n          cursor=\"\"\n          focusTheme\n          outlineWidth={0}\n          componentName={ITEM_NAME}\n          ref={composedRefs}\n          aria-labelledby={textId}\n          aria-selected={isSelected}\n          data-state={isSelected ? 'active' : 'inactive'}\n          aria-disabled={disabled || undefined}\n          data-disabled={disabled ? '' : undefined}\n          tabIndex={disabled ? undefined : -1}\n          size={context.size}\n          {...itemProps}\n          {...selectItemProps}\n        />\n      </SelectItemContextProvider>\n    )\n  }\n)\n\nSelectItem.displayName = ITEM_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemText\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_TEXT_NAME = 'SelectItemText'\n\nexport const SelectItemTextFrame = styled(SizableText, {\n  name: ITEM_TEXT_NAME,\n  selectable: false,\n})\n\ntype SelectItemTextProps = GetProps<typeof SelectItemTextFrame>\n\nconst SelectItemText = React.forwardRef<TamaguiElement, SelectItemTextProps>(\n  (props: ScopedProps<SelectItemTextProps>, forwardedRef) => {\n    const { __scopeSelect, className, ...itemTextProps } = props\n    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect)\n    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)\n    const ref = React.useRef<TamaguiElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const isSelected = Boolean(itemContext.isSelected && context.valueNode)\n\n    const contents = React.useMemo(\n      () => (\n        <SelectItemTextFrame\n          className={className}\n          size={context.size}\n          id={itemContext.textId}\n          {...itemTextProps}\n          ref={composedRefs}\n        />\n      ),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [props, context.size, className, itemContext.textId]\n    )\n\n    // until portals work in sub-trees on RN, use this just for native:\n    React.useEffect(() => {\n      if (isSelected) {\n        context.setSelectedItem(contents)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isSelected, contents])\n\n    return (\n      <>\n        {contents}\n\n        {/* Portal the select item text into the trigger value node */}\n        {/* this needs some extra stability between renders */}\n        {/* {isWeb && isSelected\n          ? ReactDOM.createPortal(itemTextProps.children, context.valueNode!)\n          : null} */}\n\n        {/* Portal an option in the bubble select */}\n        {/* {context.bubbleSelect\n          ? ReactDOM.createPortal(\n              // we use `.textContent` because `option` only support `string` or `number`\n              <option value={itemContext.value}>{ref.current?.textContent}</option>,\n              context.bubbleSelect\n            )\n          : null} */}\n      </>\n    )\n  }\n)\n\nSelectItemText.displayName = ITEM_TEXT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_INDICATOR_NAME = 'SelectItemIndicator'\n\nconst SelectItemIndicatorFrame = styled(XStack, {\n  name: ITEM_TEXT_NAME,\n})\n\ntype SelectItemIndicatorProps = GetProps<typeof SelectItemIndicatorFrame>\n\nconst SelectItemIndicator = React.forwardRef<TamaguiElement, SelectItemIndicatorProps>(\n  (props: ScopedProps<SelectItemIndicatorProps>, forwardedRef) => {\n    const { __scopeSelect, ...itemIndicatorProps } = props\n    const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect)\n    return itemContext.isSelected ? (\n      <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} />\n    ) : null\n  }\n)\n\nSelectItemIndicator.displayName = ITEM_INDICATOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst GROUP_NAME = 'SelectGroup'\n\ntype SelectGroupContextValue = { id: string }\n\nconst [SelectGroupContextProvider, useSelectGroupContext] =\n  createSelectContext<SelectGroupContextValue>(GROUP_NAME)\n\nexport const SelectGroupFrame = styled(YStack, {\n  name: GROUP_NAME,\n  width: '100%',\n})\n\ntype SelectGroupProps = GetProps<typeof SelectGroupFrame>\n\nconst SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(\n  (props: ScopedProps<SelectGroupProps>, forwardedRef) => {\n    const { __scopeSelect, ...groupProps } = props\n    const groupId = useId()\n    return (\n      <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ''}>\n        <SelectGroupFrame\n          // @ts-ignore\n          role=\"group\"\n          aria-labelledby={groupId}\n          {...groupProps}\n          ref={forwardedRef}\n        />\n      </SelectGroupContextProvider>\n    )\n  }\n)\n\nSelectGroup.displayName = GROUP_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'SelectLabel'\n\nexport type SelectLabelProps = ListItemProps\n\nconst SelectLabel = React.forwardRef<TamaguiElement, SelectLabelProps>(\n  (props: ScopedProps<SelectLabelProps>, forwardedRef) => {\n    const { __scopeSelect, ...labelProps } = props\n    const context = useSelectContext(LABEL_NAME, __scopeSelect)\n    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)\n    return (\n      <ListItem\n        componentName={LABEL_NAME}\n        fontWeight=\"800\"\n        id={groupContext.id}\n        size={context.size}\n        {...labelProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSelectLabel.displayName = LABEL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectSeparator = styled(Separator, {\n  name: 'SelectSeparator',\n})\n\nconst SelectSheetController = (\n  props: ScopedProps<{}> & {\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }\n) => {\n  const context = useSelectContext('SelectSheetController', props.__scopeSelect)\n  const showSheet = useShowSelectSheet(context)\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  const getShowSheet = useGet(showSheet)\n\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst SelectSheetImpl = (props: SelectImplProps) => {\n  return <>{props.children}</>\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Select = withStaticProperties(\n  (props: ScopedProps<SelectProps>) => {\n    const {\n      __scopeSelect,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      size: sizeProp = '$4',\n      dir,\n    } = props\n\n    const id = useId()\n    const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(\n        () => <PortalHost name={`${scopeKey}SheetContents`} />,\n        [scopeKey]\n      ),\n    })\n    const sheetBreakpoint = when\n    const isSheet = useSelectBreakpointActive(sheetBreakpoint)\n    const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl\n    const forceUpdate = React.useReducer(() => ({}), {})[1]\n    const [selectedItem, setSelectedItem] = React.useState<React.ReactNode>(null)\n\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange: onOpenChange,\n      strategy: 'most-recent-wins',\n    })\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue || '',\n      onChange: onValueChange,\n      strategy: 'most-recent-wins',\n      transition: true,\n    })\n\n    const [activeIndex, setActiveIndex] = React.useState<number | null>(null)\n    const selectedIndexRef = React.useRef<number | null>(null)\n    const activeIndexRef = React.useRef<number | null>(null)\n\n    const listContentRef = React.useRef<string[]>([])\n\n    const [selectedIndex, setSelectedIndex] = React.useState(\n      Math.max(0, listContentRef.current.indexOf(value))\n    )\n\n    const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)\n    const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false)\n\n    useIsomorphicLayoutEffect(() => {\n      selectedIndexRef.current = selectedIndex\n      activeIndexRef.current = activeIndex\n    })\n\n    return (\n      <AdaptProvider>\n        <SelectProvider\n          dir={dir}\n          blockSelection={false}\n          size={sizeProp}\n          fallback={false}\n          selectedItem={selectedItem}\n          setSelectedItem={setSelectedItem}\n          forceUpdate={forceUpdate}\n          valueNode={valueNode}\n          onValueNodeChange={setValueNode}\n          onValueNodeHasChildrenChange={setValueNodeHasChildren}\n          valueNodeHasChildren={valueNodeHasChildren}\n          scopeKey={scopeKey}\n          sheetBreakpoint={sheetBreakpoint}\n          scope={__scopeSelect}\n          setValueAtIndex={(index, value) => {\n            listContentRef.current[index] = value\n          }}\n          activeIndex={activeIndex}\n          onChange={setValue}\n          selectedIndex={selectedIndex}\n          setActiveIndex={setActiveIndex}\n          setOpen={setOpen}\n          setSelectedIndex={setSelectedIndex}\n          value={value}\n          open={open}\n        >\n          <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>\n            <SelectImpl\n              activeIndexRef={activeIndexRef}\n              listContentRef={listContentRef}\n              selectedIndexRef={selectedIndexRef}\n              {...props}\n              open={open}\n              value={value}\n            >\n              {children}\n            </SelectImpl>\n          </SelectSheetController>\n        </SelectProvider>\n      </AdaptProvider>\n    )\n  },\n  {\n    Adapt,\n    Content: SelectContent,\n    Group: SelectGroup,\n    Icon: SelectIcon,\n    Item: SelectItem,\n    ItemIndicator: SelectItemIndicator,\n    ItemText: SelectItemText,\n    Label: SelectLabel,\n    ScrollDownButton: SelectScrollDownButton,\n    ScrollUpButton: SelectScrollUpButton,\n    Trigger: SelectTrigger,\n    Value: SelectValue,\n    Viewport: SelectViewport,\n    Sheet: ControlledSheet,\n  }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n"],
-  "mappings": "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",
-  "names": ["value"]
-}

package/dist/esm/SelectContent.js

@@ -1,52 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { FloatingOverlay, FloatingPortal } from "@floating-ui/react-dom-interactions";
-import { Theme, useIsTouchDevice, useThemeName } from "@tamagui/core";
-import { Dismissable } from "@tamagui/dismissable";
-import { FocusScope } from "@tamagui/focus-scope";
-import { useSelectContext } from "./context";
-import { useShowSelectSheet } from "./useSelectBreakpointActive";
-const CONTENT_NAME = "SelectContent";
-const SelectContent = ({
-  children,
-  __scopeSelect,
-  zIndex = 1e3,
-  ...focusScopeProps
-}) => {
-  const context = useSelectContext(CONTENT_NAME, __scopeSelect);
-  const themeName = useThemeName();
-  const showSheet = useShowSelectSheet(context);
-  const contents = /* @__PURE__ */ jsx(Theme, {
-    name: themeName,
-    children
-  });
-  const touch = useIsTouchDevice();
-  if (showSheet) {
-    if (!context.open) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: contents
-    });
-  }
-  return /* @__PURE__ */ jsx(FloatingPortal, {
-    children: context.open ? /* @__PURE__ */ jsx(FloatingOverlay, {
-      style: { zIndex },
-      lockScroll: !touch,
-      children: /* @__PURE__ */ jsx(FocusScope, {
-        loop: true,
-        trapped: true,
-        ...focusScopeProps,
-        children: /* @__PURE__ */ jsx(Dismissable, {
-          children: contents
-        })
-      })
-    }) : /* @__PURE__ */ jsx("div", {
-      style: { display: "none" },
-      children: contents
-    })
-  });
-};
-export {
-  SelectContent
-};
-//# sourceMappingURL=SelectContent.js.map

package/dist/esm/SelectContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectContent.tsx"],
-  "sourcesContent": ["import { FloatingOverlay, FloatingPortal } from '@floating-ui/react-dom-interactions'\nimport { Theme, useIsTouchDevice, useThemeName } from '@tamagui/core'\nimport { Dismissable } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\n\nimport { useSelectContext } from './context'\nimport { SelectContentProps } from './types'\nimport { useShowSelectSheet } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'SelectContent'\n\nexport const SelectContent = ({\n  children,\n  __scopeSelect,\n  zIndex = 1000,\n  ...focusScopeProps\n}: SelectContentProps & FocusScopeProps) => {\n  const context = useSelectContext(CONTENT_NAME, __scopeSelect)\n  const themeName = useThemeName()\n  const showSheet = useShowSelectSheet(context)\n  const contents = <Theme name={themeName}>{children}</Theme>\n  const touch = useIsTouchDevice()\n\n  if (showSheet) {\n    if (!context.open) {\n      return null\n    }\n    return <>{contents}</>\n  }\n\n  return (\n    <FloatingPortal>\n      {context.open ? (\n        <FloatingOverlay style={{ zIndex }} lockScroll={!touch}>\n          <FocusScope loop trapped {...focusScopeProps}>\n            <Dismissable>{contents}</Dismissable>\n          </FocusScope>\n        </FloatingOverlay>\n      ) : (\n        <div style={{ display: 'none' }}>{contents}</div>\n      )}\n    </FloatingPortal>\n  )\n}\n"],
-  "mappings": "AAwBmB,SAOR,UAPQ;AAxBnB,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,OAAO,kBAAkB,oBAAoB;AACtD,SAAS,mBAAmB;AAC5B,SAAS,kBAAmC;AAE5C,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAMnC,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,KACN;AACL,MAA4C;AAC1C,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,YAAY,aAAa;AAC/B,QAAM,YAAY,mBAAmB,OAAO;AAC5C,QAAM,WAAW,oBAAC;AAAA,IAAM,MAAM;AAAA,IAAY;AAAA,GAAS;AACnD,QAAM,QAAQ,iBAAiB;AAE/B,MAAI,WAAW;AACb,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,MAAG;AAAA,KAAS;AAAA,EACrB;AAEA,SACE,oBAAC;AAAA,IACE,kBAAQ,OACP,oBAAC;AAAA,MAAgB,OAAO,EAAE,OAAO;AAAA,MAAG,YAAY,CAAC;AAAA,MAC/C,8BAAC;AAAA,QAAW,MAAI;AAAA,QAAC,SAAO;AAAA,QAAE,GAAG;AAAA,QAC3B,8BAAC;AAAA,UAAa;AAAA,SAAS;AAAA,OACzB;AAAA,KACF,IAEA,oBAAC;AAAA,MAAI,OAAO,EAAE,SAAS,OAAO;AAAA,MAAI;AAAA,KAAS;AAAA,GAE/C;AAEJ;",
-  "names": []
-}

package/dist/esm/SelectContent.native.js

@@ -1,7 +0,0 @@
-const SelectContent = ({ children }) => {
-  return children;
-};
-export {
-  SelectContent
-};
-//# sourceMappingURL=SelectContent.native.js.map

package/dist/esm/SelectContent.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectContent.native.tsx"],
-  "sourcesContent": ["import { SelectContentProps } from './types'\n\nexport const SelectContent = ({ children }: SelectContentProps) => {\n  return children\n}\n"],
-  "mappings": "AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA0B;AACjE,SAAO;AACT;",
-  "names": []
-}