@tamagui/demos 1.95.3 → 1.97.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 (117) hide show
  1. package/dist/cjs/AccordionDemo.js +8 -4
  2. package/dist/cjs/AccordionDemo.js.map +1 -1
  3. package/dist/cjs/AccordionDemo.native.js +20 -6
  4. package/dist/cjs/AccordionDemo.native.js.map +2 -2
  5. package/dist/cjs/NewInputsDemo.js +46 -0
  6. package/dist/cjs/NewInputsDemo.js.map +6 -0
  7. package/dist/cjs/NewInputsDemo.native.js +67 -0
  8. package/dist/cjs/NewInputsDemo.native.js.map +6 -0
  9. package/dist/cjs/RadioGroupHeadlessDemo.js +109 -0
  10. package/dist/cjs/RadioGroupHeadlessDemo.js.map +6 -0
  11. package/dist/cjs/RadioGroupHeadlessDemo.native.js +168 -0
  12. package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +6 -0
  13. package/dist/cjs/RadioGroupUnstyledDemo.js +107 -0
  14. package/dist/cjs/RadioGroupUnstyledDemo.js.map +6 -0
  15. package/dist/cjs/RadioGroupUnstyledDemo.native.js +139 -0
  16. package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +6 -0
  17. package/dist/cjs/SelectDemo.js +0 -22
  18. package/dist/cjs/SelectDemo.js.map +1 -1
  19. package/dist/cjs/SelectDemo.native.js +0 -66
  20. package/dist/cjs/SelectDemo.native.js.map +1 -1
  21. package/dist/cjs/TokensDemo.js +4 -2
  22. package/dist/cjs/TokensDemo.js.map +1 -1
  23. package/dist/cjs/TokensDemo.native.js +5 -5
  24. package/dist/cjs/TokensDemo.native.js.map +2 -2
  25. package/dist/cjs/index.js +3 -0
  26. package/dist/cjs/index.js.map +1 -1
  27. package/dist/cjs/index.native.js +6 -0
  28. package/dist/cjs/index.native.js.map +1 -1
  29. package/dist/esm/AccordionDemo.js +8 -4
  30. package/dist/esm/AccordionDemo.js.map +1 -1
  31. package/dist/esm/AccordionDemo.mjs +20 -6
  32. package/dist/esm/AccordionDemo.native.js +20 -6
  33. package/dist/esm/AccordionDemo.native.js.map +2 -2
  34. package/dist/esm/NewInputsDemo.js +32 -0
  35. package/dist/esm/NewInputsDemo.js.map +6 -0
  36. package/dist/esm/NewInputsDemo.mjs +37 -0
  37. package/dist/esm/NewInputsDemo.native.js +48 -0
  38. package/dist/esm/NewInputsDemo.native.js.map +6 -0
  39. package/dist/esm/RadioGroupHeadlessDemo.js +102 -0
  40. package/dist/esm/RadioGroupHeadlessDemo.js.map +6 -0
  41. package/dist/esm/RadioGroupHeadlessDemo.mjs +133 -0
  42. package/dist/esm/RadioGroupHeadlessDemo.native.js +152 -0
  43. package/dist/esm/RadioGroupHeadlessDemo.native.js.map +6 -0
  44. package/dist/esm/RadioGroupUnstyledDemo.js +93 -0
  45. package/dist/esm/RadioGroupUnstyledDemo.js.map +6 -0
  46. package/dist/esm/RadioGroupUnstyledDemo.mjs +118 -0
  47. package/dist/esm/RadioGroupUnstyledDemo.native.js +121 -0
  48. package/dist/esm/RadioGroupUnstyledDemo.native.js.map +6 -0
  49. package/dist/esm/SelectDemo.js +0 -22
  50. package/dist/esm/SelectDemo.js.map +1 -1
  51. package/dist/esm/SelectDemo.mjs +0 -44
  52. package/dist/esm/SelectDemo.native.js +0 -66
  53. package/dist/esm/SelectDemo.native.js.map +1 -1
  54. package/dist/esm/TokensDemo.js +4 -2
  55. package/dist/esm/TokensDemo.js.map +1 -1
  56. package/dist/esm/TokensDemo.mjs +4 -4
  57. package/dist/esm/TokensDemo.native.js +5 -5
  58. package/dist/esm/TokensDemo.native.js.map +2 -2
  59. package/dist/esm/index.js +3 -0
  60. package/dist/esm/index.js.map +1 -1
  61. package/dist/esm/index.mjs +3 -0
  62. package/dist/esm/index.native.js +3 -0
  63. package/dist/esm/index.native.js.map +1 -1
  64. package/dist/jsx/AccordionDemo.js +8 -4
  65. package/dist/jsx/AccordionDemo.js.map +1 -1
  66. package/dist/jsx/AccordionDemo.mjs +20 -6
  67. package/dist/jsx/AccordionDemo.native.js +20 -6
  68. package/dist/jsx/AccordionDemo.native.js.map +2 -2
  69. package/dist/jsx/NewInputsDemo.js +32 -0
  70. package/dist/jsx/NewInputsDemo.js.map +6 -0
  71. package/dist/jsx/NewInputsDemo.mjs +37 -0
  72. package/dist/jsx/NewInputsDemo.native.js +48 -0
  73. package/dist/jsx/NewInputsDemo.native.js.map +6 -0
  74. package/dist/jsx/RadioGroupHeadlessDemo.js +102 -0
  75. package/dist/jsx/RadioGroupHeadlessDemo.js.map +6 -0
  76. package/dist/jsx/RadioGroupHeadlessDemo.mjs +133 -0
  77. package/dist/jsx/RadioGroupHeadlessDemo.native.js +152 -0
  78. package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +6 -0
  79. package/dist/jsx/RadioGroupUnstyledDemo.js +93 -0
  80. package/dist/jsx/RadioGroupUnstyledDemo.js.map +6 -0
  81. package/dist/jsx/RadioGroupUnstyledDemo.mjs +118 -0
  82. package/dist/jsx/RadioGroupUnstyledDemo.native.js +121 -0
  83. package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +6 -0
  84. package/dist/jsx/SelectDemo.js +0 -22
  85. package/dist/jsx/SelectDemo.js.map +1 -1
  86. package/dist/jsx/SelectDemo.mjs +0 -44
  87. package/dist/jsx/SelectDemo.native.js +0 -66
  88. package/dist/jsx/SelectDemo.native.js.map +1 -1
  89. package/dist/jsx/TokensDemo.js +4 -2
  90. package/dist/jsx/TokensDemo.js.map +1 -1
  91. package/dist/jsx/TokensDemo.mjs +4 -4
  92. package/dist/jsx/TokensDemo.native.js +5 -5
  93. package/dist/jsx/TokensDemo.native.js.map +2 -2
  94. package/dist/jsx/index.js +3 -0
  95. package/dist/jsx/index.js.map +1 -1
  96. package/dist/jsx/index.mjs +3 -0
  97. package/dist/jsx/index.native.js +3 -0
  98. package/dist/jsx/index.native.js.map +1 -1
  99. package/package.json +18 -19
  100. package/src/AccordionDemo.tsx +26 -14
  101. package/src/NewInputsDemo.tsx +30 -0
  102. package/src/RadioGroupHeadlessDemo.tsx +133 -0
  103. package/src/RadioGroupUnstyledDemo.tsx +126 -0
  104. package/src/SelectDemo.tsx +0 -22
  105. package/src/TokensDemo.tsx +7 -5
  106. package/src/index.tsx +3 -0
  107. package/types/AccordionDemo.d.ts.map +1 -1
  108. package/types/CheckboxUnstyledDemo.d.ts +4 -4
  109. package/types/NewInputsDemo.d.ts +2 -0
  110. package/types/NewInputsDemo.d.ts.map +1 -0
  111. package/types/RadioGroupHeadlessDemo.d.ts +2 -0
  112. package/types/RadioGroupHeadlessDemo.d.ts.map +1 -0
  113. package/types/RadioGroupUnstyledDemo.d.ts +2 -0
  114. package/types/RadioGroupUnstyledDemo.d.ts.map +1 -0
  115. package/types/SwitchUnstyledDemo.d.ts +4 -4
  116. package/types/index.d.ts +3 -0
  117. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupHeadlessDemo.tsx"],
4
+ "mappings": "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",
5
+ "names": ["useRadioGroup", "useRadioGroupItem", "useRadioGroupItemIndicator", "RovingFocusGroup", "createContext", "StyleSheet", "View", "Pressable", "Text", "isWeb", "useTheme", "RadioGroupContext", "RadioGroupItemContext", "checked", "disabled", "RadioGroupHeadlessDemo", "orientation", "name", "defaultValue", "providerValue", "frameAttrs", "rovingFocusGroupAttrs", "Provider", "value", "style", "styles", "radioGroup", "RadioGroupItem", "id", "label", "props", "theme", "radioGroupContext", "native", "bubbleInput", "isFormControl", "radioGroupItemContainer", "Item", "radioGroupItem", "borderColor", "get", "borderWidth", "backgroundColor", "background", "onFocus", "RadioGroupItemIndicator", "color", "params", "radioGroupItemContext", "radioGroupItemIndicator", "create", "flexDirection", "gap", "alignItems", "width", "height", "justifyContent"]
6
+ }
@@ -0,0 +1,93 @@
1
+ import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
2
+ import { createRadioGroup } from "@tamagui/radio-group";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(ThemeableStack, {
5
+ name: RADIO_GROUP_ITEM_NAME,
6
+ tag: "button",
7
+ borderRadius: 1e3,
8
+ backgroundColor: "$background",
9
+ alignItems: "center",
10
+ justifyContent: "center",
11
+ borderWidth: 1,
12
+ borderColor: "$borderColor",
13
+ padding: 0,
14
+ hoverStyle: {
15
+ borderColor: "$borderColorHover",
16
+ backgroundColor: "$backgroundHover"
17
+ },
18
+ focusStyle: {
19
+ borderColor: "$borderColorHover",
20
+ backgroundColor: "$backgroundHover"
21
+ },
22
+ focusVisibleStyle: {
23
+ outlineStyle: "solid",
24
+ outlineWidth: 2,
25
+ outlineColor: "$outlineColor"
26
+ },
27
+ pressStyle: {
28
+ borderColor: "$borderColorFocus",
29
+ backgroundColor: "$backgroundFocus"
30
+ },
31
+ variants: {
32
+ disabled: {
33
+ true: {
34
+ pointerEvents: "none",
35
+ userSelect: "none",
36
+ cursor: "not-allowed",
37
+ hoverStyle: {
38
+ borderColor: "$borderColor",
39
+ backgroundColor: "$background"
40
+ },
41
+ pressStyle: {
42
+ borderColor: "$borderColor",
43
+ backgroundColor: "$background"
44
+ },
45
+ focusVisibleStyle: {
46
+ outlineWidth: 0
47
+ }
48
+ }
49
+ }
50
+ }
51
+ }), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(ThemeableStack, {
52
+ name: RADIO_GROUP_INDICATOR_NAME,
53
+ width: "53%",
54
+ height: "53%",
55
+ borderRadius: 1e3,
56
+ backgroundColor: "$color",
57
+ pressTheme: !0
58
+ }), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(ThemeableStack, {
59
+ name: RADIO_GROUP_NAME,
60
+ variants: {
61
+ orientation: {
62
+ horizontal: {
63
+ flexDirection: "row",
64
+ spaceDirection: "horizontal"
65
+ },
66
+ vertical: {
67
+ flexDirection: "column",
68
+ spaceDirection: "vertical"
69
+ }
70
+ }
71
+ }
72
+ }), RadioGroup = createRadioGroup({
73
+ Frame: RadioGroupFrame,
74
+ Indicator: RadioGroupIndicatorFrame,
75
+ Item: RadioGroupItemFrame
76
+ });
77
+ function RadioGroupUnstyledDemo() {
78
+ return /* @__PURE__ */ jsx(RadioGroup, { "aria-labelledby": "Select one item", defaultValue: "3", name: "form", children: /* @__PURE__ */ jsxs(YStack, { width: 200, alignItems: "center", space: "$2", children: [
79
+ /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: "2", label: "Option One" }),
80
+ /* @__PURE__ */ jsx(RadioGroupItemWithLabel, { value: "3", label: "Option Two" })
81
+ ] }) });
82
+ }
83
+ function RadioGroupItemWithLabel(props) {
84
+ const id = `radiogroup-${props.value}`;
85
+ return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", gap: "$4", children: [
86
+ /* @__PURE__ */ jsx(RadioGroup.Item, { value: props.value, id, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {}) }),
87
+ /* @__PURE__ */ jsx(Label, { htmlFor: id, children: props.label })
88
+ ] });
89
+ }
90
+ export {
91
+ RadioGroupUnstyledDemo
92
+ };
93
+ //# sourceMappingURL=RadioGroupUnstyledDemo.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/RadioGroupUnstyledDemo.tsx"],
4
+ "mappings": "AACA,SAAS,OAAO,gBAAgB,QAAQ,QAAQ,cAAc;AAE9D,SAAS,wBAAwB;AAoG3B,SACE,KADF;AAlGN,MAAM,wBAAwB,kBAExB,sBAAsB,OAAO,gBAAgB;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EAET,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,UAAU;AAAA,IACR,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,EACF;AACF,CAAU,GAEJ,6BAA6B,uBAE7B,2BAA2B,OAAO,gBAAgB;AAAA,EACtD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,YAAY;AACd,CAAC,GAEK,mBAAmB,cAEnB,kBAAkB,OAAO,gBAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,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,GAEK,aAAa,iBAAiB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAEM,SAAS,yBAAyB;AACvC,SACE,oBAAC,cAAW,mBAAgB,mBAAkB,cAAa,KAAI,MAAK,QAClE,+BAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,IACtD,oBAAC,2BAAwB,OAAM,KAAI,OAAM,cAAa;AAAA,KACxD,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAG9B;AACD,QAAM,KAAK,cAAc,MAAM,KAAK;AACpC,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,KAAI,MAC1C;AAAA,wBAAC,WAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IACnC,8BAAC,WAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,oBAAC,SAAM,SAAS,IAAK,gBAAM,OAAM;AAAA,KACnC;AAEJ;",
5
+ "names": []
6
+ }
@@ -0,0 +1,118 @@
1
+ import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
2
+ import { createRadioGroup } from "@tamagui/radio-group";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
5
+ RadioGroupItemFrame = styled(ThemeableStack, {
6
+ name: RADIO_GROUP_ITEM_NAME,
7
+ tag: "button",
8
+ borderRadius: 1e3,
9
+ backgroundColor: "$background",
10
+ alignItems: "center",
11
+ justifyContent: "center",
12
+ borderWidth: 1,
13
+ borderColor: "$borderColor",
14
+ padding: 0,
15
+ hoverStyle: {
16
+ borderColor: "$borderColorHover",
17
+ backgroundColor: "$backgroundHover"
18
+ },
19
+ focusStyle: {
20
+ borderColor: "$borderColorHover",
21
+ backgroundColor: "$backgroundHover"
22
+ },
23
+ focusVisibleStyle: {
24
+ outlineStyle: "solid",
25
+ outlineWidth: 2,
26
+ outlineColor: "$outlineColor"
27
+ },
28
+ pressStyle: {
29
+ borderColor: "$borderColorFocus",
30
+ backgroundColor: "$backgroundFocus"
31
+ },
32
+ variants: {
33
+ disabled: {
34
+ true: {
35
+ pointerEvents: "none",
36
+ userSelect: "none",
37
+ cursor: "not-allowed",
38
+ hoverStyle: {
39
+ borderColor: "$borderColor",
40
+ backgroundColor: "$background"
41
+ },
42
+ pressStyle: {
43
+ borderColor: "$borderColor",
44
+ backgroundColor: "$background"
45
+ },
46
+ focusVisibleStyle: {
47
+ outlineWidth: 0
48
+ }
49
+ }
50
+ }
51
+ }
52
+ }),
53
+ RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
54
+ RadioGroupIndicatorFrame = styled(ThemeableStack, {
55
+ name: RADIO_GROUP_INDICATOR_NAME,
56
+ width: "53%",
57
+ height: "53%",
58
+ borderRadius: 1e3,
59
+ backgroundColor: "$color",
60
+ pressTheme: !0
61
+ }),
62
+ RADIO_GROUP_NAME = "RadioGroup",
63
+ RadioGroupFrame = styled(ThemeableStack, {
64
+ name: RADIO_GROUP_NAME,
65
+ variants: {
66
+ orientation: {
67
+ horizontal: {
68
+ flexDirection: "row",
69
+ spaceDirection: "horizontal"
70
+ },
71
+ vertical: {
72
+ flexDirection: "column",
73
+ spaceDirection: "vertical"
74
+ }
75
+ }
76
+ }
77
+ }),
78
+ RadioGroup = createRadioGroup({
79
+ Frame: RadioGroupFrame,
80
+ Indicator: RadioGroupIndicatorFrame,
81
+ Item: RadioGroupItemFrame
82
+ });
83
+ function RadioGroupUnstyledDemo() {
84
+ return /* @__PURE__ */jsx(RadioGroup, {
85
+ "aria-labelledby": "Select one item",
86
+ defaultValue: "3",
87
+ name: "form",
88
+ children: /* @__PURE__ */jsxs(YStack, {
89
+ width: 200,
90
+ alignItems: "center",
91
+ space: "$2",
92
+ children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
93
+ value: "2",
94
+ label: "Option One"
95
+ }), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
96
+ value: "3",
97
+ label: "Option Two"
98
+ })]
99
+ })
100
+ });
101
+ }
102
+ function RadioGroupItemWithLabel(props) {
103
+ const id = `radiogroup-${props.value}`;
104
+ return /* @__PURE__ */jsxs(XStack, {
105
+ width: 300,
106
+ alignItems: "center",
107
+ gap: "$4",
108
+ children: [/* @__PURE__ */jsx(RadioGroup.Item, {
109
+ value: props.value,
110
+ id,
111
+ children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
112
+ }), /* @__PURE__ */jsx(Label, {
113
+ htmlFor: id,
114
+ children: props.label
115
+ })]
116
+ });
117
+ }
118
+ export { RadioGroupUnstyledDemo };
@@ -0,0 +1,121 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Label, ThemeableStack, XStack, YStack, styled } from "tamagui";
3
+ import { createRadioGroup } from "@tamagui/radio-group";
4
+ var RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(ThemeableStack, {
5
+ name: RADIO_GROUP_ITEM_NAME,
6
+ tag: "button",
7
+ borderRadius: 1e3,
8
+ backgroundColor: "$background",
9
+ alignItems: "center",
10
+ justifyContent: "center",
11
+ borderWidth: 1,
12
+ borderColor: "$borderColor",
13
+ padding: 0,
14
+ hoverStyle: {
15
+ borderColor: "$borderColorHover",
16
+ backgroundColor: "$backgroundHover"
17
+ },
18
+ focusStyle: {
19
+ borderColor: "$borderColorHover",
20
+ backgroundColor: "$backgroundHover"
21
+ },
22
+ focusVisibleStyle: {
23
+ outlineStyle: "solid",
24
+ outlineWidth: 2,
25
+ outlineColor: "$outlineColor"
26
+ },
27
+ pressStyle: {
28
+ borderColor: "$borderColorFocus",
29
+ backgroundColor: "$backgroundFocus"
30
+ },
31
+ variants: {
32
+ disabled: {
33
+ true: {
34
+ pointerEvents: "none",
35
+ userSelect: "none",
36
+ cursor: "not-allowed",
37
+ hoverStyle: {
38
+ borderColor: "$borderColor",
39
+ backgroundColor: "$background"
40
+ },
41
+ pressStyle: {
42
+ borderColor: "$borderColor",
43
+ backgroundColor: "$background"
44
+ },
45
+ focusVisibleStyle: {
46
+ outlineWidth: 0
47
+ }
48
+ }
49
+ }
50
+ }
51
+ }), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(ThemeableStack, {
52
+ name: RADIO_GROUP_INDICATOR_NAME,
53
+ width: "53%",
54
+ height: "53%",
55
+ borderRadius: 1e3,
56
+ backgroundColor: "$color",
57
+ pressTheme: !0
58
+ }), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(ThemeableStack, {
59
+ name: RADIO_GROUP_NAME,
60
+ variants: {
61
+ orientation: {
62
+ horizontal: {
63
+ flexDirection: "row",
64
+ spaceDirection: "horizontal"
65
+ },
66
+ vertical: {
67
+ flexDirection: "column",
68
+ spaceDirection: "vertical"
69
+ }
70
+ }
71
+ }
72
+ }), RadioGroup = createRadioGroup({
73
+ Frame: RadioGroupFrame,
74
+ Indicator: RadioGroupIndicatorFrame,
75
+ Item: RadioGroupItemFrame
76
+ });
77
+ function RadioGroupUnstyledDemo() {
78
+ return /* @__PURE__ */ _jsx(RadioGroup, {
79
+ "aria-labelledby": "Select one item",
80
+ defaultValue: "3",
81
+ name: "form",
82
+ children: /* @__PURE__ */ _jsxs(YStack, {
83
+ width: 200,
84
+ alignItems: "center",
85
+ space: "$2",
86
+ children: [
87
+ /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
88
+ value: "2",
89
+ label: "Option One"
90
+ }),
91
+ /* @__PURE__ */ _jsx(RadioGroupItemWithLabel, {
92
+ value: "3",
93
+ label: "Option Two"
94
+ })
95
+ ]
96
+ })
97
+ });
98
+ }
99
+ function RadioGroupItemWithLabel(props) {
100
+ var id = "radiogroup-".concat(props.value);
101
+ return /* @__PURE__ */ _jsxs(XStack, {
102
+ width: 300,
103
+ alignItems: "center",
104
+ gap: "$4",
105
+ children: [
106
+ /* @__PURE__ */ _jsx(RadioGroup.Item, {
107
+ value: props.value,
108
+ id,
109
+ children: /* @__PURE__ */ _jsx(RadioGroup.Indicator, {})
110
+ }),
111
+ /* @__PURE__ */ _jsx(Label, {
112
+ htmlFor: id,
113
+ children: props.label
114
+ })
115
+ ]
116
+ });
117
+ }
118
+ export {
119
+ RadioGroupUnstyledDemo
120
+ };
121
+ //# sourceMappingURL=RadioGroupUnstyledDemo.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/packages/demos/src/RadioGroupUnstyledDemo.tsx"],
4
+ "mappings": ";AACA,SAASA,OAAOC,gBAAgBC,QAAQC,QAAQC,cAAc;AAE9D,SAASC,wBAAwB;AAEjC,IAAMC,wBAAwB,kBAExBC,sBAAsBH,OAAOH,gBAAgB;EACjDO,MAAMF;EACNG,KAAK;EAELC,cAAc;EACdC,iBAAiB;EACjBC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,aAAa;EACbC,SAAS;EAETC,YAAY;IACVF,aAAa;IACbJ,iBAAiB;EACnB;EAEAO,YAAY;IACVH,aAAa;IACbJ,iBAAiB;EACnB;EAEAQ,mBAAmB;IACjBC,cAAc;IACdC,cAAc;IACdC,cAAc;EAChB;EAEAC,YAAY;IACVR,aAAa;IACbJ,iBAAiB;EACnB;EAEAa,UAAU;IACRC,UAAU;MACRC,MAAM;QACJC,eAAe;QACfC,YAAY;QACZC,QAAQ;QAERZ,YAAY;UACVF,aAAa;UACbJ,iBAAiB;QACnB;QAEAY,YAAY;UACVR,aAAa;UACbJ,iBAAiB;QACnB;QAEAQ,mBAAmB;UACjBE,cAAc;QAChB;MACF;IACF;EACF;AACF,CAAA,GAEMS,6BAA6B,uBAE7BC,2BAA2B3B,OAAOH,gBAAgB;EACtDO,MAAMsB;EACNE,OAAO;EACPC,QAAQ;EACRvB,cAAc;EACdC,iBAAiB;EACjBuB,YAAY;AACd,CAAA,GAEMC,mBAAmB,cAEnBC,kBAAkBhC,OAAOH,gBAAgB;EAC7CO,MAAM2B;EACNX,UAAU;IACRa,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;AACF,CAAA,GAEME,aAAarC,iBAAiB;EAClCsC,OAAOP;EACPQ,WAAWb;EACXc,MAAMtC;AACR,CAAA;AAEO,SAASuC,yBAAAA;AACd,SACE,qBAACJ,YAAAA;IAAWK,mBAAgB;IAAkBC,cAAa;IAAIxC,MAAK;cAClE,sBAACL,QAAAA;MAAO6B,OAAO;MAAKpB,YAAW;MAASqC,OAAM;;QAC5C,qBAACC,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;QACzC,qBAACF,yBAAAA;UAAwBC,OAAM;UAAIC,OAAM;;;;;AAIjD;AAEA,SAASF,wBAAwBG,OAGhC;AACC,MAAMC,KAAM,cAAyB,OAAZD,MAAMF,KAAK;AACpC,SACE,sBAACjD,QAAAA;IAAO8B,OAAO;IAAKpB,YAAW;IAAS2C,KAAI;;MAC1C,qBAACb,WAAWG,MAAI;QAACM,OAAOE,MAAMF;QAAOG;kBACnC,qBAACZ,WAAWE,WAAS,CAAA,CAAA;;MAGvB,qBAAC5C,OAAAA;QAAMwD,SAASF;kBAAKD,MAAMD;;;;AAGjC;",
5
+ "names": ["Label", "ThemeableStack", "XStack", "YStack", "styled", "createRadioGroup", "RADIO_GROUP_ITEM_NAME", "RadioGroupItemFrame", "name", "tag", "borderRadius", "backgroundColor", "alignItems", "justifyContent", "borderWidth", "borderColor", "padding", "hoverStyle", "focusStyle", "focusVisibleStyle", "outlineStyle", "outlineWidth", "outlineColor", "pressStyle", "variants", "disabled", "true", "pointerEvents", "userSelect", "cursor", "RADIO_GROUP_INDICATOR_NAME", "RadioGroupIndicatorFrame", "width", "height", "pressTheme", "RADIO_GROUP_NAME", "RadioGroupFrame", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "RadioGroup", "Frame", "Indicator", "Item", "RadioGroupUnstyledDemo", "aria-labelledby", "defaultValue", "space", "RadioGroupItemWithLabel", "value", "label", "props", "id", "gap", "htmlFor"]
6
+ }
@@ -140,28 +140,6 @@ function SelectDemoItem(props) {
140
140
  ] });
141
141
  }
142
142
  const items = [
143
- { name: "Apple" },
144
- { name: "Pear" },
145
- { name: "Blackberry" },
146
- { name: "Peach" },
147
- { name: "Apricot" },
148
- { name: "Melon" },
149
- { name: "Honeydew" },
150
- { name: "Starfruit" },
151
- { name: "Blueberry" },
152
- { name: "Raspberry" },
153
- { name: "Strawberry" },
154
- { name: "Mango" },
155
- { name: "Pineapple" },
156
- { name: "Lime" },
157
- { name: "Lemon" },
158
- { name: "Coconut" },
159
- { name: "Guava" },
160
- { name: "Papaya" },
161
- { name: "Orange" },
162
- { name: "Grape" },
163
- { name: "Jackfruit" },
164
- { name: "Durian" },
165
143
  { name: "Apple" },
166
144
  { name: "Pear" },
167
145
  { name: "Blackberry" },
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -188,49 +188,5 @@ const items = [{
188
188
  name: "Jackfruit"
189
189
  }, {
190
190
  name: "Durian"
191
- }, {
192
- name: "Apple"
193
- }, {
194
- name: "Pear"
195
- }, {
196
- name: "Blackberry"
197
- }, {
198
- name: "Peach"
199
- }, {
200
- name: "Apricot"
201
- }, {
202
- name: "Melon"
203
- }, {
204
- name: "Honeydew"
205
- }, {
206
- name: "Starfruit"
207
- }, {
208
- name: "Blueberry"
209
- }, {
210
- name: "Raspberry"
211
- }, {
212
- name: "Strawberry"
213
- }, {
214
- name: "Mango"
215
- }, {
216
- name: "Pineapple"
217
- }, {
218
- name: "Lime"
219
- }, {
220
- name: "Lemon"
221
- }, {
222
- name: "Coconut"
223
- }, {
224
- name: "Guava"
225
- }, {
226
- name: "Papaya"
227
- }, {
228
- name: "Orange"
229
- }, {
230
- name: "Grape"
231
- }, {
232
- name: "Jackfruit"
233
- }, {
234
- name: "Durian"
235
191
  }];
236
192
  export { SelectDemo, SelectDemoItem };
@@ -292,72 +292,6 @@ function SelectDemoItem(props) {
292
292
  }));
293
293
  }
294
294
  var items = [
295
- {
296
- name: "Apple"
297
- },
298
- {
299
- name: "Pear"
300
- },
301
- {
302
- name: "Blackberry"
303
- },
304
- {
305
- name: "Peach"
306
- },
307
- {
308
- name: "Apricot"
309
- },
310
- {
311
- name: "Melon"
312
- },
313
- {
314
- name: "Honeydew"
315
- },
316
- {
317
- name: "Starfruit"
318
- },
319
- {
320
- name: "Blueberry"
321
- },
322
- {
323
- name: "Raspberry"
324
- },
325
- {
326
- name: "Strawberry"
327
- },
328
- {
329
- name: "Mango"
330
- },
331
- {
332
- name: "Pineapple"
333
- },
334
- {
335
- name: "Lime"
336
- },
337
- {
338
- name: "Lemon"
339
- },
340
- {
341
- name: "Coconut"
342
- },
343
- {
344
- name: "Guava"
345
- },
346
- {
347
- name: "Papaya"
348
- },
349
- {
350
- name: "Orange"
351
- },
352
- {
353
- name: "Grape"
354
- },
355
- {
356
- name: "Jackfruit"
357
- },
358
- {
359
- name: "Durian"
360
- },
361
295
  {
362
296
  name: "Apple"
363
297
  },
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SelectDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["Check", "ChevronDown", "ChevronUp", "useMemo", "useState", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
6
6
  }
@@ -37,7 +37,9 @@ function TokensDemo() {
37
37
  ] });
38
38
  }
39
39
  function SizeSection({ section }) {
40
- const allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1), spaceTokens = st.filter((t) => parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
40
+ const allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(
41
+ (a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1
42
+ ), spaceTokens = st.filter((t) => Number.parseFloat(t) >= 0), spaceTokensNegative = st.filter((t) => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
41
43
  return /* @__PURE__ */ jsxs(YStack, { flex: 1, space: !0, children: [
42
44
  /* @__PURE__ */ jsx(H2, { children: "Sizes" }),
43
45
  /* @__PURE__ */ jsx(YStack, { width: "100%", space: "$2", separator: /* @__PURE__ */ jsx(Separator, {}), children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(
@@ -58,7 +60,7 @@ function SizeSection({ section }) {
58
60
  ...section === "spaceNegative" && {
59
61
  backgroundColor: "$red5",
60
62
  size: -tokens[spaceTokensNegative.find(
61
- (t) => parseFloat(t) === -parseFloat(token)
63
+ (t) => Number.parseFloat(t) === -Number.parseFloat(token)
62
64
  ) ?? token]?.val
63
65
  },
64
66
  ...section === "radius" && {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TokensDemo.tsx"],
4
- "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,IAAI,EAAG,GAChF,cAAc,GAAG,OAAO,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,GACjD,sBAAsB,GACzB,OAAO,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAC/B,KAAK,CAAC,GAAG,MAAO,WAAW,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAE;AAE1D,SACE,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,4BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,WAAW,CAAC,MAAM,CAAC,WAAW,KAAK;AAAA,cAC5C,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
4
+ "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,IAAI,WAAW,QAAQ,QAAQ,QAAQ,cAAc;AA2B1E,SAKU,KALV;AAvBJ,MAAM,WAA6C;AAAA,EACjD;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AAEtD,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,UAAO,YAAW,UAAS,WAAU,UACnC,mBAAS,IAAI,CAAC,EAAE,MAAM,IAAI,MAEvB,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,YAAY,MAAM,WAAW;AAAA,QACpC,YAAW;AAAA,QACX,SAAS,MAAM,WAAW,GAAG;AAAA,QAE5B;AAAA;AAAA,IACH,KARgB,GASlB,CAEH,GACH;AAAA,KAEE,YAAY,UACZ,YAAY,mBACZ,YAAY,WACZ,YAAY,aAAa,oBAAC,eAAY,SAAkB;AAAA,KAC5D;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAyB;AACtD,QAAM,YAAY,UAAU,EAAE,QACxB,SAAS,UAAU,QAAQ,WAAW,OAAO,IAAI,UAAU,OAAO,GAClE,KAAK,OAAO,KAAK,MAAM,EAAE;AAAA,IAAK,CAAC,GAAG,MACtC,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,IAAI;AAAA,EACpD,GACM,cAAc,GAAG,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC,GACxD,sBAAsB,GACzB,OAAO,CAAC,MAAM,OAAO,WAAW,CAAC,IAAI,CAAC,EACtC,KAAK,CAAC,GAAG,MAAO,OAAO,WAAW,CAAC,IAAI,OAAO,WAAW,CAAC,IAAI,KAAK,CAAE;AAExE,SACE,qBAAC,UAAO,MAAM,GAAG,OAAK,IACpB;AAAA,wBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,UAAO,OAAM,QAAO,OAAM,MAAK,WAAW,oBAAC,aAAU,GAClD,uBAAY,kBAAkB,sBAAsB,aAAa;AAAA,MACjE,CAAC,UAEG,qBAAC,UAAO,OAAM,QAAO,YAAW,UAC9B;AAAA,4BAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAK;AAAA;AAAA,UAAE;AAAA,WAAM,GACxB;AAAA,QACA,oBAAC,UAAO,OAAM,OACZ,+BAAC,MAAG,MAAK,MAAM;AAAA,iBAAO,KAAK,GAAG;AAAA,UAAI;AAAA,WAAE,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,OAAO,KAAK,GAAG;AAAA,YACrB,iBAAgB;AAAA,YACf,GAAI,YAAY,mBAAmB;AAAA,cAClC,iBAAiB;AAAA,cACjB,MACE,CAAC,OACC,oBAAoB;AAAA,gBAClB,CAAC,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,cAC1D,KAAK,KACP,GAAG;AAAA,YACP;AAAA,YACC,GAAI,YAAY,YAAY;AAAA,cAC3B,MAAM,UAAU,KAAK,KAAK,GAAG;AAAA,cAC7B,cAAc,OAAO,KAAK,GAAG;AAAA,YAC/B;AAAA;AAAA,QACF;AAAA,WAvB4C,KAwB9C;AAAA,IAGN,GACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -44,9 +44,9 @@ function SizeSection({
44
44
  }) {
45
45
  const allTokens = getConfig().tokens,
46
46
  tokens = allTokens[section.startsWith("space") ? "space" : section],
47
- st = Object.keys(tokens).sort((a, b) => parseFloat(a) > parseFloat(b) ? 1 : -1),
48
- spaceTokens = st.filter(t => parseFloat(t) >= 0),
49
- spaceTokensNegative = st.filter(t => parseFloat(t) < 0).sort((a, b) => parseFloat(a) > parseFloat(b) ? -1 : 1);
47
+ st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1),
48
+ spaceTokens = st.filter(t => Number.parseFloat(t) >= 0),
49
+ spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
50
50
  return /* @__PURE__ */jsxs(YStack, {
51
51
  flex: 1,
52
52
  space: !0,
@@ -76,7 +76,7 @@ function SizeSection({
76
76
  backgroundColor: "$color5",
77
77
  ...(section === "spaceNegative" && {
78
78
  backgroundColor: "$red5",
79
- size: -tokens[spaceTokensNegative.find(t => parseFloat(t) === -parseFloat(token)) ?? token]?.val
79
+ size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
80
80
  }),
81
81
  ...(section === "radius" && {
82
82
  size: allTokens.size[token]?.val,
@@ -117,13 +117,13 @@ function TokensDemo() {
117
117
  }
118
118
  function SizeSection(param) {
119
119
  var section = param.section, allTokens = getConfig().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(function(a, b) {
120
- return parseFloat(a) > parseFloat(b) ? 1 : -1;
120
+ return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
121
121
  }), spaceTokens = st.filter(function(t) {
122
- return parseFloat(t) >= 0;
122
+ return Number.parseFloat(t) >= 0;
123
123
  }), spaceTokensNegative = st.filter(function(t) {
124
- return parseFloat(t) < 0;
124
+ return Number.parseFloat(t) < 0;
125
125
  }).sort(function(a, b) {
126
- return parseFloat(a) > parseFloat(b) ? -1 : 1;
126
+ return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
127
127
  });
128
128
  return /* @__PURE__ */ _jsxs(YStack, {
129
129
  flex: 1,
@@ -168,7 +168,7 @@ function SizeSection(param) {
168
168
  }, section === "spaceNegative" && {
169
169
  backgroundColor: "$red5",
170
170
  size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
171
- return parseFloat(t) === -parseFloat(token);
171
+ return Number.parseFloat(t) === -Number.parseFloat(token);
172
172
  })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
173
173
  }, section === "radius" && {
174
174
  size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,