pulumi-package-docs 0.2.0 → 0.4.0

package/dist/client/assets/providers._name-FmJEVkdV.js

@@ -0,0 +1 @@
+import{o as e}from"./useSelector-BIt42tGI.js";import{a as t}from"./index-2FzxAhzN.js";var n=e(),r=()=>(0,n.jsx)(t,{});export{r as component};

package/dist/client/assets/{providers._name.functions._token-DXrP4mSE.js → providers._name.functions._token-BzjmNHea.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{o as t}from"./index-CZRUHwIq.js";var n=e(),r=()=>(0,n.jsx)(`main`,{children:(0,n.jsxs)(`p`,{children:[`No function with that name was found.`,` `,(0,n.jsx)(t,{to:`/`,children:`Back to all providers.`})]})});export{r as notFoundComponent};
+import{o as e}from"./useSelector-BIt42tGI.js";import{o as t}from"./index-2FzxAhzN.js";var n=e(),r=()=>(0,n.jsx)(`main`,{children:(0,n.jsxs)(`p`,{children:[`No function with that name was found.`,` `,(0,n.jsx)(t,{to:`/`,children:`Back to all providers.`})]})});export{r as notFoundComponent};

package/dist/client/assets/{providers._name.functions._token-bvc3vrG2.js → providers._name.functions._token-D768U6I-.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{n as t}from"./index-CZRUHwIq.js";import{t as n}from"./MemberDetail-CX9jiyic.js";import{t as r}from"./token-oQmZfAP3.js";var i=e();function a(){let{providerName:e,token:a,fn:o,runtime:s}=t.useLoaderData();return(0,i.jsx)(n,{providerName:e,kind:`Function`,displayName:r(a),token:a,description:o.description,runtime:s,inputProperties:o.inputs?.properties,requiredInputs:o.inputs?.required,outputProperties:o.outputs?.properties,requiredOutputs:o.outputs?.required})}export{a as component};
+import{o as e}from"./useSelector-BIt42tGI.js";import{n as t}from"./index-2FzxAhzN.js";import{t as n}from"./MemberDetail-BS9DbqEt.js";import{t as r}from"./token-oQmZfAP3.js";var i=e();function a(){let{providerName:e,token:a,fn:o,runtime:s}=t.useLoaderData();return(0,i.jsx)(n,{providerName:e,kind:`Function`,displayName:r(a),token:a,description:o.description,runtime:s,inputProperties:o.inputs?.properties,requiredInputs:o.inputs?.required,outputProperties:o.outputs?.properties,requiredOutputs:o.outputs?.required})}export{a as component};

package/dist/client/assets/{providers._name.index-CtKE1x7S.js → providers._name.index-C42yQ95z.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{o as t}from"./index-CZRUHwIq.js";var n=e(),r=()=>(0,n.jsx)(`main`,{children:(0,n.jsxs)(`p`,{children:[`No local provider with that name was found.`,` `,(0,n.jsx)(t,{to:`/`,children:`Back to all providers.`})]})});export{r as notFoundComponent};
+import{o as e}from"./useSelector-BIt42tGI.js";import{o as t}from"./index-2FzxAhzN.js";var n=e(),r=()=>(0,n.jsx)(`main`,{children:(0,n.jsxs)(`p`,{children:[`No local provider with that name was found.`,` `,(0,n.jsx)(t,{to:`/`,children:`Back to all providers.`})]})});export{r as notFoundComponent};

package/dist/client/assets/{providers._name.index-tTXQzRr7.js → providers._name.index-Dm0YiZWP.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{o as t,r as n}from"./index-CZRUHwIq.js";import{a as r,o as i,t as a}from"./token-oQmZfAP3.js";var o=e();function s({token:e,member:n,runtime:s,to:c,providerName:l}){let u=r(i(n.description,s)),d=`deprecationMessage`in n&&n.deprecationMessage;return(0,o.jsxs)(`li`,{className:`doc-list-item`,children:[(0,o.jsx)(t,{to:c,params:{name:l,token:e},children:(0,o.jsx)(`code`,{children:a(e)})}),d&&(0,o.jsx)(`span`,{className:`badge badge-warning`,children:`Deprecated`}),u&&(0,o.jsx)(`p`,{className:`doc-summary`,children:u})]})}function c(){let{ref:e,schema:r,origin:a,error:c,runtime:l}=n.useLoaderData(),u=Object.entries(r?.resources??{}),d=Object.entries(r?.functions??{});return(0,o.jsxs)(`main`,{className:`provider-detail`,children:[(0,o.jsx)(t,{to:`/`,className:`back-link`,children:`← All providers`}),(0,o.jsx)(`h1`,{children:e.name}),(0,o.jsxs)(`p`,{className:`subtitle`,children:[e.source,e.version?` @ ${e.version}`:``,e.parameters?.length?` (${e.parameters.join(` `)})`:``]}),a===`error`||!r?(0,o.jsxs)(`p`,{className:`banner banner-failure`,children:[`Failed to load schema: `,c??`unknown error`]}):(0,o.jsxs)(o.Fragment,{children:[a===`cache`&&(0,o.jsxs)(`p`,{className:`banner banner-info`,children:[`Showing a cached schema (the `,(0,o.jsx)(`code`,{children:`pulumi`}),` CLI call failed on this load).`]}),r.description&&(0,o.jsx)(`p`,{children:i(r.description,l)}),(0,o.jsx)(`h2`,{children:`Resources`}),u.length===0?(0,o.jsx)(`p`,{className:`empty-state`,children:`No resources.`}):(0,o.jsx)(`ul`,{className:`doc-list`,children:u.map(([t,n])=>(0,o.jsx)(s,{token:t,member:n,runtime:l,to:`/providers/$name/resources/$token`,providerName:e.name},t))}),(0,o.jsx)(`h2`,{children:`Functions`}),d.length===0?(0,o.jsx)(`p`,{className:`empty-state`,children:`No functions.`}):(0,o.jsx)(`ul`,{className:`doc-list`,children:d.map(([t,n])=>(0,o.jsx)(s,{token:t,member:n,runtime:l,to:`/providers/$name/functions/$token`,providerName:e.name},t))})]})]})}export{c as component};
+import{o as e}from"./useSelector-BIt42tGI.js";import{o as t,r as n}from"./index-2FzxAhzN.js";import{a as r,o as i,t as a}from"./token-oQmZfAP3.js";var o=e();function s({token:e,member:n,runtime:s,to:c,providerName:l}){let u=r(i(n.description,s)),d=`deprecationMessage`in n&&n.deprecationMessage;return(0,o.jsxs)(`li`,{className:`doc-list-item`,children:[(0,o.jsx)(t,{to:c,params:{name:l,token:e},children:(0,o.jsx)(`code`,{children:a(e)})}),d&&(0,o.jsx)(`span`,{className:`badge badge-warning`,children:`Deprecated`}),u&&(0,o.jsx)(`p`,{className:`doc-summary`,children:u})]})}function c(){let{ref:e,schema:r,origin:a,error:c,runtime:l}=n.useLoaderData(),u=Object.entries(r?.resources??{}),d=Object.entries(r?.functions??{});return(0,o.jsxs)(`main`,{className:`provider-detail`,children:[(0,o.jsx)(t,{to:`/`,className:`back-link`,children:`← All providers`}),(0,o.jsx)(`h1`,{children:e.name}),(0,o.jsxs)(`p`,{className:`subtitle`,children:[e.source,e.version?` @ ${e.version}`:``,e.parameters?.length?` (${e.parameters.join(` `)})`:``]}),a===`error`||!r?(0,o.jsxs)(`p`,{className:`banner banner-failure`,children:[`Failed to load schema: `,c??`unknown error`]}):(0,o.jsxs)(o.Fragment,{children:[a===`cache`&&(0,o.jsxs)(`p`,{className:`banner banner-info`,children:[`Showing a cached schema (the `,(0,o.jsx)(`code`,{children:`pulumi`}),` CLI call failed on this load).`]}),r.description&&(0,o.jsx)(`p`,{children:i(r.description,l)}),(0,o.jsx)(`h2`,{children:`Resources`}),u.length===0?(0,o.jsx)(`p`,{className:`empty-state`,children:`No resources.`}):(0,o.jsx)(`ul`,{className:`doc-list`,children:u.map(([t,n])=>(0,o.jsx)(s,{token:t,member:n,runtime:l,to:`/providers/$name/resources/$token`,providerName:e.name},t))}),(0,o.jsx)(`h2`,{children:`Functions`}),d.length===0?(0,o.jsx)(`p`,{className:`empty-state`,children:`No functions.`}):(0,o.jsx)(`ul`,{className:`doc-list`,children:d.map(([t,n])=>(0,o.jsx)(s,{token:t,member:n,runtime:l,to:`/providers/$name/functions/$token`,providerName:e.name},t))})]})]})}export{c as component};

package/dist/client/assets/{providers._name.resources._token--BZM8RBv.js → providers._name.resources._token-CIYPoqyA.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{t}from"./index-CZRUHwIq.js";import{t as n}from"./MemberDetail-CX9jiyic.js";import{t as r}from"./token-oQmZfAP3.js";var i=e();function a(){let{providerName:e,token:a,resource:o,runtime:s}=t.useLoaderData();return(0,i.jsx)(n,{providerName:e,kind:`Resource`,displayName:r(a),token:a,description:o.description,deprecationMessage:o.deprecationMessage,runtime:s,inputProperties:o.inputProperties,requiredInputs:o.requiredInputs,outputProperties:o.properties,requiredOutputs:o.required})}export{a as component};
+import{o as e}from"./useSelector-BIt42tGI.js";import{t}from"./index-2FzxAhzN.js";import{t as n}from"./MemberDetail-BS9DbqEt.js";import{t as r}from"./token-oQmZfAP3.js";var i=e();function a(){let{providerName:e,token:a,resource:o,runtime:s}=t.useLoaderData();return(0,i.jsx)(n,{providerName:e,kind:`Resource`,displayName:r(a),token:a,description:o.description,deprecationMessage:o.deprecationMessage,runtime:s,inputProperties:o.inputProperties,requiredInputs:o.requiredInputs,outputProperties:o.properties,requiredOutputs:o.required})}export{a as component};

package/dist/client/assets/{providers._name.resources._token-CbZkRkaE.js → providers._name.resources._token-D0OLvgo_.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{o as t}from"./index-CZRUHwIq.js";var n=e(),r=()=>(0,n.jsx)(`main`,{children:(0,n.jsxs)(`p`,{children:[`No resource with that name was found.`,` `,(0,n.jsx)(t,{to:`/`,children:`Back to all providers.`})]})});export{r as notFoundComponent};
+import{o as e}from"./useSelector-BIt42tGI.js";import{o as t}from"./index-2FzxAhzN.js";var n=e(),r=()=>(0,n.jsx)(`main`,{children:(0,n.jsxs)(`p`,{children:[`No resource with that name was found.`,` `,(0,n.jsx)(t,{to:`/`,children:`Back to all providers.`})]})});export{r as notFoundComponent};

package/dist/client/assets/{routes-GAgiQcBX.js → routes-DKNWlgPZ.js}

@@ -1 +1 @@
-import{o as e}from"./useSelector-BIt42tGI.js";import{i as t,o as n}from"./index-CZRUHwIq.js";var r=e();function i(){let{targetDir:e,project:i,providers:a}=t.useLoaderData();return i?(0,r.jsxs)(`main`,{children:[(0,r.jsx)(`h1`,{children:`Local Provider Docs`}),(0,r.jsxs)(`p`,{className:`subtitle`,children:[i.name??`Pulumi project`,` · `,(0,r.jsx)(`code`,{children:i.root})]}),a.length===0?(0,r.jsxs)(`p`,{className:`empty-state`,children:[`This project's `,(0,r.jsx)(`code`,{children:`Pulumi.yaml`}),` has no `,(0,r.jsx)(`code`,{children:`packages`}),` `,`section, so there are no local or parameterized providers to show docs for yet. Add one with `,(0,r.jsx)(`code`,{children:`pulumi package add`}),`.`]}):(0,r.jsx)(`ul`,{className:`provider-list`,children:a.map(e=>(0,r.jsxs)(`li`,{className:`provider-card`,children:[(0,r.jsxs)(n,{to:`/providers/$name`,params:{name:e.name},children:[(0,r.jsx)(`span`,{className:`provider-name`,children:e.name}),(0,r.jsxs)(`span`,{className:`provider-source`,children:[e.source,e.version?` @ ${e.version}`:``,e.parameters?.length?` (${e.parameters.join(` `)})`:``]})]}),e.origin===`error`?(0,r.jsxs)(`p`,{className:`banner banner-failure`,children:[`Failed to load schema: `,e.error]}):(0,r.jsxs)(`p`,{className:`provider-stats`,children:[e.resourceCount,` resource`,e.resourceCount===1?``:`s`,` · `,e.functionCount,` function`,e.functionCount===1?``:`s`,e.origin===`cache`&&(0,r.jsxs)(r.Fragment,{children:[` · `,(0,r.jsx)(`span`,{className:`badge badge-info`,children:`from cache`})]})]})]},e.name))})]}):(0,r.jsxs)(`main`,{children:[(0,r.jsx)(`h1`,{children:`Local Provider Docs`}),(0,r.jsxs)(`p`,{className:`empty-state`,children:[`No Pulumi project was found at `,(0,r.jsx)(`code`,{children:e}),` (or any parent directory). Run this from inside a Pulumi project directory, or with`,` `,(0,r.jsx)(`code`,{children:`--dir <path>`}),` pointing at one.`]})]})}export{i as component};
+import{o as e}from"./useSelector-BIt42tGI.js";import{i as t,o as n}from"./index-2FzxAhzN.js";var r=e();function i(){let{targetDir:e,project:i,providers:a}=t.useLoaderData();return i?(0,r.jsxs)(`main`,{children:[(0,r.jsx)(`h1`,{children:`Pulumi Package Docs`}),(0,r.jsxs)(`p`,{className:`subtitle`,children:[i.name??`Pulumi project`,` · `,(0,r.jsx)(`code`,{children:i.root})]}),a.length===0?(0,r.jsxs)(`p`,{className:`empty-state`,children:[`This project's `,(0,r.jsx)(`code`,{children:`Pulumi.yaml`}),` has no `,(0,r.jsx)(`code`,{children:`packages`}),` `,`section, so there are no local or parameterized providers to show docs for yet. Add one with `,(0,r.jsx)(`code`,{children:`pulumi package add`}),`.`]}):(0,r.jsx)(`ul`,{className:`provider-list`,children:a.map(e=>(0,r.jsxs)(`li`,{className:`provider-card`,children:[(0,r.jsxs)(n,{to:`/providers/$name`,params:{name:e.name},children:[(0,r.jsx)(`span`,{className:`provider-name`,children:e.name}),(0,r.jsxs)(`span`,{className:`provider-source`,children:[e.source,e.version?` @ ${e.version}`:``,e.parameters?.length?` (${e.parameters.join(` `)})`:``]})]}),e.origin===`error`?(0,r.jsxs)(`p`,{className:`banner banner-failure`,children:[`Failed to load schema: `,e.error]}):(0,r.jsxs)(`p`,{className:`provider-stats`,children:[e.resourceCount,` resource`,e.resourceCount===1?``:`s`,` · `,e.functionCount,` function`,e.functionCount===1?``:`s`,e.origin===`cache`&&(0,r.jsxs)(r.Fragment,{children:[` · `,(0,r.jsx)(`span`,{className:`badge badge-info`,children:`from cache`})]})]})]},e.name))})]}):(0,r.jsxs)(`main`,{children:[(0,r.jsx)(`h1`,{children:`Pulumi Package Docs`}),(0,r.jsxs)(`p`,{className:`empty-state`,children:[`No Pulumi project was found at `,(0,r.jsx)(`code`,{children:e}),` (or any parent directory). Run this from inside a Pulumi project directory, or with`,` `,(0,r.jsx)(`code`,{children:`--dir <path>`}),` pointing at one.`]})]})}export{i as component};

package/dist/client/assets/styles-VChXLU8b.css

@@ -0,0 +1 @@
+:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:Inter, "Helvetica Neue", Helvetica, Arial, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Monaspace Neon", Menlo, Consolas, ui-monospace, monospace;--color-bg:#fff;--color-fg:#2e2932;--color-fg-muted:#56535a;--color-fg-subtle:#6a6675;--color-border:#e0dfe2;--color-border-strong:#cbcace;--color-primary:#5a30c5;--color-primary-strong:#492e8e;--color-accent:#9077f3;--color-accent-bg:#f5f5ff;--color-accent-border:#dedbff;--color-code-bg:#f5f5ff8c;--color-code-border:#dedbff;--badge-resource-bg:#ebebff;--badge-resource-fg:#5a30c5;--badge-resource-border:#dedbff;--badge-function-bg:#ccfff5;--badge-function-fg:#00756c;--badge-function-border:#5cffde;--badge-warning-bg:#fef2c7;--badge-warning-fg:#933d0d;--badge-warning-border:#fde38a;--badge-failure-bg:#ffe0e1;--badge-failure-fg:#96171e;--badge-failure-border:#ffc7ca;--badge-info-bg:#e5f1ff;--badge-info-fg:#1e47c2;--badge-info-border:#cce4ff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#1f1b21;--color-fg:#fafafa;--color-fg-muted:#e0dfe2;--color-fg-subtle:#cbcace;--color-border:#46434c;--color-border-strong:#56535a;--color-primary:#dedbff;--color-primary-strong:#f5f5ff;--color-accent:#9077f3;--color-accent-bg:#231f33;--color-accent-border:#492e8e;--color-code-bg:#231f338c;--color-code-border:#492e8e;--badge-resource-bg:#392960;--badge-resource-fg:#c3bdff;--badge-resource-border:#492e8e;--badge-function-bg:#114642;--badge-function-fg:#1efad9;--badge-function-border:#075f59;--badge-warning-bg:#723213;--badge-warning-fg:#fde38a;--badge-warning-border:#933d0d;--badge-failure-bg:#611f22;--badge-failure-fg:#ffc7ca;--badge-failure-border:#96171e;--badge-info-bg:#28448a;--badge-info-fg:#cce4ff;--badge-info-border:#1e47c2}}:root[data-theme=dark]{--color-bg:#1f1b21;--color-fg:#fafafa;--color-fg-muted:#e0dfe2;--color-fg-subtle:#cbcace;--color-border:#46434c;--color-border-strong:#56535a;--color-primary:#dedbff;--color-primary-strong:#f5f5ff;--color-accent:#9077f3;--color-accent-bg:#231f33;--color-accent-border:#492e8e;--color-code-bg:#231f338c;--color-code-border:#492e8e;--badge-resource-bg:#392960;--badge-resource-fg:#c3bdff;--badge-resource-border:#492e8e;--badge-function-bg:#114642;--badge-function-fg:#1efad9;--badge-function-border:#075f59;--badge-warning-bg:#723213;--badge-warning-fg:#fde38a;--badge-warning-border:#933d0d;--badge-failure-bg:#611f22;--badge-failure-fg:#ffc7ca;--badge-failure-border:#96171e;--badge-info-bg:#28448a;--badge-info-fg:#cce4ff;--badge-info-border:#1e47c2}*{box-sizing:border-box}html{background:var(--color-bg)}body{font-family:var(--font-sans);font-feature-settings:"liga" 1, "calt" 1, "cv11" 1;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.3}h1,h2,h3{letter-spacing:-.02em;color:var(--color-fg);font-weight:600;line-height:1.1}h1{margin:0 0 .4rem;font-size:1.9rem}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-subtle);border-left:3px solid var(--color-accent);margin:2.5rem 0 1rem;padding-left:.65rem;font-size:.8rem;font-weight:600}p{line-height:1.6}a{color:var(--color-primary)}code{font-family:var(--font-mono);background:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.9em;font-weight:500}main{width:min(56rem,100% - 2rem);margin:2.5rem auto 6rem}.site-header{z-index:10;background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);padding:.85rem 1rem;position:sticky;top:0}.site-header-inner{align-items:center;gap:.5rem;width:min(56rem,100% - 2rem);margin:0 auto;display:flex}.site-brand{color:var(--color-fg);align-items:center;gap:.7rem;text-decoration:none;display:flex}.pulumi-logo{align-items:center;display:inline-flex}.pulumi-logo-mark{width:auto;display:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .pulumi-logo-light{display:block}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pulumi-logo-dark{display:block}}:root[data-theme=light] .pulumi-logo-light,:root[data-theme=dark] .pulumi-logo-dark{display:block}.site-brand-divider{background:var(--color-border-strong);width:1px;height:1.1rem}.site-brand-name{letter-spacing:-.01em;font-size:.95rem;font-weight:600}.theme-switch{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:.15rem;padding:.15rem;display:inline-flex}.theme-switch-option{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--color-fg-subtle);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.theme-switch-option:hover{color:var(--color-primary)}.theme-switch-option[aria-pressed=true]{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-primary)}.theme-switch-option:after{content:attr(aria-label);border-radius:var(--radius-sm);background:var(--color-fg);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:20;padding:.25rem .5rem;font-size:.7rem;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%)}.theme-switch-option:hover:after,.theme-switch-option:focus-visible:after{opacity:1}.subtitle{color:var(--color-fg-muted);margin-top:-.35rem;font-size:.95rem}.back-link{color:var(--color-fg-muted);align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-primary)}.empty-state{color:var(--color-fg-muted)}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.badge-resource{background:var(--badge-resource-bg);color:var(--badge-resource-fg);border-color:var(--badge-resource-border)}.badge-function{background:var(--badge-function-bg);color:var(--badge-function-fg);border-color:var(--badge-function-border)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-fg);border-color:var(--badge-warning-border)}.badge-failure{background:var(--badge-failure-bg);color:var(--badge-failure-fg);border-color:var(--badge-failure-border)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-fg);border-color:var(--badge-info-border)}.banner{border-radius:var(--radius-md);border:1px solid #0000;margin:.75rem 0 1.25rem;padding:.7rem .9rem;font-size:.9rem}.banner-failure{background:var(--badge-failure-bg);color:var(--badge-failure-fg);border-color:var(--badge-failure-border)}.banner-warning{background:var(--badge-warning-bg);color:var(--badge-warning-fg);border-color:var(--badge-warning-border)}.banner-info{background:var(--badge-info-bg);color:var(--badge-info-fg);border-color:var(--badge-info-border)}.provider-list{gap:.75rem;padding:0;list-style:none;display:grid}.provider-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);padding:1.1rem 1.25rem;transition:border-color .15s,background-color .15s,transform .15s}.provider-card:hover{border-color:var(--color-accent-border);background:var(--color-accent-bg)}.provider-card a{color:inherit;justify-content:space-between;align-items:baseline;gap:1rem;text-decoration:none;display:flex}.provider-name{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.provider-source{color:var(--color-fg-subtle);font-size:.85rem;font-family:var(--font-mono)}.provider-stats{color:var(--color-fg-muted);margin:.6rem 0 0;font-size:.85rem}.doc-list{gap:.6rem;margin-bottom:2rem;padding:0;list-style:none;display:grid}.doc-list-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color .15s,background-color .15s}.doc-list-item:hover{border-color:var(--color-accent-border);background:var(--color-accent-bg)}.doc-list-item a{color:var(--color-fg);font-weight:500;text-decoration:none}.doc-list-item a:hover{color:var(--color-primary)}.doc-list-item .badge{margin-top:.4rem}.doc-summary{color:var(--color-fg-muted);margin:.35rem 0 0;font-size:.9rem}.code-example{margin-bottom:1.5rem}.code-example-lang{font-family:var(--font-mono);color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.7rem;display:inline-block}.code-example pre{background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-md);margin:0;padding:1rem 1.1rem;overflow-x:auto}.code-example code{background:0 0;border:none;border-radius:0;padding:0;font-size:.85rem;line-height:1.6}.props-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;margin-bottom:1rem;font-size:.875rem;overflow:hidden}.props-table th,.props-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:.55rem .75rem}.props-table tr:last-child td{border-bottom:none}.props-table th{color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:.04em;background:var(--color-accent-bg);font-size:.75rem;font-weight:600}.props-table code{font-size:.85em}

package/dist/server/assets/{MemberDetail-BiBAI1vw.js → MemberDetail-C5sAHNZW.js}

@@ -1,4 +1,4 @@
-import { c as extractExamples, f as resolveDescription, l as pickExample, o as formatPropertyName, s as formatType, u as stripExamples } from "./router-DZSocx9m.js";
+import { c as extractExamples, f as resolveDescription, l as pickExample, o as formatPropertyName, s as formatType, u as stripExamples } from "./router-1INob9fh.js";
 import { Link } from "@tanstack/react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/CodeExample.tsx

package/dist/server/assets/{_tanstack-start-manifest_v-DHujW1ME.js → _tanstack-start-manifest_v-B0J-S-em.js}

@@ -7,17 +7,17 @@ var tsrStartManifest = () => ({ routes: {
 			"/mcp",
 			"/providers/$name"
 		],
-		preloads: ["/assets/index-CZRUHwIq.js", "/assets/useSelector-BIt42tGI.js"],
+		preloads: ["/assets/index-2FzxAhzN.js", "/assets/useSelector-BIt42tGI.js"],
 		scripts: [{ attrs: {
 			type: "module",
 			async: !0,
-			src: "/assets/index-CZRUHwIq.js"
+			src: "/assets/index-2FzxAhzN.js"
 		} }]
 	},
 	"/": {
 		filePath: "/home/runner/work/pulumi-package-docs/pulumi-package-docs/src/routes/index.tsx",
 		children: void 0,
-		preloads: ["/assets/routes-GAgiQcBX.js"]
+		preloads: ["/assets/routes-DKNWlgPZ.js"]
 	},
 	"/providers/$name": {
 		filePath: "/home/runner/work/pulumi-package-docs/pulumi-package-docs/src/routes/providers.$name.tsx",
@@ -26,14 +26,14 @@ var tsrStartManifest = () => ({ routes: {
 			"/providers/$name/functions/$token",
 			"/providers/$name/resources/$token"
 		],
-		preloads: ["/assets/providers._name-DpU324kz.js"]
+		preloads: ["/assets/providers._name-FmJEVkdV.js"]
 	},
 	"/providers/$name/": {
 		filePath: "/home/runner/work/pulumi-package-docs/pulumi-package-docs/src/routes/providers.$name.index.tsx",
 		children: void 0,
 		preloads: [
-			"/assets/providers._name.index-CtKE1x7S.js",
-			"/assets/providers._name.index-tTXQzRr7.js",
+			"/assets/providers._name.index-C42yQ95z.js",
+			"/assets/providers._name.index-Dm0YiZWP.js",
 			"/assets/token-oQmZfAP3.js"
 		]
 	},
@@ -41,9 +41,9 @@ var tsrStartManifest = () => ({ routes: {
 		filePath: "/home/runner/work/pulumi-package-docs/pulumi-package-docs/src/routes/providers.$name.functions.$token.tsx",
 		children: void 0,
 		preloads: [
-			"/assets/providers._name.functions._token-DXrP4mSE.js",
-			"/assets/providers._name.functions._token-bvc3vrG2.js",
-			"/assets/MemberDetail-CX9jiyic.js",
+			"/assets/providers._name.functions._token-BzjmNHea.js",
+			"/assets/providers._name.functions._token-D768U6I-.js",
+			"/assets/MemberDetail-BS9DbqEt.js",
 			"/assets/token-oQmZfAP3.js"
 		]
 	},
@@ -51,10 +51,10 @@ var tsrStartManifest = () => ({ routes: {
 		filePath: "/home/runner/work/pulumi-package-docs/pulumi-package-docs/src/routes/providers.$name.resources.$token.tsx",
 		children: void 0,
 		preloads: [
-			"/assets/providers._name.resources._token--BZM8RBv.js",
-			"/assets/MemberDetail-CX9jiyic.js",
+			"/assets/providers._name.resources._token-CIYPoqyA.js",
+			"/assets/MemberDetail-BS9DbqEt.js",
 			"/assets/token-oQmZfAP3.js",
-			"/assets/providers._name.resources._token-CbZkRkaE.js"
+			"/assets/providers._name.resources._token-D0OLvgo_.js"
 		]
 	}
 } });

package/dist/server/assets/{providers._name.functions._token-C0A7Y90t.js → providers._name.functions._token-Gkw4zt3M.js}

@@ -1,5 +1,5 @@
-import { a as tokenDisplayName, r as Route } from "./router-DZSocx9m.js";
-import { t as MemberDetail } from "./MemberDetail-BiBAI1vw.js";
+import { a as tokenDisplayName, r as Route } from "./router-1INob9fh.js";
+import { t as MemberDetail } from "./MemberDetail-C5sAHNZW.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/routes/providers.$name.functions.$token.tsx?tsr-split=component
 function FunctionDetail() {

package/dist/server/assets/{providers._name.index-BK_ZRd5l.js → providers._name.index-CEXkl-76.js}

@@ -1,4 +1,4 @@
-import { a as tokenDisplayName, d as summarizeDescription, f as resolveDescription, i as Route } from "./router-DZSocx9m.js";
+import { a as tokenDisplayName, d as summarizeDescription, f as resolveDescription, i as Route } from "./router-1INob9fh.js";
 import { Link } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/providers.$name.index.tsx?tsr-split=component

package/dist/server/assets/{providers._name.resources._token-CbvRkms4.js → providers._name.resources._token-R_i2MmRl.js}

@@ -1,5 +1,5 @@
-import { a as tokenDisplayName, n as Route } from "./router-DZSocx9m.js";
-import { t as MemberDetail } from "./MemberDetail-BiBAI1vw.js";
+import { a as tokenDisplayName, n as Route } from "./router-1INob9fh.js";
+import { t as MemberDetail } from "./MemberDetail-C5sAHNZW.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/routes/providers.$name.resources.$token.tsx?tsr-split=component
 function ResourceDetail() {

package/dist/server/assets/{router-DZSocx9m.js → router-1INob9fh.js}

@@ -1,5 +1,6 @@
 import { n as getTargetDir, r as loadPulumiProject, t as resolveProviderSchema } from "./schema.server-B-VvU1qb.js";
 import { n as listProviders, t as getProvider } from "./api-BV6lykkP.js";
+import { useEffect, useState } from "react";
 import { HeadContent, Link, Scripts, createFileRoute, createRootRoute, createRouter, lazyRouteComponent, notFound } from "@tanstack/react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { WebStandardStreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/webStandardStreamableHttp.js";
@@ -112,10 +113,168 @@ function PulumiLogo({ height = 24 }) {
 	});
 }
 //#endregion
+//#region src/components/ThemeToggle.tsx
+var OPTIONS = [
+	{
+		mode: "system",
+		label: "System",
+		Icon: MonitorIcon
+	},
+	{
+		mode: "light",
+		label: "Light",
+		Icon: SunIcon
+	},
+	{
+		mode: "dark",
+		label: "Dark",
+		Icon: MoonIcon
+	}
+];
+function applyTheme(mode) {
+	try {
+		if (mode === "system") {
+			delete document.documentElement.dataset.theme;
+			localStorage.removeItem("theme");
+		} else {
+			document.documentElement.dataset.theme = mode;
+			localStorage.setItem("theme", mode);
+		}
+	} catch {
+		if (mode === "system") delete document.documentElement.dataset.theme;
+		else document.documentElement.dataset.theme = mode;
+	}
+}
+function ThemeToggle() {
+	const [mode, setMode] = useState("system");
+	useEffect(() => {
+		try {
+			const stored = localStorage.getItem("theme");
+			if (stored === "light" || stored === "dark") setMode(stored);
+		} catch {}
+	}, []);
+	function choose(next) {
+		setMode(next);
+		applyTheme(next);
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "theme-switch",
+		role: "group",
+		"aria-label": "Theme",
+		children: OPTIONS.map(({ mode: optionMode, label, Icon }) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "theme-switch-option",
+			"aria-pressed": mode === optionMode,
+			onClick: () => choose(optionMode),
+			"aria-label": label,
+			children: /* @__PURE__ */ jsx(Icon, {})
+		}, optionMode))
+	});
+}
+function IconSvg({ children }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		children
+	});
+}
+function SunIcon() {
+	return /* @__PURE__ */ jsxs(IconSvg, { children: [
+		/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "12",
+			y1: "1",
+			x2: "12",
+			y2: "3"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "12",
+			y1: "21",
+			x2: "12",
+			y2: "23"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "4.22",
+			y1: "4.22",
+			x2: "5.64",
+			y2: "5.64"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "18.36",
+			y1: "18.36",
+			x2: "19.78",
+			y2: "19.78"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "1",
+			y1: "12",
+			x2: "3",
+			y2: "12"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "21",
+			y1: "12",
+			x2: "23",
+			y2: "12"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "4.22",
+			y1: "19.78",
+			x2: "5.64",
+			y2: "18.36"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "18.36",
+			y1: "5.64",
+			x2: "19.78",
+			y2: "4.22"
+		})
+	] });
+}
+function MoonIcon() {
+	return /* @__PURE__ */ jsx(IconSvg, { children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
+}
+function MonitorIcon() {
+	return /* @__PURE__ */ jsxs(IconSvg, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			x: "2",
+			y: "3",
+			width: "20",
+			height: "14",
+			rx: "2",
+			ry: "2"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "8",
+			y1: "21",
+			x2: "16",
+			y2: "21"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "12",
+			y1: "17",
+			x2: "12",
+			y2: "21"
+		})
+	] });
+}
+//#endregion
 //#region src/styles.css?url
-var styles_default = "/assets/styles-CWDprFhI.css";
+var styles_default = "/assets/styles-VChXLU8b.css";
 //#endregion
 //#region src/routes/__root.tsx
+var themeInitScript = `try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark'){document.documentElement.dataset.theme=t}}catch(e){}`;
 var Route$6 = createRootRoute({
 	head: () => ({
 		meta: [
@@ -124,7 +283,7 @@ var Route$6 = createRootRoute({
 				name: "viewport",
 				content: "width=device-width, initial-scale=1"
 			},
-			{ title: "Local Provider Docs" }
+			{ title: "Pulumi Package Docs" }
 		],
 		links: [{
 			rel: "stylesheet",
@@ -139,23 +298,27 @@ var Route$6 = createRootRoute({
 function RootDocument({ children }) {
 	return /* @__PURE__ */ jsxs("html", {
 		lang: "en",
-		children: [/* @__PURE__ */ jsx("head", { children: /* @__PURE__ */ jsx(HeadContent, {}) }), /* @__PURE__ */ jsxs("body", { children: [
+		suppressHydrationWarning: true,
+		children: [/* @__PURE__ */ jsxs("head", { children: [/* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: themeInitScript } }), /* @__PURE__ */ jsx(HeadContent, {})] }), /* @__PURE__ */ jsxs("body", { children: [
 			/* @__PURE__ */ jsx("header", {
 				className: "site-header",
-				children: /* @__PURE__ */ jsxs(Link, {
-					to: "/",
-					className: "site-brand",
-					children: [
-						/* @__PURE__ */ jsx(PulumiLogo, { height: 22 }),
-						/* @__PURE__ */ jsx("span", {
-							className: "site-brand-divider",
-							"aria-hidden": "true"
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "site-brand-name",
-							children: "Local Provider Docs"
-						})
-					]
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "site-header-inner",
+					children: [/* @__PURE__ */ jsxs(Link, {
+						to: "/",
+						className: "site-brand",
+						children: [
+							/* @__PURE__ */ jsx(PulumiLogo, { height: 22 }),
+							/* @__PURE__ */ jsx("span", {
+								className: "site-brand-divider",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "site-brand-name",
+								children: "Package Docs"
+							})
+						]
+					}), /* @__PURE__ */ jsx(ThemeToggle, {})]
 				})
 			}),
 			children,
@@ -165,7 +328,7 @@ function RootDocument({ children }) {
 }
 //#endregion
 //#region src/routes/index.tsx
-var $$splitComponentImporter$4 = () => import("./routes-B-G_iLTo.js");
+var $$splitComponentImporter$4 = () => import("./routes-4jiXnS1p.js");
 var Route$5 = createFileRoute("/")({
 	loader: () => listProviders(),
 	component: lazyRouteComponent($$splitComponentImporter$4, "component")
@@ -459,7 +622,7 @@ var Route$3 = createFileRoute("/providers/$name")({ component: lazyRouteComponen
 //#endregion
 //#region src/routes/providers.$name.index.tsx
 var $$splitNotFoundComponentImporter$2 = () => import("./providers._name.index-BEwt-7U0.js");
-var $$splitComponentImporter$2 = () => import("./providers._name.index-BK_ZRd5l.js");
+var $$splitComponentImporter$2 = () => import("./providers._name.index-CEXkl-76.js");
 var Route$2 = createFileRoute("/providers/$name/")({
 	loader: async ({ params }) => {
 		const entry = await getProvider({ data: params.name });
@@ -472,7 +635,7 @@ var Route$2 = createFileRoute("/providers/$name/")({
 //#endregion
 //#region src/routes/providers.$name.functions.$token.tsx
 var $$splitNotFoundComponentImporter$1 = () => import("./providers._name.functions._token-D8LsoIum.js");
-var $$splitComponentImporter$1 = () => import("./providers._name.functions._token-C0A7Y90t.js");
+var $$splitComponentImporter$1 = () => import("./providers._name.functions._token-Gkw4zt3M.js");
 var Route$1 = createFileRoute("/providers/$name/functions/$token")({
 	loader: async ({ params }) => {
 		const entry = await getProvider({ data: params.name });
@@ -491,7 +654,7 @@ var Route$1 = createFileRoute("/providers/$name/functions/$token")({
 //#endregion
 //#region src/routes/providers.$name.resources.$token.tsx
 var $$splitNotFoundComponentImporter = () => import("./providers._name.resources._token-DJPF8nMg.js");
-var $$splitComponentImporter = () => import("./providers._name.resources._token-CbvRkms4.js");
+var $$splitComponentImporter = () => import("./providers._name.resources._token-R_i2MmRl.js");
 var Route = createFileRoute("/providers/$name/resources/$token")({
 	loader: async ({ params }) => {
 		const entry = await getProvider({ data: params.name });

package/dist/server/assets/{routes-B-G_iLTo.js → routes-4jiXnS1p.js}

@@ -1,10 +1,10 @@
-import { p as Route } from "./router-DZSocx9m.js";
+import { p as Route } from "./router-1INob9fh.js";
 import { Link } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/index.tsx?tsr-split=component
 function Home() {
 	const { targetDir, project, providers } = Route.useLoaderData();
-	if (!project) return /* @__PURE__ */ jsxs("main", { children: [/* @__PURE__ */ jsx("h1", { children: "Local Provider Docs" }), /* @__PURE__ */ jsxs("p", {
+	if (!project) return /* @__PURE__ */ jsxs("main", { children: [/* @__PURE__ */ jsx("h1", { children: "Pulumi Package Docs" }), /* @__PURE__ */ jsxs("p", {
 		className: "empty-state",
 		children: [
 			"No Pulumi project was found at ",
@@ -16,7 +16,7 @@ function Home() {
 		]
 	})] });
 	return /* @__PURE__ */ jsxs("main", { children: [
-		/* @__PURE__ */ jsx("h1", { children: "Local Provider Docs" }),
+		/* @__PURE__ */ jsx("h1", { children: "Pulumi Package Docs" }),
 		/* @__PURE__ */ jsxs("p", {
 			className: "subtitle",
 			children: [

package/dist/server/server.js

@@ -91,7 +91,7 @@ var HEADERS = { TSS_SHELL: "X-TSS_SHELL" };
 * the dev styles URL for route-scoped CSS collection.
 */
 async function getStartManifest(matchedRoutes) {
-	const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-DHujW1ME.js");
+	const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-B0J-S-em.js");
 	const startManifest = tsrStartManifest();
 	let routes = startManifest.routes;
 	routes[rootRouteId];
@@ -1547,7 +1547,7 @@ var getBaseManifest = getProdBaseManifest;
 var createEarlyHintsForRequest = createEarlyHintsCollector;
 async function loadEntries() {
 	const [routerEntry, startEntry, pluginAdapters] = await Promise.all([
-		import("./assets/router-DZSocx9m.js").then((n) => n.t),
+		import("./assets/router-1INob9fh.js").then((n) => n.t),
 		import("./assets/start-5Z2QO8AU.js"),
 		import("./assets/empty-plugin-adapters-D9UWiqvJ.js")
 	]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pulumi-package-docs",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Local documentation viewer for the parameterized/local Pulumi providers used by a Pulumi project.",
   "type": "module",
   "license": "MIT",

package/src/components/ThemeToggle.tsx

@@ -0,0 +1,121 @@
+import { useEffect, useState } from 'react'
+
+type ThemeMode = 'system' | 'light' | 'dark'
+
+const OPTIONS: {
+  mode: ThemeMode
+  label: string
+  Icon: () => React.JSX.Element
+}[] = [
+  { mode: 'system', label: 'System', Icon: MonitorIcon },
+  { mode: 'light', label: 'Light', Icon: SunIcon },
+  { mode: 'dark', label: 'Dark', Icon: MoonIcon },
+]
+
+function applyTheme(mode: ThemeMode) {
+  try {
+    if (mode === 'system') {
+      delete document.documentElement.dataset.theme
+      localStorage.removeItem('theme')
+    } else {
+      document.documentElement.dataset.theme = mode
+      localStorage.setItem('theme', mode)
+    }
+  } catch {
+    // Storage can be unavailable (private browsing, locked-down environments);
+    // the toggle still works for the current page load, it just won't persist.
+    if (mode === 'system') delete document.documentElement.dataset.theme
+    else document.documentElement.dataset.theme = mode
+  }
+}
+
+export function ThemeToggle() {
+  const [mode, setMode] = useState<ThemeMode>('system')
+
+  useEffect(() => {
+    // Deliberately deferred to an effect, not derived during render: the
+    // server can't read localStorage, so matching its 'system' default here
+    // keeps hydration's first client render consistent with the server's.
+    try {
+      const stored = localStorage.getItem('theme')
+      // eslint-disable-next-line react/set-state-in-effect
+      if (stored === 'light' || stored === 'dark') setMode(stored)
+    } catch {
+      // Ignore: falls back to the system-driven default already applied.
+    }
+  }, [])
+
+  function choose(next: ThemeMode) {
+    setMode(next)
+    applyTheme(next)
+  }
+
+  return (
+    <div className="theme-switch" role="group" aria-label="Theme">
+      {OPTIONS.map(({ mode: optionMode, label, Icon }) => (
+        <button
+          key={optionMode}
+          type="button"
+          className="theme-switch-option"
+          aria-pressed={mode === optionMode}
+          onClick={() => choose(optionMode)}
+          aria-label={label}
+        >
+          <Icon />
+        </button>
+      ))}
+    </div>
+  )
+}
+
+function IconSvg({ children }: { children: React.ReactNode }) {
+  return (
+    <svg
+      width={16}
+      height={16}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden="true"
+    >
+      {children}
+    </svg>
+  )
+}
+
+function SunIcon() {
+  return (
+    <IconSvg>
+      <circle cx="12" cy="12" r="5" />
+      <line x1="12" y1="1" x2="12" y2="3" />
+      <line x1="12" y1="21" x2="12" y2="23" />
+      <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
+      <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
+      <line x1="1" y1="12" x2="3" y2="12" />
+      <line x1="21" y1="12" x2="23" y2="12" />
+      <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
+      <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
+    </IconSvg>
+  )
+}
+
+function MoonIcon() {
+  return (
+    <IconSvg>
+      <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
+    </IconSvg>
+  )
+}
+
+function MonitorIcon() {
+  return (
+    <IconSvg>
+      <rect x="2" y="3" width="20" height="14" rx="2" ry="2" />
+      <line x1="8" y1="21" x2="16" y2="21" />
+      <line x1="12" y1="17" x2="12" y2="21" />
+    </IconSvg>
+  )
+}