@ngrok/mantle 0.77.0 → 0.79.0

package/dist/theme-provider-Djj_jBo6.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./use-matches-media-query-CMSxHR9n.js";import{n}from"./browser-only-CPH56Xw_.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[t,r]=c(()=>{let e=N({cookie:n()?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(()=>[t,e=>{L(e),r(e),w(e),F(e,{broadcastChannel:i.current,pingKey:`${y}__ping`})}],[t]);return u(x.Provider,{value:l,children:e})}S.displayName=`ThemeProvider`;function C(){let e=i(x);return l(e,`useTheme must be used within a ThemeProvider`),e}function w(e){if(!n())return;let t=window.document.documentElement,r=window.matchMedia(_).matches,i=window.matchMedia(v).matches,a=E(e,{prefersDarkMode:r,prefersHighContrast:i}),o=t.dataset.theme,s=t.dataset.appliedTheme,c=m(o)?o:void 0,l=g(s)?s:void 0;c===e&&l===a||(t.classList.remove(...d),t.classList.add(a),t.dataset.theme=e,t.dataset.appliedTheme=a)}function T(){if(!n())return{appliedTheme:void 0,theme:void 0};let e=window.document.documentElement,t=m(e.dataset.theme)?e.dataset.theme:void 0;return{appliedTheme:g(e.dataset.appliedTheme)?e.dataset.appliedTheme:void 0,theme:t}}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:t(_),prefersHighContrast:t(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});j.displayName=`PreventWrongThemeFlashScript`;function M(t={}){let{className:r=``,ssrCookie:i}=t??{};return o(()=>{let t,a;if(!n())t=N({cookie:i}),a=E(t,{prefersDarkMode:!1,prefersHighContrast:!1});else{let e=window.matchMedia(_).matches,n=window.matchMedia(v).matches;t=N({cookie:document.cookie}),a=E(t,{prefersDarkMode:e,prefersHighContrast:n})}return{className:e(r,a),"data-applied-theme":a,"data-theme":t}},[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(n())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

@@ -0,0 +1,53 @@
+import { t as WithStyleProps } from "./with-style-props-Dq5Vntqy.js";
+import { n as IconButtonAppearance } from "./icon-button-B7uEj1qq.js";
+import { t as DropdownMenu } from "./dropdown-menu-DMNw8ItM.js";
+import "./index-DZRbVkZa.js";
+import { ComponentProps } from "react";
+//#region src/components/theme-switcher/theme-switcher.d.ts
+/**
+ * The props for the `ThemeDropdownMenuRadioGroup` component.
+ */
+type ThemeDropdownMenuRadioGroupProps = WithStyleProps;
+declare function ThemeDropdownMenuRadioGroup({ className, style }: ThemeDropdownMenuRadioGroupProps): import("react").JSX.Element;
+declare namespace ThemeDropdownMenuRadioGroup {
+  var displayName: string;
+}
+/**
+ * The props for the `ThemeSwitcher` component.
+ */
+type ThemeSwitcherProps = WithStyleProps & {
+  /**
+   * The visual style of the trigger `IconButton`. Optional here —
+   * `ThemeSwitcher` defaults to `"ghost"` so the trigger sits quietly in
+   * headers and toolbars.
+   *
+   * @default "ghost"
+   */
+  appearance?: IconButtonAppearance;
+  /**
+   * Props forwarded to the menu's `DropdownMenu.Content` — positioning and
+   * collision behavior (`align`, `side`, `collisionPadding`, …) plus
+   * `className`/`style` for the popover the trigger opens. To own the whole
+   * menu instead, compose `ThemeDropdownMenuRadioGroup` in your own
+   * `DropdownMenu`.
+   *
+   * @example
+   * ```tsx
+   * <ThemeSwitcher contentProps={{ collisionPadding: { right: 16 } }} />
+   * ```
+   */
+  contentProps?: Omit<ComponentProps<typeof DropdownMenu.Content>, "children">;
+  /**
+   * The accessible name for the trigger `IconButton`. Visually hidden but
+   * announced to screen readers. Override it for localization.
+   *
+   * @default "Change Theme"
+   */
+  label?: string;
+};
+declare function ThemeSwitcher({ appearance, className, contentProps, label, style }: ThemeSwitcherProps): import("react").JSX.Element;
+declare namespace ThemeSwitcher {
+  var displayName: string;
+}
+//#endregion
+export { ThemeDropdownMenuRadioGroup, type ThemeDropdownMenuRadioGroupProps, ThemeSwitcher, type ThemeSwitcherProps };

package/dist/theme-switcher.js

@@ -0,0 +1 @@
+import{t as e}from"./icon-CDtYjF_H.js";import{t}from"./icon-button-DV2-GZHf.js";import{t as n}from"./browser-only-CPH56Xw_.js";import{d as r,h as i,l as a,p as o}from"./theme-provider-Djj_jBo6.js";import{t as s}from"./dropdown-menu-ByUQkAvJ.js";import{n as c,t as l}from"./theme-D8kZCOzM.js";import{t as u}from"./skeleton-Bu3tgNcW.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p={system:`System Preference`,light:`Light Mode`,dark:`Dark Mode`,"light-high-contrast":`Light High Contrast`,"dark-high-contrast":`Dark High Contrast`},m=({className:t,style:n})=>{let[l,u]=a();return d(s.RadioGroup,{"data-slot":`theme-dropdown-menu-radio-group`,className:t,style:n,value:l,onValueChange:e=>{o(e)&&u(e)},children:i.map(t=>f(s.RadioItem,{value:r(t),children:[d(e,{svg:d(c,{theme:t})}),p[t]]},t))})};m.displayName=`ThemeDropdownMenuRadioGroup`;const h=({appearance:e=`ghost`,className:r,contentProps:i,label:a=`Change Theme`,style:o})=>f(s.Root,{children:[d(s.Trigger,{asChild:!0,children:d(t,{type:`button`,appearance:e,className:r,"data-slot":`theme-switcher`,intent:`neutral`,icon:d(n,{fallback:d(u,{className:`rounded-full size-5`}),children:()=>d(l,{className:`size-5`})}),label:a,style:o})}),d(s.Content,{...i,children:d(m,{})})]});h.displayName=`ThemeSwitcher`;export{m as ThemeDropdownMenuRadioGroup,h as ThemeSwitcher};

package/dist/theme.d.ts

@@ -1,6 +1,5 @@
 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 "./themes-CYNpplwN.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.
@@ -155,14 +154,7 @@ declare function fixMediaScriptContent(forceTheme?: ResolvedTheme): string;
  * </head>
  * ```
  */
-declare function MantleStyleSheets({
-  darkCssUrl,
-  lightHighContrastCssUrl,
-  darkHighContrastCssUrl,
-  forceTheme,
-  nonce,
-  ssrCookie
-}: MantleStyleSheetsProps): import("react").JSX.Element;
+declare function MantleStyleSheets({ darkCssUrl, lightHighContrastCssUrl, darkHighContrastCssUrl, forceTheme, nonce, ssrCookie }: MantleStyleSheetsProps): import("react").JSX.Element;
 declare namespace MantleStyleSheets {
   var displayName: string;
 }
@@ -176,7 +168,7 @@ type ThemeProviderProps = PropsWithChildren;
 /**
  * ThemeProvider is a React Context Provider that provides the current theme and a function to set the theme.
  *
- * @see https://mantle.ngrok.com/components/theme-provider#themeprovider
+ * @see https://mantle.ngrok.com/components/primitives/theme#themeprovider
  *
  * @example
  * ```tsx
@@ -185,9 +177,7 @@ type ThemeProviderProps = PropsWithChildren;
  * </ThemeProvider>
  * ```
  */
-declare function ThemeProvider({
-  children
-}: ThemeProviderProps): import("react").JSX.Element;
+declare function ThemeProvider({ children }: ThemeProviderProps): import("react").JSX.Element;
 declare namespace ThemeProvider {
   var displayName: string;
 }
@@ -201,33 +191,14 @@ declare function useTheme(): ThemeProviderState;
  * Read the theme and applied theme from the `<html>` element.
  */
 declare function readThemeFromHtmlElement(): {
-  appliedTheme: "dark" | "light" | "light-high-contrast" | "dark-high-contrast" | undefined;
-  theme: "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast" | undefined;
+  appliedTheme: "dark" | "dark-high-contrast" | "light" | "light-high-contrast" | undefined;
+  theme: "dark" | "dark-high-contrast" | "light" | "light-high-contrast" | "system" | undefined;
 };
 /**
  * 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.
  */
-declare function useAppliedTheme(): "dark" | "light" | "light-high-contrast" | "dark-high-contrast";
-/**
- * determineThemeFromMediaQuery returns the theme that should be used based on the user's media query preferences.
- * @private
- *
- * @example
- * ```tsx
- * const theme = determineThemeFromMediaQuery({
- *   prefersDarkMode: true,
- *   prefersHighContrast: false
- * });
- * // Returns: "dark"
- *
- * const themeWithContrast = determineThemeFromMediaQuery({
- *   prefersDarkMode: false,
- *   prefersHighContrast: true
- * });
- * // Returns: "light-high-contrast"
- * ```
- */
+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.
@@ -244,44 +215,10 @@ type PreventWrongThemeFlashScriptProps = {
    */
   nonce?: string;
 };
-/**
- * Renders an inline script that prevents Flash of Unstyled Content (FOUC) or the
- * wrong theme flashing on first paint.
- *
- * This is the preferred building block for SSR apps. Pair it with
- * {@link preloadFontLink} HTTP `Link` headers in your server entry so font fetches
- * begin before HTML is parsed. For client-only apps without header control, pair
- * it with {@link PreloadFont} elements in `<head>` instead.
- *
- * Place this as early as possible in the `<head>`.
- *
- * @example
- * ```tsx
- * // entry.server.tsx — send font preloads as HTTP headers (preferred for SSR)
- * headers.set("Link", [
- *   `<${assetsCdnOrigin}>; rel=preconnect; crossorigin`,
- *   preloadFontLink("roobert"),
- *   preloadFontLink("jetbrains-mono"),
- * ].join(", "));
- *
- * // root.tsx — only the FOUC script in <head>
- * <head>
- *   <PreventWrongThemeFlashScript nonce={nonce} />
- * </head>
- * ```
- *
- * @param nonce - Optional CSP nonce to allowlist the inline script under a strict CSP.
- * @returns {JSX.Element} A script tag injected before first paint.
- * @see preloadFontLink
- * @see PreloadFont
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
- */
-declare const PreventWrongThemeFlashScript: {
-  ({
-    nonce
-  }: PreventWrongThemeFlashScriptProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare function PreventWrongThemeFlashScript({ nonce }: PreventWrongThemeFlashScriptProps): import("react").JSX.Element;
+declare namespace PreventWrongThemeFlashScript {
+  var displayName: string;
+}
 type InitialThemeProps = {
   className: string;
   "data-applied-theme": ResolvedTheme;
@@ -319,9 +256,7 @@ type GetStoredThemeOptions = {
  * @example
  * getStoredTheme({ cookie: "" }) // DEFAULT_THEME
  */
-declare function getStoredTheme({
-  cookie
-}: GetStoredThemeOptions): Theme;
+declare function getStoredTheme({ cookie }: GetStoredThemeOptions): Theme;
 /**
  * Extract just the mantle theme cookie from a raw `Cookie` header string.
  *
@@ -414,30 +349,9 @@ type PreloadFontProps = {
  * ```
  */
 declare function preloadFontLink(name: CoreFontName): string;
-/**
- * Preloads a single core font by name.
- *
- * 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>`.
- *
- * @remarks
- * For best performance, pair this with preconnect/dns-prefetch hints to the CDN.
- *
- * @example
- * ```tsx
- * <head>
- *   <link rel="preconnect" href={assetsCdnOrigin} crossOrigin="anonymous" />
- *   <link rel="dns-prefetch" href={assetsCdnOrigin} />
- *   <PreloadFont name="roobert" />
- *   <PreloadFont name="jetbrains-mono" />
- * </head>
- * ```
- */
-declare const PreloadFont: {
-  ({
-    name
-  }: PreloadFontProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare function PreloadFont({ name }: PreloadFontProps): import("react").JSX.Element;
+declare namespace PreloadFont {
+  var displayName: string;
+}
 //#endregion
 export { $resolvedTheme, $theme, type CoreFontName, MantleStyleSheets, type MantleStyleSheetsProps, type MantleThemeCssUrls, PreloadFont, PreventWrongThemeFlashScript, type ResolvedTheme, type Theme, ThemeProvider, assetsCdnOrigin, extractThemeCookie, fixMediaScriptContent, fontHref, getStoredTheme, isResolvedTheme, isTheme, mantleStyleSheetUrls, preloadFontLink, preventWrongThemeFlashScriptContent, readThemeFromHtmlElement, resolvedThemes, themes, useAppliedTheme, useInitialHtmlThemeProps, useTheme };

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-provider-C5XYi2-H.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})]})}k.displayName=`MantleStyleSheets`;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){return`${j}${e.startsWith(`/`)?e:`/${e}`}`}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`});F.displayName=`PreloadFont`;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-provider-Djj_jBo6.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})]})}k.displayName=`MantleStyleSheets`;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`});F.displayName=`PreloadFont`;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};

package/dist/toast-D3ntBmn4.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{t as n}from"./slot-DmPrjM7N.js";import{s as r}from"./theme-provider-Djj_jBo6.js";import{createContext as i,forwardRef as a,useContext as o,useMemo as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{CheckCircleIcon as u}from"@phosphor-icons/react/CheckCircle";import{InfoIcon as d}from"@phosphor-icons/react/Info";import{WarningIcon as f}from"@phosphor-icons/react/Warning";import{WarningDiamondIcon as p}from"@phosphor-icons/react/WarningDiamond";import*as m from"sonner";const h=({className:t,containerAriaLabel:n,dir:i,duration_ms:a=4e3,position:o=`top-center`,style:s})=>{let l=r();return c(m.Toaster,{"data-slot":`toaster`,className:e(`toaster overlay-prompt pointer-events-auto *:duration-200`,t),containerAriaLabel:n,dir:i,duration:a,gap:12,position:o??`top-center`,style:s,theme:l,toastOptions:{unstyled:!0}})};h.displayName=`Toaster`;const g=i(``);function _(e,t){let n=t?.duration_ms;return typeof n==`number`&&n<=0&&(n=1/0),m.toast.custom(t=>c(g.Provider,{value:t,children:e}),{duration:n,...t?.id?{id:t.id}:{},unstyled:!0})}const v=i({intent:`info`}),y=a(({asChild:t,children:r,className:i,intent:a,...o},u)=>{let d=t?n:`div`,f=s(()=>({intent:a}),[a]);return c(v.Provider,{value:f,children:l(d,{"data-slot":`toast`,className:e(`relative flex items-start gap-2 text-sm font-sans`,`p-3 pl-3.75`,`bg-popover high-contrast:border-popover rounded rounded-r-[0.3125rem] border border-gray-500/35 shadow-lg`,i),ref:u,...o,children:[c(E,{intent:a}),r]})})});y.displayName=`Toast`;const b=a(({className:n,svg:r,...i},a)=>{let s=o(v);switch(s.intent){case`danger`:return c(t,{"data-slot":`toast-icon`,className:e(`text-danger-600`,n),ref:a,svg:r??c(f,{weight:`fill`}),...i});case`warning`:return c(t,{"data-slot":`toast-icon`,className:e(`text-warning-600`,n),ref:a,svg:r??c(p,{weight:`fill`}),...i});case`success`:return c(t,{"data-slot":`toast-icon`,className:e(`text-success-600`,n),ref:a,svg:r??c(u,{weight:`fill`}),...i});case`info`:return c(t,{"data-slot":`toast-icon`,className:e(`text-accent-600`,n),ref:a,svg:c(d,{weight:`fill`}),...i});default:throw Error(`Unreachable Case: ${s.intent}`)}});b.displayName=`ToastIcon`;const x=a(({asChild:t,className:r,onClick:i,...a},s)=>{let l=o(g);return c(t?n:`button`,{"data-slot":`toast-action`,className:e(`shrink-0`,`data-icon-button:-mr-0.5 data-icon-button:-mt-0.5 data-icon-button:rounded-xs`,r),onClick:e=>{i?.(e),!e.defaultPrevented&&m.toast.dismiss(l)},ref:s,...a})});x.displayName=`ToastAction`;const S=a(({asChild:t,className:r,...i},a)=>c(t?n:`p`,{"data-slot":`toast-message`,className:e(`text-strong flex-1 text-sm font-body`,r),ref:a,...i}));S.displayName=`ToastMessage`;const C={Root:y,Action:x,Icon:b,Message:S};function w(e){e.target instanceof Element&&e.target.closest(`.overlay-prompt`)&&e.preventDefault()}const T={info:`bg-accent-600`,warning:`bg-warning-600`,success:`bg-success-600`,danger:`bg-danger-600`};function E({className:t,intent:n,...r}){return c(`div`,{"aria-hidden":!0,className:e(`z-1 absolute -inset-px right-auto w-1.5 rounded-l`,T[n],t),...r})}export{w as i,h as n,_ as r,C as t};

package/dist/toast.d.ts

@@ -1,9 +1,8 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { t as WithStyleProps } from "./with-style-props-CyImx7vd.js";
-import { n as SvgOnlyProps } from "./svg-only-f6ToFLH0.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { t as WithStyleProps } from "./with-style-props-Dq5Vntqy.js";
+import { n as SvgOnlyProps } from "./svg-only-BFeFS1aa.js";
 import { ComponentProps, ReactNode } from "react";
 import * as ToastPrimitive from "sonner";
-
 //#region src/components/toast/toast.d.ts
 type ToasterPrimitiveProps = ComponentProps<typeof ToastPrimitive.Toaster>;
 type ToasterProps = WithStyleProps & Pick<ToasterPrimitiveProps, "containerAriaLabel" | "dir" | "position"> & {
@@ -14,33 +13,10 @@ type ToasterProps = WithStyleProps & Pick<ToasterPrimitiveProps, "containerAriaL
    */
   duration_ms?: number;
 };
-/**
- * A container for displaying all toasts.
- *
- * Only one `<Toaster />` should be rendered in an app a time, preferably at the
- * root level of the app.
- *
- * @see https://mantle.ngrok.com/components/toast#toaster
- *
- * @example
- * ```tsx
- * <Toaster
- *   position="top-right"
- *   duration_ms={5000}
- * />
- * ```
- */
-declare const Toaster: {
-  ({
-    className,
-    containerAriaLabel,
-    dir,
-    duration_ms,
-    position,
-    style
-  }: ToasterProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare function Toaster({ className, containerAriaLabel, dir, duration_ms, position, style }: ToasterProps): import("react").JSX.Element;
+declare namespace Toaster {
+  var displayName: string;
+}
 type MakeToastOptions = {
   /**
    * Time in milliseconds that should elapse before automatically closing the toast.
@@ -58,13 +34,13 @@ type MakeToastOptions = {
  * Create a toast. Provide a `<Toast.Root>` component as the `children` to be rendered
  * inside the `<Toaster />` section.
  *
- * @see https://mantle.ngrok.com/components/toast#maketoast
+ * @see https://mantle.ngrok.com/components/feedback/toast#maketoast
  *
  * @example
  * ```tsx
  * // Basic toast with auto-dismiss (default 4000ms, inherits from `<Toaster>`)
  * makeToast(
- *   <Toast.Root priority="success">
+ *   <Toast.Root intent="success">
  *     <Toast.Icon />
  *     <Toast.Message>Operation completed successfully!</Toast.Message>
  *     <Toast.Action>Dismiss</Toast.Action>
@@ -73,7 +49,7 @@ type MakeToastOptions = {
  *
  * // Toast that stays open until manually dismissed
  * makeToast(
- *   <Toast.Root priority="warning">
+ *   <Toast.Root intent="warning">
  *     <Toast.Icon />
  *     <Toast.Message>Action required</Toast.Message>
  *     <Toast.Action>Dismiss</Toast.Action>
@@ -83,10 +59,16 @@ type MakeToastOptions = {
  * ```
  */
 declare function makeToast(children: ReactNode, options?: MakeToastOptions): string | number;
-declare const priorities: readonly ["danger", "info", "success", "warning"];
-type Priority = (typeof priorities)[number];
+declare const intents: readonly ["danger", "info", "success", "warning"];
+/**
+ * The intent of a toast: the tone or status that the toast's color communicates.
+ */
+type ToastIntent = (typeof intents)[number];
 type ToastProps = ComponentProps<"div"> & WithAsChild & {
-  priority: Priority;
+  /**
+   * The intent of the toast: the tone or status that the toast's color communicates.
+   */
+  intent: ToastIntent;
 };
 type ToastActionProps = ComponentProps<"button"> & WithAsChild;
 type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
@@ -94,7 +76,7 @@ type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
  * A succinct message that is displayed temporarily. Toasts are used to provide
  * feedback to the user without interrupting their workflow.
  *
- * @see https://mantle.ngrok.com/components/toast
+ * @see https://mantle.ngrok.com/components/feedback/toast
  *
  * @example
  * Composition:
@@ -108,7 +90,7 @@ type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
  * @example
  * ```tsx
  * makeToast(
- *   <Toast.Root priority="success">
+ *   <Toast.Root intent="success">
  *     <Toast.Icon />
  *     <Toast.Message>Operation completed successfully!</Toast.Message>
  *     <Toast.Action>Dismiss</Toast.Action>
@@ -118,13 +100,13 @@ type ToastMessageProps = ComponentProps<"p"> & WithAsChild;
  */
 declare const Toast: {
   /**
-   * A succinct message with a priority that is displayed temporarily.
+   * A succinct message with an intent that is displayed temporarily.
    *
-   * @see https://mantle.ngrok.com/components/toast#toastroot
+   * @see https://mantle.ngrok.com/components/feedback/toast#toastroot
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="success">
+   * <Toast.Root intent="success">
    *   <Toast.Icon />
    *   <Toast.Message>Changes saved successfully!</Toast.Message>
    *   <Toast.Action>Undo</Toast.Action>
@@ -135,11 +117,11 @@ declare const Toast: {
   /**
    * A button that dismisses the toast when clicked.
    *
-   * @see https://mantle.ngrok.com/components/toast#toastaction
+   * @see https://mantle.ngrok.com/components/feedback/toast#toastaction
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="info">
+   * <Toast.Root intent="info">
    *   <Toast.Icon />
    *   <Toast.Message>File uploaded successfully</Toast.Message>
    *   <Toast.Action>View File</Toast.Action>
@@ -148,13 +130,13 @@ declare const Toast: {
    */
   readonly Action: import("react").ForwardRefExoticComponent<Omit<ToastActionProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   /**
-   * An icon that visually represents the priority of the toast.
+   * An icon that visually represents the intent of the toast.
    *
-   * @see https://mantle.ngrok.com/components/toast#toasticon
+   * @see https://mantle.ngrok.com/components/feedback/toast#toasticon
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="warning">
+   * <Toast.Root intent="warning">
    *   <Toast.Icon />
    *   <Toast.Message>Warning message</Toast.Message>
    * </Toast.Root>
@@ -164,11 +146,11 @@ declare const Toast: {
   /**
    * The message content of the toast.
    *
-   * @see https://mantle.ngrok.com/components/toast#toastmessage
+   * @see https://mantle.ngrok.com/components/feedback/toast#toastmessage
    *
    * @example
    * ```tsx
-   * <Toast.Root priority="success">
+   * <Toast.Root intent="success">
    *   <Toast.Icon />
    *   <Toast.Message>Your changes have been saved</Toast.Message>
    * </Toast.Root>
@@ -177,4 +159,4 @@ declare const Toast: {
   readonly Message: import("react").ForwardRefExoticComponent<Omit<ToastMessageProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 };
 //#endregion
-export { type Priority, Toast, Toaster, makeToast };
+export { Toast, type ToastIntent, Toaster, makeToast };

package/dist/toast.js

@@ -1 +1 @@
-import{n as e,r as t,t as n}from"./toast-CZBWjXcP.js";export{n as Toast,e as Toaster,t as makeToast};
+import{n as e,r as t,t as n}from"./toast-D3ntBmn4.js";export{n as Toast,e as Toaster,t as makeToast};

package/dist/tooltip.d.ts

@@ -1,38 +1,10 @@
 import { ComponentProps, ComponentPropsWithoutRef } from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-
 //#region src/components/tooltip/tooltip.d.ts
-/**
- * Wraps your app to provide shared global behavior for your tooltips, such
- * as consistent delay and hover settings. Mount one instance at the root of
- * your app when you want app-wide tooltip defaults. Children render
- * `Tooltip.Root` / `Tooltip.Trigger` / `Tooltip.Content` trees as usual.
- *
- * @see https://mantle.ngrok.com/components/tooltip#tooltipprovider
- *
- * @example
- * ```tsx
- * <TooltipProvider>
- *   <Tooltip.Root>
- *     <Tooltip.Trigger asChild>
- *       <Button type="button" appearance="outlined">
- *         Hover me
- *       </Button>
- *     </Tooltip.Trigger>
- *     <Tooltip.Content>
- *       This is a tooltip
- *     </Tooltip.Content>
- *   </Tooltip.Root>
- * </TooltipProvider>
- * ```
- */
-declare const TooltipProvider: {
-  ({
-    delayDuration,
-    ...props
-  }: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>): import("react").JSX.Element;
-  displayName: string;
-};
+declare function TooltipProvider({ delayDuration, ...props }: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>): import("react").JSX.Element;
+declare namespace TooltipProvider {
+  var displayName: string;
+}
 /**
  * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
  * This is the root, stateful component that manages the open/closed state of
@@ -43,13 +15,13 @@ declare const TooltipProvider: {
  * z-index. When multiple shared layers are open, the most recently mounted
  * layer renders on top.
  *
- * @see https://mantle.ngrok.com/components/tooltip#tooltiproot
+ * @see https://mantle.ngrok.com/components/overlays/tooltip#tooltiproot
  *
  * @example
  * ```tsx
  * <Tooltip.Root>
  *   <Tooltip.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </Tooltip.Trigger>
@@ -60,19 +32,16 @@ declare const TooltipProvider: {
  * ```
  */
 declare function Root(props: ComponentProps<typeof TooltipPrimitive.Root>): import("react").JSX.Element;
-declare namespace Root {
-  var displayName: string;
-}
 /**
  * The trigger button that opens the tooltip.
  *
- * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger
+ * @see https://mantle.ngrok.com/components/overlays/tooltip#tooltiptrigger
  *
  * @example
  * ```tsx
  * <Tooltip.Root>
  *   <Tooltip.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </Tooltip.Trigger>
@@ -83,9 +52,6 @@ declare namespace Root {
  * ```
  */
 declare function Trigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>): import("react").JSX.Element;
-declare namespace Trigger {
-  var displayName: string;
-}
 /**
  * A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
  *
@@ -105,7 +71,7 @@ declare namespace Trigger {
  * z-index. When multiple shared layers are open, the most recently mounted
  * layer renders on top.
  *
- * @see https://mantle.ngrok.com/components/tooltip
+ * @see https://mantle.ngrok.com/components/overlays/tooltip
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  *
  * @example
@@ -120,7 +86,7 @@ declare namespace Trigger {
  * ```tsx
  * <Tooltip.Root>
  *   <Tooltip.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </Tooltip.Trigger>
@@ -141,13 +107,13 @@ declare const Tooltip: {
    * z-index. When multiple shared layers are open, the most recently mounted
    * layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/tooltip#tooltiproot
+   * @see https://mantle.ngrok.com/components/overlays/tooltip#tooltiproot
    *
    * @example
    * ```tsx
    * <Tooltip.Root>
    *   <Tooltip.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </Tooltip.Trigger>
@@ -165,13 +131,13 @@ declare const Tooltip: {
    * z-index. When multiple shared layers are open, the most recently mounted
    * layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/tooltip#tooltipcontent
+   * @see https://mantle.ngrok.com/components/overlays/tooltip#tooltipcontent
    *
    * @example
    * ```tsx
    * <Tooltip.Root>
    *   <Tooltip.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </Tooltip.Trigger>
@@ -185,13 +151,13 @@ declare const Tooltip: {
   /**
    * The trigger button that opens the tooltip.
    *
-   * @see https://mantle.ngrok.com/components/tooltip#tooltiptrigger
+   * @see https://mantle.ngrok.com/components/overlays/tooltip#tooltiptrigger
    *
    * @example
    * ```tsx
    * <Tooltip.Root>
    *   <Tooltip.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </Tooltip.Trigger>

package/dist/tooltip.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"@radix-ui/react-tooltip";const a=({delayDuration:e=0,...t})=>n(i.Provider,{"data-slot":`tooltip-provider`,delayDuration:e??0,...t});a.displayName=`Tooltip.Provider`;function o(e){return n(i.Root,{"data-slot":`tooltip`,...e})}o.displayName=`Tooltip.Root`;function s(e){return n(i.Trigger,{"data-slot":`tooltip-trigger`,...e})}s.displayName=`Tooltip.Trigger`;const c=t(({children:t,className:a,sideOffset:o=4,...s},c)=>n(i.Portal,{children:r(i.Content,{className:e(`bg-tooltip text-tooltip animate-in fade-in-0 zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 z-50 max-w-72 overflow-visible wrap-break-word rounded-md px-3 py-1.5 text-sm font-sans shadow`,a),"data-slot":`tooltip-content`,ref:c,sideOffset:o,...s,children:[t,n(i.Arrow,{asChild:!0,children:n(`div`,{className:`bg-tooltip z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs`})})]})}));c.displayName=`Tooltip.Content`;const l={Root:o,Content:c,Trigger:s};export{l as Tooltip,a as TooltipProvider};
+import{t as e}from"./cx-IiQEAKf5.js";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"@radix-ui/react-tooltip";const a=({delayDuration:e=0,...t})=>n(i.Provider,{"data-slot":`tooltip-provider`,delayDuration:e??0,...t});a.displayName=`Tooltip.Provider`;function o(e){return n(i.Root,{"data-slot":`tooltip`,...e})}o.displayName=`Tooltip.Root`;function s(e){return n(i.Trigger,{"data-slot":`tooltip-trigger`,...e})}s.displayName=`Tooltip.Trigger`;const c=t(({children:t,className:a,sideOffset:o=4,...s},c)=>n(i.Portal,{children:r(i.Content,{className:e(`bg-tooltip text-tooltip animate-in fade-in-0 zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 z-50 max-w-72 overflow-visible wrap-break-word rounded-md px-3 py-1.5 text-sm font-sans shadow`,a),"data-slot":`tooltip-content`,ref:c,sideOffset:o,...s,children:[t,n(i.Arrow,{asChild:!0,children:n(`div`,{className:`bg-tooltip z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs`})})]})}));c.displayName=`Tooltip.Content`;const l={Root:o,Content:c,Trigger:s};export{l as Tooltip,a as TooltipProvider};

package/dist/{types-CTam1uIW.d.ts → types-C19IR7jf.d.ts}

@@ -1,3 +1,4 @@
+import "./validation-7QeiTFwl.js";
 //#region src/components/input/types.d.ts
 /**
  * (Not a Boolean attribute!) The autocomplete attribute takes as its value a space-separated string that describes what,

package/dist/{types-BvUzforF.d.ts → types-D1RY5Tcj.d.ts}

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/components/icon/types.d.ts
 /**
  * Props accepted by SVG-rendering primitives in mantle (`Icon`, `SvgOnly`, and

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { a as Booleanish, i as DeepNonNullable, n as CssProperties, o as parseBooleanish, r as VariantProps, t as $cssProperties } from "./index-Bed_XLWa.js";
-import { t as WithStyleProps } from "./with-style-props-CyImx7vd.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { a as Booleanish, i as DeepNonNullable, n as CssProperties, o as parseBooleanish, r as VariantProps, t as $cssProperties } from "./index-D47aqlpz.js";
+import { t as WithStyleProps } from "./with-style-props-Dq5Vntqy.js";
 export { $cssProperties, type Booleanish, type CssProperties, type DeepNonNullable, type VariantProps, type WithAsChild, type WithStyleProps, parseBooleanish };

package/dist/use-prefers-reduced-motion-CagaNRgm.js

@@ -0,0 +1 @@
+import{n as e}from"./browser-only-CPH56Xw_.js";import{useEffect as t,useState as n}from"react";const r=`(prefers-reduced-motion: no-preference)`;function i(){return!e()||!window.matchMedia(r).matches}function a(){let[e,a]=n(!0);return t(()=>{let e=window.matchMedia(r);a(i());function t(e){a(!e.matches)}return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}},[]),e}export{a as n,i as t};