@ngrok/mantle 0.66.0 → 0.66.2

package/dist/split-button.d.ts

@@ -1,20 +1,15 @@
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as react from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import { B as Button } from './button-DLUUf_c-.js';
-import { I as IconButton } from './icon-button-CT71Ti9V.js';
-import { DropdownMenu } from './dropdown-menu.js';
-import './deep-non-nullable-SmpSvoSd.js';
-import 'class-variance-authority';
-import 'class-variance-authority/types';
-import './variant-props-oDo2u-We.js';
-import './as-child-DJ7x3JFV.js';
-import 'react/jsx-runtime';
+import { t as IconButton } from "./icon-button-2r6S3HVA.js";
+import { t as Button } from "./button-B6StZJsz.js";
+import { t as DropdownMenu } from "./dropdown-menu-D_ZoY1AH.js";
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as _radix_ui_react_dropdown_menu0 from "@radix-ui/react-dropdown-menu";
 
+//#region src/components/split-button/split-button.d.ts
 type RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<"div">;
 type PrimaryActionProps = Omit<ComponentProps<typeof Button>, "appearance" | "type" | "priority"> & Pick<ComponentProps<"button">, "type">;
 type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "size" | "asChild" | "icon"> & Pick<ComponentProps<"button">, "type"> & {
-    icon?: ReactNode;
+  icon?: ReactNode;
 };
 /**
  * A button group which provides a default action with one click while revealing
@@ -46,154 +41,155 @@ type MenuTriggerProps = Omit<ComponentProps<typeof IconButton>, "appearance" | "
  * ```
  */
 declare const SplitButton: {
-    /**
-     * 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/split-button#splitbuttonroot
-     *
-     * @example
-     * ```tsx
-     * <SplitButton.Root>
-     *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
-     *         View as Markdown
-     *         <Icon svg={<FileTextIcon />} />
-     *       </a>
-     *     </SplitButton.MenuItem>
-     *   </SplitButton.MenuContent>
-     * </SplitButton.Root>
-     * ```
-     */
-    readonly Root: react.ForwardRefExoticComponent<Omit<RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The most common action users can trigger with a single click.
-     *
-     * @see https://mantle.ngrok.com/components/split-button#splitbuttonprimaryaction
-     *
-     * @example
-     * ```tsx
-     * <SplitButton.Root>
-     *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
-     *         View as Markdown
-     *         <Icon svg={<FileTextIcon />} />
-     *       </a>
-     *     </SplitButton.MenuItem>
-     *   </SplitButton.MenuContent>
-     * </SplitButton.Root>
-     * ```
-     */
-    readonly PrimaryAction: react.ForwardRefExoticComponent<Omit<PrimaryActionProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * The button that opens the split button dropdown menu.
-     *
-     * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenutrigger
-     *
-     * @example
-     * ```tsx
-     * <SplitButton.Root>
-     *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
-     *         View as Markdown
-     *         <Icon svg={<FileTextIcon />} />
-     *       </a>
-     *     </SplitButton.MenuItem>
-     *   </SplitButton.MenuContent>
-     * </SplitButton.Root>
-     * ```
-     */
-    readonly MenuTrigger: react.ForwardRefExoticComponent<Omit<MenuTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * The container for the split button dropdown menu content. Appears in a
-     * portal with scrolling and animations.
-     *
-     * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenucontent
-     *
-     * @example
-     * ```tsx
-     * <SplitButton.Root>
-     *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
-     *         View as Markdown
-     *         <Icon svg={<FileTextIcon />} />
-     *       </a>
-     *     </SplitButton.MenuItem>
-     *   </SplitButton.MenuContent>
-     * </SplitButton.Root>
-     * ```
-     */
-    readonly MenuContent: react.ForwardRefExoticComponent<Omit<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-        width?: "trigger" | "content";
-    } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A standard item in the split button dropdown menu that can be selected or
-     * activated.
-     *
-     * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenuitem
-     *
-     * @example
-     * ```tsx
-     * <SplitButton.Root>
-     *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
-     *         View as Markdown
-     *         <Icon svg={<FileTextIcon />} />
-     *       </a>
-     *     </SplitButton.MenuItem>
-     *   </SplitButton.MenuContent>
-     * </SplitButton.Root>
-     * ```
-     */
-    readonly MenuItem: react.ForwardRefExoticComponent<Omit<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-        inset?: boolean;
-    } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * 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/split-button#splitbuttonroot
+   *
+   * @example
+   * ```tsx
+   * <SplitButton.Root>
+   *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
+   *         View as Markdown
+   *         <Icon svg={<FileTextIcon />} />
+   *       </a>
+   *     </SplitButton.MenuItem>
+   *   </SplitButton.MenuContent>
+   * </SplitButton.Root>
+   * ```
+   */
+  readonly Root: react.ForwardRefExoticComponent<Omit<RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The most common action users can trigger with a single click.
+   *
+   * @see https://mantle.ngrok.com/components/split-button#splitbuttonprimaryaction
+   *
+   * @example
+   * ```tsx
+   * <SplitButton.Root>
+   *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
+   *         View as Markdown
+   *         <Icon svg={<FileTextIcon />} />
+   *       </a>
+   *     </SplitButton.MenuItem>
+   *   </SplitButton.MenuContent>
+   * </SplitButton.Root>
+   * ```
+   */
+  readonly PrimaryAction: react.ForwardRefExoticComponent<Omit<PrimaryActionProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * The button that opens the split button dropdown menu.
+   *
+   * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenutrigger
+   *
+   * @example
+   * ```tsx
+   * <SplitButton.Root>
+   *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
+   *         View as Markdown
+   *         <Icon svg={<FileTextIcon />} />
+   *       </a>
+   *     </SplitButton.MenuItem>
+   *   </SplitButton.MenuContent>
+   * </SplitButton.Root>
+   * ```
+   */
+  readonly MenuTrigger: react.ForwardRefExoticComponent<Omit<MenuTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+  /**
+   * The container for the split button dropdown menu content. Appears in a
+   * portal with scrolling and animations.
+   *
+   * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenucontent
+   *
+   * @example
+   * ```tsx
+   * <SplitButton.Root>
+   *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
+   *         View as Markdown
+   *         <Icon svg={<FileTextIcon />} />
+   *       </a>
+   *     </SplitButton.MenuItem>
+   *   </SplitButton.MenuContent>
+   * </SplitButton.Root>
+   * ```
+   */
+  readonly MenuContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu0.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    width?: "trigger" | "content";
+  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * A standard item in the split button dropdown menu that can be selected or
+   * activated.
+   *
+   * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenuitem
+   *
+   * @example
+   * ```tsx
+   * <SplitButton.Root>
+   *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement="end" 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">
+   *         View as Markdown
+   *         <Icon svg={<FileTextIcon />} />
+   *       </a>
+   *     </SplitButton.MenuItem>
+   *   </SplitButton.MenuContent>
+   * </SplitButton.Root>
+   * ```
+   */
+  readonly MenuItem: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dropdown_menu0.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 };
-
+//#endregion
 export { SplitButton };
+//# sourceMappingURL=split-button.d.ts.map

package/dist/split-button.js

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-7YLII2US.js";import"./chunk-MLXONRJD.js";import{a as u}from"./chunk-W5A5HSFE.js";import{c as m}from"./chunk-CBRSMQ26.js";import"./chunk-63ZAW25Z.js";import"./chunk-72TJUKMV.js";import"./chunk-OP6JMBKJ.js";import{a as s}from"./chunk-IVQ626TU.js";import"./chunk-ADF5DAYG.js";import"./chunk-SBQHQ2SJ.js";import{a}from"./chunk-PFXFESEN.js";import{CaretDownIcon as w}from"@phosphor-icons/react/CaretDown";import{forwardRef as p}from"react";import{jsx as n}from"react/jsx-runtime";var d=p(({className:o,children:t,dir:e,open:i,defaultOpen:C,onOpenChange:P,modal:g,...M},R)=>n(r.Root,{dir:e,open:i,defaultOpen:C,onOpenChange:P,modal:g,children:n("div",{"data-slot":"split-button",className:a("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!",o),ref:R,...M,children:t})}));d.displayName="SplitButton";var l=p(({type:o="button",...t},e)=>n(u,{appearance:"outlined",priority:"neutral",ref:e,type:o,...t}));l.displayName="SplitButtonPrimaryAction";var c=p(({icon:o,type:t="button",...e},i)=>n(r.Trigger,{asChild:!0,className:"group",children:n(m,{icon:o??n(s,{svg:n(w,{weight:"bold",className:"size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150"})}),appearance:"outlined",ref:i,type:t,...e})}));c.displayName="SplitButtonMenuTrigger";var f=p(({align:o="end",...t},e)=>n(r.Content,{align:o,ref:e,...t}));f.displayName="SplitButtonMenuContent";var y=p(({className:o,...t},e)=>n(r.Item,{className:a("justify-between gap-4",o),ref:e,...t}));y.displayName="SplitButtonMenuItem";var h={Root:d,PrimaryAction:l,MenuTrigger:c,MenuContent:f,MenuItem:y};export{h as SplitButton};
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./icon-B5oNYYrJ.js";import{t as n}from"./icon-button-D4e9-dq-.js";import{t as r}from"./button-CRRPesae.js";import{t as i}from"./dropdown-menu-CjOaj-Ap.js";import{CaretDownIcon as a}from"@phosphor-icons/react/CaretDown";import{forwardRef as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=o(({className:t,children:n,dir:r,open:a,defaultOpen:o,onOpenChange:c,modal:l,...u},d)=>s(i.Root,{dir:r,open:a,defaultOpen:o,onOpenChange:c,modal:l,children:s(`div`,{"data-slot":`split-button`,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:d,...u,children:n})}));c.displayName=`SplitButton`;const l=o(({type:e=`button`,...t},n)=>s(r,{appearance:`outlined`,priority:`neutral`,ref:n,type:e,...t}));l.displayName=`SplitButtonPrimaryAction`;const u=o(({icon:e,type:r=`button`,...o},c)=>s(i.Trigger,{asChild:!0,className:`group`,children:s(n,{icon:e??s(t,{svg:s(a,{weight:`bold`,className:`size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150`})}),appearance:`outlined`,ref:c,type:r,...o})}));u.displayName=`SplitButtonMenuTrigger`;const d=o(({align:e=`end`,...t},n)=>s(i.Content,{align:e,ref:n,...t}));d.displayName=`SplitButtonMenuContent`;const f=o(({className:t,...n},r)=>s(i.Item,{className:e(`justify-between gap-4`,t),ref:r,...n}));f.displayName=`SplitButtonMenuItem`;const p={Root:c,PrimaryAction:l,MenuTrigger:u,MenuContent:d,MenuItem:f};export{p as SplitButton};
 //# sourceMappingURL=split-button.js.map

package/dist/split-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/split-button/split-button.tsx"],"sourcesContent":["import { CaretDownIcon } from \"@phosphor-icons/react/CaretDown\";\nimport { forwardRef, type ComponentProps, type ComponentRef, type ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Button } from \"../button/button.js\";\nimport { IconButton } from \"../button/icon-button.js\";\nimport { DropdownMenu } from \"../dropdown-menu/dropdown-menu.js\";\nimport { Icon } from \"../icon/icon.js\";\n\ntype RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<\"div\">;\n\nconst Root = forwardRef<ComponentRef<\"div\">, RootProps>(\n\t({ className, children, dir, open, defaultOpen, onOpenChange, modal, ...props }, ref) => {\n\t\treturn (\n\t\t\t<DropdownMenu.Root\n\t\t\t\tdir={dir}\n\t\t\t\topen={open}\n\t\t\t\tdefaultOpen={defaultOpen}\n\t\t\t\tonOpenChange={onOpenChange}\n\t\t\t\tmodal={modal}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-slot=\"split-button\"\n\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\"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!\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</DropdownMenu.Root>\n\t\t);\n\t},\n);\nRoot.displayName = \"SplitButton\";\n\ntype PrimaryActionProps = Omit<ComponentProps<typeof Button>, \"appearance\" | \"type\" | \"priority\"> &\n\tPick<ComponentProps<\"button\">, \"type\">;\n\nconst PrimaryAction = forwardRef<ComponentRef<\"button\">, PrimaryActionProps>(\n\t({ type = \"button\", ...props }, ref) => {\n\t\treturn <Button appearance=\"outlined\" priority=\"neutral\" ref={ref} type={type} {...props} />;\n\t},\n);\nPrimaryAction.displayName = \"SplitButtonPrimaryAction\";\n\ntype MenuTriggerProps = Omit<\n\tComponentProps<typeof IconButton>,\n\t\"appearance\" | \"size\" | \"asChild\" | \"icon\"\n> &\n\tPick<ComponentProps<\"button\">, \"type\"> & {\n\t\ticon?: ReactNode;\n\t};\n\nconst MenuTrigger = forwardRef<ComponentRef<\"button\">, MenuTriggerProps>(\n\t({ icon, type = \"button\", ...props }, ref) => {\n\t\treturn (\n\t\t\t<DropdownMenu.Trigger asChild className=\"group\">\n\t\t\t\t<IconButton\n\t\t\t\t\ticon={\n\t\t\t\t\t\ticon ?? (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tsvg={\n\t\t\t\t\t\t\t\t\t<CaretDownIcon\n\t\t\t\t\t\t\t\t\t\tweight=\"bold\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tappearance=\"outlined\"\n\t\t\t\t\tref={ref}\n\t\t\t\t\ttype={type}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t</DropdownMenu.Trigger>\n\t\t);\n\t},\n);\nMenuTrigger.displayName = \"SplitButtonMenuTrigger\";\n\nconst MenuContent = forwardRef<\n\tComponentRef<typeof DropdownMenu.Content>,\n\tComponentProps<typeof DropdownMenu.Content>\n>(({ align = \"end\", ...props }, ref) => {\n\treturn <DropdownMenu.Content align={align} ref={ref} {...props} />;\n});\nMenuContent.displayName = \"SplitButtonMenuContent\";\n\nconst MenuItem = forwardRef<\n\tComponentRef<typeof DropdownMenu.Item>,\n\tComponentProps<typeof DropdownMenu.Item>\n>(({ className, ...props }, ref) => {\n\treturn (\n\t\t<DropdownMenu.Item className={cx(\"justify-between gap-4\", className)} ref={ref} {...props} />\n\t);\n});\nMenuItem.displayName = \"SplitButtonMenuItem\";\n\n/**\n * A button group which provides a default action with one click while revealing\n * related alternatives through a dropdown menu. Best for when users typically\n * want one action but occasionally need variants.\n *\n * @see https://mantle.ngrok.com/components/split-button#splitbuttonroot\n *\n * @example\n * ```tsx\n * <SplitButton.Root>\n *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n *     Copy page\n *   </SplitButton.PrimaryAction>\n *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n *   <SplitButton.MenuContent>\n *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n *       Copy page\n *       <Icon svg={<CopyIcon />} />\n *     </SplitButton.MenuItem>\n *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n *       <a href={markdownUrl} target=\"_blank\">\n *         View as Markdown\n *         <Icon svg={<FileTextIcon />} />\n *       </a>\n *     </SplitButton.MenuItem>\n *   </SplitButton.MenuContent>\n * </SplitButton.Root>\n * ```\n */\nconst SplitButton = {\n\t/**\n\t * A button group which provides a default action with one click while revealing\n\t * related alternatives through a dropdown menu. Best for when users typically\n\t * want one action but occasionally need variants.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * The most common action users can trigger with a single click.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonprimaryaction\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tPrimaryAction,\n\t/**\n\t * The button that opens the split button dropdown menu.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenutrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tMenuTrigger,\n\t/**\n\t * The container for the split button dropdown menu content. Appears in a\n\t * portal with scrolling and animations.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenucontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tMenuContent,\n\t/**\n\t * A standard item in the split button dropdown menu that can be selected or\n\t * activated.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenuitem\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tMenuItem,\n} as const;\n\nexport { SplitButton };\n"],"mappings":"2WAAA,OAAS,iBAAAA,MAAqB,kCAC9B,OAAS,cAAAC,MAA0E,QAmB/E,cAAAC,MAAA,oBAVJ,IAAMC,EAAOC,EACZ,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,IAAAC,EAAK,KAAAC,EAAM,YAAAC,EAAa,aAAAC,EAAc,MAAAC,EAAO,GAAGC,CAAM,EAAGC,IAE/EX,EAACY,EAAa,KAAb,CACA,IAAKP,EACL,KAAMC,EACN,YAAaC,EACb,aAAcC,EACd,MAAOC,EAEP,SAAAT,EAAC,OACA,YAAU,eACV,UAAWa,EACV,sQACAV,CACD,EACA,IAAKQ,EACJ,GAAGD,EAEH,SAAAN,EACF,EACD,CAGH,EACAH,EAAK,YAAc,cAKnB,IAAMa,EAAgBZ,EACrB,CAAC,CAAE,KAAAa,EAAO,SAAU,GAAGL,CAAM,EAAGC,IACxBX,EAACgB,EAAA,CAAO,WAAW,WAAW,SAAS,UAAU,IAAKL,EAAK,KAAMI,EAAO,GAAGL,EAAO,CAE3F,EACAI,EAAc,YAAc,2BAU5B,IAAMG,EAAcf,EACnB,CAAC,CAAE,KAAAgB,EAAM,KAAAH,EAAO,SAAU,GAAGL,CAAM,EAAGC,IAEpCX,EAACY,EAAa,QAAb,CAAqB,QAAO,GAAC,UAAU,QACvC,SAAAZ,EAACmB,EAAA,CACA,KACCD,GACClB,EAACoB,EAAA,CACA,IACCpB,EAACqB,EAAA,CACA,OAAO,OACP,UAAU,wFACX,EAEF,EAGF,WAAW,WACX,IAAKV,EACL,KAAMI,EACL,GAAGL,EACL,EACD,CAGH,EACAO,EAAY,YAAc,yBAE1B,IAAMK,EAAcpB,EAGlB,CAAC,CAAE,MAAAqB,EAAQ,MAAO,GAAGb,CAAM,EAAGC,IACxBX,EAACY,EAAa,QAAb,CAAqB,MAAOW,EAAO,IAAKZ,EAAM,GAAGD,EAAO,CAChE,EACDY,EAAY,YAAc,yBAE1B,IAAME,EAAWtB,EAGf,CAAC,CAAE,UAAAC,EAAW,GAAGO,CAAM,EAAGC,IAE1BX,EAACY,EAAa,KAAb,CAAkB,UAAWC,EAAG,wBAAyBV,CAAS,EAAG,IAAKQ,EAAM,GAAGD,EAAO,CAE5F,EACDc,EAAS,YAAc,sBA+BvB,IAAMC,EAAc,CA8BnB,KAAAxB,EA4BA,cAAAa,EA4BA,YAAAG,EA6BA,YAAAK,EA6BA,SAAAE,CACD","names":["CaretDownIcon","forwardRef","jsx","Root","forwardRef","className","children","dir","open","defaultOpen","onOpenChange","modal","props","ref","DropdownMenu","cx","PrimaryAction","type","Button","MenuTrigger","icon","IconButton","Icon","CaretDownIcon","MenuContent","align","MenuItem","SplitButton"]}
+{"version":3,"file":"split-button.js","names":[],"sources":["../src/components/split-button/split-button.tsx"],"sourcesContent":["import { CaretDownIcon } from \"@phosphor-icons/react/CaretDown\";\nimport { forwardRef, type ComponentProps, type ComponentRef, type ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Button } from \"../button/button.js\";\nimport { IconButton } from \"../button/icon-button.js\";\nimport { DropdownMenu } from \"../dropdown-menu/dropdown-menu.js\";\nimport { Icon } from \"../icon/icon.js\";\n\ntype RootProps = ComponentProps<typeof DropdownMenu.Root> & ComponentProps<\"div\">;\n\nconst Root = forwardRef<ComponentRef<\"div\">, RootProps>(\n\t({ className, children, dir, open, defaultOpen, onOpenChange, modal, ...props }, ref) => {\n\t\treturn (\n\t\t\t<DropdownMenu.Root\n\t\t\t\tdir={dir}\n\t\t\t\topen={open}\n\t\t\t\tdefaultOpen={defaultOpen}\n\t\t\t\tonOpenChange={onOpenChange}\n\t\t\t\tmodal={modal}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tdata-slot=\"split-button\"\n\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\"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!\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</DropdownMenu.Root>\n\t\t);\n\t},\n);\nRoot.displayName = \"SplitButton\";\n\ntype PrimaryActionProps = Omit<ComponentProps<typeof Button>, \"appearance\" | \"type\" | \"priority\"> &\n\tPick<ComponentProps<\"button\">, \"type\">;\n\nconst PrimaryAction = forwardRef<ComponentRef<\"button\">, PrimaryActionProps>(\n\t({ type = \"button\", ...props }, ref) => {\n\t\treturn <Button appearance=\"outlined\" priority=\"neutral\" ref={ref} type={type} {...props} />;\n\t},\n);\nPrimaryAction.displayName = \"SplitButtonPrimaryAction\";\n\ntype MenuTriggerProps = Omit<\n\tComponentProps<typeof IconButton>,\n\t\"appearance\" | \"size\" | \"asChild\" | \"icon\"\n> &\n\tPick<ComponentProps<\"button\">, \"type\"> & {\n\t\ticon?: ReactNode;\n\t};\n\nconst MenuTrigger = forwardRef<ComponentRef<\"button\">, MenuTriggerProps>(\n\t({ icon, type = \"button\", ...props }, ref) => {\n\t\treturn (\n\t\t\t<DropdownMenu.Trigger asChild className=\"group\">\n\t\t\t\t<IconButton\n\t\t\t\t\ticon={\n\t\t\t\t\t\ticon ?? (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tsvg={\n\t\t\t\t\t\t\t\t\t<CaretDownIcon\n\t\t\t\t\t\t\t\t\t\tweight=\"bold\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"size-4 group-data-[state=open]:-rotate-180 transition-transform ease-out duration-150\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tappearance=\"outlined\"\n\t\t\t\t\tref={ref}\n\t\t\t\t\ttype={type}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t</DropdownMenu.Trigger>\n\t\t);\n\t},\n);\nMenuTrigger.displayName = \"SplitButtonMenuTrigger\";\n\nconst MenuContent = forwardRef<\n\tComponentRef<typeof DropdownMenu.Content>,\n\tComponentProps<typeof DropdownMenu.Content>\n>(({ align = \"end\", ...props }, ref) => {\n\treturn <DropdownMenu.Content align={align} ref={ref} {...props} />;\n});\nMenuContent.displayName = \"SplitButtonMenuContent\";\n\nconst MenuItem = forwardRef<\n\tComponentRef<typeof DropdownMenu.Item>,\n\tComponentProps<typeof DropdownMenu.Item>\n>(({ className, ...props }, ref) => {\n\treturn (\n\t\t<DropdownMenu.Item className={cx(\"justify-between gap-4\", className)} ref={ref} {...props} />\n\t);\n});\nMenuItem.displayName = \"SplitButtonMenuItem\";\n\n/**\n * A button group which provides a default action with one click while revealing\n * related alternatives through a dropdown menu. Best for when users typically\n * want one action but occasionally need variants.\n *\n * @see https://mantle.ngrok.com/components/split-button#splitbuttonroot\n *\n * @example\n * ```tsx\n * <SplitButton.Root>\n *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n *     Copy page\n *   </SplitButton.PrimaryAction>\n *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n *   <SplitButton.MenuContent>\n *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n *       Copy page\n *       <Icon svg={<CopyIcon />} />\n *     </SplitButton.MenuItem>\n *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n *       <a href={markdownUrl} target=\"_blank\">\n *         View as Markdown\n *         <Icon svg={<FileTextIcon />} />\n *       </a>\n *     </SplitButton.MenuItem>\n *   </SplitButton.MenuContent>\n * </SplitButton.Root>\n * ```\n */\nconst SplitButton = {\n\t/**\n\t * A button group which provides a default action with one click while revealing\n\t * related alternatives through a dropdown menu. Best for when users typically\n\t * want one action but occasionally need variants.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * The most common action users can trigger with a single click.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonprimaryaction\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tPrimaryAction,\n\t/**\n\t * The button that opens the split button dropdown menu.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenutrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tMenuTrigger,\n\t/**\n\t * The container for the split button dropdown menu content. Appears in a\n\t * portal with scrolling and animations.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenucontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tMenuContent,\n\t/**\n\t * A standard item in the split button dropdown menu that can be selected or\n\t * activated.\n\t *\n\t * @see https://mantle.ngrok.com/components/split-button#splitbuttonmenuitem\n\t *\n\t * @example\n\t * ```tsx\n\t * <SplitButton.Root>\n\t *   <SplitButton.PrimaryAction icon={<CopyIcon />} iconPlacement=\"end\" onClick={copyMarkdownPage}>\n\t *     Copy page\n\t *   </SplitButton.PrimaryAction>\n\t *   <SplitButton.MenuTrigger label=\"Open doc actions menu\" />\n\t *   <SplitButton.MenuContent>\n\t *     <SplitButton.MenuItem onClick={copyMarkdownPage}>\n\t *       Copy page\n\t *       <Icon svg={<CopyIcon />} />\n\t *     </SplitButton.MenuItem>\n\t *     <SplitButton.MenuItem asChild onClick={copyMarkdownPage}>\n\t *       <a href={markdownUrl} target=\"_blank\">\n\t *         View as Markdown\n\t *         <Icon svg={<FileTextIcon />} />\n\t *       </a>\n\t *     </SplitButton.MenuItem>\n\t *   </SplitButton.MenuContent>\n\t * </SplitButton.Root>\n\t * ```\n\t */\n\tMenuItem,\n} as const;\n\nexport { SplitButton };\n"],"mappings":"yVAUA,MAAM,EAAO,GACX,CAAE,YAAW,WAAU,MAAK,OAAM,cAAa,eAAc,QAAO,GAAG,GAAS,IAE/E,EAAC,EAAa,KAAd,CACM,MACC,OACO,cACC,eACP,iBAEP,EAAC,MAAD,CACC,YAAU,eACV,UAAW,EACV,sQACA,EACA,CACI,MACL,GAAI,EAEH,WACI,CAAA,CACa,CAAA,CAGtB,CACD,EAAK,YAAc,cAKnB,MAAM,EAAgB,GACpB,CAAE,OAAO,SAAU,GAAG,GAAS,IACxB,EAAC,EAAD,CAAQ,WAAW,WAAW,SAAS,UAAe,MAAW,OAAM,GAAI,EAAS,CAAA,CAE5F,CACD,EAAc,YAAc,2BAU5B,MAAM,EAAc,GAClB,CAAE,OAAM,OAAO,SAAU,GAAG,GAAS,IAEpC,EAAC,EAAa,QAAd,CAAsB,QAAA,GAAQ,UAAU,iBACvC,EAAC,EAAD,CACC,KACC,GACC,EAAC,EAAD,CACC,IACC,EAAC,EAAD,CACC,OAAO,OACP,UAAU,wFACT,CAAA,CAEF,CAAA,CAGJ,WAAW,WACN,MACC,OACN,GAAI,EACH,CAAA,CACoB,CAAA,CAGzB,CACD,EAAY,YAAc,yBAE1B,MAAM,EAAc,GAGjB,CAAE,QAAQ,MAAO,GAAG,GAAS,IACxB,EAAC,EAAa,QAAd,CAA6B,QAAY,MAAK,GAAI,EAAS,CAAA,CACjE,CACF,EAAY,YAAc,yBAE1B,MAAM,EAAW,GAGd,CAAE,YAAW,GAAG,GAAS,IAE1B,EAAC,EAAa,KAAd,CAAmB,UAAW,EAAG,wBAAyB,EAAU,CAAO,MAAK,GAAI,EAAS,CAAA,CAE7F,CACF,EAAS,YAAc,sBA+BvB,MAAM,EAAc,CA8BnB,OA4BA,gBA4BA,cA6BA,cA6BA,WACA"}

package/dist/svg-only-BVLlbQ4e.js

@@ -0,0 +1,2 @@
+import{t as e}from"./cx-bKromGBh.js";import{Children as t,cloneElement as n,forwardRef as r,isValidElement as i}from"react";import a from"tiny-invariant";const o=r(({className:r,style:o,svg:s,...c},l)=>(a(i(s)&&t.only(s),`SvgOnly must be passed a single SVG icon as a JSX tag.`),n(s,{...c,className:e(`shrink-0`,r,s.props.className),style:{...o,...s.props.style},ref:l})));o.displayName=`SvgOnly`;export{o as t};
+//# sourceMappingURL=svg-only-BVLlbQ4e.js.map

package/dist/svg-only-BVLlbQ4e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-only-BVLlbQ4e.js","names":[],"sources":["../src/components/icon/svg-only.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode } from \"react\";\nimport { Children, cloneElement, forwardRef, isValidElement } from \"react\";\nimport invariant from \"tiny-invariant\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport type { SvgAttributes } from \"./types.js\";\n\ntype SvgOnlyProps = Omit<SvgAttributes, \"children\"> & {\n\t/**\n\t * A single SVG icon element.\n\t */\n\tsvg: ReactNode;\n};\n\n/**\n * Accepts a single SVG icon element and decorates it with `shrink-0` class.\n * You probably want to use the `Icon` component instead.\n *\n * @see https://mantle.ngrok.com/components/icon\n *\n * @example\n * ```tsx\n * import { ShrimpIcon } from \"@phosphor-icons/react/Shrimp\";\n *\n * <SvgOnly svg={<ShrimpIcon />} />\n * ```\n */\nconst SvgOnly = forwardRef<ComponentRef<\"svg\">, SvgOnlyProps>(\n\t({ className, style, svg, ...props }, ref) => {\n\t\tinvariant(\n\t\t\tisValidElement<SvgAttributes>(svg) && Children.only(svg),\n\t\t\t\"SvgOnly must be passed a single SVG icon as a JSX tag.\",\n\t\t);\n\n\t\treturn cloneElement(svg, {\n\t\t\t...props,\n\t\t\tclassName: cx(\n\t\t\t\t\"shrink-0\", // the SvgOnly base classes\n\t\t\t\tclassName, // the SvgOnly className\n\t\t\t\tsvg.props.className, // the svg className\n\t\t\t),\n\t\t\tstyle: { ...style, ...svg.props.style },\n\t\t\tref,\n\t\t});\n\t},\n);\nSvgOnly.displayName = \"SvgOnly\";\n\nexport {\n\t//,\n\tSvgOnly,\n};\n\nexport type {\n\t//,\n\tSvgOnlyProps,\n};\n"],"mappings":"0JA0BA,MAAM,EAAU,GACd,CAAE,YAAW,QAAO,MAAK,GAAG,GAAS,KACrC,EACC,EAA8B,EAAI,EAAI,EAAS,KAAK,EAAI,CACxD,yDACA,CAEM,EAAa,EAAK,CACxB,GAAG,EACH,UAAW,EACV,WACA,EACA,EAAI,MAAM,UACV,CACD,MAAO,CAAE,GAAG,EAAO,GAAG,EAAI,MAAM,MAAO,CACvC,MACA,CAAC,EAEH,CACD,EAAQ,YAAc"}

package/dist/{svg-only-Cp8Mu_sh.d.ts → svg-only-Dti1FvNV.d.ts}

@@ -1,12 +1,13 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { S as SvgAttributes } from './types-BuKAGhC-.js';
+import { t as SvgAttributes } from "./types-Dh4BVhXC.js";
+import * as react from "react";
+import { ReactNode } from "react";
 
+//#region src/components/icon/svg-only.d.ts
 type SvgOnlyProps = Omit<SvgAttributes, "children"> & {
-    /**
-     * A single SVG icon element.
-     */
-    svg: ReactNode;
+  /**
+   * A single SVG icon element.
+   */
+  svg: ReactNode;
 };
 /**
  * Accepts a single SVG icon element and decorates it with `shrink-0` class.
@@ -22,5 +23,6 @@ type SvgOnlyProps = Omit<SvgAttributes, "children"> & {
  * ```
  */
 declare const SvgOnly: react.ForwardRefExoticComponent<Omit<SvgOnlyProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
-
-export { SvgOnly as S, type SvgOnlyProps as a };
+//#endregion
+export { SvgOnlyProps as n, SvgOnly as t };
+//# sourceMappingURL=svg-only-Dti1FvNV.d.ts.map

package/dist/switch.d.ts

@@ -1,6 +1,7 @@
-import * as react from 'react';
-import * as _radix_ui_react_switch from '@radix-ui/react-switch';
+import * as react from "react";
+import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
+//#region src/components/switch/switch.d.ts
 /**
  * A form control that allows the user to toggle between checked and not checked.
  *
@@ -16,11 +17,12 @@ import * as _radix_ui_react_switch from '@radix-ui/react-switch';
  * </form>
  * ```
  */
-declare const Switch: react.ForwardRefExoticComponent<Omit<_radix_ui_react_switch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
-    /**
-     * Makes the switch immutable, meaning the user can not edit the control.
-     */
-    readOnly?: boolean;
+declare const Switch: react.ForwardRefExoticComponent<Omit<_radix_ui_react_switch0.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+  /**
+   * Makes the switch immutable, meaning the user can not edit the control.
+   */
+  readOnly?: boolean;
 } & react.RefAttributes<HTMLButtonElement>>;
-
+//#endregion
 export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.js

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk-OP6JMBKJ.js";import{a as o}from"./chunk-PFXFESEN.js";import{Root as m,Thumb as p}from"@radix-ui/react-switch";import h from"clsx";import{forwardRef as u}from"react";import{jsx as r}from"react/jsx-runtime";var a=u(({"aria-readonly":n,className:s,readOnly:c,onClick:l,...d},f)=>{let t=i(c??n);return r(m,{"aria-readonly":t,className:o("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full outline-hidden","disabled:cursor-default disabled:opacity-50","focus-visible:border-accent-600 focus-visible:ring-focus-accent focus-visible:outline-hidden focus-visible:ring-4","data-state-checked:bg-blue-500 data-state-unchecked:bg-gray-400",s),onClick:e=>{if(t){e.preventDefault(),e.stopPropagation();return}l?.(e)},ref:f,...d,children:r(p,{className:h("pointer-events-none block size-4 rounded-full bg-[#fff] shadow-md ring-0 transition-transform","data-state-checked:translate-x-4.5 data-state-unchecked:translate-x-0.5")})})});a.displayName="Switch";export{a as Switch};
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./booleanish-CBGdPL3Q.js";import{forwardRef as n}from"react";import r from"clsx";import{jsx as i}from"react/jsx-runtime";import{Root as a,Thumb as o}from"@radix-ui/react-switch";const s=n(({"aria-readonly":n,className:s,readOnly:c,onClick:l,...u},d)=>{let f=t(c??n);return i(a,{"aria-readonly":f,className:e(`peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full outline-hidden`,`disabled:cursor-default disabled:opacity-50`,`focus-visible:border-accent-600 focus-visible:ring-focus-accent focus-visible:outline-hidden focus-visible:ring-4`,`data-state-checked:bg-blue-500 data-state-unchecked:bg-gray-400`,s),onClick:e=>{if(f){e.preventDefault(),e.stopPropagation();return}l?.(e)},ref:d,...u,children:i(o,{className:r(`pointer-events-none block size-4 rounded-full bg-[#fff] shadow-md ring-0 transition-transform`,`data-state-checked:translate-x-4.5 data-state-unchecked:translate-x-0.5`)})})});s.displayName=`Switch`;export{s as Switch};
 //# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/switch/switch.tsx"],"sourcesContent":["import { Root as SwitchPrimitiveRoot, Thumb as SwitchPrimitiveThumb } from \"@radix-ui/react-switch\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { parseBooleanish } from \"../../types/booleanish.js\";\nimport { cx } from \"../../utils/cx/cx.js\";\n\ntype SwitchProps = ComponentPropsWithoutRef<typeof SwitchPrimitiveRoot> & {\n\t/**\n\t * Makes the switch immutable, meaning the user can not edit the control.\n\t */\n\treadOnly?: boolean;\n};\n\n/**\n * A form control that allows the user to toggle between checked and not checked.\n *\n * @see https://mantle.ngrok.com/components/switch\n *\n * @example\n * ```tsx\n * <form>\n *   <Label htmlFor=\"airplane-mode\" className=\"flex items-center gap-2\">\n *     Airplane Mode\n *     <Switch name=\"airplane-mode\" id=\"airplane-mode\" />\n *   </Label>\n * </form>\n * ```\n */\nconst Switch = forwardRef<ComponentRef<typeof SwitchPrimitiveRoot>, SwitchProps>(\n\t({ \"aria-readonly\": _ariaReadOnly, className, readOnly: _readOnly, onClick, ...props }, ref) => {\n\t\tconst readOnly = parseBooleanish(_readOnly ?? _ariaReadOnly);\n\n\t\treturn (\n\t\t\t<SwitchPrimitiveRoot\n\t\t\t\taria-readonly={readOnly}\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full outline-hidden\",\n\t\t\t\t\t\"disabled:cursor-default disabled:opacity-50\",\n\t\t\t\t\t\"focus-visible:border-accent-600 focus-visible:ring-focus-accent focus-visible:outline-hidden focus-visible:ring-4\",\n\t\t\t\t\t\"data-state-checked:bg-blue-500 data-state-unchecked:bg-gray-400\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tonClick={(event) => {\n\t\t\t\t\tif (readOnly) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonClick?.(event);\n\t\t\t\t}}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SwitchPrimitiveThumb\n\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\"pointer-events-none block size-4 rounded-full bg-[#fff] shadow-md ring-0 transition-transform\",\n\t\t\t\t\t\t\"data-state-checked:translate-x-4.5 data-state-unchecked:translate-x-0.5\",\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</SwitchPrimitiveRoot>\n\t\t);\n\t},\n);\nSwitch.displayName = \"Switch\";\n\nexport {\n\t//\n\tSwitch,\n};\n"],"mappings":"gFAAA,OAAS,QAAQA,EAAqB,SAASC,MAA4B,yBAC3E,OAAOC,MAAU,OACjB,OAAS,cAAAC,MAAkB,QAoDvB,cAAAC,MAAA,oBAzBJ,IAAMC,EAASC,EACd,CAAC,CAAE,gBAAiBC,EAAe,UAAAC,EAAW,SAAUC,EAAW,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAAQ,CAC/F,IAAMC,EAAWC,EAAgBL,GAAaF,CAAa,EAE3D,OACCH,EAACW,EAAA,CACA,gBAAeF,EACf,UAAWG,EACV,4FACA,8CACA,oHACA,kEACAR,CACD,EACA,QAAUS,GAAU,CACnB,GAAIJ,EAAU,CACbI,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtB,MACD,CACAP,IAAUO,CAAK,CAChB,EACA,IAAKL,EACJ,GAAGD,EAEJ,SAAAP,EAACc,EAAA,CACA,UAAWC,EACV,gGACA,yEACD,EACD,EACD,CAEF,CACD,EACAd,EAAO,YAAc","names":["SwitchPrimitiveRoot","SwitchPrimitiveThumb","clsx","forwardRef","jsx","Switch","forwardRef","_ariaReadOnly","className","_readOnly","onClick","props","ref","readOnly","parseBooleanish","SwitchPrimitiveRoot","cx","event","SwitchPrimitiveThumb","clsx"]}
+{"version":3,"file":"switch.js","names":["SwitchPrimitiveRoot","SwitchPrimitiveThumb","clsx"],"sources":["../src/components/switch/switch.tsx"],"sourcesContent":["import { Root as SwitchPrimitiveRoot, Thumb as SwitchPrimitiveThumb } from \"@radix-ui/react-switch\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { parseBooleanish } from \"../../types/booleanish.js\";\nimport { cx } from \"../../utils/cx/cx.js\";\n\ntype SwitchProps = ComponentPropsWithoutRef<typeof SwitchPrimitiveRoot> & {\n\t/**\n\t * Makes the switch immutable, meaning the user can not edit the control.\n\t */\n\treadOnly?: boolean;\n};\n\n/**\n * A form control that allows the user to toggle between checked and not checked.\n *\n * @see https://mantle.ngrok.com/components/switch\n *\n * @example\n * ```tsx\n * <form>\n *   <Label htmlFor=\"airplane-mode\" className=\"flex items-center gap-2\">\n *     Airplane Mode\n *     <Switch name=\"airplane-mode\" id=\"airplane-mode\" />\n *   </Label>\n * </form>\n * ```\n */\nconst Switch = forwardRef<ComponentRef<typeof SwitchPrimitiveRoot>, SwitchProps>(\n\t({ \"aria-readonly\": _ariaReadOnly, className, readOnly: _readOnly, onClick, ...props }, ref) => {\n\t\tconst readOnly = parseBooleanish(_readOnly ?? _ariaReadOnly);\n\n\t\treturn (\n\t\t\t<SwitchPrimitiveRoot\n\t\t\t\taria-readonly={readOnly}\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full outline-hidden\",\n\t\t\t\t\t\"disabled:cursor-default disabled:opacity-50\",\n\t\t\t\t\t\"focus-visible:border-accent-600 focus-visible:ring-focus-accent focus-visible:outline-hidden focus-visible:ring-4\",\n\t\t\t\t\t\"data-state-checked:bg-blue-500 data-state-unchecked:bg-gray-400\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tonClick={(event) => {\n\t\t\t\t\tif (readOnly) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonClick?.(event);\n\t\t\t\t}}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SwitchPrimitiveThumb\n\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\"pointer-events-none block size-4 rounded-full bg-[#fff] shadow-md ring-0 transition-transform\",\n\t\t\t\t\t\t\"data-state-checked:translate-x-4.5 data-state-unchecked:translate-x-0.5\",\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</SwitchPrimitiveRoot>\n\t\t);\n\t},\n);\nSwitch.displayName = \"Switch\";\n\nexport {\n\t//\n\tSwitch,\n};\n"],"mappings":"qOA6BA,MAAM,EAAS,GACb,CAAE,gBAAiB,EAAe,YAAW,SAAU,EAAW,UAAS,GAAG,GAAS,IAAQ,CAC/F,IAAM,EAAW,EAAgB,GAAa,EAAc,CAE5D,OACC,EAACA,EAAD,CACC,gBAAe,EACf,UAAW,EACV,4FACA,8CACA,oHACA,kEACA,EACA,CACD,QAAU,GAAU,CACnB,GAAI,EAAU,CACb,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,OAED,IAAU,EAAM,EAEZ,MACL,GAAI,WAEJ,EAACC,EAAD,CACC,UAAWC,EACV,gGACA,0EACA,CACA,CAAA,CACmB,CAAA,EAGxB,CACD,EAAO,YAAc"}

package/dist/table-BWMp12sl.js

@@ -0,0 +1,2 @@
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./compose-refs-DeIsFv68.js";import{forwardRef as n,useEffect as r,useMemo as i,useRef as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=n(({children:n,className:r,...i},a)=>{let o=v();return s(`div`,{className:e(`group/table scrollbar overflow-x-auto overscroll-x-none rounded-lg border border-card bg-white dark:bg-gray-100 relative w-full`,r),"data-sticky-active":o.state.hasOverflow&&!o.state.scrolledToEnd||void 0,"data-x-overflow":o.state.hasOverflow,"data-x-scroll-end":o.state.hasOverflow&&o.state.scrolledToEnd,ref:t(o.ref,a),...i,children:n})});c.displayName=`TableRoot`;const l=n(({children:t,className:n,...r},i)=>s(`table`,{ref:i,className:e(`table-auto border-collapse caption-bottom w-full min-w-full text-left`,n),...r,children:t}));l.displayName=`TableElement`;const u=n(({children:t,className:n,...r},i)=>s(`thead`,{ref:i,className:e(`border-b border-card-muted`,`divide-y divide-card-muted`,`text-strong bg-base`,`[&>tr]:bg-base`,n),...r,children:t}));u.displayName=`TableHead`;const d=n(({children:t,className:n,...r},i)=>s(`tbody`,{className:e(`divide-y divide-card-muted`,`text-body`,`[thead+&]:border-t [thead+&]:border-card-muted`,`[&>tr]:bg-card [&>tr]:not-only:hover:bg-card-hover`,n),ref:i,...r,children:t}));d.displayName=`TableBody`;const f=n(({children:t,className:n,...r},i)=>s(`tfoot`,{ref:i,className:e(`font-medium text-body`,`border-t border-card-muted`,`divide-y divide-card-muted`,`[&>tr]:bg-gray-50/50 [&>tr]:hover:bg-card-hover`,n),...r,children:t}));f.displayName=`TableFoot`;const p=n(({children:t,className:n,...r},i)=>s(`tr`,{ref:i,className:e(n),...r,children:t}));p.displayName=`TableRow`;const m=n(({children:t,className:n,...r},i)=>s(`th`,{ref:i,className:e(`h-12 px-4 text-left align-middle text-sm font-medium [&:has([role=checkbox])]:pr-0`,n),...r,children:t}));m.displayName=`TableHeader`;const h=n(({children:t,className:n,...r},i)=>s(`td`,{ref:i,className:e(`p-4 align-middle [&:has([role=checkbox])]:pr-0 font-mono text-mono`,n),...r,children:t}));h.displayName=`TableCell`;const g=n(({children:t,className:n,...r},i)=>s(`caption`,{ref:i,className:e(`py-4 text-sm text-gray-500`,`border-t border-card-muted`,n),...r,children:t}));g.displayName=`TableCaption`;const _={Body:d,Caption:g,Cell:h,Element:l,Foot:f,Head:u,Header:m,Root:c,Row:p};function v(){let e=a(null),[t,n]=o({hasOverflow:!1,scrolledToEnd:!1});return r(()=>{let t=e.current;if(!t)return;let r=()=>{let e=t.scrollWidth>t.clientWidth,r=Math.abs(t.scrollWidth-t.scrollLeft-t.clientWidth)<1;n(t=>t.hasOverflow!==e||t.scrolledToEnd!==r?{hasOverflow:e,scrolledToEnd:r}:t)},i=new ResizeObserver(r);i.observe(t);let a=new MutationObserver(r);return a.observe(t,{childList:!0,subtree:!0}),t.addEventListener(`scroll`,r,{passive:!0}),r(),()=>{i.disconnect(),a.disconnect(),t.removeEventListener(`scroll`,r)}},[]),i(()=>({ref:e,state:t}),[t])}export{_ as t};
+//# sourceMappingURL=table-BWMp12sl.js.map