@tamagui/checkbox 2.7.7 → 3.0.0-beta.643.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/cjs/Checkbox.cjs +105 -101
  2. package/dist/cjs/Checkbox.native.cjs +137 -0
  3. package/dist/cjs/Checkbox.native.js +120 -100
  4. package/dist/cjs/Checkbox.native.js.map +1 -1
  5. package/dist/cjs/CheckboxStyledContext.cjs +18 -23
  6. package/dist/cjs/CheckboxStyledContext.native.cjs +32 -0
  7. package/dist/cjs/CheckboxStyledContext.native.js +18 -22
  8. package/dist/cjs/CheckboxStyledContext.native.js.map +1 -1
  9. package/dist/cjs/index.cjs +9 -26
  10. package/dist/cjs/index.native.cjs +22 -0
  11. package/dist/cjs/index.native.js +10 -26
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/esm/Checkbox.mjs +83 -87
  14. package/dist/esm/Checkbox.mjs.map +1 -1
  15. package/dist/esm/Checkbox.native.js +99 -87
  16. package/dist/esm/Checkbox.native.js.map +1 -1
  17. package/dist/esm/CheckboxStyledContext.mjs +5 -5
  18. package/dist/esm/CheckboxStyledContext.mjs.map +1 -1
  19. package/dist/esm/CheckboxStyledContext.native.js +5 -5
  20. package/dist/esm/CheckboxStyledContext.native.js.map +1 -1
  21. package/dist/esm/index.js +3 -11
  22. package/dist/esm/index.mjs +3 -11
  23. package/dist/esm/index.native.js +3 -11
  24. package/dist/jsx/Checkbox.mjs +83 -87
  25. package/dist/jsx/Checkbox.mjs.map +1 -1
  26. package/dist/jsx/Checkbox.native.cjs +137 -0
  27. package/dist/jsx/Checkbox.native.js +120 -100
  28. package/dist/jsx/Checkbox.native.js.map +1 -1
  29. package/dist/jsx/CheckboxStyledContext.mjs +5 -5
  30. package/dist/jsx/CheckboxStyledContext.mjs.map +1 -1
  31. package/dist/jsx/CheckboxStyledContext.native.cjs +32 -0
  32. package/dist/jsx/CheckboxStyledContext.native.js +18 -22
  33. package/dist/jsx/CheckboxStyledContext.native.js.map +1 -1
  34. package/dist/jsx/index.js +3 -11
  35. package/dist/jsx/index.mjs +3 -11
  36. package/dist/jsx/index.native.cjs +22 -0
  37. package/dist/jsx/index.native.js +10 -26
  38. package/dist/jsx/index.native.js.map +1 -1
  39. package/package.json +6 -16
  40. package/src/Checkbox.tsx +189 -81
  41. package/src/CheckboxStyledContext.tsx +2 -6
  42. package/src/index.ts +0 -9
  43. package/types/Checkbox.d.ts +446 -24
  44. package/types/Checkbox.d.ts.map +1 -1
  45. package/types/CheckboxStyledContext.d.ts +2 -4
  46. package/types/CheckboxStyledContext.d.ts.map +1 -1
  47. package/types/index.d.ts +0 -320
  48. package/types/index.d.ts.map +1 -1
  49. package/dist/cjs/createCheckbox.cjs +0 -194
  50. package/dist/cjs/createCheckbox.native.js +0 -213
  51. package/dist/cjs/createCheckbox.native.js.map +0 -1
  52. package/dist/esm/createCheckbox.mjs +0 -150
  53. package/dist/esm/createCheckbox.mjs.map +0 -1
  54. package/dist/esm/createCheckbox.native.js +0 -167
  55. package/dist/esm/createCheckbox.native.js.map +0 -1
  56. package/dist/esm/index.js.map +0 -1
  57. package/dist/esm/index.mjs.map +0 -1
  58. package/dist/esm/index.native.js.map +0 -1
  59. package/dist/jsx/createCheckbox.mjs +0 -150
  60. package/dist/jsx/createCheckbox.mjs.map +0 -1
  61. package/dist/jsx/createCheckbox.native.js +0 -213
  62. package/dist/jsx/createCheckbox.native.js.map +0 -1
  63. package/dist/jsx/index.js.map +0 -1
  64. package/dist/jsx/index.mjs.map +0 -1
  65. package/src/createCheckbox.tsx +0 -280
  66. package/types/createCheckbox.d.ts +0 -196
  67. package/types/createCheckbox.d.ts.map +0 -1
package/types/index.d.ts CHANGED
@@ -1,324 +1,4 @@
1
- export * from './createCheckbox';
2
1
  export * from './Checkbox';
3
2
  export * from './CheckboxStyledContext';
4
3
  export type { CheckedState } from '@tamagui/checkbox-headless';
5
- export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
6
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
7
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
8
- fullscreen?: boolean | undefined;
9
- }, import("@tamagui/web").StaticConfigPublic>, {
10
- accept: {
11
- readonly activeStyle: "style";
12
- };
13
- }>> | undefined;
14
- }, {
15
- size?: import("@tamagui/web").SizeTokens | undefined;
16
- disabled?: boolean | undefined;
17
- unstyled?: boolean | undefined;
18
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
19
- fullscreen?: boolean | undefined;
20
- }>, "theme" | "native" | "debug" | "size" | "zIndex" | `$${string}` | "scaleIcon" | "disabled" | "style" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "filter" | "name" | "activeStyle" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "position" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "outline" | "userSelect" | "backdropFilter" | "background" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "boxShadow" | "border" | "overflowX" | "overflowY" | "transformOrigin" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "inset" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "transition" | "animateOnly" | "animatePresence" | "passThrough" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "isolation" | "mixBlendMode" | "experimental_backgroundImage" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "boxSizing" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "right" | "start" | "top" | "width" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
21
- scaleIcon?: number;
22
- scaleSize?: number;
23
- sizeAdjust?: number;
24
- native?: import("@tamagui/helpers").NativeValue<"web">;
25
- } & {
26
- size?: import("@tamagui/web").SizeTokens;
27
- unstyled?: boolean;
28
- } & {
29
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
30
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
31
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
32
- fullscreen?: boolean | undefined;
33
- }, import("@tamagui/web").StaticConfigPublic>, {
34
- accept: {
35
- readonly activeStyle: "style";
36
- };
37
- }>> | undefined;
38
- }, {
39
- size?: import("@tamagui/web").SizeTokens | undefined;
40
- disabled?: boolean | undefined;
41
- unstyled?: boolean | undefined;
42
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
43
- fullscreen?: boolean | undefined;
44
- }, import("@tamagui/web").StaticConfigPublic & {
45
- accept: {
46
- readonly activeStyle: "style";
47
- };
48
- }>>;
49
- activeTheme?: string | null;
50
- } & import("react").RefAttributes<import("@tamagui/web").TamaguiElement>> & import("@tamagui/web").StaticComponentObject<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
51
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
52
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
53
- fullscreen?: boolean | undefined;
54
- }, import("@tamagui/web").StaticConfigPublic>, {
55
- accept: {
56
- readonly activeStyle: "style";
57
- };
58
- }>> | undefined;
59
- }, {
60
- size?: import("@tamagui/web").SizeTokens | undefined;
61
- disabled?: boolean | undefined;
62
- unstyled?: boolean | undefined;
63
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
64
- fullscreen?: boolean | undefined;
65
- }>, "theme" | "native" | "debug" | "size" | "zIndex" | `$${string}` | "scaleIcon" | "disabled" | "style" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "filter" | "name" | "activeStyle" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "position" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "outline" | "userSelect" | "backdropFilter" | "background" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "boxShadow" | "border" | "overflowX" | "overflowY" | "transformOrigin" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "inset" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "transition" | "animateOnly" | "animatePresence" | "passThrough" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "isolation" | "mixBlendMode" | "experimental_backgroundImage" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "boxSizing" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "right" | "start" | "top" | "width" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
66
- scaleIcon?: number;
67
- scaleSize?: number;
68
- sizeAdjust?: number;
69
- native?: import("@tamagui/helpers").NativeValue<"web">;
70
- } & {
71
- size?: import("@tamagui/web").SizeTokens;
72
- unstyled?: boolean;
73
- } & {
74
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
75
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
76
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
77
- fullscreen?: boolean | undefined;
78
- }, import("@tamagui/web").StaticConfigPublic>, {
79
- accept: {
80
- readonly activeStyle: "style";
81
- };
82
- }>> | undefined;
83
- }, {
84
- size?: import("@tamagui/web").SizeTokens | undefined;
85
- disabled?: boolean | undefined;
86
- unstyled?: boolean | undefined;
87
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
88
- fullscreen?: boolean | undefined;
89
- }, import("@tamagui/web").StaticConfigPublic & {
90
- accept: {
91
- readonly activeStyle: "style";
92
- };
93
- }>>;
94
- activeTheme?: string | null;
95
- }, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
96
- scaleIcon?: number;
97
- scaleSize?: number;
98
- sizeAdjust?: number;
99
- native?: import("@tamagui/helpers").NativeValue<"web">;
100
- } & {
101
- size?: import("@tamagui/web").SizeTokens;
102
- unstyled?: boolean;
103
- } & {
104
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
105
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
106
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
107
- fullscreen?: boolean | undefined;
108
- }, import("@tamagui/web").StaticConfigPublic>, {
109
- accept: {
110
- readonly activeStyle: "style";
111
- };
112
- }>> | undefined;
113
- }, {
114
- size?: import("@tamagui/web").SizeTokens | undefined;
115
- disabled?: boolean | undefined;
116
- unstyled?: boolean | undefined;
117
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
118
- fullscreen?: boolean | undefined;
119
- }, import("@tamagui/web").StaticConfigPublic & {
120
- accept: {
121
- readonly activeStyle: "style";
122
- };
123
- }>>;
124
- activeTheme?: string | null;
125
- }, import("@tamagui/web").StackStyleBase & {
126
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
127
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
128
- fullscreen?: boolean | undefined;
129
- }, import("@tamagui/web").StaticConfigPublic>, {
130
- accept: {
131
- readonly activeStyle: "style";
132
- };
133
- }>> | undefined;
134
- }, {
135
- size?: import("@tamagui/web").SizeTokens | undefined;
136
- disabled?: boolean | undefined;
137
- unstyled?: boolean | undefined;
138
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
139
- fullscreen?: boolean | undefined;
140
- }, import("@tamagui/web").StaticConfigPublic & {
141
- accept: {
142
- readonly activeStyle: "style";
143
- };
144
- }> & Omit<import("@tamagui/web").StaticConfigPublic & {
145
- accept: {
146
- readonly activeStyle: "style";
147
- };
148
- }, "staticConfig" | "styleable"> & {
149
- __tama: [Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
150
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
151
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
152
- fullscreen?: boolean | undefined;
153
- }, import("@tamagui/web").StaticConfigPublic>, {
154
- accept: {
155
- readonly activeStyle: "style";
156
- };
157
- }>> | undefined;
158
- }, {
159
- size?: import("@tamagui/web").SizeTokens | undefined;
160
- disabled?: boolean | undefined;
161
- unstyled?: boolean | undefined;
162
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
163
- fullscreen?: boolean | undefined;
164
- }>, "theme" | "native" | "debug" | "size" | "zIndex" | `$${string}` | "scaleIcon" | "disabled" | "style" | `$${number}` | `$group-${string}` | `$group-${number}` | `$group-${string}-hover` | `$group-${string}-press` | `$group-${string}-focus` | `$group-${string}-focusVisible` | `$group-${string}-focusWithin` | `$group-${number}-hover` | `$group-${number}-press` | `$group-${number}-focus` | `$group-${number}-focusVisible` | `$group-${number}-focusWithin` | "filter" | "name" | "activeStyle" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "className" | "themeShallow" | "unstyled" | "id" | "render" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "animatedBy" | "onFocus" | "onBlur" | "onPointerCancel" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "position" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "borderCurve" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "outline" | "userSelect" | "backdropFilter" | "background" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "boxShadow" | "border" | "overflowX" | "overflowY" | "transformOrigin" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "content" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "inset" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "transition" | "animateOnly" | "animatePresence" | "passThrough" | "backfaceVisibility" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "isolation" | "mixBlendMode" | "experimental_backgroundImage" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "boxSizing" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "right" | "start" | "top" | "width" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "hoverStyle" | "pressStyle" | "focusStyle" | "focusWithinStyle" | "focusVisibleStyle" | "disabledStyle" | "exitStyle" | "enterStyle" | "value" | "checked" | "defaultChecked" | "required" | "onCheckedChange" | "labelledBy" | "scaleSize" | "sizeAdjust" | "activeTheme"> & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
165
- scaleIcon?: number;
166
- scaleSize?: number;
167
- sizeAdjust?: number;
168
- native?: import("@tamagui/helpers").NativeValue<"web">;
169
- } & {
170
- size?: import("@tamagui/web").SizeTokens;
171
- unstyled?: boolean;
172
- } & {
173
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
174
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
175
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
176
- fullscreen?: boolean | undefined;
177
- }, import("@tamagui/web").StaticConfigPublic>, {
178
- accept: {
179
- readonly activeStyle: "style";
180
- };
181
- }>> | undefined;
182
- }, {
183
- size?: import("@tamagui/web").SizeTokens | undefined;
184
- disabled?: boolean | undefined;
185
- unstyled?: boolean | undefined;
186
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
187
- fullscreen?: boolean | undefined;
188
- }, import("@tamagui/web").StaticConfigPublic & {
189
- accept: {
190
- readonly activeStyle: "style";
191
- };
192
- }>>;
193
- activeTheme?: string | null;
194
- }, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & import("@tamagui/checkbox-headless").CheckboxExtraProps & {
195
- scaleIcon?: number;
196
- scaleSize?: number;
197
- sizeAdjust?: number;
198
- native?: import("@tamagui/helpers").NativeValue<"web">;
199
- } & {
200
- size?: import("@tamagui/web").SizeTokens;
201
- unstyled?: boolean;
202
- } & {
203
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
204
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
205
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
206
- fullscreen?: boolean | undefined;
207
- }, import("@tamagui/web").StaticConfigPublic>, {
208
- accept: {
209
- readonly activeStyle: "style";
210
- };
211
- }>> | undefined;
212
- }, {
213
- size?: import("@tamagui/web").SizeTokens | undefined;
214
- disabled?: boolean | undefined;
215
- unstyled?: boolean | undefined;
216
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
217
- fullscreen?: boolean | undefined;
218
- }, import("@tamagui/web").StaticConfigPublic & {
219
- accept: {
220
- readonly activeStyle: "style";
221
- };
222
- }>>;
223
- activeTheme?: string | null;
224
- }, import("@tamagui/web").StackStyleBase & {
225
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
226
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
227
- fullscreen?: boolean | undefined;
228
- }, import("@tamagui/web").StaticConfigPublic>, {
229
- accept: {
230
- readonly activeStyle: "style";
231
- };
232
- }>> | undefined;
233
- }, {
234
- size?: import("@tamagui/web").SizeTokens | undefined;
235
- disabled?: boolean | undefined;
236
- unstyled?: boolean | undefined;
237
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
238
- fullscreen?: boolean | undefined;
239
- }, import("@tamagui/web").StaticConfigPublic & {
240
- accept: {
241
- readonly activeStyle: "style";
242
- };
243
- }];
244
- } & {
245
- Indicator: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
246
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
247
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
248
- fullscreen?: boolean | undefined;
249
- }, import("@tamagui/web").StaticConfigPublic>, {
250
- accept: {
251
- readonly activeStyle: "style";
252
- };
253
- }>> | undefined;
254
- }, {
255
- unstyled?: boolean | undefined;
256
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
257
- fullscreen?: boolean | undefined;
258
- }>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | "activeStyle" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | keyof {
259
- forceMount?: boolean;
260
- disablePassStyles?: boolean;
261
- }> & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & {
262
- forceMount?: boolean;
263
- disablePassStyles?: boolean;
264
- } & {
265
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
266
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
267
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
268
- fullscreen?: boolean | undefined;
269
- }, import("@tamagui/web").StaticConfigPublic>, {
270
- accept: {
271
- readonly activeStyle: "style";
272
- };
273
- }>> | undefined;
274
- }, {
275
- unstyled?: boolean | undefined;
276
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
277
- fullscreen?: boolean | undefined;
278
- }, import("@tamagui/web").StaticConfigPublic & {
279
- accept: {
280
- readonly activeStyle: "style";
281
- };
282
- }>>;
283
- }, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & {
284
- forceMount?: boolean;
285
- disablePassStyles?: boolean;
286
- } & {
287
- activeStyle?: import("@tamagui/web").GetProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & {
288
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
289
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
290
- fullscreen?: boolean | undefined;
291
- }, import("@tamagui/web").StaticConfigPublic>, {
292
- accept: {
293
- readonly activeStyle: "style";
294
- };
295
- }>> | undefined;
296
- }, {
297
- unstyled?: boolean | undefined;
298
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
299
- fullscreen?: boolean | undefined;
300
- }, import("@tamagui/web").StaticConfigPublic & {
301
- accept: {
302
- readonly activeStyle: "style";
303
- };
304
- }>>;
305
- }, import("@tamagui/web").StackStyleBase & {
306
- readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
307
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
308
- fullscreen?: boolean | undefined;
309
- }, import("@tamagui/web").StaticConfigPublic>, {
310
- accept: {
311
- readonly activeStyle: "style";
312
- };
313
- }>> | undefined;
314
- }, {
315
- unstyled?: boolean | undefined;
316
- elevation?: number | import("@tamagui/web").SizeTokens | undefined;
317
- fullscreen?: boolean | undefined;
318
- }, import("@tamagui/web").StaticConfigPublic & {
319
- accept: {
320
- readonly activeStyle: "style";
321
- };
322
- }>;
323
- };
324
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,yBAAyB,CAAA;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,yBAAyB,CAAA;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA"}
@@ -1,194 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
- value: mod,
29
- enumerable: true
30
- }) : target, mod));
31
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
- value: true
33
- }), mod);
34
- var createCheckbox_exports = {};
35
- __export(createCheckbox_exports, {
36
- CheckboxContext: () => CheckboxContext,
37
- createCheckbox: () => createCheckbox
38
- });
39
- module.exports = __toCommonJS(createCheckbox_exports);
40
- var import_checkbox_headless = require("@tamagui/checkbox-headless");
41
- var import_core = require("@tamagui/core");
42
- require("@tamagui/focusable");
43
- var import_font_size = require("@tamagui/font-size");
44
- var import_get_token = require("@tamagui/get-token");
45
- var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
46
- var import_use_controllable_state = require("@tamagui/use-controllable-state");
47
- var import_react = __toESM(require("react"), 1);
48
- var import_Checkbox = require("./Checkbox.cjs");
49
- var import_CheckboxStyledContext = require("./CheckboxStyledContext.cjs");
50
- var import_jsx_runtime = require("react/jsx-runtime");
51
- const CheckboxContext = import_react.default.createContext({
52
- checked: false,
53
- disabled: false
54
- });
55
- const ensureContext = x => {
56
- if (!x.context) x.context = CheckboxContext;
57
- };
58
- function createCheckbox(createProps) {
59
- const {
60
- Frame = import_Checkbox.CheckboxFrame,
61
- Indicator = import_Checkbox.CheckboxIndicatorFrame
62
- } = createProps;
63
- ensureContext(Frame);
64
- ensureContext(Indicator);
65
- const FrameComponent = Frame.styleable(function Checkbox(_props, forwardedRef) {
66
- const {
67
- scaleSize = .45,
68
- sizeAdjust = 0,
69
- scaleIcon,
70
- checked: checkedProp,
71
- defaultChecked,
72
- onCheckedChange,
73
- native,
74
- unstyled = false,
75
- activeStyle,
76
- activeTheme,
77
- ...props
78
- } = _props;
79
- const propsActive = (0, import_core.useProps)(props);
80
- const styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context);
81
- let adjustedSize = 0;
82
- let size = 0;
83
- if (!unstyled) {
84
- adjustedSize = (0, import_core.getVariableValue)((0, import_get_token.getSize)(propsActive.size ?? styledContext?.size ?? "$true", {
85
- shift: sizeAdjust
86
- }));
87
- size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
88
- }
89
- const [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({
90
- prop: checkedProp,
91
- defaultProp: defaultChecked,
92
- onChange: onCheckedChange
93
- });
94
- const {
95
- checkboxProps,
96
- checkboxRef,
97
- bubbleInput
98
- } = (0, import_checkbox_headless.useCheckbox)(
99
- // @ts-ignore
100
- propsActive, [checked, setChecked], forwardedRef);
101
- if ((0, import_core.shouldRenderNativePlatform)(native) === "web") return /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
102
- type: "checkbox",
103
- defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? false : checked,
104
- tabIndex: -1,
105
- ref: checkboxRef,
106
- disabled: checkboxProps.disabled,
107
- style: {
108
- appearance: "auto",
109
- accentColor: "var(--color6)",
110
- ...checkboxProps.style
111
- }
112
- });
113
- const memoizedContext = (0, import_react.useMemo)(() => ({
114
- checked,
115
- disabled: checkboxProps.disabled
116
- }), [checked, checkboxProps.disabled]);
117
- const isActive = !!checked;
118
- const disabled = checkboxProps.disabled;
119
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
120
- value: memoizedContext,
121
- children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
122
- size: propsActive.size ?? styledContext?.size ?? "$true",
123
- scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
124
- unstyled,
125
- active: isActive,
126
- disabled,
127
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
128
- render: "button",
129
- ref: checkboxRef,
130
- unstyled,
131
- theme: activeTheme ?? null,
132
- ...(import_core.isWeb && {
133
- type: "button"
134
- }),
135
- ...(!unstyled && {
136
- width: size,
137
- height: size,
138
- size
139
- }),
140
- checked,
141
- disabled,
142
- ...checkboxProps,
143
- ...props,
144
- ...(isActive && {
145
- ...(!unstyled && !activeStyle && {
146
- backgroundColor: "$backgroundActive"
147
- }),
148
- ...activeStyle
149
- }),
150
- children: propsActive.children
151
- }), bubbleInput]
152
- })
153
- });
154
- });
155
- const IndicatorComponent = Indicator.styleable((props, forwardedRef) => {
156
- const {
157
- children: childrenProp,
158
- forceMount,
159
- disablePassStyles,
160
- unstyled = false,
161
- activeStyle,
162
- ...indicatorProps
163
- } = props;
164
- const styledContext = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext();
165
- const {
166
- active
167
- } = styledContext;
168
- let children = childrenProp;
169
- if (!unstyled) {
170
- const iconSize = (typeof styledContext.size === "number" ? styledContext.size * .65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon;
171
- const theme = (0, import_core.useTheme)();
172
- const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
173
- size: iconSize,
174
- color: theme.color
175
- });
176
- children = import_react.default.Children.toArray(childrenProp).map(child => {
177
- if (disablePassStyles || !import_react.default.isValidElement(child)) return child;
178
- return getThemedIcon(child);
179
- });
180
- }
181
- const context = import_react.default.useContext(CheckboxContext);
182
- if (forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === true) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
183
- pointerEvents: "none",
184
- ...indicatorProps,
185
- ...(active && activeStyle),
186
- ref: forwardedRef,
187
- children
188
- });
189
- return null;
190
- });
191
- return (0, import_core.withStaticProperties)(FrameComponent, {
192
- Indicator: IndicatorComponent
193
- });
194
- }