@ngrok/mantle 0.81.0 → 0.81.1

package/dist/radio-group.d.ts

@@ -93,6 +93,26 @@ type RadioIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
 declare const Indicator: ({ children, className, ...props }: RadioIndicatorProps) => import("react").JSX.Element;
 /**
  * A group of radio list items. Use RadioGroup.ListItem as direct children.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouplist
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.Root defaultValue="option1">
+ *   <RadioGroup.List>
+ *     <RadioGroup.ListItem value="option1">
+ *       <RadioGroup.ItemContent>
+ *         <Text>Option 1</Text>
+ *       </RadioGroup.ItemContent>
+ *     </RadioGroup.ListItem>
+ *     <RadioGroup.ListItem value="option2">
+ *       <RadioGroup.ItemContent>
+ *         <Text>Option 2</Text>
+ *       </RadioGroup.ItemContent>
+ *     </RadioGroup.ListItem>
+ *   </RadioGroup.List>
+ * </RadioGroup.Root>
+ * ```
  */
 declare const List: ({ className, ref, ...props }: RadioGroupProps$1) => import("react").JSX.Element;
 type RadioListItemProps = RadioItemProps;
@@ -103,6 +123,28 @@ type RadioListItemProps = RadioItemProps;
  * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
  * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
  * by Headless UI's Radio primitive and does not propagate.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouplistitem
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.Root defaultValue="item1">
+ *   <RadioGroup.List>
+ *     <RadioGroup.ListItem value="item1">
+ *       <RadioGroup.ItemContent>
+ *         <Text>List Item 1</Text>
+ *         <Text size="sm" className="text-muted">First option</Text>
+ *       </RadioGroup.ItemContent>
+ *     </RadioGroup.ListItem>
+ *     <RadioGroup.ListItem value="item2">
+ *       <RadioGroup.ItemContent>
+ *         <Text>List Item 2</Text>
+ *         <Text size="sm" className="text-muted">Second option</Text>
+ *       </RadioGroup.ItemContent>
+ *     </RadioGroup.ListItem>
+ *   </RadioGroup.List>
+ * </RadioGroup.Root>
+ * ```
  */
 declare const ListItem: ({ children, className, ref, ...props }: RadioListItemProps) => import("react").JSX.Element;
 type RadioItemContentProps = HTMLAttributes<HTMLDivElement> & WithAsChild;
@@ -114,11 +156,48 @@ type RadioCardProps = RadioItemProps;
  * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
  * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
  * by Headless UI's Radio primitive and does not propagate.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupcard
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.Root defaultValue="basic">
+ *   <div className="space-y-3">
+ *     <RadioGroup.Card value="basic">
+ *       <RadioGroup.ItemContent>
+ *         <Text weight="strong">Basic Plan</Text>
+ *         <Text>$10/month</Text>
+ *       </RadioGroup.ItemContent>
+ *     </RadioGroup.Card>
+ *     <RadioGroup.Card value="pro">
+ *       <RadioGroup.ItemContent>
+ *         <Text weight="strong">Pro Plan</Text>
+ *         <Text>$25/month</Text>
+ *       </RadioGroup.ItemContent>
+ *     </RadioGroup.Card>
+ *   </div>
+ * </RadioGroup.Root>
+ * ```
  */
 declare const Card: ({ children, className, ref, ...props }: RadioCardProps) => import("react").JSX.Element;
 /**
  * The content of any radio item. Use it to wrap any labels, descriptions, or content of a radio item.
  * Use it as a child of `RadioGroup.Item`, `RadioGroup.ListItem`, or `RadioGroup.Card`.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupitemcontent
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.Root defaultValue="option1">
+ *   <RadioGroup.Item value="option1">
+ *     <RadioGroup.Indicator />
+ *     <RadioGroup.ItemContent>
+ *       <Text weight="strong">Option 1</Text>
+ *       <Text size="sm">Description for option 1</Text>
+ *     </RadioGroup.ItemContent>
+ *   </RadioGroup.Item>
+ * </RadioGroup.Root>
+ * ```
  */
 declare const ItemContent: ({ asChild, children, className, ...props }: RadioItemContentProps) => import("react").JSX.Element;
 /**
@@ -126,6 +205,18 @@ declare const ItemContent: ({ asChild, children, className, ...props }: RadioIte
  * Renders the radio group itself (it wraps `Root`) — use it *in place of*
  * `RadioGroup.Root`, never nested inside one, or the buttons bind to an
  * inner, uncontrolled group and outer `value`/`onChange` props are ignored.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupbuttongroup
+ *
+ * @example
+ * ```tsx
+ * <Label id="size-label">Size</Label>
+ * <RadioGroup.ButtonGroup aria-labelledby="size-label" defaultValue="small">
+ *   <RadioGroup.Button value="small">Small</RadioGroup.Button>
+ *   <RadioGroup.Button value="medium">Medium</RadioGroup.Button>
+ *   <RadioGroup.Button value="large">Large</RadioGroup.Button>
+ * </RadioGroup.ButtonGroup>
+ * ```
  */
 declare const ButtonGroup: ({ className, ref, ...props }: RadioGroupProps$1) => import("react").JSX.Element;
 type RadioButtonProps = RadioItemProps;
@@ -136,12 +227,40 @@ type RadioButtonProps = RadioItemProps;
  * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
  * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
  * by Headless UI's Radio primitive and does not propagate.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupbutton
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.ButtonGroup defaultValue="option1">
+ *   <RadioGroup.Button value="option1">Option 1</RadioGroup.Button>
+ *   <RadioGroup.Button value="option2">Option 2</RadioGroup.Button>
+ *   <RadioGroup.Button value="option3">Option 3</RadioGroup.Button>
+ * </RadioGroup.ButtonGroup>
+ * ```
  */
 declare const Button: ({ children, className, ref, ...props }: RadioButtonProps) => import("react").JSX.Element;
 type RadioInputSandboxProps = HTMLAttributes<HTMLDivElement>;
 /**
  * A sandbox container for input elements composed within radio group items.
  * It prevents the default behavior of the radio group when clicking on the input element or accepting keyboard input.
+ *
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupinputsandbox
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.Root defaultValue="custom">
+ *   <RadioGroup.Item value="custom">
+ *     <RadioGroup.Indicator />
+ *     <RadioGroup.ItemContent>
+ *       <Text>Custom amount</Text>
+ *       <RadioGroup.InputSandbox>
+ *         <Input type="number" placeholder="Enter amount" />
+ *       </RadioGroup.InputSandbox>
+ *     </RadioGroup.ItemContent>
+ *   </RadioGroup.Item>
+ * </RadioGroup.Root>
+ * ```
  */
 declare const InputSandbox: ({ children, onClick, onKeyDown, ...props }: RadioInputSandboxProps) => import("react").JSX.Element;
 /**

package/dist/sandboxed-on-click.d.ts

@@ -25,7 +25,7 @@ type EventProps = BaseProps & {
  * Props for the sandboxed onClick container. Spread this on the element you want
  * to prevent the click event from bubbling out of.
  *
- * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click#sandboxedonclick
+ * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click
  */
 declare const sandboxedOnClickProps: ({ allowClickEventDefault, onClick }?: EventProps) => {
   /**
@@ -43,7 +43,7 @@ type Props = ComponentProps<"div"> & WithAsChild & BaseProps;
 /**
  * A container that prevents the click event from bubbling out of it.
  *
- * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click#sandboxedonclick
+ * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click
  *
  * @example
  * ```tsx

package/dist/scatter-plot.d.ts

@@ -1,4 +1,4 @@
-import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, f as ChartDatum, g as PointShape, i as GridPrimitiveProps, l as YAxisPrimitiveProps, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibleName } from "./chart-BcOC6Qj0.js";
+import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps, f as ChartDatum, g as PointShape, i as GridPrimitiveProps, l as YAxisPrimitiveProps, n as ChartRootBaseProps, o as ReferenceLinePrimitiveProps, p as ChartDatumEvent, r as CopyButtonPrimitiveProps, s as TooltipPrimitiveProps, t as ChartAccessibilityProps } from "./chart-1cVjAcj8.js";
 //#region src/components/scatter-plot/scatter-plot.d.ts
 /**
  * Props for {@link ScatterPlot.Root}. Scatter x values must be continuous
@@ -10,7 +10,7 @@ import { _ as SeriesColor, a as LegendPrimitiveProps, c as XAxisPrimitiveProps,
  * so with the default chart tokens keep it to FOUR series or fewer; beyond
  * that, fold into an "Other" series or facet into small multiples.
  */
-type ScatterPlotRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootBaseProps, "stacked"> & ChartAccessibleName & {
+type ScatterPlotRootProps<TDatum extends ChartDatum = ChartDatum> = Omit<ChartRootBaseProps, "stacked"> & ChartAccessibilityProps & {
   /** Rows of data; each row is one point per composed `ScatterPlot.Point` series. */
   data: readonly TDatum[];
   /** The key of each row's x value (number or `Date`). */

package/dist/scatter-plot.js

@@ -1 +1 @@
-import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-BROa2gqt.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`scatter`,componentName:`ScatterPlot`,slotName:`scatter-plot`,...e}),Point:e=>a(`ScatterPlot.Point`,`scatter`,e),Grid:e=>n(`ScatterPlot.Grid`,e),XAxis:e=>t(`ScatterPlot.XAxis`,e),YAxis:e=>r(`ScatterPlot.YAxis`,e),ReferenceLine:t=>e(`ScatterPlot.ReferenceLine`,t),Tooltip:e=>s(`ScatterPlot.Tooltip`,e),Legend:e=>l(i,{partName:`ScatterPlot.Legend`,slotName:`scatter-plot`,...e}),CopyButton:e=>l(c,{partName:`ScatterPlot.CopyButton`,slotName:`scatter-plot`,...e})};export{u as ScatterPlot};
+import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-Do2qkrxl.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`scatter`,componentName:`ScatterPlot`,slotName:`scatter-plot`,...e}),Point:e=>a(`ScatterPlot.Point`,`scatter`,e),Grid:e=>n(`ScatterPlot.Grid`,e),XAxis:e=>t(`ScatterPlot.XAxis`,e),YAxis:e=>r(`ScatterPlot.YAxis`,e),ReferenceLine:t=>e(`ScatterPlot.ReferenceLine`,t),Tooltip:e=>s(`ScatterPlot.Tooltip`,e),Legend:e=>l(i,{partName:`ScatterPlot.Legend`,slotName:`scatter-plot`,...e}),CopyButton:e=>l(c,{partName:`ScatterPlot.CopyButton`,slotName:`scatter-plot`,...e})};export{u as ScatterPlot};

package/dist/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>
@@ -104,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>
@@ -155,7 +155,7 @@ declare const CloseIconButton: ({ size, type, label, appearance, intent, ...prop
  * @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>
@@ -206,7 +206,7 @@ declare const Body: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) =>
  * @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>
@@ -257,7 +257,7 @@ declare const Header: ({ className, ...props }: HTMLAttributes<HTMLDivElement>)
  * @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>
@@ -308,7 +308,7 @@ declare const Footer: ({ className, ...props }: HTMLAttributes<HTMLDivElement>)
  * @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>
@@ -358,7 +358,7 @@ declare const Title: ({ className, ref, ...props }: ComponentProps<typeof 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>
@@ -408,7 +408,7 @@ declare const TitleGroup: ({ children, className, ref, ...props }: ComponentProp
  * @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>
@@ -458,7 +458,7 @@ declare const Description: ({ className, ref, ...props }: ComponentProps<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>
@@ -583,7 +583,7 @@ declare const Actions: ({ children, className, ref, ...props }: ComponentProps<"
  * @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/split-button.d.ts

@@ -1,7 +1,7 @@
 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-DZg-Cd69.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,21 +13,160 @@ type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div"
    */
   size?: ButtonSize;
 };
+/**
+ * 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">;
+/**
+ * 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;
 };
+/**
+ * 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:
@@ -52,7 +191,7 @@ declare const MenuItem: ({ className, ...props }: ComponentProps<typeof Dropdown
  *       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>
@@ -82,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>
@@ -110,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>
@@ -138,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>
@@ -167,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>
@@ -196,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-lZ48P8Nn.js";import{t as n}from"./button-BAno7KIU.js";import{t as r}from"./button-DjpEKt2X.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(r,{appearance:`outlined`,intent:`neutral`,size:t,...e})},MenuTrigger:({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})})},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};
+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};

package/dist/{table-Bo0vNxIJ.d.ts → table-CZBYEmyK.d.ts}

@@ -154,7 +154,7 @@ declare const Element: ({ children, className, ref, ...props }: ComponentProps<"
  * </Table.Root>
  * ```
  *
- * @see https://mantle.ngrok.com/components/data-display/table#tableheader
+ * @see https://mantle.ngrok.com/components/data-display/table#tablehead
  */
 declare const Head: ({ children, className, ref, ...props }: ComponentProps<"thead">) => import("react").JSX.Element;
 /**
@@ -690,7 +690,7 @@ declare const Table: {
   /**
    * The head section of a table. Contains the table's column headers information.
    *
-   * @see https://mantle.ngrok.com/components/data-display/table#tableheader
+   * @see https://mantle.ngrok.com/components/data-display/table#tablehead
    *
    * @example
    * ```tsx

package/dist/table.d.ts

@@ -1,2 +1,2 @@
-import { t as Table } from "./table-Bo0vNxIJ.js";
+import { t as Table } from "./table-CZBYEmyK.js";
 export { Table };

package/dist/text-area.d.ts

@@ -30,4 +30,4 @@ type Props = ComponentProps<"textarea"> & WithValidation & {
  */
 declare const TextArea: ({ appearance, "aria-invalid": _ariaInvalid, className, onDragEnter, onDragLeave, onDropCapture, ref, validation: _validation, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { TextArea };
+export { TextArea, type Props as TextAreaProps };

package/dist/{theme-CYNpplwN.d.ts → theme-FbfjYiD3.d.ts}

@@ -1,34 +1,50 @@
 //#region src/components/theme/themes.d.ts
 /**
  * resolvedThemes is a tuple of valid themes that have been resolved from "system" to a specific theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const resolvedThemes: readonly ["light", "dark", "light-high-contrast", "dark-high-contrast"];
 /**
  * ResolvedTheme is a type that represents a theme that has been resolved from "system" to a specific theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 type ResolvedTheme = (typeof resolvedThemes)[number];
 /**
  * themes is a tuple of valid themes.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const themes: readonly ["system", "light", "dark", "light-high-contrast", "dark-high-contrast"];
 /**
  * Theme is a string literal type that represents a valid theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 type Theme = (typeof themes)[number];
 /**
  * $theme is a helper which translates the Theme type into a string literal type.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const $theme: <T extends Theme = Theme>(value: T) => T;
 /**
  * Type predicate that checks if a value is a valid theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function isTheme(value: unknown): value is Theme;
 /**
  * $resolvedTheme is a helper which translates the ResolvedTheme type into a string literal type.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare const $resolvedTheme: <T extends ResolvedTheme = ResolvedTheme>(value: T) => T;
 /**
  * Type predicate that checks if a value is a valid resolved theme.
+ *
+ * @see https://mantle.ngrok.com/components/primitives/theme
  */
 declare function isResolvedTheme(value: unknown): value is ResolvedTheme;
 //#endregion

package/dist/theme-switcher.d.ts

@@ -1,8 +1,8 @@
 import { t as WithStyleProps } from "./with-style-props-Dq5Vntqy.js";
 import { n as IconButtonProps, r as IconButtonAppearance } from "./button-C7vAl6lS.js";
 import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
-import { t as DropdownMenu } from "./dropdown-menu-DZg-Cd69.js";
-import "./dropdown-menu-Dw-OtXPm.js";
+import { t as DropdownMenu } from "./dropdown-menu-D6pMAY7I.js";
+import "./dropdown-menu-BbbQuae2.js";
 import { ComponentProps } from "react";
 //#region src/components/theme-switcher/theme-switcher.d.ts
 /**