@womp/kookie-ui 0.22.1 → 0.24.0

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

@@ -11,7 +11,17 @@ type BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;
 type PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {
     /** Element type to render as (e.g., 'a', 'span', etc.) */
     as?: C;
-} & BaseButtonOwnProps & ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | 'as'>;
+} & BaseButtonOwnProps & BaseButtonDoneProps & ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | 'as' | 'done'>;
+interface BaseButtonDoneProps {
+    /**
+     * Shows a tick in place of the icon to say that the action finished. The tick takes the
+     * icon's box, so nothing moves, and the icon comes back as soon as `done` is false again. On
+     * an `iconOnly` button the tick replaces the content. It doesn't block the press. Screen
+     * readers don't announce the tick, so also change the label or `aria-label` (for example,
+     * `Copy` to `Copied`).
+     */
+    done?: boolean;
+}
 /**
  * BaseButton props interface that combines all available props
  */

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;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,mBAAmB,GACnB,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;AAEpF,UAAU,mBAAmB;IAC3B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,UAAU,2FA8Kd,CAAC;AAwBH,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 Oe=Object.create;var S=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var He=(t,e)=>{for(var s in e)S(t,s,{get:e[s],enumerable:!0})},te=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Ge(e))!ze.call(t,r)&&r!==s&&S(t,r,{get:()=>e[r],enumerable:!(p=Fe(e,r))||p.enumerable});return t};var h=(t,e,s)=>(s=t!=null?Oe(We(t)):{},te(e||!t||!t.__esModule?S(s,"default",{value:t,enumerable:!0}):s,t)),$e=t=>te(S({},"__esModule",{value:!0}),t);var Nt={};He(Nt,{BaseButton:()=>Re});module.exports=$e(Nt);var l=h(require("react")),we=h(require("classnames")),xe=require("radix-ui"),j=require("radix-ui/internal");var T={asChild:{type:"boolean"}};var Ae=["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 se={color:{type:"enum",values:Ae,default:""}};var Ke=["none","small","medium","large","full"],oe={radius:{type:"enum",values:Ke,default:void 0}};var _e=["1","2","3","4"],Ue=["raised","solid","soft","surface","outline","ghost"],G={...T,size:{type:"enum",className:"kui-r-size",values:_e,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:Ue,default:"solid"},...se,...oe,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var B=h(require("react")),ye=h(require("classnames"));var pe=h(require("classnames"));var Ze=[],Ye=new Set;function qe(t){let e=Object.assign({},...t),s=[],p=[],r=new Set;for(let o in e){let i=e[o],u=i.values??Ze,f={key:o,type:i.type,default:i.default,hasDefault:i.default!==void 0,responsive:"responsive"in i,className:i.className,customProperties:i.customProperties,parseValue:i.parseValue,values:u,valueSet:u.length>0?new Set(u):Ye,enumValueSet:i.type==="enum"?new Set([i.default,...u]):void 0};i.className?(s.push(f),r.add(o)):(f.hasDefault||i.type==="enum")&&p.push(f)}return{styling:s,passthrough:p,stylingKeys:r}}var Xe={children:new WeakMap};function re(t){let e=Xe;for(let s=0;s<t.length;s++){let p=t[s],r=e.children.get(p);r===void 0&&(r={children:new WeakMap},e.children.set(p,r)),e=r}return e.compiled??(e.compiled=qe(t))}var Je=["initial","xs","sm","md","lg","xl"],W=new Set(Je);function z(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Qe=new Set(["initial","xs","sm","md","lg","xl"]);function b(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Qe.has(e))return!0;return!1}function V(t,e,s){return e!==void 0?e.has(s):t.includes(s)}function ie({className:t,customProperties:e,...s}){let p=H({allowArbitraryValues:!0,className:t,...s}),r=et({customProperties:e,...s});return[p,r]}function H({allowArbitraryValues:t,value:e,className:s,propValues:p,propValueSet:r,parseValue:o=i=>i}){if(e){if(typeof e=="string")return V(p,r,e)?ne(s,e,o):t?s:void 0;if(b(e)){let i=e,u=[];for(let f in i){if(!z(i,f)||!W.has(f))continue;let n=i[f];if(n!==void 0){if(V(p,r,n)){let m=ne(s,n,o),d=f==="initial"?m:`${f}:${m}`;u.push(d)}else if(t){let m=f==="initial"?s:`${f}:${s}`;u.push(m)}}}return u.length>0?u.join(" "):""}if(t)return s}}function ne(t,e,s){let p=t?"-":"",r=s(e),o=r?.startsWith("-"),i=o?"-":"",u=o?r?.substring(1):r;return`${i}${t}${p}${u}`}function et({customProperties:t,value:e,propValues:s,propValueSet:p,parseValue:r=o=>o}){if(!e||typeof e=="string"&&V(s,p,e))return;let o;if(typeof e=="string"){let i=r(e);o={};for(let u of t)o[u]=i;return o}if(b(e)){let i=e;for(let u in i){if(!z(i,u)||!W.has(u))continue;let f=i[u];if(f===void 0||V(s,p,f))continue;let n=r(f);o??(o={});for(let m of t){let d=u==="initial"?m:`${m}-${u}`;o[d]=n}}}return o??{}}function $(...t){let e;for(let s of t)s&&(e===void 0&&(e={}),Object.assign(e,s));return e}function tt(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:r}=re(e),o={};for(let f in t)r.has(f)||(o[f]=t[f]);for(let f=0;f<p.length;f++){let n=p[f],m=o[n.key];if(m===void 0){n.hasDefault&&(o[n.key]=n.default);continue}n.enumValueSet!==void 0&&!n.enumValueSet.has(m)&&!b(m)&&(o[n.key]=n.default)}let i,u=[];for(let f=0;f<s.length;f++){let n=s[f],m=t[n.key];if(m===void 0&&n.hasDefault&&(m=n.default),n.enumValueSet!==void 0&&!n.enumValueSet.has(m)&&!b(m)&&(m=n.default),!!m){if(b(m)){if(!n.responsive)continue;m=tt(m,n)}if(n.type==="enum"){let d=H({allowArbitraryValues:!1,value:m,className:n.className,propValues:n.values,propValueSet:n.valueSet,parseValue:n.parseValue});d&&u.push(d);continue}if(n.type==="string"||n.type==="enum | string"){let[d,D]=ie({className:n.className,customProperties:n.customProperties,propValues:n.type==="string"?[]:n.values,propValueSet:n.type==="string"?void 0:n.valueSet,parseValue:n.parseValue,value:m});D&&(i=$(i,D)),d&&u.push(d);continue}if(n.type==="boolean"){u.push(n.className);continue}}}return o.className=(0,pe.default)(u.length>0?u.join(" "):void 0,t.className),o.style=$(i,t.style),o}var w=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ae={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:w,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:w,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:w,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:w,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:w,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:w,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:w,responsive:!0}};var le={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 ue={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"],st=["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"],ot=["0","1"],rt=["0","1"],nt=["start","center","end","baseline","stretch"],it=["start","center","end","baseline","stretch"],fe={...ae,...ue,...le,position:{type:"enum",className:"kui-r-position",values:st,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: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:ot,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:rt,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:nt,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:it,responsive:!0}};var x=["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"],me={m:{type:"enum | string",values:x,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:x,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:x,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:x,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:x,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:x,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:x,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var E=require("radix-ui"),os=E.Slot.Root,ce=E.Slot.Root,rs=E.Slot.Slottable;var K=["0","1","2","3","4","5","6","7","8","9","10","11","12"],de={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:K,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:K,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:K,responsive:!0}};var pt=["div","span"],at=["none","inline-flex","flex"],lt=["row","column","row-reverse","column-reverse"],ut=["start","center","end","baseline","stretch"],ft=["start","center","end","between"],mt=["nowrap","wrap","wrap-reverse"],ge={as:{type:"enum",values:pt,default:"div"},...T,display:{type:"enum",className:"kui-r-display",values:at,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:lt,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:ut,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:ft,parseValue:ct,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:mt,responsive:!0},...de};function ct(t){return t==="between"?"space-between":t}var k=B.forwardRef((t,e)=>{let{className:s,asChild:p,as:r="div",...o}=R(t,ge,fe,me);return B.createElement(p?ce:r,{...o,ref:e,className:(0,ye.default)("kui-Flex",s)})});k.displayName="Flex";var c=h(require("react")),ve=h(require("classnames"));var Pe={loading:{type:"boolean",default:!0}};var _=c.forwardRef((t,e)=>{let{className:s,children:p,loading:r,...o}=R(t,Pe);if(!r)return p;let i=o["aria-label"]!==void 0||o["aria-labelledby"]!==void 0,u=c.createElement("span",{role:i?"status":void 0,"aria-hidden":i?void 0:!0,...o,ref:e,className:(0,ve.default)("kui-Spinner",s)},c.createElement("span",{className:"kui-SpinnerWheel"},c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"}),c.createElement("span",{className:"kui-SpinnerLeaf"})));return p===void 0?u:c.createElement(k,{asChild:!0,position:"relative",align:"center",justify:"center"},c.createElement("span",{"aria-busy":"true"},c.createElement("span",{"aria-hidden":!0,className:"kui-SpinnerHiddenChildren",inert:void 0},p),c.createElement(k,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},c.createElement("span",null,u))))});_.displayName="Spinner";var a=h(require("react")),dt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));dt.displayName="ThickDividerHorizontalIcon";var gt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));gt.displayName="ThickCheckIcon";var yt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));yt.displayName="ChevronDownIcon";var Pt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));Pt.displayName="ThickChevronRightIcon";var vt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.76174 0.201711C5.45892 -0.0809141 4.98433 -0.0645489 4.70171 0.238264L1.20171 3.98826C0.932757 4.27642 0.932757 4.72359 1.20171 5.01174L4.70171 8.76174C4.98433 9.06455 5.45892 9.08092 5.76174 8.79829C6.06455 8.51567 6.08091 8.04108 5.79829 7.73826L2.77591 4.5L5.79829 1.26174C6.08091 0.958928 6.06455 0.484337 5.76174 0.201711Z"})));vt.displayName="ThickChevronLeftIcon";var ht=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("circle",{cx:"4.5",cy:"4.5",r:"2"})));ht.displayName="ThickDotIcon";var Dt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{...t,ref:e,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.default.createElement("path",{d:"M18 6 6 18"}),a.default.createElement("path",{d:"m6 6 12 12"})));Dt.displayName="CloseIcon";var bt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{...t,ref:e,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.default.createElement("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})));bt.displayName="PaperclipIcon";var wt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),a.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"})));wt.displayName="FileIcon";var xt=a.default.forwardRef((t,e)=>a.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},a.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),a.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),a.default.createElement("path",{d:"M10 9H8"}),a.default.createElement("path",{d:"M16 13H8"}),a.default.createElement("path",{d:"M16 17H8"})));xt.displayName="FileTextIcon";var U=a.default.forwardRef((t,e)=>a.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,ref:e},a.default.createElement("path",{d:"M5 12.75L9.5 17.25L19 7.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})));U.displayName="TickIcon";var I=h(require("react")),Rt="2",he=I.createContext(Rt);he.displayName="ThemeSizeContext";function kt(t,e){if(e.includes(t))return t;let s=Number(t),p=e[0],r=1/0;for(let o=0;o<e.length;o++){let i=Math.abs(Number(e[o])-s);i<r&&(r=i,p=e[o])}return p}function De(t,e){let s=I.useContext(he);if(t.size!==void 0)return t;let p=kt(s,e.values);return p===e.default?t:{...t,size:p}}var Re=l.forwardRef((t,e)=>{let s=De(t,G.size),{className:p,children:r,asChild:o,as:i,color:u,radius:f,disabled:n,done:m=!1,...d}=R(s,G),D=!!s.loading,L=!!n||D,{onClick:Y,"aria-describedby":q}=d,ke=l.useCallback(g=>{if(L){g.preventDefault();return}Y?.(g)},[L,Y]),Ne=l.useMemo(()=>{let g=o&&l.isValidElement(r)?r.props.children:r,v=Z(g),P=y=>l.isValidElement(y)&&y.type==="svg";return{iconStart:P(v[0]),iconEnd:P(v[v.length-1])}},[o,r]),[Ce,Se]=l.useState(null),X=l.useRef(null),Te=(0,j.useComposedRefs)(e,X);(0,j.useLayoutEffect)(()=>{let g=X.current;if(!g||D||m)return;let v=be(g,"start"),P=be(g,"end");Se(y=>y&&y.iconStart===v&&y.iconEnd===P?y:{iconStart:v,iconEnd:P})});let{iconStart:M,iconEnd:Ve}=Ce??Ne,J=!!d["data-icon-only"],Q=l.useMemo(()=>{if(!m)return r;let g=l.createElement(U,{key:"kui-done-tick",className:"kui-BaseButtonTick","aria-hidden":!0}),v=P=>{if(J)return g;let y=Z(P),ee=y.findIndex(C=>!(typeof C=="string"&&!C.trim()));return M&&ee!==-1?y.map((C,Me)=>Me===ee?g:C):[g,...y]};if(o&&l.isValidElement(r)){let P=r;return l.cloneElement(P,void 0,v(P.props.children))}return v(r)},[m,r,J,M,o]),Ee=o?xe.Slot.Root:i||"button",O=o||!i||["button","input","textarea","select"].includes(i),Be=!o&&(!i||i==="button"),Ie="type"in d,je=l.useId(),F=D?`${je}-loading`:void 0,Le=l.useMemo(()=>D?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[q,F].filter(Boolean).join(" ")}:n&&(!O||o)?{"aria-disabled":!0}:{},[D,F,q,n,O,o]);return l.createElement(Ee,{"data-accent-color":u,"data-radius":f,"data-icon-start":M||void 0,"data-icon-end":Ve||void 0,"data-done":m||void 0,...d,...Le,"data-disabled":L||void 0,onClick:ke,ref:Te,className:(0,we.default)("kui-reset","kui-BaseButton",p),...O&&{disabled:n},...Be&&!Ie?{type:"button"}:{}},s.loading?l.createElement(l.Fragment,null,l.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":!0},Q),l.createElement("span",{className:"kui-sr-only"},l.createElement("span",{id:F,"aria-hidden":!0},"Loading"),r),l.createElement(k,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},l.createElement("span",null,l.createElement(_,{"aria-hidden":"true"})))):Q)});Re.displayName="BaseButton";function Z(t){return l.Children.toArray(t).flatMap(e=>l.isValidElement(e)&&e.type===l.Fragment?Z(e.props.children):[e])}function be(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