@4alldigital/foundation-ui--gamma 1.31.13 → 1.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/foundation-ui.css +1 -1
  2. package/dist/index.esm.js +32 -20
  3. package/dist/index.js +32 -20
  4. package/dist/types/fui/components/Authenticator/Authenticator.d.ts +8 -0
  5. package/dist/types/fui/components/Authenticator/Authenticator.stories.d.ts +6 -0
  6. package/dist/types/fui/components/Authenticator/Authenticator.test.d.ts +1 -0
  7. package/dist/types/fui/components/Authenticator/Authenticator.types.d.ts +7 -0
  8. package/dist/types/fui/components/Authenticator/index.d.ts +1 -0
  9. package/dist/types/fui/components/Copy/Copy.types.d.ts +1 -2
  10. package/dist/types/fui/components/FormSelect/FormSelect.types.d.ts +2 -2
  11. package/dist/types/fui/components/Hr/Hr.d.ts +2 -1
  12. package/dist/types/fui/components/Hr/Hr.types.d.ts +3 -0
  13. package/dist/types/fui/components/Radio/Radio.types.d.ts +2 -4
  14. package/dist/types/fui/components/Tabs/Tabs.d.ts +8 -0
  15. package/dist/types/fui/{features/Search/views/Layout/Layout.stories.d.ts → components/Tabs/Tabs.stories.d.ts} +3 -3
  16. package/dist/types/fui/components/Tabs/Tabs.test.d.ts +1 -0
  17. package/dist/types/fui/components/Tabs/Tabs.types.d.ts +8 -0
  18. package/dist/types/fui/components/Tabs/index.d.ts +1 -0
  19. package/dist/types/fui/features/Search/Search.d.ts +1 -1
  20. package/dist/types/fui/features/Search/Search.types.d.ts +3 -0
  21. package/dist/types/fui/forms/ForgotPasswordForm/ForgotPasswordForm.d.ts +8 -0
  22. package/dist/types/fui/forms/ForgotPasswordForm/ForgotPasswordForm.stories.d.ts +6 -0
  23. package/dist/types/fui/forms/ForgotPasswordForm/ForgotPasswordForm.test.d.ts +1 -0
  24. package/dist/types/fui/forms/ForgotPasswordForm/ForgotPasswordForm.types.d.ts +3 -0
  25. package/dist/types/fui/forms/ForgotPasswordForm/index.d.ts +1 -0
  26. package/dist/types/fui/forms/LoginForm/LoginForm.d.ts +8 -0
  27. package/dist/types/fui/{features/Search/views/Result/Result.stories.d.ts → forms/LoginForm/LoginForm.stories.d.ts} +3 -3
  28. package/dist/types/fui/forms/LoginForm/LoginForm.test.d.ts +1 -0
  29. package/dist/types/fui/forms/LoginForm/LoginForm.types.d.ts +6 -0
  30. package/dist/types/fui/forms/LoginForm/index.d.ts +1 -0
  31. package/dist/types/fui/forms/RegisterForm/RegisterForm.d.ts +8 -0
  32. package/dist/types/fui/forms/RegisterForm/RegisterForm.stories.d.ts +6 -0
  33. package/dist/types/fui/forms/RegisterForm/RegisterForm.test.d.ts +1 -0
  34. package/dist/types/fui/forms/RegisterForm/RegisterForm.types.d.ts +4 -0
  35. package/dist/types/fui/forms/RegisterForm/index.d.ts +1 -0
  36. package/dist/types/fui/forms/ResetPasswordForm/ResetPasswordForm.d.ts +8 -0
  37. package/dist/types/fui/forms/ResetPasswordForm/ResetPasswordForm.stories.d.ts +6 -0
  38. package/dist/types/fui/forms/ResetPasswordForm/ResetPasswordForm.test.d.ts +1 -0
  39. package/dist/types/fui/forms/ResetPasswordForm/ResetPasswordForm.types.d.ts +3 -0
  40. package/dist/types/fui/forms/ResetPasswordForm/index.d.ts +1 -0
  41. package/dist/types/fui/forms/constants/index.d.ts +2 -0
  42. package/dist/types/fui/forms/validations/index.d.ts +18 -0
  43. package/dist/types/fui/translations/en.d.ts +93 -0
  44. package/dist/types/fui/translations/index.d.ts +2 -0
  45. package/package.json +2 -2
  46. package/dist/types/fui/features/Search/views/MultiCheckboxFacet/MultiCheckboxFacet.stories.d.ts +0 -6
  47. package/dist/types/fui/features/Search/views/Paging/Paging.stories.d.ts +0 -6
  48. package/dist/types/fui/features/Search/views/PagingInfo/PagingInfo.stories.d.ts +0 -6
  49. package/dist/types/fui/features/Search/views/Results/Results.stories.d.ts +0 -6
  50. package/dist/types/fui/features/Search/views/ResultsPerPage/ResultsPerPage.stories.d.ts +0 -6
  51. package/dist/types/fui/features/Search/views/SearchBox/SearchBox.stories.d.ts +0 -6
  52. package/dist/types/fui/features/Search/views/Sidebar/Sidebar.stories.d.ts +0 -6
  53. package/dist/types/fui/features/Search/views/SingleLinksFacet/SingleLinksFacet.stories.d.ts +0 -6
  54. package/dist/types/fui/features/Search/views/SingleSelectFacet/SingleSelectFacet.stories.d.ts +0 -6
  55. package/dist/types/fui/features/Search/views/Sorting/Sorting.stories.d.ts +0 -6
@@ -1,2 +1,2 @@
1
- body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 21 64/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));font-family:ProximaNova-Regular,sans-serif}body:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 17 50/var(--tw-bg-opacity));color:rgb(238 238 238/var(--tw-text-opacity))}*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }.container{width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:1440px){.container{max-width:1440px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.left-0{left:0}.left-auto{left:auto}.right-0{right:0}.start-3{inset-inline-start:.75rem}.top-0{top:0}.z-10{z-index:10}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-10{height:2.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-20{min-width:5rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.auto-cols-auto{grid-auto-columns:auto}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-search-layout{grid-template-columns:1fr}.grid-cols-search-layout-with-sidebar{grid-template-columns:1fr 3fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-0{row-gap:0}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-24{row-gap:6rem}.gap-y-4{row-gap:1rem}.gap-y-40{row-gap:10rem}.gap-y-8{row-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.divide-x-2>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(2px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(2px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-dark-body-text{--tw-border-opacity:1;border-color:rgb(238 238 238/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.border-primary300{--tw-border-opacity:1;border-color:rgb(84 104 144/var(--tw-border-opacity))}.border-primary500{--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.border-secondary{--tw-border-opacity:1;border-color:rgb(252 183 0/var(--tw-border-opacity))}.border-tertiary{--tw-border-opacity:1;border-color:rgb(163 176 202/var(--tw-border-opacity))}.bg-body-background{--tw-bg-opacity:1;background-color:rgb(0 21 64/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.bg-primary-darker{--tw-bg-opacity:1;background-color:rgb(0 27 81/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(252 183 0/var(--tw-bg-opacity))}.bg-secondary-darker{--tw-bg-opacity:1;background-color:rgb(227 165 0/var(--tw-bg-opacity))}.bg-tertiary{--tw-bg-opacity:1;background-color:rgb(163 176 202/var(--tw-bg-opacity))}.bg-tertiary-darker{--tw-bg-opacity:1;background-color:rgb(140 156 189/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-none{background-image:none}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-0{padding:0}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-48{padding-left:12rem;padding-right:12rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-40{padding-bottom:10rem;padding-top:10rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.ps-3{padding-inline-start:.75rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.font-body{font-family:ProximaNova-Regular,sans-serif}.font-heading{font-family:ProximaNova-Bold,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-body-text{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-error{color:rgb(248 114 114/var(--tw-text-opacity))}.text-error,.text-white{--tw-text-opacity:1}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--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-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.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)}.transition{transition-duration:.15s;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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@layer component{.form{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:#0000001a;border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column}.form:is(.dark *){background-color:#0003}.form-item{--tw-border-opacity:1;-webkit-appearance:none;appearance:none;background-color:#ffffff1a;border-color:rgb(84 104 144/var(--tw-border-opacity));border-style:solid;border-width:1px;box-sizing:border-box;outline:2px solid #0000;outline-offset:2px}.form-item:is(.dark *){--tw-border-opacity:1;background-color:#0000001a;border-color:rgb(51 75 123/var(--tw-border-opacity))}.form-item{color:rgb(138 152 179/var(--tw-text-opacity))}.form-item,.form-item:focus{--tw-text-opacity:1}.form-item:focus{color:rgb(255 255 255/var(--tw-text-opacity))}.form-item:is(.dark *){--tw-text-opacity:1;color:rgb(84 104 144/var(--tw-text-opacity))}.form-item:focus:is(.dark *){--tw-text-opacity:1;color:rgb(238 238 238/var(--tw-text-opacity))}.form-item:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;--tw-ring-opacity:1!important;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.form-item:focus:is(.dark *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;--tw-ring-opacity:1!important;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.form-item:invalid{--tw-border-opacity:1;border-color:rgb(248 114 114/var(--tw-border-opacity));border-width:2px}.form-item:invalid:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 114 114/var(--tw-border-opacity))}.form-item:disabled{--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.form-item:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.formfield-description,.label{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.formfield-description:is(.dark *),.label:is(.dark *){--tw-text-opacity:1;color:rgb(138 152 179/var(--tw-text-opacity))}.text-input{border-radius:.25rem;padding:.75rem;width:100%}.text-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.text-input:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.checkbox{border-radius:.25rem}.checkbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.checkbox:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.radio{border-radius:9999px}.radio:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.radio:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.form-icon{--tw-text-opacity:1;color:rgb(138 152 179/var(--tw-text-opacity))}.form-icon:is(.dark *){--tw-text-opacity:1;color:rgb(138 152 179/var(--tw-text-opacity))}.switch{border-radius:9999px}.peer:checked~.switch{--tw-bg-opacity:1;background-color:rgb(84 104 144/var(--tw-bg-opacity))}.peer:focus~.switch{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.switch:is(.dark *){--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.peer:checked~.switch:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 75 123/var(--tw-bg-opacity))}.file-upload::-webkit-file-upload-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(84 104 144/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.file-upload::file-selector-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(84 104 144/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.file-upload:is(.dark *)::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:rgb(51 75 123/var(--tw-bg-opacity))}.file-upload:is(.dark *)::file-selector-button{--tw-bg-opacity:1;background-color:rgb(51 75 123/var(--tw-bg-opacity))}}.file\:mr-3::-webkit-file-upload-button{margin-right:.75rem}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:cursor-pointer::-webkit-file-upload-button{cursor:pointer}.file\:cursor-pointer::file-selector-button{cursor:pointer}.file\:overflow-hidden::-webkit-file-upload-button{overflow:hidden}.file\:overflow-hidden::file-selector-button{overflow:hidden}.file\:rounded-none::-webkit-file-upload-button{border-radius:0}.file\:rounded-none::file-selector-button{border-radius:0}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:border-solid::-webkit-file-upload-button{border-style:solid}.file\:border-solid::file-selector-button{border-style:solid}.file\:border-inherit::-webkit-file-upload-button{border-color:inherit}.file\:border-inherit::file-selector-button{border-color:inherit}.file\:p-3::-webkit-file-upload-button{padding:.75rem}.file\:p-3::file-selector-button{padding:.75rem}.file\:transition::-webkit-file-upload-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;-webkit-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)}.file\:transition::file-selector-button{transition-duration:.15s;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)}.file\:duration-150::-webkit-file-upload-button{transition-duration:.15s}.file\:duration-150::file-selector-button{transition-duration:.15s}.file\:ease-in-out::-webkit-file-upload-button{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:ease-in-out::file-selector-button{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:\[border-inline-end-width\:1px\]::-webkit-file-upload-button{border-inline-end-width:1px}.file\:\[border-inline-end-width\:1px\]::file-selector-button{border-inline-end-width:1px}.file\:\[margin-inline-end\:0\.75rem\]::-webkit-file-upload-button{margin-inline-end:.75rem}.file\:\[margin-inline-end\:0\.75rem\]::file-selector-button{margin-inline-end:.75rem}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[1px\]:after{content:var(--tw-content);inset-inline-start:1px}.after\:top-\[1px\]:after{content:var(--tw-content);top:1px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.visited\:text-body-text:visited{color:#fff}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary400:hover{--tw-border-opacity:1;border-color:rgb(51 75 123/var(--tw-border-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.hover\:bg-primary-darker:hover{--tw-bg-opacity:1;background-color:rgb(0 27 81/var(--tw-bg-opacity))}.hover\:bg-secondary-darker:hover{--tw-bg-opacity:1;background-color:rgb(227 165 0/var(--tw-bg-opacity))}.hover\:bg-tertiary-darker:hover{--tw-bg-opacity:1;background-color:rgb(140 156 189/var(--tw-bg-opacity))}.hover\:text-body-text-inverted:hover{--tw-text-opacity:1;color:rgb(242 242 242/var(--tw-text-opacity))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.peer:focus~.peer-focus\:ring-info{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.data-\[invalid\=true\]\:bg-error[data-invalid=true]{--tw-bg-opacity:1;background-color:rgb(248 114 114/var(--tw-bg-opacity))}.data-\[valid\]\:bg-success[data-valid]{--tw-bg-opacity:1;background-color:rgb(54 211 153/var(--tw-bg-opacity))}.dark\:border-dark-body-text:is(.dark *){--tw-border-opacity:1;border-color:rgb(238 238 238/var(--tw-border-opacity))}.dark\:border-primary400:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 75 123/var(--tw-border-opacity))}.dark\:bg-dark-body-background:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 17 50/var(--tw-bg-opacity))}.dark\:hover\:border-primary500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.peer:focus~.dark\:peer-focus\:ring-info:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}@media (min-width:768px){.md\:relative{position:relative}.md\:left-auto{left:auto}.md\:top-auto{top:auto}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-search-layout{grid-template-columns:1fr}.md\:grid-cols-search-layout-with-sidebar{grid-template-columns:1fr 3fr}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:pl-0{padding-left:0}.md\:pr-0{padding-right:0}.md\:pt-6{padding-top:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:976px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}.peer:checked~.rtl\:peer-checked\:after\:-translate-x-full:where([dir=rtl],[dir=rtl] *):after{--tw-translate-x:-100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
1
+ body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 21 64/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));font-family:ProximaNova-Regular,sans-serif}body:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 17 50/var(--tw-bg-opacity));color:rgb(238 238 238/var(--tw-text-opacity))}*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }.container{width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:1440px){.container{max-width:1440px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.left-0{left:0}.left-auto{left:auto}.right-0{right:0}.start-3{inset-inline-start:.75rem}.top-0{top:0}.z-10{z-index:10}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-40{margin-bottom:10rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-10{height:2.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-128{min-width:32rem}.min-w-20{min-width:5rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-\[250px\]{max-width:250px}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.auto-cols-auto{grid-auto-columns:auto}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-search-layout{grid-template-columns:1fr}.grid-cols-search-layout-with-sidebar{grid-template-columns:1fr 3fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-0{row-gap:0}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-24{row-gap:6rem}.gap-y-4{row-gap:1rem}.gap-y-40{row-gap:10rem}.gap-y-8{row-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.divide-x-2>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(2px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(2px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-dark-body-text{--tw-border-opacity:1;border-color:rgb(238 238 238/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.border-primary300{--tw-border-opacity:1;border-color:rgb(84 104 144/var(--tw-border-opacity))}.border-primary500{--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.border-secondary{--tw-border-opacity:1;border-color:rgb(252 183 0/var(--tw-border-opacity))}.border-tertiary{--tw-border-opacity:1;border-color:rgb(163 176 202/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.bg-body-background{--tw-bg-opacity:1;background-color:rgb(0 21 64/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.bg-primary-darker{--tw-bg-opacity:1;background-color:rgb(0 27 81/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(252 183 0/var(--tw-bg-opacity))}.bg-secondary-darker{--tw-bg-opacity:1;background-color:rgb(227 165 0/var(--tw-bg-opacity))}.bg-tertiary{--tw-bg-opacity:1;background-color:rgb(163 176 202/var(--tw-bg-opacity))}.bg-tertiary-darker{--tw-bg-opacity:1;background-color:rgb(140 156 189/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-none{background-image:none}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-48{padding-left:12rem;padding-right:12rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-40{padding-bottom:10rem;padding-top:10rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.ps-3{padding-inline-start:.75rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-body{font-family:ProximaNova-Regular,sans-serif}.font-heading{font-family:ProximaNova-Bold,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-body-text{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-error{color:rgb(248 114 114/var(--tw-text-opacity))}.text-error,.text-white{--tw-text-opacity:1}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--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-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.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)}.transition{transition-duration:.15s;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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@layer component{.form{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:#0000001a;border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column}.form:is(.dark *){background-color:#0003}.form-item{--tw-border-opacity:1;-webkit-appearance:none;appearance:none;background-color:#ffffff1a;border-color:rgb(84 104 144/var(--tw-border-opacity));border-style:solid;border-width:1px;box-sizing:border-box;outline:2px solid #0000;outline-offset:2px}.form-item:is(.dark *){--tw-border-opacity:1;background-color:#0000001a;border-color:rgb(51 75 123/var(--tw-border-opacity))}.form-item{color:rgb(138 152 179/var(--tw-text-opacity))}.form-item,.form-item:focus{--tw-text-opacity:1}.form-item:focus{color:rgb(255 255 255/var(--tw-text-opacity))}.form-item:is(.dark *){--tw-text-opacity:1;color:rgb(84 104 144/var(--tw-text-opacity))}.form-item:focus:is(.dark *){--tw-text-opacity:1;color:rgb(238 238 238/var(--tw-text-opacity))}.form-item:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;--tw-ring-opacity:1!important;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.form-item:focus:is(.dark *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;--tw-ring-opacity:1!important;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.form-item:invalid{--tw-border-opacity:1;border-color:rgb(248 114 114/var(--tw-border-opacity));border-width:2px}.form-item:invalid:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 114 114/var(--tw-border-opacity))}.form-item:disabled{--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.form-item:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.formfield-description,.label{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.formfield-description:is(.dark *),.label:is(.dark *){--tw-text-opacity:1;color:rgb(138 152 179/var(--tw-text-opacity))}.text-input{border-radius:.25rem;padding:.75rem;width:100%}.text-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.text-input:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.checkbox{border-radius:.25rem}.checkbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.checkbox:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.radio{border-radius:9999px}.radio:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.radio:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.form-icon{--tw-text-opacity:1;color:rgb(138 152 179/var(--tw-text-opacity))}.form-icon:is(.dark *){--tw-text-opacity:1;color:rgb(138 152 179/var(--tw-text-opacity))}.switch{border-radius:9999px}.peer:checked~.switch{--tw-bg-opacity:1;background-color:rgb(84 104 144/var(--tw-bg-opacity))}.peer:focus~.switch{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.switch:is(.dark *){--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.peer:checked~.switch:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 75 123/var(--tw-bg-opacity))}.file-upload::-webkit-file-upload-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(84 104 144/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.file-upload::file-selector-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(84 104 144/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.file-upload:is(.dark *)::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:rgb(51 75 123/var(--tw-bg-opacity))}.file-upload:is(.dark *)::file-selector-button{--tw-bg-opacity:1;background-color:rgb(51 75 123/var(--tw-bg-opacity))}}.file\:mr-3::-webkit-file-upload-button{margin-right:.75rem}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:cursor-pointer::-webkit-file-upload-button{cursor:pointer}.file\:cursor-pointer::file-selector-button{cursor:pointer}.file\:overflow-hidden::-webkit-file-upload-button{overflow:hidden}.file\:overflow-hidden::file-selector-button{overflow:hidden}.file\:rounded-none::-webkit-file-upload-button{border-radius:0}.file\:rounded-none::file-selector-button{border-radius:0}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:border-solid::-webkit-file-upload-button{border-style:solid}.file\:border-solid::file-selector-button{border-style:solid}.file\:border-inherit::-webkit-file-upload-button{border-color:inherit}.file\:border-inherit::file-selector-button{border-color:inherit}.file\:p-3::-webkit-file-upload-button{padding:.75rem}.file\:p-3::file-selector-button{padding:.75rem}.file\:transition::-webkit-file-upload-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;-webkit-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)}.file\:transition::file-selector-button{transition-duration:.15s;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)}.file\:duration-150::-webkit-file-upload-button{transition-duration:.15s}.file\:duration-150::file-selector-button{transition-duration:.15s}.file\:ease-in-out::-webkit-file-upload-button{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:ease-in-out::file-selector-button{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:\[border-inline-end-width\:1px\]::-webkit-file-upload-button{border-inline-end-width:1px}.file\:\[border-inline-end-width\:1px\]::file-selector-button{border-inline-end-width:1px}.file\:\[margin-inline-end\:0\.75rem\]::-webkit-file-upload-button{margin-inline-end:.75rem}.file\:\[margin-inline-end\:0\.75rem\]::file-selector-button{margin-inline-end:.75rem}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[1px\]:after{content:var(--tw-content);inset-inline-start:1px}.after\:top-\[1px\]:after{content:var(--tw-content);top:1px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.visited\:text-body-text:visited{color:#fff}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary400:hover{--tw-border-opacity:1;border-color:rgb(51 75 123/var(--tw-border-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(0 30 90/var(--tw-bg-opacity))}.hover\:bg-primary-darker:hover{--tw-bg-opacity:1;background-color:rgb(0 27 81/var(--tw-bg-opacity))}.hover\:bg-secondary-darker:hover{--tw-bg-opacity:1;background-color:rgb(227 165 0/var(--tw-bg-opacity))}.hover\:bg-tertiary-darker:hover{--tw-bg-opacity:1;background-color:rgb(140 156 189/var(--tw-bg-opacity))}.hover\:text-body-text-inverted:hover{--tw-text-opacity:1;color:rgb(242 242 242/var(--tw-text-opacity))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.peer:focus~.peer-focus\:ring-info{--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}.data-\[invalid\=true\]\:bg-error[data-invalid=true]{--tw-bg-opacity:1;background-color:rgb(248 114 114/var(--tw-bg-opacity))}.data-\[valid\]\:bg-success[data-valid]{--tw-bg-opacity:1;background-color:rgb(54 211 153/var(--tw-bg-opacity))}.dark\:border-dark-body-text:is(.dark *){--tw-border-opacity:1;border-color:rgb(238 238 238/var(--tw-border-opacity))}.dark\:border-primary400:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 75 123/var(--tw-border-opacity))}.dark\:bg-dark-body-background:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 17 50/var(--tw-bg-opacity))}.dark\:hover\:border-primary500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(0 30 90/var(--tw-border-opacity))}.peer:focus~.dark\:peer-focus\:ring-info:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(58 191 248/var(--tw-ring-opacity))}@media (min-width:768px){.md\:relative{position:relative}.md\:left-auto{left:auto}.md\:top-auto{top:auto}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-search-layout{grid-template-columns:1fr}.md\:grid-cols-search-layout-with-sidebar{grid-template-columns:1fr 3fr}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:pl-0{padding-left:0}.md\:pr-0{padding-right:0}.md\:pt-6{padding-top:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:976px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}.peer:checked~.rtl\:peer-checked\:after\:-translate-x-full:where([dir=rtl],[dir=rtl] *):after{--tw-translate-x:-100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
2
2
  @font-face{font-display:swap;font-family:ProximaNova-Regular;font-style:normal;font-weight:400;src:url(https://cdn.tools.4alldigital.io/fonts/ProximaNovaReg.woff2) format("woff2"),url(https://cdn.tools.4alldigital.io/fonts/ProximaNovaReg.woff) format("woff")}@font-face{font-display:swap;font-family:ProximaNova-Bold;font-style:normal;font-weight:700;src:url(https://cdn.tools.4alldigital.io/fonts/ProximaNovaBold.woff2) format("woff2"),url(https://cdn.tools.4alldigital.io/fonts/ProximaNovaBold.woff) format("woff")}
package/dist/index.esm.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
2
  import cx from 'classnames';
3
+ import { twMerge } from 'tailwind-merge';
3
4
  import { Icon as Icon$1 } from '@iconify/react';
4
5
  import React, { useEffect, useContext, useMemo } from 'react';
5
6
  import HoverVideoPlayer from 'react-hover-video-player';
@@ -58,11 +59,18 @@ var Copy = function (_a) {
58
59
  var classes = cx((_b = {}, _b["text-".concat(align)] = align, _b), { 'text-sm': size === 'small' }, { 'text-lg': size === 'large' }, { 'text-2xl': size === 'intro' }, { 'mb-3 leading-5 mt-0': Tag === 'p' }, { 'text-sm': Tag === 'small' },
59
60
  //'body-text',
60
61
  transform, className);
61
- return (jsx(Tag, { "data-testid": testID || id || 'Copy', className: classes, children: children }));
62
+ return (jsx(Tag, { "data-testid": testID || id || 'Copy', className: twMerge(classes), children: children }));
62
63
  };
63
64
  Copy.displayName = 'Copy';
64
65
 
65
- var Hr = function () { return (jsx("hr", { className: cx('border-0 border-b border-dark-body-text dark:border-dark-body-text') })); };
66
+ var Hr = function (_a) {
67
+ var _b = _a.size, size = _b === void 0 ? 'small' : _b;
68
+ return (jsx("hr", { className: cx('border-0 border-b border-dark-body-text dark:border-dark-body-text', {
69
+ 'mt-4 mb-4': size === 'small',
70
+ 'mt-8 mb-8': size === 'medium',
71
+ 'mt-16 mb-16 ': size === 'large',
72
+ }) }));
73
+ };
66
74
  Hr.displayName = 'Hr';
67
75
 
68
76
  var HEADING_TAGS;
@@ -224,7 +232,7 @@ var Link = function (_a) {
224
232
  history.push(href);
225
233
  }
226
234
  };
227
- var classes = cx('link', className);
235
+ var classes = cx('link cursor-pointer', className);
228
236
  return (jsx("a", { "data-testid": testID || id || 'Link', className: classes, href: href, onClick: handleClick, target: target, children: children }));
229
237
  };
230
238
  Link.displayName = 'Link';
@@ -626,17 +634,19 @@ var Form = function (_a) {
626
634
  });
627
635
  useEffect(function () {
628
636
  if (onChange && typeof onChange === 'function') {
629
- var subscription_1 = methods.watch(function (value) { return onChange(value); });
637
+ var subscription_1 = methods.watch(function (value) {
638
+ console.info('methods', methods.formState);
639
+ onChange(value);
640
+ });
630
641
  return function () { return subscription_1.unsubscribe(); };
631
642
  }
632
643
  }, []);
633
644
  var submitClasses = cx({ 'sr-only': hideSubmit });
634
645
  return (jsx(FormProvider, __assign({}, methods, { children: jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), onKeyDown: function (event) {
635
- console.info('onKeyDown event', event);
636
646
  if (disabledSubmitWithReturn && event.key === 'Enter') {
637
647
  event.preventDefault();
638
648
  }
639
- }, className: cx('mb-4 w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsx("div", { className: "flex items-center justify-end py-2", children: jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
649
+ }, className: cx('w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsx("div", { className: "flex items-center justify-end", children: jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
640
650
  };
641
651
  Form.displayName = 'Form';
642
652
 
@@ -699,9 +709,9 @@ var TextInput = React.forwardRef(function MyInput(_a, ref) {
699
709
  var placeholderSet = type === 'date' ? format.toUpperCase() : placeholder;
700
710
  // console.log('TextInput', rest);
701
711
  if (type === InputType.TEXTAREA) {
702
- return (jsx("div", { "data-testid": "TextInput", className: "relative", children: jsx("textarea", __assign({ ref: ref, required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, rows: 4, className: cx('form-item text-input resize-none', className) }, rest)) }));
712
+ return (jsx("div", { "data-testid": "TextInput", className: "relative", children: jsx("textarea", __assign({ ref: ref, autoComplete: type, "aria-autocomplete": "inline", required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, rows: 4, className: cx('form-item text-input resize-none', className) }, rest)) }));
703
713
  }
704
- return (jsxs("div", { "data-testid": "TextInput", className: "relative", children: [icon && (jsx("div", { className: "form-icon absolute inset-y-0 start-3 flex items-center ps-3.5 pointer-events-none", children: jsx(Icon, { name: icon }) })), jsx("input", __assign({ ref: ref, type: type, required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, className: cx('form-item text-input', { 'pl-12': icon }, className) }, rest))] }));
714
+ return (jsxs("div", { "data-testid": "TextInput", className: "relative", children: [icon && (jsx("div", { className: "form-icon absolute inset-y-0 start-3 flex items-center ps-3.5 pointer-events-none", children: jsx(Icon, { name: icon }) })), jsx("input", __assign({ ref: ref, type: type, autoComplete: type, "aria-autocomplete": "inline", required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, className: cx('form-item text-input', { 'pl-12': icon }, className) }, rest))] }));
705
715
  });
706
716
  TextInput.displayName = 'TextInput';
707
717
 
@@ -731,8 +741,11 @@ FormSelect.displayName = 'FormSelect';
731
741
 
732
742
  var Radio = React.forwardRef(function MyInput(_a, ref) {
733
743
  var name = _a.name, required = _a.required, className = _a.className, options = _a.options, rest = __rest(_a, ["name", "required", "className", "options"]);
734
- console.log('Radio', __assign({ name: name, required: required, className: className, options: options }, rest));
735
- return (jsx("div", { "data-testid": "Radio", className: cx('flex items-center', className), children: jsx("div", { className: cx('flex flex-col gap-2', className), children: options === null || options === void 0 ? void 0 : options.map(function (option) { return (jsxs("div", { className: "flex items-center relative", children: [jsxs("div", { className: "relative flex items-center", children: [jsx("input", __assign({ ref: ref, name: name, type: "radio", value: option.value, required: required, className: "form-item radio peer appearance-none m-0 p-0 w-4 h-4" }, rest, { id: option.value })), jsx("div", { className: "form-icon opacity-0 peer-checked:opacity-100 absolute w-4 h-4 flex items-center justify-center top-0 left-0 pointer-events-none", children: jsx(Icon, { name: "mdi:circle", size: 12 }) })] }), jsx("label", { className: "label pl-2 leading-none", htmlFor: option.value, children: option.label })] }, option.value)); }) }) }));
744
+ return (jsx("div", { "data-testid": "Radio", className: cx('flex items-center', className), children: jsx("div", { className: cx('flex flex-col gap-2', className), children: options === null || options === void 0 ? void 0 : options.map(function (option) {
745
+ var _a;
746
+ var value = ((_a = option === null || option === void 0 ? void 0 : option.value) === null || _a === void 0 ? void 0 : _a.toString()) || undefined;
747
+ return (jsxs("div", { className: "flex items-center relative", children: [jsxs("div", { className: "relative flex items-center", children: [jsx("input", __assign({ ref: ref, name: name, type: "radio", value: value, required: required, className: "form-item radio peer appearance-none m-0 p-0 w-4 h-4" }, rest, { id: value })), jsx("div", { className: "form-icon opacity-0 peer-checked:opacity-100 absolute w-4 h-4 flex items-center justify-center top-0 left-0 pointer-events-none", children: jsx(Icon, { name: "mdi:circle", size: 12 }) })] }), jsx("label", { className: "label pl-2 leading-none", htmlFor: value, children: option.label })] }, value));
748
+ }) }) }));
736
749
  });
737
750
  Radio.displayName = 'Radio';
738
751
 
@@ -749,10 +762,10 @@ var FileUpload = React.forwardRef(function MyInput(_a, ref) {
749
762
  FileUpload.displayName = 'FileUpload';
750
763
 
751
764
  var FormField = function (_a) {
752
- var _b;
753
- var name = _a.name, type = _a.type, label = _a.label, required = _a.required, className = _a.className, icon = _a.icon, options = _a.options, disabled = _a.disabled, description = _a.description, showPasswordLabel = _a.showPasswordLabel, hidePasswordLabel = _a.hidePasswordLabel, _c = _a.validations, validations = _c === void 0 ? {} : _c;
754
- var _d = React.useState(false), passwordShowStatus = _d[0], setPasswordShow = _d[1];
755
- var _e = useFormContext(), control = _e.control, register = _e.register, errors = _e.formState.errors;
765
+ var _b, _c;
766
+ var name = _a.name, type = _a.type, label = _a.label, required = _a.required, className = _a.className, icon = _a.icon, options = _a.options, disabled = _a.disabled, description = _a.description, showPasswordLabel = _a.showPasswordLabel, hidePasswordLabel = _a.hidePasswordLabel, _d = _a.validations, validations = _d === void 0 ? {} : _d;
767
+ var _e = React.useState(false), passwordShowStatus = _e[0], setPasswordShow = _e[1];
768
+ var _f = useFormContext(), control = _f.control, register = _f.register, errors = _f.formState.errors;
756
769
  var renderType = function (type) {
757
770
  switch (type) {
758
771
  case FIELD_TYPES.HIDDEN:
@@ -790,7 +803,8 @@ var FormField = function (_a) {
790
803
  };
791
804
  // TODO: HELPER CLASSES : data-[invalid=true]:bg-error data-[valid]:bg-success
792
805
  var showLabel = label && type !== FIELD_TYPES.CHECKBOX;
793
- return (jsx("div", { className: "relative", children: jsxs("div", { "data-testid": "FormField", className: "mb-4", children: [showLabel && (jsx("div", { className: "flex items-baseline justify-between", children: jsx(Label, { id: name, children: label }) })), jsx("div", { className: "mb-1", children: jsx(Controller, { name: name, control: control, render: function () { return renderType(type); } }) }), description && (jsx("div", { className: "formfield-description", children: jsx(Copy, { size: COPY_SIZE.SMALL, children: description }) })), errors[name] && (jsx("div", { className: "formfield-error text-error italic", children: jsx(Copy, { size: COPY_SIZE.SMALL, children: (_b = errors === null || errors === void 0 ? void 0 : errors[name]) === null || _b === void 0 ? void 0 : _b.message }) }))] }) }));
806
+ var labelWithAsterisk = required ? "".concat(label, " *") : label;
807
+ return (jsx("div", { className: "relative", children: jsxs("div", { "data-testid": "FormField", className: "mb-4", children: [showLabel && (jsx("div", { className: "flex items-baseline justify-between", children: jsx(Label, { id: name, children: labelWithAsterisk }) })), jsx("div", { className: "mb-1", children: jsx(Controller, { name: name, control: control, render: function () { return renderType(type); } }) }), description && (jsx("div", { className: "formfield-description", children: jsx(Copy, { size: COPY_SIZE.SMALL, className: "mb-0", children: description }) })), errors[name] && (jsx("div", { className: "formfield-error text-error italic", children: jsx(Copy, { size: COPY_SIZE.SMALL, className: "mb-0", children: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors[name]) === null || _b === void 0 ? void 0 : _b.message) === null || _c === void 0 ? void 0 : _c.toString() }) }))] }) }));
794
808
  };
795
809
  FormField.displayName = 'FormField';
796
810
 
@@ -973,7 +987,7 @@ function Search(_a) {
973
987
  resultsFields: {},
974
988
  alwaysSearchOnInitialLoad: true,
975
989
  initialPlaceholder: 'Search...',
976
- } : _c, _d = _a.facetDisplay, facetDisplay = _d === void 0 ? [] : _d, _e = _a.noSidebar, noSidebar = _e === void 0 ? false : _e, customConnector = _a.customConnector, showPagingInfo = _a.showPagingInfo, gridClasses = _a.gridClasses;
990
+ } : _c, _d = _a.facetDisplay, facetDisplay = _d === void 0 ? [] : _d, _e = _a.noSidebar, noSidebar = _e === void 0 ? false : _e, customConnector = _a.customConnector, showPagingInfo = _a.showPagingInfo, gridClasses = _a.gridClasses, _f = _a.initialState, initialState = _f === void 0 ? {} : _f, _g = _a.showTextSearch, showTextSearch = _g === void 0 ? true : _g;
977
991
  var connector = useMemo(function () {
978
992
  var defaultConnector = {
979
993
  host: process.env.REACT_APP_ELASTICSEARCH_HOST,
@@ -1021,9 +1035,7 @@ function Search(_a) {
1021
1035
  // size: 4,
1022
1036
  // },
1023
1037
  },
1024
- initialState: {
1025
- resultsPerPage: (showOptions === null || showOptions === void 0 ? void 0 : showOptions[0]) || 8,
1026
- },
1038
+ initialState: __assign({ resultsPerPage: (showOptions === null || showOptions === void 0 ? void 0 : showOptions[0]) || 8 }, initialState),
1027
1039
  };
1028
1040
  }, [config]);
1029
1041
  return (jsx(SearchProvider, { config: searchConfig, children: jsx(WithSearch, { mapContextToProps: function (_a) {
@@ -1033,7 +1045,7 @@ function Search(_a) {
1033
1045
  });
1034
1046
  }, children: function (_a) {
1035
1047
  var wasSearched = _a.wasSearched;
1036
- return (jsx("div", { className: "App", children: jsx(ErrorBoundary, { children: jsx(Layout, { header: jsx(SearchBox$1, { view: function (props) { return (jsx(SearchBox, __assign({}, props, { wasSearched: wasSearched, placeholder: config.initialPlaceholder }))); } }), sideContent: !noSidebar &&
1048
+ return (jsx("div", { className: "App", children: jsx(ErrorBoundary, { children: jsx(Layout, { header: showTextSearch && (jsx(SearchBox$1, { view: function (props) { return (jsx(SearchBox, __assign({}, props, { wasSearched: wasSearched, placeholder: config.initialPlaceholder }))); } })), sideContent: !noSidebar &&
1037
1049
  facetDisplay && (jsxs("div", { children: [wasSearched && jsx(Sorting$1, { label: 'Sort by', sortOptions: sortOptions, view: Sorting }), facetDisplay === null || facetDisplay === void 0 ? void 0 : facetDisplay.map(function (_a) {
1038
1050
  var field = _a.field, label = _a.label, view = _a.view;
1039
1051
  return (jsx(Facet, { field: field, label: label, view: view }, field));
package/dist/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var cx = require('classnames');
5
+ var tailwindMerge = require('tailwind-merge');
5
6
  var react = require('@iconify/react');
6
7
  var React = require('react');
7
8
  var HoverVideoPlayer = require('react-hover-video-player');
@@ -60,11 +61,18 @@ var Copy = function (_a) {
60
61
  var classes = cx((_b = {}, _b["text-".concat(align)] = align, _b), { 'text-sm': size === 'small' }, { 'text-lg': size === 'large' }, { 'text-2xl': size === 'intro' }, { 'mb-3 leading-5 mt-0': Tag === 'p' }, { 'text-sm': Tag === 'small' },
61
62
  //'body-text',
62
63
  transform, className);
63
- return (jsxRuntime.jsx(Tag, { "data-testid": testID || id || 'Copy', className: classes, children: children }));
64
+ return (jsxRuntime.jsx(Tag, { "data-testid": testID || id || 'Copy', className: tailwindMerge.twMerge(classes), children: children }));
64
65
  };
65
66
  Copy.displayName = 'Copy';
66
67
 
67
- var Hr = function () { return (jsxRuntime.jsx("hr", { className: cx('border-0 border-b border-dark-body-text dark:border-dark-body-text') })); };
68
+ var Hr = function (_a) {
69
+ var _b = _a.size, size = _b === void 0 ? 'small' : _b;
70
+ return (jsxRuntime.jsx("hr", { className: cx('border-0 border-b border-dark-body-text dark:border-dark-body-text', {
71
+ 'mt-4 mb-4': size === 'small',
72
+ 'mt-8 mb-8': size === 'medium',
73
+ 'mt-16 mb-16 ': size === 'large',
74
+ }) }));
75
+ };
68
76
  Hr.displayName = 'Hr';
69
77
 
70
78
  exports.HEADING_TAGS = void 0;
@@ -226,7 +234,7 @@ var Link = function (_a) {
226
234
  history.push(href);
227
235
  }
228
236
  };
229
- var classes = cx('link', className);
237
+ var classes = cx('link cursor-pointer', className);
230
238
  return (jsxRuntime.jsx("a", { "data-testid": testID || id || 'Link', className: classes, href: href, onClick: handleClick, target: target, children: children }));
231
239
  };
232
240
  Link.displayName = 'Link';
@@ -628,17 +636,19 @@ var Form = function (_a) {
628
636
  });
629
637
  React.useEffect(function () {
630
638
  if (onChange && typeof onChange === 'function') {
631
- var subscription_1 = methods.watch(function (value) { return onChange(value); });
639
+ var subscription_1 = methods.watch(function (value) {
640
+ console.info('methods', methods.formState);
641
+ onChange(value);
642
+ });
632
643
  return function () { return subscription_1.unsubscribe(); };
633
644
  }
634
645
  }, []);
635
646
  var submitClasses = cx({ 'sr-only': hideSubmit });
636
647
  return (jsxRuntime.jsx(reactHookForm.FormProvider, __assign({}, methods, { children: jsxRuntime.jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxRuntime.jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), onKeyDown: function (event) {
637
- console.info('onKeyDown event', event);
638
648
  if (disabledSubmitWithReturn && event.key === 'Enter') {
639
649
  event.preventDefault();
640
650
  }
641
- }, className: cx('mb-4 w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsxRuntime.jsx("div", { className: "flex items-center justify-end py-2", children: jsxRuntime.jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
651
+ }, className: cx('w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': methods.formState.isSubmitting }, className), children: [children, submit && (jsxRuntime.jsx("div", { className: "flex items-center justify-end", children: jsxRuntime.jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: methods.formState.isSubmitting, disabled: methods.formState.isSubmitting || !methods.formState.isValid || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
642
652
  };
643
653
  Form.displayName = 'Form';
644
654
 
@@ -701,9 +711,9 @@ var TextInput = React.forwardRef(function MyInput(_a, ref) {
701
711
  var placeholderSet = type === 'date' ? format.toUpperCase() : placeholder;
702
712
  // console.log('TextInput', rest);
703
713
  if (type === InputType.TEXTAREA) {
704
- return (jsxRuntime.jsx("div", { "data-testid": "TextInput", className: "relative", children: jsxRuntime.jsx("textarea", __assign({ ref: ref, required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, rows: 4, className: cx('form-item text-input resize-none', className) }, rest)) }));
714
+ return (jsxRuntime.jsx("div", { "data-testid": "TextInput", className: "relative", children: jsxRuntime.jsx("textarea", __assign({ ref: ref, autoComplete: type, "aria-autocomplete": "inline", required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, rows: 4, className: cx('form-item text-input resize-none', className) }, rest)) }));
705
715
  }
706
- return (jsxRuntime.jsxs("div", { "data-testid": "TextInput", className: "relative", children: [icon && (jsxRuntime.jsx("div", { className: "form-icon absolute inset-y-0 start-3 flex items-center ps-3.5 pointer-events-none", children: jsxRuntime.jsx(Icon, { name: icon }) })), jsxRuntime.jsx("input", __assign({ ref: ref, type: type, required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, className: cx('form-item text-input', { 'pl-12': icon }, className) }, rest))] }));
716
+ return (jsxRuntime.jsxs("div", { "data-testid": "TextInput", className: "relative", children: [icon && (jsxRuntime.jsx("div", { className: "form-icon absolute inset-y-0 start-3 flex items-center ps-3.5 pointer-events-none", children: jsxRuntime.jsx(Icon, { name: icon }) })), jsxRuntime.jsx("input", __assign({ ref: ref, type: type, autoComplete: type, "aria-autocomplete": "inline", required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, className: cx('form-item text-input', { 'pl-12': icon }, className) }, rest))] }));
707
717
  });
708
718
  TextInput.displayName = 'TextInput';
709
719
 
@@ -733,8 +743,11 @@ FormSelect.displayName = 'FormSelect';
733
743
 
734
744
  var Radio = React.forwardRef(function MyInput(_a, ref) {
735
745
  var name = _a.name, required = _a.required, className = _a.className, options = _a.options, rest = __rest(_a, ["name", "required", "className", "options"]);
736
- console.log('Radio', __assign({ name: name, required: required, className: className, options: options }, rest));
737
- return (jsxRuntime.jsx("div", { "data-testid": "Radio", className: cx('flex items-center', className), children: jsxRuntime.jsx("div", { className: cx('flex flex-col gap-2', className), children: options === null || options === void 0 ? void 0 : options.map(function (option) { return (jsxRuntime.jsxs("div", { className: "flex items-center relative", children: [jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [jsxRuntime.jsx("input", __assign({ ref: ref, name: name, type: "radio", value: option.value, required: required, className: "form-item radio peer appearance-none m-0 p-0 w-4 h-4" }, rest, { id: option.value })), jsxRuntime.jsx("div", { className: "form-icon opacity-0 peer-checked:opacity-100 absolute w-4 h-4 flex items-center justify-center top-0 left-0 pointer-events-none", children: jsxRuntime.jsx(Icon, { name: "mdi:circle", size: 12 }) })] }), jsxRuntime.jsx("label", { className: "label pl-2 leading-none", htmlFor: option.value, children: option.label })] }, option.value)); }) }) }));
746
+ return (jsxRuntime.jsx("div", { "data-testid": "Radio", className: cx('flex items-center', className), children: jsxRuntime.jsx("div", { className: cx('flex flex-col gap-2', className), children: options === null || options === void 0 ? void 0 : options.map(function (option) {
747
+ var _a;
748
+ var value = ((_a = option === null || option === void 0 ? void 0 : option.value) === null || _a === void 0 ? void 0 : _a.toString()) || undefined;
749
+ return (jsxRuntime.jsxs("div", { className: "flex items-center relative", children: [jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [jsxRuntime.jsx("input", __assign({ ref: ref, name: name, type: "radio", value: value, required: required, className: "form-item radio peer appearance-none m-0 p-0 w-4 h-4" }, rest, { id: value })), jsxRuntime.jsx("div", { className: "form-icon opacity-0 peer-checked:opacity-100 absolute w-4 h-4 flex items-center justify-center top-0 left-0 pointer-events-none", children: jsxRuntime.jsx(Icon, { name: "mdi:circle", size: 12 }) })] }), jsxRuntime.jsx("label", { className: "label pl-2 leading-none", htmlFor: value, children: option.label })] }, value));
750
+ }) }) }));
738
751
  });
739
752
  Radio.displayName = 'Radio';
740
753
 
@@ -751,10 +764,10 @@ var FileUpload = React.forwardRef(function MyInput(_a, ref) {
751
764
  FileUpload.displayName = 'FileUpload';
752
765
 
753
766
  var FormField = function (_a) {
754
- var _b;
755
- var name = _a.name, type = _a.type, label = _a.label, required = _a.required, className = _a.className, icon = _a.icon, options = _a.options, disabled = _a.disabled, description = _a.description, showPasswordLabel = _a.showPasswordLabel, hidePasswordLabel = _a.hidePasswordLabel, _c = _a.validations, validations = _c === void 0 ? {} : _c;
756
- var _d = React.useState(false), passwordShowStatus = _d[0], setPasswordShow = _d[1];
757
- var _e = reactHookForm.useFormContext(), control = _e.control, register = _e.register, errors = _e.formState.errors;
767
+ var _b, _c;
768
+ var name = _a.name, type = _a.type, label = _a.label, required = _a.required, className = _a.className, icon = _a.icon, options = _a.options, disabled = _a.disabled, description = _a.description, showPasswordLabel = _a.showPasswordLabel, hidePasswordLabel = _a.hidePasswordLabel, _d = _a.validations, validations = _d === void 0 ? {} : _d;
769
+ var _e = React.useState(false), passwordShowStatus = _e[0], setPasswordShow = _e[1];
770
+ var _f = reactHookForm.useFormContext(), control = _f.control, register = _f.register, errors = _f.formState.errors;
758
771
  var renderType = function (type) {
759
772
  switch (type) {
760
773
  case exports.FIELD_TYPES.HIDDEN:
@@ -792,7 +805,8 @@ var FormField = function (_a) {
792
805
  };
793
806
  // TODO: HELPER CLASSES : data-[invalid=true]:bg-error data-[valid]:bg-success
794
807
  var showLabel = label && type !== exports.FIELD_TYPES.CHECKBOX;
795
- return (jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsxs("div", { "data-testid": "FormField", className: "mb-4", children: [showLabel && (jsxRuntime.jsx("div", { className: "flex items-baseline justify-between", children: jsxRuntime.jsx(Label, { id: name, children: label }) })), jsxRuntime.jsx("div", { className: "mb-1", children: jsxRuntime.jsx(reactHookForm.Controller, { name: name, control: control, render: function () { return renderType(type); } }) }), description && (jsxRuntime.jsx("div", { className: "formfield-description", children: jsxRuntime.jsx(Copy, { size: exports.COPY_SIZE.SMALL, children: description }) })), errors[name] && (jsxRuntime.jsx("div", { className: "formfield-error text-error italic", children: jsxRuntime.jsx(Copy, { size: exports.COPY_SIZE.SMALL, children: (_b = errors === null || errors === void 0 ? void 0 : errors[name]) === null || _b === void 0 ? void 0 : _b.message }) }))] }) }));
808
+ var labelWithAsterisk = required ? "".concat(label, " *") : label;
809
+ return (jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsxs("div", { "data-testid": "FormField", className: "mb-4", children: [showLabel && (jsxRuntime.jsx("div", { className: "flex items-baseline justify-between", children: jsxRuntime.jsx(Label, { id: name, children: labelWithAsterisk }) })), jsxRuntime.jsx("div", { className: "mb-1", children: jsxRuntime.jsx(reactHookForm.Controller, { name: name, control: control, render: function () { return renderType(type); } }) }), description && (jsxRuntime.jsx("div", { className: "formfield-description", children: jsxRuntime.jsx(Copy, { size: exports.COPY_SIZE.SMALL, className: "mb-0", children: description }) })), errors[name] && (jsxRuntime.jsx("div", { className: "formfield-error text-error italic", children: jsxRuntime.jsx(Copy, { size: exports.COPY_SIZE.SMALL, className: "mb-0", children: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors[name]) === null || _b === void 0 ? void 0 : _b.message) === null || _c === void 0 ? void 0 : _c.toString() }) }))] }) }));
796
810
  };
797
811
  FormField.displayName = 'FormField';
798
812
 
@@ -975,7 +989,7 @@ function Search(_a) {
975
989
  resultsFields: {},
976
990
  alwaysSearchOnInitialLoad: true,
977
991
  initialPlaceholder: 'Search...',
978
- } : _c, _d = _a.facetDisplay, facetDisplay = _d === void 0 ? [] : _d, _e = _a.noSidebar, noSidebar = _e === void 0 ? false : _e, customConnector = _a.customConnector, showPagingInfo = _a.showPagingInfo, gridClasses = _a.gridClasses;
992
+ } : _c, _d = _a.facetDisplay, facetDisplay = _d === void 0 ? [] : _d, _e = _a.noSidebar, noSidebar = _e === void 0 ? false : _e, customConnector = _a.customConnector, showPagingInfo = _a.showPagingInfo, gridClasses = _a.gridClasses, _f = _a.initialState, initialState = _f === void 0 ? {} : _f, _g = _a.showTextSearch, showTextSearch = _g === void 0 ? true : _g;
979
993
  var connector = React.useMemo(function () {
980
994
  var defaultConnector = {
981
995
  host: process.env.REACT_APP_ELASTICSEARCH_HOST,
@@ -1023,9 +1037,7 @@ function Search(_a) {
1023
1037
  // size: 4,
1024
1038
  // },
1025
1039
  },
1026
- initialState: {
1027
- resultsPerPage: (showOptions === null || showOptions === void 0 ? void 0 : showOptions[0]) || 8,
1028
- },
1040
+ initialState: __assign({ resultsPerPage: (showOptions === null || showOptions === void 0 ? void 0 : showOptions[0]) || 8 }, initialState),
1029
1041
  };
1030
1042
  }, [config]);
1031
1043
  return (jsxRuntime.jsx(reactSearchUi.SearchProvider, { config: searchConfig, children: jsxRuntime.jsx(reactSearchUi.WithSearch, { mapContextToProps: function (_a) {
@@ -1035,7 +1047,7 @@ function Search(_a) {
1035
1047
  });
1036
1048
  }, children: function (_a) {
1037
1049
  var wasSearched = _a.wasSearched;
1038
- return (jsxRuntime.jsx("div", { className: "App", children: jsxRuntime.jsx(reactSearchUi.ErrorBoundary, { children: jsxRuntime.jsx(Layout, { header: jsxRuntime.jsx(reactSearchUi.SearchBox, { view: function (props) { return (jsxRuntime.jsx(SearchBox, __assign({}, props, { wasSearched: wasSearched, placeholder: config.initialPlaceholder }))); } }), sideContent: !noSidebar &&
1050
+ return (jsxRuntime.jsx("div", { className: "App", children: jsxRuntime.jsx(reactSearchUi.ErrorBoundary, { children: jsxRuntime.jsx(Layout, { header: showTextSearch && (jsxRuntime.jsx(reactSearchUi.SearchBox, { view: function (props) { return (jsxRuntime.jsx(SearchBox, __assign({}, props, { wasSearched: wasSearched, placeholder: config.initialPlaceholder }))); } })), sideContent: !noSidebar &&
1039
1051
  facetDisplay && (jsxRuntime.jsxs("div", { children: [wasSearched && jsxRuntime.jsx(reactSearchUi.Sorting, { label: 'Sort by', sortOptions: sortOptions, view: Sorting }), facetDisplay === null || facetDisplay === void 0 ? void 0 : facetDisplay.map(function (_a) {
1040
1052
  var field = _a.field, label = _a.label, view = _a.view;
1041
1053
  return (jsxRuntime.jsx(reactSearchUi.Facet, { field: field, label: label, view: view }, field));
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './Authenticator.types';
3
+ declare const Authenticator: {
4
+ ({ loginSubmit, registerSubmit, passwordForgotSubmit, handleTokenCallback, showSocialLogin, }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default Authenticator;
8
+ export type { Props };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Authenticator from '.';
3
+ declare const meta: Meta<typeof Authenticator>;
4
+ type Story = StoryObj<typeof Authenticator>;
5
+ export declare const Default: Story;
6
+ export default meta;
@@ -0,0 +1,7 @@
1
+ export interface Props {
2
+ loginSubmit: (values: any) => void;
3
+ registerSubmit: (values: any) => void;
4
+ passwordForgotSubmit: (values: any) => void;
5
+ handleTokenCallback: (data: any) => void;
6
+ showSocialLogin?: boolean;
7
+ }
@@ -0,0 +1 @@
1
+ export { default } from './Authenticator';
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
3
2
  export declare enum COPY_ALIGN {
4
3
  LEFT = "left",
5
4
  CENTER = "center",
@@ -29,7 +28,7 @@ export declare enum COPY_TAG {
29
28
  SMALL = "small"
30
29
  }
31
30
  export interface Props {
32
- children: string | Array<React.ReactNode> | React.ReactNode | string | FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;
31
+ children: string | Array<React.ReactNode> | React.ReactNode | string | undefined;
33
32
  align?: COPY_ALIGN;
34
33
  size?: COPY_SIZE;
35
34
  transform?: COPY_TRANSFORM;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { FilterValue } from "@elastic/search-ui";
2
+ import { FilterValue } from '@elastic/search-ui';
3
3
  export type OptionsType = {
4
- value: FilterValue;
4
+ value: string | FilterValue;
5
5
  label: string;
6
6
  /** The selected option's value. */
7
7
  defaultValue?: string;
@@ -1,5 +1,6 @@
1
+ import { Props } from './Hr.types';
1
2
  declare const Hr: {
2
- (): React.ReactElement;
3
+ ({ size }: Props): React.ReactElement;
3
4
  displayName: string;
4
5
  };
5
6
  export default Hr;
@@ -0,0 +1,3 @@
1
+ export interface Props {
2
+ size?: 'small' | 'medium' | 'large';
3
+ }
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { OptionsType } from '../FormSelect/FormSelect.types';
2
3
  export interface Props {
3
4
  id: string;
4
5
  name: string;
@@ -7,8 +8,5 @@ export interface Props {
7
8
  required?: boolean;
8
9
  disabled?: boolean;
9
10
  className?: string;
10
- options?: {
11
- value: string;
12
- label: string;
13
- }[];
11
+ options?: Array<OptionsType>;
14
12
  }
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './Tabs.types';
3
+ declare const Tabs: {
4
+ ({ data }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default Tabs;
8
+ export type { Props };
@@ -1,6 +1,6 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
- import Layout from '.';
3
- declare const meta: Meta<typeof Layout>;
4
- type Story = StoryObj<typeof Layout>;
2
+ import Tabs from '.';
3
+ declare const meta: Meta<typeof Tabs>;
4
+ type Story = StoryObj<typeof Tabs>;
5
5
  export declare const Default: Story;
6
6
  export default meta;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface TabItem {
3
+ title: string;
4
+ content: React.ReactElement;
5
+ }
6
+ export interface Props {
7
+ data: TabItem[];
8
+ }
@@ -0,0 +1 @@
1
+ export { default } from './Tabs';
@@ -2,4 +2,4 @@ import React from 'react';
2
2
  import '@elastic/eui/dist/eui_theme_light.css';
3
3
  import '@elastic/react-search-ui-views/lib/styles/styles.css';
4
4
  import { Props } from './Search.types';
5
- export default function Search({ showOptions, sortOptions, resultAs, ResultFieldMap, config, facetDisplay, noSidebar, customConnector, showPagingInfo, gridClasses, }: Props): React.ReactElement;
5
+ export default function Search({ showOptions, sortOptions, resultAs, ResultFieldMap, config, facetDisplay, noSidebar, customConnector, showPagingInfo, gridClasses, initialState, showTextSearch, }: Props): React.ReactElement;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { RequestState } from '@elastic/search-ui';
2
3
  import { cardMap } from './views/Result/Result.types';
3
4
  export declare enum ResultAsTypes {
4
5
  cardBasic = "cardBasic",
@@ -33,5 +34,7 @@ export interface Props {
33
34
  };
34
35
  showPagingInfo?: boolean;
35
36
  gridClasses?: string;
37
+ initialState?: RequestState;
38
+ showTextSearch?: boolean;
36
39
  }
37
40
  export {};
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './ForgotPasswordForm.types';
3
+ declare const ForgotPasswordForm: {
4
+ ({ handleSubmit }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default ForgotPasswordForm;
8
+ export type { Props };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import ForgotPasswordForm from '.';
3
+ declare const meta: Meta<typeof ForgotPasswordForm>;
4
+ type Story = StoryObj<typeof ForgotPasswordForm>;
5
+ export declare const Default: Story;
6
+ export default meta;
@@ -0,0 +1,3 @@
1
+ export interface Props {
2
+ handleSubmit: (values: any) => void;
3
+ }
@@ -0,0 +1 @@
1
+ export { default } from './ForgotPasswordForm';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './LoginForm.types';
3
+ declare const LoginForm: {
4
+ ({ handleSubmit, initialValues, showSocialButtons, }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default LoginForm;
8
+ export type { Props };
@@ -1,6 +1,6 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
- import Result from '.';
3
- declare const meta: Meta<typeof Result>;
4
- type Story = StoryObj<typeof Result>;
2
+ import LoginForm from '.';
3
+ declare const meta: Meta<typeof LoginForm>;
4
+ type Story = StoryObj<typeof LoginForm>;
5
5
  export declare const Default: Story;
6
6
  export default meta;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,6 @@
1
+ export interface Props {
2
+ initialValues?: Record<string, string>;
3
+ handleSubmit: (values: Record<string, string>) => void;
4
+ handleTokenCallback?: (tokens: any) => void;
5
+ showSocialButtons?: boolean;
6
+ }
@@ -0,0 +1 @@
1
+ export { default } from './LoginForm';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './RegisterForm.types';
3
+ declare const RegisterForm: {
4
+ ({ handleSubmit, showSocialButtons }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default RegisterForm;
8
+ export type { Props };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import RegisterForm from '.';
3
+ declare const meta: Meta<typeof RegisterForm>;
4
+ type Story = StoryObj<typeof RegisterForm>;
5
+ export declare const Default: Story;
6
+ export default meta;
@@ -0,0 +1,4 @@
1
+ export interface Props {
2
+ handleSubmit: (data: Record<string, any>) => void;
3
+ showSocialButtons?: boolean;
4
+ }
@@ -0,0 +1 @@
1
+ export { default } from './RegisterForm';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { Props } from './ResetPasswordForm.types';
3
+ declare const ResetPasswordForm: {
4
+ ({ handleSubmit }: Props): React.ReactElement;
5
+ displayName: string;
6
+ };
7
+ export default ResetPasswordForm;
8
+ export type { Props };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import ResetPasswordForm from '.';
3
+ declare const meta: Meta<typeof ResetPasswordForm>;
4
+ type Story = StoryObj<typeof ResetPasswordForm>;
5
+ export declare const Default: Story;
6
+ export default meta;
@@ -0,0 +1,3 @@
1
+ export interface Props {
2
+ handleSubmit: (values: any) => void;
3
+ }
@@ -0,0 +1 @@
1
+ export { default } from './ResetPasswordForm';
@@ -0,0 +1,2 @@
1
+ export declare const socialLoginUrlGoogle: string;
2
+ export declare const socialLoginUrlApple: string;
@@ -0,0 +1,18 @@
1
+ export declare const validEmail: {
2
+ required: string;
3
+ pattern: {
4
+ value: RegExp;
5
+ message: string;
6
+ };
7
+ };
8
+ export declare const validPassword: {
9
+ required: string;
10
+ minLength: {
11
+ value: number;
12
+ message: string;
13
+ };
14
+ pattern: {
15
+ value: RegExp;
16
+ message: string;
17
+ };
18
+ };
@@ -0,0 +1,93 @@
1
+ declare const en: {
2
+ GLOBAL: {};
3
+ FORMS: {
4
+ LOGIN_FORM: {
5
+ TITLE: string;
6
+ SUBMIT: string;
7
+ FORGOT_PASSWORD: string;
8
+ REGISTER: string;
9
+ EMAIL: string;
10
+ PASSWORD: string;
11
+ };
12
+ REGISTER_FORM: {
13
+ TITLE: string;
14
+ SUBMIT: string;
15
+ EMAIL: string;
16
+ PASSWORD: string;
17
+ PASSWORD_DESCRIPTION: string;
18
+ };
19
+ FORGOT_PASSWORD_FORM: {
20
+ TITLE: string;
21
+ SUBMIT: string;
22
+ EMAIL: string;
23
+ };
24
+ RESET_PASSWORD_FORM: {
25
+ TITLE: string;
26
+ SUBMIT: string;
27
+ PASSWORD: string;
28
+ CONFIRM_PASSWORD: string;
29
+ };
30
+ PROFILE_FORM: {
31
+ TITLE: string;
32
+ SUBMIT: string;
33
+ EMAIL: string;
34
+ PASSWORD: string;
35
+ PASSWORD_DESCRIPTION: string;
36
+ };
37
+ };
38
+ UI: {
39
+ SAVE: string;
40
+ CANCEL: string;
41
+ DELETE: string;
42
+ LOGIN_WITH_GOOGLE: string;
43
+ LOGIN_WITH_APPLE: string;
44
+ SIGNUP_WITH_GOOGLE: string;
45
+ SIGNUP_WITH_APPLE: string;
46
+ BACK_TO_LOGIN: string;
47
+ FORGOT_PASSWORD: string;
48
+ SUBMIT: string;
49
+ LOGIN: string;
50
+ REGISTER: string;
51
+ SOCIAL: {
52
+ GOOGLE: string;
53
+ FACEBOOK: string;
54
+ TWITTER: string;
55
+ EMAIL: string;
56
+ };
57
+ READ_MORE: string;
58
+ READ_LESS: string;
59
+ CLOSE: string;
60
+ BACK: string;
61
+ SHARE: string;
62
+ DOWNLOAD: string;
63
+ FORMAT_HOUR: string;
64
+ FORMAT_HOURS: string;
65
+ FORMAT_MINUTE: string;
66
+ FORMAT_MINUTES: string;
67
+ LOAD_MORE_LABEL: string;
68
+ NO_MORE_RESULTS: string;
69
+ UNKNOWN_ERROR_TITLE: string;
70
+ UNKNOWN_ERROR_MESSAGE: string;
71
+ CONTENT_SORT_TITLE: string;
72
+ CONTENT_FILTERS_TITLE: string;
73
+ CONTENT_FILTERS_LABEL: string;
74
+ CLOSE_FILTERS_LABEL: string;
75
+ CLEAR_ALL_FILTERS_LABEL: string;
76
+ CLEAR_FILTERS_LABEL: string;
77
+ MORE_ITEMS_LABEL: string;
78
+ PREVIOUS_ITEMS_LABEL: string;
79
+ CHOOSE_BTN_LABEL: string;
80
+ ADD_BTN_LABEL: string;
81
+ SEND_BTN_LABEL: string;
82
+ CANCEL_BTN_LABEL: string;
83
+ DONE_BTN_LABEL: string;
84
+ EDIT_BTN_LABEL: string;
85
+ CHANGE_BTN_LABEL: string;
86
+ REMOVE_BTN_LABEL: string;
87
+ MESSAGE_PROMPT_BTN_LABEL: string;
88
+ SELECT_FILE_BTN_LABEL: string;
89
+ TOO_MANY_REQUESTS_MESSAGE: string;
90
+ };
91
+ ERRORS: {};
92
+ };
93
+ export default en;
@@ -0,0 +1,2 @@
1
+ import strings from './en';
2
+ export default strings;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@4alldigital/foundation-ui--gamma",
3
- "version": "1.31.13",
3
+ "version": "1.32.0",
4
4
  "description": "Foundation UI Component library with GAMMA theme. ",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -25,7 +25,7 @@
25
25
  "publishConfig": {
26
26
  "access": "public"
27
27
  },
28
- "gitHead": "b263822aef34897ef377953932085630cedb2737",
28
+ "gitHead": "5a6e44ec15d2b0c15000d5c9bea6a2bbe5a53998",
29
29
  "dependencies": {
30
30
  "@elastic/datemath": "^5.0.3",
31
31
  "@elastic/eui": "^94.1.0",
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import MultiCheckboxFacet from '.';
3
- declare const meta: Meta<typeof MultiCheckboxFacet>;
4
- type Story = StoryObj<typeof MultiCheckboxFacet>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Paging from '.';
3
- declare const meta: Meta<typeof Paging>;
4
- type Story = StoryObj<typeof Paging>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import PagingInfo from '.';
3
- declare const meta: Meta<typeof PagingInfo>;
4
- type Story = StoryObj<typeof PagingInfo>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Results from '.';
3
- declare const meta: Meta<typeof Results>;
4
- type Story = StoryObj<typeof Results>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ResultsPerPage from '.';
3
- declare const meta: Meta<typeof ResultsPerPage>;
4
- type Story = StoryObj<typeof ResultsPerPage>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SearchBox from '.';
3
- declare const meta: Meta<typeof SearchBox>;
4
- type Story = StoryObj<typeof SearchBox>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Sidebar from '.';
3
- declare const meta: Meta<typeof Sidebar>;
4
- type Story = StoryObj<typeof Sidebar>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SingleLinksFacet from '.';
3
- declare const meta: Meta<typeof SingleLinksFacet>;
4
- type Story = StoryObj<typeof SingleLinksFacet>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import SingleSelectFacet from '.';
3
- declare const meta: Meta<typeof SingleSelectFacet>;
4
- type Story = StoryObj<typeof SingleSelectFacet>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import Sorting from '.';
3
- declare const meta: Meta<typeof Sorting>;
4
- type Story = StoryObj<typeof Sorting>;
5
- export declare const Default: Story;
6
- export default meta;