@ngrok/mantle 0.80.0 → 0.81.1

package/dist/selectable-list.d.ts

@@ -1,5 +1,5 @@
-import { t as Choice } from "./choice-Ct0KK8jw.js";
-import { t as Input } from "./input-DV9M6K4v.js";
+import { t as Choice } from "./choice-BNRQXszu.js";
+import { t as Input } from "./input-BuYDU6CF.js";
 import { ComponentProps, ReactElement, ReactNode } from "react";
 //#region src/components/selectable-list/selectable-list.d.ts
 /**
@@ -187,10 +187,7 @@ type SelectableListRootProps = Omit<ComponentProps<"div">, "onChange"> & {
  * </SelectableList.Root>
  * ```
  */
-declare const Root: {
-  ({ className, defaultQuery, defaultValue, filter, onQueryChange, onValueChange, options, query: queryProp, ref, value, ...props }: SelectableListRootProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Root: ({ className, defaultQuery, defaultValue, filter, onQueryChange, onValueChange, options, query: queryProp, ref, value, ...props }: SelectableListRootProps) => import("react").JSX.Element;
 /**
  * The filter/search box for a `SelectableList`. Renders the mantle `Input` with
  * a leading magnifying-glass icon and drives the list's filter query (a
@@ -209,10 +206,7 @@ declare const Root: {
  * </SelectableList.Root>
  * ```
  */
-declare const Filter: {
-  ({ "aria-label": ariaLabel, ref, ...props }: Omit<ComponentProps<typeof Input>, "value" | "defaultValue" | "onChange" | "type" | "children">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Filter: ({ "aria-label": ariaLabel, ref, ...props }: Omit<ComponentProps<typeof Input>, "value" | "defaultValue" | "onChange" | "type" | "children">) => import("react").JSX.Element;
 /**
  * A tri-state "select all" header for a `SelectableList`. Reflects the selection
  * of the **currently filtered** options — checked when all are selected,
@@ -231,10 +225,7 @@ declare const Filter: {
  * </SelectableList.Root>
  * ```
  */
-declare const SelectAll: {
-  ({ children, className, ref, ...props }: Omit<ComponentProps<"label">, "htmlFor">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const SelectAll: ({ children, className, ref, ...props }: Omit<ComponentProps<"label">, "htmlFor">) => import("react").JSX.Element;
 /**
  * Props for `SelectableList.Item`. Extends `<div>` props with the option
  * `value` the row represents; selection and disabled state are read from the
@@ -291,10 +282,7 @@ type SelectableListItemProps = Omit<ComponentProps<"div">, "children" | "id"> &
  * </SelectableList.Root>
  * ```
  */
-declare const Item: {
-  ({ children, className, ref, value, ...props }: SelectableListItemProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Item: ({ children, className, ref, value, ...props }: SelectableListItemProps) => import("react").JSX.Element;
 /**
  * The emphasized title of a `SelectableList.Item`, rendered as `Choice.Label` —
  * a real `<label>` wired to the row's checkbox, so clicking it toggles the row
@@ -319,10 +307,7 @@ declare const Item: {
  * </SelectableList.Root>
  * ```
  */
-declare const ItemTitle: {
-  (props: ComponentProps<typeof Choice.Label>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const ItemTitle: (props: ComponentProps<typeof Choice.Label>) => import("react").JSX.Element;
 /**
  * The de-emphasized sub-line of a `SelectableList.Item`, rendered as
  * `Choice.Description` — wired to the row's checkbox via `aria-describedby`
@@ -347,10 +332,7 @@ declare const ItemTitle: {
  * </SelectableList.Root>
  * ```
  */
-declare const ItemDescription: {
-  (props: ComponentProps<typeof Choice.Description>): import("react").JSX.Element;
-  displayName: string;
-};
+declare const ItemDescription: (props: ComponentProps<typeof Choice.Description>) => import("react").JSX.Element;
 /**
  * Props for `SelectableList.Viewport`. Extends `<div>` props (the scroll
  * viewport) with an optional render-prop child for custom row layouts.
@@ -393,10 +375,7 @@ type SelectableListViewportProps = Omit<ComponentProps<"div">, "children"> & {
  * </SelectableList.Root>
  * ```
  */
-declare const Viewport: {
-  ({ children, ref, ...props }: SelectableListViewportProps): import("react").JSX.Element | null;
-  displayName: string;
-};
+declare const Viewport: ({ children, ref, ...props }: SelectableListViewportProps) => import("react").JSX.Element | null;
 /**
  * Props for `SelectableList.VirtualViewport` — the `Viewport` props plus the
  * virtualizer knobs.
@@ -433,10 +412,7 @@ type SelectableListVirtualViewportProps = SelectableListViewportProps & {
  * </SelectableList.Root>
  * ```
  */
-declare const VirtualViewport: {
-  ({ children, ref, ...props }: SelectableListVirtualViewportProps): import("react").JSX.Element | null;
-  displayName: string;
-};
+declare const VirtualViewport: ({ children, ref, ...props }: SelectableListVirtualViewportProps) => import("react").JSX.Element | null;
 /**
  * Shown in place of the viewport when the active filter matches no options.
  * Renders its children (e.g. "No results found.") in muted, centered text.
@@ -456,10 +432,7 @@ declare const VirtualViewport: {
  * </SelectableList.Root>
  * ```
  */
-declare const Empty: {
-  ({ children, className, ref, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+declare const Empty: ({ children, className, ref, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 /**
  * A filterable, multi-select **grid** of checkbox rows — the inline
  * (non-popover) counterpart to `MultiSelect`/`Combobox`. Map your data into

package/dist/selectable-list.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{n as t,t as n}from"./checkbox-Cq17y0-R.js";import{t as r}from"./choice-Cc8dA5r8.js";import{n as i,t as a}from"./input-CVyAVbim.js";import{n as o,r as s,t as c}from"./virtual-UrzmaSQm.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})})};O.displayName=`SelectableListRoot`;const 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,{})]})};k.displayName=`SelectableListFilter`;const 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]})};A.displayName=`SelectableListSelectAll`;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})]})})};M.displayName=`SelectableListItem`;const N=e=>v(r.Label,{"data-slot":`selectable-list-item-title`,...e});N.displayName=`SelectableListItemTitle`;const P=e=>v(r.Description,{"data-slot":`selectable-list-item-description`,...e});P.displayName=`SelectableListItemDescription`;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=({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})};R.displayName=`SelectableListViewport`;const z=({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})};z.displayName=`SelectableListVirtualViewport`;const B=({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})};B.displayName=`SelectableListEmpty`;const V={Root:O,Filter:k,SelectAll:A,Viewport:R,VirtualViewport:z,Item:M,ItemTitle:N,ItemDescription:P,Empty:B};export{V as SelectableList,S as filterSelectableOptions,x as optionLabelText,w as summarizeSelection,C 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/sheet.d.ts

@@ -1,6 +1,6 @@
-import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
-import { a as Root, n as Content$1, o as Title$1, r as Description$1 } from "./primitive-CJRIlrLz.js";
-import { n as IconButtonAppearance, r as IconButtonProps } from "./icon-button-C1AfGnQx.js";
+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
@@ -33,7 +33,7 @@ type SheetContentProps = ComponentProps<typeof Content$1> & VariantProps<typeof
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -74,10 +74,7 @@ type SheetContentProps = ComponentProps<typeof Content$1> & VariantProps<typeof
  * </Sheet.Root>
  * ```
  */
-declare const Content: {
-  ({ children, className, preferredWidth, side, ref, ...props }: SheetContentProps): import("react").JSX.Element;
-  displayName: string;
-};
+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 —
@@ -107,7 +104,7 @@ type SheetCloseIconButtonProps = Partial<Omit<IconButtonProps, "icon" | "appeara
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -148,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`.
@@ -161,7 +155,7 @@ declare const CloseIconButton: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -202,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`.
@@ -215,7 +206,7 @@ declare const Body: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -256,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`.
@@ -269,7 +257,7 @@ declare const Header: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -310,10 +298,7 @@ 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.
@@ -323,7 +308,7 @@ declare const Footer: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -364,10 +349,7 @@ declare const Footer: {
  * </Sheet.Root>
  * ```
  */
-declare const Title: {
-  ({ className, ref, ...props }: ComponentProps<typeof Title$1>): import("react").JSX.Element;
-  displayName: string | undefined;
-};
+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`.
  *
@@ -376,7 +358,7 @@ declare const Title: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -417,10 +399,7 @@ declare const Title: {
  * </Sheet.Root>
  * ```
  */
-declare const TitleGroup: {
-  ({ children, className, ref, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+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`.
  *
@@ -429,7 +408,7 @@ declare const TitleGroup: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -470,10 +449,7 @@ declare const TitleGroup: {
  * </Sheet.Root>
  * ```
  */
-declare const Description: {
-  ({ className, ref, ...props }: ComponentProps<typeof Description$1>): import("react").JSX.Element;
-  displayName: string;
-};
+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`.
  *
@@ -482,7 +458,7 @@ declare const Description: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>
@@ -523,10 +499,7 @@ declare const Description: {
  * </Sheet.Root>
  * ```
  */
-declare const Actions: {
-  ({ children, className, ref, ...props }: ComponentProps<"div">): import("react").JSX.Element;
-  displayName: string;
-};
+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
@@ -610,7 +583,7 @@ declare const Actions: {
  * @example
  * ```tsx
  * // Sheet without a trigger (e.g. router controlled)
- * <Sheet open onOpenChange={() => onClose()}>
+ * <Sheet.Root open onOpenChange={() => onClose()}>
  *   <Sheet.Content>
  *     <Sheet.Header>
  *       <Sheet.TitleGroup>

package/dist/sheet.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-button-DiOhreJD.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-DCPHJsRs.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;m.displayName=`Sheet`;const h=r;h.displayName=`SheetTrigger`;const g=l;g.displayName=`SheetClose`;const _=n;_.displayName=`SheetPortal`;const 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});v.displayName=i.displayName;const 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=({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})]});b.displayName=a.displayName;const x=({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})});x.displayName=`SheetCloseIconButton`;const S=({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});S.displayName=`SheetBody`;const C=({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});C.displayName=`SheetHeader`;const w=({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});w.displayName=`SheetFooter`;const T=({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});T.displayName=c.displayName;const E=({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});E.displayName=`SheetTitleGroup`;const D=({className:t,ref:n,...r})=>u(s,{"data-slot":`sheet-description`,ref:n,className:e(`text-body text-sm`,t),...r});D.displayName=s.displayName;const O=({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});O.displayName=`SheetActions`;const k={Root:m,Actions:O,Body:S,Close:g,CloseIconButton:x,Content:b,Description:D,Footer:w,Header:C,Title:T,TitleGroup:E,Trigger:h};export{k 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/skip-to-main-link.js

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

package/dist/slider.js

@@ -1 +1 @@
-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};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./field-B1wqeZr4.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.d.ts

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

package/dist/split-button.d.ts

@@ -1,7 +1,7 @@
-import { t as Button } from "./button-BPMwa2jN.js";
-import { t as IconButton } from "./icon-button-C1AfGnQx.js";
-import { t as ButtonSize } from "./sizes-BCoI4bhP.js";
-import { t as DropdownMenu } from "./dropdown-menu-CoyozLzy.js";
+import { t as Button } from "./button-DARFK2KJ.js";
+import { t as IconButton } from "./button-C7vAl6lS.js";
+import { t as ButtonSize } from "./button-BCoI4bhP.js";
+import { t as DropdownMenu } from "./dropdown-menu-D6pMAY7I.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/split-button/split-button.d.ts
 type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"> & {
@@ -13,36 +13,160 @@ type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"
    */
   size?: ButtonSize;
 };
-declare const Root: {
-  ({ className, children, dir, open, defaultOpen, onOpenChange, modal, size, ref, ...props }: RootProps): import("react").JSX.Element;
-  displayName: string;
-};
+/**
+ * A button group which provides a default action with one click while revealing
+ * related alternatives through a dropdown menu. Best for when users typically
+ * want one action but occasionally need variants.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonroot
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
+declare const Root: ({ className, children, dir, open, defaultOpen, onOpenChange, modal, size, ref, ...props }: RootProps) => import("react").JSX.Element;
 type PrimaryActionProps = Omit<ComponentProps<typeof Button>, "appearance" | "intent" | "size">;
-declare const PrimaryAction: {
-  (props: PrimaryActionProps): import("react").JSX.Element;
-  displayName: string;
-};
+/**
+ * The most common action users can trigger with a single click.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonprimaryaction
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
+declare const PrimaryAction: (props: PrimaryActionProps) => import("react").JSX.Element;
 type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "intent" | "size" | "asChild" | "icon"> & {
   icon?: ReactNode;
 };
-declare const MenuTrigger: {
-  ({ icon, ...props }: MenuTriggerProps): import("react").JSX.Element;
-  displayName: string;
-};
-declare const MenuContent: {
-  ({ align, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react").JSX.Element;
-  displayName: string;
-};
-declare const MenuItem: {
-  ({ className, ...props }: ComponentProps<typeof DropdownMenu.Item>): import("react").JSX.Element;
-  displayName: string;
-};
+/**
+ * The button that opens the split button dropdown menu.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonmenutrigger
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
+declare const MenuTrigger: ({ icon, ...props }: MenuTriggerProps) => import("react").JSX.Element;
+/**
+ * The container for the split button dropdown menu content. Appears in a
+ * portal with scrolling and animations.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonmenucontent
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
+declare const MenuContent: ({ align, ...props }: ComponentProps<typeof DropdownMenu.Content>) => import("react").JSX.Element;
+/**
+ * A standard item in the split button dropdown menu that can be selected or
+ * activated.
+ *
+ * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonmenuitem
+ *
+ * @example
+ * ```tsx
+ * <SplitButton.Root>
+ *   <SplitButton.PrimaryAction icon={<CopyIcon />} onClick={copyMarkdownPage}>
+ *     Copy page
+ *   </SplitButton.PrimaryAction>
+ *   <SplitButton.MenuTrigger label="Open doc actions menu" />
+ *   <SplitButton.MenuContent>
+ *     <SplitButton.MenuItem onClick={copyMarkdownPage}>
+ *       Copy page
+ *       <Icon svg={<CopyIcon />} />
+ *     </SplitButton.MenuItem>
+ *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
+ *         View as Markdown
+ *         <Icon svg={<FileTextIcon />} />
+ *       </a>
+ *     </SplitButton.MenuItem>
+ *   </SplitButton.MenuContent>
+ * </SplitButton.Root>
+ * ```
+ */
+declare const MenuItem: ({ className, ...props }: ComponentProps<typeof DropdownMenu.Item>) => import("react").JSX.Element;
 /**
  * A button group which provides a default action with one click while revealing
  * related alternatives through a dropdown menu. Best for when users typically
  * want one action but occasionally need variants.
  *
- * @see https://mantle.ngrok.com/components/actions/split-button#splitbuttonroot
+ * @see https://mantle.ngrok.com/components/actions/split-button
  *
  * @example
  * Composition:
@@ -67,7 +191,7 @@ declare const MenuItem: {
  *       Copy page
  *     </SplitButton.MenuItem>
  *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
- *       <a href={markdownUrl} target="_blank">
+ *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
  *         <Icon svg={<FileTextIcon />} />
  *         View as Markdown
  *       </a>
@@ -97,7 +221,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -125,7 +249,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -153,7 +277,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -182,7 +306,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>
@@ -211,7 +335,7 @@ declare const SplitButton: {
    *       <Icon svg={<CopyIcon />} />
    *     </SplitButton.MenuItem>
    *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>
-   *       <a href={markdownUrl} target="_blank">
+   *       <a href={markdownUrl} target="_blank" rel="noopener noreferrer">
    *         View as Markdown
    *         <Icon svg={<FileTextIcon />} />
    *       </a>

package/dist/split-button.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CGgMKpJg.js";import{t as n}from"./icon-button-DiOhreJD.js";import{t as r}from"./button-5WsvzIQ6.js";import{t as i}from"./dropdown-menu-CSCDdA3K.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useContext as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=o({size:`md`}),d=({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,size:f=`md`,ref:p,...m})=>{let h=c(()=>({size:f}),[f]);return l(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,children:l(u.Provider,{value:h,children:l(`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:p,...m,children:n})})})};d.displayName=`SplitButton`;const f=e=>{let{size:t}=s(u);return l(r,{appearance:`outlined`,intent:`neutral`,size:t,...e})};f.displayName=`SplitButtonPrimaryAction`;const p=({icon:e,...r})=>{let{size:o}=s(u);return l(i.Trigger,{asChild:!0,className:`group`,children:l(n,{icon:e??l(t,{svg:l(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,intent:`neutral`,size:o,...r})})};p.displayName=`SplitButtonMenuTrigger`;const m=({align:e=`end`,...t})=>l(i.Content,{align:e,...t});m.displayName=`SplitButtonMenuContent`;const h=({className:t,...n})=>l(i.Item,{className:e(`gap-2`,t),...n});h.displayName=`SplitButtonMenuItem`;const g={Root:d,PrimaryAction:f,MenuTrigger:p,MenuContent:m,MenuItem:h};export{g as SplitButton};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-lZ48P8Nn.js";import{t as n}from"./button-DjpEKt2X.js";import{t as r}from"./button-BAno7KIU.js";import{t as i}from"./dropdown-menu-RyDWoKHx.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{createContext as o,useContext as s,useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=o({size:`md`}),d={Root:({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,size:f=`md`,ref:p,...m})=>{let h=c(()=>({size:f}),[f]);return l(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:s,modal:d,children:l(u.Provider,{value:h,children:l(`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:p,...m,children:n})})})},PrimaryAction:e=>{let{size:t}=s(u);return l(n,{appearance:`outlined`,intent:`neutral`,size:t,...e})},MenuTrigger:({icon:e,...n})=>{let{size:o}=s(u);return l(i.Trigger,{asChild:!0,className:`group`,children:l(r,{icon:e??l(t,{svg:l(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,intent:`neutral`,size:o,...n})})},MenuContent:({align:e=`end`,...t})=>l(i.Content,{align:e,...t}),MenuItem:({className:t,...n})=>l(i.Item,{className:e(`gap-2`,t),...n})};export{d as SplitButton};