@anoki/fse-ui/dist/index.cjs551.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),A=require("./index.cjs541.js"),G=require("./index.cjs562.js"),t=require("./index.cjs563.js"),N=require("./index.cjs564.js"),O=require("./index.cjs483.js"),j=require("./index.cjs481.js");function M(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const a=M(q),i=()=>{},E=a.createContext(void 0),b=a.forwardRef((o,n)=>a.useContext(E)===void 0?a.createElement(N.Provider,{delayDuration:200},a.createElement(O.Provider,{dir:"ltr"},a.createElement(x,{...o,ref:n}))):a.createElement(R,{...o,ref:n}));b.displayName="Theme";const x=a.forwardRef((o,n)=>{const{appearance:e=t.themePropDefs.appearance.default,accentColor:r=t.themePropDefs.accentColor.default,grayColor:s=t.themePropDefs.grayColor.default,panelBackground:u=t.themePropDefs.panelBackground.default,radius:c=t.themePropDefs.radius.default,scaling:l=t.themePropDefs.scaling.default,hasBackground:d=t.themePropDefs.hasBackground.default,...f}=o,[p,g]=a.useState(e);a.useEffect(()=>g(e),[e]);const[P,h]=a.useState(r);a.useEffect(()=>h(r),[r]);const[k,C]=a.useState(s);a.useEffect(()=>C(s),[s]);const[B,m]=a.useState(u);a.useEffect(()=>m(u),[u]);const[D,v]=a.useState(c);a.useEffect(()=>v(c),[c]);const[y,S]=a.useState(l);return a.useEffect(()=>S(l),[l]),a.createElement(R,{...f,ref:n,isRoot:!0,hasBackground:d,appearance:p,accentColor:P,grayColor:k,panelBackground:B,radius:D,scaling:y,onAppearanceChange:g,onAccentColorChange:h,onGrayColorChange:C,onPanelBackgroundChange:m,onRadiusChange:v,onScalingChange:S})});x.displayName="ThemeRoot";const R=a.forwardRef((o,n)=>{const e=a.useContext(E),{asChild:r,isRoot:s,hasBackground:u,appearance:c=(e==null?void 0:e.appearance)??t.themePropDefs.appearance.default,accentColor:l=(e==null?void 0:e.accentColor)??t.themePropDefs.accentColor.default,grayColor:d=(e==null?void 0:e.resolvedGrayColor)??t.themePropDefs.grayColor.default,panelBackground:f=(e==null?void 0:e.panelBackground)??t.themePropDefs.panelBackground.default,radius:p=(e==null?void 0:e.radius)??t.themePropDefs.radius.default,scaling:g=(e==null?void 0:e.scaling)??t.themePropDefs.scaling.default,onAppearanceChange:P=i,onAccentColorChange:h=i,onGrayColorChange:k=i,onPanelBackgroundChange:C=i,onRadiusChange:B=i,onScalingChange:m=i,...D}=o,v=r?j.Root:"div",y=d==="auto"?G.getMatchingGrayColor(l):d,S=o.appearance==="light"||o.appearance==="dark",T=u===void 0?s||S:u;return a.createElement(E.Provider,{value:a.useMemo(()=>({appearance:c,accentColor:l,grayColor:d,resolvedGrayColor:y,panelBackground:f,radius:p,scaling:g,onAppearanceChange:P,onAccentColorChange:h,onGrayColorChange:k,onPanelBackgroundChange:C,onRadiusChange:B,onScalingChange:m}),[c,l,d,y,f,p,g,P,h,k,C,B,m])},a.createElement(v,{"data-is-root-theme":s?"true":"false","data-accent-color":l,"data-gray-color":y,"data-has-background":T?"true":"false","data-panel-background":f,"data-radius":p,"data-scaling":g,ref:n,...D,className:A("radix-themes",{light:c==="light",dark:c==="dark"},D.className)}))});R.displayName="ThemeImpl";exports.Theme=b;exports.ThemeContext=E;
//# sourceMappingURL=index.cjs551.js.map