@tamagui/radio-group 2.0.0-rc.8 → 2.0.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 (59) hide show
  1. package/dist/cjs/RadioGroup.cjs +108 -106
  2. package/dist/cjs/RadioGroup.native.js +110 -108
  3. package/dist/cjs/RadioGroup.native.js.map +1 -1
  4. package/dist/cjs/RadioGroupStyledContext.cjs +12 -10
  5. package/dist/cjs/RadioGroupStyledContext.native.js +17 -15
  6. package/dist/cjs/RadioGroupStyledContext.native.js.map +1 -1
  7. package/dist/cjs/createRadioGroup.cjs +133 -123
  8. package/dist/cjs/createRadioGroup.native.js +134 -124
  9. package/dist/cjs/createRadioGroup.native.js.map +1 -1
  10. package/dist/cjs/index.cjs +15 -13
  11. package/dist/cjs/index.native.js +15 -13
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/esm/RadioGroup.mjs +93 -93
  14. package/dist/esm/RadioGroup.mjs.map +1 -1
  15. package/dist/esm/RadioGroup.native.js +95 -95
  16. package/dist/esm/RadioGroup.native.js.map +1 -1
  17. package/dist/esm/createRadioGroup.mjs +103 -95
  18. package/dist/esm/createRadioGroup.mjs.map +1 -1
  19. package/dist/esm/createRadioGroup.native.js +103 -95
  20. package/dist/esm/createRadioGroup.native.js.map +1 -1
  21. package/dist/esm/index.js +6 -12
  22. package/dist/esm/index.js.map +1 -6
  23. package/dist/jsx/RadioGroup.mjs +93 -93
  24. package/dist/jsx/RadioGroup.mjs.map +1 -1
  25. package/dist/jsx/RadioGroup.native.js +110 -108
  26. package/dist/jsx/RadioGroup.native.js.map +1 -1
  27. package/dist/jsx/RadioGroupStyledContext.native.js +17 -15
  28. package/dist/jsx/RadioGroupStyledContext.native.js.map +1 -1
  29. package/dist/jsx/createRadioGroup.mjs +103 -95
  30. package/dist/jsx/createRadioGroup.mjs.map +1 -1
  31. package/dist/jsx/createRadioGroup.native.js +134 -124
  32. package/dist/jsx/createRadioGroup.native.js.map +1 -1
  33. package/dist/jsx/index.js +6 -12
  34. package/dist/jsx/index.js.map +1 -6
  35. package/dist/jsx/index.native.js +15 -13
  36. package/dist/jsx/index.native.js.map +1 -1
  37. package/package.json +18 -21
  38. package/types/createRadioGroup.d.ts +8 -8
  39. package/types/index.d.ts +8 -8
  40. package/dist/cjs/RadioGroup.js +0 -120
  41. package/dist/cjs/RadioGroup.js.map +0 -6
  42. package/dist/cjs/RadioGroupStyledContext.js +0 -28
  43. package/dist/cjs/RadioGroupStyledContext.js.map +0 -6
  44. package/dist/cjs/createRadioGroup.js +0 -106
  45. package/dist/cjs/createRadioGroup.js.map +0 -6
  46. package/dist/cjs/index.js +0 -29
  47. package/dist/cjs/index.js.map +0 -6
  48. package/dist/esm/RadioGroup.js +0 -106
  49. package/dist/esm/RadioGroup.js.map +0 -6
  50. package/dist/esm/RadioGroupStyledContext.js +0 -12
  51. package/dist/esm/RadioGroupStyledContext.js.map +0 -6
  52. package/dist/esm/createRadioGroup.js +0 -95
  53. package/dist/esm/createRadioGroup.js.map +0 -6
  54. package/dist/jsx/RadioGroup.js +0 -106
  55. package/dist/jsx/RadioGroup.js.map +0 -6
  56. package/dist/jsx/RadioGroupStyledContext.js +0 -12
  57. package/dist/jsx/RadioGroupStyledContext.js.map +0 -6
  58. package/dist/jsx/createRadioGroup.js +0 -95
  59. package/dist/jsx/createRadioGroup.js.map +0 -6
package/dist/cjs/index.js DELETED
@@ -1,29 +0,0 @@
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
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var index_exports = {};
16
- __export(index_exports, {
17
- RadioGroup: () => RadioGroup
18
- });
19
- module.exports = __toCommonJS(index_exports);
20
- var import_RadioGroup = require("./RadioGroup"), import_createRadioGroup = require("./createRadioGroup");
21
- __reExport(index_exports, require("./createRadioGroup"), module.exports);
22
- __reExport(index_exports, require("./RadioGroup"), module.exports);
23
- __reExport(index_exports, require("./RadioGroupStyledContext"), module.exports);
24
- const RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
25
- Frame: import_RadioGroup.RadioGroupFrame,
26
- Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
27
- Item: import_RadioGroup.RadioGroupItemFrame
28
- });
29
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAIO,yBACP,0BAAiC;AAEjC,0BAAc,+BAPd;AAQA,0BAAc,yBARd;AASA,0BAAc,sCATd;AAWO,MAAM,iBAAa,0CAAiB;AAAA,EACzC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;",
5
- "names": []
6
- }
@@ -1,106 +0,0 @@
1
- import { getVariableValue, styled } from "@tamagui/core";
2
- import { getSize } from "@tamagui/get-token";
3
- import { YStack } from "@tamagui/stacks";
4
- const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(YStack, {
5
- name: RADIO_GROUP_ITEM_NAME,
6
- render: "button",
7
- variants: {
8
- unstyled: {
9
- false: {
10
- size: "$true",
11
- borderRadius: 1e3,
12
- backgroundColor: "$background",
13
- alignItems: "center",
14
- justifyContent: "center",
15
- borderWidth: 1,
16
- borderColor: "$borderColor",
17
- padding: 0,
18
- hoverStyle: {
19
- borderColor: "$borderColorHover",
20
- backgroundColor: "$backgroundHover"
21
- },
22
- focusStyle: {
23
- borderColor: "$borderColorHover",
24
- backgroundColor: "$backgroundHover"
25
- },
26
- focusVisibleStyle: {
27
- outlineStyle: "solid",
28
- outlineWidth: 2,
29
- outlineColor: "$outlineColor"
30
- },
31
- pressStyle: {
32
- borderColor: "$borderColorFocus",
33
- backgroundColor: "$backgroundFocus"
34
- }
35
- }
36
- },
37
- disabled: {
38
- true: {
39
- pointerEvents: "none",
40
- userSelect: "none",
41
- cursor: "not-allowed",
42
- hoverStyle: {
43
- borderColor: "$borderColor",
44
- backgroundColor: "$background"
45
- },
46
- pressStyle: {
47
- borderColor: "$borderColor",
48
- backgroundColor: "$background"
49
- },
50
- focusVisibleStyle: {
51
- outlineWidth: 0
52
- }
53
- }
54
- },
55
- size: {
56
- "...size": (value, { props }) => {
57
- const size = Math.floor(
58
- getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
59
- );
60
- return {
61
- width: size,
62
- height: size
63
- };
64
- }
65
- }
66
- },
67
- defaultVariants: {
68
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
69
- }
70
- }), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(YStack, {
71
- name: RADIO_GROUP_INDICATOR_NAME,
72
- variants: {
73
- unstyled: {
74
- false: {
75
- width: "33%",
76
- height: "33%",
77
- borderRadius: 1e3,
78
- backgroundColor: "$color",
79
- pressTheme: !0
80
- }
81
- }
82
- },
83
- defaultVariants: {
84
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
85
- }
86
- }), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(YStack, {
87
- name: RADIO_GROUP_NAME,
88
- variants: {
89
- orientation: {
90
- horizontal: {
91
- flexDirection: "row",
92
- spaceDirection: "horizontal"
93
- },
94
- vertical: {
95
- flexDirection: "column",
96
- spaceDirection: "vertical"
97
- }
98
- }
99
- }
100
- });
101
- export {
102
- RadioGroupFrame,
103
- RadioGroupIndicatorFrame,
104
- RadioGroupItemFrame
105
- };
106
- //# sourceMappingURL=RadioGroup.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/RadioGroup.tsx"],
4
- "mappings": "AAAA,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEvB,MAAM,wBAAwB,kBAEjB,sBAAsB,OAAO,QAAQ;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QAET,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,OAAO,EAAE,MAAM,MAAM;AAC/B,cAAM,OAAO,KAAK;AAAA,UAChB,iBAAiB,QAAQ,KAAK,CAAC,KAAK,MAAM,aAAgB;AAAA,QAC5D;AACA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,6BAA6B,uBAEtB,2BAA2B,OAAO,QAAQ;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,cAEZ,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
5
- "names": []
6
- }
@@ -1,12 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const RadioGroupStyledContext = createStyledContext(
3
- {
4
- size: "$true",
5
- scaleIcon: 1
6
- },
7
- "RadioGroup"
8
- );
9
- export {
10
- RadioGroupStyledContext
11
- };
12
- //# sourceMappingURL=RadioGroupStyledContext.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/RadioGroupStyledContext.tsx"],
4
- "mappings": "AACA,SAAS,2BAA2B;AAE7B,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA;AACF;",
5
- "names": []
6
- }
@@ -1,95 +0,0 @@
1
- import { isWeb, withStaticProperties } from "@tamagui/core";
2
- import {
3
- useRadioGroup,
4
- useRadioGroupItem,
5
- useRadioGroupItemIndicator
6
- } from "@tamagui/radio-headless";
7
- import { RovingFocusGroup } from "@tamagui/roving-focus";
8
- import React from "react";
9
- import {
10
- RadioGroupFrame,
11
- RadioGroupIndicatorFrame,
12
- RadioGroupItemFrame
13
- } from "./RadioGroup";
14
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
15
- const ensureContext = (x) => {
16
- x.context || (x.context = RadioGroupContext);
17
- }, RadioGroupContext = React.createContext({}), RadioGroupItemContext = React.createContext({
18
- checked: !1,
19
- disabled: !1
20
- });
21
- function createRadioGroup(createProps) {
22
- const {
23
- disableActiveTheme,
24
- Frame = RadioGroupFrame,
25
- Indicator = RadioGroupIndicatorFrame,
26
- Item = RadioGroupItemFrame
27
- } = createProps;
28
- ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
29
- const RadioGroupImp = Frame.styleable((props, ref) => {
30
- const {
31
- value,
32
- defaultValue,
33
- onValueChange,
34
- required = !1,
35
- disabled = !1,
36
- name,
37
- native,
38
- accentColor,
39
- orientation = "vertical",
40
- ...rest
41
- } = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
42
- orientation,
43
- name,
44
- defaultValue,
45
- value,
46
- onValueChange,
47
- required,
48
- disabled,
49
- native,
50
- accentColor
51
- });
52
- return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });
53
- }), RadioGroupItemImp = Item.styleable((props, ref) => {
54
- const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props, {
55
- providerValue,
56
- bubbleInput,
57
- rovingFocusGroupAttrs,
58
- frameAttrs,
59
- isFormControl,
60
- native
61
- } = useRadioGroupItem({
62
- radioGroupContext: RadioGroupContext,
63
- value,
64
- id,
65
- labelledBy,
66
- disabled,
67
- onPress,
68
- onKeyDown
69
- });
70
- return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [
71
- /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),
72
- isFormControl && bubbleInput
73
- ] }) });
74
- });
75
- RadioGroupItemImp.displayName = "RadioGroupItem";
76
- const RadioIndicator = Indicator.styleable(
77
- (props, forwardedRef) => {
78
- const { forceMount, disabled, ...indicatorProps } = props, { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
79
- radioGroupItemContext: RadioGroupItemContext,
80
- disabled
81
- });
82
- return forceMount || checked ? /* @__PURE__ */ jsx(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps }) : null;
83
- }
84
- );
85
- RadioIndicator.displayName = "RadioIndicator";
86
- const RadioGroup = withStaticProperties(RadioGroupImp, {
87
- Item: RadioGroupItemImp,
88
- Indicator: RadioIndicator
89
- });
90
- return RadioGroup.displayName = "RadioGroup", RadioGroup;
91
- }
92
- export {
93
- createRadioGroup
94
- };
95
- //# sourceMappingURL=createRadioGroup.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createRadioGroup.tsx"],
4
- "mappings": "AACA,SAAS,OAAO,4BAA4B;AAK5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwGG,SA+BA,UA/BA,KA+BA,YA/BA;AAtGV,MAAM,gBAAgB,CAAC,MAAW;AAChC,EAAK,EAAE,YACL,EAAE,UAAU;AAEhB,GAOM,oBAAoB,MAAM,cAAsC,CAAC,CAAC,GAClE,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AA0BM,SAAS,iBAId,aAAmF;AACnF,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT,IAAI;AAOJ,gBAAc,KAAK,GACnB,cAAc,SAAS,GACvB,cAAc,IAAI;AAalB,QAAM,gBAAgB,MAAM,UAA2B,CAAC,OAAO,QAAQ;AACrE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI,OAEE,EAAE,eAAe,YAAY,sBAAsB,IAAI,cAAc;AAAA,MACzE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,8BAAC,oBAAkB,GAAG,uBACpB,8BAAC,mBAAiB,GAAG,YAAY,KAAW,GAAG,MAAM,GACvD,GACF;AAAA,EAEJ,CAAC,GAEK,oBAAoB,KAAK,UAA+B,CAAC,OAAO,QAAQ;AAC5E,UAAM,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,KAAK,IAAI,OAEnE;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,kBAAkB;AAAA,MACpB,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,mBAAS,SACR,cAEA,iCACE;AAAA,0BAAC,iBAAiB,MAAjB,EAAuB,GAAG,uBACzB,8BAAC,uBAAqB,GAAG,YAAY,KAAW,GAAG,MAAM,GAC3D;AAAA,MACC,iBAAiB;AAAA,OACpB,GAEJ;AAAA,EAEJ,CAAC;AAED,oBAAkB,cAAc;AAEhC,QAAM,iBAAiB,UAAU;AAAA,IAC/B,CAAC,OAA4B,iBAAiB;AAC5C,YAAM,EAAE,YAAY,UAAU,GAAG,eAAe,IAAI,OAC9C,EAAE,SAAS,GAAG,iBAAiB,IAAI,2BAA2B;AAAA,QAClE,uBAAuB;AAAA,QACvB;AAAA,MACF,CAAC;AAED,aAAI,cAAc,UACT,oBAAC,aAAW,GAAG,kBAAkB,KAAK,cAAe,GAAG,gBAAgB,IAG1E;AAAA,IACT;AAAA,EACF;AAEA,iBAAe,cAAc;AAE7B,QAAM,aAAa,qBAAqB,eAAe;AAAA,IACrD,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AACD,oBAAW,cAAc,cAElB;AACT;",
5
- "names": []
6
- }
@@ -1,106 +0,0 @@
1
- import { getVariableValue, styled } from "@tamagui/core";
2
- import { getSize } from "@tamagui/get-token";
3
- import { YStack } from "@tamagui/stacks";
4
- const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(YStack, {
5
- name: RADIO_GROUP_ITEM_NAME,
6
- render: "button",
7
- variants: {
8
- unstyled: {
9
- false: {
10
- size: "$true",
11
- borderRadius: 1e3,
12
- backgroundColor: "$background",
13
- alignItems: "center",
14
- justifyContent: "center",
15
- borderWidth: 1,
16
- borderColor: "$borderColor",
17
- padding: 0,
18
- hoverStyle: {
19
- borderColor: "$borderColorHover",
20
- backgroundColor: "$backgroundHover"
21
- },
22
- focusStyle: {
23
- borderColor: "$borderColorHover",
24
- backgroundColor: "$backgroundHover"
25
- },
26
- focusVisibleStyle: {
27
- outlineStyle: "solid",
28
- outlineWidth: 2,
29
- outlineColor: "$outlineColor"
30
- },
31
- pressStyle: {
32
- borderColor: "$borderColorFocus",
33
- backgroundColor: "$backgroundFocus"
34
- }
35
- }
36
- },
37
- disabled: {
38
- true: {
39
- pointerEvents: "none",
40
- userSelect: "none",
41
- cursor: "not-allowed",
42
- hoverStyle: {
43
- borderColor: "$borderColor",
44
- backgroundColor: "$background"
45
- },
46
- pressStyle: {
47
- borderColor: "$borderColor",
48
- backgroundColor: "$background"
49
- },
50
- focusVisibleStyle: {
51
- outlineWidth: 0
52
- }
53
- }
54
- },
55
- size: {
56
- "...size": (value, { props }) => {
57
- const size = Math.floor(
58
- getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
59
- );
60
- return {
61
- width: size,
62
- height: size
63
- };
64
- }
65
- }
66
- },
67
- defaultVariants: {
68
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
69
- }
70
- }), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(YStack, {
71
- name: RADIO_GROUP_INDICATOR_NAME,
72
- variants: {
73
- unstyled: {
74
- false: {
75
- width: "33%",
76
- height: "33%",
77
- borderRadius: 1e3,
78
- backgroundColor: "$color",
79
- pressTheme: !0
80
- }
81
- }
82
- },
83
- defaultVariants: {
84
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
85
- }
86
- }), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(YStack, {
87
- name: RADIO_GROUP_NAME,
88
- variants: {
89
- orientation: {
90
- horizontal: {
91
- flexDirection: "row",
92
- spaceDirection: "horizontal"
93
- },
94
- vertical: {
95
- flexDirection: "column",
96
- spaceDirection: "vertical"
97
- }
98
- }
99
- }
100
- });
101
- export {
102
- RadioGroupFrame,
103
- RadioGroupIndicatorFrame,
104
- RadioGroupItemFrame
105
- };
106
- //# sourceMappingURL=RadioGroup.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/RadioGroup.tsx"],
4
- "mappings": "AAAA,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEvB,MAAM,wBAAwB,kBAEjB,sBAAsB,OAAO,QAAQ;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QAET,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,OAAO,EAAE,MAAM,MAAM;AAC/B,cAAM,OAAO,KAAK;AAAA,UAChB,iBAAiB,QAAQ,KAAK,CAAC,KAAK,MAAM,aAAgB;AAAA,QAC5D;AACA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,6BAA6B,uBAEtB,2BAA2B,OAAO,QAAQ;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,cAEZ,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
5
- "names": []
6
- }
@@ -1,12 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const RadioGroupStyledContext = createStyledContext(
3
- {
4
- size: "$true",
5
- scaleIcon: 1
6
- },
7
- "RadioGroup"
8
- );
9
- export {
10
- RadioGroupStyledContext
11
- };
12
- //# sourceMappingURL=RadioGroupStyledContext.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/RadioGroupStyledContext.tsx"],
4
- "mappings": "AACA,SAAS,2BAA2B;AAE7B,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA;AACF;",
5
- "names": []
6
- }
@@ -1,95 +0,0 @@
1
- import { isWeb, withStaticProperties } from "@tamagui/core";
2
- import {
3
- useRadioGroup,
4
- useRadioGroupItem,
5
- useRadioGroupItemIndicator
6
- } from "@tamagui/radio-headless";
7
- import { RovingFocusGroup } from "@tamagui/roving-focus";
8
- import React from "react";
9
- import {
10
- RadioGroupFrame,
11
- RadioGroupIndicatorFrame,
12
- RadioGroupItemFrame
13
- } from "./RadioGroup";
14
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
15
- const ensureContext = (x) => {
16
- x.context || (x.context = RadioGroupContext);
17
- }, RadioGroupContext = React.createContext({}), RadioGroupItemContext = React.createContext({
18
- checked: !1,
19
- disabled: !1
20
- });
21
- function createRadioGroup(createProps) {
22
- const {
23
- disableActiveTheme,
24
- Frame = RadioGroupFrame,
25
- Indicator = RadioGroupIndicatorFrame,
26
- Item = RadioGroupItemFrame
27
- } = createProps;
28
- ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
29
- const RadioGroupImp = Frame.styleable((props, ref) => {
30
- const {
31
- value,
32
- defaultValue,
33
- onValueChange,
34
- required = !1,
35
- disabled = !1,
36
- name,
37
- native,
38
- accentColor,
39
- orientation = "vertical",
40
- ...rest
41
- } = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
42
- orientation,
43
- name,
44
- defaultValue,
45
- value,
46
- onValueChange,
47
- required,
48
- disabled,
49
- native,
50
- accentColor
51
- });
52
- return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });
53
- }), RadioGroupItemImp = Item.styleable((props, ref) => {
54
- const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props, {
55
- providerValue,
56
- bubbleInput,
57
- rovingFocusGroupAttrs,
58
- frameAttrs,
59
- isFormControl,
60
- native
61
- } = useRadioGroupItem({
62
- radioGroupContext: RadioGroupContext,
63
- value,
64
- id,
65
- labelledBy,
66
- disabled,
67
- onPress,
68
- onKeyDown
69
- });
70
- return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [
71
- /* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),
72
- isFormControl && bubbleInput
73
- ] }) });
74
- });
75
- RadioGroupItemImp.displayName = "RadioGroupItem";
76
- const RadioIndicator = Indicator.styleable(
77
- (props, forwardedRef) => {
78
- const { forceMount, disabled, ...indicatorProps } = props, { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
79
- radioGroupItemContext: RadioGroupItemContext,
80
- disabled
81
- });
82
- return forceMount || checked ? /* @__PURE__ */ jsx(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps }) : null;
83
- }
84
- );
85
- RadioIndicator.displayName = "RadioIndicator";
86
- const RadioGroup = withStaticProperties(RadioGroupImp, {
87
- Item: RadioGroupItemImp,
88
- Indicator: RadioIndicator
89
- });
90
- return RadioGroup.displayName = "RadioGroup", RadioGroup;
91
- }
92
- export {
93
- createRadioGroup
94
- };
95
- //# sourceMappingURL=createRadioGroup.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createRadioGroup.tsx"],
4
- "mappings": "AACA,SAAS,OAAO,4BAA4B;AAK5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwGG,SA+BA,UA/BA,KA+BA,YA/BA;AAtGV,MAAM,gBAAgB,CAAC,MAAW;AAChC,EAAK,EAAE,YACL,EAAE,UAAU;AAEhB,GAOM,oBAAoB,MAAM,cAAsC,CAAC,CAAC,GAClE,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AA0BM,SAAS,iBAId,aAAmF;AACnF,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT,IAAI;AAOJ,gBAAc,KAAK,GACnB,cAAc,SAAS,GACvB,cAAc,IAAI;AAalB,QAAM,gBAAgB,MAAM,UAA2B,CAAC,OAAO,QAAQ;AACrE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI,OAEE,EAAE,eAAe,YAAY,sBAAsB,IAAI,cAAc;AAAA,MACzE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,8BAAC,oBAAkB,GAAG,uBACpB,8BAAC,mBAAiB,GAAG,YAAY,KAAW,GAAG,MAAM,GACvD,GACF;AAAA,EAEJ,CAAC,GAEK,oBAAoB,KAAK,UAA+B,CAAC,OAAO,QAAQ;AAC5E,UAAM,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,KAAK,IAAI,OAEnE;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,kBAAkB;AAAA,MACpB,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,mBAAS,SACR,cAEA,iCACE;AAAA,0BAAC,iBAAiB,MAAjB,EAAuB,GAAG,uBACzB,8BAAC,uBAAqB,GAAG,YAAY,KAAW,GAAG,MAAM,GAC3D;AAAA,MACC,iBAAiB;AAAA,OACpB,GAEJ;AAAA,EAEJ,CAAC;AAED,oBAAkB,cAAc;AAEhC,QAAM,iBAAiB,UAAU;AAAA,IAC/B,CAAC,OAA4B,iBAAiB;AAC5C,YAAM,EAAE,YAAY,UAAU,GAAG,eAAe,IAAI,OAC9C,EAAE,SAAS,GAAG,iBAAiB,IAAI,2BAA2B;AAAA,QAClE,uBAAuB;AAAA,QACvB;AAAA,MACF,CAAC;AAED,aAAI,cAAc,UACT,oBAAC,aAAW,GAAG,kBAAkB,KAAK,cAAe,GAAG,gBAAgB,IAG1E;AAAA,IACT;AAAA,EACF;AAEA,iBAAe,cAAc;AAE7B,QAAM,aAAa,qBAAqB,eAAe;AAAA,IACrD,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AACD,oBAAW,cAAc,cAElB;AACT;",
5
- "names": []
6
- }