@tamagui/select 1.46.2 → 1.47.0

package/dist/jsx/SelectTrigger.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectTrigger.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,wBAAwB;AAMjC,MAAM,eAAe;AAId,MAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,OAAwC,cAAc;AAC3E,UAAM,EAAE,eAAe,WAAW,OAAO,WAAW,OAAO,GAAG,aAAa,IAAI;AAE/E,UAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAIA,QAAI,QAAQ,uBAAuB;AACjC,aAAO;AAAA,IACT;AAEA,WACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,UAAU;AAAA,UACL,CAAC,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,aAAa;AAAA,MACf;AAAA,MACA,MAAM,QAAQ;AAAA,MAEd,eAAe,QAAQ;AAAA,MACvB,kBAAkB;AAAA,MAClB,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,UACA,QAAQ,IAAI,mBAAmB,SAAS,QAAQ,eACjD;AAAA,QACE,GAAG,QAAQ,aAAa,kBAAkB;AAAA,QAC1C,cAAc;AACZ,kBAAQ,iBAAiB,OAAO;AAChC,kBAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,QAC/B;AAAA,MACF,IACA;AAAA,QACE,UAAU;AACR,kBAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,QAC/B;AAAA,MACF;AAAA,IACN;AAAA,EAEJ;AACF;",
-  "names": ["SelectTrigger"]
-}

package/dist/jsx/SelectViewport.mjs

@@ -1,109 +0,0 @@
-import { FloatingFocusManager } from "@floating-ui/react";
-import { AnimatePresence } from "@tamagui/animate-presence";
-import {
-  composeRefs,
-  isWeb,
-  useIsomorphicLayoutEffect
-} from "@tamagui/core";
-import { styled } from "@tamagui/core";
-import { PortalItem } from "@tamagui/portal";
-import { ThemeableStack } from "@tamagui/stacks";
-import { VIEWPORT_NAME } from "./constants";
-import { ForwardSelectContext, useSelectContext } from "./context";
-import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
-const SelectViewportFrame = styled(ThemeableStack, {
-  name: VIEWPORT_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$2",
-        backgroundColor: "$background",
-        elevate: true,
-        bordered: true,
-        userSelect: "none",
-        outlineWidth: 0
-      }
-    },
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const SelectViewport = SelectViewportFrame.styleable(
-  function SelectViewport2(props, forwardedRef) {
-    const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
-    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
-    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
-    useIsomorphicLayoutEffect(() => {
-      if (context.update) {
-        context.update();
-      }
-    }, [breakpointActive]);
-    const composedRefs = composeRefs(
-      forwardedRef,
-      context.floatingContext?.refs.setFloating
-    );
-    if (context.shouldRenderWebNative) {
-      return <>{children}</>;
-    }
-    if (breakpointActive || !isWeb) {
-      return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext context={context}>{children}</ForwardSelectContext></PortalItem>;
-    }
-    if (!context.interactions) {
-      if (process.env.NODE_ENV === "development") {
-        console.warn(`No interactions provided to Select, potentially missing Adapt`);
-      }
-      return null;
-    }
-    const {
-      style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
-      ...floatingProps
-    } = context.interactions.getFloatingProps();
-    return <>
-      {!disableScroll && !props.unstyled && <style
-        dangerouslySetInnerHTML={{
-          __html: selectViewportCSS
-        }}
-      />}
-      <FloatingFocusManager context={context.floatingContext}><AnimatePresence>{context.open ? <SelectViewportFrame
-        key="select-viewport"
-        size={context.size}
-        role="presentation"
-        {...viewportProps}
-        ref={composedRefs}
-        {...floatingProps}
-        {...restStyle}
-        {...!props.unstyled && {
-          overflow: disableScroll ? void 0 : overflow ?? "scroll"
-        }}
-      >{children}</SelectViewportFrame> : null}</AnimatePresence></FloatingFocusManager>
-      {
-        /* keep in dom to allow for portal to the trigger... very hacky! we should fix */
-      }
-      {!context.open && <div style={{ display: "none" }}>{props.children}</div>}
-    </>;
-  }
-);
-const selectViewportCSS = `
-.is_SelectViewport {
-  scrollbar-width: none;
-  -webkit-overflow-scrolling: touch;
-  overscroll-behavior: contain;
-}
-
-.is_SelectViewport::-webkit-scrollbar{
-  display:none
-}
-`;
-export {
-  SelectViewport,
-  SelectViewportFrame
-};
-//# sourceMappingURL=SelectViewport.mjs.map

package/dist/jsx/SelectViewport.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectViewport.tsx"],
-  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAG/B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,oBAAoB;AAAA,EAChD,SAASA,gBAAe,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,QAAI,QAAQ,uBAAuB;AACjC,aAAO,GAAG,SAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,QAAI,CAAC,QAAQ,cAAc;AACzB,UAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,gBAAQ,KAAK,+DAA+D;AAAA,MAC9E;AAEA,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAa,iBAAiB;AAE1C,WACE;AAAA,OACG,CAAC,iBAAiB,CAAC,MAAM,YACxB,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC,iBACE,QAAQ,OACP,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,YACC,CAAC,MAAM,YAAY;AAAA,UACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,QACpD;AAAA,QAEC,SACH,EAdC,uBAeC,KACN,EAlBC,gBAmBH,EApBC;AAAA;AAAA;AAAA;AAAA,OAuBA,CAAC,QAAQ,QAAQ,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,MAAM,SAAS,EAAhD;AAAA,IACrB;AAAA,EAEJ;AACF;AAEA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": ["SelectViewport"]
-}

package/dist/jsx/SelectViewport.native.mjs

@@ -1,18 +0,0 @@
-import { AdaptParentContext } from "@tamagui/adapt";
-import { Theme, useThemeName } from "@tamagui/core";
-import { PortalItem } from "@tamagui/portal";
-import * as React from "react";
-import { VIEWPORT_NAME } from "./constants";
-import { SelectProvider, useSelectContext } from "./context";
-const SelectViewport = (props) => {
-  const { __scopeSelect, children } = props;
-  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
-  const themeName = useThemeName();
-  const adaptContext = React.useContext(AdaptParentContext);
-  return <PortalItem hostName={`${context.scopeKey}SheetContents`}><Theme name={themeName}><SelectProvider scope={__scopeSelect} {...context}><AdaptParentContext.Provider value={adaptContext}>{children}</AdaptParentContext.Provider></SelectProvider></Theme></PortalItem>;
-};
-SelectViewport.displayName = VIEWPORT_NAME;
-export {
-  SelectViewport
-};
-//# sourceMappingURL=SelectViewport.native.mjs.map

package/dist/jsx/SelectViewport.native.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectViewport.native.tsx"],
-  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAgB,OAAO,oBAAoB;AAC3C,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,wBAAwB;AAG1C,MAAM,iBAAiB,CAAC,UAA4C;AACzE,QAAM,EAAE,eAAe,SAAS,IAAI;AACpC,QAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,MAAM,WAAW,kBAAkB;AAGxD,SACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,MAAM,MAAM,WACX,CAAC,eAAe,OAAO,mBAAmB,SACxC,CAAC,mBAAmB,SAAS,OAAO,eACjC,SACH,EAFC,mBAAmB,SAGtB,EAJC,eAKH,EANC,MAOH,EARC;AAUL;AAEA,eAAe,cAAc;",
-  "names": []
-}

package/dist/jsx/constants.mjs

@@ -1,17 +0,0 @@
-const SELECT_NAME = "Select";
-const WINDOW_PADDING = 8;
-const SCROLL_ARROW_VELOCITY = 8;
-const SCROLL_ARROW_THRESHOLD = 8;
-const MIN_HEIGHT = 80;
-const FALLBACK_THRESHOLD = 16;
-const VIEWPORT_NAME = "SelectViewport";
-export {
-  FALLBACK_THRESHOLD,
-  MIN_HEIGHT,
-  SCROLL_ARROW_THRESHOLD,
-  SCROLL_ARROW_VELOCITY,
-  SELECT_NAME,
-  VIEWPORT_NAME,
-  WINDOW_PADDING
-};
-//# sourceMappingURL=constants.mjs.map

package/dist/jsx/constants.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants.tsx"],
-  "mappings": "AAAO,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;",
-  "names": []
-}

package/dist/jsx/context.mjs

@@ -1,15 +0,0 @@
-import { createContextScope } from "@tamagui/create-context";
-import { SELECT_NAME } from "./constants";
-const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME);
-const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
-const ForwardSelectContext = (props) => {
-  return <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>{props.children}</SelectProvider>;
-};
-export {
-  ForwardSelectContext,
-  SelectProvider,
-  createSelectContext,
-  createSelectScope,
-  useSelectContext
-};
-//# sourceMappingURL=context.mjs.map

package/dist/jsx/context.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/context.tsx"],
-  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAClD,mBAAmB,WAAW;AAEzB,MAAM,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW;AAE9C,MAAM,uBAAuB,CAClC,UACG;AACH,SACE,CAAC,eAAe,UAAU,OAAO,MAAM,mBAAmB,MAAM,UAC7D,MAAM,SACT,EAFC;AAIL;",
-  "names": []
-}

package/dist/jsx/index.mjs

@@ -1,3 +0,0 @@
-export * from "./Select";
-export * from "./context";
-//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,cAAc;AAOd,cAAc;",
-  "names": []
-}

package/dist/jsx/types.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "mappings": "",
-  "names": []
-}

package/dist/jsx/useSelectBreakpointActive.mjs

@@ -1,18 +0,0 @@
-import { useMedia } from "@tamagui/core";
-const useSelectBreakpointActive = (sheetBreakpoint) => {
-  const media = useMedia();
-  if (!sheetBreakpoint)
-    return false;
-  if (sheetBreakpoint === true)
-    return true;
-  return sheetBreakpoint ? media[sheetBreakpoint] : false;
-};
-const useShowSelectSheet = (context) => {
-  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
-  return context.open === false ? false : breakpointActive;
-};
-export {
-  useSelectBreakpointActive,
-  useShowSelectSheet
-};
-//# sourceMappingURL=useSelectBreakpointActive.mjs.map

package/dist/jsx/useSelectBreakpointActive.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useSelectBreakpointActive.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC;AAAiB,WAAO;AAC7B,MAAI,oBAAoB;AAAM,WAAO;AACrC,SAAO,kBAAkB,MAAM,eAAe,IAAI;AACpD;AAEO,MAAM,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,QAAQ,QAAQ;AAC1C;",
-  "names": []
-}