@alto-avios/alto-ui 1.0.2 → 1.1.0-alpha.0

package/README.md

@@ -2,6 +2,92 @@
 
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/IAG-Loyalty/alto-ui/blob/main/LICENSE)
 
+[Zeroheight Documentation](https://zeroheight.com/8d62898ee/p/69c136-how-to-use-components)
+
+## Install Package
+
+Install the Avios Alto Component Library package 
+
+`npm install @alto-avios/alto-ui`
+
+## Install Design Tokens
+
+Add the following scripts to your `package.json`
+
+```json
+"scripts": {
+    ... ,
+    "build-tokens": "npx tsx ./node_modules/@alto-avios/alto-tokens/config.ts",
+    "clean-tokens": "rm -rf alto-tokens"
+},
+```
+
+Build your generated tokens using the following command
+
+`npm run build-tokens`
+
+Your newly generated tokens can be found in a folder named: `~/alto-tokens`
+
+Place the design token package into your `src` directory.
+
+## Import Fonts
+
+Download the font assets from this repository: https://github.com/va1-a/dali-fonts and add them to your project.
+
+## Importing Alto Components
+
+After following the installation process, you can import and use Alto-UI components in your React application. Here is an example of how to do it.
+
+```jsx
+import React from 'react';
+import { Button } from '@alto-avios/alto-ui';
+
+const App = () => (
+  <div>
+    <Button>Click Me!</Button>
+  </div>
+);
+
+export default App;
+```
+
+## Update
+
+Check if an update exists:
+
+`npm outdated`
+
+If an update is available, update the package:
+
+`npm i @alto-avios/alto-ui@latest`
+
+## Dependencies
+
+### Node
+
+Make sure to use Node -v `20.11.1`.
+
+Follow these steps to verify and install the required Node.js version for this project:
+Open your terminal.
+
+Check the current version of Node.js installed on your system by running the following command:
+
+`node -v`
+​
+Check the output. If it is not version `20.11.1`, you will need to install this version.
+
+If you don't have a Node version manager, install one. We recommend using NVM (Node Version Manager).
+
+Install Node.js version 20.11.1 using your version manager. If you're using NVM, the command is:
+
+`nvm install 20.11.1`
+​
+Once the installation is complete, verify the installation by checking the Node.js version again:
+
+`node -v`
+​
+The output should now be 20.11.1. You can now proceed with the project setup.
+
 ## License
 
 This project is licensed under the terms of the

package/dist/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),o=require("react-aria-components"),a=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e),l=t(a);const s="/Users/iancaldwell/Sites/dali/dali-ui/src/components/Icon/Icon.tsx",i=({iconName:e,iconPrefix:o="fas",size:a,flip:t,fixedWidth:l,listItem:i,border:d,rotation:n,pull:c,spin:m,...b})=>{const f=[o,`fa-${e}`,a?`fa-${a}`:"",t?`fa-flip-${t}`:"",l?"fa-fw":"",i?"fa-li":"",d?"fa-border":"",n?`fa-rotate-${n}`:"",c?`fa-pull-${c}`:"",m?"fa-spin":""].filter(Boolean).join(" ");return r.default.createElement("span",{__self:void 0,__source:{fileName:s,lineNumber:91}},r.default.createElement("i",{className:f,...b,__self:void 0,__source:{fileName:s,lineNumber:92}}))},d=l.default(o.Button)`
+"use strict";var e=require("react"),a=require("react-aria-components"),o=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e),l=t(o);const s=({iconName:e,iconPrefix:a="fas",size:o,flip:t,fixedWidth:l,listItem:s,border:i,rotation:d,pull:n,spin:c,...m})=>{const b=[a,`fa-${e}`,o?`fa-${o}`:"",t?`fa-flip-${t}`:"",l?"fa-fw":"",s?"fa-li":"",i?"fa-border":"",d?`fa-rotate-${d}`:"",n?`fa-pull-${n}`:"",c?"fa-spin":""].filter(Boolean).join(" ");return r.default.createElement("span",null,r.default.createElement("i",{className:b,...m}))},i=l.default(a.Button)`
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -20,17 +20,17 @@
   /*
   * SIZE
   */
-  ${e=>"sm"===e.$size&&a.css`
+  ${e=>"sm"===e.$size&&o.css`
     min-height: 34px;
     padding: var(--alto-sem-space-2xs) var(--alto-sem-space-sm);
   `}
 
-  ${e=>"md"===e.$size&&a.css`
+  ${e=>"md"===e.$size&&o.css`
     min-height: 48px;
     padding: var(--alto-sem-space-xs) var(--alto-sem-space-md);
   `}
 
-  ${e=>"lg"===e.$size&&a.css`
+  ${e=>"lg"===e.$size&&o.css`
     min-height: 55px;
     padding: var(--alto-sem-space-sm) var(--alto-sem-space-lg);
   `}
@@ -39,7 +39,7 @@
   * EMPHASIS
   * Style: accent
   */
-  ${e=>"accent"===e.$styleType&&"primary"===e.$emphasis&&a.css`
+  ${e=>"accent"===e.$styleType&&"primary"===e.$emphasis&&o.css`
     &[data-hovered],
     &[data-focused] {
       background: var(--alto-sem-color-bg-accent-vibrant-hover);
@@ -64,7 +64,7 @@
     }
   `}
 
-  ${e=>"accent"===e.$styleType&&"secondary"===e.$emphasis&&a.css`
+  ${e=>"accent"===e.$styleType&&"secondary"===e.$emphasis&&o.css`
     color: var(--alto-sem-color-fg-accent-primary);
     background: var(--alto-sem-color-bg-layer2-default);
     border: var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);
@@ -96,7 +96,7 @@
     }
   `}
 
-  ${e=>"accent"===e.$styleType&&"tertiary"===e.$emphasis&&a.css`
+  ${e=>"accent"===e.$styleType&&"tertiary"===e.$emphasis&&o.css`
     color: var(--alto-sem-color-fg-accent-primary);
     background: var(--alto-sem-color-bg-accent-subtle-default);
 
@@ -125,7 +125,7 @@
     }
   `}
 
-  ${e=>"accent"===e.$styleType&&"quaternary"===e.$emphasis&&a.css`
+  ${e=>"accent"===e.$styleType&&"quaternary"===e.$emphasis&&o.css`
     background: none;
     color: var(--alto-sem-color-fg-accent-primary);
 
@@ -157,7 +157,7 @@
   * EMPHASIS
   * Style: critical
   */
-  ${e=>"critical"===e.$styleType&&"primary"===e.$emphasis&&a.css`
+  ${e=>"critical"===e.$styleType&&"primary"===e.$emphasis&&o.css`
     color: var(--alto-sem-color-fg-critical-on-vibrant);
     background: var(--alto-sem-color-bg-critical-vibrant-default);
 
@@ -185,7 +185,7 @@
     }
   `}
 
-  ${e=>"critical"===e.$styleType&&"secondary"===e.$emphasis&&a.css`
+  ${e=>"critical"===e.$styleType&&"secondary"===e.$emphasis&&o.css`
       color: var(--alto-sem-color-fg-critical-primary);
       background: var(--alto-sem-color-bg-layer2-default);
       border: var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);
@@ -216,7 +216,7 @@
       }
   `}
 
-  ${e=>"critical"===e.$styleType&&"tertiary"===e.$emphasis&&a.css`
+  ${e=>"critical"===e.$styleType&&"tertiary"===e.$emphasis&&o.css`
       color: var(--alto-sem-color-fg-critical-primary);
       background: var(--alto-sem-color-bg-critical-subtle-default);
 
@@ -245,7 +245,7 @@
       }
   `}
 
-  ${e=>"critical"===e.$styleType&&"quaternary"===e.$emphasis&&a.css`
+  ${e=>"critical"===e.$styleType&&"quaternary"===e.$emphasis&&o.css`
       background: none;
       color: var(--alto-sem-color-fg-critical-primary);
 
@@ -277,7 +277,7 @@
   * EMPHASIS
   * Style: neutral
   */
-  ${e=>"neutral"===e.$styleType&&"primary"===e.$emphasis&&a.css`
+  ${e=>"neutral"===e.$styleType&&"primary"===e.$emphasis&&o.css`
     background: var(--alto-sem-color-bg-inverse-vibrant-default);
     color: var(--alto-sem-color-fg-inverse-on-vibrant);
 
@@ -305,7 +305,7 @@
     }
   `}
 
-  ${e=>"neutral"===e.$styleType&&"secondary"===e.$emphasis&&a.css`
+  ${e=>"neutral"===e.$styleType&&"secondary"===e.$emphasis&&o.css`
       color: var(--alto-sem-color-fg-inverse-on-subtle);
       background: none;
       border: var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);
@@ -334,7 +334,7 @@
       }
   `}
 
-  ${e=>"neutral"===e.$styleType&&"tertiary"===e.$emphasis&&a.css`
+  ${e=>"neutral"===e.$styleType&&"tertiary"===e.$emphasis&&o.css`
       color: var(--alto-sem-color-fg-primary);
       background: var(--alto-sem-color-bg-inverse-subtle-default);
 
@@ -363,7 +363,7 @@
       }
   `}
 
-  ${e=>"neutral"===e.$styleType&&"quaternary"===e.$emphasis&&a.css`
+  ${e=>"neutral"===e.$styleType&&"quaternary"===e.$emphasis&&o.css`
       background: none;
       color: var(--alto-sem-color-fg-primary);
 
@@ -396,7 +396,7 @@
   * EMPHASIS
   * Style: white
   */
-    ${e=>"white"===e.$styleType&&"primary"===e.$emphasis&&a.css`
+    ${e=>"white"===e.$styleType&&"primary"===e.$emphasis&&o.css`
     color: var(--alto-sem-color-fg-white-on-vibrant);
     background: var(--alto-sem-color-bg-white-vibrant-default);
 
@@ -425,7 +425,7 @@
     }
   `}
 
-  ${e=>"white"===e.$styleType&&"secondary"===e.$emphasis&&a.css`
+  ${e=>"white"===e.$styleType&&"secondary"===e.$emphasis&&o.css`
       color: var(--alto-sem-color-fg-white-on-subtle);
       background: none;
       border: var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);
@@ -454,7 +454,7 @@
         color: rgba(255, 255, 255, 0.32);
   `}
 
-  ${e=>"white"===e.$styleType&&"tertiary"===e.$emphasis&&a.css`
+  ${e=>"white"===e.$styleType&&"tertiary"===e.$emphasis&&o.css`
       color: var(--alto-sem-color-fg-white-on-subtle);
       background: var(--alto-sem-color-bg-white-subtle-default);
 
@@ -483,7 +483,7 @@
       }
   `}
 
-  ${e=>"white"===e.$styleType&&"quaternary"===e.$emphasis&&a.css`
+  ${e=>"white"===e.$styleType&&"quaternary"===e.$emphasis&&o.css`
       background: none;
       color: var(--alto-sem-color-fg-white-primary);
 
@@ -511,7 +511,7 @@
         background: none;
       }
   `}
-`,n="/Users/iancaldwell/Sites/dali/dali-ui/src/components/Button/Button.tsx",c=({buttonLabel:e,$styleType:o="accent",$emphasis:a="primary",$size:t="md",form:l,formAction:s,formEncType:c,formMethod:m,formNoValidate:b,formTarget:f,name:u,value:v,isDisabled:g,autoFocus:p,type:h,onClick:y,hasLeadingIcon:x,leadingIconName:_,hasTrailingIcon:w,trailingIconName:k,...N})=>r.default.createElement(d,{form:l,formAction:s,formEncType:c,formMethod:m,formNoValidate:b,formTarget:f,name:u,value:v,isDisabled:g,autoFocus:p,type:h,$size:t,$emphasis:a,$styleType:o,onPress:y,...N,__self:void 0,__source:{fileName:n,lineNumber:124}},x&&_?r.default.createElement(i,{iconName:_||"",__self:void 0,__source:{fileName:n,lineNumber:143}}):null,e,w&&k?r.default.createElement(i,{iconName:k||"",__self:void 0,__source:{fileName:n,lineNumber:147}}):null),m=l.default(o.Checkbox)`
+`,d=({buttonLabel:e,$styleType:a="accent",$emphasis:o="primary",$size:t="md",form:l,formAction:d,formEncType:n,formMethod:c,formNoValidate:m,formTarget:b,name:v,value:g,isDisabled:f,autoFocus:u,type:p,onClick:h,hasLeadingIcon:y,leadingIconName:x,hasTrailingIcon:k,trailingIconName:w,...$})=>r.default.createElement(i,{form:l,formAction:d,formEncType:n,formMethod:c,formNoValidate:m,formTarget:b,name:v,value:g,isDisabled:f,autoFocus:u,type:p,$size:t,$emphasis:o,$styleType:a,onPress:h,...$},y&&x?r.default.createElement(s,{iconName:x||""}):null,e,k&&w?r.default.createElement(s,{iconName:w||""}):null),n=l.default(a.Checkbox)`
   display: flex;
   align-items: center;
   gap: 0.571rem;
@@ -655,7 +655,7 @@
   &[data-disabled] {
     cursor: default;
   }
-`,b="/Users/iancaldwell/Sites/dali/dali-ui/src/components/Checkbox/Checkbox.tsx",f=l.default(o.CheckboxGroup)`
+`,c=l.default(a.CheckboxGroup)`
   display: flex;
   flex-direction: column;
   gap: 0.571rem;
@@ -669,7 +669,7 @@
   [slot=description] {
     font-size: var(--alto-sem-text-body-xs-font-size);
   }
-`,u="/Users/iancaldwell/Sites/dali/dali-ui/src/components/CheckboxGroup/CheckboxGroup.tsx",v=l.default(o.Text)`
+`,m=l.default(a.Text)`
   padding-bottom: var(--alto-sem-space-3xs);
   color: var(--alto-sem-color-fg-secondary);
   font-size: var(--alto-sem-text-body-sm-font-size);
@@ -678,7 +678,7 @@
   font-weight: var(--alto-sem-text-body-regular-font-weight);
   line-height: var(--alto-sem-text-body-sm-line-height);
   letter-spacing: var(--alto-sem-text-body-sm-letter-spacing);
-`,g=({children:e,...o})=>r.default.createElement(v,{slot:"description",...o,__self:void 0,__source:{fileName:"/Users/iancaldwell/Sites/dali/dali-ui/src/components/FieldDescription/FieldDescription.tsx",lineNumber:9}},e),p=l.default(o.FieldError)`
+`,b=({children:e,...a})=>r.default.createElement(m,{slot:"description",...a},e),v=l.default(a.FieldError)`
   display: flex;
   align-items: center;
   gap: var(--alto-sem-space-3xs);
@@ -689,7 +689,7 @@
   font-size: var(--alto-sem-text-body-sm-font-size);
   line-height: var(--alto-sem-text-body-sm-line-height);
   letter-spacing: var(--alto-sem-text-body-sm-letter-spacing);
-`,h="/Users/iancaldwell/Sites/dali/dali-ui/src/components/FieldError/FieldError.tsx",y=({children:e,...o})=>e?r.default.createElement(p,{...o,__self:void 0,__source:{fileName:h,lineNumber:22}},r.default.createElement(i,{iconName:"triangle-exclamation",__self:void 0,__source:{fileName:h,lineNumber:23}}),e):null,x=l.default.div`
+`,g=({children:e,...a})=>e?r.default.createElement(v,{...a},r.default.createElement(s,{iconName:"triangle-exclamation"}),e):null,f=l.default.div`
   display: flex;
   flex-direction: column;
   color: var(--alto-sem-color-fg-primary);
@@ -713,7 +713,7 @@
     display: flex;
     flex-wrap: wrap;
   }
-`,_=l.default(o.Label)`
+`,u=l.default(a.Label)`
   padding-bottom: var(--alto-sem-space-3xs);
   gap: var(--alto-sem-space-3xs);
   color: var(--alto-sem-color-fg-primary);
@@ -723,24 +723,24 @@
   font-weight: var(--alto-sem-text-body-regular-font-weight);
   line-height: var(--alto-sem-text-body-md-line-height);
   letter-spacing: var(--alto-sem-text-body-md-letter-spacing);
-`,w=({children:e,required:o,...a})=>r.default.createElement(_,{...a,__self:void 0,__source:{fileName:"/Users/iancaldwell/Sites/dali/dali-ui/src/components/FieldLabel/FieldLabel.tsx",lineNumber:18}},e),k="/Users/iancaldwell/Sites/dali/dali-ui/src/components/FieldHeader/FieldHeader.tsx",N=({label:e,description:o,isInvalid:a,isRequired:t,errorMessage:l})=>r.default.createElement(x,{"data-invalid":a,__self:void 0,__source:{fileName:k,lineNumber:41}},r.default.createElement("div",{className:"label-container",__self:void 0,__source:{fileName:k,lineNumber:42}},e&&r.default.createElement(w,{required:!!t||void 0,__self:void 0,__source:{fileName:k,lineNumber:43}},e),!t&&r.default.createElement("span",{__self:void 0,__source:{fileName:k,lineNumber:44}},"Optional")),o&&r.default.createElement(g,{__self:void 0,__source:{fileName:k,lineNumber:46}},o),r.default.createElement(y,{__self:void 0,__source:{fileName:k,lineNumber:47}},l)),$=l.default(d)`
+`,p=({children:e,required:a,...o})=>r.default.createElement(u,{...o},e),h=({label:e,description:a,isInvalid:o,isRequired:t,errorMessage:l})=>r.default.createElement(f,{"data-invalid":o},r.default.createElement("div",{className:"label-container"},e&&r.default.createElement(p,{required:!!t||void 0},e),!t&&r.default.createElement("span",null,"Optional")),a&&r.default.createElement(b,null,a),r.default.createElement(g,null,l)),y=l.default(i)`
   padding: 0px;
 
   /*
   * SIZE
   */
-  ${e=>"sm"===e.$size&&a.css`
+  ${e=>"sm"===e.$size&&o.css`
     min-width: 36px;
   `}
 
-  ${e=>"md"===e.$size&&a.css`
+  ${e=>"md"===e.$size&&o.css`
     min-width: 48px;
   `}
 
-  ${e=>"lg"===e.$size&&a.css`
+  ${e=>"lg"===e.$size&&o.css`
     min-width: 55px;
   `}
-`,z="/Users/iancaldwell/Sites/dali/dali-ui/src/components/IconButton/IconButton.tsx",E=({$styleType:e="accent",$emphasis:o="primary",$size:a="md",onClick:t,form:l,formAction:s,formEncType:d,formMethod:n,formNoValidate:c,formTarget:m,name:b,value:f,isDisabled:u,autoFocus:v,type:g,slot:p,iconName:h,size:y})=>r.default.createElement($,{$size:a,$emphasis:o,$styleType:e,onPress:t,form:l,formAction:s,formEncType:d,formMethod:n,formNoValidate:c,formTarget:m,name:b,value:f,isDisabled:u,autoFocus:v,type:g,slot:p,__self:void 0,__source:{fileName:z,lineNumber:44}},r.default.createElement(i,{iconName:h,size:y,__self:void 0,__source:{fileName:z,lineNumber:62}})),T=l.default(o.Tag)`
+`,x=({$styleType:e="accent",$emphasis:a="primary",$size:o="md",onClick:t,form:l,formAction:i,formEncType:d,formMethod:n,formNoValidate:c,formTarget:m,name:b,value:v,isDisabled:g,autoFocus:f,type:u,slot:p,iconName:h,size:x})=>r.default.createElement(y,{$size:o,$emphasis:a,$styleType:e,onPress:t,form:l,formAction:i,formEncType:d,formMethod:n,formNoValidate:c,formTarget:m,name:b,value:v,isDisabled:g,autoFocus:f,type:u,slot:p},r.default.createElement(s,{iconName:h,size:x})),k=l.default(a.Tag)`
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -757,12 +757,12 @@
   line-height: var(--alto-sem-text-body-md-line-height);
   letter-spacing: var(--alto-sem-text-body-md-letter-spacing);
 
-  ${e=>"md"===e.size&&a.css`
+  ${e=>"md"===e.size&&o.css`
     padding: var(--alto-sem-space-2xs) var(--alto-sem-space-xs);
     gap: var(--alto-sem-space-2xs);
   `}
 
-  ${e=>"sm"===e.size&&a.css`
+  ${e=>"sm"===e.size&&o.css`
     padding: var(--alto-sem-space-4xs) var(--alto-sem-space-2xs);
     gap: var(--alto-sem-space-4xs);
     border-radius: var(--alto-sem-radius-3xs);
@@ -771,30 +771,30 @@
     letter-spacing: var(--alto-sem-text-body-xs-letter-spacing);
   `}
 
-  ${e=>"criticalSubtle"===e.variant&&a.css`
+  ${e=>"criticalSubtle"===e.variant&&o.css`
     background: var(--alto-sem-color-bg-critical-subtle-default);
   `}
 
-  ${e=>"warningSubtle"===e.variant&&a.css`
+  ${e=>"warningSubtle"===e.variant&&o.css`
     background: var(--alto-sem-color-bg-warning-subtle-default);
   `}
 
-  ${e=>"cautionSubtle"===e.variant&&a.css`
+  ${e=>"cautionSubtle"===e.variant&&o.css`
     background: var(--alto-sem-color-bg-caution-subtle-default)
   `}
 
-  ${e=>"successSubtle"===e.variant&&a.css`
+  ${e=>"successSubtle"===e.variant&&o.css`
     background: var(--alto-sem-color-bg-success-subtle-default)
   `}
 
-  ${e=>"infoSubtle"===e.variant&&a.css`
+  ${e=>"infoSubtle"===e.variant&&o.css`
     background: var(--alto-sem-color-bg-information-subtle-default)
   `}
 
-  ${e=>"brandSubtle"===e.variant&&a.css`
+  ${e=>"brandSubtle"===e.variant&&o.css`
     background: var(--alto-sem-color-bg-accent-subtle-default)
   `}
-`,S="/Users/iancaldwell/Sites/dali/dali-ui/src/components/InfoTag/InfoTag.tsx";function I(e){let o,a=e[0],t=1;for(;t<e.length;){const r=e[t],l=e[t+1];if(t+=2,("optionalAccess"===r||"optionalCall"===r)&&null==a)return;"access"===r||"optionalAccess"===r?(o=a,a=l(a)):"call"!==r&&"optionalCall"!==r||(a=l(((...e)=>a.call(o,...e))),o=void 0)}return a}const F=l.default(o.TagGroup)`
+`;function w(e){let a,o=e[0],t=1;for(;t<e.length;){const r=e[t],l=e[t+1];if(t+=2,("optionalAccess"===r||"optionalCall"===r)&&null==o)return;"access"===r||"optionalAccess"===r?(a=o,o=l(o)):"call"!==r&&"optionalCall"!==r||(o=l(((...e)=>o.call(a,...e))),a=void 0)}return o}const $=l.default(a.TagGroup)`
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -838,7 +838,7 @@
   div {
     margin: var(--alto-sem-space-3xs);
   }
-`,D="/Users/iancaldwell/Sites/dali/dali-ui/src/components/InfoTagGroup/InfoTagGroup.tsx",L=l.default(o.Link)`
+`,z=l.default(a.Link)`
   color: var(--alto-sem-color-fg-accent-primary);
   font-family: var(--alto-sem-text-body-font-family);
   font-style: normal;
@@ -848,25 +848,25 @@
   /*
   * SIZE
   */
-  ${e=>"xs"===e.$size&&a.css`
+  ${e=>"xs"===e.$size&&o.css`
     font-size: var(--alto-sem-text-body-xs-font-size);
     line-height: var(--alto-sem-text-body-xs-line-height);
     letter-spacing: var(--alto-sem-text-body-xs-letter-spacing);
   `}
 
-  ${e=>"sm"===e.$size&&a.css`
+  ${e=>"sm"===e.$size&&o.css`
     font-size: var(--alto-sem-text-body-sm-font-size);
     line-height: var(--alto-sem-text-body-sm-line-height);
     letter-spacing: var(--alto-sem-text-body-sm-letter-spacing);
   `}
 
-  ${e=>"md"===e.$size&&a.css`
+  ${e=>"md"===e.$size&&o.css`
     font-size: var(--alto-sem-text-body-md-font-size);
     line-height: var(--alto-sem-text-body-md-line-height);
     letter-spacing: var(--alto-sem-text-body-md-letter-spacing);
   `}
 
-  ${e=>"lg"===e.$size&&a.css`
+  ${e=>"lg"===e.$size&&o.css`
     font-size: var(--alto-sem-text-body-lg-font-size);
     line-height: var(--alto-sem-text-body-lg-line-height);
     letter-spacing: var(--alto-sem-text-body-lg-letter-spacing);
@@ -877,7 +877,7 @@
     color: var(--alto-sem-color-fg-accent-secondary);
   }
 
-  ${e=>!1===e.$underline&&a.css`
+  ${e=>!1===e.$underline&&o.css`
     &[data-hovered],
     &[data-focused] {
       text-decoration: underline;
@@ -892,7 +892,7 @@
     }
   `}
 
-  ${e=>!0===e.$underline&&a.css`
+  ${e=>!0===e.$underline&&o.css`
     &[data-hovered],
     &[data-focused] {
       text-decoration: none;
@@ -924,13 +924,13 @@
     padding-left: 8px;
   }
 
-  ${e=>!1===e.$iconEnd&&a.css`
+  ${e=>!1===e.$iconEnd&&o.css`
     & svg {
       display: none;
     }
   `}
-`,B="/Users/iancaldwell/Sites/dali/dali-ui/src/components/Link/Link.tsx",A=l.default(o.ProgressBar)`
-`,O="/Users/iancaldwell/Sites/dali/dali-ui/src/components/LoadingSpinner/LoadingSpinner.tsx",U=l.default(o.Radio)`
+`,E=l.default(a.ProgressBar)`
+`,T=l.default(a.Radio)`
     display: flex;
     align-items: center;
     gap: 0.571rem;
@@ -1072,7 +1072,7 @@
         }
       }
     }
-`,C=l.default(o.RadioGroup)`
+`,S=l.default(a.RadioGroup)`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -1114,7 +1114,7 @@
     flex-direction: row;
     align-items: center;
   }
-`,M="/Users/iancaldwell/Sites/dali/dali-ui/src/components/RadioGroup/RadioGroup.tsx",R=l.default(o.Tag)`
+`,I=l.default(a.Tag)`
   display: inline-flex;
   min-height: 2.125rem;
   padding: 0rem var(--alto-sem-space-xs);
@@ -1132,7 +1132,7 @@
   letter-spacing: var(--alto-sem-text-body-sm-letter-spacing);
   cursor: pointer;
 
-  ${e=>!0===e.isRemovable&&a.css`
+  ${e=>!0===e.isRemovable&&o.css`
     padding-right: 0rem;
   `}
 
@@ -1216,9 +1216,9 @@
     text-decoration: none;
     cursor: pointer;
   }
-`,G=l.default.span`
+`,D=l.default.span`
   padding-right: 14px;
-`,P="/Users/iancaldwell/Sites/dali/dali-ui/src/components/SelectTag/SelectTag.tsx";function j(e){let o,a=e[0],t=1;for(;t<e.length;){const r=e[t],l=e[t+1];if(t+=2,("optionalAccess"===r||"optionalCall"===r)&&null==a)return;"access"===r||"optionalAccess"===r?(o=a,a=l(a)):"call"!==r&&"optionalCall"!==r||(a=l(((...e)=>a.call(o,...e))),o=void 0)}return a}const q=l.default(o.TagGroup)`
+`;function N(e){let a,o=e[0],t=1;for(;t<e.length;){const r=e[t],l=e[t+1];if(t+=2,("optionalAccess"===r||"optionalCall"===r)&&null==o)return;"access"===r||"optionalAccess"===r?(a=o,o=l(o)):"call"!==r&&"optionalCall"!==r||(o=l(((...e)=>o.call(a,...e))),a=void 0)}return o}const L=l.default(a.TagGroup)`
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -1272,11 +1272,11 @@
     margin-right: 0px;
     margin-left: 0px;
   }
-`,V=l.default.span`
+`,F=l.default.span`
   display: flex;
   justify-content: space-between;
   align-items: baseline;
-`,H="/Users/iancaldwell/Sites/dali/dali-ui/src/components/SelectTagGroup/SelectTagGroup.tsx",Z=l.default(o.TextField)`
+`,A=l.default(a.TextField)`
   display: flex;
   flex-direction: column;
   color: var(--alto-sem-color-fg-primary);
@@ -1312,7 +1312,7 @@
       border: 1px solid var(--alto-sem-color-border-primary-active);
     }
 
-    ${e=>e.isDisabled&&a.css`
+    ${e=>e.isDisabled&&o.css`
       border: 1px solid var(--alto-sem-color-border-disabled-subtle);
       background: var(--alto-sem-color-bg-disabled-subtle);
       color: var(--alto-sem-color-fg-disabled-on-subtle);
@@ -1362,7 +1362,7 @@
     line-height: var(--alto-sem-text-body-sm-line-height);
     letter-spacing: var(--alto-sem-text-body-sm-letter-spacing);
   }
-`,Y="/Users/iancaldwell/Sites/dali/dali-ui/src/components/TextField/TextField.tsx",X=l.default(o.ToggleButton)`
+`,O=l.default(a.ToggleButton)`
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -1380,19 +1380,19 @@
   /*
   * SIZE
   */
-  ${e=>"sm"===e.$size&&a.css`
+  ${e=>"sm"===e.$size&&o.css`
     min-height: 36px;
     padding: var(--alto-sem-space-xs) var(--alto-sem-space-sm);
     font-size: var(--alto-sem-text-label-md-font-size);
   `}
 
-  ${e=>"md"===e.$size&&a.css`
+  ${e=>"md"===e.$size&&o.css`
     min-height: 48px;
     padding: var(--alto-sem-space-xs) var(--alto-sem-space-md);
     font-size: var(--alto-sem-text-label-md-font-size);
   `}
 
-  ${e=>"lg"===e.$size&&a.css`
+  ${e=>"lg"===e.$size&&o.css`
     min-height: 55px;
     padding: var(--alto-sem-space-sm) var(--alto-sem-space-lg);
     font-size: var(--alto-sem-text-label-lg-font-size);
@@ -1449,27 +1449,27 @@
       cursor: none;
     }
   }
-`,W=l.default(X)`
+`,B=l.default(O)`
   padding: 0px;
 
   /*
   * SIZE
   */
-  ${e=>"sm"===e.$size&&a.css`
+  ${e=>"sm"===e.$size&&o.css`
     min-height: 36px;
     min-width: 36px;
   `}
 
-  ${e=>"md"===e.$size&&a.css`
+  ${e=>"md"===e.$size&&o.css`
     min-height: 48px;
     min-width: 48px
   `}
 
-  ${e=>"lg"===e.$size&&a.css`
+  ${e=>"lg"===e.$size&&o.css`
     min-height: 55px;
     min-width: 55px;
   `}
-`,J="/Users/iancaldwell/Sites/dali/dali-ui/src/components/ToggleIconButton/ToggleIconButton.tsx",K=l.default(o.Tooltip)`
+`,C=l.default(a.Tooltip)`
   box-shadow: 0 8px 20px rgba(0 0 0 / 0.1);
   border-radius: 4px;
   background: var(--alto-sem-color-bg-inverse-vibrant-default);
@@ -1542,5 +1542,5 @@
       opacity: 1;
     }
   }
-`,Q="/Users/iancaldwell/Sites/dali/dali-ui/src/components/Tooltip/Tooltip.tsx";exports.Button=c,exports.Checkbox=({checkboxLabel:e,isIndeterminate:o,defaultSelected:a,isSelected:t,value:l,isDisabled:s,isReadOnly:i,isRequired:d,isInvalid:n,validate:c,autoFocus:f,name:u,validationBehavior:v="native"})=>r.default.createElement(m,{isIndeterminate:o,defaultSelected:a,isSelected:t,value:l,isDisabled:s,isReadOnly:i,isRequired:d,isInvalid:n,validate:c,autoFocus:f,name:u,validationBehavior:v,__self:void 0,__source:{fileName:b,lineNumber:55}},(({isIndeterminate:o})=>r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{className:"checkbox",__self:void 0,__source:{fileName:b,lineNumber:71}},r.default.createElement("svg",{viewBox:"0 0 18 18","aria-hidden":"true",__self:void 0,__source:{fileName:b,lineNumber:72}},o?r.default.createElement("rect",{x:1,y:7.5,width:15,height:3,__self:void 0,__source:{fileName:b,lineNumber:74}}):r.default.createElement("polyline",{points:"1 9 7 14 15 4",__self:void 0,__source:{fileName:b,lineNumber:76}}))),e))),exports.CheckboxGroup=({fieldLabel:e,children:a,description:t,errorMessage:l,isDisabled:s,isInvalid:i})=>r.default.createElement(f,{isDisabled:s,isInvalid:i,__self:void 0,__source:{fileName:u,lineNumber:44}},e,a,t&&r.default.createElement(o.Text,{slot:"description",__self:void 0,__source:{fileName:u,lineNumber:50}},t),r.default.createElement(o.FieldError,{__self:void 0,__source:{fileName:u,lineNumber:51}},l)),exports.FieldDescription=g,exports.FieldError=y,exports.FieldHeader=N,exports.FieldLabel=w,exports.Icon=i,exports.IconButton=E,exports.InfoTag=({children:e,id:o,isDisabled:a,size:t="md",hasLeadingIcon:l,leadingIconName:s="circle",hasTrailingIcon:d,trailingIconName:n="circle",variant:c="neutralSubtle",...m})=>{let b="string"==typeof e?e:void 0;return r.default.createElement(T,{isDisabled:a,id:I([o,"optionalAccess",e=>e.toString,"call",e=>e()]),textValue:b,size:t,variant:c,...m,__self:void 0,__source:{fileName:S,lineNumber:59}},l?r.default.createElement(i,{iconName:s||"",__self:void 0,__source:{fileName:S,lineNumber:68}}):null,e,d?r.default.createElement(i,{iconName:n||"",__self:void 0,__source:{fileName:S,lineNumber:72}}):null)},exports.InfoTagGroup=({groupLabel:e,groupDescription:a,groupError:t,items:l,children:s,renderEmptyState:d,...n})=>r.default.createElement(F,{...n,__self:void 0,__source:{fileName:D,lineNumber:32}},r.default.createElement(o.Label,{__self:void 0,__source:{fileName:D,lineNumber:35}},e),a&&r.default.createElement(o.Text,{slot:"description",__self:void 0,__source:{fileName:D,lineNumber:36}},a),t&&r.default.createElement(o.Text,{slot:"errorMessage",__self:void 0,__source:{fileName:D,lineNumber:38}},r.default.createElement(i,{iconName:"triangle-exclamation",size:"1x",__self:void 0,__source:{fileName:D,lineNumber:39}}),t),r.default.createElement(o.TagList,{items:l,renderEmptyState:d,__self:void 0,__source:{fileName:D,lineNumber:46}},s)),exports.Link=({$size:e="md",$iconEnd:o=!0,iconName:a,linkText:t,href:l,underline:s=!1,target:d="_self",rel:n,download:c=!1,isDisabled:m=!1,autoFocus:b=!1,ping:f})=>r.default.createElement(L,{$size:e,$iconEnd:o,$underline:s,href:l,target:d,rel:n,download:c,isDisabled:m,autoFocus:b,ping:f,__self:void 0,__source:{fileName:B,lineNumber:99}},t,r.default.createElement(i,{iconName:a,__self:void 0,__source:{fileName:B,lineNumber:112}})),exports.LoadingSpinner=({size:e="2x"})=>r.default.createElement(A,{__self:void 0,__source:{fileName:O,lineNumber:16}},r.default.createElement(i,{iconName:"spinner-third",iconPrefix:"fad",size:e,spin:!0,__self:void 0,__source:{fileName:O,lineNumber:17}})),exports.Radio=({value:e,children:o,isDisabled:a})=>r.default.createElement(U,{value:e,isDisabled:a,__self:void 0,__source:{fileName:"/Users/iancaldwell/Sites/dali/dali-ui/src/components/Radio/Radio.tsx",lineNumber:30}},o),exports.RadioGroup=({label:e,description:a,children:t,...l})=>r.default.createElement(C,{...l,__self:void 0,__source:{fileName:M,lineNumber:25}},r.default.createElement(o.Label,{__self:void 0,__source:{fileName:M,lineNumber:26}},e),t,a?r.default.createElement(o.Text,{slot:"description",__self:void 0,__source:{fileName:M,lineNumber:28}},a):null),exports.SelectTag=({children:e,id:o,hasLeadingIcon:a,leadingIconName:t="circle",isDisabled:l,isRemovable:s,...d})=>{let n="string"==typeof e?e:void 0;return r.default.createElement(R,{isDisabled:l,id:j([o,"optionalAccess",e=>e.toString,"call",e=>e()]),textValue:n,isRemovable:s,...d,__self:void 0,__source:{fileName:P,lineNumber:54}},a?r.default.createElement(G,{__self:void 0,__source:{fileName:P,lineNumber:62}},r.default.createElement(i,{iconName:t||"circle",__self:void 0,__source:{fileName:P,lineNumber:63}})):null,e,s&&r.default.createElement(E,{slot:"remove",$size:"sm",iconName:"xmark",iconSize:"xs",__self:void 0,__source:{fileName:P,lineNumber:68}}))},exports.SelectTagGroup=({groupLabel:e,groupLabelDescription:a,groupError:t,items:l,children:s,renderEmptyState:d,clearButton:n,clearButtonOnClick:m,...b})=>r.default.createElement(q,{...b,__self:void 0,__source:{fileName:H,lineNumber:37}},r.default.createElement(V,{__self:void 0,__source:{fileName:H,lineNumber:40}},r.default.createElement(o.Label,{__self:void 0,__source:{fileName:H,lineNumber:41}},e),n&&r.default.createElement(c,{$styleType:"white",buttonLabel:"Clear",$size:"sm",onClick:m,__self:void 0,__source:{fileName:H,lineNumber:42}})),a&&r.default.createElement(o.Text,{slot:"description",__self:void 0,__source:{fileName:H,lineNumber:44}},a),t&&r.default.createElement(o.Text,{slot:"errorMessage",__self:void 0,__source:{fileName:H,lineNumber:46}},r.default.createElement(i,{iconName:"triangle-exclamation",size:"1x",__self:void 0,__source:{fileName:H,lineNumber:47}}),t),r.default.createElement(o.TagList,{items:l,renderEmptyState:d,__self:void 0,__source:{fileName:H,lineNumber:54}},s)),exports.TextField=({label:e,description:a,defaultValue:t,errorMessage:l,isDisabled:s,isInvalid:i,...d})=>r.default.createElement(Z,{defaultValue:t,...d,isDisabled:s,isInvalid:i,__self:void 0,__source:{fileName:Y,lineNumber:45}},r.default.createElement(N,{label:e,description:a,errorMessage:l,__self:void 0,__source:{fileName:Y,lineNumber:46}}),r.default.createElement(o.Input,{__self:void 0,__source:{fileName:Y,lineNumber:47}})),exports.ToggleButton=({toggleButtonLabel:e,$size:o="md",isSelected:a,defaultSelected:t,isDisabled:l,autoFocus:s,type:i,onClick:d})=>r.default.createElement(X,{$size:o,isSelected:a,defaultSelected:t,isDisabled:l,autoFocus:s,type:i,onPress:d,__self:void 0,__source:{fileName:"/Users/iancaldwell/Sites/dali/dali-ui/src/components/ToggleButton/ToggleButton.tsx",lineNumber:60}},e),exports.ToggleIconButton=({iconName:e,$size:o="md",isSelected:a,defaultSelected:t,isDisabled:l,autoFocus:s,type:d,onClick:n})=>r.default.createElement(W,{$size:o,isSelected:a,defaultSelected:t,isDisabled:l,autoFocus:s,type:d,onPress:n,__self:void 0,__source:{fileName:J,lineNumber:36}},r.default.createElement(i,{iconName:e,__self:void 0,__source:{fileName:J,lineNumber:45}})),exports.Tooltip=({tooltipLabel:e,tooltipBody:a,placement:t="bottom",isDisabled:l=!1,delay:s=0,closeDelay:i,trigger:d,isOpenTooltipTrigger:n,defaultOpenTooltipTrigger:c,triggerRef:m,isEntering:b,isExiting:f,UNSTABLE_portalContainer:u,containerPadding:v,offset:g,crossOffset:p,shouldFlip:h,isOpenTooltip:y,defaultOpenTooltip:x,isOverlayArrow:_=!1})=>r.default.createElement(o.TooltipTrigger,{isDisabled:l,delay:s,closeDelay:i,trigger:d,isOpen:n,defaultOpen:c,__self:void 0,__source:{fileName:Q,lineNumber:116}},"function"==typeof e?e():e,r.default.createElement(K,{placement:t,defaultOpen:x,triggerRef:m,isEntering:b,isExiting:f,UNSTABLE_portalContainer:u,containerPadding:v,offset:g,crossOffset:p,shouldFlip:h,isOpen:y,__self:void 0,__source:{fileName:Q,lineNumber:125}},_?r.default.createElement(o.OverlayArrow,{__self:void 0,__source:{fileName:Q,lineNumber:139}},r.default.createElement("svg",{width:8,height:8,viewBox:"0 0 8 8",__self:void 0,__source:{fileName:Q,lineNumber:140}},r.default.createElement("path",{d:"M0 0 L4 4 L8 0",__self:void 0,__source:{fileName:Q,lineNumber:141}}))):null,"function"==typeof a?a():a));
+`;exports.Button=d,exports.Checkbox=({checkboxLabel:e,isIndeterminate:a,defaultSelected:o,isSelected:t,value:l,isDisabled:s,isReadOnly:i,isRequired:d,isInvalid:c,validate:m,autoFocus:b,name:v,validationBehavior:g="native"})=>r.default.createElement(n,{isIndeterminate:a,defaultSelected:o,isSelected:t,value:l,isDisabled:s,isReadOnly:i,isRequired:d,isInvalid:c,validate:m,autoFocus:b,name:v,validationBehavior:g},(({isIndeterminate:a})=>r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{className:"checkbox"},r.default.createElement("svg",{viewBox:"0 0 18 18","aria-hidden":"true"},a?r.default.createElement("rect",{x:1,y:7.5,width:15,height:3}):r.default.createElement("polyline",{points:"1 9 7 14 15 4"}))),e))),exports.CheckboxGroup=({fieldLabel:e,children:o,description:t,errorMessage:l,isDisabled:s,isInvalid:i})=>r.default.createElement(c,{isDisabled:s,isInvalid:i},e,o,t&&r.default.createElement(a.Text,{slot:"description"},t),r.default.createElement(a.FieldError,null,l)),exports.FieldDescription=b,exports.FieldError=g,exports.FieldHeader=h,exports.FieldLabel=p,exports.Icon=s,exports.IconButton=x,exports.InfoTag=({children:e,id:a,isDisabled:o,size:t="md",hasLeadingIcon:l,leadingIconName:i="circle",hasTrailingIcon:d,trailingIconName:n="circle",variant:c="neutralSubtle",...m})=>{let b="string"==typeof e?e:void 0;return r.default.createElement(k,{isDisabled:o,id:w([a,"optionalAccess",e=>e.toString,"call",e=>e()]),textValue:b,size:t,variant:c,...m},l?r.default.createElement(s,{iconName:i||""}):null,e,d?r.default.createElement(s,{iconName:n||""}):null)},exports.InfoTagGroup=({groupLabel:e,groupDescription:o,groupError:t,items:l,children:i,renderEmptyState:d,...n})=>r.default.createElement($,{...n},r.default.createElement(a.Label,null,e),o&&r.default.createElement(a.Text,{slot:"description"},o),t&&r.default.createElement(a.Text,{slot:"errorMessage"},r.default.createElement(s,{iconName:"triangle-exclamation",size:"1x"}),t),r.default.createElement(a.TagList,{items:l,renderEmptyState:d},i)),exports.Link=({$size:e="md",$iconEnd:a=!0,iconName:o,linkText:t,href:l,underline:i=!1,target:d="_self",rel:n,download:c=!1,isDisabled:m=!1,autoFocus:b=!1,ping:v})=>r.default.createElement(z,{$size:e,$iconEnd:a,$underline:i,href:l,target:d,rel:n,download:c,isDisabled:m,autoFocus:b,ping:v},t,r.default.createElement(s,{iconName:o})),exports.LoadingSpinner=({size:e="2x"})=>r.default.createElement(E,null,r.default.createElement(s,{iconName:"spinner-third",iconPrefix:"fad",size:e,spin:!0})),exports.Radio=({value:e,children:a,isDisabled:o})=>r.default.createElement(T,{value:e,isDisabled:o},a),exports.RadioGroup=({label:e,description:o,children:t,...l})=>r.default.createElement(S,{...l},r.default.createElement(a.Label,null,e),t,o?r.default.createElement(a.Text,{slot:"description"},o):null),exports.SelectTag=({children:e,id:a,hasLeadingIcon:o,leadingIconName:t="circle",isDisabled:l,isRemovable:i,...d})=>{let n="string"==typeof e?e:void 0;return r.default.createElement(I,{isDisabled:l,id:N([a,"optionalAccess",e=>e.toString,"call",e=>e()]),textValue:n,isRemovable:i,...d},o?r.default.createElement(D,null,r.default.createElement(s,{iconName:t||"circle"})):null,e,i&&r.default.createElement(x,{slot:"remove",$size:"sm",iconName:"xmark",iconSize:"xs"}))},exports.SelectTagGroup=({groupLabel:e,groupLabelDescription:o,groupError:t,items:l,children:i,renderEmptyState:n,clearButton:c,clearButtonOnClick:m,...b})=>r.default.createElement(L,{...b},r.default.createElement(F,null,r.default.createElement(a.Label,null,e),c&&r.default.createElement(d,{$styleType:"white",buttonLabel:"Clear",$size:"sm",onClick:m})),o&&r.default.createElement(a.Text,{slot:"description"},o),t&&r.default.createElement(a.Text,{slot:"errorMessage"},r.default.createElement(s,{iconName:"triangle-exclamation",size:"1x"}),t),r.default.createElement(a.TagList,{items:l,renderEmptyState:n},i)),exports.TextField=({label:e,description:o,defaultValue:t,errorMessage:l,isDisabled:s,isInvalid:i,...d})=>r.default.createElement(A,{defaultValue:t,...d,isDisabled:s,isInvalid:i},r.default.createElement(h,{label:e,description:o,errorMessage:l}),r.default.createElement(a.Input,null)),exports.ToggleButton=({toggleButtonLabel:e,$size:a="md",isSelected:o,defaultSelected:t,isDisabled:l,autoFocus:s,type:i,onClick:d})=>r.default.createElement(O,{$size:a,isSelected:o,defaultSelected:t,isDisabled:l,autoFocus:s,type:i,onPress:d},e),exports.ToggleIconButton=({iconName:e,$size:a="md",isSelected:o,defaultSelected:t,isDisabled:l,autoFocus:i,type:d,onClick:n})=>r.default.createElement(B,{$size:a,isSelected:o,defaultSelected:t,isDisabled:l,autoFocus:i,type:d,onPress:n},r.default.createElement(s,{iconName:e})),exports.Tooltip=({tooltipLabel:e,tooltipBody:o,placement:t="bottom",isDisabled:l=!1,delay:s=0,closeDelay:i,trigger:d,isOpenTooltipTrigger:n,defaultOpenTooltipTrigger:c,triggerRef:m,isEntering:b,isExiting:v,UNSTABLE_portalContainer:g,containerPadding:f,offset:u,crossOffset:p,shouldFlip:h,isOpenTooltip:y,defaultOpenTooltip:x,isOverlayArrow:k=!1})=>r.default.createElement(a.TooltipTrigger,{isDisabled:l,delay:s,closeDelay:i,trigger:d,isOpen:n,defaultOpen:c},"function"==typeof e?e():e,r.default.createElement(C,{placement:t,defaultOpen:x,triggerRef:m,isEntering:b,isExiting:v,UNSTABLE_portalContainer:g,containerPadding:f,offset:u,crossOffset:p,shouldFlip:h,isOpen:y},k?r.default.createElement(a.OverlayArrow,null,r.default.createElement("svg",{width:8,height:8,viewBox:"0 0 8 8"},r.default.createElement("path",{d:"M0 0 L4 4 L8 0"}))):null,"function"==typeof o?o():o));
 //# sourceMappingURL=index.js.map