@tamagui/checkbox 1.76.0 → 1.77.0

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 (92) hide show
  1. package/dist/cjs/BubbleInput.js +69 -0
  2. package/dist/cjs/BubbleInput.js.map +6 -0
  3. package/dist/cjs/BubbleInput.native.js +70 -0
  4. package/dist/cjs/BubbleInput.native.js.map +6 -0
  5. package/dist/cjs/CheckboxIndicator.js +70 -0
  6. package/dist/cjs/CheckboxIndicator.js.map +6 -0
  7. package/dist/cjs/CheckboxIndicator.native.js +71 -0
  8. package/dist/cjs/CheckboxIndicator.native.js.map +6 -0
  9. package/dist/cjs/CheckboxStyledContext.js +29 -0
  10. package/dist/cjs/CheckboxStyledContext.js.map +6 -0
  11. package/dist/cjs/CheckboxStyledContext.native.js +30 -0
  12. package/dist/cjs/CheckboxStyledContext.native.js.map +6 -0
  13. package/dist/cjs/ScopedProps.js +189 -0
  14. package/dist/cjs/ScopedProps.js.map +6 -0
  15. package/dist/cjs/ScopedProps.native.js +199 -0
  16. package/dist/cjs/ScopedProps.native.js.map +6 -0
  17. package/dist/cjs/createCheckbox.js +167 -0
  18. package/dist/cjs/createCheckbox.js.map +6 -0
  19. package/dist/cjs/createCheckbox.native.js +177 -0
  20. package/dist/cjs/createCheckbox.native.js.map +6 -0
  21. package/dist/cjs/isIndeterminate.js +32 -0
  22. package/dist/cjs/isIndeterminate.js.map +6 -0
  23. package/dist/cjs/isIndeterminate.native.js +33 -0
  24. package/dist/cjs/isIndeterminate.native.js.map +6 -0
  25. package/dist/cjs/utils.js +32 -0
  26. package/dist/cjs/utils.js.map +6 -0
  27. package/dist/cjs/utils.native.js +33 -0
  28. package/dist/cjs/utils.native.js.map +6 -0
  29. package/dist/esm/BubbleInput.js +44 -0
  30. package/dist/esm/BubbleInput.js.map +6 -0
  31. package/dist/esm/BubbleInput.native.js +44 -0
  32. package/dist/esm/BubbleInput.native.js.map +6 -0
  33. package/dist/esm/CheckboxIndicator.js +57 -0
  34. package/dist/esm/CheckboxIndicator.js.map +6 -0
  35. package/dist/esm/CheckboxIndicator.native.js +57 -0
  36. package/dist/esm/CheckboxIndicator.native.js.map +6 -0
  37. package/dist/esm/CheckboxStyledContext.js +9 -0
  38. package/dist/esm/CheckboxStyledContext.js.map +6 -0
  39. package/dist/esm/CheckboxStyledContext.native.js +9 -0
  40. package/dist/esm/CheckboxStyledContext.native.js.map +6 -0
  41. package/dist/esm/ScopedProps.js +175 -0
  42. package/dist/esm/ScopedProps.js.map +6 -0
  43. package/dist/esm/ScopedProps.native.js +184 -0
  44. package/dist/esm/ScopedProps.native.js.map +6 -0
  45. package/dist/esm/createCheckbox.js +156 -0
  46. package/dist/esm/createCheckbox.js.map +6 -0
  47. package/dist/esm/createCheckbox.native.js +165 -0
  48. package/dist/esm/createCheckbox.native.js.map +6 -0
  49. package/dist/esm/isIndeterminate.js +11 -0
  50. package/dist/esm/isIndeterminate.js.map +6 -0
  51. package/dist/esm/isIndeterminate.native.js +11 -0
  52. package/dist/esm/isIndeterminate.native.js.map +6 -0
  53. package/dist/esm/utils.js +11 -0
  54. package/dist/esm/utils.js.map +6 -0
  55. package/dist/esm/utils.native.js +11 -0
  56. package/dist/esm/utils.native.js.map +6 -0
  57. package/dist/jsx/BubbleInput.js +40 -0
  58. package/dist/jsx/BubbleInput.js.map +6 -0
  59. package/dist/jsx/BubbleInput.native.js +40 -0
  60. package/dist/jsx/BubbleInput.native.js.map +6 -0
  61. package/dist/jsx/CheckboxIndicator.js +52 -0
  62. package/dist/jsx/CheckboxIndicator.js.map +6 -0
  63. package/dist/jsx/CheckboxIndicator.native.js +52 -0
  64. package/dist/jsx/CheckboxIndicator.native.js.map +6 -0
  65. package/dist/jsx/CheckboxStyledContext.js +9 -0
  66. package/dist/jsx/CheckboxStyledContext.js.map +6 -0
  67. package/dist/jsx/CheckboxStyledContext.native.js +9 -0
  68. package/dist/jsx/CheckboxStyledContext.native.js.map +6 -0
  69. package/dist/jsx/ScopedProps.js +160 -0
  70. package/dist/jsx/ScopedProps.js.map +6 -0
  71. package/dist/jsx/ScopedProps.native.js +169 -0
  72. package/dist/jsx/ScopedProps.native.js.map +6 -0
  73. package/dist/jsx/createCheckbox.js +137 -0
  74. package/dist/jsx/createCheckbox.js.map +6 -0
  75. package/dist/jsx/createCheckbox.native.js +146 -0
  76. package/dist/jsx/createCheckbox.native.js.map +6 -0
  77. package/dist/jsx/isIndeterminate.js +11 -0
  78. package/dist/jsx/isIndeterminate.js.map +6 -0
  79. package/dist/jsx/isIndeterminate.native.js +11 -0
  80. package/dist/jsx/isIndeterminate.native.js.map +6 -0
  81. package/dist/jsx/utils.js +11 -0
  82. package/dist/jsx/utils.js.map +6 -0
  83. package/dist/jsx/utils.native.js +11 -0
  84. package/dist/jsx/utils.native.js.map +6 -0
  85. package/package.json +12 -12
  86. package/types/BubbleInput.d.ts.map +1 -0
  87. package/types/CheckboxIndicator.d.ts.map +1 -0
  88. package/types/CheckboxStyledContext.d.ts.map +1 -0
  89. package/types/ScopedProps.d.ts.map +1 -0
  90. package/types/createCheckbox.d.ts.map +1 -0
  91. package/types/isIndeterminate.d.ts.map +1 -0
  92. package/types/utils.d.ts.map +1 -0
@@ -0,0 +1,199 @@
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 ScopedProps_exports = {};
25
+ __export(ScopedProps_exports, {
26
+ CheckboxComponent: () => CheckboxComponent,
27
+ CheckboxFrame: () => CheckboxFrame,
28
+ CheckboxProvider: () => CheckboxProvider,
29
+ createCheckboxScope: () => createCheckboxScope,
30
+ useCheckboxContext: () => useCheckboxContext
31
+ });
32
+ module.exports = __toCommonJS(ScopedProps_exports);
33
+ var import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_token = require("@tamagui/get-token"), import_label = require("@tamagui/label"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_BubbleInput = require("./BubbleInput"), import_CheckboxStyledContext = require("./CheckboxStyledContext"), import_isIndeterminate = require("./isIndeterminate"), import_jsx_runtime = require("react/jsx-runtime");
34
+ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
35
+ name: CHECKBOX_NAME,
36
+ tag: "button",
37
+ context: import_CheckboxStyledContext.CheckboxStyledContext,
38
+ variants: {
39
+ unstyled: {
40
+ false: {
41
+ size: "$true",
42
+ backgroundColor: "$background",
43
+ alignItems: "center",
44
+ justifyContent: "center",
45
+ pressTheme: !0,
46
+ focusable: !0,
47
+ borderWidth: 1,
48
+ borderColor: "$borderColor",
49
+ hoverStyle: {
50
+ borderColor: "$borderColorHover"
51
+ },
52
+ focusStyle: {
53
+ borderColor: "$borderColorFocus",
54
+ outlineStyle: "solid",
55
+ outlineWidth: 2,
56
+ outlineColor: "$borderColorFocus"
57
+ }
58
+ }
59
+ },
60
+ disabled: {
61
+ true: {
62
+ pointerEvents: "none",
63
+ userSelect: "none",
64
+ cursor: "not-allowed",
65
+ hoverStyle: {
66
+ borderColor: "$borderColor",
67
+ backgroundColor: "$background"
68
+ },
69
+ pressStyle: {
70
+ borderColor: "$borderColor",
71
+ backgroundColor: "$backgroundColor"
72
+ },
73
+ focusStyle: {
74
+ outlineWidth: 0
75
+ }
76
+ }
77
+ },
78
+ size: {
79
+ "...size": (val, { tokens }) => ({
80
+ borderRadius: (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8
81
+ })
82
+ }
83
+ },
84
+ defaultVariants: {
85
+ unstyled: process.env.TAMAGUI_HEADLESS === "1"
86
+ }
87
+ }), [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.styleable(
88
+ function(props, forwardedRef) {
89
+ const {
90
+ __scopeCheckbox,
91
+ labelledBy: ariaLabelledby,
92
+ name,
93
+ checked: checkedProp,
94
+ defaultChecked,
95
+ required,
96
+ scaleSize = 0.45,
97
+ sizeAdjust = 0,
98
+ disabled,
99
+ value = "on",
100
+ onCheckedChange,
101
+ native,
102
+ scaleIcon,
103
+ ...checkboxProps
104
+ } = props, [button, setButton] = React.useState(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React.useRef(!1), propsActive = (0, import_core.useProps)(props), isFormControl = import_core.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
105
+ prop: checkedProp,
106
+ defaultProp: defaultChecked,
107
+ onChange: onCheckedChange
108
+ }), styledContext = React.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = (0, import_core.getVariableValue)(
109
+ (0, import_get_token.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
110
+ shift: sizeAdjust
111
+ })
112
+ ), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
113
+ return React.useEffect(() => {
114
+ if (props.id && !disabled)
115
+ return (0, import_focusable.registerFocusable)(props.id, {
116
+ focusAndSelect: () => {
117
+ setChecked((x) => !x);
118
+ },
119
+ focus: () => {
120
+ }
121
+ });
122
+ }, [props.id, setChecked, disabled]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: import_core.isWeb && native ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
123
+ import_BubbleInput.BubbleInput,
124
+ {
125
+ control: button,
126
+ bubbles: !hasConsumerStoppedPropagationRef.current,
127
+ name,
128
+ value,
129
+ checked,
130
+ required,
131
+ disabled,
132
+ id: props.id
133
+ }
134
+ ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
135
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
136
+ CheckboxFrame,
137
+ {
138
+ width: size,
139
+ height: size,
140
+ tag: "button",
141
+ role: "checkbox",
142
+ "aria-labelledby": labelledBy,
143
+ "aria-checked": (0, import_isIndeterminate.isIndeterminate)(checked) ? "mixed" : checked,
144
+ "aria-required": required,
145
+ "data-state": (0, import_isIndeterminate.getState)(checked),
146
+ "data-disabled": disabled ? "" : void 0,
147
+ disabled,
148
+ ...checkboxProps,
149
+ ref: composedRefs,
150
+ ...import_core.isWeb && {
151
+ type: "button",
152
+ value,
153
+ onKeyDown: (0, import_core.composeEventHandlers)(
154
+ props.onKeyDown,
155
+ (event) => {
156
+ event.key === "Enter" && event.preventDefault();
157
+ }
158
+ )
159
+ },
160
+ onPress: (0, import_core.composeEventHandlers)(props.onPress, (event) => {
161
+ setChecked(
162
+ (prevChecked) => (0, import_isIndeterminate.isIndeterminate)(prevChecked) ? !0 : !prevChecked
163
+ ), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
164
+ }),
165
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
166
+ import_CheckboxStyledContext.CheckboxStyledContext.Provider,
167
+ {
168
+ size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
169
+ scaleIcon: scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon) ?? 1,
170
+ children: propsActive.children
171
+ }
172
+ )
173
+ }
174
+ ),
175
+ import_core.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
176
+ import_BubbleInput.BubbleInput,
177
+ {
178
+ isHidden: !0,
179
+ control: button,
180
+ bubbles: !hasConsumerStoppedPropagationRef.current,
181
+ name,
182
+ value,
183
+ checked,
184
+ required,
185
+ disabled
186
+ }
187
+ ) : null
188
+ ] }) });
189
+ }
190
+ );
191
+ // Annotate the CommonJS export names for ESM import in node:
192
+ 0 && (module.exports = {
193
+ CheckboxComponent,
194
+ CheckboxFrame,
195
+ CheckboxProvider,
196
+ createCheckboxScope,
197
+ useCheckboxContext
198
+ });
199
+ //# sourceMappingURL=ScopedProps.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ScopedProps.tsx"],
4
+ "mappings": "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",
5
+ "names": []
6
+ }
@@ -0,0 +1,167 @@
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, __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
+ // If the importer is in node compatibility mode or this is not an ESM
17
+ // file that has been converted to a CommonJS file using a Babel-
18
+ // compatible transform (i.e. "__esModule" has not been set), then set
19
+ // "default" to the CommonJS "module.exports" for node compatibility.
20
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
+ mod
22
+ )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
+ var createCheckbox_exports = {};
24
+ __export(createCheckbox_exports, {
25
+ CheckboxProvider: () => CheckboxProvider,
26
+ createCheckbox: () => createCheckbox,
27
+ createCheckboxScope: () => createCheckboxScope,
28
+ useCheckboxContext: () => useCheckboxContext
29
+ });
30
+ module.exports = __toCommonJS(createCheckbox_exports);
31
+ var import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_label = require("@tamagui/label"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react = __toESM(require("react")), import_BubbleInput = require("./BubbleInput"), import_CheckboxStyledContext = require("./CheckboxStyledContext"), import_utils = require("./utils"), import_jsx_runtime = require("react/jsx-runtime");
32
+ const CHECKBOX_NAME = "Checkbox", [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
33
+ function createCheckbox({
34
+ Frame,
35
+ Indicator
36
+ }) {
37
+ const CheckboxComponent = function(props, forwardedRef) {
38
+ const {
39
+ __scopeCheckbox,
40
+ labelledBy: ariaLabelledby,
41
+ name,
42
+ checked: checkedProp,
43
+ defaultChecked,
44
+ required,
45
+ scaleSize = 0.45,
46
+ sizeAdjust = 0,
47
+ disabled,
48
+ value = "on",
49
+ onCheckedChange,
50
+ native,
51
+ scaleIcon,
52
+ ...checkboxProps
53
+ } = props, [button, setButton] = import_react.default.useState(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = import_react.default.useRef(!1), propsActive = (0, import_core.useProps)(props), isFormControl = import_core.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
54
+ prop: checkedProp,
55
+ defaultProp: defaultChecked,
56
+ onChange: onCheckedChange
57
+ }), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = (0, import_core.getVariableValue)(
58
+ (0, import_get_token.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
59
+ shift: sizeAdjust
60
+ })
61
+ ), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = (0, import_label.useLabelContext)(button);
62
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: import_core.isWeb && native ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
63
+ import_BubbleInput.BubbleInput,
64
+ {
65
+ control: button,
66
+ bubbles: !hasConsumerStoppedPropagationRef.current,
67
+ name,
68
+ value,
69
+ checked,
70
+ required,
71
+ disabled,
72
+ id: props.id
73
+ }
74
+ ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
76
+ Frame,
77
+ {
78
+ width: size,
79
+ height: size,
80
+ tag: "button",
81
+ role: "checkbox",
82
+ "aria-labelledby": ariaLabelledby || labelId,
83
+ "aria-checked": (0, import_utils.isIndeterminate)(checked) ? "mixed" : checked,
84
+ "aria-required": required,
85
+ "data-state": (0, import_utils.getState)(checked),
86
+ "data-disabled": disabled ? "" : void 0,
87
+ disabled,
88
+ ...checkboxProps,
89
+ ref: composedRefs,
90
+ ...import_core.isWeb && {
91
+ type: "button",
92
+ value,
93
+ onKeyDown: (0, import_core.composeEventHandlers)(
94
+ props.onKeyDown,
95
+ (event) => {
96
+ event.key === "Enter" && event.preventDefault();
97
+ }
98
+ )
99
+ },
100
+ onPress: (0, import_core.composeEventHandlers)(props.onPress, (event) => {
101
+ setChecked(
102
+ (prevChecked) => (0, import_utils.isIndeterminate)(prevChecked) ? !0 : !prevChecked
103
+ ), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
104
+ }),
105
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
106
+ import_CheckboxStyledContext.CheckboxStyledContext.Provider,
107
+ {
108
+ size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
109
+ scaleIcon: scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon) ?? 1,
110
+ children: propsActive.children
111
+ }
112
+ )
113
+ }
114
+ ),
115
+ import_core.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
116
+ import_BubbleInput.BubbleInput,
117
+ {
118
+ isHidden: !0,
119
+ control: button,
120
+ bubbles: !hasConsumerStoppedPropagationRef.current,
121
+ name,
122
+ value,
123
+ checked,
124
+ required,
125
+ disabled
126
+ }
127
+ ) : null
128
+ ] }) });
129
+ }, CheckboxIndicator = import_react.default.forwardRef(
130
+ (props, forwardedRef) => {
131
+ const {
132
+ __scopeCheckbox,
133
+ children: childrenProp,
134
+ forceMount,
135
+ disablePassStyles,
136
+ ...indicatorProps
137
+ } = props;
138
+ process.env.NODE_ENV === "development" && !childrenProp && console.warn(
139
+ "Warning: You created a Checkbox.Indicator without passing an child prop for it to use as an icon."
140
+ );
141
+ const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), 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 }), children = import_react.default.Children.toArray(childrenProp).map((child) => disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child));
142
+ return forceMount || (0, import_utils.isIndeterminate)(context.state) || context.state === !0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
143
+ CheckboxIndicatorFrame,
144
+ {
145
+ "data-state": (0, import_utils.getState)(context.state),
146
+ "data-disabled": context.disabled ? "" : void 0,
147
+ pointerEvents: "none",
148
+ ...indicatorProps,
149
+ ref: forwardedRef,
150
+ children
151
+ }
152
+ ) : null;
153
+ }
154
+ );
155
+ return (0, import_core.withStaticProperties)(CheckboxComponent, {
156
+ Indicator: CheckboxIndicator,
157
+ Props: import_CheckboxStyledContext.CheckboxStyledContext.Provider
158
+ });
159
+ }
160
+ // Annotate the CommonJS export names for ESM import in node:
161
+ 0 && (module.exports = {
162
+ CheckboxProvider,
163
+ createCheckbox,
164
+ createCheckboxScope,
165
+ useCheckboxContext
166
+ });
167
+ //# sourceMappingURL=createCheckbox.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/createCheckbox.tsx"],
4
+ "mappings": "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",
5
+ "names": ["React"]
6
+ }
@@ -0,0 +1,177 @@
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
+ CheckboxProvider: () => CheckboxProvider,
27
+ createCheckbox: () => createCheckbox,
28
+ createCheckboxScope: () => createCheckboxScope,
29
+ useCheckboxContext: () => useCheckboxContext
30
+ });
31
+ module.exports = __toCommonJS(createCheckbox_exports);
32
+ var import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_label = require("@tamagui/label"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_react = __toESM(require("react")), import_BubbleInput = require("./BubbleInput"), import_CheckboxStyledContext = require("./CheckboxStyledContext"), import_utils = require("./utils"), import_jsx_runtime = require("react/jsx-runtime");
33
+ const CHECKBOX_NAME = "Checkbox", [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
34
+ function createCheckbox({
35
+ Frame,
36
+ Indicator
37
+ }) {
38
+ const CheckboxComponent = function(props, forwardedRef) {
39
+ const {
40
+ __scopeCheckbox,
41
+ labelledBy: ariaLabelledby,
42
+ name,
43
+ checked: checkedProp,
44
+ defaultChecked,
45
+ required,
46
+ scaleSize = 0.45,
47
+ sizeAdjust = 0,
48
+ disabled,
49
+ value = "on",
50
+ onCheckedChange,
51
+ native,
52
+ scaleIcon,
53
+ ...checkboxProps
54
+ } = props, [button, setButton] = import_react.default.useState(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = import_react.default.useRef(!1), propsActive = (0, import_core.useProps)(props), isFormControl = import_core.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
55
+ prop: checkedProp,
56
+ defaultProp: defaultChecked,
57
+ onChange: onCheckedChange
58
+ }), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), 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, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
63
+ return import_react.default.useEffect(() => {
64
+ if (props.id && !disabled)
65
+ return (0, import_focusable.registerFocusable)(props.id, {
66
+ focusAndSelect: () => {
67
+ setChecked((x) => !x);
68
+ },
69
+ focus: () => {
70
+ }
71
+ });
72
+ }, [props.id, setChecked, disabled]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: import_core.isWeb && native ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
73
+ import_BubbleInput.BubbleInput,
74
+ {
75
+ control: button,
76
+ bubbles: !hasConsumerStoppedPropagationRef.current,
77
+ name,
78
+ value,
79
+ checked,
80
+ required,
81
+ disabled,
82
+ id: props.id
83
+ }
84
+ ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
86
+ Frame,
87
+ {
88
+ width: size,
89
+ height: size,
90
+ tag: "button",
91
+ role: "checkbox",
92
+ "aria-labelledby": labelledBy,
93
+ "aria-checked": (0, import_utils.isIndeterminate)(checked) ? "mixed" : checked,
94
+ "aria-required": required,
95
+ "data-state": (0, import_utils.getState)(checked),
96
+ "data-disabled": disabled ? "" : void 0,
97
+ disabled,
98
+ ...checkboxProps,
99
+ ref: composedRefs,
100
+ ...import_core.isWeb && {
101
+ type: "button",
102
+ value,
103
+ onKeyDown: (0, import_core.composeEventHandlers)(
104
+ props.onKeyDown,
105
+ (event) => {
106
+ event.key === "Enter" && event.preventDefault();
107
+ }
108
+ )
109
+ },
110
+ onPress: (0, import_core.composeEventHandlers)(props.onPress, (event) => {
111
+ setChecked(
112
+ (prevChecked) => (0, import_utils.isIndeterminate)(prevChecked) ? !0 : !prevChecked
113
+ ), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
114
+ }),
115
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
116
+ import_CheckboxStyledContext.CheckboxStyledContext.Provider,
117
+ {
118
+ size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
119
+ scaleIcon: scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon) ?? 1,
120
+ children: propsActive.children
121
+ }
122
+ )
123
+ }
124
+ ),
125
+ import_core.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
126
+ import_BubbleInput.BubbleInput,
127
+ {
128
+ isHidden: !0,
129
+ control: button,
130
+ bubbles: !hasConsumerStoppedPropagationRef.current,
131
+ name,
132
+ value,
133
+ checked,
134
+ required,
135
+ disabled
136
+ }
137
+ ) : null
138
+ ] }) });
139
+ }, CheckboxIndicator = import_react.default.forwardRef(
140
+ (props, forwardedRef) => {
141
+ const {
142
+ __scopeCheckbox,
143
+ children: childrenProp,
144
+ forceMount,
145
+ disablePassStyles,
146
+ ...indicatorProps
147
+ } = props;
148
+ process.env.NODE_ENV === "development" && !childrenProp && console.warn(
149
+ "Warning: You created a Checkbox.Indicator without passing an child prop for it to use as an icon."
150
+ );
151
+ const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), 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 }), children = import_react.default.Children.toArray(childrenProp).map((child) => disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child));
152
+ return forceMount || (0, import_utils.isIndeterminate)(context.state) || context.state === !0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
153
+ CheckboxIndicatorFrame,
154
+ {
155
+ "data-state": (0, import_utils.getState)(context.state),
156
+ "data-disabled": context.disabled ? "" : void 0,
157
+ pointerEvents: "none",
158
+ ...indicatorProps,
159
+ ref: forwardedRef,
160
+ children
161
+ }
162
+ ) : null;
163
+ }
164
+ );
165
+ return (0, import_core.withStaticProperties)(CheckboxComponent, {
166
+ Indicator: CheckboxIndicator,
167
+ Props: import_CheckboxStyledContext.CheckboxStyledContext.Provider
168
+ });
169
+ }
170
+ // Annotate the CommonJS export names for ESM import in node:
171
+ 0 && (module.exports = {
172
+ CheckboxProvider,
173
+ createCheckbox,
174
+ createCheckboxScope,
175
+ useCheckboxContext
176
+ });
177
+ //# sourceMappingURL=createCheckbox.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/createCheckbox.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAUO,0BACP,wBAA0C,oCAC1C,mBAAkC,+BAClC,mBAA4B,+BAC5B,mBAAwB,+BACxB,yBAAiC,qCACjC,eAAgC,2BAChC,gCAAqC,4CACrC,eAAkB,2BAElB,qBAA4B,0BAE5B,+BAAsC,oCACtC,eAA0C,oBAkHhC;AA9GV,MAAM,gBAAgB,YAEhB,CAAC,uBAAuB,mBAAmB,QAAI,0CAAmB,aAAa,GA8BxE,CAAC,kBAAkB,kBAAkB,IAChD,sBAA4C,aAAa;AAIpD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,oBAAoB,SACxB,OACA,cACA;AACA,UAAM;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAmC,IAAI,GACnE,mBAAe,6BAAgB,cAAc,CAAC,SAAS,UAAU,IAAW,CAAC,GAC7E,mCAAmC,aAAAA,QAAM,OAAO,EAAK,GACrD,kBAAc,sBAAS,KAAK,GAE5B,gBAAgB,oBAClB,SACE,EAAQ,OAAO,QAAQ,MAAM,IAC7B,KACF,IACE,CAAC,UAAU,IAAO,UAAU,QAAI,oDAAqB;AAAA,MACzD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,IACZ,CAAC,GAGK,gBAAgB,aAAAA,QAAM,WAAW,kDAAqB,GACtD,mBAAe;AAAA,UACnB,0BAAQ,YAAY,SAAQ,+CAAe,SAAQ,SAAS;AAAA,QAC1D,OAAO;AAAA,MACT,CAAC;AAAA,IACH,GACM,OAAO,YAAY,KAAK,MAAM,eAAe,SAAS,IAAI,cAE1D,cAAU,8BAAgB,MAAM,GAChC,aAAa,kBAAkB;AAInC,wBAAAA,QAAM,UAAU,MAAM;AACpB,UAAK,MAAM,MACP;AAEJ,mBAAO,oCAAkB,MAAM,IAAI;AAAA,UACjC,gBAAgB,MAAM;AACpB,uBAAW,CAAC,MAAM,CAAC,CAAC;AAAA,UACtB;AAAA,UACA,OAAO,MAAM;AAAA,UAAC;AAAA,QAChB,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,IAAI,YAAY,QAAQ,CAAC,GAInC,4CAAC,oBAAiB,OAAO,iBAAiB,OAAO,SAAS,UACvD,+BAAS,SACR;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI,MAAM;AAAA;AAAA,IACZ,IAEA,4EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAK;AAAA,UACL,mBAAiB;AAAA,UACjB,oBAAc,8BAAgB,OAAO,IAAI,UAAU;AAAA,UACnD,iBAAe;AAAA,UACf,kBAAY,uBAAS,OAAO;AAAA,UAC5B,iBAAe,WAAW,KAAK;AAAA,UAC/B;AAAA,UACC,GAAG;AAAA,UACJ,KAAK;AAAA,UACJ,GAAI,qBAAS;AAAA,YACZ,MAAM;AAAA,YACN;AAAA,YACA,eAAW;AAAA,cACR,MAA6C;AAAA,cAC9C,CAAC,UAAU;AAET,gBAAI,MAAM,QAAQ,WAAS,MAAM,eAAe;AAAA,cAClD;AAAA,YACF;AAAA,UACF;AAAA,UACA,aAAS,kCAAqB,MAAM,SAAgB,CAAC,UAAU;AAC7D;AAAA,cAAW,CAAC,oBACV,8BAAgB,WAAW,IAAI,KAAO,CAAC;AAAA,YACzC,GACI,kBACF,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,UAEzE,CAAC;AAAA,UAED;AAAA,YAAC,mDAAsB;AAAA,YAAtB;AAAA,cACC,MAAM,YAAY,SAAQ,+CAAe,SAAQ;AAAA,cACjD,WAAW,cAAa,+CAAe,cAAa;AAAA,cAEnD,sBAAY;AAAA;AAAA,UACf;AAAA;AAAA,MACF;AAAA,MAEC,qBAAS,gBACR;AAAA,QAAC;AAAA;AAAA,UACC,UAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS,CAAC,iCAAiC;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF,IACE;AAAA,OACN,GAEJ;AAAA,EAEJ,GAEM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,OAA4C,iBAAiB;AAC5D,YAAM;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,IAAI;AACJ,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,gBAC7C,QAAQ;AAAA,QACN;AAAA,MACF;AAEF,YAAM,UAAU,mBAAmB,gBAAgB,eAAe,GAC5D,gBAAgB,aAAAA,QAAM,WAAW,kDAAqB,GACtD,YACH,OAAO,cAAc,QAAS,WAC3B,cAAc,OAAO,WACrB,8BAAY,cAAc,IAAW,KAAK,cAAc,WACxD,YAAQ,sBAAS,GACjB,oBAAgB,yCAAiB,EAAE,MAAM,UAAU,OAAO,MAAM,MAAM,CAAC,GAGvE,WADY,aAAAA,QAAM,SAAS,QAAQ,YAAY,EAC1B,IAAI,CAAC,UAC1B,qBAAqB,CAAC,aAAAA,QAAM,eAAe,KAAK,IAC3C,QAEF,cAAc,KAAK,CAC3B;AAED,aAAI,kBAAc,8BAAgB,QAAQ,KAAK,KAAK,QAAQ,UAAU,KAElE;AAAA,QAAC;AAAA;AAAA,UACC,kBAAY,uBAAS,QAAQ,KAAK;AAAA,UAClC,iBAAe,QAAQ,WAAW,KAAK;AAAA,UACvC,eAAc;AAAA,UACb,GAAG;AAAA,UACJ,KAAK;AAAA,UAEJ;AAAA;AAAA,MACH,IAGG;AAAA,IACT;AAAA,EACF;AAEA,aAAO,kCAAqB,mBAAmB;AAAA,IAC7C,WAAW;AAAA,IACX,OAAO,mDAAsB;AAAA,EAC/B,CAAC;AACH;",
5
+ "names": ["React"]
6
+ }
@@ -0,0 +1,32 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
10
+ for (let key of __getOwnPropNames(from))
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
+ var isIndeterminate_exports = {};
16
+ __export(isIndeterminate_exports, {
17
+ getState: () => getState,
18
+ isIndeterminate: () => isIndeterminate
19
+ });
20
+ module.exports = __toCommonJS(isIndeterminate_exports);
21
+ function isIndeterminate(checked) {
22
+ return checked === "indeterminate";
23
+ }
24
+ function getState(checked) {
25
+ return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
26
+ }
27
+ // Annotate the CommonJS export names for ESM import in node:
28
+ 0 && (module.exports = {
29
+ getState,
30
+ isIndeterminate
31
+ });
32
+ //# sourceMappingURL=isIndeterminate.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/isIndeterminate.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,gBAAgB,SAAoD;AAClF,SAAO,YAAY;AACrB;AAEO,SAAS,SAAS,SAAuB;AAC9C,SAAO,gBAAgB,OAAO,IAAI,kBAAkB,UAAU,YAAY;AAC5E;",
5
+ "names": []
6
+ }
@@ -0,0 +1,33 @@
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 isIndeterminate_exports = {};
17
+ __export(isIndeterminate_exports, {
18
+ getState: () => getState,
19
+ isIndeterminate: () => isIndeterminate
20
+ });
21
+ module.exports = __toCommonJS(isIndeterminate_exports);
22
+ function isIndeterminate(checked) {
23
+ return checked === "indeterminate";
24
+ }
25
+ function getState(checked) {
26
+ return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
27
+ }
28
+ // Annotate the CommonJS export names for ESM import in node:
29
+ 0 && (module.exports = {
30
+ getState,
31
+ isIndeterminate
32
+ });
33
+ //# sourceMappingURL=isIndeterminate.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/isIndeterminate.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,gBAAgB,SAAoD;AAClF,SAAO,YAAY;AACrB;AAEO,SAAS,SAAS,SAAuB;AAC9C,SAAO,gBAAgB,OAAO,IAAI,kBAAkB,UAAU,YAAY;AAC5E;",
5
+ "names": []
6
+ }