@ngrok/mantle 0.79.3 → 0.81.0

package/dist/table-CwFHXC-G.d.ts

@@ -1,414 +0,0 @@
-//#region src/components/table/table.d.ts
-/**
- * Use `Table` for STATIC, layout-driven tabular data — read-only data dumps,
- * simple key/value displays, plain markup tables. The API matches the HTML
- * `<table>` element 1:1, with no built-in sorting, filtering, or pagination.
- *
- * For INTERACTIVE tabular data with sorting / filtering / pagination / row
- * selection, use `DataTable` (built on TanStack Table) instead.
- *
- * @see https://mantle.ngrok.com/components/data-display/table
- *
- * @example
- * Composition:
- * ```
- * Table.Root
- * └── Table.Element
- *     ├── Table.Caption
- *     ├── Table.Head
- *     │   └── Table.Row
- *     │       └── Table.Header
- *     ├── Table.Body
- *     │   └── Table.Row
- *     │       └── Table.Cell
- *     └── Table.Foot
- * ```
- *
- * @example
- * ```tsx
- * <Table.Root>
- *   <Table.Element>
- *     <Table.Caption>A list of your recent invoices.</Table.Caption>
- *     <Table.Head>
- *       <Table.Row>
- *         <Table.Header className="w-25">Invoice</Table.Header>
- *         <Table.Header>Status</Table.Header>
- *         <Table.Header>Method</Table.Header>
- *         <Table.Header className="text-right">Amount</Table.Header>
- *       </Table.Row>
- *     </Table.Head>
- *     <Table.Body>
- *       {invoices.map((invoice) => (
- *         <Table.Row key={invoice.invoice}>
- *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
- *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
- *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
- *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
- *         </Table.Row>
- *       ))}
- *     </Table.Body>
- *     <Table.Foot>
- *       <Table.Row>
- *         <Table.Cell colSpan={3}>Total</Table.Cell>
- *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
- *       </Table.Row>
- *     </Table.Foot>
- *   </Table.Element>
- * </Table.Root>
- * ```
- */
-declare const Table: {
-  /**
-   * The body section of the table. Encapsulates a set of table rows comprising the body of a table's main data.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tablebody
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-  /**
-   * An optional caption that specifies the caption (or title) of a table, providing an accessible description.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tablecaption
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
-  /**
-   * A cell that contains data and may be used as a child of a table row.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tablecell
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("react").RefAttributes<HTMLTableDataCellElement>>;
-  /**
-   * A structured way to display data in rows and columns. The API matches the HTML table element 1:1.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tableelement
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Element: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
-  /**
-   * The foot section of a table. Encapsulates a set of table rows comprising the foot with summary information.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tablefoot
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Foot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-  /**
-   * The head section of a table. Contains the table's column headers information.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tableheader
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Head: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-  /**
-   * A cell that defines the header of a group of table cells as a child of a table row.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tableheader
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import("react").RefAttributes<HTMLTableHeaderCellElement>>;
-  /**
-   * The root container element for all tables. Provides styling and additional functionality like horizontal overflow detection.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tableroot
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  /**
-   * Defines a row of cells in a table. Contains a mix of table cells and table headers.
-   *
-   * @see https://mantle.ngrok.com/components/data-display/table#tablerow
-   *
-   * @example
-   * ```tsx
-   * <Table.Root>
-   *   <Table.Element>
-   *     <Table.Caption>A list of your recent invoices.</Table.Caption>
-   *     <Table.Head>
-   *       <Table.Row>
-   *         <Table.Header className="w-25">Invoice</Table.Header>
-   *         <Table.Header>Status</Table.Header>
-   *         <Table.Header>Method</Table.Header>
-   *         <Table.Header className="text-right">Amount</Table.Header>
-   *       </Table.Row>
-   *     </Table.Head>
-   *     <Table.Body>
-   *       {invoices.map((invoice) => (
-   *         <Table.Row key={invoice.invoice}>
-   *           <Table.Cell className="font-medium">{invoice.invoice}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentStatus}</Table.Cell>
-   *           <Table.Cell>{invoice.paymentMethod}</Table.Cell>
-   *           <Table.Cell className="text-right">{invoice.totalAmount}</Table.Cell>
-   *         </Table.Row>
-   *       ))}
-   *     </Table.Body>
-   *     <Table.Foot>
-   *       <Table.Row>
-   *         <Table.Cell colSpan={3}>Total</Table.Cell>
-   *         <Table.Cell className="text-right">$2,500.00</Table.Cell>
-   *       </Table.Row>
-   *     </Table.Foot>
-   *   </Table.Element>
-   * </Table.Root>
-   * ```
-   */
-  readonly Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
-};
-//#endregion
-export { Table as t };

package/dist/theme-D3MDng6U.js

@@ -1 +0,0 @@
-import{s as e}from"./theme-provider-C9zpDyJW.js";import{jsx as t}from"react/jsx-runtime";import{DesktopIcon as n}from"@phosphor-icons/react/Desktop";import{MoonIcon as r}from"@phosphor-icons/react/Moon";import{SunIcon as i}from"@phosphor-icons/react/Sun";function a(n){return t(o,{theme:e(),...n})}a.displayName=`AutoThemeIcon`;function o({theme:e,...a}){switch(e){case`system`:return t(n,{...a});case`light`:return t(i,{...a});case`dark`:return t(r,{...a});case`light-high-contrast`:return t(i,{...a,weight:`fill`});case`dark-high-contrast`:return t(r,{...a,weight:`fill`})}}o.displayName=`ThemeIcon`;export{o as n,a as t};

package/dist/theme-provider-C9zpDyJW.js

@@ -1 +0,0 @@
-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/toast-BsCjaMVS.js

@@ -1 +0,0 @@
-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-C9zpDyJW.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/virtual-DZMBu7Ch.js

@@ -1 +0,0 @@
-import{n as e}from"./compose-refs-Cjf2gfB8.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./slot-DmPrjM7N.js";import{Children as r,createContext as i,forwardRef as a,isValidElement as o,useCallback as s,useContext as c,useEffect as l,useId as u,useMemo as d,useRef as f,useState as p}from"react";import m from"tiny-invariant";import{jsx as h}from"react/jsx-runtime";import{useVirtualizer as g}from"@tanstack/react-virtual";const _=i(null);function v(e){let t=c(_);return m(t,`List.${e} must be composed inside List.Root / List.VirtualRoot (or a SelectableList viewport).`),t}const y=i(null),b=i(null);function x(e){return o(e)?e.props.disabled===!0:!1}function S({start:e,step:t,count:n,isItemDisabled:r}){for(let i=e;i>=0&&i<n;i+=t)if(!r(i))return i;return-1}const C=`a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])`;function w(e){let t=e.matches(C)?e:e.querySelector(C);return t instanceof HTMLElement?t:null}function T(e){let t=e instanceof Element?e.closest(`[data-index]`):null;if(t==null)return null;let n=Number(t.getAttribute(`data-index`));return!Number.isInteger(n)||n<0?null:{item:t,index:n}}function E(e,t){if(!(e instanceof Element))return!1;let n=e.closest(`a[href], button, input, select, textarea, label, [role="button"], [role="link"], [role="menuitem"], [contenteditable="true"]`);return n!=null&&t.contains(n)}function D({count:e,isItemDisabled:t,focusItemAt:n}){return{onKeyDown:r=>{if(r.target instanceof HTMLElement&&(r.target.isContentEditable||r.target.tagName===`INPUT`||r.target.tagName===`TEXTAREA`||r.target.tagName===`SELECT`)||r.altKey||r.ctrlKey||r.metaKey)return;let i=T(r.target);if(i==null)return;let a=-1,o=1;switch(r.key){case`ArrowDown`:o=1,a=S({start:i.index+1,step:o,count:e,isItemDisabled:t});break;case`ArrowUp`:o=-1,a=S({start:i.index-1,step:o,count:e,isItemDisabled:t});break;case`Home`:o=1,a=S({start:0,step:o,count:e,isItemDisabled:t});break;case`End`:o=-1,a=S({start:e-1,step:o,count:e,isItemDisabled:t});break;default:return}r.preventDefault(),a>=0&&a!==i.index&&n(a,o)}}}function O({count:e,enabled:t,isItemDisabled:n,onActivate:r,itemId:i,scrollToIndex:a}){let[o,s]=p(-1),c=f(!1),u=o>=e?e-1:o;if(l(()=>{o>=e&&s(e-1)},[o,e]),!t)return{activeIndex:-1,collectionProps:{}};let d=e=>n?.(e)??!1,m=(t,n)=>S({start:t,step:n,count:e,isItemDisabled:d}),h=e=>{e<0||(s(e),a(e))};return{activeIndex:u,collectionProps:{tabIndex:0,"aria-activedescendant":u>=0?i(u):void 0,onMouseDown:e=>{let t=T(e.target);if(t!=null&&!d(t.index)){s(t.index),c.current=!1;return}c.current=!0},onClick:e=>{if(e.defaultPrevented)return;let t=T(e.target);t==null||d(t.index)||E(e.target,t.item)||(s(t.index),r?.(t.index))},onFocus:t=>{if(t.target!==t.currentTarget){let e=T(t.target);e!=null&&!d(e.index)&&s(e.index),t.target instanceof HTMLElement&&t.target.tabIndex>=0||t.currentTarget.focus({preventScroll:!0}),c.current=!1;return}let n=c.current;c.current=!1,e>0&&!n&&s(e=>e<0?m(0,1):e)},onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(s(-1),c.current=!1)},onKeyDown:t=>{if(t.target===t.currentTarget&&!(t.altKey||t.ctrlKey||t.metaKey))switch(c.current=!1,t.key){case`ArrowDown`:t.preventDefault(),h(m(u<0?0:u+1,1));break;case`ArrowUp`:t.preventDefault(),h(u<0?m(0,1):m(u-1,-1));break;case`Home`:t.preventDefault(),h(m(0,1));break;case`End`:t.preventDefault(),h(m(e-1,-1));break;case` `:case`Enter`:!t.repeat&&u>=0&&!d(u)&&(t.preventDefault(),r?.(u));break;default:break}}}}}function k({count:e,focusItemAt:t,isItemDisabled:n,onActivate:r,itemId:i,scrollToIndex:a,semantics:o}){let s=u(),c=d(()=>({semantics:o}),[o]),l=d(()=>i??(e=>`${s}-item-${e}`),[i,s]),{activeIndex:f,collectionProps:p}=O({count:e,enabled:o===`grid`,isItemDisabled:n,onActivate:r,itemId:l,scrollToIndex:a}),m=d(()=>({activeIndex:f,stampItemId:i==null?l:null}),[f,l,i]);return{collectionProps:o===`list`?D({count:e,isItemDisabled:n,focusItemAt:t}):p,gridNav:m,listContext:c}}function A({"aria-label":e,"aria-labelledby":n,"aria-multiselectable":r,children:i,className:a,collectionProps:o,gridNav:s,listContext:c,viewportProps:l,viewportRef:u}){return h(_.Provider,{value:c,children:h(b.Provider,{value:s,children:h(`div`,{ref:u,"data-slot":`list`,className:t(`border-popover bg-popover scrollbar overscroll-none overflow-x-hidden overflow-y-auto rounded-md border p-1`,a),...l,children:h(`div`,{"data-slot":`list-collection`,role:c.semantics===`grid`?`grid`:`list`,"aria-label":e,"aria-labelledby":n,"aria-multiselectable":r,className:`relative flex w-full flex-col gap-px outline-hidden`,...o,children:i})})})})}A.displayName=`ListPrimitiveShell`;const j=a(({asChild:r,children:i,className:a,disabled:o=!1,selected:s=!1,style:l,...u},d)=>{let{semantics:f}=v(`Item`),p=c(y),m=c(b),g=f===`grid`,_=r?n:`div`,x=p?.placement??null,S=p?.index,C=g&&m!=null&&S!=null&&m.activeIndex===S;return h(_,{ref:e(d,x?.measureRef??null),"data-slot":`list-item`,...u,id:g&&S!=null&&m?.stampItemId!=null?m.stampItemId(S):u.id,"data-index":S,"data-state":s?`selected`:`unselected`,"data-disabled":o||void 0,"data-active":C||void 0,role:g?`row`:`listitem`,"aria-selected":g?s:void 0,"aria-disabled":g&&o?!0:u[`aria-disabled`],"aria-rowindex":g?x?.posInSet:void 0,"aria-posinset":g?void 0:x?.posInSet,"aria-setsize":g?void 0:x?.setSize,className:t(`rounded-md data-[state=selected]:bg-selected-menu-item data-[active]:bg-active-menu-item data-[active]:data-[state=selected]:bg-active-selected-menu-item`,!o&&`hover:bg-active-menu-item hover:data-[state=selected]:bg-active-selected-menu-item`,!g&&!o&&`has-[:focus-visible]:bg-active-menu-item has-[:focus-visible]:data-[state=selected]:bg-active-selected-menu-item`,a),style:x?{...l,...x.style}:l,children:i})});j.displayName=`ListPrimitiveItem`;function M({children:e,index:t}){let n=d(()=>({index:t,placement:null}),[t]);return h(y.Provider,{value:n,children:e})}M.displayName=`ListPrimitivePlainItem`;const N=a(({"aria-label":t,"aria-labelledby":n,"aria-multiselectable":i,children:a,className:c,isItemDisabled:l,onActivate:u,itemId:p,semantics:m=`list`,...g},_)=>{let v=f(null),y=e(v,_),b=d(()=>r.toArray(a).filter(o),[a]),S=s(e=>{v.current?.querySelector(`[data-index="${e}"]`)?.scrollIntoView({block:`nearest`})},[]),C=s((e,t)=>{let n=v.current;if(n!=null)for(let r=e;r>=0&&r<b.length;r+=t){let e=n.querySelector(`[data-index="${r}"]`);if(e==null)continue;let t=w(e);if(t!=null){t.focus({preventScroll:!0}),e.scrollIntoView({block:`nearest`});return}}},[b.length]),{collectionProps:T,gridNav:E,listContext:D}=k({count:b.length,focusItemAt:C,isItemDisabled:l??(e=>x(b[e])),onActivate:u,itemId:p,scrollToIndex:S,semantics:m});return h(A,{"aria-label":t,"aria-labelledby":n,"aria-multiselectable":i,className:c,collectionProps:T,gridNav:E,listContext:D,viewportProps:g,viewportRef:y,children:b.map((e,t)=>h(M,{index:t,children:e},e.key??t))})});N.displayName=`ListPrimitiveRoot`;function P({virtualItem:e,count:t,measureRef:n}){return{posInSet:e.index+1,setSize:t,measureRef:n,style:{position:`absolute`,left:0,top:0,width:`100%`,transform:`translateY(${e.start}px)`}}}function F({children:e,count:t,measureRef:n,virtualItem:r}){let i=d(()=>({index:r.index,placement:P({virtualItem:r,count:t,measureRef:n})}),[r,t,n]);return h(y.Provider,{value:i,children:e})}F.displayName=`ListPrimitiveWindowedItem`;const I=a(({"aria-label":t,"aria-labelledby":n,"aria-multiselectable":i,children:a,className:c,estimateItemHeight:u=44,isItemDisabled:p,onActivate:m,overscan:_=8,itemId:v,semantics:y=`list`,...b},S)=>{let C=f(null),T=e(C,S),E=d(()=>r.toArray(a).filter(o),[a]),D=E.length,O=g({count:D,getScrollElement:()=>C.current,estimateSize:()=>u,getItemKey:e=>E[e]?.key??e,overscan:_,gap:1}),j=s(e=>O.scrollToIndex(e,{align:`auto`}),[O]),M=f(null);l(()=>()=>{M.current!=null&&cancelAnimationFrame(M.current)},[]);let{collectionProps:N,gridNav:P,listContext:I}=k({count:D,focusItemAt:s((e,t)=>{M.current!=null&&(cancelAnimationFrame(M.current),M.current=null);let n=e,r=0,i=()=>{M.current=null;let e=C.current;if(e==null||n<0||n>=D)return;O.scrollToIndex(n,{align:`auto`});let a=e.querySelector(`[data-index="${n}"]`);if(a!=null){let e=w(a);if(e!=null){e.focus({preventScroll:!0});return}n+=t,r=0}r+=1,r<10&&(M.current=requestAnimationFrame(i))};i()},[D,O]),isItemDisabled:p??(e=>x(E[e])),onActivate:m,itemId:v,scrollToIndex:j,semantics:y}),L=O.getVirtualItems(),R=L.some(e=>e.index===P.activeIndex);return h(A,{"aria-label":t,"aria-labelledby":n,"aria-multiselectable":i,className:c,collectionProps:{...N,"aria-activedescendant":R?N[`aria-activedescendant`]:void 0,"aria-rowcount":y===`grid`?D:void 0,style:{height:`${O.getTotalSize()}px`}},gridNav:P,listContext:I,viewportProps:b,viewportRef:T,children:L.map(e=>{let t=E[e.index];return t==null?null:h(F,{virtualItem:e,count:D,measureRef:O.measureElement,children:t},e.key)})})});I.displayName=`ListPrimitiveVirtualRoot`;export{j as n,N as r,I as t};