@tamagui/select 1.61.2 → 1.62.0

package/dist/cjs/Select.native.js

@@ -0,0 +1,353 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Select_exports = {};
+__export(Select_exports, {
+  Select: () => Select,
+  SelectGroupFrame: () => SelectGroupFrame,
+  SelectIcon: () => SelectIcon,
+  SelectItemTextFrame: () => SelectItemTextFrame,
+  SelectSeparator: () => SelectSeparator
+});
+module.exports = __toCommonJS(Select_exports);
+var import_adapt = require("@tamagui/adapt"), import_compose_refs = require("@tamagui/compose-refs"), import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_list_item = require("@tamagui/list-item"), import_portal = require("@tamagui/portal"), import_separator = require("@tamagui/separator"), import_sheet = require("@tamagui/sheet"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_constants = require("./constants"), import_context = require("./context"), import_SelectContent = require("./SelectContent"), import_SelectImpl = require("./SelectImpl"), import_SelectItem = require("./SelectItem"), import_SelectScrollButton = require("./SelectScrollButton"), import_SelectTrigger = require("./SelectTrigger"), import_SelectViewport = require("./SelectViewport"), import_useSelectBreakpointActive = require("./useSelectBreakpointActive"), import_jsx_runtime = require("react/jsx-runtime");
+const VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core.styled)(import_text.SizableText, {
+  name: VALUE_NAME,
+  userSelect: "none"
+}), SelectValue = SelectValueFrame.styleable(function({
+  __scopeSelect,
+  children: childrenProp,
+  placeholder,
+  ...props
+}, forwardedRef) {
+  const context = (0, import_context.useSelectContext)(VALUE_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(VALUE_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.onValueNodeChange), children = childrenProp ?? context.selectedItem, selectValueChildren = context.value == null || context.value === "" ? placeholder ?? children : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SelectValueFrame,
+    {
+      ...!props.unstyled && {
+        size: itemParentContext.size,
+        ellipse: !0
+      },
+      ref: composedRefs,
+      pointerEvents: "none",
+      ...props,
+      children: unwrapSelectItem(selectValueChildren)
+    }
+  );
+});
+function unwrapSelectItem(selectValueChildren) {
+  return React.Children.map(selectValueChildren, (child) => {
+    if (child) {
+      if (child.type?.staticConfig?.componentName === ITEM_TEXT_NAME)
+        return child.props.children;
+      if (child.props?.children)
+        return unwrapSelectItem(child.props.children);
+    }
+    return child;
+  });
+}
+const SelectIcon = (0, import_core.styled)(import_stacks.XStack, {
+  name: "SelectIcon",
+  // @ts-ignore
+  "aria-hidden": !0,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Paragraph, { children: "\u25BC" })
+}), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core.styled)(import_text.SizableText, {
+  name: ITEM_TEXT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        color: "$color",
+        ellipse: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), SelectItemText = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React.useMemo(
+      () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SelectItemTextFrame,
+        {
+          className,
+          size: itemParentContext.size,
+          id: itemContext.textId,
+          ...itemTextProps,
+          ref: composedRefs
+        }
+      ),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [props, itemParentContext.size, className, itemContext.textId]
+    );
+    return React.useEffect(() => {
+      itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents);
+    }, []), React.useEffect(() => itemParentContext.valueSubscribe((val) => {
+      val === itemContext.value && context.setSelectedItem(contents);
+    }), [itemContext.value]), itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents });
+  }
+);
+SelectItemText.displayName = ITEM_TEXT_NAME;
+const ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = (0, import_core.styled)(import_stacks.XStack, {
+  name: ITEM_TEXT_NAME
+}), SelectItemIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, ...itemIndicatorProps } = props, context = (0, import_context.useSelectItemParentContext)(ITEM_INDICATOR_NAME, __scopeSelect), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_INDICATOR_NAME, __scopeSelect);
+    return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemIndicatorFrame, { "aria-hidden": !0, ...itemIndicatorProps, ref: forwardedRef }) : null;
+  }
+);
+SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
+const GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupContext] = (0, import_context.createSelectContext)(GROUP_NAME), SelectGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: GROUP_NAME,
+  width: "100%"
+}), NativeSelectTextFrame = (0, import_core.styled)(import_text.SizableText, {
+  tag: "select",
+  backgroundColor: "$background",
+  borderColor: "$borderColor",
+  hoverStyle: {
+    backgroundColor: "$backgroundHover"
+  }
+}), NativeSelectFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "NativeSelect",
+  bordered: !0,
+  userSelect: "none",
+  outlineWidth: 0,
+  paddingRight: 10,
+  variants: {
+    size: {
+      "...size": (val, extras) => {
+        const { tokens } = extras, paddingHorizontal = (0, import_core.getVariableValue)(tokens.space[val]);
+        return {
+          borderRadius: tokens.radius[val] ?? val,
+          minHeight: tokens.size[val],
+          paddingRight: paddingHorizontal + 20,
+          paddingLeft: paddingHorizontal,
+          paddingVertical: (0, import_get_token.getSpace)(val, {
+            shift: -3
+          })
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$2"
+  }
+}), SelectGroup = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, ...groupProps } = props, groupId = React.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size = itemParentContext.size ?? "$true", nativeSelectRef = React.useRef(null), content = function() {
+      return itemParentContext.shouldRenderWebNative ? (
+        // @ts-expect-error until we support typing based on tag
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeSelectFrame, { asChild: !0, size, value: context.value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          NativeSelectTextFrame,
+          {
+            onChange: (event) => {
+              itemParentContext.onChange(event.currentTarget.value);
+            },
+            size,
+            ref: nativeSelectRef,
+            style: {
+              color: "var(--color)",
+              // @ts-ignore
+              appearance: "none"
+            },
+            children: props.children
+          }
+        ) })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SelectGroupFrame,
+        {
+          role: "group",
+          "aria-labelledby": groupId,
+          ...groupProps,
+          ref: forwardedRef
+        }
+      );
+    }();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId || "", children: content });
+  }
+);
+SelectGroup.displayName = GROUP_NAME;
+const LABEL_NAME = "SelectLabel", SelectLabel = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, ...labelProps } = props, context = (0, import_context.useSelectItemParentContext)(LABEL_NAME, __scopeSelect), groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
+    return context.shouldRenderWebNative ? null : /* @__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"
+}), SelectSheetController = (props) => {
+  const context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint), getShowSheet = (0, import_core.useGet)(showSheet);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_sheet.SheetController,
+    {
+      onOpenChange: (val) => {
+        getShowSheet() && props.onOpenChange(val);
+      },
+      open: context.open,
+      hidden: breakpointActive === !1,
+      children: props.children
+    }
+  );
+}, SelectSheetImpl = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children }), Select = (0, import_core.withStaticProperties)(
+  (props) => {
+    const {
+      __scopeSelect,
+      native,
+      children,
+      open: openProp,
+      defaultOpen,
+      onOpenChange,
+      value: valueProp,
+      defaultValue,
+      onValueChange,
+      size: sizeProp = "$true",
+      dir
+    } = props, id = React.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
+      Contents: React.useCallback(
+        () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { name: `${scopeKey}SheetContents` }),
+        [scopeKey]
+      )
+    }), sheetBreakpoint = when, SelectImpl = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint) || !import_core.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React.useReducer(() => ({}), {})[1], [selectedItem, setSelectedItem] = React.useState(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      prop: openProp,
+      defaultProp: defaultOpen || !1,
+      onChange: onOpenChange
+    }), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      prop: valueProp,
+      defaultProp: defaultValue || "",
+      onChange: onValueChange,
+      transition: !0
+    });
+    React.useEffect(() => {
+      open && emitValue(value);
+    }, [open]);
+    const [activeIndex, setActiveIndex] = React.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React.useRef(null), activeIndexRef = React.useRef(null), listContentRef = React.useRef([]), [selectedIndex, setSelectedIndex] = React.useState(0), [valueNode, setValueNode] = React.useState(null);
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
+    });
+    const shouldRenderWebNative = import_core.isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web"));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_context.SelectItemParentProvider,
+      {
+        scope: __scopeSelect,
+        initialValue: React.useMemo(() => value, []),
+        size: sizeProp,
+        activeIndexSubscribe,
+        valueSubscribe,
+        setOpen,
+        onChange: React.useCallback((val) => {
+          setValue(val), emitValue(val);
+        }, []),
+        setSelectedIndex,
+        setValueAtIndex: React.useCallback((index, value2) => {
+          listContentRef.current[index] = value2;
+        }, []),
+        shouldRenderWebNative,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_context.SelectProvider,
+          {
+            scope: __scopeSelect,
+            dir,
+            blockSelection: !1,
+            fallback: !1,
+            selectedItem,
+            setSelectedItem,
+            forceUpdate,
+            valueNode,
+            onValueNodeChange: setValueNode,
+            scopeKey,
+            sheetBreakpoint,
+            activeIndex,
+            selectedIndex,
+            setActiveIndex: React.useCallback((index) => {
+              setActiveIndex(index), typeof index == "number" && emitActiveIndex(index);
+            }, []),
+            value,
+            open,
+            native,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: shouldRenderWebNative ? 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: import_SelectItem.SelectItem,
+    ItemIndicator: SelectItemIndicator,
+    ItemText: SelectItemText,
+    Label: SelectLabel,
+    ScrollDownButton: import_SelectScrollButton.SelectScrollDownButton,
+    ScrollUpButton: import_SelectScrollButton.SelectScrollUpButton,
+    Trigger: import_SelectTrigger.SelectTrigger,
+    Value: SelectValue,
+    Viewport: import_SelectViewport.SelectViewport,
+    Sheet: import_sheet.Sheet.Controlled
+  }
+);
+function useEmitter() {
+  const listeners = React.useRef();
+  listeners.current || (listeners.current = /* @__PURE__ */ new Set());
+  const emit = (value) => {
+    listeners.current.forEach((l) => l(value));
+  }, subscribe = React.useCallback((listener) => (listeners.current.add(listener), () => {
+    listeners.current.delete(listener);
+  }), []);
+  return [emit, subscribe];
+}
+Select.displayName = import_constants.SELECT_NAME;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select,
+  SelectGroupFrame,
+  SelectIcon,
+  SelectItemTextFrame,
+  SelectSeparator
+});
+//# sourceMappingURL=Select.js.map

package/dist/cjs/Select.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Select.tsx"],
+  "mappings": "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",
+  "names": ["value"]
+}

package/dist/cjs/SelectContent.js

@@ -1,60 +1,36 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SelectContent_exports = {};
 __export(SelectContent_exports, {
   SelectContent: () => SelectContent
 });
 module.exports = __toCommonJS(SelectContent_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("@floating-ui/react");
-var import_core = require("@tamagui/core");
-var import_focus_scope = require("@tamagui/focus-scope");
-var import_context = require("./context");
-var import_useSelectBreakpointActive = require("./useSelectBreakpointActive");
-const CONTENT_NAME = "SelectContent";
-const SelectContent = ({
+var import_react = require("@floating-ui/react"), import_core = require("@tamagui/core"), import_focus_scope = require("@tamagui/focus-scope"), import_context = require("./context"), import_useSelectBreakpointActive = require("./useSelectBreakpointActive"), import_jsx_runtime = require("react/jsx-runtime");
+const CONTENT_NAME = "SelectContent", SelectContent = ({
   children,
   __scopeSelect,
   zIndex = 1e3,
   ...focusScopeProps
 }) => {
-  const context = (0, import_context.useSelectContext)(CONTENT_NAME, __scopeSelect);
-  const itemParentContext = (0, import_context.useSelectItemParentContext)(CONTENT_NAME, __scopeSelect);
-  const themeName = (0, import_core.useThemeName)();
-  const showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context);
-  const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: true, name: themeName, children });
-  const touch = (0, import_core.useIsTouchDevice)();
-  if (itemParentContext.shouldRenderWebNative) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
-  }
-  if (showSheet) {
-    if (!context.open) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const context = (0, import_context.useSelectContext)(CONTENT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(CONTENT_NAME, __scopeSelect), themeName = (0, import_core.useThemeName)(), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: !0, name: themeName, children }), touch = (0, import_core.useIsTouchDevice)();
+  return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : showSheet ? context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents }) : null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react.FloatingOverlay,
     {
       style: { zIndex, pointerEvents: context.open ? "auto" : "none" },
       lockScroll: !!context.open && !touch,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_focus_scope.FocusScope, { loop: true, enabled: !!context.open, trapped: true, ...focusScopeProps, children: contents })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_focus_scope.FocusScope, { loop: !0, enabled: !!context.open, trapped: !0, ...focusScopeProps, children: contents })
     }
   ) });
 };

package/dist/cjs/SelectContent.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectContent.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BI;AA1BJ,mBAAgD;AAChD,kBAAsD;AACtD,yBAA4C;AAE5C,qBAA6D;AAE7D,uCAAmC;AAMnC,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA4C;AAC1C,QAAM,cAAU,iCAAiB,cAAc,aAAa;AAC5D,QAAM,wBAAoB,2CAA2B,cAAc,aAAa;AAChF,QAAM,gBAAY,0BAAa;AAC/B,QAAM,gBAAY,qDAAmB,OAAO;AAE5C,QAAM,WACJ,4CAAC,qBAAM,gBAAc,MAAC,MAAM,WACzB,UACH;AAGF,QAAM,YAAQ,8BAAiB;AAE/B,MAAI,kBAAkB,uBAAuB;AAC3C,WAAO,2EAAG,UAAS;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AACA,WAAO,2EAAG,oBAAS;AAAA,EACrB;AAEA,SACE,4CAAC,+BACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,eAAe,QAAQ,OAAO,SAAS,OAAO;AAAA,MAC/D,YAAY,CAAC,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAE/B,sDAAC,iCAAW,MAAI,MAAC,SAAS,CAAC,CAAC,QAAQ,MAAM,SAAO,MAAE,GAAG,iBACnD,oBACH;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD,+BAChD,cAAsD,0BACtD,qBAA4C,iCAE5C,iBAA6D,sBAE7D,mCAAmC,wCAoB/B;AAdJ,MAAM,eAAe,iBAER,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA4C;AAC1C,QAAM,cAAU,iCAAiB,cAAc,aAAa,GACtD,wBAAoB,2CAA2B,cAAc,aAAa,GAC1E,gBAAY,0BAAa,GACzB,gBAAY,qDAAmB,OAAO,GAEtC,WACJ,4CAAC,qBAAM,gBAAc,IAAC,MAAM,WACzB,UACH,GAGI,YAAQ,8BAAiB;AAE/B,SAAI,kBAAkB,wBACb,2EAAG,UAAS,IAGjB,YACG,QAAQ,OAGN,2EAAG,oBAAS,IAFV,OAMT,4CAAC,+BACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,eAAe,QAAQ,OAAO,SAAS,OAAO;AAAA,MAC/D,YAAY,CAAC,CAAC,QAAQ,QAAQ,CAAC;AAAA,MAE/B,sDAAC,iCAAW,MAAI,IAAC,SAAS,CAAC,CAAC,QAAQ,MAAM,SAAO,IAAE,GAAG,iBACnD,oBACH;AAAA;AAAA,EACF,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SelectContent.native.js

@@ -5,25 +5,20 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SelectContent_native_exports = {};
 __export(SelectContent_native_exports, {
   SelectContent: () => SelectContent
 });
 module.exports = __toCommonJS(SelectContent_native_exports);
-const SelectContent = ({ children }) => {
-  return children;
-};
+const SelectContent = ({ children }) => children;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SelectContent

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectContent.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA0B;AACjE,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAChC;",
   "names": []
 }