@commercetools/nimbus 0.0.5-rc1 → 0.0.5-rc4
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.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.js +175 -192
- package/dist/index.js.map +1 -1
- package/package.json +41 -41
package/dist/index.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@chakra-ui/react"),C=require("@commercetools/nimbus-tokens"),a=require("react"),n=require("react/jsx-runtime"),b=require("react-aria"),R=require("react-aria-components"),ne=require("react-stately"),T=require("@commercetools/nimbus-icons");function lt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const k=lt(a),Ee=i.defineRecipe({className:"avatar",base:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",borderRadius:"full",flexShrink:0,fontWeight:"600",backgroundColor:"colorPalette.3",colorPalette:"primary",color:"colorPalette.11",focusVisibleRing:"outside","button&":{cursor:"button"},_disabled:{layerStyle:"disabled"}},variants:{size:{md:{width:1e3,height:1e3,textStyle:"sm"},xs:{width:800,height:800,textStyle:"xs"},"2xs":{width:600,height:600,textStyle:"xs"}}},defaultVariants:{size:"md"}}),{withContext:st}=i.createRecipeContext({recipe:Ee}),ct=st("figure");function dt(e,t){return e.split("")[0].toUpperCase()+t.split("")[0].toUpperCase()}const De=a.forwardRef((e,t)=>{const{firstName:o,lastName:r,src:s,alt:l,...u}=e,c=`${o} ${r}`,p={"aria-label":`${c} avatar`,ref:t,...u};return n.jsx(ct,{...p,children:s?n.jsx(i.Image,{src:s,alt:l||c}):dt(o,r)})});De.displayName="Avatar";const I=a.forwardRef((e,t)=>n.jsx(i.Box,{ref:t,...e}));I.displayName="Box";const B=i.defineRecipe({className:"nimbus-button",base:{borderRadius:"200",display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",borderWidth:"1px",borderColor:"transparent",cursor:"button",flexShrink:"0",outline:"0",lineHeight:"1.2",isolation:"isolate",fontWeight:"500",transitionProperty:"common",transitionDuration:"moderate",focusVisibleRing:"outside",_disabled:{layerStyle:"disabled"},_icon:{flexShrink:"0"}},variants:{size:{"2xs":{h:"600",minW:"600",fontSize:"300",fontWeight:"500",lineHeight:"400",px:"200",gap:"100",_icon:{width:"400",height:"400"}},xs:{h:"800",minW:"800",fontSize:"350",fontWeight:"500",lineHeight:"400",px:"300",gap:"100",_icon:{width:"500",height:"500"}},md:{h:"1000",minW:"1000",fontSize:"400",lineHeight:"500",px:"400",gap:"200",_icon:{width:"600",height:"600"}}},variant:{solid:{bg:"colorPalette.9",color:"colorPalette.contrast",_hover:{bg:"colorPalette.10"},_expanded:{bg:"colorPalette.10"}},subtle:{bg:"colorPalette.3",color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},outline:{borderWidth:"1px",borderColor:"colorPalette.7",color:"colorPalette.11",transitionProperty:"background-color, border-color, color",transitionDuration:"moderate",_hover:{bg:"colorPalette.3",borderColor:"colorPalette.8"},_expanded:{bg:"colorPalette.subtle"}},ghost:{color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},link:{color:"colorPalette.11",_hover:{textDecoration:"underline"}}},tone:{primary:{colorPalette:"primary"},critical:{colorPalette:"critical"},neutral:{colorPalette:"neutral"},info:{colorPalette:"info"}}},defaultVariants:{size:"md",variant:"subtle"}});function ut(e){var t=Object.create(null);return function(o){return t[o]===void 0&&(t[o]=e(o)),t[o]}}var pt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,ft=ut(function(e){return pt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});const{withContext:mt}=i.createRecipeContext({recipe:B}),gt=mt("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!(t!=null&&t.includes(e))&&!i.defaultSystem.isValidProperty(e);return ft(e)&&o&&!e.includes("onPress")}}),q=a.forwardRef((e,t)=>{const{as:o,asChild:r,children:s,...l}=e,u=a.useRef(null),c=b.useObjectRef(i.mergeRefs(u,t)),p=o||(r?"a":"button")||"button",{buttonProps:m}=b.useButton({...l,elementType:p},c);return n.jsx(gt,{...b.mergeProps(l,m,{as:o,asChild:r,ref:c}),children:s})});q.displayName="Button";const ht=a.forwardRef(function(t,o){const{children:r,portalled:s=!0,portalRef:l,backdrop:u=!0,...c}=t;return n.jsxs(i.Portal,{disabled:!s,container:l,children:[u&&n.jsx(i.Dialog.Backdrop,{}),n.jsx(i.Dialog.Positioner,{children:n.jsx(i.Dialog.Content,{ref:o,...c,asChild:!1,children:r})})]})}),bt=a.forwardRef(function(t,o){return n.jsx(i.Dialog.CloseTrigger,{position:"absolute",top:"2",insetEnd:"2",...t,asChild:!0,children:n.jsx(q,{size:"xs",ref:o,children:t.children})})}),xt=i.Dialog.Root,vt=i.Dialog.Footer,yt=i.Dialog.Header,Ct=i.Dialog.Body,wt=i.Dialog.Backdrop,St=i.Dialog.Title,kt=i.Dialog.Description,Rt=i.Dialog.Trigger,Pt=i.Dialog.ActionTrigger,W=a.forwardRef(({children:e,...t},o)=>n.jsx(q,{px:0,py:0,ref:o,...t,children:e}));W.displayName="IconButton";const ze=i.defineRecipe({className:"nimbus-link",base:{display:"inline-flex",alignItems:"center",color:"colorPalette.11",borderRadius:"100",focusVisibleRing:"outside",bg:"transparent",outline:"none",cursor:"pointer",textDecoration:"underline",textUnderlineOffset:"3px",_hover:{textDecorationThickness:"12%"}},variants:{size:{xs:{fontSize:"300",lineHeight:"450"},sm:{fontSize:"350",lineHeight:"500"},md:{fontSize:"400",lineHeight:"600"}},fontColor:{primary:{color:"primary"},inherit:{color:"inherit"}}}}),{withContext:Tt}=i.createRecipeContext({recipe:ze}),jt=Tt("a"),Ie=a.forwardRef((e,t)=>{const{as:o,asChild:r,children:s,...l}=e,u=a.useRef(null),c=b.useObjectRef(i.mergeRefs(u,t)),p=o||(r?"span":"a")||"a",{linkProps:m}=b.useLink({...l,elementType:p},c);return n.jsx(jt,{...b.mergeProps(l,m,{as:o,asChild:r,ref:c}),children:s})});Ie.displayName="Link";const At=e=>n.jsx(i.List.Root,{...e}),Et=e=>n.jsx(i.List.Item,{...e}),He=a.forwardRef((e,t)=>n.jsx(i.SimpleGrid,{ref:t,...e}));He.displayName="SimpleGrid";const Dt=Object.assign(He,{Item:i.GridItem}),zt=e=>n.jsx(i.Table.Root,{...e}),It=e=>n.jsx(i.Table.ColumnGroup,{...e}),Ht=e=>n.jsx(i.Table.Column,{...e}),Nt=e=>n.jsx(i.Table.Header,{...e}),Lt=e=>n.jsx(i.Table.Footer,{...e}),Ft=e=>n.jsx(i.Table.Row,{...e}),Bt=e=>n.jsx(i.Table.Cell,{...e}),Ot=e=>n.jsx(i.Table.Body,{...e}),_t=e=>n.jsx(i.Table.ColumnHeader,{...e}),Ne=a.forwardRef((e,t)=>n.jsx(i.Text,{ref:t,...e}));Ne.displayName="Text";const Le=i.defineRecipe({className:"nimbus-tooltip",base:{color:"white",textStyle:"xs",fontWeight:"400",background:"slate.12",display:"inline-flex",alignItems:"center",borderRadius:"100",paddingX:"300",paddingY:"100",margin:"100",maxW:"6400",boxShadow:"1"}}),{withContext:Wt}=i.createRecipeContext({recipe:Le}),Vt=Wt("div"),Fe=a.forwardRef(function({children:t,placement:o="bottom",...r},s){return n.jsx(Vt,{ref:s,asChild:!0,...r,children:n.jsx(R.Tooltip,{placement:o,...r,children:t})})});Fe.displayName="Tooltip";const Be=R.TooltipTrigger;Be.displayName="TooltipTrigger";const Oe=a.forwardRef(function(t,o){const r=a.useRef(null),s=b.useObjectRef(i.mergeRefs(r,o)),{focusableProps:l}=b.useFocusable(t,s);if(a.isValidElement(t.children))return a.cloneElement(t.children,b.mergeProps(l,t.children.props,{ref:s}))});Oe.displayName="MakeElementFocusable";var Mt=(e,t,o,r,s,l,u,c)=>{let p=document.documentElement,m=["light","dark"];function g(d){(Array.isArray(e)?e:[e]).forEach(x=>{let w=x==="class",P=w&&l?s.map(S=>l[S]||S):s;w?(p.classList.remove(...P),p.classList.add(l&&l[d]?l[d]:d)):p.setAttribute(x,d)}),y(d)}function y(d){c&&m.includes(d)&&(p.style.colorScheme=d)}function f(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(r)g(r);else try{let d=localStorage.getItem(t)||o,x=u&&d==="system"?f():d;g(x)}catch{}},we=["light","dark"],_e="(prefers-color-scheme: dark)",Gt=typeof window>"u",ie=k.createContext(void 0),$t={setTheme:e=>{},themes:[]},Kt=()=>{var e;return(e=k.useContext(ie))!=null?e:$t},Ut=e=>k.useContext(ie)?k.createElement(k.Fragment,null,e.children):k.createElement(Xt,{...e}),qt=["light","dark"],Xt=({forcedTheme:e,disableTransitionOnChange:t=!1,enableSystem:o=!0,enableColorScheme:r=!0,storageKey:s="theme",themes:l=qt,defaultTheme:u=o?"system":"light",attribute:c="data-theme",value:p,children:m,nonce:g,scriptProps:y})=>{let[f,d]=k.useState(()=>Jt(s,u)),[x,w]=k.useState(()=>f==="system"?J():f),P=p?Object.values(p):l,S=k.useCallback(v=>{let h=v;if(!h)return;v==="system"&&o&&(h=J());let j=p?p[h]:h,_=t?Zt(g):null,A=document.documentElement,U=z=>{z==="class"?(A.classList.remove(...P),j&&A.classList.add(j)):z.startsWith("data-")&&(j?A.setAttribute(z,j):A.removeAttribute(z))};if(Array.isArray(c)?c.forEach(U):U(c),r){let z=we.includes(u)?u:null,F=we.includes(h)?h:z;A.style.colorScheme=F}_==null||_()},[g]),E=k.useCallback(v=>{let h=typeof v=="function"?v(f):v;d(h);try{localStorage.setItem(s,h)}catch{}},[f]),D=k.useCallback(v=>{let h=J(v);w(h),f==="system"&&o&&!e&&S("system")},[f,e]);k.useEffect(()=>{let v=window.matchMedia(_e);return v.addListener(D),D(v),()=>v.removeListener(D)},[D]),k.useEffect(()=>{let v=h=>{h.key===s&&(h.newValue?d(h.newValue):E(u))};return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[E]),k.useEffect(()=>{S(e??f)},[e,f]);let H=k.useMemo(()=>({theme:f,setTheme:E,forcedTheme:e,resolvedTheme:f==="system"?x:f,themes:o?[...l,"system"]:l,systemTheme:o?x:void 0}),[f,E,e,x,o,l]);return k.createElement(ie.Provider,{value:H},k.createElement(Yt,{forcedTheme:e,storageKey:s,attribute:c,enableSystem:o,enableColorScheme:r,defaultTheme:u,value:p,themes:l,nonce:g,scriptProps:y}),m)},Yt=k.memo(({forcedTheme:e,storageKey:t,attribute:o,enableSystem:r,enableColorScheme:s,defaultTheme:l,value:u,themes:c,nonce:p,scriptProps:m})=>{let g=JSON.stringify([o,t,l,e,c,u,r,s]).slice(1,-1);return k.createElement("script",{...m,suppressHydrationWarning:!0,nonce:typeof window>"u"?p:"",dangerouslySetInnerHTML:{__html:`(${Mt.toString()})(${g})`}})}),Jt=(e,t)=>{if(Gt)return;let o;try{o=localStorage.getItem(e)||void 0}catch{}return o||t},Zt=e=>{let t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(t),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(t)},1)}},J=e=>(e||(e=window.matchMedia(_e)),e.matches?"dark":"light");function Qt(e){return n.jsx(Ut,{attribute:"class",disableTransitionOnChange:!0,...e})}function ae(){const{resolvedTheme:e,setTheme:t}=Kt();return{colorMode:e,setColorMode:t,toggleColorMode:()=>{t(e==="light"?"dark":"light")}}}function eo(e,t){const{colorMode:o}=ae();return o==="light"?e:t}function to(){const{colorMode:e}=ae();return e==="light"?"Light Theme":"DarkTheme"}const oo=i.defineAnimationStyles({"slide-fade-in":{value:{transformOrigin:"var(--transform-origin)","&[data-placement^=top]":{animationName:"slide-from-bottom, fade-in"},"&[data-placement^=bottom]":{animationName:"slide-from-top, fade-in"},"&[data-placement^=left]":{animationName:"slide-from-right, fade-in"},"&[data-placement^=right]":{animationName:"slide-from-left, fade-in"}}},"slide-fade-out":{value:{transformOrigin:"var(--transform-origin)","&[data-placement^=top]":{animationName:"slide-to-bottom, fade-out"},"&[data-placement^=bottom]":{animationName:"slide-to-top, fade-out"},"&[data-placement^=left]":{animationName:"slide-to-right, fade-out"},"&[data-placement^=right]":{animationName:"slide-to-left, fade-out"}}},"scale-fade-in":{value:{transformOrigin:"var(--transform-origin)",animationName:"scale-in, fade-in"}},"scale-fade-out":{value:{transformOrigin:"var(--transform-origin)",animationName:"scale-out, fade-out"}}});function ro(e){var o;const t={};for(const r in e)(o=e[r])!=null&&o.value?t[r]=e[r].value:t[r]=e[r];return t}const no=ro(C.themeTokens.breakpoints),io=i.defineGlobalStyles({"*":{fontFeatureSettings:'"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',"--ring-inset":"var(--chakra-empty,/*!*/ /*!*/)","--ring-offset-width":"0px","--ring-offset-color":"#fff","--ring-color":"rgba(66, 153, 225, 0.6)","--ring-offset-shadow":"0 0 #0000","--ring-shadow":"0 0 #0000","--focus-ring-color":"colors.primary.7","--brightness":"var(--chakra-empty,/*!*/ /*!*/)","--contrast":"var(--chakra-empty,/*!*/ /*!*/)","--grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--invert":"var(--chakra-empty,/*!*/ /*!*/)","--saturate":"var(--chakra-empty,/*!*/ /*!*/)","--sepia":"var(--chakra-empty,/*!*/ /*!*/)","--drop-shadow":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-blur":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-invert":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-opacity":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-sepia":"var(--chakra-empty,/*!*/ /*!*/)","--global-font-mono":"fonts.mono","--global-font-body":"fonts.body","--global-color-border":"colors.border"},"code *":{fontFeatureSettings:'"calt", "case", "ss01", "ss07", "ss08", "tnum"'},html:{color:"fg",bg:"bg",lineHeight:"1.5",colorPalette:"neutral"},"*::placeholder":{color:"fg.muted/80"},"*::selection":{bg:"colorPalette.9",color:"colorPalette.contrast"}}),ao={spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},pulse:{"50%":{opacity:"0.5"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}},"fade-in":{from:{opacity:0},to:{opacity:1}},"fade-out":{from:{opacity:1},to:{opacity:0}},"slide-from-left-full":{from:{translate:"-100% 0"},to:{translate:"0 0"}},"slide-from-right-full":{from:{translate:"100% 0"},to:{translate:"0 0"}},"slide-from-top-full":{from:{translate:"0 -100%"},to:{translate:"0 0"}},"slide-from-bottom-full":{from:{translate:"0 100%"},to:{translate:"0 0"}},"slide-to-left-full":{from:{translate:"0 0"},to:{translate:"-100% 0"}},"slide-to-right-full":{from:{translate:"0 0"},to:{translate:"100% 0"}},"slide-to-top-full":{from:{translate:"0 0"},to:{translate:"0 -100%"}},"slide-to-bottom-full":{from:{translate:"0 0"},to:{translate:"0 100%"}},"slide-from-top":{"0%":{translate:"0 -0.5rem"},to:{translate:"0"}},"slide-from-bottom":{"0%":{translate:"0 0.5rem"},to:{translate:"0"}},"slide-from-left":{"0%":{translate:"-0.5rem 0"},to:{translate:"0"}},"slide-from-right":{"0%":{translate:"0.5rem 0"},to:{translate:"0"}},"slide-to-top":{"0%":{translate:"0"},to:{translate:"0 -0.5rem"}},"slide-to-bottom":{"0%":{translate:"0"},to:{translate:"0 0.5rem"}},"slide-to-left":{"0%":{translate:"0"},to:{translate:"-0.5rem 0"}},"slide-to-right":{"0%":{translate:"0"},to:{translate:"0.5rem 0"}},"scale-in":{from:{scale:"0.95"},to:{scale:"1"}},"scale-out":{from:{scale:"1"},to:{scale:"0.95"}}},lo=i.defineLayerStyles({disabled:{value:{opacity:"0.5",cursor:"not-allowed"}}}),so=i.defineRecipe({className:"nimbus-code",base:{fontFamily:"mono",alignItems:"center",display:"inline-flex",borderRadius:"100"},variants:{variant:{solid:{bg:"colorPalette.4",color:"colorPalette.11"},subtle:{bg:"colorPalette.3",color:"colorPalette.11"},outline:{color:"colorPalette.fg",shadow:"inset 0 0 0px 1px var(--shadow-color)",shadowColor:"colorPalette.muted"},surface:{bg:"colorPalette.subtle",color:"colorPalette.fg",shadow:"inset 0 0 0px 1px var(--shadow-color)",shadowColor:"colorPalette.muted"},plain:{color:"colorPalette.fg"}},size:{xs:{textStyle:"2xs",px:"100",minH:"400"},sm:{textStyle:"xs",px:"150",minH:"500"},md:{textStyle:"sm",px:"200",minH:"600"},lg:{textStyle:"sm",px:"250",minH:"700"}}},defaultVariants:{variant:"solid",size:"md"}}),co=i.defineRecipe({className:"nimbus-heading",base:{fontFamily:"heading",fontWeight:"600"},variants:{size:{xs:{textStyle:"xs"},sm:{textStyle:"sm"},md:{textStyle:"md"},lg:{textStyle:"lg"},xl:{textStyle:"xl"},"2xl":{textStyle:"2xl"},"3xl":{textStyle:"3xl"},"4xl":{textStyle:"4xl"},"5xl":{textStyle:"5xl"},"6xl":{textStyle:"6xl"},"7xl":{textStyle:"7xl"}}},defaultVariants:{size:"xl"}}),uo=i.defineRecipe({className:"nimbus-kbd",base:{display:"inline-flex",alignItems:"center",fontWeight:"medium",fontFamily:"mono",flexShrink:"0",whiteSpace:"nowrap",wordSpacing:"-0.5em",userSelect:"none",px:"100",borderRadius:"100"},variants:{variant:{raised:{bg:"colorPalette.subtle",color:"colorPalette.fg",borderWidth:"1px",borderBottomWidth:"2px",borderColor:"colorPalette.muted"},outline:{borderWidth:"1px",color:"colorPalette.fg"},subtle:{bg:"colorPalette.muted",color:"colorPalette.fg"},plain:{color:"colorPalette.fg"}},size:{sm:{textStyle:"xs",height:"450"},md:{textStyle:"sm",height:"500"},lg:{textStyle:"md",height:"600"}}},defaultVariants:{size:"md",variant:"raised"}}),le=i.defineRecipe({className:"nimbus-text-input",base:{display:"block",borderRadius:"200",colorPalette:"neutral",focusVisibleRing:"outside",bg:"transparent",outline:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_placeholder:{opacity:.5,color:"currentColor"},_disabled:{layerStyle:"disabled"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"}},variants:{size:{sm:{h:800,textStyle:"sm",px:300},md:{h:1e3,textStyle:"md",px:400}},variant:{solid:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}},ghost:{_hover:{backgroundColor:"primary.2"}}}},defaultVariants:{size:"md",variant:"solid"}}),po={avatar:Ee,button:B,code:so,heading:co,kbd:uo,link:ze,tooltip:Le,textInput:le},fo=i.defineSemanticTokens.colors({bg:{DEFAULT:{value:{_light:"{colors.neutral.1}",_dark:"{colors.neutral.1}"}}},fg:{DEFAULT:{value:{_light:"{colors.neutral.12}",_dark:"{colors.neutral.12}"}}},border:{DEFAULT:{value:"{colors.neutral.6}"},muted:{value:"{colors.neutral.7}"},subtle:{value:"{colors.neutral.6}"},emphasized:{value:"{colors.neutral.8}"},inverted:{value:"{colors.neutral.9}"},critical:{value:"{colors.critical.8}"},warning:{value:"{colors.warning.8}"},positive:{value:"{colors.positive.8}"},info:{value:"{colors.ingo.8}"}},...C.themeTokens.color["system-palettes"],...C.themeTokens.color["brand-palettes"],...C.themeTokens.color["semantic-palettes"]}),mo=i.defineSemanticTokens.shadows(C.themeTokens.shadow),go=i.defineSemanticTokens.radii({}),ho={colors:fo,shadows:mo,radii:go},bo=i.defineSlotRecipe({slots:["trigger","backdrop","positioner","content","title","description","closeTrigger","header","body","footer","backdrop"],className:"nimbus-dialog",base:{backdrop:{bg:{_dark:"bg/50",_light:"fg/50"},pos:"fixed",left:0,top:0,w:"100vw",h:"100dvh",zIndex:"modal",_open:{animationName:"fade-in",animationDuration:"slow"},_closed:{animationName:"fade-out",animationDuration:"moderate"}},positioner:{display:"flex",width:"100vw",height:"100dvh",position:"fixed",left:0,top:0,"--dialog-z-index":"zIndex.modal",zIndex:"calc(var(--dialog-z-index) + var(--layer-index, 0))",justifyContent:"center",overscrollBehaviorY:"none"},content:{display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0,borderRadius:"200",textStyle:"sm",my:"var(--dialog-margin, var(--dialog-base-margin))","--dialog-z-index":"zIndex.modal",zIndex:"calc(var(--dialog-z-index) + var(--layer-index, 0))",bg:"bg",boxShadow:"lg",_open:{animationDuration:"moderate"},_closed:{animationDuration:"faster"}},header:{flex:0,px:"600",pt:"600",pb:"400"},body:{flex:"1",px:"600",pt:"200",pb:"600"},footer:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"300",px:"600",pt:"200",pb:"400"},title:{textStyle:"lg",fontWeight:"semibold"},description:{color:"fg.muted"}},variants:{placement:{center:{positioner:{alignItems:"center"},content:{"--dialog-base-margin":"auto",mx:"auto"}},top:{positioner:{alignItems:"flex-start"},content:{"--dialog-base-margin":"spacing.1600",mx:"auto"}},bottom:{positioner:{alignItems:"flex-end"},content:{"--dialog-base-margin":"spacing.1600",mx:"auto"}}},scrollBehavior:{inside:{positioner:{overflow:"hidden"},content:{maxH:"calc(100% - 7.5rem)"},body:{overflow:"auto"}},outside:{positioner:{overflow:"auto",pointerEvents:"auto"}}},size:{xs:{content:{maxW:"sm"}},sm:{content:{maxW:"md"}},md:{content:{maxW:"lg"}},lg:{content:{maxW:"2xl"}},xl:{content:{maxW:"4xl"}},cover:{positioner:{padding:"1000"},content:{width:"100%",height:"100%","--dialog-margin":"0"}},full:{content:{maxW:"100vw",minH:"100vh","--dialog-margin":"0",borderRadius:"0"}}},motionPreset:{scale:{content:{_open:{animationName:"scale-in, fade-in"},_closed:{animationName:"scale-out, fade-out"}}},"slide-in-bottom":{content:{_open:{animationName:"slide-from-bottom, fade-in"},_closed:{animationName:"slide-to-bottom, fade-out"}}},"slide-in-top":{content:{_open:{animationName:"slide-from-top, fade-in"},_closed:{animationName:"slide-to-top, fade-out"}}},"slide-in-left":{content:{_open:{animationName:"slide-from-left, fade-in"},_closed:{animationName:"slide-to-left, fade-out"}}},"slide-in-right":{content:{_open:{animationName:"slide-from-right, fade-in"},_closed:{animationName:"slide-to-right, fade-out"}}},none:{}}},defaultVariants:{size:"md",scrollBehavior:"outside",placement:"top",motionPreset:"scale"}}),xo=i.defineSlotRecipe({className:"chakra-list",slots:["root","item","indicator"],base:{root:{display:"flex",flexDirection:"column",gap:"var(--list-gap)","& :where(ul, ol)":{marginTop:"var(--list-gap)"}},item:{whiteSpace:"normal",display:"list-item"},indicator:{marginEnd:"200",minHeight:"1lh",flexShrink:0,display:"inline-block",verticalAlign:"middle"}},variants:{variant:{marker:{root:{listStyle:"revert",listStylePosition:"inside"},item:{_marker:{color:"fg.subtle"}}},plain:{item:{alignItems:"flex-start",display:"inline-flex"}}},align:{center:{item:{alignItems:"center"}},start:{item:{alignItems:"flex-start"}},end:{item:{alignItems:"flex-end"}}}},defaultVariants:{variant:"marker"}}),vo=i.defineSlotRecipe({className:"chakra-table",slots:["root","header","body","row","columnHeader","cell","footer","caption"],base:{root:{fontVariantNumeric:"lining-nums tabular-nums",borderCollapse:"collapse",width:"full",textAlign:"start",verticalAlign:"top"},row:{_selected:{bg:"colorPalette.subtle"}},cell:{textAlign:"start",alignItems:"center"},columnHeader:{fontWeight:"medium",textAlign:"start",color:"fg"},caption:{fontWeight:"medium",textStyle:"xs"},footer:{fontWeight:"medium"}},variants:{interactive:{true:{body:{"& tr":{_hover:{bg:"colorPalette.subtle"}}}}},stickyHeader:{true:{header:{"& :where(tr)":{top:"var(--table-sticky-offset, 0)",position:"sticky",zIndex:1}}}},striped:{true:{row:{"&:nth-of-type(odd) td":{bg:"bg.muted"}}}},showColumnBorder:{true:{columnHeader:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}},cell:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}}}},variant:{line:{columnHeader:{borderBottomWidth:"1px"},cell:{borderBottomWidth:"1px"},row:{bg:"bg"}},outline:{root:{boxShadow:"0 0 0 1px {colors.border}",overflow:"hidden"},columnHeader:{borderBottomWidth:"1px"},header:{bg:"bg.muted"},row:{"&:not(:last-of-type)":{borderBottomWidth:"1px"}},footer:{borderTopWidth:"1px"}}},size:{sm:{root:{textStyle:"sm"},columnHeader:{px:"200",py:"200"},cell:{px:"200",py:"200"}},md:{root:{textStyle:"sm"},columnHeader:{px:"300",py:"300"},cell:{px:"300",py:"300"}},lg:{root:{textStyle:"md"},columnHeader:{px:"400",py:"300"},cell:{px:"400",py:"300"}}}},defaultVariants:{variant:"line",size:"md"}}),yo=i.defineSlotRecipe({slots:["root","label","indicator"],className:"nimbus-checkbox",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",minWidth:"600",minHeight:"600","&[data-disabled='true']":{layerStyle:"disabled"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11","&[data-invalid='true']":{color:"critical.11"}},indicator:{position:"relative",display:"flex",flexShrink:0,alignItems:"center",justifyContent:"center",border:"solid-50",borderRadius:"50",focusRing:"outside",borderColor:"neutral.9",bg:"transparent",color:"neutral.11",_icon:{w:"350",h:"350"},"&:hover":{borderColor:"neutral.10"},"&[data-invalid='true']":{bg:"transparent",borderColor:"critical.9",color:"critical.11","&:hover":{borderColor:"critical.10"}},"&[data-selected='true'], &[data-indeterminate='true']":{bg:"colorPalette.9",borderColor:"colorPalette.9",color:"colorPalette.contrast","&:hover":{bg:"colorPalette.10",borderColor:"colorPalette.10"},"&[data-invalid='true']":{bg:"critical.9",borderColor:"critical.9",color:"critical.contrast","&:hover":{bg:"critical.10",borderColor:"critical.10"}}}}},variants:{size:{md:{label:{fontSize:"350",fontWeight:"400",lineHeight:"400"},indicator:{w:"400",h:"400",zIndex:1,_after:{position:"absolute",content:"''",width:"600",height:"600",zIndex:0}}}}},defaultVariants:{size:"md"}}),We=i.defineSlotRecipe({slots:["root","trigger","triggerLabel","options","optionGroup","option"],className:"nimbus-select",base:{root:{colorPalette:"primary",display:"inline-block",position:"relative",maxWidth:"100%",borderRadius:"200","&[data-disabled]":{layerStyle:"disabled",pointerEvents:"none"}},trigger:{cursor:"button",display:"inline-flex",focusRing:"outside",alignItems:"flex-start",borderRadius:"200",color:"neutral.12",width:"100%",userSelect:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)","& span":{display:"inline-block",my:"auto"},'& [slot="description"]':{display:"none"},"[data-invalid] &":{"--border-width":"sizes.50","--border-color":"colors.critical.7"}},triggerLabel:{"--button-safespace":"sizes.1400",color:"neutral.12",textAlign:"left",marginRight:"var(--button-safespace)",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","&[data-placeholder]":{opacity:.5},"[data-invalid] &":{color:"critical.11"}},options:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"bg",borderRadius:"200",boxShadow:"5",minWidth:"var(--trigger-width)",p:"200",focusRing:"outside",maxHeight:"40svh",overflowY:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)"},optionGroup:{textStyle:"xs",color:"neutral.11",fontWeight:"600",lineHeight:"350",letterSpacing:"25",textTransform:"uppercase",p:"200",borderBottom:"solid-25",borderColor:"neutral.6",mx:"-200",mt:"200",mb:"300"},option:{focusRing:"outside",cursor:"menuitem",color:"neutral.12",textStyle:"sm",p:"200",borderRadius:"200",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",'&[aria-selected="true"], &[data-focused="true"]':{bg:"primary.4"},'& [slot="label"]':{display:"block"},'& [slot="description"]':{display:"block",color:"neutral.11",textStyle:"xs"},'&[data-disabled="true"]':{layerStyle:"disabled"}}},variants:{size:{sm:{root:{},trigger:{h:"800",px:"400",textStyle:"sm"}},md:{root:{},trigger:{h:"1000",px:"400",textStyle:"md"}}},variant:{outline:{root:{bg:"bg","&:hover":{bg:"primary.2"}},trigger:{"--border-width":"sizes.25","--border-color":"colors.neutral.7"}},ghost:{root:{bg:"transparent","&:hover":{bg:"primaryAlpha.2"}},trigger:{"--border-width":"sizes.25","--border-color":"transparent"}}}},defaultVariants:{size:"md",variant:"outline"}}),Co=i.defineSlotRecipe({slots:["root","disclosure","trigger","panel","accordionTitle","headerContentRight"],className:"nimbus-accordion",base:{root:{width:"100%"},disclosure:{width:"100%"},trigger:{fontSize:"var(--font-size)",focusVisibleRing:"outside",minHeight:"1200",bg:"none",flexGrow:1,display:"flex",alignItems:"center",gap:"8px",width:"auto","& svg":{width:"var(--width)",height:"var(--height)",rotate:"0deg",transition:"rotate 200ms"},'&[aria-expanded="true"] svg':{rotate:"90deg"},"&[disabled]":{layerStyle:"disabled"}},panel:{paddingTop:"var(--padding-top)",paddingBottom:"var(--padding-bottom)",paddingLeft:"var(--padding-left)",'&[aria-hidden="true"]':{display:"none"}},accordionTitle:{fontWeight:"700"}},variants:{size:{md:{trigger:{"--font-size":"fontSizes.500","& svg":{"--width":"sizes.600","--height":"sizes.600"}},panel:{"--padding-top":"spacing.600","--padding-bottom":"spacing.800","--padding-left":"spacing.800"}},sm:{trigger:{"--font-size":"fontSizes.400","& svg":{"--width":"sizes.500","--height":"sizes.500"}},panel:{"--padding-top":"spacing.400","--padding-bottom":"spacing.600","--padding-left":"spacing.700"}}}},defaultVariants:{size:"md"}}),wo={dialog:bo,list:xo,table:vo,checkbox:yo,select:We,accordion:Co},So=i.defineTextStyles(C.themeTokens.textStyle),ko=i.defineTokens.durations(C.themeTokens.aspectRatio),Ro=i.defineTokens.animations(C.themeTokens.animation),Po=i.defineTokens.blurs(C.themeTokens.blur),To=i.defineTokens.borders(C.themeTokens.border),jo=i.defineTokens.colors({...C.themeTokens.color["blacks-and-whites"]}),Ao=i.defineTokens.durations(C.themeTokens.duration),Eo=i.defineTokens.easings(C.themeTokens.easing),Do=i.defineTokens.fonts(C.themeTokens.fontFamily),zo=i.defineTokens.fontSizes(C.themeTokens.fontSize),Io=i.defineTokens.fontWeights(C.themeTokens.fontWeight),Ho=e=>Object.keys(e).reduce((t,o)=>{const s=parseFloat(e[o].value)/100;return t[o]={value:`${s}em`},t},{}),No=i.defineTokens.letterSpacings(Ho(C.themeTokens.letterSpacing)),Lo=i.defineTokens.lineHeights(C.themeTokens.lineHeight),Fo=i.defineTokens.radii(C.themeTokens.borderRadius),Bo=i.defineTokens.spacing(C.themeTokens.spacing),Oo=i.defineTokens.sizes({...C.themeTokens.size,"1/2":{value:"50%"},"1/3":{value:"33.333333%"},"2/3":{value:"66.666667%"},"1/4":{value:"25%"},"3/4":{value:"75%"},"1/5":{value:"20%"},"2/5":{value:"40%"},"3/5":{value:"60%"},"4/5":{value:"80%"},"1/6":{value:"16.666667%"},"2/6":{value:"33.333333%"},"3/6":{value:"50%"},"4/6":{value:"66.666667%"},"5/6":{value:"83.333333%"},"1/12":{value:"8.333333%"},"2/12":{value:"16.666667%"},"3/12":{value:"25%"},"4/12":{value:"33.333333%"},"5/12":{value:"41.666667%"},"6/12":{value:"50%"},"7/12":{value:"58.333333%"},"8/12":{value:"66.666667%"},"9/12":{value:"75%"},"10/12":{value:"83.333333%"},"11/12":{value:"91.666667%"},max:{value:"max-content"},min:{value:"min-content"},fit:{value:"fit-content"},prose:{value:"60ch"},full:{value:"100%"},dvh:{value:"100dvh"},svh:{value:"100svh"},lvh:{value:"100lvh"},dvw:{value:"100dvw"},svw:{value:"100svw"},lvw:{value:"100lvw"},vw:{value:"100vw"},vh:{value:"100vh"}}),_o=i.defineTokens.zIndex(C.themeTokens.zIndex),Wo=i.defineTokens.cursor(C.themeTokens.cursor),Vo={aspectRatios:ko,animations:Ro,blurs:Po,borders:To,colors:jo,durations:Ao,easings:Eo,fonts:Do,fontSizes:zo,fontWeights:Io,letterSpacings:No,lineHeights:Lo,radii:Fo,spacing:Bo,sizes:Oo,zIndex:_o,cursor:Wo},Mo=i.defineConfig({preflight:!0,cssVarsPrefix:"nimbus",cssVarsRoot:":where(:root, :host)",globalCss:io,theme:{breakpoints:no,keyframes:ao,tokens:Vo,semanticTokens:ho,recipes:po,slotRecipes:wo,textStyles:So,layerStyles:lo,animationStyles:oo}}),Ve=i.createSystem(i.defaultBaseConfig,Mo);function Go(){const[e,t]=a.useState(o());function o(){return document.documentElement.style.getPropertyValue("color-scheme")||localStorage.getItem("theme")||"light"}return a.useEffect(()=>{const r=document.documentElement,s=new MutationObserver(()=>{const l=o();t(l)});return s.observe(r,{attributes:!0,attributeFilter:["style"]}),()=>s.disconnect()},[]),e}function $o({children:e,...t}){return n.jsx(i.ChakraProvider,{value:Ve,children:n.jsx(Qt,{enableSystem:!1,...t,children:n.jsx(n.Fragment,{children:e})})})}function X(e){const t={},o={...e};return Object.keys(e).forEach(r=>{Object.prototype.hasOwnProperty.call(e,r)&&i.defaultSystem.isValidProperty(r)&&(t[r]=e[r],delete o[r])}),[t,o]}const{withProvider:Ko,withContext:Me}=i.createSlotRecipeContext({key:"checkbox"}),Uo=Ko("label","root"),qo=Me("span","label"),Xo=Me("span","indicator"),Ge=a.forwardRef((e,t)=>{const o=a.useRef(null),r=b.useObjectRef(i.mergeRefs(o,t)),s=i.useSlotRecipe({key:"checkbox"}),[l]=s.splitVariantProps(e),[u,c]=X(e),p=ne.useToggleState(e),{inputProps:m}=b.useCheckbox(c,p,r),{isFocused:g,focusProps:y}=b.useFocusRing(),f=p.isSelected&&!e.isIndeterminate,d=e.isIndeterminate,x={"data-selected":f,"data-indeterminate":d,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":g||void 0};return n.jsxs(Uo,{"data-slot":"root",...l,...x,...u,children:[n.jsxs(Xo,{"data-slot":"indicator",...x,children:[f&&n.jsx(T.Check,{}),d&&n.jsx(T.Remove,{}),n.jsx(se,{as:"span",children:n.jsx("input",{...b.mergeProps(m,y),ref:r})})]}),e.children&&n.jsx(qo,{"data-slot":"label",...x,children:e.children})]})});Ge.displayName="Checkbox";const Y=a.forwardRef((e,t)=>n.jsx(i.Stack,{ref:t,...e}));Y.displayName="Stack";const se=e=>{const{as:t="div",...o}=e;return n.jsx(b.VisuallyHidden,{elementType:t,...o})};se.displayName="VisuallyHidden";const{withContext:Yo}=i.createRecipeContext({recipe:le}),Jo=Yo("input"),$e=a.forwardRef((e,t)=>{const o=a.useRef(null),r=b.useObjectRef(i.mergeRefs(o,t)),s=i.useRecipe({recipe:le}),[l,u]=s.splitVariantProps(e),[c,p]=X(u);return n.jsx(R.TextField,{...p,children:n.jsx(Jo,{ref:r,...l,...c,asChild:!0,children:n.jsx(R.Input,{})})})});$e.displayName="TextInput";const Ke=a.forwardRef((e,t)=>n.jsx(i.Grid,{ref:t,...e}));Ke.displayName="Grid";const Zo=Object.assign(Ke,{Item:i.GridItem}),{withProvider:Qo,withContext:V}=i.createSlotRecipeContext({key:"select"}),er=Qo("div","root"),tr=V("button","trigger"),or=V("span","triggerLabel"),rr=V("div","options"),nr=V("div","option"),ir=V("div","optionGroup"),Ue=()=>{const e=a.useContext(R.SelectStateContext);if(!(e!=null&&e.selectedKey))return null;const t=()=>{e==null||e.setSelectedKey(null)};return n.jsx(W,{pointerEvents:"all",size:"2xs",variant:"ghost",tone:"primary","aria-label":"Clear Selection",onPress:t,children:n.jsx(T.Close,{})})};Ue.displayName="Select.ClearButton";const ce=a.forwardRef(({children:e,isLoading:t,isDisabled:o,...r},s)=>{const l=i.useSlotRecipe({recipe:We}),[u,c]=l.splitVariantProps(r),[p,m]=X(c),g={...m,isDisabled:t||o};return n.jsx(er,{asChild:!0,ref:s,...u,...p,children:n.jsxs(R.Select,{...g,children:[n.jsxs(i.chakra.div,{position:"relative",children:[n.jsx(tr,{zIndex:0,asChild:!0,children:n.jsx(R.Button,{children:n.jsx(or,{asChild:!0,children:n.jsx(R.SelectValue,{})})})}),n.jsxs(i.Flex,{position:"absolute",top:"0",bottom:"0",zIndex:1,right:"400",pointerEvents:"none",children:[n.jsx(i.Flex,{width:"600",my:"auto",children:n.jsx(Ue,{})}),n.jsx(i.Flex,{my:"auto",w:"600",h:"600",pointerEvents:"none",children:n.jsx(I,{color:"neutral.9",asChild:!0,m:"auto",w:"400",h:"400",children:t?n.jsx(I,{asChild:!0,animation:"spin",animationDuration:"slowest",children:n.jsx(T.Loop,{})}):n.jsx(T.KeyboardArrowDown,{})})})]})]}),n.jsx(R.Popover,{children:e})]})})});ce.displayName="Select.Root";const de=e=>a.forwardRef(e),ue=de((e,t)=>{const[o,r]=X(e);return n.jsx(rr,{asChild:!0,...o,children:n.jsx(R.ListBox,{ref:t,...r})})});ue.displayName="Select.Options";const pe=de((e,t)=>n.jsx(nr,{asChild:!0,ref:t,children:n.jsx(R.ListBoxItem,{...e})}));pe.displayName="Select.Option";const fe=de(({label:e,items:t,children:o,...r},s)=>{if(t&&typeof o!="function")throw new Error('SelectOptionGroup: When "items" is provided, "children" must be a function');return n.jsxs(R.ListBoxSection,{ref:s,...r,children:[n.jsx(ir,{asChild:!0,children:n.jsx(R.Header,{children:e})}),t?n.jsx(R.Collection,{items:t,children:l=>typeof o=="function"?o(l):null}):o]})});fe.displayName="Select.OptionGroup";const ar={Root:ce,Options:ue,Option:pe,OptionGroup:fe},{withProvider:lr,withContext:M}=i.createSlotRecipeContext({key:"accordion"}),sr=lr("div","root"),cr=M("div","disclosure"),dr=M("button","trigger"),ur=M("div","panel"),pr=M("div","accordionTitle"),oe=M("div","headerContentRight"),me=a.createContext(null),qe=a.createContext(null),fr=a.forwardRef(({children:e,onExpandedChange:t,...o},r)=>{const s=ne.useDisclosureGroupState({...o,onExpandedChange:c=>{t==null||t(c.size>0)}}),l=i.useSlotRecipe({key:"accordion"}),[u]=l.splitVariantProps(o);return n.jsx(qe.Provider,{value:s,children:n.jsx(sr,{"data-slot":"root",ref:r,...u,children:e})})}),mr=a.forwardRef(({children:e},t)=>{const o=a.useContext(me);if(!o)throw new Error("Accordion.Header must be used within Accordion.Item");const r=a.Children.toArray(e).reduce((s,l)=>(a.isValidElement(l)&&l.type===oe?s.rightContent.push(l):s.main.push(l),s),{main:[],rightContent:[]});return n.jsxs(i.Flex,{justifyContent:"space-between",alignItems:"center",borderBottom:"solid-25",borderColor:"neutral.4",children:[n.jsxs(dr,{ref:i.mergeRefs(o.triggerRef,t),...o.buttonProps,"data-slot":"trigger",outline:o.isFocusVisible?void 0:"none",children:[n.jsx(T.KeyboardArrowRight,{}),n.jsx(pr,{"data-slot":"accordionTitle",children:r.main})]}),r.rightContent.length>0&&n.jsx(oe,{"data-slot":"headerContentRight",children:r.rightContent})]})}),gr=a.forwardRef((e,t)=>{const o=a.useContext(me),r=b.useObjectRef(i.mergeRefs(o==null?void 0:o.panelRef,t));return n.jsx(ur,{ref:r,...i.mergeProps({...o==null?void 0:o.panelProps,...e}),"data-slot":"panel",children:e.children})}),hr=a.forwardRef(({children:e,id:t,isDisabled:o,isExpanded:r,onExpandedChange:s,value:l},u)=>{const c=b.useId(),m=l||(t||c),g=a.useContext(qe),y=g?g.expandedKeys.has(m):r,f=ne.useDisclosureState({isExpanded:y,onExpandedChange:h=>{g&&g.toggleKey(m),s==null||s(h)}}),d=a.useRef(null),x=a.useRef(null),w=o||(g==null?void 0:g.isDisabled)||!1,{buttonProps:P,panelProps:S}=b.useDisclosure({isExpanded:f.isExpanded,isDisabled:w},f,d),{buttonProps:E}=b.useButton(P,x),{focusProps:D,isFocusVisible:H}=b.useFocusRing(),v={isExpanded:f.isExpanded,triggerRef:x,panelRef:d,buttonProps:b.mergeProps(E,D),panelProps:S,isFocusVisible:H};return n.jsx(me.Provider,{value:v,children:n.jsx(cr,{"data-slot":"disclosure","data-value":m,"data-expanded":f.isExpanded,ref:u,children:e})})}),br={Root:fr,Item:hr,Header:mr,Content:gr,HeaderRightContent:oe},xr=i.defineRecipe({className:"nimbus-loading-spinner",base:{display:"inline-flex",alignItems:"center",justifyContent:"center","& svg":{overflow:"visible",transform:"scale(calc(1 - 2/12))"},"& svg [data-svg-path='spinner-pointer']":{stroke:"colorPalette.10",animationName:"spin",animationDuration:"0.5s",animationTimingFunction:"linear",animationIterationCount:"infinite",transformOrigin:"center center 0"},"& svg [data-svg-path='spinner-circle']":{stroke:"colorPalette.5"}},variants:{size:{"2xs":{width:"350",height:"350"},xs:{width:"500",height:"500"},sm:{width:"600",height:"600"},md:{width:"800",height:"800"},lg:{width:"1000",height:"1000"}},tone:{primary:{colorPalette:"ctvioletAlpha"},white:{colorPalette:"whiteAlpha"}}},defaultVariants:{size:"sm",tone:"primary"}}),{withContext:vr}=i.createRecipeContext({recipe:xr}),yr=vr("div"),Cr="M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z",wr="M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12",Xe=a.forwardRef(({"aria-label":e="Loading data",...t},o)=>{const{progressBarProps:r}=b.useProgressBar({isIndeterminate:!0,"aria-label":e,...t});return n.jsx(yr,{ref:o,...b.mergeProps(t,r),"aria-label":e,children:n.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:[n.jsx("path",{d:Cr,"data-svg-path":"spinner-circle",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:wr,"data-svg-path":"spinner-pointer",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})]})})});Xe.displayName="LoadingSpinner";const Sr=i.defineSlotRecipe({slots:["root","header","content"],className:"nimbus-card",base:{root:{colorPalette:"slate",display:"inline-flex",alignItems:"flex-start",borderRadius:"300",focusVisibleRing:"outside"}},variants:{cardPadding:{sm:{root:{padding:"200"}},md:{root:{padding:"400"}},lg:{root:{padding:"600"}}},borderStyle:{none:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.3"}}},elevation:{none:{},elevated:{root:{shadow:"1"}}},backgroundStyle:{default:{root:{backgroundColor:"colorPalette.contrast"}},muted:{root:{backgroundColor:"colorPalette.2"}}}}}),{withProvider:kr,withContext:Ye}=i.createSlotRecipeContext({recipe:Sr}),Rr=kr("div","root"),Pr=Ye("div","header"),Tr=Ye("div","content"),ge=a.createContext(void 0),he=a.forwardRef(({children:e,...t},o)=>{const{isFocused:r,isFocusVisible:s,focusProps:l}=b.useFocusRing(),[u,c]=a.useState(null),[p,m]=a.useState(null),g=a.useMemo(()=>({setHeader:c,setContent:m}),[c,m]);return n.jsx(ge.Provider,{value:g,children:n.jsxs(Rr,{ref:o,...b.mergeProps(t,l),"data-focus":r||void 0,"data-focus-visible":s||void 0,tabIndex:0,children:[n.jsxs(Y,{direction:"column",gap:"200",children:[u,p]}),e]})})});he.displayName="Card.Root";const be=({children:e,...t})=>{const o=a.useContext(ge);return a.useEffect(()=>{if(o){const r=n.jsx(Pr,{...t,children:e});return o.setHeader(r),()=>o.setHeader(null)}},[e,t]),null};be.displayName="Card.Header";const xe=({children:e,...t})=>{const o=a.useContext(ge);return a.useEffect(()=>{if(o){const r=n.jsx(Tr,{...t,children:e});return o.setContent(r),()=>o.setContent(null)}},[e,t]),null};xe.displayName="Card.Content";const jr={Root:he,Header:be,Content:xe},Ar=i.defineRecipe({className:"nimbus-badge",base:{display:"inline-flex",alignItems:"center",borderRadius:"200",justifyContent:"center",whiteSpace:"nowrap",verticalAlign:"middle",py:"25",fontWeight:"500",backgroundColor:"colorPalette.3",color:"colorPalette.11",w:"auto",userSelect:"none",_icon:{flexShrink:"0"}},variants:{size:{"2xs":{fontSize:"300",gap:"100",h:"600",lineHeight:"350",px:"200",_icon:{width:"400",height:"400"}},xs:{fontSize:"350",gap:"100",h:"800",lineHeight:"400",px:"300",_icon:{width:"500",height:"500"}},md:{fontSize:"400",gap:"200",h:"1000",lineHeight:"500",px:"400",_icon:{width:"600",height:"600"}}}},defaultVariants:{size:"md"}}),{withContext:Er}=i.createRecipeContext({recipe:Ar}),Dr=Er("span"),zr=a.forwardRef((e,t)=>{const{as:o,asChild:r,children:s,...l}=e,u=a.useRef(null),c=b.useObjectRef(i.mergeRefs(u,t)),p=o||"span";return n.jsx(Dr,{as:p,...b.mergeProps(l,{ref:c}),children:s})}),Ir=i.defineSlotRecipe({slots:["root","title","description","icon","actions","dismissButton"],className:"nimbus-alert",base:{root:{display:"inline-flex",flexDirection:"row",gap:"200",width:"100%"},icon:{marginTop:"50","& svg":{width:"500",height:"500",color:"colorPalette.11"}},title:{color:"colorPalette.11"},description:{color:"colorPalette.11"}},variants:{tone:{critical:{root:{colorPalette:"critical"}},info:{root:{colorPalette:"info"}},warning:{root:{colorPalette:"amber"}},positive:{root:{colorPalette:"positive"}}},variant:{flat:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.5",backgroundColor:"colorPalette.2",padding:"200",borderRadius:"200"}}}}}),{withProvider:Hr,withContext:G}=i.createSlotRecipeContext({recipe:Ir}),Nr=Hr("div","root"),Lr=G("div","title"),Fr=G("div","description"),Br=G("div","icon"),Or=G("div","actions"),_r=G("div","dismissButton"),Wr=e=>{switch(e){case"critical":return n.jsx(T.ErrorOutline,{});case"info":return n.jsx(T.Info,{});case"warning":return n.jsx(T.WarningAmber,{});case"positive":return n.jsx(T.CheckCircleOutline,{});default:return null}},$=a.createContext(void 0),Je=a.forwardRef(({children:e,...t},o)=>{const[r,s]=a.useState(null),[l,u]=a.useState(null),[c,p]=a.useState(null),[m,g]=a.useState(null),y=a.useMemo(()=>({setTitle:s,setDescription:u,setActions:p,setDismiss:g}),[s,u,p,g]);return n.jsx($.Provider,{value:y,children:n.jsxs(Nr,{ref:o,...t,role:"alert",children:[n.jsx(Br,{alignItems:"flex-start",children:Wr(t.tone)}),n.jsxs(Y,{flex:"1",gap:"200",children:[n.jsxs(I,{children:[r,l]}),c]}),m,e]})})});Je.displayName="Alert.Root";const Ze=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Lr,{...t,fontWeight:"600",children:e});return o.setTitle(r),()=>o.setTitle(null)}},[e,t]),null};Ze.displayName="Alert.Title";const Qe=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Fr,{...t,children:e});return o.setDescription(r),()=>o.setDescription(null)}},[e,t]),null};Qe.displayName="Alert.Description";const et=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Or,{...t,children:e});return o.setActions(r),()=>o.setActions(null)}},[e,t]),null};et.displayName="Alert.Actions";const tt=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(_r,{children:n.jsx(W,{"aria-label":"Dismiss",...t,variant:"ghost",size:"2xs",children:n.jsx(T.Clear,{role:"img"})})});return o.setDismiss(r),()=>o.setDismiss(null)}},[e,t]),null};tt.displayName="Alert.DismissButton";const Vr={Root:Je,Title:Ze,Description:Qe,Actions:et,DismissButton:tt};var Pe,Te,je,Ae;const Mr=i.defineSlotRecipe({slots:["root","button"],className:"nimbus-toggle-button-group",base:{root:{display:"inline-flex"},button:{...B.base,...(Pe=B.variants)==null?void 0:Pe.variant.outline,borderRadius:"0",borderRightWidth:"0","&:first-of-type":{borderLeftRadius:"200"},"&:last-of-type":{borderRightWidth:"1px",borderRightRadius:"200"},"&[data-selected=true]":(Te=B.variants)==null?void 0:Te.variant.solid}},variants:{size:{xs:{button:(je=B.variants)==null?void 0:je.size.xs},md:{button:(Ae=B.variants)==null?void 0:Ae.size.md}},tone:{primary:{button:{colorPalette:"primary"}},critical:{button:{colorPalette:"critical"}},neutral:{button:{colorPalette:"neutral"}}}},defaultVariants:{size:"md"}}),{withContext:Gr,withProvider:$r}=i.createSlotRecipeContext({recipe:Mr}),Kr=$r(R.ToggleButtonGroup,"root"),Ur=Gr(R.ToggleButton,"button"),ve=a.forwardRef(({children:e,...t},o)=>n.jsx(Kr,{ref:o,...t,children:e}));ve.displayName="ToggleButtonGroup.Root";const ye=a.forwardRef(({children:e,...t},o)=>n.jsx(Ur,{...t,ref:o,children:e}));ye.displayName="ToggleButtonGroup.Button";const qr={Root:ve,Button:ye},Xr=`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@chakra-ui/react"),C=require("@commercetools/nimbus-tokens"),a=require("react"),n=require("react/jsx-runtime"),b=require("react-aria"),R=require("react-aria-components"),ne=require("react-stately"),T=require("@commercetools/nimbus-icons");function lt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const k=lt(a),Ee=i.defineRecipe({className:"avatar",base:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",borderRadius:"full",flexShrink:0,fontWeight:"600",backgroundColor:"colorPalette.3",colorPalette:"primary",color:"colorPalette.11",focusVisibleRing:"outside","button&":{cursor:"button"},_disabled:{layerStyle:"disabled"}},variants:{size:{md:{width:1e3,height:1e3,textStyle:"sm"},xs:{width:800,height:800,textStyle:"xs"},"2xs":{width:600,height:600,textStyle:"xs"}}},defaultVariants:{size:"md"}}),{withContext:st}=i.createRecipeContext({recipe:Ee}),ct=st("figure");function dt(e,t){return e.split("")[0].toUpperCase()+t.split("")[0].toUpperCase()}const De=a.forwardRef((e,t)=>{const{firstName:o,lastName:r,src:c,alt:l,...u}=e,s=`${o} ${r}`,p={"aria-label":`${s} avatar`,ref:t,...u};return n.jsx(ct,{...p,children:c?n.jsx(i.Image,{src:c,alt:l||s}):dt(o,r)})});De.displayName="Avatar";const I=a.forwardRef((e,t)=>n.jsx(i.Box,{ref:t,...e}));I.displayName="Box";const B=i.defineRecipe({className:"nimbus-button",base:{borderRadius:"200",display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",borderWidth:"1px",borderColor:"transparent",cursor:"button",flexShrink:"0",outline:"0",lineHeight:"1.2",isolation:"isolate",fontWeight:"500",transitionProperty:"common",transitionDuration:"moderate",focusVisibleRing:"outside",_disabled:{layerStyle:"disabled"},_icon:{flexShrink:"0"}},variants:{size:{"2xs":{h:"600",minW:"600",fontSize:"300",fontWeight:"500",lineHeight:"400",px:"200",gap:"100",_icon:{width:"400",height:"400"}},xs:{h:"800",minW:"800",fontSize:"350",fontWeight:"500",lineHeight:"400",px:"300",gap:"100",_icon:{width:"500",height:"500"}},md:{h:"1000",minW:"1000",fontSize:"400",lineHeight:"500",px:"400",gap:"200",_icon:{width:"600",height:"600"}}},variant:{solid:{bg:"colorPalette.9",color:"colorPalette.contrast",_hover:{bg:"colorPalette.10"},_expanded:{bg:"colorPalette.10"}},subtle:{bg:"colorPalette.3",color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},outline:{borderWidth:"1px",borderColor:"colorPalette.7",color:"colorPalette.11",transitionProperty:"background-color, border-color, color",transitionDuration:"moderate",_hover:{bg:"colorPalette.3",borderColor:"colorPalette.8"},_expanded:{bg:"colorPalette.subtle"}},ghost:{color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},link:{color:"colorPalette.11",_hover:{textDecoration:"underline"}}},tone:{primary:{colorPalette:"primary"},critical:{colorPalette:"critical"},neutral:{colorPalette:"neutral"},info:{colorPalette:"info"}}},defaultVariants:{size:"md",variant:"subtle"}});function ut(e){var t=Object.create(null);return function(o){return t[o]===void 0&&(t[o]=e(o)),t[o]}}var pt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,ft=ut(function(e){return pt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});const{withContext:mt}=i.createRecipeContext({recipe:B}),gt=mt("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!(t!=null&&t.includes(e))&&!i.defaultSystem.isValidProperty(e);return ft(e)&&o&&!e.includes("onPress")}}),q=a.forwardRef((e,t)=>{const{as:o,asChild:r,children:c,...l}=e,u=a.useRef(null),s=b.useObjectRef(i.mergeRefs(u,t)),p=o||(r?"a":"button")||"button",{buttonProps:m}=b.useButton({...l,elementType:p},s);return n.jsx(gt,{...b.mergeProps(l,m,{as:o,asChild:r,ref:s}),children:c})});q.displayName="Button";const ht=a.forwardRef(function(t,o){const{children:r,portalled:c=!0,portalRef:l,backdrop:u=!0,...s}=t;return n.jsxs(i.Portal,{disabled:!c,container:l,children:[u&&n.jsx(i.Dialog.Backdrop,{}),n.jsx(i.Dialog.Positioner,{children:n.jsx(i.Dialog.Content,{ref:o,...s,asChild:!1,children:r})})]})}),bt=a.forwardRef(function(t,o){return n.jsx(i.Dialog.CloseTrigger,{position:"absolute",top:"2",insetEnd:"2",...t,asChild:!0,children:n.jsx(q,{size:"xs",ref:o,children:t.children})})}),xt=i.Dialog.Root,vt=i.Dialog.Footer,yt=i.Dialog.Header,Ct=i.Dialog.Body,wt=i.Dialog.Backdrop,St=i.Dialog.Title,kt=i.Dialog.Description,Rt=i.Dialog.Trigger,Pt=i.Dialog.ActionTrigger,W=a.forwardRef(({children:e,...t},o)=>n.jsx(q,{px:0,py:0,ref:o,...t,children:e}));W.displayName="IconButton";const ze=i.defineRecipe({className:"nimbus-link",base:{display:"inline-flex",alignItems:"center",color:"colorPalette.11",borderRadius:"100",focusVisibleRing:"outside",bg:"transparent",outline:"none",cursor:"pointer",textDecoration:"underline",textUnderlineOffset:"3px",_hover:{textDecorationThickness:"12%"}},variants:{size:{xs:{fontSize:"300",lineHeight:"450"},sm:{fontSize:"350",lineHeight:"500"},md:{fontSize:"400",lineHeight:"600"}},fontColor:{primary:{color:"primary"},inherit:{color:"inherit"}}}}),{withContext:Tt}=i.createRecipeContext({recipe:ze}),jt=Tt("a"),Ie=a.forwardRef((e,t)=>{const{as:o,asChild:r,children:c,...l}=e,u=a.useRef(null),s=b.useObjectRef(i.mergeRefs(u,t)),p=o||(r?"span":"a")||"a",{linkProps:m}=b.useLink({...l,elementType:p},s);return n.jsx(jt,{...b.mergeProps(l,m,{as:o,asChild:r,ref:s}),children:c})});Ie.displayName="Link";const At=e=>n.jsx(i.List.Root,{...e}),Et=e=>n.jsx(i.List.Item,{...e}),He=a.forwardRef((e,t)=>n.jsx(i.SimpleGrid,{ref:t,...e}));He.displayName="SimpleGrid";const Dt=Object.assign(He,{Item:i.GridItem}),zt=e=>n.jsx(i.Table.Root,{...e}),It=e=>n.jsx(i.Table.ColumnGroup,{...e}),Ht=e=>n.jsx(i.Table.Column,{...e}),Nt=e=>n.jsx(i.Table.Header,{...e}),Lt=e=>n.jsx(i.Table.Footer,{...e}),Ft=e=>n.jsx(i.Table.Row,{...e}),Bt=e=>n.jsx(i.Table.Cell,{...e}),Ot=e=>n.jsx(i.Table.Body,{...e}),_t=e=>n.jsx(i.Table.ColumnHeader,{...e}),Ne=a.forwardRef((e,t)=>n.jsx(i.Text,{ref:t,...e}));Ne.displayName="Text";const Le=i.defineRecipe({className:"nimbus-tooltip",base:{color:"white",textStyle:"xs",fontWeight:"400",background:"slate.12",display:"inline-flex",alignItems:"center",borderRadius:"100",paddingX:"300",paddingY:"100",margin:"100",maxW:"6400",boxShadow:"1"}}),{withContext:Wt}=i.createRecipeContext({recipe:Le}),Vt=Wt("div"),Fe=a.forwardRef(function({children:t,placement:o="bottom",...r},c){return n.jsx(Vt,{ref:c,asChild:!0,...r,children:n.jsx(R.Tooltip,{placement:o,...r,children:t})})});Fe.displayName="Tooltip";const Be=R.TooltipTrigger;Be.displayName="TooltipTrigger";const Oe=a.forwardRef(function(t,o){const r=a.useRef(null),c=b.useObjectRef(i.mergeRefs(r,o)),{focusableProps:l}=b.useFocusable(t,c);if(a.isValidElement(t.children))return a.cloneElement(t.children,b.mergeProps(l,t.children.props,{ref:c}))});Oe.displayName="MakeElementFocusable";var Mt=(e,t,o,r,c,l,u,s)=>{let p=document.documentElement,m=["light","dark"];function g(d){(Array.isArray(e)?e:[e]).forEach(x=>{let w=x==="class",P=w&&l?c.map(S=>l[S]||S):c;w?(p.classList.remove(...P),p.classList.add(l&&l[d]?l[d]:d)):p.setAttribute(x,d)}),y(d)}function y(d){s&&m.includes(d)&&(p.style.colorScheme=d)}function f(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(r)g(r);else try{let d=localStorage.getItem(t)||o,x=u&&d==="system"?f():d;g(x)}catch{}},we=["light","dark"],_e="(prefers-color-scheme: dark)",Gt=typeof window>"u",ie=k.createContext(void 0),$t={setTheme:e=>{},themes:[]},Kt=()=>{var e;return(e=k.useContext(ie))!=null?e:$t},Ut=e=>k.useContext(ie)?k.createElement(k.Fragment,null,e.children):k.createElement(Xt,{...e}),qt=["light","dark"],Xt=({forcedTheme:e,disableTransitionOnChange:t=!1,enableSystem:o=!0,enableColorScheme:r=!0,storageKey:c="theme",themes:l=qt,defaultTheme:u=o?"system":"light",attribute:s="data-theme",value:p,children:m,nonce:g,scriptProps:y})=>{let[f,d]=k.useState(()=>Jt(c,u)),[x,w]=k.useState(()=>f==="system"?J():f),P=p?Object.values(p):l,S=k.useCallback(v=>{let h=v;if(!h)return;v==="system"&&o&&(h=J());let j=p?p[h]:h,_=t?Zt(g):null,A=document.documentElement,U=z=>{z==="class"?(A.classList.remove(...P),j&&A.classList.add(j)):z.startsWith("data-")&&(j?A.setAttribute(z,j):A.removeAttribute(z))};if(Array.isArray(s)?s.forEach(U):U(s),r){let z=we.includes(u)?u:null,F=we.includes(h)?h:z;A.style.colorScheme=F}_==null||_()},[g]),E=k.useCallback(v=>{let h=typeof v=="function"?v(f):v;d(h);try{localStorage.setItem(c,h)}catch{}},[f]),D=k.useCallback(v=>{let h=J(v);w(h),f==="system"&&o&&!e&&S("system")},[f,e]);k.useEffect(()=>{let v=window.matchMedia(_e);return v.addListener(D),D(v),()=>v.removeListener(D)},[D]),k.useEffect(()=>{let v=h=>{h.key===c&&(h.newValue?d(h.newValue):E(u))};return window.addEventListener("storage",v),()=>window.removeEventListener("storage",v)},[E]),k.useEffect(()=>{S(e??f)},[e,f]);let H=k.useMemo(()=>({theme:f,setTheme:E,forcedTheme:e,resolvedTheme:f==="system"?x:f,themes:o?[...l,"system"]:l,systemTheme:o?x:void 0}),[f,E,e,x,o,l]);return k.createElement(ie.Provider,{value:H},k.createElement(Yt,{forcedTheme:e,storageKey:c,attribute:s,enableSystem:o,enableColorScheme:r,defaultTheme:u,value:p,themes:l,nonce:g,scriptProps:y}),m)},Yt=k.memo(({forcedTheme:e,storageKey:t,attribute:o,enableSystem:r,enableColorScheme:c,defaultTheme:l,value:u,themes:s,nonce:p,scriptProps:m})=>{let g=JSON.stringify([o,t,l,e,s,u,r,c]).slice(1,-1);return k.createElement("script",{...m,suppressHydrationWarning:!0,nonce:typeof window>"u"?p:"",dangerouslySetInnerHTML:{__html:`(${Mt.toString()})(${g})`}})}),Jt=(e,t)=>{if(Gt)return;let o;try{o=localStorage.getItem(e)||void 0}catch{}return o||t},Zt=e=>{let t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(t),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(t)},1)}},J=e=>(e||(e=window.matchMedia(_e)),e.matches?"dark":"light");function Qt(e){return n.jsx(Ut,{attribute:"class",disableTransitionOnChange:!0,...e})}function ae(){const{resolvedTheme:e,setTheme:t}=Kt();return{colorMode:e,setColorMode:t,toggleColorMode:()=>{t(e==="light"?"dark":"light")}}}function eo(e,t){const{colorMode:o}=ae();return o==="light"?e:t}function to(){const{colorMode:e}=ae();return e==="light"?"Light Theme":"DarkTheme"}const oo=i.defineAnimationStyles({"slide-fade-in":{value:{transformOrigin:"var(--transform-origin)","&[data-placement^=top]":{animationName:"slide-from-bottom, fade-in"},"&[data-placement^=bottom]":{animationName:"slide-from-top, fade-in"},"&[data-placement^=left]":{animationName:"slide-from-right, fade-in"},"&[data-placement^=right]":{animationName:"slide-from-left, fade-in"}}},"slide-fade-out":{value:{transformOrigin:"var(--transform-origin)","&[data-placement^=top]":{animationName:"slide-to-bottom, fade-out"},"&[data-placement^=bottom]":{animationName:"slide-to-top, fade-out"},"&[data-placement^=left]":{animationName:"slide-to-right, fade-out"},"&[data-placement^=right]":{animationName:"slide-to-left, fade-out"}}},"scale-fade-in":{value:{transformOrigin:"var(--transform-origin)",animationName:"scale-in, fade-in"}},"scale-fade-out":{value:{transformOrigin:"var(--transform-origin)",animationName:"scale-out, fade-out"}}});function ro(e){var o;const t={};for(const r in e)(o=e[r])!=null&&o.value?t[r]=e[r].value:t[r]=e[r];return t}const no=ro(C.themeTokens.breakpoints),io=i.defineGlobalStyles({"*":{fontFeatureSettings:'"liga", "calt", "case", "ss01", "ss07", "ss08", "tnum"',"--ring-inset":"var(--chakra-empty,/*!*/ /*!*/)","--ring-offset-width":"0px","--ring-offset-color":"#fff","--ring-color":"rgba(66, 153, 225, 0.6)","--ring-offset-shadow":"0 0 #0000","--ring-shadow":"0 0 #0000","--focus-ring-color":"colors.primary.7","--brightness":"var(--chakra-empty,/*!*/ /*!*/)","--contrast":"var(--chakra-empty,/*!*/ /*!*/)","--grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--invert":"var(--chakra-empty,/*!*/ /*!*/)","--saturate":"var(--chakra-empty,/*!*/ /*!*/)","--sepia":"var(--chakra-empty,/*!*/ /*!*/)","--drop-shadow":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-blur":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-brightness":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-contrast":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-grayscale":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-hue-rotate":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-invert":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-opacity":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-saturate":"var(--chakra-empty,/*!*/ /*!*/)","--backdrop-sepia":"var(--chakra-empty,/*!*/ /*!*/)","--global-font-mono":"fonts.mono","--global-font-body":"fonts.body","--global-color-border":"colors.border"},"code *":{fontFeatureSettings:'"calt", "case", "ss01", "ss07", "ss08", "tnum"'},html:{color:"fg",bg:"bg",lineHeight:"1.5",colorPalette:"neutral"},"*::placeholder":{color:"fg.muted/80"},"*::selection":{bg:"colorPalette.9",color:"colorPalette.contrast"}}),ao={spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},pulse:{"50%":{opacity:"0.5"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}},"fade-in":{from:{opacity:0},to:{opacity:1}},"fade-out":{from:{opacity:1},to:{opacity:0}},"slide-from-left-full":{from:{translate:"-100% 0"},to:{translate:"0 0"}},"slide-from-right-full":{from:{translate:"100% 0"},to:{translate:"0 0"}},"slide-from-top-full":{from:{translate:"0 -100%"},to:{translate:"0 0"}},"slide-from-bottom-full":{from:{translate:"0 100%"},to:{translate:"0 0"}},"slide-to-left-full":{from:{translate:"0 0"},to:{translate:"-100% 0"}},"slide-to-right-full":{from:{translate:"0 0"},to:{translate:"100% 0"}},"slide-to-top-full":{from:{translate:"0 0"},to:{translate:"0 -100%"}},"slide-to-bottom-full":{from:{translate:"0 0"},to:{translate:"0 100%"}},"slide-from-top":{"0%":{translate:"0 -0.5rem"},to:{translate:"0"}},"slide-from-bottom":{"0%":{translate:"0 0.5rem"},to:{translate:"0"}},"slide-from-left":{"0%":{translate:"-0.5rem 0"},to:{translate:"0"}},"slide-from-right":{"0%":{translate:"0.5rem 0"},to:{translate:"0"}},"slide-to-top":{"0%":{translate:"0"},to:{translate:"0 -0.5rem"}},"slide-to-bottom":{"0%":{translate:"0"},to:{translate:"0 0.5rem"}},"slide-to-left":{"0%":{translate:"0"},to:{translate:"-0.5rem 0"}},"slide-to-right":{"0%":{translate:"0"},to:{translate:"0.5rem 0"}},"scale-in":{from:{scale:"0.95"},to:{scale:"1"}},"scale-out":{from:{scale:"1"},to:{scale:"0.95"}}},lo=i.defineLayerStyles({disabled:{value:{opacity:"0.5",cursor:"not-allowed"}}}),so=i.defineRecipe({className:"nimbus-code",base:{fontFamily:"mono",alignItems:"center",display:"inline-flex",borderRadius:"100"},variants:{variant:{solid:{bg:"colorPalette.4",color:"colorPalette.11"},subtle:{bg:"colorPalette.3",color:"colorPalette.11"},outline:{color:"colorPalette.fg",shadow:"inset 0 0 0px 1px var(--shadow-color)",shadowColor:"colorPalette.muted"},surface:{bg:"colorPalette.subtle",color:"colorPalette.fg",shadow:"inset 0 0 0px 1px var(--shadow-color)",shadowColor:"colorPalette.muted"},plain:{color:"colorPalette.fg"}},size:{xs:{textStyle:"2xs",px:"100",minH:"400"},sm:{textStyle:"xs",px:"150",minH:"500"},md:{textStyle:"sm",px:"200",minH:"600"},lg:{textStyle:"sm",px:"250",minH:"700"}}},defaultVariants:{variant:"solid",size:"md"}}),co=i.defineRecipe({className:"nimbus-heading",base:{fontFamily:"heading",fontWeight:"600"},variants:{size:{xs:{textStyle:"xs"},sm:{textStyle:"sm"},md:{textStyle:"md"},lg:{textStyle:"lg"},xl:{textStyle:"xl"},"2xl":{textStyle:"2xl"},"3xl":{textStyle:"3xl"},"4xl":{textStyle:"4xl"},"5xl":{textStyle:"5xl"},"6xl":{textStyle:"6xl"},"7xl":{textStyle:"7xl"}}},defaultVariants:{size:"xl"}}),uo=i.defineRecipe({className:"nimbus-kbd",base:{display:"inline-flex",alignItems:"center",fontWeight:"medium",fontFamily:"mono",flexShrink:"0",whiteSpace:"nowrap",wordSpacing:"-0.5em",userSelect:"none",px:"100",borderRadius:"100"},variants:{variant:{raised:{bg:"colorPalette.subtle",color:"colorPalette.fg",borderWidth:"1px",borderBottomWidth:"2px",borderColor:"colorPalette.muted"},outline:{borderWidth:"1px",color:"colorPalette.fg"},subtle:{bg:"colorPalette.muted",color:"colorPalette.fg"},plain:{color:"colorPalette.fg"}},size:{sm:{textStyle:"xs",height:"450"},md:{textStyle:"sm",height:"500"},lg:{textStyle:"md",height:"600"}}},defaultVariants:{size:"md",variant:"raised"}}),le=i.defineRecipe({className:"nimbus-text-input",base:{display:"block",borderRadius:"200",colorPalette:"neutral",focusVisibleRing:"outside",bg:"transparent",outline:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",_placeholder:{opacity:.5,color:"currentColor"},_disabled:{layerStyle:"disabled"},"&[data-invalid='true']":{"--border-color":"colors.critical.7",color:"critical.11"}},variants:{size:{sm:{h:800,textStyle:"sm",px:300},md:{h:1e3,textStyle:"md",px:400}},variant:{solid:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}},ghost:{_hover:{backgroundColor:"primary.2"}}}},defaultVariants:{size:"md",variant:"solid"}}),po={avatar:Ee,button:B,code:so,heading:co,kbd:uo,link:ze,tooltip:Le,textInput:le},fo=i.defineSemanticTokens.colors({bg:{DEFAULT:{value:{_light:"{colors.neutral.1}",_dark:"{colors.neutral.1}"}}},fg:{DEFAULT:{value:{_light:"{colors.neutral.12}",_dark:"{colors.neutral.12}"}}},border:{DEFAULT:{value:"{colors.neutral.6}"},muted:{value:"{colors.neutral.7}"},subtle:{value:"{colors.neutral.6}"},emphasized:{value:"{colors.neutral.8}"},inverted:{value:"{colors.neutral.9}"},critical:{value:"{colors.critical.8}"},warning:{value:"{colors.warning.8}"},positive:{value:"{colors.positive.8}"},info:{value:"{colors.ingo.8}"}},...C.themeTokens.color["system-palettes"],...C.themeTokens.color["brand-palettes"],...C.themeTokens.color["semantic-palettes"]}),mo=i.defineSemanticTokens.shadows(C.themeTokens.shadow),go=i.defineSemanticTokens.radii({}),ho={colors:fo,shadows:mo,radii:go},bo=i.defineSlotRecipe({slots:["trigger","backdrop","positioner","content","title","description","closeTrigger","header","body","footer","backdrop"],className:"nimbus-dialog",base:{backdrop:{bg:{_dark:"bg/50",_light:"fg/50"},pos:"fixed",left:0,top:0,w:"100vw",h:"100dvh",zIndex:"modal",_open:{animationName:"fade-in",animationDuration:"slow"},_closed:{animationName:"fade-out",animationDuration:"moderate"}},positioner:{display:"flex",width:"100vw",height:"100dvh",position:"fixed",left:0,top:0,"--dialog-z-index":"zIndex.modal",zIndex:"calc(var(--dialog-z-index) + var(--layer-index, 0))",justifyContent:"center",overscrollBehaviorY:"none"},content:{display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0,borderRadius:"200",textStyle:"sm",my:"var(--dialog-margin, var(--dialog-base-margin))","--dialog-z-index":"zIndex.modal",zIndex:"calc(var(--dialog-z-index) + var(--layer-index, 0))",bg:"bg",boxShadow:"lg",_open:{animationDuration:"moderate"},_closed:{animationDuration:"faster"}},header:{flex:0,px:"600",pt:"600",pb:"400"},body:{flex:"1",px:"600",pt:"200",pb:"600"},footer:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"300",px:"600",pt:"200",pb:"400"},title:{textStyle:"lg",fontWeight:"semibold"},description:{color:"fg.muted"}},variants:{placement:{center:{positioner:{alignItems:"center"},content:{"--dialog-base-margin":"auto",mx:"auto"}},top:{positioner:{alignItems:"flex-start"},content:{"--dialog-base-margin":"spacing.1600",mx:"auto"}},bottom:{positioner:{alignItems:"flex-end"},content:{"--dialog-base-margin":"spacing.1600",mx:"auto"}}},scrollBehavior:{inside:{positioner:{overflow:"hidden"},content:{maxH:"calc(100% - 7.5rem)"},body:{overflow:"auto"}},outside:{positioner:{overflow:"auto",pointerEvents:"auto"}}},size:{xs:{content:{maxW:"sm"}},sm:{content:{maxW:"md"}},md:{content:{maxW:"lg"}},lg:{content:{maxW:"2xl"}},xl:{content:{maxW:"4xl"}},cover:{positioner:{padding:"1000"},content:{width:"100%",height:"100%","--dialog-margin":"0"}},full:{content:{maxW:"100vw",minH:"100vh","--dialog-margin":"0",borderRadius:"0"}}},motionPreset:{scale:{content:{_open:{animationName:"scale-in, fade-in"},_closed:{animationName:"scale-out, fade-out"}}},"slide-in-bottom":{content:{_open:{animationName:"slide-from-bottom, fade-in"},_closed:{animationName:"slide-to-bottom, fade-out"}}},"slide-in-top":{content:{_open:{animationName:"slide-from-top, fade-in"},_closed:{animationName:"slide-to-top, fade-out"}}},"slide-in-left":{content:{_open:{animationName:"slide-from-left, fade-in"},_closed:{animationName:"slide-to-left, fade-out"}}},"slide-in-right":{content:{_open:{animationName:"slide-from-right, fade-in"},_closed:{animationName:"slide-to-right, fade-out"}}},none:{}}},defaultVariants:{size:"md",scrollBehavior:"outside",placement:"top",motionPreset:"scale"}}),xo=i.defineSlotRecipe({className:"chakra-list",slots:["root","item","indicator"],base:{root:{display:"flex",flexDirection:"column",gap:"var(--list-gap)","& :where(ul, ol)":{marginTop:"var(--list-gap)"}},item:{whiteSpace:"normal",display:"list-item"},indicator:{marginEnd:"200",minHeight:"1lh",flexShrink:0,display:"inline-block",verticalAlign:"middle"}},variants:{variant:{marker:{root:{listStyle:"revert",listStylePosition:"inside"},item:{_marker:{color:"fg.subtle"}}},plain:{item:{alignItems:"flex-start",display:"inline-flex"}}},align:{center:{item:{alignItems:"center"}},start:{item:{alignItems:"flex-start"}},end:{item:{alignItems:"flex-end"}}}},defaultVariants:{variant:"marker"}}),vo=i.defineSlotRecipe({className:"chakra-table",slots:["root","header","body","row","columnHeader","cell","footer","caption"],base:{root:{fontVariantNumeric:"lining-nums tabular-nums",borderCollapse:"collapse",width:"full",textAlign:"start",verticalAlign:"top"},row:{_selected:{bg:"colorPalette.subtle"}},cell:{textAlign:"start",alignItems:"center"},columnHeader:{fontWeight:"medium",textAlign:"start",color:"fg"},caption:{fontWeight:"medium",textStyle:"xs"},footer:{fontWeight:"medium"}},variants:{interactive:{true:{body:{"& tr":{_hover:{bg:"colorPalette.subtle"}}}}},stickyHeader:{true:{header:{"& :where(tr)":{top:"var(--table-sticky-offset, 0)",position:"sticky",zIndex:1}}}},striped:{true:{row:{"&:nth-of-type(odd) td":{bg:"bg.muted"}}}},showColumnBorder:{true:{columnHeader:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}},cell:{"&:not(:last-of-type)":{borderInlineEndWidth:"1px"}}}},variant:{line:{columnHeader:{borderBottomWidth:"1px"},cell:{borderBottomWidth:"1px"},row:{bg:"bg"}},outline:{root:{boxShadow:"0 0 0 1px {colors.border}",overflow:"hidden"},columnHeader:{borderBottomWidth:"1px"},header:{bg:"bg.muted"},row:{"&:not(:last-of-type)":{borderBottomWidth:"1px"}},footer:{borderTopWidth:"1px"}}},size:{sm:{root:{textStyle:"sm"},columnHeader:{px:"200",py:"200"},cell:{px:"200",py:"200"}},md:{root:{textStyle:"sm"},columnHeader:{px:"300",py:"300"},cell:{px:"300",py:"300"}},lg:{root:{textStyle:"md"},columnHeader:{px:"400",py:"300"},cell:{px:"400",py:"300"}}}},defaultVariants:{variant:"line",size:"md"}}),yo=i.defineSlotRecipe({slots:["root","label","indicator"],className:"nimbus-checkbox",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",minWidth:"600",minHeight:"600","&[data-disabled='true']":{layerStyle:"disabled"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11","&[data-invalid='true']":{color:"critical.11"}},indicator:{position:"relative",display:"flex",flexShrink:0,alignItems:"center",justifyContent:"center",border:"solid-50",borderRadius:"50",focusRing:"outside",borderColor:"neutral.9",bg:"transparent",color:"neutral.11",_icon:{w:"350",h:"350"},"&:hover":{borderColor:"neutral.10"},"&[data-invalid='true']":{bg:"transparent",borderColor:"critical.9",color:"critical.11","&:hover":{borderColor:"critical.10"}},"&[data-selected='true'], &[data-indeterminate='true']":{bg:"colorPalette.9",borderColor:"colorPalette.9",color:"colorPalette.contrast","&:hover":{bg:"colorPalette.10",borderColor:"colorPalette.10"},"&[data-invalid='true']":{bg:"critical.9",borderColor:"critical.9",color:"critical.contrast","&:hover":{bg:"critical.10",borderColor:"critical.10"}}}}},variants:{size:{md:{label:{fontSize:"350",fontWeight:"400",lineHeight:"400"},indicator:{w:"400",h:"400",zIndex:1,_after:{position:"absolute",content:"''",width:"600",height:"600",zIndex:0}}}}},defaultVariants:{size:"md"}}),We=i.defineSlotRecipe({slots:["root","trigger","triggerLabel","options","optionGroup","option"],className:"nimbus-select",base:{root:{colorPalette:"primary",display:"inline-block",position:"relative",maxWidth:"100%",borderRadius:"200","&[data-disabled]":{layerStyle:"disabled",pointerEvents:"none"}},trigger:{cursor:"button",display:"inline-flex",focusRing:"outside",alignItems:"flex-start",borderRadius:"200",color:"neutral.12",width:"100%",userSelect:"none",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)","& span":{display:"inline-block",my:"auto"},'& [slot="description"]':{display:"none"},"[data-invalid] &":{"--border-width":"sizes.50","--border-color":"colors.critical.7"}},triggerLabel:{"--button-safespace":"sizes.1400",color:"neutral.12",textAlign:"left",marginRight:"var(--button-safespace)",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","&[data-placeholder]":{opacity:.5},"[data-invalid] &":{color:"critical.11"}},options:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"bg",borderRadius:"200",boxShadow:"5",minWidth:"var(--trigger-width)",p:"200",focusRing:"outside",maxHeight:"40svh",overflowY:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)"},optionGroup:{textStyle:"xs",color:"neutral.11",fontWeight:"600",lineHeight:"350",letterSpacing:"25",textTransform:"uppercase",p:"200",borderBottom:"solid-25",borderColor:"neutral.6",mx:"-200",mt:"200",mb:"300"},option:{focusRing:"outside",cursor:"menuitem",color:"neutral.12",textStyle:"sm",p:"200",borderRadius:"200",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",'&[aria-selected="true"], &[data-focused="true"]':{bg:"primary.4"},'& [slot="label"]':{display:"block"},'& [slot="description"]':{display:"block",color:"neutral.11",textStyle:"xs"},'&[data-disabled="true"]':{layerStyle:"disabled"}}},variants:{size:{sm:{root:{},trigger:{h:"800",px:"400",textStyle:"sm"}},md:{root:{},trigger:{h:"1000",px:"400",textStyle:"md"}}},variant:{outline:{root:{bg:"bg","&:hover":{bg:"primary.2"}},trigger:{"--border-width":"sizes.25","--border-color":"colors.neutral.7"}},ghost:{root:{bg:"transparent","&:hover":{bg:"primaryAlpha.2"}},trigger:{"--border-width":"sizes.25","--border-color":"transparent"}}}},defaultVariants:{size:"md",variant:"outline"}}),Co=i.defineSlotRecipe({slots:["root","disclosure","trigger","panel","accordionTitle","headerContentRight"],className:"nimbus-accordion",base:{root:{width:"100%"},disclosure:{width:"100%"},trigger:{fontSize:"var(--font-size)",focusVisibleRing:"outside",minHeight:"1200",bg:"none",flexGrow:1,display:"flex",alignItems:"center",gap:"8px",width:"auto","& svg":{width:"var(--width)",height:"var(--height)",rotate:"0deg",transition:"rotate 200ms"},'&[aria-expanded="true"] svg':{rotate:"90deg"},"&[disabled]":{layerStyle:"disabled"}},panel:{paddingTop:"var(--padding-top)",paddingBottom:"var(--padding-bottom)",paddingLeft:"var(--padding-left)",'&[aria-hidden="true"]':{display:"none"}},accordionTitle:{fontWeight:"700"}},variants:{size:{md:{trigger:{"--font-size":"fontSizes.500","& svg":{"--width":"sizes.600","--height":"sizes.600"}},panel:{"--padding-top":"spacing.600","--padding-bottom":"spacing.800","--padding-left":"spacing.800"}},sm:{trigger:{"--font-size":"fontSizes.400","& svg":{"--width":"sizes.500","--height":"sizes.500"}},panel:{"--padding-top":"spacing.400","--padding-bottom":"spacing.600","--padding-left":"spacing.700"}}}},defaultVariants:{size:"md"}}),wo={dialog:bo,list:xo,table:vo,checkbox:yo,select:We,accordion:Co},So=i.defineTextStyles(C.themeTokens.textStyle),ko=i.defineTokens.durations(C.themeTokens.aspectRatio),Ro=i.defineTokens.animations(C.themeTokens.animation),Po=i.defineTokens.blurs(C.themeTokens.blur),To=i.defineTokens.borders(C.themeTokens.border),jo=i.defineTokens.colors({...C.themeTokens.color["blacks-and-whites"]}),Ao=i.defineTokens.durations(C.themeTokens.duration),Eo=i.defineTokens.easings(C.themeTokens.easing),Do=i.defineTokens.fonts(C.themeTokens.fontFamily),zo=i.defineTokens.fontSizes(C.themeTokens.fontSize),Io=i.defineTokens.fontWeights(C.themeTokens.fontWeight),Ho=e=>Object.keys(e).reduce((t,o)=>{const c=parseFloat(e[o].value)/100;return t[o]={value:`${c}em`},t},{}),No=i.defineTokens.letterSpacings(Ho(C.themeTokens.letterSpacing)),Lo=i.defineTokens.lineHeights(C.themeTokens.lineHeight),Fo=i.defineTokens.radii(C.themeTokens.borderRadius),Bo=i.defineTokens.spacing(C.themeTokens.spacing),Oo=i.defineTokens.sizes({...C.themeTokens.size,"1/2":{value:"50%"},"1/3":{value:"33.333333%"},"2/3":{value:"66.666667%"},"1/4":{value:"25%"},"3/4":{value:"75%"},"1/5":{value:"20%"},"2/5":{value:"40%"},"3/5":{value:"60%"},"4/5":{value:"80%"},"1/6":{value:"16.666667%"},"2/6":{value:"33.333333%"},"3/6":{value:"50%"},"4/6":{value:"66.666667%"},"5/6":{value:"83.333333%"},"1/12":{value:"8.333333%"},"2/12":{value:"16.666667%"},"3/12":{value:"25%"},"4/12":{value:"33.333333%"},"5/12":{value:"41.666667%"},"6/12":{value:"50%"},"7/12":{value:"58.333333%"},"8/12":{value:"66.666667%"},"9/12":{value:"75%"},"10/12":{value:"83.333333%"},"11/12":{value:"91.666667%"},max:{value:"max-content"},min:{value:"min-content"},fit:{value:"fit-content"},prose:{value:"60ch"},full:{value:"100%"},dvh:{value:"100dvh"},svh:{value:"100svh"},lvh:{value:"100lvh"},dvw:{value:"100dvw"},svw:{value:"100svw"},lvw:{value:"100lvw"},vw:{value:"100vw"},vh:{value:"100vh"}}),_o=i.defineTokens.zIndex(C.themeTokens.zIndex),Wo=i.defineTokens.cursor(C.themeTokens.cursor),Vo={aspectRatios:ko,animations:Ro,blurs:Po,borders:To,colors:jo,durations:Ao,easings:Eo,fonts:Do,fontSizes:zo,fontWeights:Io,letterSpacings:No,lineHeights:Lo,radii:Fo,spacing:Bo,sizes:Oo,zIndex:_o,cursor:Wo},Mo=i.defineConfig({preflight:!0,cssVarsPrefix:"nimbus",cssVarsRoot:":where(:root, :host)",globalCss:io,theme:{breakpoints:no,keyframes:ao,tokens:Vo,semanticTokens:ho,recipes:po,slotRecipes:wo,textStyles:So,layerStyles:lo,animationStyles:oo}}),Ve=i.createSystem(i.defaultBaseConfig,Mo);function Go({children:e,...t}){return n.jsx(i.ChakraProvider,{value:Ve,children:n.jsx(Qt,{enableSystem:!1,...t,children:n.jsx(n.Fragment,{children:e})})})}function X(e){const t={},o={...e};return Object.keys(e).forEach(r=>{Object.prototype.hasOwnProperty.call(e,r)&&i.defaultSystem.isValidProperty(r)&&(t[r]=e[r],delete o[r])}),[t,o]}const{withProvider:$o,withContext:Me}=i.createSlotRecipeContext({key:"checkbox"}),Ko=$o("label","root"),Uo=Me("span","label"),qo=Me("span","indicator"),Ge=a.forwardRef((e,t)=>{const o=a.useRef(null),r=b.useObjectRef(i.mergeRefs(o,t)),c=i.useSlotRecipe({key:"checkbox"}),[l]=c.splitVariantProps(e),[u,s]=X(e),p=ne.useToggleState(e),{inputProps:m}=b.useCheckbox(s,p,r),{isFocused:g,focusProps:y}=b.useFocusRing(),f=p.isSelected&&!e.isIndeterminate,d=e.isIndeterminate,x={"data-selected":f,"data-indeterminate":d,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":g||void 0};return n.jsxs(Ko,{"data-slot":"root",...l,...x,...u,children:[n.jsxs(qo,{"data-slot":"indicator",...x,children:[f&&n.jsx(T.Check,{}),d&&n.jsx(T.Remove,{}),n.jsx(se,{as:"span",children:n.jsx("input",{...b.mergeProps(m,y),ref:r})})]}),e.children&&n.jsx(Uo,{"data-slot":"label",...x,children:e.children})]})});Ge.displayName="Checkbox";const Y=a.forwardRef((e,t)=>n.jsx(i.Stack,{ref:t,...e}));Y.displayName="Stack";const se=e=>{const{as:t="div",...o}=e;return n.jsx(b.VisuallyHidden,{elementType:t,...o})};se.displayName="VisuallyHidden";const{withContext:Xo}=i.createRecipeContext({recipe:le}),Yo=Xo("input"),$e=a.forwardRef((e,t)=>{const o=a.useRef(null),r=b.useObjectRef(i.mergeRefs(o,t)),c=i.useRecipe({recipe:le}),[l,u]=c.splitVariantProps(e),[s,p]=X(u);return n.jsx(R.TextField,{...p,children:n.jsx(Yo,{ref:r,...l,...s,asChild:!0,children:n.jsx(R.Input,{})})})});$e.displayName="TextInput";const Ke=a.forwardRef((e,t)=>n.jsx(i.Grid,{ref:t,...e}));Ke.displayName="Grid";const Jo=Object.assign(Ke,{Item:i.GridItem}),{withProvider:Zo,withContext:V}=i.createSlotRecipeContext({key:"select"}),Qo=Zo("div","root"),er=V("button","trigger"),tr=V("span","triggerLabel"),or=V("div","options"),rr=V("div","option"),nr=V("div","optionGroup"),Ue=()=>{const e=a.useContext(R.SelectStateContext);if(!(e!=null&&e.selectedKey))return null;const t=()=>{e==null||e.setSelectedKey(null)};return n.jsx(W,{pointerEvents:"all",size:"2xs",variant:"ghost",tone:"primary","aria-label":"Clear Selection",onPress:t,children:n.jsx(T.Close,{})})};Ue.displayName="Select.ClearButton";const ce=a.forwardRef(({children:e,isLoading:t,isDisabled:o,...r},c)=>{const l=i.useSlotRecipe({recipe:We}),[u,s]=l.splitVariantProps(r),[p,m]=X(s),g={...m,isDisabled:t||o};return n.jsx(Qo,{asChild:!0,ref:c,...u,...p,children:n.jsxs(R.Select,{...g,children:[n.jsxs(i.chakra.div,{position:"relative",children:[n.jsx(er,{zIndex:0,asChild:!0,children:n.jsx(R.Button,{children:n.jsx(tr,{asChild:!0,children:n.jsx(R.SelectValue,{})})})}),n.jsxs(i.Flex,{position:"absolute",top:"0",bottom:"0",zIndex:1,right:"400",pointerEvents:"none",children:[n.jsx(i.Flex,{width:"600",my:"auto",children:n.jsx(Ue,{})}),n.jsx(i.Flex,{my:"auto",w:"600",h:"600",pointerEvents:"none",children:n.jsx(I,{color:"neutral.9",asChild:!0,m:"auto",w:"400",h:"400",children:t?n.jsx(I,{asChild:!0,animation:"spin",animationDuration:"slowest",children:n.jsx(T.Loop,{})}):n.jsx(T.KeyboardArrowDown,{})})})]})]}),n.jsx(R.Popover,{children:e})]})})});ce.displayName="Select.Root";const de=e=>a.forwardRef(e),ue=de((e,t)=>{const[o,r]=X(e);return n.jsx(or,{asChild:!0,...o,children:n.jsx(R.ListBox,{ref:t,...r})})});ue.displayName="Select.Options";const pe=de((e,t)=>n.jsx(rr,{asChild:!0,ref:t,children:n.jsx(R.ListBoxItem,{...e})}));pe.displayName="Select.Option";const fe=de(({label:e,items:t,children:o,...r},c)=>{if(t&&typeof o!="function")throw new Error('SelectOptionGroup: When "items" is provided, "children" must be a function');return n.jsxs(R.ListBoxSection,{ref:c,...r,children:[n.jsx(nr,{asChild:!0,children:n.jsx(R.Header,{children:e})}),t?n.jsx(R.Collection,{items:t,children:l=>typeof o=="function"?o(l):null}):o]})});fe.displayName="Select.OptionGroup";const ir={Root:ce,Options:ue,Option:pe,OptionGroup:fe},{withProvider:ar,withContext:M}=i.createSlotRecipeContext({key:"accordion"}),lr=ar("div","root"),sr=M("div","disclosure"),cr=M("button","trigger"),dr=M("div","panel"),ur=M("div","accordionTitle"),oe=M("div","headerContentRight"),me=a.createContext(null),qe=a.createContext(null),pr=a.forwardRef(({children:e,onExpandedChange:t,...o},r)=>{const c=ne.useDisclosureGroupState({...o,onExpandedChange:s=>{t==null||t(s.size>0)}}),l=i.useSlotRecipe({key:"accordion"}),[u]=l.splitVariantProps(o);return n.jsx(qe.Provider,{value:c,children:n.jsx(lr,{"data-slot":"root",ref:r,...u,children:e})})}),fr=a.forwardRef(({children:e},t)=>{const o=a.useContext(me);if(!o)throw new Error("Accordion.Header must be used within Accordion.Item");const r=a.Children.toArray(e).reduce((c,l)=>(a.isValidElement(l)&&l.type===oe?c.rightContent.push(l):c.main.push(l),c),{main:[],rightContent:[]});return n.jsxs(i.Flex,{justifyContent:"space-between",alignItems:"center",borderBottom:"solid-25",borderColor:"neutral.4",children:[n.jsxs(cr,{ref:i.mergeRefs(o.triggerRef,t),...o.buttonProps,"data-slot":"trigger",outline:o.isFocusVisible?void 0:"none",children:[n.jsx(T.KeyboardArrowRight,{}),n.jsx(ur,{"data-slot":"accordionTitle",children:r.main})]}),r.rightContent.length>0&&n.jsx(oe,{"data-slot":"headerContentRight",children:r.rightContent})]})}),mr=a.forwardRef((e,t)=>{const o=a.useContext(me),r=b.useObjectRef(i.mergeRefs(o==null?void 0:o.panelRef,t));return n.jsx(dr,{ref:r,...i.mergeProps({...o==null?void 0:o.panelProps,...e}),"data-slot":"panel",children:e.children})}),gr=a.forwardRef(({children:e,id:t,isDisabled:o,isExpanded:r,onExpandedChange:c,value:l},u)=>{const s=b.useId(),m=l||(t||s),g=a.useContext(qe),y=g?g.expandedKeys.has(m):r,f=ne.useDisclosureState({isExpanded:y,onExpandedChange:h=>{g&&g.toggleKey(m),c==null||c(h)}}),d=a.useRef(null),x=a.useRef(null),w=o||(g==null?void 0:g.isDisabled)||!1,{buttonProps:P,panelProps:S}=b.useDisclosure({isExpanded:f.isExpanded,isDisabled:w},f,d),{buttonProps:E}=b.useButton(P,x),{focusProps:D,isFocusVisible:H}=b.useFocusRing(),v={isExpanded:f.isExpanded,triggerRef:x,panelRef:d,buttonProps:b.mergeProps(E,D),panelProps:S,isFocusVisible:H};return n.jsx(me.Provider,{value:v,children:n.jsx(sr,{"data-slot":"disclosure","data-value":m,"data-expanded":f.isExpanded,ref:u,children:e})})}),hr={Root:pr,Item:gr,Header:fr,Content:mr,HeaderRightContent:oe},br=i.defineRecipe({className:"nimbus-loading-spinner",base:{display:"inline-flex",alignItems:"center",justifyContent:"center","& svg":{overflow:"visible",transform:"scale(calc(1 - 2/12))"},"& svg [data-svg-path='spinner-pointer']":{stroke:"colorPalette.10",animationName:"spin",animationDuration:"0.5s",animationTimingFunction:"linear",animationIterationCount:"infinite",transformOrigin:"center center 0"},"& svg [data-svg-path='spinner-circle']":{stroke:"colorPalette.5"}},variants:{size:{"2xs":{width:"350",height:"350"},xs:{width:"500",height:"500"},sm:{width:"600",height:"600"},md:{width:"800",height:"800"},lg:{width:"1000",height:"1000"}},tone:{primary:{colorPalette:"ctvioletAlpha"},white:{colorPalette:"whiteAlpha"}}},defaultVariants:{size:"sm",tone:"primary"}}),{withContext:xr}=i.createRecipeContext({recipe:br}),vr=xr("div"),yr="M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z",Cr="M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12",Xe=a.forwardRef(({"aria-label":e="Loading data",...t},o)=>{const{progressBarProps:r}=b.useProgressBar({isIndeterminate:!0,"aria-label":e,...t});return n.jsx(vr,{ref:o,...b.mergeProps(t,r),"aria-label":e,children:n.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:[n.jsx("path",{d:yr,"data-svg-path":"spinner-circle",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:Cr,"data-svg-path":"spinner-pointer",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})]})})});Xe.displayName="LoadingSpinner";const wr=i.defineSlotRecipe({slots:["root","header","content"],className:"nimbus-card",base:{root:{colorPalette:"slate",display:"inline-flex",alignItems:"flex-start",borderRadius:"300",focusVisibleRing:"outside"}},variants:{cardPadding:{sm:{root:{padding:"200"}},md:{root:{padding:"400"}},lg:{root:{padding:"600"}}},borderStyle:{none:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.3"}}},elevation:{none:{},elevated:{root:{shadow:"1"}}},backgroundStyle:{default:{root:{backgroundColor:"colorPalette.contrast"}},muted:{root:{backgroundColor:"colorPalette.2"}}}}}),{withProvider:Sr,withContext:Ye}=i.createSlotRecipeContext({recipe:wr}),kr=Sr("div","root"),Rr=Ye("div","header"),Pr=Ye("div","content"),ge=a.createContext(void 0),he=a.forwardRef(({children:e,...t},o)=>{const{isFocused:r,isFocusVisible:c,focusProps:l}=b.useFocusRing(),[u,s]=a.useState(null),[p,m]=a.useState(null),g=a.useMemo(()=>({setHeader:s,setContent:m}),[s,m]);return n.jsx(ge.Provider,{value:g,children:n.jsxs(kr,{ref:o,...b.mergeProps(t,l),"data-focus":r||void 0,"data-focus-visible":c||void 0,tabIndex:0,children:[n.jsxs(Y,{direction:"column",gap:"200",children:[u,p]}),e]})})});he.displayName="Card.Root";const be=({children:e,...t})=>{const o=a.useContext(ge);return a.useEffect(()=>{if(o){const r=n.jsx(Rr,{...t,children:e});return o.setHeader(r),()=>o.setHeader(null)}},[e,t]),null};be.displayName="Card.Header";const xe=({children:e,...t})=>{const o=a.useContext(ge);return a.useEffect(()=>{if(o){const r=n.jsx(Pr,{...t,children:e});return o.setContent(r),()=>o.setContent(null)}},[e,t]),null};xe.displayName="Card.Content";const Tr={Root:he,Header:be,Content:xe},jr=i.defineRecipe({className:"nimbus-badge",base:{display:"inline-flex",alignItems:"center",borderRadius:"200",justifyContent:"center",whiteSpace:"nowrap",verticalAlign:"middle",py:"25",fontWeight:"500",backgroundColor:"colorPalette.3",color:"colorPalette.11",w:"auto",userSelect:"none",_icon:{flexShrink:"0"}},variants:{size:{"2xs":{fontSize:"300",gap:"100",h:"600",lineHeight:"350",px:"200",_icon:{width:"400",height:"400"}},xs:{fontSize:"350",gap:"100",h:"800",lineHeight:"400",px:"300",_icon:{width:"500",height:"500"}},md:{fontSize:"400",gap:"200",h:"1000",lineHeight:"500",px:"400",_icon:{width:"600",height:"600"}}}},defaultVariants:{size:"md"}}),{withContext:Ar}=i.createRecipeContext({recipe:jr}),Er=Ar("span"),Dr=a.forwardRef((e,t)=>{const{as:o,asChild:r,children:c,...l}=e,u=a.useRef(null),s=b.useObjectRef(i.mergeRefs(u,t)),p=o||"span";return n.jsx(Er,{as:p,...b.mergeProps(l,{ref:s}),children:c})}),zr=i.defineSlotRecipe({slots:["root","title","description","icon","actions","dismissButton"],className:"nimbus-alert",base:{root:{display:"inline-flex",flexDirection:"row",gap:"200",width:"100%"},icon:{marginTop:"50","& svg":{width:"500",height:"500",color:"colorPalette.11"}},title:{color:"colorPalette.11"},description:{color:"colorPalette.11"}},variants:{tone:{critical:{root:{colorPalette:"critical"}},info:{root:{colorPalette:"info"}},warning:{root:{colorPalette:"amber"}},positive:{root:{colorPalette:"positive"}}},variant:{flat:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.5",backgroundColor:"colorPalette.2",padding:"200",borderRadius:"200"}}}}}),{withProvider:Ir,withContext:G}=i.createSlotRecipeContext({recipe:zr}),Hr=Ir("div","root"),Nr=G("div","title"),Lr=G("div","description"),Fr=G("div","icon"),Br=G("div","actions"),Or=G("div","dismissButton"),_r=e=>{switch(e){case"critical":return n.jsx(T.ErrorOutline,{});case"info":return n.jsx(T.Info,{});case"warning":return n.jsx(T.WarningAmber,{});case"positive":return n.jsx(T.CheckCircleOutline,{});default:return null}},$=a.createContext(void 0),Je=a.forwardRef(({children:e,...t},o)=>{const[r,c]=a.useState(null),[l,u]=a.useState(null),[s,p]=a.useState(null),[m,g]=a.useState(null),y=a.useMemo(()=>({setTitle:c,setDescription:u,setActions:p,setDismiss:g}),[c,u,p,g]);return n.jsx($.Provider,{value:y,children:n.jsxs(Hr,{ref:o,...t,role:"alert",children:[n.jsx(Fr,{alignItems:"flex-start",children:_r(t.tone)}),n.jsxs(Y,{flex:"1",gap:"200",children:[n.jsxs(I,{children:[r,l]}),s]}),m,e]})})});Je.displayName="Alert.Root";const Ze=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Nr,{...t,fontWeight:"600",children:e});return o.setTitle(r),()=>o.setTitle(null)}},[e,t]),null};Ze.displayName="Alert.Title";const Qe=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Lr,{...t,children:e});return o.setDescription(r),()=>o.setDescription(null)}},[e,t]),null};Qe.displayName="Alert.Description";const et=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Br,{...t,children:e});return o.setActions(r),()=>o.setActions(null)}},[e,t]),null};et.displayName="Alert.Actions";const tt=({children:e,...t})=>{const o=a.useContext($);return a.useEffect(()=>{if(o){const r=n.jsx(Or,{children:n.jsx(W,{"aria-label":"Dismiss",...t,variant:"ghost",size:"2xs",children:n.jsx(T.Clear,{role:"img"})})});return o.setDismiss(r),()=>o.setDismiss(null)}},[e,t]),null};tt.displayName="Alert.DismissButton";const Wr={Root:Je,Title:Ze,Description:Qe,Actions:et,DismissButton:tt};var Pe,Te,je,Ae;const Vr=i.defineSlotRecipe({slots:["root","button"],className:"nimbus-toggle-button-group",base:{root:{display:"inline-flex"},button:{...B.base,...(Pe=B.variants)==null?void 0:Pe.variant.outline,borderRadius:"0",borderRightWidth:"0","&:first-of-type":{borderLeftRadius:"200"},"&:last-of-type":{borderRightWidth:"1px",borderRightRadius:"200"},"&[data-selected=true]":(Te=B.variants)==null?void 0:Te.variant.solid}},variants:{size:{xs:{button:(je=B.variants)==null?void 0:je.size.xs},md:{button:(Ae=B.variants)==null?void 0:Ae.size.md}},tone:{primary:{button:{colorPalette:"primary"}},critical:{button:{colorPalette:"critical"}},neutral:{button:{colorPalette:"neutral"}}}},defaultVariants:{size:"md"}}),{withContext:Mr,withProvider:Gr}=i.createSlotRecipeContext({recipe:Vr}),$r=Gr(R.ToggleButtonGroup,"root"),Kr=Mr(R.ToggleButton,"button"),ve=a.forwardRef(({children:e,...t},o)=>n.jsx($r,{ref:o,...t,children:e}));ve.displayName="ToggleButtonGroup.Root";const ye=a.forwardRef(({children:e,...t},o)=>n.jsx(Kr,{...t,ref:o,children:e}));ye.displayName="ToggleButtonGroup.Button";const Ur={Root:ve,Button:ye},qr=`
|
|
2
2
|
"label"
|
|
3
3
|
"input"
|
|
4
4
|
"description"
|
|
5
5
|
"error"
|
|
6
|
-
`,
|
|
6
|
+
`,Xr=`
|
|
7
7
|
"label input"
|
|
8
8
|
"label description"
|
|
9
9
|
"label error"
|
|
10
|
-
`,Jr=i.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:Xr},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:Yr,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:Zr,withContext:K}=i.createSlotRecipeContext({recipe:Jr}),Qr=Zr("div","root"),en=K("div","label"),tn=K("div","input"),on=K("div","description"),rn=K("div","error"),nn=K("div","popover"),an=a.forwardRef(({isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r,children:s,...l},u)=>{const[c,p]=a.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r}),{labelProps:m,fieldProps:g,descriptionProps:y,errorMessageProps:f}=b.useField({label:c.label,description:c.description,errorMessage:c.error});a.useEffect(()=>{p(x=>({...x,isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r}))},[e,t,o,r]);const d={...g,isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r};return n.jsx(O.Provider,{value:{context:c,setContext:p},children:n.jsxs(Qr,{ref:u,...l,children:[c.label&&n.jsxs(en,{...c.labelSlotProps,children:[n.jsxs("label",{...m,children:[c.label,t&&n.jsx("sup",{"aria-hidden":"true",children:"*"})]}),c.info&&n.jsxs(R.DialogTrigger,{children:[n.jsx(I,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:n.jsx(I,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:n.jsx(W,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:n.jsx(T.HelpOutline,{})})})}),n.jsx(R.Popover,{children:n.jsx(nn,{asChild:!0,children:n.jsx(R.Dialog,{children:n.jsx(I,{p:"300",children:c.info})})})})]})]}),c.input&&n.jsx(tn,{...c.inputSlotProps,children:a.Children.map(c.input,x=>a.isValidElement(x)?a.cloneElement(x,d):x)}),c.description&&n.jsx(on,{...y,...c.descriptionSlotProps,children:c.description}),e&&c.error&&n.jsxs(rn,{...f,...c.errorSlotProps,children:[n.jsx(I,{as:T.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100"}),c.error]}),s]})})}),ln=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,label:e,labelSlotProps:t}))},[e,o]),null},sn=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,input:e,inputSlotProps:t}))},[e,o]),null},cn=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,description:e,descriptionSlotProps:t}))},[e,o]),null},dn=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,error:e,errorSlotProps:t}))},[e,o]),null},un=({children:e})=>{const{setContext:t}=a.useContext(O);return a.useEffect(()=>{t(o=>({...o,info:e}))},[e,t]),null},O=a.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),pn={Root:an,Label:ln,Input:sn,Description:cn,Error:dn,InfoBox:un};function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},re.apply(null,arguments)}var ot=["shift","alt","meta","mod","ctrl"],fn={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function N(e){return(e&&fn[e]||e||"").trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function mn(e){return ot.includes(e)}function Z(e,t){return t===void 0&&(t=","),e.split(t)}function Q(e,t,o){t===void 0&&(t="+");var r=e.toLocaleLowerCase().split(t).map(function(u){return N(u)}),s={alt:r.includes("alt"),ctrl:r.includes("ctrl")||r.includes("control"),shift:r.includes("shift"),meta:r.includes("meta"),mod:r.includes("mod")},l=r.filter(function(u){return!ot.includes(u)});return re({},s,{keys:l,description:o,hotkey:e})}(function(){typeof document<"u"&&(document.addEventListener("keydown",function(e){e.key!==void 0&&rt([N(e.key),N(e.code)])}),document.addEventListener("keyup",function(e){e.key!==void 0&&nt([N(e.key),N(e.code)])})),typeof window<"u"&&window.addEventListener("blur",function(){L.clear()})})();var L=new Set;function Ce(e){return Array.isArray(e)}function gn(e,t){t===void 0&&(t=",");var o=Ce(e)?e:e.split(t);return o.every(function(r){return L.has(r.trim().toLowerCase())})}function rt(e){var t=Array.isArray(e)?e:[e];L.has("meta")&&L.forEach(function(o){return!mn(o)&&L.delete(o.toLowerCase())}),t.forEach(function(o){return L.add(o.toLowerCase())})}function nt(e){var t=Array.isArray(e)?e:[e];e==="meta"?L.clear():t.forEach(function(o){return L.delete(o.toLowerCase())})}function hn(e,t,o){(typeof o=="function"&&o(e,t)||o===!0)&&e.preventDefault()}function bn(e,t,o){return typeof o=="function"?o(e,t):o===!0||o===void 0}function xn(e){return it(e,["input","textarea","select"])}function it(e,t){t===void 0&&(t=!1);var o=e.target,r=e.composed,s=null;return vn(o)&&r?s=e.composedPath()[0]&&e.composedPath()[0].tagName:s=o&&o.tagName,Ce(t)?!!(s&&t&&t.some(function(l){var u;return l.toLowerCase()===((u=s)==null?void 0:u.toLowerCase())})):!!(s&&t&&t)}function vn(e){return!!e.tagName&&!e.tagName.startsWith("-")&&e.tagName.includes("-")}function yn(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(o){return t.includes(o)})||e.includes("*"):!0}var Cn=function(t,o,r){r===void 0&&(r=!1);var s=o.alt,l=o.meta,u=o.mod,c=o.shift,p=o.ctrl,m=o.keys,g=t.key,y=t.code,f=t.ctrlKey,d=t.metaKey,x=t.shiftKey,w=t.altKey,P=N(y),S=g.toLowerCase();if(!(m!=null&&m.includes(P))&&!(m!=null&&m.includes(S))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(P))return!1;if(!r){if(s===!w&&S!=="alt"||c===!x&&S!=="shift")return!1;if(u){if(!d&&!f)return!1}else if(l===!d&&S!=="meta"&&S!=="os"||p===!f&&S!=="ctrl"&&S!=="control")return!1}return m&&m.length===1&&(m.includes(S)||m.includes(P))?!0:m?gn(m):!m},wn=a.createContext(void 0),Sn=function(){return a.useContext(wn)};function at(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(o,r){return o&&at(e[r],t[r])},!0):e===t}var kn=a.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),Rn=function(){return a.useContext(kn)};function Pn(e){var t=a.useRef(void 0);return at(t.current,e)||(t.current=e),t.current}var Se=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},Tn=typeof window<"u"?a.useLayoutEffect:a.useEffect;function jn(e,t,o,r){var s=a.useState(null),l=s[0],u=s[1],c=a.useRef(!1),p=o instanceof Array?r instanceof Array?void 0:r:o,m=Ce(e)?e.join(p==null?void 0:p.splitKey):e,g=o instanceof Array?o:r instanceof Array?r:void 0,y=a.useCallback(t,g??[]),f=a.useRef(y);g?f.current=y:f.current=t;var d=Pn(p),x=Rn(),w=x.enabledScopes,P=Sn();return Tn(function(){if(!((d==null?void 0:d.enabled)===!1||!yn(w,d==null?void 0:d.scopes))){var S=function(h,j){var _;if(j===void 0&&(j=!1),!(xn(h)&&!it(h,d==null?void 0:d.enableOnFormTags))){if(l!==null){var A=l.getRootNode();if((A instanceof Document||A instanceof ShadowRoot)&&A.activeElement!==l&&!l.contains(A.activeElement)){Se(h);return}}(_=h.target)!=null&&_.isContentEditable&&!(d!=null&&d.enableOnContentEditable)||Z(m,d==null?void 0:d.splitKey).forEach(function(U){var z,F=Q(U,d==null?void 0:d.combinationKey);if(Cn(h,F,d==null?void 0:d.ignoreModifiers)||(z=F.keys)!=null&&z.includes("*")){if(d!=null&&d.ignoreEventWhen!=null&&d.ignoreEventWhen(h)||j&&c.current)return;if(hn(h,F,d==null?void 0:d.preventDefault),!bn(h,F,d==null?void 0:d.enabled)){Se(h);return}f.current(h,F),j||(c.current=!0)}})}},E=function(h){h.key!==void 0&&(rt(N(h.code)),((d==null?void 0:d.keydown)===void 0&&(d==null?void 0:d.keyup)!==!0||d!=null&&d.keydown)&&S(h))},D=function(h){h.key!==void 0&&(nt(N(h.code)),c.current=!1,d!=null&&d.keyup&&S(h,!0))},H=l||(p==null?void 0:p.document)||document;return H.addEventListener("keyup",D),H.addEventListener("keydown",E),P&&Z(m,d==null?void 0:d.splitKey).forEach(function(v){return P.addHotkey(Q(v,d==null?void 0:d.combinationKey,d==null?void 0:d.description))}),function(){H.removeEventListener("keyup",D),H.removeEventListener("keydown",E),P&&Z(m,d==null?void 0:d.splitKey).forEach(function(v){return P.removeHotkey(Q(v,d==null?void 0:d.combinationKey,d==null?void 0:d.description))})}}},[l,m,d,w]),u}function An(){var e=a.useRef(!1),t=a.useCallback(function(){return e.current},[]);return a.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}var En=function(e){e===void 0&&(e={});var t=a.useState(e),o=t[0],r=t[1],s=a.useCallback(function(l){r(function(u){return Object.assign({},u,l instanceof Function?l(u):l)})},[]);return[o,s]};function Dn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ee,ke;function zn(){return ke||(ke=1,ee=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,o=[],r=0;r<e.rangeCount;r++)o.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||o.forEach(function(s){e.addRange(s)}),t&&t.focus()}}),ee}var te,Re;function In(){if(Re)return te;Re=1;var e=zn(),t={"text/plain":"Text","text/html":"Url",default:"Text"},o="Copy to clipboard: #{key}, Enter";function r(l){var u=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return l.replace(/#{\s*key\s*}/g,u)}function s(l,u){var c,p,m,g,y,f,d=!1;u||(u={}),c=u.debug||!1;try{m=e(),g=document.createRange(),y=document.getSelection(),f=document.createElement("span"),f.textContent=l,f.ariaHidden="true",f.style.all="unset",f.style.position="fixed",f.style.top=0,f.style.clip="rect(0, 0, 0, 0)",f.style.whiteSpace="pre",f.style.webkitUserSelect="text",f.style.MozUserSelect="text",f.style.msUserSelect="text",f.style.userSelect="text",f.addEventListener("copy",function(w){if(w.stopPropagation(),u.format)if(w.preventDefault(),typeof w.clipboardData>"u"){c&&console.warn("unable to use e.clipboardData"),c&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var P=t[u.format]||t.default;window.clipboardData.setData(P,l)}else w.clipboardData.clearData(),w.clipboardData.setData(u.format,l);u.onCopy&&(w.preventDefault(),u.onCopy(w.clipboardData))}),document.body.appendChild(f),g.selectNodeContents(f),y.addRange(g);var x=document.execCommand("copy");if(!x)throw new Error("copy command was unsuccessful");d=!0}catch(w){c&&console.error("unable to copy using execCommand: ",w),c&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(u.format||"text",l),u.onCopy&&u.onCopy(window.clipboardData),d=!0}catch(P){c&&console.error("unable to copy using clipboardData: ",P),c&&console.error("falling back to prompt"),p=r("message"in u?u.message:o),window.prompt(p,l)}}finally{y&&(typeof y.removeRange=="function"?y.removeRange(g):y.removeAllRanges()),f&&document.body.removeChild(f),m()}return d}return te=s,te}var Hn=In();const Nn=Dn(Hn);var Ln=function(){var e=An(),t=En({value:void 0,error:void 0,noUserInteraction:!0}),o=t[0],r=t[1],s=a.useCallback(function(l){if(e()){var u,c;try{if(typeof l!="string"&&typeof l!="number"){var p=new Error("Cannot copy typeof "+typeof l+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(p),r({value:l,error:p,noUserInteraction:!0});return}else if(l===""){var p=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(p),r({value:l,error:p,noUserInteraction:!0});return}c=l.toString(),u=Nn(c),r({value:c,error:void 0,noUserInteraction:u})}catch(m){r({value:c,error:m,noUserInteraction:u})}}},[]);return[o,s]};Object.defineProperty(exports,"Bleed",{enumerable:!0,get:()=>i.Bleed});Object.defineProperty(exports,"Code",{enumerable:!0,get:()=>i.Code});Object.defineProperty(exports,"Em",{enumerable:!0,get:()=>i.Em});Object.defineProperty(exports,"Flex",{enumerable:!0,get:()=>i.Flex});Object.defineProperty(exports,"Heading",{enumerable:!0,get:()=>i.Heading});Object.defineProperty(exports,"Highlight",{enumerable:!0,get:()=>i.Highlight});Object.defineProperty(exports,"Kbd",{enumerable:!0,get:()=>i.Kbd});Object.defineProperty(exports,"List",{enumerable:!0,get:()=>i.List});Object.defineProperty(exports,"Table",{enumerable:!0,get:()=>i.Table});exports.Accordion=br;exports.Alert=Vr;exports.Avatar=De;exports.Badge=zr;exports.Box=I;exports.Button=q;exports.Card=jr;exports.CardContent=xe;exports.CardHeader=be;exports.CardRoot=he;exports.Checkbox=Ge;exports.ColorModeLabel=to;exports.DialogActionTrigger=Pt;exports.DialogBackdrop=wt;exports.DialogBody=Ct;exports.DialogCloseTrigger=bt;exports.DialogContent=ht;exports.DialogDescription=kt;exports.DialogFooter=vt;exports.DialogHeader=yt;exports.DialogRoot=xt;exports.DialogTitle=St;exports.DialogTrigger=Rt;exports.FormField=pn;exports.FormFieldContext=O;exports.Grid=Zo;exports.IconButton=W;exports.Link=Ie;exports.ListItem=Et;exports.ListRoot=At;exports.LoadingSpinner=Xe;exports.MakeElementFocusable=Oe;exports.NimbusProvider=$o;exports.Select=ar;exports.SimpleGrid=Dt;exports.Stack=Y;exports.TableBody=Ot;exports.TableCell=Bt;exports.TableColumn=Ht;exports.TableColumnGroup=It;exports.TableColumnHeader=_t;exports.TableFooter=Lt;exports.TableHeader=Nt;exports.TableRoot=zt;exports.TableRow=Ft;exports.Text=Ne;exports.TextInput=$e;exports.ToggleButtonGroup=qr;exports.ToggleButtonGroupButton=ye;exports.ToggleButtonGroupRoot=ve;exports.Tooltip=Fe;exports.TooltipTrigger=Be;exports.VisuallyHidden=se;exports._SelectOption=pe;exports._SelectOptionGroup=fe;exports._SelectOptions=ue;exports._SelectRoot=ce;exports.system=Ve;exports.useColorMode=ae;exports.useColorModeValue=eo;exports.useColorScheme=Go;exports.useCopyToClipboard=Ln;exports.useHotkeys=jn;
|
|
10
|
+
`,Yr=i.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:qr},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:Xr,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:Jr,withContext:K}=i.createSlotRecipeContext({recipe:Yr}),Zr=Jr("div","root"),Qr=K("div","label"),en=K("div","input"),tn=K("div","description"),on=K("div","error"),rn=K("div","popover"),nn=a.forwardRef(({isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r,children:c,...l},u)=>{const[s,p]=a.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r}),{labelProps:m,fieldProps:g,descriptionProps:y,errorMessageProps:f}=b.useField({label:s.label,description:s.description,errorMessage:s.error});a.useEffect(()=>{p(x=>({...x,isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r}))},[e,t,o,r]);const d={...g,isInvalid:e,isRequired:t,isDisabled:o,isReadOnly:r};return n.jsx(O.Provider,{value:{context:s,setContext:p},children:n.jsxs(Zr,{ref:u,...l,children:[s.label&&n.jsxs(Qr,{...s.labelSlotProps,children:[n.jsxs("label",{...m,children:[s.label,t&&n.jsx("sup",{"aria-hidden":"true",children:"*"})]}),s.info&&n.jsxs(R.DialogTrigger,{children:[n.jsx(I,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:n.jsx(I,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:n.jsx(W,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:n.jsx(T.HelpOutline,{})})})}),n.jsx(R.Popover,{children:n.jsx(rn,{asChild:!0,children:n.jsx(R.Dialog,{children:n.jsx(I,{p:"300",children:s.info})})})})]})]}),s.input&&n.jsx(en,{...s.inputSlotProps,children:a.Children.map(s.input,x=>a.isValidElement(x)?a.cloneElement(x,d):x)}),s.description&&n.jsx(tn,{...y,...s.descriptionSlotProps,children:s.description}),e&&s.error&&n.jsxs(on,{...f,...s.errorSlotProps,children:[n.jsx(I,{as:T.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100"}),s.error]}),c]})})}),an=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,label:e,labelSlotProps:t}))},[e,o]),null},ln=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,input:e,inputSlotProps:t}))},[e,o]),null},sn=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,description:e,descriptionSlotProps:t}))},[e,o]),null},cn=({children:e,...t})=>{const{setContext:o}=a.useContext(O);return a.useEffect(()=>{o(r=>({...r,error:e,errorSlotProps:t}))},[e,o]),null},dn=({children:e})=>{const{setContext:t}=a.useContext(O);return a.useEffect(()=>{t(o=>({...o,info:e}))},[e,t]),null},O=a.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),un={Root:nn,Label:an,Input:ln,Description:sn,Error:cn,InfoBox:dn};function re(){return re=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},re.apply(null,arguments)}var ot=["shift","alt","meta","mod","ctrl"],pn={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function N(e){return(e&&pn[e]||e||"").trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function fn(e){return ot.includes(e)}function Z(e,t){return t===void 0&&(t=","),e.split(t)}function Q(e,t,o){t===void 0&&(t="+");var r=e.toLocaleLowerCase().split(t).map(function(u){return N(u)}),c={alt:r.includes("alt"),ctrl:r.includes("ctrl")||r.includes("control"),shift:r.includes("shift"),meta:r.includes("meta"),mod:r.includes("mod")},l=r.filter(function(u){return!ot.includes(u)});return re({},c,{keys:l,description:o,hotkey:e})}(function(){typeof document<"u"&&(document.addEventListener("keydown",function(e){e.key!==void 0&&rt([N(e.key),N(e.code)])}),document.addEventListener("keyup",function(e){e.key!==void 0&&nt([N(e.key),N(e.code)])})),typeof window<"u"&&window.addEventListener("blur",function(){L.clear()})})();var L=new Set;function Ce(e){return Array.isArray(e)}function mn(e,t){t===void 0&&(t=",");var o=Ce(e)?e:e.split(t);return o.every(function(r){return L.has(r.trim().toLowerCase())})}function rt(e){var t=Array.isArray(e)?e:[e];L.has("meta")&&L.forEach(function(o){return!fn(o)&&L.delete(o.toLowerCase())}),t.forEach(function(o){return L.add(o.toLowerCase())})}function nt(e){var t=Array.isArray(e)?e:[e];e==="meta"?L.clear():t.forEach(function(o){return L.delete(o.toLowerCase())})}function gn(e,t,o){(typeof o=="function"&&o(e,t)||o===!0)&&e.preventDefault()}function hn(e,t,o){return typeof o=="function"?o(e,t):o===!0||o===void 0}function bn(e){return it(e,["input","textarea","select"])}function it(e,t){t===void 0&&(t=!1);var o=e.target,r=e.composed,c=null;return xn(o)&&r?c=e.composedPath()[0]&&e.composedPath()[0].tagName:c=o&&o.tagName,Ce(t)?!!(c&&t&&t.some(function(l){var u;return l.toLowerCase()===((u=c)==null?void 0:u.toLowerCase())})):!!(c&&t&&t)}function xn(e){return!!e.tagName&&!e.tagName.startsWith("-")&&e.tagName.includes("-")}function vn(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(o){return t.includes(o)})||e.includes("*"):!0}var yn=function(t,o,r){r===void 0&&(r=!1);var c=o.alt,l=o.meta,u=o.mod,s=o.shift,p=o.ctrl,m=o.keys,g=t.key,y=t.code,f=t.ctrlKey,d=t.metaKey,x=t.shiftKey,w=t.altKey,P=N(y),S=g.toLowerCase();if(!(m!=null&&m.includes(P))&&!(m!=null&&m.includes(S))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(P))return!1;if(!r){if(c===!w&&S!=="alt"||s===!x&&S!=="shift")return!1;if(u){if(!d&&!f)return!1}else if(l===!d&&S!=="meta"&&S!=="os"||p===!f&&S!=="ctrl"&&S!=="control")return!1}return m&&m.length===1&&(m.includes(S)||m.includes(P))?!0:m?mn(m):!m},Cn=a.createContext(void 0),wn=function(){return a.useContext(Cn)};function at(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(o,r){return o&&at(e[r],t[r])},!0):e===t}var Sn=a.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),kn=function(){return a.useContext(Sn)};function Rn(e){var t=a.useRef(void 0);return at(t.current,e)||(t.current=e),t.current}var Se=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},Pn=typeof window<"u"?a.useLayoutEffect:a.useEffect;function Tn(e,t,o,r){var c=a.useState(null),l=c[0],u=c[1],s=a.useRef(!1),p=o instanceof Array?r instanceof Array?void 0:r:o,m=Ce(e)?e.join(p==null?void 0:p.splitKey):e,g=o instanceof Array?o:r instanceof Array?r:void 0,y=a.useCallback(t,g??[]),f=a.useRef(y);g?f.current=y:f.current=t;var d=Rn(p),x=kn(),w=x.enabledScopes,P=wn();return Pn(function(){if(!((d==null?void 0:d.enabled)===!1||!vn(w,d==null?void 0:d.scopes))){var S=function(h,j){var _;if(j===void 0&&(j=!1),!(bn(h)&&!it(h,d==null?void 0:d.enableOnFormTags))){if(l!==null){var A=l.getRootNode();if((A instanceof Document||A instanceof ShadowRoot)&&A.activeElement!==l&&!l.contains(A.activeElement)){Se(h);return}}(_=h.target)!=null&&_.isContentEditable&&!(d!=null&&d.enableOnContentEditable)||Z(m,d==null?void 0:d.splitKey).forEach(function(U){var z,F=Q(U,d==null?void 0:d.combinationKey);if(yn(h,F,d==null?void 0:d.ignoreModifiers)||(z=F.keys)!=null&&z.includes("*")){if(d!=null&&d.ignoreEventWhen!=null&&d.ignoreEventWhen(h)||j&&s.current)return;if(gn(h,F,d==null?void 0:d.preventDefault),!hn(h,F,d==null?void 0:d.enabled)){Se(h);return}f.current(h,F),j||(s.current=!0)}})}},E=function(h){h.key!==void 0&&(rt(N(h.code)),((d==null?void 0:d.keydown)===void 0&&(d==null?void 0:d.keyup)!==!0||d!=null&&d.keydown)&&S(h))},D=function(h){h.key!==void 0&&(nt(N(h.code)),s.current=!1,d!=null&&d.keyup&&S(h,!0))},H=l||(p==null?void 0:p.document)||document;return H.addEventListener("keyup",D),H.addEventListener("keydown",E),P&&Z(m,d==null?void 0:d.splitKey).forEach(function(v){return P.addHotkey(Q(v,d==null?void 0:d.combinationKey,d==null?void 0:d.description))}),function(){H.removeEventListener("keyup",D),H.removeEventListener("keydown",E),P&&Z(m,d==null?void 0:d.splitKey).forEach(function(v){return P.removeHotkey(Q(v,d==null?void 0:d.combinationKey,d==null?void 0:d.description))})}}},[l,m,d,w]),u}function jn(){var e=a.useRef(!1),t=a.useCallback(function(){return e.current},[]);return a.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}var An=function(e){e===void 0&&(e={});var t=a.useState(e),o=t[0],r=t[1],c=a.useCallback(function(l){r(function(u){return Object.assign({},u,l instanceof Function?l(u):l)})},[]);return[o,c]};function En(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ee,ke;function Dn(){return ke||(ke=1,ee=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,o=[],r=0;r<e.rangeCount;r++)o.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||o.forEach(function(c){e.addRange(c)}),t&&t.focus()}}),ee}var te,Re;function zn(){if(Re)return te;Re=1;var e=Dn(),t={"text/plain":"Text","text/html":"Url",default:"Text"},o="Copy to clipboard: #{key}, Enter";function r(l){var u=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return l.replace(/#{\s*key\s*}/g,u)}function c(l,u){var s,p,m,g,y,f,d=!1;u||(u={}),s=u.debug||!1;try{m=e(),g=document.createRange(),y=document.getSelection(),f=document.createElement("span"),f.textContent=l,f.ariaHidden="true",f.style.all="unset",f.style.position="fixed",f.style.top=0,f.style.clip="rect(0, 0, 0, 0)",f.style.whiteSpace="pre",f.style.webkitUserSelect="text",f.style.MozUserSelect="text",f.style.msUserSelect="text",f.style.userSelect="text",f.addEventListener("copy",function(w){if(w.stopPropagation(),u.format)if(w.preventDefault(),typeof w.clipboardData>"u"){s&&console.warn("unable to use e.clipboardData"),s&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var P=t[u.format]||t.default;window.clipboardData.setData(P,l)}else w.clipboardData.clearData(),w.clipboardData.setData(u.format,l);u.onCopy&&(w.preventDefault(),u.onCopy(w.clipboardData))}),document.body.appendChild(f),g.selectNodeContents(f),y.addRange(g);var x=document.execCommand("copy");if(!x)throw new Error("copy command was unsuccessful");d=!0}catch(w){s&&console.error("unable to copy using execCommand: ",w),s&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(u.format||"text",l),u.onCopy&&u.onCopy(window.clipboardData),d=!0}catch(P){s&&console.error("unable to copy using clipboardData: ",P),s&&console.error("falling back to prompt"),p=r("message"in u?u.message:o),window.prompt(p,l)}}finally{y&&(typeof y.removeRange=="function"?y.removeRange(g):y.removeAllRanges()),f&&document.body.removeChild(f),m()}return d}return te=c,te}var In=zn();const Hn=En(In);var Nn=function(){var e=jn(),t=An({value:void 0,error:void 0,noUserInteraction:!0}),o=t[0],r=t[1],c=a.useCallback(function(l){if(e()){var u,s;try{if(typeof l!="string"&&typeof l!="number"){var p=new Error("Cannot copy typeof "+typeof l+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(p),r({value:l,error:p,noUserInteraction:!0});return}else if(l===""){var p=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(p),r({value:l,error:p,noUserInteraction:!0});return}s=l.toString(),u=Hn(s),r({value:s,error:void 0,noUserInteraction:u})}catch(m){r({value:s,error:m,noUserInteraction:u})}}},[]);return[o,c]};Object.defineProperty(exports,"Bleed",{enumerable:!0,get:()=>i.Bleed});Object.defineProperty(exports,"Code",{enumerable:!0,get:()=>i.Code});Object.defineProperty(exports,"Em",{enumerable:!0,get:()=>i.Em});Object.defineProperty(exports,"Flex",{enumerable:!0,get:()=>i.Flex});Object.defineProperty(exports,"Heading",{enumerable:!0,get:()=>i.Heading});Object.defineProperty(exports,"Highlight",{enumerable:!0,get:()=>i.Highlight});Object.defineProperty(exports,"Kbd",{enumerable:!0,get:()=>i.Kbd});Object.defineProperty(exports,"List",{enumerable:!0,get:()=>i.List});Object.defineProperty(exports,"Table",{enumerable:!0,get:()=>i.Table});exports.Accordion=hr;exports.Alert=Wr;exports.Avatar=De;exports.Badge=Dr;exports.Box=I;exports.Button=q;exports.Card=Tr;exports.CardContent=xe;exports.CardHeader=be;exports.CardRoot=he;exports.Checkbox=Ge;exports.ColorModeLabel=to;exports.DialogActionTrigger=Pt;exports.DialogBackdrop=wt;exports.DialogBody=Ct;exports.DialogCloseTrigger=bt;exports.DialogContent=ht;exports.DialogDescription=kt;exports.DialogFooter=vt;exports.DialogHeader=yt;exports.DialogRoot=xt;exports.DialogTitle=St;exports.DialogTrigger=Rt;exports.FormField=un;exports.FormFieldContext=O;exports.Grid=Jo;exports.IconButton=W;exports.Link=Ie;exports.ListItem=Et;exports.ListRoot=At;exports.LoadingSpinner=Xe;exports.MakeElementFocusable=Oe;exports.NimbusProvider=Go;exports.Select=ir;exports.SimpleGrid=Dt;exports.Stack=Y;exports.TableBody=Ot;exports.TableCell=Bt;exports.TableColumn=Ht;exports.TableColumnGroup=It;exports.TableColumnHeader=_t;exports.TableFooter=Lt;exports.TableHeader=Nt;exports.TableRoot=zt;exports.TableRow=Ft;exports.Text=Ne;exports.TextInput=$e;exports.ToggleButtonGroup=Ur;exports.ToggleButtonGroupButton=ye;exports.ToggleButtonGroupRoot=ve;exports.Tooltip=Fe;exports.TooltipTrigger=Be;exports.VisuallyHidden=se;exports._SelectOption=pe;exports._SelectOptionGroup=fe;exports._SelectOptions=ue;exports._SelectRoot=ce;exports.system=Ve;exports.useColorMode=ae;exports.useColorModeValue=eo;exports.useCopyToClipboard=Nn;exports.useHotkeys=Tn;
|
|
11
11
|
//# sourceMappingURL=index.cjs.map
|