@cdx-ui/components 0.0.1-beta.24 → 0.0.1-beta.26

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 (100) hide show
  1. package/lib/commonjs/components/Button/styles.js +1 -1
  2. package/lib/commonjs/components/Checkbox/index.js +5 -29
  3. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  4. package/lib/commonjs/components/Checkbox/styles.js +39 -47
  5. package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
  6. package/lib/commonjs/components/Field/index.js +8 -2
  7. package/lib/commonjs/components/Field/index.js.map +1 -1
  8. package/lib/commonjs/components/Field/styles.js +4 -4
  9. package/lib/commonjs/components/Field/styles.js.map +1 -1
  10. package/lib/commonjs/components/IconButton/index.js +6 -1
  11. package/lib/commonjs/components/IconButton/index.js.map +1 -1
  12. package/lib/commonjs/components/IconButton/styles.js +135 -10
  13. package/lib/commonjs/components/IconButton/styles.js.map +1 -1
  14. package/lib/commonjs/components/Input/styles.js +7 -6
  15. package/lib/commonjs/components/Input/styles.js.map +1 -1
  16. package/lib/commonjs/components/Radio/index.js +3 -1
  17. package/lib/commonjs/components/Radio/index.js.map +1 -1
  18. package/lib/commonjs/components/Radio/styles.js +6 -5
  19. package/lib/commonjs/components/Radio/styles.js.map +1 -1
  20. package/lib/commonjs/figma/Checkbox.figma.js +55 -0
  21. package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
  22. package/lib/commonjs/figma/Field.Input.figma.js +57 -0
  23. package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
  24. package/lib/commonjs/figma/Field.Select.figma.js +57 -0
  25. package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
  26. package/lib/commonjs/figma/IconButton.figma.js +47 -0
  27. package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
  28. package/lib/commonjs/figma/Input.figma.js +52 -0
  29. package/lib/commonjs/figma/Input.figma.js.map +1 -0
  30. package/lib/commonjs/figma/Select.figma.js +53 -0
  31. package/lib/commonjs/figma/Select.figma.js.map +1 -0
  32. package/lib/module/components/Button/styles.js +1 -1
  33. package/lib/module/components/Checkbox/index.js +6 -30
  34. package/lib/module/components/Checkbox/index.js.map +1 -1
  35. package/lib/module/components/Checkbox/styles.js +40 -48
  36. package/lib/module/components/Checkbox/styles.js.map +1 -1
  37. package/lib/module/components/Field/index.js +9 -3
  38. package/lib/module/components/Field/index.js.map +1 -1
  39. package/lib/module/components/Field/styles.js +4 -4
  40. package/lib/module/components/Field/styles.js.map +1 -1
  41. package/lib/module/components/IconButton/index.js +6 -1
  42. package/lib/module/components/IconButton/index.js.map +1 -1
  43. package/lib/module/components/IconButton/styles.js +135 -10
  44. package/lib/module/components/IconButton/styles.js.map +1 -1
  45. package/lib/module/components/Input/styles.js +7 -6
  46. package/lib/module/components/Input/styles.js.map +1 -1
  47. package/lib/module/components/Radio/index.js +3 -1
  48. package/lib/module/components/Radio/index.js.map +1 -1
  49. package/lib/module/components/Radio/styles.js +6 -6
  50. package/lib/module/components/Radio/styles.js.map +1 -1
  51. package/lib/module/figma/Checkbox.figma.js +49 -0
  52. package/lib/module/figma/Checkbox.figma.js.map +1 -0
  53. package/lib/module/figma/Field.Input.figma.js +51 -0
  54. package/lib/module/figma/Field.Input.figma.js.map +1 -0
  55. package/lib/module/figma/Field.Select.figma.js +51 -0
  56. package/lib/module/figma/Field.Select.figma.js.map +1 -0
  57. package/lib/module/figma/IconButton.figma.js +41 -0
  58. package/lib/module/figma/IconButton.figma.js.map +1 -0
  59. package/lib/module/figma/Input.figma.js +46 -0
  60. package/lib/module/figma/Input.figma.js.map +1 -0
  61. package/lib/module/figma/Select.figma.js +47 -0
  62. package/lib/module/figma/Select.figma.js.map +1 -0
  63. package/lib/typescript/components/Checkbox/index.d.ts +1 -2
  64. package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
  65. package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
  66. package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
  67. package/lib/typescript/components/Field/FieldLabel.web.d.ts +2 -2
  68. package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
  69. package/lib/typescript/components/Field/index.d.ts.map +1 -1
  70. package/lib/typescript/components/Field/styles.d.ts.map +1 -1
  71. package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
  72. package/lib/typescript/components/IconButton/styles.d.ts +6 -2
  73. package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
  74. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  75. package/lib/typescript/components/Radio/index.d.ts.map +1 -1
  76. package/lib/typescript/components/Radio/styles.d.ts.map +1 -1
  77. package/lib/typescript/figma/Checkbox.figma.d.ts +8 -0
  78. package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
  79. package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
  80. package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
  81. package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
  82. package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
  83. package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
  84. package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
  85. package/lib/typescript/figma/Input.figma.d.ts +8 -0
  86. package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
  87. package/lib/typescript/figma/Select.figma.d.ts +8 -0
  88. package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
  89. package/package.json +4 -4
  90. package/src/components/Button/styles.ts +1 -1
  91. package/src/components/Checkbox/index.tsx +8 -19
  92. package/src/components/Checkbox/styles.ts +82 -84
  93. package/src/components/Field/FieldLabel.web.tsx +1 -1
  94. package/src/components/Field/index.tsx +10 -3
  95. package/src/components/Field/styles.ts +5 -4
  96. package/src/components/IconButton/index.tsx +3 -2
  97. package/src/components/IconButton/styles.ts +135 -9
  98. package/src/components/Input/styles.ts +12 -7
  99. package/src/components/Radio/index.tsx +2 -1
  100. package/src/components/Radio/styles.ts +11 -11
@@ -25,7 +25,7 @@ const buttonRootVariants = exports.buttonRootVariants = (0, _classVarianceAuthor
25
25
  info: []
26
26
  },
27
27
  size: {
28
- default: 'h-10 px-4 gap-2',
28
+ default: 'h-11 px-4 gap-2',
29
29
  small: 'h-8 px-3 gap-1.5'
30
30
  },
31
31
  fullWidth: {
@@ -12,11 +12,8 @@ var _utils = require("@cdx-ui/utils");
12
12
  var _Icon = require("../Icon");
13
13
  var _styles = require("./styles");
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
- const SCOPE = 'CHECKBOX';
16
- const Root = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
17
- const useCheckboxStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
18
15
  const CheckboxPrimitive = (0, _primitives.createCheckbox)({
19
- Root,
16
+ Root: _reactNative.Pressable,
20
17
  Indicator: _reactNative.View,
21
18
  Icon: _reactNative.View,
22
19
  Label: _reactNative.Text,
@@ -28,24 +25,18 @@ const CheckboxPrimitive = (0, _primitives.createCheckbox)({
28
25
  // =============================================================================
29
26
 
30
27
  const CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
31
- size = 'default',
32
28
  className,
33
29
  isIndeterminate,
34
30
  children,
35
31
  style,
36
32
  ...props
37
33
  }, ref) => {
38
- const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)({
39
- size
40
- }), className);
34
+ const computedClassName = (0, _utils.cn)((0, _styles.checkboxRootVariants)(), className);
41
35
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CheckboxPrimitive, {
42
36
  ref: ref,
43
37
  className: computedClassName,
44
38
  isIndeterminate: isIndeterminate,
45
39
  style: style,
46
- context: {
47
- size
48
- },
49
40
  ...props,
50
41
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxIndicator, {
51
42
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Icon, {
@@ -68,12 +59,7 @@ const CheckboxIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
68
59
  style,
69
60
  ...props
70
61
  }, ref) => {
71
- const {
72
- size
73
- } = useCheckboxStyleContext();
74
- const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)({
75
- size
76
- }), className);
62
+ const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)(), className);
77
63
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Indicator, {
78
64
  ref: ref,
79
65
  className: computedClassName,
@@ -93,12 +79,7 @@ const CheckboxIcon = ({
93
79
  style,
94
80
  ...props
95
81
  }) => {
96
- const {
97
- size
98
- } = useCheckboxStyleContext();
99
- const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)({
100
- size
101
- }), className);
82
+ const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)(), className);
102
83
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
103
84
  className: computedClassName,
104
85
  style: style,
@@ -117,12 +98,7 @@ const CheckboxLabel = /*#__PURE__*/(0, _react.forwardRef)(({
117
98
  style,
118
99
  ...props
119
100
  }, ref) => {
120
- const {
121
- size
122
- } = useCheckboxStyleContext();
123
- const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)({
124
- size
125
- }), className);
101
+ const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)(), className);
126
102
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Label, {
127
103
  ref: ref,
128
104
  className: computedClassName,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useCheckboxStyleContext","useStyleContext","CheckboxPrimitive","createCheckbox","Indicator","View","Icon","Label","Text","Group","CheckboxRoot","forwardRef","size","className","isIndeterminate","children","style","props","ref","computedClassName","cn","checkboxRootVariants","jsxs","context","jsx","CheckboxIndicator","CheckboxIcon","as","CheckIndeterminateSmall","Check","displayName","checkboxIndicatorVariants","checkboxIconVariants","CheckboxLabel","checkboxLabelVariants","CheckboxGroup","direction","value","onChange","isDisabled","isInvalid","isReadOnly","viewProps","checkboxGroupVariants","Checkbox","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_styles","_jsxRuntime","CheckboxPrimitive","createCheckbox","Root","Pressable","Indicator","View","Icon","Label","Text","Group","CheckboxRoot","forwardRef","className","isIndeterminate","children","style","props","ref","computedClassName","cn","checkboxRootVariants","jsxs","jsx","CheckboxIndicator","CheckboxIcon","as","CheckIndeterminateSmall","Check","displayName","checkboxIndicatorVariants","checkboxIconVariants","CheckboxLabel","checkboxLabelVariants","CheckboxGroup","direction","value","onChange","isDisabled","isInvalid","isReadOnly","viewProps","checkboxGroupVariants","Checkbox","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -7,53 +7,45 @@ exports.checkboxRootVariants = exports.checkboxLabelVariants = exports.checkboxI
7
7
  var _reactNative = require("react-native");
8
8
  var _classVarianceAuthority = require("class-variance-authority");
9
9
  var _primitives = require("../../styles/primitives");
10
- const checkboxRootVariants = exports.checkboxRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR], {
11
- variants: {
12
- size: {
13
- small: 'gap-2',
14
- default: 'gap-2.5'
15
- }
16
- },
17
- defaultVariants: {
18
- size: 'default'
19
- }
20
- });
21
- const checkboxIndicatorVariants = exports.checkboxIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'rounded', 'border-2', 'border-stroke-secondary', 'bg-surface-primary', 'data-[checked=true]:bg-surface-action-strong data-[checked=true]:border-stroke-action', 'data-[indeterminate=true]:bg-surface-action-strong data-[indeterminate=true]:border-stroke-action', 'data-[disabled=true]:opacity-50', 'data-[invalid=true]:border-stroke-danger', 'data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong data-[checked=true]:data-[invalid=true]:border-stroke-danger', 'data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong data-[indeterminate=true]:data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
22
- web: [_primitives.TRANSITION_COLORS, 'data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:border-slate-400 data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:bg-slate-50', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2', 'data-[invalid=true]:data-[hover=true]:border-red-400', 'data-[invalid=true]:data-[focus-visible=true]:ring-red-400/50'].join(' '),
23
- default: ''
24
- })], {
25
- variants: {
26
- size: {
27
- small: 'h-4 w-4',
28
- default: 'h-5 w-5'
29
- }
30
- },
31
- defaultVariants: {
32
- size: 'default'
33
- }
34
- });
35
- const checkboxIconVariants = exports.checkboxIconVariants = (0, _classVarianceAuthority.cva)(['text-white'], {
36
- variants: {
37
- size: {
38
- small: 'h-3 w-3',
39
- default: 'h-3.5 w-3.5'
40
- }
41
- },
42
- defaultVariants: {
43
- size: 'default'
44
- }
45
- });
46
- const checkboxLabelVariants = exports.checkboxLabelVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'data-[disabled=true]:text-slate-400'], {
47
- variants: {
48
- size: {
49
- small: 'text-sm',
50
- default: 'text-base'
51
- }
52
- },
53
- defaultVariants: {
54
- size: 'default'
55
- }
56
- });
10
+ const checkboxRootVariants = exports.checkboxRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2.5', _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR,
11
+ // Suppress stray outline on the Pressable/label wrapper; focus ring is drawn on Checkbox.Indicator (Radio pattern).
12
+ 'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
13
+ const checkboxIndicatorVariants = exports.checkboxIndicatorVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'h-5 w-5', 'rounded', 'border-2 border-solid', 'data-[disabled=true]:opacity-50',
14
+ // Background — layered by specificity. checked=false acts as an explicit reset so the base bg
15
+ // reasserts when transitioning from checked/indeterminate on native (where absent attributes
16
+ // break data-[attr=false] selectors).
17
+ // IMPORTANT: On native (Uniwind), only the LAST data-[] condition in a compound chain is
18
+ // effectively evaluated. Place the most discriminating condition last to avoid false matches.
19
+ 'data-[checked=false]:bg-surface-primary', 'data-[checked=true]:bg-surface-action-strong', 'data-[indeterminate=true]:bg-surface-action-strong',
20
+ // Border — invalid (later) beats checked/indeterminate.
21
+ 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[indeterminate=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
22
+ web: [
23
+ // Invalid bg — compound selectors evaluate correctly on web.
24
+ 'data-[invalid=true]:data-[checked=true]:bg-surface-danger-strong', 'data-[invalid=true]:data-[indeterminate=true]:bg-surface-danger-strong', _primitives.TRANSITION_COLORS,
25
+ // Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
26
+ 'data-[hover=true]:data-[checked=false]:data-[indeterminate=false]:bg-content-secondary/[0.08]',
27
+ // Hover — unchecked + invalid (overlay uses danger token)
28
+ 'data-[hover=true]:data-[invalid=true]:data-[checked=false]:data-[indeterminate=false]:bg-surface-danger-strong/[0.08]',
29
+ // Hover — checked / indeterminate (bg + border darken together)
30
+ 'data-[hover=true]:data-[checked=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[checked=true]:border-[--color-surface-action-strong-hover]', 'data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[indeterminate=true]:border-[--color-surface-action-strong-hover]', 'data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-hover', 'data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-[--color-surface-danger-strong-hover]', 'data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-hover', 'data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-[--color-surface-danger-strong-hover]',
31
+ // Active — CSS :active pseudo-class (web root does not track press via data-active).
32
+ // data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
33
+ 'web:active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-[--color-surface-action-strong-active]', 'web:active:data-[hover=true]:data-[indeterminate=true]:bg-surface-action-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:border-[--color-surface-action-strong-active]', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-[--color-surface-danger-strong-active]', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[indeterminate=true]:data-[invalid=true]:border-[--color-surface-danger-strong-active]',
34
+ // Focus ring
35
+ 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
36
+ default: [
37
+ // Invalid bg is NOT styled on native. Compound data-[] selectors cannot express
38
+ // "invalid AND checked" without false-matching other states (Uniwind only evaluates
39
+ // the last condition). Invalid state is communicated via border-stroke-danger (single
40
+ // condition, always correct). The fill stays action-strong for checked/indeterminate.
41
+ //
42
+ // Active — native tracks press via data-[active] from usePress.
43
+ // Place data-[active=true] last so the rule only fires during press.
44
+ // 'data-[checked=false]:data-[invalid=true]:bg-transparent',
45
+ 'data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong', 'data-[checked=true]:data-[active=true]:bg-surface-action-strong-active', 'data-[checked=true]:data-[active=true]:data-[invalid=true]:bg-surface-danger-strong-active', 'data-[indeterminate=true]:data-[active=true]:bg-surface-action-strong-active'].join(' ')
46
+ })]);
47
+ const checkboxIconVariants = exports.checkboxIconVariants = (0, _classVarianceAuthority.cva)(['text-white', 'h-5 w-5']);
48
+ const checkboxLabelVariants = exports.checkboxLabelVariants = (0, _classVarianceAuthority.cva)(['text-content-primary text-base', 'data-[disabled=true]:text-content-tertiary']);
57
49
  const checkboxGroupVariants = exports.checkboxGroupVariants = (0, _classVarianceAuthority.cva)([], {
58
50
  variants: {
59
51
  direction: {
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","variants","size","small","default","defaultVariants","checkboxIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","checkboxIconVariants","checkboxLabelVariants","COLOR_TEXT_PRIMARY","checkboxGroupVariants","direction","column","row"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,2BAAG,EACrC,CAAC,uBAAuB,EAAEC,4BAAgB,EAAEC,2BAAe,CAAC,EAC5D;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,OAAO;MACdC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,yBAAyB,GAAAT,OAAA,CAAAS,yBAAA,GAAG,IAAAR,2BAAG,EAC1C,CACE,6BAA6B,EAC7B,SAAS,EACT,UAAU,EACV,yBAAyB,EACzB,oBAAoB,EACpB,uFAAuF,EACvF,mGAAmG,EACnG,iCAAiC,EACjC,0CAA0C,EAC1C,+HAA+H,EAC/H,2IAA2I,EAC3IS,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,kKAAkK,EAClK,sHAAsH,EACtH,sDAAsD,EACtD,+DAA+D,CAChE,CAACC,IAAI,CAAC,GAAG,CAAC;EACXP,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEH,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMU,oBAAoB,GAAAf,OAAA,CAAAe,oBAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,YAAY,CAAC,EAAE;EACtDG,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMW,qBAAqB,GAAAhB,OAAA,CAAAgB,qBAAA,GAAG,IAAAf,2BAAG,EACtC,CAACgB,8BAAkB,EAAE,qCAAqC,CAAC,EAC3D;EACEb,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMa,qBAAqB,GAAAlB,OAAA,CAAAkB,qBAAA,GAAG,IAAAjB,2BAAG,EAAC,EAAE,EAAE;EAC3CG,QAAQ,EAAE;IACRe,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDb,eAAe,EAAE;IACfW,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","checkboxRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","checkboxIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","checkboxIconVariants","checkboxLabelVariants","checkboxGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,2BAAG,EAAC,CACtC,+BAA+B,EAC/BC,4BAAgB,EAChBC,2BAAe;AACf;AACA,wEAAwE,CACzE,CAAC;AAEK,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAG,IAAAH,2BAAG,EAAC,CAC3C,6BAA6B,EAC7B,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,yCAAyC,EACzC,8CAA8C,EAC9C,oDAAoD;AACpD;AACA,+CAA+C,EAC/C,0CAA0C,EAC1C,gDAAgD,EAChD,0CAA0C,EAC1CI,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE;EACH;EACA,kEAAkE,EAClE,wEAAwE,EACxEC,6BAAiB;EACjB;EACA,+FAA+F;EAC/F;EACA,uHAAuH;EACvH;EACA,sEAAsE,EACtE,oFAAoF,EACpF,4EAA4E,EAC5E,0FAA0F,EAC1F,0FAA0F,EAC1F,wGAAwG,EACxG,gGAAgG,EAChG,8GAA8G;EAC9G;EACA;EACA,kFAAkF,EAClF,gGAAgG,EAChG,wFAAwF,EACxF,sGAAsG,EACtG,sGAAsG,EACtG,oHAAoH,EACpH,4GAA4G,EAC5G,0HAA0H;EAC1H;EACA,4CAA4C,EAC5C,2IAA2I,CAC5I,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kEAAkE,EAClE,wEAAwE,EACxE,4FAA4F,EAC5F,8EAA8E,CAC/E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,oBAAoB,GAAAX,OAAA,CAAAW,oBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAE3D,MAAMW,qBAAqB,GAAAZ,OAAA,CAAAY,qBAAA,GAAG,IAAAX,2BAAG,EAAC,CACvC,gCAAgC,EAChC,4CAA4C,CAC7C,CAAC;AAEK,MAAMY,qBAAqB,GAAAb,OAAA,CAAAa,qBAAA,GAAG,IAAAZ,2BAAG,EAAC,EAAE,EAAE;EAC3Ca,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
@@ -62,14 +62,20 @@ const FieldLabel = /*#__PURE__*/(0, _react.forwardRef)(({
62
62
  htmlFor,
63
63
  ...props
64
64
  }, ref) => {
65
- const labelClassName = (0, _utils.cn)((0, _styles.fieldLabelVariants)(), className);
65
+ const {
66
+ isLabelFocused,
67
+ isInvalid
68
+ } = (0, _utils.useFormControlContext)();
69
+ // Native: inject text-content-action via context (group-has CSS handles web).
70
+ // native: prefix keeps this class inert on web so it never conflicts with text-content-primary.
71
+ const labelClassName = (0, _utils.cn)((0, _styles.fieldLabelVariants)(), isLabelFocused && !isInvalid && 'native:text-content-action', className);
66
72
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldPrimitive.Label, {
67
73
  ref: ref,
68
74
  className: labelClassName,
69
75
  style: style,
70
76
  htmlFor: htmlFor,
71
77
  requiredIndicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
72
- className: "text-red-500",
78
+ className: "text-content-danger",
73
79
  "aria-hidden": true,
74
80
  children: ' *'
75
81
  }),
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_FieldLabel","_styles","_jsxRuntime","FieldPrimitive","createField","Root","View","Label","BaseFieldLabel","Helper","HelperText","Text","Error","ErrorText","ErrorIcon","FieldRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","fieldRootVariants","jsx","displayName","FieldLabel","htmlFor","labelClassName","fieldLabelVariants","requiredIndicator","FieldHelper","containerClassName","fieldHelperVariants","textClassName","fieldHelperTextVariants","FieldErrorIcon","fieldErrorIconVariants","Icon","as","FieldError","fieldErrorVariants","fieldErrorTextVariants","jsxs","Field","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Icon","_FieldLabel","_styles","_jsxRuntime","FieldPrimitive","createField","Root","View","Label","BaseFieldLabel","Helper","HelperText","Text","Error","ErrorText","ErrorIcon","FieldRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","fieldRootVariants","jsx","displayName","FieldLabel","htmlFor","isLabelFocused","isInvalid","useFormControlContext","labelClassName","fieldLabelVariants","requiredIndicator","FieldHelper","containerClassName","fieldHelperVariants","textClassName","fieldHelperTextVariants","FieldErrorIcon","fieldErrorIconVariants","Icon","as","FieldError","fieldErrorVariants","fieldErrorTextVariants","jsxs","Field","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Field/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.fieldRootVariants = exports.fieldLabelVariants = exports.fieldHelperVariants = exports.fieldHelperTextVariants = exports.fieldErrorVariants = exports.fieldErrorTextVariants = exports.fieldErrorIconVariants = void 0;
7
7
  var _classVarianceAuthority = require("class-variance-authority");
8
8
  var _primitives = require("../../styles/primitives");
9
- const fieldRootVariants = exports.fieldRootVariants = (0, _classVarianceAuthority.cva)(['flex-col gap-2', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
10
- const fieldLabelVariants = exports.fieldLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center', _primitives.DISABLED_OPACITY, 'web:cursor-pointer', 'data-[invalid=true]:text-content-danger']);
11
- const fieldHelperVariants = exports.fieldHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center']);
9
+ const fieldRootVariants = exports.fieldRootVariants = (0, _classVarianceAuthority.cva)(['group flex-col gap-2', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
10
+ const fieldLabelVariants = exports.fieldLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'font-medium', 'text-content-primary', 'flex-row items-center', 'overflow-hidden', 'web:cursor-pointer', 'web:group-has-[[data-focus=true]]:data-[invalid=false]:text-content-action', 'data-[invalid=true]:text-content-danger']);
11
+ const fieldHelperVariants = exports.fieldHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center min-h-4']);
12
12
  const fieldHelperTextVariants = exports.fieldHelperTextVariants = (0, _classVarianceAuthority.cva)(['body-sm', 'text-content-tertiary']);
13
- const fieldErrorVariants = exports.fieldErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1']);
13
+ const fieldErrorVariants = exports.fieldErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-0.5 min-h-4']);
14
14
  const fieldErrorTextVariants = exports.fieldErrorTextVariants = (0, _classVarianceAuthority.cva)(['body-sm', 'text-content-danger']);
15
15
  const fieldErrorIconVariants = exports.fieldErrorIconVariants = (0, _classVarianceAuthority.cva)(['size-3.5', 'text-content-danger']);
16
16
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_classVarianceAuthority","require","_primitives","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,gBAAgB,EAAE,eAAe,EAAEC,4BAAgB,CAAC,CAAC;AAEpF,MAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAG,IAAAF,2BAAG,EAAC,CACpC,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvBC,4BAAgB,EAChB,oBAAoB,EACpB,yCAAyC,CAC1C,CAAC;AAEK,MAAME,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAG,IAAAH,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;AAE1D,MAAMI,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,IAAAJ,2BAAG,EAAC,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;AAEzE,MAAMK,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CAAC,6BAA6B,CAAC,CAAC;AAE/D,MAAMM,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAEtE,MAAMO,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_classVarianceAuthority","require","_primitives","fieldRootVariants","exports","cva","DISABLED_OPACITY","fieldLabelVariants","fieldHelperVariants","fieldHelperTextVariants","fieldErrorVariants","fieldErrorTextVariants","fieldErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Field/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,sBAAsB,EAAE,eAAe,EAAEC,4BAAgB,CAAC,CAAC;AAE1F,MAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAG,IAAAF,2BAAG,EAAC,CACpC,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,4EAA4E,EAC5E,yCAAyC,CAC1C,CAAC;AAEK,MAAMG,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAG,IAAAH,2BAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC;AAElE,MAAMI,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,IAAAJ,2BAAG,EAAC,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;AAEzE,MAAMK,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CAAC,uCAAuC,CAAC,CAAC;AAEzE,MAAMM,sBAAsB,GAAAP,OAAA,CAAAO,sBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC;AAEtE,MAAMO,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC","ignoreList":[]}
@@ -43,6 +43,7 @@ function IconButtonGlyph({
43
43
  }
44
44
  const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
45
45
  variant = 'solid',
46
+ color = 'neutral',
46
47
  size = 'default',
47
48
  className,
48
49
  style,
@@ -53,11 +54,15 @@ const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
53
54
  }, ref) => {
54
55
  const rootClassName = (0, _utils.cn)((0, _styles.iconButtonRootVariants)({
55
56
  variant,
57
+ color,
56
58
  size
57
59
  }), className);
58
60
  const glyphClassName = (0, _utils.cn)((0, _styles.iconButtonGlyphVariants)({
59
61
  size
60
- }), (0, _styles.iconButtonIconColorVariants)(), iconClassName);
62
+ }), (0, _styles.iconButtonIconColorVariants)({
63
+ variant,
64
+ color
65
+ }), iconClassName);
61
66
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonPrimitive, {
62
67
  ref: ref,
63
68
  accessibilityRole: accessibilityRole,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","IconButtonPrimitive","createButton","Root","Pressable","Text","Group","View","Spinner","ActivityIndicator","Icon","IconButtonGlyph","as","IconComponent","className","hover","focus","active","disabled","focusVisible","useButtonContext","jsx","dataAttributes","IconButtonRoot","forwardRef","variant","size","style","iconClassName","accessibilityRole","props","ref","rootClassName","cn","iconButtonRootVariants","glyphClassName","iconButtonGlyphVariants","iconButtonIconColorVariants","children","displayName","IconButton","exports"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,mBAAmB,GAAG,IAAAC,wBAAY,EAAC;EACvCC,IAAI,EAAEC,sBAAS;EACfC,IAAI,EAAJA,iBAAI;EACJC,KAAK,EAAEC,iBAAI;EACXC,OAAO,EAAEC,8BAAiB;EAC1BC,IAAI,EAAEH;AACR,CAAC,CAAC;AAEF,SAASI,eAAeA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAEC;AAA8C,CAAC,EAAE;EAC7F,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,4BAAgB,EAAC,CAAC;EAC3E,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,KAAA,CAAAY,IAAI;IACHE,EAAE,EAAEC,aAAc;IAClBC,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAQ,0BAAc,EAAC;MACjBP,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EAAC,CACH,CAAC;AAEN;AAUA,MAAMI,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,CACE;EACEC,OAAO,GAAG,OAAO;EACjBC,IAAI,GAAG,SAAS;EAChBZ,SAAS;EACTa,KAAK;EACLf,EAAE,EAAEC,aAAa;EACjBe,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,8BAAsB,EAAC;IAAET,OAAO;IAAEC;EAAK,CAAC,CAAC,EAAEZ,SAAS,CAAC;EAE9E,MAAMqB,cAAc,GAAG,IAAAF,SAAE,EACvB,IAAAG,+BAAuB,EAAC;IAAEV;EAAK,CAAC,CAAC,EACjC,IAAAW,mCAA2B,EAAC,CAAC,EAC7BT,aACF,CAAC;EAED,oBACE,IAAA5B,WAAA,CAAAqB,GAAA,EAACpB,mBAAmB;IAClB8B,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrCf,SAAS,EAAEkB,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAQ,QAAA,eAET,IAAAtC,WAAA,CAAAqB,GAAA,EAACV,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEqB;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDZ,cAAc,CAACgB,WAAW,GAAG,YAAY;AAElC,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGjB,cAAc","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","IconButtonPrimitive","createButton","Root","Pressable","Text","Group","View","Spinner","ActivityIndicator","Icon","IconButtonGlyph","as","IconComponent","className","hover","focus","active","disabled","focusVisible","useButtonContext","jsx","dataAttributes","IconButtonRoot","forwardRef","variant","color","size","style","iconClassName","accessibilityRole","props","ref","rootClassName","cn","iconButtonRootVariants","glyphClassName","iconButtonGlyphVariants","iconButtonIconColorVariants","children","displayName","IconButton","exports"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,mBAAmB,GAAG,IAAAC,wBAAY,EAAC;EACvCC,IAAI,EAAEC,sBAAS;EACfC,IAAI,EAAJA,iBAAI;EACJC,KAAK,EAAEC,iBAAI;EACXC,OAAO,EAAEC,8BAAiB;EAC1BC,IAAI,EAAEH;AACR,CAAC,CAAC;AAEF,SAASI,eAAeA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAEC;AAA8C,CAAC,EAAE;EAC7F,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,4BAAgB,EAAC,CAAC;EAC3E,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,KAAA,CAAAY,IAAI;IACHE,EAAE,EAAEC,aAAc;IAClBC,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAQ,0BAAc,EAAC;MACjBP,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EAAC,CACH,CAAC;AAEN;AAUA,MAAMI,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,CACE;EACEC,OAAO,GAAG,OAAO;EACjBC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,SAAS;EAChBb,SAAS;EACTc,KAAK;EACLhB,EAAE,EAAEC,aAAa;EACjBgB,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,8BAAsB,EAAC;IAAEV,OAAO;IAAEC,KAAK;IAAEC;EAAK,CAAC,CAAC,EAAEb,SAAS,CAAC;EAErF,MAAMsB,cAAc,GAAG,IAAAF,SAAE,EACvB,IAAAG,+BAAuB,EAAC;IAAEV;EAAK,CAAC,CAAC,EACjC,IAAAW,mCAA2B,EAAC;IAAEb,OAAO;IAAEC;EAAM,CAAC,CAAC,EAC/CG,aACF,CAAC;EAED,oBACE,IAAA7B,WAAA,CAAAqB,GAAA,EAACpB,mBAAmB;IAClB+B,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrChB,SAAS,EAAEmB,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAQ,QAAA,eAET,IAAAvC,WAAA,CAAAqB,GAAA,EAACV,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEsB;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDb,cAAc,CAACiB,WAAW,GAAG,YAAY;AAElC,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGlB,cAAc","ignoreList":[]}
@@ -7,25 +7,96 @@ exports.iconButtonRootVariants = exports.iconButtonIconColorVariants = exports.i
7
7
  var _reactNative = require("react-native");
8
8
  var _classVarianceAuthority = require("class-variance-authority");
9
9
  var _primitives = require("../../styles/primitives");
10
- const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[--color-stroke-ring] web:data-[focus-visible=true]:ring-offset-2'], {
10
+ const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center', 'rounded-[var(--border-radius-round)]', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'], {
11
11
  variants: {
12
12
  variant: {
13
- solid: ['bg-surface-primary border border-stroke-secondary', _reactNative.Platform.select({
14
- default: 'data-[active=true]:bg-surface-primary-active',
15
- web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
16
- })],
17
- ghost: ['bg-transparent', _reactNative.Platform.select({
18
- default: 'data-[active=true]:bg-surface-primary-active',
19
- web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
20
- })]
13
+ solid: [],
14
+ tint: [],
15
+ ghost: ['bg-transparent']
16
+ },
17
+ color: {
18
+ neutral: [],
19
+ action: [],
20
+ danger: []
21
21
  },
22
22
  size: {
23
23
  default: 'h-11 w-11 min-w-11 shrink-0 p-2.5',
24
24
  small: 'h-8 w-8 min-w-8 shrink-0 p-1.5'
25
25
  }
26
26
  },
27
+ compoundVariants: [
28
+ // ── solid × color ───────────────────────────────────────────────────
29
+ {
30
+ variant: 'solid',
31
+ color: 'neutral',
32
+ className: ['bg-surface-primary border border-stroke-secondary', _reactNative.Platform.select({
33
+ default: 'data-[active=true]:bg-surface-primary-active',
34
+ web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
35
+ })]
36
+ }, {
37
+ variant: 'solid',
38
+ color: 'action',
39
+ className: ['bg-surface-action-strong', _reactNative.Platform.select({
40
+ default: 'data-[active=true]:bg-surface-action-strong-active',
41
+ web: 'data-[hover=true]:bg-surface-action-strong-hover data-[active=true]:data-[hover=true]:bg-surface-action-strong-active'
42
+ })]
43
+ }, {
44
+ variant: 'solid',
45
+ color: 'danger',
46
+ className: ['bg-surface-danger-strong', _reactNative.Platform.select({
47
+ default: 'data-[active=true]:bg-surface-danger-strong-active',
48
+ web: 'data-[hover=true]:bg-surface-danger-strong-hover data-[active=true]:data-[hover=true]:bg-surface-danger-strong-active'
49
+ })]
50
+ },
51
+ // ── tint × color ─────────────────────────────────────────────────
52
+ {
53
+ variant: 'tint',
54
+ color: 'neutral',
55
+ className: ['bg-surface-neutral-tint', _reactNative.Platform.select({
56
+ default: 'data-[active=true]:bg-surface-neutral-tint-active',
57
+ web: 'data-[hover=true]:bg-surface-neutral-tint-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-tint-active'
58
+ })]
59
+ }, {
60
+ variant: 'tint',
61
+ color: 'action',
62
+ className: ['bg-surface-action-tint', _reactNative.Platform.select({
63
+ default: 'data-[active=true]:bg-surface-action-tint-active',
64
+ web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
65
+ })]
66
+ }, {
67
+ variant: 'tint',
68
+ color: 'danger',
69
+ className: ['bg-surface-danger-tint', _reactNative.Platform.select({
70
+ default: 'data-[active=true]:bg-surface-danger-tint-active',
71
+ web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
72
+ })]
73
+ },
74
+ // ── ghost × color ──────────────────────────────────────────────────
75
+ {
76
+ variant: 'ghost',
77
+ color: 'neutral',
78
+ className: [_reactNative.Platform.select({
79
+ default: 'data-[active=true]:bg-surface-primary-active',
80
+ web: 'data-[hover=true]:bg-surface-primary-hover data-[active=true]:data-[hover=true]:bg-surface-secondary-active'
81
+ })]
82
+ }, {
83
+ variant: 'ghost',
84
+ color: 'action',
85
+ className: [_reactNative.Platform.select({
86
+ default: 'data-[active=true]:bg-surface-action-tint-active',
87
+ web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active'
88
+ })]
89
+ }, {
90
+ variant: 'ghost',
91
+ color: 'danger',
92
+ className: [_reactNative.Platform.select({
93
+ default: 'data-[active=true]:bg-surface-danger-tint-active',
94
+ web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active'
95
+ })]
96
+ }],
27
97
  defaultVariants: {
28
98
  variant: 'solid',
99
+ color: 'neutral',
29
100
  size: 'default'
30
101
  }
31
102
  });
@@ -40,5 +111,59 @@ const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0, _classVari
40
111
  size: 'default'
41
112
  }
42
113
  });
43
- const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _classVarianceAuthority.cva)(['text-content-primary']);
114
+ const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _classVarianceAuthority.cva)([], {
115
+ variants: {
116
+ variant: {
117
+ solid: [],
118
+ tint: [],
119
+ ghost: []
120
+ },
121
+ color: {
122
+ neutral: [],
123
+ action: [],
124
+ danger: []
125
+ }
126
+ },
127
+ compoundVariants: [{
128
+ variant: 'solid',
129
+ color: 'neutral',
130
+ className: 'text-content-primary'
131
+ }, {
132
+ variant: 'solid',
133
+ color: 'action',
134
+ className: 'text-content-action-on-strong'
135
+ }, {
136
+ variant: 'solid',
137
+ color: 'danger',
138
+ className: 'text-content-danger-on-strong'
139
+ }, {
140
+ variant: 'tint',
141
+ color: 'neutral',
142
+ className: 'text-content-primary'
143
+ }, {
144
+ variant: 'tint',
145
+ color: 'action',
146
+ className: 'text-content-action-on-subtle'
147
+ }, {
148
+ variant: 'tint',
149
+ color: 'danger',
150
+ className: 'text-content-danger-on-subtle'
151
+ }, {
152
+ variant: 'ghost',
153
+ color: 'neutral',
154
+ className: 'text-content-primary'
155
+ }, {
156
+ variant: 'ghost',
157
+ color: 'action',
158
+ className: 'text-content-action'
159
+ }, {
160
+ variant: 'ghost',
161
+ color: 'danger',
162
+ className: 'text-content-danger'
163
+ }],
164
+ defaultVariants: {
165
+ variant: 'solid',
166
+ color: 'neutral'
167
+ }
168
+ });
44
169
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","Platform","select","default","web","ghost","size","small","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,2BAAG,EACvC,CACE,kCAAkC,EAClC,sCAAsC,EACtC,wEAAwE,EACxEC,6BAAiB,EACjB,wDAAwD,EACxDC,2BAAe,EACf,2IAA2I,CAC5I,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CACL,mDAAmD,EACnDC,qBAAQ,CAACC,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC,CACH;MACDC,KAAK,EAAE,CACL,gBAAgB,EAChBJ,qBAAQ,CAACC,MAAM,CAAC;QACdC,OAAO,EAAE,8CAA8C;QACvDC,GAAG,EAAE;MACP,CAAC,CAAC;IAEN,CAAC;IACDE,IAAI,EAAE;MACJH,OAAO,EAAE,mCAAmC;MAC5CI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfT,OAAO,EAAE,OAAO;IAChBO,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMG,uBAAuB,GAAAf,OAAA,CAAAe,uBAAA,GAAG,IAAAd,2BAAG,EAAC,EAAE,EAAE;EAC7CG,QAAQ,EAAE;IACRQ,IAAI,EAAE;MACJH,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfF,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMI,2BAA2B,GAAAhB,OAAA,CAAAgB,2BAAA,GAAG,IAAAf,2BAAG,EAAC,CAAC,sBAAsB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","iconButtonRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","solid","tint","ghost","color","neutral","action","danger","size","default","small","compoundVariants","className","Platform","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}
@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
7
7
  var _classVarianceAuthority = require("class-variance-authority");
8
8
  var _primitives = require("../../styles/primitives");
9
- const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-stretch overflow-hidden', 'bg-surface-primary', 'border-solid border-[length:var(--border-width-default)] border-stroke-primary', 'rounded-[var(--border-radius-default)]', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
9
+ const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center overflow-hidden', 'bg-surface-primary', 'border-solid border-[length:var(--border-width-default)] border-stroke-primary', 'rounded-[var(--border-radius-default)]', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
10
10
  variants: {
11
11
  variant: {
12
12
  outline: []
13
13
  },
14
14
  size: {
15
- // TODO: Find a cleaner approach to preventing layout shift when focus border is applied.
16
- default: ['h-10 px-4 py-2 gap-2', 'data-[focus=true]:px-[15px] data-[focus=true]:py-[7px]'],
17
- small: ['h-8 px-3 py-1.5 gap-1.5', 'data-[focus=true]:px-[11px] data-[focus=true]:py-[5px]']
15
+ default: ['h-11 min-h-11 px-4 py-3 gap-4',
16
+ // Subtract one hairline from padding when focused so the wider focus border doesn’t shift layout.
17
+ 'data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
18
+ small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
18
19
  }
19
20
  },
20
21
  defaultVariants: {
@@ -22,7 +23,7 @@ const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthorit
22
23
  size: 'default'
23
24
  }
24
25
  });
25
- const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', 'font-body text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
26
+ const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
26
27
  variants: {
27
28
  size: {
28
29
  default: 'text-[0.875rem]',
@@ -33,7 +34,7 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthor
33
34
  size: 'default'
34
35
  }
35
36
  });
36
- const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center']);
37
+ const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center shrink-0']);
37
38
  const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-content-tertiary'], {
38
39
  variants: {
39
40
  size: {
@@ -1 +1 @@
1
- {"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,+CAA+C,EAC/C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCC,6BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,2BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJ;MACAC,OAAO,EAAE,CAAC,sBAAsB,EAAE,wDAAwD,CAAC;MAC3FC,KAAK,EAAE,CACL,yBAAyB,EACzB,wDAAwD;IAE5D;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,0CAA0C,EAC1C,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;AAE1E,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCC,6BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,2BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,iEAAiE,EACjE,iEAAiE,CAClE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,iEAAiE,EACjE,iEAAiE;IAErE;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,0CAA0C,EAC1C,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}