@ngrok/mantle 0.79.3 → 0.81.0

package/dist/selectable-list.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{n as t,t as n}from"./checkbox-DJ2xl7Rc.js";import{t as r}from"./choice-DOdyNzFC.js";import{n as i,t as a}from"./input-Ct1YOqSy.js";import{n as o,r as s,t as c}from"./virtual-DZMBu7Ch.js";import{cloneElement as l,createContext as u,forwardRef as d,isValidElement as f,useCallback as p,useContext as m,useId as h,useMemo as g,useState as _}from"react";import v from"tiny-invariant";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{MagnifyingGlassIcon as x}from"@phosphor-icons/react/MagnifyingGlass";function S(e){return e.labelText==null?typeof e.label==`string`?e.label:``:e.labelText}function C(e,t){let n=t.trim().toLowerCase();return n===``?e:e.filter(e=>S(e).toLowerCase().includes(n))}function w(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function T(e,t){let n=0,r=0;for(let i of e)i.disabled||(n+=1,t.has(i.value)&&(r+=1));return n===0?{allSelected:!1,someSelected:!1}:{allSelected:r===n,someSelected:r>0}}const E=u(null);function D(e){let t=m(E);return v(t,`SelectableList.${e} must be rendered inside SelectableList.Root.`),t}const O=[],k=d(({className:t,defaultQuery:n,defaultValue:r,filter:i,onQueryChange:a,onValueChange:o,options:s,query:c,value:l,...u},d)=>{let f=h(),m=l!=null,[v,b]=_(r??O),x=m?l:v,S=c!=null,[T,D]=_(n??``),k=S?c:T,A=p(e=>{m||b(e),o?.(e)},[m,o]),j=p(e=>{S||D(e),a?.(e)},[S,a]),M=g(()=>new Set(x),[x]),N=g(()=>new Set(s.filter(e=>e.disabled).map(e=>e.value)),[s]),P=g(()=>i==null?C(s,k):s.filter(e=>i(e,k)),[s,k,i]),F=g(()=>({listId:f,filteredOptions:P,query:k,setQuery:j,selectedValues:x,selectedSet:M,disabledSet:N,toggle:e=>{N.has(e)||A(w(x,e))},setSelection:A}),[f,P,k,j,x,M,N,A]);return y(E.Provider,{value:F,children:y(`div`,{ref:d,"data-slot":`selectable-list`,className:e(`flex w-full flex-col gap-3`,t),...u})})});k.displayName=`SelectableListRoot`;const A=d(({"aria-label":e=`Filter`,...t},n)=>{let{query:r,setQuery:o}=D(`Filter`);return b(a,{ref:n,type:`text`,"data-slot":`selectable-list-filter`,"aria-label":e,value:r,onChange:e=>o(e.target.value),...t,children:[y(x,{}),y(i,{})]})});A.displayName=`SelectableListFilter`;const j=d(({children:r,className:i,...a},o)=>{let{filteredOptions:s,selectedValues:c,selectedSet:l,setSelection:u}=D(`SelectAll`),d=h(),{allSelected:f,someSelected:p}=T(s,l),m=t({allSelected:f,someSelected:p}),g=s.some(e=>!e.disabled),_=()=>{let e=s.filter(e=>!e.disabled).map(e=>e.value);if(f){let t=new Set(e);u(c.filter(e=>!t.has(e)));return}u([...new Set([...c,...e])])};return b(`label`,{ref:o,htmlFor:d,"data-slot":`selectable-list-select-all`,className:e(`text-strong flex cursor-pointer items-center gap-2 text-sm font-medium font-sans`,i),...a,children:[y(n,{id:d,checked:m,onChange:_,disabled:!g}),r]})});j.displayName=`SelectableListSelectAll`;function M(e,t){return`${e}-control-${encodeURIComponent(t)}`}const N=d(({children:t,className:i,value:a,...s},c)=>{let{listId:l,selectedSet:u,disabledSet:d,toggle:f}=D(`Item`),p=M(l,a),m=u.has(a),h=d.has(a);return y(o,{ref:c,asChild:!0,selected:m,disabled:h,className:e(`px-2 py-1.5 text-sm`,`cursor-pointer aria-disabled:cursor-default`,i),...s,"data-slot":`selectable-list-item`,"data-value":a,children:b(r.Root,{id:p,disabled:h,children:[y(r.Indicator,{role:`gridcell`,children:y(n,{checked:m,onChange:()=>f(a),tabIndex:-1})}),y(r.Content,{role:`gridcell`,children:t})]})})});N.displayName=`SelectableListItem`;const P=d((e,t)=>y(r.Label,{ref:t,"data-slot":`selectable-list-item-title`,...e}));P.displayName=`SelectableListItemTitle`;const F=d((e,t)=>y(r.Description,{ref:t,"data-slot":`selectable-list-item-description`,...e}));F.displayName=`SelectableListItemDescription`;function I(e){return b(N,{value:e.value,children:[y(P,{children:e.label}),e.description!=null&&y(F,{children:e.description})]})}function L(e,t){let n=[],r=[];for(let i of e){let e=t(i);f(e)&&(n.push(l(e,{key:i.value})),r.push(i))}return{items:n,options:r}}function R(e,t){let{filteredOptions:n,listId:r,toggle:i}=D(e),a=t??I,{items:o,options:s}=g(()=>L(n,a),[n,a]),c=p(e=>{let t=s[e];t!=null&&i(t.value)},[s,i]),l=p(e=>{let t=s[e];return t==null?``:M(r,t.value)},[s,r]),u=p(e=>s[e]?.disabled===!0,[s]);return{isEmpty:o.length===0,isItemDisabled:u,onActivate:c,itemId:l,items:o}}const z=d(({children:e,...t},n)=>{let{isEmpty:r,isItemDisabled:i,onActivate:a,itemId:o,items:c}=R(`Viewport`,e);return r?null:y(s,{ref:n,"data-slot":`selectable-list-viewport`,semantics:`grid`,...t,"aria-multiselectable":!0,isItemDisabled:i,onActivate:a,itemId:o,children:c})});z.displayName=`SelectableListViewport`;const B=d(({children:e,...t},n)=>{let{isEmpty:r,isItemDisabled:i,onActivate:a,itemId:o,items:s}=R(`VirtualViewport`,e);return r?null:y(c,{ref:n,"data-slot":`selectable-list-viewport`,semantics:`grid`,...t,"aria-multiselectable":!0,isItemDisabled:i,onActivate:a,itemId:o,children:s})});B.displayName=`SelectableListVirtualViewport`;const V=d(({children:t,className:n,...r},i)=>{let{filteredOptions:a}=D(`Empty`),o=a.length===0;return y(`div`,{ref:i,"data-slot":`selectable-list-empty`,role:`status`,className:e(!o&&`sr-only`,o&&`text-muted border-popover bg-popover flex items-center justify-center rounded-md border px-3 py-8 text-center text-sm`,n),...r,children:o?t:null})});V.displayName=`SelectableListEmpty`;const H={Root:k,Filter:A,SelectAll:j,Viewport:z,VirtualViewport:B,Item:N,ItemTitle:P,ItemDescription:F,Empty:V};export{H as SelectableList,C as filterSelectableOptions,S as optionLabelText,T as summarizeSelection,w as toggleSelectionValue};
+import{t as e}from"./cx-IiQEAKf5.js";import{n as t,t as n}from"./checkbox-0EoxOyMA.js";import{t as r}from"./choice-BHwFSSyv.js";import{n as i,t as a}from"./input-BnlpQF0c.js";import{n as o,r as s,t as c}from"./list-51KQvENW.js";import{cloneElement as l,createContext as u,isValidElement as d,useCallback as f,useContext as p,useId as m,useMemo as h,useState as g}from"react";import _ from"tiny-invariant";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{MagnifyingGlassIcon as b}from"@phosphor-icons/react/MagnifyingGlass";function x(e){return e.labelText==null?typeof e.label==`string`?e.label:``:e.labelText}function S(e,t){let n=t.trim().toLowerCase();return n===``?e:e.filter(e=>x(e).toLowerCase().includes(n))}function C(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function w(e,t){let n=0,r=0;for(let i of e)i.disabled||(n+=1,t.has(i.value)&&(r+=1));return n===0?{allSelected:!1,someSelected:!1}:{allSelected:r===n,someSelected:r>0}}const T=u(null);function E(e){let t=p(T);return _(t,`SelectableList.${e} must be rendered inside SelectableList.Root.`),t}const D=[],O=({className:t,defaultQuery:n,defaultValue:r,filter:i,onQueryChange:a,onValueChange:o,options:s,query:c,ref:l,value:u,...d})=>{let p=m(),_=u!=null,[y,b]=g(r??D),x=_?u:y,w=c!=null,[E,O]=g(n??``),k=w?c:E,A=f(e=>{_||b(e),o?.(e)},[_,o]),j=f(e=>{w||O(e),a?.(e)},[w,a]),M=h(()=>new Set(x),[x]),N=h(()=>new Set(s.filter(e=>e.disabled).map(e=>e.value)),[s]),P=h(()=>i==null?S(s,k):s.filter(e=>i(e,k)),[s,k,i]),F=h(()=>({listId:p,filteredOptions:P,query:k,setQuery:j,selectedValues:x,selectedSet:M,disabledSet:N,toggle:e=>{N.has(e)||A(C(x,e))},setSelection:A}),[p,P,k,j,x,M,N,A]);return v(T.Provider,{value:F,children:v(`div`,{ref:l,"data-slot":`selectable-list`,className:e(`flex w-full flex-col gap-3`,t),...d})})},k=({"aria-label":e=`Filter`,ref:t,...n})=>{let{query:r,setQuery:o}=E(`Filter`);return y(a,{ref:t,type:`text`,"data-slot":`selectable-list-filter`,"aria-label":e,value:r,onChange:e=>o(e.target.value),...n,children:[v(b,{}),v(i,{})]})},A=({children:r,className:i,ref:a,...o})=>{let{filteredOptions:s,selectedValues:c,selectedSet:l,setSelection:u}=E(`SelectAll`),d=m(),{allSelected:f,someSelected:p}=w(s,l),h=t({allSelected:f,someSelected:p}),g=s.some(e=>!e.disabled),_=()=>{let e=s.filter(e=>!e.disabled).map(e=>e.value);if(f){let t=new Set(e);u(c.filter(e=>!t.has(e)));return}u([...new Set([...c,...e])])};return y(`label`,{ref:a,htmlFor:d,"data-slot":`selectable-list-select-all`,className:e(`text-strong flex cursor-pointer items-center gap-2 text-sm font-medium font-sans`,i),...o,children:[v(n,{id:d,checked:h,onChange:_,disabled:!g}),r]})};function j(e,t){return`${e}-control-${encodeURIComponent(t)}`}const M=({children:t,className:i,ref:a,value:s,...c})=>{let{listId:l,selectedSet:u,disabledSet:d,toggle:f}=E(`Item`),p=j(l,s),m=u.has(s),h=d.has(s);return v(o,{ref:a,asChild:!0,selected:m,disabled:h,className:e(`px-2 py-1.5 text-sm`,`cursor-pointer aria-disabled:cursor-default`,i),...c,"data-slot":`selectable-list-item`,"data-value":s,children:y(r.Root,{id:p,disabled:h,children:[v(r.Indicator,{role:`gridcell`,children:v(n,{checked:m,onChange:()=>f(s),tabIndex:-1})}),v(r.Content,{role:`gridcell`,children:t})]})})},N=e=>v(r.Label,{"data-slot":`selectable-list-item-title`,...e}),P=e=>v(r.Description,{"data-slot":`selectable-list-item-description`,...e});function F(e){return y(M,{value:e.value,children:[v(N,{children:e.label}),e.description!=null&&v(P,{children:e.description})]})}function I(e,t){let n=[],r=[];for(let i of e){let e=t(i);d(e)&&(n.push(l(e,{key:i.value})),r.push(i))}return{items:n,options:r}}function L(e,t){let{filteredOptions:n,listId:r,toggle:i}=E(e),a=t??F,{items:o,options:s}=h(()=>I(n,a),[n,a]),c=f(e=>{let t=s[e];t!=null&&i(t.value)},[s,i]),l=f(e=>{let t=s[e];return t==null?``:j(r,t.value)},[s,r]),u=f(e=>s[e]?.disabled===!0,[s]);return{isEmpty:o.length===0,isItemDisabled:u,onActivate:c,itemId:l,items:o}}const R={Root:O,Filter:k,SelectAll:A,Viewport:({children:e,ref:t,...n})=>{let{isEmpty:r,isItemDisabled:i,onActivate:a,itemId:o,items:c}=L(`Viewport`,e);return r?null:v(s,{ref:t,"data-slot":`selectable-list-viewport`,semantics:`grid`,...n,"aria-multiselectable":!0,isItemDisabled:i,onActivate:a,itemId:o,children:c})},VirtualViewport:({children:e,ref:t,...n})=>{let{isEmpty:r,isItemDisabled:i,onActivate:a,itemId:o,items:s}=L(`VirtualViewport`,e);return r?null:v(c,{ref:t,"data-slot":`selectable-list-viewport`,semantics:`grid`,...n,"aria-multiselectable":!0,isItemDisabled:i,onActivate:a,itemId:o,children:s})},Item:M,ItemTitle:N,ItemDescription:P,Empty:({children:t,className:n,ref:r,...i})=>{let{filteredOptions:a}=E(`Empty`),o=a.length===0;return v(`div`,{ref:r,"data-slot":`selectable-list-empty`,role:`status`,className:e(!o&&`sr-only`,o&&`text-muted border-popover bg-popover flex items-center justify-center rounded-md border px-3 py-8 text-center text-sm`,n),...i,children:o?t:null})}};export{R as SelectableList,S as filterSelectableOptions,x as optionLabelText,w as summarizeSelection,C as toggleSelectionValue};

package/dist/separator-B5UmkVRL.d.ts

@@ -0,0 +1,75 @@
+import { n as WithAsChild } from "./as-child-D23mGo4f.js";
+import { ComponentProps, HTMLAttributes } from "react";
+//#region src/components/separator/separator.d.ts
+declare const orientations: readonly ["horizontal", "vertical"];
+type Orientation = (typeof orientations)[number];
+/**
+ * A container to layout a group of horizontal separators and other children.
+ * Overrides all children `Separator`s to be `orientation="horizontal"`.
+ *
+ * @see https://mantle.ngrok.com/components/structure/separator
+ *
+ * @example
+ * ```tsx
+ * <HorizontalSeparatorGroup>
+ *   <Separator />
+ *   <h3>ngrok mantle</h3>
+ *   <Separator />
+ * </HorizontalSeparatorGroup>
+ *
+ * <HorizontalSeparatorGroup>
+ *   <h3>ngrok mantle</h3>
+ *   <Separator />
+ * </HorizontalSeparatorGroup>
+ *
+ * <HorizontalSeparatorGroup>
+ *   <Separator />
+ *   <h3>ngrok mantle</h3>
+ * </HorizontalSeparatorGroup>
+ * ```
+ */
+declare const HorizontalSeparatorGroup: ({ className, children, asChild, ...props }: HTMLAttributes<HTMLDivElement> & WithAsChild) => import("react").JSX.Element;
+type SeparatorProps = ComponentProps<"div"> & WithAsChild & {
+  /**
+   * Either `horizontal` or `vertical`.
+   *
+   * @default "horizontal"
+   */
+  orientation?: Orientation;
+  /**
+   * If `true`, the separator will be rendered with all accessibility-related attributes and role="separator".
+   * If `false`, the separator is purely decorative and all accessibility-related attributes
+   * are updated so that that the rendered element is removed from the accessibility tree.
+   *
+   * @default false
+   */
+  semantic?: boolean;
+};
+/**
+ * Visually or semantically separates content.
+ *
+ * Rendered in the shared `separator` color token (`gray-500/20` in light,
+ * `gray-600/20` in dark, `black` in high contrast). Reuse that exact color on
+ * your own dividers with `bg-separator` / `border-separator` / `divide-separator`
+ * so they stay consistent with separators across the system.
+ *
+ * @see https://mantle.ngrok.com/components/structure/separator
+ *
+ * @example
+ * ```tsx
+ * <Separator className="my-4" />
+ *
+ * <Separator className="my-4" semantic />
+ *
+ * <div className="flex h-5 items-center gap-4 text-sm">
+ *   Blog
+ *   <Separator orientation="vertical" />
+ *   Docs
+ *   <Separator orientation="vertical" />
+ *   Source
+ * </div>
+ * ```
+ */
+declare const Separator: ({ asChild, children, className, orientation: propOrientation, ref, semantic, ...props }: SeparatorProps) => import("react").JSX.Element;
+//#endregion
+export { Separator as n, HorizontalSeparatorGroup as t };

package/dist/separator-bpE_kooz.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CDk0Bb9z.js";import{createContext as n,useContext as r}from"react";import{jsx as i}from"react/jsx-runtime";const a=[`horizontal`,`vertical`],o=n({}),s={orientation:`horizontal`},c=({className:n,children:r,asChild:a,...c})=>{let l=a?t:`div`;return i(o.Provider,{value:s,children:i(l,{"data-slot":`horizontal-separator-group`,"data-horizontal-separator-group":!0,className:e(`group flex items-center gap-2 [&>*:not([data-separator])]:shrink-0`,n),...c,children:r})})},l=({asChild:n=!1,children:a,className:s,orientation:c,ref:l,semantic:d=!1,...f})=>{let p=n?t:`div`,m=r(o).orientation??(u(c)?c:`horizontal`),h=d?{"aria-orientation":m===`vertical`?m:void 0,role:`separator`}:{role:`none`};return i(p,{"data-slot":`separator`,className:e(`separator`,`bg-separator`,m===`horizontal`?`h-px w-full group-data-horizontal-separator-group:flex-1`:`h-full w-px`,s),"data-orientation":m,"data-separator":!0,...h,ref:l,...n?{children:a}:{},...f})};function u(e){return typeof e==`string`&&a.includes(e)}export{l as n,c as t};

package/dist/separator.d.ts

@@ -1,53 +1,2 @@
-import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
-import { ComponentProps, HTMLAttributes } from "react";
-//#region src/components/separator/separator.d.ts
-declare const orientations: readonly ["horizontal", "vertical"];
-type Orientation = (typeof orientations)[number];
-declare function HorizontalSeparatorGroup({ className, children, asChild, ...props }: HTMLAttributes<HTMLDivElement> & WithAsChild): import("react").JSX.Element;
-declare namespace HorizontalSeparatorGroup {
-  var displayName: string;
-}
-type SeparatorProps = ComponentProps<"div"> & WithAsChild & {
-  /**
-   * Either `horizontal` or `vertical`.
-   *
-   * @default "horizontal"
-   */
-  orientation?: Orientation;
-  /**
-   * If `true`, the separator will be rendered with all accessibility-related attributes and role="separator".
-   * If `false`, the separator is purely decorative and all accessibility-related attributes
-   * are updated so that that the rendered element is removed from the accessibility tree.
-   *
-   * @default false
-   */
-  semantic?: boolean;
-};
-/**
- * Visually or semantically separates content.
- *
- * Rendered in the shared `separator` color token (`gray-500/20` in light,
- * `gray-600/20` in dark, `black` in high contrast). Reuse that exact color on
- * your own dividers with `bg-separator` / `border-separator` / `divide-separator`
- * so they stay consistent with separators across the system.
- *
- * @see https://mantle.ngrok.com/components/structure/separator
- *
- * @example
- * ```tsx
- * <Separator className="my-4" />
- *
- * <Separator className="my-4" semantic />
- *
- * <div className="flex h-5 items-center gap-4 text-sm">
- *   Blog
- *   <Separator orientation="vertical" />
- *   Docs
- *   <Separator orientation="vertical" />
- *   Source
- * </div>
- * ```
- */
-declare const Separator: import("react").ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-//#endregion
+import { n as Separator, t as HorizontalSeparatorGroup } from "./separator-B5UmkVRL.js";
 export { HorizontalSeparatorGroup, Separator };

package/dist/separator.js

@@ -1 +1 @@
-import{n as e,t}from"./separator-kBnnv3Cw.js";export{t as HorizontalSeparatorGroup,e as Separator};
+import{n as e,t}from"./separator-bpE_kooz.js";export{t as HorizontalSeparatorGroup,e as Separator};

package/dist/sheet.d.ts

@@ -1,9 +1,80 @@
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { t as Root } from "./primitive-C64-m48O.js";
-import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-BvQvT790.js";
-import { HTMLAttributes } from "react";
+import { t as ButtonIntent } from "./button-DdSKSj1c.js";
+import { a as Root, n as Content$1, o as Title$1, r as Description$1 } from "./dialog-BM4wPCft.js";
+import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
+import { ComponentProps, HTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/sheet/sheet.d.ts
+declare const SheetVariants: (props?: ({
+  side?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SheetContentProps = ComponentProps<typeof Content$1> & VariantProps<typeof SheetVariants> & {
+  /**
+   * The preferred width of the `Sheet.Content` as a tailwind `max-w-` class.
+   *
+   * By default, a `Sheet`'s content width is responsive with a default
+   * preferred width: the maximum width of the `Sheet.Content` when the window
+   * viewport is larger than the mobile breakpoint (`sm`).
+   *
+   * @default `sm:max-w-[30rem]`
+   */
+  preferredWidth?: `sm:max-w-${string}`;
+};
+/**
+ * The main container for a `Sheet`. Should be rendered as a child of the `Sheet` component.
+ * Renders on top of the overlay backdrop.
+ * Should contain the `Sheet.Header`, `Sheet.Body`, and `Sheet.Footer`.
+ *
+ * `Sheet.Content` renders its floating layer at Tailwind `z-50`, Mantle's
+ * shared floating z-index. When multiple shared layers are open, the most
+ * recently mounted layer renders on top.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcontent
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Content: ({ children, className, preferredWidth, side, ref, ...props }: SheetContentProps) => import("react").JSX.Element;
 type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon" | "appearance" | "intent">> & {
   /**
    * The visual style of the close icon button. Optional here —
@@ -74,10 +145,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon" | "appeara
  * </Sheet.Root>
  * ```
  */
-declare const CloseIconButton: {
-  ({ size, type, label, appearance, intent, ...props }: SheetCloseIconButtonProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const CloseIconButton: ({ size, type, label, appearance, intent, ...props }: SheetCloseIconButtonProps) => import("react").JSX.Element;
 /**
  * The body container for a `Sheet`. This is where you would typically place the main content of the sheet, such as forms or text.
  * Should be rendered as a child of `Sheet.Content`.
@@ -128,10 +196,7 @@ declare const CloseIconButton: {
  * </Sheet.Root>
  * ```
  */
-declare const Body: {
-  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Body: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
 /**
  * The header container for a `Sheet`. This is where you would typically place the title, description, and actions.
  * Should be rendered as a child of `Sheet.Content`.
@@ -182,10 +247,7 @@ declare const Body: {
  * </Sheet.Root>
  * ```
  */
-declare const Header: {
-  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Header: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
 /**
  * The footer container for a `Sheet`. This is where you would typically place close and submit buttons.
  * Should be rendered as a child of `Sheet.Content`.
@@ -236,10 +298,208 @@ declare const Header: {
  * </Sheet.Root>
  * ```
  */
-declare const Footer: {
-  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Footer: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+/**
+ * The title for a `Sheet`. Typically rendered as a child of `Sheet.TitleGroup`.
+ * Defaults to an `h2` element, but can be changed via the `asChild` prop.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheettitle
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Title: ({ className, ref, ...props }: ComponentProps<typeof Title$1>) => import("react").JSX.Element;
+/**
+ * A group container for the title and actions of a sheet. Typically rendered as a child of `Sheet.Header`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheettitlegroup
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const TitleGroup: ({ children, className, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
+/**
+ * A description for a sheet. Typically rendered as a child of `Sheet.Header`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetdescription
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Description: ({ className, ref, ...props }: ComponentProps<typeof Description$1>) => import("react").JSX.Element;
+/**
+ * A group container for the actions of a `Sheet`. Typically rendered as a child of `Sheet.TitleGroup`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetactions
+ *
+ * @example
+ * ```tsx
+ * // Sheet without a trigger (e.g. router controlled)
+ * <Sheet open onOpenChange={() => onClose()}>
+ *   <Sheet.Content>
+ *     <Sheet.Header>
+ *       <Sheet.TitleGroup>
+ *         <Sheet.Title>Are you absolutely sure?</Sheet.Title>
+ *         <Sheet.Actions>
+ *           <IconButton
+ *             appearance="ghost"
+ *             intent="neutral"
+ *             type="button"
+ *             icon={<TrashSimple />}
+ *             label="Delete"
+ *           />
+ *           <Separator orientation="vertical" className="h-[80%]" />
+ *           <Sheet.CloseIconButton />
+ *         </Sheet.Actions>
+ *       </Sheet.TitleGroup>
+ *       <Sheet.Description>
+ *         This action cannot be undone. This will permanently delete your account and remove your data from our servers.
+ *       </Sheet.Description>
+ *     </Sheet.Header>
+ *     <Sheet.Body>
+ *       <p>
+ *         Consequat do voluptate culpa fugiat consequat nostrud duis
+ *         aliqua minim. Tempor voluptate cillum elit velit. Voluptate
+ *         aliqua ipsum aliqua dolore in nisi ea fugiat aliqua velit
+ *         proident amet.
+ *       </p>
+ *     </Sheet.Body>
+ *     <Sheet.Footer>
+ *       <Sheet.Close asChild>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled" intent="neutral">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Actions: ({ children, className, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * A container that overlays the current view from the edge of the screen.
  * It is a lightweight way of allowing users to complete a task without losing
@@ -443,7 +703,7 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Actions: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Actions: typeof Actions;
   /**
    * The body container for a `Sheet`. This is where you would typically place the main content of the sheet, such as forms or text.
    * Should be rendered as a child of `Sheet.Content`.
@@ -604,20 +864,7 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    side?: "left" | "right" | null | undefined;
-  } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    /**
-     * The preferred width of the `Sheet.Content` as a tailwind `max-w-` class.
-     *
-     * By default, a `Sheet`'s content width is responsive with a default
-     * preferred width: the maximum width of the `Sheet.Content` when the window
-     * viewport is larger than the mobile breakpoint (`sm`).
-     *
-     * @default `sm:max-w-[30rem]`
-     */
-    preferredWidth?: `sm:max-w-${string}`;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Content: typeof Content;
   /**
    * A description for a sheet. Typically rendered as a child of `Sheet.Header`.
    *
@@ -654,7 +901,7 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Description: typeof Description;
   /**
    * The footer container for a `Sheet`. This is where you would typically place close and submit buttons.
    * Should be rendered as a child of `Sheet.Content`.
@@ -768,7 +1015,7 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  readonly Title: typeof Title;
   /**
    * A group container for the title and actions of a sheet. Typically rendered as a child of `Sheet.Header`.
    *
@@ -805,7 +1052,7 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly TitleGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+  readonly TitleGroup: typeof TitleGroup;
   /**
    * The button trigger for a `Sheet`. Should be rendered as a child of the `Sheet` component.
    * Renders an unstyled button by default, but can be customized with the `asChild` prop.

package/dist/sheet.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-button-DV2-GZHf.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-IKruV2iB.js";import{forwardRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"@phosphor-icons/react/X";import{cva as m}from"class-variance-authority";const h=o;h.displayName=`Sheet`;const g=r;g.displayName=`SheetTrigger`;const _=l;_.displayName=`SheetClose`;const v=n;v.displayName=`SheetPortal`;const y=u(({className:t,...n},r)=>d(i,{"data-slot":`sheet-overlay`,className:e(`bg-overlay data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs`,t),...n,ref:r}));y.displayName=i.displayName;const b=m(`bg-dialog border-dialog inset-y-0 h-full w-full fixed z-50 flex flex-col shadow-lg outline-hidden transition ease-in-out focus-within:outline-hidden data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in`,{variants:{side:{left:`data-state-closed:slide-out-to-left data-state-open:slide-in-from-left left-0 border-r`,right:`data-state-closed:slide-out-to-right data-state-open:slide-in-from-right right-0 border-l`}},defaultVariants:{side:`right`}}),x=u(({children:t,className:n,preferredWidth:r=`sm:max-w-[30rem]`,side:i=`right`,...o},s)=>f(v,{children:[d(y,{}),d(a,{"data-slot":`sheet-content`,"data-mantle-modal-content":!0,className:e(b({side:i}),r,n),ref:s,...o,children:t})]}));x.displayName=a.displayName;const S=({size:e=`md`,type:n=`button`,label:r=`Close Sheet`,appearance:i=`ghost`,intent:a=`neutral`,...o})=>d(l,{asChild:!0,children:d(t,{"data-slot":`sheet-close-icon-button`,appearance:i,icon:d(p,{}),intent:a,label:r,size:e,type:n,...o})});S.displayName=`SheetCloseIconButton`;const C=({className:t,...n})=>d(`div`,{"data-slot":`sheet-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n});C.displayName=`SheetBody`;const w=({className:t,...n})=>d(`div`,{"data-slot":`sheet-header`,className:e(`border-dialog-muted flex shrink-0 flex-col gap-2 border-b py-4 pl-6 pr-4`,`has-[.icon-button]:pr-4`,t),...n});w.displayName=`SheetHeader`;const T=({className:t,...n})=>d(`div`,{"data-slot":`sheet-footer`,className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-2.5`,t),...n});T.displayName=`SheetFooter`;const E=u(({className:t,...n},r)=>d(c,{"data-slot":`sheet-title`,ref:r,className:e(`text-strong flex-1 truncate text-lg font-medium`,t),...n}));E.displayName=c.displayName;const D=u(({children:t,className:n,...r},i)=>d(`div`,{"data-slot":`sheet-title-group`,className:e(`flex items-center justify-between gap-2`,n),...r,ref:i,children:t}));D.displayName=`SheetTitleGroup`;const O=u(({className:t,...n},r)=>d(s,{"data-slot":`sheet-description`,ref:r,className:e(`text-body text-sm`,t),...n}));O.displayName=s.displayName;const k=u(({children:t,className:n,...r},i)=>d(`div`,{"data-slot":`sheet-actions`,className:e(`flex h-full items-center gap-2`,n),...r,ref:i,children:t}));k.displayName=`SheetActions`;const A={Root:h,Actions:k,Body:C,Close:_,CloseIconButton:S,Content:x,Description:O,Footer:T,Header:w,Title:E,TitleGroup:D,Trigger:g};export{A as Sheet};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./button-BAno7KIU.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-trJDqIXJ.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{XIcon as f}from"@phosphor-icons/react/X";import{cva as p}from"class-variance-authority";const m=o,h=r,g=l,_=n,v=({className:t,ref:n,...r})=>u(i,{"data-slot":`sheet-overlay`,className:e(`bg-overlay data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs`,t),...r,ref:n}),y=p(`bg-dialog border-dialog inset-y-0 h-full w-full fixed z-50 flex flex-col shadow-lg outline-hidden transition ease-in-out focus-within:outline-hidden data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in`,{variants:{side:{left:`data-state-closed:slide-out-to-left data-state-open:slide-in-from-left left-0 border-r`,right:`data-state-closed:slide-out-to-right data-state-open:slide-in-from-right right-0 border-l`}},defaultVariants:{side:`right`}}),b={Root:m,Actions:({children:t,className:n,ref:r,...i})=>u(`div`,{"data-slot":`sheet-actions`,className:e(`flex h-full items-center gap-2`,n),...i,ref:r,children:t}),Body:({className:t,...n})=>u(`div`,{"data-slot":`sheet-body`,className:e(`scrollbar scrollbar-gutter-stable text-body flex-1 overflow-y-auto p-6`,t),...n}),Close:g,CloseIconButton:({size:e=`md`,type:n=`button`,label:r=`Close Sheet`,appearance:i=`ghost`,intent:a=`neutral`,...o})=>u(l,{asChild:!0,children:u(t,{"data-slot":`sheet-close-icon-button`,appearance:i,icon:u(f,{}),intent:a,label:r,size:e,type:n,...o})}),Content:({children:t,className:n,preferredWidth:r=`sm:max-w-[30rem]`,side:i=`right`,ref:o,...s})=>d(_,{children:[u(v,{}),u(a,{"data-slot":`sheet-content`,"data-mantle-modal-content":!0,className:e(y({side:i}),r,n),ref:o,...s,children:t})]}),Description:({className:t,ref:n,...r})=>u(s,{"data-slot":`sheet-description`,ref:n,className:e(`text-body text-sm`,t),...r}),Footer:({className:t,...n})=>u(`div`,{"data-slot":`sheet-footer`,className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-2.5`,t),...n}),Header:({className:t,...n})=>u(`div`,{"data-slot":`sheet-header`,className:e(`border-dialog-muted flex shrink-0 flex-col gap-2 border-b py-4 pl-6 pr-4`,`has-[.icon-button]:pr-4`,t),...n}),Title:({className:t,ref:n,...r})=>u(c,{"data-slot":`sheet-title`,ref:n,className:e(`text-strong flex-1 truncate text-lg font-medium`,t),...r}),TitleGroup:({children:t,className:n,ref:r,...i})=>u(`div`,{"data-slot":`sheet-title-group`,className:e(`flex items-center justify-between gap-2`,n),...i,ref:r,children:t}),Trigger:h};export{b as Sheet};

package/dist/skeleton-CsbUHbBA.js

@@ -0,0 +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};

package/dist/skeleton.d.ts

@@ -1,4 +1,7 @@
+import { t as SelfClosingWithAsChild } from "./as-child-D23mGo4f.js";
+import { ComponentProps } from "react";
 //#region src/components/skeleton/skeleton.d.ts
+type Props = Exclude<ComponentProps<"div">, "children"> & SelfClosingWithAsChild;
 /**
  * A skeleton is a placeholder for content that is loading. By rendering a
  * neutral block where real content will eventually appear, you give the
@@ -44,12 +47,6 @@
  * </div>
  * ```
  */
-declare const Skeleton: import("react").ForwardRefExoticComponent<(Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-  asChild: true;
-  children: import("react").ReactNode;
-}, "ref"> | Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-  asChild?: false | undefined;
-  children?: undefined;
-}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+declare const Skeleton: ({ asChild, className, ref, ...props }: Props) => import("react").JSX.Element;
 //#endregion
 export { Skeleton };

package/dist/skeleton.js

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

package/dist/skip-to-main-link.d.ts

@@ -10,9 +10,29 @@ type SkipToMainLinkProps = Omit<ComponentProps<"a">, "href"> & {
    */
   targetId?: string;
 };
-declare function SkipToMainLink({ children, className, onClick, targetId, ...props }: SkipToMainLinkProps): import("react").JSX.Element;
-declare namespace SkipToMainLink {
-  var displayName: string;
-}
+/**
+ * A visually-hidden-until-focused "skip link" that lets keyboard users jump
+ * past repeated navigation and land directly on the page's main content
+ * landmark. When activated, it updates the URL hash and focuses the element
+ * identified by `targetId` (defaulting to `"main"`) without scrolling. It
+ * still renders a plain anchor with `href="#${targetId}"` to preserve link
+ * semantics, support copy-link / no-JavaScript fallback behavior, and avoid
+ * any router dependency in React Router, Next.js, or plain HTML.
+ *
+ * Pair with the `<Main>` component (or any element with a matching `id`
+ * and `tabIndex={-1}`) so it can receive focus.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/skip-to-main-link
+ *
+ * @example
+ * ```tsx
+ * <SkipToMainLink />
+ * <Header />
+ * <Main>
+ *   <h1>Page title</h1>
+ * </Main>
+ * ```
+ */
+declare const SkipToMainLink: ({ children, className, onClick, targetId, ...props }: SkipToMainLinkProps) => import("react").JSX.Element;
 //#endregion
 export { SkipToMainLink };

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

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./anchor-C_tjSVy6.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});r.displayName=`SkipToMainLink`;export{r as SkipToMainLink};
+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};