ics-ui-kit 0.1.0-alpha.40 → 0.1.0-alpha.43

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 (220) hide show
  1. package/dist/{AlertIcon-BTZh7FQZ.js → AlertIcon-DQs4wtDT.js} +7 -7
  2. package/dist/{AlertIcon-BTZh7FQZ.js.map → AlertIcon-DQs4wtDT.js.map} +1 -1
  3. package/dist/{Button-Kf5vwkHh.js → Button-BJDYzLSW.js} +2 -2
  4. package/dist/{Button-Kf5vwkHh.js.map → Button-BJDYzLSW.js.map} +1 -1
  5. package/dist/{ButtonBase-DRSjPh5I.js → ButtonBase-BaTjE6Rs.js} +3 -3
  6. package/dist/ButtonBase-BaTjE6Rs.js.map +1 -0
  7. package/dist/{CheckboxField-CzWvZgVu.js → CheckboxField-ceUJa-h5.js} +40 -40
  8. package/dist/CheckboxField-ceUJa-h5.js.map +1 -0
  9. package/dist/{Command-MQU4CBP-.js → Command-C5lveWbn.js} +142 -155
  10. package/dist/Command-C5lveWbn.js.map +1 -0
  11. package/dist/Dialog-oZFHrhui.js +54 -0
  12. package/dist/Dialog-oZFHrhui.js.map +1 -0
  13. package/dist/EmptyState-D-Hj-hNO.js +11 -0
  14. package/dist/{EmptyState-BNdJhIH1.js.map → EmptyState-D-Hj-hNO.js.map} +1 -1
  15. package/dist/FeatureIcon-BomAYGAS.js +27 -0
  16. package/dist/FeatureIcon-BomAYGAS.js.map +1 -0
  17. package/dist/{Field-CzOWEoqg.js → Field-Ct1wFSsr.js} +2 -2
  18. package/dist/{Field-CzOWEoqg.js.map → Field-Ct1wFSsr.js.map} +1 -1
  19. package/dist/{FieldLabel-BC7sPLmF.js → FieldLabel-B393j-2c.js} +2 -2
  20. package/dist/{FieldLabel-BC7sPLmF.js.map → FieldLabel-B393j-2c.js.map} +1 -1
  21. package/dist/{FormBody-D1w8vHrS.js → FormBody-CoBOyJsn.js} +26 -26
  22. package/dist/FormBody-CoBOyJsn.js.map +1 -0
  23. package/dist/{FormHeaderTemplate-0GrHpRqE.js → FormHeaderTemplate-88fGTSuF.js} +27 -27
  24. package/dist/FormHeaderTemplate-88fGTSuF.js.map +1 -0
  25. package/dist/{FormStack-0Qvkszog.js → FormStack-CoeCvmXr.js} +3 -3
  26. package/dist/{FormStack-0Qvkszog.js.map → FormStack-CoeCvmXr.js.map} +1 -1
  27. package/dist/{IconButton-BbL0cLUL.js → IconButton-BCVBSmq1.js} +2 -2
  28. package/dist/{IconButton-BbL0cLUL.js.map → IconButton-BCVBSmq1.js.map} +1 -1
  29. package/dist/{IconTooltip-CXt3w1Dy.js → IconTooltip-9l8kUuXo.js} +2 -2
  30. package/dist/{IconTooltip-CXt3w1Dy.js.map → IconTooltip-9l8kUuXo.js.map} +1 -1
  31. package/dist/{ImagePreview-RtfJHGfM.js → ImagePreview-DFuAiMlf.js} +46 -55
  32. package/dist/ImagePreview-DFuAiMlf.js.map +1 -0
  33. package/dist/{ImageUploader-Dn9N2b0r.js → ImageUploader-c_i574o-.js} +7 -7
  34. package/dist/ImageUploader-c_i574o-.js.map +1 -0
  35. package/dist/Indicator-B75A1Vgp.js +28 -0
  36. package/dist/Indicator-B75A1Vgp.js.map +1 -0
  37. package/dist/{Input-Ck-nZBBl.js → Input-BZqcLO4J.js} +2 -2
  38. package/dist/{Input-Ck-nZBBl.js.map → Input-BZqcLO4J.js.map} +1 -1
  39. package/dist/{InputGroup-DDwZaZQm.js → InputGroup-CTCZIG7F.js} +9 -9
  40. package/dist/InputGroup-CTCZIG7F.js.map +1 -0
  41. package/dist/{InputOTP-FInKYwJd.js → InputOTP-B2e1nfSO.js} +2 -2
  42. package/dist/InputOTP-B2e1nfSO.js.map +1 -0
  43. package/dist/MenuItem-D5Rl48em.js +28 -0
  44. package/dist/MenuItem-D5Rl48em.js.map +1 -0
  45. package/dist/MenuItemSecondaryText-YpWdttwk.js +20 -0
  46. package/dist/MenuItemSecondaryText-YpWdttwk.js.map +1 -0
  47. package/dist/MenuItemShortcut-CGbVYqRi.js +21 -0
  48. package/dist/MenuItemShortcut-CGbVYqRi.js.map +1 -0
  49. package/dist/MenuItemText-7uPl9P3z.js +20 -0
  50. package/dist/MenuItemText-7uPl9P3z.js.map +1 -0
  51. package/dist/{Modal-DWNmrjLy.js → Modal-Di04d2ML.js} +17 -17
  52. package/dist/Modal-Di04d2ML.js.map +1 -0
  53. package/dist/{Popover-Upajp2nF.js → Popover-C9PHNObd.js} +3 -3
  54. package/dist/{Popover-Upajp2nF.js.map → Popover-C9PHNObd.js.map} +1 -1
  55. package/dist/{RichButton-CQRpu0br.js → RichButton-CUwq6IkK.js} +4 -4
  56. package/dist/RichButton-CUwq6IkK.js.map +1 -0
  57. package/dist/{SearchSelectTag-Bkr3faVn.js → SearchSelectTag-D1bFK1ux.js} +31 -30
  58. package/dist/SearchSelectTag-D1bFK1ux.js.map +1 -0
  59. package/dist/{Select-BxbKdO0I.js → Select-CsGsshNO.js} +11 -11
  60. package/dist/{Select-BxbKdO0I.js.map → Select-CsGsshNO.js.map} +1 -1
  61. package/dist/{Sheet-BbiIPXuA.js → Sheet-w-SnfmyK.js} +2 -2
  62. package/dist/Sheet-w-SnfmyK.js.map +1 -0
  63. package/dist/{Tag-CJpDh6a7.js → Tag-DJuVSJh5.js} +3 -3
  64. package/dist/Tag-DJuVSJh5.js.map +1 -0
  65. package/dist/{TextInput-BzjGIROj.js → TextInput-CNWUrepf.js} +2 -2
  66. package/dist/{TextInput-BzjGIROj.js.map → TextInput-CNWUrepf.js.map} +1 -1
  67. package/dist/{Toggle-Db3flKrn.js → Toggle-CcmwBqvt.js} +3 -3
  68. package/dist/Toggle-CcmwBqvt.js.map +1 -0
  69. package/dist/{ToggleGroup-Bym73Xh6.js → ToggleGroup-BWwHvfK_.js} +2 -2
  70. package/dist/{ToggleGroup-Bym73Xh6.js.map → ToggleGroup-BWwHvfK_.js.map} +1 -1
  71. package/dist/{Tooltip-B9IDsNwu.js → Tooltip-BZX5huq8.js} +19 -19
  72. package/dist/Tooltip-BZX5huq8.js.map +1 -0
  73. package/dist/TriggerButton-LqUdWOvO.js +33 -0
  74. package/dist/TriggerButton-LqUdWOvO.js.map +1 -0
  75. package/dist/blocks/auth/otp-form.js +4 -4
  76. package/dist/components/alert-dialog.js +2 -2
  77. package/dist/components/alert-dialog.js.map +1 -1
  78. package/dist/components/alert.js +17 -17
  79. package/dist/components/alert.js.map +1 -1
  80. package/dist/components/avatar/Avatar.d.ts +1 -0
  81. package/dist/components/avatar/Avatar.stories.d.ts +1 -0
  82. package/dist/components/avatar/avatar-indicator/AvatarIndicator.d.ts +3 -0
  83. package/dist/components/avatar/index.d.ts +1 -0
  84. package/dist/components/avatar.js +167 -140
  85. package/dist/components/avatar.js.map +1 -1
  86. package/dist/components/badge.js +2 -2
  87. package/dist/components/badge.js.map +1 -1
  88. package/dist/components/breadcrumb.js +1 -1
  89. package/dist/components/breadcrumb.js.map +1 -1
  90. package/dist/components/button.js +5 -5
  91. package/dist/components/calendar.js +2 -2
  92. package/dist/components/calendar.js.map +1 -1
  93. package/dist/components/card.js +14 -14
  94. package/dist/components/card.js.map +1 -1
  95. package/dist/components/carousel.js +1 -1
  96. package/dist/components/checkbox.js +1 -1
  97. package/dist/components/command.js +1 -1
  98. package/dist/components/counter/Counter.d.ts +14 -0
  99. package/dist/components/counter/Counter.stories.d.ts +8 -0
  100. package/dist/components/counter/index.d.ts +1 -0
  101. package/dist/components/counter.d.ts +2 -0
  102. package/dist/components/counter.js +142 -0
  103. package/dist/components/counter.js.map +1 -0
  104. package/dist/components/drawer.js +2 -2
  105. package/dist/components/dropdown/Dropdown.stories.d.ts +3 -0
  106. package/dist/components/dropdown.js +189 -207
  107. package/dist/components/dropdown.js.map +1 -1
  108. package/dist/components/empty-state.js +1 -1
  109. package/dist/components/error-state.js +1 -1
  110. package/dist/components/field.js +1 -1
  111. package/dist/components/file-upload.js +155 -155
  112. package/dist/components/file-upload.js.map +1 -1
  113. package/dist/components/form/components/form-header/FormHeader.d.ts +1 -1
  114. package/dist/components/form.js +5 -5
  115. package/dist/components/gallery.js +3 -3
  116. package/dist/components/icon/feature-icon/FeatureIcon.d.ts +1 -1
  117. package/dist/components/icon-tooltip.js +1 -1
  118. package/dist/components/icon.js +1 -1
  119. package/dist/components/image-preview.js +1 -1
  120. package/dist/components/image-uploader.js +1 -1
  121. package/dist/components/indicator/Indicator.d.ts +1 -1
  122. package/dist/components/indicator.js +1 -1
  123. package/dist/components/input-otp.js +1 -1
  124. package/dist/components/input.js +5 -5
  125. package/dist/components/label.js +1 -1
  126. package/dist/components/menu-item/MenuItem.d.ts +9 -0
  127. package/dist/components/menu-item/components/menu-item-button/MenuItemButton.d.ts +36 -6
  128. package/dist/components/menu-item/components/menu-item-icon-button/MenuItemIconButton.d.ts +3 -9
  129. package/dist/components/menu-item/components/menu-item-secondary-text/MenuItemSecondaryText.d.ts +14 -0
  130. package/dist/components/menu-item/components/menu-item-shortcut/MenuItemShortcut.d.ts +14 -0
  131. package/dist/components/menu-item/components/menu-item-text/MenuItemText.d.ts +14 -0
  132. package/dist/components/menu-item.js +167 -123
  133. package/dist/components/menu-item.js.map +1 -1
  134. package/dist/components/modal/Modal.stories.d.ts +1 -0
  135. package/dist/components/modal.js +3 -3
  136. package/dist/components/option-group.js +1 -1
  137. package/dist/components/overflow-tooltip.js +1 -1
  138. package/dist/components/page-state/PageState.stories.d.ts +1 -0
  139. package/dist/components/page-state/components/PageStateFeatureIcon.d.ts +5 -3
  140. package/dist/components/page-state.js +9 -4
  141. package/dist/components/page-state.js.map +1 -1
  142. package/dist/components/popover/Popover.stories.d.ts +4 -0
  143. package/dist/components/popover.js +1 -1
  144. package/dist/components/progress/Progress.stories.d.ts +1 -0
  145. package/dist/components/progress-circle.js +11 -11
  146. package/dist/components/progress-circle.js.map +1 -1
  147. package/dist/components/progress.js +107 -96
  148. package/dist/components/progress.js.map +1 -1
  149. package/dist/components/radio-group.js +37 -37
  150. package/dist/components/radio-group.js.map +1 -1
  151. package/dist/components/scheduler.js +1 -1
  152. package/dist/components/search-select/components/SearchSelectTag.d.ts +1 -2
  153. package/dist/components/search-select/index.d.ts +2 -0
  154. package/dist/components/search-select.js +10 -9
  155. package/dist/components/search-select.js.map +1 -1
  156. package/dist/components/select.js +1 -1
  157. package/dist/components/sheet.js +1 -1
  158. package/dist/components/sidebar.js +5 -5
  159. package/dist/components/sidebar.js.map +1 -1
  160. package/dist/components/slider/Slider.stories.d.ts +2 -0
  161. package/dist/components/switch.js +3 -3
  162. package/dist/components/switch.js.map +1 -1
  163. package/dist/components/system-state.js +26 -26
  164. package/dist/components/system-state.js.map +1 -1
  165. package/dist/components/tabs.js +24 -24
  166. package/dist/components/tabs.js.map +1 -1
  167. package/dist/components/tag-input/TagInput.d.ts +21 -0
  168. package/dist/components/tag-input/TagInput.stories.d.ts +2 -0
  169. package/dist/components/tag-input/index.d.ts +1 -1
  170. package/dist/components/tag-input.js +127 -107
  171. package/dist/components/tag-input.js.map +1 -1
  172. package/dist/components/tag.js +1 -1
  173. package/dist/components/textarea/autogrow-textarea/AutogrowTextarea.d.ts +3 -1
  174. package/dist/components/textarea/autogrow-textarea/AutogrowTextarea.stories.d.ts +2 -2
  175. package/dist/components/textarea.js +194 -58
  176. package/dist/components/textarea.js.map +1 -1
  177. package/dist/components/toast/index.d.ts +1 -1
  178. package/dist/components/toast.js +8 -9
  179. package/dist/components/toast.js.map +1 -1
  180. package/dist/components/toggle-group.js +1 -1
  181. package/dist/components/toggle.js +1 -1
  182. package/dist/components/tooltip.js +1 -1
  183. package/dist/inputBaseStyles-DJTjnpxo.js +34 -0
  184. package/dist/inputBaseStyles-DJTjnpxo.js.map +1 -0
  185. package/dist/rotate-cw-tYRlcg0g.js +15 -0
  186. package/dist/rotate-cw-tYRlcg0g.js.map +1 -0
  187. package/dist/styles-scoped.css +337 -1627
  188. package/dist/styles.css +336 -190
  189. package/package.json +2 -1
  190. package/dist/ButtonBase-DRSjPh5I.js.map +0 -1
  191. package/dist/CheckboxField-CzWvZgVu.js.map +0 -1
  192. package/dist/Command-MQU4CBP-.js.map +0 -1
  193. package/dist/Dialog-BqFP9MUA.js +0 -54
  194. package/dist/Dialog-BqFP9MUA.js.map +0 -1
  195. package/dist/EmptyState-BNdJhIH1.js +0 -12
  196. package/dist/FeatureIcon-BiyINU7m.js +0 -24
  197. package/dist/FeatureIcon-BiyINU7m.js.map +0 -1
  198. package/dist/FormBody-D1w8vHrS.js.map +0 -1
  199. package/dist/FormHeaderTemplate-0GrHpRqE.js.map +0 -1
  200. package/dist/ImagePreview-RtfJHGfM.js.map +0 -1
  201. package/dist/ImageUploader-Dn9N2b0r.js.map +0 -1
  202. package/dist/Indicator-nOrhS8bQ.js +0 -26
  203. package/dist/Indicator-nOrhS8bQ.js.map +0 -1
  204. package/dist/InputGroup-DDwZaZQm.js.map +0 -1
  205. package/dist/InputOTP-FInKYwJd.js.map +0 -1
  206. package/dist/MenuItem-ul0aDq-t.js +0 -25
  207. package/dist/MenuItem-ul0aDq-t.js.map +0 -1
  208. package/dist/Modal-DWNmrjLy.js.map +0 -1
  209. package/dist/RichButton-CQRpu0br.js.map +0 -1
  210. package/dist/SearchSelectTag-Bkr3faVn.js.map +0 -1
  211. package/dist/Sheet-BbiIPXuA.js.map +0 -1
  212. package/dist/Tag-CJpDh6a7.js.map +0 -1
  213. package/dist/Toggle-Db3flKrn.js.map +0 -1
  214. package/dist/Tooltip-B9IDsNwu.js.map +0 -1
  215. package/dist/TriggerButton-CbeMZdLX.js +0 -33
  216. package/dist/TriggerButton-CbeMZdLX.js.map +0 -1
  217. package/dist/inputBaseStyles-Bbxc3y_F.js +0 -34
  218. package/dist/inputBaseStyles-Bbxc3y_F.js.map +0 -1
  219. package/dist/refresh-cw-Q5lg7qVd.js +0 -17
  220. package/dist/refresh-cw-Q5lg7qVd.js.map +0 -1
@@ -6,7 +6,7 @@ import { A as b, u as l } from "./AlertContext-CxjW1LVL.js";
6
6
  import { I as f } from "./Icon-DH3ev9GK.js";
7
7
  const g = c({
8
8
  base: [
9
- "group relative w-full items-start rounded-lg border border-secondary-border bg-secondary-bg px-4 py-3 text-sm",
9
+ "group relative w-full items-start rounded-xl border border-secondary-border bg-secondary-bg px-4 py-3 text-sm",
10
10
  "grid grid-cols-[auto_1fr_auto] gap-y-1.5"
11
11
  ],
12
12
  variants: {
@@ -46,7 +46,7 @@ const g = c({
46
46
  }
47
47
  );
48
48
  m.displayName = "Alert";
49
- const p = c({
49
+ const x = c({
50
50
  base: "col-start-2 text-sm text-muted",
51
51
  variants: {
52
52
  status: {
@@ -64,13 +64,13 @@ const p = c({
64
64
  defaultVariants: {
65
65
  focus: "low"
66
66
  }
67
- }), x = d.forwardRef(
67
+ }), p = d.forwardRef(
68
68
  ({ className: r, focus: t, status: s, ...e }, a) => {
69
69
  const { status: u, focus: n } = l({ status: s, focus: t });
70
- return /* @__PURE__ */ o("div", { ref: a, className: p({ className: r, focus: n, status: u }), ...e });
70
+ return /* @__PURE__ */ o("div", { ref: a, className: x({ className: r, focus: n, status: u }), ...e });
71
71
  }
72
72
  );
73
- x.displayName = "AlertDescription";
73
+ p.displayName = "AlertDescription";
74
74
  const w = c({
75
75
  base: "text-status-default mr-3 translate-y-0.5",
76
76
  variants: {
@@ -90,7 +90,7 @@ const w = c({
90
90
  y.displayName = "AlertIcon";
91
91
  export {
92
92
  m as A,
93
- x as a,
93
+ p as a,
94
94
  y as b
95
95
  };
96
- //# sourceMappingURL=AlertIcon-BTZh7FQZ.js.map
96
+ //# sourceMappingURL=AlertIcon-DQs4wtDT.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertIcon-BTZh7FQZ.js","sources":["../src/components/alert/Alert.tsx","../src/components/alert/components/AlertDescription.tsx","../src/components/alert/components/AlertIcon.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { AlertContext } from \"./AlertContext\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface AlertVariants {\r\n\t/** Статус алерта */\r\n\tstatus?: \"success\" | \"warning\" | \"error\" | \"info\";\r\n\t/** Состояние фокуса */\r\n\tfocus?: \"low\" | \"medium\" | \"high\";\r\n}\r\n\r\nconst alertStyles = tv({\r\n\tbase: [\r\n\t\t\"group relative w-full items-start rounded-lg border border-secondary-border bg-secondary-bg px-4 py-3 text-sm\",\r\n\t\t\"grid grid-cols-[auto_1fr_auto] gap-y-1.5\"\r\n\t],\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tsuccess: \"border-status-success-border bg-status-success-bg\",\r\n\t\t\twarning: \"border-status-warning-border bg-status-warning-bg\",\r\n\t\t\terror: \"border-status-error-border bg-status-error-bg\",\r\n\t\t\tinfo: \"border-status-info-border bg-status-info-bg\"\r\n\t\t},\r\n\t\tfocus: {\r\n\t\t\tlow: \"border-secondary-border bg-secondary-bg\",\r\n\t\t\tmedium: \"border-secondary-border bg-secondary-bg\",\r\n\t\t\t// Не задаем bg, чтобы не переопределять status. Определяем в compoundVariants.\r\n\t\t\thigh: \"\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<AlertVariants>,\r\n\tcompoundVariants: [\r\n\t\t{\r\n\t\t\tstatus: undefined,\r\n\t\t\tfocus: \"high\",\r\n\t\t\tclass: \"bg-status-neutral-fg\"\r\n\t\t}\r\n\t],\r\n\tdefaultVariants: {\r\n\t\tfocus: \"low\"\r\n\t}\r\n});\r\n\r\nexport type AlertProps = React.HTMLAttributes<HTMLDivElement> & AlertVariants;\r\n\r\n/**\r\n * Компонент Alert для отображения уведомлений и сообщений\r\n */\r\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\r\n\t({ className, status, focus = \"low\", children, ...props }, ref) => {\r\n\t\tconst contextValue = React.useMemo(\r\n\t\t\t() => ({\r\n\t\t\t\tstatus,\r\n\t\t\t\tfocus\r\n\t\t\t}),\r\n\t\t\t[status, focus]\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<AlertContext.Provider value={contextValue}>\r\n\t\t\t\t<div ref={ref} role=\"alert\" className={alertStyles({ status, focus, className })} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\t\t\t</AlertContext.Provider>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nAlert.displayName = \"Alert\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport React from \"react\";\r\nimport { useAlert } from \"../AlertContext\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport { AlertVariants } from \"../Alert\";\r\n\r\nconst alertDescriptionStyles = tv({\r\n\tbase: \"col-start-2 text-sm text-muted\",\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tsuccess: \"text-status-success\",\r\n\t\t\twarning: \"text-status-warning\",\r\n\t\t\terror: \"text-status-error\",\r\n\t\t\tinfo: \"text-status-info\"\r\n\t\t},\r\n\t\tfocus: {\r\n\t\t\tlow: \"text-muted\",\r\n\t\t\tmedium: \"\",\r\n\t\t\thigh: \"\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<AlertVariants>,\r\n\tdefaultVariants: {\r\n\t\tfocus: \"low\"\r\n\t}\r\n});\r\n\r\nexport type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement> & AlertVariants;\r\n\r\n/**\r\n * Компонент AlertDescription для отображения описания алерта\r\n */\r\nexport const AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\r\n\t({ className, focus: focusProp, status: statusProp, ...props }, ref) => {\r\n\t\tconst { status, focus } = useAlert({ status: statusProp, focus: focusProp });\r\n\r\n\t\treturn <div ref={ref} className={alertDescriptionStyles({ className, focus, status })} {...props} />;\r\n\t}\r\n);\r\n\r\nAlertDescription.displayName = \"AlertDescription\";\r\n","import { Icon, IconProps } from \"@/components/icon/Icon\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { useAlert } from \"../AlertContext\";\r\nimport { AlertVariants } from \"../Alert\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\ntype AlertIconVariants = Omit<AlertVariants, \"focus\">;\r\n\r\nconst alertIconStyles = tv({\r\n\tbase: \"text-status-default mr-3 translate-y-0.5\",\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tsuccess: \"text-status-success-hover\",\r\n\t\t\twarning: \"text-status-warning-hover\",\r\n\t\t\terror: \"text-status-error-hover\",\r\n\t\t\tinfo: \"text-status-info-hover\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<AlertIconVariants>\r\n});\r\n\r\nexport type AlertIconProps = IconProps & AlertIconVariants;\r\n\r\n/**\r\n * Компонент AlertIcon для отображения иконки алерта\r\n */\r\nexport const AlertIcon = React.forwardRef<SVGSVGElement, AlertIconProps>(\r\n\t({ className, status: statusProp, ...props }, ref) => {\r\n\t\tconst { status } = useAlert({ status: statusProp });\r\n\r\n\t\treturn <Icon ref={ref} className={alertIconStyles({ status, className })} {...props} />;\r\n\t}\r\n);\r\n\r\nAlertIcon.displayName = \"AlertIcon\";\r\n"],"names":["alertStyles","tv","Alert","React","className","status","focus","children","props","ref","contextValue","jsx","AlertContext","alertDescriptionStyles","AlertDescription","focusProp","statusProp","useAlert","alertIconStyles","AlertIcon","Icon"],"mappings":";;;;;;AAYA,MAAMA,IAAcC,EAAG;AAAA,EACtB,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA;AAAA,MAER,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,kBAAkB;AAAA,IACjB;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAOYC,IAAQC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,IAAQ,OAAO,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AAClE,UAAMC,IAAeP,EAAM;AAAA,MAC1B,OAAO;AAAA,QACN,QAAAE;AAAA,QACA,OAAAC;AAAA,MAAA;AAAA,MAED,CAACD,GAAQC,CAAK;AAAA,IACf;AAGC,WAAA,gBAAAK,EAACC,EAAa,UAAb,EAAsB,OAAOF,GAC7B,UAAA,gBAAAC,EAAC,OAAI,EAAA,KAAAF,GAAU,MAAK,SAAQ,WAAWT,EAAY,EAAE,QAAAK,GAAQ,OAAAC,GAAO,WAAAF,EAAW,CAAA,GAAI,GAAGI,GACpF,UAAAD,EAAA,CACF,EACD,CAAA;AAAA,EAAA;AAGH;AAEAL,EAAM,cAAc;AC9DpB,MAAMW,IAAyBZ,EAAG;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAOYa,IAAmBX,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,OAAOW,GAAW,QAAQC,GAAY,GAAGR,EAAM,GAAGC,MAAQ;AACjE,UAAA,EAAE,QAAAJ,GAAQ,OAAAC,EAAA,IAAUW,EAAS,EAAE,QAAQD,GAAY,OAAOD,GAAW;AAE3E,WAAQ,gBAAAJ,EAAA,OAAA,EAAI,KAAAF,GAAU,WAAWI,EAAuB,EAAE,WAAAT,GAAW,OAAAE,GAAO,QAAAD,EAAO,CAAC,GAAI,GAAGG,EAAO,CAAA;AAAA,EAAA;AAEpG;AAEAM,EAAiB,cAAc;AC9B/B,MAAMI,IAAkBjB,EAAG;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAOYkB,IAAYhB,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,QAAQY,GAAY,GAAGR,KAASC,MAAQ;AACrD,UAAM,EAAE,QAAAJ,EAAO,IAAIY,EAAS,EAAE,QAAQD,GAAY;AAE3C,WAAA,gBAAAL,EAACS,GAAK,EAAA,KAAAX,GAAU,WAAWS,EAAgB,EAAE,QAAAb,GAAQ,WAAAD,EAAU,CAAC,GAAI,GAAGI,EAAO,CAAA;AAAA,EAAA;AAEvF;AAEAW,EAAU,cAAc;"}
1
+ {"version":3,"file":"AlertIcon-DQs4wtDT.js","sources":["../src/components/alert/Alert.tsx","../src/components/alert/components/AlertDescription.tsx","../src/components/alert/components/AlertIcon.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { AlertContext } from \"./AlertContext\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface AlertVariants {\r\n\t/** Статус алерта */\r\n\tstatus?: \"success\" | \"warning\" | \"error\" | \"info\";\r\n\t/** Состояние фокуса */\r\n\tfocus?: \"low\" | \"medium\" | \"high\";\r\n}\r\n\r\nconst alertStyles = tv({\r\n\tbase: [\r\n\t\t\"group relative w-full items-start rounded-xl border border-secondary-border bg-secondary-bg px-4 py-3 text-sm\",\r\n\t\t\"grid grid-cols-[auto_1fr_auto] gap-y-1.5\"\r\n\t],\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tsuccess: \"border-status-success-border bg-status-success-bg\",\r\n\t\t\twarning: \"border-status-warning-border bg-status-warning-bg\",\r\n\t\t\terror: \"border-status-error-border bg-status-error-bg\",\r\n\t\t\tinfo: \"border-status-info-border bg-status-info-bg\"\r\n\t\t},\r\n\t\tfocus: {\r\n\t\t\tlow: \"border-secondary-border bg-secondary-bg\",\r\n\t\t\tmedium: \"border-secondary-border bg-secondary-bg\",\r\n\t\t\t// Не задаем bg, чтобы не переопределять status. Определяем в compoundVariants.\r\n\t\t\thigh: \"\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<AlertVariants>,\r\n\tcompoundVariants: [\r\n\t\t{\r\n\t\t\tstatus: undefined,\r\n\t\t\tfocus: \"high\",\r\n\t\t\tclass: \"bg-status-neutral-fg\"\r\n\t\t}\r\n\t],\r\n\tdefaultVariants: {\r\n\t\tfocus: \"low\"\r\n\t}\r\n});\r\n\r\nexport type AlertProps = React.HTMLAttributes<HTMLDivElement> & AlertVariants;\r\n\r\n/**\r\n * Компонент Alert для отображения уведомлений и сообщений\r\n */\r\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\r\n\t({ className, status, focus = \"low\", children, ...props }, ref) => {\r\n\t\tconst contextValue = React.useMemo(\r\n\t\t\t() => ({\r\n\t\t\t\tstatus,\r\n\t\t\t\tfocus\r\n\t\t\t}),\r\n\t\t\t[status, focus]\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<AlertContext.Provider value={contextValue}>\r\n\t\t\t\t<div ref={ref} role=\"alert\" className={alertStyles({ status, focus, className })} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\t\t\t</AlertContext.Provider>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nAlert.displayName = \"Alert\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport React from \"react\";\r\nimport { useAlert } from \"../AlertContext\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport { AlertVariants } from \"../Alert\";\r\n\r\nconst alertDescriptionStyles = tv({\r\n\tbase: \"col-start-2 text-sm text-muted\",\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tsuccess: \"text-status-success\",\r\n\t\t\twarning: \"text-status-warning\",\r\n\t\t\terror: \"text-status-error\",\r\n\t\t\tinfo: \"text-status-info\"\r\n\t\t},\r\n\t\tfocus: {\r\n\t\t\tlow: \"text-muted\",\r\n\t\t\tmedium: \"\",\r\n\t\t\thigh: \"\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<AlertVariants>,\r\n\tdefaultVariants: {\r\n\t\tfocus: \"low\"\r\n\t}\r\n});\r\n\r\nexport type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement> & AlertVariants;\r\n\r\n/**\r\n * Компонент AlertDescription для отображения описания алерта\r\n */\r\nexport const AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\r\n\t({ className, focus: focusProp, status: statusProp, ...props }, ref) => {\r\n\t\tconst { status, focus } = useAlert({ status: statusProp, focus: focusProp });\r\n\r\n\t\treturn <div ref={ref} className={alertDescriptionStyles({ className, focus, status })} {...props} />;\r\n\t}\r\n);\r\n\r\nAlertDescription.displayName = \"AlertDescription\";\r\n","import { Icon, IconProps } from \"@/components/icon/Icon\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { useAlert } from \"../AlertContext\";\r\nimport { AlertVariants } from \"../Alert\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\ntype AlertIconVariants = Omit<AlertVariants, \"focus\">;\r\n\r\nconst alertIconStyles = tv({\r\n\tbase: \"text-status-default mr-3 translate-y-0.5\",\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tsuccess: \"text-status-success-hover\",\r\n\t\t\twarning: \"text-status-warning-hover\",\r\n\t\t\terror: \"text-status-error-hover\",\r\n\t\t\tinfo: \"text-status-info-hover\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<AlertIconVariants>\r\n});\r\n\r\nexport type AlertIconProps = IconProps & AlertIconVariants;\r\n\r\n/**\r\n * Компонент AlertIcon для отображения иконки алерта\r\n */\r\nexport const AlertIcon = React.forwardRef<SVGSVGElement, AlertIconProps>(\r\n\t({ className, status: statusProp, ...props }, ref) => {\r\n\t\tconst { status } = useAlert({ status: statusProp });\r\n\r\n\t\treturn <Icon ref={ref} className={alertIconStyles({ status, className })} {...props} />;\r\n\t}\r\n);\r\n\r\nAlertIcon.displayName = \"AlertIcon\";\r\n"],"names":["alertStyles","tv","Alert","React","className","status","focus","children","props","ref","contextValue","jsx","AlertContext","alertDescriptionStyles","AlertDescription","focusProp","statusProp","useAlert","alertIconStyles","AlertIcon","Icon"],"mappings":";;;;;;AAYA,MAAMA,IAAcC,EAAG;AAAA,EACtB,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA;AAAA,MAER,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,kBAAkB;AAAA,IACjB;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAOYC,IAAQC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,IAAQ,OAAO,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AAClE,UAAMC,IAAeP,EAAM;AAAA,MAC1B,OAAO;AAAA,QACN,QAAAE;AAAA,QACA,OAAAC;AAAA,MAAA;AAAA,MAED,CAACD,GAAQC,CAAK;AAAA,IACf;AAGC,WAAA,gBAAAK,EAACC,EAAa,UAAb,EAAsB,OAAOF,GAC7B,UAAA,gBAAAC,EAAC,OAAI,EAAA,KAAAF,GAAU,MAAK,SAAQ,WAAWT,EAAY,EAAE,QAAAK,GAAQ,OAAAC,GAAO,WAAAF,EAAW,CAAA,GAAI,GAAGI,GACpF,UAAAD,EAAA,CACF,EACD,CAAA;AAAA,EAAA;AAGH;AAEAL,EAAM,cAAc;AC9DpB,MAAMW,IAAyBZ,EAAG;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAOYa,IAAmBX,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,OAAOW,GAAW,QAAQC,GAAY,GAAGR,EAAM,GAAGC,MAAQ;AACjE,UAAA,EAAE,QAAAJ,GAAQ,OAAAC,EAAA,IAAUW,EAAS,EAAE,QAAQD,GAAY,OAAOD,GAAW;AAE3E,WAAQ,gBAAAJ,EAAA,OAAA,EAAI,KAAAF,GAAU,WAAWI,EAAuB,EAAE,WAAAT,GAAW,OAAAE,GAAO,QAAAD,EAAO,CAAC,GAAI,GAAGG,EAAO,CAAA;AAAA,EAAA;AAEpG;AAEAM,EAAiB,cAAc;AC9B/B,MAAMI,IAAkBjB,EAAG;AAAA,EAC1B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAOYkB,IAAYhB,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,QAAQY,GAAY,GAAGR,KAASC,MAAQ;AACrD,UAAM,EAAE,QAAAJ,EAAO,IAAIY,EAAS,EAAE,QAAQD,GAAY;AAE3C,WAAA,gBAAAL,EAACS,GAAK,EAAA,KAAAX,GAAU,WAAWS,EAAgB,EAAE,QAAAb,GAAQ,WAAAD,EAAU,CAAC,GAAI,GAAGI,EAAO,CAAA;AAAA,EAAA;AAEvF;AAEAW,EAAU,cAAc;"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as t, jsxs as f } from "react/jsx-runtime";
2
2
  import p from "react";
3
3
  import { T as u } from "./index-BVqs-uqP.js";
4
- import { B as h } from "./ButtonBase-DRSjPh5I.js";
4
+ import { B as h } from "./ButtonBase-BaTjE6Rs.js";
5
5
  const w = u({
6
6
  slots: {
7
7
  container: "flex items-center justify-center gap-2 overflow-hidden",
@@ -33,4 +33,4 @@ x.displayName = "Button";
33
33
  export {
34
34
  x as B
35
35
  };
36
- //# sourceMappingURL=Button-Kf5vwkHh.js.map
36
+ //# sourceMappingURL=Button-BJDYzLSW.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button-Kf5vwkHh.js","sources":["../src/components/button/button/Button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps, ButtonBaseVariants } from \"../button-base/ButtonBase\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\ntype ButtonVariants = Pick<ButtonBaseVariants, \"size\">;\r\n\r\nconst buttonStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex items-center justify-center gap-2 overflow-hidden\",\r\n\t\ticon: \"h-4 w-4\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { icon: \"h-3 w-3\" },\r\n\t\t\tsm: { icon: \"h-3.5 w-3.5\" },\r\n\t\t\tmd: {},\r\n\t\t\tlg: {},\r\n\t\t\txl: { icon: \"h-5 w-5\", container: \"gap-3\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<ButtonVariants>,\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type ButtonProps = PropsWithChildren<\r\n\tButtonBaseProps &\r\n\t\tButtonVariants & {\r\n\t\t\tstartIcon?: React.ElementType;\r\n\t\t\tendIcon?: React.ElementType;\r\n\t\t\tcontainerClassName?: string;\r\n\t\t\ticonClassName?: string;\r\n\t\t}\r\n>;\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t({ startIcon: StartIcon, endIcon: EndIcon, size, children, iconClassName, containerClassName, ...props }, ref) => {\r\n\t\tconst styles = buttonStyles({ size });\r\n\r\n\t\tconst startIconEl = StartIcon && <StartIcon className={styles.icon({ className: iconClassName })} />;\r\n\t\tconst endIconEl = EndIcon && <EndIcon className={styles.icon({ className: iconClassName })} />;\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase {...props} size={size} ref={ref}>\r\n\t\t\t\t<div className={styles.container({ className: containerClassName })}>\r\n\t\t\t\t\t{startIconEl}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{endIconEl}\r\n\t\t\t\t</div>\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = \"Button\";\r\n"],"names":["buttonStyles","tv","Button","React","StartIcon","EndIcon","size","children","iconClassName","containerClassName","props","ref","styles","startIconEl","jsx","endIconEl","ButtonBase","jsxs"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAG;AAAA,EACvB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,MAAM,UAAU;AAAA,MACtB,IAAI,EAAE,MAAM,cAAc;AAAA,MAC1B,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,EAAE,MAAM,WAAW,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE5C;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAYYC,IAASC,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAWC,GAAW,SAASC,GAAS,MAAAC,GAAM,UAAAC,GAAU,eAAAC,GAAe,oBAAAC,GAAoB,GAAGC,EAAA,GAASC,MAAQ;AACjH,UAAMC,IAASZ,EAAa,EAAE,MAAAM,GAAM,GAE9BO,IAAcT,KAAa,gBAAAU,EAACV,GAAU,EAAA,WAAWQ,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA,GAC5FO,IAAYV,KAAW,gBAAAS,EAACT,GAAQ,EAAA,WAAWO,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA;AAE5F,WACE,gBAAAM,EAAAE,GAAA,EAAY,GAAGN,GAAO,MAAAJ,GAAY,KAAAK,GAClC,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAWL,EAAO,UAAU,EAAE,WAAWH,EAAA,CAAoB,GAChE,UAAA;AAAA,MAAAI;AAAA,MACAN;AAAA,MACAQ;AAAA,IAAA,EAAA,CACF,EACD,CAAA;AAAA,EAAA;AAGH;AAEAb,EAAO,cAAc;"}
1
+ {"version":3,"file":"Button-BJDYzLSW.js","sources":["../src/components/button/button/Button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps, ButtonBaseVariants } from \"../button-base/ButtonBase\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\ntype ButtonVariants = Pick<ButtonBaseVariants, \"size\">;\r\n\r\nconst buttonStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex items-center justify-center gap-2 overflow-hidden\",\r\n\t\ticon: \"h-4 w-4\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { icon: \"h-3 w-3\" },\r\n\t\t\tsm: { icon: \"h-3.5 w-3.5\" },\r\n\t\t\tmd: {},\r\n\t\t\tlg: {},\r\n\t\t\txl: { icon: \"h-5 w-5\", container: \"gap-3\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<ButtonVariants>,\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type ButtonProps = PropsWithChildren<\r\n\tButtonBaseProps &\r\n\t\tButtonVariants & {\r\n\t\t\tstartIcon?: React.ElementType;\r\n\t\t\tendIcon?: React.ElementType;\r\n\t\t\tcontainerClassName?: string;\r\n\t\t\ticonClassName?: string;\r\n\t\t}\r\n>;\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t({ startIcon: StartIcon, endIcon: EndIcon, size, children, iconClassName, containerClassName, ...props }, ref) => {\r\n\t\tconst styles = buttonStyles({ size });\r\n\r\n\t\tconst startIconEl = StartIcon && <StartIcon className={styles.icon({ className: iconClassName })} />;\r\n\t\tconst endIconEl = EndIcon && <EndIcon className={styles.icon({ className: iconClassName })} />;\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase {...props} size={size} ref={ref}>\r\n\t\t\t\t<div className={styles.container({ className: containerClassName })}>\r\n\t\t\t\t\t{startIconEl}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{endIconEl}\r\n\t\t\t\t</div>\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = \"Button\";\r\n"],"names":["buttonStyles","tv","Button","React","StartIcon","EndIcon","size","children","iconClassName","containerClassName","props","ref","styles","startIconEl","jsx","endIconEl","ButtonBase","jsxs"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAG;AAAA,EACvB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,MAAM,UAAU;AAAA,MACtB,IAAI,EAAE,MAAM,cAAc;AAAA,MAC1B,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,EAAE,MAAM,WAAW,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE5C;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAYYC,IAASC,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAWC,GAAW,SAASC,GAAS,MAAAC,GAAM,UAAAC,GAAU,eAAAC,GAAe,oBAAAC,GAAoB,GAAGC,EAAA,GAASC,MAAQ;AACjH,UAAMC,IAASZ,EAAa,EAAE,MAAAM,GAAM,GAE9BO,IAAcT,KAAa,gBAAAU,EAACV,GAAU,EAAA,WAAWQ,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA,GAC5FO,IAAYV,KAAW,gBAAAS,EAACT,GAAQ,EAAA,WAAWO,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA;AAE5F,WACE,gBAAAM,EAAAE,GAAA,EAAY,GAAGN,GAAO,MAAAJ,GAAY,KAAAK,GAClC,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAWL,EAAO,UAAU,EAAE,WAAWH,EAAA,CAAoB,GAChE,UAAA;AAAA,MAAAI;AAAA,MACAN;AAAA,MACAQ;AAAA,IAAA,EAAA,CACF,EACD,CAAA;AAAA,EAAA;AAGH;AAEAb,EAAO,cAAc;"}
@@ -6,9 +6,9 @@ const v = c({
6
6
  base: "inline-flex cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50",
7
7
  variants: {
8
8
  variant: {
9
- primary: "bg-primary-accent text-primary-bg shadow-base hover:bg-primary-accent-hover",
9
+ primary: "bg-primary-accent text-primary-bg shadow-soft-base hover:bg-primary-accent-hover",
10
10
  secondary: "bg-secondary-bg-hover hover:bg-primary-bg-hover",
11
- outline: "border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover",
11
+ outline: "border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm hover:border-primary-border hover:bg-secondary-bg-hover",
12
12
  ghost: "bg-transparent hover:bg-secondary-bg-hover",
13
13
  link: "bg-transparent text-muted underline hover:text-primary-fg",
14
14
  text: "bg-transparent text-muted hover:text-primary-fg"
@@ -155,4 +155,4 @@ h.displayName = "ButtonBase";
155
155
  export {
156
156
  h as B
157
157
  };
158
- //# sourceMappingURL=ButtonBase-DRSjPh5I.js.map
158
+ //# sourceMappingURL=ButtonBase-BaTjE6Rs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonBase-BaTjE6Rs.js","sources":["../src/components/button/button-base/ButtonBase.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport interface ButtonBaseVariants {\r\n\tvariant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"link\" | \"text\";\r\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n}\r\n\r\nconst buttonBaseStyles = tv({\r\n\tbase: \"inline-flex cursor-pointer select-none items-center justify-center overflow-hidden rounded-lg font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50\",\r\n\tvariants: {\r\n\t\tvariant: {\r\n\t\t\tprimary: \"bg-primary-accent text-primary-bg shadow-soft-base hover:bg-primary-accent-hover\",\r\n\t\t\tsecondary: \"bg-secondary-bg-hover hover:bg-primary-bg-hover\",\r\n\t\t\toutline:\r\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm hover:border-primary-border hover:bg-secondary-bg-hover\",\r\n\t\t\tghost: \"bg-transparent hover:bg-secondary-bg-hover\",\r\n\t\t\tlink: \"bg-transparent text-muted underline hover:text-primary-fg\",\r\n\t\t\ttext: \"bg-transparent text-muted hover:text-primary-fg\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\tdefault: \"\",\r\n\t\t\tinfo: \"text-status-info\",\r\n\t\t\tsuccess: \"text-status-success\",\r\n\t\t\twarning: \"text-status-warning\",\r\n\t\t\terror: \"text-status-error\"\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\txs: \"h-7 gap-2 px-2.5 py-1.5 text-xs\",\r\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\r\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\r\n\t\t\tlg: \"h-10 gap-2 px-5 py-2 text-sm\",\r\n\t\t\txl: \"h-11 gap-3 px-6 py-3 text-base\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<ButtonBaseVariants>,\r\n\tdefaultVariants: {\r\n\t\tvariant: \"primary\",\r\n\t\tsize: \"md\",\r\n\t\tstatus: \"default\"\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t/*\r\n\t\t * Statuses\r\n\t\t */\r\n\t\t// Primary\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\r\n\t\t\tclass: \"text-white hover:text-white\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info hover:bg-status-info-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success hover:bg-status-success-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning hover:bg-status-warning-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error hover:bg-status-error-hover\"\r\n\t\t},\r\n\t\t// Secondary\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info-bg hover:bg-status-info-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success-bg hover:bg-status-success-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning-bg hover:bg-status-warning-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error-bg hover:bg-status-error-bg-hover\"\r\n\t\t},\r\n\t\t// Outline\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"border-status-info-border hover:border-status-info-border hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"border-status-success-border hover:border-status-success-border hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"border-status-error-border hover:border-status-error-border hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Ghost\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Text & Link\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info/70 hover:text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success/70 hover:text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning/70 hover:text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error/70 hover:text-status-error\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\r\n\tButtonBaseVariants & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\r\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"button\";\r\n\t\treturn (\r\n\t\t\t<Comp className={buttonBaseStyles({ variant, size, status, className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n"],"names":["buttonBaseStyles","tv","ButtonBase","React","variant","size","children","status","className","asChild","props","ref","jsx","Slot"],"mappings":"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"}
@@ -11,7 +11,7 @@ import { P as _ } from "./index-CpDnqHCm.js";
11
11
  import { T as B } from "./index-BVqs-uqP.js";
12
12
  import { M as Q } from "./minus-BltQa7Q2.js";
13
13
  import { C as Y } from "./check-CeyaOoZv.js";
14
- import { F as Z } from "./FieldLabel-BC7sPLmF.js";
14
+ import { F as Z } from "./FieldLabel-B393j-2c.js";
15
15
  import { D as ee } from "./Description-B5wn0Rpy.js";
16
16
  var g = "Checkbox", [te, ge] = W(g), [re, I] = te(g);
17
17
  function ae(t) {
@@ -19,10 +19,10 @@ function ae(t) {
19
19
  __scopeCheckbox: o,
20
20
  checked: r,
21
21
  children: s,
22
- defaultChecked: n,
22
+ defaultChecked: c,
23
23
  disabled: e,
24
24
  form: h,
25
- name: c,
25
+ name: n,
26
26
  onCheckedChange: i,
27
27
  required: p,
28
28
  value: f = "on",
@@ -30,7 +30,7 @@ function ae(t) {
30
30
  internal_do_not_use_render: l
31
31
  } = t, [b, y] = X({
32
32
  prop: r,
33
- defaultProp: n ?? !1,
33
+ defaultProp: c ?? !1,
34
34
  onChange: i,
35
35
  caller: g
36
36
  }), [k, x] = m.useState(null), [C, d] = m.useState(null), u = m.useRef(!1), w = k ? !!h || !!k.closest("form") : (
@@ -42,12 +42,12 @@ function ae(t) {
42
42
  setChecked: y,
43
43
  control: k,
44
44
  setControl: x,
45
- name: c,
45
+ name: n,
46
46
  form: h,
47
47
  value: f,
48
48
  hasConsumerStoppedPropagationRef: u,
49
49
  required: p,
50
- defaultChecked: v(n) ? !1 : n,
50
+ defaultChecked: v(c) ? !1 : c,
51
51
  isFormControl: w,
52
52
  bubbleInput: C,
53
53
  setBubbleInput: d
@@ -62,11 +62,11 @@ function ae(t) {
62
62
  );
63
63
  }
64
64
  var D = "CheckboxTrigger", M = m.forwardRef(
65
- ({ __scopeCheckbox: t, onKeyDown: o, onClick: r, ...s }, n) => {
65
+ ({ __scopeCheckbox: t, onKeyDown: o, onClick: r, ...s }, c) => {
66
66
  const {
67
67
  control: e,
68
68
  value: h,
69
- disabled: c,
69
+ disabled: n,
70
70
  checked: i,
71
71
  required: p,
72
72
  setControl: f,
@@ -74,7 +74,7 @@ var D = "CheckboxTrigger", M = m.forwardRef(
74
74
  hasConsumerStoppedPropagationRef: b,
75
75
  isFormControl: y,
76
76
  bubbleInput: k
77
- } = I(D, t), x = F(n, f), C = m.useRef(i);
77
+ } = I(D, t), x = F(c, f), C = m.useRef(i);
78
78
  return m.useEffect(() => {
79
79
  const d = e?.form;
80
80
  if (d) {
@@ -89,8 +89,8 @@ var D = "CheckboxTrigger", M = m.forwardRef(
89
89
  "aria-checked": v(i) ? "mixed" : i,
90
90
  "aria-required": p,
91
91
  "data-state": j(i),
92
- "data-disabled": c ? "" : void 0,
93
- disabled: c,
92
+ "data-disabled": n ? "" : void 0,
93
+ disabled: n,
94
94
  value: h,
95
95
  ...s,
96
96
  ref: x,
@@ -110,10 +110,10 @@ var P = m.forwardRef(
110
110
  const {
111
111
  __scopeCheckbox: r,
112
112
  name: s,
113
- checked: n,
113
+ checked: c,
114
114
  defaultChecked: e,
115
115
  required: h,
116
- disabled: c,
116
+ disabled: n,
117
117
  value: i,
118
118
  onCheckedChange: p,
119
119
  form: f,
@@ -123,9 +123,9 @@ var P = m.forwardRef(
123
123
  ae,
124
124
  {
125
125
  __scopeCheckbox: r,
126
- checked: n,
126
+ checked: c,
127
127
  defaultChecked: e,
128
- disabled: c,
128
+ disabled: n,
129
129
  required: h,
130
130
  onCheckedChange: p,
131
131
  name: s,
@@ -154,7 +154,7 @@ var P = m.forwardRef(
154
154
  P.displayName = g;
155
155
  var T = "CheckboxIndicator", q = m.forwardRef(
156
156
  (t, o) => {
157
- const { __scopeCheckbox: r, forceMount: s, ...n } = t, e = I(T, r);
157
+ const { __scopeCheckbox: r, forceMount: s, ...c } = t, e = I(T, r);
158
158
  return /* @__PURE__ */ a(
159
159
  J,
160
160
  {
@@ -164,7 +164,7 @@ var T = "CheckboxIndicator", q = m.forwardRef(
164
164
  {
165
165
  "data-state": j(e.checked),
166
166
  "data-disabled": e.disabled ? "" : void 0,
167
- ...n,
167
+ ...c,
168
168
  ref: o,
169
169
  style: { pointerEvents: "none", ...t.style }
170
170
  }
@@ -178,10 +178,10 @@ var A = "CheckboxBubbleInput", L = m.forwardRef(
178
178
  ({ __scopeCheckbox: t, ...o }, r) => {
179
179
  const {
180
180
  control: s,
181
- hasConsumerStoppedPropagationRef: n,
181
+ hasConsumerStoppedPropagationRef: c,
182
182
  checked: e,
183
183
  defaultChecked: h,
184
- required: c,
184
+ required: n,
185
185
  disabled: i,
186
186
  name: p,
187
187
  value: f,
@@ -195,12 +195,12 @@ var A = "CheckboxBubbleInput", L = m.forwardRef(
195
195
  const w = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
196
196
  w,
197
197
  "checked"
198
- ).set, H = !n.current;
198
+ ).set, H = !c.current;
199
199
  if (x !== e && E) {
200
200
  const z = new Event("click", { bubbles: H });
201
201
  u.indeterminate = v(e), E.call(u, v(e) ? !1 : e), u.dispatchEvent(z);
202
202
  }
203
- }, [b, x, e, n]);
203
+ }, [b, x, e, c]);
204
204
  const d = m.useRef(v(e) ? !1 : e);
205
205
  return /* @__PURE__ */ a(
206
206
  _.input,
@@ -208,7 +208,7 @@ var A = "CheckboxBubbleInput", L = m.forwardRef(
208
208
  type: "checkbox",
209
209
  "aria-hidden": !0,
210
210
  defaultChecked: h ?? d.current,
211
- required: c,
211
+ required: n,
212
212
  disabled: i,
213
213
  name: p,
214
214
  value: f,
@@ -245,19 +245,19 @@ function j(t) {
245
245
  const se = B({
246
246
  slots: {
247
247
  root: [
248
- "peer h-4 w-4 shrink-0 rounded-sm border border-primary-border bg-secondary-bg shadow-sm",
248
+ "peer h-4 w-4 shrink-0 rounded-sm border border-primary-border bg-secondary-bg shadow-soft-sm",
249
249
  "flex items-center justify-center",
250
- "hover:border-muted hover:shadow-base",
250
+ "hover:border-muted hover:shadow-soft-base",
251
251
  "focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none",
252
- "disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-sm",
252
+ "disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-soft-sm",
253
253
  "data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg",
254
- "data-[state=checked]:hover:border-primary-accent-hover data-[state=checked]:hover:bg-primary-accent-hover data-[state=checked]:hover:shadow-base",
254
+ "data-[state=checked]:hover:border-primary-accent-hover data-[state=checked]:hover:bg-primary-accent-hover data-[state=checked]:hover:shadow-soft-base",
255
255
  "data-[state=checked]:focus-visible:shadow-focus",
256
- "data-[state=checked]:disabled:border-primary-accent data-[state=checked]:disabled:bg-primary-accent data-[state=checked]:disabled:opacity-50 data-[state=checked]:disabled:shadow-sm",
256
+ "data-[state=checked]:disabled:border-primary-accent data-[state=checked]:disabled:bg-primary-accent data-[state=checked]:disabled:opacity-50 data-[state=checked]:disabled:shadow-soft-sm",
257
257
  "data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg",
258
- "data-[state=indeterminate]:hover:border-primary-accent-hover data-[state=indeterminate]:hover:bg-primary-accent-hover data-[state=indeterminate]:hover:shadow-base",
258
+ "data-[state=indeterminate]:hover:border-primary-accent-hover data-[state=indeterminate]:hover:bg-primary-accent-hover data-[state=indeterminate]:hover:shadow-soft-base",
259
259
  "data-[state=indeterminate]:focus-visible:shadow-focus",
260
- "data-[state=indeterminate]:disabled:border-primary-accent data-[state=indeterminate]:disabled:bg-primary-accent data-[state=indeterminate]:disabled:opacity-50 data-[state=indeterminate]:disabled:shadow-sm"
260
+ "data-[state=indeterminate]:disabled:border-primary-accent data-[state=indeterminate]:disabled:bg-primary-accent data-[state=indeterminate]:disabled:opacity-50 data-[state=indeterminate]:disabled:shadow-soft-sm"
261
261
  ],
262
262
  icon: "h-4 w-4"
263
263
  }
@@ -268,7 +268,7 @@ const se = B({
268
268
  }
269
269
  );
270
270
  O.displayName = P.displayName;
271
- const ne = B({
271
+ const ce = B({
272
272
  slots: {
273
273
  container: "flex cursor-pointer items-center space-x-3",
274
274
  textContainer: "flex flex-col gap-1",
@@ -279,7 +279,7 @@ const ne = B({
279
279
  variants: {
280
280
  outline: {
281
281
  true: {
282
- container: "rounded-lg p-3 px-4 outline outline-1 outline-secondary-border"
282
+ container: "rounded-lg border border-secondary-border p-3 px-4"
283
283
  }
284
284
  },
285
285
  alignment: {
@@ -308,28 +308,28 @@ const ne = B({
308
308
  defaultVariants: {
309
309
  alignment: "left"
310
310
  }
311
- }), ce = K.forwardRef(
312
- ({ className: t, id: o, label: r, alignment: s, disabled: n, error: e, outline: h, description: c, ...i }, p) => {
311
+ }), ne = K.forwardRef(
312
+ ({ className: t, id: o, label: r, alignment: s, disabled: c, error: e, outline: h, description: n, ...i }, p) => {
313
313
  const {
314
314
  container: f,
315
315
  textContainer: l,
316
316
  label: b,
317
317
  labelWrapper: y,
318
318
  description: k
319
- } = ne({ alignment: s, disabled: n, error: e, outline: h, withDescription: !!c }), x = U(), C = o || `checkbox-${x}`;
319
+ } = ce({ alignment: s, disabled: c, error: e, outline: h, withDescription: !!n }), x = U(), C = o || `checkbox-${x}`;
320
320
  return /* @__PURE__ */ N("label", { htmlFor: C, className: f({ class: t }), children: [
321
- /* @__PURE__ */ a(O, { disabled: n, id: C, ...i, ref: p }),
322
- (r || c) && /* @__PURE__ */ N("div", { className: l(), children: [
321
+ /* @__PURE__ */ a(O, { disabled: c, id: C, ...i, ref: p }),
322
+ (r || n) && /* @__PURE__ */ N("div", { className: l(), children: [
323
323
  r && /* @__PURE__ */ a("div", { className: y(), children: /* @__PURE__ */ a(Z, { htmlFor: C, className: b(), children: r }) }),
324
- c && /* @__PURE__ */ a(ee, { className: k(), children: c })
324
+ n && /* @__PURE__ */ a(ee, { className: k(), children: n })
325
325
  ] })
326
326
  ] });
327
327
  }
328
328
  );
329
- ce.displayName = "CheckboxField";
329
+ ne.displayName = "CheckboxField";
330
330
  export {
331
331
  O as C,
332
- ce as a,
332
+ ne as a,
333
333
  se as c
334
334
  };
335
- //# sourceMappingURL=CheckboxField-CzWvZgVu.js.map
335
+ //# sourceMappingURL=CheckboxField-ceUJa-h5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxField-ceUJa-h5.js","sources":["../node_modules/.pnpm/@radix-ui+react-checkbox@1._c3bf957356fa9b096a8972cab714fe1a/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/checkbox-field/CheckboxField.tsx"],"sourcesContent":["\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n const {\n __scopeCheckbox,\n checked: checkedProp,\n children,\n defaultChecked,\n disabled,\n form,\n name,\n onCheckedChange,\n required,\n value = \"on\",\n // @ts-expect-error\n internal_do_not_use_render\n } = props;\n const [checked, setChecked] = useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked ?? false,\n onChange: onCheckedChange,\n caller: CHECKBOX_NAME\n });\n const [control, setControl] = React.useState(null);\n const [bubbleInput, setBubbleInput] = React.useState(null);\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n // We set this to true by default so that events bubble to forms without JS (SSR)\n true\n );\n const context = {\n checked,\n disabled,\n setChecked,\n control,\n setControl,\n name,\n form,\n value,\n hasConsumerStoppedPropagationRef,\n required,\n defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n isFormControl,\n bubbleInput,\n setBubbleInput\n };\n return /* @__PURE__ */ jsx(\n CheckboxProviderImpl,\n {\n scope: __scopeCheckbox,\n ...context,\n children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n }\n );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n const {\n control,\n value,\n disabled,\n checked,\n required,\n setControl,\n setChecked,\n hasConsumerStoppedPropagationRef,\n isFormControl,\n bubbleInput\n } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n const composedRefs = useComposedRefs(forwardedRef, setControl);\n const initialCheckedStateRef = React.useRef(checked);\n React.useEffect(() => {\n const form = control?.form;\n if (form) {\n const reset = () => setChecked(initialCheckedStateRef.current);\n form.addEventListener(\"reset\", reset);\n return () => form.removeEventListener(\"reset\", reset);\n }\n }, [control, setChecked]);\n return /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"checkbox\",\n \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n \"aria-required\": required,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...checkboxProps,\n ref: composedRefs,\n onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n if (event.key === \"Enter\") event.preventDefault();\n }),\n onClick: composeEventHandlers(onClick, (event) => {\n setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n if (bubbleInput && isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n );\n }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeCheckbox,\n name,\n checked,\n defaultChecked,\n required,\n disabled,\n value,\n onCheckedChange,\n form,\n ...checkboxProps\n } = props;\n return /* @__PURE__ */ jsx(\n CheckboxProvider,\n {\n __scopeCheckbox,\n checked,\n defaultChecked,\n disabled,\n required,\n onCheckedChange,\n name,\n form,\n value,\n internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsx(\n CheckboxTrigger,\n {\n ...checkboxProps,\n ref: forwardedRef,\n __scopeCheckbox\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n CheckboxBubbleInput,\n {\n __scopeCheckbox\n }\n )\n ] })\n }\n );\n }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n return /* @__PURE__ */ jsx(\n Presence,\n {\n present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n children: /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.checked),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...indicatorProps,\n ref: forwardedRef,\n style: { pointerEvents: \"none\", ...props.style }\n }\n )\n }\n );\n }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n ({ __scopeCheckbox, ...props }, forwardedRef) => {\n const {\n control,\n hasConsumerStoppedPropagationRef,\n checked,\n defaultChecked,\n required,\n disabled,\n name,\n value,\n form,\n bubbleInput,\n setBubbleInput\n } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = bubbleInput;\n if (!input) return;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(\n inputProto,\n \"checked\"\n );\n const setChecked = descriptor.set;\n const bubbles = !hasConsumerStoppedPropagationRef.current;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n input.indeterminate = isIndeterminate(checked);\n setChecked.call(input, isIndeterminate(checked) ? false : checked);\n input.dispatchEvent(event);\n }\n }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n return /* @__PURE__ */ jsx(\n Primitive.input,\n {\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n required,\n disabled,\n name,\n value,\n form,\n ...props,\n tabIndex: -1,\n ref: composedRefs,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0,\n // We transform because the input is absolutely positioned but we have\n // rendered it **after** the button. This pulls it back to sit on top\n // of the button.\n transform: \"translateX(-100%)\"\n }\n }\n );\n }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n Checkbox,\n CheckboxIndicator,\n CheckboxIndicator as Indicator,\n Checkbox as Root,\n createCheckboxScope,\n CheckboxBubbleInput as unstable_BubbleInput,\n CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n CheckboxProvider as unstable_CheckboxProvider,\n CheckboxTrigger as unstable_CheckboxTrigger,\n CheckboxProvider as unstable_Provider,\n CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { Check, Minus } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport const checkboxStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary-border bg-secondary-bg shadow-soft-sm\",\r\n\t\t\t\"flex items-center justify-center\",\r\n\t\t\t\"hover:border-muted hover:shadow-soft-base\",\r\n\t\t\t\"focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-soft-sm\",\r\n\t\t\t\"data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg\",\r\n\t\t\t\"data-[state=checked]:hover:border-primary-accent-hover data-[state=checked]:hover:bg-primary-accent-hover data-[state=checked]:hover:shadow-soft-base\",\r\n\t\t\t\"data-[state=checked]:focus-visible:shadow-focus\",\r\n\t\t\t\"data-[state=checked]:disabled:border-primary-accent data-[state=checked]:disabled:bg-primary-accent data-[state=checked]:disabled:opacity-50 data-[state=checked]:disabled:shadow-soft-sm\",\r\n\t\t\t\"data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg\",\r\n\t\t\t\"data-[state=indeterminate]:hover:border-primary-accent-hover data-[state=indeterminate]:hover:bg-primary-accent-hover data-[state=indeterminate]:hover:shadow-soft-base\",\r\n\t\t\t\"data-[state=indeterminate]:focus-visible:shadow-focus\",\r\n\t\t\t\"data-[state=indeterminate]:disabled:border-primary-accent data-[state=indeterminate]:disabled:bg-primary-accent data-[state=indeterminate]:disabled:opacity-50 data-[state=indeterminate]:disabled:shadow-soft-sm\"\r\n\t\t],\r\n\t\ticon: \"h-4 w-4\"\r\n\t}\r\n});\r\n\r\nexport type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst styles = checkboxStyles();\r\n\t\treturn (\r\n\t\t\t<CheckboxPrimitive.Root ref={ref} className={styles.root({ class: className })} {...props}>\r\n\t\t\t\t<CheckboxPrimitive.Indicator>\r\n\t\t\t\t\t{props.checked === \"indeterminate\" ? (\r\n\t\t\t\t\t\t<Minus className={styles.icon()} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Check className={styles.icon()} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</CheckboxPrimitive.Indicator>\r\n\t\t\t</CheckboxPrimitive.Root>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nexport { Checkbox };\r\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface CheckboxFieldVariants {\r\n\toutline?: boolean;\r\n\talignment?: \"left\" | \"right\";\r\n\tdisabled?: boolean;\r\n\terror?: boolean;\r\n\twithDescription?: boolean;\r\n}\r\n\r\nconst checkboxFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center space-x-3\",\r\n\t\ttextContainer: \"flex flex-col gap-1\",\r\n\t\tlabelWrapper: \"flex h-4 items-center\",\r\n\t\tlabel: \"cursor-pointer\",\r\n\t\tdescription: \"text-xs\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"rounded-lg border border-secondary-border p-3 px-4\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\ttextContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: {\r\n\t\t\ttrue: { container: \"items-start\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<CheckboxFieldVariants>,\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\nexport type CheckboxFieldProps = CheckboxProps &\r\n\tOmit<CheckboxFieldVariants, \"withDescription\"> & {\r\n\t\tlabel?: string;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst CheckboxField = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxFieldProps>(\r\n\t({ className, id, label, alignment, disabled, error, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\ttextContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tlabelWrapper,\r\n\t\t\tdescription: descriptionStyles\r\n\t\t} = checkboxFieldStyles({ alignment, disabled, error, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst checkboxId = id || `checkbox-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={checkboxId} className={container({ class: className })}>\r\n\t\t\t\t<Checkbox disabled={disabled} id={checkboxId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={textContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\r\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={checkboxId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckboxField.displayName = \"CheckboxField\";\r\n\r\nexport { CheckboxField };\r\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","value","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","React","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","isFunction","TRIGGER_NAME","CheckboxTrigger","onKeyDown","onClick","checkboxProps","forwardedRef","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","usePrevious","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef","checkboxStyles","tv","className","ref","styles","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Minus","Check","checkboxFieldStyles","CheckboxField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","descriptionStyles","generatedId","useId","checkboxId","FieldLabel","Description"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAIA,IAAgB,YAChB,CAACC,IAAuBC,EAAmB,IAAIC,EAAmBH,CAAa,GAC/E,CAACI,IAAsBC,CAAkB,IAAIJ,GAAsBD,CAAa;AACpF,SAASM,GAAiBC,GAAO;AAC/B,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,SAASC;AAAA,IACT,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA;AAAA,IAER,4BAAAC;AAAA,EACJ,IAAMX,GACE,CAACY,GAASC,CAAU,IAAIC,EAAqB;AAAA,IACjD,MAAMZ;AAAA,IACN,aAAaE,KAAkB;AAAA,IAC/B,UAAUI;AAAA,IACV,QAAQf;AAAA,EACZ,CAAG,GACK,CAACsB,GAASC,CAAU,IAAIC,EAAM,SAAS,IAAI,GAC3C,CAACC,GAAaC,CAAc,IAAIF,EAAM,SAAS,IAAI,GACnDG,IAAmCH,EAAM,OAAO,EAAK,GACrDI,IAAgBN,IAAU,CAAC,CAACT,KAAQ,CAAC,CAACS,EAAQ,QAAQ,MAAM;AAAA;AAAA,IAEhE;AAAA,KAEIO,IAAU;AAAA,IACd,SAAAV;AAAA,IACA,UAAAP;AAAA,IACA,YAAAQ;AAAA,IACA,SAAAE;AAAA,IACA,YAAAC;AAAA,IACA,MAAAT;AAAA,IACA,MAAAD;AAAA,IACA,OAAAI;AAAA,IACA,kCAAAU;AAAA,IACA,UAAAX;AAAA,IACA,gBAAgBc,EAAgBnB,CAAc,IAAI,KAAQA;AAAA,IAC1D,eAAAiB;AAAA,IACA,aAAAH;AAAA,IACA,gBAAAC;AAAA,EACD;AACD,SAAuB,gBAAAK;AAAA,IACrB3B;AAAA,IACA;AAAA,MACE,OAAOI;AAAA,MACP,GAAGqB;AAAA,MACH,UAAUG,GAAWd,CAA0B,IAAIA,EAA2BW,CAAO,IAAInB;AAAA,IAC/F;AAAA,EACG;AACH;AACA,IAAIuB,IAAe,mBACfC,IAAkBV,EAAM;AAAA,EAC1B,CAAC,EAAE,iBAAAhB,GAAiB,WAAA2B,GAAW,SAAAC,GAAS,GAAGC,EAAe,GAAEC,MAAiB;AAC3E,UAAM;AAAA,MACJ,SAAAhB;AAAA,MACA,OAAAL;AAAA,MACA,UAAAL;AAAA,MACA,SAAAO;AAAA,MACA,UAAAH;AAAA,MACA,YAAAO;AAAA,MACA,YAAAH;AAAA,MACA,kCAAAO;AAAA,MACA,eAAAC;AAAA,MACA,aAAAH;AAAA,IACN,IAAQpB,EAAmB4B,GAAczB,CAAe,GAC9C+B,IAAeC,EAAgBF,GAAcf,CAAU,GACvDkB,IAAyBjB,EAAM,OAAOL,CAAO;AACnD,WAAAK,EAAM,UAAU,MAAM;AACpB,YAAMX,IAAOS,GAAS;AACtB,UAAIT,GAAM;AACR,cAAM6B,IAAQ,MAAMtB,EAAWqB,EAAuB,OAAO;AAC7D,eAAA5B,EAAK,iBAAiB,SAAS6B,CAAK,GAC7B,MAAM7B,EAAK,oBAAoB,SAAS6B,CAAK;AAAA,MAC5D;AAAA,IACA,GAAO,CAACpB,GAASF,CAAU,CAAC,GACD,gBAAAW;AAAA,MACrBY,EAAU;AAAA,MACV;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgBb,EAAgBX,CAAO,IAAI,UAAUA;AAAA,QACrD,iBAAiBH;AAAA,QACjB,cAAc4B,EAASzB,CAAO;AAAA,QAC9B,iBAAiBP,IAAW,KAAK;AAAA,QACjC,UAAAA;AAAA,QACA,OAAAK;AAAA,QACA,GAAGoB;AAAA,QACH,KAAKE;AAAA,QACL,WAAWM,EAAqBV,GAAW,CAACW,MAAU;AACpD,UAAIA,EAAM,QAAQ,WAASA,EAAM,eAAgB;AAAA,QAC3D,CAAS;AAAA,QACD,SAASD,EAAqBT,GAAS,CAACU,MAAU;AAChD,UAAA1B,EAAW,CAAC2B,MAAgBjB,EAAgBiB,CAAW,IAAI,KAAO,CAACA,CAAW,GAC1EtB,KAAeG,MACjBD,EAAiC,UAAUmB,EAAM,qBAAsB,GAClEnB,EAAiC,WAASmB,EAAM,gBAAiB;AAAA,QAEzE,CAAA;AAAA,MACT;AAAA,IACK;AAAA,EACL;AACA;AACAZ,EAAgB,cAAcD;AAC9B,IAAIe,IAAWxB,EAAM;AAAA,EACnB,CAACjB,GAAO+B,MAAiB;AACvB,UAAM;AAAA,MACJ,iBAAA9B;AAAA,MACA,MAAAM;AAAA,MACA,SAAAK;AAAA,MACA,gBAAAR;AAAA,MACA,UAAAK;AAAA,MACA,UAAAJ;AAAA,MACA,OAAAK;AAAA,MACA,iBAAAF;AAAA,MACA,MAAAF;AAAA,MACA,GAAGwB;AAAA,IACT,IAAQ9B;AACJ,WAAuB,gBAAAwB;AAAA,MACrBzB;AAAA,MACA;AAAA,QACE,iBAAAE;AAAA,QACA,SAAAW;AAAA,QACA,gBAAAR;AAAA,QACA,UAAAC;AAAA,QACA,UAAAI;AAAA,QACA,iBAAAD;AAAA,QACA,MAAAD;AAAA,QACA,MAAAD;AAAA,QACA,OAAAI;AAAA,QACA,4BAA4B,CAAC,EAAE,eAAAW,EAAa,MAAuB,gBAAAqB,EAAKC,GAAU,EAAE,UAAU;AAAA,UAC5E,gBAAAnB;AAAA,YACdG;AAAA,YACA;AAAA,cACE,GAAGG;AAAA,cACH,KAAKC;AAAA,cACL,iBAAA9B;AAAA,YACd;AAAA,UACW;AAAA,UACDoB,KAAiC,gBAAAG;AAAA,YAC/BoB;AAAA,YACA;AAAA,cACE,iBAAA3C;AAAA,YACd;AAAA,UACA;AAAA,QACA,EAAW,CAAA;AAAA,MACX;AAAA,IACK;AAAA,EACL;AACA;AACAwC,EAAS,cAAchD;AACvB,IAAIoD,IAAiB,qBACjBC,IAAoB7B,EAAM;AAAA,EAC5B,CAACjB,GAAO+B,MAAiB;AACvB,UAAM,EAAE,iBAAA9B,GAAiB,YAAA8C,GAAY,GAAGC,EAAgB,IAAGhD,GACrDsB,IAAUxB,EAAmB+C,GAAgB5C,CAAe;AAClE,WAAuB,gBAAAuB;AAAA,MACrByB;AAAA,MACA;AAAA,QACE,SAASF,KAAcxB,EAAgBD,EAAQ,OAAO,KAAKA,EAAQ,YAAY;AAAA,QAC/E,UAA0B,gBAAAE;AAAA,UACxBY,EAAU;AAAA,UACV;AAAA,YACE,cAAcC,EAASf,EAAQ,OAAO;AAAA,YACtC,iBAAiBA,EAAQ,WAAW,KAAK;AAAA,YACzC,GAAG0B;AAAA,YACH,KAAKjB;AAAA,YACL,OAAO,EAAE,eAAe,QAAQ,GAAG/B,EAAM,MAAK;AAAA,UAC1D;AAAA,QACA;AAAA,MACA;AAAA,IACK;AAAA,EACL;AACA;AACA8C,EAAkB,cAAcD;AAChC,IAAIK,IAAoB,uBACpBN,IAAsB3B,EAAM;AAAA,EAC9B,CAAC,EAAE,iBAAAhB,GAAiB,GAAGD,EAAK,GAAI+B,MAAiB;AAC/C,UAAM;AAAA,MACJ,SAAAhB;AAAA,MACA,kCAAAK;AAAA,MACA,SAAAR;AAAA,MACA,gBAAAR;AAAA,MACA,UAAAK;AAAA,MACA,UAAAJ;AAAA,MACA,MAAAE;AAAA,MACA,OAAAG;AAAA,MACA,MAAAJ;AAAA,MACA,aAAAY;AAAA,MACA,gBAAAC;AAAA,IACN,IAAQrB,EAAmBoD,GAAmBjD,CAAe,GACnD+B,IAAeC,EAAgBF,GAAcZ,CAAc,GAC3DqB,IAAcW,EAAYvC,CAAO,GACjCwC,IAAcC,EAAQtC,CAAO;AACnC,IAAAE,EAAM,UAAU,MAAM;AACpB,YAAMqC,IAAQpC;AACd,UAAI,CAACoC,EAAO;AACZ,YAAMC,IAAa,OAAO,iBAAiB,WAKrC1C,IAJa,OAAO;AAAA,QACxB0C;AAAA,QACA;AAAA,MACD,EAC6B,KACxBC,IAAU,CAACpC,EAAiC;AAClD,UAAIoB,MAAgB5B,KAAWC,GAAY;AACzC,cAAM0B,IAAQ,IAAI,MAAM,SAAS,EAAE,SAAAiB,EAAO,CAAE;AAC5C,QAAAF,EAAM,gBAAgB/B,EAAgBX,CAAO,GAC7CC,EAAW,KAAKyC,GAAO/B,EAAgBX,CAAO,IAAI,KAAQA,CAAO,GACjE0C,EAAM,cAAcf,CAAK;AAAA,MACjC;AAAA,IACK,GAAE,CAACrB,GAAasB,GAAa5B,GAASQ,CAAgC,CAAC;AACxE,UAAMqC,IAAoBxC,EAAM,OAAOM,EAAgBX,CAAO,IAAI,KAAQA,CAAO;AACjF,WAAuB,gBAAAY;AAAA,MACrBY,EAAU;AAAA,MACV;AAAA,QACE,MAAM;AAAA,QACN,eAAe;AAAA,QACf,gBAAgBhC,KAAkBqD,EAAkB;AAAA,QACpD,UAAAhD;AAAA,QACA,UAAAJ;AAAA,QACA,MAAAE;AAAA,QACA,OAAAG;AAAA,QACA,MAAAJ;AAAA,QACA,GAAGN;AAAA,QACH,UAAU;AAAA,QACV,KAAKgC;AAAA,QACL,OAAO;AAAA,UACL,GAAGhC,EAAM;AAAA,UACT,GAAGoD;AAAA,UACH,UAAU;AAAA,UACV,eAAe;AAAA,UACf,SAAS;AAAA,UACT,QAAQ;AAAA;AAAA;AAAA;AAAA,UAIR,WAAW;AAAA,QACrB;AAAA,MACA;AAAA,IACK;AAAA,EACL;AACA;AACAR,EAAoB,cAAcM;AAClC,SAASzB,GAAWf,GAAO;AACzB,SAAO,OAAOA,KAAU;AAC1B;AACA,SAASa,EAAgBX,GAAS;AAChC,SAAOA,MAAY;AACrB;AACA,SAASyB,EAASzB,GAAS;AACzB,SAAOW,EAAgBX,CAAO,IAAI,kBAAkBA,IAAU,YAAY;AAC5E;ACxQO,MAAM8C,KAAiBC,EAAG;AAAA,EAChC,OAAO;AAAA,IACN,MAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA,MAAM;AAAA,EAAA;AAER,CAAC,GAIKlB,IAAWxB,EAAM;AAAA,EACtB,CAAC,EAAE,WAAA2C,GAAW,GAAG5D,EAAA,GAAS6D,MAAQ;AACjC,UAAMC,IAASJ,GAAe;AAC9B,6BACEK,GAAA,EAAuB,KAAAF,GAAU,WAAWC,EAAO,KAAK,EAAE,OAAOF,EAAW,CAAA,GAAI,GAAG5D,GACnF,4BAACgE,GAAA,EACC,UAAAhE,EAAM,YAAY,kBAClB,gBAAAwB,EAACyC,GAAM,EAAA,WAAWH,EAAO,OAAQ,CAAA,IAEjC,gBAAAtC,EAAC0C,KAAM,WAAWJ,EAAO,OAAQ,CAAA,EAEnC,CAAA,GACD;AAAA,EAAA;AAGH;AAEArB,EAAS,cAAcsB,EAAuB;AC7B9C,MAAMI,KAAsBR,EAAG;AAAA,EAC9B,OAAO;AAAA,IACN,WAAW;AAAA,IACX,eAAe;AAAA,IACf,cAAc;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACT,SAAS;AAAA,MACR,MAAM;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,WAAW;AAAA,MACV,MAAM,CAAC;AAAA,MACP,OAAO;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,UAAU;AAAA,MACT,MAAM;AAAA,QACL,WAAW;AAAA,QACX,eAAe;AAAA,QACf,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAET;AAAA,IACA,iBAAiB;AAAA,MAChB,MAAM,EAAE,WAAW,cAAc;AAAA,IAAA;AAAA,EAEnC;AAAA,EACA,iBAAiB;AAAA,IAChB,WAAW;AAAA,EAAA;AAEb,CAAC,GAQKS,KAAgBnD,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAA2C,GAAW,IAAAS,GAAI,OAAAC,GAAO,WAAAC,GAAW,UAAAlE,GAAU,OAAAmE,GAAO,SAAAC,GAAS,aAAAC,GAAa,GAAG1E,EAAA,GAAS6D,MAAQ;AACxF,UAAA;AAAA,MACL,WAAAc;AAAA,MACA,eAAAC;AAAA,MACA,OAAOC;AAAA,MACP,cAAAC;AAAA,MACA,aAAaC;AAAA,IAAA,IACVZ,GAAoB,EAAE,WAAAI,GAAW,UAAAlE,GAAU,OAAAmE,GAAO,SAAAC,GAAS,iBAAiB,CAAC,CAACC,GAAa,GAEzFM,IAAcC,EAAM,GACpBC,IAAab,KAAM,YAAYW,CAAW;AAG/C,WAAA,gBAAAtC,EAAC,SAAM,EAAA,SAASwC,GAAY,WAAWP,EAAU,EAAE,OAAOf,EAAW,CAAA,GACpE,UAAA;AAAA,MAAA,gBAAApC,EAACiB,KAAS,UAAApC,GAAoB,IAAI6E,GAAa,GAAGlF,GAAO,KAAA6D,GAAU;AAAA,OACjES,KAASI,MACV,gBAAAhC,EAAC,OAAI,EAAA,WAAWkC,EACd,GAAA,UAAA;AAAA,QAAAN,KACC,gBAAA9C,EAAA,OAAA,EAAI,WAAWsD,EACf,GAAA,UAAA,gBAAAtD,EAAC2D,GAAW,EAAA,SAASD,GAAY,WAAWL,EAAY,GACtD,YACF,CAAA,GACD;AAAA,QAEAH,KAAgB,gBAAAlD,EAAA4D,IAAA,EAAY,WAAWL,KAAsB,UAAYL,EAAA,CAAA;AAAA,MAAA,EAC3E,CAAA;AAAA,IAAA,GAEF;AAAA,EAAA;AAGH;AAEAN,GAAc,cAAc;","x_google_ignoreList":[0]}