@womp/kookie-ui 0.9.1 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +145 -26
- package/dist/cjs/components/app-bar.d.ts +49 -0
- package/dist/cjs/components/app-bar.d.ts.map +1 -0
- package/dist/cjs/components/app-bar.js +2 -0
- package/dist/cjs/components/app-bar.js.map +7 -0
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +4 -4
- package/dist/cjs/components/context-menu.js +1 -1
- package/dist/cjs/components/context-menu.js.map +4 -4
- package/dist/cjs/components/dropdown-menu.js +1 -1
- package/dist/cjs/components/dropdown-menu.js.map +4 -4
- package/dist/cjs/components/index.d.ts +2 -1
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/message-scroller.d.ts +6 -0
- package/dist/cjs/components/message-scroller.d.ts.map +1 -1
- package/dist/cjs/components/message-scroller.js +2 -2
- package/dist/cjs/components/message-scroller.js.map +4 -4
- package/dist/cjs/components/scroll-area.d.ts.map +1 -1
- package/dist/cjs/components/scroll-area.js +1 -1
- package/dist/cjs/components/scroll-area.js.map +4 -4
- package/dist/cjs/components/scroll-area.props.d.ts +10 -0
- package/dist/cjs/components/scroll-area.props.d.ts.map +1 -1
- package/dist/cjs/components/scroll-area.props.js +1 -1
- package/dist/cjs/components/scroll-area.props.js.map +2 -2
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +4 -4
- package/dist/cjs/components/table.js +1 -1
- package/dist/cjs/components/table.js.map +4 -4
- package/dist/cjs/components/theme-panel.js +3 -3
- package/dist/cjs/components/theme-panel.js.map +4 -4
- package/dist/cjs/components/toolbar.d.ts +88 -36
- package/dist/cjs/components/toolbar.d.ts.map +1 -1
- package/dist/cjs/components/toolbar.js +4 -1
- package/dist/cjs/components/toolbar.js.map +4 -4
- package/dist/cjs/components/toolbar.props.d.ts +28 -0
- package/dist/cjs/components/toolbar.props.d.ts.map +1 -0
- package/dist/cjs/components/toolbar.props.js +2 -0
- package/dist/cjs/components/toolbar.props.js.map +7 -0
- package/dist/cjs/hooks/use-scroll-edges.d.ts +12 -0
- package/dist/cjs/hooks/use-scroll-edges.d.ts.map +1 -0
- package/dist/cjs/hooks/use-scroll-edges.js +2 -0
- package/dist/cjs/hooks/use-scroll-edges.js.map +7 -0
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/props/index.js +1 -1
- package/dist/cjs/props/index.js.map +2 -2
- package/dist/esm/{chunk-ABSKRHVM.js → chunk-36A5BYCN.js} +2 -2
- package/dist/esm/{chunk-73QGEY2I.js → chunk-3R4YLW4A.js} +2 -2
- package/dist/esm/{chunk-ZZLZGHZQ.js → chunk-4LDVSTXI.js} +2 -2
- package/dist/esm/{chunk-YQRSAP46.js → chunk-53SZ4Y23.js} +2 -2
- package/dist/esm/chunk-54JFIP5S.js +2 -0
- package/dist/esm/chunk-54JFIP5S.js.map +7 -0
- package/dist/esm/chunk-5BWLY27A.js +2 -0
- package/dist/esm/chunk-5BWLY27A.js.map +7 -0
- package/dist/esm/{chunk-X3JM2565.js → chunk-6G3MPL4A.js} +2 -2
- package/dist/esm/{chunk-DSJY5RI3.js → chunk-7JJT42J2.js} +2 -2
- package/dist/esm/chunk-C7EVYSWK.js +1 -0
- package/dist/esm/chunk-COWZAUZR.js +2 -0
- package/dist/esm/chunk-COWZAUZR.js.map +7 -0
- package/dist/esm/{chunk-ERY5TH2M.js → chunk-CYU6BLZ5.js} +2 -2
- package/dist/esm/{chunk-MWIIGYAJ.js → chunk-D6PHTHF2.js} +2 -2
- package/dist/esm/{chunk-YTD3AJAU.js → chunk-ENLFKWYV.js} +2 -2
- package/dist/esm/{chunk-4XGGX2V2.js → chunk-ISOLUTZF.js} +2 -2
- package/dist/esm/{chunk-LXWPEDPZ.js → chunk-IYCPYN4Z.js} +2 -2
- package/dist/esm/{chunk-RJP5QUXO.js → chunk-L5PID6BU.js} +2 -2
- package/dist/esm/{chunk-BW5CO4PZ.js → chunk-METRW4HG.js} +2 -2
- package/dist/esm/{chunk-PYHEBG5I.js → chunk-MJOXEUBT.js} +2 -2
- package/dist/esm/{chunk-PHC3QBV3.js → chunk-MZXHKM4V.js} +2 -2
- package/dist/esm/chunk-OIUCV5HK.js +2 -0
- package/dist/esm/chunk-OIUCV5HK.js.map +7 -0
- package/dist/esm/{chunk-NIM7DIVH.js → chunk-PQKJNRMR.js} +2 -2
- package/dist/esm/{chunk-65GAANJD.js → chunk-UYCPDGWA.js} +2 -2
- package/dist/esm/chunk-XLMTTSRO.js +2 -0
- package/dist/esm/chunk-XLMTTSRO.js.map +7 -0
- package/dist/esm/chunk-XPRPYCII.js +2 -0
- package/dist/esm/{chunk-5KICSAT7.js.map → chunk-XPRPYCII.js.map} +2 -2
- package/dist/esm/{chunk-QWVU2TW4.js → chunk-ZK7A2MZZ.js} +2 -2
- package/dist/esm/chunk-ZUOK3KFY.js +2 -0
- package/dist/esm/chunk-ZUOK3KFY.js.map +7 -0
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/app-bar.d.ts +49 -0
- package/dist/esm/components/app-bar.d.ts.map +1 -0
- package/dist/esm/components/app-bar.js +2 -0
- package/dist/esm/components/app-bar.js.map +7 -0
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/index.d.ts +2 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/message-scroller.d.ts +6 -0
- package/dist/esm/components/message-scroller.d.ts.map +1 -1
- package/dist/esm/components/message-scroller.js +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/scroll-area.d.ts.map +1 -1
- package/dist/esm/components/scroll-area.js +1 -1
- package/dist/esm/components/scroll-area.props.d.ts +10 -0
- package/dist/esm/components/scroll-area.props.d.ts.map +1 -1
- package/dist/esm/components/scroll-area.props.js +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/table.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/toolbar.d.ts +88 -36
- package/dist/esm/components/toolbar.d.ts.map +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/components/toolbar.props.d.ts +28 -0
- package/dist/esm/components/toolbar.props.d.ts.map +1 -0
- package/dist/esm/components/toolbar.props.js +2 -0
- package/dist/esm/components/toolbar.props.js.map +7 -0
- package/dist/esm/components/user-card.js +1 -1
- package/dist/esm/hooks/use-scroll-edges.d.ts +12 -0
- package/dist/esm/hooks/use-scroll-edges.d.ts.map +1 -0
- package/dist/esm/hooks/use-scroll-edges.js +2 -0
- package/dist/esm/hooks/use-scroll-edges.js.map +7 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.js +1 -1
- package/package.json +1 -1
- package/src/components/app-bar.css +204 -0
- package/src/components/app-bar.tsx +256 -0
- package/src/components/index.css +2 -0
- package/src/components/index.tsx +13 -1
- package/src/components/message-scroller.tsx +24 -5
- package/src/components/scroll-area.css +44 -0
- package/src/components/scroll-area.props.tsx +8 -0
- package/src/components/scroll-area.tsx +7 -1
- package/src/components/toolbar.css +87 -160
- package/src/components/toolbar.props.tsx +27 -0
- package/src/components/toolbar.tsx +259 -193
- package/src/hooks/use-scroll-edges.ts +46 -0
- package/src/styles/tokens/color.css +19 -0
- package/styles.css +159 -26
- package/tokens/base.css +14 -0
- package/tokens.css +14 -0
- package/dist/esm/chunk-47LMOIW3.js +0 -2
- package/dist/esm/chunk-47LMOIW3.js.map +0 -7
- package/dist/esm/chunk-5KICSAT7.js +0 -2
- package/dist/esm/chunk-CTA5ODAO.js +0 -2
- package/dist/esm/chunk-CTA5ODAO.js.map +0 -7
- package/dist/esm/chunk-JKS2YXMS.js +0 -1
- package/dist/esm/chunk-W4WWN3RC.js +0 -2
- package/dist/esm/chunk-W4WWN3RC.js.map +0 -7
- /package/dist/esm/{chunk-ABSKRHVM.js.map → chunk-36A5BYCN.js.map} +0 -0
- /package/dist/esm/{chunk-73QGEY2I.js.map → chunk-3R4YLW4A.js.map} +0 -0
- /package/dist/esm/{chunk-ZZLZGHZQ.js.map → chunk-4LDVSTXI.js.map} +0 -0
- /package/dist/esm/{chunk-YQRSAP46.js.map → chunk-53SZ4Y23.js.map} +0 -0
- /package/dist/esm/{chunk-X3JM2565.js.map → chunk-6G3MPL4A.js.map} +0 -0
- /package/dist/esm/{chunk-DSJY5RI3.js.map → chunk-7JJT42J2.js.map} +0 -0
- /package/dist/esm/{chunk-JKS2YXMS.js.map → chunk-C7EVYSWK.js.map} +0 -0
- /package/dist/esm/{chunk-ERY5TH2M.js.map → chunk-CYU6BLZ5.js.map} +0 -0
- /package/dist/esm/{chunk-MWIIGYAJ.js.map → chunk-D6PHTHF2.js.map} +0 -0
- /package/dist/esm/{chunk-YTD3AJAU.js.map → chunk-ENLFKWYV.js.map} +0 -0
- /package/dist/esm/{chunk-4XGGX2V2.js.map → chunk-ISOLUTZF.js.map} +0 -0
- /package/dist/esm/{chunk-LXWPEDPZ.js.map → chunk-IYCPYN4Z.js.map} +0 -0
- /package/dist/esm/{chunk-RJP5QUXO.js.map → chunk-L5PID6BU.js.map} +0 -0
- /package/dist/esm/{chunk-BW5CO4PZ.js.map → chunk-METRW4HG.js.map} +0 -0
- /package/dist/esm/{chunk-PYHEBG5I.js.map → chunk-MJOXEUBT.js.map} +0 -0
- /package/dist/esm/{chunk-PHC3QBV3.js.map → chunk-MZXHKM4V.js.map} +0 -0
- /package/dist/esm/{chunk-NIM7DIVH.js.map → chunk-PQKJNRMR.js.map} +0 -0
- /package/dist/esm/{chunk-65GAANJD.js.map → chunk-UYCPDGWA.js.map} +0 -0
- /package/dist/esm/{chunk-QWVU2TW4.js.map → chunk-ZK7A2MZZ.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";"use client";var xo=Object.create;var Te=Object.defineProperty;var wo=Object.getOwnPropertyDescriptor;var No=Object.getOwnPropertyNames;var So=Object.getPrototypeOf,Bo=Object.prototype.hasOwnProperty;var ko=(e,t)=>{for(var o in t)Te(e,o,{get:t[o],enumerable:!0})},Ct=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of No(t))!Bo.call(e,n)&&n!==o&&Te(e,n,{get:()=>t[n],enumerable:!(a=wo(t,n))||a.enumerable});return e};var P=(e,t,o)=>(o=e!=null?xo(So(e)):{},Ct(t||!e||!e.__esModule?Te(o,"default",{value:e,enumerable:!0}):o,e)),Vo=e=>Ct(Te({},"__esModule",{value:!0}),e);var _r={};ko(_r,{ThemePanel:()=>Do,ThemePanelContent:()=>vt});module.exports=Vo(_r);var r=P(require("react")),Co=require("radix-ui/internal"),bo=require("react-dom");var bt=require("radix-ui"),Rt=bt.AccessibleIcon.Root;var Be=P(require("react")),St=P(require("classnames"));var xe=require("radix-ui"),Xr=xe.Slot.Root,ie=xe.Slot.Root,Jr=xe.Slot.Slottable;var N={asChild:{type:"boolean"}};var Eo=["div","span"],Lo=["none","inline","inline-block","block","contents"],Dt={as:{type:"enum",values:Eo,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:Lo,responsive:!0}};var wt=P(require("classnames"));var jo=[],Fo=new Set;function Ao(e){let t=Object.assign({},...e),o=[],a=[],n=new Set;for(let p in t){let s=t[p],i=s.values??jo,l={key:p,type:s.type,default:s.default,hasDefault:s.default!==void 0,responsive:"responsive"in s,className:s.className,customProperties:s.customProperties,parseValue:s.parseValue,values:i,valueSet:i.length>0?new Set(i):Fo,enumValueSet:s.type==="enum"?new Set([s.default,...i]):void 0};s.className?(o.push(l),n.add(p)):(l.hasDefault||s.type==="enum")&&a.push(l)}return{styling:o,passthrough:a,stylingKeys:n}}var Ho={children:new WeakMap};function Tt(e){let t=Ho;for(let o=0;o<e.length;o++){let a=e[o],n=t.children.get(a);n===void 0&&(n={children:new WeakMap},t.children.set(a,n)),t=n}return t.compiled??(t.compiled=Ao(e))}var Mo=["initial","xs","sm","md","lg","xl"],et=new Set(Mo);function tt(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Oo=new Set(["initial","xs","sm","md","lg","xl"]);function Q(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Oo.has(t))return!0;return!1}function we(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ne({className:e,customProperties:t,...o}){let a=le({allowArbitraryValues:!0,className:e,...o}),n=Go({customProperties:t,...o});return[a,n]}function le({allowArbitraryValues:e,value:t,className:o,propValues:a,propValueSet:n,parseValue:p=s=>s}){if(t){if(typeof t=="string")return we(a,n,t)?xt(o,t,p):e?o:void 0;if(Q(t)){let s=t,i=[];for(let l in s){if(!tt(s,l)||!et.has(l))continue;let m=s[l];if(m!==void 0){if(we(a,n,m)){let u=xt(o,m,p),g=l==="initial"?u:`${l}:${u}`;i.push(g)}else if(e){let u=l==="initial"?o:`${l}:${o}`;i.push(u)}}}return i.length>0?i.join(" "):""}if(e)return o}}function xt(e,t,o){let a=e?"-":"",n=o(t),p=n?.startsWith("-"),s=p?"-":"",i=p?n?.substring(1):n;return`${s}${e}${a}${i}`}function Go({customProperties:e,value:t,propValues:o,propValueSet:a,parseValue:n=p=>p}){if(!t||typeof t=="string"&&we(o,a,t))return;let p;if(typeof t=="string"){let s=n(t);p={};for(let i of e)p[i]=s;return p}if(Q(t)){let s=t;for(let i in s){if(!tt(s,i)||!et.has(i))continue;let l=s[i];if(l===void 0||we(o,a,l))continue;let m=n(l);p??(p={});for(let u of e){let g=i==="initial"?u:`${u}-${i}`;p[g]=m}}}return p??{}}function ee(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Wo(e,t){let o=e.initial,a=!1;return t.hasDefault&&o===void 0&&(o=t.default,a=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,a=!0),a?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:a,stylingKeys:n}=Tt(t),p={};for(let l in e)n.has(l)||(p[l]=e[l]);for(let l=0;l<a.length;l++){let m=a[l],u=p[m.key];if(u===void 0){m.hasDefault&&(p[m.key]=m.default);continue}m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!Q(u)&&(p[m.key]=m.default)}let s,i=[];for(let l=0;l<o.length;l++){let m=o[l],u=e[m.key];if(u===void 0&&m.hasDefault&&(u=m.default),m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!Q(u)&&(u=m.default),!!u){if(Q(u)){if(!m.responsive)continue;u=Wo(u,m)}if(m.type==="enum"){let g=le({allowArbitraryValues:!1,value:u,className:m.className,propValues:m.values,propValueSet:m.valueSet,parseValue:m.parseValue});g&&i.push(g);continue}if(m.type==="string"||m.type==="enum | string"){let[g,h]=Ne({className:m.className,customProperties:m.customProperties,propValues:m.type==="string"?[]:m.values,propValueSet:m.type==="string"?void 0:m.valueSet,parseValue:m.parseValue,value:u});h&&(s=ee(s,h)),g&&i.push(g);continue}if(m.type==="boolean"){i.push(m.className);continue}}}return p.className=(0,wt.default)(i.length>0?i.join(" "):void 0,e.className),p.style=ee(s,e.style),p}var te=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Nt={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:te,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:te,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:te,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:te,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:te,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:te,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:te,responsive:!0}};var Se={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 G={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 ot=["visible","hidden","clip","scroll","auto"],Io=["static","relative","absolute","fixed","sticky"],he=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],zo=["0","1"],$o=["0","1"],Ko=["start","center","end","baseline","stretch"],Zo=["start","center","end","baseline","stretch"],me={...Nt,...G,...Se,position:{type:"enum",className:"rt-r-position",values:Io,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:he,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:he,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:he,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:he,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:he,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:ot,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:ot,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:ot,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:zo,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:$o,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:Ko,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:Zo,responsive:!0}};var oe=["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"],k={m:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var re=Be.forwardRef((e,t)=>{let{className:o,asChild:a,as:n="div",...p}=S(e,Dt,me,k);return Be.createElement(a?ie:n,{...p,ref:t,className:(0,St.default)("rt-Box",o)})});re.displayName="Box";var X=P(require("react")),qt=P(require("classnames"));var B=P(require("react")),Gt=P(require("classnames")),Wt=require("radix-ui");var ke=["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"],Bt=["auto","gray","mauve","slate","sage","olive","sand"],Ve={color:{type:"enum",values:ke,default:void 0}},kt={color:{type:"enum",values:ke,default:""}};var rt=["none","small","medium","large","full"],Ee={radius:{type:"enum",values:rt,default:void 0}};var Uo=["1","2","3","4"],_o=["classic","solid","soft","surface","outline","ghost","override"],qo=["solid","translucent"],Yo=["solid","translucent"],st={...N,size:{type:"enum",className:"rt-r-size",values:Uo,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:_o,default:"solid"},...kt,...Ee,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:Yo,default:void 0},panelBackground:{type:"enum",values:qo,default:void 0},flush:{type:"boolean",default:!1}};var je=P(require("react")),Et=P(require("classnames"));var nt=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Le={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:nt,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:nt,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:nt,responsive:!0}};var Xo=["div","span"],Jo=["none","inline-flex","flex"],Qo=["row","column","row-reverse","column-reverse"],er=["start","center","end","baseline","stretch"],tr=["start","center","end","between"],or=["nowrap","wrap","wrap-reverse"],Vt={as:{type:"enum",values:Xo,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:Jo,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:Qo,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:er,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:tr,parseValue:rr,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:or,responsive:!0},...Le};function rr(e){return e==="between"?"space-between":e}var w=je.forwardRef((e,t)=>{let{className:o,asChild:a,as:n="div",...p}=S(e,Vt,me,k);return je.createElement(a?ie:n,{...p,ref:t,className:(0,Et.default)("rt-Flex",o)})});w.displayName="Flex";var L=P(require("react")),jt=P(require("classnames"));var sr=["1","2","3"],Lt={size:{type:"enum",className:"rt-r-size",values:sr,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var at=L.forwardRef((e,t)=>{let{className:o,children:a,loading:n,...p}=S(e,Lt,k);if(!n)return a;let s=L.createElement("span",{...p,ref:t,className:(0,jt.default)("rt-Spinner",o)},L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}));return a===void 0?s:L.createElement(w,{asChild:!0,position:"relative",align:"center",justify:"center"},L.createElement("span",null,L.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},a),L.createElement(w,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},L.createElement("span",null,s))))});at.displayName="Spinner";var pt=require("radix-ui"),Ft=pt.VisuallyHidden.Root,Qs=pt.VisuallyHidden.Root;var Ht=P(require("react")),nr="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",At=new Set;function ar(e){At.has(e)||(At.add(e),console.warn(e))}function Fe(e){Ht.useEffect(()=>{},[e])}function Mt(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,a])=>[o,t(a)]))}function Ot(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var ve=B.forwardRef((e,t)=>{let{size:o=st.size.default}=e,{className:a,children:n,asChild:p,as:s,color:i,radius:l,material:m,panelBackground:u,flush:g,disabled:h=e.loading,...C}=S(e,st,k);Fe(e.panelBackground);let v=m??u,R=p?Wt.Slot.Root:s||"button",j=p||!s||["button","input","textarea","select"].includes(s),T=!p&&(!s||s==="button"),E="type"in C,x=B.useId(),b=e.loading?`${x}-loading`:void 0,H=B.useMemo(()=>typeof n=="string"?n:B.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"button",[n]),M=B.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":b,"aria-label":`${H} (loading)`}:{},[e.loading,b,H]);return B.createElement(R,{"data-disabled":h||void 0,"data-accent-color":i,"data-radius":l,"data-material":v,"data-panel-background":v,"data-flush":g?"true":void 0,...C,...M,ref:t,className:(0,Gt.default)("rt-reset","rt-BaseButton",a),...j&&{disabled:h},...T&&!E?{type:"button"}:{}},e.loading?B.createElement(B.Fragment,null,B.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),B.createElement(Ft,null,B.createElement("span",{id:b},H," is loading, please wait..."),n),B.createElement(w,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},B.createElement("span",null,B.createElement(at,{size:Mt(o,Ot),"aria-hidden":"true"})))):n)});ve.displayName="BaseButton";var I=P(require("react")),_t=P(require("classnames")),ue=require("radix-ui");var se=P(require("react")),zt=require("radix-ui");var pr=["loud","medium","quiet"],Ae={emphasis:{type:"enum",className:"rt-emphasis",values:pr,default:void 0}};var ir=["normal","start","end","both"],He={trim:{type:"enum",className:"rt-r-lt",values:ir,responsive:!0}};var lr=["left","center","right"],Me={align:{type:"enum",className:"rt-r-ta",values:lr,responsive:!0}};var mr=["wrap","nowrap","pretty","balance"],Oe={wrap:{type:"enum",className:"rt-r-tw",values:mr,responsive:!0}};var Ge={truncate:{type:"boolean",className:"rt-truncate"}};var cr=["sans","mono","serif"],We={font:{type:"enum",className:"rt-r-ff",values:cr}};var ur=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Ie={weight:{type:"enum",className:"rt-r-weight",values:ur,responsive:!0}};var fr=["span","div","label","p"],dr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],It={as:{type:"enum",values:fr,default:"span"},...N,size:{type:"enum",className:"rt-r-size",values:dr,responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ve,...Ae};var Pr={...It,...k},K=se.memo(se.forwardRef((e,t)=>{let{children:o,className:a,asChild:n,as:p="span",color:s,...i}=S(e,Pr),l=a?`rt-Text ${a}`:"rt-Text";return n?se.createElement(zt.Slot.Root,{"data-accent-color":s,...i,ref:t,className:l},o):se.createElement(p,{"data-accent-color":s,...i,ref:t,className:l},o)}));K.displayName="Text";var D=P(require("react")),Kt=P(require("classnames")),ce=require("radix-ui"),Ke=require("radix-ui/internal");function ze(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 it=P(require("react"));function W(e){let[t,o]=it.useState(e),[a,n]=it.useState(e);return Object.is(e,a)||(n(e),o(e)),[t,o]}var yr=["inherit","light","dark"],gr=["solid","translucent"],hr=["solid","translucent"],vr=["90%","95%","100%","105%","110%"],$t=["sans","mono","serif"],d={...N,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:yr,default:"inherit"},accentColor:{type:"enum",values:ke,default:"blue"},grayColor:{type:"enum",values:Bt,default:"slate"},material:{type:"enum",values:hr,default:"translucent"},panelBackground:{type:"enum",values:gr,default:"translucent"},radius:{type:"enum",values:rt,default:"full"},scaling:{type:"enum",values:vr,default:"100%"},fontFamily:{type:"enum",values:$t,default:"sans"},headingFontFamily:{type:"enum",values:$t}};var V=()=>{},Cr={appearance:d.appearance.default,accentColor:d.accentColor.default,grayColor:d.grayColor.default,resolvedGrayColor:d.grayColor.default,material:d.material.default,panelBackground:d.panelBackground.default,radius:d.radius.default,scaling:d.scaling.default,fontFamily:d.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:V,onAccentColorChange:V,onGrayColorChange:V,onMaterialChange:V,onPanelBackgroundChange:V,onRadiusChange:V,onScalingChange:V,onFontFamilyChange:V,onHeadingFontFamilyChange:V},$e=D.createContext(void 0);function Ce(){return D.useContext($e)??Cr}var Z=D.forwardRef((e,t)=>D.useContext($e)===void 0?D.createElement(ce.Tooltip.Provider,{delayDuration:200},D.createElement(ce.Direction.Provider,{dir:"ltr"},D.createElement(Zt,{...e,ref:t}))):D.createElement(lt,{...e,ref:t}));Z.displayName="Theme";var Zt=D.forwardRef((e,t)=>{let{appearance:o=d.appearance.default,accentColor:a=d.accentColor.default,grayColor:n=d.grayColor.default,material:p=d.material.default,panelBackground:s=d.panelBackground.default,radius:i=d.radius.default,scaling:l=d.scaling.default,fontFamily:m=d.fontFamily.default,headingFontFamily:u,hasBackground:g=d.hasBackground.default,...h}=e;Fe(e.panelBackground);let[C,v]=W(o),[R,j]=W(a),[T,E]=W(n),x=p!==d.material.default?p:s,[b,H]=W(x),[M,_]=W(b),[q,ye]=W(i),[$,ge]=W(l),[c,y]=W(m),[O,F]=W(u);return D.createElement(lt,{...h,ref:t,isRoot:!0,hasBackground:g,appearance:C,accentColor:R,grayColor:T,material:b,panelBackground:M,radius:q,scaling:$,fontFamily:c,headingFontFamily:O,onAppearanceChange:v,onAccentColorChange:j,onGrayColorChange:E,onMaterialChange:H,onPanelBackgroundChange:_,onRadiusChange:ye,onScalingChange:ge,onFontFamilyChange:y,onHeadingFontFamilyChange:F})});Zt.displayName="ThemeRoot";function br(){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 lt=D.forwardRef((e,t)=>{let o=D.useContext($e),{asChild:a,isRoot:n,hasBackground:p,appearance:s=e.appearance??o?.appearance??d.appearance.default,accentColor:i=e.accentColor??o?.accentColor??d.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??d.grayColor.default,material:m=e.material??o?.material??d.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??d.panelBackground.default,radius:g=e.radius??o?.radius??d.radius.default,scaling:h=e.scaling??o?.scaling??d.scaling.default,fontFamily:C=e.fontFamily??o?.fontFamily??d.fontFamily.default,headingFontFamily:v=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:R=V,onAccentColorChange:j=V,onGrayColorChange:T=V,onMaterialChange:E=V,onPanelBackgroundChange:x=V,onRadiusChange:b=V,onScalingChange:H=V,onFontFamilyChange:M=V,onHeadingFontFamilyChange:_=V,...q}=e,ye=a?ce.Slot.Root:"div",$=l==="auto"?ze(i):l,ge=e.appearance==="light"||e.appearance==="dark",c=p===void 0?n||ge:p,y=D.useRef(null),O=(0,Ke.useComposedRefs)(t,y),F="data-os"in q;return(0,Ke.useLayoutEffect)(()=>{if(!n||F)return;let Y=y.current;if(!Y)return;let De=br();if(De)return Y.setAttribute("data-os",De),()=>Y.removeAttribute("data-os")},[n,F]),D.createElement($e.Provider,{value:D.useMemo(()=>({appearance:s,accentColor:i,grayColor:l,resolvedGrayColor:$,material:m,panelBackground:u,radius:g,scaling:h,fontFamily:C,headingFontFamily:v,onAppearanceChange:R,onAccentColorChange:j,onGrayColorChange:T,onMaterialChange:E,onPanelBackgroundChange:x,onRadiusChange:b,onScalingChange:H,onFontFamilyChange:M,onHeadingFontFamilyChange:_}),[s,i,l,$,m,u,g,h,C,v,R,j,T,E,x,b,H,M,_])},D.createElement(ye,{"data-is-root-theme":n?"true":"false","data-accent-color":i,"data-gray-color":$,"data-has-background":c?"true":"false","data-material":m,"data-panel-background":u,"data-radius":g,"data-scaling":h,"data-font-family":C,"data-heading-font-family":v,ref:O,...q,className:(0,Kt.default)("radix-themes",{light:s==="light",dark:s==="dark"},q.className)}))});lt.displayName="ThemeImpl";var Ut={content:{type:"ReactNode",required:!0},width:G.width,minWidth:G.minWidth,maxWidth:{...G.maxWidth,default:"360px"}};var U=I.forwardRef((e,t)=>{let{children:o,className:a,open:n,defaultOpen:p,onOpenChange:s,delayDuration:i,disableHoverableContent:l,content:m,container:u,forceMount:g,...h}=S(e,Ut),C={open:n,defaultOpen:p,onOpenChange:s,delayDuration:i,disableHoverableContent:l};return I.createElement(ue.Tooltip.Root,{...C},I.createElement(ue.Tooltip.Trigger,{asChild:!0},o),I.createElement(ue.Tooltip.Portal,{container:u,forceMount:g},I.createElement(Z,{asChild:!0},I.createElement(ue.Tooltip.Content,{sideOffset:4,collisionPadding:10,...h,asChild:!1,ref:t,className:(0,_t.default)("rt-TooltipContent",a)},I.createElement(K,{as:"p",className:"rt-TooltipText",size:"1"},m),I.createElement(ue.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});U.displayName="Tooltip";var Ze=P(require("react"));function Ue(e){let t=Ze.useId(),o=!!e,a=Ze.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:a}}var mt=X.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:a="top",tooltipAlign:n="center",tooltipDelayDuration:p,tooltipDisableHoverableContent:s,overrideStyles:i,...l},m)=>{let{tooltipId:u,hasTooltip:g,accessibilityProps:h}=Ue(o),C=X.useMemo(()=>{if(!i)return;let j={},T=(x,b)=>{b!==void 0&&(j[x]=b)},E=(x,b)=>{b&&(T(`--button-override-${x}color`,b.color),T(`--button-override-${x}background`,b.background),T(`--button-override-${x}background-color`,b.backgroundColor),T(`--button-override-${x}box-shadow`,b.boxShadow),T(`--button-override-${x}filter`,b.filter),T(`--button-override-${x}outline`,b.outline),T(`--button-override-${x}outline-offset`,b.outlineOffset),T(`--button-override-${x}opacity`,b.opacity))};return E("",i.normal),E("hover-",i.hover),E("active-",i.active),E("pressed-",i.pressed),E("open-",i.open),E("disabled-",i.disabled),i.focus&&(T("--button-override-focus-outline",i.focus.outline),T("--button-override-focus-outline-offset",i.focus.outlineOffset)),j},[i]),v=X.useMemo(()=>C?{...C,...t}:t,[C,t]),R=X.createElement(ve,{...l,...h,ref:m,className:(0,qt.default)("rt-Button",e),style:v});return g?X.createElement(U,{content:o,side:a,align:n,delayDuration:p,disableHoverableContent:s,id:u},R):R});mt.displayName="Button";var _e=P(require("react")),Xt=P(require("classnames"));var Rr=["div","span"],Dr=["none","inline-grid","grid"],Tr=["1","2","3","4","5","6","7","8","9"],xr=["1","2","3","4","5","6","7","8","9"],wr=["row","column","dense","row-dense","column-dense"],Nr=["start","center","end","baseline","stretch"],Sr=["start","center","end","between"],Br=["start","center","end","baseline","between","around","evenly","stretch"],kr=["start","center","end","baseline","stretch"],ct={as:{type:"enum",values:Rr,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:Dr,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:Tr,parseValue:Yt,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:xr,parseValue:Yt,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:wr,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:Nr,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Sr,parseValue:Vr,responsive:!0},alignContent:{type:"enum",className:"rt-r-ac",values:Br,parseValue:Er,responsive:!0},justifyItems:{type:"enum",className:"rt-r-ji",values:kr,responsive:!0},...Le};function Yt(e){return ct.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function Vr(e){return e==="between"?"space-between":e}function Er(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}var be=_e.forwardRef((e,t)=>{let{className:o,asChild:a,as:n="div",...p}=S(e,ct,me,k);return _e.createElement(a?ie:n,{...p,ref:t,className:(0,Xt.default)("rt-Grid",o)})});be.displayName="Grid";var ne=P(require("react")),Qt=require("radix-ui");var Lr=["h1","h2","h3","h4","h5","h6"],jr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Jt={as:{type:"enum",values:Lr,default:"h1"},...N,size:{type:"enum",className:"rt-r-size",values:jr,default:"6",responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ve,...Ae};var Fr={...Jt,...k},qe=ne.memo(ne.forwardRef((e,t)=>{let{children:o,className:a,asChild:n,as:p="h1",color:s,...i}=S(e,Fr),l=a?`rt-Heading ${a}`:"rt-Heading";return n?ne.createElement(Qt.Slot.Root,{"data-accent-color":s,...i,ref:t,className:l},o):ne.createElement(p,{"data-accent-color":s,...i,ref:t,className:l},o)}));qe.displayName="Heading";var Re=P(require("react")),eo=P(require("classnames"));var ut=Re.forwardRef(({className:e,tooltip:t,tooltipSide:o="top",tooltipAlign:a="center",tooltipDelayDuration:n,tooltipDisableHoverableContent:p,...s},i)=>{let{tooltipId:l,hasTooltip:m,accessibilityProps:u}=Ue(t),g="aria-label"in s&&s["aria-label"],h="aria-labelledby"in s&&s["aria-labelledby"],C="children"in s&&s.children;!g&&!h&&!C&&console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
|
|
1
|
+
"use strict";"use client";var So=Object.create;var Te=Object.defineProperty;var Bo=Object.getOwnPropertyDescriptor;var ko=Object.getOwnPropertyNames;var Eo=Object.getPrototypeOf,Vo=Object.prototype.hasOwnProperty;var Lo=(e,t)=>{for(var o in t)Te(e,o,{get:t[o],enumerable:!0})},bt=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ko(t))!Vo.call(e,n)&&n!==o&&Te(e,n,{get:()=>t[n],enumerable:!(a=Bo(t,n))||a.enumerable});return e};var P=(e,t,o)=>(o=e!=null?So(Eo(e)):{},bt(t||!e||!e.__esModule?Te(o,"default",{value:e,enumerable:!0}):o,e)),Fo=e=>bt(Te({},"__esModule",{value:!0}),e);var Xr={};Lo(Xr,{ThemePanel:()=>wo,ThemePanelContent:()=>Ct});module.exports=Fo(Xr);var r=P(require("react")),Do=require("radix-ui/internal"),To=require("react-dom");var Rt=require("radix-ui"),Dt=Rt.AccessibleIcon.Root;var Be=P(require("react")),Bt=P(require("classnames"));var xe=require("radix-ui"),es=xe.Slot.Root,le=xe.Slot.Root,ts=xe.Slot.Slottable;var N={asChild:{type:"boolean"}};var Ao=["div","span"],jo=["none","inline","inline-block","block","contents"],Tt={as:{type:"enum",values:Ao,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:jo,responsive:!0}};var Nt=P(require("classnames"));var Ho=[],Mo=new Set;function Oo(e){let t=Object.assign({},...e),o=[],a=[],n=new Set;for(let i in t){let s=t[i],p=s.values??Ho,l={key:i,type:s.type,default:s.default,hasDefault:s.default!==void 0,responsive:"responsive"in s,className:s.className,customProperties:s.customProperties,parseValue:s.parseValue,values:p,valueSet:p.length>0?new Set(p):Mo,enumValueSet:s.type==="enum"?new Set([s.default,...p]):void 0};s.className?(o.push(l),n.add(i)):(l.hasDefault||s.type==="enum")&&a.push(l)}return{styling:o,passthrough:a,stylingKeys:n}}var Go={children:new WeakMap};function xt(e){let t=Go;for(let o=0;o<e.length;o++){let a=e[o],n=t.children.get(a);n===void 0&&(n={children:new WeakMap},t.children.set(a,n)),t=n}return t.compiled??(t.compiled=Oo(e))}var Wo=["initial","xs","sm","md","lg","xl"],tt=new Set(Wo);function ot(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Io=new Set(["initial","xs","sm","md","lg","xl"]);function Q(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Io.has(t))return!0;return!1}function we(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ne({className:e,customProperties:t,...o}){let a=me({allowArbitraryValues:!0,className:e,...o}),n=zo({customProperties:t,...o});return[a,n]}function me({allowArbitraryValues:e,value:t,className:o,propValues:a,propValueSet:n,parseValue:i=s=>s}){if(t){if(typeof t=="string")return we(a,n,t)?wt(o,t,i):e?o:void 0;if(Q(t)){let s=t,p=[];for(let l in s){if(!ot(s,l)||!tt.has(l))continue;let m=s[l];if(m!==void 0){if(we(a,n,m)){let u=wt(o,m,i),g=l==="initial"?u:`${l}:${u}`;p.push(g)}else if(e){let u=l==="initial"?o:`${l}:${o}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(e)return o}}function wt(e,t,o){let a=e?"-":"",n=o(t),i=n?.startsWith("-"),s=i?"-":"",p=i?n?.substring(1):n;return`${s}${e}${a}${p}`}function zo({customProperties:e,value:t,propValues:o,propValueSet:a,parseValue:n=i=>i}){if(!t||typeof t=="string"&&we(o,a,t))return;let i;if(typeof t=="string"){let s=n(t);i={};for(let p of e)i[p]=s;return i}if(Q(t)){let s=t;for(let p in s){if(!ot(s,p)||!tt.has(p))continue;let l=s[p];if(l===void 0||we(o,a,l))continue;let m=n(l);i??(i={});for(let u of e){let g=p==="initial"?u:`${u}-${p}`;i[g]=m}}}return i??{}}function ee(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function $o(e,t){let o=e.initial,a=!1;return t.hasDefault&&o===void 0&&(o=t.default,a=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,a=!0),a?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:a,stylingKeys:n}=xt(t),i={};for(let l in e)n.has(l)||(i[l]=e[l]);for(let l=0;l<a.length;l++){let m=a[l],u=i[m.key];if(u===void 0){m.hasDefault&&(i[m.key]=m.default);continue}m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!Q(u)&&(i[m.key]=m.default)}let s,p=[];for(let l=0;l<o.length;l++){let m=o[l],u=e[m.key];if(u===void 0&&m.hasDefault&&(u=m.default),m.enumValueSet!==void 0&&!m.enumValueSet.has(u)&&!Q(u)&&(u=m.default),!!u){if(Q(u)){if(!m.responsive)continue;u=$o(u,m)}if(m.type==="enum"){let g=me({allowArbitraryValues:!1,value:u,className:m.className,propValues:m.values,propValueSet:m.valueSet,parseValue:m.parseValue});g&&p.push(g);continue}if(m.type==="string"||m.type==="enum | string"){let[g,h]=Ne({className:m.className,customProperties:m.customProperties,propValues:m.type==="string"?[]:m.values,propValueSet:m.type==="string"?void 0:m.valueSet,parseValue:m.parseValue,value:u});h&&(s=ee(s,h)),g&&p.push(g);continue}if(m.type==="boolean"){p.push(m.className);continue}}}return i.className=(0,Nt.default)(p.length>0?p.join(" "):void 0,e.className),i.style=ee(s,e.style),i}var te=["0","1","2","3","4","5","6","7","8","9","10","11","12"],St={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:te,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:te,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:te,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:te,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:te,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:te,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:te,responsive:!0}};var Se={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 G={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 rt=["visible","hidden","clip","scroll","auto"],Ko=["static","relative","absolute","fixed","sticky"],he=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],Zo=["0","1"],Uo=["0","1"],_o=["start","center","end","baseline","stretch"],qo=["start","center","end","baseline","stretch"],ce={...St,...G,...Se,position:{type:"enum",className:"rt-r-position",values:Ko,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:he,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:he,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:he,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:he,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:he,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:rt,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:rt,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:rt,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:Zo,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:Uo,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:_o,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:qo,responsive:!0}};var oe=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],E={m:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:oe,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var re=Be.forwardRef((e,t)=>{let{className:o,asChild:a,as:n="div",...i}=S(e,Tt,ce,E);return Be.createElement(a?le:n,{...i,ref:t,className:(0,Bt.default)("rt-Box",o)})});re.displayName="Box";var X=P(require("react")),Yt=P(require("classnames"));var B=P(require("react")),Wt=P(require("classnames")),It=require("radix-ui");var ke=["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"],kt=["auto","gray","mauve","slate","sage","olive","sand"],Ee={color:{type:"enum",values:ke,default:void 0}},Et={color:{type:"enum",values:ke,default:""}};var st=["none","small","medium","large","full"],Ve={radius:{type:"enum",values:st,default:void 0}};var Yo=["1","2","3","4"],Xo=["classic","solid","soft","surface","outline","ghost","override"],Jo=["solid","translucent"],Qo=["solid","translucent"],nt={...N,size:{type:"enum",className:"rt-r-size",values:Yo,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:Xo,default:"solid"},...Et,...Ve,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:Qo,default:void 0},panelBackground:{type:"enum",values:Jo,default:void 0},flush:{type:"boolean",default:!1}};var Fe=P(require("react")),Lt=P(require("classnames"));var at=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Le={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:at,responsive:!0},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:at,responsive:!0},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:at,responsive:!0}};var er=["div","span"],tr=["none","inline-flex","flex"],or=["row","column","row-reverse","column-reverse"],rr=["start","center","end","baseline","stretch"],sr=["start","center","end","between"],nr=["nowrap","wrap","wrap-reverse"],Vt={as:{type:"enum",values:er,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:tr,responsive:!0},direction:{type:"enum",className:"rt-r-fd",values:or,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:rr,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:sr,parseValue:ar,responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:nr,responsive:!0},...Le};function ar(e){return e==="between"?"space-between":e}var w=Fe.forwardRef((e,t)=>{let{className:o,asChild:a,as:n="div",...i}=S(e,Vt,ce,E);return Fe.createElement(a?le:n,{...i,ref:t,className:(0,Lt.default)("rt-Flex",o)})});w.displayName="Flex";var L=P(require("react")),At=P(require("classnames"));var ir=["1","2","3"],Ft={size:{type:"enum",className:"rt-r-size",values:ir,default:"2",responsive:!0},loading:{type:"boolean",default:!0}};var it=L.forwardRef((e,t)=>{let{className:o,children:a,loading:n,...i}=S(e,Ft,E);if(!n)return a;let s=L.createElement("span",{...i,ref:t,className:(0,At.default)("rt-Spinner",o)},L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}),L.createElement("span",{className:"rt-SpinnerLeaf"}));return a===void 0?s:L.createElement(w,{asChild:!0,position:"relative",align:"center",justify:"center"},L.createElement("span",null,L.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},a),L.createElement(w,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},L.createElement("span",null,s))))});it.displayName="Spinner";var pt=require("radix-ui"),jt=pt.VisuallyHidden.Root,on=pt.VisuallyHidden.Root;var Mt=P(require("react")),pr="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",Ht=new Set;function lr(e){Ht.has(e)||(Ht.add(e),console.warn(e))}function Ae(e){Mt.useEffect(()=>{},[e])}function Ot(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([o,a])=>[o,t(a)]))}function Gt(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}var ve=B.forwardRef((e,t)=>{let{size:o=nt.size.default}=e,{className:a,children:n,asChild:i,as:s,color:p,radius:l,material:m,panelBackground:u,flush:g,disabled:h=e.loading,...b}=S(e,nt,E);Ae(e.panelBackground);let v=m??u,D=i?It.Slot.Root:s||"button",F=i||!s||["button","input","textarea","select"].includes(s),x=!i&&(!s||s==="button"),k="type"in b,R=B.useId(),C=e.loading?`${R}-loading`:void 0,H=B.useMemo(()=>typeof n=="string"?n:B.isValidElement(n)&&typeof n.props?.children=="string"?n.props.children:"button",[n]),M=B.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":C,"aria-label":`${H} (loading)`}:{},[e.loading,C,H]);return B.createElement(D,{"data-disabled":h||void 0,"data-accent-color":p,"data-radius":l,"data-material":v,"data-panel-background":v,"data-flush":g?"true":void 0,...b,...M,ref:t,className:(0,Wt.default)("rt-reset","rt-BaseButton",a),...F&&{disabled:h},...x&&!k?{type:"button"}:{}},e.loading?B.createElement(B.Fragment,null,B.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),B.createElement(jt,null,B.createElement("span",{id:C},H," is loading, please wait..."),n),B.createElement(w,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},B.createElement("span",null,B.createElement(it,{size:Ot(o,Gt),"aria-hidden":"true"})))):n)});ve.displayName="BaseButton";var I=P(require("react")),qt=P(require("classnames")),fe=require("radix-ui");var se=P(require("react")),$t=require("radix-ui");var mr=["loud","medium","quiet"],je={emphasis:{type:"enum",className:"rt-emphasis",values:mr,default:void 0}};var cr=["normal","start","end","both"],He={trim:{type:"enum",className:"rt-r-lt",values:cr,responsive:!0}};var ur=["left","center","right"],Me={align:{type:"enum",className:"rt-r-ta",values:ur,responsive:!0}};var fr=["wrap","nowrap","pretty","balance"],Oe={wrap:{type:"enum",className:"rt-r-tw",values:fr,responsive:!0}};var Ge={truncate:{type:"boolean",className:"rt-truncate"}};var dr=["sans","mono","serif"],We={font:{type:"enum",className:"rt-r-ff",values:dr}};var Pr=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Ie={weight:{type:"enum",className:"rt-r-weight",values:Pr,responsive:!0}};var yr=["span","div","label","p"],gr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],zt={as:{type:"enum",values:yr,default:"span"},...N,size:{type:"enum",className:"rt-r-size",values:gr,responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ee,...je};var hr={...zt,...E},K=se.memo(se.forwardRef((e,t)=>{let{children:o,className:a,asChild:n,as:i="span",color:s,...p}=S(e,hr),l=a?`rt-Text ${a}`:"rt-Text";return n?se.createElement($t.Slot.Root,{"data-accent-color":s,...p,ref:t,className:l},o):se.createElement(i,{"data-accent-color":s,...p,ref:t,className:l},o)}));K.displayName="Text";var T=P(require("react")),Zt=P(require("classnames")),ue=require("radix-ui"),Ke=require("radix-ui/internal");function ze(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 lt=P(require("react"));function W(e){let[t,o]=lt.useState(e),[a,n]=lt.useState(e);return Object.is(e,a)||(n(e),o(e)),[t,o]}var vr=["inherit","light","dark"],Cr=["solid","translucent"],br=["solid","translucent"],Rr=["90%","95%","100%","105%","110%"],Kt=["sans","mono","serif"],d={...N,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:vr,default:"inherit"},accentColor:{type:"enum",values:ke,default:"blue"},grayColor:{type:"enum",values:kt,default:"slate"},material:{type:"enum",values:br,default:"translucent"},panelBackground:{type:"enum",values:Cr,default:"translucent"},radius:{type:"enum",values:st,default:"full"},scaling:{type:"enum",values:Rr,default:"100%"},fontFamily:{type:"enum",values:Kt,default:"sans"},headingFontFamily:{type:"enum",values:Kt}};var V=()=>{},Dr={appearance:d.appearance.default,accentColor:d.accentColor.default,grayColor:d.grayColor.default,resolvedGrayColor:d.grayColor.default,material:d.material.default,panelBackground:d.panelBackground.default,radius:d.radius.default,scaling:d.scaling.default,fontFamily:d.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:V,onAccentColorChange:V,onGrayColorChange:V,onMaterialChange:V,onPanelBackgroundChange:V,onRadiusChange:V,onScalingChange:V,onFontFamilyChange:V,onHeadingFontFamilyChange:V},$e=T.createContext(void 0);function Ce(){return T.useContext($e)??Dr}var Z=T.forwardRef((e,t)=>T.useContext($e)===void 0?T.createElement(ue.Tooltip.Provider,{delayDuration:200},T.createElement(ue.Direction.Provider,{dir:"ltr"},T.createElement(Ut,{...e,ref:t}))):T.createElement(mt,{...e,ref:t}));Z.displayName="Theme";var Ut=T.forwardRef((e,t)=>{let{appearance:o=d.appearance.default,accentColor:a=d.accentColor.default,grayColor:n=d.grayColor.default,material:i=d.material.default,panelBackground:s=d.panelBackground.default,radius:p=d.radius.default,scaling:l=d.scaling.default,fontFamily:m=d.fontFamily.default,headingFontFamily:u,hasBackground:g=d.hasBackground.default,...h}=e;Ae(e.panelBackground);let[b,v]=W(o),[D,F]=W(a),[x,k]=W(n),R=i!==d.material.default?i:s,[C,H]=W(R),[M,_]=W(C),[q,ye]=W(p),[$,ge]=W(l),[c,y]=W(m),[O,A]=W(u);return T.createElement(mt,{...h,ref:t,isRoot:!0,hasBackground:g,appearance:b,accentColor:D,grayColor:x,material:C,panelBackground:M,radius:q,scaling:$,fontFamily:c,headingFontFamily:O,onAppearanceChange:v,onAccentColorChange:F,onGrayColorChange:k,onMaterialChange:H,onPanelBackgroundChange:_,onRadiusChange:ye,onScalingChange:ge,onFontFamilyChange:y,onHeadingFontFamilyChange:A})});Ut.displayName="ThemeRoot";function Tr(){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 mt=T.forwardRef((e,t)=>{let o=T.useContext($e),{asChild:a,isRoot:n,hasBackground:i,appearance:s=e.appearance??o?.appearance??d.appearance.default,accentColor:p=e.accentColor??o?.accentColor??d.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??d.grayColor.default,material:m=e.material??o?.material??d.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??d.panelBackground.default,radius:g=e.radius??o?.radius??d.radius.default,scaling:h=e.scaling??o?.scaling??d.scaling.default,fontFamily:b=e.fontFamily??o?.fontFamily??d.fontFamily.default,headingFontFamily:v=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:D=V,onAccentColorChange:F=V,onGrayColorChange:x=V,onMaterialChange:k=V,onPanelBackgroundChange:R=V,onRadiusChange:C=V,onScalingChange:H=V,onFontFamilyChange:M=V,onHeadingFontFamilyChange:_=V,...q}=e,ye=a?ue.Slot.Root:"div",$=l==="auto"?ze(p):l,ge=e.appearance==="light"||e.appearance==="dark",c=i===void 0?n||ge:i,y=T.useRef(null),O=(0,Ke.useComposedRefs)(t,y),A="data-os"in q;return(0,Ke.useLayoutEffect)(()=>{if(!n||A)return;let Y=y.current;if(!Y)return;let De=Tr();if(De)return Y.setAttribute("data-os",De),()=>Y.removeAttribute("data-os")},[n,A]),T.createElement($e.Provider,{value:T.useMemo(()=>({appearance:s,accentColor:p,grayColor:l,resolvedGrayColor:$,material:m,panelBackground:u,radius:g,scaling:h,fontFamily:b,headingFontFamily:v,onAppearanceChange:D,onAccentColorChange:F,onGrayColorChange:x,onMaterialChange:k,onPanelBackgroundChange:R,onRadiusChange:C,onScalingChange:H,onFontFamilyChange:M,onHeadingFontFamilyChange:_}),[s,p,l,$,m,u,g,h,b,v,D,F,x,k,R,C,H,M,_])},T.createElement(ye,{"data-is-root-theme":n?"true":"false","data-accent-color":p,"data-gray-color":$,"data-has-background":c?"true":"false","data-material":m,"data-panel-background":u,"data-radius":g,"data-scaling":h,"data-font-family":b,"data-heading-font-family":v,ref:O,...q,className:(0,Zt.default)("radix-themes",{light:s==="light",dark:s==="dark"},q.className)}))});mt.displayName="ThemeImpl";var _t={content:{type:"ReactNode",required:!0},width:G.width,minWidth:G.minWidth,maxWidth:{...G.maxWidth,default:"360px"}};var U=I.forwardRef((e,t)=>{let{children:o,className:a,open:n,defaultOpen:i,onOpenChange:s,delayDuration:p,disableHoverableContent:l,content:m,container:u,forceMount:g,...h}=S(e,_t),b={open:n,defaultOpen:i,onOpenChange:s,delayDuration:p,disableHoverableContent:l};return I.createElement(fe.Tooltip.Root,{...b},I.createElement(fe.Tooltip.Trigger,{asChild:!0},o),I.createElement(fe.Tooltip.Portal,{container:u,forceMount:g},I.createElement(Z,{asChild:!0},I.createElement(fe.Tooltip.Content,{sideOffset:4,collisionPadding:10,...h,asChild:!1,ref:t,className:(0,qt.default)("rt-TooltipContent",a)},I.createElement(K,{as:"p",className:"rt-TooltipText",size:"1"},m),I.createElement(fe.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});U.displayName="Tooltip";var Ze=P(require("react"));function Ue(e){let t=Ze.useId(),o=!!e,a=Ze.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:a}}var ct=X.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:a="top",tooltipAlign:n="center",tooltipDelayDuration:i,tooltipDisableHoverableContent:s,overrideStyles:p,...l},m)=>{let{tooltipId:u,hasTooltip:g,accessibilityProps:h}=Ue(o),b=X.useMemo(()=>{if(!p)return;let F={},x=(R,C)=>{C!==void 0&&(F[R]=C)},k=(R,C)=>{C&&(x(`--button-override-${R}color`,C.color),x(`--button-override-${R}background`,C.background),x(`--button-override-${R}background-color`,C.backgroundColor),x(`--button-override-${R}box-shadow`,C.boxShadow),x(`--button-override-${R}filter`,C.filter),x(`--button-override-${R}outline`,C.outline),x(`--button-override-${R}outline-offset`,C.outlineOffset),x(`--button-override-${R}opacity`,C.opacity))};return k("",p.normal),k("hover-",p.hover),k("active-",p.active),k("pressed-",p.pressed),k("open-",p.open),k("disabled-",p.disabled),p.focus&&(x("--button-override-focus-outline",p.focus.outline),x("--button-override-focus-outline-offset",p.focus.outlineOffset)),F},[p]),v=X.useMemo(()=>b?{...b,...t}:t,[b,t]),D=X.createElement(ve,{...l,...h,ref:m,className:(0,Yt.default)("rt-Button",e),style:v});return g?X.createElement(U,{content:o,side:a,align:n,delayDuration:i,disableHoverableContent:s,id:u},D):D});ct.displayName="Button";var _e=P(require("react")),Jt=P(require("classnames"));var xr=["div","span"],wr=["none","inline-grid","grid"],Nr=["1","2","3","4","5","6","7","8","9"],Sr=["1","2","3","4","5","6","7","8","9"],Br=["row","column","dense","row-dense","column-dense"],kr=["start","center","end","baseline","stretch"],Er=["start","center","end","between"],Vr=["start","center","end","baseline","between","around","evenly","stretch"],Lr=["start","center","end","baseline","stretch"],ut={as:{type:"enum",values:xr,default:"div"},...N,display:{type:"enum",className:"rt-r-display",values:wr,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:Nr,parseValue:Xt,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:Sr,parseValue:Xt,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:Br,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:kr,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:Er,parseValue:Fr,responsive:!0},alignContent:{type:"enum",className:"rt-r-ac",values:Vr,parseValue:Ar,responsive:!0},justifyItems:{type:"enum",className:"rt-r-ji",values:Lr,responsive:!0},...Le};function Xt(e){return ut.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function Fr(e){return e==="between"?"space-between":e}function Ar(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}var be=_e.forwardRef((e,t)=>{let{className:o,asChild:a,as:n="div",...i}=S(e,ut,ce,E);return _e.createElement(a?le:n,{...i,ref:t,className:(0,Jt.default)("rt-Grid",o)})});be.displayName="Grid";var ne=P(require("react")),eo=require("radix-ui");var jr=["h1","h2","h3","h4","h5","h6"],Hr=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Qt={as:{type:"enum",values:jr,default:"h1"},...N,size:{type:"enum",className:"rt-r-size",values:Hr,default:"6",responsive:!0},...We,...Ie,...Me,...He,...Ge,...Oe,...Ee,...je};var Mr={...Qt,...E},qe=ne.memo(ne.forwardRef((e,t)=>{let{children:o,className:a,asChild:n,as:i="h1",color:s,...p}=S(e,Mr),l=a?`rt-Heading ${a}`:"rt-Heading";return n?ne.createElement(eo.Slot.Root,{"data-accent-color":s,...p,ref:t,className:l},o):ne.createElement(i,{"data-accent-color":s,...p,ref:t,className:l},o)}));qe.displayName="Heading";var Re=P(require("react")),to=P(require("classnames"));var ft=Re.forwardRef(({className:e,tooltip:t,tooltipSide:o="top",tooltipAlign:a="center",tooltipDelayDuration:n,tooltipDisableHoverableContent:i,...s},p)=>{let{tooltipId:l,hasTooltip:m,accessibilityProps:u}=Ue(t),g="aria-label"in s&&s["aria-label"],h="aria-labelledby"in s&&s["aria-labelledby"],b="children"in s&&s.children;!g&&!h&&!b&&console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
|
|
2
2
|
- aria-label prop with descriptive text
|
|
3
3
|
- aria-labelledby prop referencing a label element
|
|
4
|
-
- or visible text children`);let v=Re.createElement(ve,{...s,...u,ref:
|
|
4
|
+
- or visible text children`);let v=Re.createElement(ve,{...s,...u,ref:p,className:(0,to.default)("rt-IconButton",e)});return m?Re.createElement(U,{content:t,side:o,align:a,delayDuration:n,disableHoverableContent:i,id:l},v):v});ft.displayName="IconButton";var Ye=P(require("react")),ro=P(require("classnames")),so=require("radix-ui");var Or=["1","2","3","4","5","6","7","8","9"],Gr=["classic","soft"],oo={...N,size:{type:"enum",className:"rt-r-size",values:Or,responsive:!0},variant:{type:"enum",className:"rt-variant",values:Gr,default:"classic"}};var dt=Ye.forwardRef((e,t)=>{let{asChild:o,className:a,...n}=S(e,oo,E),i=o?so.Slot.Root:"kbd";return Ye.createElement(i,{...n,ref:t,className:(0,ro.default)("rt-reset","rt-Kbd",a)})});dt.displayName="Kbd";var f=P(require("react")),ie=P(require("classnames")),ae=require("radix-ui");var Xe=P(require("react")),Pt=e=>{if(!Xe.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${Xe.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var Wr=["1","2","3","4"],Ir=["solid","translucent"],no={...N,size:{type:"enum",className:"rt-r-size",values:Wr,default:"2",responsive:!0},panelBackground:{type:"enum",values:Ir,default:void 0},width:G.width,minWidth:G.minWidth,maxWidth:{...G.maxWidth,default:"480px"},...Se};var ao=f.createContext(null),io=e=>{let t=f.useContext(ao);return t},yt=e=>f.createElement(ae.Popover.Root,{...e});yt.displayName="Popover.Root";var gt=f.forwardRef(({children:e,...t},o)=>f.createElement(ae.Popover.Trigger,{...t,ref:o,asChild:!0},Pt(e)));gt.displayName="Popover.Trigger";var ht=f.forwardRef((e,t)=>{let o=Ce(),a=e.panelBackground??o.panelBackground,{className:n,forceMount:i,container:s,panelBackground:p,...l}=S(e,no),m=f.useRef(null),u=f.useCallback(v=>{m.current=v,typeof t=="function"?t(v):t&&(t.current=v)},[t]),[g,h]=f.useState(void 0),b=f.useCallback(v=>{let D=m.current;D&&(v>0?(D.style.setProperty("--popover-toolbar-offset",`${v}px`),D.setAttribute("data-has-toolbar","true")):(D.style.removeProperty("--popover-toolbar-offset"),D.removeAttribute("data-has-toolbar")))},[]);return f.createElement(ae.Popover.Portal,{container:s,forceMount:i},f.createElement(Z,{asChild:!0},f.createElement(ae.Popover.Content,{align:"start",sideOffset:8,collisionPadding:10,...l,ref:u,"aria-labelledby":g,"data-panel-background":a,className:(0,ie.default)("rt-PopperContent","rt-PopoverContent",n)},f.createElement(ao.Provider,{value:f.useMemo(()=>({contentRef:m,setToolbarOffset:b,setLabelId:h}),[b])},e.children))))});ht.displayName="Popover.Content";var zr=f.forwardRef(({children:e,...t},o)=>f.createElement(ae.Popover.Close,{...t,ref:o,asChild:!0},Pt(e)));zr.displayName="Popover.Close";var $r=f.forwardRef(({children:e,...t},o)=>f.createElement(ae.Popover.Anchor,{...t,ref:o}));$r.displayName="Popover.Anchor";var po=f.forwardRef(({className:e,children:t,...o},a)=>{let n=io("Popover.Toolbar"),i=f.useRef(null),s=f.useCallback(p=>{i.current=p,typeof a=="function"?a(p):a&&(a.current=p)},[a]);return f.useEffect(()=>{if(!n||!i.current)return;let p=i.current,l=()=>{let u=p.getBoundingClientRect().height;n.setToolbarOffset(u)};l();let m=new ResizeObserver(l);return m.observe(p),()=>{m.disconnect(),n.setToolbarOffset(0)}},[n]),f.createElement("div",{...o,ref:s,className:(0,ie.default)("rt-PopoverToolbar",e)},t)});po.displayName="Popover.Toolbar";var lo=f.forwardRef(({className:e,...t},o)=>f.createElement("div",{...t,ref:o,className:(0,ie.default)("rt-PopoverToolbarSection","rt-PopoverToolbarLeft",e)}));lo.displayName="Popover.Toolbar.Left";var mo=f.forwardRef(({className:e,...t},o)=>f.createElement("div",{...t,ref:o,className:(0,ie.default)("rt-PopoverToolbarSection","rt-PopoverToolbarCenter",e)}));mo.displayName="Popover.Toolbar.Center";var co=f.forwardRef(({className:e,...t},o)=>f.createElement("div",{...t,ref:o,className:(0,ie.default)("rt-PopoverToolbarSection","rt-PopoverToolbarRight",e)}));co.displayName="Popover.Toolbar.Right";var uo=f.forwardRef(({className:e,id:t,...o},a)=>{let n=io("Popover.Toolbar.Title"),i=f.useId(),s=t??`rt-popover-toolbar-title-${i}`;return f.useEffect(()=>(n?.setLabelId(s),()=>n?.setLabelId(void 0)),[n,s]),f.createElement("span",{...o,id:s,ref:a,className:(0,ie.default)("rt-PopoverToolbarTitle",e)})});uo.displayName="Popover.Toolbar.Title";var qa=Object.assign(po,{Left:lo,Center:mo,Right:co,Title:uo});var j=P(require("react")),et=P(require("classnames")),J=require("radix-ui"),Co=require("radix-ui/internal");var Zr=["1","2","3"],Ur=["vertical","horizontal","both"],pe={...N,size:{type:"enum",className:"rt-r-size",values:Zr,default:"1",responsive:!0},...Ve,scrollbars:{type:"enum",values:Ur,default:"both"},fade:{type:"boolean",default:!1}};var Je=P(require("react"));function fo(e){let[t,o]=Je.useState(null);return Je.useEffect(()=>{if(!e||!t)return;let a=0,n=()=>{a=0;let l=Math.max(0,t.scrollTop),m=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${l}px`),t.style.setProperty("--scroll-overflow-end",`${m}px`)},i=()=>{a||(a=requestAnimationFrame(n))};n(),t.addEventListener("scroll",i,{passive:!0});let s=typeof ResizeObserver>"u"?null:new ResizeObserver(i);s?.observe(t);for(let l of Array.from(t.children))s?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(t,{childList:!0}),()=>{a&&cancelAnimationFrame(a),t.removeEventListener("scroll",i),s?.disconnect(),p?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),o}function Po(e){let{m:t,mx:o,my:a,mt:n,mr:i,mb:s,ml:p,...l}=e;return{m:t,mx:o,my:a,mt:n,mr:i,mb:s,ml:p,rest:l}}var go=E.m.values,_r=new Set(go),yo=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function ho(e){let t,o;for(let a=0;a<yo.length;a++){let{key:n,className:i,customProperties:s}=yo[a],p=e[n];if(p===void 0)continue;let[l,m]=Ne({className:i,customProperties:s,propValues:go,propValueSet:_r,value:p});l&&(t??(t=[])).push(l),m&&(o=ee(o,m))}return[t!==void 0?t.join(" "):"",o]}var Qe=P(require("react"));function vo(e,t){let{asChild:o,children:a}=e;if(!o)return typeof t=="function"?t(a):t;let n=Qe.Children.only(a);return Qe.cloneElement(n,{children:typeof t=="function"?t(n.props.children):t})}var vt=j.forwardRef((e,t)=>{let{rest:o,...a}=Po(e),[n,i]=ho(a),{asChild:s,children:p,className:l,style:m,type:u,scrollHideDelay:g=u!=="scroll"?0:void 0,dir:h,size:b=pe.size.default,radius:v=pe.radius.default,scrollbars:D=pe.scrollbars.default,fade:F=pe.fade.default,...x}=o,k=fo(F),R=(0,Co.useComposedRefs)(t,k);return j.createElement(J.ScrollArea.Root,{type:u,scrollHideDelay:g,className:(0,et.default)("rt-ScrollAreaRoot",n,l),"data-fade":F?"":void 0,style:ee(i,m),asChild:s},vo({asChild:s,children:p},C=>j.createElement(j.Fragment,null,j.createElement(J.ScrollArea.Viewport,{...x,ref:R,className:"rt-ScrollAreaViewport"},C),j.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),D!=="vertical"?j.createElement(J.ScrollArea.Scrollbar,{"data-radius":v,orientation:"horizontal",className:(0,et.default)("rt-ScrollAreaScrollbar",me({className:"rt-r-size",value:b,propValues:pe.size.values}))},j.createElement(J.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,D!=="horizontal"?j.createElement(J.ScrollArea.Scrollbar,{"data-radius":v,orientation:"vertical",className:(0,et.default)("rt-ScrollAreaScrollbar",me({className:"rt-r-size",value:b,propValues:pe.size.values}))},j.createElement(J.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,D==="both"?j.createElement(J.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});vt.displayName="ScrollArea";var bo=P(require("react")),Ro=Number.parseFloat(bo.version)>=19||"";var xo=`
|
|
5
5
|
[contenteditable],
|
|
6
6
|
[role="combobox"],
|
|
7
7
|
[role="listbox"],
|
|
@@ -9,5 +9,5 @@
|
|
|
9
9
|
input:not([type="radio"], [type="checkbox"]),
|
|
10
10
|
select,
|
|
11
11
|
textarea
|
|
12
|
-
`,Do=r.forwardRef(({defaultOpen:e=!0,...t},o)=>{let[a,n]=r.useState(e),p=r.useRef(null),s=r.useRef(null);return r.useEffect(()=>{function i(l){let m=l.altKey||l.ctrlKey||l.shiftKey||l.metaKey,u=document.activeElement?.closest(Ro);if(l.key?.toUpperCase()==="T"&&!m&&!u){let h=!1;(0,bo.flushSync)(()=>{n(C=>(h=!C,h))}),h?(s.current=document.activeElement,p.current?.focus()):s.current?.focus()}}return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[]),r.createElement(To,{...t,ref:o,triggerRef:p,open:a,shortcut:r.createElement(U,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},r.createElement(ft,{asChild:!0,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},r.createElement("button",{type:"button",onClick:()=>n(i=>!i),ref:p,"aria-label":"Toggle the Theme Panel"},"T")))})});Do.displayName="ThemePanel";var To=r.forwardRef((e,t)=>{let{open:o,onAppearanceChange:a,shortcut:n,triggerRef:p,...s}=e,i=Ce();return r.createElement(Z,{asChild:!0,radius:"medium",scaling:"100%"},r.createElement(w,{direction:"column",position:"fixed",top:"0",right:"0",mr:{initial:"2",sm:"4"},mt:{initial:"2",sm:"4"},width:{initial:"360px"},maxHeight:{initial:"calc(100svh - var(--space-2) - var(--space-2))",sm:"calc(100svh - var(--space-4) - var(--space-4))"},maxWidth:{initial:"calc(100svw - var(--space-2) - var(--space-2))",sm:"calc(100svw - var(--space-4) - var(--space-4))"},inert:o?void 0:vo,...s,ref:t,style:{zIndex:999999999,overflow:"hidden",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transitionProperty:"transform, box-shadow",transitionDuration:"200ms",transitionTimingFunction:o?"ease-out":"ease-in",transform:o?"none":"translateX(105%)",boxShadow:o?"var(--shadow-5)":"var(--shadow-2)",...e.style}},r.createElement(ht,null,r.createElement(re,{flexGrow:"1",p:{initial:"4",xs:"5"},position:"relative"},!!n&&r.createElement(re,{position:"absolute",top:"0",right:"0",m:"2"},n),r.createElement(vt,{onAppearanceChange:a,context:i})))))});To.displayName="ThemePanelImpl";var vt=r.forwardRef((e,t)=>{let{onAppearanceChange:o,context:a,...n}=e,p=Ce(),{appearance:s,onAppearanceChange:i,accentColor:l,onAccentColorChange:m,grayColor:u,onGrayColorChange:g,panelBackground:h,onPanelBackgroundChange:C,radius:v,onRadiusChange:R,scaling:j,onScalingChange:T}=a??p,[E,x]=r.useState(s==="inherit"?null:s),b=o!==void 0,H=(0,Co.useCallbackRef)(o),M=r.useCallback(c=>{let y=Zr();if(s!=="inherit"){i(c);return}b?H(c):(x(c),Ur(c)),y()},[s,i,b,H]),_=ze(l),q=u==="auto"?_:u,[ye,$]=r.useState("idle");async function ge(){let c={appearance:s===d.appearance.default?void 0:s,accentColor:l===d.accentColor.default?void 0:l,grayColor:u===d.grayColor.default?void 0:u,panelBackground:h===d.panelBackground.default?void 0:h,radius:v===d.radius.default?void 0:v,scaling:j===d.scaling.default?void 0:j},y=Object.keys(c).filter(F=>c[F]!==void 0).map(F=>`${F}="${c[F]}"`).join(" "),O=y?`<Theme ${y}>`:"<Theme>";$("copying"),await navigator.clipboard.writeText(O),$("copied"),setTimeout(()=>$("idle"),2e3)}return r.useEffect(()=>{function c(y){let O=y.altKey||y.ctrlKey||y.shiftKey||y.metaKey,F=document.activeElement?.closest(Ro);y.key?.toUpperCase()==="D"&&!O&&!F&&M(E==="light"?"dark":"light")}return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[M,E]),r.useEffect(()=>{let c=document.documentElement,y=document.body;function O(){let Y=c.classList.contains("dark")||c.classList.contains("dark-theme")||y.classList.contains("dark")||y.classList.contains("dark-theme");x(s==="inherit"?Y?"dark":"light":s)}let F=new MutationObserver(function(Y){Y.forEach(function(De){De.attributeName==="class"&&O()})});return O(),s==="inherit"&&(F.observe(c,{attributes:!0}),F.observe(y,{attributes:!0})),()=>F.disconnect()},[s]),r.createElement(w,{direction:"column",gap:"5",...n,ref:t},r.createElement(qe,{size:{initial:"3",sm:"5"},trim:"both",as:"h2"},"Theme"),r.createElement(w,{direction:"column",gap:"5"},r.createElement(de,null,r.createElement(Pe,{id:"accent-color-title"},"Accent color"),r.createElement(w,{wrap:"wrap",gap:"2",role:"group","aria-labelledby":"accent-color-title"},d.accentColor.values.map(c=>r.createElement(re,{asChild:!0,key:c},r.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":z(c),style:{backgroundColor:`var(--${c}-9)`}},r.createElement(U,{content:`${z(c)}${l==="gray"&&q!=="gray"?` (${z(q)})`:""}`},r.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:c,checked:l===c,onChange:y=>m(y.target.value)}))))))),r.createElement(de,null,r.createElement(Pe,{id:"gray-color-title"},"Gray color"),r.createElement(w,{wrap:"wrap",gap:"2",role:"group","aria-labelledby":"gray-color-title"},d.grayColor.values.map(c=>r.createElement(w,{key:c,asChild:!0,align:"center",justify:"center"},r.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":z(c),style:{backgroundColor:c==="auto"?`var(--${_}-9)`:c==="gray"?"var(--gray-9)":`var(--${c}-9)`,filter:c==="gray"?"saturate(0)":void 0}},r.createElement(U,{content:`${z(c)}${c==="auto"?` (${z(_)})`:""}`},r.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:c,checked:u===c,onChange:y=>g(y.target.value)}))))))),r.createElement(de,null,r.createElement(Pe,{id:"appearance-title"},"Appearance"),r.createElement(be,{columns:"2",gap:"2",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(c=>r.createElement("label",{key:c,className:"rt-ThemePanelRadioCard"},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:c,checked:E===c,onChange:y=>M(y.target.value)}),r.createElement(w,{align:"center",justify:"center",height:"32px",gap:"2"},c==="light"?r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},r.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},r.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),r.createElement(K,{size:"1",weight:"medium"},z(c))))))),r.createElement(de,null,r.createElement(Pe,{id:"radius-title"},"Radius"),r.createElement(w,{gap:"2",role:"group","aria-labelledby":"radius-title",wrap:"wrap"},d.radius.values.map(c=>r.createElement(w,{key:c,direction:"column",align:"center"},r.createElement("label",{className:"rt-ThemePanelRadioCard"},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${c}`,value:c,checked:v===c,onChange:y=>R(y.target.value)}),r.createElement(Z,{asChild:!0,radius:c},r.createElement(re,{m:"3",width:{initial:"24px",sm:"32px"},height:{initial:"24px",sm:"32px"},style:{borderTopLeftRadius:c==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),r.createElement(re,{asChild:!0,pt:"2"},r.createElement(K,{asChild:!0,size:"1",emphasis:"medium"},r.createElement("label",{htmlFor:`theme-panel-radius-${c}`},z(c)))))))),r.createElement(de,null,r.createElement(Pe,{id:"scaling-title"},"Scaling"),r.createElement(be,{columns:{initial:"repeat(3, 1fr)",sm:"5"},gap:"2",role:"group","aria-labelledby":"scaling-title"},d.scaling.values.map(c=>r.createElement("label",{key:c,className:"rt-ThemePanelRadioCard","aria-label":`Scaling ${c}`},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"scaling",value:c,checked:j===c,onChange:y=>T(y.target.value)}),r.createElement(w,{align:"center",justify:"center",height:"32px"},r.createElement(Z,{asChild:!0,scaling:c},r.createElement(w,{align:"center",justify:"center"},r.createElement(K,{size:"1",weight:"medium"},z(c))))))))),r.createElement(de,null,r.createElement(w,{align:"center",gap:"2"},r.createElement(Pe,{id:"panel-background-title"},"Panel background"),r.createElement(Pt,null,r.createElement(yt,null,r.createElement(ut,{size:"1",variant:"ghost",color:"gray"},r.createElement(Rt,{label:"Learn more about panel background options"},r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",fillRule:"evenodd",clipRule:"evenodd"}))))),r.createElement(gt,{size:"1",width:"220px",maxWidth:"90svw",minWidth:"0",side:"top",align:"center"},r.createElement(K,{as:"p",size:"1"},"Whether Card and Table panels are translucent, showing some of the background behind them.")))),r.createElement(be,{columns:{initial:"1",sm:"2"},rows:{initial:"2",sm:"1"},gap:"2",role:"group","aria-labelledby":"panel-background-title"},d.panelBackground.values.map(c=>r.createElement("label",{key:c,className:"rt-ThemePanelRadioCard"},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"panelBackground",value:c,checked:h===c,onChange:y=>C(y.target.value)}),r.createElement(w,{align:"center",justify:"center",height:"32px",gap:"2"},c==="solid"?r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},r.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},r.createElement("path",{opacity:".05",d:"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".1",d:"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".15",d:"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".2",d:"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".25",d:"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".3",d:"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".35",d:"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".4",d:"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".45",d:"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".5",d:"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),r.createElement(K,{size:"1",weight:"medium"},z(c)))))))),r.createElement(mt,{style:{width:"100%"},onClick:ge},ye==="copied"?"Copied":"Copy Theme"))});vt.displayName="ThemePanelContent";function de(e){return r.createElement(w,{direction:"column",gap:"3",asChild:!0,...e},r.createElement("section",null,e.children))}function Pe(e){return r.createElement(qe,{as:"h3",size:{initial:"1",sm:"2"},...e})}function Zr(){let e=document.createElement("style");return e.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}}function z(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Ur(e){let t=document.documentElement,o=t.classList.contains("light-theme"),a=t.classList.contains("dark-theme"),n=t.classList.contains("light"),p=t.classList.contains("dark");(o||a)&&(t.classList.remove("light-theme","dark-theme"),t.style.colorScheme=e,t.classList.add(`${e}-theme`)),(n||p)&&(t.classList.remove("light","dark"),t.style.colorScheme=e,t.classList.add(e)),!o&&!a&&!n&&!p&&(t.style.colorScheme=e,t.classList.add(e))}
|
|
12
|
+
`,wo=r.forwardRef(({defaultOpen:e=!0,...t},o)=>{let[a,n]=r.useState(e),i=r.useRef(null),s=r.useRef(null);return r.useEffect(()=>{function p(l){let m=l.altKey||l.ctrlKey||l.shiftKey||l.metaKey,u=document.activeElement?.closest(xo);if(l.key?.toUpperCase()==="T"&&!m&&!u){let h=!1;(0,To.flushSync)(()=>{n(b=>(h=!b,h))}),h?(s.current=document.activeElement,i.current?.focus()):s.current?.focus()}}return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[]),r.createElement(No,{...t,ref:o,triggerRef:i,open:a,shortcut:r.createElement(U,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},r.createElement(dt,{asChild:!0,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},r.createElement("button",{type:"button",onClick:()=>n(p=>!p),ref:i,"aria-label":"Toggle the Theme Panel"},"T")))})});wo.displayName="ThemePanel";var No=r.forwardRef((e,t)=>{let{open:o,onAppearanceChange:a,shortcut:n,triggerRef:i,...s}=e,p=Ce();return r.createElement(Z,{asChild:!0,radius:"medium",scaling:"100%"},r.createElement(w,{direction:"column",position:"fixed",top:"0",right:"0",mr:{initial:"2",sm:"4"},mt:{initial:"2",sm:"4"},width:{initial:"360px"},maxHeight:{initial:"calc(100svh - var(--space-2) - var(--space-2))",sm:"calc(100svh - var(--space-4) - var(--space-4))"},maxWidth:{initial:"calc(100svw - var(--space-2) - var(--space-2))",sm:"calc(100svw - var(--space-4) - var(--space-4))"},inert:o?void 0:Ro,...s,ref:t,style:{zIndex:999999999,overflow:"hidden",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transitionProperty:"transform, box-shadow",transitionDuration:"200ms",transitionTimingFunction:o?"ease-out":"ease-in",transform:o?"none":"translateX(105%)",boxShadow:o?"var(--shadow-5)":"var(--shadow-2)",...e.style}},r.createElement(vt,null,r.createElement(re,{flexGrow:"1",p:{initial:"4",xs:"5"},position:"relative"},!!n&&r.createElement(re,{position:"absolute",top:"0",right:"0",m:"2"},n),r.createElement(Ct,{onAppearanceChange:a,context:p})))))});No.displayName="ThemePanelImpl";var Ct=r.forwardRef((e,t)=>{let{onAppearanceChange:o,context:a,...n}=e,i=Ce(),{appearance:s,onAppearanceChange:p,accentColor:l,onAccentColorChange:m,grayColor:u,onGrayColorChange:g,panelBackground:h,onPanelBackgroundChange:b,radius:v,onRadiusChange:D,scaling:F,onScalingChange:x}=a??i,[k,R]=r.useState(s==="inherit"?null:s),C=o!==void 0,H=(0,Do.useCallbackRef)(o),M=r.useCallback(c=>{let y=qr();if(s!=="inherit"){p(c);return}C?H(c):(R(c),Yr(c)),y()},[s,p,C,H]),_=ze(l),q=u==="auto"?_:u,[ye,$]=r.useState("idle");async function ge(){let c={appearance:s===d.appearance.default?void 0:s,accentColor:l===d.accentColor.default?void 0:l,grayColor:u===d.grayColor.default?void 0:u,panelBackground:h===d.panelBackground.default?void 0:h,radius:v===d.radius.default?void 0:v,scaling:F===d.scaling.default?void 0:F},y=Object.keys(c).filter(A=>c[A]!==void 0).map(A=>`${A}="${c[A]}"`).join(" "),O=y?`<Theme ${y}>`:"<Theme>";$("copying"),await navigator.clipboard.writeText(O),$("copied"),setTimeout(()=>$("idle"),2e3)}return r.useEffect(()=>{function c(y){let O=y.altKey||y.ctrlKey||y.shiftKey||y.metaKey,A=document.activeElement?.closest(xo);y.key?.toUpperCase()==="D"&&!O&&!A&&M(k==="light"?"dark":"light")}return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[M,k]),r.useEffect(()=>{let c=document.documentElement,y=document.body;function O(){let Y=c.classList.contains("dark")||c.classList.contains("dark-theme")||y.classList.contains("dark")||y.classList.contains("dark-theme");R(s==="inherit"?Y?"dark":"light":s)}let A=new MutationObserver(function(Y){Y.forEach(function(De){De.attributeName==="class"&&O()})});return O(),s==="inherit"&&(A.observe(c,{attributes:!0}),A.observe(y,{attributes:!0})),()=>A.disconnect()},[s]),r.createElement(w,{direction:"column",gap:"5",...n,ref:t},r.createElement(qe,{size:{initial:"3",sm:"5"},trim:"both",as:"h2"},"Theme"),r.createElement(w,{direction:"column",gap:"5"},r.createElement(de,null,r.createElement(Pe,{id:"accent-color-title"},"Accent color"),r.createElement(w,{wrap:"wrap",gap:"2",role:"group","aria-labelledby":"accent-color-title"},d.accentColor.values.map(c=>r.createElement(re,{asChild:!0,key:c},r.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":z(c),style:{backgroundColor:`var(--${c}-9)`}},r.createElement(U,{content:`${z(c)}${l==="gray"&&q!=="gray"?` (${z(q)})`:""}`},r.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:c,checked:l===c,onChange:y=>m(y.target.value)}))))))),r.createElement(de,null,r.createElement(Pe,{id:"gray-color-title"},"Gray color"),r.createElement(w,{wrap:"wrap",gap:"2",role:"group","aria-labelledby":"gray-color-title"},d.grayColor.values.map(c=>r.createElement(w,{key:c,asChild:!0,align:"center",justify:"center"},r.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":z(c),style:{backgroundColor:c==="auto"?`var(--${_}-9)`:c==="gray"?"var(--gray-9)":`var(--${c}-9)`,filter:c==="gray"?"saturate(0)":void 0}},r.createElement(U,{content:`${z(c)}${c==="auto"?` (${z(_)})`:""}`},r.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:c,checked:u===c,onChange:y=>g(y.target.value)}))))))),r.createElement(de,null,r.createElement(Pe,{id:"appearance-title"},"Appearance"),r.createElement(be,{columns:"2",gap:"2",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(c=>r.createElement("label",{key:c,className:"rt-ThemePanelRadioCard"},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:c,checked:k===c,onChange:y=>M(y.target.value)}),r.createElement(w,{align:"center",justify:"center",height:"32px",gap:"2"},c==="light"?r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},r.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},r.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),r.createElement(K,{size:"1",weight:"medium"},z(c))))))),r.createElement(de,null,r.createElement(Pe,{id:"radius-title"},"Radius"),r.createElement(w,{gap:"2",role:"group","aria-labelledby":"radius-title",wrap:"wrap"},d.radius.values.map(c=>r.createElement(w,{key:c,direction:"column",align:"center"},r.createElement("label",{className:"rt-ThemePanelRadioCard"},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${c}`,value:c,checked:v===c,onChange:y=>D(y.target.value)}),r.createElement(Z,{asChild:!0,radius:c},r.createElement(re,{m:"3",width:{initial:"24px",sm:"32px"},height:{initial:"24px",sm:"32px"},style:{borderTopLeftRadius:c==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),r.createElement(re,{asChild:!0,pt:"2"},r.createElement(K,{asChild:!0,size:"1",emphasis:"medium"},r.createElement("label",{htmlFor:`theme-panel-radius-${c}`},z(c)))))))),r.createElement(de,null,r.createElement(Pe,{id:"scaling-title"},"Scaling"),r.createElement(be,{columns:{initial:"repeat(3, 1fr)",sm:"5"},gap:"2",role:"group","aria-labelledby":"scaling-title"},d.scaling.values.map(c=>r.createElement("label",{key:c,className:"rt-ThemePanelRadioCard","aria-label":`Scaling ${c}`},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"scaling",value:c,checked:F===c,onChange:y=>x(y.target.value)}),r.createElement(w,{align:"center",justify:"center",height:"32px"},r.createElement(Z,{asChild:!0,scaling:c},r.createElement(w,{align:"center",justify:"center"},r.createElement(K,{size:"1",weight:"medium"},z(c))))))))),r.createElement(de,null,r.createElement(w,{align:"center",gap:"2"},r.createElement(Pe,{id:"panel-background-title"},"Panel background"),r.createElement(yt,null,r.createElement(gt,null,r.createElement(ft,{size:"1",variant:"ghost",color:"gray"},r.createElement(Dt,{label:"Learn more about panel background options"},r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",fillRule:"evenodd",clipRule:"evenodd"}))))),r.createElement(ht,{size:"1",width:"220px",maxWidth:"90svw",minWidth:"0",side:"top",align:"center"},r.createElement(K,{as:"p",size:"1"},"Whether Card and Table panels are translucent, showing some of the background behind them.")))),r.createElement(be,{columns:{initial:"1",sm:"2"},rows:{initial:"2",sm:"1"},gap:"2",role:"group","aria-labelledby":"panel-background-title"},d.panelBackground.values.map(c=>r.createElement("label",{key:c,className:"rt-ThemePanelRadioCard"},r.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"panelBackground",value:c,checked:h===c,onChange:y=>b(y.target.value)}),r.createElement(w,{align:"center",justify:"center",height:"32px",gap:"2"},c==="solid"?r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},r.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},r.createElement("path",{opacity:".05",d:"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".1",d:"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".15",d:"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".2",d:"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".25",d:"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".3",d:"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".35",d:"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".4",d:"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".45",d:"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{opacity:".5",d:"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),r.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),r.createElement(K,{size:"1",weight:"medium"},z(c)))))))),r.createElement(ct,{style:{width:"100%"},onClick:ge},ye==="copied"?"Copied":"Copy Theme"))});Ct.displayName="ThemePanelContent";function de(e){return r.createElement(w,{direction:"column",gap:"3",asChild:!0,...e},r.createElement("section",null,e.children))}function Pe(e){return r.createElement(qe,{as:"h3",size:{initial:"1",sm:"2"},...e})}function qr(){let e=document.createElement("style");return e.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}}function z(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Yr(e){let t=document.documentElement,o=t.classList.contains("light-theme"),a=t.classList.contains("dark-theme"),n=t.classList.contains("light"),i=t.classList.contains("dark");(o||a)&&(t.classList.remove("light-theme","dark-theme"),t.style.colorScheme=e,t.classList.add(`${e}-theme`)),(n||i)&&(t.classList.remove("light","dark"),t.style.colorScheme=e,t.classList.add(e)),!o&&!a&&!n&&!i&&(t.style.colorScheme=e,t.classList.add(e))}
|
|
13
13
|
//# sourceMappingURL=theme-panel.js.map
|