@womp/kookie-ui 0.22.0 → 0.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +57 -2
- package/dist/cjs/components/_internal/base-button.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-button.js +1 -1
- package/dist/cjs/components/_internal/base-button.js.map +4 -4
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +4 -4
- package/dist/cjs/components/chatbar.js +1 -1
- package/dist/cjs/components/chatbar.js.map +4 -4
- package/dist/cjs/components/image.d.ts +23 -0
- package/dist/cjs/components/image.d.ts.map +1 -0
- package/dist/cjs/components/image.js +2 -0
- package/dist/cjs/components/image.js.map +7 -0
- package/dist/cjs/components/image.props.d.ts +19 -0
- package/dist/cjs/components/image.props.d.ts.map +1 -0
- package/dist/cjs/components/image.props.js +2 -0
- package/dist/cjs/components/image.props.js.map +7 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +3 -3
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/message-scroller.js +1 -1
- package/dist/cjs/components/message-scroller.js.map +4 -4
- package/dist/cjs/components/notice.js +1 -1
- package/dist/cjs/components/notice.js.map +4 -4
- package/dist/cjs/components/select.d.ts +1 -2
- package/dist/cjs/components/select.d.ts.map +1 -1
- package/dist/cjs/components/select.js +1 -1
- package/dist/cjs/components/select.js.map +3 -3
- package/dist/cjs/components/slider.d.ts.map +1 -1
- package/dist/cjs/components/slider.js +1 -1
- package/dist/cjs/components/slider.js.map +2 -2
- package/dist/cjs/components/spinner.d.ts.map +1 -1
- package/dist/cjs/components/spinner.js +1 -1
- package/dist/cjs/components/spinner.js.map +2 -2
- package/dist/cjs/components/toggle.js +2 -2
- package/dist/cjs/components/toggle.js.map +4 -4
- package/dist/cjs/components/toolbar.js +1 -1
- package/dist/cjs/components/toolbar.js.map +4 -4
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +4 -4
- package/dist/esm/{chunk-PNAB6KCN.js → chunk-6DDOR73D.js} +2 -2
- package/dist/esm/{chunk-PNAB6KCN.js.map → chunk-6DDOR73D.js.map} +1 -1
- package/dist/esm/{chunk-LC5AK2ZD.js → chunk-BOL3VVSN.js} +2 -2
- package/dist/esm/chunk-EZYXYLR2.js +2 -0
- package/dist/esm/chunk-EZYXYLR2.js.map +7 -0
- package/dist/esm/{chunk-WKSXMFFF.js → chunk-FYT7TYGS.js} +2 -2
- package/dist/esm/chunk-GLV7VGBH.js +2 -0
- package/dist/esm/{chunk-KMDXIZAG.js.map → chunk-GLV7VGBH.js.map} +2 -2
- package/dist/esm/{chunk-NLXJZJNN.js → chunk-L2R62BOB.js} +2 -2
- package/dist/esm/chunk-M7I6ISPL.js +2 -0
- package/dist/esm/chunk-M7I6ISPL.js.map +7 -0
- package/dist/esm/chunk-MYYXOFU5.js +1 -0
- package/dist/esm/chunk-NQDMTOGB.js +2 -0
- package/dist/esm/chunk-NQDMTOGB.js.map +7 -0
- package/dist/esm/{chunk-YK3ZUMRQ.js → chunk-Q6MFPATL.js} +2 -2
- package/dist/esm/{chunk-T62PRLPN.js → chunk-QGCXTULQ.js} +2 -2
- package/dist/esm/chunk-UE3HATOA.js +2 -0
- package/dist/esm/chunk-UE3HATOA.js.map +7 -0
- package/dist/esm/chunk-XRCMPBAY.js +2 -0
- package/dist/esm/chunk-XRCMPBAY.js.map +7 -0
- package/dist/esm/{chunk-TJL47GIO.js → chunk-ZEX2DECM.js} +2 -2
- package/dist/esm/components/_internal/base-button.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/image.d.ts +23 -0
- package/dist/esm/components/image.d.ts.map +1 -0
- package/dist/esm/components/image.js +2 -0
- package/dist/esm/components/image.js.map +7 -0
- package/dist/esm/components/image.props.d.ts +19 -0
- package/dist/esm/components/image.props.d.ts.map +1 -0
- package/dist/esm/components/image.props.js +2 -0
- package/dist/esm/components/image.props.js.map +7 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/message-scroller.js +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/select.d.ts +1 -2
- package/dist/esm/components/select.d.ts.map +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/slider.d.ts.map +1 -1
- package/dist/esm/components/slider.js +1 -1
- package/dist/esm/components/spinner.d.ts.map +1 -1
- package/dist/esm/components/spinner.js +1 -1
- package/dist/esm/components/toggle.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.js +1 -1
- package/package.json +1 -1
- package/src/components/_internal/base-button.css +6 -0
- package/src/components/_internal/base-button.tsx +5 -5
- package/src/components/accordion.css +0 -1
- package/src/components/combobox.css +13 -0
- package/src/components/image.css +33 -0
- package/src/components/image.props.ts +18 -0
- package/src/components/image.tsx +71 -0
- package/src/components/index.css +1 -0
- package/src/components/index.tsx +1 -0
- package/src/components/select.tsx +77 -29
- package/src/components/shell.css +12 -0
- package/src/components/slider.css +1 -0
- package/src/components/slider.tsx +3 -12
- package/src/components/spinner.css +19 -1
- package/src/components/spinner.tsx +11 -9
- package/src/styles/tokens/color.css +1 -22
- package/src/styles/tokens/radius.css +8 -8
- package/styles.css +65 -31
- package/tokens/base.css +8 -29
- package/tokens.css +8 -29
- package/dist/esm/chunk-3YWVE5GL.js +0 -2
- package/dist/esm/chunk-3YWVE5GL.js.map +0 -7
- package/dist/esm/chunk-A3YQIJDA.js +0 -2
- package/dist/esm/chunk-A3YQIJDA.js.map +0 -7
- package/dist/esm/chunk-D3U4MWDZ.js +0 -1
- package/dist/esm/chunk-IJRBX6EV.js +0 -2
- package/dist/esm/chunk-IJRBX6EV.js.map +0 -7
- package/dist/esm/chunk-KMDXIZAG.js +0 -2
- /package/dist/esm/{chunk-LC5AK2ZD.js.map → chunk-BOL3VVSN.js.map} +0 -0
- /package/dist/esm/{chunk-WKSXMFFF.js.map → chunk-FYT7TYGS.js.map} +0 -0
- /package/dist/esm/{chunk-NLXJZJNN.js.map → chunk-L2R62BOB.js.map} +0 -0
- /package/dist/esm/{chunk-D3U4MWDZ.js.map → chunk-MYYXOFU5.js.map} +0 -0
- /package/dist/esm/{chunk-YK3ZUMRQ.js.map → chunk-Q6MFPATL.js.map} +0 -0
- /package/dist/esm/{chunk-T62PRLPN.js.map → chunk-QGCXTULQ.js.map} +0 -0
- /package/dist/esm/{chunk-TJL47GIO.js.map → chunk-ZEX2DECM.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var gt=Object.create;var te=Object.defineProperty;var ht=Object.getOwnPropertyDescriptor;var vt=Object.getOwnPropertyNames;var Dt=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty;var Ct=(e,t)=>{for(var o in t)te(e,o,{get:t[o],enumerable:!0})},we=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of vt(t))!bt.call(e,r)&&r!==o&&te(e,r,{get:()=>t[r],enumerable:!(s=ht(t,r))||s.enumerable});return e};var y=(e,t,o)=>(o=e!=null?gt(Dt(e)):{},we(t||!e||!e.__esModule?te(o,"default",{value:e,enumerable:!0}):o,e)),Rt=e=>we(te({},"__esModule",{value:!0}),e);var ao={};Ct(ao,{Button:()=>Pt});module.exports=Rt(ao);var Y=y(require("react")),yt=y(require("classnames"));var m=y(require("react")),Je=y(require("classnames")),Ze=require("radix-ui"),pe=require("radix-ui/internal");var N={asChild:{type:"boolean"}};var oe=["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"],Ve=["auto","gray","mauve","slate","sage","olive","sand"],Fe={color:{type:"enum",values:oe,default:void 0}},Be={color:{type:"enum",values:oe,default:""}};var fe=["none","small","medium","large","full"],Ee={radius:{type:"enum",values:fe,default:void 0}};var xt=["1","2","3","4"],Tt=["raised","solid","soft","surface","outline","ghost"],ce={...N,size:{type:"enum",className:"kui-r-size",values:xt,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:Tt,default:"solid"},...Be,...Ee,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var ne=y(require("react")),Ke=y(require("classnames"));var Ge=y(require("classnames"));var Nt=[],St=new Set;function kt(e){let t=Object.assign({},...e),o=[],s=[],r=new Set;for(let i in t){let n=t[i],l=n.values??Nt,p={key:i,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):St,enumValueSet:n.type==="enum"?new Set([n.default,...l]):void 0};n.className?(o.push(p),r.add(i)):(p.hasDefault||n.type==="enum")&&s.push(p)}return{styling:o,passthrough:s,stylingKeys:r}}var wt={children:new WeakMap};function je(e){let t=wt;for(let o=0;o<e.length;o++){let s=e[o],r=t.children.get(s);r===void 0&&(r={children:new WeakMap},t.children.set(s,r)),t=r}return t.compiled??(t.compiled=kt(e))}var Vt=["initial","xs","sm","md","lg","xl"],de=new Set(Vt);function ye(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Ft=new Set(["initial","xs","sm","md","lg","xl"]);function j(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Ft.has(t))return!0;return!1}function re(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function ze({className:e,customProperties:t,...o}){let s=Pe({allowArbitraryValues:!0,className:e,...o}),r=Bt({customProperties:t,...o});return[s,r]}function Pe({allowArbitraryValues:e,value:t,className:o,propValues:s,propValueSet:r,parseValue:i=n=>n}){if(t){if(typeof t=="string")return re(s,r,t)?Oe(o,t,i):e?o:void 0;if(j(t)){let n=t,l=[];for(let p in n){if(!ye(n,p)||!de.has(p))continue;let a=n[p];if(a!==void 0){if(re(s,r,a)){let u=Oe(o,a,i),f=p==="initial"?u:`${p}:${u}`;l.push(f)}else if(e){let u=p==="initial"?o:`${p}:${o}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(e)return o}}function Oe(e,t,o){let s=e?"-":"",r=o(t),i=r?.startsWith("-"),n=i?"-":"",l=i?r?.substring(1):r;return`${n}${e}${s}${l}`}function Bt({customProperties:e,value:t,propValues:o,propValueSet:s,parseValue:r=i=>i}){if(!t||typeof t=="string"&&re(o,s,t))return;let i;if(typeof t=="string"){let n=r(t);i={};for(let l of e)i[l]=n;return i}if(j(t)){let n=t;for(let l in n){if(!ye(n,l)||!de.has(l))continue;let p=n[l];if(p===void 0||re(o,s,p))continue;let a=r(p);i??(i={});for(let u of e){let f=l==="initial"?u:`${u}-${l}`;i[f]=a}}}return i??{}}function ge(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Et(e,t){let o=e.initial,s=!1;return t.hasDefault&&o===void 0&&(o=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,s=!0),s?{...e,initial:o}:e}function D(e,...t){let{styling:o,passthrough:s,stylingKeys:r}=je(t),i={};for(let p in e)r.has(p)||(i[p]=e[p]);for(let p=0;p<s.length;p++){let a=s[p],u=i[a.key];if(u===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!j(u)&&(i[a.key]=a.default)}let n,l=[];for(let p=0;p<o.length;p++){let a=o[p],u=e[a.key];if(u===void 0&&a.hasDefault&&(u=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!j(u)&&(u=a.default),!!u){if(j(u)){if(!a.responsive)continue;u=Et(u,a)}if(a.type==="enum"){let f=Pe({allowArbitraryValues:!1,value:u,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&l.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,g]=ze({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:u});g&&(n=ge(n,g)),f&&l.push(f);continue}if(a.type==="boolean"){l.push(a.className);continue}}}return i.className=(0,Ge.default)(l.length>0?l.join(" "):void 0,e.className),i.style=ge(n,e.style),i}var O=["0","1","2","3","4","5","6","7","8","9","10","11","12"],We={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:O,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:O,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:O,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:O,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:O,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:O,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:O,responsive:!0}};var Ae={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 I={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 he=["visible","hidden","clip","scroll","auto"],jt=["static","relative","absolute","fixed","sticky"],U=["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"],zt=["0","1"],Gt=["start","center","end","baseline","stretch"],Wt=["start","center","end","baseline","stretch"],He={...We,...I,...Ae,position:{type:"enum",className:"kui-r-position",values:jt,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:U,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:U,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:U,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:U,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:U,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:he,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:he,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:he,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:zt,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:Gt,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:Wt,responsive:!0}};var z=["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:z,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:z,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:z,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var se=require("radix-ui"),Ao=se.Slot.Root,Ie=se.Slot.Root,Ho=se.Slot.Slottable;var ve=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Le={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:ve,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:ve,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:ve,responsive:!0}};var At=["div","span"],Ht=["none","inline-flex","flex"],Mt=["row","column","row-reverse","column-reverse"],It=["start","center","end","baseline","stretch"],Lt=["start","center","end","between"],$t=["nowrap","wrap","wrap-reverse"],$e={as:{type:"enum",values:At,default:"div"},...N,display:{type:"enum",className:"kui-r-display",values:Ht,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:Mt,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:It,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:Lt,parseValue:Kt,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:$t,responsive:!0},...Le};function Kt(e){return e==="between"?"space-between":e}var L=ne.forwardRef((e,t)=>{let{className:o,asChild:s,as:r="div",...i}=D(e,$e,He,Me);return ne.createElement(s?Ie:r,{...i,ref:t,className:(0,Ke.default)("kui-Flex",o)})});L.displayName="Flex";var P=y(require("react")),qe=y(require("classnames"));var _e={loading:{type:"boolean",default:!0}};var De=P.forwardRef((e,t)=>{let{className:o,children:s,loading:r,...i}=D(e,_e);if(!r)return s;let n=P.createElement("span",{...i,ref:t,className:(0,qe.default)("kui-Spinner",o)},P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}),P.createElement("span",{className:"kui-SpinnerLeaf"}));return s===void 0?n:P.createElement(L,{asChild:!0,position:"relative",align:"center",justify:"center"},P.createElement("span",null,P.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},s),P.createElement(L,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},P.createElement("span",null,n))))});De.displayName="Spinner";var be=require("radix-ui"),Ue=be.VisuallyHidden.Root,rr=be.VisuallyHidden.Root;var ie=y(require("react")),_t="2",ae=ie.createContext(_t);ae.displayName="ThemeSizeContext";function qt(e,t){if(t.includes(e))return e;let o=Number(e),s=t[0],r=1/0;for(let i=0;i<t.length;i++){let n=Math.abs(Number(t[i])-o);n<r&&(r=n,s=t[i])}return s}function Ye(e,t){let o=ie.useContext(ae);if(e.size!==void 0)return e;let s=qt(o,t.values);return s===t.default?e:{...e,size:s}}var Ce=m.forwardRef((e,t)=>{let o=Ye(e,ce.size),{className:s,children:r,asChild:i,as:n,color:l,radius:p,disabled:a,...u}=D(o,ce),f=!!o.loading,g=!!a||f,{onClick:v,"aria-describedby":C}=u,x=m.useCallback(T=>{if(g){T.preventDefault();return}v?.(T)},[g,v]),R=m.useMemo(()=>{let T=i&&m.isValidElement(r)?r.props.children:r,q=Q=>m.Children.toArray(Q).flatMap(ee=>m.isValidElement(ee)&&ee.type===m.Fragment?q(ee.props.children):[ee]),M=q(T),E=Q=>m.isValidElement(Q)&&Q.type==="svg";return{iconStart:E(M[0]),iconEnd:E(M[M.length-1])}},[i,r]),[A,H]=m.useState(null),k=m.useRef(null),w=(0,pe.useComposedRefs)(t,k);(0,pe.useLayoutEffect)(()=>{let T=k.current;if(!T||f)return;let q=Xe(T,"start"),M=Xe(T,"end");H(E=>E&&E.iconStart===q&&E.iconEnd===M?E:{iconStart:q,iconEnd:M})});let{iconStart:K,iconEnd:V}=A??R,_=i?Ze.Slot.Root:n||"button",F=i||!n||["button","input","textarea","select"].includes(n),X=!i&&(!n||n==="button"),me="type"in u,J=m.useId(),B=f?`${J}-loading`:void 0,Z=m.useMemo(()=>f?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[C,B].filter(Boolean).join(" ")}:a&&(!F||i)?{"aria-disabled":!0}:{},[f,B,C,a,F,i]);return m.createElement(_,{"data-accent-color":l,"data-radius":p,"data-icon-start":K||void 0,"data-icon-end":V||void 0,...u,...Z,"data-disabled":g||void 0,onClick:x,ref:w,className:(0,Je.default)("kui-reset","kui-BaseButton",s),...F&&{disabled:a},...X&&!me?{type:"button"}:{}},o.loading?m.createElement(m.Fragment,null,m.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},r),m.createElement(Ue,null,m.createElement("span",{id:B,"aria-hidden":!0},"Loading"),r),m.createElement(L,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},m.createElement("span",null,m.createElement(De,{"aria-hidden":"true"})))):r)});Ce.displayName="BaseButton";function Xe(e,t){let o=t==="start"?e.firstChild:e.lastChild;for(;o&&(o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&!o.textContent?.trim());)o=t==="start"?o.nextSibling:o.previousSibling;return o?.nodeType===Node.ELEMENT_NODE&&o.localName==="svg"}var b=y(require("react")),ct=y(require("classnames")),$=require("radix-ui");var G=y(require("react")),at=require("radix-ui");var Ut=["loud","medium","quiet"],Qe={emphasis:{type:"enum",className:"kui-emphasis",values:Ut,default:void 0}};var Yt=["normal","start","end","both"],et={trim:{type:"enum",className:"kui-r-lt",values:Yt,responsive:!0}};var Xt=["left","center","right"],tt={align:{type:"enum",className:"kui-r-ta",values:Xt,responsive:!0}};var Jt=["wrap","nowrap","pretty","balance"],ot={wrap:{type:"enum",className:"kui-r-tw",values:Jt,responsive:!0}};var rt={truncate:{type:"boolean",className:"kui-truncate"}};var Zt=["sans","mono","serif"],st={font:{type:"enum",className:"kui-r-ff",values:Zt}};var Qt=["regular","medium","semibold"],nt={weight:{type:"enum",className:"kui-r-weight",values:Qt,responsive:!0}};var eo=["span","div","label","p"],to=["1","2","3","4","5","6","7","8","9"],it={as:{type:"enum",values:eo,default:"span"},...N,size:{type:"enum",className:"kui-r-size",values:to,responsive:!0},...st,...nt,...tt,...et,...rt,...ot,...Fe,...Qe};var Re=G.memo(G.forwardRef((e,t)=>{let{children:o,className:s,asChild:r,as:i="span",color:n,...l}=D(e,it),p=s?`kui-Text ${s}`:"kui-Text";return r?G.createElement(at.Slot.Root,{"data-accent-color":n,...l,ref:t,className:p},o):G.createElement(i,{"data-accent-color":n,...l,ref:t,className:p},o)}));Re.displayName="Text";var c=y(require("react")),ut=y(require("classnames")),W=require("radix-ui"),le=require("radix-ui/internal");function pt(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var xe=y(require("react"));function S(e){let[t,o]=xe.useState(e),[s,r]=xe.useState(e);return Object.is(e,s)||(r(e),o(e)),[t,o]}var oo=["inherit","light","dark"],lt=["sans","mono","serif"],ro=["1","2","3","4"],d={...N,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:oo,default:"inherit"},accentColor:{type:"enum",values:oe,default:"gray"},grayColor:{type:"enum",values:Ve,default:"gray"},radius:{type:"enum",values:fe,default:"full"},fontFamily:{type:"enum",values:lt,default:"sans"},headingFontFamily:{type:"enum",values:lt},size:{type:"enum",values:ro,default:"2"}};var h=()=>{},Lr={appearance:d.appearance.default,accentColor:d.accentColor.default,grayColor:d.grayColor.default,resolvedGrayColor:d.grayColor.default,radius:d.radius.default,fontFamily:d.fontFamily.default,headingFontFamily:void 0,size:d.size.default,onAppearanceChange:h,onAccentColorChange:h,onGrayColorChange:h,onRadiusChange:h,onFontFamilyChange:h,onHeadingFontFamilyChange:h,onSizeChange:h},Te=c.createContext(void 0);var Ne=c.forwardRef((e,t)=>{let o=c.useContext(Te),s=W.Direction.useDirection();return o===void 0?c.createElement(W.Tooltip.Provider,{delayDuration:200},c.createElement(W.Direction.Provider,{dir:s},c.createElement(mt,{...e,ref:t}))):c.createElement(Se,{...e,ref:t})});Ne.displayName="Theme";var mt=c.forwardRef((e,t)=>{let{appearance:o=d.appearance.default,accentColor:s=d.accentColor.default,grayColor:r=d.grayColor.default,radius:i=d.radius.default,fontFamily:n=d.fontFamily.default,headingFontFamily:l,size:p=d.size.default,hasBackground:a=d.hasBackground.default,...u}=e,[f,g]=S(o),[v,C]=S(s),[x,R]=S(r),[A,H]=S(i),[k,w]=S(n),[K,V]=S(l),[_,F]=S(p);return c.createElement(Se,{...u,ref:t,isRoot:!0,hasBackground:a,appearance:f,accentColor:v,grayColor:x,radius:A,fontFamily:k,headingFontFamily:K,size:_,onAppearanceChange:g,onAccentColorChange:C,onGrayColorChange:R,onRadiusChange:H,onFontFamilyChange:w,onHeadingFontFamilyChange:V,onSizeChange:F})});mt.displayName="ThemeRoot";function so(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var Se=c.forwardRef((e,t)=>{let o=c.useContext(Te),{asChild:s,isRoot:r,hasBackground:i,appearance:n=e.appearance??o?.appearance??d.appearance.default,accentColor:l=e.accentColor??o?.accentColor??d.accentColor.default,grayColor:p=e.grayColor??o?.resolvedGrayColor??d.grayColor.default,radius:a=e.radius??o?.radius??d.radius.default,fontFamily:u=e.fontFamily??o?.fontFamily??d.fontFamily.default,headingFontFamily:f=e.headingFontFamily??o?.headingFontFamily,size:g=e.size??o?.size??d.size.default,onAppearanceChange:v=h,onAccentColorChange:C=h,onGrayColorChange:x=h,onRadiusChange:R=h,onFontFamilyChange:A=h,onHeadingFontFamilyChange:H=h,onSizeChange:k=h,...w}=e,K=s?W.Slot.Root:"div",V=p==="auto"?pt(l):p,_=e.appearance==="light"||e.appearance==="dark",F=i===void 0?r||_:i,X=c.useRef(null),me=(0,le.useComposedRefs)(t,X),J="data-os"in w;return(0,le.useLayoutEffect)(()=>{if(!r||J)return;let B=X.current;if(!B)return;let Z=so();if(Z)return B.setAttribute("data-os",Z),()=>B.removeAttribute("data-os")},[r,J]),c.createElement(Te.Provider,{value:c.useMemo(()=>({appearance:n,accentColor:l,grayColor:p,resolvedGrayColor:V,radius:a,fontFamily:u,headingFontFamily:f,size:g,onAppearanceChange:v,onAccentColorChange:C,onGrayColorChange:x,onRadiusChange:R,onFontFamilyChange:A,onHeadingFontFamilyChange:H,onSizeChange:k}),[n,l,p,V,a,u,f,g,v,C,x,R,A,H,k])},c.createElement(ae.Provider,{value:g},c.createElement(K,{"data-is-root-theme":r?"true":"false","data-accent-color":l,"data-gray-color":V,"data-has-background":F?"true":"false","data-radius":a,"data-font-family":u,"data-heading-font-family":f,ref:me,...w,className:(0,ut.default)("kui-theme",{light:n==="light",dark:n==="dark"},w.className)})))});Se.displayName="ThemeImpl";var ft={content:{type:"ReactNode",required:!0},width:I.width,minWidth:I.minWidth,maxWidth:{...I.maxWidth,default:"360px"}};var ke=b.forwardRef((e,t)=>{let{children:o,className:s,open:r,defaultOpen:i,onOpenChange:n,delayDuration:l,disableHoverableContent:p,content:a,container:u,forceMount:f,...g}=D(e,ft),v={open:r,defaultOpen:i,onOpenChange:n,delayDuration:l,disableHoverableContent:p};return b.createElement($.Tooltip.Root,{...v},b.createElement($.Tooltip.Trigger,{asChild:!0},o),b.createElement($.Tooltip.Portal,{container:u,forceMount:f},b.createElement(Ne,{asChild:!0},b.createElement($.Tooltip.Content,{sideOffset:4,collisionPadding:10,...g,asChild:!1,ref:t,className:(0,ct.default)("kui-TooltipContent",s)},b.createElement(Re,{as:"p",className:"kui-TooltipText",size:"1"},a),b.createElement($.Tooltip.Arrow,{className:"kui-TooltipArrow"})))))});ke.displayName="Tooltip";var ue=y(require("react"));function dt(e){let t=ue.useId(),o=!!e,s=ue.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:s}}var no={loud:"solid",medium:"raised",quiet:"ghost"};function io(e){if(e["aria-label"]||e["aria-labelledby"])return;console.error("Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or `aria-labelledby` referencing a label element.")}var Pt=Y.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:s="top",tooltipAlign:r="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:n,iconOnly:l=!1,emphasis:p,variant:a,...u},f)=>{let{tooltipId:g,hasTooltip:v,accessibilityProps:C}=dt(o);if(l&&(io(u),u.fullWidth=!1),p!==void 0&&a!==void 0)throw new Error("Button: pass `emphasis` or `variant`, not both. They set the same thing.");let x=p!==void 0?no[p]:a,R=Y.createElement(Ce,{...u,variant:x,...C,ref:f,"data-icon-only":l||void 0,className:(0,yt.default)("kui-Button",e),style:t});return v?Y.createElement(ke,{content:o,side:s,align:r,delayDuration:i,disableHoverableContent:n,id:g},R):R});Pt.displayName="Button";
|
|
1
|
+
"use strict";var yt=Object.create;var te=Object.defineProperty;var Pt=Object.getOwnPropertyDescriptor;var gt=Object.getOwnPropertyNames;var ht=Object.getPrototypeOf,Dt=Object.prototype.hasOwnProperty;var vt=(e,t)=>{for(var o in t)te(e,o,{get:t[o],enumerable:!0})},ke=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of gt(t))!Dt.call(e,r)&&r!==o&&te(e,r,{get:()=>t[r],enumerable:!(s=Pt(t,r))||s.enumerable});return e};var P=(e,t,o)=>(o=e!=null?yt(ht(e)):{},ke(t||!e||!e.__esModule?te(o,"default",{value:e,enumerable:!0}):o,e)),bt=e=>ke(te({},"__esModule",{value:!0}),e);var no={};vt(no,{Button:()=>dt});module.exports=bt(no);var Y=P(require("react")),ct=P(require("classnames"));var m=P(require("react")),Ye=P(require("classnames")),Xe=require("radix-ui"),pe=require("radix-ui/internal");var N={asChild:{type:"boolean"}};var oe=["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"],we=["auto","gray","mauve","slate","sage","olive","sand"],Fe={color:{type:"enum",values:oe,default:void 0}},Ve={color:{type:"enum",values:oe,default:""}};var fe=["none","small","medium","large","full"],Be={radius:{type:"enum",values:fe,default:void 0}};var Ct=["1","2","3","4"],Rt=["raised","solid","soft","surface","outline","ghost"],ce={...N,size:{type:"enum",className:"kui-r-size",values:Ct,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:Rt,default:"solid"},...Ve,...Be,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var ne=P(require("react")),$e=P(require("classnames"));var ze=P(require("classnames"));var Tt=[],xt=new Set;function Nt(e){let t=Object.assign({},...e),o=[],s=[],r=new Set;for(let a in t){let n=t[a],l=n.values??Tt,p={key:a,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):xt,enumValueSet:n.type==="enum"?new Set([n.default,...l]):void 0};n.className?(o.push(p),r.add(a)):(p.hasDefault||n.type==="enum")&&s.push(p)}return{styling:o,passthrough:s,stylingKeys:r}}var St={children:new WeakMap};function Ee(e){let t=St;for(let o=0;o<e.length;o++){let s=e[o],r=t.children.get(s);r===void 0&&(r={children:new WeakMap},t.children.set(s,r)),t=r}return t.compiled??(t.compiled=Nt(e))}var kt=["initial","xs","sm","md","lg","xl"],de=new Set(kt);function ye(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var wt=new Set(["initial","xs","sm","md","lg","xl"]);function j(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(wt.has(t))return!0;return!1}function re(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Oe({className:e,customProperties:t,...o}){let s=Pe({allowArbitraryValues:!0,className:e,...o}),r=Ft({customProperties:t,...o});return[s,r]}function Pe({allowArbitraryValues:e,value:t,className:o,propValues:s,propValueSet:r,parseValue:a=n=>n}){if(t){if(typeof t=="string")return re(s,r,t)?je(o,t,a):e?o:void 0;if(j(t)){let n=t,l=[];for(let p in n){if(!ye(n,p)||!de.has(p))continue;let i=n[p];if(i!==void 0){if(re(s,r,i)){let u=je(o,i,a),f=p==="initial"?u:`${p}:${u}`;l.push(f)}else if(e){let u=p==="initial"?o:`${p}:${o}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(e)return o}}function je(e,t,o){let s=e?"-":"",r=o(t),a=r?.startsWith("-"),n=a?"-":"",l=a?r?.substring(1):r;return`${n}${e}${s}${l}`}function Ft({customProperties:e,value:t,propValues:o,propValueSet:s,parseValue:r=a=>a}){if(!t||typeof t=="string"&&re(o,s,t))return;let a;if(typeof t=="string"){let n=r(t);a={};for(let l of e)a[l]=n;return a}if(j(t)){let n=t;for(let l in n){if(!ye(n,l)||!de.has(l))continue;let p=n[l];if(p===void 0||re(o,s,p))continue;let i=r(p);a??(a={});for(let u of e){let f=l==="initial"?u:`${u}-${l}`;a[f]=i}}}return a??{}}function ge(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Vt(e,t){let o=e.initial,s=!1;return t.hasDefault&&o===void 0&&(o=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,s=!0),s?{...e,initial:o}:e}function v(e,...t){let{styling:o,passthrough:s,stylingKeys:r}=Ee(t),a={};for(let p in e)r.has(p)||(a[p]=e[p]);for(let p=0;p<s.length;p++){let i=s[p],u=a[i.key];if(u===void 0){i.hasDefault&&(a[i.key]=i.default);continue}i.enumValueSet!==void 0&&!i.enumValueSet.has(u)&&!j(u)&&(a[i.key]=i.default)}let n,l=[];for(let p=0;p<o.length;p++){let i=o[p],u=e[i.key];if(u===void 0&&i.hasDefault&&(u=i.default),i.enumValueSet!==void 0&&!i.enumValueSet.has(u)&&!j(u)&&(u=i.default),!!u){if(j(u)){if(!i.responsive)continue;u=Vt(u,i)}if(i.type==="enum"){let f=Pe({allowArbitraryValues:!1,value:u,className:i.className,propValues:i.values,propValueSet:i.valueSet,parseValue:i.parseValue});f&&l.push(f);continue}if(i.type==="string"||i.type==="enum | string"){let[f,g]=Oe({className:i.className,customProperties:i.customProperties,propValues:i.type==="string"?[]:i.values,propValueSet:i.type==="string"?void 0:i.valueSet,parseValue:i.parseValue,value:u});g&&(n=ge(n,g)),f&&l.push(f);continue}if(i.type==="boolean"){l.push(i.className);continue}}}return a.className=(0,ze.default)(l.length>0?l.join(" "):void 0,e.className),a.style=ge(n,e.style),a}var O=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ge={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:O,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:O,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:O,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:O,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:O,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:O,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:O,responsive:!0}};var We={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 H={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 he=["visible","hidden","clip","scroll","auto"],Bt=["static","relative","absolute","fixed","sticky"],U=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Et=["0","1"],jt=["0","1"],Ot=["start","center","end","baseline","stretch"],zt=["start","center","end","baseline","stretch"],Ae={...Ge,...H,...We,position:{type:"enum",className:"kui-r-position",values:Bt,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:U,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:U,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:U,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:U,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:U,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:he,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:he,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:he,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:Et,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:jt,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:Ot,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:zt,responsive:!0}};var z=["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:z,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:z,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:z,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:z,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var se=require("radix-ui"),Go=se.Slot.Root,Ie=se.Slot.Root,Wo=se.Slot.Slottable;var De=["0","1","2","3","4","5","6","7","8","9","10","11","12"],He={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:De,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:De,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:De,responsive:!0}};var Gt=["div","span"],Wt=["none","inline-flex","flex"],At=["row","column","row-reverse","column-reverse"],Mt=["start","center","end","baseline","stretch"],It=["start","center","end","between"],Ht=["nowrap","wrap","wrap-reverse"],Le={as:{type:"enum",values:Gt,default:"div"},...N,display:{type:"enum",className:"kui-r-display",values:Wt,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:At,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:Mt,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:It,parseValue:Lt,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:Ht,responsive:!0},...He};function Lt(e){return e==="between"?"space-between":e}var L=ne.forwardRef((e,t)=>{let{className:o,asChild:s,as:r="div",...a}=v(e,Le,Ae,Me);return ne.createElement(s?Ie:r,{...a,ref:t,className:(0,$e.default)("kui-Flex",o)})});L.displayName="Flex";var y=P(require("react")),_e=P(require("classnames"));var Ke={loading:{type:"boolean",default:!0}};var ve=y.forwardRef((e,t)=>{let{className:o,children:s,loading:r,...a}=v(e,Ke);if(!r)return s;let n=y.createElement("span",{...a,ref:t,className:(0,_e.default)("kui-Spinner",o)},y.createElement("span",{className:"kui-SpinnerWheel"},y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"}),y.createElement("span",{className:"kui-SpinnerLeaf"})));return s===void 0?n:y.createElement(L,{asChild:!0,position:"relative",align:"center",justify:"center"},y.createElement("span",null,y.createElement("span",{"aria-hidden":!0,className:"kui-SpinnerHiddenChildren",inert:void 0},s),y.createElement(L,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},y.createElement("span",null,n))))});ve.displayName="Spinner";var ae=P(require("react")),$t="2",ie=ae.createContext($t);ie.displayName="ThemeSizeContext";function Kt(e,t){if(t.includes(e))return e;let o=Number(e),s=t[0],r=1/0;for(let a=0;a<t.length;a++){let n=Math.abs(Number(t[a])-o);n<r&&(r=n,s=t[a])}return s}function qe(e,t){let o=ae.useContext(ie);if(e.size!==void 0)return e;let s=Kt(o,t.values);return s===t.default?e:{...e,size:s}}var be=m.forwardRef((e,t)=>{let o=qe(e,ce.size),{className:s,children:r,asChild:a,as:n,color:l,radius:p,disabled:i,...u}=v(o,ce),f=!!o.loading,g=!!i||f,{onClick:D,"aria-describedby":C}=u,T=m.useCallback(x=>{if(g){x.preventDefault();return}D?.(x)},[g,D]),R=m.useMemo(()=>{let x=a&&m.isValidElement(r)?r.props.children:r,q=Q=>m.Children.toArray(Q).flatMap(ee=>m.isValidElement(ee)&&ee.type===m.Fragment?q(ee.props.children):[ee]),I=q(x),E=Q=>m.isValidElement(Q)&&Q.type==="svg";return{iconStart:E(I[0]),iconEnd:E(I[I.length-1])}},[a,r]),[A,M]=m.useState(null),k=m.useRef(null),w=(0,pe.useComposedRefs)(t,k);(0,pe.useLayoutEffect)(()=>{let x=k.current;if(!x||f)return;let q=Ue(x,"start"),I=Ue(x,"end");M(E=>E&&E.iconStart===q&&E.iconEnd===I?E:{iconStart:q,iconEnd:I})});let{iconStart:K,iconEnd:F}=A??R,_=a?Xe.Slot.Root:n||"button",V=a||!n||["button","input","textarea","select"].includes(n),X=!a&&(!n||n==="button"),me="type"in u,J=m.useId(),B=f?`${J}-loading`:void 0,Z=m.useMemo(()=>f?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[C,B].filter(Boolean).join(" ")}:i&&(!V||a)?{"aria-disabled":!0}:{},[f,B,C,i,V,a]);return m.createElement(_,{"data-accent-color":l,"data-radius":p,"data-icon-start":K||void 0,"data-icon-end":F||void 0,...u,...Z,"data-disabled":g||void 0,onClick:T,ref:w,className:(0,Ye.default)("kui-reset","kui-BaseButton",s),...V&&{disabled:i},...X&&!me?{type:"button"}:{}},o.loading?m.createElement(m.Fragment,null,m.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":!0},r),m.createElement("span",{className:"kui-sr-only"},m.createElement("span",{id:B,"aria-hidden":!0},"Loading"),r),m.createElement(L,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},m.createElement("span",null,m.createElement(ve,{"aria-hidden":"true"})))):r)});be.displayName="BaseButton";function Ue(e,t){let o=t==="start"?e.firstChild:e.lastChild;for(;o&&(o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&!o.textContent?.trim());)o=t==="start"?o.nextSibling:o.previousSibling;return o?.nodeType===Node.ELEMENT_NODE&&o.localName==="svg"}var b=P(require("react")),mt=P(require("classnames")),$=require("radix-ui");var G=P(require("react")),nt=require("radix-ui");var _t=["loud","medium","quiet"],Je={emphasis:{type:"enum",className:"kui-emphasis",values:_t,default:void 0}};var qt=["normal","start","end","both"],Ze={trim:{type:"enum",className:"kui-r-lt",values:qt,responsive:!0}};var Ut=["left","center","right"],Qe={align:{type:"enum",className:"kui-r-ta",values:Ut,responsive:!0}};var Yt=["wrap","nowrap","pretty","balance"],et={wrap:{type:"enum",className:"kui-r-tw",values:Yt,responsive:!0}};var tt={truncate:{type:"boolean",className:"kui-truncate"}};var Xt=["sans","mono","serif"],ot={font:{type:"enum",className:"kui-r-ff",values:Xt}};var Jt=["regular","medium","semibold"],rt={weight:{type:"enum",className:"kui-r-weight",values:Jt,responsive:!0}};var Zt=["span","div","label","p"],Qt=["1","2","3","4","5","6","7","8","9"],st={as:{type:"enum",values:Zt,default:"span"},...N,size:{type:"enum",className:"kui-r-size",values:Qt,responsive:!0},...ot,...rt,...Qe,...Ze,...tt,...et,...Fe,...Je};var Ce=G.memo(G.forwardRef((e,t)=>{let{children:o,className:s,asChild:r,as:a="span",color:n,...l}=v(e,st),p=s?`kui-Text ${s}`:"kui-Text";return r?G.createElement(nt.Slot.Root,{"data-accent-color":n,...l,ref:t,className:p},o):G.createElement(a,{"data-accent-color":n,...l,ref:t,className:p},o)}));Ce.displayName="Text";var c=P(require("react")),pt=P(require("classnames")),W=require("radix-ui"),le=require("radix-ui/internal");function at(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Re=P(require("react"));function S(e){let[t,o]=Re.useState(e),[s,r]=Re.useState(e);return Object.is(e,s)||(r(e),o(e)),[t,o]}var eo=["inherit","light","dark"],it=["sans","mono","serif"],to=["1","2","3","4"],d={...N,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:eo,default:"inherit"},accentColor:{type:"enum",values:oe,default:"gray"},grayColor:{type:"enum",values:we,default:"gray"},radius:{type:"enum",values:fe,default:"full"},fontFamily:{type:"enum",values:it,default:"sans"},headingFontFamily:{type:"enum",values:it},size:{type:"enum",values:to,default:"2"}};var h=()=>{},Wr={appearance:d.appearance.default,accentColor:d.accentColor.default,grayColor:d.grayColor.default,resolvedGrayColor:d.grayColor.default,radius:d.radius.default,fontFamily:d.fontFamily.default,headingFontFamily:void 0,size:d.size.default,onAppearanceChange:h,onAccentColorChange:h,onGrayColorChange:h,onRadiusChange:h,onFontFamilyChange:h,onHeadingFontFamilyChange:h,onSizeChange:h},Te=c.createContext(void 0);var xe=c.forwardRef((e,t)=>{let o=c.useContext(Te),s=W.Direction.useDirection();return o===void 0?c.createElement(W.Tooltip.Provider,{delayDuration:200},c.createElement(W.Direction.Provider,{dir:s},c.createElement(lt,{...e,ref:t}))):c.createElement(Ne,{...e,ref:t})});xe.displayName="Theme";var lt=c.forwardRef((e,t)=>{let{appearance:o=d.appearance.default,accentColor:s=d.accentColor.default,grayColor:r=d.grayColor.default,radius:a=d.radius.default,fontFamily:n=d.fontFamily.default,headingFontFamily:l,size:p=d.size.default,hasBackground:i=d.hasBackground.default,...u}=e,[f,g]=S(o),[D,C]=S(s),[T,R]=S(r),[A,M]=S(a),[k,w]=S(n),[K,F]=S(l),[_,V]=S(p);return c.createElement(Ne,{...u,ref:t,isRoot:!0,hasBackground:i,appearance:f,accentColor:D,grayColor:T,radius:A,fontFamily:k,headingFontFamily:K,size:_,onAppearanceChange:g,onAccentColorChange:C,onGrayColorChange:R,onRadiusChange:M,onFontFamilyChange:w,onHeadingFontFamilyChange:F,onSizeChange:V})});lt.displayName="ThemeRoot";function oo(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var Ne=c.forwardRef((e,t)=>{let o=c.useContext(Te),{asChild:s,isRoot:r,hasBackground:a,appearance:n=e.appearance??o?.appearance??d.appearance.default,accentColor:l=e.accentColor??o?.accentColor??d.accentColor.default,grayColor:p=e.grayColor??o?.resolvedGrayColor??d.grayColor.default,radius:i=e.radius??o?.radius??d.radius.default,fontFamily:u=e.fontFamily??o?.fontFamily??d.fontFamily.default,headingFontFamily:f=e.headingFontFamily??o?.headingFontFamily,size:g=e.size??o?.size??d.size.default,onAppearanceChange:D=h,onAccentColorChange:C=h,onGrayColorChange:T=h,onRadiusChange:R=h,onFontFamilyChange:A=h,onHeadingFontFamilyChange:M=h,onSizeChange:k=h,...w}=e,K=s?W.Slot.Root:"div",F=p==="auto"?at(l):p,_=e.appearance==="light"||e.appearance==="dark",V=a===void 0?r||_:a,X=c.useRef(null),me=(0,le.useComposedRefs)(t,X),J="data-os"in w;return(0,le.useLayoutEffect)(()=>{if(!r||J)return;let B=X.current;if(!B)return;let Z=oo();if(Z)return B.setAttribute("data-os",Z),()=>B.removeAttribute("data-os")},[r,J]),c.createElement(Te.Provider,{value:c.useMemo(()=>({appearance:n,accentColor:l,grayColor:p,resolvedGrayColor:F,radius:i,fontFamily:u,headingFontFamily:f,size:g,onAppearanceChange:D,onAccentColorChange:C,onGrayColorChange:T,onRadiusChange:R,onFontFamilyChange:A,onHeadingFontFamilyChange:M,onSizeChange:k}),[n,l,p,F,i,u,f,g,D,C,T,R,A,M,k])},c.createElement(ie.Provider,{value:g},c.createElement(K,{"data-is-root-theme":r?"true":"false","data-accent-color":l,"data-gray-color":F,"data-has-background":V?"true":"false","data-radius":i,"data-font-family":u,"data-heading-font-family":f,ref:me,...w,className:(0,pt.default)("kui-theme",{light:n==="light",dark:n==="dark"},w.className)})))});Ne.displayName="ThemeImpl";var ut={content:{type:"ReactNode",required:!0},width:H.width,minWidth:H.minWidth,maxWidth:{...H.maxWidth,default:"360px"}};var Se=b.forwardRef((e,t)=>{let{children:o,className:s,open:r,defaultOpen:a,onOpenChange:n,delayDuration:l,disableHoverableContent:p,content:i,container:u,forceMount:f,...g}=v(e,ut),D={open:r,defaultOpen:a,onOpenChange:n,delayDuration:l,disableHoverableContent:p};return b.createElement($.Tooltip.Root,{...D},b.createElement($.Tooltip.Trigger,{asChild:!0},o),b.createElement($.Tooltip.Portal,{container:u,forceMount:f},b.createElement(xe,{asChild:!0},b.createElement($.Tooltip.Content,{sideOffset:4,collisionPadding:10,...g,asChild:!1,ref:t,className:(0,mt.default)("kui-TooltipContent",s)},b.createElement(Ce,{as:"p",className:"kui-TooltipText",size:"1"},i),b.createElement($.Tooltip.Arrow,{className:"kui-TooltipArrow"})))))});Se.displayName="Tooltip";var ue=P(require("react"));function ft(e){let t=ue.useId(),o=!!e,s=ue.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:s}}var ro={loud:"solid",medium:"raised",quiet:"ghost"};function so(e){if(e["aria-label"]||e["aria-labelledby"])return;console.error("Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or `aria-labelledby` referencing a label element.")}var dt=Y.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:s="top",tooltipAlign:r="center",tooltipDelayDuration:a,tooltipDisableHoverableContent:n,iconOnly:l=!1,emphasis:p,variant:i,...u},f)=>{let{tooltipId:g,hasTooltip:D,accessibilityProps:C}=ft(o);if(l&&(so(u),u.fullWidth=!1),p!==void 0&&i!==void 0)throw new Error("Button: pass `emphasis` or `variant`, not both. They set the same thing.");let T=p!==void 0?ro[p]:i,R=Y.createElement(be,{...u,variant:T,...C,ref:f,"data-icon-only":l||void 0,className:(0,ct.default)("kui-Button",e),style:t});return D?Y.createElement(Se,{content:o,side:s,align:r,delayDuration:a,disableHoverableContent:n,id:g},R):R});dt.displayName="Button";
|
|
2
2
|
//# sourceMappingURL=button.js.map
|