@womp/kookie-ui 0.22.0 → 0.23.0

package/components.css

@@ -766,7 +766,6 @@
     line-height: var(--line-height-4);
     -webkit-transform-origin: top;
             transform-origin: top;
-    will-change: height, opacity, transform;
 }
 .kui-AccordionContentInner {
     padding: 0 var(--space-5) var(--space-4);
@@ -2350,6 +2349,10 @@
     position: relative;
     cursor: progress;
 }
+.kui-BaseButton :where(.kui-BaseButtonContent) {
+    display: contents;
+    visibility: hidden;
+}
 .kui-BaseButton :where(svg) {
     width: var(--base-button-icon-size);
     height: var(--base-button-icon-size);
@@ -5960,6 +5963,8 @@
 }
 .kui-ComboboxContent {
     --combobox-list-max-height: calc(300px * var(--scale));
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
     min-width: var(--radix-popover-trigger-width);
     max-height: var(--radix-popover-content-available-height);
     -webkit-transform-origin: var(--radix-popover-content-transform-origin);
@@ -6004,6 +6009,12 @@
     scrollbar-width: thin;
     scrollbar-color: var(--neutral-a8) transparent;
 }
+@supports (-webkit-app-region: drag) {
+    .kui-ComboboxScrollArea {
+        -ms-scroll-chaining: chained;
+            overscroll-behavior: auto;
+    }
+}
 .kui-ComboboxList {
     outline: 0;
 }
@@ -6367,6 +6378,32 @@
         letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
     }
 }
+.kui-Image {
+    display: block;
+    max-width: 100%;
+    -o-object-fit: var(--image-object-fit, cover);
+       object-fit: var(--image-object-fit, cover);
+    border-radius: var(--radius-2);
+    background-color: var(--neutral-a3);
+}
+.kui-Image:where([data-status='loaded']) {
+    background-color: transparent;
+}
+.kui-Image:where(.kui-r-fit-cover) {
+    --image-object-fit: cover;
+}
+.kui-Image:where(.kui-r-fit-contain) {
+    --image-object-fit: contain;
+}
+.kui-Image:where(.kui-r-fit-fill) {
+    --image-object-fit: fill;
+}
+.kui-Image:where(.kui-r-fit-scale-down) {
+    --image-object-fit: scale-down;
+}
+.kui-Image:where(.kui-r-fit-none) {
+    --image-object-fit: none;
+}
 .kui-Kbd {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -11245,6 +11282,12 @@
         overscroll-behavior: contain;
     isolation: isolate;
 }
+@supports (-webkit-app-region: drag) {
+    .kui-ShellContent {
+        -ms-scroll-chaining: chained;
+            overscroll-behavior: auto;
+    }
+}
 .kui-ShellPane {
     --kui-pane-inset-start: initial;
     --kui-pane-inset-end: initial;
@@ -12293,6 +12336,8 @@
 .kui-SliderTick {
     position: absolute;
     top: 0;
+    -webkit-transform: translateX(-50%);
+            transform: translateX(-50%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -12356,6 +12401,12 @@
     position: relative;
     width: var(--space-5);
     height: var(--space-5);
+    contain: paint;
+    overflow-clip-margin: 4px;
+}
+.kui-SpinnerWheel {
+    position: absolute;
+    inset: 0;
     opacity: var(--spinner-opacity);
     -webkit-animation: kui-spinner-rotate var(--spinner-animation-duration) steps(8, end) infinite;
             animation: kui-spinner-rotate var(--spinner-animation-duration) steps(8, end) infinite;
@@ -12428,11 +12479,15 @@
     }
 }
 @media (prefers-reduced-motion: reduce) {
-    .kui-Spinner {
+    .kui-SpinnerWheel {
         -webkit-animation-duration: calc(var(--spinner-animation-duration) * 3);
                 animation-duration: calc(var(--spinner-animation-duration) * 3);
     }
 }
+.kui-SpinnerHiddenChildren {
+    display: contents;
+    visibility: hidden;
+}
 .kui-SwitchRoot {
     position: relative;
     display: -webkit-inline-box;

package/dist/cjs/components/_internal/base-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAO5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE;;;;GAIG;AACH,KAAK,0BAA0B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACxE,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,kBAAkB,GACpB,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC;AAE3E;;GAEG;AACH,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,UAAU,2FA4Jd,CAAC;AAeH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE;;;;GAIG;AACH,KAAK,0BAA0B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACxE,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,kBAAkB,GACpB,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC;AAE3E;;GAEG;AACH,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,UAAU,2FA6Jd,CAAC;AAeH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-button.js

@@ -1,2 +1,2 @@
-"use strict";var je=Object.create;var C=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var Oe=Object.getOwnPropertyNames;var Ge=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var Fe=(t,e)=>{for(var s in e)C(t,s,{get:e[s],enumerable:!0})},q=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Oe(e))!ze.call(t,i)&&i!==s&&C(t,i,{get:()=>e[i],enumerable:!(p=Be(e,i))||p.enumerable});return t};var y=(t,e,s)=>(s=t!=null?je(Ge(t)):{},q(e||!t||!t.__esModule?C(s,"default",{value:t,enumerable:!0}):s,t)),Me=t=>q(C({},"__esModule",{value:!0}),t);var ft={};Fe(ft,{BaseButton:()=>ve});module.exports=Me(ft);var a=y(require("react")),Pe=y(require("classnames")),De=require("radix-ui"),O=require("radix-ui/internal");var T={asChild:{type:"boolean"}};var We=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var X={color:{type:"enum",values:We,default:""}};var Le=["none","small","medium","large","full"],J={radius:{type:"enum",values:Le,default:void 0}};var He=["1","2","3","4"],$e=["raised","solid","soft","surface","outline","ghost"],F={...T,size:{type:"enum",className:"kui-r-size",values:He,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:$e,default:"solid"},...X,...J,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var j=y(require("react")),ue=y(require("classnames"));var te=y(require("classnames"));var Ae=[],Ke=new Set;function Ie(t){let e=Object.assign({},...t),s=[],p=[],i=new Set;for(let r in e){let n=e[r],u=n.values??Ae,l={key:r,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:u,valueSet:u.length>0?new Set(u):Ke,enumValueSet:n.type==="enum"?new Set([n.default,...u]):void 0};n.className?(s.push(l),i.add(r)):(l.hasDefault||n.type==="enum")&&p.push(l)}return{styling:s,passthrough:p,stylingKeys:i}}var Ue={children:new WeakMap};function Z(t){let e=Ue;for(let s=0;s<t.length;s++){let p=t[s],i=e.children.get(p);i===void 0&&(i={children:new WeakMap},e.children.set(p,i)),e=i}return e.compiled??(e.compiled=Ie(t))}var _e=["initial","xs","sm","md","lg","xl"],M=new Set(_e);function W(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Ye=new Set(["initial","xs","sm","md","lg","xl"]);function P(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Ye.has(e))return!0;return!1}function w(t,e,s){return e!==void 0?e.has(s):t.includes(s)}function ee({className:t,customProperties:e,...s}){let p=L({allowArbitraryValues:!0,className:t,...s}),i=qe({customProperties:e,...s});return[p,i]}function L({allowArbitraryValues:t,value:e,className:s,propValues:p,propValueSet:i,parseValue:r=n=>n}){if(e){if(typeof e=="string")return w(p,i,e)?Q(s,e,r):t?s:void 0;if(P(e)){let n=e,u=[];for(let l in n){if(!W(n,l)||!M.has(l))continue;let o=n[l];if(o!==void 0){if(w(p,i,o)){let f=Q(s,o,r),c=l==="initial"?f:`${l}:${f}`;u.push(c)}else if(t){let f=l==="initial"?s:`${l}:${s}`;u.push(f)}}}return u.length>0?u.join(" "):""}if(t)return s}}function Q(t,e,s){let p=t?"-":"",i=s(e),r=i?.startsWith("-"),n=r?"-":"",u=r?i?.substring(1):i;return`${n}${t}${p}${u}`}function qe({customProperties:t,value:e,propValues:s,propValueSet:p,parseValue:i=r=>r}){if(!e||typeof e=="string"&&w(s,p,e))return;let r;if(typeof e=="string"){let n=i(e);r={};for(let u of t)r[u]=n;return r}if(P(e)){let n=e;for(let u in n){if(!W(n,u)||!M.has(u))continue;let l=n[u];if(l===void 0||w(s,p,l))continue;let o=i(l);r??(r={});for(let f of t){let c=u==="initial"?f:`${f}-${u}`;r[c]=o}}}return r??{}}function H(...t){let e;for(let s of t)s&&(e===void 0&&(e={}),Object.assign(e,s));return e}function Xe(t,e){let s=t.initial,p=!1;return e.hasDefault&&s===void 0&&(s=e.default,p=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(s)&&(s=e.default,p=!0),p?{...t,initial:s}:t}function R(t,...e){let{styling:s,passthrough:p,stylingKeys:i}=Z(e),r={};for(let l in t)i.has(l)||(r[l]=t[l]);for(let l=0;l<p.length;l++){let o=p[l],f=r[o.key];if(f===void 0){o.hasDefault&&(r[o.key]=o.default);continue}o.enumValueSet!==void 0&&!o.enumValueSet.has(f)&&!P(f)&&(r[o.key]=o.default)}let n,u=[];for(let l=0;l<s.length;l++){let o=s[l],f=t[o.key];if(f===void 0&&o.hasDefault&&(f=o.default),o.enumValueSet!==void 0&&!o.enumValueSet.has(f)&&!P(f)&&(f=o.default),!!f){if(P(f)){if(!o.responsive)continue;f=Xe(f,o)}if(o.type==="enum"){let c=L({allowArbitraryValues:!1,value:f,className:o.className,propValues:o.values,propValueSet:o.valueSet,parseValue:o.parseValue});c&&u.push(c);continue}if(o.type==="string"||o.type==="enum | string"){let[c,b]=ee({className:o.className,customProperties:o.customProperties,propValues:o.type==="string"?[]:o.values,propValueSet:o.type==="string"?void 0:o.valueSet,parseValue:o.parseValue,value:f});b&&(n=H(n,b)),c&&u.push(c);continue}if(o.type==="boolean"){u.push(o.className);continue}}}return r.className=(0,te.default)(u.length>0?u.join(" "):void 0,t.className),r.style=H(n,t.style),r}var D=["0","1","2","3","4","5","6","7","8","9","10","11","12"],se={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:D,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:D,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:D,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:D,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:D,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:D,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:D,responsive:!0}};var re={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var oe={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var $=["visible","hidden","clip","scroll","auto"],Je=["static","relative","absolute","fixed","sticky"],N=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Ze=["0","1"],Qe=["0","1"],et=["start","center","end","baseline","stretch"],tt=["start","center","end","baseline","stretch"],ne={...se,...oe,...re,position:{type:"enum",className:"kui-r-position",values:Je,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:N,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:N,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:N,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:N,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:N,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:$,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:$,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:$,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:Ze,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:Qe,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:et,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:tt,responsive:!0}};var v=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],ie={m:{type:"enum | string",values:v,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:v,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:v,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var E=require("radix-ui"),$t=E.Slot.Root,pe=E.Slot.Root,At=E.Slot.Slottable;var A=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ae={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:A,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:A,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:A,responsive:!0}};var st=["div","span"],rt=["none","inline-flex","flex"],ot=["row","column","row-reverse","column-reverse"],nt=["start","center","end","baseline","stretch"],it=["start","center","end","between"],pt=["nowrap","wrap","wrap-reverse"],le={as:{type:"enum",values:st,default:"div"},...T,display:{type:"enum",className:"kui-r-display",values:rt,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:ot,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:nt,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:it,parseValue:at,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:pt,responsive:!0},...ae};function at(t){return t==="between"?"space-between":t}var x=j.forwardRef((t,e)=>{let{className:s,asChild:p,as:i="div",...r}=R(t,le,ne,ie);return j.createElement(p?pe:i,{...r,ref:e,className:(0,ue.default)("kui-Flex",s)})});x.displayName="Flex";var m=y(require("react")),me=y(require("classnames"));var fe={loading:{type:"boolean",default:!0}};var K=m.forwardRef((t,e)=>{let{className:s,children:p,loading:i,...r}=R(t,fe);if(!i)return p;let n=m.createElement("span",{...r,ref:e,className:(0,me.default)("kui-Spinner",s)},m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}));return p===void 0?n:m.createElement(x,{asChild:!0,position:"relative",align:"center",justify:"center"},m.createElement("span",null,m.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},p),m.createElement(x,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},m.createElement("span",null,n))))});K.displayName="Spinner";var I=require("radix-ui"),ce=I.VisuallyHidden.Root,is=I.VisuallyHidden.Root;var B=y(require("react")),lt="2",de=B.createContext(lt);de.displayName="ThemeSizeContext";function ut(t,e){if(e.includes(t))return t;let s=Number(t),p=e[0],i=1/0;for(let r=0;r<e.length;r++){let n=Math.abs(Number(e[r])-s);n<i&&(i=n,p=e[r])}return p}function ye(t,e){let s=B.useContext(de);if(t.size!==void 0)return t;let p=ut(s,e.values);return p===e.default?t:{...t,size:p}}var ve=a.forwardRef((t,e)=>{let s=ye(t,F.size),{className:p,children:i,asChild:r,as:n,color:u,radius:l,disabled:o,...f}=R(s,F),c=!!s.loading,b=!!o||c,{onClick:U,"aria-describedby":_}=f,be=a.useCallback(d=>{if(b){d.preventDefault();return}U?.(d)},[b,U]),he=a.useMemo(()=>{let d=r&&a.isValidElement(i)?i.props.children:i,S=k=>a.Children.toArray(k).flatMap(V=>a.isValidElement(V)&&V.type===a.Fragment?S(V.props.children):[V]),h=S(d),g=k=>a.isValidElement(k)&&k.type==="svg";return{iconStart:g(h[0]),iconEnd:g(h[h.length-1])}},[r,i]),[Re,xe]=a.useState(null),Y=a.useRef(null),Se=(0,O.useComposedRefs)(e,Y);(0,O.useLayoutEffect)(()=>{let d=Y.current;if(!d||c)return;let S=ge(d,"start"),h=ge(d,"end");xe(g=>g&&g.iconStart===S&&g.iconEnd===h?g:{iconStart:S,iconEnd:h})});let{iconStart:Ne,iconEnd:ke}=Re??he,Ve=r?De.Slot.Root:n||"button",G=r||!n||["button","input","textarea","select"].includes(n),Ce=!r&&(!n||n==="button"),Te="type"in f,we=a.useId(),z=c?`${we}-loading`:void 0,Ee=a.useMemo(()=>c?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[_,z].filter(Boolean).join(" ")}:o&&(!G||r)?{"aria-disabled":!0}:{},[c,z,_,o,G,r]);return a.createElement(Ve,{"data-accent-color":u,"data-radius":l,"data-icon-start":Ne||void 0,"data-icon-end":ke||void 0,...f,...Ee,"data-disabled":b||void 0,onClick:be,ref:Se,className:(0,Pe.default)("kui-reset","kui-BaseButton",p),...G&&{disabled:o},...Ce&&!Te?{type:"button"}:{}},s.loading?a.createElement(a.Fragment,null,a.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},i),a.createElement(ce,null,a.createElement("span",{id:z,"aria-hidden":!0},"Loading"),i),a.createElement(x,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},a.createElement("span",null,a.createElement(K,{"aria-hidden":"true"})))):i)});ve.displayName="BaseButton";function ge(t,e){let s=e==="start"?t.firstChild:t.lastChild;for(;s&&(s.nodeType===Node.COMMENT_NODE||s.nodeType===Node.TEXT_NODE&&!s.textContent?.trim());)s=e==="start"?s.nextSibling:s.previousSibling;return s?.nodeType===Node.ELEMENT_NODE&&s.localName==="svg"}
+"use strict";var we=Object.create;var V=Object.defineProperty;var Ee=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var je=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var Ge=(t,e)=>{for(var s in e)V(t,s,{get:e[s],enumerable:!0})},Y=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Be(e))!Oe.call(t,i)&&i!==s&&V(t,i,{get:()=>e[i],enumerable:!(p=Ee(e,i))||p.enumerable});return t};var y=(t,e,s)=>(s=t!=null?we(je(t)):{},Y(e||!t||!t.__esModule?V(s,"default",{value:t,enumerable:!0}):s,t)),ze=t=>Y(V({},"__esModule",{value:!0}),t);var ut={};Ge(ut,{BaseButton:()=>Pe});module.exports=ze(ut);var a=y(require("react")),ye=y(require("classnames")),ge=require("radix-ui"),O=require("radix-ui/internal");var T={asChild:{type:"boolean"}};var Fe=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var q={color:{type:"enum",values:Fe,default:""}};var Me=["none","small","medium","large","full"],X={radius:{type:"enum",values:Me,default:void 0}};var We=["1","2","3","4"],Le=["raised","solid","soft","surface","outline","ghost"],F={...T,size:{type:"enum",className:"kui-r-size",values:We,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:Le,default:"solid"},...q,...X,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var B=y(require("react")),ue=y(require("classnames"));var ee=y(require("classnames"));var $e=[],Ae=new Set;function He(t){let e=Object.assign({},...t),s=[],p=[],i=new Set;for(let r in e){let n=e[r],l=n.values??$e,u={key:r,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:l,valueSet:l.length>0?new Set(l):Ae,enumValueSet:n.type==="enum"?new Set([n.default,...l]):void 0};n.className?(s.push(u),i.add(r)):(u.hasDefault||n.type==="enum")&&p.push(u)}return{styling:s,passthrough:p,stylingKeys:i}}var Ke={children:new WeakMap};function J(t){let e=Ke;for(let s=0;s<t.length;s++){let p=t[s],i=e.children.get(p);i===void 0&&(i={children:new WeakMap},e.children.set(p,i)),e=i}return e.compiled??(e.compiled=He(t))}var Ie=["initial","xs","sm","md","lg","xl"],M=new Set(Ie);function W(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Ue=new Set(["initial","xs","sm","md","lg","xl"]);function P(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Ue.has(e))return!0;return!1}function w(t,e,s){return e!==void 0?e.has(s):t.includes(s)}function Q({className:t,customProperties:e,...s}){let p=L({allowArbitraryValues:!0,className:t,...s}),i=_e({customProperties:e,...s});return[p,i]}function L({allowArbitraryValues:t,value:e,className:s,propValues:p,propValueSet:i,parseValue:r=n=>n}){if(e){if(typeof e=="string")return w(p,i,e)?Z(s,e,r):t?s:void 0;if(P(e)){let n=e,l=[];for(let u in n){if(!W(n,u)||!M.has(u))continue;let o=n[u];if(o!==void 0){if(w(p,i,o)){let f=Z(s,o,r),c=u==="initial"?f:`${u}:${f}`;l.push(c)}else if(t){let f=u==="initial"?s:`${u}:${s}`;l.push(f)}}}return l.length>0?l.join(" "):""}if(t)return s}}function Z(t,e,s){let p=t?"-":"",i=s(e),r=i?.startsWith("-"),n=r?"-":"",l=r?i?.substring(1):i;return`${n}${t}${p}${l}`}function _e({customProperties:t,value:e,propValues:s,propValueSet:p,parseValue:i=r=>r}){if(!e||typeof e=="string"&&w(s,p,e))return;let r;if(typeof e=="string"){let n=i(e);r={};for(let l of t)r[l]=n;return r}if(P(e)){let n=e;for(let l in n){if(!W(n,l)||!M.has(l))continue;let u=n[l];if(u===void 0||w(s,p,u))continue;let o=i(u);r??(r={});for(let f of t){let c=l==="initial"?f:`${f}-${l}`;r[c]=o}}}return r??{}}function $(...t){let e;for(let s of t)s&&(e===void 0&&(e={}),Object.assign(e,s));return e}function Ye(t,e){let s=t.initial,p=!1;return e.hasDefault&&s===void 0&&(s=e.default,p=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(s)&&(s=e.default,p=!0),p?{...t,initial:s}:t}function R(t,...e){let{styling:s,passthrough:p,stylingKeys:i}=J(e),r={};for(let u in t)i.has(u)||(r[u]=t[u]);for(let u=0;u<p.length;u++){let o=p[u],f=r[o.key];if(f===void 0){o.hasDefault&&(r[o.key]=o.default);continue}o.enumValueSet!==void 0&&!o.enumValueSet.has(f)&&!P(f)&&(r[o.key]=o.default)}let n,l=[];for(let u=0;u<s.length;u++){let o=s[u],f=t[o.key];if(f===void 0&&o.hasDefault&&(f=o.default),o.enumValueSet!==void 0&&!o.enumValueSet.has(f)&&!P(f)&&(f=o.default),!!f){if(P(f)){if(!o.responsive)continue;f=Ye(f,o)}if(o.type==="enum"){let c=L({allowArbitraryValues:!1,value:f,className:o.className,propValues:o.values,propValueSet:o.valueSet,parseValue:o.parseValue});c&&l.push(c);continue}if(o.type==="string"||o.type==="enum | string"){let[c,b]=Q({className:o.className,customProperties:o.customProperties,propValues:o.type==="string"?[]:o.values,propValueSet:o.type==="string"?void 0:o.valueSet,parseValue:o.parseValue,value:f});b&&(n=$(n,b)),c&&l.push(c);continue}if(o.type==="boolean"){l.push(o.className);continue}}}return r.className=(0,ee.default)(l.length>0?l.join(" "):void 0,t.className),r.style=$(n,t.style),r}var D=["0","1","2","3","4","5","6","7","8","9","10","11","12"],te={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:D,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:D,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:D,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:D,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:D,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:D,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:D,responsive:!0}};var se={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var re={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var A=["visible","hidden","clip","scroll","auto"],qe=["static","relative","absolute","fixed","sticky"],x=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Xe=["0","1"],Je=["0","1"],Ze=["start","center","end","baseline","stretch"],Qe=["start","center","end","baseline","stretch"],oe={...te,...re,...se,position:{type:"enum",className:"kui-r-position",values:qe,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:x,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:x,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:x,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:x,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:x,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:A,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:A,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:A,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:Xe,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:Je,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:Ze,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:Qe,responsive:!0}};var v=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],ne={m:{type:"enum | string",values:v,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:v,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:v,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:v,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var E=require("radix-ui"),Lt=E.Slot.Root,ie=E.Slot.Root,$t=E.Slot.Slottable;var H=["0","1","2","3","4","5","6","7","8","9","10","11","12"],pe={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:H,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:H,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:H,responsive:!0}};var et=["div","span"],tt=["none","inline-flex","flex"],st=["row","column","row-reverse","column-reverse"],rt=["start","center","end","baseline","stretch"],ot=["start","center","end","between"],nt=["nowrap","wrap","wrap-reverse"],ae={as:{type:"enum",values:et,default:"div"},...T,display:{type:"enum",className:"kui-r-display",values:tt,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:st,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:rt,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:ot,parseValue:it,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:nt,responsive:!0},...pe};function it(t){return t==="between"?"space-between":t}var S=B.forwardRef((t,e)=>{let{className:s,asChild:p,as:i="div",...r}=R(t,ae,oe,ne);return B.createElement(p?ie:i,{...r,ref:e,className:(0,ue.default)("kui-Flex",s)})});S.displayName="Flex";var m=y(require("react")),fe=y(require("classnames"));var le={loading:{type:"boolean",default:!0}};var K=m.forwardRef((t,e)=>{let{className:s,children:p,loading:i,...r}=R(t,le);if(!i)return p;let n=m.createElement("span",{...r,ref:e,className:(0,fe.default)("kui-Spinner",s)},m.createElement("span",{className:"kui-SpinnerWheel"},m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"}),m.createElement("span",{className:"kui-SpinnerLeaf"})));return p===void 0?n:m.createElement(S,{asChild:!0,position:"relative",align:"center",justify:"center"},m.createElement("span",null,m.createElement("span",{"aria-hidden":!0,className:"kui-SpinnerHiddenChildren",inert:void 0},p),m.createElement(S,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},m.createElement("span",null,n))))});K.displayName="Spinner";var j=y(require("react")),pt="2",me=j.createContext(pt);me.displayName="ThemeSizeContext";function at(t,e){if(e.includes(t))return t;let s=Number(t),p=e[0],i=1/0;for(let r=0;r<e.length;r++){let n=Math.abs(Number(e[r])-s);n<i&&(i=n,p=e[r])}return p}function ce(t,e){let s=j.useContext(me);if(t.size!==void 0)return t;let p=at(s,e.values);return p===e.default?t:{...t,size:p}}var Pe=a.forwardRef((t,e)=>{let s=ce(t,F.size),{className:p,children:i,asChild:r,as:n,color:l,radius:u,disabled:o,...f}=R(s,F),c=!!s.loading,b=!!o||c,{onClick:I,"aria-describedby":U}=f,De=a.useCallback(d=>{if(b){d.preventDefault();return}I?.(d)},[b,I]),ve=a.useMemo(()=>{let d=r&&a.isValidElement(i)?i.props.children:i,N=k=>a.Children.toArray(k).flatMap(C=>a.isValidElement(C)&&C.type===a.Fragment?N(C.props.children):[C]),h=N(d),g=k=>a.isValidElement(k)&&k.type==="svg";return{iconStart:g(h[0]),iconEnd:g(h[h.length-1])}},[r,i]),[be,he]=a.useState(null),_=a.useRef(null),Re=(0,O.useComposedRefs)(e,_);(0,O.useLayoutEffect)(()=>{let d=_.current;if(!d||c)return;let N=de(d,"start"),h=de(d,"end");he(g=>g&&g.iconStart===N&&g.iconEnd===h?g:{iconStart:N,iconEnd:h})});let{iconStart:Se,iconEnd:Ne}=be??ve,xe=r?ge.Slot.Root:n||"button",G=r||!n||["button","input","textarea","select"].includes(n),ke=!r&&(!n||n==="button"),Ce="type"in f,Ve=a.useId(),z=c?`${Ve}-loading`:void 0,Te=a.useMemo(()=>c?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[U,z].filter(Boolean).join(" ")}:o&&(!G||r)?{"aria-disabled":!0}:{},[c,z,U,o,G,r]);return a.createElement(xe,{"data-accent-color":l,"data-radius":u,"data-icon-start":Se||void 0,"data-icon-end":Ne||void 0,...f,...Te,"data-disabled":b||void 0,onClick:De,ref:Re,className:(0,ye.default)("kui-reset","kui-BaseButton",p),...G&&{disabled:o},...ke&&!Ce?{type:"button"}:{}},s.loading?a.createElement(a.Fragment,null,a.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":!0},i),a.createElement("span",{className:"kui-sr-only"},a.createElement("span",{id:z,"aria-hidden":!0},"Loading"),i),a.createElement(S,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},a.createElement("span",null,a.createElement(K,{"aria-hidden":"true"})))):i)});Pe.displayName="BaseButton";function de(t,e){let s=e==="start"?t.firstChild:t.lastChild;for(;s&&(s.nodeType===Node.COMMENT_NODE||s.nodeType===Node.TEXT_NODE&&!s.textContent?.trim());)s=e==="start"?s.nextSibling:s.previousSibling;return s?.nodeType===Node.ELEMENT_NODE&&s.localName==="svg"}
 //# sourceMappingURL=base-button.js.map