@tamagui/select 1.13.3 → 1.13.4

package/dist/cjs/BubbleSelect.js

@@ -1,48 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_react_use_previous = require("@radix-ui/react-use-previous");
-var import_compose_refs = require("@tamagui/compose-refs");
-var React = __toESM(require("react"));
-const BubbleSelect = React.forwardRef((props, forwardedRef) => {
-  const { value, ...selectProps } = props;
-  const ref = React.useRef(null);
-  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-  const prevValue = (0, import_react_use_previous.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;
-});
+"use strict";var d=Object.create;var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var P=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of R(t))!E.call(e,s)&&s!==o&&u(e,s,{get:()=>t[s],enumerable:!(r=v(t,s))||r.enumerable});return e};var w=(e,t,o)=>(o=e!=null?d(b(e)):{},P(t||!e||!e.__esModule?u(o,"default",{value:e,enumerable:!0}):o,e));var f=require("@radix-ui/react-use-previous"),a=require("@tamagui/compose-refs"),c=w(require("react"));const H=c.forwardRef((e,t)=>{const{value:o,...r}=e,s=c.useRef(null),S=(0,a.useComposedRefs)(t,s),n=(0,f.usePrevious)(o);return c.useEffect(()=>{const l=s.current,i=window.HTMLSelectElement.prototype,p=Object.getOwnPropertyDescriptor(i,"value").set;if(n!==o&&p){const m=new Event("change",{bubbles:!0});p.call(l,o),l.dispatchEvent(m)}},[n,o]),null});
 //# sourceMappingURL=BubbleSelect.js.map

package/dist/cjs/BubbleSelect.js.map

@@ -2,6 +2,6 @@
   "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,gCAA4B;AAC5B,0BAAgC;AAChC,YAAuB;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,mBAAe,qCAAgB,cAAc,GAAG;AACtD,QAAM,gBAAY,uCAAY,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": []
+  "mappings": "wdAAA,IAAAA,EAA4B,wCAC5BC,EAAgC,iCAChCC,EAAuB,oBAGvB,MAAMC,EAAeD,EAAM,WAGzB,CAACE,EAAOC,IAAiB,CACzB,KAAM,CAAE,MAAAC,EAAO,GAAGC,CAAY,EAAIH,EAC5BI,EAAMN,EAAM,OAA0B,IAAI,EAC1CO,KAAe,mBAAgBJ,EAAcG,CAAG,EAChDE,KAAY,eAAYJ,CAAK,EAGnC,OAAAJ,EAAM,UAAU,IAAM,CACpB,MAAMS,EAASH,EAAI,QACbI,EAAc,OAAO,kBAAkB,UAKvCC,EAJa,OAAO,yBACxBD,EACA,OACF,EAC4B,IAC5B,GAAIF,IAAcJ,GAASO,EAAU,CACnC,MAAMC,EAAQ,IAAI,MAAM,SAAU,CAAE,QAAS,EAAK,CAAC,EACnDD,EAAS,KAAKF,EAAQL,CAAK,EAC3BK,EAAO,cAAcG,CAAK,CAC5B,CACF,EAAG,CAACJ,EAAWJ,CAAK,CAAC,EAed,IAMT,CAAC",
+  "names": ["import_react_use_previous", "import_compose_refs", "React", "BubbleSelect", "props", "forwardedRef", "value", "selectProps", "ref", "composedRefs", "prevValue", "select", "selectProto", "setValue", "event"]
 }

package/dist/cjs/Select.js

@@ -1,495 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Select_exports = {};
-__export(Select_exports, {
-  Select: () => Select,
-  SelectGroupFrame: () => SelectGroupFrame,
-  SelectIcon: () => SelectIcon,
-  SelectItem: () => SelectItem,
-  SelectItemTextFrame: () => SelectItemTextFrame,
-  SelectSeparator: () => SelectSeparator,
-  SelectTrigger: () => SelectTrigger
-});
-module.exports = __toCommonJS(Select_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_adapt = require("@tamagui/adapt");
-var import_compose_refs = require("@tamagui/compose-refs");
-var import_core = require("@tamagui/core");
-var import_list_item = require("@tamagui/list-item");
-var import_portal = require("@tamagui/portal");
-var import_separator = require("@tamagui/separator");
-var import_sheet = require("@tamagui/sheet");
-var import_stacks = require("@tamagui/stacks");
-var import_text = require("@tamagui/text");
-var import_use_controllable_state = require("@tamagui/use-controllable-state");
-var React = __toESM(require("react"));
-var import_constants = require("./constants");
-var import_context = require("./context");
-var import_SelectContent = require("./SelectContent");
-var import_SelectImpl = require("./SelectImpl");
-var import_SelectScrollButton = require("./SelectScrollButton");
-var import_SelectViewport = require("./SelectViewport");
-var import_useSelectBreakpointActive = require("./useSelectBreakpointActive");
-const TRIGGER_NAME = "SelectTrigger";
-const SelectTrigger = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSelect,
-      disabled = false,
-      // @ts-ignore
-      "aria-labelledby": ariaLabelledby,
-      ...triggerProps
-    } = props;
-    const context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect);
-    const labelledBy = ariaLabelledby;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_list_item.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 = (0, import_core.styled)(import_text.Paragraph, {
-  name: VALUE_NAME,
-  userSelect: "none"
-});
-const SelectValue = SelectValueFrame.extractable(
-  React.forwardRef(
-    ({
-      __scopeSelect,
-      children: childrenProp,
-      placeholder
-    }, forwardedRef) => {
-      const context = (0, import_context.useSelectContext)(VALUE_NAME, __scopeSelect);
-      const { onValueNodeHasChildrenChange } = context;
-      const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.onValueNodeChange);
-      const children = childrenProp ?? context.selectedItem;
-      const hasChildren = !!children;
-      const isEmptyValue = context.value == null || context.value === "";
-      const selectValueChildren = isEmptyValue ? placeholder ?? children : children;
-      (0, import_core.useIsomorphicLayoutEffect)(() => {
-        onValueNodeHasChildrenChange(hasChildren);
-      }, [onValueNodeHasChildrenChange, hasChildren]);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        SelectValueFrame,
-        {
-          size: context.size,
-          ref: composedRefs,
-          pointerEvents: "none",
-          children: selectValueChildren
-        }
-      );
-    }
-  )
-);
-SelectValue.displayName = VALUE_NAME;
-const SelectIcon = (0, import_core.styled)(import_stacks.XStack, {
-  name: "SelectIcon",
-  // @ts-ignore
-  "aria-hidden": true,
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Paragraph, { children: "\u25BC" })
-});
-const ITEM_NAME = "SelectItem";
-const [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME);
-const SelectItem = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSelect,
-      value,
-      disabled = false,
-      textValue: textValueProp,
-      index,
-      ...itemProps
-    } = props;
-    const context = (0, import_context.useSelectContext)(ITEM_NAME, __scopeSelect);
-    const isSelected = context.value === value;
-    const textId = (0, import_core.useId)();
-    const {
-      selectedIndex,
-      setSelectedIndex,
-      listRef,
-      open,
-      setOpen,
-      onChange,
-      setActiveIndex,
-      allowMouseUpRef,
-      allowSelectRef,
-      setValueAtIndex,
-      selectTimeoutRef,
-      dataRef
-    } = context;
-    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => {
-      if (!import_core.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__ */ (0, import_jsx_runtime.jsx)(
-      SelectItemContextProvider,
-      {
-        scope: __scopeSelect,
-        value,
-        textId: textId || "",
-        isSelected,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_list_item.ListItem,
-          {
-            tag: "div",
-            backgrounded: true,
-            pressTheme: true,
-            hoverTheme: true,
-            cursor: "default",
-            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,
-            focusStyle: {
-              backgroundColor: "$backgroundHover"
-            },
-            ...itemProps,
-            ...selectItemProps
-          }
-        )
-      }
-    );
-  }
-);
-SelectItem.displayName = ITEM_NAME;
-const ITEM_TEXT_NAME = "SelectItemText";
-const SelectItemTextFrame = (0, import_core.styled)(import_text.SizableText, {
-  name: ITEM_TEXT_NAME,
-  userSelect: "none"
-});
-const SelectItemText = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, className, ...itemTextProps } = props;
-    const context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect);
-    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
-    const ref = React.useRef(null);
-    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-    const isSelected = Boolean(itemContext.isSelected && context.valueNode);
-    const contents = React.useMemo(
-      () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        SelectItemTextFrame,
-        {
-          className,
-          size: context.size,
-          id: itemContext.textId,
-          ...itemTextProps,
-          ref: composedRefs
-        }
-      ),
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [props, context.size, className, itemContext.textId]
-    );
-    (0, import_core.useIsomorphicLayoutEffect)(() => {
-      if (isSelected) {
-        context.setSelectedItem(contents);
-      }
-    }, [isSelected, contents]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents });
-  }
-);
-SelectItemText.displayName = ITEM_TEXT_NAME;
-const ITEM_INDICATOR_NAME = "SelectItemIndicator";
-const SelectItemIndicatorFrame = (0, import_core.styled)(import_stacks.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__ */ (0, import_jsx_runtime.jsx)(SelectItemIndicatorFrame, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
-  }
-);
-SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-const GROUP_NAME = "SelectGroup";
-const [SelectGroupContextProvider, useSelectGroupContext] = (0, import_context.createSelectContext)(GROUP_NAME);
-const SelectGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: GROUP_NAME,
-  width: "100%"
-});
-const SelectGroup = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...groupProps } = props;
-    const groupId = (0, import_core.useId)();
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId || "", children: /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_context.useSelectContext)(LABEL_NAME, __scopeSelect);
-    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_list_item.ListItem,
-      {
-        tag: "div",
-        componentName: LABEL_NAME,
-        fontWeight: "800",
-        id: groupContext.id,
-        size: context.size,
-        ...labelProps,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-SelectLabel.displayName = LABEL_NAME;
-const SelectSeparator = (0, import_core.styled)(import_separator.Separator, {
-  name: "SelectSeparator"
-});
-const SelectSheetController = (props) => {
-  const context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect);
-  const showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context);
-  const breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint);
-  const getShowSheet = (0, import_core.useGet)(showSheet);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sheet.SheetController,
-    {
-      onOpenChange: (val) => {
-        if (getShowSheet()) {
-          props.onOpenChange(val);
-        }
-      },
-      open: context.open,
-      hidden: breakpointActive === false,
-      children: props.children
-    }
-  );
-};
-const SelectSheetImpl = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
-};
-const Select = (0, import_core.withStaticProperties)(
-  (props) => {
-    const {
-      __scopeSelect,
-      children,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      value: valueProp,
-      defaultValue,
-      onValueChange,
-      size: sizeProp = "$true",
-      dir
-    } = props;
-    const id = (0, import_core.useId)();
-    const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id;
-    const { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-      Contents: React.useCallback(
-        () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { name: `${scopeKey}SheetContents` }),
-        [scopeKey]
-      )
-    });
-    const sheetBreakpoint = when;
-    const isSheet = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint);
-    const SelectImpl = isSheet || !import_core.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl;
-    const forceUpdate = React.useReducer(() => ({}), {})[1];
-    const [selectedItem, setSelectedItem] = React.useState(null);
-    const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-      prop: openProp,
-      defaultProp: defaultOpen || false,
-      onChange: onOpenChange
-    });
-    const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
-      prop: valueProp,
-      defaultProp: defaultValue || "",
-      onChange: onValueChange,
-      transition: true
-    });
-    const [activeIndex, setActiveIndex] = React.useState(0);
-    const selectedIndexRef = React.useRef(null);
-    const activeIndexRef = React.useRef(null);
-    const listContentRef = React.useRef([]);
-    const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const [valueNode, setValueNode] = React.useState(null);
-    const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
-    (0, import_core.useIsomorphicLayoutEffect)(() => {
-      selectedIndexRef.current = selectedIndex;
-      activeIndexRef.current = activeIndex;
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_context.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__ */ (0, import_jsx_runtime.jsx)(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          SelectImpl,
-          {
-            activeIndexRef,
-            listContentRef,
-            selectedIndexRef,
-            ...props,
-            open,
-            value,
-            children
-          }
-        ) })
-      }
-    ) });
-  },
-  {
-    Adapt: import_adapt.Adapt,
-    Content: import_SelectContent.SelectContent,
-    Group: SelectGroup,
-    Icon: SelectIcon,
-    Item: SelectItem,
-    ItemIndicator: SelectItemIndicator,
-    ItemText: SelectItemText,
-    Label: SelectLabel,
-    ScrollDownButton: import_SelectScrollButton.SelectScrollDownButton,
-    ScrollUpButton: import_SelectScrollButton.SelectScrollUpButton,
-    Trigger: SelectTrigger,
-    Value: SelectValue,
-    Viewport: import_SelectViewport.SelectViewport,
-    Sheet: import_sheet.ControlledSheet
-  }
-);
-Select.displayName = import_constants.SELECT_NAME;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Select,
-  SelectGroupFrame,
-  SelectIcon,
-  SelectItem,
-  SelectItemTextFrame,
-  SelectSeparator,
-  SelectTrigger
-});
+"use strict";var Re=Object.create;var A=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var Ne=Object.getOwnPropertyNames;var Ee=Object.getPrototypeOf,Ve=Object.prototype.hasOwnProperty;var _e=(e,t)=>{for(var r in t)A(e,r,{get:t[r],enumerable:!0})},Z=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ne(t))!Ve.call(e,o)&&o!==r&&A(e,o,{get:()=>t[o],enumerable:!(n=ye(t,o))||n.enumerable});return e};var Ae=(e,t,r)=>(r=e!=null?Re(Ee(e)):{},Z(t||!e||!e.__esModule?A(r,"default",{value:e,enumerable:!0}):r,e)),Ge=e=>Z(A({},"__esModule",{value:!0}),e);var Fe={};_e(Fe,{Select:()=>he,SelectGroupFrame:()=>Ie,SelectIcon:()=>Se,SelectItem:()=>K,SelectItemTextFrame:()=>fe,SelectSeparator:()=>ze,SelectTrigger:()=>W});module.exports=Ge(Fe);var l=require("react/jsx-runtime"),M=require("@tamagui/adapt"),L=require("@tamagui/compose-refs"),c=require("@tamagui/core"),k=require("@tamagui/list-item"),ae=require("@tamagui/portal"),ie=require("@tamagui/separator"),z=require("@tamagui/sheet"),T=require("@tamagui/stacks"),v=require("@tamagui/text"),D=require("@tamagui/use-controllable-state"),a=Ae(require("react")),pe=require("./constants"),d=require("./context"),de=require("./SelectContent"),ue=require("./SelectImpl"),O=require("./SelectScrollButton"),me=require("./SelectViewport"),R=require("./useSelectBreakpointActive");const F="SelectTrigger",W=a.forwardRef((e,t)=>{const{__scopeSelect:r,disabled:n=!1,"aria-labelledby":o,...i}=e,s=(0,d.useSelectContext)(F,r),u=o;return(0,l.jsx)(k.ListItem,{componentName:F,backgrounded:!0,radiused:!0,hoverTheme:!0,pressTheme:!0,focusTheme:!0,focusable:!0,borderWidth:1,size:s.size,"aria-expanded":s.open,"aria-autocomplete":"none","aria-labelledby":u,dir:s.dir,disabled:n,"data-disabled":n?"":void 0,...i,ref:t,...process.env.TAMAGUI_TARGET==="web"&&s.interactions?s.interactions.getReferenceProps():{onPress(){s.setOpen(!s.open)}}})});W.displayName=F;const H="SelectValue",ee=(0,c.styled)(v.Paragraph,{name:H,userSelect:"none"}),te=ee.extractable(a.forwardRef(({__scopeSelect:e,children:t,placeholder:r},n)=>{const o=(0,d.useSelectContext)(H,e),{onValueNodeHasChildrenChange:i}=o,s=(0,L.useComposedRefs)(n,o.onValueNodeChange),u=t??o.selectedItem,p=!!u,m=o.value==null||o.value===""?r??u:u;return(0,c.useIsomorphicLayoutEffect)(()=>{i(p)},[i,p]),(0,l.jsx)(ee,{size:o.size,ref:s,pointerEvents:"none",children:m})}));te.displayName=H;const Se=(0,c.styled)(T.XStack,{name:"SelectIcon","aria-hidden":!0,children:(0,l.jsx)(v.Paragraph,{children:"\u25BC"})}),G="SelectItem",[we,oe]=(0,d.createSelectContext)(G),K=a.forwardRef((e,t)=>{const{__scopeSelect:r,value:n,disabled:o=!1,textValue:i,index:s,...u}=e,p=(0,d.useSelectContext)(G,r),S=p.value===n,m=(0,c.useId)(),{selectedIndex:B,setSelectedIndex:h,listRef:y,open:$,setOpen:x,onChange:X,setActiveIndex:Y,allowMouseUpRef:N,allowSelectRef:I,setValueAtIndex:E,selectTimeoutRef:g,dataRef:P}=p,V=(0,L.useComposedRefs)(t,f=>{c.isWeb&&f instanceof HTMLElement&&y&&(y.current[s]=f)});a.useEffect(()=>{E(s,n)},[s,E,n]);function C(){h(s),X(n),x(!1)}const _=p.interactions?p.interactions.getItemProps({onTouchStart(){I.current=!0,N.current=!1},onKeyDown(f){f.key==="Enter"||f.key===" "&&!(P!=null&&P.current.typing)?(f.preventDefault(),C()):I.current=!0},onClick(){I.current&&(h(s),x(!1))},onMouseUp(){N.current&&(I.current&&C(),clearTimeout(g.current),g.current=setTimeout(()=>{I.current=!0}))}}):{onPress:C};return(0,l.jsx)(we,{scope:r,value:n,textId:m||"",isSelected:S,children:(0,l.jsx)(k.ListItem,{tag:"div",backgrounded:!0,pressTheme:!0,hoverTheme:!0,cursor:"default",outlineWidth:0,componentName:G,ref:V,"aria-labelledby":m,"aria-selected":S,"data-state":S?"active":"inactive","aria-disabled":o||void 0,"data-disabled":o?"":void 0,tabIndex:o?void 0:-1,size:p.size,focusStyle:{backgroundColor:"$backgroundHover"},...u,..._})})});K.displayName=G;const b="SelectItemText",fe=(0,c.styled)(v.SizableText,{name:b,userSelect:"none"}),re=a.forwardRef((e,t)=>{const{__scopeSelect:r,className:n,...o}=e,i=(0,d.useSelectContext)(b,r),s=oe(b,r),u=a.useRef(null),p=(0,L.useComposedRefs)(t,u),S=Boolean(s.isSelected&&i.valueNode),m=a.useMemo(()=>(0,l.jsx)(fe,{className:n,size:i.size,id:s.textId,...o,ref:p}),[e,i.size,n,s.textId]);return(0,c.useIsomorphicLayoutEffect)(()=>{S&&i.setSelectedItem(m)},[S,m]),(0,l.jsx)(l.Fragment,{children:m})});re.displayName=b;const ne="SelectItemIndicator",Le=(0,c.styled)(T.XStack,{name:b}),le=a.forwardRef((e,t)=>{const{__scopeSelect:r,...n}=e;return oe(ne,r).isSelected?(0,l.jsx)(Le,{"aria-hidden":!0,...n,ref:t}):null});le.displayName=ne;const U="SelectGroup",[ke,Me]=(0,d.createSelectContext)(U),Ie=(0,c.styled)(T.YStack,{name:U,width:"100%"}),ce=a.forwardRef((e,t)=>{const{__scopeSelect:r,...n}=e,o=(0,c.useId)();return(0,l.jsx)(ke,{scope:r,id:o||"",children:(0,l.jsx)(Ie,{role:"group","aria-labelledby":o,...n,ref:t})})});ce.displayName=U;const w="SelectLabel",se=a.forwardRef((e,t)=>{const{__scopeSelect:r,...n}=e,o=(0,d.useSelectContext)(w,r),i=Me(w,r);return(0,l.jsx)(k.ListItem,{tag:"div",componentName:w,fontWeight:"800",id:i.id,size:o.size,...n,ref:t})});se.displayName=w;const ze=(0,c.styled)(ie.Separator,{name:"SelectSeparator"}),Oe=e=>{const t=(0,d.useSelectContext)("SelectSheetController",e.__scopeSelect),r=(0,R.useShowSelectSheet)(t),n=(0,R.useSelectBreakpointActive)(t.sheetBreakpoint),o=(0,c.useGet)(r);return(0,l.jsx)(z.SheetController,{onOpenChange:i=>{o()&&e.onOpenChange(i)},open:t.open,hidden:n===!1,children:e.children})},Be=e=>(0,l.jsx)(l.Fragment,{children:e.children}),he=(0,c.withStaticProperties)(e=>{const{__scopeSelect:t,children:r,open:n,defaultOpen:o,onOpenChange:i,value:s,defaultValue:u,onValueChange:p,size:S="$true",dir:m}=e,B=(0,c.useId)(),h=t?Object.keys(t)[0]??B:B,{when:y,AdaptProvider:$}=(0,M.useAdaptParent)({Contents:a.useCallback(()=>(0,l.jsx)(ae.PortalHost,{name:`${h}SheetContents`}),[h])}),x=y,Y=(0,R.useSelectBreakpointActive)(x)||!c.isWeb?Be:ue.SelectInlineImpl,N=a.useReducer(()=>({}),{})[1],[I,E]=a.useState(null),[g,P]=(0,D.useControllableState)({prop:n,defaultProp:o||!1,onChange:i}),[V,C]=(0,D.useControllableState)({prop:s,defaultProp:u||"",onChange:p,transition:!0}),[_,f]=a.useState(0),j=a.useRef(null),q=a.useRef(null),J=a.useRef([]),[Q,Pe]=a.useState(0),[xe,ge]=a.useState(null),[Ce,be]=a.useState(!1);return(0,c.useIsomorphicLayoutEffect)(()=>{j.current=Q,q.current=_}),(0,l.jsx)($,{children:(0,l.jsx)(d.SelectProvider,{dir:m,blockSelection:!1,size:S,fallback:!1,selectedItem:I,setSelectedItem:E,forceUpdate:N,valueNode:xe,onValueNodeChange:ge,onValueNodeHasChildrenChange:be,valueNodeHasChildren:Ce,scopeKey:h,sheetBreakpoint:x,scope:t,setValueAtIndex:(Te,ve)=>{J.current[Te]=ve},activeIndex:_,onChange:C,selectedIndex:Q,setActiveIndex:f,setOpen:P,setSelectedIndex:Pe,value:V,open:g,children:(0,l.jsx)(Oe,{onOpenChange:P,__scopeSelect:t,children:(0,l.jsx)(Y,{activeIndexRef:q,listContentRef:J,selectedIndexRef:j,...e,open:g,value:V,children:r})})})})},{Adapt:M.Adapt,Content:de.SelectContent,Group:ce,Icon:Se,Item:K,ItemIndicator:le,ItemText:re,Label:se,ScrollDownButton:O.SelectScrollDownButton,ScrollUpButton:O.SelectScrollUpButton,Trigger:W,Value:te,Viewport:me.SelectViewport,Sheet:z.ControlledSheet});he.displayName=pe.SELECT_NAME;0&&(module.exports={Select,SelectGroupFrame,SelectIcon,SelectItem,SelectItemTextFrame,SelectSeparator,SelectTrigger});
 //# sourceMappingURL=Select.js.map