@oub/fusion 0.1.2 → 0.2.2

package/README.md

@@ -45,6 +45,16 @@ npm run build
 npm run test:unit
 ```
 
+### Run Storybook Tests with [Storybook Tests](https://github.com/storybookjs/test-runner)
+
+```sh
+./scripts/storybook-tests-setup.sh
+```
+
+```sh
+npm run test:storybook
+```
+
 ### Lint with [ESLint](https://eslint.org/)
 
 ```sh

package/dist/assets/main.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Space+Grotesk:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";.loader-wrapper[data-v-9d1a6ba1]{width:20px;height:20px}.loader[data-v-9d1a6ba1]{width:16px;height:16px;border-radius:var(--fusion-loading-spinner-border-radius);border:2px solid var(--14b4b738);border-right-color:transparent;animation:spin-9d1a6ba1 1s linear infinite}@keyframes spin-9d1a6ba1{to{transform:rotate(360deg)}}.fusion-button{color:var(--fusion-text-color);font-family:var(--fusion-button-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:var(--fusion-button-font-weight);font-size:var(--fusion-button-font-size);line-height:var(--fusion-button-line-height);border-radius:var(--fusion-button-border-radius);border:0;cursor:var(--fusion-button-cursor);transition:box-shadow 125ms ease-in-out,background-color .2s ease-in-out;box-shadow:var(--fusion-button-box-shadow);outline:var(--fusion-button-border);padding:var(--fusion-button-padding);background-color:var(--fusion-button-background-color)}.flex[data-v-98a7bec1]{display:flex}.inline-flex[data-v-98a7bec1]{display:inline-flex}.flex-row[data-v-98a7bec1]{flex-direction:row}.flex-row-reverse[data-v-98a7bec1]{flex-direction:row-reverse}.flex-col[data-v-98a7bec1]{flex-direction:column}.flex-col-reverse[data-v-98a7bec1]{flex-direction:column-reverse}.flex-wrap[data-v-98a7bec1]{flex-wrap:wrap}.flex-wrap-reverse[data-v-98a7bec1]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-98a7bec1]{flex-wrap:nowrap}.flex-grow[data-v-98a7bec1]{flex-grow:1}.flex-grow-0[data-v-98a7bec1]{flex-grow:0}.flex-shrink[data-v-98a7bec1]{flex-shrink:1}.flex-shrink-0[data-v-98a7bec1]{flex-shrink:0}.justify-start[data-v-98a7bec1]{justify-content:flex-start}.justify-end[data-v-98a7bec1]{justify-content:flex-end}.justify-center[data-v-98a7bec1]{justify-content:center}.justify-between[data-v-98a7bec1]{justify-content:space-between}.justify-around[data-v-98a7bec1]{justify-content:space-around}.justify-evenly[data-v-98a7bec1]{justify-content:space-evenly}.items-start[data-v-98a7bec1]{align-items:flex-start}.items-end[data-v-98a7bec1]{align-items:flex-end}.items-center[data-v-98a7bec1]{align-items:center}.items-baseline[data-v-98a7bec1]{align-items:baseline}.items-stretch[data-v-98a7bec1]{align-items:stretch}.content-start[data-v-98a7bec1]{align-content:flex-start}.content-end[data-v-98a7bec1]{align-content:flex-end}.content-center[data-v-98a7bec1]{align-content:center}.content-between[data-v-98a7bec1]{align-content:space-between}.content-around[data-v-98a7bec1]{align-content:space-around}.content-evenly[data-v-98a7bec1]{align-content:space-evenly}.self-auto[data-v-98a7bec1]{align-self:auto}.self-start[data-v-98a7bec1]{align-self:flex-start}.self-end[data-v-98a7bec1]{align-self:flex-end}.self-center[data-v-98a7bec1]{align-self:center}.self-stretch[data-v-98a7bec1]{align-self:stretch}.self-baseline[data-v-98a7bec1]{align-self:baseline}.fusion-textarea[data-v-98a7bec1]{font-family:var(--fusion-textarea-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-textarea-font-size)}.fusion-textarea.input[data-v-98a7bec1]{color:var(--fusion-textarea-input-font-colour);padding:var(--fusion-textarea-input-padding-top) var(--fusion-textarea-input-padding-right) var(--fusion-textarea-input-padding-bottom) var(--fusion-textarea-input-padding-left);border-color:var(--fusion-textarea-input-border-colour);border-radius:var(--fusion-textarea-input-border-radius);border-width:var(--fusion-textarea-input-border-width);resize:vertical;border-style:solid;background-color:var(--fusion-textarea-input-background-colour);margin-top:var(--fusion-textarea-input-margin-top)}.fusion-textarea.input[data-v-98a7bec1]::placeholder{font-family:Roboto,sans-serif;font-weight:var(--fusion-textarea-input-placeholder-font-weight);line-height:var(--fusion-textarea-input-placeholder-line-height);color:var(--fusion-textarea-input-placeholder-colour)}.fusion-textarea.input[data-v-98a7bec1]:focus{outline:none;box-shadow:var(--fusion-textarea-input-ring-colour) 0 0 0 4px}.fusion-textarea.label[data-v-98a7bec1]{color:var(--fusion-textarea-label-font-colour);font-weight:var(--fusion-textarea-label-font-weight);line-height:var(--fusion-textarea-label-line-height)}.fusion-textarea.helper-label[data-v-98a7bec1]{margin-top:var(--fusion-textarea-helper-label-margin-top);color:var(--fusion-textarea-helper-label-font-colour);font-weight:var(--fusion-textarea-helper-label-font-weight);line-height:var(--fusion-textarea-helper-label-line-height)}.fusion-textarea.text-count-label[data-v-98a7bec1]{color:var(--fusion-textarea-count-label-font-colour);margin-top:var(--fusion-textarea-count-label-margin-top);font-size:var(--fusion-textarea-count-label-font-size);font-weight:var(--fusion-textarea-count-label-font-weight);line-height:var(--fusion-textarea-count-label-line-height)}.fusion-textarea.error-label[data-v-98a7bec1]{font-weight:var(--fusion-textarea-error-label-font-weight);color:var(--fusion-textarea-error-label-font-colour);line-height:var(--fusion-textarea-error-label-line-height);margin-top:var(--fusion-textarea-error-label-margin-top);gap:var(--fusion-textarea-error-label-items-gap)}.fusion-textarea.error-icon[data-v-98a7bec1]{height:20px;width:21px}.fusion-textarea.disabled[data-v-98a7bec1]{cursor:not-allowed}.fusion-checkbox-wrapper{display:flex;align-items:center;gap:var(--fusion-checkbox-gap);width:max-content}.fusion-checkbox-icon{position:relative}.fusion-checkbox-label{color:var(--fusion-checkbox-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-helper-text{color:var(--fusion-checkbox-helper-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-labels-wrapper{display:flex;flex-direction:column;row-gap:4px}.fusion-checkbox-input{margin:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;width:20px;height:20px;border-radius:var(--fusion-checkbox-border-radius);border:var(--fusion-checkbox-border);background-color:var(--fusion-checkbox-background-color);box-shadow:var(--fusion-checkbox-box-shadow);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.fusion-checkbox-input:checked{background-color:var(--fusion-checkbox-background-color)}.fusion-checkbox-input:checked:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");display:block;text-align:center;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.fusion-checkbox-input:checked:disabled:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='%23B1B1B1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.flex[data-v-6e8229be]{display:flex}.inline-flex[data-v-6e8229be]{display:inline-flex}.flex-row[data-v-6e8229be]{flex-direction:row}.flex-row-reverse[data-v-6e8229be]{flex-direction:row-reverse}.flex-col[data-v-6e8229be]{flex-direction:column}.flex-col-reverse[data-v-6e8229be]{flex-direction:column-reverse}.flex-wrap[data-v-6e8229be]{flex-wrap:wrap}.flex-wrap-reverse[data-v-6e8229be]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-6e8229be]{flex-wrap:nowrap}.flex-grow[data-v-6e8229be]{flex-grow:1}.flex-grow-0[data-v-6e8229be]{flex-grow:0}.flex-shrink[data-v-6e8229be]{flex-shrink:1}.flex-shrink-0[data-v-6e8229be]{flex-shrink:0}.justify-start[data-v-6e8229be]{justify-content:flex-start}.justify-end[data-v-6e8229be]{justify-content:flex-end}.justify-center[data-v-6e8229be]{justify-content:center}.justify-between[data-v-6e8229be]{justify-content:space-between}.justify-around[data-v-6e8229be]{justify-content:space-around}.justify-evenly[data-v-6e8229be]{justify-content:space-evenly}.items-start[data-v-6e8229be]{align-items:flex-start}.items-end[data-v-6e8229be]{align-items:flex-end}.items-center[data-v-6e8229be]{align-items:center}.items-baseline[data-v-6e8229be]{align-items:baseline}.items-stretch[data-v-6e8229be]{align-items:stretch}.content-start[data-v-6e8229be]{align-content:flex-start}.content-end[data-v-6e8229be]{align-content:flex-end}.content-center[data-v-6e8229be]{align-content:center}.content-between[data-v-6e8229be]{align-content:space-between}.content-around[data-v-6e8229be]{align-content:space-around}.content-evenly[data-v-6e8229be]{align-content:space-evenly}.self-auto[data-v-6e8229be]{align-self:auto}.self-start[data-v-6e8229be]{align-self:flex-start}.self-end[data-v-6e8229be]{align-self:flex-end}.self-center[data-v-6e8229be]{align-self:center}.self-stretch[data-v-6e8229be]{align-self:stretch}.self-baseline[data-v-6e8229be]{align-self:baseline}.gap-y-1[data-v-6e8229be]{row-gap:4px}.max-w-max[data-v-6e8229be]{max-width:max-content}.max-w-min[data-v-6e8229be]{max-width:min-content}.cursor-pointer[data-v-6e8229be]{cursor:pointer}.cursor-not-allowed[data-v-6e8229be]{cursor:not-allowed}.fusion-radio[data-v-6e8229be]{font-family:var(--fusion-radio-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;margin:0}.fusion-radio.input[data-v-6e8229be]{width:23.463px;height:23.463px;align-self:center;background-clip:content-box;padding:2px;margin-right:var(--fusion-radio-margin-right);border-style:solid;border-radius:50%;border-width:1.5px;border-color:var(--fusion-radio-border-colour)}.fusion-radio.input[data-v-6e8229be]:focus{box-shadow:var(--fusion-radio-ring-color) var(--fusion-radio-ring-width)}.fusion-radio.input[data-v-6e8229be]:checked{background-color:var(--fusion-radio-checked-colour)}.fusion-radio.label[data-v-6e8229be]{color:var(--fusion-radio-label-font-colour);font-weight:var(--fusion-radio-label-font-weight);font-size:var(--fusion-radio-label-font-size);line-height:var(--fusion-radio-label-line-height)}.fusion-radio.helper-label[data-v-6e8229be]{color:var(--fusion-radio-helper-label-font-colour);font-weight:var(--fusion-radio-helper-label-font-weight);font-size:var(--fusion-radio-helper-label-font-size);line-height:var(--fusion-radio-helper-label-line-height)}.flex[data-v-4c6bd4bb]{display:flex}.inline-flex[data-v-4c6bd4bb]{display:inline-flex}.flex-row[data-v-4c6bd4bb]{flex-direction:row}.flex-row-reverse[data-v-4c6bd4bb]{flex-direction:row-reverse}.flex-col[data-v-4c6bd4bb]{flex-direction:column}.flex-col-reverse[data-v-4c6bd4bb]{flex-direction:column-reverse}.flex-wrap[data-v-4c6bd4bb]{flex-wrap:wrap}.flex-wrap-reverse[data-v-4c6bd4bb]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-4c6bd4bb]{flex-wrap:nowrap}.flex-grow[data-v-4c6bd4bb]{flex-grow:1}.flex-grow-0[data-v-4c6bd4bb]{flex-grow:0}.flex-shrink[data-v-4c6bd4bb]{flex-shrink:1}.flex-shrink-0[data-v-4c6bd4bb]{flex-shrink:0}.justify-start[data-v-4c6bd4bb]{justify-content:flex-start}.justify-end[data-v-4c6bd4bb]{justify-content:flex-end}.justify-center[data-v-4c6bd4bb]{justify-content:center}.justify-between[data-v-4c6bd4bb]{justify-content:space-between}.justify-around[data-v-4c6bd4bb]{justify-content:space-around}.justify-evenly[data-v-4c6bd4bb]{justify-content:space-evenly}.items-start[data-v-4c6bd4bb]{align-items:flex-start}.items-end[data-v-4c6bd4bb]{align-items:flex-end}.items-center[data-v-4c6bd4bb]{align-items:center}.items-baseline[data-v-4c6bd4bb]{align-items:baseline}.items-stretch[data-v-4c6bd4bb]{align-items:stretch}.content-start[data-v-4c6bd4bb]{align-content:flex-start}.content-end[data-v-4c6bd4bb]{align-content:flex-end}.content-center[data-v-4c6bd4bb]{align-content:center}.content-between[data-v-4c6bd4bb]{align-content:space-between}.content-around[data-v-4c6bd4bb]{align-content:space-around}.content-evenly[data-v-4c6bd4bb]{align-content:space-evenly}.self-auto[data-v-4c6bd4bb]{align-self:auto}.self-start[data-v-4c6bd4bb]{align-self:flex-start}.self-end[data-v-4c6bd4bb]{align-self:flex-end}.self-center[data-v-4c6bd4bb]{align-self:center}.self-stretch[data-v-4c6bd4bb]{align-self:stretch}.self-baseline[data-v-4c6bd4bb]{align-self:baseline}.cursor-pointer[data-v-4c6bd4bb]{cursor:pointer}.cursor-not-allowed[data-v-4c6bd4bb]{cursor:not-allowed}.fusion-text-link[data-v-4c6bd4bb]{font-family:var(--fusion-text-link-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-text-link-font-size);color:var(--fusion-text-link-color);padding:var(--fusion-text-link-padding-top) var(--fusion-text-link-padding-right) var(--fusion-text-link-padding-bottom) var(--fusion-text-link-padding-left);gap:var(--fusion-text-link-items-gap);line-height:var(--fusion-text-link-line-height);text-decoration:var(--fusion-text-link-decoration)}.fusion-text-link[data-v-4c6bd4bb]:focus{outline:none;border-style:solid;border-color:var(--fusion-text-link-border-colour);border-radius:var(--fusion-text-link-border-radius);border-width:var(--fusion-text-link-border-width);box-shadow:var(--fusion-text-link-ring-color) var(--fusion-text-link-ring-width)}.fusion-text-link.icon[data-v-4c6bd4bb]{order:var(--fusion-text-link-icon-order);padding-top:var(--fusion-text-link-icon-padding-top)}.fusion-text-link.disabled[data-v-4c6bd4bb]{pointer-events:none}

package/dist/fusion.js

@@ -0,0 +1,2 @@
+(function(n,c){var p=document.createElement("style");p.textContent=`@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Space+Grotesk:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";.loader-wrapper[data-v-9d1a6ba1]{width:20px;height:20px}.loader[data-v-9d1a6ba1]{width:16px;height:16px;border-radius:var(--fusion-loading-spinner-border-radius);border:2px solid var(--14b4b738);border-right-color:transparent;animation:spin-9d1a6ba1 1s linear infinite}@keyframes spin-9d1a6ba1{to{transform:rotate(360deg)}}.fusion-button{color:var(--fusion-text-color);font-family:var(--fusion-button-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:var(--fusion-button-font-weight);font-size:var(--fusion-button-font-size);line-height:var(--fusion-button-line-height);border-radius:var(--fusion-button-border-radius);border:0;cursor:var(--fusion-button-cursor);transition:box-shadow 125ms ease-in-out,background-color .2s ease-in-out;box-shadow:var(--fusion-button-box-shadow);outline:var(--fusion-button-border);padding:var(--fusion-button-padding);background-color:var(--fusion-button-background-color)}.flex[data-v-98a7bec1]{display:flex}.inline-flex[data-v-98a7bec1]{display:inline-flex}.flex-row[data-v-98a7bec1]{flex-direction:row}.flex-row-reverse[data-v-98a7bec1]{flex-direction:row-reverse}.flex-col[data-v-98a7bec1]{flex-direction:column}.flex-col-reverse[data-v-98a7bec1]{flex-direction:column-reverse}.flex-wrap[data-v-98a7bec1]{flex-wrap:wrap}.flex-wrap-reverse[data-v-98a7bec1]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-98a7bec1]{flex-wrap:nowrap}.flex-grow[data-v-98a7bec1]{flex-grow:1}.flex-grow-0[data-v-98a7bec1]{flex-grow:0}.flex-shrink[data-v-98a7bec1]{flex-shrink:1}.flex-shrink-0[data-v-98a7bec1]{flex-shrink:0}.justify-start[data-v-98a7bec1]{justify-content:flex-start}.justify-end[data-v-98a7bec1]{justify-content:flex-end}.justify-center[data-v-98a7bec1]{justify-content:center}.justify-between[data-v-98a7bec1]{justify-content:space-between}.justify-around[data-v-98a7bec1]{justify-content:space-around}.justify-evenly[data-v-98a7bec1]{justify-content:space-evenly}.items-start[data-v-98a7bec1]{align-items:flex-start}.items-end[data-v-98a7bec1]{align-items:flex-end}.items-center[data-v-98a7bec1]{align-items:center}.items-baseline[data-v-98a7bec1]{align-items:baseline}.items-stretch[data-v-98a7bec1]{align-items:stretch}.content-start[data-v-98a7bec1]{align-content:flex-start}.content-end[data-v-98a7bec1]{align-content:flex-end}.content-center[data-v-98a7bec1]{align-content:center}.content-between[data-v-98a7bec1]{align-content:space-between}.content-around[data-v-98a7bec1]{align-content:space-around}.content-evenly[data-v-98a7bec1]{align-content:space-evenly}.self-auto[data-v-98a7bec1]{align-self:auto}.self-start[data-v-98a7bec1]{align-self:flex-start}.self-end[data-v-98a7bec1]{align-self:flex-end}.self-center[data-v-98a7bec1]{align-self:center}.self-stretch[data-v-98a7bec1]{align-self:stretch}.self-baseline[data-v-98a7bec1]{align-self:baseline}.fusion-textarea[data-v-98a7bec1]{font-family:var(--fusion-textarea-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-textarea-font-size)}.fusion-textarea.input[data-v-98a7bec1]{color:var(--fusion-textarea-input-font-colour);padding:var(--fusion-textarea-input-padding-top) var(--fusion-textarea-input-padding-right) var(--fusion-textarea-input-padding-bottom) var(--fusion-textarea-input-padding-left);border-color:var(--fusion-textarea-input-border-colour);border-radius:var(--fusion-textarea-input-border-radius);border-width:var(--fusion-textarea-input-border-width);resize:vertical;border-style:solid;background-color:var(--fusion-textarea-input-background-colour);margin-top:var(--fusion-textarea-input-margin-top)}.fusion-textarea.input[data-v-98a7bec1]::placeholder{font-family:Roboto,sans-serif;font-weight:var(--fusion-textarea-input-placeholder-font-weight);line-height:var(--fusion-textarea-input-placeholder-line-height);color:var(--fusion-textarea-input-placeholder-colour)}.fusion-textarea.input[data-v-98a7bec1]:focus{outline:none;box-shadow:var(--fusion-textarea-input-ring-colour) 0 0 0 4px}.fusion-textarea.label[data-v-98a7bec1]{color:var(--fusion-textarea-label-font-colour);font-weight:var(--fusion-textarea-label-font-weight);line-height:var(--fusion-textarea-label-line-height)}.fusion-textarea.helper-label[data-v-98a7bec1]{margin-top:var(--fusion-textarea-helper-label-margin-top);color:var(--fusion-textarea-helper-label-font-colour);font-weight:var(--fusion-textarea-helper-label-font-weight);line-height:var(--fusion-textarea-helper-label-line-height)}.fusion-textarea.text-count-label[data-v-98a7bec1]{color:var(--fusion-textarea-count-label-font-colour);margin-top:var(--fusion-textarea-count-label-margin-top);font-size:var(--fusion-textarea-count-label-font-size);font-weight:var(--fusion-textarea-count-label-font-weight);line-height:var(--fusion-textarea-count-label-line-height)}.fusion-textarea.error-label[data-v-98a7bec1]{font-weight:var(--fusion-textarea-error-label-font-weight);color:var(--fusion-textarea-error-label-font-colour);line-height:var(--fusion-textarea-error-label-line-height);margin-top:var(--fusion-textarea-error-label-margin-top);gap:var(--fusion-textarea-error-label-items-gap)}.fusion-textarea.error-icon[data-v-98a7bec1]{height:20px;width:21px}.fusion-textarea.disabled[data-v-98a7bec1]{cursor:not-allowed}.fusion-checkbox-wrapper{display:flex;align-items:center;gap:var(--fusion-checkbox-gap);width:max-content}.fusion-checkbox-icon{position:relative}.fusion-checkbox-label{color:var(--fusion-checkbox-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-helper-text{color:var(--fusion-checkbox-helper-text-color);font-family:var(--fusion-checkbox-font-family);font-weight:var(--fusion-checkbox-font-weight);font-size:var(--fusion-checkbox-font-size);line-height:var(--fusion-checkbox-line-height)}.fusion-checkbox-labels-wrapper{display:flex;flex-direction:column;row-gap:4px}.fusion-checkbox-input{margin:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;width:20px;height:20px;border-radius:var(--fusion-checkbox-border-radius);border:var(--fusion-checkbox-border);background-color:var(--fusion-checkbox-background-color);box-shadow:var(--fusion-checkbox-box-shadow);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.fusion-checkbox-input:checked{background-color:var(--fusion-checkbox-background-color)}.fusion-checkbox-input:checked:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");display:block;text-align:center;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.fusion-checkbox-input:checked:disabled:before{content:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_41)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78794 0.817599C9.84411 0.860245 9.89132 0.91355 9.92687 0.974464C9.96242 1.03538 9.98561 1.10271 9.99511 1.17259C10.0046 1.24248 10.0002 1.31355 9.98224 1.38174C9.96424 1.44994 9.93296 1.51391 9.89021 1.57001L4.16849 9.07977C4.12207 9.1406 4.06319 9.1908 3.99577 9.22699C3.92836 9.26319 3.85399 9.28454 3.77764 9.28962C3.7013 9.2947 3.62475 9.28339 3.55313 9.25645C3.48152 9.22951 3.4165 9.18756 3.36244 9.13341L0.143967 5.91494C0.0492153 5.81325 -0.00236834 5.67876 8.35708e-05 5.53979C0.00253548 5.40083 0.0588315 5.26824 0.157111 5.16996C0.255391 5.07168 0.387982 5.01538 0.526949 5.01293C0.665916 5.01048 0.80041 5.06206 0.902096 5.15681L3.68714 7.94115L9.03696 0.919875C9.12306 0.806836 9.2505 0.73258 9.39129 0.713405C9.53209 0.69423 9.67474 0.731703 9.78794 0.817599Z' fill='%23B1B1B1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_41'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.flex[data-v-6e8229be]{display:flex}.inline-flex[data-v-6e8229be]{display:inline-flex}.flex-row[data-v-6e8229be]{flex-direction:row}.flex-row-reverse[data-v-6e8229be]{flex-direction:row-reverse}.flex-col[data-v-6e8229be]{flex-direction:column}.flex-col-reverse[data-v-6e8229be]{flex-direction:column-reverse}.flex-wrap[data-v-6e8229be]{flex-wrap:wrap}.flex-wrap-reverse[data-v-6e8229be]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-6e8229be]{flex-wrap:nowrap}.flex-grow[data-v-6e8229be]{flex-grow:1}.flex-grow-0[data-v-6e8229be]{flex-grow:0}.flex-shrink[data-v-6e8229be]{flex-shrink:1}.flex-shrink-0[data-v-6e8229be]{flex-shrink:0}.justify-start[data-v-6e8229be]{justify-content:flex-start}.justify-end[data-v-6e8229be]{justify-content:flex-end}.justify-center[data-v-6e8229be]{justify-content:center}.justify-between[data-v-6e8229be]{justify-content:space-between}.justify-around[data-v-6e8229be]{justify-content:space-around}.justify-evenly[data-v-6e8229be]{justify-content:space-evenly}.items-start[data-v-6e8229be]{align-items:flex-start}.items-end[data-v-6e8229be]{align-items:flex-end}.items-center[data-v-6e8229be]{align-items:center}.items-baseline[data-v-6e8229be]{align-items:baseline}.items-stretch[data-v-6e8229be]{align-items:stretch}.content-start[data-v-6e8229be]{align-content:flex-start}.content-end[data-v-6e8229be]{align-content:flex-end}.content-center[data-v-6e8229be]{align-content:center}.content-between[data-v-6e8229be]{align-content:space-between}.content-around[data-v-6e8229be]{align-content:space-around}.content-evenly[data-v-6e8229be]{align-content:space-evenly}.self-auto[data-v-6e8229be]{align-self:auto}.self-start[data-v-6e8229be]{align-self:flex-start}.self-end[data-v-6e8229be]{align-self:flex-end}.self-center[data-v-6e8229be]{align-self:center}.self-stretch[data-v-6e8229be]{align-self:stretch}.self-baseline[data-v-6e8229be]{align-self:baseline}.gap-y-1[data-v-6e8229be]{row-gap:4px}.max-w-max[data-v-6e8229be]{max-width:max-content}.max-w-min[data-v-6e8229be]{max-width:min-content}.cursor-pointer[data-v-6e8229be]{cursor:pointer}.cursor-not-allowed[data-v-6e8229be]{cursor:not-allowed}.fusion-radio[data-v-6e8229be]{font-family:var(--fusion-radio-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;margin:0}.fusion-radio.input[data-v-6e8229be]{width:23.463px;height:23.463px;align-self:center;background-clip:content-box;padding:2px;margin-right:var(--fusion-radio-margin-right);border-style:solid;border-radius:50%;border-width:1.5px;border-color:var(--fusion-radio-border-colour)}.fusion-radio.input[data-v-6e8229be]:focus{box-shadow:var(--fusion-radio-ring-color) var(--fusion-radio-ring-width)}.fusion-radio.input[data-v-6e8229be]:checked{background-color:var(--fusion-radio-checked-colour)}.fusion-radio.label[data-v-6e8229be]{color:var(--fusion-radio-label-font-colour);font-weight:var(--fusion-radio-label-font-weight);font-size:var(--fusion-radio-label-font-size);line-height:var(--fusion-radio-label-line-height)}.fusion-radio.helper-label[data-v-6e8229be]{color:var(--fusion-radio-helper-label-font-colour);font-weight:var(--fusion-radio-helper-label-font-weight);font-size:var(--fusion-radio-helper-label-font-size);line-height:var(--fusion-radio-helper-label-line-height)}.flex[data-v-4c6bd4bb]{display:flex}.inline-flex[data-v-4c6bd4bb]{display:inline-flex}.flex-row[data-v-4c6bd4bb]{flex-direction:row}.flex-row-reverse[data-v-4c6bd4bb]{flex-direction:row-reverse}.flex-col[data-v-4c6bd4bb]{flex-direction:column}.flex-col-reverse[data-v-4c6bd4bb]{flex-direction:column-reverse}.flex-wrap[data-v-4c6bd4bb]{flex-wrap:wrap}.flex-wrap-reverse[data-v-4c6bd4bb]{flex-wrap:wrap-reverse}.flex-nowrap[data-v-4c6bd4bb]{flex-wrap:nowrap}.flex-grow[data-v-4c6bd4bb]{flex-grow:1}.flex-grow-0[data-v-4c6bd4bb]{flex-grow:0}.flex-shrink[data-v-4c6bd4bb]{flex-shrink:1}.flex-shrink-0[data-v-4c6bd4bb]{flex-shrink:0}.justify-start[data-v-4c6bd4bb]{justify-content:flex-start}.justify-end[data-v-4c6bd4bb]{justify-content:flex-end}.justify-center[data-v-4c6bd4bb]{justify-content:center}.justify-between[data-v-4c6bd4bb]{justify-content:space-between}.justify-around[data-v-4c6bd4bb]{justify-content:space-around}.justify-evenly[data-v-4c6bd4bb]{justify-content:space-evenly}.items-start[data-v-4c6bd4bb]{align-items:flex-start}.items-end[data-v-4c6bd4bb]{align-items:flex-end}.items-center[data-v-4c6bd4bb]{align-items:center}.items-baseline[data-v-4c6bd4bb]{align-items:baseline}.items-stretch[data-v-4c6bd4bb]{align-items:stretch}.content-start[data-v-4c6bd4bb]{align-content:flex-start}.content-end[data-v-4c6bd4bb]{align-content:flex-end}.content-center[data-v-4c6bd4bb]{align-content:center}.content-between[data-v-4c6bd4bb]{align-content:space-between}.content-around[data-v-4c6bd4bb]{align-content:space-around}.content-evenly[data-v-4c6bd4bb]{align-content:space-evenly}.self-auto[data-v-4c6bd4bb]{align-self:auto}.self-start[data-v-4c6bd4bb]{align-self:flex-start}.self-end[data-v-4c6bd4bb]{align-self:flex-end}.self-center[data-v-4c6bd4bb]{align-self:center}.self-stretch[data-v-4c6bd4bb]{align-self:stretch}.self-baseline[data-v-4c6bd4bb]{align-self:baseline}.cursor-pointer[data-v-4c6bd4bb]{cursor:pointer}.cursor-not-allowed[data-v-4c6bd4bb]{cursor:not-allowed}.fusion-text-link[data-v-4c6bd4bb]{font-family:var(--fusion-text-link-font-family),"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fusion-text-link-font-size);color:var(--fusion-text-link-color);padding:var(--fusion-text-link-padding-top) var(--fusion-text-link-padding-right) var(--fusion-text-link-padding-bottom) var(--fusion-text-link-padding-left);gap:var(--fusion-text-link-items-gap);line-height:var(--fusion-text-link-line-height);text-decoration:var(--fusion-text-link-decoration)}.fusion-text-link[data-v-4c6bd4bb]:focus{outline:none;border-style:solid;border-color:var(--fusion-text-link-border-colour);border-radius:var(--fusion-text-link-border-radius);border-width:var(--fusion-text-link-border-width);box-shadow:var(--fusion-text-link-ring-color) var(--fusion-text-link-ring-width)}.fusion-text-link.icon[data-v-4c6bd4bb]{order:var(--fusion-text-link-icon-order);padding-top:var(--fusion-text-link-icon-padding-top)}.fusion-text-link.disabled[data-v-4c6bd4bb]{pointer-events:none}
+`,document.head.appendChild(p),typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue")):typeof define=="function"&&define.amd?define(["vue"],c):(n=typeof globalThis<"u"?globalThis:n||self,n.FusionComponentLibrary=c(n.Vue))})(this,function(n){"use strict";var nt=Object.defineProperty;var at=(n,c,p)=>c in n?nt(n,c,{enumerable:!0,configurable:!0,writable:!0,value:p}):n[c]=p;var u=(n,c,p)=>(at(n,typeof c!="symbol"?c+"":c,p),p);const f={grid:{"gap-8":{pattern:"columns",gutterSize:8,alignment:"stretch",count:12,offset:0},"gap-16":{pattern:"columns",gutterSize:16,alignment:"stretch",count:12,offset:0},"gap-32":{pattern:"columns",gutterSize:32,alignment:"stretch",count:12,offset:0}},effect:{"shadow-sm":{shadowType:"dropShadow",radius:2,color:"#dededeff",offsetX:0,offsetY:1,spread:0},shadow:{shadowType:"dropShadow",radius:3,color:"#dededeff",offsetX:0,offsetY:1,spread:0},"shadow-md":{shadowType:"dropShadow",radius:6,color:"#dededeff",offsetX:0,offsetY:4,spread:-1},"shadow-lg":{shadowType:"dropShadow",radius:15,color:"#dededeff",offsetX:0,offsetY:10,spread:-3},"shadow-xl":{shadowType:"dropShadow",radius:25,color:"#dededeff",offsetX:0,offsetY:20,spread:-5},"shadow-inner":{shadowType:"innerShadow",radius:4,color:"#dededeff",offsetX:0,offsetY:2,spread:0}},"primitive-tokens":{colour:{fused:{grey:{50:"#f5f5f5ff",100:"#d6d6d6ff",200:"#aeaeaeff",300:"#858585ff",400:"#5d5d5dff",500:"#343434ff"},blue:{50:"#c4d7dcff",100:"#97b8c1ff",200:"#719dacff",300:"#438093ff",400:"#016179ff",500:"#005469ff"},red:{50:"#f9e1e2ff",100:"#f2c3c6ff",200:"#eca6a9ff",300:"#e5888dff",400:"#df6a70ff",500:"#bd595eff"},green:{50:"#e6f4edff",100:"#cce9daff",200:"#b3dec8ff",300:"#99d3b5ff",400:"#80c8a3ff",500:"#66a484ff"},pink:{50:"#f5d7e4ff",100:"#edb6ccff",200:"#e79cbaff",300:"#e27fa6ff",400:"#ef5a97ff",500:"#d44f85ff"}},global:{yellow:{50:"#fdf1ccff",100:"#fce399ff",200:"#fad466ff",300:"#f9c633ff",400:"#f7b800ff",500:"#dea500ff"},white:{white:"#ffffffff"}},oub:{orange:{50:"#f9e1ccff",100:"#f3c499ff",200:"#eea666ff",300:"#e88933ff",400:"#e26b00ff",500:"#b55600ff"},grey:{50:"#f5f5f5ff",100:"#d8d8d8ff",200:"#b1b1b1ff",300:"#8b8b8bff",400:"#646464ff",500:"#3d3d3dff"},red:{50:"#fce2e2ff",100:"#f9c5c5ff",200:"#f6a7a7ff",300:"#f38a8aff",400:"#f06d6dff",500:"#c75454ff"},blue:{50:"#deebf4ff",100:"#bed6e9ff",200:"#9dc2ddff",300:"#7dadd2ff",400:"#5c99c7ff",500:"#4b7ea5ff"},green:{50:"#daf1f0ff",100:"#b6e4e1ff",200:"#91d6d1ff",300:"#6dc9c2ff",400:"#48bbb3ff",500:"#3b9a93ff"}}},radius:{"rounded-sm":"0.125rem",rounded:"0.25rem","rounded-md":"0.375rem","rounded-lg":"0.5rem","rounded-xl":"0.75rem","rounded-full":"624.938rem","rounded-none":0},spacing:{0:0,1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem",px:"0.063rem","0․5":"0.125rem","1․5":"0.375rem","2․5":"0.625rem","3․5":"0.875rem"},"container width":{"container-sm":"40rem","container-md":"48rem","container-lg":"64rem","container-xl":"80rem","container-xs":"20rem"}},"semantic-tokens":{oub:{colour:{text:{primary:"#3d3d3dff",secondary:"#646464ff","primary-placeholder":"#b1b1b1ff","primary-danger":"#c75454ff",disabled:"#b1b1b1ff",plain:"#ffffffff",tertiary:"#8b8b8bff","primary-interaction":"#e26b00ff","primary-interaction-strong":"#b55600ff","primary-interaction-disabled":"#eea666ff","secondary-interaction":"#646464ff","secondary-interaction-strong":"#3d3d3dff","secondary-interaction-disabled":"#b1b1b1ff","danger-interaction":"#f06d6dff","danger-interaction-strong":"#c75454ff","danger-interaction-disabled":"#f6a7a7ff"},border:{"primary-neutral":"#b1b1b1ff","primary-focus":"#5c99c7ff","ring-primary":"#9dc2ddff","ring-primary-danger":"#f6a7a7ff","primary-danger":"#f06d6dff","primary-disabled":"#b1b1b1ff","ring-primary-interaction":"#eea666ff","primary-interaction":"#e26b00ff","secondary-interaction":"#3d3d3dff","ring-secondary-interaction":"#b1b1b1ff","primary-interaction-disabled":"#eea666ff","danger-interaction-disabled":"#f6a7a7ff","primary-interaction-strong":"#b55600ff","primary-strong":"#646464ff"},icon:{danger:"#c75454ff",primary:"#646464ff","primary-strong":"#3d3d3dff",secondary:"#b1b1b1ff",plain:"#ffffffff",selected:"#4b7ea5ff",info:"#4b7ea5ff",success:"#3b9a93ff",warning:"#dea500ff"},background:{disabled:"#f5f5f5ff",subtle:"#f5f5f5ff",default:"#ffffffff","selected-subtle":"#deebf4ff",selected:"#5c99c7ff","primary-interaction":"#e26b00ff","primary-interaction-strong":"#b55600ff","primary-interaction-disabled":"#eea666ff","danger-interaction":"#f06d6dff","danger-interaction-strong":"#c75454ff","danger-interaction-disabled":"#f6a7a7ff","primary-interaction-subtle":"#f9e1ccff","primary-interaction-subtle-hover":"#f3c499ff","danger-interaction-subtle":"#fce2e2ff","danger-interaction-subtle-hover":"#f9c5c5ff","subtle-strong":"#d8d8d8ff","danger-accent":"#f06d6dff","info-accent":"#5c99c7ff","success-accent":"#48bbb3ff","warning-accent":"#f7b800ff"}},spacing:{none:0,sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem","2xl":"1.5rem","4xl":"3rem","3xl":"2rem","5xl":"4rem","6xl":"6rem",xs:"0.125rem"},radius:{sm:"0.125rem",md:"0.25rem",full:"624.938rem",none:0},"container width":{xs:"20rem",sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem"}},fused:{colour:{text:{primary:"#343434ff",secondary:"#5d5d5dff","primary-placeholder":"#aeaeaeff","primary-danger":"#bd595eff",disabled:"#aeaeaeff",plain:"#ffffffff",tertiary:"#858585ff","primary-interaction":"#ef5a97ff","primary-interaction-strong":"#d44f85ff","primary-interaction-disabled":"#e79cbaff","secondary-interaction":"#5d5d5dff","secondary-interaction-strong":"#343434ff","secondary-interaction-disabled":"#aeaeaeff","danger-interaction":"#df6a70ff","danger-interaction-strong":"#bd595eff","danger-interaction-disabled":"#eca6a9ff"},border:{"primary-neutral":"#aeaeaeff","primary-focus":"#016179ff","ring-primary":"#719dacff","ring-primary-danger":"#eca6a9ff","primary-danger":"#df6a70ff","primary-disabled":"#aeaeaeff","ring-primary-interaction":"#e79cbaff","primary-interaction":"#ef5a97ff","secondary-interaction":"#343434ff","ring-secondary-interaction":"#aeaeaeff","primary-interaction-disabled":"#e79cbaff","danger-interaction-disabled":"#eca6a9ff","primary-interaction-strong":"#ef5a97ff","primary-strong":"#5d5d5dff"},icon:{danger:"#bd595eff",primary:"#5d5d5dff","primary-strong":"#343434ff",secondary:"#aeaeaeff",plain:"#ffffffff",selected:"#005469ff",info:"#005469ff",success:"#66a484ff",warning:"#dea500ff"},background:{disabled:"#f5f5f5ff",subtle:"#f5f5f5ff",default:"#ffffffff","selected-subtle":"#c4d7dcff",selected:"#016179ff","primary-interaction":"#ef5a97ff","primary-interaction-strong":"#d44f85ff","primary-interaction-disabled":"#e79cbaff","danger-interaction":"#df6a70ff","danger-interaction-strong":"#bd595eff","danger-interaction-disabled":"#eca6a9ff","primary-interaction-subtle":"#f5d7e4ff","primary-interaction-subtle-hover":"#edb6ccff","danger-interaction-subtle":"#f9e1e2ff","danger-interaction-subtle-hover":"#f2c3c6ff","subtle-strong":"#d6d6d6ff","danger-accent":"#df6a70ff","info-accent":"#016179ff","success-accent":"#80c8a3ff","warning-accent":"#f7b800ff"}},spacing:{none:0,sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem","2xl":"1.5rem","4xl":"3rem","3xl":"2rem","5xl":"4rem","6xl":"6rem",xs:"0.125rem"},radius:{sm:"0.125rem",md:"0.25rem",full:"624.938rem",none:0},"container width":{xs:"20rem",sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem"}}},typography:{oub:{headings:{xl:{fontSize:"3rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"4.375rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},lg:{fontSize:"2.5rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"3.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},md:{fontSize:"1.875rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"2.813rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"1.25rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:600,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},labels:{lg:{fontSize:"1rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Poppins",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},links:{md:{fontSize:"1rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},body:{md:{400:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},sm:{400:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},xs:{400:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}}}},fused:{headings:{xl:{fontSize:"3rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"4.375rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},lg:{fontSize:"2.5rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"3.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},md:{fontSize:"1.875rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"2.813rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"1.25rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:700,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.75rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},labels:{lg:{fontSize:"1rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Space Grotesk",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},links:{lg:{fontSize:"1rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},sm:{fontSize:"0.875rem",textDecoration:"underline",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},body:{md:{400:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"1rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},sm:{400:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.875rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1.25rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}},xs:{400:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:400,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"},500:{fontSize:"0.75rem",textDecoration:"none",fontFamily:"Roboto",fontWeight:500,fontStyle:"normal",fontStretch:"normal",letterSpacing:0,lineHeight:"1rem",paragraphIndent:0,paragraphSpacing:"0.438rem",textCase:"none"}}}}}};function v(e,t){return f["semantic-tokens"][e].colour.text[t.state]}function g(e,t){return f["semantic-tokens"][e].colour.text[t]}function S(e,t){return String(f.typography[e].labels[t.variant][t.state])}function s(e,t="fontFamily",a="md",r="500"){return String(f.typography[e].body[a][r][t])}function C(e,t){return f["semantic-tokens"][e].spacing[t.state]}function d(e,t){return f["semantic-tokens"][e].spacing[t]}function ot(e){return e}function E(e,t){return String(f["semantic-tokens"][e].radius[t.state])}function $(e,t){return String(f["semantic-tokens"][e].radius[t])}function F(e,t){return f["semantic-tokens"][e].colour.background[t.state]}function L(e,t){return f["semantic-tokens"][e].colour.background[t]}function H(e){const{variantStyle:t,variantType:a,interaction:r,disabled:o}=e;if(t==="filled"){if(a==="primary")return r.hover&&!o?{state:"plain"}:r.focus?{state:"plain"}:{state:"plain"};if(a==="danger")return r.hover&&!o?{state:"plain"}:r.focus?{state:"plain"}:{state:"plain"}}return t==="outline"?r.hover&&!o?{state:`${a}-interaction-strong`}:r.focus?{state:`${a}-interaction-strong`}:o?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`}:t==="ghost"?r.hover&&!o?{state:`${a}-interaction-strong`}:r.focus?{state:`${a}-interaction-strong`}:o?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`}:{state:"plain"}}function B(e,t){return e.size==="small"?{variant:"sm",state:t}:{variant:"lg",state:t}}function R(e){return e.size==="small"?{variant:"sm",state:"lineHeight"}:{variant:"lg",state:"lineHeight"}}function j(){return{state:"full"}}function _(e,t="vertical"){return e.size==="small"&&t==="vertical"?{state:"lg"}:e.size==="regular"&&t==="vertical"?{state:"xl"}:e.size==="small"&&t==="horizontal"?{state:"3xl"}:e.size==="regular"&&t==="horizontal"?{state:"4xl"}:{state:"lg"}}function q(e){const{variantStyle:t,variantType:a,interaction:r,disabled:o}=e;return t==="filled"?r.hover&&!o?{state:`${a}-interaction-strong`}:r.focus?{state:`${a}-interaction-strong`}:o?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`}:t==="outline"?r.hover&&!o?{state:`${a}-interaction-subtle`}:r.focus?{state:`${a}-interaction-subtle`}:{state:"default"}:t==="ghost"?r.hover&&!o&&!r.focus?{state:`${a}-interaction-subtle`}:r.focus?{state:`${a}-interaction-subtle-hover`}:{state:"default"}:{state:"default"}}function P(e){const{variantType:t,interaction:a,variantStyle:r}=e;if(a.focus&&r!=="ghost"){if(t==="primary")return{state:`ring-${t}-interaction`};if(t==="danger")return{state:`ring-primary-${t}`}}return{state:void 0}}function G(e){const{variantStyle:t,variantType:a,interaction:r,disabled:o}=e;if(t==="filled")return{state:void 0};if(t==="outline"){if(a==="primary")return r.hover&&!o?{state:`${a}-interaction`}:r.focus?{state:`${a}-interaction`}:e.disabled?{state:`${a}-interaction-disabled`}:{state:`${a}-interaction`};if(a==="danger")return r.hover&&!o?{state:`primary-${a}`}:r.focus?{state:`primary-${a}`}:e.disabled?{state:`${a}-interaction-disabled`}:{state:`primary-${a}`}}return t==="ghost"?{state:void 0}:{state:"primary-interaction"}}function w(e,t){return f["semantic-tokens"][e].colour.border[t.state]}function x(e,t){return f["semantic-tokens"][e].colour.border[t]}function K(e,t){return{"--fusion-text-color":v(e,H(t)),"--fusion-button-font-family":S(e,B(t,"fontFamily")),"--fusion-button-font-weight":S(e,B(t,"fontWeight")),"--fusion-button-font-size":S(e,B(t,"fontSize")),"--fusion-button-line-height":S(e,R(t)),"--fusion-button-border-radius":E(e,j()),"--fusion-button-padding":`${C(e,_(t))} ${C(e,_(t,"horizontal"))}`,"--fusion-button-background-color":F(e,q(t)),"--fusion-button-box-shadow":`${w(e,P(t))} 0px 0px 0px 4px`,"--fusion-button-border":`solid 2px ${w(e,G(t))}`,"--fusion-button-cursor":t.disabled?"not-allowed":"pointer","--fusion-spinner-color":v(e,H(t))}}class h{constructor(t){u(this,"disabled");u(this,"focused");u(this,"hover");u(this,"error");u(this,"theme");u(this,"DEFAULT_THEME","fused");this.disabled=t.disabled,this.focused=t.focused,this.hover=t.hover,this.error=t.error,this.theme=t.theme||this.DEFAULT_THEME}}class Z extends h{static getBorderRadius(){return"full"}}function A(e){return{"--fusion-loading-spinner-border-radius":$(e,Z.getBorderRadius())}}const T=n.defineComponent({name:"FusionLoadingSpinner",props:{spinnerColour:{type:String,default:"#646464"}},data(){return{styleVariables:{}}},created(){this.loadStyleVariables()},methods:{loadStyleVariables:function(){this.styleVariables=A("fused")}}}),D=()=>{n.useCssVars(e=>({"14b4b738":e.spinnerColour}))},M=T.setup;T.setup=M?(e,t)=>(D(),M(e,t)):D;const it="",b=(e,t)=>{const a=e.__vccOpts||e;for(const[r,o]of t)a[r]=o;return a},X=[(e=>(n.pushScopeId("data-v-9d1a6ba1"),e=e(),n.popScopeId(),e))(()=>n.createElementVNode("div",{class:"loader"},null,-1))];function Y(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("div",{class:"loader-wrapper",role:"status",style:n.normalizeStyle(e.styleVariables)},X,4)}const U=b(T,[["render",Y],["__scopeId","data-v-9d1a6ba1"]]),O=n.defineComponent({components:{FusionLoadingSpinner:U},props:{theme:{type:String,required:!1,default:"fused"},label:{type:String,required:!0},variantType:{type:String,required:!1,default:"primary"},variantStyle:{type:String,required:!1,default:"filled"},size:{type:String,required:!1,default:"regular"},type:{type:String,required:!1,default:"submit"},loading:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!0}},emits:{click:null},data(){return{styleVariables:{"--fusion-spinner-color":""},focus:!1,hover:!1}},computed:{spinnerColour(){return this.styleVariables["--fusion-spinner-color"]},isDisabled(){return this.disabled},isLoading(){return this.loading},styleProps(){return{variantType:this.variantType,variantStyle:this.variantStyle,size:this.size,theme:this.theme,disabled:this.disabled,interaction:{focus:this.focus,hover:this.hover}}}},watch:{styleProps:{handler(){this.loadStyleVariables()},deep:!0,immediate:!0}},methods:{loadStyleVariables:function(){this.styleVariables=K(this.theme,this.styleProps)},onClick(){this.$emit("click")}}}),dt="",J=["disabled"],Q={key:1};function ee(e,t,a,r,o,y){const l=n.resolveComponent("FusionLoadingSpinner");return n.openBlock(),n.createElementBlock("button",{id:"fusion-btn",disabled:e.isDisabled||e.isLoading,style:n.normalizeStyle(e.styleVariables),class:"fusion-button",onFocus:t[0]||(t[0]=i=>e.focus=!0),onBlur:t[1]||(t[1]=i=>e.focus=!1),onMouseover:t[2]||(t[2]=i=>e.hover=!0),onMouseleave:t[3]||(t[3]=i=>e.hover=!1),onClick:t[4]||(t[4]=(...i)=>e.onClick&&e.onClick(...i))},[e.loading?(n.openBlock(),n.createBlock(l,{key:0,"spinner-colour":e.spinnerColour},null,8,["spinner-colour"])):(n.openBlock(),n.createElementBlock("span",Q,n.toDisplayString(e.label),1))],44,J)}const te=b(O,[["render",ee]]),ne={name:"SVGExclamationTriangle"},ae={width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},re=[n.createElementVNode("g",{"clip-path":"url(#clip0_1898_637)"},[n.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.61295 2.14027C9.45164 0.687616 11.5484 0.687621 12.387 2.14027L20.2048 15.681C21.0435 17.1337 19.9951 18.9495 18.3178 18.9495H2.68223C1.00485 18.9495 -0.043509 17.1337 0.795178 15.681L8.61295 2.14027ZM10.4999 5.25932C11.0157 5.25932 11.4338 5.67742 11.4338 6.19317V10.5511C11.4338 11.0669 11.0157 11.485 10.4999 11.485C9.98419 11.485 9.5661 11.0669 9.5661 10.5511L9.5661 6.19317C9.5661 5.67742 9.98419 5.25932 10.4999 5.25932ZM10.4999 16.4655C11.1876 16.4655 11.7451 15.908 11.7451 15.2204C11.7451 14.5327 11.1876 13.9752 10.4999 13.9752C9.81228 13.9752 9.25482 14.5327 9.25482 15.2204C9.25482 15.908 9.81228 16.4655 10.4999 16.4655Z",fill:"#BD595E"})],-1),n.createElementVNode("defs",null,[n.createElementVNode("clipPath",{id:"clip0_1898_637"},[n.createElementVNode("rect",{width:"20",height:"20",fill:"white",transform:"translate(0.5)"})])],-1)];function oe(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("svg",ae,re)}const ie=b(ne,[["render",oe]]);class m extends h{getTextColour(){return this.disabled?"disabled":"primary"}static getPlaceholderColour(){return"primary-placeholder"}static getMarginTop(){return"lg"}static getPaddingTop(){return"lg"}static getPaddingBottom(){return"lg"}static getPaddingLeft(){return"lg"}static getPaddingRight(){return"lg"}getBorderWidth(){return this.focused?"2px":"1px"}static getBorderRadius(){return"md"}getBorderColour(){return this.disabled?"primary-disabled":this.error?"primary-danger":this.focused?"primary-focus":"primary-neutral"}getBorderColourFocus(){return this.error?"ring-primary-danger":"ring-primary"}getBackgroundColour(){return this.disabled?"disabled":"default"}}class se extends h{getTextColour(){return this.error?"primary-danger":this.disabled?"disabled":"primary"}}class N extends h{getTextColour(){return this.disabled?"disabled":"secondary"}static getMarginTop(){return"lg"}}class W{static getTextColour(){return"secondary"}static getMarginTop(){return"lg"}}class V extends h{static getTextColour(){return"primary-danger"}static getMarginTop(){return"lg"}static getItemsGap(){return"lg"}}function le(e,t){const a=new m(t),r=new se(t),o=new N(t);return{"--fusion-textarea-font-family":s(e),"--fusion-textarea-font-size":s(e,"fontSize"),"--fusion-textarea-input-font-colour":g(e,a.getTextColour()),"--fusion-textarea-input-margin-top":d(e,m.getMarginTop()),"--fusion-textarea-input-padding-top":d(e,m.getPaddingTop()),"--fusion-textarea-input-padding-bottom":d(e,m.getPaddingBottom()),"--fusion-textarea-input-padding-left":d(e,m.getPaddingLeft()),"--fusion-textarea-input-padding-right":d(e,m.getPaddingRight()),"--fusion-textarea-input-border-colour":x(e,a.getBorderColour()),"--fusion-textarea-input-border-radius":$(e,m.getBorderRadius()),"--fusion-textarea-input-ring-colour":x(e,a.getBorderColourFocus()),"--fusion-textarea-input-background-colour":L(e,a.getBackgroundColour()),"--fusion-textarea-input-placeholder-font-weight":s(e,"fontWeight","md","400"),"--fusion-textarea-input-placeholder-line-height":s(e,"lineHeight","md","400"),"--fusion-textarea-input-placeholder-colour":g(e,m.getPlaceholderColour()),"--fusion-textarea-input-border-width":a.getBorderWidth(),"--fusion-textarea-label-font-weight":s(e,"fontWeight","md"),"--fusion-textarea-label-line-height":s(e,"lineHeight"),"--fusion-textarea-label-font-colour":g(e,r.getTextColour()),"--fusion-textarea-helper-label-font-weight":s(e,"fontWeight","md","400"),"--fusion-textarea-helper-label-line-height":s(e,"lineHeight","md","400"),"--fusion-textarea-helper-label-font-colour":g(e,o.getTextColour()),"--fusion-textarea-helper-label-margin-top":d(e,N.getMarginTop()),"--fusion-textarea-count-label-font-colour":g(e,W.getTextColour()),"--fusion-textarea-count-label-margin-top":d(e,W.getMarginTop()),"--fusion-textarea-count-label-font-size":s(e,"fontSize","sm","400"),"--fusion-textarea-count-label-font-weight":s(e,"fontWeight","sm","400"),"--fusion-textarea-count-label-line-height":s(e,"lineHeight","sm","400"),"--fusion-textarea-error-label-font-weight":s(e,"fontWeight","md","400"),"--fusion-textarea-error-label-line-height":s(e,"lineHeight","md","400"),"--fusion-textarea-error-label-font-colour":g(e,V.getTextColour()),"--fusion-textarea-error-label-margin-top":d(e,V.getMarginTop()),"--fusion-textarea-error-label-items-gap":d(e,V.getItemsGap())}}const de=n.defineComponent({name:"FusionTextarea",components:{SVGExclamationTriangle:ie},props:{id:{type:String,required:!0},name:{type:String,required:!0},label:{type:String,required:!0},ariaDescribedBy:{type:String,required:!0},theme:{type:String,default:"oub"},rows:{type:String,default:"4"},cols:{type:String,default:"50"},placeholder:{type:String,default:""},helperLabel:{type:String,default:""},errorLabel:{type:String,default:""},modelValue:{type:String,default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showCharLength:{type:Boolean,default:!0},maxLength:{type:Number,default:200},tabIndex:{type:Number,default:0},autocomplete:{type:String,default:""}},emits:["update:modelValue","input:focus","input:blur","keydown:enter"],data:function(){return{inputValue:this.modelValue,styleVariables:{},interactionStates:{focused:!1,hover:!1}}},computed:{inputStates(){return{focused:this.interactionStates.focused,hover:this.interactionStates.hover,disabled:this.disabled,error:!!this.errorLabel,theme:this.theme}}},watch:{inputStates:{handler(e){this.loadStyleVariables(e)},deep:!0,immediate:!0},modelValue:{handler(e){this.inputValue=e},immediate:!0}},methods:{loadStyleVariables(e){this.styleVariables=le(this.theme,e)},updateInput:function(){this.$emit("update:modelValue",this.inputValue)},handleFocus:function(){this.interactionStates.focused=!0,this.$emit("input:focus")},handleBlur:function(){this.interactionStates.focused=!1,this.$emit("input:blur")},handleKeydownEnter:function(){this.$emit("keydown:enter")},handleMouseover:function(){this.interactionStates.hover=!0},handleMouseleave:function(){this.interactionStates.hover=!1}}}),ut="",fe=["for"],ce={key:0,class:"fusion-textarea helper-label"},ue=["id","name","rows","cols","placeholder","required","disabled","readonly","tabindex","autocomplete","maxlength","aria-describedby"],pe={key:0,class:"flex items-center fusion-textarea error-label"},ge={id:"current"},he={id:"maximum"};function be(e,t,a,r,o,y){const l=n.resolveComponent("SVGExclamationTriangle");return n.openBlock(),n.createElementBlock("div",{class:"flex flex-col",style:n.normalizeStyle(e.styleVariables)},[n.createElementVNode("label",{class:"fusion-textarea label",for:e.id},n.toDisplayString(e.label),9,fe),e.helperLabel?(n.openBlock(),n.createElementBlock("div",ce,n.toDisplayString(e.helperLabel),1)):n.createCommentVNode("",!0),n.withDirectives(n.createElementVNode("textarea",{id:e.id,"onUpdate:modelValue":t[0]||(t[0]=i=>e.inputValue=i),class:n.normalizeClass(["fusion-textarea input",{disabled:e.disabled}]),name:e.name,rows:e.rows,cols:e.cols,placeholder:e.placeholder,required:e.required,disabled:e.disabled,readonly:e.readonly,tabindex:e.tabIndex,autocomplete:e.autocomplete,maxlength:e.maxLength,"aria-describedby":e.ariaDescribedBy,onInput:t[1]||(t[1]=(...i)=>e.updateInput&&e.updateInput(...i)),onBlur:t[2]||(t[2]=(...i)=>e.handleBlur&&e.handleBlur(...i)),onFocus:t[3]||(t[3]=(...i)=>e.handleFocus&&e.handleFocus(...i)),onMouseover:t[4]||(t[4]=(...i)=>e.handleMouseover&&e.handleMouseover(...i)),onMouseleave:t[5]||(t[5]=(...i)=>e.handleMouseleave&&e.handleMouseleave(...i)),onKeydown:t[6]||(t[6]=n.withKeys((...i)=>e.handleKeydownEnter&&e.handleKeydownEnter(...i),["enter"]))},null,42,ue),[[n.vModelText,e.inputValue]]),n.createElementVNode("div",{class:n.normalizeClass(e.errorLabel&&!e.disabled&&e.showCharLength?"flex justify-between":"")},[e.errorLabel?(n.openBlock(),n.createElementBlock("div",pe,[n.createVNode(l,{class:"error-icon"}),n.createElementVNode("span",null,n.toDisplayString(e.errorLabel),1)])):n.createCommentVNode("",!0),!e.disabled&&e.showCharLength?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(["fusion-textarea text-count-label",!e.disabled&&e.showCharLength?"flex justify-end":""])},[n.createElementVNode("span",ge,n.toDisplayString(e.inputValue.length),1),n.createElementVNode("span",he,"/"+n.toDisplayString(e.maxLength),1)],2)):n.createCommentVNode("",!0)],2)],4)}const me=b(de,[["render",be],["__scopeId","data-v-98a7bec1"]]);function ye(e){const{disabled:t}=e;return t?{state:"disabled"}:{state:"secondary"}}function xe(e){const{disabled:t}=e;return t?{state:"disabled"}:{state:"tertiary"}}function z(e){return{variant:"md",state:"400",property:e}}function ve(e){return{variant:"md",state:"400",property:e}}function Se(){return{state:"sm"}}function we(e){const{interaction:t,disabled:a}=e;return t.checked&&!a?{state:"selected"}:a?{state:"disabled"}:{state:"default"}}function ke(e,t){const{interaction:a}=t;return e==="oub"&&a.focus?{state:"ring-primary"}:e==="fused"&&a.focus?{state:"ring-primary"}:{state:void 0}}function Ce(e,t){const{interaction:a,disabled:r}=t;return e==="oub"?r?{state:"primary-neutral"}:a.hover&&!r?{state:"primary-focus"}:a.focus?{state:"primary-focus"}:a.checked?{state:"primary-focus"}:{state:"primary-neutral"}:e==="fused"?r?{state:"primary-neutral"}:a.hover&&!r?{state:"primary-focus"}:a.focus?{state:"primary-focus"}:a.checked?{state:"primary-focus"}:{state:"primary-neutral"}:{state:"primary-neutral"}}function $e(){return{state:"md"}}function k(e,t){return f.typography[e].body[t.variant][t.state][t.property]}function Be(e,t){return{"--fusion-checkbox-text-color":v(e,ye(t)),"--fusion-checkbox-helper-text-color":v(e,xe(t)),"--fusion-checkbox-font-family":k(e,z("fontFamily")),"--fusion-checkbox-font-weight":k(e,z("fontWeight")),"--fusion-checkbox-font-size":k(e,z("fontSize")),"--fusion-checkbox-line-height":k(e,ve("lineHeight")),"--fusion-checkbox-border-radius":E(e,Se()),"--fusion-checkbox-background-color":F(e,we(t)),"--fusion-checkbox-box-shadow":`${w(e,ke(e,t))} 0px 0px 0px 3px`,"--fusion-checkbox-border":`solid 2px ${w(e,Ce(e,t))}`,"--fusion-checkbox-cursor":t.disabled?"not-allowed":"pointer","--fusion-checkbox-gap":C(e,$e())}}const Te=n.defineComponent({name:"FusionCheckbox",props:{disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:""},helperText:{type:String,required:!1,default:""},defaultValue:{type:Boolean,required:!1,default:!1},name:{type:String,required:!1,default:""},value:{type:String,required:!1,default:""},theme:{type:String,required:!1,default:"fused"}},emits:["update:modelValue"],data:function(){return{checked:this.defaultValue,styleVariables:{},focus:!1,hover:!1}},computed:{styleProps(){return{theme:this.theme,disabled:this.disabled,interaction:{focus:this.focus,hover:this.hover,checked:this.checked}}}},watch:{styleProps:{handler(){this.loadStyleVariables()},deep:!0,immediate:!0},defaultValue:{handler(e){this.checked=e},deep:!0,immediate:!0}},defaultValue:{handler(e){this.checked=e},deep:!0,immediate:!0},methods:{loadStyleVariables:function(){this.styleVariables=Be(this.theme,this.styleProps)},handleChange(e){if(e){const t=e.target.checked;this.checked=t,this.$emit("update:modelValue",t)}}}}),pt="",Ve=["checked","disabled","name","value"],ze=n.createElementVNode("span",{class:"fusion-checkbox-icon"},null,-1),Ie={class:"fusion-checkbox-labels-wrapper"},Ee={key:0,class:"fusion-checkbox-label"},Fe={key:1,class:"fusion-checkbox-helper-text"};function Le(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("label",{class:"fusion-checkbox-wrapper",style:n.normalizeStyle(e.styleVariables),onMouseover:t[3]||(t[3]=l=>e.hover=!0),onMouseleave:t[4]||(t[4]=l=>e.hover=!1)},[n.createElementVNode("input",{class:"fusion-checkbox-input",checked:e.defaultValue,disabled:e.disabled,type:"checkbox",name:e.name,value:e.value,onFocus:t[0]||(t[0]=l=>e.focus=!0),onBlur:t[1]||(t[1]=l=>e.focus=!1),onClick:t[2]||(t[2]=(...l)=>e.handleChange&&e.handleChange(...l))},null,40,Ve),ze,n.createElementVNode("span",Ie,[e.label?(n.openBlock(),n.createElementBlock("span",Ee,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.helperText?(n.openBlock(),n.createElementBlock("span",Fe,n.toDisplayString(e.helperText),1)):n.createCommentVNode("",!0)]),n.renderSlot(e.$slots,"default")],36)}const He=b(Te,[["render",Le]]);class I extends h{constructor(a){super(a);u(this,"checked");this.checked=a.checked}getBorderColor(){return this.disabled?"primary-disabled":this.hover||this.focused||this.checked?"primary-focus":"primary-neutral"}static getStrokeColourFocus(){return"ring-primary"}getBoxShadowWidth(){return this.disabled?"0 0 0 0":"0 0 0 4px"}getCheckedBackgroundColour(){return this.checked&&!this.disabled?"selected":"disabled"}static getMarginRight(){return"md"}}class _e extends h{getTextColour(){return this.disabled?"disabled":"secondary"}}class De extends h{getTextColour(){return this.disabled?"disabled":"tertiary"}}function Me(e,t){const a=new I(t),r=new _e(t),o=new De(t);return{"--fusion-radio-font-family":s(e),"--fusion-radio-border-colour":x(e,a.getBorderColor()),"--fusion-radio-ring-color":x(e,I.getStrokeColourFocus()),"--fusion-radio-ring-width":a.getBoxShadowWidth(),"--fusion-radio-checked-colour":L(e,a.getCheckedBackgroundColour()),"--fusion-radio-margin-right":d(e,I.getMarginRight()),"--fusion-radio-label-font-colour":g(e,r.getTextColour()),"--fusion-radio-label-font-weight":s(e,"fontSize","md","400"),"--fusion-radio-label-font-size":s(e,"fontSize","md","400"),"--fusion-radio-label-line-height":s(e,"fontSize","md","400"),"--fusion-radio-helper-label-font-colour":g(e,o.getTextColour()),"--fusion-radio-helper-label-font-weight":s(e,"fontSize","md","400"),"--fusion-radio-helper-label-font-size":s(e,"fontSize","md","400"),"--fusion-radio-helper-label-line-height":s(e,"fontSize","md","400")}}const Ne=n.defineComponent({name:"FusionRadio",props:{id:{type:String,required:!0},name:{type:String,required:!0},label:{type:String,required:!0},value:{type:String,required:!0},theme:{type:String,default:"fused"},modelValue:{type:String,default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,required:!1},helperLabel:{type:String,default:""}},emits:["update:modelValue","input:focus","input:blur"],data:function(){return{inputValue:this.modelValue,styleVariables:{},interactionStates:{focused:!1,hover:!1}}},computed:{inputStates:function(){return{focused:this.interactionStates.focused,hover:this.interactionStates.hover,disabled:this.disabled,theme:this.theme,checked:this.isSelected,error:!1}},isSelected:function(){return this.inputValue===this.value}},watch:{inputStates:{handler:function(e){this.loadStyleVariables(e)},deep:!0,immediate:!0},modelValue:{handler:function(e){this.inputValue=e},immediate:!0}},methods:{handleChange:function(){this.$emit("update:modelValue",this.inputValue)},loadStyleVariables:function(e){this.styleVariables=Me(this.theme,e)},handleFocus:function(){this.interactionStates.focused=!0,this.$emit("input:focus")},handleBlur:function(){this.interactionStates.focused=!1,this.$emit("input:blur")},handleMouseover:function(){this.interactionStates.hover=!0},handleMouseleave:function(){this.interactionStates.hover=!1}}}),gt="",We=["id","name","required","checked","disabled"],Re={class:"flex flex-col gap-y-1"},je=["for"],qe={key:0,class:"fusion-radio helper-label"};function Pe(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["flex",e.disabled?"cursor-not-allowed":"cursor-pointer"]),style:n.normalizeStyle(e.styleVariables),onMouseover:t[4]||(t[4]=(...l)=>e.handleMouseover&&e.handleMouseover(...l)),onMouseleave:t[5]||(t[5]=(...l)=>e.handleMouseleave&&e.handleMouseleave(...l))},[n.withDirectives(n.createElementVNode("input",{id:e.id,"onUpdate:modelValue":t[0]||(t[0]=l=>e.inputValue=l),class:n.normalizeClass(["fusion-radio input",e.disabled?"cursor-not-allowed":"cursor-pointer"]),type:"radio",name:e.name,required:e.required,checked:e.isSelected,disabled:e.disabled,onFocus:t[1]||(t[1]=(...l)=>e.handleFocus&&e.handleFocus(...l)),onBlur:t[2]||(t[2]=(...l)=>e.handleBlur&&e.handleBlur(...l)),onClick:t[3]||(t[3]=(...l)=>e.handleChange&&e.handleChange(...l))},null,42,We),[[n.vModelRadio,e.inputValue]]),n.createElementVNode("div",{class:n.normalizeClass(["flex items-center max-w-max",e.disabled?"cursor-not-allowed":"cursor-pointer"])},[n.createElementVNode("div",Re,[n.createElementVNode("label",{class:n.normalizeClass(["fusion-radio label",e.disabled?"cursor-not-allowed":"cursor-pointer"]),for:e.id},n.toDisplayString(e.label),11,je),e.helperLabel?(n.openBlock(),n.createElementBlock("div",qe,n.toDisplayString(e.helperLabel),1)):n.createCommentVNode("",!0)])],2)],38)}const Ge=b(Ne,[["render",Pe],["__scopeId","data-v-6e8229be"]]);class Ke extends h{constructor(a){super(a);u(this,"size");u(this,"variantType");u(this,"showIcon");u(this,"iconPlacement");this.size=a.size,this.variantType=a.variantType,this.showIcon=a.showIcon,this.iconPlacement=a.iconPlacement}getTextColour(){return this.variantType?this.disabled?`${this.variantType}-interaction-disabled`:this.focused?`${this.variantType}-interaction-strong`:`${this.variantType}-interaction`:"plain"}getTextSize(){return this.size==="small"?"sm":"md"}getPaddingTop(){return this.disabled||!this.focused||this.showIcon?"none":"xs"}getPaddingBottom(){return this.disabled||!this.focused||this.showIcon?"none":"xs"}getPaddingLeft(){return this.disabled||!this.focused?"none":this.showIcon&&this.iconPlacement==="left"?"xs":"sm"}getPaddingRight(){return this.disabled||!this.focused?"none":this.showIcon&&this.iconPlacement==="right"?"xs":"sm"}getItemsGap(){return this.showIcon?this.focused&&!this.disabled?"none":"sm":"none"}getBorderColor(){return this.focused&&!this.disabled&&this.variantType!=="danger"?`${this.variantType}-interaction`:"primary-disabled"}getBorderRadius(){return this.focused&&!this.disabled?"md":"none"}getBorderColorFocus(){return!this.disabled&&this.variantType!=="danger"?`ring-${this.variantType}-interaction`:"ring-primary-interaction"}getBorderWidth(){return this.focused&&!this.disabled?"2px":"0"}getTextDecoration(){return!this.hover&&!this.focused||this.disabled?"underline":"none"}getBoxShadowWidth(){return this.disabled?"0 0 0 0":"0 0 0 4px"}getIconPlacement(){if(this.showIcon){if(this.iconPlacement==="left")return-1;if(this.iconPlacement==="right")return 1}return 0}getIconPaddingTop(){return this.showIcon?"sm":"none"}}function Ze(e,t){const a=new Ke(t);return{"--fusion-text-link-font-family":s(e),"--fusion-text-link-font-size":s(e,"fontSize",a.getTextSize()),"--fusion-text-link-font-weight":s(e,"fontWeight"),"--fusion-text-link-line-height":s(e,"lineHeight",a.getTextSize()),"--fusion-text-link-color":g(e,a.getTextColour()),"--fusion-text-link-decoration":a.getTextDecoration(),"--fusion-text-link-padding-top":d(e,a.getPaddingTop()),"--fusion-text-link-padding-bottom":d(e,a.getPaddingBottom()),"--fusion-text-link-padding-left":d(e,a.getPaddingLeft()),"--fusion-text-link-padding-right":d(e,a.getPaddingRight()),"--fusion-text-link-items-gap":d(e,a.getItemsGap()),"--fusion-text-link-border-colour":x(e,a.getBorderColor()),"--fusion-text-link-border-radius":$(e,a.getBorderRadius()),"--fusion-text-link-ring-color":x(e,a.getBorderColorFocus()),"--fusion-text-link-ring-width":a.getBoxShadowWidth(),"--fusion-text-link-border-width":a.getBorderWidth(),"--fusion-text-link-icon-order":a.getIconPlacement(),"--fusion-text-link-icon-padding-top":d(e,a.getIconPaddingTop())}}const Ae=n.defineComponent({name:"SVGInformationIcon"}),Xe={width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ye=[n.createElementVNode("g",{"clip-path":"url(#clip0_3298_793)"},[n.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.0703 10C20.0703 15.5228 15.5932 20 10.0703 20C4.54747 20 0.0703125 15.5228 0.0703125 10C0.0703125 4.47715 4.54747 0 10.0703 0C15.5932 0 20.0703 4.47715 20.0703 10ZM7.42325 9.11765C7.42325 8.63034 7.8183 8.23529 8.30561 8.23529H8.60371C9.92083 8.23529 10.8992 9.45498 10.6135 10.7407L10.0733 13.1715C10.0325 13.3552 10.1723 13.5294 10.3604 13.5294H10.6585C11.1459 13.5294 11.5409 13.9245 11.5409 14.4118C11.5409 14.8991 11.1459 15.2941 10.6585 15.2941H10.3604C9.04332 15.2941 8.06493 14.0744 8.35065 12.7887L8.89082 10.3579C8.93164 10.1742 8.79187 10 8.60371 10H8.30561C7.8183 10 7.42325 9.60496 7.42325 9.11765ZM9.48208 5.88235C10.1318 5.88235 10.6585 5.35563 10.6585 4.70588C10.6585 4.05614 10.1318 3.52941 9.48208 3.52941C8.83233 3.52941 8.30561 4.05614 8.30561 4.70588C8.30561 5.35563 8.83233 5.88235 9.48208 5.88235Z",fill:"currentColor"})],-1),n.createElementVNode("defs",null,[n.createElementVNode("clipPath",{id:"clip0_3298_793"},[n.createElementVNode("rect",{width:"20",height:"20",fill:"white",transform:"translate(0.0703125)"})])],-1)];function Ue(e,t,a,r,o,y){return n.openBlock(),n.createElementBlock("svg",Xe,Ye)}const Oe=b(Ae,[["render",Ue]]),Je=n.defineComponent({name:"FusionTextLink",components:{SVGInformationIcon:Oe},props:{theme:{type:String,default:"fused"},id:{type:String,required:!0},label:{type:String,required:!0},href:{type:String,required:!0},variantType:{type:String,required:!1,default:"primary"},size:{type:String,required:!1,default:"regular"},tabIndex:{type:String,default:""},disabled:{type:Boolean,default:!1},showIcon:{type:Boolean,default:!1},iconPlacement:{type:String,required:!1,default:"right"}},emits:["input:focus","input:blur"],data:function(){return{styleVariables:{},interactionStates:{focused:!1,hover:!1}}},computed:{styleStates(){return{focused:this.interactionStates.focused,hover:this.interactionStates.hover,disabled:this.disabled,theme:this.theme,variantType:this.variantType,size:this.size,showIcon:this.showIcon,iconPlacement:this.iconPlacement}}},watch:{styleStates:{handler(e){this.loadStyleVariables(e)},deep:!0,immediate:!0}},methods:{loadStyleVariables:function(e){this.styleVariables=Ze(this.theme,e)},handleFocus:function(){this.interactionStates.focused=!0,this.$emit("input:focus")},handleBlur:function(){this.interactionStates.focused=!1,this.$emit("input:blur")},handleMouseover:function(){this.interactionStates.hover=!0},handleMouseleave:function(){this.interactionStates.hover=!1}}}),mt="",Qe=["id","href"],et={key:0,class:"fusion-text-link icon"};function tt(e,t,a,r,o,y){const l=n.resolveComponent("SVGInformationIcon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(e.disabled?"cursor-not-allowed":"cursor-pointer")},[n.createElementVNode("a",{id:e.id,href:e.href,class:n.normalizeClass(["inline-flex items-center fusion-text-link",{disabled:e.disabled}]),style:n.normalizeStyle(e.styleVariables),onBlur:t[0]||(t[0]=(...i)=>e.handleBlur&&e.handleBlur(...i)),onFocus:t[1]||(t[1]=(...i)=>e.handleFocus&&e.handleFocus(...i)),onMouseover:t[2]||(t[2]=(...i)=>e.handleMouseover&&e.handleMouseover(...i)),onMouseleave:t[3]||(t[3]=(...i)=>e.handleMouseleave&&e.handleMouseleave(...i))},[n.createTextVNode(n.toDisplayString(e.label)+" ",1),e.showIcon?(n.openBlock(),n.createElementBlock("div",et,[n.createVNode(l)])):n.createCommentVNode("",!0)],46,Qe)],2)}return{FusionButton:te,FusionTextarea:me,FusionCheckbox:He,FusionRadio:Ge,FusionTextLink:b(Je,[["render",tt],["__scopeId","data-v-4c6bd4bb"]])}});