@womp/kookie-ui 0.13.2 → 0.14.0

package/dist/cjs/components/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAIzF,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,KAAK,gBAAgB,GAAG,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,KAAK,oBAAoB,GAAG,CAAC,OAAO,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAClF,KAAK,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,KAAK,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAGxE,KAAK,sBAAsB,GAAG,eAAe,GAAG,SAAS,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,mBAAmB,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IACvD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,uBAAuB,EAAE,CAAC,eAAe,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACzE,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAChF;AAED,UAAU,iBAAkB,SAAQ,mBAAmB;IACrD,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,cAAc,CAAC;IAClC,QAAQ,EAAE,aAAa,CAAC;IACxB,eAAe,EAAE,oBAAoB,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,iBAAiB,EAAE,sBAAsB,CAAC;CAC3C;AAwBD,QAAA,MAAM,YAAY,8CAAgE,CAAC;AAEnF,iBAAS,eAAe,sBAIvB;AAED,UAAU,UAAW,SAAQ,oBAAoB;CAAG;AACpD,QAAA,MAAM,KAAK,mFAaT,CAAC;AA4EH,UAAU,oBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,EACxD,aAAa;CAAG;AAkJpB,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAIzF,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,KAAK,gBAAgB,GAAG,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,KAAK,oBAAoB,GAAG,CAAC,OAAO,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAClF,KAAK,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,KAAK,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,KAAK,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAGxE,KAAK,sBAAsB,GAAG,eAAe,GAAG,SAAS,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,mBAAmB,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IACvD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,uBAAuB,EAAE,CAAC,eAAe,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACzE,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAChF;AAED,UAAU,iBAAkB,SAAQ,mBAAmB;IACrD,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,iBAAiB,EAAE,cAAc,CAAC;IAClC,QAAQ,EAAE,aAAa,CAAC;IACxB,eAAe,EAAE,oBAAoB,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,iBAAiB,EAAE,sBAAsB,CAAC;CAC3C;AAwBD,QAAA,MAAM,YAAY,8CAAgE,CAAC;AAEnF,iBAAS,eAAe,sBAIvB;AAED,UAAU,UAAW,SAAQ,oBAAoB;CAAG;AACpD,QAAA,MAAM,KAAK,mFAgBT,CAAC;AA4EH,UAAU,oBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,EACxD,aAAa;CAAG;AAkJpB,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/cjs/components/theme.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var te=Object.create;var I=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var ce=(e,t)=>{for(var o in t)I(e,o,{get:t[o],enumerable:!0})},U=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of le(t))!ie.call(e,l)&&l!==o&&I(e,l,{get:()=>t[l],enumerable:!(i=re(t,l))||i.enumerable});return e};var M=(e,t,o)=>(o=e!=null?te(se(e)):{},U(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),me=e=>U(I({},"__esModule",{value:!0}),e);var Fe={};ce(Fe,{Theme:()=>oe,ThemeContext:()=>b,useThemeContext:()=>Ce});module.exports=me(Fe);var n=M(require("react")),ae=M(require("classnames")),u=require("radix-ui"),H=require("radix-ui/internal");function K(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var L=M(require("react"));function s(e){let[t,o]=L.useState(e),[i,l]=L.useState(e);return Object.is(e,i)||(l(e),o(e)),[t,o]}var J=M(require("react")),pe="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",q=new Set;function ue(e){q.has(e)||(q.add(e),console.warn(e))}function Q(e){J.useEffect(()=>{},[e])}var X={asChild:{type:"boolean"}};var Y=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Z=["auto","gray","mauve","slate","sage","olive","sand"];var $=["none","small","medium","large","full"];var de=["inherit","light","dark"],fe=["solid","translucent"],ge=["solid","translucent"],he=["90%","95%","100%","105%","110%"],ee=["sans","mono","serif"],a={...X,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:de,default:"inherit"},accentColor:{type:"enum",values:Y,default:"blue"},grayColor:{type:"enum",values:Z,default:"slate"},material:{type:"enum",values:ge,default:"translucent"},panelBackground:{type:"enum",values:fe,default:"translucent"},radius:{type:"enum",values:$,default:"full"},scaling:{type:"enum",values:he,default:"100%"},fontFamily:{type:"enum",values:ee,default:"sans"},headingFontFamily:{type:"enum",values:ee}};var r=()=>{},ye={appearance:a.appearance.default,accentColor:a.accentColor.default,grayColor:a.grayColor.default,resolvedGrayColor:a.grayColor.default,material:a.material.default,panelBackground:a.panelBackground.default,radius:a.radius.default,scaling:a.scaling.default,fontFamily:a.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:r,onAccentColorChange:r,onGrayColorChange:r,onMaterialChange:r,onPanelBackgroundChange:r,onRadiusChange:r,onScalingChange:r,onFontFamilyChange:r,onHeadingFontFamilyChange:r},b=n.createContext(void 0);function Ce(){return n.useContext(b)??ye}var oe=n.forwardRef((e,t)=>n.useContext(b)===void 0?n.createElement(u.Tooltip.Provider,{delayDuration:200},n.createElement(u.Direction.Provider,{dir:"ltr"},n.createElement(ne,{...e,ref:t}))):n.createElement(_,{...e,ref:t}));oe.displayName="Theme";var ne=n.forwardRef((e,t)=>{let{appearance:o=a.appearance.default,accentColor:i=a.accentColor.default,grayColor:l=a.grayColor.default,material:d=a.material.default,panelBackground:c=a.panelBackground.default,radius:m=a.radius.default,scaling:p=a.scaling.default,fontFamily:f=a.fontFamily.default,headingFontFamily:g,hasBackground:h=a.hasBackground.default,...y}=e;Q(e.panelBackground);let[C,P]=s(o),[k,D]=s(i),[R,x]=s(l),B=d!==a.material.default?d:c,[F,A]=s(B),[w,S]=s(F),[T,j]=s(m),[v,N]=s(p),[O,G]=s(f),[W,E]=s(g);return n.createElement(_,{...y,ref:t,isRoot:!0,hasBackground:h,appearance:C,accentColor:k,grayColor:R,material:F,panelBackground:w,radius:T,scaling:v,fontFamily:O,headingFontFamily:W,onAppearanceChange:P,onAccentColorChange:D,onGrayColorChange:x,onMaterialChange:A,onPanelBackgroundChange:S,onRadiusChange:j,onScalingChange:N,onFontFamilyChange:G,onHeadingFontFamilyChange:E})});ne.displayName="ThemeRoot";function Pe(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var _=n.forwardRef((e,t)=>{let o=n.useContext(b),{asChild:i,isRoot:l,hasBackground:d,appearance:c=e.appearance??o?.appearance??a.appearance.default,accentColor:m=e.accentColor??o?.accentColor??a.accentColor.default,grayColor:p=e.grayColor??o?.resolvedGrayColor??a.grayColor.default,material:f=e.material??o?.material??a.material.default,panelBackground:g=e.panelBackground??o?.panelBackground??a.panelBackground.default,radius:h=e.radius??o?.radius??a.radius.default,scaling:y=e.scaling??o?.scaling??a.scaling.default,fontFamily:C=e.fontFamily??o?.fontFamily??a.fontFamily.default,headingFontFamily:P=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:k=r,onAccentColorChange:D=r,onGrayColorChange:R=r,onMaterialChange:x=r,onPanelBackgroundChange:B=r,onRadiusChange:F=r,onScalingChange:A=r,onFontFamilyChange:w=r,onHeadingFontFamilyChange:S=r,...T}=e,j=i?u.Slot.Root:"div",v=p==="auto"?K(m):p,N=e.appearance==="light"||e.appearance==="dark",O=d===void 0?l||N:d,G=n.useRef(null),W=(0,H.useComposedRefs)(t,G),E="data-os"in T;return(0,H.useLayoutEffect)(()=>{if(!l||E)return;let V=G.current;if(!V)return;let z=Pe();if(z)return V.setAttribute("data-os",z),()=>V.removeAttribute("data-os")},[l,E]),n.createElement(b.Provider,{value:n.useMemo(()=>({appearance:c,accentColor:m,grayColor:p,resolvedGrayColor:v,material:f,panelBackground:g,radius:h,scaling:y,fontFamily:C,headingFontFamily:P,onAppearanceChange:k,onAccentColorChange:D,onGrayColorChange:R,onMaterialChange:x,onPanelBackgroundChange:B,onRadiusChange:F,onScalingChange:A,onFontFamilyChange:w,onHeadingFontFamilyChange:S}),[c,m,p,v,f,g,h,y,C,P,k,D,R,x,B,F,A,w,S])},n.createElement(j,{"data-is-root-theme":l?"true":"false","data-accent-color":m,"data-gray-color":v,"data-has-background":O?"true":"false","data-material":f,"data-panel-background":g,"data-radius":h,"data-scaling":y,"data-font-family":C,"data-heading-font-family":P,ref:W,...T,className:(0,ae.default)("radix-themes",{light:c==="light",dark:c==="dark"},T.className)}))});_.displayName="ThemeImpl";
+"use strict";"use client";var te=Object.create;var I=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var ce=(e,t)=>{for(var o in t)I(e,o,{get:t[o],enumerable:!0})},U=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of le(t))!ie.call(e,l)&&l!==o&&I(e,l,{get:()=>t[l],enumerable:!(s=re(t,l))||s.enumerable});return e};var M=(e,t,o)=>(o=e!=null?te(se(e)):{},U(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),me=e=>U(I({},"__esModule",{value:!0}),e);var Fe={};ce(Fe,{Theme:()=>oe,ThemeContext:()=>b,useThemeContext:()=>Ce});module.exports=me(Fe);var n=M(require("react")),ae=M(require("classnames")),c=require("radix-ui"),H=require("radix-ui/internal");function K(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var L=M(require("react"));function i(e){let[t,o]=L.useState(e),[s,l]=L.useState(e);return Object.is(e,s)||(l(e),o(e)),[t,o]}var J=M(require("react")),pe="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",q=new Set;function ue(e){q.has(e)||(q.add(e),console.warn(e))}function Q(e){J.useEffect(()=>{},[e])}var X={asChild:{type:"boolean"}};var Y=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Z=["auto","gray","mauve","slate","sage","olive","sand"];var $=["none","small","medium","large","full"];var de=["inherit","light","dark"],fe=["solid","translucent"],ge=["solid","translucent"],ye=["90%","95%","100%","105%","110%"],ee=["sans","mono","serif"],a={...X,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:de,default:"inherit"},accentColor:{type:"enum",values:Y,default:"gray"},grayColor:{type:"enum",values:Z,default:"gray"},material:{type:"enum",values:ge,default:"solid"},panelBackground:{type:"enum",values:fe,default:"solid"},radius:{type:"enum",values:$,default:"full"},scaling:{type:"enum",values:ye,default:"100%"},fontFamily:{type:"enum",values:ee,default:"sans"},headingFontFamily:{type:"enum",values:ee}};var r=()=>{},he={appearance:a.appearance.default,accentColor:a.accentColor.default,grayColor:a.grayColor.default,resolvedGrayColor:a.grayColor.default,material:a.material.default,panelBackground:a.panelBackground.default,radius:a.radius.default,scaling:a.scaling.default,fontFamily:a.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:r,onAccentColorChange:r,onGrayColorChange:r,onMaterialChange:r,onPanelBackgroundChange:r,onRadiusChange:r,onScalingChange:r,onFontFamilyChange:r,onHeadingFontFamilyChange:r},b=n.createContext(void 0);function Ce(){return n.useContext(b)??he}var oe=n.forwardRef((e,t)=>{let o=n.useContext(b),s=c.Direction.useDirection();return o===void 0?n.createElement(c.Tooltip.Provider,{delayDuration:200},n.createElement(c.Direction.Provider,{dir:s},n.createElement(ne,{...e,ref:t}))):n.createElement(_,{...e,ref:t})});oe.displayName="Theme";var ne=n.forwardRef((e,t)=>{let{appearance:o=a.appearance.default,accentColor:s=a.accentColor.default,grayColor:l=a.grayColor.default,material:d=a.material.default,panelBackground:m=a.panelBackground.default,radius:p=a.radius.default,scaling:u=a.scaling.default,fontFamily:f=a.fontFamily.default,headingFontFamily:g,hasBackground:y=a.hasBackground.default,...h}=e;Q(e.panelBackground);let[C,P]=i(o),[k,D]=i(s),[R,B]=i(l),x=d!==a.material.default?d:m,[F,A]=i(x),[w,S]=i(F),[T,j]=i(p),[v,N]=i(u),[O,G]=i(f),[W,E]=i(g);return n.createElement(_,{...h,ref:t,isRoot:!0,hasBackground:y,appearance:C,accentColor:k,grayColor:R,material:F,panelBackground:w,radius:T,scaling:v,fontFamily:O,headingFontFamily:W,onAppearanceChange:P,onAccentColorChange:D,onGrayColorChange:B,onMaterialChange:A,onPanelBackgroundChange:S,onRadiusChange:j,onScalingChange:N,onFontFamilyChange:G,onHeadingFontFamilyChange:E})});ne.displayName="ThemeRoot";function Pe(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var _=n.forwardRef((e,t)=>{let o=n.useContext(b),{asChild:s,isRoot:l,hasBackground:d,appearance:m=e.appearance??o?.appearance??a.appearance.default,accentColor:p=e.accentColor??o?.accentColor??a.accentColor.default,grayColor:u=e.grayColor??o?.resolvedGrayColor??a.grayColor.default,material:f=e.material??o?.material??a.material.default,panelBackground:g=e.panelBackground??o?.panelBackground??a.panelBackground.default,radius:y=e.radius??o?.radius??a.radius.default,scaling:h=e.scaling??o?.scaling??a.scaling.default,fontFamily:C=e.fontFamily??o?.fontFamily??a.fontFamily.default,headingFontFamily:P=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:k=r,onAccentColorChange:D=r,onGrayColorChange:R=r,onMaterialChange:B=r,onPanelBackgroundChange:x=r,onRadiusChange:F=r,onScalingChange:A=r,onFontFamilyChange:w=r,onHeadingFontFamilyChange:S=r,...T}=e,j=s?c.Slot.Root:"div",v=u==="auto"?K(p):u,N=e.appearance==="light"||e.appearance==="dark",O=d===void 0?l||N:d,G=n.useRef(null),W=(0,H.useComposedRefs)(t,G),E="data-os"in T;return(0,H.useLayoutEffect)(()=>{if(!l||E)return;let V=G.current;if(!V)return;let z=Pe();if(z)return V.setAttribute("data-os",z),()=>V.removeAttribute("data-os")},[l,E]),n.createElement(b.Provider,{value:n.useMemo(()=>({appearance:m,accentColor:p,grayColor:u,resolvedGrayColor:v,material:f,panelBackground:g,radius:y,scaling:h,fontFamily:C,headingFontFamily:P,onAppearanceChange:k,onAccentColorChange:D,onGrayColorChange:R,onMaterialChange:B,onPanelBackgroundChange:x,onRadiusChange:F,onScalingChange:A,onFontFamilyChange:w,onHeadingFontFamilyChange:S}),[m,p,u,v,f,g,y,h,C,P,k,D,R,B,x,F,A,w,S])},n.createElement(j,{"data-is-root-theme":l?"true":"false","data-accent-color":p,"data-gray-color":v,"data-has-background":O?"true":"false","data-material":f,"data-panel-background":g,"data-radius":y,"data-scaling":h,"data-font-family":C,"data-heading-font-family":P,ref:W,...T,className:(0,ae.default)("radix-themes",{light:m==="light",dark:m==="dark"},T.className)}))});_.displayName="ThemeImpl";
 //# sourceMappingURL=theme.js.map

package/dist/cjs/components/theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.tsx", "../../../src/helpers/get-matching-gray-color.ts", "../../../src/hooks/use-prop-synced-state.ts", "../../../src/helpers/use-deprecation-warning.ts", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/theme.props.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeMaterial = (typeof themePropDefs.material.values)[number];\ntype ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onMaterialChange: (material: ThemeMaterial) => void;\n  onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  material: ThemeMaterial;\n  panelBackground: ThemePanelBackground;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  material: themePropDefs.material.default,\n  panelBackground: themePropDefs.panelBackground.default,\n  radius: themePropDefs.radius.default,\n  scaling: themePropDefs.scaling.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir=\"ltr\">\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(\n  (props, forwardedRef) => {\n    const {\n      appearance: appearanceProp = themePropDefs.appearance.default,\n      accentColor: accentColorProp = themePropDefs.accentColor.default,\n      grayColor: grayColorProp = themePropDefs.grayColor.default,\n      material: materialProp = themePropDefs.material.default,\n      panelBackground: panelBackgroundProp = themePropDefs.panelBackground.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n      headingFontFamily: headingFontFamilyProp,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n\n    // Each of these follows its prop but stays independently settable, so\n    // `ThemePanel` can change the theme at runtime. Syncing during render\n    // rather than in an effect matters here: an effect would commit the old\n    // theme first and re-render every consumer of the context a second time.\n    const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n    const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n    const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      materialProp !== themePropDefs.material.default ? materialProp : panelBackgroundProp;\n    const [material, setMaterial] = usePropSyncedState(effectiveMaterial);\n\n    // Keep panelBackground in sync with material for backward compatibility\n    const [panelBackground, setPanelBackground] = usePropSyncedState(material);\n\n    const [radius, setRadius] = usePropSyncedState(radiusProp);\n    const [scaling, setScaling] = usePropSyncedState(scalingProp);\n    const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n    const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n\n    return (\n      <ThemeImpl\n        {...rootProps}\n        ref={forwardedRef}\n        isRoot\n        hasBackground={hasBackground}\n        //\n        appearance={appearance}\n        accentColor={accentColor}\n        grayColor={grayColor}\n        material={material}\n        panelBackground={panelBackground}\n        radius={radius}\n        scaling={scaling}\n        fontFamily={fontFamily}\n        headingFontFamily={headingFontFamily}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onMaterialChange={setMaterial}\n        onPanelBackgroundChange={setPanelBackground}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\n        onFontFamilyChange={setFontFamily}\n        onHeadingFontFamilyChange={setHeadingFontFamily}\n      />\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    material = props.material ?? context?.material ?? themePropDefs.material.default,\n    panelBackground = props.panelBackground ??\n      context?.panelBackground ??\n      themePropDefs.panelBackground.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onMaterialChange = noop,\n    onPanelBackgroundChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground =\n    hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        ],\n      )}\n    >\n      <Comp\n        data-is-root-theme={isRoot ? 'true' : 'false'}\n        data-accent-color={accentColor}\n        data-gray-color={resolvedGrayColor}\n        // for nested `Theme` background\n        data-has-background={hasBackground ? 'true' : 'false'}\n        data-material={material}\n        data-panel-background={panelBackground}\n        data-radius={radius}\n        data-scaling={scaling}\n        data-font-family={fontFamily}\n        data-heading-font-family={headingFontFamily}\n        ref={composedRef}\n        {...themeProps}\n        className={classNames(\n          'radix-themes',\n          {\n            light: appearance === 'light',\n            dark: appearance === 'dark',\n          },\n          themeProps.className,\n        )}\n      />\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n", "import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n", "import * as React from 'react';\n\n/**\n * State that tracks a prop but can also be set imperatively \u2014 the shape `Theme`\n * needs, where a prop sets the value and `ThemePanel` can change it at runtime.\n *\n * Adjusts state during render rather than syncing in a `useEffect`. An effect\n * would commit one render carrying the *old* value and schedule a second one,\n * which for a provider means every consumer renders twice and the browser can\n * paint the stale value in between.\n *\n * @see https://react.dev/reference/react/useState#storing-information-from-previous-renders\n */\nexport function usePropSyncedState<T>(propValue: T) {\n  const [value, setValue] = React.useState(propValue);\n  const [previousPropValue, setPreviousPropValue] = React.useState(propValue);\n\n  if (!Object.is(propValue, previousPropValue)) {\n    setPreviousPropValue(propValue);\n    setValue(propValue);\n  }\n\n  return [value, setValue] as const;\n}\n", "import * as React from 'react';\n\nconst PANEL_BACKGROUND_MESSAGE = 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.';\n\nconst warned = new Set<string>();\n\nfunction warnOnce(message: string) {\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(message);\n}\n\n/**\n * Warns, in development only, that `panelBackground` is deprecated.\n *\n * The `process.env.NODE_ENV` check is a compile-time constant, so a production\n * bundle minifies the effect body away to an empty function instead of reading\n * props and formatting a message per mounted component. The message is also\n * logged once per session rather than once per component instance.\n */\nexport function useDeprecatedPanelBackgroundWarning(panelBackground: unknown) {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (panelBackground !== undefined) warnOnce(PANEL_BACKGROUND_MESSAGE);\n  }, [panelBackground]);\n}\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'translucent' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
-  "mappings": "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",
-  "names": ["theme_exports", "__export", "Theme", "ThemeContext", "useThemeContext", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_internal", "getMatchingGrayColor", "accentColor", "React", "usePropSyncedState", "propValue", "value", "setValue", "previousPropValue", "setPreviousPropValue", "React", "PANEL_BACKGROUND_MESSAGE", "warned", "warnOnce", "message", "useDeprecatedPanelBackgroundWarning", "panelBackground", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "materialProp", "panelBackgroundProp", "radiusProp", "scalingProp", "fontFamilyProp", "headingFontFamilyProp", "hasBackground", "rootProps", "useDeprecatedPanelBackgroundWarning", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "getClientOS", "ua", "context", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "hasExplicitOS", "node", "os", "classNames"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeMaterial = (typeof themePropDefs.material.values)[number];\ntype ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onMaterialChange: (material: ThemeMaterial) => void;\n  onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  material: ThemeMaterial;\n  panelBackground: ThemePanelBackground;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  material: themePropDefs.material.default,\n  panelBackground: themePropDefs.panelBackground.default,\n  radius: themePropDefs.radius.default,\n  scaling: themePropDefs.scaling.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  // Direction is inherited: a Radix DirectionProvider above the Theme (for a right-to-left app)\n  // wins, and left-to-right stays the default when there is none.\n  const dir = Direction.useDirection();\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir={dir}>\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(\n  (props, forwardedRef) => {\n    const {\n      appearance: appearanceProp = themePropDefs.appearance.default,\n      accentColor: accentColorProp = themePropDefs.accentColor.default,\n      grayColor: grayColorProp = themePropDefs.grayColor.default,\n      material: materialProp = themePropDefs.material.default,\n      panelBackground: panelBackgroundProp = themePropDefs.panelBackground.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n      headingFontFamily: headingFontFamilyProp,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n\n    // Each of these follows its prop but stays independently settable, so\n    // `ThemePanel` can change the theme at runtime. Syncing during render\n    // rather than in an effect matters here: an effect would commit the old\n    // theme first and re-render every consumer of the context a second time.\n    const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n    const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n    const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      materialProp !== themePropDefs.material.default ? materialProp : panelBackgroundProp;\n    const [material, setMaterial] = usePropSyncedState(effectiveMaterial);\n\n    // Keep panelBackground in sync with material for backward compatibility\n    const [panelBackground, setPanelBackground] = usePropSyncedState(material);\n\n    const [radius, setRadius] = usePropSyncedState(radiusProp);\n    const [scaling, setScaling] = usePropSyncedState(scalingProp);\n    const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n    const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n\n    return (\n      <ThemeImpl\n        {...rootProps}\n        ref={forwardedRef}\n        isRoot\n        hasBackground={hasBackground}\n        //\n        appearance={appearance}\n        accentColor={accentColor}\n        grayColor={grayColor}\n        material={material}\n        panelBackground={panelBackground}\n        radius={radius}\n        scaling={scaling}\n        fontFamily={fontFamily}\n        headingFontFamily={headingFontFamily}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onMaterialChange={setMaterial}\n        onPanelBackgroundChange={setPanelBackground}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\n        onFontFamilyChange={setFontFamily}\n        onHeadingFontFamilyChange={setHeadingFontFamily}\n      />\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    material = props.material ?? context?.material ?? themePropDefs.material.default,\n    panelBackground = props.panelBackground ??\n      context?.panelBackground ??\n      themePropDefs.panelBackground.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onMaterialChange = noop,\n    onPanelBackgroundChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground =\n    hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        ],\n      )}\n    >\n      <Comp\n        data-is-root-theme={isRoot ? 'true' : 'false'}\n        data-accent-color={accentColor}\n        data-gray-color={resolvedGrayColor}\n        // for nested `Theme` background\n        data-has-background={hasBackground ? 'true' : 'false'}\n        data-material={material}\n        data-panel-background={panelBackground}\n        data-radius={radius}\n        data-scaling={scaling}\n        data-font-family={fontFamily}\n        data-heading-font-family={headingFontFamily}\n        ref={composedRef}\n        {...themeProps}\n        className={classNames(\n          'radix-themes',\n          {\n            light: appearance === 'light',\n            dark: appearance === 'dark',\n          },\n          themeProps.className,\n        )}\n      />\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n", "import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n", "import * as React from 'react';\n\n/**\n * State that tracks a prop but can also be set imperatively \u2014 the shape `Theme`\n * needs, where a prop sets the value and `ThemePanel` can change it at runtime.\n *\n * Adjusts state during render rather than syncing in a `useEffect`. An effect\n * would commit one render carrying the *old* value and schedule a second one,\n * which for a provider means every consumer renders twice and the browser can\n * paint the stale value in between.\n *\n * @see https://react.dev/reference/react/useState#storing-information-from-previous-renders\n */\nexport function usePropSyncedState<T>(propValue: T) {\n  const [value, setValue] = React.useState(propValue);\n  const [previousPropValue, setPreviousPropValue] = React.useState(propValue);\n\n  if (!Object.is(propValue, previousPropValue)) {\n    setPreviousPropValue(propValue);\n    setValue(propValue);\n  }\n\n  return [value, setValue] as const;\n}\n", "import * as React from 'react';\n\nconst PANEL_BACKGROUND_MESSAGE = 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.';\n\nconst warned = new Set<string>();\n\nfunction warnOnce(message: string) {\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(message);\n}\n\n/**\n * Warns, in development only, that `panelBackground` is deprecated.\n *\n * The `process.env.NODE_ENV` check is a compile-time constant, so a production\n * bundle minifies the effect body away to an empty function instead of reading\n * props and formatting a message per mounted component. The message is also\n * logged once per session rather than once per component instance.\n */\nexport function useDeprecatedPanelBackgroundWarning(panelBackground: unknown) {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (panelBackground !== undefined) warnOnce(PANEL_BACKGROUND_MESSAGE);\n  }, [panelBackground]);\n}\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Badge, Avatar, Code, Callout,\n// UserCard): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'gray' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'gray' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'solid' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'solid' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "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",
+  "names": ["theme_exports", "__export", "Theme", "ThemeContext", "useThemeContext", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_internal", "getMatchingGrayColor", "accentColor", "React", "usePropSyncedState", "propValue", "value", "setValue", "previousPropValue", "setPreviousPropValue", "React", "PANEL_BACKGROUND_MESSAGE", "warned", "warnOnce", "message", "useDeprecatedPanelBackgroundWarning", "panelBackground", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "context", "dir", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "materialProp", "panelBackgroundProp", "radiusProp", "scalingProp", "fontFamilyProp", "headingFontFamilyProp", "hasBackground", "rootProps", "useDeprecatedPanelBackgroundWarning", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "getClientOS", "ua", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "hasExplicitOS", "node", "os", "classNames"]
 }

package/dist/cjs/components/theme.props.d.ts

@@ -31,7 +31,7 @@ declare const themePropDefs: {
     accentColor: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
-        default: "blue";
+        default: "gray";
     };
     /**
      * Selects one of the gray color options to use in the Theme.
@@ -42,7 +42,7 @@ declare const themePropDefs: {
     grayColor: {
         type: "enum";
         values: readonly ["auto", "gray", "mauve", "slate", "sage", "olive", "sand"];
-        default: "slate";
+        default: "gray";
     };
     /**
      * Controls whether to use a solid or translucent background color on panelled
@@ -54,7 +54,7 @@ declare const themePropDefs: {
     material: {
         type: "enum";
         values: readonly ["solid", "translucent"];
-        default: "translucent";
+        default: "solid";
     };
     /**
      * Controls whether to use a solid or translucent background color on panelled
@@ -68,7 +68,7 @@ declare const themePropDefs: {
     panelBackground: {
         type: "enum";
         values: readonly ["solid", "translucent"];
-        default: "translucent";
+        default: "solid";
     };
     /**
      * Sets the default radius of the components.

package/dist/cjs/components/theme.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var r in e)t(o,r,{get:e[r],enumerable:!0})},y=(o,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of c(e))!m.call(o,a)&&a!==r&&t(o,a,{get:()=>e[a],enumerable:!(s=i(e,a))||s.enumerable});return o};var P=o=>y(t({},"__esModule",{value:!0}),o);var v={};d(v,{themePropDefs:()=>h});module.exports=P(v);var n={asChild:{type:"boolean"}};var p=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],l=["auto","gray","mauve","slate","sage","olive","sand"];var f=["none","small","medium","large","full"];var D=["inherit","light","dark"],g=["solid","translucent"],b=["solid","translucent"],C=["90%","95%","100%","105%","110%"],u=["sans","mono","serif"],h={...n,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:D,default:"inherit"},accentColor:{type:"enum",values:p,default:"blue"},grayColor:{type:"enum",values:l,default:"slate"},material:{type:"enum",values:b,default:"translucent"},panelBackground:{type:"enum",values:g,default:"translucent"},radius:{type:"enum",values:f,default:"full"},scaling:{type:"enum",values:C,default:"100%"},fontFamily:{type:"enum",values:u,default:"sans"},headingFontFamily:{type:"enum",values:u}};
+"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var y=(o,e)=>{for(var a in e)t(o,a,{get:e[a],enumerable:!0})},d=(o,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!m.call(o,r)&&r!==a&&t(o,r,{get:()=>e[r],enumerable:!(s=u(e,r))||s.enumerable});return o};var P=o=>d(t({},"__esModule",{value:!0}),o);var v={};y(v,{themePropDefs:()=>h});module.exports=P(v);var n={asChild:{type:"boolean"}};var p=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],l=["auto","gray","mauve","slate","sage","olive","sand"];var f=["none","small","medium","large","full"];var g=["inherit","light","dark"],D=["solid","translucent"],b=["solid","translucent"],C=["90%","95%","100%","105%","110%"],i=["sans","mono","serif"],h={...n,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:g,default:"inherit"},accentColor:{type:"enum",values:p,default:"gray"},grayColor:{type:"enum",values:l,default:"gray"},material:{type:"enum",values:b,default:"solid"},panelBackground:{type:"enum",values:D,default:"solid"},radius:{type:"enum",values:f,default:"full"},scaling:{type:"enum",values:C,default:"100%"},fontFamily:{type:"enum",values:i,default:"sans"},headingFontFamily:{type:"enum",values:i}};
 //# sourceMappingURL=theme.props.js.map

package/dist/cjs/components/theme.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.props.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/radius.prop.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'translucent' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAEjPC,EAAa,CAAC,OAAQ,OAAQ,QAAS,QAAS,OAAQ,QAAS,MAAM,ECH7E,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EHIzD,IAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAgB,CACpB,GAAGC,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQN,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQO,EAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQN,EAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQQ,EAAO,QAAS,MAAO,EAOvD,QAAS,CAAE,KAAM,OAAQ,OAAQN,EAAU,QAAS,MAAO,EAS3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,CAAa,CAC1D",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'gray' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'gray' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'solid' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'solid' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// For components whose colour comes from their content (Badge, Avatar, Code, Callout,\n// UserCard): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAEjPC,EAAa,CAAC,OAAQ,OAAQ,QAAS,QAAS,OAAQ,QAAS,MAAM,ECH7E,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EHIzD,IAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAgB,CACpB,GAAGC,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQN,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQO,EAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,MAAO,EAQ/D,SAAU,CAAE,KAAM,OAAQ,OAAQN,EAAW,QAAS,OAAQ,EAU9D,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,OAAQ,EAO5E,OAAQ,CAAE,KAAM,OAAQ,OAAQQ,EAAO,QAAS,MAAO,EAOvD,QAAS,CAAE,KAAM,OAAQ,OAAQN,EAAU,QAAS,MAAO,EAS3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,CAAa,CAC1D",
   "names": ["theme_props_exports", "__export", "themePropDefs", "__toCommonJS", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii"]
 }

package/dist/cjs/components/toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC;IAC/E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,YAAY,0GA8BhB,CAAC;AAGH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC;IAC/E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,YAAY,0GA6ChB,CAAC;AAGH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/cjs/components/toggle-button.js

@@ -1,4 +1,7 @@
-"use strict";var Ct=Object.create;var Q=Object.defineProperty;var Tt=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var St=Object.getPrototypeOf,Nt=Object.prototype.hasOwnProperty;var wt=(e,t)=>{for(var o in t)Q(e,o,{get:t[o],enumerable:!0})},Ve=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of xt(t))!Nt.call(e,n)&&n!==o&&Q(e,n,{get:()=>t[n],enumerable:!(r=Tt(t,n))||r.enumerable});return e};var y=(e,t,o)=>(o=e!=null?Ct(St(e)):{},Ve(t||!e||!e.__esModule?Q(o,"default",{value:e,enumerable:!0}):o,e)),Bt=e=>Ve(Q({},"__esModule",{value:!0}),e);var ho={};wt(ho,{ToggleButton:()=>Rt});module.exports=Bt(ho);var k=y(require("react")),bt=require("radix-ui");var O=y(require("react")),ht=y(require("classnames"));var g=y(require("react")),et=y(require("classnames")),tt=require("radix-ui");var F={asChild:{type:"boolean"}};var Z=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Fe=["auto","gray","mauve","slate","sage","olive","sand"],je={color:{type:"enum",values:Z,default:void 0}},Oe={color:{type:"enum",values:Z,default:""}};var me=["none","small","medium","large","full"],Ee={radius:{type:"enum",values:me,default:void 0}};var kt=["1","2","3","4"],Vt=["classic","solid","soft","surface","outline","ghost","override"],Ft=["solid","translucent"],jt=["solid","translucent"],fe={...F,size:{type:"enum",className:"rt-r-size",values:kt,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Vt,default:"solid"},...Oe,...Ee,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:jt,default:void 0},panelBackground:{type:"enum",values:Ft,default:void 0},flush:{type:"boolean",default:!1}};var oe=y(require("react")),Ue=y(require("classnames"));var Me=y(require("classnames"));var Ot=[],Et=new Set;function Gt(e){let t=Object.assign({},...e),o=[],r=[],n=new Set;for(let i in t){let s=t[i],a=s.values??Ot,l={key:i,type:s.type,default:s.default,hasDefault:s.default!==void 0,responsive:"responsive"in s,className:s.className,customProperties:s.customProperties,parseValue:s.parseValue,values:a,valueSet:a.length>0?new Set(a):Et,enumValueSet:s.type==="enum"?new Set([s.default,...a]):void 0};s.className?(o.push(l),n.add(i)):(l.hasDefault||s.type==="enum")&&r.push(l)}return{styling:o,passthrough:r,stylingKeys:n}}var Wt={children:new WeakMap};function Ge(e){let t=Wt;for(let o=0;o<e.length;o++){let r=e[o],n=t.children.get(r);n===void 0&&(n={children:new WeakMap},t.children.set(r,n)),t=n}return t.compiled??(t.compiled=Gt(e))}var At=["initial","xs","sm","md","lg","xl"],ce=new Set(At);function de(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Mt=new Set(["initial","xs","sm","md","lg","xl"]);function E(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Mt.has(t))return!0;return!1}function ee(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ae({className:e,customProperties:t,...o}){let r=ye({allowArbitraryValues:!0,className:e,...o}),n=zt({customProperties:t,...o});return[r,n]}function ye({allowArbitraryValues:e,value:t,className:o,propValues:r,propValueSet:n,parseValue:i=s=>s}){if(t){if(typeof t=="string")return ee(r,n,t)?We(o,t,i):e?o:void 0;if(E(t)){let s=t,a=[];for(let l in s){if(!de(s,l)||!ce.has(l))continue;let p=s[l];if(p!==void 0){if(ee(r,n,p)){let u=We(o,p,i),c=l==="initial"?u:`${l}:${u}`;a.push(c)}else if(e){let u=l==="initial"?o:`${l}:${o}`;a.push(u)}}}return a.length>0?a.join(" "):""}if(e)return o}}function We(e,t,o){let r=e?"-":"",n=o(t),i=n?.startsWith("-"),s=i?"-":"",a=i?n?.substring(1):n;return`${s}${e}${r}${a}`}function zt({customProperties:e,value:t,propValues:o,propValueSet:r,parseValue:n=i=>i}){if(!t||typeof t=="string"&&ee(o,r,t))return;let i;if(typeof t=="string"){let s=n(t);i={};for(let a of e)i[a]=s;return i}if(E(t)){let s=t;for(let a in s){if(!de(s,a)||!ce.has(a))continue;let l=s[a];if(l===void 0||ee(o,r,l))continue;let p=n(l);i??(i={});for(let u of e){let c=a==="initial"?u:`${u}-${a}`;i[c]=p}}}return i??{}}function ge(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function It(e,t){let o=e.initial,r=!1;return t.hasDefault&&o===void 0&&(o=t.default,r=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,r=!0),r?{...e,initial:o}:e}function x(e,...t){let{styling:o,passthrough:r,stylingKeys:n}=Ge(t),i={};for(let l in e)n.has(l)||(i[l]=e[l]);for(let l=0;l<r.length;l++){let p=r[l],u=i[p.key];if(u===void 0){p.hasDefault&&(i[p.key]=p.default);continue}p.enumValueSet!==void 0&&!p.enumValueSet.has(u)&&!E(u)&&(i[p.key]=p.default)}let s,a=[];for(let l=0;l<o.length;l++){let p=o[l],u=e[p.key];if(u===void 0&&p.hasDefault&&(u=p.default),p.enumValueSet!==void 0&&!p.enumValueSet.has(u)&&!E(u)&&(u=p.default),!!u){if(E(u)){if(!p.responsive)continue;u=It(u,p)}if(p.type==="enum"){let c=ye({allowArbitraryValues:!1,value:u,className:p.className,propValues:p.values,propValueSet:p.valueSet,parseValue:p.parseValue});c&&a.push(c);continue}if(p.type==="string"||p.type==="enum | string"){let[c,b]=Ae({className:p.className,customProperties:p.customProperties,propValues:p.type==="string"?[]:p.values,propValueSet:p.type==="string"?void 0:p.valueSet,parseValue:p.parseValue,value:u});b&&(s=ge(s,b)),c&&a.push(c);continue}if(p.type==="boolean"){a.push(p.className);continue}}}return i.className=(0,Me.default)(a.length>0?a.join(" "):void 0,e.className),i.style=ge(s,e.style),i}var G=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ze={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:G,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:G,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:G,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:G,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:G,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:G,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:G,responsive:!0}};var Ie={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var z={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var Pe=["visible","hidden","clip","scroll","auto"],Ht=["static","relative","absolute","fixed","sticky"],q=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],$t=["0","1"],Lt=["0","1"],Kt=["start","center","end","baseline","stretch"],Ut=["start","center","end","baseline","stretch"],He={...ze,...z,...Ie,position:{type:"enum",className:"rt-r-position",values:Ht,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:q,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:q,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:q,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:q,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:q,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:Pe,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:Pe,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:Pe,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:$t,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Lt,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:Kt,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Ut,responsive:!0}};var W=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],j={m:{type:"enum | string",values:W,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:W,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:W,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var te=require("radix-ui"),Yo=te.Slot.Root,$e=te.Slot.Root,Xo=te.Slot.Slottable;var he=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Le={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:he,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:he,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:he,responsive:!0}};var _t=["div","span"],qt=["none","inline-flex","flex"],Yt=["row","column","row-reverse","column-reverse"],Xt=["start","center","end","baseline","stretch"],Jt=["start","center","end","between"],Qt=["nowrap","wrap","wrap-reverse"],Ke={as:{type:"enum",values:_t,default:"div"},...F,display:{type:"enum",className:"rt-r-display",values:qt,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Yt,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Xt,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Jt,parseValue:Zt,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:Qt,responsive:!0},...Le};function Zt(e){return e==="between"?"space-between":e}var I=oe.forwardRef((e,t)=>{let{className:o,asChild:r,as:n="div",...i}=x(e,Ke,He,j);return oe.createElement(r?$e:n,{...i,ref:t,className:(0,Ue.default)("rt-Flex",o)})});I.displayName="Flex";var D=y(require("react")),qe=y(require("classnames"));var eo=["1","2","3"],_e={size:{type:"enum",className:"rt-r-size",values:eo,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var ve=D.forwardRef((e,t)=>{let{className:o,children:r,loading:n,...i}=x(e,_e,j);if(!n)return r;let s=D.createElement("span",{...i,ref:t,className:(0,qe.default)("rt-Spinner",o)},D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}));return r===void 0?s:D.createElement(I,{asChild:!0,position:"relative",align:"center",justify:"center"},D.createElement("span",null,D.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},r),D.createElement(I,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},D.createElement("span",null,s))))});ve.displayName="Spinner";var De=require("radix-ui"),Ye=De.VisuallyHidden.Root,dr=De.VisuallyHidden.Root;var Je=y(require("react")),to="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",Xe=new Set;function oo(e){Xe.has(e)||(Xe.add(e),console.warn(e))}function re(e){Je.useEffect(()=>{},[e])}function Qe(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,r])=>[o,t(r)]))}function Ze(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var be=g.forwardRef((e,t)=>{let{size:o=fe.size.default}=e,{className:r,children:n,asChild:i,as:s,color:a,radius:l,material:p,panelBackground:u,flush:c,disabled:b=e.loading,...R}=x(e,fe,j);re(e.panelBackground);let T=p??u,w=i?tt.Slot.Root:s||"button",B=i||!s||["button","input","textarea","select"].includes(s),h=!i&&(!s||s==="button"),C="type"in R,v=g.useId(),f=e.loading?`${v}-loading`:void 0,V=g.useMemo(()=>typeof n=="string"?n:g.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"button",[n]),M=g.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":f,"aria-label":`${V} (loading)`}:{},[e.loading,f,V]);return g.createElement(w,{"data-disabled":b||void 0,"data-accent-color":a,"data-radius":l,"data-material":T,"data-panel-background":T,"data-flush":c?"true":void 0,...R,...M,ref:t,className:(0,et.default)("rt-reset","rt-BaseButton",r),...B&&{disabled:b},...h&&!C?{type:"button"}:{}},e.loading?g.createElement(g.Fragment,null,g.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),g.createElement(Ye,null,g.createElement("span",{id:f},V," is loading, please wait..."),n),g.createElement(I,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},g.createElement("span",null,g.createElement(ve,{size:Qe(o,Ze),"aria-hidden":"true"})))):n)});be.displayName="BaseButton";var N=y(require("react")),gt=y(require("classnames")),$=require("radix-ui");var A=y(require("react")),ut=require("radix-ui");var ro=["loud","medium","quiet"],ot={emphasis:{type:"enum",className:"rt-emphasis",values:ro,default:void 0}};var no=["normal","start","end","both"],rt={trim:{type:"enum",className:"rt-r-lt",values:no,responsive:!0}};var so=["left","center","right"],nt={align:{type:"enum",className:"rt-r-ta",values:so,responsive:!0}};var ao=["wrap","nowrap","pretty","balance"],st={wrap:{type:"enum",className:"rt-r-tw",values:ao,responsive:!0}};var at={truncate:{type:"boolean",className:"rt-truncate"}};var po=["sans","mono","serif"],pt={font:{type:"enum",className:"rt-r-ff",values:po}};var io=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],it={weight:{type:"enum",className:"rt-r-weight",values:io,responsive:!0}};var lo=["span","div","label","p"],uo=["0","1","2","3","4","5","6","7","8","9","10","11","12"],lt={as:{type:"enum",values:lo,default:"span"},...F,size:{type:"enum",className:"rt-r-size",values:uo,responsive:!0},...pt,...it,...nt,...rt,...at,...st,...je,...ot};var mo={...lt,...j},Re=A.memo(A.forwardRef((e,t)=>{let{children:o,className:r,asChild:n,as:i="span",color:s,...a}=x(e,mo),l=r?`rt-Text ${r}`:"rt-Text";return n?A.createElement(ut.Slot.Root,{"data-accent-color":s,...a,ref:t,className:l},o):A.createElement(i,{"data-accent-color":s,...a,ref:t,className:l},o)}));Re.displayName="Text";var d=y(require("react")),ct=y(require("classnames")),H=require("radix-ui"),ne=require("radix-ui/internal");function mt(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Ce=y(require("react"));function S(e){let[t,o]=Ce.useState(e),[r,n]=Ce.useState(e);return Object.is(e,r)||(n(e),o(e)),[t,o]}var fo=["inherit","light","dark"],co=["solid","translucent"],yo=["solid","translucent"],go=["90%","95%","100%","105%","110%"],ft=["sans","mono","serif"],m={...F,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:fo,default:"inherit"},accentColor:{type:"enum",values:Z,default:"blue"},grayColor:{type:"enum",values:Fe,default:"slate"},material:{type:"enum",values:yo,default:"translucent"},panelBackground:{type:"enum",values:co,default:"translucent"},radius:{type:"enum",values:me,default:"full"},scaling:{type:"enum",values:go,default:"100%"},fontFamily:{type:"enum",values:ft,default:"sans"},headingFontFamily:{type:"enum",values:ft}};var P=()=>{},nn={appearance:m.appearance.default,accentColor:m.accentColor.default,grayColor:m.grayColor.default,resolvedGrayColor:m.grayColor.default,material:m.material.default,panelBackground:m.panelBackground.default,radius:m.radius.default,scaling:m.scaling.default,fontFamily:m.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:P,onAccentColorChange:P,onGrayColorChange:P,onMaterialChange:P,onPanelBackgroundChange:P,onRadiusChange:P,onScalingChange:P,onFontFamilyChange:P,onHeadingFontFamilyChange:P},Te=d.createContext(void 0);var xe=d.forwardRef((e,t)=>d.useContext(Te)===void 0?d.createElement(H.Tooltip.Provider,{delayDuration:200},d.createElement(H.Direction.Provider,{dir:"ltr"},d.createElement(dt,{...e,ref:t}))):d.createElement(Se,{...e,ref:t}));xe.displayName="Theme";var dt=d.forwardRef((e,t)=>{let{appearance:o=m.appearance.default,accentColor:r=m.accentColor.default,grayColor:n=m.grayColor.default,material:i=m.material.default,panelBackground:s=m.panelBackground.default,radius:a=m.radius.default,scaling:l=m.scaling.default,fontFamily:p=m.fontFamily.default,headingFontFamily:u,hasBackground:c=m.hasBackground.default,...b}=e;re(e.panelBackground);let[R,T]=S(o),[w,B]=S(r),[h,C]=S(n),v=i!==m.material.default?i:s,[f,V]=S(v),[M,Y]=S(f),[U,ae]=S(a),[_,pe]=S(l),[ie,X]=S(p),[le,J]=S(u);return d.createElement(Se,{...b,ref:t,isRoot:!0,hasBackground:c,appearance:R,accentColor:w,grayColor:h,material:f,panelBackground:M,radius:U,scaling:_,fontFamily:ie,headingFontFamily:le,onAppearanceChange:T,onAccentColorChange:B,onGrayColorChange:C,onMaterialChange:V,onPanelBackgroundChange:Y,onRadiusChange:ae,onScalingChange:pe,onFontFamilyChange:X,onHeadingFontFamilyChange:J})});dt.displayName="ThemeRoot";function Po(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var Se=d.forwardRef((e,t)=>{let o=d.useContext(Te),{asChild:r,isRoot:n,hasBackground:i,appearance:s=e.appearance??o?.appearance??m.appearance.default,accentColor:a=e.accentColor??o?.accentColor??m.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??m.grayColor.default,material:p=e.material??o?.material??m.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??m.panelBackground.default,radius:c=e.radius??o?.radius??m.radius.default,scaling:b=e.scaling??o?.scaling??m.scaling.default,fontFamily:R=e.fontFamily??o?.fontFamily??m.fontFamily.default,headingFontFamily:T=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:w=P,onAccentColorChange:B=P,onGrayColorChange:h=P,onMaterialChange:C=P,onPanelBackgroundChange:v=P,onRadiusChange:f=P,onScalingChange:V=P,onFontFamilyChange:M=P,onHeadingFontFamilyChange:Y=P,...U}=e,ae=r?H.Slot.Root:"div",_=l==="auto"?mt(a):l,pe=e.appearance==="light"||e.appearance==="dark",ie=i===void 0?n||pe:i,X=d.useRef(null),le=(0,ne.useComposedRefs)(t,X),J="data-os"in U;return(0,ne.useLayoutEffect)(()=>{if(!n||J)return;let ue=X.current;if(!ue)return;let ke=Po();if(ke)return ue.setAttribute("data-os",ke),()=>ue.removeAttribute("data-os")},[n,J]),d.createElement(Te.Provider,{value:d.useMemo(()=>({appearance:s,accentColor:a,grayColor:l,resolvedGrayColor:_,material:p,panelBackground:u,radius:c,scaling:b,fontFamily:R,headingFontFamily:T,onAppearanceChange:w,onAccentColorChange:B,onGrayColorChange:h,onMaterialChange:C,onPanelBackgroundChange:v,onRadiusChange:f,onScalingChange:V,onFontFamilyChange:M,onHeadingFontFamilyChange:Y}),[s,a,l,_,p,u,c,b,R,T,w,B,h,C,v,f,V,M,Y])},d.createElement(ae,{"data-is-root-theme":n?"true":"false","data-accent-color":a,"data-gray-color":_,"data-has-background":ie?"true":"false","data-material":p,"data-panel-background":u,"data-radius":c,"data-scaling":b,"data-font-family":R,"data-heading-font-family":T,ref:le,...U,className:(0,ct.default)("radix-themes",{light:s==="light",dark:s==="dark"},U.className)}))});Se.displayName="ThemeImpl";var yt={content:{type:"ReactNode",required:!0},width:z.width,minWidth:z.minWidth,maxWidth:{...z.maxWidth,default:"360px"}};var Ne=N.forwardRef((e,t)=>{let{children:o,className:r,open:n,defaultOpen:i,onOpenChange:s,delayDuration:a,disableHoverableContent:l,content:p,container:u,forceMount:c,...b}=x(e,yt),R={open:n,defaultOpen:i,onOpenChange:s,delayDuration:a,disableHoverableContent:l};return N.createElement($.Tooltip.Root,{...R},N.createElement($.Tooltip.Trigger,{asChild:!0},o),N.createElement($.Tooltip.Portal,{container:u,forceMount:c},N.createElement(xe,{asChild:!0},N.createElement($.Tooltip.Content,{sideOffset:4,collisionPadding:10,...b,asChild:!1,ref:t,className:(0,gt.default)("rt-TooltipContent",r)},N.createElement(Re,{as:"p",className:"rt-TooltipText",size:"1"},p),N.createElement($.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});Ne.displayName="Tooltip";var se=y(require("react"));function Pt(e){let t=se.useId(),o=!!e,r=se.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:r}}var we=O.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:r="top",tooltipAlign:n="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:s,overrideStyles:a,...l},p)=>{let{tooltipId:u,hasTooltip:c,accessibilityProps:b}=Pt(o),R=O.useMemo(()=>{if(!a)return;let B={},h=(v,f)=>{f!==void 0&&(B[v]=f)},C=(v,f)=>{f&&(h(`--button-override-${v}color`,f.color),h(`--button-override-${v}background`,f.background),h(`--button-override-${v}background-color`,f.backgroundColor),h(`--button-override-${v}box-shadow`,f.boxShadow),h(`--button-override-${v}filter`,f.filter),h(`--button-override-${v}outline`,f.outline),h(`--button-override-${v}outline-offset`,f.outlineOffset),h(`--button-override-${v}opacity`,f.opacity))};return C("",a.normal),C("hover-",a.hover),C("active-",a.active),C("pressed-",a.pressed),C("open-",a.open),C("disabled-",a.disabled),a.focus&&(h("--button-override-focus-outline",a.focus.outline),h("--button-override-focus-outline-offset",a.focus.outlineOffset)),B},[a]),T=O.useMemo(()=>R?{...R,...t}:t,[R,t]),w=O.createElement(be,{...l,...b,ref:p,className:(0,ht.default)("rt-Button",e),style:T});return c?O.createElement(Ne,{content:o,side:r,align:n,delayDuration:i,disableHoverableContent:s,id:u},w):w});we.displayName="Button";var K=y(require("react"));var L=y(require("react")),Be=0;function vt(){let e=L.useRef(void 0);return L.useEffect(()=>{let o=document.getElementById("rt-live-announcer");return o||(o=document.createElement("div"),o.id="rt-live-announcer",o.setAttribute("aria-live","polite"),o.setAttribute("aria-atomic","true"),o.style.cssText=`
+"use strict";var Tt=Object.create;var Q=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var Bt=(e,t)=>{for(var o in t)Q(e,o,{get:t[o],enumerable:!0})},ke=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of St(t))!wt.call(e,n)&&n!==o&&Q(e,n,{get:()=>t[n],enumerable:!(r=xt(t,n))||r.enumerable});return e};var g=(e,t,o)=>(o=e!=null?Tt(Nt(e)):{},ke(t||!e||!e.__esModule?Q(o,"default",{value:e,enumerable:!0}):o,e)),Vt=e=>ke(Q({},"__esModule",{value:!0}),e);var Do={};Bt(Do,{ToggleButton:()=>Ct});module.exports=Vt(Do);var C=g(require("react")),Rt=require("radix-ui");var O=g(require("react")),vt=g(require("classnames"));var P=g(require("react")),tt=g(require("classnames")),ot=require("radix-ui");function Fe(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}var F={asChild:{type:"boolean"}};var Z=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Ee=["auto","gray","mauve","slate","sage","olive","sand"],Oe={color:{type:"enum",values:Z,default:void 0}},je={color:{type:"enum",values:Z,default:""}};var me=["none","small","medium","large","full"],Ge={radius:{type:"enum",values:me,default:void 0}};var kt=["1","2","3","4"],Ft=["raised","solid","soft","surface","outline","ghost","override","classic"],Et=["solid","translucent"],Ot=["solid","translucent"],fe={...F,size:{type:"enum",className:"rt-r-size",values:kt,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Ft,default:"raised",parseValue:Fe},...je,...Ge,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:Ot,default:void 0},panelBackground:{type:"enum",values:Et,default:void 0},flush:{type:"boolean",default:!1}};var oe=g(require("react")),_e=g(require("classnames"));var Ie=g(require("classnames"));var jt=[],Gt=new Set;function Wt(e){let t=Object.assign({},...e),o=[],r=[],n=new Set;for(let p in t){let s=t[p],a=s.values??jt,l={key:p,type:s.type,default:s.default,hasDefault:s.default!==void 0,responsive:"responsive"in s,className:s.className,customProperties:s.customProperties,parseValue:s.parseValue,values:a,valueSet:a.length>0?new Set(a):Gt,enumValueSet:s.type==="enum"?new Set([s.default,...a]):void 0};s.className?(o.push(l),n.add(p)):(l.hasDefault||s.type==="enum")&&r.push(l)}return{styling:o,passthrough:r,stylingKeys:n}}var At={children:new WeakMap};function We(e){let t=At;for(let o=0;o<e.length;o++){let r=e[o],n=t.children.get(r);n===void 0&&(n={children:new WeakMap},t.children.set(r,n)),t=n}return t.compiled??(t.compiled=Wt(e))}var Mt=["initial","xs","sm","md","lg","xl"],ce=new Set(Mt);function de(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var It=new Set(["initial","xs","sm","md","lg","xl"]);function j(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(It.has(t))return!0;return!1}function ee(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Me({className:e,customProperties:t,...o}){let r=ye({allowArbitraryValues:!0,className:e,...o}),n=zt({customProperties:t,...o});return[r,n]}function ye({allowArbitraryValues:e,value:t,className:o,propValues:r,propValueSet:n,parseValue:p=s=>s}){if(t){if(typeof t=="string")return ee(r,n,t)?Ae(o,t,p):e?o:void 0;if(j(t)){let s=t,a=[];for(let l in s){if(!de(s,l)||!ce.has(l))continue;let i=s[l];if(i!==void 0){if(ee(r,n,i)){let u=Ae(o,i,p),f=l==="initial"?u:`${l}:${u}`;a.push(f)}else if(e){let u=l==="initial"?o:`${l}:${o}`;a.push(u)}}}return a.length>0?a.join(" "):""}if(e)return o}}function Ae(e,t,o){let r=e?"-":"",n=o(t),p=n?.startsWith("-"),s=p?"-":"",a=p?n?.substring(1):n;return`${s}${e}${r}${a}`}function zt({customProperties:e,value:t,propValues:o,propValueSet:r,parseValue:n=p=>p}){if(!t||typeof t=="string"&&ee(o,r,t))return;let p;if(typeof t=="string"){let s=n(t);p={};for(let a of e)p[a]=s;return p}if(j(t)){let s=t;for(let a in s){if(!de(s,a)||!ce.has(a))continue;let l=s[a];if(l===void 0||ee(o,r,l))continue;let i=n(l);p??(p={});for(let u of e){let f=a==="initial"?u:`${u}-${a}`;p[f]=i}}}return p??{}}function ge(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Ht(e,t){let o=e.initial,r=!1;return t.hasDefault&&o===void 0&&(o=t.default,r=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,r=!0),r?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:r,stylingKeys:n}=We(t),p={};for(let l in e)n.has(l)||(p[l]=e[l]);for(let l=0;l<r.length;l++){let i=r[l],u=p[i.key];if(u===void 0){i.hasDefault&&(p[i.key]=i.default);continue}i.enumValueSet!==void 0&&!i.enumValueSet.has(u)&&!j(u)&&(p[i.key]=i.default)}let s,a=[];for(let l=0;l<o.length;l++){let i=o[l],u=e[i.key];if(u===void 0&&i.hasDefault&&(u=i.default),i.enumValueSet!==void 0&&!i.enumValueSet.has(u)&&!j(u)&&(u=i.default),!!u){if(j(u)){if(!i.responsive)continue;u=Ht(u,i)}if(i.type==="enum"){let f=ye({allowArbitraryValues:!1,value:u,className:i.className,propValues:i.values,propValueSet:i.valueSet,parseValue:i.parseValue});f&&a.push(f);continue}if(i.type==="string"||i.type==="enum | string"){let[f,b]=Me({className:i.className,customProperties:i.customProperties,propValues:i.type==="string"?[]:i.values,propValueSet:i.type==="string"?void 0:i.valueSet,parseValue:i.parseValue,value:u});b&&(s=ge(s,b)),f&&a.push(f);continue}if(i.type==="boolean"){a.push(i.className);continue}}}return p.className=(0,Ie.default)(a.length>0?a.join(" "):void 0,e.className),p.style=ge(s,e.style),p}var G=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ze={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:G,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:G,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:G,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:G,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:G,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:G,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:G,responsive:!0}};var He={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var z={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var Pe=["visible","hidden","clip","scroll","auto"],$t=["static","relative","absolute","fixed","sticky"],q=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Lt=["0","1"],Ut=["0","1"],Kt=["start","center","end","baseline","stretch"],_t=["start","center","end","baseline","stretch"],$e={...ze,...z,...He,position:{type:"enum",className:"rt-r-position",values:$t,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:q,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:q,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:q,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:q,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:q,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:Pe,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:Pe,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:Pe,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:Lt,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Ut,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:Kt,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:_t,responsive:!0}};var W=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],E={m:{type:"enum | string",values:W,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:W,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:W,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:W,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var te=require("radix-ui"),Zo=te.Slot.Root,Le=te.Slot.Root,er=te.Slot.Slottable;var he=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ue={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:he,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:he,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:he,responsive:!0}};var qt=["div","span"],Yt=["none","inline-flex","flex"],Xt=["row","column","row-reverse","column-reverse"],Jt=["start","center","end","baseline","stretch"],Qt=["start","center","end","between"],Zt=["nowrap","wrap","wrap-reverse"],Ke={as:{type:"enum",values:qt,default:"div"},...F,display:{type:"enum",className:"rt-r-display",values:Yt,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Xt,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Jt,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Qt,parseValue:eo,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:Zt,responsive:!0},...Ue};function eo(e){return e==="between"?"space-between":e}var H=oe.forwardRef((e,t)=>{let{className:o,asChild:r,as:n="div",...p}=S(e,Ke,$e,E);return oe.createElement(r?Le:n,{...p,ref:t,className:(0,_e.default)("rt-Flex",o)})});H.displayName="Flex";var D=g(require("react")),Ye=g(require("classnames"));var to=["1","2","3"],qe={size:{type:"enum",className:"rt-r-size",values:to,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var ve=D.forwardRef((e,t)=>{let{className:o,children:r,loading:n,...p}=S(e,qe,E);if(!n)return r;let s=D.createElement("span",{...p,ref:t,className:(0,Ye.default)("rt-Spinner",o)},D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}),D.createElement("span",{className:"rt-SpinnerLeaf"}));return r===void 0?s:D.createElement(H,{asChild:!0,position:"relative",align:"center",justify:"center"},D.createElement("span",null,D.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},r),D.createElement(H,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},D.createElement("span",null,s))))});ve.displayName="Spinner";var De=require("radix-ui"),Xe=De.VisuallyHidden.Root,hr=De.VisuallyHidden.Root;var Qe=g(require("react")),oo="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",Je=new Set;function ro(e){Je.has(e)||(Je.add(e),console.warn(e))}function re(e){Qe.useEffect(()=>{},[e])}function Ze(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,r])=>[o,t(r)]))}function et(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var be=P.forwardRef((e,t)=>{let{size:o=fe.size.default}=e,{className:r,children:n,asChild:p,as:s,color:a,radius:l,material:i,panelBackground:u,flush:f,disabled:b=e.loading,...T}=S(e,fe,E);re(e.panelBackground);let x=i??u,k=p?ot.Slot.Root:s||"button",B=p||!s||["button","input","textarea","select"].includes(s),V=!p&&(!s||s==="button"),v="type"in T,R=P.useId(),y=e.loading?`${R}-loading`:void 0,c=P.useMemo(()=>typeof n=="string"?n:P.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"button",[n]),I=P.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":y,"aria-label":`${c} (loading)`}:{},[e.loading,y,c]);return P.createElement(k,{"data-disabled":b||void 0,"data-accent-color":a,"data-radius":l,"data-material":x,"data-panel-background":x,"data-flush":f?"true":void 0,...T,...I,ref:t,className:(0,tt.default)("rt-reset","rt-BaseButton",r),...B&&{disabled:b},...V&&!v?{type:"button"}:{}},e.loading?P.createElement(P.Fragment,null,P.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),P.createElement(Xe,null,P.createElement("span",{id:y},c," is loading, please wait..."),n),P.createElement(H,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},P.createElement("span",null,P.createElement(ve,{size:Ze(o,et),"aria-hidden":"true"})))):n)});be.displayName="BaseButton";var w=g(require("react")),Pt=g(require("classnames")),$=require("radix-ui");var A=g(require("react")),mt=require("radix-ui");var no=["loud","medium","quiet"],rt={emphasis:{type:"enum",className:"rt-emphasis",values:no,default:void 0}};var so=["normal","start","end","both"],nt={trim:{type:"enum",className:"rt-r-lt",values:so,responsive:!0}};var ao=["left","center","right"],st={align:{type:"enum",className:"rt-r-ta",values:ao,responsive:!0}};var io=["wrap","nowrap","pretty","balance"],at={wrap:{type:"enum",className:"rt-r-tw",values:io,responsive:!0}};var it={truncate:{type:"boolean",className:"rt-truncate"}};var po=["sans","mono","serif"],pt={font:{type:"enum",className:"rt-r-ff",values:po}};var lo=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],lt={weight:{type:"enum",className:"rt-r-weight",values:lo,responsive:!0}};var uo=["span","div","label","p"],mo=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ut={as:{type:"enum",values:uo,default:"span"},...F,size:{type:"enum",className:"rt-r-size",values:mo,responsive:!0},...pt,...lt,...st,...nt,...it,...at,...Oe,...rt};var fo={...ut,...E},Re=A.memo(A.forwardRef((e,t)=>{let{children:o,className:r,asChild:n,as:p="span",color:s,...a}=S(e,fo),l=r?`rt-Text ${r}`:"rt-Text";return n?A.createElement(mt.Slot.Root,{"data-accent-color":s,...a,ref:t,className:l},o):A.createElement(p,{"data-accent-color":s,...a,ref:t,className:l},o)}));Re.displayName="Text";var d=g(require("react")),dt=g(require("classnames")),M=require("radix-ui"),ne=require("radix-ui/internal");function ft(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var Ce=g(require("react"));function N(e){let[t,o]=Ce.useState(e),[r,n]=Ce.useState(e);return Object.is(e,r)||(n(e),o(e)),[t,o]}var co=["inherit","light","dark"],yo=["solid","translucent"],go=["solid","translucent"],Po=["90%","95%","100%","105%","110%"],ct=["sans","mono","serif"],m={...F,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:co,default:"inherit"},accentColor:{type:"enum",values:Z,default:"gray"},grayColor:{type:"enum",values:Ee,default:"gray"},material:{type:"enum",values:go,default:"solid"},panelBackground:{type:"enum",values:yo,default:"solid"},radius:{type:"enum",values:me,default:"full"},scaling:{type:"enum",values:Po,default:"100%"},fontFamily:{type:"enum",values:ct,default:"sans"},headingFontFamily:{type:"enum",values:ct}};var h=()=>{},ln={appearance:m.appearance.default,accentColor:m.accentColor.default,grayColor:m.grayColor.default,resolvedGrayColor:m.grayColor.default,material:m.material.default,panelBackground:m.panelBackground.default,radius:m.radius.default,scaling:m.scaling.default,fontFamily:m.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:h,onAccentColorChange:h,onGrayColorChange:h,onMaterialChange:h,onPanelBackgroundChange:h,onRadiusChange:h,onScalingChange:h,onFontFamilyChange:h,onHeadingFontFamilyChange:h},Te=d.createContext(void 0);var xe=d.forwardRef((e,t)=>{let o=d.useContext(Te),r=M.Direction.useDirection();return o===void 0?d.createElement(M.Tooltip.Provider,{delayDuration:200},d.createElement(M.Direction.Provider,{dir:r},d.createElement(yt,{...e,ref:t}))):d.createElement(Se,{...e,ref:t})});xe.displayName="Theme";var yt=d.forwardRef((e,t)=>{let{appearance:o=m.appearance.default,accentColor:r=m.accentColor.default,grayColor:n=m.grayColor.default,material:p=m.material.default,panelBackground:s=m.panelBackground.default,radius:a=m.radius.default,scaling:l=m.scaling.default,fontFamily:i=m.fontFamily.default,headingFontFamily:u,hasBackground:f=m.hasBackground.default,...b}=e;re(e.panelBackground);let[T,x]=N(o),[k,B]=N(r),[V,v]=N(n),R=p!==m.material.default?p:s,[y,c]=N(R),[I,Y]=N(y),[K,ae]=N(a),[_,ie]=N(l),[pe,X]=N(i),[le,J]=N(u);return d.createElement(Se,{...b,ref:t,isRoot:!0,hasBackground:f,appearance:T,accentColor:k,grayColor:V,material:y,panelBackground:I,radius:K,scaling:_,fontFamily:pe,headingFontFamily:le,onAppearanceChange:x,onAccentColorChange:B,onGrayColorChange:v,onMaterialChange:c,onPanelBackgroundChange:Y,onRadiusChange:ae,onScalingChange:ie,onFontFamilyChange:X,onHeadingFontFamilyChange:J})});yt.displayName="ThemeRoot";function ho(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var Se=d.forwardRef((e,t)=>{let o=d.useContext(Te),{asChild:r,isRoot:n,hasBackground:p,appearance:s=e.appearance??o?.appearance??m.appearance.default,accentColor:a=e.accentColor??o?.accentColor??m.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??m.grayColor.default,material:i=e.material??o?.material??m.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??m.panelBackground.default,radius:f=e.radius??o?.radius??m.radius.default,scaling:b=e.scaling??o?.scaling??m.scaling.default,fontFamily:T=e.fontFamily??o?.fontFamily??m.fontFamily.default,headingFontFamily:x=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:k=h,onAccentColorChange:B=h,onGrayColorChange:V=h,onMaterialChange:v=h,onPanelBackgroundChange:R=h,onRadiusChange:y=h,onScalingChange:c=h,onFontFamilyChange:I=h,onHeadingFontFamilyChange:Y=h,...K}=e,ae=r?M.Slot.Root:"div",_=l==="auto"?ft(a):l,ie=e.appearance==="light"||e.appearance==="dark",pe=p===void 0?n||ie:p,X=d.useRef(null),le=(0,ne.useComposedRefs)(t,X),J="data-os"in K;return(0,ne.useLayoutEffect)(()=>{if(!n||J)return;let ue=X.current;if(!ue)return;let Ve=ho();if(Ve)return ue.setAttribute("data-os",Ve),()=>ue.removeAttribute("data-os")},[n,J]),d.createElement(Te.Provider,{value:d.useMemo(()=>({appearance:s,accentColor:a,grayColor:l,resolvedGrayColor:_,material:i,panelBackground:u,radius:f,scaling:b,fontFamily:T,headingFontFamily:x,onAppearanceChange:k,onAccentColorChange:B,onGrayColorChange:V,onMaterialChange:v,onPanelBackgroundChange:R,onRadiusChange:y,onScalingChange:c,onFontFamilyChange:I,onHeadingFontFamilyChange:Y}),[s,a,l,_,i,u,f,b,T,x,k,B,V,v,R,y,c,I,Y])},d.createElement(ae,{"data-is-root-theme":n?"true":"false","data-accent-color":a,"data-gray-color":_,"data-has-background":pe?"true":"false","data-material":i,"data-panel-background":u,"data-radius":f,"data-scaling":b,"data-font-family":T,"data-heading-font-family":x,ref:le,...K,className:(0,dt.default)("radix-themes",{light:s==="light",dark:s==="dark"},K.className)}))});Se.displayName="ThemeImpl";var gt={content:{type:"ReactNode",required:!0},width:z.width,minWidth:z.minWidth,maxWidth:{...z.maxWidth,default:"360px"}};var Ne=w.forwardRef((e,t)=>{let{children:o,className:r,open:n,defaultOpen:p,onOpenChange:s,delayDuration:a,disableHoverableContent:l,content:i,container:u,forceMount:f,...b}=S(e,gt),T={open:n,defaultOpen:p,onOpenChange:s,delayDuration:a,disableHoverableContent:l};return w.createElement($.Tooltip.Root,{...T},w.createElement($.Tooltip.Trigger,{asChild:!0},o),w.createElement($.Tooltip.Portal,{container:u,forceMount:f},w.createElement(xe,{asChild:!0},w.createElement($.Tooltip.Content,{sideOffset:4,collisionPadding:10,...b,asChild:!1,ref:t,className:(0,Pt.default)("rt-TooltipContent",r)},w.createElement(Re,{as:"p",className:"rt-TooltipText",size:"1"},i),w.createElement($.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});Ne.displayName="Tooltip";var se=g(require("react"));function ht(e){let t=se.useId(),o=!!e,r=se.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:r}}function vo(e){if(e["aria-label"]||e["aria-labelledby"]||e.children)return;console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
+- aria-label prop with descriptive text
+- aria-labelledby prop referencing a label element
+- or visible text children`)}var we=O.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:r="top",tooltipAlign:n="center",tooltipDelayDuration:p,tooltipDisableHoverableContent:s,overrideStyles:a,iconOnly:l=!1,...i},u)=>{let{tooltipId:f,hasTooltip:b,accessibilityProps:T}=ht(o),x=O.useMemo(()=>{if(!a)return;let V={},v=(y,c)=>{c!==void 0&&(V[y]=c)},R=(y,c)=>{c&&(v(`--button-override-${y}color`,c.color),v(`--button-override-${y}background`,c.background),v(`--button-override-${y}background-color`,c.backgroundColor),v(`--button-override-${y}box-shadow`,c.boxShadow),v(`--button-override-${y}filter`,c.filter),v(`--button-override-${y}outline`,c.outline),v(`--button-override-${y}outline-offset`,c.outlineOffset),v(`--button-override-${y}opacity`,c.opacity))};return R("",a.normal),R("hover-",a.hover),R("active-",a.active),R("pressed-",a.pressed),R("open-",a.open),R("disabled-",a.disabled),a.focus&&(v("--button-override-focus-outline",a.focus.outline),v("--button-override-focus-outline-offset",a.focus.outlineOffset)),V},[a]),k=O.useMemo(()=>x?{...x,...t}:t,[x,t]);l&&(vo(i),i.fullWidth&&void 0);let B=O.createElement(be,{...i,...T,ref:u,className:(0,vt.default)(l?"rt-IconButton":"rt-Button",e),style:k});return b?O.createElement(Ne,{content:o,side:r,align:n,delayDuration:p,disableHoverableContent:s,id:f},B):B});we.displayName="Button";var U=g(require("react"));var L=g(require("react")),Be=0;function Dt(){let e=L.useRef(void 0);return L.useEffect(()=>{let o=document.getElementById("rt-live-announcer");return o||(o=document.createElement("div"),o.id="rt-live-announcer",o.setAttribute("aria-live","polite"),o.setAttribute("aria-atomic","true"),o.style.cssText=`
         position: absolute;
         left: -10000px;
         width: 1px;
@@ -6,5 +9,5 @@
         overflow: hidden;
         clip: rect(0, 0, 0, 0);
         white-space: nowrap;
-      `,document.body.appendChild(o)),Be++,()=>{if(Be--,e.current&&clearTimeout(e.current),Be===0){let r=document.getElementById("rt-live-announcer");r&&r.remove()}}},[]),L.useCallback(o=>{let r=document.getElementById("rt-live-announcer");r&&(e.current&&clearTimeout(e.current),r.textContent="",e.current=setTimeout(()=>{r.textContent=o},100))},[])}function Dt({pressed:e,onPressedChange:t,getAccessibleName:o,componentName:r}){let n=vt(),i=K.useRef(!1),s=K.useCallback(a=>{let l=o();n(`${l} ${a?"pressed":"unpressed"}`),t?.(a)},[n,t,o]);return K.useEffect(()=>{},[e,t,r]),{handlePressedChange:s}}var Rt=k.forwardRef(({pressed:e,onPressedChange:t,defaultPressed:o,children:r,...n},i)=>{let s=k.useCallback(()=>typeof r=="string"?r:k.isValidElement(r)&&typeof r.props?.children=="string"?r.props.children:"Toggle button",[r]),{handlePressedChange:a}=Dt({pressed:e,onPressedChange:t,getAccessibleName:s,componentName:"ToggleButton"});return k.createElement(bt.Toggle.Root,{pressed:e,onPressedChange:a,defaultPressed:o,asChild:!0},k.createElement(we,{...n,ref:i},r))});Rt.displayName="ToggleButton";
+      `,document.body.appendChild(o)),Be++,()=>{if(Be--,e.current&&clearTimeout(e.current),Be===0){let r=document.getElementById("rt-live-announcer");r&&r.remove()}}},[]),L.useCallback(o=>{let r=document.getElementById("rt-live-announcer");r&&(e.current&&clearTimeout(e.current),r.textContent="",e.current=setTimeout(()=>{r.textContent=o},100))},[])}function bt({pressed:e,onPressedChange:t,getAccessibleName:o,componentName:r}){let n=Dt(),p=U.useRef(!1),s=U.useCallback(a=>{let l=o();n(`${l} ${a?"pressed":"unpressed"}`),t?.(a)},[n,t,o]);return U.useEffect(()=>{},[e,t,r]),{handlePressedChange:s}}var Ct=C.forwardRef(({pressed:e,onPressedChange:t,defaultPressed:o,children:r,...n},p)=>{let{"aria-label":s,"aria-labelledby":a,iconOnly:l}=n,i=C.useRef(null);C.useEffect(()=>{i.current=null},[a]);let u=C.useCallback(()=>s||(a?(i.current===null&&(i.current=document.getElementById(a)?.textContent||"Toggle button"),i.current):typeof r=="string"?r:C.isValidElement(r)&&typeof r.props?.children=="string"?r.props.children:"Toggle button"),[s,a,r]),{handlePressedChange:f}=bt({pressed:e,onPressedChange:t,getAccessibleName:u,componentName:l?"ToggleIconButton":"ToggleButton"});return C.createElement(Rt.Toggle.Root,{pressed:e,onPressedChange:f,defaultPressed:o,asChild:!0},C.createElement(we,{...n,ref:p},r))});Ct.displayName="ToggleButton";
 //# sourceMappingURL=toggle-button.js.map