@tamagui/checkbox 2.7.7 → 3.0.0-beta.1093.1

package/src/Checkbox.tsx

@@ -1,122 +1,204 @@
 // fork of radix
 // https://github.com/radix-ui/primitives/tree/main/packages/react/checkbox/src/Checkbox.tsx
 
-import { getVariableValue, styled } from '@tamagui/core'
-import { getSize } from '@tamagui/get-token'
-import { YStack } from '@tamagui/stacks'
+import type {
+  CheckedState,
+  CheckboxExtraProps as HeadlessCheckboxExtraProps,
+} from '@tamagui/checkbox-headless'
+import { isIndeterminate, useCheckbox } from '@tamagui/checkbox-headless'
+import type { GetProps, NativeValue, SizeTokens, StylePiece } from '@tamagui/core'
+import {
+  createStyledHOC,
+  isWeb,
+  shouldRenderNativePlatform,
+  styled,
+  View,
+  withStaticProperties,
+} from '@tamagui/core'
+import { registerFocusable } from '@tamagui/focusable'
+import { useControllableState } from '@tamagui/use-controllable-state'
+import React, { useMemo } from 'react'
 
 import { CheckboxStyledContext } from './CheckboxStyledContext'
 
-/* -------------------------------------------------------------------------------------------------
- * CheckboxIndicator
- * -----------------------------------------------------------------------------------------------*/
 const INDICATOR_NAME = 'CheckboxIndicator'
 
-export const CheckboxIndicatorFrame = styled(
-  YStack,
-  {
-    // use Checkbox for easier themes
-    name: INDICATOR_NAME,
-    context: CheckboxStyledContext,
-    variants: {
-      unstyled: {
-        false: {},
-      },
-    } as const,
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === '1',
-    },
-  },
-  {
-    accept: {
-      activeStyle: 'style',
-    } as const,
-  }
-)
-
-/* -------------------------------------------------------------------------------------------------
- * Checkbox
- * -----------------------------------------------------------------------------------------------*/
+export const CheckboxIndicatorFrame = styled(View, {
+  // use Checkbox for easier themes
+  displayName: INDICATOR_NAME,
+  context: CheckboxStyledContext,
+})
 
 const CHECKBOX_NAME = 'Checkbox'
 
-export const CheckboxFrame = styled(
-  YStack,
-  {
-    name: CHECKBOX_NAME,
-    render: 'button',
-
-    context: CheckboxStyledContext,
-    variants: {
-      unstyled: {
-        false: {
-          size: '$true',
-          backgroundColor: '$background',
-          alignItems: 'center',
-          justifyContent: 'center',
-          borderWidth: 1,
-          borderColor: '$borderColor',
-
-          hoverStyle: {
-            borderColor: '$borderColorHover',
-          },
-
-          pressStyle: {
-            backgroundColor: '$backgroundPress',
-            borderColor: '$borderColorPress',
-          },
-
-          focusStyle: {
-            borderColor: '$borderColorFocus',
-          },
-
-          focusVisibleStyle: {
-            outlineStyle: 'solid',
-            outlineWidth: 2,
-            outlineColor: '$outlineColor',
-          },
-        },
+export const CheckboxFrame = styled(View, {
+  displayName: CHECKBOX_NAME,
+  render: 'button',
+  context: CheckboxStyledContext,
+  alignItems: 'center',
+  justifyContent: 'center',
+
+  variants: {
+    disabled: {
+      true: {
+        pointerEvents: 'none',
+        userSelect: 'none',
       },
-
-      disabled: {
-        true: {
-          pointerEvents: 'none',
-          userSelect: 'none',
-          cursor: 'not-allowed',
-
-          hoverStyle: {
-            borderColor: '$borderColor',
-            backgroundColor: '$background',
-          },
-
-          pressStyle: {
-            borderColor: '$borderColor',
-            backgroundColor: '$background',
-          },
-
-          focusStyle: {
-            outlineWidth: 0,
+    },
+  } as const,
+})
+
+type CheckboxExpectingVariantProps = {
+  size?: SizeTokens | true
+}
+
+type CheckboxExtraProps = HeadlessCheckboxExtraProps & {
+  native?: NativeValue<'web'>
+}
+
+type CheckboxFrameActiveStyleProps = {
+  activeStyle?: StylePiece
+  activeTheme?: string | null
+}
+
+type CheckboxIndicatorActiveStyleProps = {
+  activeStyle?: StylePiece
+}
+
+export type CheckboxProps = GetProps<typeof CheckboxFrame> &
+  CheckboxExtraProps &
+  CheckboxExpectingVariantProps &
+  CheckboxFrameActiveStyleProps
+
+type CheckboxIndicatorExtraProps = {
+  /**
+   * Used to force mounting when more control is needed. Useful when
+   * controlling animation with React animation libraries.
+   */
+  forceMount?: boolean
+}
+
+export type CheckboxIndicatorProps = GetProps<typeof CheckboxIndicatorFrame> &
+  CheckboxIndicatorExtraProps &
+  CheckboxIndicatorActiveStyleProps
+
+export const CheckboxContext = React.createContext<{
+  checked: CheckedState
+  disabled?: boolean
+}>({
+  checked: false,
+  disabled: false,
+})
+
+const CheckboxComponent = createStyledHOC(
+  CheckboxFrame,
+  function Checkbox(propsIn: CheckboxProps, forwardedRef) {
+    const {
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange,
+      native,
+      activeStyle,
+      activeTheme,
+      ...props
+    } = propsIn
+
+    const [checked = false, setChecked] = useControllableState({
+      prop: checkedProp,
+      defaultProp: defaultChecked!,
+      onChange: onCheckedChange,
+    })
+
+    const { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
+      props,
+      [checked, setChecked],
+      forwardedRef
+    )
+
+    if (process.env.TAMAGUI_TARGET === 'native') {
+      React.useEffect(() => {
+        if (!props.id) return
+        if (props.disabled) return
+
+        return registerFocusable(props.id, {
+          focusAndSelect: () => {
+            setChecked?.((value) => !value)
           },
-        },
-      },
-
-      size: {
-        '...size': (val) => {
-          const radiusToken = getVariableValue(getSize(val)) / 8
-          return {
-            borderRadius: radiusToken,
-          }
-        },
-      },
-    } as const,
+          focus: () => {},
+        })
+      }, [props.id, props.disabled])
+    }
+
+    const renderNative = shouldRenderNativePlatform(native)
+    if (renderNative === 'web') {
+      return (
+        <input
+          type="checkbox"
+          defaultChecked={isIndeterminate(checked) ? false : checked}
+          tabIndex={-1}
+          ref={checkboxRef as any}
+          disabled={checkboxProps.disabled}
+          style={checkboxProps.style as any}
+        />
+      )
+    }
+
+    const memoizedContext = useMemo(
+      () => ({
+        checked,
+        disabled: checkboxProps.disabled,
+      }),
+      [checked, checkboxProps.disabled]
+    )
+
+    const isActive = !!checked
+    const disabled = checkboxProps.disabled
+
+    return (
+      <CheckboxContext.Provider value={memoizedContext}>
+        <CheckboxFrame
+          render="button"
+          ref={checkboxRef}
+          theme={activeTheme ?? null}
+          {...(isWeb && { type: 'button' })}
+          checked={checked}
+          {...(checkboxProps as CheckboxProps)}
+          style={[checkboxProps.style, isActive && activeStyle]}
+          active={isActive}
+          disabled={disabled}
+        >
+          {props.children}
+        </CheckboxFrame>
+        {bubbleInput}
+      </CheckboxContext.Provider>
+    )
+  }
+)
 
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === '1',
-    },
-  },
-  {
-    accept: {
-      activeStyle: 'style',
-    } as const,
+const CheckboxIndicator = createStyledHOC(
+  CheckboxIndicatorFrame,
+  (props: CheckboxIndicatorProps, forwardedRef) => {
+    const { children, forceMount, activeStyle, ...indicatorProps } = props
+    const { active } = CheckboxStyledContext.useStyledContext()
+    const context = React.useContext(CheckboxContext)
+
+    if (forceMount || isIndeterminate(context.checked) || context.checked === true) {
+      return (
+        <CheckboxIndicatorFrame
+          pointerEvents="none"
+          {...indicatorProps}
+          style={[indicatorProps.style, active && activeStyle]}
+          ref={forwardedRef}
+        >
+          {children}
+        </CheckboxIndicatorFrame>
+      )
+    }
+
+    return null
   }
 )
+
+export const Checkbox = withStaticProperties(CheckboxComponent, {
+  Indicator: CheckboxIndicator,
+})

package/src/CheckboxStyledContext.tsx

@@ -2,15 +2,11 @@ import type { SizeTokens } from '@tamagui/core'
 import { createStyledContext } from '@tamagui/core'
 
 export const CheckboxStyledContext = createStyledContext<{
-  size: SizeTokens
-  scaleIcon: number
-  unstyled?: boolean
+  size: SizeTokens | true
   active?: boolean
   disabled?: boolean
 }>({
-  size: '$true' as SizeTokens,
-  scaleIcon: 1,
-  unstyled: process.env.TAMAGUI_HEADLESS === '1',
+  size: true,
   active: false,
   disabled: false,
 })

package/src/index.ts

@@ -1,12 +1,3 @@
-import { CheckboxFrame, CheckboxIndicatorFrame } from './Checkbox'
-import { createCheckbox } from './createCheckbox'
-
-export * from './createCheckbox'
 export * from './Checkbox'
 export * from './CheckboxStyledContext'
 export type { CheckedState } from '@tamagui/checkbox-headless'
-
-export const Checkbox = createCheckbox({
-  Frame: CheckboxFrame,
-  Indicator: CheckboxIndicatorFrame,
-})

package/types/Checkbox.d.ts

@@ -1,39 +1,131 @@
-export declare const CheckboxIndicatorFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@tamagui/core").InferStyleProps<import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-        fullscreen?: boolean | undefined;
-    }, import("@tamagui/core").StaticConfigPublic>, {
-        accept: {
-            readonly activeStyle: "style";
-        };
-    }>> | undefined;
-}, {
-    unstyled?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic & {
-    accept: {
-        readonly activeStyle: "style";
-    };
-}>;
-export declare const CheckboxFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase & {
-    readonly activeStyle?: Partial<import("@tamagui/core").InferStyleProps<import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-        fullscreen?: boolean | undefined;
-    }, import("@tamagui/core").StaticConfigPublic>, {
-        accept: {
-            readonly activeStyle: "style";
-        };
-    }>> | undefined;
-}, {
-    size?: import("@tamagui/core").SizeTokens | undefined;
-    disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic & {
-    accept: {
-        readonly activeStyle: "style";
-    };
+import type { CheckedState, CheckboxExtraProps as HeadlessCheckboxExtraProps } from '@tamagui/checkbox-headless';
+import type { GetProps, NativeValue, SizeTokens, StylePiece } from '@tamagui/core';
+import React from 'react';
+export declare const CheckboxIndicatorFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+    active?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    active?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        active?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+};
+export declare const CheckboxFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "disabled" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+};
+type CheckboxExpectingVariantProps = {
+    size?: SizeTokens | true;
+};
+type CheckboxExtraProps = HeadlessCheckboxExtraProps & {
+    native?: NativeValue<'web'>;
+};
+type CheckboxFrameActiveStyleProps = {
+    activeStyle?: StylePiece;
+    activeTheme?: string | null;
+};
+type CheckboxIndicatorActiveStyleProps = {
+    activeStyle?: StylePiece;
+};
+export type CheckboxProps = GetProps<typeof CheckboxFrame> & CheckboxExtraProps & CheckboxExpectingVariantProps & CheckboxFrameActiveStyleProps;
+type CheckboxIndicatorExtraProps = {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: boolean;
+};
+export type CheckboxIndicatorProps = GetProps<typeof CheckboxIndicatorFrame> & CheckboxIndicatorExtraProps & CheckboxIndicatorActiveStyleProps;
+export declare const CheckboxContext: React.Context<{
+    checked: CheckedState;
+    disabled?: boolean;
 }>;
+export declare const Checkbox: React.FunctionComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "active" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "download" | "elevationAndroid" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "importantForAccessibility" | "isTVSelectable" | "native" | "nativeID" | "needsOffscreenAlphaCompositing" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onChange" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onKeyDown" | "onKeyUp" | "onLayout" | "onLongPress" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchStart" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "size" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "tvParallaxMagnification" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "untilMeasured" | keyof HeadlessCheckboxExtraProps | keyof CheckboxFrameActiveStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "disabled" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & HeadlessCheckboxExtraProps & {
+    native?: NativeValue<'web'>;
+} & CheckboxExpectingVariantProps & CheckboxFrameActiveStyleProps & {
+    ref?: React.Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "active" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "download" | "elevationAndroid" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "importantForAccessibility" | "isTVSelectable" | "native" | "nativeID" | "needsOffscreenAlphaCompositing" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onChange" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onKeyDown" | "onKeyUp" | "onLayout" | "onLongPress" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchStart" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "size" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "tvParallaxMagnification" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "untilMeasured" | keyof HeadlessCheckboxExtraProps | keyof CheckboxFrameActiveStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "disabled" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & HeadlessCheckboxExtraProps & {
+    native?: NativeValue<'web'>;
+} & CheckboxExpectingVariantProps & CheckboxFrameActiveStyleProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "disabled" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & HeadlessCheckboxExtraProps & {
+    native?: NativeValue<'web'>;
+} & CheckboxExpectingVariantProps & CheckboxFrameActiveStyleProps, import("@tamagui/core").StackStyleBase, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    size?: import("@tamagui/core").Size | undefined;
+}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }>, "accessibilityActions" | "accessibilityElementsHidden" | "accessibilityHint" | "accessibilityIgnoresInvertColors" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityLanguage" | "accessibilityLargeContentTitle" | "accessibilityLiveRegion" | "accessibilityRespondsToUserInteraction" | "accessibilityRole" | "accessibilityShowsLargeContentViewer" | "accessibilityState" | "accessibilityValue" | "accessibilityViewIsModal" | "accessible" | "active" | "animatedBy" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "asChild" | "className" | "collapsable" | "collapsableChildren" | "container" | "dangerouslySetInnerHTML" | "debug" | "disableClassName" | "disableNativeStyle" | "disableOptimization" | "download" | "elevationAndroid" | "forceStyle" | "group" | "hasTVPreferredFocus" | "hitSlop" | "htmlFor" | "importantForAccessibility" | "isTVSelectable" | "native" | "nativeID" | "needsOffscreenAlphaCompositing" | "onAccessibilityAction" | "onAccessibilityEscape" | "onAccessibilityTap" | "onBeforeInput" | "onBlur" | "onChange" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onDoubleClick" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onKeyDown" | "onKeyUp" | "onLayout" | "onLongPress" | "onMagicTap" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onPaste" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPress" | "onPressIn" | "onPressOut" | "onResponderEnd" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderTerminate" | "onResponderTerminationRequest" | "onScroll" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onTouchCancel" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchStart" | "onWheel" | "rel" | "removeClippedSubviews" | "render" | "renderToHardwareTextureAndroid" | "role" | "screenReaderFocusable" | "shouldRasterizeIOS" | "size" | "style" | "tabIndex" | "target" | "testID" | "theme" | "themeShallow" | "tvParallaxMagnification" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "untilMeasured" | keyof HeadlessCheckboxExtraProps | keyof CheckboxFrameActiveStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "disabled" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & HeadlessCheckboxExtraProps & {
+        native?: NativeValue<'web'>;
+    } & CheckboxExpectingVariantProps & CheckboxFrameActiveStyleProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "disabled" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & HeadlessCheckboxExtraProps & {
+        native?: NativeValue<'web'>;
+    } & CheckboxExpectingVariantProps & CheckboxFrameActiveStyleProps, import("@tamagui/core").StackStyleBase, {
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic];
+} & {
+    Indicator: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+        active?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }>, "active" | "activeStyle" | "forceMount" | "size" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+        active?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & CheckboxIndicatorExtraProps & CheckboxIndicatorActiveStyleProps, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "active" | "size" | keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{
+        active?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & CheckboxIndicatorExtraProps & CheckboxIndicatorActiveStyleProps, import("@tamagui/core").StackStyleBase, {
+        active?: boolean | undefined;
+        size?: import("@tamagui/core").Size | undefined;
+    }, import("@tamagui/core").StaticConfigPublic>;
+};
+export {};
 //# sourceMappingURL=Checkbox.d.ts.map

package/types/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;EAoBlC,CAAA;AAQD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;EA+EzB,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,IAAI,0BAA0B,EACjD,MAAM,4BAA4B,CAAA;AAEnC,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAWlF,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAIjC,CAAA;AAIF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAexB,CAAA;AAEF,KAAK,6BAA6B,GAAG;IACnC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CACzB,CAAA;AAED,KAAK,kBAAkB,GAAG,0BAA0B,GAAG;IACrD,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;CAC5B,CAAA;AAED,KAAK,6BAA6B,GAAG;IACnC,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,KAAK,iCAAiC,GAAG;IACvC,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GACxD,kBAAkB,GAClB,6BAA6B,GAC7B,6BAA6B,CAAA;AAE/B,KAAK,2BAA2B,GAAG;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,GAC1E,2BAA2B,GAC3B,iCAAiC,CAAA;AAEnC,eAAO,MAAM,eAAe;aACjB,YAAY;eACV,OAAO;EAIlB,CAAA;AA+GF,eAAO,MAAM,QAAQ;;;;;;;;;aAlJV,WAAW,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAlB,WAAW,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJ3B,CAAA"}

package/types/CheckboxStyledContext.d.ts

@@ -1,9 +1,7 @@
 import type { SizeTokens } from '@tamagui/core';
 export declare const CheckboxStyledContext: import("@tamagui/core").StyledContext<{
-    size: SizeTokens;
-    scaleIcon: number;
-    unstyled?: boolean;
+    size: SizeTokens | true;
     active?: boolean;
     disabled?: boolean;
-}>;
+}, "active" | "disabled" | "size">;
 //# sourceMappingURL=CheckboxStyledContext.d.ts.map

package/types/CheckboxStyledContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxStyledContext.d.ts","sourceRoot":"","sources":["../src/CheckboxStyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/C,eAAO,MAAM,qBAAqB;UAC1B,UAAU;eACL,MAAM;eACN,OAAO;aACT,OAAO;eACL,OAAO;EAOlB,CAAA"}
+{"version":3,"file":"CheckboxStyledContext.d.ts","sourceRoot":"","sources":["../src/CheckboxStyledContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/C,eAAO,MAAM,qBAAqB;UAC1B,UAAU,GAAG,IAAI;aACd,OAAO;eACL,OAAO;kCAKlB,CAAA"}