@televet/kibble-ui 4.0.0-beta.130 → 4.0.0-beta.131

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 (150) hide show
  1. package/dist/chunks/{alert.types-kAvlVPfo.js → alert.types-DMRaA_Ku.js} +3 -3
  2. package/dist/chunks/{alert.types-kAvlVPfo.js.map → alert.types-DMRaA_Ku.js.map} +1 -1
  3. package/dist/chunks/{avatar.component-DGfWk-0y.js → avatar.component-9ntfFFdO.js} +12 -12
  4. package/dist/chunks/{avatar.component-DGfWk-0y.js.map → avatar.component-9ntfFFdO.js.map} +1 -1
  5. package/dist/chunks/{avatarGroup.component-BZNCUbR4.js → avatarGroup.component-D3hnTX1G.js} +2 -2
  6. package/dist/chunks/{avatarGroup.component-BZNCUbR4.js.map → avatarGroup.component-D3hnTX1G.js.map} +1 -1
  7. package/dist/chunks/{buttonGroup.component-Hf7tGheU.js → buttonGroup.component-BHDnteYx.js} +2 -2
  8. package/dist/chunks/{buttonGroup.component-Hf7tGheU.js.map → buttonGroup.component-BHDnteYx.js.map} +1 -1
  9. package/dist/chunks/{characterCounter.component-ox9jRwSj.js → characterCounter.component-vK94fENA.js} +2 -2
  10. package/dist/chunks/{characterCounter.component-ox9jRwSj.js.map → characterCounter.component-vK94fENA.js.map} +1 -1
  11. package/dist/chunks/{checkbox.anatomy-Cay-Mr3g.js → checkbox.anatomy-DCCPwuXc.js} +7 -7
  12. package/dist/chunks/{checkbox.anatomy-Cay-Mr3g.js.map → checkbox.anatomy-DCCPwuXc.js.map} +1 -1
  13. package/dist/chunks/{checkbox.component-Wke7fO3F.js → checkbox.component-BR65eR9h.js} +6 -6
  14. package/dist/chunks/{checkbox.component-Wke7fO3F.js.map → checkbox.component-BR65eR9h.js.map} +1 -1
  15. package/dist/chunks/{checkboxGroup.component-BTWYKZIw.js → checkboxGroup.component-Ch2eLuiA.js} +3 -3
  16. package/dist/chunks/{checkboxGroup.component-BTWYKZIw.js.map → checkboxGroup.component-Ch2eLuiA.js.map} +1 -1
  17. package/dist/chunks/{conversationCard.component-F4TRYMIP.js → conversationCard.component-DQqpy-FX.js} +7 -7
  18. package/dist/chunks/{conversationCard.component-F4TRYMIP.js.map → conversationCard.component-DQqpy-FX.js.map} +1 -1
  19. package/dist/chunks/{datePicker.component-7v8Bqmkg.js → datePicker.component-Dwu1QDNa.js} +7 -7
  20. package/dist/chunks/{datePicker.component-7v8Bqmkg.js.map → datePicker.component-Dwu1QDNa.js.map} +1 -1
  21. package/dist/chunks/{dialog-HKVwK8-N.js → dialog-Bnb0zdk3.js} +11 -11
  22. package/dist/chunks/{dialog-HKVwK8-N.js.map → dialog-Bnb0zdk3.js.map} +1 -1
  23. package/dist/chunks/{heading.component-Cgi_rt8Q.js → heading.component-D02MeQPl.js} +2 -2
  24. package/dist/chunks/{heading.component-Cgi_rt8Q.js.map → heading.component-D02MeQPl.js.map} +1 -1
  25. package/dist/chunks/{index-CIWHjZGL.js → index-BDT37VpI.js} +2 -2
  26. package/dist/chunks/{index-CIWHjZGL.js.map → index-BDT37VpI.js.map} +1 -1
  27. package/dist/chunks/{index-C9d2jvcj.js → index-BxaZhr7r.js} +2 -2
  28. package/dist/chunks/{index-C9d2jvcj.js.map → index-BxaZhr7r.js.map} +1 -1
  29. package/dist/chunks/{index-ChpoK9RR.js → index-C2oFXalq.js} +5 -5
  30. package/dist/chunks/{index-ChpoK9RR.js.map → index-C2oFXalq.js.map} +1 -1
  31. package/dist/chunks/{index-50yAcekU.js → index-CjxarSH6.js} +14 -14
  32. package/dist/chunks/{index-50yAcekU.js.map → index-CjxarSH6.js.map} +1 -1
  33. package/dist/chunks/{index-LDZVYRQt.js → index-DT2ktill.js} +2 -2
  34. package/dist/chunks/{index-LDZVYRQt.js.map → index-DT2ktill.js.map} +1 -1
  35. package/dist/chunks/{index-D6LpzELR.js → index-DTQrSVxW.js} +2 -2
  36. package/dist/chunks/{index-D6LpzELR.js.map → index-DTQrSVxW.js.map} +1 -1
  37. package/dist/chunks/{index-CxYbW27D.js → index-DTrxnRef.js} +2 -2
  38. package/dist/chunks/{index-CxYbW27D.js.map → index-DTrxnRef.js.map} +1 -1
  39. package/dist/chunks/{index-BZO9oWt_.js → index-O8mh7GXa.js} +2 -2
  40. package/dist/chunks/{index-BZO9oWt_.js.map → index-O8mh7GXa.js.map} +1 -1
  41. package/dist/chunks/{index-DlJs9pM6.js → index-yedK3W08.js} +2 -2
  42. package/dist/chunks/{index-DlJs9pM6.js.map → index-yedK3W08.js.map} +1 -1
  43. package/dist/chunks/{menu.component-BPggXzkH.js → menu.component-fFdY9cMO.js} +7 -7
  44. package/dist/chunks/{menu.component-BPggXzkH.js.map → menu.component-fFdY9cMO.js.map} +1 -1
  45. package/dist/chunks/{modal.types-4zzWdH2-.js → modal.types-DxZhJFBH.js} +4 -4
  46. package/dist/chunks/{modal.types-4zzWdH2-.js.map → modal.types-DxZhJFBH.js.map} +1 -1
  47. package/dist/chunks/{pinInput.types-Bz0HF7PQ.js → pinInput.types-BW8TUMvl.js} +8 -8
  48. package/dist/chunks/{pinInput.types-Bz0HF7PQ.js.map → pinInput.types-BW8TUMvl.js.map} +1 -1
  49. package/dist/chunks/{popover-root-provider-C-Z3nqiD.js → popover-root-provider-BmcuNR6d.js} +15 -15
  50. package/dist/chunks/{popover-root-provider-C-Z3nqiD.js.map → popover-root-provider-BmcuNR6d.js.map} +1 -1
  51. package/dist/chunks/{popover.component-BOUBKQSa.js → popover.component-DlFFiYME.js} +7 -7
  52. package/dist/chunks/{popover.component-BOUBKQSa.js.map → popover.component-DlFFiYME.js.map} +1 -1
  53. package/dist/chunks/{popover.recipe-qpxHK0Qz.js → popover.recipe-khnBScTr.js} +8 -8
  54. package/dist/chunks/{popover.recipe-qpxHK0Qz.js.map → popover.recipe-khnBScTr.js.map} +1 -1
  55. package/dist/chunks/radioGroup.types-BEoAR6eX.js +2 -0
  56. package/dist/chunks/radioGroup.types-BEoAR6eX.js.map +1 -0
  57. package/dist/chunks/radioGroup.types-DbEeYA9c.js +235 -0
  58. package/dist/chunks/radioGroup.types-DbEeYA9c.js.map +1 -0
  59. package/dist/chunks/{ratingDots.component-BSxsE3Ri.js → ratingDots.component-CuKKpqru.js} +3 -3
  60. package/dist/chunks/{ratingDots.component-BSxsE3Ri.js.map → ratingDots.component-CuKKpqru.js.map} +1 -1
  61. package/dist/chunks/{render-strategy-dTkof8Jm.js → render-strategy-QburwdUo.js} +2 -2
  62. package/dist/chunks/{render-strategy-dTkof8Jm.js.map → render-strategy-QburwdUo.js.map} +1 -1
  63. package/dist/chunks/{select.component-CiPijmQE.js → select.component-DEf5MiUc.js} +8 -8
  64. package/dist/chunks/{select.component-CiPijmQE.js.map → select.component-DEf5MiUc.js.map} +1 -1
  65. package/dist/chunks/{sortableList.component-CjfPYcdW.js → sortableList.component-DW832-HJ.js} +3 -3
  66. package/dist/chunks/{sortableList.component-CjfPYcdW.js.map → sortableList.component-DW832-HJ.js.map} +1 -1
  67. package/dist/chunks/{spinner.component-vkhAVeU1.js → spinner.component-BcOsuuIq.js} +2 -2
  68. package/dist/chunks/{spinner.component-vkhAVeU1.js.map → spinner.component-BcOsuuIq.js.map} +1 -1
  69. package/dist/chunks/{styledAvatar.types-TEOKzzqn.js → styledAvatar.types-DuRUjNh6.js} +2 -2
  70. package/dist/chunks/{styledAvatar.types-TEOKzzqn.js.map → styledAvatar.types-DuRUjNh6.js.map} +1 -1
  71. package/dist/chunks/{switch.component-B8gX8Te0.js → switch.component-NP_hIh2c.js} +16 -16
  72. package/dist/chunks/{switch.component-B8gX8Te0.js.map → switch.component-NP_hIh2c.js.map} +1 -1
  73. package/dist/chunks/{tab.types-eHuXLv2i.js → tab.types-DjQ-zWh3.js} +4 -4
  74. package/dist/chunks/{tab.types-eHuXLv2i.js.map → tab.types-DjQ-zWh3.js.map} +1 -1
  75. package/dist/chunks/{tagBlock.component-xwy8mG6_.js → tagBlock.component-jWG9O22v.js} +5 -5
  76. package/dist/chunks/{tagBlock.component-xwy8mG6_.js.map → tagBlock.component-jWG9O22v.js.map} +1 -1
  77. package/dist/chunks/{text.component-nhTe7fy0.js → text.component-BthmuMFV.js} +2 -2
  78. package/dist/chunks/{text.component-nhTe7fy0.js.map → text.component-BthmuMFV.js.map} +1 -1
  79. package/dist/chunks/{textInput.component-GBvY3agL.js → textInput.component-C8R6bZLW.js} +5 -5
  80. package/dist/chunks/{textInput.component-GBvY3agL.js.map → textInput.component-C8R6bZLW.js.map} +1 -1
  81. package/dist/chunks/{textarea.component-DPI4Y1tG.js → textarea.component-DMisQzyb.js} +5 -5
  82. package/dist/chunks/{textarea.component-DPI4Y1tG.js.map → textarea.component-DMisQzyb.js.map} +1 -1
  83. package/dist/chunks/{theme.provider-Din1M63M.js → theme.provider-DJQeMr5K.js} +14 -14
  84. package/dist/chunks/{theme.provider-Din1M63M.js.map → theme.provider-DJQeMr5K.js.map} +1 -1
  85. package/dist/chunks/{timePicker.component-B-zof_x8.js → timePicker.component-B8Md1wxz.js} +3 -3
  86. package/dist/chunks/{timePicker.component-B-zof_x8.js.map → timePicker.component-B8Md1wxz.js.map} +1 -1
  87. package/dist/chunks/{timeRange.component-CrHyiWyg.js → timeRange.component-DtNIkrsw.js} +2 -2
  88. package/dist/chunks/{timeRange.component-CrHyiWyg.js.map → timeRange.component-DtNIkrsw.js.map} +1 -1
  89. package/dist/chunks/{timestamp.component-Cm2EcVTa.js → timestamp.component-NeJlrbsQ.js} +3 -3
  90. package/dist/chunks/{timestamp.component-Cm2EcVTa.js.map → timestamp.component-NeJlrbsQ.js.map} +1 -1
  91. package/dist/chunks/{tooltip.component-CZjm8G_B.js → tooltip.component-B15VGEn1.js} +2 -2
  92. package/dist/chunks/{tooltip.component-CZjm8G_B.js.map → tooltip.component-B15VGEn1.js.map} +1 -1
  93. package/dist/chunks/{use-field-context-DF-c50-r.js → use-field-context-DsQFT-Te.js} +2 -2
  94. package/dist/chunks/{use-field-context-DF-c50-r.js.map → use-field-context-DsQFT-Te.js.map} +1 -1
  95. package/dist/chunks/{use-locale-context-DMynFc1_.js → use-locale-context-BA2M-8sK.js} +10 -10
  96. package/dist/chunks/{use-locale-context-DMynFc1_.js.map → use-locale-context-BA2M-8sK.js.map} +1 -1
  97. package/dist/chunks/{withFormControl-6X6RWCqX.js → withFormControl-CCJImQAG.js} +21 -21
  98. package/dist/chunks/{withFormControl-6X6RWCqX.js.map → withFormControl-CCJImQAG.js.map} +1 -1
  99. package/dist/chunks/{withTruncation-DLR1Illa.js → withTruncation-DgpjWopq.js} +2 -2
  100. package/dist/chunks/{withTruncation-DLR1Illa.js.map → withTruncation-DgpjWopq.js.map} +1 -1
  101. package/dist/cjs/chakra/index.cjs +1 -1
  102. package/dist/cjs/chakra/index.cjs.map +1 -1
  103. package/dist/cjs/components/RadioGroup/index.cjs +1 -1
  104. package/dist/cjs/components/index.cjs +1 -1
  105. package/dist/cjs/index.cjs +1 -1
  106. package/dist/esm/chakra/index.js +10 -12
  107. package/dist/esm/chakra/index.js.map +1 -1
  108. package/dist/esm/components/Alert/index.js +1 -1
  109. package/dist/esm/components/Avatar/index.js +1 -1
  110. package/dist/esm/components/AvatarGroup/index.js +1 -1
  111. package/dist/esm/components/ButtonGroup/index.js +1 -1
  112. package/dist/esm/components/CharacterCounter/index.js +1 -1
  113. package/dist/esm/components/Checkbox/index.js +1 -1
  114. package/dist/esm/components/CheckboxGroup/index.js +1 -1
  115. package/dist/esm/components/ConversationCard/index.js +1 -1
  116. package/dist/esm/components/DatePicker/index.js +1 -1
  117. package/dist/esm/components/Heading/index.js +1 -1
  118. package/dist/esm/components/Menu/index.js +1 -1
  119. package/dist/esm/components/Modal/index.js +1 -1
  120. package/dist/esm/components/PinInput/index.js +1 -1
  121. package/dist/esm/components/Popover/index.js +1 -1
  122. package/dist/esm/components/RadioGroup/index.js +1 -1
  123. package/dist/esm/components/RatingDots/index.js +1 -1
  124. package/dist/esm/components/Select/index.js +1 -1
  125. package/dist/esm/components/SortableList/index.js +1 -1
  126. package/dist/esm/components/Spinner/index.js +1 -1
  127. package/dist/esm/components/StyledAvatar/index.js +1 -1
  128. package/dist/esm/components/Switch/index.js +1 -1
  129. package/dist/esm/components/Tabs/index.js +1 -1
  130. package/dist/esm/components/TagBlock/index.js +1 -1
  131. package/dist/esm/components/Text/index.js +1 -1
  132. package/dist/esm/components/TextInput/index.js +1 -1
  133. package/dist/esm/components/Textarea/index.js +1 -1
  134. package/dist/esm/components/TimePicker/index.js +1 -1
  135. package/dist/esm/components/TimeRange/index.js +1 -1
  136. package/dist/esm/components/Timestamp/index.js +1 -1
  137. package/dist/esm/components/Tooltip/index.js +1 -1
  138. package/dist/esm/components/index.js +30 -30
  139. package/dist/esm/index.js +31 -31
  140. package/dist/esm/theme/index.js +1 -1
  141. package/dist/types/chakra/index.d.ts +1 -1
  142. package/package.json +1 -1
  143. package/dist/chunks/radioGroup.types-DdXy16Lv.js +0 -227
  144. package/dist/chunks/radioGroup.types-DdXy16Lv.js.map +0 -1
  145. package/dist/chunks/radioGroup.types-VwkVJ4CU.js +0 -2
  146. package/dist/chunks/radioGroup.types-VwkVJ4CU.js.map +0 -1
  147. package/dist/chunks/use-radio-group-9-qfzljd.js +0 -2
  148. package/dist/chunks/use-radio-group-9-qfzljd.js.map +0 -1
  149. package/dist/chunks/use-radio-group-DdVEhdry.js +0 -16
  150. package/dist/chunks/use-radio-group-DdVEhdry.js.map +0 -1
@@ -0,0 +1,235 @@
1
+ import { j as a } from "./jsx-runtime-C5mzlN2N.js";
2
+ import { w as k } from "./withFormControl-CCJImQAG.js";
3
+ import E, { forwardRef as n, useId as V } from "react";
4
+ import { W as B } from "./text.component-BthmuMFV.js";
5
+ import { c as M } from "./create-slot-recipe-context-BJmsuxih.js";
6
+ import { d as g } from "./attr-sm10PXOd.js";
7
+ import { a as Y } from "./empty-BU2EAux9.js";
8
+ import { c as F } from "./factory-Ctbv0Ozn.js";
9
+ import { u as O } from "./use-recipe-d63ABaZ3.js";
10
+ import { c as v, a as C, f as m, i as q, j as D, k as J, n as K } from "./use-locale-context-BA2M-8sK.js";
11
+ import { m as Q, c as U } from "./index-CjxarSH6.js";
12
+ import { a1 as l } from "./index-1syExFDc.js";
13
+ import { B as X } from "./buttonGroup.component-BHDnteYx.js";
14
+ import { S as Z } from "./stack-Dnuh5Zgf.js";
15
+ const [N, x] = v({
16
+ name: "RadioGroupContext",
17
+ hookName: "useRadioGroupContext",
18
+ providerName: "<RadioGroupProvider />"
19
+ }), [z, oo] = v({
20
+ name: "RadioGroupItemContext",
21
+ hookName: "useRadioGroupItemContext",
22
+ providerName: "<RadioGroupItemProvider />"
23
+ }), [to, j] = v({
24
+ name: "RadioGroupItemPropsContext",
25
+ hookName: "useRadioGroupItemPropsContext",
26
+ providerName: "<RadioGroupItemPropsProvider />"
27
+ }), y = n((o, t) => {
28
+ const [e, r] = C()(o, ["value", "disabled", "invalid"]), s = x(), i = l(s.getItemProps(e), r), d = s.getItemState(e);
29
+ return /* @__PURE__ */ a.jsx(z, { value: d, children: /* @__PURE__ */ a.jsx(to, { value: e, children: /* @__PURE__ */ a.jsx(m.label, { ...i, ref: t }) }) });
30
+ });
31
+ y.displayName = "RadioGroupItem";
32
+ const eo = (o) => o.children(oo()), b = n((o, t) => {
33
+ const e = x(), r = j(), s = l(e.getItemControlProps(r), o);
34
+ return /* @__PURE__ */ a.jsx(m.div, { ...s, ref: t });
35
+ });
36
+ b.displayName = "RadioGroupItemControl";
37
+ const w = n((o, t) => {
38
+ const e = x(), r = j(), s = l(e.getItemHiddenInputProps(r), o);
39
+ return /* @__PURE__ */ a.jsx(m.input, { ...s, ref: t });
40
+ });
41
+ w.displayName = "RadioGroupItemHiddenInput";
42
+ const S = n((o, t) => {
43
+ const e = x(), r = j(), s = l(e.getItemTextProps(r), o);
44
+ return /* @__PURE__ */ a.jsx(m.span, { ...s, ref: t });
45
+ });
46
+ S.displayName = "RadioGroupItemText";
47
+ const _ = n((o, t) => {
48
+ const e = x(), r = l(e.getLabelProps(), o);
49
+ return /* @__PURE__ */ a.jsx(m.label, { ...r, ref: t });
50
+ });
51
+ _.displayName = "RadioGroupLabel";
52
+ const ro = (o) => {
53
+ const t = V(), { getRootNode: e } = q(), { dir: r } = D(), s = {
54
+ id: t,
55
+ dir: r,
56
+ getRootNode: e,
57
+ ...o
58
+ }, i = J(Q, s);
59
+ return U(i, K);
60
+ }, T = n((o, t) => {
61
+ const [e, r] = C()(o, [
62
+ "defaultValue",
63
+ "disabled",
64
+ "form",
65
+ "id",
66
+ "ids",
67
+ "name",
68
+ "onValueChange",
69
+ "orientation",
70
+ "readOnly",
71
+ "value"
72
+ ]), s = ro(e), i = l(s.getRootProps(), r);
73
+ return /* @__PURE__ */ a.jsx(N, { value: s, children: /* @__PURE__ */ a.jsx(m.div, { ...i, ref: t }) });
74
+ });
75
+ T.displayName = "RadioGroupRoot";
76
+ const A = n((o, t) => {
77
+ const [{ value: e }, r] = C()(o, ["value"]), s = l(e.getRootProps(), r);
78
+ return /* @__PURE__ */ a.jsx(N, { value: e, children: /* @__PURE__ */ a.jsx(m.div, { ...s, ref: t }) });
79
+ });
80
+ A.displayName = "RadioGroupRootProvider";
81
+ const ao = n(
82
+ function(t, e) {
83
+ const r = O({ key: "radiomark", recipe: t.recipe }), [s, i] = r.splitVariantProps(t), { checked: d, disabled: u, unstyled: c, children: R, ...G } = i, f = c ? Y : r(s), I = {
84
+ ref: e,
85
+ "data-checked": g(d),
86
+ "data-disabled": g(u),
87
+ ...G,
88
+ css: [f, t.css]
89
+ };
90
+ return /* @__PURE__ */ a.jsx(F.span, { ...I, children: d && /* @__PURE__ */ a.jsx("span", { className: "dot" }) });
91
+ }
92
+ ), {
93
+ withProvider: W,
94
+ withContext: P,
95
+ useStyles: so
96
+ } = M({ key: "radioGroup" });
97
+ W(A, "root", { forwardAsChild: !0 });
98
+ const io = W(
99
+ T,
100
+ "root",
101
+ { forwardAsChild: !0 }
102
+ );
103
+ P(_, "label", { forwardAsChild: !0 });
104
+ const no = P(
105
+ y,
106
+ "item",
107
+ { forwardAsChild: !0 }
108
+ ), po = P(S, "itemText", { forwardAsChild: !0 });
109
+ P(b, "itemControl", { forwardAsChild: !0 });
110
+ const uo = n(function(t, e) {
111
+ const r = so();
112
+ return /* @__PURE__ */ a.jsx(eo, { children: (s) => /* @__PURE__ */ a.jsx(b, { asChild: !0, children: /* @__PURE__ */ a.jsx(
113
+ ao,
114
+ {
115
+ ref: e,
116
+ unstyled: !0,
117
+ ...t,
118
+ checked: s.checked,
119
+ disabled: s.disabled,
120
+ css: [r.itemControl, t.css]
121
+ }
122
+ ) }) });
123
+ }), co = w, $ = E.forwardRef(
124
+ ({
125
+ children: o,
126
+ disabled: t = !1,
127
+ invalid: e = !1,
128
+ onContrast: r = !1,
129
+ radioRef: s,
130
+ radioType: i,
131
+ rootRef: d,
132
+ size: u = "md",
133
+ radioAlignment: c = "start",
134
+ ...R
135
+ }, G) => /* @__PURE__ */ a.jsxs(
136
+ no,
137
+ {
138
+ className: "Radio",
139
+ "data-testid": "kibble-radio",
140
+ invalid: e,
141
+ disabled: t,
142
+ ref: d,
143
+ ...R,
144
+ children: [
145
+ /* @__PURE__ */ a.jsx(co, { className: "Radio__Input", "data-testid": "kibble-radio-input", ref: s || G }),
146
+ /* @__PURE__ */ a.jsx(
147
+ uo,
148
+ {
149
+ className: "Radio__Indicator",
150
+ "data-testid": "kibble-radio-indicator",
151
+ alignSelf: c
152
+ }
153
+ ),
154
+ o && /* @__PURE__ */ a.jsx(
155
+ po,
156
+ {
157
+ className: "Radio__Text",
158
+ "data-testid": "kibble-radio-label",
159
+ ...i === "cards" && typeof o != "string" && { mt: "-4px" },
160
+ children: typeof o == "string" ? /* @__PURE__ */ a.jsx(B, { size: u, lineHeight: "unset", variant: r ? "onContrast" : "default", children: o }) : o
161
+ }
162
+ )
163
+ ]
164
+ }
165
+ )
166
+ );
167
+ $.displayName = "Radio";
168
+ const mo = k($), H = ({
169
+ radios: o,
170
+ defaultValue: t,
171
+ direction: e = "column",
172
+ disabled: r,
173
+ invalid: s,
174
+ onContrast: i,
175
+ onChange: d,
176
+ size: u = "md",
177
+ radioType: c = "default",
178
+ value: R,
179
+ gap: G = 2,
180
+ ...f
181
+ }) => {
182
+ const I = i ? "onContrast" : "default";
183
+ return /* @__PURE__ */ a.jsx(
184
+ io,
185
+ {
186
+ className: "RadioGroup",
187
+ "data-testid": "kibble-radio-group",
188
+ disabled: r,
189
+ defaultValue: t,
190
+ value: R,
191
+ onValueChange: ({ value: p }) => d?.(p),
192
+ size: u,
193
+ variant: I,
194
+ withCard: c === "cards",
195
+ ...f,
196
+ children: c === "buttons" ? /* @__PURE__ */ a.jsx(
197
+ X,
198
+ {
199
+ onContrast: i,
200
+ variant: "secondarySubtle",
201
+ size: u,
202
+ buttons: o.map((p, h) => {
203
+ const L = t === p.value || R === p.value;
204
+ return {
205
+ key: `button-radio-${h}`,
206
+ children: p.children,
207
+ active: L,
208
+ disabled: r,
209
+ onClick: () => d?.(p.value)
210
+ };
211
+ })
212
+ }
213
+ ) : /* @__PURE__ */ a.jsx(Z, { gap: G, direction: e, children: o.map((p, h) => /* @__PURE__ */ a.jsx(
214
+ mo,
215
+ {
216
+ invalid: s,
217
+ disabled: r,
218
+ size: u,
219
+ radioType: c,
220
+ onContrast: i,
221
+ ...e === "row" && { fullWidth: !1 },
222
+ ...p
223
+ },
224
+ `radio-${h}`
225
+ )) })
226
+ }
227
+ );
228
+ };
229
+ H.displayName = "RadioGroup";
230
+ const No = k(H), yo = ["default", "buttons", "cards"];
231
+ export {
232
+ No as W,
233
+ yo as r
234
+ };
235
+ //# sourceMappingURL=radioGroup.types-DbEeYA9c.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radioGroup.types-DbEeYA9c.js","sources":["../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-label.js","../../node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js","../../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/radiomark/radiomark.js","../../node_modules/@chakra-ui/react/dist/esm/components/radio-group/radio-group.js","../../src/components/RadioGroup/components/Radio/radio.component.tsx","../../src/components/RadioGroup/radioGroup.component.tsx","../../src/components/RadioGroup/radioGroup.types.ts"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupProvider, useRadioGroupContext] = createContext({\n name: \"RadioGroupContext\",\n hookName: \"useRadioGroupContext\",\n providerName: \"<RadioGroupProvider />\"\n});\n\nexport { RadioGroupProvider, useRadioGroupContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({\n name: \"RadioGroupItemContext\",\n hookName: \"useRadioGroupItemContext\",\n providerName: \"<RadioGroupItemProvider />\"\n});\n\nexport { RadioGroupItemProvider, useRadioGroupItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({\n name: \"RadioGroupItemPropsContext\",\n hookName: \"useRadioGroupItemPropsContext\",\n providerName: \"<RadioGroupItemPropsProvider />\"\n});\n\nexport { RadioGroupItemPropsProvider, useRadioGroupItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { RadioGroupItemProvider } from './use-radio-group-item-context.js';\nimport { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItem = forwardRef((props, ref) => {\n const [itemProps, localProps] = createSplitProps()(props, [\"value\", \"disabled\", \"invalid\"]);\n const radioGroup = useRadioGroupContext();\n const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);\n const itemState = radioGroup.getItemState(itemProps);\n return /* @__PURE__ */ jsx(RadioGroupItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(RadioGroupItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) }) });\n});\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nexport { RadioGroupItem };\n","'use client';\nimport { useRadioGroupItemContext } from './use-radio-group-item-context.js';\n\nconst RadioGroupItemContext = (props) => props.children(useRadioGroupItemContext());\n\nexport { RadioGroupItemContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemControl = forwardRef((props, ref) => {\n const radioGroup = useRadioGroupContext();\n const itemProps = useRadioGroupItemPropsContext();\n const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nRadioGroupItemControl.displayName = \"RadioGroupItemControl\";\n\nexport { RadioGroupItemControl };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemHiddenInput = forwardRef((props, ref) => {\n const radioGroup = useRadioGroupContext();\n const itemProps = useRadioGroupItemPropsContext();\n const mergedProps = mergeProps(radioGroup.getItemHiddenInputProps(itemProps), props);\n return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });\n});\nRadioGroupItemHiddenInput.displayName = \"RadioGroupItemHiddenInput\";\n\nexport { RadioGroupItemHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\nimport { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';\n\nconst RadioGroupItemText = forwardRef((props, ref) => {\n const radioGroup = useRadioGroupContext();\n const itemProps = useRadioGroupItemPropsContext();\n const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nRadioGroupItemText.displayName = \"RadioGroupItemText\";\n\nexport { RadioGroupItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useRadioGroupContext } from './use-radio-group-context.js';\n\nconst RadioGroupLabel = forwardRef((props, ref) => {\n const radioGroup = useRadioGroupContext();\n const mergedProps = mergeProps(radioGroup.getLabelProps(), props);\n return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nRadioGroupLabel.displayName = \"RadioGroupLabel\";\n\nexport { RadioGroupLabel };\n","'use client';\nimport * as radio from '@zag-js/radio-group';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useRadioGroup = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(radio.machine, machineProps);\n return radio.connect(service, normalizeProps);\n};\n\nexport { useRadioGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useRadioGroup } from './use-radio-group.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRoot = forwardRef((props, ref) => {\n const [useRadioGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"name\",\n \"onValueChange\",\n \"orientation\",\n \"readOnly\",\n \"value\"\n ]);\n const radioGroup = useRadioGroup(useRadioGroupProps);\n const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRoot.displayName = \"RadioGroupRoot\";\n\nexport { RadioGroupRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { RadioGroupProvider } from './use-radio-group-context.js';\n\nconst RadioGroupRootProvider = forwardRef((props, ref) => {\n const [{ value: radioGroup }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nRadioGroupRootProvider.displayName = \"RadioGroupRootProvider\";\n\nexport { RadioGroupRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Radiomark = forwardRef(\n function Radiomark2(props, ref) {\n const recipe = useRecipe({ key: \"radiomark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n const sharedProps = {\n ref,\n \"data-checked\": dataAttr(checked),\n \"data-disabled\": dataAttr(disabled),\n ...rest,\n css: [styles, props.css]\n };\n return /* @__PURE__ */ jsx(chakra.span, { ...sharedProps, children: checked && /* @__PURE__ */ jsx(\"span\", { className: \"dot\" }) });\n }\n);\n\nexport { Radiomark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { Radiomark } from '../radiomark/radiomark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useRadioGroupStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"radioGroup\" });\nconst RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, \"root\", { forwardAsChild: true });\nconst RadioGroupRoot = withProvider(\n RadioGroup.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst RadioGroupPropsProvider = PropsProvider;\nconst RadioGroupLabel = withContext(RadioGroup.Label, \"label\", { forwardAsChild: true });\nconst RadioGroupItem = withContext(\n RadioGroup.Item,\n \"item\",\n { forwardAsChild: true }\n);\nconst RadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\", { forwardAsChild: true });\nconst RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { forwardAsChild: true });\nconst RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {\n const styles = useRadioGroupStyles();\n return /* @__PURE__ */ jsx(RadioGroup.ItemContext, { children: (itemState) => /* @__PURE__ */ jsx(RadioGroup.ItemControl, { asChild: true, children: /* @__PURE__ */ jsx(\n Radiomark,\n {\n ref,\n unstyled: true,\n ...props,\n checked: itemState.checked,\n disabled: itemState.disabled,\n css: [styles[\"itemControl\"], props.css]\n }\n ) }) });\n});\nconst RadioGroupContext = RadioGroup.Context;\nconst RadioGroupItemContext = RadioGroup.ItemContext;\nconst RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n\nexport { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };\n","import React from 'react';\nimport { RadioGroup } from '@chakra-ui/react/radio-group';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Text } from 'components/Text/text.component';\nimport { RadioType } from 'components/RadioGroup/radioGroup.types';\n\nexport interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {\n onContrast?: boolean;\n radioRef?: React.Ref<HTMLInputElement | null>;\n rootRef?: React.Ref<HTMLDivElement | null>;\n size?: FormControlSize;\n radioAlignment?: 'start' | 'center' | 'end';\n}\n\ninterface InternalRadioProps extends RadioProps {\n radioType?: RadioType;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, InternalRadioProps>(\n (\n {\n children,\n disabled = false,\n invalid = false,\n onContrast = false,\n radioRef,\n radioType,\n rootRef,\n size = 'md',\n radioAlignment = 'start',\n ...rest\n },\n ref,\n ): React.JSX.Element => {\n return (\n <RadioGroup.Item\n className=\"Radio\"\n data-testid=\"kibble-radio\"\n invalid={invalid}\n disabled={disabled}\n ref={rootRef}\n {...rest}\n >\n <RadioGroup.ItemHiddenInput className=\"Radio__Input\" data-testid=\"kibble-radio-input\" ref={radioRef || ref} />\n <RadioGroup.ItemIndicator\n className=\"Radio__Indicator\"\n data-testid=\"kibble-radio-indicator\"\n alignSelf={radioAlignment}\n />\n {children && (\n <RadioGroup.ItemText\n className=\"Radio__Text\"\n data-testid=\"kibble-radio-label\"\n {...(radioType === 'cards' && typeof children !== 'string' && { mt: '-4px' })}\n >\n {typeof children === 'string' ? (\n <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n {children}\n </Text>\n ) : (\n children\n )}\n </RadioGroup.ItemText>\n )}\n </RadioGroup.Item>\n );\n },\n);\n\nRadio.displayName = 'Radio';\nconst WrappedRadio = withFormControl<InternalRadioProps>(Radio);\n\nexport { WrappedRadio as Radio };\n","import React from 'react';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Radio, RadioProps } from './components/Radio/radio.component';\nimport { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';\nimport { Stack } from '@chakra-ui/react/stack';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { RadioType } from './radioGroup.types';\n\nexport interface RadioGroupProps\n extends WithFormControlProps,\n Omit<CRadioGroup.RootProps, 'onValueChange' | 'onChange'> {\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string | null) => void;\n size?: FormControlSize;\n radioType?: RadioType;\n radios: RadioProps[];\n}\n\nconst RadioGroup = ({\n radios,\n defaultValue,\n direction = 'column',\n disabled,\n invalid,\n onContrast,\n onChange,\n size = 'md',\n radioType = 'default',\n value,\n gap = 2,\n ...rest\n}: RadioGroupProps): React.JSX.Element => {\n const _computedVariant = onContrast ? 'onContrast' : 'default';\n return (\n <CRadioGroup.Root\n className=\"RadioGroup\"\n data-testid=\"kibble-radio-group\"\n disabled={disabled}\n defaultValue={defaultValue}\n value={value}\n onValueChange={({ value }) => onChange?.(value)}\n size={size}\n variant={_computedVariant}\n withCard={radioType === 'cards'}\n {...rest}\n >\n {radioType === 'buttons' ? (\n <ButtonGroup\n onContrast={onContrast}\n variant=\"secondarySubtle\"\n size={size}\n buttons={radios.map((radio, index) => {\n const active = defaultValue === radio.value || value === radio.value;\n return {\n key: `button-radio-${index}`,\n children: radio.children,\n active,\n disabled,\n onClick: () => onChange?.(radio.value),\n };\n })}\n />\n ) : (\n <Stack gap={gap} direction={direction}>\n {radios.map((radio, index) => (\n <Radio\n key={`radio-${index}`}\n invalid={invalid}\n disabled={disabled}\n size={size}\n radioType={radioType}\n onContrast={onContrast}\n {...(direction === 'row' && { fullWidth: false })}\n {...radio}\n />\n ))}\n </Stack>\n )}\n </CRadioGroup.Root>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n","export const radioTypes = ['default', 'buttons', 'cards'] as const;\nexport type RadioType = (typeof radioTypes)[number];\n"],"names":["RadioGroupProvider","useRadioGroupContext","createContext","RadioGroupItemProvider","useRadioGroupItemContext","RadioGroupItemPropsProvider","useRadioGroupItemPropsContext","RadioGroupItem","forwardRef","props","ref","itemProps","localProps","createSplitProps","radioGroup","mergedProps","mergeProps","itemState","jsx","ark","RadioGroupItemContext","RadioGroupItemControl","RadioGroupItemHiddenInput","RadioGroupItemText","RadioGroupLabel","useRadioGroup","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","radio.machine","radio.connect","normalizeProps","RadioGroupRoot","useRadioGroupProps","RadioGroupRootProvider","Radiomark","recipe","useRecipe","variantProps","restProps","checked","disabled","unstyled","children","rest","styles","EMPTY_STYLES","sharedProps","dataAttr","chakra","withProvider","withContext","useRadioGroupStyles","createSlotRecipeContext","RadioGroup.RootProvider","RadioGroup.Root","RadioGroup.Label","RadioGroup.Item","RadioGroup.ItemText","RadioGroup.ItemControl","RadioGroupItemIndicator","RadioGroup.ItemContext","RadioGroup.ItemHiddenInput","Radio","React","invalid","onContrast","radioRef","radioType","rootRef","size","radioAlignment","jsxs","RadioGroup.ItemIndicator","Text","WrappedRadio","withFormControl","RadioGroup","radios","defaultValue","direction","onChange","value","gap","_computedVariant","CRadioGroup.Root","ButtonGroup","radio","index","active","Stack","WrappedRadioGroup","radioTypes"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}
@@ -1,10 +1,10 @@
1
1
  import { j as t } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { useCallback as h, useMemo as m } from "react";
3
- import { W as c } from "./text.component-nhTe7fy0.js";
3
+ import { W as c } from "./text.component-BthmuMFV.js";
4
4
  import { b as j } from "./config-DlTdf-Yt.js";
5
5
  import { u as y } from "./use-recipe-d63ABaZ3.js";
6
6
  import { F as x } from "./flex-smlF8uQG.js";
7
- import { w as R } from "./withFormControl-6X6RWCqX.js";
7
+ import { w as R } from "./withFormControl-CCJImQAG.js";
8
8
  import { B as C } from "./box-Ck9I7FYv.js";
9
9
  const k = j({
10
10
  base: {
@@ -135,4 +135,4 @@ const B = R(g);
135
135
  export {
136
136
  B as W
137
137
  };
138
- //# sourceMappingURL=ratingDots.component-BSxsE3Ri.js.map
138
+ //# sourceMappingURL=ratingDots.component-CuKKpqru.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ratingDots.component-BSxsE3Ri.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nexport const ratingDotRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n border: '2px',\n borderColor: 'border.focus',\n borderRadius: 'full',\n fontSize: 'lg',\n justifyContent: 'center',\n mb: 1,\n mr: 1,\n },\n variants: {\n variant: {\n default: {\n bgColor: 'background.secondary',\n color: 'text.contrast',\n cursor: 'default',\n h: '40px',\n w: '40px',\n },\n interactive: {\n bgColor: 'transparent',\n color: 'text.interactive',\n cursor: 'pointer',\n h: '60px',\n w: '60px',\n '&[data-disabled][data-active]': {\n bgColor: 'background.secondary',\n color: 'text.contrast',\n },\n _active: {\n bgColor: 'background.secondary',\n color: 'text.contrast',\n _hover: {\n bgColor: 'background.secondary',\n },\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 0.6,\n },\n _hover: {\n bgColor: 'background.secondaryAlpha.hover',\n },\n _invalid: {\n borderColor: 'border.danger',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n","import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { ratingDotRecipe } from './ratingDot.recipe';\n\nexport interface RatingDotProps {\n active?: boolean;\n disabled?: boolean;\n invalid?: boolean;\n number: number;\n onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({ active, disabled, invalid, number, onClick }: RatingDotProps): React.JSX.Element => {\n const variant = onClick ? 'interactive' : 'default';\n const recipe = useRecipe({ recipe: ratingDotRecipe });\n const styles = recipe({ variant });\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n e.preventDefault();\n if (onClick) onClick(number);\n },\n [number, onClick],\n );\n\n return (\n <Flex\n {...(active && { 'data-active': 'true' })}\n {...(disabled ? { 'data-disabled': 'true' } : { onClick: handleClick })}\n {...(invalid && { 'data-invalid': 'true' })}\n css={styles}\n >\n {number}\n </Flex>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n centeredLabel?: string;\n maxLabel?: string;\n maxValue: number;\n minLabel?: string;\n minValue: number;\n onChange?: (value: number) => void;\n value?: number;\n}\n\nconst RatingDots = ({\n centeredLabel,\n disabled,\n invalid,\n minLabel,\n minValue,\n maxLabel,\n maxValue,\n onChange,\n value,\n}: RatingDotsProps): React.JSX.Element => {\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n return (\n <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n <Flex\n className=\"RatingDots__Container\"\n data-testid=\"kibble-rating-dots-container\"\n my={4}\n flexWrap=\"wrap\"\n justifyContent={onChange ? 'center' : 'flex-start'}\n >\n {values.map((val) => (\n <RatingDot\n key={`rating-dot-${val}`}\n number={val}\n active={val === value}\n disabled={disabled}\n invalid={invalid}\n onClick={onChange}\n />\n ))}\n </Flex>\n {(centeredLabel || minLabel || maxLabel) && (\n <Flex\n className=\"RatingDots__Label\"\n data-testid=\"kibble-rating-dots-label\"\n justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n >\n {centeredLabel ? (\n <Text variant=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n </>\n )}\n </Flex>\n )}\n </Box>\n );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}
1
+ {"version":3,"file":"ratingDots.component-CuKKpqru.js","sources":["../../src/components/RatingDots/components/RatingDot/ratingDot.recipe.ts","../../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nexport const ratingDotRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n border: '2px',\n borderColor: 'border.focus',\n borderRadius: 'full',\n fontSize: 'lg',\n justifyContent: 'center',\n mb: 1,\n mr: 1,\n },\n variants: {\n variant: {\n default: {\n bgColor: 'background.secondary',\n color: 'text.contrast',\n cursor: 'default',\n h: '40px',\n w: '40px',\n },\n interactive: {\n bgColor: 'transparent',\n color: 'text.interactive',\n cursor: 'pointer',\n h: '60px',\n w: '60px',\n '&[data-disabled][data-active]': {\n bgColor: 'background.secondary',\n color: 'text.contrast',\n },\n _active: {\n bgColor: 'background.secondary',\n color: 'text.contrast',\n _hover: {\n bgColor: 'background.secondary',\n },\n },\n _disabled: {\n cursor: 'not-allowed',\n opacity: 0.6,\n },\n _hover: {\n bgColor: 'background.secondaryAlpha.hover',\n },\n _invalid: {\n borderColor: 'border.danger',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n","import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { ratingDotRecipe } from './ratingDot.recipe';\n\nexport interface RatingDotProps {\n active?: boolean;\n disabled?: boolean;\n invalid?: boolean;\n number: number;\n onClick?: (value: number) => void;\n}\n\nexport const RatingDot = ({ active, disabled, invalid, number, onClick }: RatingDotProps): React.JSX.Element => {\n const variant = onClick ? 'interactive' : 'default';\n const recipe = useRecipe({ recipe: ratingDotRecipe });\n const styles = recipe({ variant });\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n e.preventDefault();\n if (onClick) onClick(number);\n },\n [number, onClick],\n );\n\n return (\n <Flex\n {...(active && { 'data-active': 'true' })}\n {...(disabled ? { 'data-disabled': 'true' } : { onClick: handleClick })}\n {...(invalid && { 'data-invalid': 'true' })}\n css={styles}\n >\n {number}\n </Flex>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\n\nexport interface RatingDotsProps extends WithFormControlProps {\n centeredLabel?: string;\n maxLabel?: string;\n maxValue: number;\n minLabel?: string;\n minValue: number;\n onChange?: (value: number) => void;\n value?: number;\n}\n\nconst RatingDots = ({\n centeredLabel,\n disabled,\n invalid,\n minLabel,\n minValue,\n maxLabel,\n maxValue,\n onChange,\n value,\n}: RatingDotsProps): React.JSX.Element => {\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n return (\n <Box className=\"RatingDots\" data-testid=\"kibble-rating-dots\">\n <Flex\n className=\"RatingDots__Container\"\n data-testid=\"kibble-rating-dots-container\"\n my={4}\n flexWrap=\"wrap\"\n justifyContent={onChange ? 'center' : 'flex-start'}\n >\n {values.map((val) => (\n <RatingDot\n key={`rating-dot-${val}`}\n number={val}\n active={val === value}\n disabled={disabled}\n invalid={invalid}\n onClick={onChange}\n />\n ))}\n </Flex>\n {(centeredLabel || minLabel || maxLabel) && (\n <Flex\n className=\"RatingDots__Label\"\n data-testid=\"kibble-rating-dots-label\"\n justifyContent={onChange ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}\n >\n {centeredLabel ? (\n <Text variant=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n {!onChange && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n </>\n )}\n </Flex>\n )}\n </Box>\n );\n};\n\nRatingDots.displayName = 'RatingDots';\nconst WrappedRatingDots = withFormControl<RatingDotsProps>(RatingDots);\n\nexport { WrappedRatingDots as RatingDots };\n"],"names":["ratingDotRecipe","defineRecipe","RatingDot","active","disabled","invalid","number","onClick","variant","styles","useRecipe","handleClick","useCallback","e","jsx","Flex","RatingDots","centeredLabel","minLabel","minValue","maxLabel","maxValue","onChange","value","roundedMin","useMemo","roundedMax","values","arr","i","jsxs","Box","val","Text","Fragment","WrappedRatingDots","withFormControl"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { c as t, a as r } from "./use-locale-context-DMynFc1_.js";
1
+ import { c as t, a as r } from "./use-locale-context-BA2M-8sK.js";
2
2
  const [a, n] = t({
3
3
  name: "RenderStrategyContext",
4
4
  hookName: "useRenderStrategyContext",
@@ -9,4 +9,4 @@ export {
9
9
  s,
10
10
  n as u
11
11
  };
12
- //# sourceMappingURL=render-strategy-dTkof8Jm.js.map
12
+ //# sourceMappingURL=render-strategy-QburwdUo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"render-strategy-dTkof8Jm.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n name: \"RenderStrategyContext\",\n hookName: \"useRenderStrategyContext\",\n providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":";AAIK,MAAC,CAACA,GAA6BC,CAA6B,IAAIC,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACKC,IAA2B,CAACC,MAAUC,EAAgB,EAAGD,GAAO,CAAC,aAAa,eAAe,CAAC;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"render-strategy-QburwdUo.js","sources":["../../node_modules/@ark-ui/react/dist/utils/render-strategy.js"],"sourcesContent":["'use client';\nimport { createContext } from './create-context.js';\nimport { createSplitProps } from './create-split-props.js';\n\nconst [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({\n name: \"RenderStrategyContext\",\n hookName: \"useRenderStrategyContext\",\n providerName: \"<RenderStrategyPropsProvider />\"\n});\nconst splitRenderStrategyProps = (props) => createSplitProps()(props, [\"lazyMount\", \"unmountOnExit\"]);\n\nexport { RenderStrategyPropsProvider, splitRenderStrategyProps, useRenderStrategyPropsContext };\n"],"names":["RenderStrategyPropsProvider","useRenderStrategyPropsContext","createContext","splitRenderStrategyProps","props","createSplitProps"],"mappings":";AAIK,MAAC,CAACA,GAA6BC,CAA6B,IAAIC,EAAc;AAAA,EACjF,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACKC,IAA2B,CAACC,MAAUC,EAAgB,EAAGD,GAAO,CAAC,aAAa,eAAe,CAAC;","x_google_ignoreList":[0]}
@@ -1,18 +1,18 @@
1
1
  import { j as i } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import Et, { forwardRef as v, useId as ze, useMemo as oe, useState as Pe, useCallback as re, useEffect as Rt } from "react";
3
- import { w as Nt } from "./withFormControl-6X6RWCqX.js";
3
+ import { w as Nt } from "./withFormControl-CCJImQAG.js";
4
4
  import { I as Lt } from "./icon.component-S_qFWBRf.js";
5
5
  import { B as Gt } from "./button.component-Br9jCpBx.js";
6
- import { W as Ue } from "./text.component-nhTe7fy0.js";
7
- import { S as Mt } from "./spinner.component-vkhAVeU1.js";
8
- import { c as X, i as _, k as Ke, j as Dt, a as J, b as Ft, u as Bt, d as Ht, n as zt, s as We, l as qe, m as Ve, P as Ut } from "./use-locale-context-DMynFc1_.js";
6
+ import { W as Ue } from "./text.component-BthmuMFV.js";
7
+ import { S as Mt } from "./spinner.component-BcOsuuIq.js";
8
+ import { c as X, f as _, u as Ke, h as Dt, a as J, j as Ft, i as Bt, k as Ht, n as zt, s as We, l as qe, m as Ve, P as Ut } from "./use-locale-context-BA2M-8sK.js";
9
9
  import { c as Kt } from "./create-slot-recipe-context-BJmsuxih.js";
10
10
  import { C as Wt, b as qt, c as Vt } from "./icons-BXxdrBrf.js";
11
- import { u as Ze } from "./use-field-context-DF-c50-r.js";
11
+ import { u as Ze } from "./use-field-context-DsQFT-Te.js";
12
12
  import { a1 as g } from "./index-1syExFDc.js";
13
- import { L as Zt, m as Xt, c as Jt } from "./index-CIWHjZGL.js";
13
+ import { L as Zt, m as Xt, c as Jt } from "./index-BDT37VpI.js";
14
14
  import { u as Yt } from "./usePortalContentRef-DO_jc4W9.js";
15
- import { W as Qt } from "./textInput.component-GBvY3agL.js";
15
+ import { W as Qt } from "./textInput.component-C8R6bZLW.js";
16
16
  import { r as E, i as Xe, d as kt, f as z, g as Y, h as Je, j as er, b as Ye, a as Qe, e as ke, S as V, c as de } from "./isSymbol-BQN49XhJ.js";
17
17
  import { B as tr } from "./box-Ck9I7FYv.js";
18
18
  import { F as ye } from "./flex-smlF8uQG.js";
@@ -1051,4 +1051,4 @@ const Ya = Nt(Ot);
1051
1051
  export {
1052
1052
  Ya as W
1053
1053
  };
1054
- //# sourceMappingURL=select.component-CiPijmQE.js.map
1054
+ //# sourceMappingURL=select.component-DEf5MiUc.js.map