@tamagui/checkbox 1.88.19 → 1.88.21

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 (31) hide show
  1. package/package.json +15 -15
  2. package/dist/cjs/CheckboxStyledContext.js +0 -25
  3. package/dist/cjs/CheckboxStyledContext.js.map +0 -6
  4. package/dist/cjs/CheckboxStyledContext.native.js +0 -30
  5. package/dist/cjs/CheckboxStyledContext.native.js.map +0 -6
  6. package/dist/cjs/createCheckbox.js +0 -149
  7. package/dist/cjs/createCheckbox.js.map +0 -6
  8. package/dist/cjs/createCheckbox.native.js +0 -155
  9. package/dist/cjs/createCheckbox.native.js.map +0 -6
  10. package/dist/esm/CheckboxStyledContext.js +0 -9
  11. package/dist/esm/CheckboxStyledContext.js.map +0 -6
  12. package/dist/esm/CheckboxStyledContext.mjs +0 -6
  13. package/dist/esm/CheckboxStyledContext.native.js +0 -30
  14. package/dist/esm/CheckboxStyledContext.native.js.map +0 -6
  15. package/dist/esm/createCheckbox.js +0 -140
  16. package/dist/esm/createCheckbox.js.map +0 -6
  17. package/dist/esm/createCheckbox.mjs +0 -127
  18. package/dist/esm/createCheckbox.native.js +0 -155
  19. package/dist/esm/createCheckbox.native.js.map +0 -6
  20. package/dist/jsx/CheckboxStyledContext.js +0 -9
  21. package/dist/jsx/CheckboxStyledContext.js.map +0 -6
  22. package/dist/jsx/CheckboxStyledContext.mjs +0 -6
  23. package/dist/jsx/CheckboxStyledContext.native.js +0 -30
  24. package/dist/jsx/CheckboxStyledContext.native.js.map +0 -6
  25. package/dist/jsx/createCheckbox.js +0 -140
  26. package/dist/jsx/createCheckbox.js.map +0 -6
  27. package/dist/jsx/createCheckbox.mjs +0 -127
  28. package/dist/jsx/createCheckbox.native.js +0 -155
  29. package/dist/jsx/createCheckbox.native.js.map +0 -6
  30. package/types/CheckboxStyledContext.d.ts.map +0 -1
  31. package/types/createCheckbox.d.ts.map +0 -1
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createCheckbox.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,127 +0,0 @@
1
- import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
2
- import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
3
- import { getFontSize } from "@tamagui/font-size";
4
- import { getSize } from "@tamagui/get-token";
5
- import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
6
- import { useControllableState } from "@tamagui/use-controllable-state";
7
- import React, { useContext } from "react";
8
- import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
9
- import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
10
- import { jsx, jsxs } from "react/jsx-runtime";
11
- const CheckboxContext = React.createContext({
12
- checked: !1,
13
- disabled: !1
14
- }),
15
- ensureContext = x => {
16
- x.context || (x.context = CheckboxContext);
17
- };
18
- function createCheckbox(createProps) {
19
- const {
20
- disableActiveTheme,
21
- Frame = CheckboxFrame,
22
- Indicator = CheckboxIndicatorFrame
23
- } = createProps;
24
- ensureContext(Frame), ensureContext(Indicator);
25
- const FrameComponent = Frame.styleable(function (_props, forwardedRef) {
26
- const {
27
- scaleSize = 0.45,
28
- sizeAdjust = 0,
29
- scaleIcon,
30
- checked: checkedProp,
31
- defaultChecked,
32
- onCheckedChange,
33
- native,
34
- unstyled = !1,
35
- ...props
36
- } = _props,
37
- propsActive = useProps(props),
38
- styledContext = React.useContext(CheckboxStyledContext);
39
- let adjustedSize = 0,
40
- size = 0;
41
- unstyled || (adjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? "$true", {
42
- shift: sizeAdjust
43
- })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
44
- const [checked = !1, setChecked] = useControllableState({
45
- prop: checkedProp,
46
- defaultProp: defaultChecked,
47
- onChange: onCheckedChange
48
- }),
49
- {
50
- checkboxProps,
51
- checkboxRef,
52
- bubbleInput
53
- } = useCheckbox(
54
- // @ts-ignore
55
- propsActive, [checked, setChecked], forwardedRef);
56
- return shouldRenderNativePlatform(native) === "web" ? /* @__PURE__ */jsx("input", {
57
- type: "checkbox",
58
- defaultChecked: isIndeterminate(checked) ? !1 : checked,
59
- tabIndex: -1,
60
- ref: checkboxRef,
61
- disabled: checkboxProps.disabled,
62
- style: {
63
- appearance: "auto",
64
- accentColor: "var(--color6)",
65
- ...checkboxProps.style
66
- // TODO: any
67
- }
68
- }) : /* @__PURE__ */jsx(CheckboxContext.Provider, {
69
- value: {
70
- checked,
71
- disabled: checkboxProps.disabled
72
- },
73
- children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
74
- size: propsActive.size ?? styledContext?.size ?? "$true",
75
- scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
76
- children: [/* @__PURE__ */jsx(Frame, {
77
- ...(!unstyled && {
78
- width: size,
79
- height: size
80
- }),
81
- tag: "button",
82
- ref: checkboxRef,
83
- ...(unstyled === !1 && {
84
- size,
85
- theme: checked ? "active" : null
86
- }),
87
- checked,
88
- disabled: checkboxProps.disabled,
89
- ...checkboxProps,
90
- children: propsActive.children
91
- }), bubbleInput]
92
- })
93
- });
94
- }),
95
- IndicatorComponent = Indicator.styleable((props, forwardedRef) => {
96
- const {
97
- // __scopeCheckbox,
98
- children: childrenProp,
99
- forceMount,
100
- disablePassStyles,
101
- unstyled = !1,
102
- ...indicatorProps
103
- } = props,
104
- styledContext = React.useContext(CheckboxStyledContext);
105
- let children = childrenProp;
106
- if (!unstyled) {
107
- const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
108
- theme = useTheme(),
109
- getThemedIcon = useGetThemedIcon({
110
- size: iconSize,
111
- color: theme.color
112
- });
113
- children = React.Children.toArray(childrenProp).map(child => disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child));
114
- }
115
- const context = useContext(CheckboxContext);
116
- return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */jsx(Indicator, {
117
- pointerEvents: "none",
118
- ...indicatorProps,
119
- ref: forwardedRef,
120
- children
121
- }) : null;
122
- });
123
- return withStaticProperties(FrameComponent, {
124
- Indicator: IndicatorComponent
125
- });
126
- }
127
- export { CheckboxContext, createCheckbox };
@@ -1,155 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: !0 });
10
- }, __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from == "object" || typeof from == "function")
12
- for (let key of __getOwnPropNames(from))
13
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- return to;
15
- };
16
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
- // If the importer is in node compatibility mode or this is not an ESM
18
- // file that has been converted to a CommonJS file using a Babel-
19
- // compatible transform (i.e. "__esModule" has not been set), then set
20
- // "default" to the CommonJS "module.exports" for node compatibility.
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
- mod
23
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
- var createCheckbox_exports = {};
25
- __export(createCheckbox_exports, {
26
- CheckboxContext: () => CheckboxContext,
27
- createCheckbox: () => createCheckbox
28
- });
29
- module.exports = __toCommonJS(createCheckbox_exports);
30
- var import_checkbox_headless = require("@tamagui/checkbox-headless"), import_core = require("@tamagui/core"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react = __toESM(require("react")), import_Checkbox = require("./Checkbox"), import_CheckboxStyledContext = require("./CheckboxStyledContext"), import_jsx_runtime = require("react/jsx-runtime");
31
- const CheckboxContext = import_react.default.createContext({
32
- checked: !1,
33
- disabled: !1
34
- }), ensureContext = (x) => {
35
- x.context || (x.context = CheckboxContext);
36
- };
37
- function createCheckbox(createProps) {
38
- const {
39
- disableActiveTheme,
40
- Frame = import_Checkbox.CheckboxFrame,
41
- Indicator = import_Checkbox.CheckboxIndicatorFrame
42
- } = createProps;
43
- ensureContext(Frame), ensureContext(Indicator);
44
- const FrameComponent = Frame.styleable(
45
- function(_props, forwardedRef) {
46
- const {
47
- scaleSize = 0.45,
48
- sizeAdjust = 0,
49
- scaleIcon,
50
- checked: checkedProp,
51
- defaultChecked,
52
- onCheckedChange,
53
- native,
54
- unstyled = !1,
55
- ...props
56
- } = _props, propsActive = (0, import_core.useProps)(props), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext);
57
- let adjustedSize = 0, size = 0;
58
- unstyled || (adjustedSize = (0, import_core.getVariableValue)(
59
- (0, import_get_token.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
60
- shift: sizeAdjust
61
- })
62
- ), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
63
- const [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
64
- prop: checkedProp,
65
- defaultProp: defaultChecked,
66
- onChange: onCheckedChange
67
- }), { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(
68
- // @ts-ignore
69
- propsActive,
70
- [checked, setChecked],
71
- forwardedRef
72
- );
73
- return (0, import_core.shouldRenderNativePlatform)(native) === "web" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
74
- "input",
75
- {
76
- type: "checkbox",
77
- defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? !1 : checked,
78
- tabIndex: -1,
79
- ref: checkboxRef,
80
- disabled: checkboxProps.disabled,
81
- style: {
82
- appearance: "auto",
83
- accentColor: "var(--color6)",
84
- ...checkboxProps.style
85
- // TODO: any
86
- }
87
- }
88
- ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
89
- CheckboxContext.Provider,
90
- {
91
- value: {
92
- checked,
93
- disabled: checkboxProps.disabled
94
- },
95
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
96
- import_CheckboxStyledContext.CheckboxStyledContext.Provider,
97
- {
98
- size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
99
- scaleIcon: scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon) ?? 1,
100
- children: [
101
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
102
- Frame,
103
- {
104
- ...!unstyled && {
105
- width: size,
106
- height: size
107
- },
108
- tag: "button",
109
- ref: checkboxRef,
110
- ...unstyled === !1 && {
111
- size,
112
- theme: checked ? "active" : null
113
- },
114
- checked,
115
- disabled: checkboxProps.disabled,
116
- ...checkboxProps,
117
- children: propsActive.children
118
- }
119
- ),
120
- bubbleInput
121
- ]
122
- }
123
- )
124
- }
125
- );
126
- }
127
- ), IndicatorComponent = Indicator.styleable(
128
- (props, forwardedRef) => {
129
- const {
130
- // __scopeCheckbox,
131
- children: childrenProp,
132
- forceMount,
133
- disablePassStyles,
134
- unstyled = !1,
135
- ...indicatorProps
136
- } = props, styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext);
137
- let children = childrenProp;
138
- if (!unstyled) {
139
- const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color });
140
- children = import_react.default.Children.toArray(childrenProp).map((child) => disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child));
141
- }
142
- const context = (0, import_react.useContext)(CheckboxContext);
143
- return forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === !0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Indicator, { pointerEvents: "none", ...indicatorProps, ref: forwardedRef, children }) : null;
144
- }
145
- );
146
- return (0, import_core.withStaticProperties)(FrameComponent, {
147
- Indicator: IndicatorComponent
148
- });
149
- }
150
- // Annotate the CommonJS export names for ESM import in node:
151
- 0 && (module.exports = {
152
- CheckboxContext,
153
- createCheckbox
154
- });
155
- //# sourceMappingURL=createCheckbox.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createCheckbox.tsx"],
4
- "mappings": "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",
5
- "names": ["React"]
6
- }
@@ -1,9 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const CheckboxStyledContext = createStyledContext({
3
- size: "$true",
4
- scaleIcon: 1
5
- });
6
- export {
7
- CheckboxStyledContext
8
- };
9
- //# sourceMappingURL=CheckboxStyledContext.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/CheckboxStyledContext.tsx"],
4
- "mappings": "AACA,SAAS,2BAA2B;AAE7B,MAAM,wBAAwB,oBAAoB;AAAA,EACvD,MAAM;AAAA,EACN,WAAW;AACb,CAAC;",
5
- "names": []
6
- }
@@ -1,6 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const CheckboxStyledContext = createStyledContext({
3
- size: "$true",
4
- scaleIcon: 1
5
- });
6
- export { CheckboxStyledContext };
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
- var CheckboxStyledContext_exports = {};
17
- __export(CheckboxStyledContext_exports, {
18
- CheckboxStyledContext: () => CheckboxStyledContext
19
- });
20
- module.exports = __toCommonJS(CheckboxStyledContext_exports);
21
- var import_core = require("@tamagui/core");
22
- const CheckboxStyledContext = (0, import_core.createStyledContext)({
23
- size: "$true",
24
- scaleIcon: 1
25
- });
26
- // Annotate the CommonJS export names for ESM import in node:
27
- 0 && (module.exports = {
28
- CheckboxStyledContext
29
- });
30
- //# sourceMappingURL=CheckboxStyledContext.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/CheckboxStyledContext.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAoC;AAE7B,MAAM,4BAAwB,iCAAoB;AAAA,EACvD,MAAM;AAAA,EACN,WAAW;AACb,CAAC;",
5
- "names": []
6
- }
@@ -1,140 +0,0 @@
1
- import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
2
- import {
3
- getVariableValue,
4
- shouldRenderNativePlatform,
5
- useProps,
6
- useTheme,
7
- withStaticProperties
8
- } from "@tamagui/core";
9
- import { getFontSize } from "@tamagui/font-size";
10
- import { getSize } from "@tamagui/get-token";
11
- import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
12
- import { useControllableState } from "@tamagui/use-controllable-state";
13
- import React, { useContext } from "react";
14
- import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox";
15
- import { CheckboxStyledContext } from "./CheckboxStyledContext";
16
- import { jsx, jsxs } from "react/jsx-runtime";
17
- const CheckboxContext = React.createContext({
18
- checked: !1,
19
- disabled: !1
20
- }), ensureContext = (x) => {
21
- x.context || (x.context = CheckboxContext);
22
- };
23
- function createCheckbox(createProps) {
24
- const {
25
- disableActiveTheme,
26
- Frame = CheckboxFrame,
27
- Indicator = CheckboxIndicatorFrame
28
- } = createProps;
29
- ensureContext(Frame), ensureContext(Indicator);
30
- const FrameComponent = Frame.styleable(
31
- function(_props, forwardedRef) {
32
- const {
33
- scaleSize = 0.45,
34
- sizeAdjust = 0,
35
- scaleIcon,
36
- checked: checkedProp,
37
- defaultChecked,
38
- onCheckedChange,
39
- native,
40
- unstyled = !1,
41
- ...props
42
- } = _props, propsActive = useProps(props), styledContext = React.useContext(CheckboxStyledContext);
43
- let adjustedSize = 0, size = 0;
44
- unstyled || (adjustedSize = getVariableValue(
45
- getSize(propsActive.size ?? styledContext?.size ?? "$true", {
46
- shift: sizeAdjust
47
- })
48
- ), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
49
- const [checked = !1, setChecked] = useControllableState({
50
- prop: checkedProp,
51
- defaultProp: defaultChecked,
52
- onChange: onCheckedChange
53
- }), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(
54
- // @ts-ignore
55
- propsActive,
56
- [checked, setChecked],
57
- forwardedRef
58
- );
59
- return shouldRenderNativePlatform(native) === "web" ? /* @__PURE__ */ jsx(
60
- "input",
61
- {
62
- type: "checkbox",
63
- defaultChecked: isIndeterminate(checked) ? !1 : checked,
64
- tabIndex: -1,
65
- ref: checkboxRef,
66
- disabled: checkboxProps.disabled,
67
- style: {
68
- appearance: "auto",
69
- accentColor: "var(--color6)",
70
- ...checkboxProps.style
71
- // TODO: any
72
- }
73
- }
74
- ) : /* @__PURE__ */ jsx(
75
- CheckboxContext.Provider,
76
- {
77
- value: {
78
- checked,
79
- disabled: checkboxProps.disabled
80
- },
81
- children: /* @__PURE__ */ jsxs(
82
- CheckboxStyledContext.Provider,
83
- {
84
- size: propsActive.size ?? styledContext?.size ?? "$true",
85
- scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
86
- children: [
87
- /* @__PURE__ */ jsx(
88
- Frame,
89
- {
90
- ...!unstyled && {
91
- width: size,
92
- height: size
93
- },
94
- tag: "button",
95
- ref: checkboxRef,
96
- ...unstyled === !1 && {
97
- size,
98
- theme: checked ? "active" : null
99
- },
100
- checked,
101
- disabled: checkboxProps.disabled,
102
- ...checkboxProps,
103
- children: propsActive.children
104
- }
105
- ),
106
- bubbleInput
107
- ]
108
- }
109
- )
110
- }
111
- );
112
- }
113
- ), IndicatorComponent = Indicator.styleable(
114
- (props, forwardedRef) => {
115
- const {
116
- // __scopeCheckbox,
117
- children: childrenProp,
118
- forceMount,
119
- disablePassStyles,
120
- unstyled = !1,
121
- ...indicatorProps
122
- } = props, styledContext = React.useContext(CheckboxStyledContext);
123
- let children = childrenProp;
124
- if (!unstyled) {
125
- const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon, theme = useTheme(), getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color });
126
- children = React.Children.toArray(childrenProp).map((child) => disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child));
127
- }
128
- const context = useContext(CheckboxContext);
129
- return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */ jsx(Indicator, { pointerEvents: "none", ...indicatorProps, ref: forwardedRef, children }) : null;
130
- }
131
- );
132
- return withStaticProperties(FrameComponent, {
133
- Indicator: IndicatorComponent
134
- });
135
- }
136
- export {
137
- CheckboxContext,
138
- createCheckbox
139
- };
140
- //# sourceMappingURL=createCheckbox.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createCheckbox.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,127 +0,0 @@
1
- import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
2
- import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
3
- import { getFontSize } from "@tamagui/font-size";
4
- import { getSize } from "@tamagui/get-token";
5
- import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
6
- import { useControllableState } from "@tamagui/use-controllable-state";
7
- import React, { useContext } from "react";
8
- import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
9
- import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
10
- import { jsx, jsxs } from "react/jsx-runtime";
11
- const CheckboxContext = React.createContext({
12
- checked: !1,
13
- disabled: !1
14
- }),
15
- ensureContext = x => {
16
- x.context || (x.context = CheckboxContext);
17
- };
18
- function createCheckbox(createProps) {
19
- const {
20
- disableActiveTheme,
21
- Frame = CheckboxFrame,
22
- Indicator = CheckboxIndicatorFrame
23
- } = createProps;
24
- ensureContext(Frame), ensureContext(Indicator);
25
- const FrameComponent = Frame.styleable(function (_props, forwardedRef) {
26
- const {
27
- scaleSize = 0.45,
28
- sizeAdjust = 0,
29
- scaleIcon,
30
- checked: checkedProp,
31
- defaultChecked,
32
- onCheckedChange,
33
- native,
34
- unstyled = !1,
35
- ...props
36
- } = _props,
37
- propsActive = useProps(props),
38
- styledContext = React.useContext(CheckboxStyledContext);
39
- let adjustedSize = 0,
40
- size = 0;
41
- unstyled || (adjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? "$true", {
42
- shift: sizeAdjust
43
- })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
44
- const [checked = !1, setChecked] = useControllableState({
45
- prop: checkedProp,
46
- defaultProp: defaultChecked,
47
- onChange: onCheckedChange
48
- }),
49
- {
50
- checkboxProps,
51
- checkboxRef,
52
- bubbleInput
53
- } = useCheckbox(
54
- // @ts-ignore
55
- propsActive, [checked, setChecked], forwardedRef);
56
- return shouldRenderNativePlatform(native) === "web" ? /* @__PURE__ */jsx("input", {
57
- type: "checkbox",
58
- defaultChecked: isIndeterminate(checked) ? !1 : checked,
59
- tabIndex: -1,
60
- ref: checkboxRef,
61
- disabled: checkboxProps.disabled,
62
- style: {
63
- appearance: "auto",
64
- accentColor: "var(--color6)",
65
- ...checkboxProps.style
66
- // TODO: any
67
- }
68
- }) : /* @__PURE__ */jsx(CheckboxContext.Provider, {
69
- value: {
70
- checked,
71
- disabled: checkboxProps.disabled
72
- },
73
- children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
74
- size: propsActive.size ?? styledContext?.size ?? "$true",
75
- scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
76
- children: [/* @__PURE__ */jsx(Frame, {
77
- ...(!unstyled && {
78
- width: size,
79
- height: size
80
- }),
81
- tag: "button",
82
- ref: checkboxRef,
83
- ...(unstyled === !1 && {
84
- size,
85
- theme: checked ? "active" : null
86
- }),
87
- checked,
88
- disabled: checkboxProps.disabled,
89
- ...checkboxProps,
90
- children: propsActive.children
91
- }), bubbleInput]
92
- })
93
- });
94
- }),
95
- IndicatorComponent = Indicator.styleable((props, forwardedRef) => {
96
- const {
97
- // __scopeCheckbox,
98
- children: childrenProp,
99
- forceMount,
100
- disablePassStyles,
101
- unstyled = !1,
102
- ...indicatorProps
103
- } = props,
104
- styledContext = React.useContext(CheckboxStyledContext);
105
- let children = childrenProp;
106
- if (!unstyled) {
107
- const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
108
- theme = useTheme(),
109
- getThemedIcon = useGetThemedIcon({
110
- size: iconSize,
111
- color: theme.color
112
- });
113
- children = React.Children.toArray(childrenProp).map(child => disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child));
114
- }
115
- const context = useContext(CheckboxContext);
116
- return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */jsx(Indicator, {
117
- pointerEvents: "none",
118
- ...indicatorProps,
119
- ref: forwardedRef,
120
- children
121
- }) : null;
122
- });
123
- return withStaticProperties(FrameComponent, {
124
- Indicator: IndicatorComponent
125
- });
126
- }
127
- export { CheckboxContext, createCheckbox };