@adamjanicki/ui 1.6.0 → 1.6.1

package/README.md

@@ -1,6 +1,6 @@
 # @adamjanicki/ui
 
-**Warning: use at own risk, these are mainly for personal use across my other sites, so while I strive to write good code, there may be bugs!**
+**Warning: use at own risk! These are mainly for personal use across my other sites, so while I strive to write good code, there may be bugs, and I make breaking changes semi-frequently!**
 
 ## Installation
 
@@ -24,7 +24,7 @@ const App = () => {
 
 ## Importing CSS
 
-Unfortunately, there was no great way to handle CSS. I often hate how large libraries make it extremely difficult to override CSS without using `!important`, or using inline styles. So, I've decided to just import the CSS directly into your project. Here's an example of how to do it:
+Unfortunately, there was no great way to handle CSS. I often hate how large libraries make it extremely difficult to override CSS without using `!important`, or using inline styles. So, I've decided to just allow importing the CSS directly into your project. Here's an example of how to do it:
 
 ```ts
 import React from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Basic UI components and hooks for React in TypeScript",
   "type": "module",
   "main": "./index.js",

package/dist/aui.cjs.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");var B={exports:{}},D={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var se;function we(){if(se)return D;se=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(s,o,a){var c=null;if(a!==void 0&&(c=""+a),o.key!==void 0&&(c=""+o.key),"key"in o){a={};for(var f in o)f!=="key"&&(a[f]=o[f])}else a=o;return o=a.ref,{$$typeof:t,type:s,key:c,ref:o!==void 0?o:null,props:a}}return D.Fragment=e,D.jsx=r,D.jsxs=r,D}var F={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var ae;function ye(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){function t(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===xe?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case y:return"Fragment";case S:return"Profiler";case v:return"StrictMode";case P:return"Suspense";case k:return"SuspenseList";case he:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case j:return"Portal";case _:return(n.displayName||"Context")+".Provider";case L:return(n._context.displayName||"Context")+".Consumer";case M:var d=n.render;return n=n.displayName,n||(n=d.displayName||d.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case A:return d=n.displayName||null,d!==null?d:t(n.type)||"Memo";case Z:d=n._payload,n=n._init;try{return t(n(d))}catch{}}return null}function e(n){return""+n}function r(n){try{e(n);var d=!1}catch{d=!0}if(d){d=console;var h=d.error,g=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return h.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",g),e(n)}}function s(n){if(n===y)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===Z)return"<...>";try{var d=t(n);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function o(){var n=q.A;return n===null?null:n.getOwner()}function a(){return Error("react-stack-top-frame")}function c(n){if(K.call(n,"key")){var d=Object.getOwnPropertyDescriptor(n,"key").get;if(d&&d.isReactWarning)return!1}return n.key!==void 0}function f(n,d){function h(){ee||(ee=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",d))}h.isReactWarning=!0,Object.defineProperty(n,"key",{get:h,configurable:!0})}function m(){var n=t(this.type);return te[n]||(te[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function u(n,d,h,g,$,N,V,X){return h=N.ref,n={$$typeof:T,type:n,key:d,props:N,_owner:$},(h!==void 0?h:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:m}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:X}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function E(n,d,h,g,$,N,V,X){var w=d.children;if(w!==void 0)if(g)if(be(w)){for(g=0;g<w.length;g++)R(w[g]);Object.freeze&&Object.freeze(w)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else R(w);if(K.call(d,"key")){w=t(n);var C=Object.keys(d).filter(function(ge){return ge!=="key"});g=0<C.length?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}",oe[w+g]||(C=0<C.length?"{"+C.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,g,w,C,w),oe[w+g]=!0)}if(w=null,h!==void 0&&(r(h),w=""+h),c(d)&&(r(d.key),w=""+d.key),"key"in d){h={};for(var J in d)J!=="key"&&(h[J]=d[J])}else h=d;return w&&f(h,typeof n=="function"?n.displayName||n.name||"Unknown":n),u(n,w,N,$,o(),h,V,X)}function R(n){typeof n=="object"&&n!==null&&n.$$typeof===T&&n._store&&(n._store.validated=1)}var b=l,T=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),_=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),P=Symbol.for("react.suspense"),k=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),he=Symbol.for("react.activity"),xe=Symbol.for("react.client.reference"),q=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,be=Array.isArray,H=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(n){return n()}};var ee,te={},re=b.react_stack_bottom_frame.bind(b,a)(),ne=H(s(a)),oe={};F.Fragment=y,F.jsx=function(n,d,h,g,$){var N=1e4>q.recentlyCreatedOwnerStacks++;return E(n,d,h,!1,g,$,N?Error("react-stack-top-frame"):re,N?H(s(n)):ne)},F.jsxs=function(n,d,h,g,$){var N=1e4>q.recentlyCreatedOwnerStacks++;return E(n,d,h,!0,g,$,N?Error("react-stack-top-frame"):re,N?H(s(n)):ne)}}()),F}var ce;function Ee(){return ce||(ce=1,process.env.NODE_ENV==="production"?B.exports=we():B.exports=ye()),B.exports}var i=Ee();function p(...t){return t.filter(Boolean).join(" ")}function G(t,e){try{const r=document.getElementById(t);r&&r.scrollIntoView({behavior:e})}catch{return}}function Re(t,e){if(t===void 0)throw new Error(e||"Unexpected undefined value");return t}const x=l.forwardRef(({layout:t,className:e,style:r,...s},o)=>{const a=ve(t);return i.jsx("div",{...s,className:p(a.className,e),style:{...a.style,...r},ref:o})});function ve(t){if(!t)return{className:void 0,style:void 0};const{axis:e,gap:r,align:s,justify:o,padding:a,margin:c,wrap:f}=t,m={};let u=`aui-flex-${e}`;return s&&(u=p(u,`aui-align-${s}`)),o&&(u=p(u,`aui-justify-${o}`)),f&&(u=p(u,"aui-flex-wrap")),r&&(typeof r=="number"?m.gap=r:u=p(u,`aui-gap-${r}`)),a&&(typeof a=="number"?m.padding=a:u=p(u,`aui-pa-${a}`)),c&&(typeof c=="number"?m.margin=c:u=p(u,`aui-ma-${c}`)),{className:u,style:m}}const U="M94.0908,296.3057c-29.82338,0-54-24.17662-54-54s24.17662-54,54-54c.00237,0,.00475,0,.00712,0c.0017,0,141.65138,0,221.99288,0v-222c0-29.82338,24.17662-54,54-54s54,24.17662,54,54c0,.00237,0,.00475,0,.00712s0,273.40726,0,275.97468c0,.00607,0,.01213,0,.0182c0,29.82338-24.17662,54-54,54h-276Z",je={down:{contents:[i.jsx("path",{d:U,transform:"matrix(.707107 0.707107-.707107 0.707107 165.642289-79.868246)"})]},up:{contents:[i.jsx("path",{d:U,transform:"matrix(-.707107-.707107 0.707107-.707107 346.357711 591.868246)"})]},left:{contents:[i.jsx("path",{d:U,transform:"matrix(-.707107 0.707107-.707107-.707107 591.868246 165.642289)"})]},right:{contents:[i.jsx("path",{d:U,transform:"matrix(.707107-.707107 0.707107 0.707107-79.868246 346.357711)"})]}},Te="0 0 512 512",I=l.forwardRef(({icon:t,className:e,size:r,style:s,...o},a)=>{const{contents:c,viewBox:f}=je[t];return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:f||Te,className:p("aui-icon",e),style:{width:r,height:r,...s},...o,ref:a,children:c.map((m,u)=>i.jsx(l.Fragment,{children:m},u))})}),W=l.forwardRef(({className:t,...e},r)=>i.jsx("button",{...e,className:p("aui-action aui-button",t),ref:r})),z=l.forwardRef(({variant:t,corners:e,className:r,size:s,...o},a)=>i.jsx(W,{...o,className:p(le({variant:t,corners:e,size:s}),r),ref:a})),le=({variant:t="primary",corners:e="rounded",size:r="regular"})=>`aui-button--${t} aui-button-size--${r} aui-corners--${e}`,ue=l.forwardRef((t,e)=>{const{animated:r,duration:s=.25,keepMounted:o=!1,animateTo:a,animateFrom:c,className:f,style:m,...u}=t,[E,R]=l.useState(r||o),[b,T]=l.useState(!1),j=l.useRef(null),y=l.useRef(null),v=()=>{j.current&&(clearTimeout(j.current),j.current=null),y.current&&(cancelAnimationFrame(y.current),y.current=null)};if(l.useEffect(()=>(r&&E&&(v(),y.current=requestAnimationFrame(()=>T(!0))),v),[r,E]),l.useEffect(()=>(r?R(!0):(v(),T(!1),j.current=window.setTimeout(()=>{o||R(!1)},s*1e3)),v),[r,s,o]),!E)return null;const S=b?a:c;return i.jsx(x,{className:p(f,S?.className),style:{transition:`all ${s}s ease-in-out`,...m,...S?.style},...u,ref:e})}),Se=l.forwardRef(({drawers:t,className:e,duration:r,hideDividers:s,...o},a)=>{const[c,f]=l.useState(new Set);return i.jsx(x,{layout:{axis:"y"},...o,className:p("aui-accordion aui-corners--rounded",e),ref:a,children:t.map((m,u)=>i.jsx(ke,{item:m,open:c.has(u),onOpenChange:E=>f(R=>{const b=new Set(R);return E?b.add(u):b.delete(u),b}),duration:r,showDivider:!s&&u<t.length-1},u))})}),ke=({item:t,open:e,onOpenChange:r,duration:s,showDivider:o})=>{const a=l.useRef(null),[c,f]=l.useState(),m=t.content;return l.useEffect(()=>{e&&m&&a.current&&f(a.current.offsetHeight)},[e,m]),i.jsxs(i.Fragment,{children:[i.jsxs(x,{layout:{axis:"y"},children:[i.jsx(W,{onClick:()=>r(!e),children:i.jsxs(x,{layout:{axis:"x",align:"center",gap:"m",padding:"l"},children:[i.jsx(I,{size:12,icon:e?"down":"right",className:"aui-accordion-arrow"}),i.jsx("span",{className:"aui-accordion-label",children:t.label})]})}),i.jsx(ue,{style:{overflow:"hidden"},keepMounted:!0,duration:s,animated:e,animateFrom:{style:{visibility:"hidden",height:0,transform:"translateY(-4px)",opacity:.9}},animateTo:{style:{height:c,transform:"translateY(0)",opacity:1}},children:i.jsx(x,{ref:a,children:m})})]}),o&&i.jsx("hr",{className:"aui-accordion-hr"})]})},Ne=l.forwardRef(({type:t,corners:e="rounded",className:r,...s},o)=>i.jsx(x,{...s,className:p(`aui-alert aui-content--${t} aui-corners--${e}`,r),ref:o})),_e=l.forwardRef(({type:t,className:e,corners:r="rounded",...s},o)=>i.jsx(x,{...s,className:p(`aui-badge aui-content--${t} aui-corners--${r}`,e),ref:o})),Ae=l.forwardRef(({type:t,className:e,...r},s)=>i.jsx(x,{...r,className:p(`aui-content--${t} aui-banner`,e),ref:s})),$e=1,Oe=l.forwardRef(({children:t,className:e,hideArrows:r,hideDots:s,dotProps:o,leftArrowProps:a,rightArrowProps:c,autoplayInterval:f,duration:m,...u},E)=>{m=Math.max(m??$e,.1),f=f?Math.max(m,f):void 0;const R=t.length,[b,T]=l.useState({cur:0,delta:0,animating:!1}),j=l.useRef(null),{cur:y,delta:v,animating:S}=b,L=ie(y+v,R),_=l.useCallback(k=>{S||k===0||T(A=>({...A,delta:k,animating:!0}))},[S]),M=()=>{T(({delta:k,cur:A})=>({delta:k,animating:!1,cur:ie(A+k,R)}))};if(l.useEffect(()=>(f&&(j.current=window.setInterval(()=>{_(1)},f*1e3)),()=>{const k=j.current;j.current=null,k&&clearInterval(k)}),[f,_]),R<=0)return null;const P=S?{transform:`translateX(${-(v/Math.abs(v))*100}%)`,transition:`transform ${m}s ease-in-out`}:void 0;return i.jsxs(x,{...u,className:p("aui-carousel",e),ref:E,children:[i.jsxs(x,{className:"aui-carousel-slider",style:{...P,flexDirection:v>=0?"row":"row-reverse"},onTransitionEnd:M,children:[i.jsx(x,{className:"aui-carousel-item",children:t[y]}),i.jsx(x,{className:"aui-carousel-item","aria-hidden":!0,children:t[L]})]}),R>1&&i.jsxs(i.Fragment,{children:[!r&&i.jsxs(i.Fragment,{children:[i.jsx(z,{className:p("aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",a?.className),style:{left:8,...a?.style},corners:"pill","aria-label":"previous",onClick:()=>_(-1),children:a?.children??i.jsx(I,{icon:"left",size:12,style:{marginRight:2}})}),i.jsx(z,{className:p("aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",c?.className),style:{right:8,...c?.style},corners:"pill","aria-label":"next",onClick:()=>_(1),children:c?.children??i.jsx(I,{icon:"right",size:12,style:{marginLeft:2}})})]}),!s&&i.jsx(x,{layout:{axis:"x",align:"center",gap:"xs"},className:"aui-carousel-dots",children:t.map((k,A)=>i.jsx(z,{className:p("aui-carousel-dot",o?.className),corners:"pill",disabled:y===A||S,onClick:()=>_(A-y),style:o?.style},A))})]})]})});function ie(t,e){return(t%e+e)%e}const Ce=({children:t,onClickOutside:e})=>{const r=l.useRef(null),s=l.useRef(!1),o=l.useRef(!1);l.useEffect(()=>{const c=window.setTimeout(()=>{o.current=!0},0);return()=>{clearTimeout(c),o.current=!1}},[]);const a=l.useCallback(c=>{const f=s.current;s.current=!1,!(!o.current||!r.current||f)&&(c.composedPath().includes(r.current)||e(c))},[e]);return l.useEffect(()=>(document.addEventListener("click",a),()=>document.removeEventListener("click",a)),[a]),l.cloneElement(t,{ref:r,onClick:c=>{s.current=!0,t.props?.onClick?.(c)}})},Y={right:45,left:-45},fe={right:-135,left:-225},O=t=>{const{size:e=36,duration:r=.25,double:s,openStyle:o,open:a,style:c,rounded:f,lineHeight:m,...u}=t,E=m||Math.max(1,Math.round(e/20)),R={width:e,height:e,display:"flex",position:"relative",justifyContent:"center",alignItems:"center",transition:`transform ${r}s ease`},b={height:E,width:e*.7,backgroundColor:"currentColor",position:"absolute",transition:`transform ${r}s ease, opacity ${r}s ease`,borderRadius:f?1e4:0},T=l.useMemo(()=>e/(s?7:4),[e,s]),{outer:j,top:y,middle:v,bottom:S}=o,L=a?j:{},_=a?y:{transform:`translateY(-${T}px)`},M=a?S:{transform:`translateY(${T}px)`},P=a?v:{};return i.jsxs(W,{style:{...c,...L,...R},...u,"aria-label":u["aria-label"]||"hamburger","aria-expanded":a,children:[i.jsx("span",{style:{...b,..._}}),!s&&i.jsx("span",{style:{...b,...P}}),i.jsx("span",{style:{...b,...M}})]})},de=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=Y[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},middle:{transform:"scale(0)"},bottom:{transform:c}}},[e]);return i.jsx(O,{...r,openStyle:s})},Le=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=Y[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},bottom:{transform:c}}},[e]);return i.jsx(O,{...r,double:!0,openStyle:s})},Me=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=fe[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},bottom:{transform:c}}},[e]);return i.jsx(O,{...r,double:!0,openStyle:s})},Pe=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=Y[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},bottom:{transform:c},outer:{transform:"rotate(180deg)"}}},[e]);return i.jsx(O,{...r,double:!0,openStyle:s})},De=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=Y[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},middle:{opacity:0},bottom:{transform:c}}},[e]);return i.jsx(O,{...r,openStyle:s})},Fe=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=fe[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},middle:{transform:"scale(0)"},bottom:{transform:c}}},[e]);return i.jsx(O,{...r,openStyle:s})},Ie=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=Y[e],a=`rotate(${o}deg)`,c=`rotate(${-o}deg)`;return{top:{transform:a},middle:{opacity:0},bottom:{transform:c},outer:{transform:"rotate(180deg)"}}},[e]);return i.jsx(O,{...r,openStyle:s})},Ye=l.forwardRef(({className:t,corners:e="rounded",...r},s)=>i.jsx("input",{...r,ref:s,className:p(`aui-input-base aui-input aui-corners--${e}`,t)})),Be=l.forwardRef(({className:t,rows:e=3,corners:r="rounded",...s},o)=>i.jsx("textarea",{...s,ref:o,className:p(`aui-input-base aui-input aui-corners--${r}`,t),rows:e})),Ue=l.forwardRef(({startIcon:t,endIcon:e,className:r,style:s,corners:o="rounded",inputProps:a},c)=>i.jsxs(x,{layout:{axis:"x",align:"center"},className:p(`aui-input aui-icon-input aui-corners--${o}`,r),style:s,ref:c,children:[t,i.jsx("input",{...a,className:p(`aui-input-base aui-corners--${o}`,a?.className)}),e]})),ze=()=>{const t=window.scrollY,e=document.body.style,r=document.documentElement.style,{overflow:s,position:o,top:a,width:c}=e,{scrollBehavior:f}=r;return r.scrollBehavior="auto",e.overflow="hidden",e.position="fixed",e.top=`-${t}px`,e.width="100%",()=>{e.overflow=s,e.position=o,e.top=a,e.width=c,window.scrollTo(0,t),r.scrollBehavior=f}},me=(t=!0)=>{l.useEffect(()=>{if(t)return ze()},[t])},We=t=>{const{onMatch:e,onUnmatch:r,query:s}=t,[o,a]=l.useState(!1);return l.useEffect(()=>{const c=window.matchMedia(s),f=m=>{m.matches?e?.():r?.(),a(m.matches)};return c.addEventListener("change",f),a(c.matches),()=>c.removeEventListener("change",f)},[e,r,s]),o},qe=()=>{const[t,e]=l.useState({scrollX:window.scrollX,scrollY:window.scrollY});return l.useEffect(()=>{const r=()=>{e({scrollX:window.scrollX,scrollY:window.scrollY})};return window.addEventListener("scroll",r),()=>window.removeEventListener("scroll",r)},[]),t},He='a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]',pe=(t=!0)=>{const e=l.useRef(null),r=l.useRef(null),s=l.useCallback(()=>{e.current&&(r.current=e.current.querySelectorAll(He))},[]);return l.useEffect(()=>{if(!t||!e.current)return;s();const o=c=>{if(c.key!=="Tab")return;if(!r.current||r.current.length===0)return c.preventDefault();const{activeElement:f}=document,m=r.current[0],u=r.current[r.current.length-1];c.shiftKey&&f===m?(u.focus(),c.preventDefault()):!c.shiftKey&&f===u?(m.focus(),c.preventDefault()):e.current?.contains(f)||((c.shiftKey?u:m).focus(),c.preventDefault())},a=new MutationObserver(s);return a.observe(e.current,{childList:!0,subtree:!0}),document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o),a.disconnect()}},[t,s]),e},Ve=(t={})=>{const{active:e=!0,behavior:r,delay:s}=t;l.useEffect(()=>{const o=window.location.hash;if(!e||o?.length<=1)return;const a=o.substring(1);if(s!==void 0){const c=setTimeout(()=>G(a,r),s);return()=>clearTimeout(c)}G(a,r)},[e,r,s])},Xe=t=>{l.useEffect(()=>(window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)),[t])},Je=l.forwardRef(({onClose:t,children:e,className:r,disableEscape:s=!1,visible:o,onMouseDown:a,...c},f)=>{const m=pe(o);return l.useEffect(()=>{const u=E=>{E.key==="Escape"&&t?.()};return s||document.addEventListener("keydown",u),()=>{s||document.removeEventListener("keydown",u)}},[t,s]),i.jsx(x,{layout:{axis:"y",align:"center",justify:"center"},...c,className:p("aui-layer-backdrop",r),onMouseDown:u=>{a?.(u),t?.()},ref:f,children:l.cloneElement(e,{ref:m,onMouseDown:u=>{u.stopPropagation(),e.props?.onMouseDown?.(u)}})})}),Ge=l.forwardRef(({returnFocusOnEscape:t,disableScrollLock:e,...r},s)=>(me(!e),l.useEffect(()=>()=>{const o=document.activeElement;t||o?.blur?.()},[t]),i.jsx(Je,{...r,visible:!0,ref:s}))),Q=l.forwardRef(({LinkElement:t,to:e,className:r,external:s,...o},a)=>{const c={...s?{target:"_blank",rel:"noreferrer noopener"}:{},...o,className:p("aui-action",r)};return t?i.jsx(t,{...c,to:e,ref:a}):i.jsx("a",{...c,href:e,ref:a})}),Qe=l.forwardRef(({className:t,variant:e,corners:r,size:s,...o},a)=>i.jsx(Q,{...o,className:p(le({variant:e,corners:r,size:s}),t),ref:a})),Ze=l.forwardRef(({className:t,...e},r)=>i.jsx(Q,{...e,className:p("aui-link",t),ref:r})),Ke=({className:t,options:e,getOptionLabel:r,corners:s="rounded",style:o,disabled:a,...c},f)=>i.jsxs(x,{className:p("aui-select-container",`aui-corners--${s}`,a?"aui-select-disabled":void 0,t),style:o,children:[i.jsx("select",{...c,ref:f,className:`aui-select aui-corners--${s}`,disabled:a,children:e.map((m,u)=>i.jsx("option",{value:m,children:r?.(m)||m},u))}),i.jsx(I,{icon:"down",className:"aui-select-icon","aria-hidden":!0})]}),et=l.forwardRef(Ke),tt=({className:t,...e})=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:p("aui-spinner",t),...e,children:i.jsx("path",{fill:"currentColor",d:"M256,0C114.62,0,0,114.62,0,256S114.62,512,256,512c70.64,0,134.59-28.61,180.91-74.88l-31.11-31.11c-38.35,38.3-91.31,61.99-149.8,61.99-117.08,0-212-94.92-212-212S138.92,44,256,44V0Z"})});exports.Accordion=Se;exports.Alert=Ne;exports.Animated=ue;exports.Badge=_e;exports.Banner=Ae;exports.Box=x;exports.Button=z;exports.ButtonLink=Qe;exports.Carousel=Oe;exports.ClickOutside=Ce;exports.DoubleCross=Le;exports.DoubleFlip=Me;exports.DoubleSpin=Pe;exports.Hamburger=de;exports.Icon=I;exports.IconInput=Ue;exports.Input=Ye;exports.Layer=Ge;exports.Link=Ze;exports.Select=et;exports.Spinner=tt;exports.TextArea=Be;exports.TripleFade=De;exports.TripleFlip=Fe;exports.TriplePrestige=de;exports.TripleSpin=Ie;exports.UnstyledButton=W;exports.UnstyledLink=Q;exports.assertDefined=Re;exports.classNames=p;exports.scrollToId=G;exports.useFocusTrap=pe;exports.useMediaQuery=We;exports.useScroll=qe;exports.useScrollLock=me;exports.useScrollToHash=Ve;exports.useWindowResize=Xe;

package/dist/aui.es.js

@@ -1,1091 +0,0 @@
-import h, { useState as L, useRef as O, useEffect as R, useCallback as ee, cloneElement as ve, useMemo as P, forwardRef as V } from "react";
-var W = { exports: {} }, B = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var le;
-function je() {
-  if (le) return B;
-  le = 1;
-  var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(s, o, a) {
-    var c = null;
-    if (a !== void 0 && (c = "" + a), o.key !== void 0 && (c = "" + o.key), "key" in o) {
-      a = {};
-      for (var u in o)
-        u !== "key" && (a[u] = o[u]);
-    } else a = o;
-    return o = a.ref, {
-      $$typeof: t,
-      type: s,
-      key: c,
-      ref: o !== void 0 ? o : null,
-      props: a
-    };
-  }
-  return B.Fragment = e, B.jsx = r, B.jsxs = r, B;
-}
-var U = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ue;
-function Re() {
-  return ue || (ue = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === ge ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case y:
-          return "Fragment";
-        case N:
-          return "Profiler";
-        case E:
-          return "StrictMode";
-        case I:
-          return "Suspense";
-        case k:
-          return "SuspenseList";
-        case be:
-          return "Activity";
-      }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case T:
-            return "Portal";
-          case $:
-            return (n.displayName || "Context") + ".Provider";
-          case F:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case Y:
-            var d = n.render;
-            return n = n.displayName, n || (n = d.displayName || d.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case A:
-            return d = n.displayName || null, d !== null ? d : t(n.type) || "Memo";
-          case re:
-            d = n._payload, n = n._init;
-            try {
-              return t(n(d));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function e(n) {
-      return "" + n;
-    }
-    function r(n) {
-      try {
-        e(n);
-        var d = !1;
-      } catch {
-        d = !0;
-      }
-      if (d) {
-        d = console;
-        var p = d.error, b = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return p.call(
-          d,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
-        ), e(n);
-      }
-    }
-    function s(n) {
-      if (n === y) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === re)
-        return "<...>";
-      try {
-        var d = t(n);
-        return d ? "<" + d + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function o() {
-      var n = X.A;
-      return n === null ? null : n.getOwner();
-    }
-    function a() {
-      return Error("react-stack-top-frame");
-    }
-    function c(n) {
-      if (ne.call(n, "key")) {
-        var d = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (d && d.isReactWarning) return !1;
-      }
-      return n.key !== void 0;
-    }
-    function u(n, d) {
-      function p() {
-        oe || (oe = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          d
-        ));
-      }
-      p.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: p,
-        configurable: !0
-      });
-    }
-    function f() {
-      var n = t(this.type);
-      return se[n] || (se[n] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
-    }
-    function l(n, d, p, b, C, _, G, Z) {
-      return p = _.ref, n = {
-        $$typeof: S,
-        type: n,
-        key: d,
-        props: _,
-        _owner: C
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(n, "ref", {
-        enumerable: !1,
-        get: f
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(n, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: G
-      }), Object.defineProperty(n, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: Z
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
-    }
-    function v(n, d, p, b, C, _, G, Z) {
-      var g = d.children;
-      if (g !== void 0)
-        if (b)
-          if (we(g)) {
-            for (b = 0; b < g.length; b++)
-              j(g[b]);
-            Object.freeze && Object.freeze(g);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else j(g);
-      if (ne.call(d, "key")) {
-        g = t(n);
-        var D = Object.keys(d).filter(function(ye) {
-          return ye !== "key";
-        });
-        b = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", ie[g + b] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          b,
-          g,
-          D,
-          g
-        ), ie[g + b] = !0);
-      }
-      if (g = null, p !== void 0 && (r(p), g = "" + p), c(d) && (r(d.key), g = "" + d.key), "key" in d) {
-        p = {};
-        for (var Q in d)
-          Q !== "key" && (p[Q] = d[Q]);
-      } else p = d;
-      return g && u(
-        p,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), l(
-        n,
-        g,
-        _,
-        C,
-        o(),
-        p,
-        G,
-        Z
-      );
-    }
-    function j(n) {
-      typeof n == "object" && n !== null && n.$$typeof === S && n._store && (n._store.validated = 1);
-    }
-    var x = h, S = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), be = Symbol.for("react.activity"), ge = Symbol.for("react.client.reference"), X = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ne = Object.prototype.hasOwnProperty, we = Array.isArray, J = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    x = {
-      react_stack_bottom_frame: function(n) {
-        return n();
-      }
-    };
-    var oe, se = {}, ae = x.react_stack_bottom_frame.bind(
-      x,
-      a
-    )(), ce = J(s(a)), ie = {};
-    U.Fragment = y, U.jsx = function(n, d, p, b, C) {
-      var _ = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return v(
-        n,
-        d,
-        p,
-        !1,
-        b,
-        C,
-        _ ? Error("react-stack-top-frame") : ae,
-        _ ? J(s(n)) : ce
-      );
-    }, U.jsxs = function(n, d, p, b, C) {
-      var _ = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return v(
-        n,
-        d,
-        p,
-        !0,
-        b,
-        C,
-        _ ? Error("react-stack-top-frame") : ae,
-        _ ? J(s(n)) : ce
-      );
-    };
-  }()), U;
-}
-var de;
-function Ee() {
-  return de || (de = 1, process.env.NODE_ENV === "production" ? W.exports = je() : W.exports = Re()), W.exports;
-}
-var i = Ee();
-function m(...t) {
-  return t.filter(Boolean).join(" ");
-}
-function fe(t, e) {
-  try {
-    const r = document.getElementById(t);
-    r && r.scrollIntoView({ behavior: e });
-  } catch {
-    return;
-  }
-}
-function Fe(t, e) {
-  if (t === void 0)
-    throw new Error(e || "Unexpected undefined value");
-  return t;
-}
-const w = h.forwardRef(
-  ({ layout: t, className: e, style: r, ...s }, o) => {
-    const a = Te(t);
-    return /* @__PURE__ */ i.jsx(
-      "div",
-      {
-        ...s,
-        className: m(a.className, e),
-        style: { ...a.style, ...r },
-        ref: o
-      }
-    );
-  }
-);
-function Te(t) {
-  if (!t) return { className: void 0, style: void 0 };
-  const { axis: e, gap: r, align: s, justify: o, padding: a, margin: c, wrap: u } = t, f = {};
-  let l = `aui-flex-${e}`;
-  return s && (l = m(l, `aui-align-${s}`)), o && (l = m(l, `aui-justify-${o}`)), u && (l = m(l, "aui-flex-wrap")), r && (typeof r == "number" ? f.gap = r : l = m(l, `aui-gap-${r}`)), a && (typeof a == "number" ? f.padding = a : l = m(l, `aui-pa-${a}`)), c && (typeof c == "number" ? f.margin = c : l = m(l, `aui-ma-${c}`)), { className: l, style: f };
-}
-const q = "M94.0908,296.3057c-29.82338,0-54-24.17662-54-54s24.17662-54,54-54c.00237,0,.00475,0,.00712,0c.0017,0,141.65138,0,221.99288,0v-222c0-29.82338,24.17662-54,54-54s54,24.17662,54,54c0,.00237,0,.00475,0,.00712s0,273.40726,0,275.97468c0,.00607,0,.01213,0,.0182c0,29.82338-24.17662,54-54,54h-276Z", Se = {
-  down: {
-    contents: [
-      /* @__PURE__ */ i.jsx(
-        "path",
-        {
-          d: q,
-          transform: "matrix(.707107 0.707107-.707107 0.707107 165.642289-79.868246)"
-        }
-      )
-    ]
-  },
-  up: {
-    contents: [
-      /* @__PURE__ */ i.jsx(
-        "path",
-        {
-          d: q,
-          transform: "matrix(-.707107-.707107 0.707107-.707107 346.357711 591.868246)"
-        }
-      )
-    ]
-  },
-  left: {
-    contents: [
-      /* @__PURE__ */ i.jsx(
-        "path",
-        {
-          d: q,
-          transform: "matrix(-.707107 0.707107-.707107-.707107 591.868246 165.642289)"
-        }
-      )
-    ]
-  },
-  right: {
-    contents: [
-      /* @__PURE__ */ i.jsx(
-        "path",
-        {
-          d: q,
-          transform: "matrix(.707107-.707107 0.707107 0.707107-79.868246 346.357711)"
-        }
-      )
-    ]
-  }
-}, Ne = "0 0 512 512", H = h.forwardRef(
-  ({ icon: t, className: e, size: r, style: s, ...o }, a) => {
-    const { contents: c, viewBox: u } = Se[t];
-    return /* @__PURE__ */ i.jsx(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: u || Ne,
-        className: m("aui-icon", e),
-        style: { width: r, height: r, ...s },
-        ...o,
-        ref: a,
-        children: c.map((f, l) => /* @__PURE__ */ i.jsx(h.Fragment, { children: f }, l))
-      }
-    );
-  }
-), te = h.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  "button",
-  {
-    ...e,
-    className: m("aui-action aui-button", t),
-    ref: r
-  }
-)), K = h.forwardRef(
-  ({ variant: t, corners: e, className: r, size: s, ...o }, a) => /* @__PURE__ */ i.jsx(
-    te,
-    {
-      ...o,
-      className: m(
-        pe({ variant: t, corners: e, size: s }),
-        r
-      ),
-      ref: a
-    }
-  )
-), pe = ({
-  variant: t = "primary",
-  corners: e = "rounded",
-  size: r = "regular"
-}) => `aui-button--${t} aui-button-size--${r} aui-corners--${e}`, ke = h.forwardRef((t, e) => {
-  const {
-    animated: r,
-    duration: s = 0.25,
-    keepMounted: o = !1,
-    animateTo: a,
-    animateFrom: c,
-    className: u,
-    style: f,
-    ...l
-  } = t, [v, j] = L(r || o), [x, S] = L(!1), T = O(null), y = O(null), E = () => {
-    T.current && (clearTimeout(T.current), T.current = null), y.current && (cancelAnimationFrame(y.current), y.current = null);
-  };
-  if (R(() => (r && v && (E(), y.current = requestAnimationFrame(
-    () => S(!0)
-  )), E), [r, v]), R(() => (r ? j(!0) : (E(), S(!1), T.current = window.setTimeout(() => {
-    o || j(!1);
-  }, s * 1e3)), E), [r, s, o]), !v) return null;
-  const N = x ? a : c;
-  return /* @__PURE__ */ i.jsx(
-    w,
-    {
-      className: m(u, N?.className),
-      style: {
-        transition: `all ${s}s ease-in-out`,
-        ...f,
-        ...N?.style
-      },
-      ...l,
-      ref: e
-    }
-  );
-}), Ye = h.forwardRef(
-  ({ drawers: t, className: e, duration: r, hideDividers: s, ...o }, a) => {
-    const [c, u] = L(/* @__PURE__ */ new Set());
-    return /* @__PURE__ */ i.jsx(
-      w,
-      {
-        layout: { axis: "y" },
-        ...o,
-        className: m("aui-accordion aui-corners--rounded", e),
-        ref: a,
-        children: t.map((f, l) => /* @__PURE__ */ i.jsx(
-          _e,
-          {
-            item: f,
-            open: c.has(l),
-            onOpenChange: (v) => u((j) => {
-              const x = new Set(j);
-              return v ? x.add(l) : x.delete(l), x;
-            }),
-            duration: r,
-            showDivider: !s && l < t.length - 1
-          },
-          l
-        ))
-      }
-    );
-  }
-), _e = ({
-  item: t,
-  open: e,
-  onOpenChange: r,
-  duration: s,
-  showDivider: o
-}) => {
-  const a = O(null), [c, u] = L(), f = t.content;
-  return R(() => {
-    e && f && a.current && u(a.current.offsetHeight);
-  }, [e, f]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsxs(w, { layout: { axis: "y" }, children: [
-      /* @__PURE__ */ i.jsx(te, { onClick: () => r(!e), children: /* @__PURE__ */ i.jsxs(w, { layout: { axis: "x", align: "center", gap: "m", padding: "l" }, children: [
-        /* @__PURE__ */ i.jsx(
-          H,
-          {
-            size: 12,
-            icon: e ? "down" : "right",
-            className: "aui-accordion-arrow"
-          }
-        ),
-        /* @__PURE__ */ i.jsx("span", { className: "aui-accordion-label", children: t.label })
-      ] }) }),
-      /* @__PURE__ */ i.jsx(
-        ke,
-        {
-          style: { overflow: "hidden" },
-          keepMounted: !0,
-          duration: s,
-          animated: e,
-          animateFrom: {
-            style: {
-              visibility: "hidden",
-              height: 0,
-              transform: "translateY(-4px)",
-              opacity: 0.9
-            }
-          },
-          animateTo: {
-            style: { height: c, transform: "translateY(0)", opacity: 1 }
-          },
-          children: /* @__PURE__ */ i.jsx(w, { ref: a, children: f })
-        }
-      )
-    ] }),
-    o && /* @__PURE__ */ i.jsx("hr", { className: "aui-accordion-hr" })
-  ] });
-}, Ie = h.forwardRef(
-  ({ type: t, corners: e = "rounded", className: r, ...s }, o) => /* @__PURE__ */ i.jsx(
-    w,
-    {
-      ...s,
-      className: m(
-        `aui-alert aui-content--${t} aui-corners--${e}`,
-        r
-      ),
-      ref: o
-    }
-  )
-), Be = h.forwardRef(
-  ({ type: t, className: e, corners: r = "rounded", ...s }, o) => /* @__PURE__ */ i.jsx(
-    w,
-    {
-      ...s,
-      className: m(
-        `aui-badge aui-content--${t} aui-corners--${r}`,
-        e
-      ),
-      ref: o
-    }
-  )
-), Ue = h.forwardRef(
-  ({ type: t, className: e, ...r }, s) => /* @__PURE__ */ i.jsx(
-    w,
-    {
-      ...r,
-      className: m(`aui-content--${t} aui-banner`, e),
-      ref: s
-    }
-  )
-), $e = 1, ze = h.forwardRef(
-  ({
-    children: t,
-    className: e,
-    hideArrows: r,
-    hideDots: s,
-    dotProps: o,
-    leftArrowProps: a,
-    rightArrowProps: c,
-    autoplayInterval: u,
-    duration: f,
-    ...l
-  }, v) => {
-    f = Math.max(f ?? $e, 0.1), u = u ? Math.max(f, u) : void 0;
-    const j = t.length, [x, S] = L({
-      cur: 0,
-      delta: 0,
-      animating: !1
-    }), T = O(null), { cur: y, delta: E, animating: N } = x, F = me(y + E, j), $ = ee(
-      (k) => {
-        N || k === 0 || S((A) => ({
-          ...A,
-          delta: k,
-          animating: !0
-        }));
-      },
-      [N]
-    ), Y = () => {
-      S(({ delta: k, cur: A }) => ({
-        delta: k,
-        animating: !1,
-        cur: me(A + k, j)
-      }));
-    };
-    if (R(() => (u && (T.current = window.setInterval(() => {
-      $(1);
-    }, u * 1e3)), () => {
-      const k = T.current;
-      T.current = null, k && clearInterval(k);
-    }), [u, $]), j <= 0) return null;
-    const I = N ? {
-      transform: `translateX(${-(E / Math.abs(E)) * 100}%)`,
-      transition: `transform ${f}s ease-in-out`
-    } : void 0;
-    return /* @__PURE__ */ i.jsxs(
-      w,
-      {
-        ...l,
-        className: m("aui-carousel", e),
-        ref: v,
-        children: [
-          /* @__PURE__ */ i.jsxs(
-            w,
-            {
-              className: "aui-carousel-slider",
-              style: {
-                ...I,
-                flexDirection: E >= 0 ? "row" : "row-reverse"
-              },
-              onTransitionEnd: Y,
-              children: [
-                /* @__PURE__ */ i.jsx(w, { className: "aui-carousel-item", children: t[y] }),
-                /* @__PURE__ */ i.jsx(w, { className: "aui-carousel-item", "aria-hidden": !0, children: t[F] })
-              ]
-            }
-          ),
-          j > 1 && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            !r && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-              /* @__PURE__ */ i.jsx(
-                K,
-                {
-                  className: m(
-                    "aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",
-                    a?.className
-                  ),
-                  style: { left: 8, ...a?.style },
-                  corners: "pill",
-                  "aria-label": "previous",
-                  onClick: () => $(-1),
-                  children: a?.children ?? /* @__PURE__ */ i.jsx(H, { icon: "left", size: 12, style: { marginRight: 2 } })
-                }
-              ),
-              /* @__PURE__ */ i.jsx(
-                K,
-                {
-                  className: m(
-                    "aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",
-                    c?.className
-                  ),
-                  style: { right: 8, ...c?.style },
-                  corners: "pill",
-                  "aria-label": "next",
-                  onClick: () => $(1),
-                  children: c?.children ?? /* @__PURE__ */ i.jsx(H, { icon: "right", size: 12, style: { marginLeft: 2 } })
-                }
-              )
-            ] }),
-            !s && /* @__PURE__ */ i.jsx(
-              w,
-              {
-                layout: { axis: "x", align: "center", gap: "xs" },
-                className: "aui-carousel-dots",
-                children: t.map((k, A) => /* @__PURE__ */ i.jsx(
-                  K,
-                  {
-                    className: m(
-                      "aui-carousel-dot",
-                      o?.className
-                    ),
-                    corners: "pill",
-                    disabled: y === A || N,
-                    onClick: () => $(A - y),
-                    style: o?.style
-                  },
-                  A
-                ))
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-function me(t, e) {
-  return (t % e + e) % e;
-}
-const We = ({
-  children: t,
-  onClickOutside: e
-}) => {
-  const r = O(null), s = O(!1), o = O(!1);
-  R(() => {
-    const c = window.setTimeout(() => {
-      o.current = !0;
-    }, 0);
-    return () => {
-      clearTimeout(c), o.current = !1;
-    };
-  }, []);
-  const a = ee(
-    (c) => {
-      const u = s.current;
-      s.current = !1, !(!o.current || !r.current || u) && (c.composedPath().includes(r.current) || e(c));
-    },
-    [e]
-  );
-  return R(() => (document.addEventListener("click", a), () => document.removeEventListener("click", a)), [a]), ve(t, {
-    ref: r,
-    onClick: (c) => {
-      s.current = !0, t.props?.onClick?.(c);
-    }
-  });
-}, z = {
-  right: 45,
-  left: -45
-}, he = {
-  right: -135,
-  left: -225
-}, M = (t) => {
-  const {
-    size: e = 36,
-    duration: r = 0.25,
-    double: s,
-    openStyle: o,
-    open: a,
-    style: c,
-    rounded: u,
-    lineHeight: f,
-    ...l
-  } = t, v = f || Math.max(1, Math.round(e / 20)), j = {
-    width: e,
-    height: e,
-    display: "flex",
-    position: "relative",
-    justifyContent: "center",
-    alignItems: "center",
-    transition: `transform ${r}s ease`
-  }, x = {
-    height: v,
-    width: e * 0.7,
-    backgroundColor: "currentColor",
-    position: "absolute",
-    transition: `transform ${r}s ease, opacity ${r}s ease`,
-    borderRadius: u ? 1e4 : 0
-  }, S = P(
-    () => e / (s ? 7 : 4),
-    [e, s]
-  ), { outer: T, top: y, middle: E, bottom: N } = o, F = a ? T : {}, $ = a ? y : { transform: `translateY(-${S}px)` }, Y = a ? N : { transform: `translateY(${S}px)` }, I = a ? E : {};
-  return /* @__PURE__ */ i.jsxs(
-    te,
-    {
-      style: { ...c, ...F, ...j },
-      ...l,
-      "aria-label": l["aria-label"] || "hamburger",
-      "aria-expanded": a,
-      children: [
-        /* @__PURE__ */ i.jsx("span", { style: { ...x, ...$ } }),
-        !s && /* @__PURE__ */ i.jsx("span", { style: { ...x, ...I } }),
-        /* @__PURE__ */ i.jsx("span", { style: { ...x, ...Y } })
-      ]
-    }
-  );
-}, qe = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      middle: { transform: "scale(0)" },
-      bottom: { transform: c }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
-}, He = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      bottom: { transform: c }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, double: !0, openStyle: s });
-}, Ve = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = he[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      bottom: { transform: c }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, double: !0, openStyle: s });
-}, Xe = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      bottom: { transform: c },
-      outer: { transform: "rotate(180deg)" }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, double: !0, openStyle: s });
-}, Je = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      middle: { opacity: 0 },
-      bottom: { transform: c }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
-}, Ge = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = he[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      middle: { transform: "scale(0)" },
-      bottom: { transform: c }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
-}, Ze = (t) => {
-  const { direction: e = "left", ...r } = t, s = P(() => {
-    const o = z[e], a = `rotate(${o}deg)`, c = `rotate(${-o}deg)`;
-    return {
-      top: { transform: a },
-      middle: { opacity: 0 },
-      bottom: { transform: c },
-      outer: { transform: "rotate(180deg)" }
-    };
-  }, [e]);
-  return /* @__PURE__ */ i.jsx(M, { ...r, openStyle: s });
-}, Qe = V(
-  ({ className: t, corners: e = "rounded", ...r }, s) => /* @__PURE__ */ i.jsx(
-    "input",
-    {
-      ...r,
-      ref: s,
-      className: m(
-        `aui-input-base aui-input aui-corners--${e}`,
-        t
-      )
-    }
-  )
-), Ke = V(
-  ({ className: t, rows: e = 3, corners: r = "rounded", ...s }, o) => /* @__PURE__ */ i.jsx(
-    "textarea",
-    {
-      ...s,
-      ref: o,
-      className: m(
-        `aui-input-base aui-input aui-corners--${r}`,
-        t
-      ),
-      rows: e
-    }
-  )
-), et = V(
-  ({ startIcon: t, endIcon: e, className: r, style: s, corners: o = "rounded", inputProps: a }, c) => /* @__PURE__ */ i.jsxs(
-    w,
-    {
-      layout: { axis: "x", align: "center" },
-      className: m(
-        `aui-input aui-icon-input aui-corners--${o}`,
-        r
-      ),
-      style: s,
-      ref: c,
-      children: [
-        t,
-        /* @__PURE__ */ i.jsx(
-          "input",
-          {
-            ...a,
-            className: m(
-              `aui-input-base aui-corners--${o}`,
-              a?.className
-            )
-          }
-        ),
-        e
-      ]
-    }
-  )
-), Ae = () => {
-  const t = window.scrollY, e = document.body.style, r = document.documentElement.style, { overflow: s, position: o, top: a, width: c } = e, { scrollBehavior: u } = r;
-  return r.scrollBehavior = "auto", e.overflow = "hidden", e.position = "fixed", e.top = `-${t}px`, e.width = "100%", () => {
-    e.overflow = s, e.position = o, e.top = a, e.width = c, window.scrollTo(0, t), r.scrollBehavior = u;
-  };
-}, Oe = (t = !0) => {
-  R(() => {
-    if (t)
-      return Ae();
-  }, [t]);
-}, tt = (t) => {
-  const { onMatch: e, onUnmatch: r, query: s } = t, [o, a] = L(!1);
-  return R(() => {
-    const c = window.matchMedia(s), u = (f) => {
-      f.matches ? e?.() : r?.(), a(f.matches);
-    };
-    return c.addEventListener("change", u), a(c.matches), () => c.removeEventListener("change", u);
-  }, [e, r, s]), o;
-}, rt = () => {
-  const [t, e] = L({
-    scrollX: window.scrollX,
-    scrollY: window.scrollY
-  });
-  return R(() => {
-    const r = () => {
-      e({
-        scrollX: window.scrollX,
-        scrollY: window.scrollY
-      });
-    };
-    return window.addEventListener("scroll", r), () => window.removeEventListener("scroll", r);
-  }, []), t;
-}, Ce = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]', Pe = (t = !0) => {
-  const e = O(null), r = O(null), s = ee(() => {
-    e.current && (r.current = e.current.querySelectorAll(Ce));
-  }, []);
-  return R(() => {
-    if (!t || !e.current) return;
-    s();
-    const o = (c) => {
-      if (c.key !== "Tab") return;
-      if (!r.current || r.current.length === 0)
-        return c.preventDefault();
-      const { activeElement: u } = document, f = r.current[0], l = r.current[r.current.length - 1];
-      c.shiftKey && u === f ? (l.focus(), c.preventDefault()) : !c.shiftKey && u === l ? (f.focus(), c.preventDefault()) : e.current?.contains(u) || ((c.shiftKey ? l : f).focus(), c.preventDefault());
-    }, a = new MutationObserver(s);
-    return a.observe(e.current, { childList: !0, subtree: !0 }), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o), a.disconnect();
-    };
-  }, [t, s]), e;
-}, nt = (t = {}) => {
-  const { active: e = !0, behavior: r, delay: s } = t;
-  R(() => {
-    const o = window.location.hash;
-    if (!e || o?.length <= 1) return;
-    const a = o.substring(1);
-    if (s !== void 0) {
-      const c = setTimeout(() => fe(a, r), s);
-      return () => clearTimeout(c);
-    }
-    fe(a, r);
-  }, [e, r, s]);
-}, ot = (t) => {
-  R(() => (window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [t]);
-}, Le = h.forwardRef(
-  ({
-    onClose: t,
-    children: e,
-    className: r,
-    disableEscape: s = !1,
-    visible: o,
-    onMouseDown: a,
-    ...c
-  }, u) => {
-    const f = Pe(o);
-    return R(() => {
-      const l = (v) => {
-        v.key === "Escape" && t?.();
-      };
-      return s || document.addEventListener("keydown", l), () => {
-        s || document.removeEventListener("keydown", l);
-      };
-    }, [t, s]), /* @__PURE__ */ i.jsx(
-      w,
-      {
-        layout: { axis: "y", align: "center", justify: "center" },
-        ...c,
-        className: m("aui-layer-backdrop", r),
-        onMouseDown: (l) => {
-          a?.(l), t?.();
-        },
-        ref: u,
-        children: h.cloneElement(e, {
-          ref: f,
-          onMouseDown: (l) => {
-            l.stopPropagation(), e.props?.onMouseDown?.(l);
-          }
-        })
-      }
-    );
-  }
-), st = h.forwardRef(
-  ({ returnFocusOnEscape: t, disableScrollLock: e, ...r }, s) => (Oe(!e), R(
-    () => () => {
-      const o = document.activeElement;
-      t || o?.blur?.();
-    },
-    [t]
-  ), /* @__PURE__ */ i.jsx(Le, { ...r, visible: !0, ref: s }))
-), xe = h.forwardRef(
-  ({ LinkElement: t, to: e, className: r, external: s, ...o }, a) => {
-    const c = {
-      ...s ? { target: "_blank", rel: "noreferrer noopener" } : {},
-      ...o,
-      className: m("aui-action", r)
-    };
-    return t ? /* @__PURE__ */ i.jsx(t, { ...c, to: e, ref: a }) : /* @__PURE__ */ i.jsx("a", { ...c, href: e, ref: a });
-  }
-), at = h.forwardRef(({ className: t, variant: e, corners: r, size: s, ...o }, a) => /* @__PURE__ */ i.jsx(
-  xe,
-  {
-    ...o,
-    className: m(
-      pe({ variant: e, corners: r, size: s }),
-      t
-    ),
-    ref: a
-  }
-)), ct = h.forwardRef(
-  ({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-    xe,
-    {
-      ...e,
-      className: m("aui-link", t),
-      ref: r
-    }
-  )
-), Me = ({
-  className: t,
-  options: e,
-  getOptionLabel: r,
-  corners: s = "rounded",
-  style: o,
-  disabled: a,
-  ...c
-}, u) => /* @__PURE__ */ i.jsxs(
-  w,
-  {
-    className: m(
-      "aui-select-container",
-      `aui-corners--${s}`,
-      a ? "aui-select-disabled" : void 0,
-      t
-    ),
-    style: o,
-    children: [
-      /* @__PURE__ */ i.jsx(
-        "select",
-        {
-          ...c,
-          ref: u,
-          className: `aui-select aui-corners--${s}`,
-          disabled: a,
-          children: e.map((f, l) => /* @__PURE__ */ i.jsx("option", { value: f, children: r?.(f) || f }, l))
-        }
-      ),
-      /* @__PURE__ */ i.jsx(H, { icon: "down", className: "aui-select-icon", "aria-hidden": !0 })
-    ]
-  }
-), it = V(Me), lt = ({ className: t, ...e }) => (
-  // Designed on 2023-08-18
-  /* @__PURE__ */ i.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512",
-      className: m("aui-spinner", t),
-      ...e,
-      children: /* @__PURE__ */ i.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M256,0C114.62,0,0,114.62,0,256S114.62,512,256,512c70.64,0,134.59-28.61,180.91-74.88l-31.11-31.11c-38.35,38.3-91.31,61.99-149.8,61.99-117.08,0-212-94.92-212-212S138.92,44,256,44V0Z"
-        }
-      )
-    }
-  )
-);
-export {
-  Ye as Accordion,
-  Ie as Alert,
-  ke as Animated,
-  Be as Badge,
-  Ue as Banner,
-  w as Box,
-  K as Button,
-  at as ButtonLink,
-  ze as Carousel,
-  We as ClickOutside,
-  He as DoubleCross,
-  Ve as DoubleFlip,
-  Xe as DoubleSpin,
-  qe as Hamburger,
-  H as Icon,
-  et as IconInput,
-  Qe as Input,
-  st as Layer,
-  ct as Link,
-  it as Select,
-  lt as Spinner,
-  Ke as TextArea,
-  Je as TripleFade,
-  Ge as TripleFlip,
-  qe as TriplePrestige,
-  Ze as TripleSpin,
-  te as UnstyledButton,
-  xe as UnstyledLink,
-  Fe as assertDefined,
-  m as classNames,
-  fe as scrollToId,
-  Pe as useFocusTrap,
-  tt as useMediaQuery,
-  rt as useScroll,
-  Oe as useScrollLock,
-  nt as useScrollToHash,
-  ot as useWindowResize
-};

package/dist/aui.umd.js

@@ -1,22 +0,0 @@
-(function(f,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],l):(f=typeof globalThis<"u"?globalThis:f||self,l(f.Aui={},f.React))})(this,function(f,l){"use strict";var U={exports:{}},M={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var K;function be(){if(K)return M;K=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(s,o,a){var i=null;if(a!==void 0&&(i=""+a),o.key!==void 0&&(i=""+o.key),"key"in o){a={};for(var d in o)d!=="key"&&(a[d]=o[d])}else a=o;return o=a.ref,{$$typeof:t,type:s,key:i,ref:o!==void 0?o:null,props:a}}return M.Fragment=e,M.jsx=r,M.jsxs=r,M}var P={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var ee;function ge(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){function t(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===et?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case E:return"Fragment";case N:return"Profiler";case T:return"StrictMode";case B:return"Suspense";case _:return"SuspenseList";case Ke:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case S:return"Portal";case $:return(n.displayName||"Context")+".Provider";case I:return(n._context.displayName||"Context")+".Consumer";case Y:var m=n.render;return n=n.displayName,n||(n=m.displayName||m.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case R:return m=n.displayName||null,m!==null?m:t(n.type)||"Memo";case ce:m=n._payload,n=n._init;try{return t(n(m))}catch{}}return null}function e(n){return""+n}function r(n){try{e(n);var m=!1}catch{m=!0}if(m){m=console;var b=m.error,y=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return b.call(m,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",y),e(n)}}function s(n){if(n===E)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===ce)return"<...>";try{var m=t(n);return m?"<"+m+">":"<...>"}catch{return"<...>"}}function o(){var n=X.A;return n===null?null:n.getOwner()}function a(){return Error("react-stack-top-frame")}function i(n){if(ue.call(n,"key")){var m=Object.getOwnPropertyDescriptor(n,"key").get;if(m&&m.isReactWarning)return!1}return n.key!==void 0}function d(n,m){function b(){fe||(fe=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",m))}b.isReactWarning=!0,Object.defineProperty(n,"key",{get:b,configurable:!0})}function h(){var n=t(this.type);return de[n]||(de[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function u(n,m,b,y,O,A,G,Q){return b=A.ref,n={$$typeof:k,type:n,key:m,props:A,_owner:O},(b!==void 0?b:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:h}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Q}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function v(n,m,b,y,O,A,G,Q){var x=m.children;if(x!==void 0)if(y)if(tt(x)){for(y=0;y<x.length;y++)j(x[y]);Object.freeze&&Object.freeze(x)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(x);if(ue.call(m,"key")){x=t(n);var L=Object.keys(m).filter(function(rt){return rt!=="key"});y=0<L.length?"{key: someKey, "+L.join(": ..., ")+": ...}":"{key: someKey}",pe[x+y]||(L=0<L.length?"{"+L.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,y,x,L,x),pe[x+y]=!0)}if(x=null,b!==void 0&&(r(b),x=""+b),i(m)&&(r(m.key),x=""+m.key),"key"in m){b={};for(var Z in m)Z!=="key"&&(b[Z]=m[Z])}else b=m;return x&&d(b,typeof n=="function"?n.displayName||n.name||"Unknown":n),u(n,x,A,O,o(),b,G,Q)}function j(n){typeof n=="object"&&n!==null&&n.$$typeof===k&&n._store&&(n._store.validated=1)}var w=l,k=Symbol.for("react.transitional.element"),S=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),$=Symbol.for("react.context"),Y=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),ce=Symbol.for("react.lazy"),Ke=Symbol.for("react.activity"),et=Symbol.for("react.client.reference"),X=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ue=Object.prototype.hasOwnProperty,tt=Array.isArray,J=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(n){return n()}};var fe,de={},me=w.react_stack_bottom_frame.bind(w,a)(),he=J(s(a)),pe={};P.Fragment=E,P.jsx=function(n,m,b,y,O){var A=1e4>X.recentlyCreatedOwnerStacks++;return v(n,m,b,!1,y,O,A?Error("react-stack-top-frame"):me,A?J(s(n)):he)},P.jsxs=function(n,m,b,y,O){var A=1e4>X.recentlyCreatedOwnerStacks++;return v(n,m,b,!0,y,O,A?Error("react-stack-top-frame"):me,A?J(s(n)):he)}}()),P}var te;function we(){return te||(te=1,process.env.NODE_ENV==="production"?U.exports=be():U.exports=ge()),U.exports}var c=we();function p(...t){return t.filter(Boolean).join(" ")}function H(t,e){try{const r=document.getElementById(t);r&&r.scrollIntoView({behavior:e})}catch{return}}function ye(t,e){if(t===void 0)throw new Error(e||"Unexpected undefined value");return t}const g=l.forwardRef(({layout:t,className:e,style:r,...s},o)=>{const a=xe(t);return c.jsx("div",{...s,className:p(a.className,e),style:{...a.style,...r},ref:o})});function xe(t){if(!t)return{className:void 0,style:void 0};const{axis:e,gap:r,align:s,justify:o,padding:a,margin:i,wrap:d}=t,h={};let u=`aui-flex-${e}`;return s&&(u=p(u,`aui-align-${s}`)),o&&(u=p(u,`aui-justify-${o}`)),d&&(u=p(u,"aui-flex-wrap")),r&&(typeof r=="number"?h.gap=r:u=p(u,`aui-gap-${r}`)),a&&(typeof a=="number"?h.padding=a:u=p(u,`aui-pa-${a}`)),i&&(typeof i=="number"?h.margin=i:u=p(u,`aui-ma-${i}`)),{className:u,style:h}}const z="M94.0908,296.3057c-29.82338,0-54-24.17662-54-54s24.17662-54,54-54c.00237,0,.00475,0,.00712,0c.0017,0,141.65138,0,221.99288,0v-222c0-29.82338,24.17662-54,54-54s54,24.17662,54,54c0,.00237,0,.00475,0,.00712s0,273.40726,0,275.97468c0,.00607,0,.01213,0,.0182c0,29.82338-24.17662,54-54,54h-276Z",Ee={down:{contents:[c.jsx("path",{d:z,transform:"matrix(.707107 0.707107-.707107 0.707107 165.642289-79.868246)"})]},up:{contents:[c.jsx("path",{d:z,transform:"matrix(-.707107-.707107 0.707107-.707107 346.357711 591.868246)"})]},left:{contents:[c.jsx("path",{d:z,transform:"matrix(-.707107 0.707107-.707107-.707107 591.868246 165.642289)"})]},right:{contents:[c.jsx("path",{d:z,transform:"matrix(.707107-.707107 0.707107 0.707107-79.868246 346.357711)"})]}},ve="0 0 512 512",D=l.forwardRef(({icon:t,className:e,size:r,style:s,...o},a)=>{const{contents:i,viewBox:d}=Ee[t];return c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:d||ve,className:p("aui-icon",e),style:{width:r,height:r,...s},...o,ref:a,children:i.map((h,u)=>c.jsx(l.Fragment,{children:h},u))})}),W=l.forwardRef(({className:t,...e},r)=>c.jsx("button",{...e,className:p("aui-action aui-button",t),ref:r})),q=l.forwardRef(({variant:t,corners:e,className:r,size:s,...o},a)=>c.jsx(W,{...o,className:p(re({variant:t,corners:e,size:s}),r),ref:a})),re=({variant:t="primary",corners:e="rounded",size:r="regular"})=>`aui-button--${t} aui-button-size--${r} aui-corners--${e}`,ne=l.forwardRef((t,e)=>{const{animated:r,duration:s=.25,keepMounted:o=!1,animateTo:a,animateFrom:i,className:d,style:h,...u}=t,[v,j]=l.useState(r||o),[w,k]=l.useState(!1),S=l.useRef(null),E=l.useRef(null),T=()=>{S.current&&(clearTimeout(S.current),S.current=null),E.current&&(cancelAnimationFrame(E.current),E.current=null)};if(l.useEffect(()=>(r&&v&&(T(),E.current=requestAnimationFrame(()=>k(!0))),T),[r,v]),l.useEffect(()=>(r?j(!0):(T(),k(!1),S.current=window.setTimeout(()=>{o||j(!1)},s*1e3)),T),[r,s,o]),!v)return null;const N=w?a:i;return c.jsx(g,{className:p(d,N?.className),style:{transition:`all ${s}s ease-in-out`,...h,...N?.style},...u,ref:e})}),je=l.forwardRef(({drawers:t,className:e,duration:r,hideDividers:s,...o},a)=>{const[i,d]=l.useState(new Set);return c.jsx(g,{layout:{axis:"y"},...o,className:p("aui-accordion aui-corners--rounded",e),ref:a,children:t.map((h,u)=>c.jsx(Te,{item:h,open:i.has(u),onOpenChange:v=>d(j=>{const w=new Set(j);return v?w.add(u):w.delete(u),w}),duration:r,showDivider:!s&&u<t.length-1},u))})}),Te=({item:t,open:e,onOpenChange:r,duration:s,showDivider:o})=>{const a=l.useRef(null),[i,d]=l.useState(),h=t.content;return l.useEffect(()=>{e&&h&&a.current&&d(a.current.offsetHeight)},[e,h]),c.jsxs(c.Fragment,{children:[c.jsxs(g,{layout:{axis:"y"},children:[c.jsx(W,{onClick:()=>r(!e),children:c.jsxs(g,{layout:{axis:"x",align:"center",gap:"m",padding:"l"},children:[c.jsx(D,{size:12,icon:e?"down":"right",className:"aui-accordion-arrow"}),c.jsx("span",{className:"aui-accordion-label",children:t.label})]})}),c.jsx(ne,{style:{overflow:"hidden"},keepMounted:!0,duration:s,animated:e,animateFrom:{style:{visibility:"hidden",height:0,transform:"translateY(-4px)",opacity:.9}},animateTo:{style:{height:i,transform:"translateY(0)",opacity:1}},children:c.jsx(g,{ref:a,children:h})})]}),o&&c.jsx("hr",{className:"aui-accordion-hr"})]})},Se=l.forwardRef(({type:t,corners:e="rounded",className:r,...s},o)=>c.jsx(g,{...s,className:p(`aui-alert aui-content--${t} aui-corners--${e}`,r),ref:o})),ke=l.forwardRef(({type:t,className:e,corners:r="rounded",...s},o)=>c.jsx(g,{...s,className:p(`aui-badge aui-content--${t} aui-corners--${r}`,e),ref:o})),Ne=l.forwardRef(({type:t,className:e,...r},s)=>c.jsx(g,{...r,className:p(`aui-content--${t} aui-banner`,e),ref:s})),_e=1,Ae=l.forwardRef(({children:t,className:e,hideArrows:r,hideDots:s,dotProps:o,leftArrowProps:a,rightArrowProps:i,autoplayInterval:d,duration:h,...u},v)=>{h=Math.max(h??_e,.1),d=d?Math.max(h,d):void 0;const j=t.length,[w,k]=l.useState({cur:0,delta:0,animating:!1}),S=l.useRef(null),{cur:E,delta:T,animating:N}=w,I=oe(E+T,j),$=l.useCallback(_=>{N||_===0||k(R=>({...R,delta:_,animating:!0}))},[N]),Y=()=>{k(({delta:_,cur:R})=>({delta:_,animating:!1,cur:oe(R+_,j)}))};if(l.useEffect(()=>(d&&(S.current=window.setInterval(()=>{$(1)},d*1e3)),()=>{const _=S.current;S.current=null,_&&clearInterval(_)}),[d,$]),j<=0)return null;const B=N?{transform:`translateX(${-(T/Math.abs(T))*100}%)`,transition:`transform ${h}s ease-in-out`}:void 0;return c.jsxs(g,{...u,className:p("aui-carousel",e),ref:v,children:[c.jsxs(g,{className:"aui-carousel-slider",style:{...B,flexDirection:T>=0?"row":"row-reverse"},onTransitionEnd:Y,children:[c.jsx(g,{className:"aui-carousel-item",children:t[E]}),c.jsx(g,{className:"aui-carousel-item","aria-hidden":!0,children:t[I]})]}),j>1&&c.jsxs(c.Fragment,{children:[!r&&c.jsxs(c.Fragment,{children:[c.jsx(q,{className:p("aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",a?.className),style:{left:8,...a?.style},corners:"pill","aria-label":"previous",onClick:()=>$(-1),children:a?.children??c.jsx(D,{icon:"left",size:12,style:{marginRight:2}})}),c.jsx(q,{className:p("aui-flex-x aui-align-center aui-justify-center aui-carousel-arrow",i?.className),style:{right:8,...i?.style},corners:"pill","aria-label":"next",onClick:()=>$(1),children:i?.children??c.jsx(D,{icon:"right",size:12,style:{marginLeft:2}})})]}),!s&&c.jsx(g,{layout:{axis:"x",align:"center",gap:"xs"},className:"aui-carousel-dots",children:t.map((_,R)=>c.jsx(q,{className:p("aui-carousel-dot",o?.className),corners:"pill",disabled:E===R||N,onClick:()=>$(R-E),style:o?.style},R))})]})]})});function oe(t,e){return(t%e+e)%e}const $e=({children:t,onClickOutside:e})=>{const r=l.useRef(null),s=l.useRef(!1),o=l.useRef(!1);l.useEffect(()=>{const i=window.setTimeout(()=>{o.current=!0},0);return()=>{clearTimeout(i),o.current=!1}},[]);const a=l.useCallback(i=>{const d=s.current;s.current=!1,!(!o.current||!r.current||d)&&(i.composedPath().includes(r.current)||e(i))},[e]);return l.useEffect(()=>(document.addEventListener("click",a),()=>document.removeEventListener("click",a)),[a]),l.cloneElement(t,{ref:r,onClick:i=>{s.current=!0,t.props?.onClick?.(i)}})},F={right:45,left:-45},se={right:-135,left:-225},C=t=>{const{size:e=36,duration:r=.25,double:s,openStyle:o,open:a,style:i,rounded:d,lineHeight:h,...u}=t,v=h||Math.max(1,Math.round(e/20)),j={width:e,height:e,display:"flex",position:"relative",justifyContent:"center",alignItems:"center",transition:`transform ${r}s ease`},w={height:v,width:e*.7,backgroundColor:"currentColor",position:"absolute",transition:`transform ${r}s ease, opacity ${r}s ease`,borderRadius:d?1e4:0},k=l.useMemo(()=>e/(s?7:4),[e,s]),{outer:S,top:E,middle:T,bottom:N}=o,I=a?S:{},$=a?E:{transform:`translateY(-${k}px)`},Y=a?N:{transform:`translateY(${k}px)`},B=a?T:{};return c.jsxs(W,{style:{...i,...I,...j},...u,"aria-label":u["aria-label"]||"hamburger","aria-expanded":a,children:[c.jsx("span",{style:{...w,...$}}),!s&&c.jsx("span",{style:{...w,...B}}),c.jsx("span",{style:{...w,...Y}})]})},ae=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=F[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},middle:{transform:"scale(0)"},bottom:{transform:i}}},[e]);return c.jsx(C,{...r,openStyle:s})},Re=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=F[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},bottom:{transform:i}}},[e]);return c.jsx(C,{...r,double:!0,openStyle:s})},Oe=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=se[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},bottom:{transform:i}}},[e]);return c.jsx(C,{...r,double:!0,openStyle:s})},Ce=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=F[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},bottom:{transform:i},outer:{transform:"rotate(180deg)"}}},[e]);return c.jsx(C,{...r,double:!0,openStyle:s})},Le=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=F[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},middle:{opacity:0},bottom:{transform:i}}},[e]);return c.jsx(C,{...r,openStyle:s})},Me=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=se[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},middle:{transform:"scale(0)"},bottom:{transform:i}}},[e]);return c.jsx(C,{...r,openStyle:s})},Pe=t=>{const{direction:e="left",...r}=t,s=l.useMemo(()=>{const o=F[e],a=`rotate(${o}deg)`,i=`rotate(${-o}deg)`;return{top:{transform:a},middle:{opacity:0},bottom:{transform:i},outer:{transform:"rotate(180deg)"}}},[e]);return c.jsx(C,{...r,openStyle:s})},De=l.forwardRef(({className:t,corners:e="rounded",...r},s)=>c.jsx("input",{...r,ref:s,className:p(`aui-input-base aui-input aui-corners--${e}`,t)})),Fe=l.forwardRef(({className:t,rows:e=3,corners:r="rounded",...s},o)=>c.jsx("textarea",{...s,ref:o,className:p(`aui-input-base aui-input aui-corners--${r}`,t),rows:e})),Ie=l.forwardRef(({startIcon:t,endIcon:e,className:r,style:s,corners:o="rounded",inputProps:a},i)=>c.jsxs(g,{layout:{axis:"x",align:"center"},className:p(`aui-input aui-icon-input aui-corners--${o}`,r),style:s,ref:i,children:[t,c.jsx("input",{...a,className:p(`aui-input-base aui-corners--${o}`,a?.className)}),e]})),Ye=()=>{const t=window.scrollY,e=document.body.style,r=document.documentElement.style,{overflow:s,position:o,top:a,width:i}=e,{scrollBehavior:d}=r;return r.scrollBehavior="auto",e.overflow="hidden",e.position="fixed",e.top=`-${t}px`,e.width="100%",()=>{e.overflow=s,e.position=o,e.top=a,e.width=i,window.scrollTo(0,t),r.scrollBehavior=d}},ie=(t=!0)=>{l.useEffect(()=>{if(t)return Ye()},[t])},Be=t=>{const{onMatch:e,onUnmatch:r,query:s}=t,[o,a]=l.useState(!1);return l.useEffect(()=>{const i=window.matchMedia(s),d=h=>{h.matches?e?.():r?.(),a(h.matches)};return i.addEventListener("change",d),a(i.matches),()=>i.removeEventListener("change",d)},[e,r,s]),o},Ue=()=>{const[t,e]=l.useState({scrollX:window.scrollX,scrollY:window.scrollY});return l.useEffect(()=>{const r=()=>{e({scrollX:window.scrollX,scrollY:window.scrollY})};return window.addEventListener("scroll",r),()=>window.removeEventListener("scroll",r)},[]),t},ze='a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]',le=(t=!0)=>{const e=l.useRef(null),r=l.useRef(null),s=l.useCallback(()=>{e.current&&(r.current=e.current.querySelectorAll(ze))},[]);return l.useEffect(()=>{if(!t||!e.current)return;s();const o=i=>{if(i.key!=="Tab")return;if(!r.current||r.current.length===0)return i.preventDefault();const{activeElement:d}=document,h=r.current[0],u=r.current[r.current.length-1];i.shiftKey&&d===h?(u.focus(),i.preventDefault()):!i.shiftKey&&d===u?(h.focus(),i.preventDefault()):e.current?.contains(d)||((i.shiftKey?u:h).focus(),i.preventDefault())},a=new MutationObserver(s);return a.observe(e.current,{childList:!0,subtree:!0}),document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o),a.disconnect()}},[t,s]),e},We=(t={})=>{const{active:e=!0,behavior:r,delay:s}=t;l.useEffect(()=>{const o=window.location.hash;if(!e||o?.length<=1)return;const a=o.substring(1);if(s!==void 0){const i=setTimeout(()=>H(a,r),s);return()=>clearTimeout(i)}H(a,r)},[e,r,s])},qe=t=>{l.useEffect(()=>(window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)),[t])},He=l.forwardRef(({onClose:t,children:e,className:r,disableEscape:s=!1,visible:o,onMouseDown:a,...i},d)=>{const h=le(o);return l.useEffect(()=>{const u=v=>{v.key==="Escape"&&t?.()};return s||document.addEventListener("keydown",u),()=>{s||document.removeEventListener("keydown",u)}},[t,s]),c.jsx(g,{layout:{axis:"y",align:"center",justify:"center"},...i,className:p("aui-layer-backdrop",r),onMouseDown:u=>{a?.(u),t?.()},ref:d,children:l.cloneElement(e,{ref:h,onMouseDown:u=>{u.stopPropagation(),e.props?.onMouseDown?.(u)}})})}),Ve=l.forwardRef(({returnFocusOnEscape:t,disableScrollLock:e,...r},s)=>(ie(!e),l.useEffect(()=>()=>{const o=document.activeElement;t||o?.blur?.()},[t]),c.jsx(He,{...r,visible:!0,ref:s}))),V=l.forwardRef(({LinkElement:t,to:e,className:r,external:s,...o},a)=>{const i={...s?{target:"_blank",rel:"noreferrer noopener"}:{},...o,className:p("aui-action",r)};return t?c.jsx(t,{...i,to:e,ref:a}):c.jsx("a",{...i,href:e,ref:a})}),Xe=l.forwardRef(({className:t,variant:e,corners:r,size:s,...o},a)=>c.jsx(V,{...o,className:p(re({variant:e,corners:r,size:s}),t),ref:a})),Je=l.forwardRef(({className:t,...e},r)=>c.jsx(V,{...e,className:p("aui-link",t),ref:r})),Ge=({className:t,options:e,getOptionLabel:r,corners:s="rounded",style:o,disabled:a,...i},d)=>c.jsxs(g,{className:p("aui-select-container",`aui-corners--${s}`,a?"aui-select-disabled":void 0,t),style:o,children:[c.jsx("select",{...i,ref:d,className:`aui-select aui-corners--${s}`,disabled:a,children:e.map((h,u)=>c.jsx("option",{value:h,children:r?.(h)||h},u))}),c.jsx(D,{icon:"down",className:"aui-select-icon","aria-hidden":!0})]}),Qe=l.forwardRef(Ge),Ze=({className:t,...e})=>c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:p("aui-spinner",t),...e,children:c.jsx("path",{fill:"currentColor",d:"M256,0C114.62,0,0,114.62,0,256S114.62,512,256,512c70.64,0,134.59-28.61,180.91-74.88l-31.11-31.11c-38.35,38.3-91.31,61.99-149.8,61.99-117.08,0-212-94.92-212-212S138.92,44,256,44V0Z"})});f.Accordion=je,f.Alert=Se,f.Animated=ne,f.Badge=ke,f.Banner=Ne,f.Box=g,f.Button=q,f.ButtonLink=Xe,f.Carousel=Ae,f.ClickOutside=$e,f.DoubleCross=Re,f.DoubleFlip=Oe,f.DoubleSpin=Ce,f.Hamburger=ae,f.Icon=D,f.IconInput=Ie,f.Input=De,f.Layer=Ve,f.Link=Je,f.Select=Qe,f.Spinner=Ze,f.TextArea=Fe,f.TripleFade=Le,f.TripleFlip=Me,f.TriplePrestige=ae,f.TripleSpin=Pe,f.UnstyledButton=W,f.UnstyledLink=V,f.assertDefined=ye,f.classNames=p,f.scrollToId=H,f.useFocusTrap=le,f.useMediaQuery=Be,f.useScroll=Ue,f.useScrollLock=ie,f.useScrollToHash=We,f.useWindowResize=qe,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/vite.config.ts

@@ -1,23 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    lib: {
-      entry: "src/index.tsx",
-      name: "Aui",
-      formats: ["es", "cjs", "umd"],
-      fileName: (format) => `aui.${format}.js`,
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"],
-      output: {
-        globals: {
-          react: "React",
-          "react-dom": "ReactDOM",
-        },
-      },
-    },
-  },
-});