npm - @kushagradhawan/kookie-ui - Versions diffs - 0.3.21 → 0.3.23 - Mend

@kushagradhawan/kookie-ui 0.3.21 → 0.3.23

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 (548) 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;~~AAK~~/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;AAExE,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;CAC3D;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;CAC7B;AAsBD,QAAA,MAAM,YAAY,8CAAgE,CAAC;AAEnF,iBAAS,eAAe,sBAIvB;AAED,UAAU,UAAW,SAAQ,oBAAoB;CAAG;AACpD,QAAA,MAAM,KAAK,mFAaT,CAAC;~~AAuFH~~,UAAU,oBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,EACxD,aAAa;CAAG;~~AA8HpB~~,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;AAExE,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;CAC3D;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;CAC7B;AAsBD,QAAA,MAAM,YAAY,8CAAgE,CAAC;AAEnF,iBAAS,eAAe,sBAIvB;AAED,UAAU,UAAW,SAAQ,oBAAoB;CAAG;AACpD,QAAA,MAAM,KAAK,mFAaT,CAAC;AAwEH,UAAU,oBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,EACxD,aAAa;CAAG;AA2IpB,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 J=Object.create;var w=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=(a,n)=>{for(var t in n)w(a,t,{get:n[t],enumerable:!0})},j=(a,n,t,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of Q(n))!Y.call(a,l)&&l!==t&&w(a,l,{get:()=>n[l],enumerable:!(s=K(n,l))||s.enumerable});return a};var O=(a,n,t)=>(t=a!=null?J(X(a)):{},j(n||!a||!a.__esModule?w(t,"default",{value:a,enumerable:!0}):t,a)),_=a=>j(w({},"__esModule",{value:!0}),a);var se={};Z(se,{Theme:()=>U,ThemeContext:()=>D,useThemeContext:()=>re});module.exports=_(se);var e=O(require("react")),L=O(require("classnames")),h=require("radix-ui");function N(a){switch(a){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 V={asChild:{type:"boolean"}};var W=["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"],H=["auto","gray","mauve","slate","sage","olive","sand"];var z=["none","small","medium","large","full"];var $=["inherit","light","dark"],ee=["solid","translucent"],ae=["solid","translucent"],oe=["90%","95%","100%","105%","110%"],te=["sans","mono","serif"],o={...V,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:$,default:"inherit"},accentColor:{type:"enum",values:W,default:"blue"},grayColor:{type:"enum",values:H,default:"slate"},material:{type:"enum",values:ae,default:"translucent"},panelBackground:{type:"enum",values:ee,default:"translucent"},radius:{type:"enum",values:z,default:"medium"},scaling:{type:"enum",values:oe,default:"100%"},fontFamily:{type:"enum",values:te,default:"sans"}};var r=()=>{},ne={appearance:o.appearance.default,accentColor:o.accentColor.default,grayColor:o.grayColor.default,resolvedGrayColor:o.grayColor.default,material:o.material.default,panelBackground:o.panelBackground.default,radius:o.radius.default,scaling:o.scaling.default,fontFamily:o.fontFamily.default,onAppearanceChange:r,onAccentColorChange:r,onGrayColorChange:r,onMaterialChange:r,onPanelBackgroundChange:r,onRadiusChange:r,onScalingChange:r,onFontFamilyChange:r},D=e.createContext(void 0);function re(){return e.useContext(D)??ne}var U=e.forwardRef((a,n)=>e.useContext(D)===void 0?e.createElement(h.Tooltip.Provider,{delayDuration:200},e.createElement(h.Direction.Provider,{dir:"ltr"},e.createElement(q,{...a,ref:n}))):e.createElement(M,{...a,ref:n}));U.displayName="Theme";var q=e.forwardRef((a,n)=>{let{appearance:t=o.appearance.default,accentColor:s=o.accentColor.default,grayColor:l=o.grayColor.default,material:y=o.material.default,panelBackground:u=o.panelBackground.default,radius:c=o.radius.default,scaling:i=o.scaling.default,fontFamily:p=o.fontFamily.default,hasBackground:C=o.hasBackground.default,...P}=a;e.useEffect(()=>{a.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[a.panelBackground]);let[T,m]=e.useState(t);e.useEffect(()=>m(t),[t]);let[B,v]=e.useState(s);e.useEffect(()=>v(s),[s]);let[x,R]=e.useState(l);e.useEffect(()=>R(l),[l]);let d=y!==o.material.default?y:u,[f,k]=e.useState(d);e.useEffect(()=>k(d),[d]);let[F,b]=e.useState(u);e.useEffect(()=>b(f),[f]);let[G,g]=e.useState(c);e.useEffect(()=>g(c),[c]);let[E,S]=e.useState(i);e.useEffect(()=>S(i),[i]);let[I,A]=e.useState(p);return e.useEffect(()=>A(p),[p]),e.createElement(M,{...P,ref:n,isRoot:!0,hasBackground:C,appearance:T,accentColor:B,grayColor:x,material:f,panelBackground:F,radius:G,scaling:E,fontFamily:I,onAppearanceChange:m,onAccentColorChange:v,onGrayColorChange:R,onMaterialChange:k,onPanelBackgroundChange:b,onRadiusChange:g,onScalingChange:S,onFontFamilyChange:A})});q.displayName="ThemeRoot";function le(){if(typeof navigator>"u")return;let a=navigator.userAgent;if(a.includes("Win"))return"windows";if(a.includes("Mac"))return"macos";if(a.includes("Linux"))return"linux"}var M=e.forwardRef((a,n)=>{let t=e.useContext(D),{asChild:s,isRoot:l,hasBackground:y,appearance:u=a.appearance??t?.appearance??o.appearance.default,accentColor:c=a.accentColor??t?.accentColor??o.accentColor.default,grayColor:i=a.grayColor??t?.resolvedGrayColor??o.grayColor.default,material:p=a.material??t?.material??o.material.default,panelBackground:C=a.panelBackground??t?.panelBackground??o.panelBackground.default,radius:P=a.radius??t?.radius??o.radius.default,scaling:T=a.scaling??t?.scaling??o.scaling.default,fontFamily:m=a.fontFamily??t?.fontFamily??o.fontFamily.default,onAppearanceChange:B=r,onAccentColorChange:v=r,onGrayColorChange:x=r,onMaterialChange:R=r,onPanelBackgroundChange:d=r,onRadiusChange:f=r,onScalingChange:k=r,onFontFamilyChange:F=r,...b}=a,G=s?h.Slot.Root:"div",g=i==="auto"?N(c):i,E=a.appearance==="light"||a.appearance==="dark",S=y===void 0?l||E:y,[I,A]=e.useState(void 0);return e.useEffect(()=>{l&&A(le())},[l]),e.createElement(D.Provider,{value:e.useMemo(()=>({appearance:u,accentColor:c,grayColor:i,resolvedGrayColor:g,material:p,panelBackground:C,radius:P,scaling:T,fontFamily:m,onAppearanceChange:B,onAccentColorChange:v,onGrayColorChange:x,onMaterialChange:R,onPanelBackgroundChange:d,onRadiusChange:f,onScalingChange:k,onFontFamilyChange:F}),[u,c,i,g,p,C,P,T,m,B,v,x,R,d,f,k,F])},e.createElement(G,{"data-is-root-theme":l?"true":"false","data-accent-color":c,"data-gray-color":g,"data-has-background":S?"true":"false","data-material":p,"data-panel-background":C,"data-radius":P,"data-scaling":T,"data-font-family":m,"data-os":l?I:void 0,ref:n,...b,className:(0,L.default)("radix-themes",{light:u==="light",dark:u==="dark"},b.className)}))});M.displayName="ThemeImpl";
+"use strict";"use client";var ae=Object.create;var S=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var le=(e,r)=>{for(var o in r)S(e,o,{get:r[o],enumerable:!0})},_=(e,r,o,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of ne(r))!te.call(e,l)&&l!==o&&S(e,l,{get:()=>r[l],enumerable:!(s=oe(r,l))||s.enumerable});return e};var G=(e,r,o)=>(o=e!=null?ae(re(e)):{},_(r||!e||!e.__esModule?S(o,"default",{value:e,enumerable:!0}):o,e)),se=e=>_(S({},"__esModule",{value:!0}),e);var Ce={};le(Ce,{Theme:()=>$,ThemeContext:()=>b,useThemeContext:()=>he});module.exports=se(Ce);var n=G(require("react")),Z=G(require("classnames")),m=require("radix-ui"),E=require("radix-ui/internal");function z(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 W=G(require("react"));function c(e){let[r,o]=W.useState(e),[s,l]=W.useState(e);return Object.is(e,s)||(l(e),o(e)),[r,o]}var K=G(require("react")),ce="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",U=new Set;function ie(e){U.has(e)||(U.add(e),console.warn(e))}function q(e){K.useEffect(()=>{},[e])}var J={asChild:{type:"boolean"}};var Q=["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"],X=["auto","gray","mauve","slate","sage","olive","sand"];var Y=["none","small","medium","large","full"];var pe=["inherit","light","dark"],ue=["solid","translucent"],me=["solid","translucent"],de=["90%","95%","100%","105%","110%"],fe=["sans","mono","serif"],a={...J,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:pe,default:"inherit"},accentColor:{type:"enum",values:Q,default:"blue"},grayColor:{type:"enum",values:X,default:"slate"},material:{type:"enum",values:me,default:"translucent"},panelBackground:{type:"enum",values:ue,default:"translucent"},radius:{type:"enum",values:Y,default:"medium"},scaling:{type:"enum",values:de,default:"100%"},fontFamily:{type:"enum",values:fe,default:"sans"}};var t=()=>{},ge={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,onAppearanceChange:t,onAccentColorChange:t,onGrayColorChange:t,onMaterialChange:t,onPanelBackgroundChange:t,onRadiusChange:t,onScalingChange:t,onFontFamilyChange:t},b=n.createContext(void 0);function he(){return n.useContext(b)??ge}var $=n.forwardRef((e,r)=>n.useContext(b)===void 0?n.createElement(m.Tooltip.Provider,{delayDuration:200},n.createElement(m.Direction.Provider,{dir:"ltr"},n.createElement(ee,{...e,ref:r}))):n.createElement(V,{...e,ref:r}));$.displayName="Theme";var ee=n.forwardRef((e,r)=>{let{appearance:o=a.appearance.default,accentColor:s=a.accentColor.default,grayColor:l=a.grayColor.default,material:d=a.material.default,panelBackground:i=a.panelBackground.default,radius:p=a.radius.default,scaling:u=a.scaling.default,fontFamily:f=a.fontFamily.default,hasBackground:g=a.hasBackground.default,...h}=e;q(e.panelBackground);let[y,C]=c(o),[k,D]=c(s),[R,x]=c(l),B=d!==a.material.default?d:i,[P,F]=c(B),[A,T]=c(P),[I,v]=c(p),[M,j]=c(u),[w,N]=c(f);return n.createElement(V,{...h,ref:r,isRoot:!0,hasBackground:g,appearance:y,accentColor:k,grayColor:R,material:P,panelBackground:A,radius:I,scaling:M,fontFamily:w,onAppearanceChange:C,onAccentColorChange:D,onGrayColorChange:x,onMaterialChange:F,onPanelBackgroundChange:T,onRadiusChange:v,onScalingChange:j,onFontFamilyChange:N})});ee.displayName="ThemeRoot";function ye(){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 V=n.forwardRef((e,r)=>{let o=n.useContext(b),{asChild:s,isRoot:l,hasBackground:d,appearance:i=e.appearance??o?.appearance??a.appearance.default,accentColor:p=e.accentColor??o?.accentColor??a.accentColor.default,grayColor:u=e.grayColor??o?.resolvedGrayColor??a.grayColor.default,material:f=e.material??o?.material??a.material.default,panelBackground:g=e.panelBackground??o?.panelBackground??a.panelBackground.default,radius: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,onAppearanceChange:k=t,onAccentColorChange:D=t,onGrayColorChange:R=t,onMaterialChange:x=t,onPanelBackgroundChange:B=t,onRadiusChange:P=t,onScalingChange:F=t,onFontFamilyChange:A=t,...T}=e,I=s?m.Slot.Root:"div",v=u==="auto"?z(p):u,M=e.appearance==="light"||e.appearance==="dark",j=d===void 0?l||M:d,w=n.useRef(null),N=(0,E.useComposedRefs)(r,w),H="data-os"in T;return(0,E.useLayoutEffect)(()=>{if(!l||H)return;let O=w.current;if(!O)return;let L=ye();if(L)return O.setAttribute("data-os",L),()=>O.removeAttribute("data-os")},[l,H]),n.createElement(b.Provider,{value:n.useMemo(()=>({appearance:i,accentColor:p,grayColor:u,resolvedGrayColor:v,material:f,panelBackground:g,radius:h,scaling:y,fontFamily:C,onAppearanceChange:k,onAccentColorChange:D,onGrayColorChange:R,onMaterialChange:x,onPanelBackgroundChange:B,onRadiusChange:P,onScalingChange:F,onFontFamilyChange:A}),[i,p,u,v,f,g,h,y,C,k,D,R,x,B,P,F,A])},n.createElement(I,{"data-is-root-theme":l?"true":"false","data-accent-color":p,"data-gray-color":v,"data-has-background":j?"true":"false","data-material":f,"data-panel-background":g,"data-radius":h,"data-scaling":y,"data-font-family":C,ref:N,...T,className:(0,Z.default)("radix-themes",{light:i==="light",dark:i==="dark"},T.className)}))});V.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/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';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.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\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}\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}\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  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: 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      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n    // Show deprecation warning for panelBackground when used\n    React.useEffect(() => {\n      if (props.panelBackground !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n    }, [props.panelBackground]);\n\n    const [appearance, setAppearance] = React.useState(appearanceProp);\n    React.useEffect(() => setAppearance(appearanceProp), [appearanceProp]);\n\n    const [accentColor, setAccentColor] = React.useState(accentColorProp);\n    React.useEffect(() => setAccentColor(accentColorProp), [accentColorProp]);\n\n    const [grayColor, setGrayColor] = React.useState(grayColorProp);\n    React.useEffect(() => setGrayColor(grayColorProp), [grayColorProp]);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      materialProp !== themePropDefs.material.default ? materialProp : panelBackgroundProp;\n    const [material, setMaterial] = React.useState(effectiveMaterial);\n    React.useEffect(() => setMaterial(effectiveMaterial), [effectiveMaterial]);\n\n    // Keep panelBackground in sync with material for backward compatibility\n    const [panelBackground, setPanelBackground] = React.useState(panelBackgroundProp);\n    React.useEffect(() => setPanelBackground(material), [material]);\n\n    const [radius, setRadius] = React.useState(radiusProp);\n    React.useEffect(() => setRadius(radiusProp), [radiusProp]);\n\n    const [scaling, setScaling] = React.useState(scalingProp);\n    React.useEffect(() => setScaling(scalingProp), [scalingProp]);\n\n    const [fontFamily, setFontFamily] = React.useState(fontFamilyProp);\n    React.useEffect(() => setFontFamily(fontFamilyProp), [fontFamilyProp]);\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        //\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      />\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    //\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    //\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  const [clientOS, setClientOS] = React.useState<ReturnType<typeof getClientOS>>(undefined);\n  React.useEffect(() => {\n    if (isRoot) setClientOS(getClientOS());\n  }, [isRoot]);\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          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\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-os={isRoot ? clientOS : undefined}\n        ref={forwardedRef}\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 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. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\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: 'medium' },\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 for the theme.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\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};\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", "getMatchingGrayColor", "accentColor", "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", "hasBackground", "rootProps", "appearance", "setAppearance", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "getClientOS", "ua", "context", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "clientOS", "setClientOS", "classNames"]
+  "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\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}\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}\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  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: 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      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\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        //\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      />\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    //\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    //\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          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\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        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. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\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: 'medium' },\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 for the theme.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\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};\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", "hasBackground", "rootProps", "useDeprecatedPanelBackgroundWarning", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "getClientOS", "ua", "context", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "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 Z=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var yt=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,Pt=Object.prototype.hasOwnProperty;var vt=(e,o)=>{for(var t in o)Z(e,t,{get:o[t],enumerable:!0})},Ce=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of yt(o))!Pt.call(e,r)&&r!==t&&Z(e,r,{get:()=>o[r],enumerable:!(n=dt(o,r))||n.enumerable});return e};var P=(e,o,t)=>(t=e!=null?ct(gt(e)):{},Ce(o||!e||!e.__esModule?Z(t,"default",{value:e,enumerable:!0}):t,e)),ht=e=>Ce(Z({},"__esModule",{value:!0}),e);var to={};vt(to,{ToggleButton:()=>ut});module.exports=ht(to);var V=P(require("react")),lt=require("radix-ui");var F=P(require("react")),at=P(require("classnames"));var f=P(require("react")),He=P(require("classnames")),Le=require("radix-ui"),Ue=require("radix-ui/internal");var E={asChild:{type:"boolean"}};var ee=["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"],xe=["auto","gray","mauve","slate","sage","olive","sand"],Ne={color:{type:"enum",values:ee,default:void 0}},Be={color:{type:"enum",values:ee,default:""}};var te={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var ne=["none","small","medium","large","full"],we={radius:{type:"enum",values:ne,default:void 0}};var bt=["1","2","3","4"],Dt=["classic","solid","soft","surface","outline","ghost","override"],Rt=["solid","translucent"],Tt=["solid","translucent"],ae={...E,size:{type:"enum",className:"rt-r-size",values:bt,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Dt,default:"solid"},...Be,...te,...we,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:Tt,default:void 0},panelBackground:{type:"enum",values:Rt,default:void 0},flush:{type:"boolean",default:!1}};var re=P(require("react")),We=P(require("classnames"));var J=P(require("classnames"));var Ct=["initial","xs","sm","md","lg","xl"],pe=new Set(Ct);function ie(e,o){return Object.prototype.hasOwnProperty.call(e,o)}var xt=new Set(["initial","xs","sm","md","lg","xl"]);function A(e){if(typeof e!="object"||e===null)return!1;for(let o in e)if(xt.has(o))return!0;return!1}function ke({className:e,customProperties:o,...t}){let n=le({allowArbitraryValues:!0,className:e,...t}),r=Nt({customProperties:o,...t});return[n,r]}function le({allowArbitraryValues:e,value:o,className:t,propValues:n,parseValue:r=i=>i}){let i=[];if(o){if(typeof o=="string"&&n.includes(o))return Se(t,o,r);if(A(o)){let p=o;for(let s in p){if(!ie(p,s)||!pe.has(s))continue;let a=p[s];if(a!==void 0){if(n.includes(a)){let m=Se(t,a,r),y=s==="initial"?m:`${s}:${m}`;i.push(y)}else if(e){let m=s==="initial"?t:`${s}:${t}`;i.push(m)}}}return i.join(" ")}if(e)return t}}function Se(e,o,t){let n=e?"-":"",r=t(o),i=r?.startsWith("-"),p=i?"-":"",s=i?r?.substring(1):r;return`${p}${e}${n}${s}`}function Nt({customProperties:e,value:o,propValues:t,parseValue:n=r=>r}){let r={};if(!(!o||typeof o=="string"&&t.includes(o))){if(typeof o=="string"&&(r=Object.fromEntries(e.map(i=>[i,o]))),A(o)){let i=o;for(let p in i){if(!ie(i,p)||!pe.has(p))continue;let s=i[p];if(!t.includes(s))for(let a of e){let m=p==="initial"?a:`${a}-${p}`;r[m]=s}}}for(let i in r){let p=r[i];p!==void 0&&(r[i]=n(p))}return r}}function ue(...e){let o;for(let t of e)t&&(o===void 0&&(o={}),Object.assign(o,t));return o}function Bt(...e){return Object.assign({},...e)}function w(e,...o){let t,n,r={...e},i=Bt(...o);for(let p in i){let s=r[p],a=i[p];if(a.default!==void 0&&s===void 0&&(s=a.default),a.type==="enum"&&![a.default,...a.values].includes(s)&&!A(s)&&(s=a.default),r[p]=s,"className"in a&&a.className){delete r[p];let m="responsive"in a;if(!s||A(s)&&!m)continue;if(A(s)&&(a.default!==void 0&&s.initial===void 0&&(s.initial=a.default),a.type==="enum"&&([a.default,...a.values].includes(s.initial)||(s.initial=a.default))),a.type==="enum"){let y=le({allowArbitraryValues:!1,value:s,className:a.className,propValues:a.values,parseValue:a.parseValue});t=(0,J.default)(t,y);continue}if(a.type==="string"||a.type==="enum | string"){let y=a.type==="string"?[]:a.values,[T,R]=ke({className:a.className,customProperties:a.customProperties,propValues:y,parseValue:a.parseValue,value:s});n=ue(n,R),t=(0,J.default)(t,T);continue}if(a.type==="boolean"&&s){t=(0,J.default)(t,a.className);continue}}}return r.className=(0,J.default)(t,e.className),r.style=ue(n,e.style),r}var M=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ve={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:M,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:M,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:M,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:M,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:M,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:M,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:M,responsive:!0}};var Oe={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 L={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 fe=["visible","hidden","clip","scroll","auto"],wt=["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"],St=["0","1"],kt=["0","1"],Vt=["start","center","end","baseline","stretch"],Ot=["start","center","end","baseline","stretch"],Ee={...Ve,...L,...Oe,position:{type:"enum",className:"rt-r-position",values:wt,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:fe,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:fe,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:fe,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:St,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:kt,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:Vt,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Ot,responsive:!0}};var I=["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:I,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:I,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:I,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:I,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:I,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:I,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:I,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var oe=require("radix-ui"),Eo=oe.Slot.Root,je=oe.Slot.Root,jo=oe.Slot.Slottable;var me=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Fe={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:me,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:me,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:me,responsive:!0}};var Et=["div","span"],jt=["none","inline-flex","flex"],Ft=["row","column","row-reverse","column-reverse"],Gt=["start","center","end","baseline","stretch"],Wt=["start","center","end","between"],At=["nowrap","wrap","wrap-reverse"],Ge={as:{type:"enum",values:Et,default:"div"},...E,display:{type:"enum",className:"rt-r-display",values:jt,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Ft,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Gt,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Wt,parseValue:Mt,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:At,responsive:!0},...Fe};function Mt(e){return e==="between"?"space-between":e}var U=re.forwardRef((e,o)=>{let{className:t,asChild:n,as:r="div",...i}=w(e,Ge,Ee,j);return re.createElement(n?je:r,{...i,ref:o,className:(0,We.default)("rt-Flex",t)})});U.displayName="Flex";var v=P(require("react")),Me=P(require("classnames"));var It=["1","2","3"],Ae={size:{type:"enum",className:"rt-r-size",values:It,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var ce=v.forwardRef((e,o)=>{let{className:t,children:n,loading:r,...i}=w(e,Ae,j);if(!r)return n;let p=v.createElement("span",{...i,ref:o,className:(0,Me.default)("rt-Spinner",t)},v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}));return n===void 0?p:v.createElement(U,{asChild:!0,position:"relative",align:"center",justify:"center"},v.createElement("span",null,v.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},n),v.createElement(U,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},v.createElement("span",null,p))))});ce.displayName="Spinner";var de=require("radix-ui"),Ie=de.VisuallyHidden.Root,Qo=de.VisuallyHidden.Root;function ze(e,o){if(e!==void 0)return typeof e=="string"?o(e):Object.fromEntries(Object.entries(e).map(([t,n])=>[t,o(n)]))}function $e(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var ye=f.forwardRef((e,o)=>{let{size:t=ae.size.default}=e,{className:n,children:r,asChild:i,as:p,color:s,radius:a,material:m,panelBackground:y,flush:T,disabled:R=e.loading,...b}=w(e,ae,j);f.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);let C=m??y,N=f.useRef(null),B=f.useRef(C);B.current=C,f.useEffect(()=>{let x=N.current;if(!x)return;if(C==="translucent"){x.style.setProperty("will-change","backdrop-filter");let W,H=()=>{let ft=getComputedStyle(x).getPropertyValue("--duration-2")||"75ms",mt=parseInt(ft)||75;W=setTimeout(()=>{x&&B.current!=="translucent"&&x.style.setProperty("will-change","auto")},mt)},Te=new MutationObserver(H);return Te.observe(x,{attributes:!0,attributeFilter:["data-material"]}),()=>{W&&clearTimeout(W),Te.disconnect(),x.style.setProperty("will-change","auto")}}else x.style.setProperty("will-change","auto")},[C]);let g=i?Le.Slot.Root:p||"button",D=i||!p||["button","input","textarea","select"].includes(p),d=!i&&(!p||p==="button"),c="type"in b,$=f.useId(),k=e.loading?`${$}-loading`:void 0,G=f.useMemo(()=>typeof r=="string"?r:f.isValidElement(r)&&typeof r.props?.children=="string"?r.props.children:"button",[r]),O=f.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":k,"aria-label":`${G} (loading)`}:{},[e.loading,k,G]);return f.createElement(g,{"data-disabled":R||void 0,"data-accent-color":s,"data-radius":a,"data-material":C,"data-panel-background":C,"data-flush":T?"true":void 0,...b,...O,ref:(0,Ue.composeRefs)(N,o),className:(0,He.default)("rt-reset","rt-BaseButton",n),...D&&{disabled:R},...d&&!c?{type:"button"}:{}},e.loading?f.createElement(f.Fragment,null,f.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},r),f.createElement(Ie,null,f.createElement("span",{id:k},G," is loading, please wait..."),r),f.createElement(U,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},f.createElement("span",null,f.createElement(ce,{size:ze(t,$e),"aria-hidden":"true"})))):r)});ye.displayName="BaseButton";var S=P(require("react")),st=P(require("classnames")),q=require("radix-ui");var z=P(require("react")),Ze=require("radix-ui");var zt=["normal","start","end","both"],Ke={trim:{type:"enum",className:"rt-r-lt",values:zt,responsive:!0}};var $t=["left","center","right"],qe={align:{type:"enum",className:"rt-r-ta",values:$t,responsive:!0}};var Ht=["wrap","nowrap","pretty","balance"],Ye={wrap:{type:"enum",className:"rt-r-tw",values:Ht,responsive:!0}};var Xe={truncate:{type:"boolean",className:"rt-truncate"}};var Lt=["sans","mono","serif"],_e={font:{type:"enum",className:"rt-r-ff",values:Lt}};var Ut=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Je={weight:{type:"enum",className:"rt-r-weight",values:Ut,responsive:!0}};var Kt=["span","div","label","p"],qt=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Qe={as:{type:"enum",values:Kt,default:"span"},...E,size:{type:"enum",className:"rt-r-size",values:qt,responsive:!0},..._e,...Je,...qe,...Ke,...Xe,...Ye,...Ne,...te};var Yt={...Qe,...j},ge=z.memo(z.forwardRef((e,o)=>{let{children:t,className:n,asChild:r,as:i="span",color:p,...s}=w(e,Yt),a=n?`rt-Text ${n}`:"rt-Text";return r?z.createElement(Ze.Slot.Root,{"data-accent-color":p,...s,ref:o,className:a},t):z.createElement(i,{"data-accent-color":p,...s,ref:o,className:a},t)}));ge.displayName="Text";var l=P(require("react")),tt=P(require("classnames")),K=require("radix-ui");function et(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 Xt=["inherit","light","dark"],_t=["solid","translucent"],Jt=["solid","translucent"],Qt=["90%","95%","100%","105%","110%"],Zt=["sans","mono","serif"],u={...E,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Xt,default:"inherit"},accentColor:{type:"enum",values:ee,default:"blue"},grayColor:{type:"enum",values:xe,default:"slate"},material:{type:"enum",values:Jt,default:"translucent"},panelBackground:{type:"enum",values:_t,default:"translucent"},radius:{type:"enum",values:ne,default:"medium"},scaling:{type:"enum",values:Qt,default:"100%"},fontFamily:{type:"enum",values:Zt,default:"sans"}};var h=()=>{},Gr={appearance:u.appearance.default,accentColor:u.accentColor.default,grayColor:u.grayColor.default,resolvedGrayColor:u.grayColor.default,material:u.material.default,panelBackground:u.panelBackground.default,radius:u.radius.default,scaling:u.scaling.default,fontFamily:u.fontFamily.default,onAppearanceChange:h,onAccentColorChange:h,onGrayColorChange:h,onMaterialChange:h,onPanelBackgroundChange:h,onRadiusChange:h,onScalingChange:h,onFontFamilyChange:h},Pe=l.createContext(void 0);var ve=l.forwardRef((e,o)=>l.useContext(Pe)===void 0?l.createElement(K.Tooltip.Provider,{delayDuration:200},l.createElement(K.Direction.Provider,{dir:"ltr"},l.createElement(ot,{...e,ref:o}))):l.createElement(he,{...e,ref:o}));ve.displayName="Theme";var ot=l.forwardRef((e,o)=>{let{appearance:t=u.appearance.default,accentColor:n=u.accentColor.default,grayColor:r=u.grayColor.default,material:i=u.material.default,panelBackground:p=u.panelBackground.default,radius:s=u.radius.default,scaling:a=u.scaling.default,fontFamily:m=u.fontFamily.default,hasBackground:y=u.hasBackground.default,...T}=e;l.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);let[R,b]=l.useState(t);l.useEffect(()=>b(t),[t]);let[C,N]=l.useState(n);l.useEffect(()=>N(n),[n]);let[B,g]=l.useState(r);l.useEffect(()=>g(r),[r]);let D=i!==u.material.default?i:p,[d,c]=l.useState(D);l.useEffect(()=>c(D),[D]);let[$,k]=l.useState(p);l.useEffect(()=>k(d),[d]);let[G,O]=l.useState(s);l.useEffect(()=>O(s),[s]);let[x,_]=l.useState(a);l.useEffect(()=>_(a),[a]);let[W,H]=l.useState(m);return l.useEffect(()=>H(m),[m]),l.createElement(he,{...T,ref:o,isRoot:!0,hasBackground:y,appearance:R,accentColor:C,grayColor:B,material:d,panelBackground:$,radius:G,scaling:x,fontFamily:W,onAppearanceChange:b,onAccentColorChange:N,onGrayColorChange:g,onMaterialChange:c,onPanelBackgroundChange:k,onRadiusChange:O,onScalingChange:_,onFontFamilyChange:H})});ot.displayName="ThemeRoot";function eo(){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 he=l.forwardRef((e,o)=>{let t=l.useContext(Pe),{asChild:n,isRoot:r,hasBackground:i,appearance:p=e.appearance??t?.appearance??u.appearance.default,accentColor:s=e.accentColor??t?.accentColor??u.accentColor.default,grayColor:a=e.grayColor??t?.resolvedGrayColor??u.grayColor.default,material:m=e.material??t?.material??u.material.default,panelBackground:y=e.panelBackground??t?.panelBackground??u.panelBackground.default,radius:T=e.radius??t?.radius??u.radius.default,scaling:R=e.scaling??t?.scaling??u.scaling.default,fontFamily:b=e.fontFamily??t?.fontFamily??u.fontFamily.default,onAppearanceChange:C=h,onAccentColorChange:N=h,onGrayColorChange:B=h,onMaterialChange:g=h,onPanelBackgroundChange:D=h,onRadiusChange:d=h,onScalingChange:c=h,onFontFamilyChange:$=h,...k}=e,G=n?K.Slot.Root:"div",O=a==="auto"?et(s):a,x=e.appearance==="light"||e.appearance==="dark",_=i===void 0?r||x:i,[W,H]=l.useState(void 0);return l.useEffect(()=>{r&&H(eo())},[r]),l.createElement(Pe.Provider,{value:l.useMemo(()=>({appearance:p,accentColor:s,grayColor:a,resolvedGrayColor:O,material:m,panelBackground:y,radius:T,scaling:R,fontFamily:b,onAppearanceChange:C,onAccentColorChange:N,onGrayColorChange:B,onMaterialChange:g,onPanelBackgroundChange:D,onRadiusChange:d,onScalingChange:c,onFontFamilyChange:$}),[p,s,a,O,m,y,T,R,b,C,N,B,g,D,d,c,$])},l.createElement(G,{"data-is-root-theme":r?"true":"false","data-accent-color":s,"data-gray-color":O,"data-has-background":_?"true":"false","data-material":m,"data-panel-background":y,"data-radius":T,"data-scaling":R,"data-font-family":b,"data-os":r?W:void 0,ref:o,...k,className:(0,tt.default)("radix-themes",{light:p==="light",dark:p==="dark"},k.className)}))});he.displayName="ThemeImpl";var rt={content:{type:"ReactNode",required:!0},width:L.width,minWidth:L.minWidth,maxWidth:{...L.maxWidth,default:"360px"}};var be=S.forwardRef((e,o)=>{let{children:t,className:n,open:r,defaultOpen:i,onOpenChange:p,delayDuration:s,disableHoverableContent:a,content:m,container:y,forceMount:T,...R}=w(e,rt),b={open:r,defaultOpen:i,onOpenChange:p,delayDuration:s,disableHoverableContent:a};return S.createElement(q.Tooltip.Root,{...b},S.createElement(q.Tooltip.Trigger,{asChild:!0},t),S.createElement(q.Tooltip.Portal,{container:y,forceMount:T},S.createElement(ve,{asChild:!0},S.createElement(q.Tooltip.Content,{sideOffset:4,collisionPadding:10,...R,asChild:!1,ref:o,className:(0,st.default)("rt-TooltipContent",n)},S.createElement(ge,{as:"p",className:"rt-TooltipText",size:"1"},m),S.createElement(q.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});be.displayName="Tooltip";var se=P(require("react"));function nt(e){let o=se.useId(),t=!!e,n=se.useMemo(()=>t?{"aria-describedby":o}:{},[t,o]);return{tooltipId:o,hasTooltip:t,accessibilityProps:n}}var De=F.forwardRef(({className:e,style:o,tooltip:t,tooltipSide:n="top",tooltipAlign:r="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:p,overrideStyles:s,...a},m)=>{let{tooltipId:y,hasTooltip:T,accessibilityProps:R}=nt(t),b=F.useMemo(()=>{if(!s)return;let B={},g=(d,c)=>{c!==void 0&&(B[d]=c)},D=(d,c)=>{c&&(g(`--button-override-${d}color`,c.color),g(`--button-override-${d}background`,c.background),g(`--button-override-${d}background-color`,c.backgroundColor),g(`--button-override-${d}box-shadow`,c.boxShadow),g(`--button-override-${d}filter`,c.filter),g(`--button-override-${d}outline`,c.outline),g(`--button-override-${d}outline-offset`,c.outlineOffset),g(`--button-override-${d}opacity`,c.opacity))};return D("",s.normal),D("hover-",s.hover),D("active-",s.active),D("pressed-",s.pressed),D("open-",s.open),D("disabled-",s.disabled),s.focus&&(g("--button-override-focus-outline",s.focus.outline),g("--button-override-focus-outline-offset",s.focus.outlineOffset)),B},[s]),C=F.useMemo(()=>b?{...b,...o}:o,[b,o]),N=F.createElement(ye,{...a,...R,ref:m,className:(0,at.default)("rt-Button",e),style:C});return T?F.createElement(be,{content:t,side:n,align:r,delayDuration:i,disableHoverableContent:p,id:y},N):N});De.displayName="Button";var X=P(require("react"));var Y=P(require("react")),Re=0;function pt(){let e=Y.useRef(void 0);return Y.useEffect(()=>{let t=document.getElementById("rt-live-announcer");return t||(t=document.createElement("div"),t.id="rt-live-announcer",t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),t.style.cssText=`
+"use strict";var Dt=Object.create;var q=Object.defineProperty;var bt=Object.getOwnPropertyDescriptor;var Rt=Object.getOwnPropertyNames;var Ct=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var Tt=(e,t)=>{for(var o in t)q(e,o,{get:t[o],enumerable:!0})},ke=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Rt(t))!xt.call(e,s)&&s!==o&&q(e,s,{get:()=>t[s],enumerable:!(r=bt(t,s))||r.enumerable});return e};var y=(e,t,o)=>(o=e!=null?Dt(Ct(e)):{},ke(t||!e||!e.__esModule?q(o,"default",{value:e,enumerable:!0}):o,e)),St=e=>ke(q({},"__esModule",{value:!0}),e);var yo={};Tt(yo,{ToggleButton:()=>vt});module.exports=St(yo);var k=y(require("react")),ht=require("radix-ui");var E=y(require("react")),yt=y(require("classnames"));var g=y(require("react")),Ze=y(require("classnames")),et=require("radix-ui");var j={asChild:{type:"boolean"}};var X=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Ve=["auto","gray","mauve","slate","sage","olive","sand"],je={color:{type:"enum",values:X,default:void 0}},Oe={color:{type:"enum",values:X,default:""}};var J={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var le=["none","small","medium","large","full"],Ee={radius:{type:"enum",values:le,default:void 0}};var Nt=["1","2","3","4"],wt=["classic","solid","soft","surface","outline","ghost","override"],Bt=["solid","translucent"],kt=["solid","translucent"],ue={...j,size:{type:"enum",className:"rt-r-size",values:Nt,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:wt,default:"solid"},...Oe,...J,...Ee,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:kt,default:void 0},panelBackground:{type:"enum",values:Bt,default:void 0},flush:{type:"boolean",default:!1}};var ee=y(require("react")),Ke=y(require("classnames"));var Ae=y(require("classnames"));var Vt=[],jt=new Set;function Ot(e){let t=Object.assign({},...e),o=[],r=[],s=new Set;for(let i in t){let n=t[i],a=n.values??Vt,l={key:i,type:n.type,default:n.default,hasDefault:n.default!==void 0,responsive:"responsive"in n,className:n.className,customProperties:n.customProperties,parseValue:n.parseValue,values:a,valueSet:a.length>0?new Set(a):jt,enumValueSet:n.type==="enum"?new Set([n.default,...a]):void 0};n.className?(o.push(l),s.add(i)):(l.hasDefault||n.type==="enum")&&r.push(l)}return{styling:o,passthrough:r,stylingKeys:s}}var Et={children:new WeakMap};function Fe(e){let t=Et;for(let o=0;o<e.length;o++){let r=e[o],s=t.children.get(r);s===void 0&&(s={children:new WeakMap},t.children.set(r,s)),t=s}return t.compiled??(t.compiled=Ot(e))}var Ft=["initial","xs","sm","md","lg","xl"],fe=new Set(Ft);function me(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Gt=new Set(["initial","xs","sm","md","lg","xl"]);function G(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Gt.has(t))return!0;return!1}function Q(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function We({className:e,customProperties:t,...o}){let r=ce({allowArbitraryValues:!0,className:e,...o}),s=Wt({customProperties:t,...o});return[r,s]}function ce({allowArbitraryValues:e,value:t,className:o,propValues:r,propValueSet:s,parseValue:i=n=>n}){if(t){if(typeof t=="string")return Q(r,s,t)?Ge(o,t,i):e?o:void 0;if(G(t)){let n=t,a=[];for(let l in n){if(!me(n,l)||!fe.has(l))continue;let p=n[l];if(p!==void 0){if(Q(r,s,p)){let u=Ge(o,p,i),m=l==="initial"?u:`${l}:${u}`;a.push(m)}else if(e){let u=l==="initial"?o:`${l}:${o}`;a.push(u)}}}return a.length>0?a.join(" "):""}if(e)return o}}function Ge(e,t,o){let r=e?"-":"",s=o(t),i=s?.startsWith("-"),n=i?"-":"",a=i?s?.substring(1):s;return`${n}${e}${r}${a}`}function Wt({customProperties:e,value:t,propValues:o,propValueSet:r,parseValue:s=i=>i}){if(!t||typeof t=="string"&&Q(o,r,t))return;let i;if(typeof t=="string"){let n=s(t);i={};for(let a of e)i[a]=n;return i}if(G(t)){let n=t;for(let a in n){if(!me(n,a)||!fe.has(a))continue;let l=n[a];if(l===void 0||Q(o,r,l))continue;let p=s(l);i??(i={});for(let u of e){let m=a==="initial"?u:`${u}-${a}`;i[m]=p}}}return i??{}}function de(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function At(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:s}=Fe(t),i={};for(let l in e)s.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)&&!G(u)&&(i[p.key]=p.default)}let n,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)&&!G(u)&&(u=p.default),!!u){if(G(u)){if(!p.responsive)continue;u=At(u,p)}if(p.type==="enum"){let m=ce({allowArbitraryValues:!1,value:u,className:p.className,propValues:p.values,propValueSet:p.valueSet,parseValue:p.parseValue});m&&a.push(m);continue}if(p.type==="string"||p.type==="enum | string"){let[m,b]=We({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&&(n=de(n,b)),m&&a.push(m);continue}if(p.type==="boolean"){a.push(p.className);continue}}}return i.className=(0,Ae.default)(a.length>0?a.join(" "):void 0,e.className),i.style=de(n,e.style),i}var W=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Me={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:W,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:W,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:W,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:W,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:W,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:W,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:W,responsive:!0}};var ze={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 ye=["visible","hidden","clip","scroll","auto"],Mt=["static","relative","absolute","fixed","sticky"],_=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],zt=["0","1"],It=["0","1"],$t=["start","center","end","baseline","stretch"],Ht=["start","center","end","baseline","stretch"],Ie={...Me,...z,...ze,position:{type:"enum",className:"rt-r-position",values:Mt,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:_,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:_,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:_,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:_,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:_,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:ye,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:ye,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:ye,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:zt,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:It,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:$t,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Ht,responsive:!0}};var A=["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"],O={m:{type:"enum | string",values:A,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:A,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:A,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:A,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:A,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:A,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:A,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var Z=require("radix-ui"),Yo=Z.Slot.Root,$e=Z.Slot.Root,qo=Z.Slot.Slottable;var ge=["0","1","2","3","4","5","6","7","8","9","10","11","12"],He={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:ge,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:ge,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:ge,responsive:!0}};var Lt=["div","span"],Kt=["none","inline-flex","flex"],Ut=["row","column","row-reverse","column-reverse"],_t=["start","center","end","baseline","stretch"],Yt=["start","center","end","between"],qt=["nowrap","wrap","wrap-reverse"],Le={as:{type:"enum",values:Lt,default:"div"},...j,display:{type:"enum",className:"rt-r-display",values:Kt,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Ut,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:_t,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Yt,parseValue:Xt,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:qt,responsive:!0},...He};function Xt(e){return e==="between"?"space-between":e}var I=ee.forwardRef((e,t)=>{let{className:o,asChild:r,as:s="div",...i}=x(e,Le,Ie,O);return ee.createElement(r?$e:s,{...i,ref:t,className:(0,Ke.default)("rt-Flex",o)})});I.displayName="Flex";var v=y(require("react")),_e=y(require("classnames"));var Jt=["1","2","3"],Ue={size:{type:"enum",className:"rt-r-size",values:Jt,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var Pe=v.forwardRef((e,t)=>{let{className:o,children:r,loading:s,...i}=x(e,Ue,O);if(!s)return r;let n=v.createElement("span",{...i,ref:t,className:(0,_e.default)("rt-Spinner",o)},v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}),v.createElement("span",{className:"rt-SpinnerLeaf"}));return r===void 0?n:v.createElement(I,{asChild:!0,position:"relative",align:"center",justify:"center"},v.createElement("span",null,v.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},r),v.createElement(I,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},v.createElement("span",null,n))))});Pe.displayName="Spinner";var he=require("radix-ui"),Ye=he.VisuallyHidden.Root,cr=he.VisuallyHidden.Root;var Xe=y(require("react")),Qt="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",qe=new Set;function Zt(e){qe.has(e)||(qe.add(e),console.warn(e))}function te(e){Xe.useEffect(()=>{},[e])}function Je(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,r])=>[o,t(r)]))}function Qe(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var ve=g.forwardRef((e,t)=>{let{size:o=ue.size.default}=e,{className:r,children:s,asChild:i,as:n,color:a,radius:l,material:p,panelBackground:u,flush:m,disabled:b=e.loading,...R}=x(e,ue,O);te(e.panelBackground);let S=p??u,N=i?et.Slot.Root:n||"button",w=i||!n||["button","input","textarea","select"].includes(n),h=!i&&(!n||n==="button"),C="type"in R,P=g.useId(),c=e.loading?`${P}-loading`:void 0,V=g.useMemo(()=>typeof s=="string"?s:g.isValidElement(s)&&typeof s.props?.children=="string"?s.props.children:"button",[s]),F=g.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":c,"aria-label":`${V} (loading)`}:{},[e.loading,c,V]);return g.createElement(N,{"data-disabled":b||void 0,"data-accent-color":a,"data-radius":l,"data-material":S,"data-panel-background":S,"data-flush":m?"true":void 0,...R,...F,ref:t,className:(0,Ze.default)("rt-reset","rt-BaseButton",r),...w&&{disabled:b},...h&&!C?{type:"button"}:{}},e.loading?g.createElement(g.Fragment,null,g.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},s),g.createElement(Ye,null,g.createElement("span",{id:c},V," is loading, please wait..."),s),g.createElement(I,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},g.createElement("span",null,g.createElement(Pe,{size:Je(o,Qe),"aria-hidden":"true"})))):s)});ve.displayName="BaseButton";var T=y(require("react")),ct=y(require("classnames")),H=require("radix-ui");var M=y(require("react")),it=require("radix-ui");var eo=["normal","start","end","both"],tt={trim:{type:"enum",className:"rt-r-lt",values:eo,responsive:!0}};var to=["left","center","right"],ot={align:{type:"enum",className:"rt-r-ta",values:to,responsive:!0}};var oo=["wrap","nowrap","pretty","balance"],rt={wrap:{type:"enum",className:"rt-r-tw",values:oo,responsive:!0}};var st={truncate:{type:"boolean",className:"rt-truncate"}};var ro=["sans","mono","serif"],nt={font:{type:"enum",className:"rt-r-ff",values:ro}};var so=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],at={weight:{type:"enum",className:"rt-r-weight",values:so,responsive:!0}};var no=["span","div","label","p"],ao=["0","1","2","3","4","5","6","7","8","9","10","11","12"],pt={as:{type:"enum",values:no,default:"span"},...j,size:{type:"enum",className:"rt-r-size",values:ao,responsive:!0},...nt,...at,...ot,...tt,...st,...rt,...je,...J};var po={...pt,...O},De=M.memo(M.forwardRef((e,t)=>{let{children:o,className:r,asChild:s,as:i="span",color:n,...a}=x(e,po),l=r?`rt-Text ${r}`:"rt-Text";return s?M.createElement(it.Slot.Root,{"data-accent-color":n,...a,ref:t,className:l},o):M.createElement(i,{"data-accent-color":n,...a,ref:t,className:l},o)}));De.displayName="Text";var d=y(require("react")),ut=y(require("classnames")),$=require("radix-ui"),oe=require("radix-ui/internal");function lt(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 be=y(require("react"));function B(e){let[t,o]=be.useState(e),[r,s]=be.useState(e);return Object.is(e,r)||(s(e),o(e)),[t,o]}var io=["inherit","light","dark"],lo=["solid","translucent"],uo=["solid","translucent"],fo=["90%","95%","100%","105%","110%"],mo=["sans","mono","serif"],f={...j,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:io,default:"inherit"},accentColor:{type:"enum",values:X,default:"blue"},grayColor:{type:"enum",values:Ve,default:"slate"},material:{type:"enum",values:uo,default:"translucent"},panelBackground:{type:"enum",values:lo,default:"translucent"},radius:{type:"enum",values:le,default:"medium"},scaling:{type:"enum",values:fo,default:"100%"},fontFamily:{type:"enum",values:mo,default:"sans"}};var D=()=>{},os={appearance:f.appearance.default,accentColor:f.accentColor.default,grayColor:f.grayColor.default,resolvedGrayColor:f.grayColor.default,material:f.material.default,panelBackground:f.panelBackground.default,radius:f.radius.default,scaling:f.scaling.default,fontFamily:f.fontFamily.default,onAppearanceChange:D,onAccentColorChange:D,onGrayColorChange:D,onMaterialChange:D,onPanelBackgroundChange:D,onRadiusChange:D,onScalingChange:D,onFontFamilyChange:D},Re=d.createContext(void 0);var Ce=d.forwardRef((e,t)=>d.useContext(Re)===void 0?d.createElement($.Tooltip.Provider,{delayDuration:200},d.createElement($.Direction.Provider,{dir:"ltr"},d.createElement(ft,{...e,ref:t}))):d.createElement(xe,{...e,ref:t}));Ce.displayName="Theme";var ft=d.forwardRef((e,t)=>{let{appearance:o=f.appearance.default,accentColor:r=f.accentColor.default,grayColor:s=f.grayColor.default,material:i=f.material.default,panelBackground:n=f.panelBackground.default,radius:a=f.radius.default,scaling:l=f.scaling.default,fontFamily:p=f.fontFamily.default,hasBackground:u=f.hasBackground.default,...m}=e;te(e.panelBackground);let[b,R]=B(o),[S,N]=B(r),[w,h]=B(s),C=i!==f.material.default?i:n,[P,c]=B(C),[V,F]=B(P),[se,U]=B(a),[ne,ae]=B(l),[Y,pe]=B(p);return d.createElement(xe,{...m,ref:t,isRoot:!0,hasBackground:u,appearance:b,accentColor:S,grayColor:w,material:P,panelBackground:V,radius:se,scaling:ne,fontFamily:Y,onAppearanceChange:R,onAccentColorChange:N,onGrayColorChange:h,onMaterialChange:c,onPanelBackgroundChange:F,onRadiusChange:U,onScalingChange:ae,onFontFamilyChange:pe})});ft.displayName="ThemeRoot";function co(){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 xe=d.forwardRef((e,t)=>{let o=d.useContext(Re),{asChild:r,isRoot:s,hasBackground:i,appearance:n=e.appearance??o?.appearance??f.appearance.default,accentColor:a=e.accentColor??o?.accentColor??f.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??f.grayColor.default,material:p=e.material??o?.material??f.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??f.panelBackground.default,radius:m=e.radius??o?.radius??f.radius.default,scaling:b=e.scaling??o?.scaling??f.scaling.default,fontFamily:R=e.fontFamily??o?.fontFamily??f.fontFamily.default,onAppearanceChange:S=D,onAccentColorChange:N=D,onGrayColorChange:w=D,onMaterialChange:h=D,onPanelBackgroundChange:C=D,onRadiusChange:P=D,onScalingChange:c=D,onFontFamilyChange:V=D,...F}=e,se=r?$.Slot.Root:"div",U=l==="auto"?lt(a):l,ne=e.appearance==="light"||e.appearance==="dark",ae=i===void 0?s||ne:i,Y=d.useRef(null),pe=(0,oe.useComposedRefs)(t,Y),we="data-os"in F;return(0,oe.useLayoutEffect)(()=>{if(!s||we)return;let ie=Y.current;if(!ie)return;let Be=co();if(Be)return ie.setAttribute("data-os",Be),()=>ie.removeAttribute("data-os")},[s,we]),d.createElement(Re.Provider,{value:d.useMemo(()=>({appearance:n,accentColor:a,grayColor:l,resolvedGrayColor:U,material:p,panelBackground:u,radius:m,scaling:b,fontFamily:R,onAppearanceChange:S,onAccentColorChange:N,onGrayColorChange:w,onMaterialChange:h,onPanelBackgroundChange:C,onRadiusChange:P,onScalingChange:c,onFontFamilyChange:V}),[n,a,l,U,p,u,m,b,R,S,N,w,h,C,P,c,V])},d.createElement(se,{"data-is-root-theme":s?"true":"false","data-accent-color":a,"data-gray-color":U,"data-has-background":ae?"true":"false","data-material":p,"data-panel-background":u,"data-radius":m,"data-scaling":b,"data-font-family":R,ref:pe,...F,className:(0,ut.default)("radix-themes",{light:n==="light",dark:n==="dark"},F.className)}))});xe.displayName="ThemeImpl";var mt={content:{type:"ReactNode",required:!0},width:z.width,minWidth:z.minWidth,maxWidth:{...z.maxWidth,default:"360px"}};var Te=T.forwardRef((e,t)=>{let{children:o,className:r,open:s,defaultOpen:i,onOpenChange:n,delayDuration:a,disableHoverableContent:l,content:p,container:u,forceMount:m,...b}=x(e,mt),R={open:s,defaultOpen:i,onOpenChange:n,delayDuration:a,disableHoverableContent:l};return T.createElement(H.Tooltip.Root,{...R},T.createElement(H.Tooltip.Trigger,{asChild:!0},o),T.createElement(H.Tooltip.Portal,{container:u,forceMount:m},T.createElement(Ce,{asChild:!0},T.createElement(H.Tooltip.Content,{sideOffset:4,collisionPadding:10,...b,asChild:!1,ref:t,className:(0,ct.default)("rt-TooltipContent",r)},T.createElement(De,{as:"p",className:"rt-TooltipText",size:"1"},p),T.createElement(H.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});Te.displayName="Tooltip";var re=y(require("react"));function dt(e){let t=re.useId(),o=!!e,r=re.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:r}}var Se=E.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:r="top",tooltipAlign:s="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:n,overrideStyles:a,...l},p)=>{let{tooltipId:u,hasTooltip:m,accessibilityProps:b}=dt(o),R=E.useMemo(()=>{if(!a)return;let w={},h=(P,c)=>{c!==void 0&&(w[P]=c)},C=(P,c)=>{c&&(h(`--button-override-${P}color`,c.color),h(`--button-override-${P}background`,c.background),h(`--button-override-${P}background-color`,c.backgroundColor),h(`--button-override-${P}box-shadow`,c.boxShadow),h(`--button-override-${P}filter`,c.filter),h(`--button-override-${P}outline`,c.outline),h(`--button-override-${P}outline-offset`,c.outlineOffset),h(`--button-override-${P}opacity`,c.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)),w},[a]),S=E.useMemo(()=>R?{...R,...t}:t,[R,t]),N=E.createElement(ve,{...l,...b,ref:p,className:(0,yt.default)("rt-Button",e),style:S});return m?E.createElement(Te,{content:o,side:r,align:s,delayDuration:i,disableHoverableContent:n,id:u},N):N});Se.displayName="Button";var K=y(require("react"));var L=y(require("react")),Ne=0;function gt(){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(t)),Re++,()=>{if(Re--,e.current&&clearTimeout(e.current),Re===0){let n=document.getElementById("rt-live-announcer");n&&n.remove()}}},[]),Y.useCallback(t=>{let n=document.getElementById("rt-live-announcer");n&&(e.current&&clearTimeout(e.current),n.textContent="",e.current=setTimeout(()=>{n.textContent=t},100))},[])}function it({pressed:e,onPressedChange:o,getAccessibleName:t,componentName:n}){let r=pt(),i=X.useRef(!1),p=X.useCallback(s=>{let a=t();r(`${a} ${s?"pressed":"unpressed"}`),o?.(s)},[r,o,t]);return X.useEffect(()=>{},[e,o,n]),{handlePressedChange:p}}var ut=V.forwardRef(({pressed:e,onPressedChange:o,defaultPressed:t,children:n,...r},i)=>{let p=V.useCallback(()=>typeof n=="string"?n:V.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"Toggle button",[n]),{handlePressedChange:s}=it({pressed:e,onPressedChange:o,getAccessibleName:p,componentName:"ToggleButton"});return V.createElement(lt.Toggle.Root,{pressed:e,onPressedChange:s,defaultPressed:t,asChild:!0},V.createElement(De,{...r,ref:i},n))});ut.displayName="ToggleButton";
+      `,document.body.appendChild(o)),Ne++,()=>{if(Ne--,e.current&&clearTimeout(e.current),Ne===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 Pt({pressed:e,onPressedChange:t,getAccessibleName:o,componentName:r}){let s=gt(),i=K.useRef(!1),n=K.useCallback(a=>{let l=o();s(`${l} ${a?"pressed":"unpressed"}`),t?.(a)},[s,t,o]);return K.useEffect(()=>{},[e,t,r]),{handlePressedChange:n}}var vt=k.forwardRef(({pressed:e,onPressedChange:t,defaultPressed:o,children:r,...s},i)=>{let n=k.useCallback(()=>typeof r=="string"?r:k.isValidElement(r)&&typeof r.props?.children=="string"?r.props.children:"Toggle button",[r]),{handlePressedChange:a}=Pt({pressed:e,onPressedChange:t,getAccessibleName:n,componentName:"ToggleButton"});return k.createElement(ht.Toggle.Root,{pressed:e,onPressedChange:a,defaultPressed:o,asChild:!0},k.createElement(Se,{...s,ref:i},r))});vt.displayName="ToggleButton";
 //# sourceMappingURL=toggle-button.js.map