@tamagui/switch 1.67.0 → 1.68.1

package/dist/jsx/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,aAAa,mBAAmB;AAEzC,cAAc;AACd,cAAc;AAEP,MAAM,SAAS,aAAa;AAAA,EACjC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AACnB,CAAC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/switch",
-  "version": "1.67.0",
+  "version": "1.68.1",
   "sideEffects": [
     "*.css"
   ],
@@ -31,22 +31,22 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.67.0",
-    "@tamagui/core": "1.67.0",
-    "@tamagui/create-context": "1.67.0",
-    "@tamagui/focusable": "1.67.0",
-    "@tamagui/get-token": "1.67.0",
-    "@tamagui/label": "1.67.0",
-    "@tamagui/stacks": "1.67.0",
-    "@tamagui/use-controllable-state": "1.67.0",
-    "@tamagui/use-previous": "1.67.0"
+    "@tamagui/compose-refs": "1.68.1",
+    "@tamagui/core": "1.68.1",
+    "@tamagui/create-context": "1.68.1",
+    "@tamagui/focusable": "1.68.1",
+    "@tamagui/get-token": "1.68.1",
+    "@tamagui/label": "1.68.1",
+    "@tamagui/stacks": "1.68.1",
+    "@tamagui/use-controllable-state": "1.68.1",
+    "@tamagui/use-previous": "1.68.1"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.67.0",
+    "@tamagui/build": "1.68.1",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },

package/src/Switch.tsx

@@ -2,7 +2,7 @@ import { SizeTokens, getVariableValue, styled } from '@tamagui/core'
 import { getSize } from '@tamagui/get-token'
 import { ThemeableStack, YStack } from '@tamagui/stacks'
 
-import { SwitchContext, createSwitch } from './createSwitch'
+import { SwitchContext } from './SwitchContext'
 
 export const SwitchThumb = styled(ThemeableStack, {
   name: 'SwitchThumb',
@@ -86,9 +86,3 @@ export const SwitchFrame = styled(YStack, {
     unstyled: false,
   },
 })
-
-export const Switch = createSwitch({
-  Frame: SwitchFrame,
-  Thumb: SwitchThumb,
-  acceptsUnstyled: true,
-})

package/src/SwitchContext.tsx

@@ -0,0 +1,15 @@
+import { SizeTokens, createStyledContext } from '@tamagui/core'
+
+export const SwitchContext = createStyledContext<{
+  checked: boolean
+  disabled?: boolean
+  frameWidth: number
+  size?: SizeTokens
+  unstyled?: boolean
+}>({
+  checked: false,
+  disabled: false,
+  size: undefined,
+  frameWidth: 0,
+  unstyled: false,
+})

package/src/createSwitch.tsx

@@ -6,7 +6,6 @@ import {
   TamaguiComponentExpectingVariants,
   TamaguiElement,
   composeEventHandlers,
-  createStyledContext,
   getVariableValue,
   isWeb,
   useProps,
@@ -24,19 +23,8 @@ import {
   Platform,
 } from 'react-native'
 
-export const SwitchContext = createStyledContext<{
-  checked: boolean
-  disabled?: boolean
-  frameWidth: number
-  size?: SizeTokens
-  unstyled?: boolean
-}>({
-  checked: false,
-  disabled: false,
-  size: undefined,
-  frameWidth: 0,
-  unstyled: false,
-})
+import { SwitchFrame, SwitchThumb } from './Switch'
+import { SwitchContext } from './SwitchContext'
 
 type SwitchSharedProps = {
   size?: SizeTokens | number
@@ -57,29 +45,73 @@ export type SwitchExtraProps = {
   onCheckedChange?(checked: boolean): void
 }
 
-export type SwitchProps = SwitchBaseProps & SwitchExtraProps
+export type SwitchProps = Omit<SwitchBaseProps & SwitchExtraProps, 'children'> & {
+  children?: JSX.Element | ((checked: boolean) => JSX.Element)
+}
+
+type SwitchComponent = TamaguiComponentExpectingVariants<
+  SwitchProps,
+  SwitchSharedProps & SwitchExtraProps
+>
+
+type SwitchThumbComponent = TamaguiComponentExpectingVariants<
+  SwitchBaseProps,
+  SwitchSharedProps
+>
+
+export function createSwitch<F extends SwitchComponent, T extends SwitchThumbComponent>({
+  Frame = SwitchFrame as any,
+  Thumb = SwitchThumb as any,
+  acceptsUnstyled,
+}: {
+  Frame?: F
+  Thumb?: T
+  acceptsUnstyled?: boolean
+}) {
+  if (process.env.NODE_ENV === 'development') {
+    if (Frame !== SwitchFrame && Frame.staticConfig.context) {
+      console.warn(
+        `Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden.`
+      )
+    }
+    if (Thumb !== SwitchThumb && Thumb.staticConfig.context) {
+      console.warn(
+        `Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden.`
+      )
+    }
+  }
+
+  Frame.staticConfig.context = SwitchContext
+  Thumb.staticConfig.context = SwitchContext
 
-export function createSwitch<
-  F extends TamaguiComponentExpectingVariants<
-    SwitchProps,
-    SwitchSharedProps & SwitchExtraProps
-  >,
-  T extends TamaguiComponentExpectingVariants<SwitchBaseProps, SwitchSharedProps>
->({ Frame, Thumb, acceptsUnstyled }: { Frame: F; Thumb: T; acceptsUnstyled?: boolean }) {
-  const SwitchThumb = Thumb.styleable(function SwitchThumb(props, forwardedRef) {
-    const { size: sizeProp, ...thumbProps } = props
-    const { disabled, checked, unstyled, frameWidth } = React.useContext(SwitchContext)
+  const SwitchThumbComponent = Thumb.styleable(function SwitchThumb(props, forwardedRef) {
+    const { size: sizeProp, unstyled: unstyledProp, ...thumbProps } = props
+    const context = React.useContext(SwitchContext)
+    const {
+      disabled,
+      checked,
+      unstyled: unstyledContext,
+      frameWidth,
+      size: sizeContext,
+    } = context
     const [thumbWidth, setThumbWidth] = React.useState(0)
     const initialChecked = React.useRef(checked).current
     const distance = frameWidth - thumbWidth
+    const x = initialChecked ? (checked ? 0 : -distance) : checked ? distance : 0
+    const unstyled = unstyledProp ?? unstyledContext ?? false
+
     return (
       // @ts-ignore
       <Thumb
-        theme={unstyled === false && checked ? 'active' : null}
+        {...(unstyled === false && {
+          unstyled: false,
+          size: sizeProp ?? sizeContext ?? '$true',
+          theme: checked ? 'active' : null,
+        })}
         data-state={getState(checked)}
         data-disabled={disabled ? '' : undefined}
         alignSelf={initialChecked ? 'flex-end' : 'flex-start'}
-        x={initialChecked ? (checked ? 0 : -distance) : checked ? distance : 0}
+        x={x}
         {...thumbProps}
         // @ts-ignore
         onLayout={composeEventHandlers(props.onLayout, (e) =>
@@ -111,6 +143,7 @@ export function createSwitch<
         unstyled = styledContext.unstyled ?? false,
         native: nativeProp,
         nativeProps,
+        children,
         ...switchProps
       } = props
 
@@ -121,13 +154,21 @@ export function createSwitch<
             _ = switchProps[key]
           }
         }
-        if (acceptsUnstyled && _ === undefined && unstyled === false) {
+        if (
+          Frame === SwitchFrame &&
+          acceptsUnstyled &&
+          _ == undefined &&
+          unstyled === false
+        ) {
           _ = 2 // default we use for styled
         }
         if (typeof _ === 'string') {
           _ = getVariableValue(getSize(_))
         }
-        return +_
+        if (typeof _ === 'number') {
+          return _
+        }
+        return 0
       })()
 
       const native = Array.isArray(nativeProp) ? nativeProp : [nativeProp]
@@ -214,12 +255,17 @@ export function createSwitch<
                 if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation()
               }
             })}
-            // @ts-ignore
-            onLayout={composeEventHandlers(props.onLayout, (e) =>
+            onLayout={composeEventHandlers(
               // @ts-ignore
-              setFrameWidth(e.nativeEvent.layout.width)
+              props.onLayout,
+              (e) => {
+                // @ts-ignore
+                setFrameWidth(e.nativeEvent.layout.width)
+              }
             )}
-          />
+          >
+            {typeof children === 'function' ? children(checked) : children}
+          </Frame>
           {isWeb && isFormControl && (
             <BubbleInput
               control={button}
@@ -299,7 +345,7 @@ export function createSwitch<
   }
 
   const Switch = withStaticProperties(SwitchComponent, {
-    Thumb: SwitchThumb,
+    Thumb: SwitchThumbComponent,
   })
 
   return Switch

package/src/index.ts

@@ -1,2 +1,11 @@
+import { createSwitch } from './createSwitch'
+import { SwitchFrame, SwitchThumb } from './Switch'
+
 export * from './Switch'
 export * from './createSwitch'
+
+export const Switch = createSwitch({
+  Frame: SwitchFrame,
+  Thumb: SwitchThumb,
+  acceptsUnstyled: true,
+})

package/types/Switch.d.ts

@@ -159,25 +159,4 @@ export declare const SwitchFrame: import("@tamagui/core").TamaguiComponent<Omit<
         readonly elevation?: SizeTokens | undefined;
     };
 }>;
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
-    style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
-    size?: number | SizeTokens | undefined;
-    unstyled?: boolean | undefined;
-} & import("./createSwitch").SwitchExtraProps & import("react").RefAttributes<import("@tamagui/core").TamaguiElement>> & {
-    Thumb: import("@tamagui/core").ReactComponentWithRef<Object & Omit<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
-        style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-    } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
-        size?: number | SizeTokens | undefined;
-        unstyled?: boolean | undefined;
-    }, keyof Object>, any> & {
-        staticConfig: import("@tamagui/core").StaticConfig;
-        styleable: import("@tamagui/core").Styleable<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
-            style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
-        } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
-            size?: number | SizeTokens | undefined;
-            unstyled?: boolean | undefined;
-        }, any>;
-    };
-};
 //# sourceMappingURL=Switch.d.ts.map

package/types/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,eAAe,CAAA;AAMpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BtB,CAAA;AAOF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CtB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAIjB,CAAA"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,eAAe,CAAA;AAMpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BtB,CAAA;AAOF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CtB,CAAA"}

package/types/SwitchContext.d.ts

@@ -0,0 +1,9 @@
+import { SizeTokens } from '@tamagui/core';
+export declare const SwitchContext: import("@tamagui/core").StyledContext<{
+    checked: boolean;
+    disabled?: boolean | undefined;
+    frameWidth: number;
+    size?: SizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}>;
+//# sourceMappingURL=SwitchContext.d.ts.map

package/types/SwitchContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchContext.d.ts","sourceRoot":"","sources":["../src/SwitchContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,eAAe,CAAA;AAE/D,eAAO,MAAM,aAAa;aACf,OAAO;;gBAEJ,MAAM;;;EASlB,CAAA"}

package/types/createSwitch.d.ts

@@ -1,13 +1,6 @@
 import { NativeValue, SizeTokens, StackProps, TamaguiComponentExpectingVariants, TamaguiElement } from '@tamagui/core';
 import * as React from 'react';
 import { SwitchProps as NativeSwitchProps } from 'react-native';
-export declare const SwitchContext: import("@tamagui/core").StyledContext<{
-    checked: boolean;
-    disabled?: boolean | undefined;
-    frameWidth: number;
-    size?: SizeTokens | undefined;
-    unstyled?: boolean | undefined;
-}>;
 type SwitchSharedProps = {
     size?: SizeTokens | number;
     unstyled?: boolean;
@@ -24,14 +17,20 @@ export type SwitchExtraProps = {
     nativeProps?: NativeSwitchProps;
     onCheckedChange?(checked: boolean): void;
 };
-export type SwitchProps = SwitchBaseProps & SwitchExtraProps;
-export declare function createSwitch<F extends TamaguiComponentExpectingVariants<SwitchProps, SwitchSharedProps & SwitchExtraProps>, T extends TamaguiComponentExpectingVariants<SwitchBaseProps, SwitchSharedProps>>({ Frame, Thumb, acceptsUnstyled }: {
-    Frame: F;
-    Thumb: T;
+export type SwitchProps = Omit<SwitchBaseProps & SwitchExtraProps, 'children'> & {
+    children?: JSX.Element | ((checked: boolean) => JSX.Element);
+};
+type SwitchComponent = TamaguiComponentExpectingVariants<SwitchProps, SwitchSharedProps & SwitchExtraProps>;
+type SwitchThumbComponent = TamaguiComponentExpectingVariants<SwitchBaseProps, SwitchSharedProps>;
+export declare function createSwitch<F extends SwitchComponent, T extends SwitchThumbComponent>({ Frame, Thumb, acceptsUnstyled, }: {
+    Frame?: F;
+    Thumb?: T;
     acceptsUnstyled?: boolean;
-}): React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
+}): React.ForwardRefExoticComponent<Omit<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
     style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & SwitchSharedProps & SwitchExtraProps & React.RefAttributes<TamaguiElement>> & {
+} & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & SwitchSharedProps & SwitchExtraProps, "children"> & {
+    children?: JSX.Element | ((checked: boolean) => JSX.Element) | undefined;
+} & React.RefAttributes<TamaguiElement>> & {
     Thumb: import("@tamagui/core").ReactComponentWithRef<Object & Omit<SwitchBaseProps, keyof Object>, any> & {
         staticConfig: import("@tamagui/core").StaticConfig;
         styleable: import("@tamagui/core").Styleable<SwitchBaseProps, any>;

package/types/createSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSwitch.d.ts","sourceRoot":"","sources":["../src/createSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,iCAAiC,EACjC,cAAc,EAOf,MAAM,eAAe,CAAA;AAMtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAEjC,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa;aACf,OAAO;;gBAEJ,MAAM;;;EASlB,CAAA;AAEF,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG,UAAU,GAAG,iBAAiB,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAA;AAE5D,wBAAgB,YAAY,CAC1B,CAAC,SAAS,iCAAiC,CACzC,WAAW,EACX,iBAAiB,GAAG,gBAAgB,CACrC,EACD,CAAC,SAAS,iCAAiC,CAAC,eAAe,EAAE,iBAAiB,CAAC,EAC/E,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;;EA8OrF"}
+{"version":3,"file":"createSwitch.d.ts","sourceRoot":"","sources":["../src/createSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,iCAAiC,EACjC,cAAc,EAMf,MAAM,eAAe,CAAA;AAMtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAEjC,MAAM,cAAc,CAAA;AAKrB,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG,UAAU,GAAG,iBAAiB,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,GAAG,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC,CAAA;CAC7D,CAAA;AAED,KAAK,eAAe,GAAG,iCAAiC,CACtD,WAAW,EACX,iBAAiB,GAAG,gBAAgB,CACrC,CAAA;AAED,KAAK,oBAAoB,GAAG,iCAAiC,CAC3D,eAAe,EACf,iBAAiB,CAClB,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,SAAS,oBAAoB,EAAE,EACtF,KAA0B,EAC1B,KAA0B,EAC1B,eAAe,GAChB,EAAE;IACD,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;EA0RA"}

package/types/index.d.ts

@@ -1,3 +1,27 @@
+/// <reference types="react" />
 export * from './Switch';
 export * from './createSwitch';
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
+    style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
+} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>> & import("@tamagui/web").MediaProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>>> & {
+    size?: number | import("@tamagui/web").SizeTokens | undefined;
+    unstyled?: boolean | undefined;
+} & import("./createSwitch").SwitchExtraProps, "children"> & {
+    children?: JSX.Element | ((checked: boolean) => JSX.Element) | undefined;
+} & import("react").RefAttributes<import("@tamagui/web").TamaguiElement>> & {
+    Thumb: import("@tamagui/web").ReactComponentWithRef<Object & Omit<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
+        style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
+    } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>> & import("@tamagui/web").MediaProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>>> & {
+        size?: number | import("@tamagui/web").SizeTokens | undefined;
+        unstyled?: boolean | undefined;
+    }, keyof Object>, any> & {
+        staticConfig: import("@tamagui/web").StaticConfig;
+        styleable: import("@tamagui/web").Styleable<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
+            style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
+        } & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>> & import("@tamagui/web").MediaProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/web").PseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>>>> & {
+            size?: number | import("@tamagui/web").SizeTokens | undefined;
+            unstyled?: boolean | undefined;
+        }, any>;
+    };
+};
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAGA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAE9B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAIjB,CAAA"}