@clasing/ui 0.1.0 → 0.1.2
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/dist/index.es.js +75 -63
- package/dist/index.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -28,6 +28,6 @@ Check the top-level render call using <`+c+">.")}return s}}function jt(e,s){{if(
|
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
30
|
<%s key={someKey} {...props} />`,Ge,q,on,q),Et[q+Ge]=!0}}return e===o?qr(O):Qr(O),O}}function en(e,s,c){return Rt(e,s,c,!0)}function tn(e,s,c){return Rt(e,s,c,!1)}var rn=tn,nn=en;le.Fragment=o,le.jsx=rn,le.jsxs=nn}()),le}process.env.NODE_ENV==="production"?Re.exports=Pt():Re.exports=Ot();var u=Re.exports;const It=C.forwardRef(({rounded:t=!0,...r},n)=>{const o=t?"rounded-full":"rounded-sm";if(!r.src)throw new Error("The src prop is required");return u.jsx("img",{...r,ref:n,className:`h-full w-full object-cover ${o}`})});function $e(t){var r,n,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(r=0;r<i;r++)t[r]&&(n=$e(t[r]))&&(o&&(o+=" "),o+=n)}else for(n in t)t[n]&&(o&&(o+=" "),o+=n);return o}function _e(){for(var t,r,n=0,o="",i=arguments.length;n<i;n++)(t=arguments[n])&&(r=$e(t))&&(o&&(o+=" "),o+=r);return o}const Te="-";function At(t){const r=zt(t),{conflictingClassGroups:n,conflictingClassGroupModifiers:o}=t;function i(l){const d=l.split(Te);return d[0]===""&&d.length!==1&&d.shift(),Je(d,r)||Nt(l)}function a(l,d){const b=n[l]||[];return d&&o[l]?[...b,...o[l]]:b}return{getClassGroupId:i,getConflictingClassGroupIds:a}}function Je(t,r){var l;if(t.length===0)return r.classGroupId;const n=t[0],o=r.nextPart.get(n),i=o?Je(t.slice(1),o):void 0;if(i)return i;if(r.validators.length===0)return;const a=t.join(Te);return(l=r.validators.find(({validator:d})=>d(a)))==null?void 0:l.classGroupId}const Ke=/^\[(.+)\]$/;function Nt(t){if(Ke.test(t)){const r=Ke.exec(t)[1],n=r==null?void 0:r.substring(0,r.indexOf(":"));if(n)return"arbitrary.."+n}}function zt(t){const{theme:r,prefix:n}=t,o={nextPart:new Map,validators:[]};return Ft(Object.entries(t.classGroups),n).forEach(([a,l])=>{Pe(l,o,a,r)}),o}function Pe(t,r,n,o){t.forEach(i=>{if(typeof i=="string"){const a=i===""?r:Xe(r,i);a.classGroupId=n;return}if(typeof i=="function"){if(Mt(i)){Pe(i(o),r,n,o);return}r.validators.push({validator:i,classGroupId:n});return}Object.entries(i).forEach(([a,l])=>{Pe(l,Xe(r,a),n,o)})})}function Xe(t,r){let n=t;return r.split(Te).forEach(o=>{n.nextPart.has(o)||n.nextPart.set(o,{nextPart:new Map,validators:[]}),n=n.nextPart.get(o)}),n}function Mt(t){return t.isThemeGetter}function Ft(t,r){return r?t.map(([n,o])=>{const i=o.map(a=>typeof a=="string"?r+a:typeof a=="object"?Object.fromEntries(Object.entries(a).map(([l,d])=>[r+l,d])):a);return[n,i]}):t}function Vt(t){if(t<1)return{get:()=>{},set:()=>{}};let r=0,n=new Map,o=new Map;function i(a,l){n.set(a,l),r++,r>t&&(r=0,o=n,n=new Map)}return{get(a){let l=n.get(a);if(l!==void 0)return l;if((l=o.get(a))!==void 0)return i(a,l),l},set(a,l){n.has(a)?n.set(a,l):i(a,l)}}}const He="!";function Bt(t){const r=t.separator,n=r.length===1,o=r[0],i=r.length;return function(l){const d=[];let b=0,p=0,f;for(let R=0;R<l.length;R++){let P=l[R];if(b===0){if(P===o&&(n||l.slice(R,R+i)===r)){d.push(l.slice(p,R)),p=R+i;continue}if(P==="/"){f=R;continue}}P==="["?b++:P==="]"&&b--}const g=d.length===0?l:l.substring(p),x=g.startsWith(He),I=x?g.substring(1):g,N=f&&f>p?f-p:void 0;return{modifiers:d,hasImportantModifier:x,baseClassName:I,maybePostfixModifierPosition:N}}}function Wt(t){if(t.length<=1)return t;const r=[];let n=[];return t.forEach(o=>{o[0]==="["?(r.push(...n.sort(),o),n=[]):n.push(o)}),r.push(...n.sort()),r}function Dt(t){return{cache:Vt(t.cacheSize),splitModifiers:Bt(t),...At(t)}}const Gt=/\s+/;function Yt(t,r){const{splitModifiers:n,getClassGroupId:o,getConflictingClassGroupIds:i}=r,a=new Set;return t.trim().split(Gt).map(l=>{const{modifiers:d,hasImportantModifier:b,baseClassName:p,maybePostfixModifierPosition:f}=n(l);let g=o(f?p.substring(0,f):p),x=!!f;if(!g){if(!f)return{isTailwindClass:!1,originalClassName:l};if(g=o(p),!g)return{isTailwindClass:!1,originalClassName:l};x=!1}const I=Wt(d).join(":");return{isTailwindClass:!0,modifierId:b?I+He:I,classGroupId:g,originalClassName:l,hasPostfixModifier:x}}).reverse().filter(l=>{if(!l.isTailwindClass)return!0;const{modifierId:d,classGroupId:b,hasPostfixModifier:p}=l,f=d+b;return a.has(f)?!1:(a.add(f),i(b,p).forEach(g=>a.add(d+g)),!0)}).reverse().map(l=>l.originalClassName).join(" ")}function Ut(){let t=0,r,n,o="";for(;t<arguments.length;)(r=arguments[t++])&&(n=Ze(r))&&(o&&(o+=" "),o+=n);return o}function Ze(t){if(typeof t=="string")return t;let r,n="";for(let o=0;o<t.length;o++)t[o]&&(r=Ze(t[o]))&&(n&&(n+=" "),n+=r);return n}function Lt(t,...r){let n,o,i,a=l;function l(b){const p=r.reduce((f,g)=>g(f),t());return n=Dt(p),o=n.cache.get,i=n.cache.set,a=d,d(b)}function d(b){const p=o(b);if(p)return p;const f=Yt(b,n);return i(b,f),f}return function(){return a(Ut.apply(null,arguments))}}function E(t){const r=n=>n[t]||[];return r.isThemeGetter=!0,r}const Qe=/^\[(?:([a-z-]+):)?(.+)\]$/i,$t=/^\d+\/\d+$/,Jt=new Set(["px","full","screen"]),Kt=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Xt=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Ht=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,Zt=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Qt=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;function Y(t){return H(t)||Jt.has(t)||$t.test(t)}function U(t){return ee(t,"length",lr)}function H(t){return!!t&&!Number.isNaN(Number(t))}function me(t){return ee(t,"number",H)}function se(t){return!!t&&Number.isInteger(Number(t))}function qt(t){return t.endsWith("%")&&H(t.slice(0,-1))}function h(t){return Qe.test(t)}function L(t){return Kt.test(t)}const er=new Set(["length","size","percentage"]);function tr(t){return ee(t,er,qe)}function rr(t){return ee(t,"position",qe)}const nr=new Set(["image","url"]);function or(t){return ee(t,nr,ir)}function ar(t){return ee(t,"",sr)}function ie(){return!0}function ee(t,r,n){const o=Qe.exec(t);return o?o[1]?typeof r=="string"?o[1]===r:r.has(o[1]):n(o[2]):!1}function lr(t){return Xt.test(t)&&!Ht.test(t)}function qe(){return!1}function sr(t){return Zt.test(t)}function ir(t){return Qt.test(t)}function cr(){const t=E("colors"),r=E("spacing"),n=E("blur"),o=E("brightness"),i=E("borderColor"),a=E("borderRadius"),l=E("borderSpacing"),d=E("borderWidth"),b=E("contrast"),p=E("grayscale"),f=E("hueRotate"),g=E("invert"),x=E("gap"),I=E("gradientColorStops"),N=E("gradientColorStopPositions"),R=E("inset"),P=E("margin"),z=E("opacity"),j=E("padding"),ve=E("saturate"),ce=E("scale"),xe=E("sepia"),ye=E("skew"),we=E("space"),ke=E("translate"),te=()=>["auto","contain","none"],de=()=>["auto","hidden","clip","visible","scroll"],ue=()=>["auto",h,r],k=()=>[h,r],B=()=>["",Y,U],W=()=>["auto",H,h],J=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],Z=()=>["solid","dashed","dotted","double","none"],be=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],re=()=>["start","end","center","between","around","evenly","stretch"],K=()=>["","0",h],fe=()=>["auto","avoid","all","avoid-page","page","left","right","column"],X=()=>[H,me],Q=()=>[H,h];return{cacheSize:500,separator:":",theme:{colors:[ie],spacing:[Y,U],blur:["none","",L,h],brightness:X(),borderColor:[t],borderRadius:["none","","full",L,h],borderSpacing:k(),borderWidth:B(),contrast:X(),grayscale:K(),hueRotate:Q(),invert:K(),gap:k(),gradientColorStops:[t],gradientColorStopPositions:[qt,U],inset:ue(),margin:ue(),opacity:X(),padding:k(),saturate:X(),scale:X(),sepia:K(),skew:Q(),space:k(),translate:k()},classGroups:{aspect:[{aspect:["auto","square","video",h]}],container:["container"],columns:[{columns:[L]}],"break-after":[{"break-after":fe()}],"break-before":[{"break-before":fe()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:[...J(),h]}],overflow:[{overflow:de()}],"overflow-x":[{"overflow-x":de()}],"overflow-y":[{"overflow-y":de()}],overscroll:[{overscroll:te()}],"overscroll-x":[{"overscroll-x":te()}],"overscroll-y":[{"overscroll-y":te()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[R]}],"inset-x":[{"inset-x":[R]}],"inset-y":[{"inset-y":[R]}],start:[{start:[R]}],end:[{end:[R]}],top:[{top:[R]}],right:[{right:[R]}],bottom:[{bottom:[R]}],left:[{left:[R]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",se,h]}],basis:[{basis:ue()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",h]}],grow:[{grow:K()}],shrink:[{shrink:K()}],order:[{order:["first","last","none",se,h]}],"grid-cols":[{"grid-cols":[ie]}],"col-start-end":[{col:["auto",{span:["full",se,h]},h]}],"col-start":[{"col-start":W()}],"col-end":[{"col-end":W()}],"grid-rows":[{"grid-rows":[ie]}],"row-start-end":[{row:["auto",{span:[se,h]},h]}],"row-start":[{"row-start":W()}],"row-end":[{"row-end":W()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",h]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",h]}],gap:[{gap:[x]}],"gap-x":[{"gap-x":[x]}],"gap-y":[{"gap-y":[x]}],"justify-content":[{justify:["normal",...re()]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal",...re(),"baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":[...re(),"baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[j]}],px:[{px:[j]}],py:[{py:[j]}],ps:[{ps:[j]}],pe:[{pe:[j]}],pt:[{pt:[j]}],pr:[{pr:[j]}],pb:[{pb:[j]}],pl:[{pl:[j]}],m:[{m:[P]}],mx:[{mx:[P]}],my:[{my:[P]}],ms:[{ms:[P]}],me:[{me:[P]}],mt:[{mt:[P]}],mr:[{mr:[P]}],mb:[{mb:[P]}],ml:[{ml:[P]}],"space-x":[{"space-x":[we]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[we]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",h,r]}],"min-w":[{"min-w":[h,r,"min","max","fit"]}],"max-w":[{"max-w":[h,r,"none","full","min","max","fit","prose",{screen:[L]},L]}],h:[{h:[h,r,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[h,r,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[h,r,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[h,r,"auto","min","max","fit"]}],"font-size":[{text:["base",L,U]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",me]}],"font-family":[{font:[ie]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractons"],tracking:[{tracking:["tighter","tight","normal","wide","wider","widest",h]}],"line-clamp":[{"line-clamp":["none",H,me]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",Y,h]}],"list-image":[{"list-image":["none",h]}],"list-style-type":[{list:["none","disc","decimal",h]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[t]}],"placeholder-opacity":[{"placeholder-opacity":[z]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[t]}],"text-opacity":[{"text-opacity":[z]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...Z(),"wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",Y,U]}],"underline-offset":[{"underline-offset":["auto",Y,h]}],"text-decoration-color":[{decoration:[t]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:k()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",h]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",h]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[z]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...J(),rr]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",tr]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},or]}],"bg-color":[{bg:[t]}],"gradient-from-pos":[{from:[N]}],"gradient-via-pos":[{via:[N]}],"gradient-to-pos":[{to:[N]}],"gradient-from":[{from:[I]}],"gradient-via":[{via:[I]}],"gradient-to":[{to:[I]}],rounded:[{rounded:[a]}],"rounded-s":[{"rounded-s":[a]}],"rounded-e":[{"rounded-e":[a]}],"rounded-t":[{"rounded-t":[a]}],"rounded-r":[{"rounded-r":[a]}],"rounded-b":[{"rounded-b":[a]}],"rounded-l":[{"rounded-l":[a]}],"rounded-ss":[{"rounded-ss":[a]}],"rounded-se":[{"rounded-se":[a]}],"rounded-ee":[{"rounded-ee":[a]}],"rounded-es":[{"rounded-es":[a]}],"rounded-tl":[{"rounded-tl":[a]}],"rounded-tr":[{"rounded-tr":[a]}],"rounded-br":[{"rounded-br":[a]}],"rounded-bl":[{"rounded-bl":[a]}],"border-w":[{border:[d]}],"border-w-x":[{"border-x":[d]}],"border-w-y":[{"border-y":[d]}],"border-w-s":[{"border-s":[d]}],"border-w-e":[{"border-e":[d]}],"border-w-t":[{"border-t":[d]}],"border-w-r":[{"border-r":[d]}],"border-w-b":[{"border-b":[d]}],"border-w-l":[{"border-l":[d]}],"border-opacity":[{"border-opacity":[z]}],"border-style":[{border:[...Z(),"hidden"]}],"divide-x":[{"divide-x":[d]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[d]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[z]}],"divide-style":[{divide:Z()}],"border-color":[{border:[i]}],"border-color-x":[{"border-x":[i]}],"border-color-y":[{"border-y":[i]}],"border-color-t":[{"border-t":[i]}],"border-color-r":[{"border-r":[i]}],"border-color-b":[{"border-b":[i]}],"border-color-l":[{"border-l":[i]}],"divide-color":[{divide:[i]}],"outline-style":[{outline:["",...Z()]}],"outline-offset":[{"outline-offset":[Y,h]}],"outline-w":[{outline:[Y,U]}],"outline-color":[{outline:[t]}],"ring-w":[{ring:B()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[t]}],"ring-opacity":[{"ring-opacity":[z]}],"ring-offset-w":[{"ring-offset":[Y,U]}],"ring-offset-color":[{"ring-offset":[t]}],shadow:[{shadow:["","inner","none",L,ar]}],"shadow-color":[{shadow:[ie]}],opacity:[{opacity:[z]}],"mix-blend":[{"mix-blend":[...be(),"plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":be()}],filter:[{filter:["","none"]}],blur:[{blur:[n]}],brightness:[{brightness:[o]}],contrast:[{contrast:[b]}],"drop-shadow":[{"drop-shadow":["","none",L,h]}],grayscale:[{grayscale:[p]}],"hue-rotate":[{"hue-rotate":[f]}],invert:[{invert:[g]}],saturate:[{saturate:[ve]}],sepia:[{sepia:[xe]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[n]}],"backdrop-brightness":[{"backdrop-brightness":[o]}],"backdrop-contrast":[{"backdrop-contrast":[b]}],"backdrop-grayscale":[{"backdrop-grayscale":[p]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[f]}],"backdrop-invert":[{"backdrop-invert":[g]}],"backdrop-opacity":[{"backdrop-opacity":[z]}],"backdrop-saturate":[{"backdrop-saturate":[ve]}],"backdrop-sepia":[{"backdrop-sepia":[xe]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[l]}],"border-spacing-x":[{"border-spacing-x":[l]}],"border-spacing-y":[{"border-spacing-y":[l]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",h]}],duration:[{duration:Q()}],ease:[{ease:["linear","in","out","in-out",h]}],delay:[{delay:Q()}],animate:[{animate:["none","spin","ping","pulse","bounce",h]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[ce]}],"scale-x":[{"scale-x":[ce]}],"scale-y":[{"scale-y":[ce]}],rotate:[{rotate:[se,h]}],"translate-x":[{"translate-x":[ke]}],"translate-y":[{"translate-y":[ke]}],"skew-x":[{"skew-x":[ye]}],"skew-y":[{"skew-y":[ye]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",h]}],accent:[{accent:["auto",t]}],appearance:[{appearance:["none","auto"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",h]}],"caret-color":[{caret:[t]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":k()}],"scroll-mx":[{"scroll-mx":k()}],"scroll-my":[{"scroll-my":k()}],"scroll-ms":[{"scroll-ms":k()}],"scroll-me":[{"scroll-me":k()}],"scroll-mt":[{"scroll-mt":k()}],"scroll-mr":[{"scroll-mr":k()}],"scroll-mb":[{"scroll-mb":k()}],"scroll-ml":[{"scroll-ml":k()}],"scroll-p":[{"scroll-p":k()}],"scroll-px":[{"scroll-px":k()}],"scroll-py":[{"scroll-py":k()}],"scroll-ps":[{"scroll-ps":k()}],"scroll-pe":[{"scroll-pe":k()}],"scroll-pt":[{"scroll-pt":k()}],"scroll-pr":[{"scroll-pr":k()}],"scroll-pb":[{"scroll-pb":k()}],"scroll-pl":[{"scroll-pl":k()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",h]}],fill:[{fill:[t,"none"]}],"stroke-w":[{stroke:[Y,U,me]}],stroke:[{stroke:[t,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]}}}const dr=Lt(cr),G=(...t)=>dr(_e(t));function et(t){var r,n,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t))for(r=0;r<t.length;r++)t[r]&&(n=et(t[r]))&&(o&&(o+=" "),o+=n);else for(r in t)t[r]&&(o&&(o+=" "),o+=r);return o}function ur(){for(var t,r,n=0,o="";n<arguments.length;)(t=arguments[n++])&&(r=et(t))&&(o&&(o+=" "),o+=r);return o}const tt=t=>typeof t=="boolean"?"".concat(t):t===0?"0":t,rt=ur,V=(t,r)=>n=>{var o;if((r==null?void 0:r.variants)==null)return rt(t,n==null?void 0:n.class,n==null?void 0:n.className);const{variants:i,defaultVariants:a}=r,l=Object.keys(i).map(p=>{const f=n==null?void 0:n[p],g=a==null?void 0:a[p];if(f===null)return null;const x=tt(f)||tt(g);return i[p][x]}),d=n&&Object.entries(n).reduce((p,f)=>{let[g,x]=f;return x===void 0||(p[g]=x),p},{}),b=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((p,f)=>{let{class:g,className:x,...I}=f;return Object.entries(I).every(N=>{let[R,P]=N;return Array.isArray(P)?P.includes({...a,...d}[R]):{...a,...d}[R]===P})?[...p,g,x]:p},[]);return rt(t,l,b,n==null?void 0:n.class,n==null?void 0:n.className)},nt=C.forwardRef(({iconName:t,stroke:r=1,...n},o)=>{if(Ye[t]){const i=Ye[t];return u.jsx(i,{ref:o,stroke:r,...n})}else return console.error(`Icon ${t} not found`),null});nt.displayName="IconComponent";const A=nt,br=V("!border-sm flex w-fit items-center justify-center gap-2 rounded-sm transition-colors",{variants:{status:{notStarted:"border-border-transparent bg-bg-accent-ice-subtle text-content-text-default","notStarted-outline":"border-border-accent-ice text-content-accent-ice",locked:"border-border-transparent bg-bg-disabled text-content-text-subtle","locked-outline":"border-border-disabled text-content-text-subtlest",available:"border-border-transparent bg-bg-utility-discovery-bolder text-content-text-inverse","available-outline":"border-border-utility-discovery text-content-utility-discovery",inProgress:"border-border-transparent bg-bg-accent-blue-subtle text-content-text-default","inProgress-outline":"border-border-accent-blue text-content-accent-blue",completed:"border-border-transparent bg-bg-utility-success-bolder text-content-text-default","completed-outline":"border-border-utility-success text-content-utility-success",viewed:"border-border-transparent bg-bg-utility-informative-bolder text-content-text-inverse","viewed-outline":"border-border-utility-informative text-content-utility-informative"},intent:{neutral:"border-border-transparent bg-bg-bolder text-content-text-inverse","neutral-outline":"border-border-bolder text-content-text-default",blue:"border-border-transparent bg-bg-accent-blue text-content-text-inverse","blue-outline":"border-border-accent-blue text-content-accent-blue",mustard:"border-border-transparent bg-bg-accent-mustard text-content-text-default","mustard-outline":"border-border-accent-mustard text-content-accent-mustard",green:"border-border-transparent bg-bg-accent-green text-content-text-inverse","green-outline":"border-border-accent-green text-content-accent-green",lime:"border-border-transparent bg-bg-accent-lime text-content-text-default","lime-outline":"border-border-accent-lime text-content-accent-lime",fuchsia:"border-border-transparent bg-bg-accent-fuchsia text-content-text-inverse","fuchsia-outline":"border-border-accent-fuchsia text-content-accent-fuchsia",marine:"border-border-transparent bg-bg-accent-marine text-content-text-inverse","marine-outline":"border-border-accent-marine text-content-accent-marine",ice:"border-border-transparent bg-bg-accent-ice text-content-text-inverse","ice-outline":"border-border-accent-ice text-content-accent-ice",gray:"border-border-transparent bg-bg-accent-gray text-content-text-inverse","gray-outline":"border-border-accent-gray text-content-accent-gray",violet:"border-border-transparent bg-bg-accent-violet text-content-text-inverse","violet-outline":"border-border-accent-violet text-content-accent-violet"},size:{small:"h-[34px] px-4 py-2 text-xs",medium:"h-9 px-4 py-2 text-sm",large:"h-10 px-4 py-2 text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},rounded:{rectangle:"rounded-sm",full:"rounded-full"}},defaultVariants:{size:"medium",weight:"regular",rounded:"rectangle"}}),ot=C.forwardRef(({children:t,iconLeft:r,iconRight:n,status:o,intent:i,size:a="medium",rounded:l="rectangle",weight:d,className:b,...p},f)=>{typeof r=="string"&&(r={name:r}),typeof n=="string"&&(n={name:n});const g={small:"h-4",medium:"h-4",large:"h-5"},x=o?{status:o}:{intent:i};return u.jsxs("span",{ref:f,className:G(br({...x,size:a,rounded:l,weight:d,className:b})),...p,children:[r&&u.jsx(A,{iconName:r.name,stroke:r.stroke,className:g[a||"medium"]}),t,n&&u.jsx(A,{iconName:n.name,stroke:n.stroke,className:g[a||"medium"]})]})});ot.displayName="Badge";const fr=ot,he=({className:t})=>u.jsx(A,{iconName:"IconLoader2",className:`${t} animate-spin`}),Oe="flex items-center justify-center gap-2 rounded-sm !border-xs transition-colors",gr=V(Oe,{variants:{intent:{primary:["bg-button-primary-background-enabled","text-button-primary-content-enabled","border-button-primary-border-enabled","lg:hover:bg-button-primary-background-hover","lg:hover:text-button-primary-content-hover","lg:hover:border-button-primary-border-hover","lg:active:bg-button-primary-background-pressed","lg:active:text-button-primary-content-pressed","lg:active:border-button-primary-border-pressed"],secondary:["bg-button-secondary-background-enabled","text-button-secondary-content-enabled","border-button-secondary-border-enabled","lg:hover:bg-button-secondary-background-hover","lg:hover:text-button-secondary-content-hover","lg:hover:border-button-secondary-border-hover","lg:active:bg-button-secondary-background-pressed","lg:active:text-button-secondary-content-pressed","lg:active:border-button-secondary-border-pressed"],tertiary:["bg-button-tertiary-background-enabled","text-button-tertiary-content-enabled","border-button-tertiary-border-enabled","lg:hover:bg-button-tertiary-background-hover","lg:hover:text-button-tertiary-content-hover","lg:hover:border-button-tertiary-border-hover","lg:active:bg-button-tertiary-background-pressed","lg:active:text-button-tertiary-content-pressed","lg:active:border-button-tertiary-border-pressed"],ghost:["bg-button-ghost-background-enabled","text-button-ghost-content-enabled","border-button-ghost-border-enabled","lg:hover:bg-button-ghost-background-hover","lg:hover:text-button-ghost-content-hover","lg:hover:border-button-ghost-border-hover","lg:active:bg-button-ghost-background-pressed","lg:active:text-button-ghost-content-pressed","lg:active:border-button-ghost-border-pressed"],outline:["bg-button-outline-background-enabled","text-button-outline-content-enabled","border-button-outline-border-enabled","lg:hover:bg-button-outline-background-hover","lg:hover:text-button-outline-content-hover","lg:hover:border-button-outline-border-hover","lg:active:bg-button-outline-background-pressed","lg:active:text-button-outline-content-pressed","lg:active:border-button-outline-border-pressed"],destructive:["bg-button-destructive-background-enabled","text-button-destructive-content-enabled","border-button-destructive-border-enabled","lg:hover:bg-button-destructive-background-hover","lg:hover:text-button-destructive-content-hover","lg:hover:border-button-destructive-border-hover","lg:active:bg-button-destructive-background-pressed","lg:active:text-button-destructive-content-pressed","lg:active:border-button-destructive-border-pressed"]},size:{small:"h-10 min-w-36 p-button-sm text-xs",medium:"h-11 min-w-44 p-button-md text-sm",large:"h-12 min-w-52 p-button-lg text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"primary",size:"medium",weight:"regular"}}),pr=V(`${Oe} cursor-default`,{variants:{intent:{primary:["border-button-primary-border-pressed","bg-button-primary-background-pressed","text-button-primary-content-pressed"],secondary:["border-button-secondary-border-enabled","bg-button-secondary-background-enabled","text-button-secondary-content-enabled"],tertiary:["border-button-tertiary-border-enabled","bg-button-tertiary-background-enabled","text-button-tertiary-content-enabled"],ghost:["border-button-ghost-border-pressed","bg-button-ghost-background-pressed","text-button-ghost-content-pressed"],outline:["border-button-outline-border-pressed","bg-button-outline-background-pressed","text-button-outline-content-pressed"],destructive:["border-button-destructive-border-pressed","bg-button-destructive-background-pressed","text-button-destructive-content-pressed"]},size:{small:"h-10 min-w-36 p-button-sm text-xs",medium:"h-11 min-w-44 p-button-md text-sm",large:"h-12 min-w-52 p-button-lg text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"primary",size:"medium",weight:"regular"}}),mr=V(Oe,{variants:{intent:{primary:["border-button-primary-border-disabled","bg-button-primary-background-disabled","text-button-primary-content-disabled"],secondary:["border-button-secondary-border-disabled","bg-button-secondary-background-disabled","text-button-secondary-content-disabled"],tertiary:["border-button-tertiary-border-disabled","bg-button-tertiary-background-disabled","text-button-tertiary-content-disabled"],ghost:["border-button-ghost-border-disabled","bg-button-ghost-background-disabled","text-button-ghost-content-disabled"],outline:["border-button-outline-border-disabled","bg-button-outline-background-disabled","text-button-outline-content-disabled"],destructive:["border-button-destructive-border-disabled","bg-button-destructive-background-disabled","text-button-destructive-content-disabled"]},size:{small:"h-10 min-w-36 p-button-sm text-xs",medium:"h-11 min-w-44 p-button-md text-sm",large:"h-12 min-w-52 p-button-lg text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"primary",size:"medium",weight:"regular"}}),at=C.forwardRef(({className:t,intent:r,size:n,weight:o,children:i,iconLeft:a,iconRight:l,isLoading:d,disabled:b,...p},f)=>{typeof a=="string"&&(a={name:a}),typeof l=="string"&&(l={name:l});const g={small:"h-4",medium:"h-5",large:"h-5"};return u.jsx("button",{ref:f,className:G(d?pr({intent:r,weight:o,size:n,className:t}):b?mr({intent:r,weight:o,size:n,className:t}):gr({intent:r,weight:o,size:n,className:t})),disabled:b||d,...p,children:d?u.jsx(he,{className:g[n||"medium"]}):u.jsxs(u.Fragment,{children:[a&&u.jsx(A,{iconName:a.name,stroke:a.stroke,className:g[n||"medium"]}),i,l&&u.jsx(A,{iconName:l.name,stroke:l.stroke,className:g[n||"medium"]})]})})});at.displayName="Button";const hr=at,Ie="flex items-center justify-center transition-colors relative border !border-xs",vr=V(Ie,{variants:{intent:{fill:["bg-button-icon-fill-bg-enabled","text-button-icon-fill-content-enabled","border-button-icon-fill-border-enabled","lg:hover:bg-button-icon-fill-bg-hover","lg:hover:text-button-icon-fill-content-hover","lg:hover:border-button-icon-fill-border-hover","lg:active:bg-button-icon-fill-bg-pressed","lg:active:text-button-icon-fill-content-pressed","lg:active:border-button-icon-fill-border-pressed"],outline:["bg-button-icon-outline-bg-enabled","text-button-icon-outline-content-enabled","border-button-icon-outline-border-enabled","lg:hover:bg-button-icon-outline-bg-hover","lg:hover:text-button-icon-outline-content-hover","lg:hover:border-button-icon-outline-border-hover","lg:active:bg-button-icon-outline-bg-pressed","lg:active:text-button-icon-outline-content-pressed","lg:active:border-button-icon-outline-border-pressed"],ghost:["bg-button-icon-ghost-bg-enabled","text-button-icon-ghost-content-enabled","border-button-icon-ghost-border-enabled","lg:hover:bg-button-icon-ghost-bg-hover","lg:hover:text-button-icon-ghost-content-hover","lg:hover:border-button-icon-ghost-border-hover","lg:active:bg-button-icon-ghost-bg-pressed","lg:active:text-button-icon-ghost-content-pressed","lg:active:border-button-icon-ghost-border-pressed"]},size:{small:"h-[38px] w-[38px] p-[9px]",medium:"h-11 w-11 p-[10px]",large:"h-12 w-12 p-3"},rounded:{full:"rounded-full",sm:"rounded-sm"}},defaultVariants:{intent:"fill",size:"medium",rounded:"sm"}}),xr=V(Ie,{variants:{intent:{fill:["border-button-icon-fill-border-pressed","bg-button-icon-fill-bg-pressed","text-button-icon-fill-content-pressed"],outline:["border-button-icon-outline-border-enabled","bg-button-icon-outline-bg-enabled","text-button-icon-outline-content-enabled"],ghost:["border-button-icon-ghost-border-enabled","bg-button-icon-ghost-bg-enabled","text-button-icon-ghost-content-enabled"]},size:{small:"h-[38px] w-[38px] p-[9px]",medium:"h-11 w-11 p-[10px]",large:"h-12 w-12 p-3"},rounded:{full:"rounded-full",sm:"rounded-sm"}},defaultVariants:{intent:"fill",size:"medium",rounded:"sm"}}),yr=V(Ie,{variants:{intent:{fill:["border-button-icon-fill-border-disabled","bg-button-icon-fill-bg-disabled","text-button-icon-fill-content-disabled"],outline:["border-button-icon-outline-border-disabled","bg-button-icon-outline-bg-disabled","text-button-icon-outline-content-disabled"],ghost:["border-button-icon-ghost-border-disabled","bg-button-icon-ghost-bg-disabled","text-button-icon-ghost-content-disabled"]},size:{small:"h-[38px] w-[38px] p-[9px]",medium:"h-11 w-11 p-[10px]",large:"h-12 w-12 p-3"},rounded:{full:"rounded-full",sm:"rounded-sm"}},defaultVariants:{intent:"fill",size:"medium",rounded:"sm"}}),lt=C.forwardRef(({iconName:t,className:r,intent:n="fill",size:o="medium",rounded:i,disabled:a,isLoading:l,notification:d,...b},p)=>{typeof t=="string"&&(t={name:t});const f={small:"h-5",medium:"h-6",large:"h-6"};return u.jsxs("button",{ref:p,className:G(l?xr({intent:n,size:o,rounded:i,className:r}):a?yr({intent:n,size:o,rounded:i,className:r}):vr({intent:n,size:o,rounded:i,className:r})),disabled:a||l,...b,children:[d&&!l&&u.jsx(A,{iconName:"IconCircleFilled",className:`absolute ${i==="full"?"right-2 top-2":"right-1 top-1"} h-[6px] w-[6px] ${n==="fill"?"text-button-primary-content-pressed":"text-button-primary-background-enabled"}`}),l?u.jsx(he,{className:f[o||"medium"]}):u.jsx(u.Fragment,{children:t&&u.jsx(A,{iconName:t.name,stroke:t.stroke,className:f[o||"medium"]})})]})});lt.displayName="ButtonIcon";const st=lt,Ae="flex items-center justify-center gap-2 !border-b-xs transition-colors py-1",wr=V(Ae,{variants:{intent:{primary:["border-button-link-border-enabled","text-button-link-content-enabled","lg:hover:border-button-link-border-hover","lg:hover:text-button-link-content-hover","lg:active:border-button-link-border-pressed","lg:active:text-button-link-content-pressed"]},size:{small:"text-xs",medium:"text-sm",large:"text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"primary",size:"medium",weight:"regular"}}),kr=V(`${Ae} cursor-default`,{variants:{intent:{primary:["border-b border-button-link-border-enabled","text-button-link-content-pressed"]},size:{small:"text-xs",medium:"text-sm",large:"text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"primary",size:"medium",weight:"regular"}}),Sr=V(Ae,{variants:{intent:{primary:["border-b border-button-link-border-disabled","text-button-link-content-disabled"]},size:{small:"text-xs",medium:"text-sm",large:"text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"primary",size:"medium",weight:"regular"}}),it=C.forwardRef(({className:t,intent:r,size:n,weight:o,children:i,iconLeft:a,iconRight:l,isLoading:d,disabled:b,...p},f)=>{typeof a=="string"&&(a={name:a}),typeof l=="string"&&(l={name:l});const g={small:"h-5",medium:"h-5",large:"h-6"};return u.jsx("button",{ref:f,className:G(d?kr({intent:r,weight:o,size:n,className:t}):b?Sr({intent:r,weight:o,size:n,className:t}):wr({intent:r,weight:o,size:n,className:t})),disabled:b||d,...p,children:d?u.jsx(he,{className:g[n||"medium"]}):u.jsxs(u.Fragment,{children:[a&&u.jsx(A,{iconName:a.name,stroke:a.stroke,className:g[n||"medium"]}),i,l&&u.jsx(A,{iconName:l.name,stroke:l.stroke,className:g[n||"medium"]})]})})});it.displayName="ButtonLink";const jr=it,Cr=V("flex flex-col gap-3 p-3 rounded-lg",{variants:{intent:{default:"text-content-primary bg-bg-white",outline:"!border-xs border-solid border-border-utility-discovery bg-bg-white text-content-text-default"},shadow:{none:"",xs:"shadow-xs",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl","2xl":"shadow-2xl"}},defaultVariants:{intent:"default",shadow:"none"}}),ct=C.forwardRef(({className:t,intent:r,shadow:n,children:o,...i},a)=>u.jsx("div",{ref:a,className:G(Cr({intent:r,shadow:n,className:t})),...i,children:o}));ct.displayName="Card";const Er=ct,Rr=V("transition-colors",{variants:{intent:{"display-sm":"text-7xl leading-6xl tracking-tight","display-lg":"text-9xl leading-7xl tracking-tight","title-xs":"text-2xl leading-2xl tracking-tight","title-sm":"text-3xl leading-3xl tracking-tight","title-md":"text-4xl leading-4xl tracking-tight","title-lg":"text-5xl leading-5xl tracking-tight","title-xl":"text-6xl leading-6xl tracking-tight","label-xs":"text-2xs leading-xs tracking-normal","label-sm":"text-xs leading-sm tracking-normal","label-md":"text-sm leading-md tracking-normal","label-lg":"text-base leading-lg tracking-normal","label-xl":"text-lg leading-lg tracking-normal","label-2xl":"text-xl leading-xl tracking-normal","label-3xl":"text-2xl leading-2xl tracking-normal","paragraph-xs":"text-xs leading-md tracking-normal","paragraph-sm":"text-sm leading-md tracking-normal","paragraph-md":"text-base leading-lg tracking-normal","paragraph-lg":"text-lg leading-xl tracking-normal","overline-sm":"text-xs leading-md tracking-widest","overline-lg":"text-sm leading-md tracking-widest"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"paragraph-md",weight:"regular"}}),$=({as:t="span",intent:r,className:n,weight:o,...i})=>{const a=t;return u.jsx(a,{className:G(Rr({intent:r,weight:o,className:n})),...i})},dt=C.forwardRef(({label:t,iconName:r,className:n,helperText:o,error:i,touched:a,options:l,placeholder:d="Select an option",...b},p)=>{const[f,g]=C.useState(!1),[x,I]=C.useState("");return u.jsxs("div",{className:G("flex flex-col gap-3",n),children:[t&&u.jsx("label",{htmlFor:b.id,children:u.jsx($,{intent:"label-lg",weight:"semibold",children:t})}),u.jsxs("div",{className:"relative w-fit",children:[r&&u.jsx("span",{className:"absolute left-2 top-1/2 -translate-y-1/2",children:u.jsx(A,{iconName:r,size:16})}),u.jsx("input",{ref:p,className:_e("flex w-full cursor-pointer items-center gap-2 rounded-sm border-xs p-3 pr-9 transition-colors placeholder:text-base placeholder:text-content-text-subtlest focus:outline-1 lg:hover:bg-bg-subtle-hover",{"border-border-subtlest focus:outline-border-accent-violet lg:hover:border-border-accent-violet":!i,"border-border-utility-danger focus:outline-border-utility-danger":i&&a,"border-border-utility-success focus:outline-border-utility-success":a&&!i,"pl-9":r}),...b,onFocus:()=>g(!0),onBlur:()=>g(!1),placeholder:d,value:x,readOnly:!0}),u.jsx(u.Fragment,{children:f&&u.jsx("div",{className:"absolute left-0 z-10 mt-2 w-full rounded-sm border-xs border-border-utility-discovery bg-bg-white p-1 shadow-xs",children:l==null?void 0:l.map(N=>u.jsxs("button",{className:"hover:text-content-text-primary relative w-full rounded-sm p-2 text-left text-content-text-subtle lg:hover:bg-bg-subtle-hover",onClick:()=>{I(N.value),g(!1)},children:[u.jsx($,{intent:"label-lg",weight:"semibold",children:N.label}),x===N.value&&u.jsx(A,{iconName:"IconCheck",size:16,className:"absolute right-2 top-1/2 -translate-y-1/2"})]},N.value))})})]}),i&&a?u.jsx($,{intent:"label-md",className:"-mt-1 text-content-utility-danger-bolder",children:i}):u.jsx($,{intent:"label-md",className:"-mt-1 text-content-text-subtle",children:o})]})});dt.displayName="DropdownSelect";const ut=C.forwardRef(({label:t,iconName:r,className:n,helperText:o,error:i,touched:a,...l},d)=>(typeof r=="string"&&(r={name:r}),u.jsxs("div",{className:G("flex flex-col gap-3",n),children:[t&&u.jsx("label",{htmlFor:l.id,children:u.jsx($,{intent:"label-lg",weight:"semibold",children:t})}),u.jsxs("div",{className:"relative w-fit",children:[r&&u.jsx("span",{className:"absolute left-2 top-1/2 -translate-y-1/2",children:typeof r=="object"?u.jsx(A,{iconName:r.name,stroke:r.stroke,size:16}):u.jsx(A,{iconName:r})}),i&&a&&u.jsx(A,{iconName:"IconAlertCircle",size:16,className:"absolute right-2 top-1/2 -translate-y-1/2 text-content-utility-danger-bolder"}),a&&!i&&u.jsx(A,{iconName:"IconCircleCheck",size:16,className:"absolute right-2 top-1/2 -translate-y-1/2 text-content-utility-success"}),u.jsx("input",{ref:d,className:_e("flex w-fit items-center gap-2 rounded-sm border-xs p-3 pr-9 transition-colors focus:outline-1",{"border-border-subtlest focus:outline-border-accent-violet lg:hover:border-border-accent-violet":!i,"border-border-utility-danger focus:outline-border-utility-danger":i&&a,"border-border-utility-success focus:outline-border-utility-success":a&&!i,"pl-9":r}),...l})]}),i&&a?u.jsx($,{intent:"label-md",className:"-mt-1 text-content-utility-danger-bolder",children:i}):u.jsx($,{intent:"label-md",className:"-mt-1 text-content-text-subtle",children:o})]})));ut.displayName="Input";const _r=({className:t,children:r,isOpen:n,setIsOpen:o})=>{C.useEffect(()=>{const l=d=>{d.key==="Escape"&&o(!1)};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l)}},[o]);const i=window.innerWidth-document.body.offsetWidth;C.useEffect(()=>{n?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${i}px`):(document.body.style.overflow="unset",document.body.style.paddingRight="0px")},[n,i]);const a=l=>{l.target===l.currentTarget&&o(!1)};return u.jsx("div",{id:"overlay",onClick:a,className:`
|
|
31
|
-
fixed inset-0 flex items-center justify-center transition-colors
|
|
31
|
+
fixed inset-0 z-[999] flex items-center justify-center transition-colors
|
|
32
32
|
${n?"visible bg-surface-neutral-primary-inverse/50":"invisible"}
|
|
33
|
-
`,tabIndex:-1,children:u.jsxs("div",{onClick:l=>l.stopPropagation(),className:`${t} relative mx-2 my-2 w-full rounded-lg bg-bg-white p-3 shadow-sm transition-all lg:w-fit ${n?"scale-100 opacity-100":"scale-95 opacity-0"}`,children:[u.jsx(st,{onClick:()=>o(!1),intent:"ghost",rounded:"full",iconName:"IconX",className:"absolute right-2 top-2"}),r]})})},Tr={top:{placementStyles:"bottom-full left-1/2 -translate-x-1/2 mb-2"},"top-right":{placementStyles:"bottom-full left-full mb-2"},"top-left":{placementStyles:"bottom-full right-full mb-2"},bottom:{placementStyles:"top-full left-1/2 -translate-x-1/2 mt-2"},"bottom-right":{placementStyles:"top-full left-full mt-2"},"bottom-left":{placementStyles:"top-full right-full mt-2"},left:{placementStyles:"right-full top-1/2 -translate-y-1/2 mr-2"},right:{placementStyles:"left-full top-1/2 -translate-y-1/2 ml-2"}},Pr=({children:t,placement:r="bottom-left",closePopover:n,isOpen:o})=>{const{placementStyles:i}=Tr[r];return u.jsx("div",{className:`absolute z-[99999] flex w-fit min-w-32 flex-col gap-2 rounded-lg bg-bg-white p-4 shadow-2xl transition-all ${i} ${o?"visible scale-100 opacity-100":"invisible scale-95 opacity-0"}`,onClick:n,children:t||u.jsx("div",{children:"Your placeholder here"})})},Or=({children:t,trigger:r,open:n=!1,placement:o="bottom-left",closeOnAction:i=!1})=>{const[a,l]=C.useState(n),d=C.useRef(null),b=C.useRef(null);C.useEffect(()=>{l(n)},[n]),C.useEffect(()=>{const g=x=>{b.current&&!b.current.contains(x.target)&&d.current&&!d.current.contains(x.target)&&l(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[d,b,l]);const p=g=>{g.stopPropagation(),l(x=>!x)},f=C.cloneElement(r,{onClick:p,ref:b});return u.jsxs("div",{className:"relative",children:[f,u.jsx("div",{ref:d,children:u.jsx(Pr,{placement:o,closePopover:i?()=>l(!1):void 0,isOpen:a,children:t})})]})},bt=V("transition-all ease-out duration-500 relative overflow-hidden w-full",{variants:{intent:{primary:"bg-bg-brand",green:"bg-bg-accent-green",blue:"bg-bg-accent-blue",violet:"bg-bg-accent-violet",mustard:"bg-bg-accent-mustard",lime:"bg-bg-accent-lime",marine:"bg-bg-accent-marine",ice:"bg-bg-accent-ice",gray:"bg-bg-accent-gray",fuchsia:"bg-bg-accent-fuchsia"},size:{small:"h-3",medium:"h-4",large:"h-5"},rounded:{full:"rounded-full",sm:"rounded-sm"}},defaultVariants:{intent:"primary",size:"medium",rounded:"full"}}),Ir=({progress:t,className:r,intent:n="primary",size:o="medium",rounded:i="full",...a})=>{const l={small:"text-2xs",medium:"text-sm",large:"text-base"};return u.jsx("div",{className:G(bt({size:o,rounded:i,className:r}),"relative bg-bg-accent-gray-subtle-hover"),...a,children:u.jsx("div",{className:G(bt({intent:n,size:o,rounded:i})),style:{width:`${t}%`},children:u.jsxs("span",{className:`absolute -right-2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-content-text-inverse ${l[o||"medium"]}`,children:[t,"%"]})})})};_.Avatar=It,_.Badge=fr,_.Button=hr,_.ButtonIcon=st,_.ButtonLink=jr,_.Card=Er,_.DropdownSelect=dt,_.IconComponent=A,_.Input=ut,_.Modal=_r,_.Popover=Or,_.ProgressBar=Ir,_.Spinner=he,_.Text=$,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
|
|
33
|
+
`,tabIndex:-1,children:u.jsxs("div",{onClick:l=>l.stopPropagation(),className:`${t} relative mx-2 my-2 w-full rounded-lg bg-bg-white p-3 shadow-sm transition-all lg:w-fit ${n?"scale-100 opacity-100":"scale-95 opacity-0"}`,children:[u.jsx(st,{onClick:()=>o(!1),intent:"ghost",rounded:"full",iconName:"IconX",className:"absolute right-2 top-2"}),r]})})},Tr={top:{placementStyles:"bottom-full left-1/2 -translate-x-1/2 mb-2"},"top-right":{placementStyles:"bottom-full left-0 mb-2"},"top-right-corner":{placementStyles:"bottom-full left-full mb-2"},"top-left":{placementStyles:"bottom-full right-0 mb-2"},"top-left-corner":{placementStyles:"bottom-full right-full mb-2"},bottom:{placementStyles:"top-full left-1/2 -translate-x-1/2 mt-2"},"bottom-right":{placementStyles:"top-full left-0 mt-2"},"bottom-right-corner":{placementStyles:"top-full left-full mt-2"},"bottom-left":{placementStyles:"top-full right-0 mt-2"},"bottom-left-corner":{placementStyles:"top-full right-full mt-2"},left:{placementStyles:"right-full top-1/2 -translate-y-1/2 mr-2"},right:{placementStyles:"left-full top-1/2 -translate-y-1/2 ml-2"}},Pr=({children:t,placement:r="bottom-left",closePopover:n,isOpen:o})=>{const{placementStyles:i}=Tr[r];return u.jsx("div",{className:`absolute z-[99999] flex w-fit min-w-32 flex-col gap-2 rounded-lg bg-bg-white p-4 shadow-2xl transition-all ${i} ${o?"visible scale-100 opacity-100":"invisible scale-95 opacity-0"}`,onClick:n,children:t||u.jsx("div",{children:"Your placeholder here"})})},Or=({children:t,trigger:r,open:n=!1,placement:o="bottom-left",closeOnAction:i=!1})=>{const[a,l]=C.useState(n),d=C.useRef(null),b=C.useRef(null);C.useEffect(()=>{l(n)},[n]),C.useEffect(()=>{const g=x=>{b.current&&!b.current.contains(x.target)&&d.current&&!d.current.contains(x.target)&&l(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[d,b,l]);const p=g=>{g.stopPropagation(),l(x=>!x)},f=C.cloneElement(r,{onClick:p,ref:b});return u.jsxs("div",{className:"relative",children:[f,u.jsx("div",{ref:d,children:u.jsx(Pr,{placement:o,closePopover:i?()=>l(!1):void 0,isOpen:a,children:t})})]})},bt=V("transition-all ease-out duration-500 relative overflow-hidden w-full",{variants:{intent:{primary:"bg-bg-brand",green:"bg-bg-accent-green",blue:"bg-bg-accent-blue",violet:"bg-bg-accent-violet",mustard:"bg-bg-accent-mustard",lime:"bg-bg-accent-lime",marine:"bg-bg-accent-marine",ice:"bg-bg-accent-ice",gray:"bg-bg-accent-gray",fuchsia:"bg-bg-accent-fuchsia"},size:{small:"h-3",medium:"h-4",large:"h-5"},rounded:{full:"rounded-full",sm:"rounded-sm"}},defaultVariants:{intent:"primary",size:"medium",rounded:"full"}}),Ir=({progress:t,className:r,intent:n="primary",size:o="medium",rounded:i="full",...a})=>{const l={small:"text-2xs",medium:"text-sm",large:"text-base"};return u.jsx("div",{className:G(bt({size:o,rounded:i,className:r}),"relative bg-bg-accent-gray-subtle-hover"),...a,children:u.jsx("div",{className:G(bt({intent:n,size:o,rounded:i})),style:{width:`${t}%`},children:u.jsxs("span",{className:`absolute -right-2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-content-text-inverse ${l[o||"medium"]}`,children:[t,"%"]})})})};_.Avatar=It,_.Badge=fr,_.Button=hr,_.ButtonIcon=st,_.ButtonLink=jr,_.Card=Er,_.DropdownSelect=dt,_.IconComponent=A,_.Input=ut,_.Modal=_r,_.Popover=Or,_.ProgressBar=Ir,_.Spinner=he,_.Text=$,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
|