npm - @womp/kookie-ui - Versions diffs - 0.13.2 → 0.13.3 - Mend

@womp/kookie-ui 0.13.2 → 0.13.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

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

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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")),ue="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",q=new Set;function pe(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)=>{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:u=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]=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(u),[v,N]=i(p),[O,G]=i(f),[W,E]=i(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: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:u=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: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=p==="auto"?K(u):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:m,accentColor:u,grayColor:p,resolvedGrayColor:v,material:f,panelBackground:g,radius:h,scaling:y,fontFamily:C,headingFontFamily:P,onAppearanceChange:k,onAccentColorChange:D,onGrayColorChange:R,onMaterialChange:B,onPanelBackgroundChange:x,onRadiusChange:F,onScalingChange:A,onFontFamilyChange:w,onHeadingFontFamilyChange:S}),[m,u,p,v,f,g,h,y,C,P,k,D,R,B,x,F,A,w,S])},n.createElement(j,{"data-is-root-theme":l?"true":"false","data-accent-color":u,"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:m==="light",dark:m==="dark"},T.className)}))});_.displayName="ThemeImpl";
 //# sourceMappingURL=theme.js.map

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

@@ -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\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", "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/toggle-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"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 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 p in t){let s=t[p],a=s.values??Ot,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):Et,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 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:p=s=>s}){if(t){if(typeof t=="string")return ee(r,n,t)?We(o,t,p):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 i=s[l];if(i!==void 0){if(ee(r,n,i)){let u=We(o,i,p),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),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(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 i=n(l);p??(p={});for(let u of e){let c=a==="initial"?u:`${u}-${a}`;p[c]=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 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),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)&&!E(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)&&!E(u)&&(u=i.default),!!u){if(E(u)){if(!i.responsive)continue;u=It(u,i)}if(i.type==="enum"){let c=ye({allowArbitraryValues:!1,value:u,className:i.className,propValues:i.values,propValueSet:i.valueSet,parseValue:i.parseValue});c&&a.push(c);continue}if(i.type==="string"||i.type==="enum | string"){let[c,b]=Ae({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)),c&&a.push(c);continue}if(i.type==="boolean"){a.push(i.className);continue}}}return p.className=(0,Me.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 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 I={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,...I,...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 H=oe.forwardRef((e,t)=>{let{className:o,asChild:r,as:n="div",...p}=x(e,Ke,He,j);return oe.createElement(r?$e:n,{...p,ref:t,className:(0,Ue.default)("rt-Flex",o)})});H.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,...p}=x(e,_e,j);if(!n)return r;let s=D.createElement("span",{...p,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(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"),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:p,as:s,color:a,radius:l,material:i,panelBackground:u,flush:c,disabled:b=e.loading,...R}=x(e,fe,j);re(e.panelBackground);let T=i??u,w=p?tt.Slot.Root:s||"button",B=p||!s||["button","input","textarea","select"].includes(s),h=!p&&(!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]),z=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,...z,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(H,{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 io=["sans","mono","serif"],it={font:{type:"enum",className:"rt-r-ff",values:io}};var po=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],pt={weight:{type:"enum",className:"rt-r-weight",values:po,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},...it,...pt,...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:p="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(p,{"data-accent-color":s,...a,ref:t,className:l},o)}));Re.displayName="Text";var d=y(require("react")),ct=y(require("classnames")),M=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)=>{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(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: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:c=m.hasBackground.default,...b}=e;re(e.panelBackground);let[R,T]=S(o),[w,B]=S(r),[h,C]=S(n),v=p!==m.material.default?p:s,[f,V]=S(v),[z,Y]=S(f),[U,ae]=S(a),[_,ie]=S(l),[pe,X]=S(i),[le,J]=S(u);return d.createElement(Se,{...b,ref:t,isRoot:!0,hasBackground:c,appearance:R,accentColor:w,grayColor:h,material:f,panelBackground:z,radius:U,scaling:_,fontFamily:pe,headingFontFamily:le,onAppearanceChange:T,onAccentColorChange:B,onGrayColorChange:C,onMaterialChange:V,onPanelBackgroundChange:Y,onRadiusChange:ae,onScalingChange:ie,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: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: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:z=P,onHeadingFontFamilyChange:Y=P,...U}=e,ae=r?M.Slot.Root:"div",_=l==="auto"?mt(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 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:i,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:z,onHeadingFontFamilyChange:Y}),[s,a,l,_,i,u,c,b,R,T,w,B,h,C,v,f,V,z,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":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:I.width,minWidth:I.minWidth,maxWidth:{...I.maxWidth,default:"360px"}};var Ne=N.forwardRef((e,t)=>{let{children:o,className:r,open:n,defaultOpen:p,onOpenChange:s,delayDuration:a,disableHoverableContent:l,content:i,container:u,forceMount:c,...b}=x(e,yt),R={open:n,defaultOpen:p,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"},i),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:p,tooltipDisableHoverableContent:s,overrideStyles:a,...l},i)=>{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:i,className:(0,ht.default)("rt-Button",e),style:T});return c?O.createElement(Ne,{content:o,side:r,align:n,delayDuration:p,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=`
         position: absolute;
         left: -10000px;
         width: 1px;
@@ -6,5 +6,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 Dt({pressed:e,onPressedChange:t,getAccessibleName:o,componentName:r}){let n=vt(),p=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},p)=>{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:p},r))});Rt.displayName="ToggleButton";
 //# sourceMappingURL=toggle-button.js.map