@tamagui/switch 1.0.1-beta.103

package/src/Switch.tsx

@@ -0,0 +1,293 @@
+// via radix
+// https://github.com/radix-ui/primitives/blob/main/packages/react/switch/src/Switch.tsx
+
+import { usePrevious } from '@radix-ui/react-use-previous'
+import { useComposedRefs } from '@tamagui/compose-refs'
+import {
+  GetProps,
+  SizeTokens,
+  Theme,
+  calc,
+  getSize,
+  getVariableValue,
+  isWeb,
+  styled,
+  themeable,
+  useTheme,
+  useThemeName,
+  withStaticProperties,
+} from '@tamagui/core'
+import { ScopedProps, createContextScope } from '@tamagui/create-context'
+import { registerFocusable } from '@tamagui/focusable'
+import { useLabelContext } from '@tamagui/label'
+import { ThemeableStack, XStack } from '@tamagui/stacks'
+import { useControllableState } from '@tamagui/use-controllable-state'
+import * as React from 'react'
+import { View } from 'react-native'
+
+const SWITCH_NAME = 'Switch'
+
+// TODO make customizable
+const getSwitchHeight = (val: SizeTokens) => Math.round(getVariableValue(getSize(val)) * 0.65)
+const getSwitchWidth = (val: SizeTokens) => getSwitchHeight(val) * 2
+
+const scopeContexts = createContextScope(SWITCH_NAME)
+const [createSwitchContext] = scopeContexts
+export const createSwitchScope = scopeContexts[1]
+
+const [SwitchProvider, useSwitchContext] = createSwitchContext<{
+  checked: boolean
+  disabled?: boolean
+  size: SizeTokens
+}>(SWITCH_NAME)
+
+/* -------------------------------------------------------------------------------------------------
+ * SwitchThumb
+ * -----------------------------------------------------------------------------------------------*/
+
+const THUMB_NAME = 'SwitchThumb'
+
+export const SwitchThumbFrame = styled(ThemeableStack, {
+  name: 'SwitchThumb',
+  backgroundColor: '$background',
+  borderRadius: 1000,
+
+  variants: {
+    size: {
+      '...size': (val) => ({
+        height: getSwitchHeight(val),
+        width: getSwitchHeight(val),
+      }),
+    },
+  },
+
+  defaultVariants: {
+    size: '$4',
+  },
+})
+
+export type SwitchThumbProps = GetProps<typeof SwitchThumbFrame>
+
+export const SwitchThumb = SwitchThumbFrame.extractable(
+  React.forwardRef<React.ElementRef<'span'>, SwitchThumbProps>(
+    (props: ScopedProps<SwitchThumbProps, 'Switch'>, forwardedRef) => {
+      const { __scopeSwitch, ...thumbProps } = props
+      const { size, disabled, checked } = useSwitchContext(THUMB_NAME, __scopeSwitch)
+      return (
+        <SwitchThumbFrame
+          size={size}
+          data-state={getState(checked)}
+          data-disabled={disabled ? '' : undefined}
+          {...thumbProps}
+          x={
+            checked
+              ? getVariableValue(getSwitchWidth(size)) - getVariableValue(getSwitchHeight(size))
+              : 0
+          }
+          ref={forwardedRef}
+        />
+      )
+    }
+  )
+)
+
+SwitchThumb.displayName = THUMB_NAME
+
+/* -------------------------------------------------------------------------------------------------
+ * Switch
+ * -----------------------------------------------------------------------------------------------*/
+
+export const SwitchFrame = styled(XStack, {
+  name: 'Switch',
+  tag: 'button',
+  borderRadius: 1000,
+  borderWidth: 2,
+  borderColor: 'transparent',
+  backgroundColor: '$background',
+
+  focusStyle: {
+    borderColor: '$borderColorFocus',
+  },
+
+  variants: {
+    size: {
+      '...size': (val) => {
+        const height = calc(getSwitchHeight(val), '+', 4)
+        const width = calc(getSwitchWidth(val), '+', 4)
+        return {
+          height,
+          minHeight: height,
+          width,
+        }
+      },
+    },
+  },
+
+  defaultVariants: {
+    size: '$4',
+  },
+})
+
+type SwitchButtonProps = GetProps<typeof SwitchFrame>
+
+export type SwitchProps = SwitchButtonProps & {
+  labeledBy?: string
+  name?: string
+  value?: string
+  checked?: boolean
+  defaultChecked?: boolean
+  required?: boolean
+  onCheckedChange?(checked: boolean): void
+}
+
+export const Switch = withStaticProperties(
+  SwitchFrame.extractable(
+    React.forwardRef<HTMLButtonElement | View, SwitchProps>(
+      (props: ScopedProps<SwitchProps, 'Switch'>, forwardedRef) => {
+        const {
+          __scopeSwitch,
+          labeledBy: ariaLabelledby,
+          name,
+          checked: checkedProp,
+          defaultChecked,
+          required,
+          disabled,
+          value = 'on',
+          onCheckedChange,
+          size = '$4',
+          ...switchProps
+        } = props
+        const [button, setButton] = React.useState<HTMLButtonElement | null>(null)
+        const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node as any))
+        const labelId = useLabelContext(button)
+        const labelledBy = ariaLabelledby || labelId
+        const hasConsumerStoppedPropagationRef = React.useRef(false)
+        // We set this to true by default so that events bubble to forms without JS (SSR)
+        const isFormControl = isWeb ? (button ? Boolean(button.closest('form')) : true) : false
+        const [checked = false, setChecked] = useControllableState({
+          prop: checkedProp,
+          defaultProp: defaultChecked || false,
+          onChange: onCheckedChange,
+        })
+
+        if (!isWeb) {
+          // eslint-disable-next-line react-hooks/rules-of-hooks
+          React.useEffect(() => {
+            if (!props.id) return
+            return registerFocusable(props.id, {
+              focus: () => {
+                setChecked((x) => !x)
+              },
+            })
+          }, [props.id, setChecked])
+        }
+
+        return (
+          <SwitchProvider scope={__scopeSwitch} checked={checked} disabled={disabled} size={size}>
+            <SwitchFrame
+              size={size}
+              // @ts-ignore
+              role="switch"
+              aria-checked={checked}
+              aria-labelledby={labelledBy}
+              aria-required={required}
+              data-state={getState(checked)}
+              data-disabled={disabled ? '' : undefined}
+              disabled={disabled}
+              theme={checked ? 'active' : null}
+              themeShallow
+              // @ts-ignore
+              tabIndex={disabled ? undefined : 0}
+              // @ts-ignore
+              value={value}
+              {...switchProps}
+              ref={composedRefs}
+              onPress={(event) => {
+                props.onPress?.(event)
+                setChecked((prevChecked) => !prevChecked)
+                if (isWeb && isFormControl) {
+                  hasConsumerStoppedPropagationRef.current = event.isPropagationStopped()
+                  // if switch is in a form, stop propagation from the button so that we only propagate
+                  // one click event (from the input). We propagate changes from an input so that native
+                  // form validation works and form events reflect switch updates.
+                  if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation()
+                }
+              }}
+            />
+            {isWeb && isFormControl && (
+              <BubbleInput
+                control={button}
+                bubbles={!hasConsumerStoppedPropagationRef.current}
+                name={name}
+                value={value}
+                checked={checked}
+                required={required}
+                disabled={disabled}
+                // We transform because the input is absolutely positioned but we have
+                // rendered it **after** the button. This pulls it back to sit on top
+                // of the button.
+                style={{ transform: 'translateX(-100%)' }}
+              />
+            )}
+          </SwitchProvider>
+        )
+      }
+    )
+  ),
+  {
+    Thumb: SwitchThumb,
+  }
+)
+
+/* ---------------------------------------------------------------------------------------------- */
+
+type InputProps = any //Radix.ComponentPropsWithoutRef<'input'>
+interface BubbleInputProps extends Omit<InputProps, 'checked'> {
+  checked: boolean
+  control: HTMLElement | null
+  bubbles: boolean
+}
+
+// TODO make this native friendly
+const BubbleInput = (props: BubbleInputProps) => {
+  const { control, checked, bubbles = true, ...inputProps } = props
+  const ref = React.useRef<HTMLInputElement>(null)
+  const prevChecked = usePrevious(checked)
+  // const controlSize = useSize(control)
+
+  // Bubble checked change to parents (e.g form change event)
+  React.useEffect(() => {
+    const input = ref.current!
+    const inputProto = window.HTMLInputElement.prototype
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked') as PropertyDescriptor
+    const setChecked = descriptor.set
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event('click', { bubbles })
+      setChecked.call(input, checked)
+      input.dispatchEvent(event)
+    }
+  }, [prevChecked, checked, bubbles])
+
+  return (
+    <input
+      type="checkbox"
+      aria-hidden
+      defaultChecked={checked}
+      {...inputProps}
+      tabIndex={-1}
+      ref={ref}
+      style={{
+        ...props.style,
+        // ...controlSize,
+        position: 'absolute',
+        pointerEvents: 'none',
+        opacity: 0,
+        margin: 0,
+      }}
+    />
+  )
+}
+
+function getState(checked: boolean) {
+  return checked ? 'checked' : 'unchecked'
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './Switch'

package/types/Switch.d.ts

@@ -0,0 +1,246 @@
+import { GetProps, SizeTokens } from '@tamagui/core';
+import * as React from 'react';
+import { View } from 'react-native';
+export declare const createSwitchScope: import("@tamagui/create-context").CreateScope;
+export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>>, any, import("@tamagui/core").StackPropsBase, {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+} & {
+    size?: SizeTokens | undefined;
+}>;
+export declare type SwitchThumbProps = GetProps<typeof SwitchThumbFrame>;
+export declare const SwitchThumb: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    circular?: boolean | undefined;
+    padded?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SwitchFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>>, any, import("@tamagui/core").StackPropsBase, {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+} & {
+    size?: SizeTokens | undefined;
+}>;
+declare type SwitchButtonProps = GetProps<typeof SwitchFrame>;
+export declare type SwitchProps = SwitchButtonProps & {
+    labeledBy?: string;
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    required?: boolean;
+    onCheckedChange?(checked: boolean): void;
+};
+export declare const Switch: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: SizeTokens | undefined;
+}, "size"> & {
+    size?: SizeTokens | undefined;
+}>> & {
+    labeledBy?: string | undefined;
+    name?: string | undefined;
+    value?: string | undefined;
+    checked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    required?: boolean | undefined;
+    onCheckedChange?(checked: boolean): void;
+} & React.RefAttributes<View | HTMLButtonElement>> & {
+    Thumb: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: SizeTokens | undefined;
+    } & {
+        fontFamily?: unknown;
+        backgrounded?: boolean | undefined;
+        radiused?: boolean | undefined;
+        hoverTheme?: boolean | undefined;
+        pressTheme?: boolean | undefined;
+        focusTheme?: boolean | undefined;
+        circular?: boolean | undefined;
+        padded?: boolean | undefined;
+        elevate?: boolean | undefined;
+        bordered?: number | boolean | undefined;
+        transparent?: boolean | undefined;
+        chromeless?: boolean | undefined;
+    }, "size"> & {
+        size?: SizeTokens | undefined;
+    } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: SizeTokens | undefined;
+    } & {
+        fontFamily?: unknown;
+        backgrounded?: boolean | undefined;
+        radiused?: boolean | undefined;
+        hoverTheme?: boolean | undefined;
+        pressTheme?: boolean | undefined;
+        focusTheme?: boolean | undefined;
+        circular?: boolean | undefined;
+        padded?: boolean | undefined;
+        elevate?: boolean | undefined;
+        bordered?: number | boolean | undefined;
+        transparent?: boolean | undefined;
+        chromeless?: boolean | undefined;
+    }, "size"> & {
+        size?: SizeTokens | undefined;
+    }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+        readonly fullscreen?: boolean | undefined;
+        readonly elevation?: SizeTokens | undefined;
+    } & {
+        fontFamily?: unknown;
+        backgrounded?: boolean | undefined;
+        radiused?: boolean | undefined;
+        hoverTheme?: boolean | undefined;
+        pressTheme?: boolean | undefined;
+        focusTheme?: boolean | undefined;
+        circular?: boolean | undefined;
+        padded?: boolean | undefined;
+        elevate?: boolean | undefined;
+        bordered?: number | boolean | undefined;
+        transparent?: boolean | undefined;
+        chromeless?: boolean | undefined;
+    }, "size"> & {
+        size?: SizeTokens | undefined;
+    }>> & React.RefAttributes<HTMLSpanElement>>;
+};
+export {};
+//# sourceMappingURL=Switch.d.ts.map

package/types/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,QAAQ,EACR,UAAU,EAWX,MAAM,eAAe,CAAA;AAMtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAUnC,eAAO,MAAM,iBAAiB,+CAAmB,CAAA;AAcjD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiB3B,CAAA;AAEF,oBAAY,gBAAgB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEhE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqBvB,CAAA;AAQD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;EA6BtB,CAAA;AAEF,aAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAErD,oBAAY,WAAW,GAAG,iBAAiB,GAAG;IAC5C,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,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;8BAHS,OAAO,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGzC,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}