@ngrok/mantle 0.78.0 → 0.79.1

package/dist/sheet.d.ts

@@ -1,13 +1,33 @@
+import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
 import { t as Root } from "./primitive-C64-m48O.js";
-import { n as IconButtonProps } from "./icon-button-DuRSCsPh.js";
+import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-B7uEj1qq.js";
 import { HTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
 //#region src/components/sheet/sheet.d.ts
-type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
+type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon" | "appearance" | "intent">> & {
+  /**
+   * The visual style of the close icon button. Optional here —
+   * `Sheet.CloseIconButton` defaults to `"ghost"` so it stays visually quiet
+   * in the `Sheet.Header` beside the title.
+   *
+   * @default "ghost"
+   */
+  appearance?: IconButtonAppearance;
+  /**
+   * The tone of the close icon button. Optional here — `Sheet.CloseIconButton`
+   * defaults to `"neutral"`, the workhorse tone for routine dismissal.
+   *
+   * @default "neutral"
+   */
+  intent?: ButtonIntent;
+};
 /**
  * An icon button that closes the `Sheet` when clicked.
  * Should be rendered within the `Sheet.Header` as a child of `Sheet.Actions`.
  *
+ * Composes around the mantle `IconButton` and defaults to
+ * `appearance="ghost"` and `intent="neutral"`.
+ *
  * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcloseiconbutton
  *
  * @example
@@ -21,6 +41,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -43,9 +64,9 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -54,7 +75,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
  * ```
  */
 declare const CloseIconButton: {
-  ({ size, type, label, appearance, ...props }: SheetCloseIconButtonProps): import("react").JSX.Element;
+  ({ size, type, label, appearance, intent, ...props }: SheetCloseIconButtonProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
@@ -74,6 +95,7 @@ declare const CloseIconButton: {
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -96,9 +118,9 @@ declare const CloseIconButton: {
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -127,6 +149,7 @@ declare const Body: {
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -149,9 +172,9 @@ declare const Body: {
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -180,6 +203,7 @@ declare const Header: {
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -202,9 +226,9 @@ declare const Header: {
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -252,7 +276,7 @@ declare const Footer: {
  * // Triggering a stateful sheet
  * <Sheet.Root>
  *   <Sheet.Trigger asChild>
- *     <Button type="button" appearance="filled">
+ *     <Button type="button" appearance="filled" intent="neutral">
  *       Open Sheet
  *     </Button>
  *   </Sheet.Trigger>
@@ -263,6 +287,7 @@ declare const Footer: {
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -285,9 +310,9 @@ declare const Footer: {
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -306,6 +331,7 @@ declare const Footer: {
  *         <Sheet.Actions>
  *           <IconButton
  *             appearance="ghost"
+ *             intent="neutral"
  *             type="button"
  *             icon={<TrashSimple />}
  *             label="Delete"
@@ -328,9 +354,9 @@ declare const Footer: {
  *     </Sheet.Body>
  *     <Sheet.Footer>
  *       <Sheet.Close asChild>
- *         <Button type="button">Close</Button>
+ *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
  *       </Sheet.Close>
- *       <Button type="button" appearance="filled">
+ *       <Button type="button" appearance="filled" intent="neutral">
  *         Save
  *       </Button>
  *     </Sheet.Footer>
@@ -353,7 +379,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -372,9 +398,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -390,7 +416,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -409,9 +435,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -428,7 +454,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -447,9 +473,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -467,7 +493,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -486,9 +512,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -499,13 +525,16 @@ 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`.
    *
+   * Composes around the mantle `IconButton` and defaults to
+   * `appearance="ghost"` and `intent="neutral"`.
+   *
    * @see https://mantle.ngrok.com/components/overlays/sheet#sheetcloseiconbutton
    *
    * @example
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -524,9 +553,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -548,7 +577,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -567,9 +596,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -598,7 +627,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -617,9 +646,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -636,7 +665,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -655,9 +684,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -674,7 +703,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -693,9 +722,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -712,7 +741,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -731,9 +760,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -749,7 +778,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -768,9 +797,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>
@@ -787,7 +816,7 @@ declare const Sheet: {
    * ```tsx
    * <Sheet.Root>
    *   <Sheet.Trigger asChild>
-   *     <Button type="button" appearance="filled">Open Sheet</Button>
+   *     <Button type="button" appearance="filled" intent="neutral">Open Sheet</Button>
    *   </Sheet.Trigger>
    *   <Sheet.Content>
    *     <Sheet.Header>
@@ -806,9 +835,9 @@ declare const Sheet: {
    *     </Sheet.Body>
    *     <Sheet.Footer>
    *       <Sheet.Close asChild>
-   *         <Button type="button">Close</Button>
+   *         <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *       </Sheet.Close>
-   *       <Button type="button" appearance="filled">Save</Button>
+   *       <Button type="button" appearance="filled" intent="neutral">Save</Button>
    *     </Sheet.Footer>
    *   </Sheet.Content>
    * </Sheet.Root>

package/dist/sheet.js

@@ -1 +1 @@
-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};
+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-M-kZdNIS.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};

package/dist/{sizes-Dje_rwKc.d.ts → sizes-BCoI4bhP.d.ts}

@@ -20,8 +20,8 @@ declare const buttonSizes: readonly ["xs", "sm", "md", "lg", "xl"];
  *
  * @example
  * ```tsx
- * <Button size="sm">Dense action</Button>
- * <IconButton size="sm" label="Copy" icon={<CopyIcon />} />
+ * <Button appearance="outlined" intent="neutral" size="sm">Dense action</Button>
+ * <IconButton appearance="outlined" intent="neutral" size="sm" label="Copy" icon={<CopyIcon />} />
  * ```
  */
 type ButtonSize = (typeof buttonSizes)[number];

package/dist/split-button.d.ts

@@ -1,7 +1,8 @@
-import { t as Button } from "./button-Bw9MpShl.js";
-import { t as IconButton } from "./icon-button-DuRSCsPh.js";
-import { t as ButtonSize } from "./sizes-Dje_rwKc.js";
-import { t as DropdownMenu } from "./dropdown-menu-DT30TQzL.js";
+import { t as Button } from "./button-DcXOWUYo.js";
+import { t as IconButton } from "./icon-button-B7uEj1qq.js";
+import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
+import { t as ButtonSize } from "./sizes-BCoI4bhP.js";
+import { t as DropdownMenu } from "./dropdown-menu-DP_Ne9Mr.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/split-button/split-button.d.ts
 type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"> & {
@@ -13,8 +14,8 @@ type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"
    */
   size?: ButtonSize;
 };
-type PrimaryActionProps = Omit<ComponentProps<typeof Button>, "appearance" | "priority" | "size">;
-type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "size" | "asChild" | "icon"> & {
+type PrimaryActionProps = Omit<ComponentProps<typeof Button>, "appearance" | "intent" | "size">;
+type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "intent" | "size" | "asChild" | "icon"> & {
   icon?: ReactNode;
 };
 /**
@@ -171,7 +172,7 @@ declare const SplitButton: {
    * </SplitButton.Root>
    * ```
    */
-  readonly MenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+  readonly MenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & WithDataSlot & {
     width?: "trigger" | "content";
   } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**

package/dist/split-button.js

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