@ngrok/mantle 0.81.0 → 0.82.0

package/dist/sidebar.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./data-slot-EM6s2WEU.js";import{t as n}from"./slot-Dpsqz16D.js";import{t as r}from"./button-C0S8RbaJ.js";import{t as i}from"./use-is-hydrated-DDCqXmju.js";import{n as a}from"./separator-BepAcFFy.js";import{t as o}from"./sheet-_fXLjiq2.js";import{i as s,r as c}from"./use-breakpoint-Wd7_5-Mu.js";import{createContext as l,useCallback as u,useContext as d,useEffect as f,useId as p,useMemo as m,useRef as h,useState as g}from"react";import _ from"tiny-invariant";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{SidebarSimpleIcon as b}from"@phosphor-icons/react/SidebarSimple";const x={sm:`hidden sm:block`,md:`hidden md:block`,lg:`hidden lg:block`},S=l(null);function C(){let e=d(S);return _(e,`useSidebar must be used within Sidebar.Root.`),e}function w(e){let t=d(S);return _(t,`Sidebar.${e} must be rendered inside Sidebar.Root.`),t}const T=[];function E(){let e=Symbol(`sidebar-keyboard-shortcut`);return T.push(e),{isOwner:()=>T[0]===e,release:()=>{let t=T.indexOf(e);t!==-1&&T.splice(t,1)}}}const D=({children:e,defaultOpen:t=!0,keyboardShortcut:n=!0,mobileBreakpoint:r=`lg`,onOpenChange:i,onOpenMobileChange:a,open:o,openMobile:l})=>{let d=c(r),_=p(),y=o!=null,[b,x]=g(t),C=y?o:b,w=u(e=>{y||x(e),i?.(e)},[y,i]),T=l!=null,[D,O]=g(!1),k=T?l:D,A=u(e=>{T||O(e),a?.(e)},[T,a]),j=h(d);f(()=>{let e=j.current&&!d;j.current=d,e&&k&&A(!1)},[d,k,A]);let M=u(()=>{d?A(!k):w(!C)},[d,C,k,w,A]),N=s(M);f(()=>{if(!n)return;let e=E(),t=t=>{if(!e.isOwner())return;let n=t.metaKey||t.ctrlKey;t.key.toLowerCase()===`b`&&n&&!t.altKey&&!t.shiftKey&&(t.preventDefault(),N())};return window.addEventListener(`keydown`,t),()=>{window.removeEventListener(`keydown`,t),e.release()}},[n,N]);let P=m(()=>({isMobile:d,mobileBreakpoint:r,navId:_,open:C,openMobile:k,setOpen:w,setOpenMobile:A,toggle:M}),[d,r,_,C,k,w,A,M]);return v(S.Provider,{value:P,children:e})},O=({"aria-label":n,"aria-labelledby":r,children:a,className:s,"data-slot":c,...l})=>{let{isMobile:u,mobileBreakpoint:d,navId:f,open:p,openMobile:m,setOpenMobile:h}=w(`Nav`),g=i(),_=n??(r==null?`Main`:void 0);return u?v(o.Root,{open:m,onOpenChange:h,children:y(o.Content,{side:`left`,preferredWidth:`sm:max-w-[var(--sidebar-width-mobile,18rem)]`,"data-slot":t(c,`sidebar-nav`),"data-mobile":``,...r==null?null:{"aria-labelledby":r},className:e(`bg-base w-[var(--sidebar-width-mobile,18rem)] max-w-full p-0`,s),...l,children:[v(o.Title,{className:`sr-only`,children:_??`Sidebar`}),v(`nav`,{id:f,"aria-label":_,"aria-labelledby":r,className:`flex h-full w-full min-w-0 flex-col text-sm`,children:a})]})}):v(`div`,{"data-slot":t(c,`sidebar-nav`),"data-state":p?`expanded`:`collapsed`,"data-hydrated":g?``:void 0,className:e(`group/sidebar-nav bg-base relative h-full w-[var(--sidebar-width,16rem)] shrink-0 overflow-hidden`,`data-[state=collapsed]:w-[var(--sidebar-width-icon,3.25rem)]`,!g&&x[d],g&&[`transition-[width] duration-200 ease-linear motion-reduce:transition-none`],s),...l,children:v(`nav`,{id:f,"aria-label":_,"aria-labelledby":r,className:`absolute inset-y-0 left-0 flex w-full min-w-0 flex-col text-sm`,children:a})})},k=v(b,{}),A=({appearance:e=`ghost`,"data-slot":n,icon:i=k,intent:a=`neutral`,label:o=`Toggle Sidebar`,onClick:s,...c})=>{let{isMobile:l,navId:u,open:d,openMobile:f,toggle:p}=w(`Trigger`),m=l?f:d;return v(r,{appearance:e,"aria-controls":!l||f?u:void 0,"aria-expanded":m,"data-slot":t(n,`sidebar-trigger`),"data-state":m?`expanded`:`collapsed`,icon:i,intent:a,label:o,onClick:e=>{s?.(e),e.defaultPrevented||p()},...c})},j=({asChild:r,children:i,className:a,"data-slot":o,...s})=>v(r?n:`div`,{"data-slot":t(o,`sidebar-header`),className:e(`flex h-[var(--sidebar-header-height,4.5rem)] shrink-0 flex-col justify-center gap-2 px-3`,`group-data-[state=expanded]/sidebar-nav:pr-1`,a),...s,children:i}),M=({asChild:r,children:i,className:a,"data-slot":o,...s})=>v(r?n:`div`,{"data-slot":t(o,`sidebar-body`),className:e(`scrollbar scrollbar-gutter-stable scroll-fade-y flex-1 scroll-py-6 space-y-2 overflow-y-auto overflow-x-hidden px-3 pt-1.5 pb-4`,`group-data-[state=expanded]/sidebar-nav:pr-1`,`group-data-[state=collapsed]/sidebar-nav:scrollbar-none`,`group-data-[state=collapsed]/sidebar-nav:scrollbar-gutter-auto`,`group-data-[state=collapsed]/sidebar-nav:[&::-webkit-scrollbar]:hidden`,a),...s,children:i}),N=({asChild:r,children:i,className:a,"data-slot":o,...s})=>v(r?n:`div`,{"data-slot":t(o,`sidebar-footer`),className:e(`shrink-0 px-3 pt-3 pb-3.5`,`group-data-[state=expanded]/sidebar-nav:pr-1`,a),...s,children:i}),P=l(null),F=({asChild:r,children:i,className:a,"data-slot":o,...s})=>{let[c,l]=g(null),u=m(()=>({mountedLabelId:c,setMountedLabelId:l}),[c]),d=r?n:`div`;return v(P.Provider,{value:u,children:v(d,{"data-slot":t(o,`sidebar-group`),className:e(`pt-0.5`,a),...s,children:i})})},I=({asChild:r,children:i,className:a,"data-slot":o,id:s,...c})=>{let l=d(P),u=p(),m=s??(l==null?void 0:u),h=l?.setMountedLabelId;return f(()=>{if(h!=null&&m!=null)return h(m),()=>{h(null)}},[h,m]),v(r?n:`div`,{id:m,"data-slot":t(o,`sidebar-group-label`),className:e(`text-muted flex min-w-0 items-center gap-2 truncate px-2 py-1 text-xs font-medium`,`group-data-[state=collapsed]/sidebar-nav:opacity-0`,`group-data-[state=collapsed]/sidebar-nav:pointer-events-none`,`group-data-[hydrated]/sidebar-nav:transition-opacity group-data-[hydrated]/sidebar-nav:duration-200 group-data-[hydrated]/sidebar-nav:ease-linear group-data-[hydrated]/sidebar-nav:motion-reduce:transition-none`,a),...c,children:i})},L=({"aria-labelledby":r,asChild:i,children:a,className:o,"data-slot":s,...c})=>{let l=d(P);return v(i?n:`ul`,{"aria-labelledby":r??l?.mountedLabelId??void 0,"data-slot":t(s,`sidebar-list`),className:e(`mb-2 space-y-px`,o),...c,children:a})},R=({asChild:r,children:i,className:a,"data-slot":o,...s})=>v(r?n:`li`,{"data-slot":t(o,`sidebar-item`),className:e(`list-none`,a),...s,children:i}),z=({asChild:r,children:i,className:a,current:o,"data-slot":s,type:c,...l})=>v(r?n:`button`,{"data-slot":t(s,`sidebar-item-button`),"data-current":o?``:void 0,"aria-current":o?`page`:void 0,type:r?c:c??`button`,className:e(`ring-focus-accent flex w-full min-w-0 items-center gap-2 truncate rounded-md px-2 py-1 text-left font-normal transition-none focus:outline-hidden focus-visible:ring-4`,`text-body hover:text-strong hover:bg-neutral-500/10`,`data-current:bg-neutral-500/15 data-current:text-strong`,`data-state-open:bg-neutral-500/15 data-state-open:text-strong`,`[&>svg]:text-muted hover:[&>svg]:text-strong data-current:[&>svg]:text-strong [&>svg:first-child]:size-5 [&>svg]:shrink-0`,`group-data-[state=collapsed]/sidebar-nav:ml-1`,`group-data-[state=collapsed]/sidebar-nav:w-7`,`group-data-[state=collapsed]/sidebar-nav:p-1`,a),...l,children:i}),B=({asChild:r,children:i,className:a,"data-slot":o,type:s,...c})=>v(r?n:`button`,{"data-slot":t(o,`sidebar-switcher-trigger`),type:r?s:s??`button`,className:e(`text-body hover:text-strong hover:bg-neutral-500/10 flex w-full min-w-0 items-center gap-2 [border-radius:0.625rem] py-1 pr-1.5 pl-1 text-left font-medium transition-none`,`data-state-open:bg-neutral-500/15 data-state-open:text-strong`,`ring-focus-accent focus:outline-hidden focus-visible:ring-4`,`[&>:first-child]:size-7`,`group-data-[state=collapsed]/sidebar-nav:w-9`,`group-data-[state=collapsed]/sidebar-nav:p-1`,`group-data-[state=collapsed]/sidebar-nav:[&>:not(:first-child)]:sr-only`,a),...c,children:i}),V=({className:t,...n})=>v(a,{"data-slot":`sidebar-separator`,className:e(`my-3`,`group-data-[state=collapsed]/sidebar-nav:w-9`,t),...n}),H=[`bg-emerald-500`,`bg-gray-500`,`bg-red-500`,`bg-violet-500`,`bg-cyan-500`,`bg-rose-500`,`bg-purple-500`,`bg-fuchsia-500`,`bg-green-500`,`bg-orange-500`,`bg-indigo-500`,`bg-teal-500`,`bg-yellow-500`,`bg-sky-500`,`bg-pink-500`,`bg-blue-500`,`bg-amber-500`];function U(e){let t=5381;for(let n=0;n<e.length;n+=1)t=t*33^e.charCodeAt(n);return t>>>0}function W(e){let t=U(e??``)%H.length;return H[t]??`bg-neutral-500`}function G(e){return(e??``).replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>{}[\]\\/]/gi,``).trim().split(` `).map(e=>e.trim()).filter(e=>e.length>0).slice(0,2).map(e=>Array.from(e)[0]??``).join(``).toUpperCase()||`?`}const K=({accountId:t,accountName:n,className:r,...i})=>v(`div`,{"data-slot":`sidebar-account-avatar`,className:e(`text-static-white flex size-7 shrink-0 items-center justify-center rounded-md text-xs font-medium`,W(t),r),"aria-hidden":`true`,...i,children:G(n)}),q=({className:t,...n})=>y(`svg`,{className:e(`block size-full`,t),viewBox:`0 0 24 24`,fill:`currentColor`,"aria-hidden":`true`,...n,children:[v(`circle`,{cx:`12`,cy:`12`,r:`12`,opacity:.15}),v(`circle`,{cx:`12`,cy:`10`,r:`3.5`}),v(`path`,{d:`M5.25 19.5C6.6 16.7 9.1 15 12 15s5.4 1.7 6.75 4.5A12 12 0 0 1 12 22a12 12 0 0 1-6.75-2.5Z`})]}),J={Root:D,Nav:O,Trigger:A,Header:j,Body:M,Footer:N,Group:F,GroupLabel:I,List:L,Item:R,ItemButton:z,SwitcherTrigger:B,Separator:V,AccountAvatar:K,UserAvatar:({alt:t=`Your account`,className:n,src:r,...i})=>v(`div`,{"data-slot":`sidebar-user-avatar`,className:e(`text-muted bg-neutral-500/15 relative flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full`,n),role:r?void 0:`img`,"aria-label":r?void 0:t,...i,children:r?v(`img`,{src:r,alt:t,className:`size-full object-cover`}):v(q,{})})};export{J as Sidebar,C as useSidebar};

package/dist/{skeleton-CsbUHbBA.js → skeleton-DsHXIa9j.js}

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{jsx as n}from"react/jsx-runtime";const r=({asChild:r=!1,className:i,ref:a,...o})=>n(r?t:`div`,{"data-slot":`skeleton`,className:e(`dark-high-contrast:bg-black/30 high-contrast:bg-black/30 h-4 animate-pulse rounded-md bg-gray-300/25 dark:bg-gray-950/10`,i),ref:a,...o});export{r as t};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-Dpsqz16D.js";import{jsx as n}from"react/jsx-runtime";const r=({asChild:r=!1,className:i,ref:a,...o})=>n(r?t:`div`,{"data-slot":`skeleton`,className:e(`dark-high-contrast:bg-black/30 high-contrast:bg-black/30 h-4 animate-pulse rounded-md bg-gray-300/25 dark:bg-gray-950/10`,i),ref:a,...o});export{r as t};

package/dist/skeleton.js

@@ -1 +1 @@
-import{t as e}from"./skeleton-CsbUHbBA.js";export{e as Skeleton};
+import{t as e}from"./skeleton-DsHXIa9j.js";export{e as Skeleton};

package/dist/skip-to-main-link.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./anchor-DfeXTpKW.js";import{jsx as n}from"react/jsx-runtime";const r=({children:r=`Skip to main content`,className:i,onClick:a,targetId:o=`main`,...s})=>n(t,{...s,"data-slot":`skip-to-main-link`,href:`#${o}`,onClick:e=>{e.preventDefault(),window.history.replaceState(null,``,`#${o}`),document.getElementById(o)?.focus({preventScroll:!0}),a?.(e)},className:e(`not-focus:sr-only bg-card fixed top-2 left-2 z-max px-4 py-2 shadow-lg`,i),children:r});export{r as SkipToMainLink};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./anchor-DvbNsphX.js";import{jsx as n}from"react/jsx-runtime";const r=({children:r=`Skip to main content`,className:i,onClick:a,targetId:o=`main`,...s})=>n(t,{...s,"data-slot":`skip-to-main-link`,href:`#${o}`,onClick:e=>{e.preventDefault(),window.history.replaceState(null,``,`#${o}`),document.getElementById(o)?.focus({preventScroll:!0}),a?.(e)},className:e(`not-focus:sr-only bg-card fixed top-2 left-2 z-max px-4 py-2 shadow-lg`,i),children:r});export{r as SkipToMainLink};

package/dist/slot-Dpsqz16D.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./data-slot-EM6s2WEU.js";import{Children as n,cloneElement as r,isValidElement as i}from"react";import{jsx as a}from"react/jsx-runtime";import{Slot as o}from"@radix-ui/react-slot";const s=({children:s,className:c,"data-slot":l,ref:u,...d})=>i(s)?a(o,{ref:u,...d,children:r(s,{...s.props,className:e(c,s.props.className),"data-slot":t(l,s.props[`data-slot`])})}):n.only(s);export{s as t};

package/dist/slot.js

@@ -1 +1 @@
-import{t as e}from"./slot-CDk0Bb9z.js";export{e as Slot};
+import{t as e}from"./slot-Dpsqz16D.js";export{e as Slot};

package/dist/split-button.d.ts

@@ -1,7 +1,7 @@
 import { t as Button } from "./button-DARFK2KJ.js";
 import { t as IconButton } from "./button-C7vAl6lS.js";
 import { t as ButtonSize } from "./button-BCoI4bhP.js";
-import { t as DropdownMenu } from "./dropdown-menu-DZg-Cd69.js";
+import { t as DropdownMenu } from "./dropdown-menu-D6pMAY7I.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/split-button/split-button.d.ts
 type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"> & {
@@ -13,21 +13,160 @@ type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"
    */
   size?: ButtonSize;
 };
+/**
+ * A button group which provides a default action with one click while revealing
+ * related alternatives through a dropdown menu. Best for when users typically
+ * want one action but occasionally need variants.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonroot
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
 declare const Root: ({ className, children, dir, open, defaultOpen, onOpenChange, modal, size, ref, ...props }: RootProps) => import("react").JSX.Element;
 type PrimaryActionProps = Omit<ComponentProps<typeof Button>, "appearance" | "intent" | "size">;
+/**
+ * The most common action users can trigger with a single click.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonprimaryaction
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
 declare const PrimaryAction: (props: PrimaryActionProps) => import("react").JSX.Element;
 type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "intent" | "size" | "asChild" | "icon"> & {
   icon?: ReactNode;
 };
+/**
+ * The button that opens the split button dropdown menu.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonmenutrigger
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
 declare const MenuTrigger: ({ icon, ...props }: MenuTriggerProps) => import("react").JSX.Element;
+/**
+ * The container for the split button dropdown menu content. Appears in a
+ * portal with scrolling and animations.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonmenucontent
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
 declare const MenuContent: ({ align, ...props }: ComponentProps<typeof DropdownMenu.Content>) => import("react").JSX.Element;
+/**
+ * A standard item in the split button dropdown menu that can be selected or
+ * activated.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonmenuitem
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
 declare const MenuItem: ({ className, ...props }: ComponentProps<typeof DropdownMenu.Item>) => import("react").JSX.Element;
 /**
  * A button group which provides a default action with one click while revealing
  * related alternatives through a dropdown menu. Best for when users typically
  * want one action but occasionally need variants.
  *
- * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonroot
+ * @see https://mantle.ngrok.com/components/actions/split-button
  *
  * @example
  * Composition:
@@ -52,7 +191,7 @@ declare const MenuItem: ({ className, ...props }: ComponentProps<typeof Dropdown
  *       Copy page
  *     </SplitButton.MenuItem>
  *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
- *       <a href={markdownUrl} target="_blank">
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
  *         <Icon svg={<FileTextIcon />} />
  *         View as Markdown
  *       </a>
@@ -82,7 +221,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -110,7 +249,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -138,7 +277,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -167,7 +306,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -196,7 +335,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>

package/dist/split-button.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./button-BAno7KIU.js";import{t as r}from"./button-DjpEKt2X.js";import{t as i}from"./dropdown-menu-RyDWoKHx.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useContext as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=o({size:`md`}),d={Root:({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,size:f=`md`,ref:p,...m})=>{let h=c(()=>({size:f}),[f]);return l(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,children:l(u.Provider,{value:h,children:l(`div`,{"data-slot":`split-button`,"data-size":f,className:e(`flex flex-row [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ml-px [&>*:focus]:relative [&>*:focus]:z-10 [&>*:hover]:relative [&>*:hover]:z-10 *:active:scale-100!`,t),ref:p,...m,children:n})})})},PrimaryAction:e=>{let{size:t}=s(u);return l(r,{appearance:`outlined`,intent:`neutral`,size:t,...e})},MenuTrigger:({icon:e,...r})=>{let{size:o}=s(u);return l(i.Trigger,{asChild:!0,className:`group`,children:l(n,{icon:e??l(t,{svg:l(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,intent:`neutral`,size:o,...r})})},MenuContent:({align:e=`end`,...t})=>l(i.Content,{align:e,...t}),MenuItem:({className:t,...n})=>l(i.Item,{className:e(`gap-2`,t),...n})};export{d as SplitButton};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./button-BUospUB3.js";import{t as r}from"./button-C0S8RbaJ.js";import{t as i}from"./dropdown-menu-fUMqjRC0.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useContext as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=o({size:`md`}),d={Root:({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,size:f=`md`,ref:p,...m})=>{let h=c(()=>({size:f}),[f]);return l(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,children:l(u.Provider,{value:h,children:l(`div`,{"data-slot":`split-button`,"data-size":f,className:e(`flex flex-row [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ml-px [&>*:focus]:relative [&>*:focus]:z-10 [&>*:hover]:relative [&>*:hover]:z-10 *:active:scale-100!`,t),ref:p,...m,children:n})})})},PrimaryAction:e=>{let{size:t}=s(u);return l(n,{appearance:`outlined`,intent:`neutral`,size:t,...e})},MenuTrigger:({icon:e,...n})=>{let{size:o}=s(u);return l(i.Trigger,{asChild:!0,className:`group`,children:l(r,{icon:e??l(t,{svg:l(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,intent:`neutral`,size:o,...n})})},MenuContent:({align:e=`end`,...t})=>l(i.Content,{align:e,...t}),MenuItem:({className:t,...n})=>l(i.Item,{className:e(`gap-2`,t),...n})};export{d as SplitButton};

package/dist/{table-Bo0vNxIJ.d.ts → table-CZBYEmyK.d.ts}

@@ -154,7 +154,7 @@ declare const Element: ({ children, className, ref, ...props }: ComponentProps<"
  * </Table.Root>
  * ```
  *
- * @see https://mantle.ngrok.com/components/data-display/table#tableheader
+ * @see https://mantle.ngrok.com/components/data-display/table#tablehead
  */
 declare const Head: ({ children, className, ref, ...props }: ComponentProps<"thead">) => import("react").JSX.Element;
 /**
@@ -690,7 +690,7 @@ declare const Table: {
   /**
    * The head section of a table. Contains the table's column headers information.
    *
-   * @see https://mantle.ngrok.com/components/data-display/table#tableheader
+   * @see https://mantle.ngrok.com/components/data-display/table#tablehead
    *
    * @example
    * ```tsx

package/dist/table.d.ts

@@ -1,2 +1,2 @@
-import { t as Table } from "./table-Bo0vNxIJ.js";
+import { t as Table } from "./table-CZBYEmyK.js";
 export { Table };

package/dist/tabs.js

@@ -1 +1 @@
-import{t as e}from"./compose-refs-BdBMM9ga.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./booleanish-BfvnW6vy.js";import{t as r}from"./clsx-DUGZgXfJ.js";import{t as i}from"./use-prefers-reduced-motion-CagaNRgm.js";import{Children as a,cloneElement as o,createContext as s,isValidElement as c,useContext as l,useEffect as u,useMemo as d,useRef as f}from"react";import p from"tiny-invariant";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{cva as _}from"class-variance-authority";import{Content as v,List as y,Root as b,Trigger as x}from"@radix-ui/react-tabs";const S=s({orientation:`horizontal`,appearance:`classic`}),C=({className:e,children:n,orientation:r=`horizontal`,appearance:i=`classic`,...a})=>{let o=d(()=>({orientation:r,appearance:i}),[r,i]);return h(b,{"data-slot":`tabs`,"data-appearance":i,className:t(`flex gap-4`,r===`horizontal`?`flex-col`:`flex-row`,e),orientation:r,...a,children:h(S.Provider,{value:o,children:n})})},w=_(`flex`,{variants:{orientation:{horizontal:`scroll-fade-x flex-row items-center overflow-x-auto overscroll-x-none w-full min-w-0 pt-1 -mt-1 px-1 -mx-1`,vertical:`flex-col items-end gap-3.5 self-stretch`},appearance:{classic:``,pill:``},hideBorder:{true:``,false:``}},compoundVariants:[{orientation:`horizontal`,appearance:`pill`,className:`gap-1 pb-1 -mb-1`},{orientation:`horizontal`,appearance:`classic`,className:`gap-6`},{orientation:`horizontal`,appearance:`classic`,hideBorder:!1,className:t(`pb-px bg-origin-content bg-no-repeat bg-size-[100%_1px] bg-position-[0_calc(100%+1px)]`,`bg-[image:linear-gradient(var(--color-separator),var(--color-separator))]`,`[--_fade-bottom-border:black]`)},{orientation:`vertical`,appearance:`classic`,hideBorder:!1,className:`border-r border-separator`}],defaultVariants:{hideBorder:!1}}),T=({className:n,hideBorder:r=!1,ref:a,...o})=>{let{orientation:s,appearance:c}=l(S),d=f(null);return u(()=>{let e=d.current;if(!e||s!==`horizontal`)return;let t=new AbortController;return e.addEventListener(`focusin`,t=>{if(t.target instanceof Element&&t.target!==e){let e=i()?`auto`:`smooth`;t.target.scrollIntoView({behavior:e,inline:`center`,block:`nearest`})}},{signal:t.signal}),()=>{t.abort()}},[s]),h(y,{"aria-orientation":s,"data-slot":`tabs-list`,"data-hide-border":r?``:void 0,className:t(w({orientation:s,appearance:c,hideBorder:r}),n),ref:e(d,a),...o})},E=_(`absolute z-0`,{variants:{orientation:{horizontal:`bottom-0 left-0 right-0 h-0.75`,vertical:`-right-px bottom-0 top-0 w-0.75`},appearance:{classic:`group-data-state-active/tab-trigger:bg-neutral-950`,pill:`hidden`}}}),D=()=>{let{orientation:e,appearance:t}=l(S);return h(`span`,{"aria-hidden":!0,className:r(E({orientation:e,appearance:t}))})},O=_(t(`group/tab-trigger relative flex cursor-pointer items-center gap-1 whitespace-nowrap py-3 text-sm font-medium text-gray-600`,`ring-focus-accent outline-hidden`,`aria-disabled:cursor-default aria-disabled:opacity-50`,`focus-visible:ring-4`,`[&>svg]:shrink-0 [&>svg]:size-5`,`not-aria-disabled:hover:text-gray-900`),{variants:{orientation:{horizontal:`rounded-tl-md rounded-tr-md`,vertical:`rounded-bl-md rounded-tl-md pr-3`},appearance:{classic:t(`not-aria-disabled:hover:data-state-active:text-strong`,`data-state-active:text-strong`),pill:t(`not-aria-disabled:hover:data-state-active:text-strong`,`not-aria-disabled:hover:data-state-active:bg-neutral-500/15`,`data-state-active:text-strong`,`data-state-active:bg-neutral-500/15`,`rounded-full py-2 px-3`)}}}),k={Root:C,Content:({className:e,...n})=>h(v,{"data-slot":`tabs-content`,className:t(`focus-visible:ring-focus-accent outline-hidden focus-visible:ring-4`,e),...n}),List:T,Trigger:({"aria-disabled":e,asChild:r=!1,children:i,className:s,disabled:u,ref:d,...f})=>{let{orientation:_,appearance:v}=l(S),y=n(e??u),b={"aria-disabled":e??u,className:t(O({orientation:_,appearance:v}),s),disabled:y,...f};if(r){let e=a.only(i);p(c(e),"When using `asChild`, TabsTrigger must be passed a single child as a JSX tag.");let t=e.props?.children,n=y?{href:void 0,to:void 0}:{tabIndex:0};return h(x,{asChild:!0,"data-slot":`tabs-trigger`,...b,ref:d,children:o(y?h(`button`,{type:`button`}):e,n,g(m,{children:[h(D,{}),t]}))})}return g(x,{"data-slot":`tabs-trigger`,ref:d,...b,children:[h(D,{}),i]})},Badge:({className:e,children:n,...r})=>h(`span`,{"data-slot":`tabs-badge`,className:t(`rounded-full bg-neutral-500/20 px-1.5 text-xs font-medium text-gray-600`,`group-data-state-active/tab-trigger:bg-neutral-950/10 group-data-state-active/tab-trigger:text-strong group-hover/tab-trigger:group-enabled/tab-trigger:group-data-state-active/tab-trigger:text-strong`,`group-hover/tab-trigger:group-enabled/tab-trigger:text-gray-700`,e),...r,children:n})};export{k as Tabs};
+import{t as e}from"./compose-refs-BdBMM9ga.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./booleanish-BfvnW6vy.js";import{t as r}from"./clsx-DUGZgXfJ.js";import{t as i}from"./use-prefers-reduced-motion-Bk5zAfHY.js";import{Children as a,cloneElement as o,createContext as s,isValidElement as c,useContext as l,useEffect as u,useMemo as d,useRef as f}from"react";import p from"tiny-invariant";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{cva as _}from"class-variance-authority";import{Content as v,List as y,Root as b,Trigger as x}from"@radix-ui/react-tabs";const S=s({orientation:`horizontal`,appearance:`classic`}),C=({className:e,children:n,orientation:r=`horizontal`,appearance:i=`classic`,...a})=>{let o=d(()=>({orientation:r,appearance:i}),[r,i]);return h(b,{"data-slot":`tabs`,"data-appearance":i,className:t(`flex gap-4`,r===`horizontal`?`flex-col`:`flex-row`,e),orientation:r,...a,children:h(S.Provider,{value:o,children:n})})},w=_(`flex`,{variants:{orientation:{horizontal:`scroll-fade-x flex-row items-center overflow-x-auto overscroll-x-none w-full min-w-0 pt-1 -mt-1 px-1 -mx-1`,vertical:`flex-col items-end gap-3.5 self-stretch`},appearance:{classic:``,pill:``},hideBorder:{true:``,false:``}},compoundVariants:[{orientation:`horizontal`,appearance:`pill`,className:`gap-1 pb-1 -mb-1`},{orientation:`horizontal`,appearance:`classic`,className:`gap-6`},{orientation:`horizontal`,appearance:`classic`,hideBorder:!1,className:t(`pb-px bg-origin-content bg-no-repeat bg-size-[100%_1px] bg-position-[0_calc(100%+1px)]`,`bg-[image:linear-gradient(var(--color-separator),var(--color-separator))]`,`[--_fade-bottom-border:black]`)},{orientation:`vertical`,appearance:`classic`,hideBorder:!1,className:`border-r border-separator`}],defaultVariants:{hideBorder:!1}}),T=({className:n,hideBorder:r=!1,ref:a,...o})=>{let{orientation:s,appearance:c}=l(S),d=f(null);return u(()=>{let e=d.current;if(!e||s!==`horizontal`)return;let t=new AbortController;return e.addEventListener(`focusin`,t=>{if(t.target instanceof Element&&t.target!==e){let e=i()?`auto`:`smooth`;t.target.scrollIntoView({behavior:e,inline:`center`,block:`nearest`})}},{signal:t.signal}),()=>{t.abort()}},[s]),h(y,{"aria-orientation":s,"data-slot":`tabs-list`,"data-hide-border":r?``:void 0,className:t(w({orientation:s,appearance:c,hideBorder:r}),n),ref:e(d,a),...o})},E=_(`absolute z-0`,{variants:{orientation:{horizontal:`bottom-0 left-0 right-0 h-0.75`,vertical:`-right-px bottom-0 top-0 w-0.75`},appearance:{classic:`group-data-state-active/tab-trigger:bg-neutral-950`,pill:`hidden`}}}),D=()=>{let{orientation:e,appearance:t}=l(S);return h(`span`,{"aria-hidden":!0,className:r(E({orientation:e,appearance:t}))})},O=_(t(`group/tab-trigger relative flex cursor-pointer items-center gap-1 whitespace-nowrap py-3 text-sm font-medium text-gray-600`,`ring-focus-accent outline-hidden`,`aria-disabled:cursor-default aria-disabled:opacity-50`,`focus-visible:ring-4`,`[&>svg]:shrink-0 [&>svg]:size-5`,`not-aria-disabled:hover:text-gray-900`),{variants:{orientation:{horizontal:`rounded-tl-md rounded-tr-md`,vertical:`rounded-bl-md rounded-tl-md pr-3`},appearance:{classic:t(`not-aria-disabled:hover:data-state-active:text-strong`,`data-state-active:text-strong`),pill:t(`not-aria-disabled:hover:data-state-active:text-strong`,`not-aria-disabled:hover:data-state-active:bg-neutral-500/15`,`data-state-active:text-strong`,`data-state-active:bg-neutral-500/15`,`rounded-full py-2 px-3`)}}}),k={Root:C,Content:({className:e,...n})=>h(v,{"data-slot":`tabs-content`,className:t(`focus-visible:ring-focus-accent outline-hidden focus-visible:ring-4`,e),...n}),List:T,Trigger:({"aria-disabled":e,asChild:r=!1,children:i,className:s,disabled:u,ref:d,...f})=>{let{orientation:_,appearance:v}=l(S),y=n(e??u),b={"aria-disabled":e??u,className:t(O({orientation:_,appearance:v}),s),disabled:y,...f};if(r){let e=a.only(i);p(c(e),"When using `asChild`, TabsTrigger must be passed a single child as a JSX tag.");let t=e.props?.children,n=y?{href:void 0,to:void 0}:{tabIndex:0};return h(x,{asChild:!0,"data-slot":`tabs-trigger`,...b,ref:d,children:o(y?h(`button`,{type:`button`}):e,n,g(m,{children:[h(D,{}),t]}))})}return g(x,{"data-slot":`tabs-trigger`,ref:d,...b,children:[h(D,{}),i]})},Badge:({className:e,children:n,...r})=>h(`span`,{"data-slot":`tabs-badge`,className:t(`rounded-full bg-neutral-500/20 px-1.5 text-xs font-medium text-gray-600`,`group-data-state-active/tab-trigger:bg-neutral-950/10 group-data-state-active/tab-trigger:text-strong group-hover/tab-trigger:group-enabled/tab-trigger:group-data-state-active/tab-trigger:text-strong`,`group-hover/tab-trigger:group-enabled/tab-trigger:text-gray-700`,e),...r,children:n})};export{k as Tabs};

package/dist/text-area.d.ts

@@ -30,4 +30,4 @@ type Props = ComponentProps<"textarea"> & WithValidation & {
  */
 declare const TextArea: ({ appearance, "aria-invalid": _ariaInvalid, className, onDragEnter, onDragLeave, onDropCapture, ref, validation: _validation, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { TextArea };
+export { TextArea, type Props as TextAreaProps };

package/dist/{theme-CYNpplwN.d.ts → theme-FbfjYiD3.d.ts}

@@ -1,34 +1,50 @@
 //#region src/components/theme/themes.d.ts
 /**
  * resolvedThemes is a tuple of valid themes that have been resolved from "system" to a specific theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const resolvedThemes: readonly ["light", "dark", "light-high-contrast", "dark-high-contrast"];
 /**
  * ResolvedTheme is a type that represents a theme that has been resolved from "system" to a specific theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 type ResolvedTheme = (typeof resolvedThemes)[number];
 /**
  * themes is a tuple of valid themes.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const themes: readonly ["system", "light", "dark", "light-high-contrast", "dark-high-contrast"];
 /**
  * Theme is a string literal type that represents a valid theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 type Theme = (typeof themes)[number];
 /**
  * $theme is a helper which translates the Theme type into a string literal type.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const $theme: <T extends Theme = Theme>(value: T) => T;
 /**
  * Type predicate that checks if a value is a valid theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function isTheme(value: unknown): value is Theme;
 /**
  * $resolvedTheme is a helper which translates the ResolvedTheme type into a string literal type.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const $resolvedTheme: <T extends ResolvedTheme = ResolvedTheme>(value: T) => T;
 /**
  * Type predicate that checks if a value is a valid resolved theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function isResolvedTheme(value: unknown): value is ResolvedTheme;
 //#endregion

package/dist/{theme-C26-Xolp.js → theme-IAnQ35bd.js}

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{n as t}from"./browser-only-CPH56Xw_.js";import{t as n}from"./use-matches-media-query-CMSxHR9n.js";import{createContext as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import l from"tiny-invariant";import{jsx as u}from"react/jsx-runtime";const d=[`light`,`dark`,`light-high-contrast`,`dark-high-contrast`],f=[`system`,...d],p=e=>e;function m(e){return typeof e==`string`&&f.includes(e)}const h=e=>e;function g(e){return typeof e==`string`&&d.includes(e)}const _=`(prefers-color-scheme: dark)`,v=`(prefers-contrast: more)`,y=`mantle-ui-theme`,b=`system`,x=r([`system`,()=>null]);function S({children:e}){let[n,r]=c(()=>{let e=N({cookie:t()?document.cookie:null});return w(e),e}),i=s(null);a(()=>{function e(e){let t=e??N({cookie:document.cookie});r(t),w(t)}e();try{`BroadcastChannel`in window&&(i.current=new BroadcastChannel(y),i.current.addEventListener(`message`,t=>{let n=t?.data?.theme;m(n)&&e(n)}))}catch{}function t(t){t.key===`${y}__ping`&&e()}window.addEventListener(`storage`,t);let n=window.matchMedia(_),a=window.matchMedia(v);function o(){e()}function s(){document.visibilityState===`visible`&&e()}return n.addEventListener(`change`,o),a.addEventListener(`change`,o),window.addEventListener(`pageshow`,o),document.addEventListener(`visibilitychange`,s),()=>{window.removeEventListener(`storage`,t),n.removeEventListener(`change`,o),a.removeEventListener(`change`,o),window.removeEventListener(`pageshow`,o),document.removeEventListener(`visibilitychange`,s);try{i.current?.close()}catch{}i.current=null}},[]);let l=o(()=>[n,e=>{L(e),r(e),w(e),F(e,{broadcastChannel:i.current,pingKey:`${y}__ping`})}],[n]);return u(x.Provider,{value:l,children:e})}function C(){let e=i(x);return l(e,`useTheme must be used within a ThemeProvider`),e}function w(e){if(!t())return;let n=window.document.documentElement,r=window.matchMedia(_).matches,i=window.matchMedia(v).matches,a=E(e,{prefersDarkMode:r,prefersHighContrast:i}),o=n.dataset.theme,s=n.dataset.appliedTheme,c=m(o)?o:void 0,l=g(s)?s:void 0;(c!==e||l!==a)&&(n.classList.remove(...d),n.classList.add(a),n.dataset.theme=e,n.dataset.appliedTheme=a)}function T(){if(!t())return{appliedTheme:void 0,theme:void 0};let e=window.document.documentElement,n=m(e.dataset.theme)?e.dataset.theme:void 0;return{appliedTheme:g(e.dataset.appliedTheme)?e.dataset.appliedTheme:void 0,theme:n}}function E(e,{prefersDarkMode:t,prefersHighContrast:n}){return e===`system`?O({prefersDarkMode:t,prefersHighContrast:n}):e}function D(){let e=i(x);return E(e==null?`system`:e[0],{prefersDarkMode:n(_),prefersHighContrast:n(v)})}function O({prefersDarkMode:e,prefersHighContrast:t}){return t?e?`dark-high-contrast`:`light-high-contrast`:e?`dark`:`light`}function k(e){let{storageKey:t,defaultTheme:n,themes:r,resolvedThemes:i,prefersDarkModeMediaQuery:a,prefersHighContrastMediaQuery:o}=e;function s(e){return typeof e==`string`&&r.includes(e)}function c(e){let t=document.cookie;if(!t)return null;try{let n=t.split(`;`).find(t=>t.trim().startsWith(`${e}=`))?.split(`=`)[1];return n?decodeURIComponent(n):null}catch{return null}}function l(e,t){let n=new Date;n.setFullYear(n.getFullYear()+1);let r=window.location.hostname,i=window.location.protocol,a=r===`ngrok.com`||r.endsWith(`.ngrok.com`)?`; domain=.ngrok.com`:``,o=i===`https:`?`; Secure`:``;return`${e}=${encodeURIComponent(t)}; expires=${n.toUTCString()}; path=/${a}; SameSite=Lax${o}`}function u(e,t){try{document.cookie=l(e,t)}catch{}}function d(e,t,n){return e===`system`?n?t?`dark-high-contrast`:`light-high-contrast`:t?`dark`:`light`:e}let f=null,p=null,m=null;try{f=c(t)}catch{}if(s(f))m=f;else{try{p=window.localStorage?.getItem(t)??null}catch{}s(p)&&(m=p)}let h=s(m)?m:n,g=matchMedia(a).matches,_=matchMedia(o).matches,v=d(h,g,_),y=document.documentElement;if(y.dataset.appliedTheme!==v||y.dataset.theme!==h){for(let e of i)y.classList.remove(e);y.classList.add(v),y.dataset.theme=h,y.dataset.appliedTheme=v}let b=s(f);try{if(s(p)&&!b){u(t,p);try{window.localStorage.removeItem(t)}catch{}}else b||u(t,h)}catch{}}function A(){let e={storageKey:y,defaultTheme:b,themes:f,resolvedThemes:d,prefersDarkModeMediaQuery:_,prefersHighContrastMediaQuery:v};return`(${k.toString()})(${JSON.stringify(e)})`}const j=({nonce:e})=>u(`script`,{dangerouslySetInnerHTML:{__html:A()},nonce:e,suppressHydrationWarning:!0});function M(n={}){let{className:r=``,ssrCookie:i}=n??{};return o(()=>{let n,a;if(!t())n=N({cookie:i}),a=E(n,{prefersDarkMode:!1,prefersHighContrast:!1});else{let e=window.matchMedia(_).matches,t=window.matchMedia(v).matches;n=N({cookie:document.cookie}),a=E(n,{prefersDarkMode:e,prefersHighContrast:t})}return{className:e(r,a),"data-applied-theme":a,"data-theme":n}},[r,i])}function N({cookie:e}){if(!e)return b;try{let t=e.split(`;`).find(e=>e.trim().startsWith(`${y}=`))?.split(`=`)[1],n=t?globalThis.decodeURIComponent(t):null;return m(n)?n:b}catch{return b}}function P(e){if(e)return e.split(`;`).map(e=>e.trim()).find(e=>e.startsWith(`${y}=`))}function F(e,t){let{broadcastChannel:n,pingKey:r}=t;try{if(n){n.postMessage({theme:e,timestamp:Date.now()});return}}catch{}try{localStorage.setItem(r,JSON.stringify({theme:e,timestamp:Date.now()}))}catch{}}function I(e){let t=new Date;t.setFullYear(t.getFullYear()+1);let{hostname:n,protocol:r}=window.location,i=n===`ngrok.com`||n.endsWith(`.ngrok.com`)?`; domain=.ngrok.com`:``,a=r===`https:`?`; Secure`:``;return`${y}=${encodeURIComponent(e)}; expires=${t.toUTCString()}; path=/${i}; SameSite=Lax${a}`}function L(e){if(t())try{document.cookie=I(e)}catch{}}export{A as a,M as c,p as d,g as f,f as h,N as i,C as l,d as m,S as n,T as o,m as p,P as r,D as s,j as t,h as u};
+import{t as e}from"./cx-IiQEAKf5.js";import{n as t}from"./browser-only-CmEEzfU3.js";import{t as n}from"./use-matches-media-query-CMSxHR9n.js";import{createContext as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import l from"tiny-invariant";import{jsx as u}from"react/jsx-runtime";const d=[`light`,`dark`,`light-high-contrast`,`dark-high-contrast`],f=[`system`,...d],p=e=>e;function m(e){return typeof e==`string`&&f.includes(e)}const h=e=>e;function g(e){return typeof e==`string`&&d.includes(e)}const _=`(prefers-color-scheme: dark)`,v=`(prefers-contrast: more)`,y=`mantle-ui-theme`,b=`system`,x=r([`system`,()=>null]);function S({children:e}){let[n,r]=c(()=>{let e=N({cookie:t()?document.cookie:null});return w(e),e}),i=s(null);a(()=>{function e(e){let t=e??N({cookie:document.cookie});r(t),w(t)}e();try{`BroadcastChannel`in window&&(i.current=new BroadcastChannel(y),i.current.addEventListener(`message`,t=>{let n=t?.data?.theme;m(n)&&e(n)}))}catch{}function t(t){t.key===`${y}__ping`&&e()}window.addEventListener(`storage`,t);let n=window.matchMedia(_),a=window.matchMedia(v);function o(){e()}function s(){document.visibilityState===`visible`&&e()}return n.addEventListener(`change`,o),a.addEventListener(`change`,o),window.addEventListener(`pageshow`,o),document.addEventListener(`visibilitychange`,s),()=>{window.removeEventListener(`storage`,t),n.removeEventListener(`change`,o),a.removeEventListener(`change`,o),window.removeEventListener(`pageshow`,o),document.removeEventListener(`visibilitychange`,s);try{i.current?.close()}catch{}i.current=null}},[]);let l=o(()=>[n,e=>{L(e),r(e),w(e),F(e,{broadcastChannel:i.current,pingKey:`${y}__ping`})}],[n]);return u(x.Provider,{value:l,children:e})}function C(){let e=i(x);return l(e,`useTheme must be used within a ThemeProvider`),e}function w(e){if(!t())return;let n=window.document.documentElement,r=window.matchMedia(_).matches,i=window.matchMedia(v).matches,a=E(e,{prefersDarkMode:r,prefersHighContrast:i}),o=n.dataset.theme,s=n.dataset.appliedTheme,c=m(o)?o:void 0,l=g(s)?s:void 0;(c!==e||l!==a)&&(n.classList.remove(...d),n.classList.add(a),n.dataset.theme=e,n.dataset.appliedTheme=a)}function T(){if(!t())return{appliedTheme:void 0,theme:void 0};let e=window.document.documentElement,n=m(e.dataset.theme)?e.dataset.theme:void 0;return{appliedTheme:g(e.dataset.appliedTheme)?e.dataset.appliedTheme:void 0,theme:n}}function E(e,{prefersDarkMode:t,prefersHighContrast:n}){return e===`system`?O({prefersDarkMode:t,prefersHighContrast:n}):e}function D(){let e=i(x);return E(e==null?`system`:e[0],{prefersDarkMode:n(_),prefersHighContrast:n(v)})}function O({prefersDarkMode:e,prefersHighContrast:t}){return t?e?`dark-high-contrast`:`light-high-contrast`:e?`dark`:`light`}function k(e){let{storageKey:t,defaultTheme:n,themes:r,resolvedThemes:i,prefersDarkModeMediaQuery:a,prefersHighContrastMediaQuery:o}=e;function s(e){return typeof e==`string`&&r.includes(e)}function c(e){let t=document.cookie;if(!t)return null;try{let n=t.split(`;`).find(t=>t.trim().startsWith(`${e}=`))?.split(`=`)[1];return n?decodeURIComponent(n):null}catch{return null}}function l(e,t){let n=new Date;n.setFullYear(n.getFullYear()+1);let r=window.location.hostname,i=window.location.protocol,a=r===`ngrok.com`||r.endsWith(`.ngrok.com`)?`; domain=.ngrok.com`:``,o=i===`https:`?`; Secure`:``;return`${e}=${encodeURIComponent(t)}; expires=${n.toUTCString()}; path=/${a}; SameSite=Lax${o}`}function u(e,t){try{document.cookie=l(e,t)}catch{}}function d(e,t,n){return e===`system`?n?t?`dark-high-contrast`:`light-high-contrast`:t?`dark`:`light`:e}let f=null,p=null,m=null;try{f=c(t)}catch{}if(s(f))m=f;else{try{p=window.localStorage?.getItem(t)??null}catch{}s(p)&&(m=p)}let h=s(m)?m:n,g=matchMedia(a).matches,_=matchMedia(o).matches,v=d(h,g,_),y=document.documentElement;if(y.dataset.appliedTheme!==v||y.dataset.theme!==h){for(let e of i)y.classList.remove(e);y.classList.add(v),y.dataset.theme=h,y.dataset.appliedTheme=v}let b=s(f);try{if(s(p)&&!b){u(t,p);try{window.localStorage.removeItem(t)}catch{}}else b||u(t,h)}catch{}}function A(){let e={storageKey:y,defaultTheme:b,themes:f,resolvedThemes:d,prefersDarkModeMediaQuery:_,prefersHighContrastMediaQuery:v};return`(${k.toString()})(${JSON.stringify(e)})`}const j=({nonce:e})=>u(`script`,{dangerouslySetInnerHTML:{__html:A()},nonce:e,suppressHydrationWarning:!0});function M(n={}){let{className:r=``,ssrCookie:i}=n??{};return o(()=>{let n,a;if(!t())n=N({cookie:i}),a=E(n,{prefersDarkMode:!1,prefersHighContrast:!1});else{let e=window.matchMedia(_).matches,t=window.matchMedia(v).matches;n=N({cookie:document.cookie}),a=E(n,{prefersDarkMode:e,prefersHighContrast:t})}return{className:e(r,a),"data-applied-theme":a,"data-theme":n}},[r,i])}function N({cookie:e}){if(!e)return b;try{let t=e.split(`;`).find(e=>e.trim().startsWith(`${y}=`))?.split(`=`)[1],n=t?globalThis.decodeURIComponent(t):null;return m(n)?n:b}catch{return b}}function P(e){if(e)return e.split(`;`).map(e=>e.trim()).find(e=>e.startsWith(`${y}=`))}function F(e,t){let{broadcastChannel:n,pingKey:r}=t;try{if(n){n.postMessage({theme:e,timestamp:Date.now()});return}}catch{}try{localStorage.setItem(r,JSON.stringify({theme:e,timestamp:Date.now()}))}catch{}}function I(e){let t=new Date;t.setFullYear(t.getFullYear()+1);let{hostname:n,protocol:r}=window.location,i=n===`ngrok.com`||n.endsWith(`.ngrok.com`)?`; domain=.ngrok.com`:``,a=r===`https:`?`; Secure`:``;return`${y}=${encodeURIComponent(e)}; expires=${t.toUTCString()}; path=/${i}; SameSite=Lax${a}`}function L(e){if(t())try{document.cookie=I(e)}catch{}}export{A as a,M as c,p as d,g as f,f as h,N as i,C as l,d as m,S as n,T as o,m as p,P as r,D as s,j as t,h as u};

package/dist/theme-switcher.d.ts

@@ -1,8 +1,8 @@
 import { t as WithStyleProps } from "./with-style-props-Dq5Vntqy.js";
 import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
 import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
-import { t as DropdownMenu } from "./dropdown-menu-DZg-Cd69.js";
-import "./dropdown-menu-Dw-OtXPm.js";
+import { t as DropdownMenu } from "./dropdown-menu-D6pMAY7I.js";
+import "./dropdown-menu-BbbQuae2.js";
 import { ComponentProps } from "react";
 //#region src/components/theme-switcher/theme-switcher.d.ts
 /**

package/dist/theme-switcher.js

@@ -1 +1 @@
-import{t as e}from"./icon-lZ48P8Nn.js";import{n as t}from"./slot-CDk0Bb9z.js";import{t as n}from"./button-BAno7KIU.js";import{t as r}from"./browser-only-CPH56Xw_.js";import{t as i}from"./dropdown-menu-RyDWoKHx.js";import{d as a,h as o,l as s,p as c}from"./theme-C26-Xolp.js";import{n as l,t as u}from"./icons-DLCs1hLP.js";import{t as d}from"./skeleton-CsbUHbBA.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m={system:`System Preference`,light:`Light Mode`,dark:`Dark Mode`,"light-high-contrast":`Light High Contrast`,"dark-high-contrast":`Dark High Contrast`},h=({className:t,style:n})=>{let[r,u]=s();return f(i.RadioGroup,{"data-slot":`theme-dropdown-menu-radio-group`,className:t,style:n,value:r,onValueChange:e=>{c(e)&&u(e)},children:o.map(t=>p(i.RadioItem,{value:a(t),children:[f(e,{svg:f(l,{theme:t})}),m[t]]},t))})},g={Root:e=>f(i.Root,{...e}),Trigger:({appearance:e=`ghost`,"data-slot":a,disabled:o,label:s=`Change Theme`,ref:c,...l})=>f(i.Trigger,{asChild:!0,disabled:o,children:f(n,{ref:c,appearance:e,disabled:o,"data-slot":t(a,`theme-switcher-trigger`),intent:`neutral`,icon:f(r,{fallback:f(d,{className:`rounded-full size-5`}),children:()=>f(u,{className:`size-5`})}),label:s,...l})}),Content:({children:e,"data-slot":n,...r})=>f(i.Content,{"data-slot":t(n,`theme-switcher-content`),...r,children:e??f(h,{})})};export{h as ThemeDropdownMenuRadioGroup,g as ThemeSwitcher};
+import{t as e}from"./icon-lZ48P8Nn.js";import{t}from"./data-slot-EM6s2WEU.js";import{t as n}from"./button-C0S8RbaJ.js";import{t as r}from"./browser-only-CmEEzfU3.js";import{t as i}from"./dropdown-menu-fUMqjRC0.js";import{d as a,h as o,l as s,p as c}from"./theme-IAnQ35bd.js";import{n as l,t as u}from"./icons-CPbOq7cF.js";import{t as d}from"./skeleton-DsHXIa9j.js";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m={system:`System Preference`,light:`Light Mode`,dark:`Dark Mode`,"light-high-contrast":`Light High Contrast`,"dark-high-contrast":`Dark High Contrast`},h=({className:t,style:n})=>{let[r,u]=s();return f(i.RadioGroup,{"data-slot":`theme-dropdown-menu-radio-group`,className:t,style:n,value:r,onValueChange:e=>{c(e)&&u(e)},children:o.map(t=>p(i.RadioItem,{value:a(t),children:[f(e,{svg:f(l,{theme:t})}),m[t]]},t))})},g={Root:e=>f(i.Root,{...e}),Trigger:({appearance:e=`ghost`,"data-slot":a,disabled:o,label:s=`Change Theme`,ref:c,...l})=>f(i.Trigger,{asChild:!0,disabled:o,children:f(n,{ref:c,appearance:e,disabled:o,"data-slot":t(a,`theme-switcher-trigger`),intent:`neutral`,icon:f(r,{fallback:f(d,{className:`rounded-full size-5`}),children:()=>f(u,{className:`size-5`})}),label:s,...l})}),Content:({children:e,"data-slot":n,...r})=>f(i.Content,{"data-slot":t(n,`theme-switcher-content`),...r,children:e??f(h,{})})};export{h as ThemeDropdownMenuRadioGroup,g as ThemeSwitcher};

package/dist/theme.d.ts

@@ -1,10 +1,12 @@
-import { a as isResolvedTheme, c as themes, i as Theme, n as $theme, o as isTheme, r as ResolvedTheme, s as resolvedThemes, t as $resolvedTheme } from "./theme-CYNpplwN.js";
+import { a as isResolvedTheme, c as themes, i as Theme, n as $theme, o as isTheme, r as ResolvedTheme, s as resolvedThemes, t as $resolvedTheme } from "./theme-FbfjYiD3.js";
 import { PropsWithChildren } from "react";
 //#region src/components/theme/mantle-style-sheets.d.ts
 /**
  * Browser-accessible URLs for mantle's three lazy-loaded theme stylesheets.
  *
  * Use {@link mantleStyleSheetUrls} to create this object from Vite `?url` imports.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 type MantleThemeCssUrls = {
   /**
@@ -51,8 +53,16 @@ type MantleThemeCssUrls = {
  * // In JSX:
  * <MantleStyleSheets {...themeUrls} nonce={nonce} ssrCookie={ssrCookie} />
  * ```
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme#mantlestylesheeturls
  */
 declare function mantleStyleSheetUrls(urls: MantleThemeCssUrls): MantleThemeCssUrls;
+/**
+ * Props for {@link MantleStyleSheets} — the three theme stylesheet URLs plus optional
+ * `forceTheme`, `ssrCookie`, and `nonce`.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme#mantlestylesheets
+ */
 type MantleStyleSheetsProps = MantleThemeCssUrls & {
   /**
    * Force a specific resolved theme's stylesheet to load unconditionally (`media="all"`),
@@ -105,6 +115,8 @@ type MantleStyleSheetsProps = MantleThemeCssUrls & {
  * Use this when you need to inline the script directly into SSR HTML outside of a React
  * context — for example, in a legacy Go service that renders the initial HTML response.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme#fixmediascriptcontent
+ *
  * @example
  * ```go
  * // In a Go template, inline script content that was pre-generated by mantle
@@ -138,6 +150,8 @@ declare function fixMediaScriptContent(forceTheme?: ResolvedTheme): string;
  * When `forceTheme` is set, only the link tag for that theme is rendered — the others are
  * omitted entirely to avoid unnecessary network requests.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme#mantlestylesheets
+ *
  * @example
  * ```tsx
  * // root.tsx
@@ -169,7 +183,7 @@ type ThemeProviderProps = PropsWithChildren;
  *
  * @example
  * ```tsx
- * <ThemeProvider defaultTheme="system" storageKey="app-theme">
+ * <ThemeProvider>
  *   <App />
  * </ThemeProvider>
  * ```
@@ -178,11 +192,15 @@ declare function ThemeProvider({ children }: ThemeProviderProps): import("react"
 /**
  * useTheme returns the current theme and a function to set the theme.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme
+ *
  * @note This function will throw an error if used outside of a ThemeProvider context tree.
  */
 declare function useTheme(): ThemeProviderState;
 /**
  * Read the theme and applied theme from the `<html>` element.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function readThemeFromHtmlElement(): {
   appliedTheme: "dark" | "dark-high-contrast" | "light" | "light-high-contrast" | undefined;
@@ -191,12 +209,16 @@ declare function readThemeFromHtmlElement(): {
 /**
  * If the theme is "system", it will resolve the theme based on the user's media query preferences, otherwise it will return the theme as is.
  * This will mirror the result that gets applied to the <html> element.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function useAppliedTheme(): "dark" | "dark-high-contrast" | "light" | "light-high-contrast";
 /**
  * preventWrongThemeFlashScriptContent generates a script that prevents the wrong theme from flashing on initial page load.
  * It checks cookies for a stored theme, and if none is found, it sets the default theme.
  * It also applies the correct theme to the `<html>` element based on the user's media query preferences.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function preventWrongThemeFlashScriptContent(): string;
 type PreventWrongThemeFlashScriptProps = {
@@ -220,6 +242,8 @@ type PreventWrongThemeFlashScriptProps = {
  *
  * Place this as early as possible in the `<head>`.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme#preventwrongthemeflashscript
+ *
  * @example
  * ```tsx
  * // entry.server.tsx — send font preloads as HTTP headers (preferred for SSR)
@@ -258,6 +282,8 @@ type UseInitialHtmlThemePropsOptions = {
 };
 /**
  * useInitialHtmlThemeProps returns the initial props that should be applied to the <html> element to prevent react hydration errors.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme#useinitialhtmlthemeprops
  */
 declare function useInitialHtmlThemeProps(props?: UseInitialHtmlThemePropsOptions): InitialThemeProps;
 type GetStoredThemeOptions = {
@@ -274,6 +300,8 @@ type GetStoredThemeOptions = {
  * {@link DEFAULT_THEME}. This function never throws; malformed encodings or
  * missing cookies quietly return the default.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme
+ *
  * @example
  * getStoredTheme({ cookie: `${THEME_STORAGE_KEY}=dark; session=abc` }) // "dark"
  * @example
@@ -287,6 +315,8 @@ declare function getStoredTheme({ cookie }: GetStoredThemeOptions): Theme;
  * {@link useInitialHtmlThemeProps} without exposing the full `Cookie` header
  * (which may contain HttpOnly/session cookies) in serialized loader data.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme#extractthemecookie
+ *
  * @example
  * ```ts
  * // app/root.tsx loader
@@ -310,12 +340,16 @@ declare function extractThemeCookie(cookieHeader: string | null | undefined): st
  * The origin for the assets CDN where custom ngrok fonts and assets are hosted.
  *
  * Keep this stable across the app so we can preconnect/DNS-prefetch consistently.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  * @public
  */
 declare const assetsCdnOrigin = "https://assets.ngrok.com";
 declare const coreFontNames: readonly ["roobert", "jetbrains-mono", "jetbrains-mono-italic", "family-regular", "family-italic"];
 /**
  * Named keys identifying each individual core font.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  * @public
  */
 type CoreFontName = (typeof coreFontNames)[number];
@@ -323,6 +357,8 @@ type FontPath = `/${string}` | (string & {});
 /**
  * Builds an absolute CDN URL for a given font.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme
+ *
  * @returns {`https://assets.ngrok.com/fonts${T}`} An absolute, literal-typed CDN URL.
  *
  * @example
@@ -354,6 +390,8 @@ type PreloadFontProps = {
  * addition to) an HTML `<link>` element. Sending this as a `Link` header lets
  * the browser start the font fetch before it has parsed any HTML.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme#preloadfontlink
+ *
  * @remarks
  * For best performance, also send a `preconnect` hint to {@link assetsCdnOrigin}
  * in the same `Link` header.
@@ -378,6 +416,8 @@ declare function preloadFontLink(name: CoreFontName): string;
  * Use this when you only need one or two specific fonts rather than all core
  * fonts. Include it as early as possible in the document `<head>`.
  *
+ * @see https://mantle.ngrok.com/components/primitives/theme#preloadfont
+ *
  * @remarks
  * For best performance, pair this with preconnect/dns-prefetch hints to the CDN.
  *

package/dist/theme.js

@@ -1 +1 @@
-import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as d,s as f,t as p,u as m}from"./theme-C26-Xolp.js";import{useEffect as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=`mantle-dark-styles`,b=`mantle-light-high-contrast-styles`,x=`mantle-dark-high-contrast-styles`,S=`(prefers-color-scheme: dark)`,C=`(prefers-contrast: more) and (prefers-color-scheme: light)`,w=`(prefers-contrast: more) and (prefers-color-scheme: dark)`;function T(e,t){let n=t??e;return{dark:n===`dark`?`all`:S,lightHighContrast:n===`light-high-contrast`?`all`:C,darkHighContrast:n===`dark-high-contrast`?`all`:w}}function E(e){return e}function D(e){let{darkLinkId:t,lightHcLinkId:n,darkHcLinkId:r,mediaDark:i,mediaLightHc:a,mediaDarkHc:o,forceTheme:s}=e,c=document.documentElement.dataset.appliedTheme,l=s??c,u=document.getElementById(t),d=document.getElementById(n),f=document.getElementById(r);u&&(u.media=l===`dark`?`all`:i),d&&(d.media=l===`light-high-contrast`?`all`:a),f&&(f.media=l===`dark-high-contrast`?`all`:o)}function O(e){let t={darkLinkId:y,lightHcLinkId:b,darkHcLinkId:x,mediaDark:S,mediaLightHc:C,mediaDarkHc:w,forceTheme:e};return`(${D.toString()})(${JSON.stringify(t)})`}function k({darkCssUrl:e,lightHighContrastCssUrl:t,darkHighContrastCssUrl:n,forceTheme:i,nonce:o,ssrCookie:s}){h(()=>{function e(){let e=document.documentElement.dataset.appliedTheme;return r(e)?e:void 0}function t(){let{dark:t,lightHighContrast:n,darkHighContrast:r}=T(e(),i),a=document.getElementById(y),o=document.getElementById(b),s=document.getElementById(x);a&&(a.media=t),o&&(o.media=n),s&&(s.media=r)}t();let n=new MutationObserver(t);return n.observe(document.documentElement,{attributes:!0,attributeFilter:[`data-applied-theme`]}),()=>{n.disconnect()}},[i]);let c=s==null?void 0:a({cookie:s}),l=c===`system`?void 0:c,{dark:u,lightHighContrast:d,darkHighContrast:f}=T(l,i);return v(g,{children:[(!i||i===`dark`)&&_(`link`,{rel:`stylesheet`,id:y,href:e,media:u,suppressHydrationWarning:!0}),(!i||i===`light-high-contrast`)&&_(`link`,{rel:`stylesheet`,id:b,href:t,media:d,suppressHydrationWarning:!0}),(!i||i===`dark-high-contrast`)&&_(`link`,{rel:`stylesheet`,id:x,href:n,media:f,suppressHydrationWarning:!0}),!i&&l==null&&_(`script`,{dangerouslySetInnerHTML:{__html:O(i)},nonce:o,suppressHydrationWarning:!0})]})}const A=`https://assets.ngrok.com`,j=`${A}/fonts`,M={roobert:`/roobert/roobert-proportional-vf.woff2`,"jetbrains-mono":`/jetbrains/jetbrainsmono-wght.woff2`,"jetbrains-mono-italic":`/jetbrains/jetbrainsmono-italic-wght.woff2`,"family-regular":`/family/family-regular.woff2`,"family-italic":`/family/family-italic.woff2`};function N(e){let t=e.startsWith(`/`)?e:`/${e}`;return`${j}${t}`}function P(e){return`<${N(M[e])}>; rel=preload; as=font; type="font/woff2"; crossorigin`}const F=({name:e})=>_(`link`,{rel:`preload`,href:N(M[e]),as:`font`,type:`font/woff2`,crossOrigin:`anonymous`});export{m as $resolvedTheme,n as $theme,k as MantleStyleSheets,F as PreloadFont,p as PreventWrongThemeFlashScript,c as ThemeProvider,A as assetsCdnOrigin,d as extractThemeCookie,O as fixMediaScriptContent,N as fontHref,a as getStoredTheme,r as isResolvedTheme,u as isTheme,E as mantleStyleSheetUrls,P as preloadFontLink,e as preventWrongThemeFlashScriptContent,l as readThemeFromHtmlElement,s as resolvedThemes,i as themes,f as useAppliedTheme,t as useInitialHtmlThemeProps,o as useTheme};
+import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as d,s as f,t as p,u as m}from"./theme-IAnQ35bd.js";import{useEffect as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=`mantle-dark-styles`,b=`mantle-light-high-contrast-styles`,x=`mantle-dark-high-contrast-styles`,S=`(prefers-color-scheme: dark)`,C=`(prefers-contrast: more) and (prefers-color-scheme: light)`,w=`(prefers-contrast: more) and (prefers-color-scheme: dark)`;function T(e,t){let n=t??e;return{dark:n===`dark`?`all`:S,lightHighContrast:n===`light-high-contrast`?`all`:C,darkHighContrast:n===`dark-high-contrast`?`all`:w}}function E(e){return e}function D(e){let{darkLinkId:t,lightHcLinkId:n,darkHcLinkId:r,mediaDark:i,mediaLightHc:a,mediaDarkHc:o,forceTheme:s}=e,c=document.documentElement.dataset.appliedTheme,l=s??c,u=document.getElementById(t),d=document.getElementById(n),f=document.getElementById(r);u&&(u.media=l===`dark`?`all`:i),d&&(d.media=l===`light-high-contrast`?`all`:a),f&&(f.media=l===`dark-high-contrast`?`all`:o)}function O(e){let t={darkLinkId:y,lightHcLinkId:b,darkHcLinkId:x,mediaDark:S,mediaLightHc:C,mediaDarkHc:w,forceTheme:e};return`(${D.toString()})(${JSON.stringify(t)})`}function k({darkCssUrl:e,lightHighContrastCssUrl:t,darkHighContrastCssUrl:n,forceTheme:i,nonce:o,ssrCookie:s}){h(()=>{function e(){let e=document.documentElement.dataset.appliedTheme;return r(e)?e:void 0}function t(){let{dark:t,lightHighContrast:n,darkHighContrast:r}=T(e(),i),a=document.getElementById(y),o=document.getElementById(b),s=document.getElementById(x);a&&(a.media=t),o&&(o.media=n),s&&(s.media=r)}t();let n=new MutationObserver(t);return n.observe(document.documentElement,{attributes:!0,attributeFilter:[`data-applied-theme`]}),()=>{n.disconnect()}},[i]);let c=s==null?void 0:a({cookie:s}),l=c===`system`?void 0:c,{dark:u,lightHighContrast:d,darkHighContrast:f}=T(l,i);return v(g,{children:[(!i||i===`dark`)&&_(`link`,{rel:`stylesheet`,id:y,href:e,media:u,suppressHydrationWarning:!0}),(!i||i===`light-high-contrast`)&&_(`link`,{rel:`stylesheet`,id:b,href:t,media:d,suppressHydrationWarning:!0}),(!i||i===`dark-high-contrast`)&&_(`link`,{rel:`stylesheet`,id:x,href:n,media:f,suppressHydrationWarning:!0}),!i&&l==null&&_(`script`,{dangerouslySetInnerHTML:{__html:O(i)},nonce:o,suppressHydrationWarning:!0})]})}const A=`https://assets.ngrok.com`,j=`${A}/fonts`,M={roobert:`/roobert/roobert-proportional-vf.woff2`,"jetbrains-mono":`/jetbrains/jetbrainsmono-wght.woff2`,"jetbrains-mono-italic":`/jetbrains/jetbrainsmono-italic-wght.woff2`,"family-regular":`/family/family-regular.woff2`,"family-italic":`/family/family-italic.woff2`};function N(e){let t=e.startsWith(`/`)?e:`/${e}`;return`${j}${t}`}function P(e){return`<${N(M[e])}>; rel=preload; as=font; type="font/woff2"; crossorigin`}const F=({name:e})=>_(`link`,{rel:`preload`,href:N(M[e]),as:`font`,type:`font/woff2`,crossOrigin:`anonymous`});export{m as $resolvedTheme,n as $theme,k as MantleStyleSheets,F as PreloadFont,p as PreventWrongThemeFlashScript,c as ThemeProvider,A as assetsCdnOrigin,d as extractThemeCookie,O as fixMediaScriptContent,N as fontHref,a as getStoredTheme,r as isResolvedTheme,u as isTheme,E as mantleStyleSheetUrls,P as preloadFontLink,e as preventWrongThemeFlashScriptContent,l as readThemeFromHtmlElement,s as resolvedThemes,i as themes,f as useAppliedTheme,t as useInitialHtmlThemeProps,o as useTheme};