@fluidattacks/design 3.1.10 → 3.1.12

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 (206) hide show
  1. package/dist/_commonjsHelpers-C6fGbg64.mjs +6 -0
  2. package/dist/assets/{design.css → index.css} +1 -1
  3. package/dist/assets/index2.css +1 -0
  4. package/dist/components/@core/index.js +18 -1
  5. package/dist/components/accordion/accordion-content/index.js +9 -1
  6. package/dist/components/accordion/index.js +21 -1
  7. package/dist/components/alert/index.js +111 -4
  8. package/dist/components/button/index.js +18 -1
  9. package/dist/components/card/card-header/index.js +14 -1
  10. package/dist/components/card/card-with-image/index.js +18 -1
  11. package/dist/components/card/card-with-input/index.js +57 -3
  12. package/dist/components/card/card-with-selector/index.js +16 -1
  13. package/dist/components/card/card-with-switch/index.js +12 -1
  14. package/dist/components/card/index.js +12 -1
  15. package/dist/components/carousel/index.js +36 -10
  16. package/dist/components/checkbox/index.js +84 -3
  17. package/dist/components/cloud-image/index.js +8 -1
  18. package/dist/components/code-snippet/index.js +27 -1
  19. package/dist/components/code-snippet/location-code/index.js +125 -1
  20. package/dist/components/colors/index.js +9 -1
  21. package/dist/components/confirm-dialog/index.js +23 -1
  22. package/dist/components/container/index.js +27 -3
  23. package/dist/components/content-card/category-tag/index.js +13 -1
  24. package/dist/components/content-card/event-date/index.js +18 -1
  25. package/dist/components/content-card/index.js +63 -3
  26. package/dist/components/content-card-carousel/index.js +15 -1
  27. package/dist/components/content-card-carousel/scroll-buttons/index.js +9 -1
  28. package/dist/components/divider/index.js +10 -1
  29. package/dist/components/empty-state/empty-button/index.js +6 -1
  30. package/dist/components/empty-state/index.js +21 -8
  31. package/dist/components/file-preview/index.js +15 -3
  32. package/dist/components/form/index.js +26 -3
  33. package/dist/components/grid-container/index.js +26 -5
  34. package/dist/components/group-selector/index.js +26 -1
  35. package/dist/components/group-selector/option-container/index.js +12 -1
  36. package/dist/components/icon/index.js +42 -4
  37. package/dist/components/icon-button/index.js +27 -3
  38. package/dist/components/indicator-card/index.js +15 -1
  39. package/dist/components/info-sidebar/index.js +16 -1
  40. package/dist/components/inputs/fields/combobox/index.js +26 -1
  41. package/dist/components/inputs/fields/combobox/option/index.js +8 -1
  42. package/dist/components/inputs/fields/date/calendar/cell/index.js +16 -1
  43. package/dist/components/inputs/fields/date/calendar/grid/index.js +15 -1
  44. package/dist/components/inputs/fields/date/calendar/header/index.js +16 -1
  45. package/dist/components/inputs/fields/date/calendar/index.js +15 -1
  46. package/dist/components/inputs/fields/date/index.js +18 -1
  47. package/dist/components/inputs/fields/date-range/calendar/index.js +16 -1
  48. package/dist/components/inputs/fields/date-range/index.js +28 -3
  49. package/dist/components/inputs/fields/date-time/calendar/index.js +31 -5
  50. package/dist/components/inputs/fields/date-time/index.js +18 -1
  51. package/dist/components/inputs/fields/editable/index.js +16 -1
  52. package/dist/components/inputs/fields/input/index.js +13 -1
  53. package/dist/components/inputs/fields/input-file/index.js +24 -4
  54. package/dist/components/inputs/fields/input-tags/index.js +14 -2
  55. package/dist/components/inputs/fields/number/index.js +10 -1
  56. package/dist/components/inputs/fields/number-range/index.js +11 -1
  57. package/dist/components/inputs/fields/phone/index.js +414 -11
  58. package/dist/components/inputs/fields/text-area/index.js +13 -1
  59. package/dist/components/inputs/index.js +28 -1
  60. package/dist/components/inputs/label/index.js +12 -1
  61. package/dist/components/inputs/outline-container/index.js +18 -1
  62. package/dist/components/inputs/utils/action-button/index.js +10 -1
  63. package/dist/components/inputs/utils/calendar-button/index.js +13 -1
  64. package/dist/components/inputs/utils/date-selector/index.js +8 -1
  65. package/dist/components/inputs/utils/date-time-field/index.js +32 -1
  66. package/dist/components/inputs/utils/dialog/index.js +11 -1
  67. package/dist/components/inputs/utils/number-field/index.js +13 -1
  68. package/dist/components/inputs/utils/popover/index.js +13 -1
  69. package/dist/components/interactive-card/icon/index.js +7 -1
  70. package/dist/components/interactive-card/index.js +15 -1
  71. package/dist/components/language-selector/index.js +13 -1
  72. package/dist/components/language-selector/item-list/index.js +8 -1
  73. package/dist/components/link/index.js +52 -7
  74. package/dist/components/list-item/index.js +16 -1
  75. package/dist/components/little-flag/index.js +15 -3
  76. package/dist/components/loading/index.js +28 -14
  77. package/dist/components/logo/index.js +7 -1
  78. package/dist/components/logo-carousel/index.js +10 -4
  79. package/dist/components/lottie/index.js +15 -3
  80. package/dist/components/menu/index.js +23 -1
  81. package/dist/components/message-banner/index.js +21 -4
  82. package/dist/components/modal/index.js +19 -1
  83. package/dist/components/modal/modal-confirm/index.js +10 -1
  84. package/dist/components/modal/modal-footer/index.js +16 -1
  85. package/dist/components/modal/modal-header/index.js +25 -1
  86. package/dist/components/notification/index.js +68 -5
  87. package/dist/components/notification-sign/index.js +26 -6
  88. package/dist/components/number-input/index.js +25 -7
  89. package/dist/components/oauth-selector/index.js +26 -1
  90. package/dist/components/oauth-selector/option-container/index.js +15 -1
  91. package/dist/components/plan-card/index.js +84 -5
  92. package/dist/components/plan-card/recommended-tag/index.js +10 -1
  93. package/dist/components/pop-up/description/index.js +13 -1
  94. package/dist/components/pop-up/index.js +23 -1
  95. package/dist/components/premium-feature/index.js +45 -3
  96. package/dist/components/priority-score/index.js +14 -1
  97. package/dist/components/progress/index.js +23 -3
  98. package/dist/components/progress-bar/index.js +95 -5
  99. package/dist/components/radio-button/index.js +88 -3
  100. package/dist/components/scroll-button/index.js +20 -2
  101. package/dist/components/search/index.js +63 -7
  102. package/dist/components/search-bar/index.js +32 -1
  103. package/dist/components/search-bar/item-searching/index.js +10 -1
  104. package/dist/components/severity-badge/index.js +14 -1
  105. package/dist/components/severity-overview/badge/index.js +18 -1
  106. package/dist/components/severity-overview/index.js +7 -1
  107. package/dist/components/show-on-hover/index.js +25 -3
  108. package/dist/components/slide-out-menu/index.js +2009 -3
  109. package/dist/components/slide-out-menu/menu-item/index.js +15 -1
  110. package/dist/components/slider/index.js +93 -7
  111. package/dist/components/slider/thumb/index.js +10 -1
  112. package/dist/components/step-lapse/index.js +95 -9
  113. package/dist/components/table-button/index.js +56 -3
  114. package/dist/components/tabs/fixed-tabs/index.js +9 -1
  115. package/dist/components/tabs/index.js +14 -1
  116. package/dist/components/tabs/tab/index.js +8 -1
  117. package/dist/components/tag/index.js +116 -3
  118. package/dist/components/timeline/card/index.js +9 -1
  119. package/dist/components/timeline/index.js +7 -1
  120. package/dist/components/toggle/index.js +45 -14
  121. package/dist/components/toggle-buttons/index.js +74 -5
  122. package/dist/components/tooltip/index.js +13 -1
  123. package/dist/components/tour/index.js +2481 -4
  124. package/dist/components/typography/heading/index.js +9 -1
  125. package/dist/components/typography/index.js +8 -1
  126. package/dist/components/typography/span/index.js +9 -1
  127. package/dist/components/typography/text/index.js +9 -1
  128. package/dist/components/web-form/index.js +59 -7
  129. package/dist/hooks/index.js +13 -1
  130. package/dist/index-38JqtnAI.mjs +122 -0
  131. package/dist/index-B5yoGFs6.mjs +54 -0
  132. package/dist/index-BLbKylyw.mjs +209 -0
  133. package/dist/{index-C0_LPuYU.mjs → index-Bu448Tz2.mjs} +22 -22
  134. package/dist/index-BwFnfaRh.mjs +2310 -0
  135. package/dist/index-Co_k0WFk.mjs +75 -0
  136. package/dist/index-Cu7uUMlx.mjs +82 -0
  137. package/dist/index-D-lcuEHY.mjs +1018 -0
  138. package/dist/index-DrfjITyT.mjs +61 -0
  139. package/dist/index.js +206 -1
  140. package/dist/styles-7_q7nHce.mjs +110 -0
  141. package/dist/styles-BA0WIQL-.mjs +74 -0
  142. package/dist/styles-C3cZmKVJ.mjs +131 -0
  143. package/dist/styles-CI-I6joH.mjs +144 -0
  144. package/dist/styles-Cx93EcVo.mjs +76 -0
  145. package/dist/styles-D85YYIjM.mjs +131 -0
  146. package/dist/styles-EIbGRPlk.mjs +106 -0
  147. package/dist/styles-Q1VXuWI7.mjs +65 -0
  148. package/dist/styles-fH2c4cfc.mjs +77 -0
  149. package/dist/{styles-BAhpqi6C.mjs → styles-lSVV9kjn.mjs} +28 -28
  150. package/dist/use-carousel-CvRxi2FI.mjs +17 -0
  151. package/dist/use-click-outside-BtZLIoU1.mjs +18 -0
  152. package/dist/use-cloudinary-image-fG7ODNgr.mjs +611 -0
  153. package/dist/use-modal-CkrZ-_-M.mjs +14 -0
  154. package/dist/use-search-DpLNvt7Q.mjs +12 -0
  155. package/dist/utils-CQvBF-wY.mjs +4 -0
  156. package/package.json +3 -2
  157. package/dist/_commonjsHelpers-C37NGDzP.js +0 -1
  158. package/dist/_commonjsHelpers-D6CrkqQz.mjs +0 -6
  159. package/dist/index-BH27NQKA.mjs +0 -2311
  160. package/dist/index-Bcw2vW_n.mjs +0 -75
  161. package/dist/index-C8zdgAVH.mjs +0 -82
  162. package/dist/index-CA_9DXWd.js +0 -5
  163. package/dist/index-CmylnDrF.js +0 -14
  164. package/dist/index-DUMgwAbO.js +0 -26
  165. package/dist/index-DpQYiwGu.js +0 -5
  166. package/dist/index-Dy8ZUIYs.js +0 -5
  167. package/dist/index-JPf5Yzg6.js +0 -17
  168. package/dist/index-OBZtKZuT.mjs +0 -1021
  169. package/dist/index-SsXlDjK4.mjs +0 -122
  170. package/dist/index-TKLFHcRp.js +0 -18
  171. package/dist/index-TnyKqJHo.mjs +0 -61
  172. package/dist/index-Yr95Cb7Z.mjs +0 -54
  173. package/dist/index-h9-U5wxq.mjs +0 -209
  174. package/dist/index-qCiUU4sZ.js +0 -9
  175. package/dist/index-qe0nJwzl.js +0 -15
  176. package/dist/styles--Elze-LV.js +0 -3
  177. package/dist/styles-3pR4Xdvy.js +0 -33
  178. package/dist/styles-59h91S9m.mjs +0 -65
  179. package/dist/styles-BCwLWpC3.mjs +0 -126
  180. package/dist/styles-BJ7-0I5X.mjs +0 -74
  181. package/dist/styles-BKObp9bh.mjs +0 -76
  182. package/dist/styles-BWVdbvFu.js +0 -5
  183. package/dist/styles-Bl-CstrT.js +0 -5
  184. package/dist/styles-Bn42XCW5.js +0 -7
  185. package/dist/styles-C2CoGJl7.js +0 -33
  186. package/dist/styles-CNzziAXG.js +0 -5
  187. package/dist/styles-CdD9waPD.js +0 -29
  188. package/dist/styles-CnKTwnFk.mjs +0 -110
  189. package/dist/styles-D4R-eerv.mjs +0 -77
  190. package/dist/styles-DNIIhyRC.mjs +0 -144
  191. package/dist/styles-DV8yOaqV.mjs +0 -131
  192. package/dist/styles-DYoftbd3.js +0 -42
  193. package/dist/styles-DlmKLhPh.js +0 -7
  194. package/dist/styles-be8gOdgy.mjs +0 -106
  195. package/dist/use-carousel-64dKFW4E.js +0 -1
  196. package/dist/use-carousel-D7xeL3YZ.mjs +0 -17
  197. package/dist/use-click-outside-BqkLISED.js +0 -1
  198. package/dist/use-click-outside-C4Z4pdiW.mjs +0 -18
  199. package/dist/use-cloudinary-image-DKMl7jbx.mjs +0 -612
  200. package/dist/use-cloudinary-image-YMMafagv.js +0 -1
  201. package/dist/use-modal-CNbLSSQb.mjs +0 -14
  202. package/dist/use-modal-_bYY6M_n.js +0 -1
  203. package/dist/use-search-75ip5xR-.mjs +0 -12
  204. package/dist/use-search-DeL4UDMh.js +0 -1
  205. package/dist/utils-C2whpEd3.js +0 -1
  206. package/dist/utils-Da0qL35u.mjs +0 -4
@@ -0,0 +1,6 @@
1
+ function e(t) {
2
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
+ }
4
+ export {
5
+ e as g
6
+ };
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.mb-1\.5{margin-bottom:.375rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[900px\]{height:900px}.w-\[400px\]{width:400px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-72{max-width:18rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-12{padding-left:3rem;padding-right:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[90px\]{padding-top:90px;padding-bottom:90px}.align-middle{vertical-align:middle}.text-sm{font-size:.875rem;line-height:1.25rem}.capitalize{text-transform:capitalize}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@property --btn-padding-x{syntax: "<length>"; initial-value: 16px; inherits: false;}@property --btn-padding-y{syntax: "<length>"; initial-value: 10px; inherits: false;}@property --btn-spacing{syntax: "<length>"; initial-value: 8px; inherits: false;}@property --grid-columns{syntax: "<number>"; initial-value: 12; inherits: false;}@property --grid-width{syntax: "<length>"; initial-value: 1440px; inherits: false;}@property --angle-grad{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --opacity-grad{syntax: "<number>"; initial-value: 0; inherits: false;}@property --tag-padding-x{syntax: "<length>"; initial-value: 4px; inherits: false;}@property --tag-padding-y{syntax: "<length>"; initial-value: 0; inherits: false;}@keyframes spinAnimation{to{--border-angle: 360deg}}@keyframes gradientAnimation{0%{--animate-position: 45deg}33%{--animate-position: -50deg}66%{--animate-position: -100deg}to{--animate-position: 45deg}}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#997a6614;background:linear-gradient(to right,#997a661a 70%,#997a6600);pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:#997a6666;color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#80808033}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.mb-1\.5{margin-bottom:.375rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[900px\]{height:900px}.w-\[400px\]{width:400px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-72{max-width:18rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-12{padding-left:3rem;padding-right:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[90px\]{padding-top:90px;padding-bottom:90px}.align-middle{vertical-align:middle}.text-sm{font-size:.875rem;line-height:1.25rem}.capitalize{text-transform:capitalize}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@property --btn-padding-x{syntax: "<length>"; initial-value: 16px; inherits: false;}@property --btn-padding-y{syntax: "<length>"; initial-value: 10px; inherits: false;}@property --btn-spacing{syntax: "<length>"; initial-value: 8px; inherits: false;}@property --grid-columns{syntax: "<number>"; initial-value: 12; inherits: false;}@property --grid-width{syntax: "<length>"; initial-value: 1440px; inherits: false;}@property --angle-grad{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --opacity-grad{syntax: "<number>"; initial-value: 0; inherits: false;}@property --tag-padding-x{syntax: "<length>"; initial-value: 4px; inherits: false;}@property --tag-padding-y{syntax: "<length>"; initial-value: 0; inherits: false;}@keyframes spinAnimation{to{--border-angle: 360deg}}@keyframes gradientAnimation{0%{--animate-position: 45deg}33%{--animate-position: -50deg}66%{--animate-position: -100deg}to{--animate-position: 45deg}}
@@ -0,0 +1 @@
1
+ pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#997a6614;background:linear-gradient(to right,#997a661a 70%,#997a6600);pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:#997a6666;color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#80808033}
@@ -1 +1,18 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils-C2whpEd3.js"),t=require("../../styles-C2CoGJl7.js");exports.variantBuilder=e.variantBuilder,exports.BaseButtonComponent=t.BaseButtonComponent,exports.BaseComponent=t.BaseComponent,exports.BaseSpanComponent=t.BaseSpanComponent,exports.BaseTextComponent=t.BaseTextComponent,exports.getStyledConfig=t.getStyledConfig,exports.hiddenProps=t.hiddenProps,exports.setBorder=t.setBorder,exports.setDisplay=t.setDisplay,exports.setInteraction=t.setInteraction,exports.setMargin=t.setMargin,exports.setPadding=t.setPadding,exports.setPosition=t.setPosition,exports.setText=t.setText;
1
+ import { v as e } from "../../utils-CQvBF-wY.mjs";
2
+ import { a as o, B as n, c as i, b as r, k as p, h as d, j as B, i as m, f as g, e as C, s as f, g as x, d as l } from "../../styles-C3cZmKVJ.mjs";
3
+ export {
4
+ o as BaseButtonComponent,
5
+ n as BaseComponent,
6
+ i as BaseSpanComponent,
7
+ r as BaseTextComponent,
8
+ p as getStyledConfig,
9
+ d as hiddenProps,
10
+ B as setBorder,
11
+ m as setDisplay,
12
+ g as setInteraction,
13
+ C as setMargin,
14
+ f as setPadding,
15
+ x as setPosition,
16
+ l as setText,
17
+ e as variantBuilder
18
+ };
@@ -1 +1,9 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../container/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const t=require("../../typography/text/index.js");exports.AccordionContent=({item:r})=>e.jsxs(i.Container,{display:"block",id:`panel-${r.title}`,padding:[.75,.75,.75,.75],children:[r.description?e.jsx(t.Text,{mb:r.extraElement?.5:void 0,size:"sm",children:r.description}):void 0,r.extraElement?e.jsx(i.Container,{children:r.extraElement}):void 0]});
1
+ import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
+ import { Container as t } from "../../container/index.js";
3
+ import "../../typography/heading/index.js";
4
+ import "../../typography/span/index.js";
5
+ import { Text as r } from "../../typography/text/index.js";
6
+ const p = ({ item: i }) => o(t, { display: "block", id: `panel-${i.title}`, padding: [0.75, 0.75, 0.75, 0.75], children: [i.description ? e(r, { mb: i.extraElement ? 0.5 : void 0, size: "sm", children: i.description }) : void 0, i.extraElement ? e(t, { children: i.extraElement }) : void 0] });
7
+ export {
8
+ p as AccordionContent
9
+ };
@@ -1 +1,21 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("./accordion-content/index.js"),i=require("../container/index.js"),n=require("../icon/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const a=require("../typography/text/index.js"),s=r.forwardRef((function({aligned:s="end",items:l,bgColor:c},d){const p=t.useTheme(),[x,u]=r.useState(!1),[g,h]=r.useState(-1),y=r.useCallback((e=>()=>{h(e),u(e!==g||(e=>!e))}),[g]);return e.jsx(i.Container,{ref:d,children:l.map(((r,t)=>{const d=t===g&&x;return e.jsxs(i.Container,{bgColor:c??p.palette.white,children:[e.jsx(i.Container,{"aria-controls":`panel-${r.title}`,"aria-expanded":x,"aria-label":r.title,as:"button",bgColor:c??p.palette.white,bgColorHover:p.palette.gray[100],borderBottom:d||t===l.length-1?"1px solid":void 0,borderColor:p.palette.gray[200],borderTop:"1px solid",cursor:"pointer",display:"flex",onClick:y(t),padding:[.75,.75,.75,.75],width:"100%",children:e.jsxs(i.Container,{as:"summary",display:"flex",flexDirection:"end"===s?"row":"row-reverse",gap:.75,justify:"space-between",width:"100%",children:[e.jsx(a.Text,{color:p.palette.gray[800],fontWeight:"bold",size:"sm",sizeSm:"sm",textAlign:"start",children:r.title}),e.jsx(n.Icon,{icon:d?"chevron-up":"chevron-down",iconColor:p.palette.gray[400],iconSize:"xs",iconType:"fa-light"})]})}),d&&e.jsx(o.AccordionContent,{item:r})]},r.title)}))})}));exports.Accordion=s;
1
+ import { jsx as r, jsxs as d } from "react/jsx-runtime";
2
+ import { forwardRef as x, useState as c, useCallback as u } from "react";
3
+ import { useTheme as y } from "styled-components";
4
+ import { AccordionContent as C } from "./accordion-content/index.js";
5
+ import { Container as i } from "../container/index.js";
6
+ import { Icon as w } from "../icon/index.js";
7
+ import "../typography/heading/index.js";
8
+ import "../typography/span/index.js";
9
+ import { Text as v } from "../typography/text/index.js";
10
+ const I = x(function({ aligned: m = "end", items: l, bgColor: s }, f) {
11
+ const e = y(), [p, g] = c(!1), [a, h] = c(-1), b = u((o) => () => {
12
+ h(o), g(o !== a || ((t) => !t));
13
+ }, [a]);
14
+ return r(i, { ref: f, children: l.map((o, t) => {
15
+ const n = t === a && p;
16
+ return d(i, { bgColor: s ?? e.palette.white, children: [r(i, { "aria-controls": `panel-${o.title}`, "aria-expanded": p, "aria-label": o.title, as: "button", bgColor: s ?? e.palette.white, bgColorHover: e.palette.gray[100], borderBottom: n || t === l.length - 1 ? "1px solid" : void 0, borderColor: e.palette.gray[200], borderTop: "1px solid", cursor: "pointer", display: "flex", onClick: b(t), padding: [0.75, 0.75, 0.75, 0.75], width: "100%", children: d(i, { as: "summary", display: "flex", flexDirection: m === "end" ? "row" : "row-reverse", gap: 0.75, justify: "space-between", width: "100%", children: [r(v, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", sizeSm: "sm", textAlign: "start", children: o.title }), r(w, { icon: n ? "chevron-up" : "chevron-down", iconColor: e.palette.gray[400], iconSize: "xs", iconType: "fa-light" })] }) }), n && r(C, { item: o })] }, o.title);
17
+ }) });
18
+ });
19
+ export {
20
+ I as Accordion
21
+ };
@@ -1,6 +1,113 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components"),r=require("../../utils-C2whpEd3.js"),o=require("../container/index.js"),i=require("../icon/index.js"),a=require("../icon-button/index.js"),c=n=>{switch(n){case"warning":return"triangle-exclamation";case"info":return"circle-info";case"success":return"circle-check";default:return"circle-exclamation"}},{getVariant:l}=r.variantBuilder((n=>({error:`\n background: ${n.palette.error[50]};\n border: 1px solid ${n.palette.error[500]};\n color: ${n.palette.error[700]};\n\n button {\n color: ${n.palette.error[700]};\n\n &:hover:not([disabled]) {\n background-color: ${n.palette.error[200]};\n color: ${n.palette.error[700]};\n }\n }\n `,info:`\n background: ${n.palette.info[50]};\n border: 1px solid ${n.palette.info[500]};\n color: ${n.palette.info[700]};\n\n button {\n color: ${n.palette.info[700]};\n\n &:hover:not([disabled]) {\n background-color: ${n.palette.info[200]};\n color: ${n.palette.info[700]};\n }\n }\n `,success:`\n background: ${n.palette.success[50]};\n border: 1px solid ${n.palette.success[500]};\n color: ${n.palette.success[700]};\n\n button {\n color: ${n.palette.success[700]};\n\n &:hover:not([disabled]) {\n background-color: ${n.palette.success[200]};\n color: ${n.palette.success[700]};\n }\n }\n `,warning:`\n background: ${n.palette.warning[50]};\n border: 1px solid ${n.palette.warning[500]};\n color: ${n.palette.warning[700]};\n\n button {\n color: ${n.palette.warning[700]};\n\n &:hover:not([disabled]) {\n background-color: ${n.palette.warning[200]};\n color: ${n.palette.warning[700]};\n }\n }\n `}))),s=t.styled.div`
2
- ${({theme:n,$variant:e})=>`\n background: transparent;\n align-items: center;\n border-radius: ${n.spacing[.25]};\n display: inline-flex;\n font-family: ${n.typography.type.primary};\n font-size: ${n.typography.text.sm};\n font-weight: ${n.typography.weight.bold};\n line-height: ${n.spacing[1.25]};\n min-width: 250px;\n width: 100%;\n padding: ${n.spacing[.75]};\n position: relative;\n gap: ${n.spacing[.75]};\n\n button {\n background-color: transparent;\n }\n\n ${l(n,e??"error")}\n `}
3
- `,d=t.styled.div`
1
+ import { jsx as o, jsxs as h } from "react/jsx-runtime";
2
+ import { forwardRef as m, useState as k, useCallback as w, useEffect as s } from "react";
3
+ import { styled as p } from "styled-components";
4
+ import { v as x } from "../../utils-CQvBF-wY.mjs";
5
+ import { Container as y } from "../container/index.js";
6
+ import { Icon as v } from "../icon/index.js";
7
+ import { IconButton as T } from "../icon-button/index.js";
8
+ const z = (e) => {
9
+ switch (e) {
10
+ case "warning":
11
+ return "triangle-exclamation";
12
+ case "info":
13
+ return "circle-info";
14
+ case "success":
15
+ return "circle-check";
16
+ default:
17
+ return "circle-exclamation";
18
+ }
19
+ }, { getVariant: C } = x((e) => ({ error: `
20
+ background: ${e.palette.error[50]};
21
+ border: 1px solid ${e.palette.error[500]};
22
+ color: ${e.palette.error[700]};
23
+
24
+ button {
25
+ color: ${e.palette.error[700]};
26
+
27
+ &:hover:not([disabled]) {
28
+ background-color: ${e.palette.error[200]};
29
+ color: ${e.palette.error[700]};
30
+ }
31
+ }
32
+ `, info: `
33
+ background: ${e.palette.info[50]};
34
+ border: 1px solid ${e.palette.info[500]};
35
+ color: ${e.palette.info[700]};
36
+
37
+ button {
38
+ color: ${e.palette.info[700]};
39
+
40
+ &:hover:not([disabled]) {
41
+ background-color: ${e.palette.info[200]};
42
+ color: ${e.palette.info[700]};
43
+ }
44
+ }
45
+ `, success: `
46
+ background: ${e.palette.success[50]};
47
+ border: 1px solid ${e.palette.success[500]};
48
+ color: ${e.palette.success[700]};
49
+
50
+ button {
51
+ color: ${e.palette.success[700]};
52
+
53
+ &:hover:not([disabled]) {
54
+ background-color: ${e.palette.success[200]};
55
+ color: ${e.palette.success[700]};
56
+ }
57
+ }
58
+ `, warning: `
59
+ background: ${e.palette.warning[50]};
60
+ border: 1px solid ${e.palette.warning[500]};
61
+ color: ${e.palette.warning[700]};
62
+
63
+ button {
64
+ color: ${e.palette.warning[700]};
65
+
66
+ &:hover:not([disabled]) {
67
+ background-color: ${e.palette.warning[200]};
68
+ color: ${e.palette.warning[700]};
69
+ }
70
+ }
71
+ ` })), S = p.div`
72
+ ${({ theme: e, $variant: t }) => `
73
+ background: transparent;
74
+ align-items: center;
75
+ border-radius: ${e.spacing[0.25]};
76
+ display: inline-flex;
77
+ font-family: ${e.typography.type.primary};
78
+ font-size: ${e.typography.text.sm};
79
+ font-weight: ${e.typography.weight.bold};
80
+ line-height: ${e.spacing[1.25]};
81
+ min-width: 250px;
82
+ width: 100%;
83
+ padding: ${e.spacing[0.75]};
84
+ position: relative;
85
+ gap: ${e.spacing[0.75]};
86
+
87
+ button {
88
+ background-color: transparent;
89
+ }
90
+
91
+ ${C(e, t ?? "error")}
92
+ `}
93
+ `, j = p.div`
4
94
  padding-right: 4px;
5
95
  width: 100%;
6
- `,p=e.forwardRef((function({autoHide:t=!1,children:r,closable:l=!1,onTimeOut:p,show:u=!0,time:g=8,variant:$="error",id:b,...h},f){const[x,y]=e.useState(u),w=e.useCallback((()=>{y(!1)}),[]);return e.useEffect((()=>{const n=setTimeout((()=>{null==p||p(!0),t&&w()}),1e3*g);return()=>{clearTimeout(n)}}),[t,w,g,p]),e.useEffect((()=>{y(u)}),[u,y]),n.jsx(o.Container,{display:x?"block":"none",ref:f,role:"alert",...h,children:n.jsxs(s,{$variant:$,id:b,children:[n.jsx(i.Icon,{clickable:!1,icon:c($),iconSize:"xs",iconType:"fa-light"}),n.jsx(d,{children:r}),l?n.jsx(a.IconButton,{height:"fit-content",icon:"close",iconSize:"xs",iconType:"fa-light",onClick:w,px:.125,py:.125,variant:"ghost"}):void 0]})})}));exports.Alert=p;
96
+ `, V = m(function({ autoHide: e = !1, children: t, closable: d = !1, onTimeOut: n, show: r = !0, time: c = 8, variant: l = "error", id: u, ...$ }, g) {
97
+ const [f, a] = k(r), i = w(() => {
98
+ a(!1);
99
+ }, []);
100
+ return s(() => {
101
+ const b = setTimeout(() => {
102
+ n == null || n(!0), e && i();
103
+ }, 1e3 * c);
104
+ return () => {
105
+ clearTimeout(b);
106
+ };
107
+ }, [e, i, c, n]), s(() => {
108
+ a(r);
109
+ }, [r, a]), o(y, { display: f ? "block" : "none", ref: g, role: "alert", ...$, children: h(S, { $variant: l, id: u, children: [o(v, { clickable: !1, icon: z(l), iconSize: "xs", iconType: "fa-light" }), o(j, { children: t }), d ? o(T, { height: "fit-content", icon: "close", iconSize: "xs", iconType: "fa-light", onClick: i, px: 0.125, py: 0.125, variant: "ghost" }) : void 0] }) });
110
+ });
111
+ export {
112
+ V as Alert
113
+ };
@@ -1 +1,18 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../styles--Elze-LV.js"),r=require("../icon/index.js"),n=require("../../index-CmylnDrF.js"),t=require("lodash"),l=i.forwardRef((function({children:l,disabled:a=!1,external:s=!1,href:d,id:c,icon:u,name:p,onClick:x,showArrow:b=!1,type:f="button",tooltip:j,tooltipPlace:h="bottom",underline:v=!1,value:y,variant:m="primary",...q},w){const g=void 0!==j,k=`${c}-tooltip`,S=i.useCallback((()=>{d&&((e,i=!0)=>{const o=window.open(e,i?void 0:"_self","noopener,noreferrer,");t.isObject(o)&&(o.opener=null)})(d,s)}),[s,d]);return e.jsx(n.Tooltip,{disabled:!g,id:k,place:h,tip:j,children:e.jsxs(o.StyledButton,{$variant:m,"aria-disabled":a,className:v?"underline":void 0,disabled:a,id:c,name:p,onClick:"link"===m?S:x,ref:w,type:f,value:y,...g?{"data-tooltip-id":k}:{},...q,children:[void 0!==u&&e.jsx(r.Icon,{icon:u,iconSize:"xs",iconType:"fa-light"}),l,(b||"link"===m)&&e.jsx(r.Icon,{icon:"arrow-right",iconSize:"xs",iconType:"fa-light"})]})})}));exports.Button=l;
1
+ import { jsx as e, jsxs as z } from "react/jsx-runtime";
2
+ import { forwardRef as C, useCallback as $ } from "react";
3
+ import { S as j } from "../../styles-EIbGRPlk.mjs";
4
+ import { Icon as p } from "../icon/index.js";
5
+ import { T as A } from "../../index-D-lcuEHY.mjs";
6
+ import { isObject as B } from "lodash";
7
+ const q = C(function({ children: m, disabled: r = !1, external: n = !1, href: o, id: a, icon: t, name: f, onClick: u, showArrow: b = !1, type: h = "button", tooltip: l, tooltipPlace: v = "bottom", underline: w = !1, value: k, variant: i = "primary", ...x }, y) {
8
+ const s = l !== void 0, d = `${a}-tooltip`, S = $(() => {
9
+ o && ((T, g = !0) => {
10
+ const c = window.open(T, g ? void 0 : "_self", "noopener,noreferrer,");
11
+ B(c) && (c.opener = null);
12
+ })(o, n);
13
+ }, [n, o]);
14
+ return e(A, { disabled: !s, id: d, place: v, tip: l, children: z(j, { $variant: i, "aria-disabled": r, className: w ? "underline" : void 0, disabled: r, id: a, name: f, onClick: i === "link" ? S : u, ref: y, type: h, value: k, ...s ? { "data-tooltip-id": d } : {}, ...x, children: [t !== void 0 && e(p, { icon: t, iconSize: "xs", iconType: "fa-light" }), m, (b || i === "link") && e(p, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" })] }) });
15
+ });
16
+ export {
17
+ q as Button
18
+ };
@@ -1 +1,14 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../container/index.js"),i=require("../../../index-CmylnDrF.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const o=require("../../typography/text/index.js");exports.CardHeader=({authorEmail:n,date:l,description:s,descriptionColor:a,id:d,title:x,titleColor:c,textAlign:p,textSpacing:g=0,tooltip:h})=>{const u=t.useTheme();return e.jsxs(r.Container,{width:"100%",children:["string"==typeof x?e.jsx(o.Text,{color:c??u.palette.gray[800],fontWeight:"bold",mb:g,size:"sm",textAlign:p,wordBreak:"break-word",children:x}):x,e.jsxs(r.Container,{alignItems:"start",display:"flex",flexDirection:"column",gap:.25,children:[s&&e.jsx(o.Text,{color:a??u.palette.gray[800],fontWeight:void 0===s?"bold":"regular",size:"sm",textAlign:p,wordBreak:"break-word",children:s}),l&&e.jsx(o.Text,{color:u.palette.gray[800],fontWeight:"bold",size:"sm",textAlign:p,wordBreak:"break-word",children:`Date: ${l.split(" ")[0]}`}),n&&e.jsx(o.Text,{color:u.palette.gray[800],fontWeight:"bold",size:"sm",textAlign:p,wordBreak:"break-word",children:`$Author: ${n}`}),h&&e.jsx(i.Tooltip,{icon:"circle-info",id:d,tip:h})]})]})};
1
+ import { jsxs as d, jsx as t } from "react/jsx-runtime";
2
+ import { useTheme as h } from "styled-components";
3
+ import { Container as m } from "../../container/index.js";
4
+ import { T as x } from "../../../index-D-lcuEHY.mjs";
5
+ import "../../typography/heading/index.js";
6
+ import "../../typography/span/index.js";
7
+ import { Text as o } from "../../typography/text/index.js";
8
+ const B = ({ authorEmail: a, date: n, description: i, descriptionColor: p, id: c, title: l, titleColor: g, textAlign: r, textSpacing: f = 0, tooltip: s }) => {
9
+ const e = h();
10
+ return d(m, { width: "100%", children: [typeof l == "string" ? t(o, { color: g ?? e.palette.gray[800], fontWeight: "bold", mb: f, size: "sm", textAlign: r, wordBreak: "break-word", children: l }) : l, d(m, { alignItems: "start", display: "flex", flexDirection: "column", gap: 0.25, children: [i && t(o, { color: p ?? e.palette.gray[800], fontWeight: i === void 0 ? "bold" : "regular", size: "sm", textAlign: r, wordBreak: "break-word", children: i }), n && t(o, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", textAlign: r, wordBreak: "break-word", children: `Date: ${n.split(" ")[0]}` }), a && t(o, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", textAlign: r, wordBreak: "break-word", children: `$Author: ${a}` }), s && t(x, { icon: "circle-info", id: c, tip: s })] })] });
11
+ };
12
+ export {
13
+ B as CardHeader
14
+ };
@@ -1 +1,18 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("styled-components"),t=require("../card-header/index.js"),o=require("../../container/index.js"),n=require("../../file-preview/index.js"),a=require("../../icon-button/index.js");exports.CardWithImage=({alt:s,authorEmail:d,date:l,description:c,src:p,children:u,isEditing:x,onClick:h,title:g,hideDescription:j=!1,headerType:m="image",showMaximize:b=!0})=>{const y=r.useTheme(),[C,v]=i.useState(!1),f=i.useCallback((()=>{v(!0)}),[]),w=i.useCallback((()=>{v(!1)}),[]);return e.jsxs(o.Container,{bgColor:"transparent",border:"1px solid transparent",borderColorHover:"black",borderRadius:y.spacing[.25],display:"flex",flexDirection:"column",gap:1,onHover:f,onLeave:w,padding:[.5,.5,.5,.5],width:"100%",children:[e.jsx(o.Container,{cursor:x?"unset":"pointer",display:"inline-flex",justify:"center",onClick:h,position:"relative",width:"100%",children:void 0===u?e.jsxs(i.Fragment,{children:[e.jsx(n.FilePreview,{alt:s,fileType:m,height:"147px",opacity:C?.3:0,src:p,width:"100%"}),b?e.jsx(o.Container,{bottom:"10px",position:"absolute",right:"10px",children:e.jsx(a.IconButton,{color:"white",icon:"arrows-maximize",iconSize:"xxs",iconType:"fa-light",variant:"secondary"})}):void 0]}):u}),j?null:e.jsx(t.CardHeader,{authorEmail:d,date:l,description:c,descriptionColor:y.palette.gray[600],id:`${s}-card-header`,title:g})]})};
1
+ import { jsxs as n, jsx as i } from "react/jsx-runtime";
2
+ import v, { useState as w, useCallback as s } from "react";
3
+ import { useTheme as k } from "styled-components";
4
+ import { CardHeader as j } from "../card-header/index.js";
5
+ import { Container as e } from "../../container/index.js";
6
+ import { FilePreview as z } from "../../file-preview/index.js";
7
+ import { IconButton as E } from "../../icon-button/index.js";
8
+ const L = ({ alt: r, authorEmail: l, date: d, description: c, src: p, children: o, isEditing: m, onClick: h, title: u, hideDescription: x = !1, headerType: f = "image", showMaximize: g = !0 }) => {
9
+ const t = k(), [C, a] = w(!1), y = s(() => {
10
+ a(!0);
11
+ }, []), b = s(() => {
12
+ a(!1);
13
+ }, []);
14
+ return n(e, { bgColor: "transparent", border: "1px solid transparent", borderColorHover: "black", borderRadius: t.spacing[0.25], display: "flex", flexDirection: "column", gap: 1, onHover: y, onLeave: b, padding: [0.5, 0.5, 0.5, 0.5], width: "100%", children: [i(e, { cursor: m ? "unset" : "pointer", display: "inline-flex", justify: "center", onClick: h, position: "relative", width: "100%", children: o === void 0 ? n(v.Fragment, { children: [i(z, { alt: r, fileType: f, height: "147px", opacity: C ? 0.3 : 0, src: p, width: "100%" }), g ? i(e, { bottom: "10px", position: "absolute", right: "10px", children: i(E, { color: "white", icon: "arrows-maximize", iconSize: "xxs", iconType: "fa-light", variant: "secondary" }) }) : void 0] }) : o }), x ? null : i(j, { authorEmail: l, date: d, description: c, descriptionColor: t.palette.gray[600], id: `${r}-card-header`, title: u })] });
15
+ };
16
+ export {
17
+ L as CardWithImage
18
+ };
@@ -1,3 +1,57 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("styled-components"),t=require("../card-header/index.js");require("../../inputs/fields/combobox/index.js");const r=require("../../inputs/fields/date/index.js");require("../../inputs/fields/date-range/index.js"),require("../../inputs/fields/date-time/index.js"),require("lodash"),require("../../icon/index.js"),require("../../../index-CmylnDrF.js"),require("../../container/index.js"),require("../../link/index.js"),require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js");const s=require("../../inputs/fields/input/index.js");require("../../inputs/fields/input-file/index.js"),require("../../inputs/fields/input-tags/index.js");const d=require("../../inputs/fields/number/index.js");require("../../inputs/fields/number-range/index.js"),require("../../inputs/fields/phone/index.js"),require("../../inputs/fields/text-area/index.js"),require("../../../styles-Bl-CstrT.js"),require("../../tag/index.js"),require("../../icon-button/index.js");const u=n.styled.div`
2
- ${({theme:e,$align:i="center",$minWidth:n="auto",$minHeight:t="auto"})=>`\n display: flex;\n background-color: ${e.palette.white};\n border-radius: ${e.spacing[.25]};\n border: 1px solid ${e.palette.gray[200]};\n flex-direction: column;\n justify-content: center;\n gap: ${e.spacing[.5]};\n min-width: ${n};\n min-height: ${t};\n padding: ${e.spacing[1]};\n\n input {\n color: ${e.palette.gray[800]};\n line-height: ${e.spacing[1.5]};\n text-align: ${i};\n }\n `}
3
- `;exports.CardWithInput=({description:n,disabled:a,id:l,align:p,inputType:o="text",inputNumberProps:c,minHeight:x,minWidth:j,name:m,placeholder:g,tooltip:q,title:h})=>{const f=i.useMemo((()=>{if("text"===o)return e.jsx(s.Input,{disabled:a,name:m,placeholder:g});if("date"===o)return e.jsx(r.InputDate,{disabled:a,name:m});const{decimalPlaces:i,max:n,min:t}=c??{};return e.jsx(d.InputNumber,{decimalPlaces:i,disabled:a,max:n,min:t,name:m,placeholder:g})}),[a,c,o,m,g]);return e.jsxs(u,{$align:p,$minHeight:x,$minWidth:j,children:[e.jsx(t.CardHeader,{description:n,id:l,title:h,tooltip:q}),f]})};
1
+ import { jsx as r, jsxs as b } from "react/jsx-runtime";
2
+ import { useMemo as x } from "react";
3
+ import { styled as f } from "styled-components";
4
+ import { CardHeader as y } from "../card-header/index.js";
5
+ import "../../inputs/fields/combobox/index.js";
6
+ import { InputDate as H } from "../../inputs/fields/date/index.js";
7
+ import "../../inputs/fields/date-range/index.js";
8
+ import "../../inputs/fields/date-time/index.js";
9
+ import "lodash";
10
+ import "../../icon/index.js";
11
+ import "../../../index-D-lcuEHY.mjs";
12
+ import "../../container/index.js";
13
+ import "../../link/index.js";
14
+ import "../../typography/heading/index.js";
15
+ import "../../typography/span/index.js";
16
+ import "../../typography/text/index.js";
17
+ import { Input as I } from "../../inputs/fields/input/index.js";
18
+ import "../../inputs/fields/input-file/index.js";
19
+ import "../../inputs/fields/input-tags/index.js";
20
+ import { InputNumber as W } from "../../inputs/fields/number/index.js";
21
+ import "../../inputs/fields/number-range/index.js";
22
+ import "../../inputs/fields/phone/index.js";
23
+ import "../../inputs/fields/text-area/index.js";
24
+ import "../../../styles-lSVV9kjn.mjs";
25
+ import "../../tag/index.js";
26
+ import "../../icon-button/index.js";
27
+ const j = f.div`
28
+ ${({ theme: t, $align: i = "center", $minWidth: n = "auto", $minHeight: o = "auto" }) => `
29
+ display: flex;
30
+ background-color: ${t.palette.white};
31
+ border-radius: ${t.spacing[0.25]};
32
+ border: 1px solid ${t.palette.gray[200]};
33
+ flex-direction: column;
34
+ justify-content: center;
35
+ gap: ${t.spacing[0.5]};
36
+ min-width: ${n};
37
+ min-height: ${o};
38
+ padding: ${t.spacing[1]};
39
+
40
+ input {
41
+ color: ${t.palette.gray[800]};
42
+ line-height: ${t.spacing[1.5]};
43
+ text-align: ${i};
44
+ }
45
+ `}
46
+ `, Y = ({ description: t, disabled: i, id: n, align: o, inputType: p = "text", inputNumberProps: a, minHeight: d, minWidth: l, name: e, placeholder: m, tooltip: s, title: c }) => {
47
+ const u = x(() => {
48
+ if (p === "text") return r(I, { disabled: i, name: e, placeholder: m });
49
+ if (p === "date") return r(H, { disabled: i, name: e });
50
+ const { decimalPlaces: g, max: $, min: h } = a ?? {};
51
+ return r(W, { decimalPlaces: g, disabled: i, max: $, min: h, name: e, placeholder: m });
52
+ }, [i, a, p, e, m]);
53
+ return b(j, { $align: o, $minHeight: d, $minWidth: l, children: [r(y, { description: t, id: n, title: c, tooltip: s }), u] });
54
+ };
55
+ export {
56
+ Y as CardWithInput
57
+ };
@@ -1 +1,16 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../../index-TKLFHcRp.js"),r=require("../../container/index.js"),n=require("../../icon/index.js"),o=require("../../radio-button/index.js"),a=require("../../typography/heading/index.js");require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.CardWithSelector=({alt:d,imageId:s,icon:l,selectorProps:c,onClick:p,title:x,width:g="fit-content"})=>{const u=i.useTheme();return e.jsxs(r.Container,{alignItems:"center",border:`1px solid ${u.palette.gray[200]}`,borderColorHover:u.palette.gray[600],borderRadius:u.spacing[.25],display:"inline-flex",padding:[1,1,1,1],shadowHover:"md",width:g,children:[e.jsx(r.Container,{alignSelf:"start",display:"flex",width:"fit-content",children:e.jsx(o.RadioButton,{name:c.name,onClick:p,value:c.value})}),e.jsxs(r.Container,{alignItems:"center",display:"flex",gap:.5,justify:"space-between",ml:1,mr:1,width:"100%",children:[void 0===s?void 0:e.jsx(t.MemoizedImage,{alt:d??"card image",height:"32px",publicId:s,width:"32px"}),void 0===l?void 0:e.jsx(n.Icon,{icon:l,iconSize:"sm",iconType:"fa-light"}),e.jsx(a.Heading,{fontWeight:"bold",lineSpacing:1.75,size:"xs",children:x})]})]})};
1
+ import { jsxs as n, jsx as i } from "react/jsx-runtime";
2
+ import { useTheme as m } from "styled-components";
3
+ import { M as c } from "../../../index-BwFnfaRh.mjs";
4
+ import { Container as t } from "../../container/index.js";
5
+ import { Icon as f } from "../../icon/index.js";
6
+ import { RadioButton as h } from "../../radio-button/index.js";
7
+ import { Heading as g } from "../../typography/heading/index.js";
8
+ import "../../typography/span/index.js";
9
+ import "../../typography/text/index.js";
10
+ const j = ({ alt: d, imageId: o, icon: r, selectorProps: a, onClick: l, title: s, width: p = "fit-content" }) => {
11
+ const e = m();
12
+ return n(t, { alignItems: "center", border: `1px solid ${e.palette.gray[200]}`, borderColorHover: e.palette.gray[600], borderRadius: e.spacing[0.25], display: "inline-flex", padding: [1, 1, 1, 1], shadowHover: "md", width: p, children: [i(t, { alignSelf: "start", display: "flex", width: "fit-content", children: i(h, { name: a.name, onClick: l, value: a.value }) }), n(t, { alignItems: "center", display: "flex", gap: 0.5, justify: "space-between", ml: 1, mr: 1, width: "100%", children: [o === void 0 ? void 0 : i(c, { alt: d ?? "card image", height: "32px", publicId: o, width: "32px" }), r === void 0 ? void 0 : i(f, { icon: r, iconSize: "sm", iconType: "fa-light" }), i(g, { fontWeight: "bold", lineSpacing: 1.75, size: "xs", children: s })] })] });
13
+ };
14
+ export {
15
+ j as CardWithSelector
16
+ };
@@ -1 +1,12 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../card-header/index.js"),r=require("../../container/index.js"),n=require("../../toggle/index.js");exports.CardWithSwitch=({id:o,title:a,toggles:d,minWidth:s="auto",height:l="auto"})=>{const g=i.useTheme();return e.jsxs(r.Container,{alignItems:"center",bgColor:g.palette.white,border:`1px solid ${g.palette.gray[200]}`,borderRadius:g.spacing[.25],display:"flex",flexDirection:"column",gap:.5,height:l,justify:"center",minHeight:"100px",minWidth:s,padding:[1.25,1.25,1.25,1.25],children:[e.jsx(t.CardHeader,{id:o,title:a}),e.jsx(r.Container,{display:"flex",flexDirection:"column",gap:.5,minHeight:"40px",width:"100%",children:d.map((i=>e.jsx(n.Toggle,{...i},`$card-toggle-${i.name}`)))})]})};
1
+ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
+ import { useTheme as m } from "styled-components";
3
+ import { CardHeader as g } from "../card-header/index.js";
4
+ import { Container as r } from "../../container/index.js";
5
+ import { Toggle as p } from "../../toggle/index.js";
6
+ const y = ({ id: o, title: a, toggles: n, minWidth: s = "auto", height: d = "auto" }) => {
7
+ const i = m();
8
+ return l(r, { alignItems: "center", bgColor: i.palette.white, border: `1px solid ${i.palette.gray[200]}`, borderRadius: i.spacing[0.25], display: "flex", flexDirection: "column", gap: 0.5, height: d, justify: "center", minHeight: "100px", minWidth: s, padding: [1.25, 1.25, 1.25, 1.25], children: [t(g, { id: o, title: a }), t(r, { display: "flex", flexDirection: "column", gap: 0.5, minHeight: "40px", width: "100%", children: n.map((e) => t(p, { ...e }, `$card-toggle-${e.name}`)) })] });
9
+ };
10
+ export {
11
+ y as CardWithSwitch
12
+ };
@@ -1 +1,12 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-header/index.js"),r=require("./card-with-image/index.js"),t=require("./card-with-input/index.js"),i=require("./card-with-selector/index.js"),d=require("./card-with-switch/index.js");exports.CardHeader=e.CardHeader,exports.CardWithImage=r.CardWithImage,exports.CardWithInput=t.CardWithInput,exports.CardWithSelector=i.CardWithSelector,exports.CardWithSwitch=d.CardWithSwitch;
1
+ import { CardHeader as o } from "./card-header/index.js";
2
+ import { CardWithImage as a } from "./card-with-image/index.js";
3
+ import { CardWithInput as m } from "./card-with-input/index.js";
4
+ import { CardWithSelector as f } from "./card-with-selector/index.js";
5
+ import { CardWithSwitch as i } from "./card-with-switch/index.js";
6
+ export {
7
+ o as CardHeader,
8
+ a as CardWithImage,
9
+ m as CardWithInput,
10
+ f as CardWithSelector,
11
+ i as CardWithSwitch
12
+ };
@@ -1,24 +1,50 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../../use-carousel-64dKFW4E.js");require("lodash");const n=r.styled.div`
1
+ import { jsxs as p, jsx as a } from "react/jsx-runtime";
2
+ import { useCallback as m } from "react";
3
+ import { styled as r } from "styled-components";
4
+ import { u } from "../../use-carousel-CvRxi2FI.mjs";
5
+ import "lodash";
6
+ const h = r.div`
2
7
  position: relative;
3
8
  margin: auto;
4
9
  overflow: hidden;
5
- `,s=r.styled.div`
10
+ `, $ = r.div`
6
11
  display: flex;
7
12
  transition: transform 0.5s ease-in-out;
8
13
  transform: translateX(
9
- ${({$currentIndex:e})=>100*-e}%
14
+ ${({ $currentIndex: e }) => 100 * -e}%
10
15
  );
11
- `,a=r.styled.div`
16
+ `, g = r.div`
12
17
  align-items: center;
13
18
  display: flex;
14
19
  justify-content: center;
15
20
  min-width: 100%;
16
- `,l=r.styled.button`
17
- ${({theme:e,$isActive:t})=>`\n background-color: ${t?e.palette.primary[400]:e.palette.white};\n border: none;\n border-radius: 50%;\n cursor: pointer;\n height: ${e.spacing[.75]};\n width: ${e.spacing[.75]};\n `}
18
- `,o=r.styled.div`
21
+ `, f = r.button`
22
+ ${({ theme: e, $isActive: s }) => `
23
+ background-color: ${s ? e.palette.primary[400] : e.palette.white};
24
+ border: none;
25
+ border-radius: 50%;
26
+ cursor: pointer;
27
+ height: ${e.spacing[0.75]};
28
+ width: ${e.spacing[0.75]};
29
+ `}
30
+ `, v = r.div`
19
31
  align-items: center;
20
32
  display: flex;
21
- gap: ${({theme:e})=>e.spacing[.5]};
33
+ gap: ${({ theme: e }) => e.spacing[0.5]};
22
34
  justify-content: center;
23
- margin-top: ${({theme:e})=>e.spacing[2]};
24
- `;exports.Carousel=({slides:r,interval:c=300})=>{const{cycle:d,setCycle:u,setProgress:p}=i.useCarousel(c,r.length),m=t.useCallback((e=>()=>{u(e),p(0)}),[u,p]);return e.jsxs(n,{"aria-roledescription":"carousel",children:[e.jsx(s,{$currentIndex:d,children:r.map(((t,r)=>{const i=`slide-${r}`;return e.jsx(a,{"aria-label":i,"aria-roledescription":"slide",children:t.content},i)}))}),e.jsx(o,{children:r.map(((t,r)=>{const i=`nav-button-${r}`;return e.jsx(l,{$isActive:r===d,"aria-label":`Go to slide ${r+1}`,"data-testid":r===d?"active":"inactive",onClick:m(r)},i)}))})]})};
35
+ margin-top: ${({ theme: e }) => e.spacing[2]};
36
+ `, C = ({ slides: e, interval: s = 300 }) => {
37
+ const { cycle: o, setCycle: l, setProgress: c } = u(s, e.length), d = m((n) => () => {
38
+ l(n), c(0);
39
+ }, [l, c]);
40
+ return p(h, { "aria-roledescription": "carousel", children: [a($, { $currentIndex: o, children: e.map((n, t) => {
41
+ const i = `slide-${t}`;
42
+ return a(g, { "aria-label": i, "aria-roledescription": "slide", children: n.content }, i);
43
+ }) }), a(v, { children: e.map((n, t) => {
44
+ const i = `nav-button-${t}`;
45
+ return a(f, { $isActive: t === o, "aria-label": `Go to slide ${t + 1}`, "data-testid": t === o ? "active" : "inactive", onClick: d(t) }, i);
46
+ }) })] });
47
+ };
48
+ export {
49
+ C as Carousel
50
+ };
@@ -1,3 +1,84 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components"),a=require("../icon/index.js"),i=t.styled.label`
2
- ${({theme:n})=>`\n align-items: start;\n color: ${n.palette.gray[600]};\n display: flex;\n cursor: pointer;\n font-family: ${n.typography.type.primary};\n font-size: ${n.typography.text.sm};\n font-weight: ${n.typography.weight.regular};\n line-height: ${n.spacing[1]};\n letter-spacing: 0;\n position: relative;\n text-align: left;\n\n &[aria-disabled="true"] {\n color: ${n.palette.gray[300]};\n cursor: not-allowed;\n }\n\n input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n svg {\n background-color: ${n.palette.white};\n border-radius: ${n.spacing[.25]};\n border: 1px solid ${n.palette.gray[600]};\n top: 0;\n left: 0;\n height: ${n.spacing[.5]};\n margin-right: ${n.spacing[.5]};\n width: ${n.spacing[.5]};\n padding: ${n.spacing[.25]};\n }\n\n svg > path {\n fill: ${n.palette.white};\n }\n\n input:checked ~ span > svg {\n background-color: ${n.palette.primary[500]};\n border: 1px solid ${n.palette.primary[500]};\n }\n\n input:disabled ~ span > svg {\n border: 1px solid ${n.palette.gray[300]};\n cursor: not-allowed;\n }\n\n input:not(:disabled):hover ~ span > svg {\n box-shadow: 0 0 0 4px ${n.palette.gray[100]};\n }\n\n input:checked:disabled ~ span > svg {\n background-color: ${n.palette.gray[300]};\n border: 1px solid ${n.palette.gray[300]};\n }\n\n input:not(:disabled):hover:checked ~ span > svg {\n box-shadow: 0 0 0 4px ${n.palette.primary[50]};\n }\n\n input:checked ~ span > svg > path {\n fill: ${n.palette.white};\n }\n\n input:checked:disabled ~ span > svg > path {\n fill: ${n.palette.white};\n }\n `}
3
- `,r=e.forwardRef((function({defaultChecked:e=!1,disabled:t=!1,label:r,name:o,onChange:l,onClick:p,onFocus:s,onKeyDown:d,value:c,...g},h){return n.jsxs(i,{"aria-disabled":t,htmlFor:o,children:[n.jsx("input",{"aria-checked":e,"aria-disabled":t,"aria-label":o,defaultChecked:e,disabled:t,id:o,name:o,onChange:l,onClick:p,onFocus:s,onKeyDown:d,ref:h,type:"checkbox",value:c,...g}),n.jsx(a.Icon,{disabled:t,icon:"check",iconSize:"sm"}),r??c]})}));exports.Checkbox=r;
1
+ import { jsxs as g, jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as h } from "react";
3
+ import { styled as u } from "styled-components";
4
+ import { Icon as b } from "../icon/index.js";
5
+ const y = u.label`
6
+ ${({ theme: e }) => `
7
+ align-items: start;
8
+ color: ${e.palette.gray[600]};
9
+ display: flex;
10
+ cursor: pointer;
11
+ font-family: ${e.typography.type.primary};
12
+ font-size: ${e.typography.text.sm};
13
+ font-weight: ${e.typography.weight.regular};
14
+ line-height: ${e.spacing[1]};
15
+ letter-spacing: 0;
16
+ position: relative;
17
+ text-align: left;
18
+
19
+ &[aria-disabled="true"] {
20
+ color: ${e.palette.gray[300]};
21
+ cursor: not-allowed;
22
+ }
23
+
24
+ input {
25
+ position: absolute;
26
+ opacity: 0;
27
+ cursor: pointer;
28
+ height: 0;
29
+ width: 0;
30
+ }
31
+
32
+ svg {
33
+ background-color: ${e.palette.white};
34
+ border-radius: ${e.spacing[0.25]};
35
+ border: 1px solid ${e.palette.gray[600]};
36
+ top: 0;
37
+ left: 0;
38
+ height: ${e.spacing[0.5]};
39
+ margin-right: ${e.spacing[0.5]};
40
+ width: ${e.spacing[0.5]};
41
+ padding: ${e.spacing[0.25]};
42
+ }
43
+
44
+ svg > path {
45
+ fill: ${e.palette.white};
46
+ }
47
+
48
+ input:checked ~ span > svg {
49
+ background-color: ${e.palette.primary[500]};
50
+ border: 1px solid ${e.palette.primary[500]};
51
+ }
52
+
53
+ input:disabled ~ span > svg {
54
+ border: 1px solid ${e.palette.gray[300]};
55
+ cursor: not-allowed;
56
+ }
57
+
58
+ input:not(:disabled):hover ~ span > svg {
59
+ box-shadow: 0 0 0 4px ${e.palette.gray[100]};
60
+ }
61
+
62
+ input:checked:disabled ~ span > svg {
63
+ background-color: ${e.palette.gray[300]};
64
+ border: 1px solid ${e.palette.gray[300]};
65
+ }
66
+
67
+ input:not(:disabled):hover:checked ~ span > svg {
68
+ box-shadow: 0 0 0 4px ${e.palette.primary[50]};
69
+ }
70
+
71
+ input:checked ~ span > svg > path {
72
+ fill: ${e.palette.white};
73
+ }
74
+
75
+ input:checked:disabled ~ span > svg > path {
76
+ fill: ${e.palette.white};
77
+ }
78
+ `}
79
+ `, x = h(function({ defaultChecked: e = !1, disabled: n = !1, label: o, name: a, onChange: r, onClick: l, onFocus: p, onKeyDown: s, value: t, ...d }, c) {
80
+ return g(y, { "aria-disabled": n, htmlFor: a, children: [i("input", { "aria-checked": e, "aria-disabled": n, "aria-label": a, defaultChecked: e, disabled: n, id: a, name: a, onChange: r, onClick: l, onFocus: p, onKeyDown: s, ref: c, type: "checkbox", value: t, ...d }), i(b, { disabled: n, icon: "check", iconSize: "sm" }), o ?? t] });
81
+ });
82
+ export {
83
+ x as Checkbox
84
+ };
@@ -1 +1,8 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../index-TKLFHcRp.js");require("react"),require("../../use-cloudinary-image-YMMafagv.js"),require("lodash"),exports.CloudImage=e.MemoizedImage;
1
+ import "react/jsx-runtime";
2
+ import { M as a } from "../../index-BwFnfaRh.mjs";
3
+ import "react";
4
+ import "../../use-cloudinary-image-fG7ODNgr.mjs";
5
+ import "lodash";
6
+ export {
7
+ a as CloudImage
8
+ };