@ngrok/mantle 0.77.0 → 0.78.0

package/dist/sheet.d.ts

@@ -1,10 +1,221 @@
-import { t as Root } from "./primitive-FoWela9a.js";
-import { n as IconButtonProps } from "./icon-button-D7hs6bX2.js";
+import { t as Root } from "./primitive-C64-m48O.js";
+import { n as IconButtonProps } from "./icon-button-DuRSCsPh.js";
 import { HTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
-
 //#region src/components/sheet/sheet.d.ts
 type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
+/**
+ * An icon button that closes the `Sheet` when clicked.
+ * Should be rendered within the `Sheet.Header` as a child of `Sheet.Actions`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcloseiconbutton
+ *
+ * @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"
+ *             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">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const CloseIconButton: {
+  ({ size, type, label, appearance, ...props }: SheetCloseIconButtonProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * 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`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetbody
+ *
+ * @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"
+ *             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">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Body: {
+  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * 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`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetheader
+ *
+ * @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"
+ *             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">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Header: {
+  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * 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`.
+ *
+ * @see https://mantle.ngrok.com/components/overlays/sheet#sheetfooter
+ *
+ * @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"
+ *             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">Close</Button>
+ *       </Sheet.Close>
+ *       <Button type="button" appearance="filled">
+ *         Save
+ *       </Button>
+ *     </Sheet.Footer>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ * ```
+ */
+declare const Footer: {
+  ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * 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
@@ -18,7 +229,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * floating z-index. When multiple shared layers are open, the most recently
  * mounted layer renders on top.
  *
- * @see https://mantle.ngrok.com/components/sheet
+ * @see https://mantle.ngrok.com/components/overlays/sheet
  *
  * @example
  * Composition:
@@ -136,7 +347,7 @@ declare const Sheet: {
    * floating z-index. When multiple shared layers are open, the most recently
    * mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetroot
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetroot
    *
    * @example
    * ```tsx
@@ -173,7 +384,7 @@ declare const Sheet: {
   /**
    * A group container for the actions of a `Sheet`. Typically rendered as a child of `Sheet.TitleGroup`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetactions
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetactions
    *
    * @example
    * ```tsx
@@ -211,7 +422,7 @@ declare const Sheet: {
    * 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`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetbody
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetbody
    *
    * @example
    * ```tsx
@@ -244,19 +455,13 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Body: {
-    ({
-      className,
-      ...props
-    }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Body: typeof Body;
   /**
    * The close button for a `Sheet`. Should be rendered as a child of the `Sheet.Content` component.
    * Usually contained within the `Sheet.Footer` component.
    * Renders an unstyled button by default, but can be customized with the `asChild` prop.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetclose
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetclose
    *
    * @example
    * ```tsx
@@ -294,7 +499,7 @@ declare const Sheet: {
    * An icon button that closes the `Sheet` when clicked.
    * Should be rendered within the `Sheet.Header` as a child of `Sheet.Actions`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetcloseiconbutton
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcloseiconbutton
    *
    * @example
    * ```tsx
@@ -327,16 +532,7 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly CloseIconButton: {
-    ({
-      size,
-      type,
-      label,
-      appearance,
-      ...props
-    }: SheetCloseIconButtonProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly CloseIconButton: typeof CloseIconButton;
   /**
    * The main container for a `Sheet`. Should be rendered as a child of the `Sheet` component.
    * Renders on top of the overlay backdrop.
@@ -346,7 +542,7 @@ declare const Sheet: {
    * shared floating z-index. When multiple shared layers are open, the most
    * recently mounted layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetcontent
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcontent
    *
    * @example
    * ```tsx
@@ -396,7 +592,7 @@ declare const Sheet: {
   /**
    * A description for a sheet. Typically rendered as a child of `Sheet.Header`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetdescription
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetdescription
    *
    * @example
    * ```tsx
@@ -434,7 +630,7 @@ declare const Sheet: {
    * 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`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetfooter
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetfooter
    *
    * @example
    * ```tsx
@@ -467,18 +663,12 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Footer: {
-    ({
-      className,
-      ...props
-    }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Footer: typeof Footer;
   /**
    * 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`.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheetheader
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheetheader
    *
    * @example
    * ```tsx
@@ -511,18 +701,12 @@ declare const Sheet: {
    * </Sheet.Root>
    * ```
    */
-  readonly Header: {
-    ({
-      className,
-      ...props
-    }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Header: typeof Header;
   /**
    * 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/sheet#sheettitle
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheettitle
    *
    * @example
    * ```tsx
@@ -559,7 +743,7 @@ declare const Sheet: {
   /**
    * 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/sheet#sheettitlegroup
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheettitlegroup
    *
    * @example
    * ```tsx
@@ -597,7 +781,7 @@ declare const Sheet: {
    * 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.
    *
-   * @see https://mantle.ngrok.com/components/sheet#sheettrigger
+   * @see https://mantle.ngrok.com/components/overlays/sheet#sheettrigger
    *
    * @example
    * ```tsx

package/dist/sheet.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./icon-button-DiX9iZ9n.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-BuVqb6zf.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`,...a})=>d(l,{asChild:!0,children:d(t,{"data-slot":`sheet-close-icon-button`,appearance:i,icon:d(p,{}),label:r,size:e,type:n,...a})});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"./icon-button-CxVsZ2N1.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-wm7Wk-gy.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`,...a})=>d(l,{asChild:!0,children:d(t,{"data-slot":`sheet-close-icon-button`,appearance:i,icon:d(p,{}),label:r,size:e,type:n,...a})});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};

package/dist/sizes-Dje_rwKc.d.ts

@@ -0,0 +1,29 @@
+//#region src/components/button/sizes.d.ts
+/**
+ * The single size scale shared by the button family (`Button`, `IconButton`,
+ * and `SplitButton.Root`). Sizes with the same name always render the same
+ * box height across components:
+ *
+ * - `xs` → 1.5rem (24px)
+ * - `sm` → 1.75rem (28px)
+ * - `md` → 2.25rem (36px, the default)
+ * - `lg` → 2.5rem (40px)
+ * - `xl` → 3rem (48px)
+ *
+ * See `decisions/2026-07-13-button-size-and-intent-api.md`.
+ */
+declare const buttonSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+/**
+ * The size of a button-family component (`Button`, `IconButton`, and
+ * `SplitButton.Root`), controlling its box height and horizontal padding.
+ * Defaults to `"md"` everywhere.
+ *
+ * @example
+ * ```tsx
+ * <Button size="sm">Dense action</Button>
+ * <IconButton size="sm" label="Copy" icon={<CopyIcon />} />
+ * ```
+ */
+type ButtonSize = (typeof buttonSizes)[number];
+//#endregion
+export { ButtonSize as t };

package/dist/skeleton-Bu3tgNcW.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({asChild:n=!1,className:i,...a},o)=>r(n?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:o,...a}));i.displayName=`Skeleton`;export{i as t};

package/dist/skeleton.d.ts

@@ -13,7 +13,7 @@
  * **When not to use**
  * - For very short fetches (< 200 ms) — a flash of skeleton is more
  *   distracting than helpful.
- * - To convey error or empty states. Use {@link https://mantle.ngrok.com/components/empty Empty} instead.
+ * - To convey error or empty states. Use {@link https://mantle.ngrok.com/components/feedback/empty Empty} instead.
  * - As a permanent decorative shape.
  *
  * **Sizing.** Default height is `1rem`. Override `className` with `h-*`,
@@ -25,7 +25,7 @@
  * announce it to screen readers — e.g. wrap in an element with
  * `role="status"` and a visually-hidden "Loading…" label.
  *
- * @see https://mantle.ngrok.com/components/skeleton
+ * @see https://mantle.ngrok.com/components/feedback/skeleton
  *
  * @example
  * ```tsx

package/dist/skeleton.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./slot-DT_E5BQx.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({asChild:n=!1,className:i,...a},o)=>r(n?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:o,...a}));i.displayName=`Skeleton`;export{i as Skeleton};
+import{t as e}from"./skeleton-Bu3tgNcW.js";export{e as Skeleton};

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

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-
 //#region src/components/skip-to-main-link/skip-to-main-link.d.ts
 type SkipToMainLinkProps = Omit<ComponentProps<"a">, "href"> & {
   /**
@@ -11,38 +10,9 @@ type SkipToMainLinkProps = Omit<ComponentProps<"a">, "href"> & {
    */
   targetId?: 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/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;
-  displayName: string;
-};
+declare function SkipToMainLink({ children, className, onClick, targetId, ...props }: SkipToMainLinkProps): import("react").JSX.Element;
+declare namespace SkipToMainLink {
+  var displayName: string;
+}
 //#endregion
 export { SkipToMainLink };

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

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./anchor-BtgEJoPN.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-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};

package/dist/slider.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-
 //#region src/components/slider/slider.d.ts
 type SliderBaseProps = Omit<ComponentProps<typeof SliderPrimitive.Root>, "defaultValue" | "value">;
 /**
@@ -56,7 +55,7 @@ type SliderProps = SliderBaseProps & SliderValueProps & {
  * pass `aria-label` or `aria-labelledby` to `Slider`; Mantle forwards those
  * labels to the rendered thumb(s).
  *
- * @see https://mantle.ngrok.com/components/slider
+ * @see https://mantle.ngrok.com/components/forms/slider
  *
  * @example
  * ```tsx
@@ -91,24 +90,6 @@ type SliderProps = SliderBaseProps & SliderValueProps & {
  *  />
  * ```
  */
-declare function Slider({
-  "aria-describedby": ariaDescribedBy,
-  "aria-errormessage": ariaErrorMessage,
-  "aria-invalid": ariaInvalid,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  className,
-  color,
-  defaultValue,
-  id,
-  max,
-  min,
-  minStepsBetweenThumbs,
-  name,
-  step,
-  showTicks,
-  value,
-  ...props
-}: SliderProps): import("react").JSX.Element;
+declare function Slider({ "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, color, defaultValue, id, max, min, minStepsBetweenThumbs, name, step, showTicks, value, ...props }: SliderProps): import("react").JSX.Element;
 //#endregion
 export { Slider, type SliderProps };

package/dist/slider.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./field-context-4k1kI7Bo.js";import{useContext as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"@radix-ui/react-slider";function o({"aria-describedby":o,"aria-errormessage":l,"aria-invalid":u,"aria-label":d,"aria-labelledby":f,className:p,color:m=`bg-accent-600`,defaultValue:h,id:g,max:_=100,min:v=0,minStepsBetweenThumbs:y=1,name:b,step:x=1,showTicks:S=!1,value:C,...w}){let T=n(t),E=C==null?void 0:Array.isArray(C)?C:[C],D=h==null?void 0:Array.isArray(h)?h:[h],O=E??D??[v],k=s(S,v,_,x);return i(a.Root,{"data-slot":`slider`,defaultValue:D,value:E,...T?{}:{"aria-describedby":o,"aria-errormessage":l,"aria-invalid":u,id:g},min:v,minStepsBetweenThumbs:y,max:_,name:b,step:x,className:e(`[--slider-thumb-size:--spacing(4.5)]`,`data-orientation-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-orientation-vertical:h-full data-orientation-vertical:w-auto data-orientation-vertical:flex-col`,k>0&&`mb-3`,p),...w,children:[r(a.Track,{"data-slot":`slider-track`,className:e(`bg-neutral-300 rounded-full relative grow overflow-hidden`,`data-orientation-horizontal:h-1.5 data-orientation-horizontal:w-full`,`data-orientation-vertical:w-1.5 data-orientation-vertical:h-full`),children:r(a.Range,{"data-slot":`slider-range`,className:e(`absolute select-none data-orientation-horizontal:h-full data-orientation-vertical:w-full`,m)})}),Array.from({length:O.length},(t,n)=>r(a.Thumb,{"data-slot":`slider-thumb`,"aria-describedby":T?.[`aria-describedby`]??o,"aria-errormessage":T?.[`aria-errormessage`]??l,"aria-invalid":T?.[`aria-invalid`]??u,"aria-label":c({ariaLabel:d,index:n,thumbCount:O.length}),"aria-labelledby":f,id:n===0?T?.id:void 0,className:e(`bg-card border-card relative size-(--slider-thumb-size) rounded-full border`,`shadow-md transition-[color,box-shadow]`,`after:absolute after:-inset-2`,`focus-visible:ring-3 focus-visible:ring-accent-500/20 focus-visible:outline-hidden`,`block shrink-0 cursor-pointer select-none`,`data-disabled:pointer-events-none data-disabled:cursor-default`)},n)),k>0&&r(`div`,{"data-slot":`slider-ticks`,className:`absolute top-full mt-1.5 flex w-full justify-between px-[calc(var(--slider-thumb-size)/2)]`,"aria-hidden":`true`,children:Array.from({length:k},(e,t)=>r(`span`,{"data-slot":`slider-tick`,className:`bg-card-border h-1.5 w-px`},t))})]})}function s(e,t,n,r){let i=n-t;return!e||!Number.isFinite(i)||!Number.isFinite(r)||r<=0||i<=0?0:Math.floor(i/r)+1}function c({ariaLabel:e,index:t,thumbCount:n}){if(e)return n===1?e:n===2?`${t===0?`Minimum`:`Maximum`} ${e}`:`${e} ${t+1} of ${n}`}export{o as Slider};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./field-context-BR01g789.js";import{useContext as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"@radix-ui/react-slider";function o({"aria-describedby":o,"aria-errormessage":l,"aria-invalid":u,"aria-label":d,"aria-labelledby":f,className:p,color:m=`bg-accent-600`,defaultValue:h,id:g,max:_=100,min:v=0,minStepsBetweenThumbs:y=1,name:b,step:x=1,showTicks:S=!1,value:C,...w}){let T=n(t),E=C==null?void 0:Array.isArray(C)?C:[C],D=h==null?void 0:Array.isArray(h)?h:[h],O=E??D??[v],k=s(S,v,_,x);return i(a.Root,{"data-slot":`slider`,defaultValue:D,value:E,...T?{}:{"aria-describedby":o,"aria-errormessage":l,"aria-invalid":u,id:g},min:v,minStepsBetweenThumbs:y,max:_,name:b,step:x,className:e(`[--slider-thumb-size:--spacing(4.5)]`,`data-orientation-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-orientation-vertical:h-full data-orientation-vertical:w-auto data-orientation-vertical:flex-col`,k>0&&`mb-3`,p),...w,children:[r(a.Track,{"data-slot":`slider-track`,className:e(`bg-neutral-300 rounded-full relative grow overflow-hidden`,`data-orientation-horizontal:h-1.5 data-orientation-horizontal:w-full`,`data-orientation-vertical:w-1.5 data-orientation-vertical:h-full`),children:r(a.Range,{"data-slot":`slider-range`,className:e(`absolute select-none data-orientation-horizontal:h-full data-orientation-vertical:w-full`,m)})}),Array.from({length:O.length},(t,n)=>r(a.Thumb,{"data-slot":`slider-thumb`,"aria-describedby":T?.[`aria-describedby`]??o,"aria-errormessage":T?.[`aria-errormessage`]??l,"aria-invalid":T?.[`aria-invalid`]??u,"aria-label":c({ariaLabel:d,index:n,thumbCount:O.length}),"aria-labelledby":f,id:n===0?T?.id:void 0,className:e(`bg-card border-card relative size-(--slider-thumb-size) rounded-full border`,`shadow-md transition-[color,box-shadow]`,`after:absolute after:-inset-2`,`focus-visible:ring-3 focus-visible:ring-accent-500/20 focus-visible:outline-hidden`,`block shrink-0 cursor-pointer select-none`,`data-disabled:pointer-events-none data-disabled:cursor-default`)},n)),k>0&&r(`div`,{"data-slot":`slider-ticks`,className:`absolute top-full mt-1.5 flex w-full justify-between px-[calc(var(--slider-thumb-size)/2)]`,"aria-hidden":`true`,children:Array.from({length:k},(e,t)=>r(`span`,{"data-slot":`slider-tick`,className:`bg-card-border h-1.5 w-px`},t))})]})}function s(e,t,n,r){let i=n-t;return!e||!Number.isFinite(i)||!Number.isFinite(r)||r<=0||i<=0?0:Math.floor(i/r)+1}function c({ariaLabel:e,index:t,thumbCount:n}){if(e)return n===1?e:n===2?`${t===0?`Minimum`:`Maximum`} ${e}`:`${e} ${t+1} of ${n}`}export{o as Slider};

package/dist/slot-DmPrjM7N.js

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

package/dist/slot.d.ts

@@ -1,2 +1,2 @@
-import { t as Slot } from "./index-CJbKEKr2.js";
+import { t as Slot } from "./index-Rv8RL7xy.js";
 export { Slot };

package/dist/slot.js

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