@ngrok/mantle 0.66.11 → 0.66.12

package/dist/{primitive-vy5KrN2J.js.map → primitive-qv3vtV4B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"primitive-vy5KrN2J.js","names":[],"sources":["../src/components/dialog/primitive.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport {\n\ttype ComponentPropsWithoutRef,\n\ttype ComponentRef,\n\tcreateContext,\n\tforwardRef,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n} from \"react\";\nimport { Slot } from \"../slot/index.js\";\nimport { preventCloseOnPromptInteraction } from \"../toast/toast.js\";\nimport { parseBooleanish } from \"../../types/booleanish.js\";\n\ntype DialogPrimitiveContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\ntype InternalDialogContextValue = {\n\thasDescription: boolean;\n\tsetHasDescription: (value: boolean) => void;\n};\n\nconst InternalDialogContext = createContext<InternalDialogContextValue>({\n\thasDescription: false,\n\tsetHasDescription: () => {},\n});\n\nfunction Root(props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {\n\tconst [hasDescription, setHasDescription] = useState(false);\n\n\treturn (\n\t\t<InternalDialogContext.Provider value={{ hasDescription, setHasDescription }}>\n\t\t\t<DialogPrimitive.Root {...props} />\n\t\t</InternalDialogContext.Provider>\n\t);\n}\nRoot.displayName = \"DialogPrimitiveRoot\";\n\nconst Trigger = DialogPrimitive.Trigger;\nTrigger.displayName = \"DialogPrimitiveTrigger\";\n\nconst Portal = DialogPrimitive.Portal;\nPortal.displayName = \"DialogPrimitivePortal\";\n\nconst Close = DialogPrimitive.Close;\nClose.displayName = \"DialogPrimitiveClose\";\n\nconst Overlay = forwardRef<\n\tComponentRef<typeof DialogPrimitive.Overlay>,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>((props, ref) => (\n\t<DialogPrimitive.Overlay\n\t\t/**\n\t\t * Mark the overlay with a data attribute so we can target it, e.g. in\n\t\t * event handlers\n\t\t */\n\t\tdata-overlay\n\t\tref={ref}\n\t\t{...props}\n\t/>\n));\nOverlay.displayName = \"DialogPrimitiveOverlay\";\n\nconst Content = forwardRef<ComponentRef<\"div\">, DialogPrimitiveContentProps>(\n\t({ onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ...props }, ref) => {\n\t\tconst ctx = useContext(InternalDialogContext);\n\n\t\treturn (\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\tonEscapeKeyDown={(event) => {\n\t\t\t\t\tpreventCloseOnNestedPopupEscape(event);\n\t\t\t\t\tonEscapeKeyDown?.(event);\n\t\t\t\t}}\n\t\t\t\tonInteractOutside={(event) => {\n\t\t\t\t\tpreventCloseOnPromptInteraction(event);\n\t\t\t\t\tonInteractOutside?.(event);\n\t\t\t\t}}\n\t\t\t\tonPointerDownOutside={(event) => {\n\t\t\t\t\tpreventCloseOnPromptInteraction(event);\n\t\t\t\t\tonPointerDownOutside?.(event);\n\t\t\t\t}}\n\t\t\t\t// If there's no description, we remove the default applied aria-describedby attribute from radix dialog\n\t\t\t\t{...(!ctx.hasDescription ? { \"aria-describedby\": undefined } : {})}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nContent.displayName = \"DialogPrimitiveContent\";\n\nconst Title = DialogPrimitive.Title;\n\n/**\n * An accessible description for the dialog primitive.\n * This is a low-level primitive used by higher-level dialog components.\n * Renders as a `div` by default, but can be changed to any other element using the `asChild` prop.\n */\nconst Description = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ asChild, children, ...props }, ref) => {\n\tconst ctx = useContext(InternalDialogContext);\n\n\tuseEffect(() => {\n\t\tctx.setHasDescription(true);\n\t\treturn () => ctx.setHasDescription(false);\n\t}, [ctx]);\n\n\tconst Component = asChild ? Slot : \"div\";\n\n\treturn (\n\t\t<DialogPrimitive.Description ref={ref} asChild>\n\t\t\t<Component {...props}>{children}</Component>\n\t\t</DialogPrimitive.Description>\n\t);\n});\nDescription.displayName = \"DialogPrimitiveDescription\";\n\n/**\n * Type guard to check if the event target is the overlay component\n */\nfunction isDialogOverlayTarget(target: EventTarget | null): boolean {\n\tif (target instanceof HTMLElement) {\n\t\treturn target.hasAttribute(\"data-overlay\");\n\t}\n\treturn false;\n}\n\nexport {\n\t//,\n\tRoot,\n\tTrigger,\n\tPortal,\n\tClose,\n\tOverlay,\n\tContent,\n\tDescription,\n\tTitle,\n\tisDialogOverlayTarget,\n};\n\n/**\n * Prevents the parent dialog/sheet/alert-dialog from closing on Escape when a\n * nested popup owner inside the same modal content is currently expanded.\n *\n * Flow:\n * - If focus is outside the nested popup owner, Escape closes the parent modal.\n * - If focus is inside the nested popup owner and its controlled popup is open,\n *   the first Escape closes only the nested popup and keeps the parent modal open.\n * - Once the nested popup has closed, a subsequent Escape closes the parent modal.\n */\nfunction preventCloseOnNestedPopupEscape(\n\tevent: Parameters<NonNullable<DialogPrimitiveContentProps[\"onEscapeKeyDown\"]>>[0],\n): void {\n\tif (!isParentNode(event.currentTarget)) {\n\t\treturn;\n\t}\n\n\tconst currentTarget = event.currentTarget;\n\tconst activeElement =\n\t\tcurrentTarget instanceof Document\n\t\t\t? currentTarget.activeElement\n\t\t\t: (currentTarget.ownerDocument?.activeElement ?? null);\n\n\tconst owner = getExpandedPopupOwner(event.target) ?? getExpandedPopupOwner(activeElement);\n\n\tconst popup = owner ? getControlledPopup(owner) : null;\n\n\tif (\n\t\towner != null &&\n\t\tparseBooleanish(owner.getAttribute(\"aria-expanded\")) &&\n\t\tpopup != null &&\n\t\tcurrentTarget.contains(owner) &&\n\t\tcurrentTarget.contains(popup)\n\t) {\n\t\tevent.preventDefault();\n\t}\n}\n\n/**\n * Finds the nearest expanded popup owner for a node using ARIA relationships.\n *\n * A matching owner must expose `aria-expanded=\"true\"` and `aria-controls`, which\n * lets nested controls like comboboxes and input-attached popovers signal that an\n * inner surface is currently open.\n */\nfunction getExpandedPopupOwner(node: EventTarget | null): HTMLElement | null {\n\tif (!isHTMLElement(node)) {\n\t\treturn null;\n\t}\n\n\tconst owner = node.closest<HTMLElement>(\"[aria-expanded='true'][aria-controls]\");\n\treturn owner;\n}\n\n/**\n * Resolves the popup element controlled by an expanded owner via `aria-controls`.\n */\nfunction getControlledPopup(owner: HTMLElement): HTMLElement | null {\n\tconst popupId = owner.getAttribute(\"aria-controls\");\n\tif (!popupId) {\n\t\treturn null;\n\t}\n\n\tconst popup = owner.ownerDocument.getElementById(popupId);\n\treturn popup instanceof HTMLElement ? popup : null;\n}\n\n/**\n * Narrows an event target to an HTMLElement so DOM traversal helpers can be used safely.\n */\nfunction isHTMLElement(value: EventTarget | null): value is HTMLElement {\n\treturn value instanceof HTMLElement;\n}\n\n/**\n * Narrows an event target to a queryable DOM parent node, such as an Element or Document.\n */\nfunction isParentNode(value: EventTarget | null): value is ParentNode & Node {\n\treturn value instanceof Node && \"querySelector\" in value;\n}\n"],"mappings":"2SAuBA,MAAM,EAAwB,EAA0C,CACvE,eAAgB,GAChB,sBAAyB,GACzB,CAAC,CAEF,SAAS,EAAK,EAA8D,CAC3E,GAAM,CAAC,EAAgB,GAAqB,EAAS,GAAM,CAE3D,OACC,EAAC,EAAsB,SAAvB,CAAgC,MAAO,CAAE,iBAAgB,oBAAmB,UAC3E,EAAC,EAAgB,KAAjB,CAAsB,GAAI,EAAS,CAAA,CACH,CAAA,CAGnC,EAAK,YAAc,sBAEnB,MAAM,EAAU,EAAgB,QAChC,EAAQ,YAAc,yBAEtB,MAAM,EAAS,EAAgB,OAC/B,EAAO,YAAc,wBAErB,MAAM,EAAQ,EAAgB,MAC9B,EAAM,YAAc,uBAEpB,MAAM,EAAU,GAGb,EAAO,IACT,EAAC,EAAgB,QAAjB,CAKC,eAAA,GACK,MACL,GAAI,EACH,CAAA,CACD,CACF,EAAQ,YAAc,yBAEtB,MAAM,EAAU,GACd,CAAE,kBAAiB,oBAAmB,uBAAsB,GAAG,GAAS,IAAQ,CAChF,IAAM,EAAM,EAAW,EAAsB,CAE7C,OACC,EAAC,EAAgB,QAAjB,CACM,MACL,gBAAkB,GAAU,CAC3B,EAAgC,EAAM,CACtC,IAAkB,EAAM,EAEzB,kBAAoB,GAAU,CAC7B,EAAgC,EAAM,CACtC,IAAoB,EAAM,EAE3B,qBAAuB,GAAU,CAChC,EAAgC,EAAM,CACtC,IAAuB,EAAM,EAG9B,GAAM,EAAI,eAAqD,EAAE,CAAtC,CAAE,mBAAoB,IAAA,GAAW,CAC5D,GAAI,EACH,CAAA,EAGJ,CACD,EAAQ,YAAc,yBAEtB,MAAM,EAAQ,EAAgB,MAOxB,EAAc,GAGjB,CAAE,UAAS,WAAU,GAAG,GAAS,IAAQ,CAC3C,IAAM,EAAM,EAAW,EAAsB,CAE7C,OACC,EAAI,kBAAkB,GAAK,KACd,EAAI,kBAAkB,GAAM,EACvC,CAAC,EAAI,CAAC,CAET,IAAM,EAAY,EAAU,EAAO,MAEnC,OACC,EAAC,EAAgB,YAAjB,CAAkC,MAAK,QAAA,YACtC,EAAC,EAAD,CAAW,GAAI,EAAQ,WAAqB,CAAA,CACf,CAAA,EAE9B,CACF,EAAY,YAAc,6BAK1B,SAAS,EAAsB,EAAqC,CAInE,OAHI,aAAkB,YACd,EAAO,aAAa,eAAe,CAEpC,GA0BR,SAAS,EACR,EACO,CACP,GAAI,CAAC,EAAa,EAAM,cAAc,CACrC,OAGD,IAAM,EAAgB,EAAM,cACtB,EACL,aAAyB,SACtB,EAAc,cACb,EAAc,eAAe,eAAiB,KAE7C,EAAQ,EAAsB,EAAM,OAAO,EAAI,EAAsB,EAAc,CAEnF,EAAQ,EAAQ,EAAmB,EAAM,CAAG,KAGjD,GAAS,MACT,EAAgB,EAAM,aAAa,gBAAgB,CAAC,EACpD,GAAS,MACT,EAAc,SAAS,EAAM,EAC7B,EAAc,SAAS,EAAM,EAE7B,EAAM,gBAAgB,CAWxB,SAAS,EAAsB,EAA8C,CAM5E,OALK,EAAc,EAAK,CAIV,EAAK,QAAqB,wCAAwC,CAHxE,KAUT,SAAS,EAAmB,EAAwC,CACnE,IAAM,EAAU,EAAM,aAAa,gBAAgB,CACnD,GAAI,CAAC,EACJ,OAAO,KAGR,IAAM,EAAQ,EAAM,cAAc,eAAe,EAAQ,CACzD,OAAO,aAAiB,YAAc,EAAQ,KAM/C,SAAS,EAAc,EAAiD,CACvE,OAAO,aAAiB,YAMzB,SAAS,EAAa,EAAuD,CAC5E,OAAO,aAAiB,MAAQ,kBAAmB"}
+{"version":3,"file":"primitive-qv3vtV4B.js","names":[],"sources":["../src/components/dialog/primitive.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport {\n\ttype ComponentPropsWithoutRef,\n\ttype ComponentRef,\n\tcreateContext,\n\tforwardRef,\n\tuseContext,\n\tuseEffect,\n\tuseState,\n} from \"react\";\nimport { Slot } from \"../slot/index.js\";\nimport { preventCloseOnPromptInteraction } from \"../toast/toast.js\";\nimport { parseBooleanish } from \"../../types/booleanish.js\";\n\ntype DialogPrimitiveContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\ntype InternalDialogContextValue = {\n\thasDescription: boolean;\n\tsetHasDescription: (value: boolean) => void;\n};\n\nconst InternalDialogContext = createContext<InternalDialogContextValue>({\n\thasDescription: false,\n\tsetHasDescription: () => {},\n});\n\nfunction Root(props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {\n\tconst [hasDescription, setHasDescription] = useState(false);\n\n\treturn (\n\t\t<InternalDialogContext.Provider value={{ hasDescription, setHasDescription }}>\n\t\t\t<DialogPrimitive.Root {...props} />\n\t\t</InternalDialogContext.Provider>\n\t);\n}\nRoot.displayName = \"DialogPrimitiveRoot\";\n\nconst Trigger = DialogPrimitive.Trigger;\nTrigger.displayName = \"DialogPrimitiveTrigger\";\n\nconst Portal = DialogPrimitive.Portal;\nPortal.displayName = \"DialogPrimitivePortal\";\n\nconst Close = DialogPrimitive.Close;\nClose.displayName = \"DialogPrimitiveClose\";\n\nconst Overlay = forwardRef<\n\tComponentRef<typeof DialogPrimitive.Overlay>,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>((props, ref) => (\n\t<DialogPrimitive.Overlay\n\t\t/**\n\t\t * Mark the overlay with a data attribute so we can target it, e.g. in\n\t\t * event handlers\n\t\t */\n\t\tdata-overlay\n\t\tref={ref}\n\t\t{...props}\n\t/>\n));\nOverlay.displayName = \"DialogPrimitiveOverlay\";\n\nconst Content = forwardRef<ComponentRef<\"div\">, DialogPrimitiveContentProps>(\n\t({ onEscapeKeyDown, onInteractOutside, onPointerDownOutside, ...props }, ref) => {\n\t\tconst ctx = useContext(InternalDialogContext);\n\n\t\treturn (\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\tonEscapeKeyDown={(event) => {\n\t\t\t\t\tpreventCloseOnNestedPopupEscape(event);\n\t\t\t\t\tonEscapeKeyDown?.(event);\n\t\t\t\t}}\n\t\t\t\tonInteractOutside={(event) => {\n\t\t\t\t\tpreventCloseOnPromptInteraction(event);\n\t\t\t\t\tonInteractOutside?.(event);\n\t\t\t\t}}\n\t\t\t\tonPointerDownOutside={(event) => {\n\t\t\t\t\tpreventCloseOnPromptInteraction(event);\n\t\t\t\t\tonPointerDownOutside?.(event);\n\t\t\t\t}}\n\t\t\t\t// If there's no description, we remove the default applied aria-describedby attribute from radix dialog\n\t\t\t\t{...(!ctx.hasDescription ? { \"aria-describedby\": undefined } : {})}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nContent.displayName = \"DialogPrimitiveContent\";\n\nconst Title = DialogPrimitive.Title;\n\n/**\n * An accessible description for the dialog primitive.\n * This is a low-level primitive used by higher-level dialog components.\n * Renders as a `div` by default, but can be changed to any other element using the `asChild` prop.\n */\nconst Description = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ asChild, children, ...props }, ref) => {\n\tconst ctx = useContext(InternalDialogContext);\n\n\tuseEffect(() => {\n\t\tctx.setHasDescription(true);\n\t\treturn () => ctx.setHasDescription(false);\n\t}, [ctx]);\n\n\tconst Component = asChild ? Slot : \"div\";\n\n\treturn (\n\t\t<DialogPrimitive.Description ref={ref} asChild>\n\t\t\t<Component {...props}>{children}</Component>\n\t\t</DialogPrimitive.Description>\n\t);\n});\nDescription.displayName = \"DialogPrimitiveDescription\";\n\n/**\n * Type guard to check if the event target is the overlay component\n */\nfunction isDialogOverlayTarget(target: EventTarget | null): boolean {\n\tif (target instanceof HTMLElement) {\n\t\treturn target.hasAttribute(\"data-overlay\");\n\t}\n\treturn false;\n}\n\nexport {\n\t//,\n\tRoot,\n\tTrigger,\n\tPortal,\n\tClose,\n\tOverlay,\n\tContent,\n\tDescription,\n\tTitle,\n\tisDialogOverlayTarget,\n};\n\n/**\n * Prevents the parent dialog/sheet/alert-dialog from closing on Escape when a\n * nested popup owner inside the same modal content is currently expanded.\n *\n * Flow:\n * - If focus is outside the nested popup owner, Escape closes the parent modal.\n * - If focus is inside the nested popup owner and its controlled popup is open,\n *   the first Escape closes only the nested popup and keeps the parent modal open.\n * - Once the nested popup has closed, a subsequent Escape closes the parent modal.\n */\nfunction preventCloseOnNestedPopupEscape(\n\tevent: Parameters<NonNullable<DialogPrimitiveContentProps[\"onEscapeKeyDown\"]>>[0],\n): void {\n\tif (!isParentNode(event.currentTarget)) {\n\t\treturn;\n\t}\n\n\tconst currentTarget = event.currentTarget;\n\tconst activeElement =\n\t\tcurrentTarget instanceof Document\n\t\t\t? currentTarget.activeElement\n\t\t\t: (currentTarget.ownerDocument?.activeElement ?? null);\n\n\tconst owner = getExpandedPopupOwner(event.target) ?? getExpandedPopupOwner(activeElement);\n\n\tconst popup = owner ? getControlledPopup(owner) : null;\n\n\tif (\n\t\towner != null &&\n\t\tparseBooleanish(owner.getAttribute(\"aria-expanded\")) &&\n\t\tpopup != null &&\n\t\tcurrentTarget.contains(owner) &&\n\t\tcurrentTarget.contains(popup) &&\n\t\t// Only block closing if the popup is actively open. Always-visible lists\n\t\t// without open/close state (e.g. cmdk) carry neither attribute and should\n\t\t// never block the dialog from closing.\n\t\t// - Ariakit sets `data-open=\"true\"` when its popover is open.\n\t\t// - Radix sets `data-state=\"open\"` when its popup is open.\n\t\t(popup.getAttribute(\"data-open\") === \"true\" || popup.getAttribute(\"data-state\") === \"open\")\n\t) {\n\t\tevent.preventDefault();\n\t}\n}\n\n/**\n * Finds the nearest expanded popup owner for a node using ARIA relationships.\n *\n * A matching owner must expose `aria-expanded=\"true\"` and `aria-controls`, which\n * lets nested controls like comboboxes and input-attached popovers signal that an\n * inner surface is currently open.\n */\nfunction getExpandedPopupOwner(node: EventTarget | null): HTMLElement | null {\n\tif (!isHTMLElement(node)) {\n\t\treturn null;\n\t}\n\n\tconst owner = node.closest<HTMLElement>(\"[aria-expanded='true'][aria-controls]\");\n\treturn owner;\n}\n\n/**\n * Resolves the popup element controlled by an expanded owner via `aria-controls`.\n */\nfunction getControlledPopup(owner: HTMLElement): HTMLElement | null {\n\tconst popupId = owner.getAttribute(\"aria-controls\");\n\tif (!popupId) {\n\t\treturn null;\n\t}\n\n\tconst popup = owner.ownerDocument.getElementById(popupId);\n\treturn popup instanceof HTMLElement ? popup : null;\n}\n\n/**\n * Narrows an event target to an HTMLElement so DOM traversal helpers can be used safely.\n */\nfunction isHTMLElement(value: EventTarget | null): value is HTMLElement {\n\treturn value instanceof HTMLElement;\n}\n\n/**\n * Narrows an event target to a queryable DOM parent node, such as an Element or Document.\n */\nfunction isParentNode(value: EventTarget | null): value is ParentNode & Node {\n\treturn value instanceof Node && \"querySelector\" in value;\n}\n"],"mappings":"2SAuBA,MAAM,EAAwB,EAA0C,CACvE,eAAgB,GAChB,sBAAyB,GACzB,CAAC,CAEF,SAAS,EAAK,EAA8D,CAC3E,GAAM,CAAC,EAAgB,GAAqB,EAAS,GAAM,CAE3D,OACC,EAAC,EAAsB,SAAvB,CAAgC,MAAO,CAAE,iBAAgB,oBAAmB,UAC3E,EAAC,EAAgB,KAAjB,CAAsB,GAAI,EAAS,CAAA,CACH,CAAA,CAGnC,EAAK,YAAc,sBAEnB,MAAM,EAAU,EAAgB,QAChC,EAAQ,YAAc,yBAEtB,MAAM,EAAS,EAAgB,OAC/B,EAAO,YAAc,wBAErB,MAAM,EAAQ,EAAgB,MAC9B,EAAM,YAAc,uBAEpB,MAAM,EAAU,GAGb,EAAO,IACT,EAAC,EAAgB,QAAjB,CAKC,eAAA,GACK,MACL,GAAI,EACH,CAAA,CACD,CACF,EAAQ,YAAc,yBAEtB,MAAM,EAAU,GACd,CAAE,kBAAiB,oBAAmB,uBAAsB,GAAG,GAAS,IAAQ,CAChF,IAAM,EAAM,EAAW,EAAsB,CAE7C,OACC,EAAC,EAAgB,QAAjB,CACM,MACL,gBAAkB,GAAU,CAC3B,EAAgC,EAAM,CACtC,IAAkB,EAAM,EAEzB,kBAAoB,GAAU,CAC7B,EAAgC,EAAM,CACtC,IAAoB,EAAM,EAE3B,qBAAuB,GAAU,CAChC,EAAgC,EAAM,CACtC,IAAuB,EAAM,EAG9B,GAAM,EAAI,eAAqD,EAAE,CAAtC,CAAE,mBAAoB,IAAA,GAAW,CAC5D,GAAI,EACH,CAAA,EAGJ,CACD,EAAQ,YAAc,yBAEtB,MAAM,EAAQ,EAAgB,MAOxB,EAAc,GAGjB,CAAE,UAAS,WAAU,GAAG,GAAS,IAAQ,CAC3C,IAAM,EAAM,EAAW,EAAsB,CAE7C,OACC,EAAI,kBAAkB,GAAK,KACd,EAAI,kBAAkB,GAAM,EACvC,CAAC,EAAI,CAAC,CAET,IAAM,EAAY,EAAU,EAAO,MAEnC,OACC,EAAC,EAAgB,YAAjB,CAAkC,MAAK,QAAA,YACtC,EAAC,EAAD,CAAW,GAAI,EAAQ,WAAqB,CAAA,CACf,CAAA,EAE9B,CACF,EAAY,YAAc,6BAK1B,SAAS,EAAsB,EAAqC,CAInE,OAHI,aAAkB,YACd,EAAO,aAAa,eAAe,CAEpC,GA0BR,SAAS,EACR,EACO,CACP,GAAI,CAAC,EAAa,EAAM,cAAc,CACrC,OAGD,IAAM,EAAgB,EAAM,cACtB,EACL,aAAyB,SACtB,EAAc,cACb,EAAc,eAAe,eAAiB,KAE7C,EAAQ,EAAsB,EAAM,OAAO,EAAI,EAAsB,EAAc,CAEnF,EAAQ,EAAQ,EAAmB,EAAM,CAAG,KAGjD,GAAS,MACT,EAAgB,EAAM,aAAa,gBAAgB,CAAC,EACpD,GAAS,MACT,EAAc,SAAS,EAAM,EAC7B,EAAc,SAAS,EAAM,GAM5B,EAAM,aAAa,YAAY,GAAK,QAAU,EAAM,aAAa,aAAa,GAAK,SAEpF,EAAM,gBAAgB,CAWxB,SAAS,EAAsB,EAA8C,CAM5E,OALK,EAAc,EAAK,CAIV,EAAK,QAAqB,wCAAwC,CAHxE,KAUT,SAAS,EAAmB,EAAwC,CACnE,IAAM,EAAU,EAAM,aAAa,gBAAgB,CACnD,GAAI,CAAC,EACJ,OAAO,KAGR,IAAM,EAAQ,EAAM,cAAc,eAAe,EAAQ,CACzD,OAAO,aAAiB,YAAc,EAAQ,KAM/C,SAAS,EAAc,EAAiD,CACvE,OAAO,aAAiB,YAMzB,SAAS,EAAa,EAAuD,CAC5E,OAAO,aAAiB,MAAQ,kBAAmB"}

package/dist/{select-39Jfc1Cb.d.ts → select-BkvbNKQ7.d.ts}

@@ -262,4 +262,4 @@ declare const Select: {
 };
 //#endregion
 export { Select as t };
-//# sourceMappingURL=select-39Jfc1Cb.d.ts.map
+//# sourceMappingURL=select-BkvbNKQ7.d.ts.map

package/dist/select.d.ts

@@ -1,2 +1,2 @@
-import { t as Select } from "./select-39Jfc1Cb.js";
+import { t as Select } from "./select-BkvbNKQ7.js";
 export { Select };

package/dist/sheet.js

@@ -1,2 +1,2 @@
-import{t as e}from"./cx-bKromGBh.js";import{t}from"./icon-button-D4e9-dq-.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-vy5KrN2J.js";import{forwardRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"@phosphor-icons/react/X";import{cva as m}from"class-variance-authority";const h=o;h.displayName=`Sheet`;const g=r;g.displayName=`SheetTrigger`;const _=l;_.displayName=`SheetClose`;const v=n;v.displayName=`SheetPortal`;const y=u(({className:t,...n},r)=>d(i,{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-40 backdrop-blur-xs`,t),...n,ref:r}));y.displayName=i.displayName;const b=m(`bg-dialog border-dialog inset-y-0 h-full w-full fixed z-40 flex flex-col shadow-lg outline-hidden transition ease-in-out focus-within:outline-hidden data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in`,{variants:{side:{left:`data-state-closed:slide-out-to-left data-state-open:slide-in-from-left left-0 border-r`,right:`data-state-closed:slide-out-to-right data-state-open:slide-in-from-right right-0 border-l`}},defaultVariants:{side:`right`}}),x=u(({children:t,className:n,preferredWidth:r=`sm:max-w-[30rem]`,side:i=`right`,...o},s)=>f(v,{children:[d(y,{}),d(a,{"data-mantle-modal-content":!0,className:e(b({side:i}),r,n),ref:s,...o,children:t})]}));x.displayName=a.displayName;const S=({size:e=`md`,type:n=`button`,label:r=`Close Sheet`,appearance:i=`ghost`,...a})=>d(l,{asChild:!0,children:d(t,{appearance:i,icon:d(p,{}),label:r,size:e,type:n,...a})});S.displayName=`SheetCloseIconButton`;const C=({className:t,...n})=>d(`div`,{className:e(`scrollbar text-body flex-1 overflow-y-auto p-6`,t),...n});C.displayName=`SheetBody`;const w=({className:t,...n})=>d(`div`,{className:e(`border-dialog-muted flex shrink-0 flex-col gap-2 border-b py-4 pl-6 pr-4`,`has-[.icon-button]:pr-4`,t),...n});w.displayName=`SheetHeader`;const T=({className:t,...n})=>d(`div`,{className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-2.5`,t),...n});T.displayName=`SheetFooter`;const E=u(({className:t,...n},r)=>d(c,{ref:r,className:e(`text-strong flex-1 truncate text-lg font-medium`,t),...n}));E.displayName=c.displayName;const D=u(({children:t,className:n,...r},i)=>d(`div`,{className:e(`flex items-center justify-between gap-2`,n),...r,ref:i,children:t}));D.displayName=`SheetTitleGroup`;const O=u(({className:t,...n},r)=>d(s,{ref:r,className:e(`text-body text-sm`,t),...n}));O.displayName=s.displayName;const k=u(({children:t,className:n,...r},i)=>d(`div`,{className:e(`flex h-full items-center gap-2`,n),...r,ref:i,children:t}));k.displayName=`SheetActions`;const A={Root:h,Actions:k,Body:C,Close:_,CloseIconButton:S,Content:x,Description:O,Footer:T,Header:w,Title:E,TitleGroup:D,Trigger:g};export{A as Sheet};
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./icon-button-D4e9-dq-.js";import{a as n,c as r,i,n as a,o,r as s,s as c,t as l}from"./primitive-qv3vtV4B.js";import{forwardRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{XIcon as p}from"@phosphor-icons/react/X";import{cva as m}from"class-variance-authority";const h=o;h.displayName=`Sheet`;const g=r;g.displayName=`SheetTrigger`;const _=l;_.displayName=`SheetClose`;const v=n;v.displayName=`SheetPortal`;const y=u(({className:t,...n},r)=>d(i,{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-40 backdrop-blur-xs`,t),...n,ref:r}));y.displayName=i.displayName;const b=m(`bg-dialog border-dialog inset-y-0 h-full w-full fixed z-40 flex flex-col shadow-lg outline-hidden transition ease-in-out focus-within:outline-hidden data-state-closed:duration-100 data-state-closed:animate-out data-state-open:duration-100 data-state-open:animate-in`,{variants:{side:{left:`data-state-closed:slide-out-to-left data-state-open:slide-in-from-left left-0 border-r`,right:`data-state-closed:slide-out-to-right data-state-open:slide-in-from-right right-0 border-l`}},defaultVariants:{side:`right`}}),x=u(({children:t,className:n,preferredWidth:r=`sm:max-w-[30rem]`,side:i=`right`,...o},s)=>f(v,{children:[d(y,{}),d(a,{"data-mantle-modal-content":!0,className:e(b({side:i}),r,n),ref:s,...o,children:t})]}));x.displayName=a.displayName;const S=({size:e=`md`,type:n=`button`,label:r=`Close Sheet`,appearance:i=`ghost`,...a})=>d(l,{asChild:!0,children:d(t,{appearance:i,icon:d(p,{}),label:r,size:e,type:n,...a})});S.displayName=`SheetCloseIconButton`;const C=({className:t,...n})=>d(`div`,{className:e(`scrollbar text-body flex-1 overflow-y-auto p-6`,t),...n});C.displayName=`SheetBody`;const w=({className:t,...n})=>d(`div`,{className:e(`border-dialog-muted flex shrink-0 flex-col gap-2 border-b py-4 pl-6 pr-4`,`has-[.icon-button]:pr-4`,t),...n});w.displayName=`SheetHeader`;const T=({className:t,...n})=>d(`div`,{className:e(`border-dialog-muted flex shrink-0 justify-end gap-2 border-t px-6 py-2.5`,t),...n});T.displayName=`SheetFooter`;const E=u(({className:t,...n},r)=>d(c,{ref:r,className:e(`text-strong flex-1 truncate text-lg font-medium`,t),...n}));E.displayName=c.displayName;const D=u(({children:t,className:n,...r},i)=>d(`div`,{className:e(`flex items-center justify-between gap-2`,n),...r,ref:i,children:t}));D.displayName=`SheetTitleGroup`;const O=u(({className:t,...n},r)=>d(s,{ref:r,className:e(`text-body text-sm`,t),...n}));O.displayName=s.displayName;const k=u(({children:t,className:n,...r},i)=>d(`div`,{className:e(`flex h-full items-center gap-2`,n),...r,ref:i,children:t}));k.displayName=`SheetActions`;const A={Root:h,Actions:k,Body:C,Close:_,CloseIconButton:S,Content:x,Description:O,Footer:T,Header:w,Title:E,TitleGroup:D,Trigger:g};export{A as Sheet};
 //# sourceMappingURL=sheet.js.map

package/dist/split-button.d.ts

@@ -1,6 +1,6 @@
 import { t as IconButton } from "./icon-button-2r6S3HVA.js";
-import { t as Button } from "./button-CKL-3sIr.js";
-import { t as DropdownMenu } from "./dropdown-menu-D_ZoY1AH.js";
+import { t as Button } from "./button-ByK1wG1b.js";
+import { t as DropdownMenu } from "./dropdown-menu-BEjpuGrT.js";
 import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as _radix_ui_react_dropdown_menu0 from "@radix-ui/react-dropdown-menu";

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

@@ -25,4 +25,4 @@ type SvgOnlyProps = Omit<SvgAttributes, "children"> & {
 declare const SvgOnly: react.ForwardRefExoticComponent<Omit<SvgOnlyProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { SvgOnlyProps as n, SvgOnly as t };
-//# sourceMappingURL=svg-only-Dti1FvNV.d.ts.map
+//# sourceMappingURL=svg-only-Ct2mB46K.d.ts.map

package/dist/{table-Dpt192qt.d.ts → table-Bs1D5Aj7.d.ts}

@@ -395,4 +395,4 @@ declare const Table: {
 };
 //#endregion
 export { Table as t };
-//# sourceMappingURL=table-Dpt192qt.d.ts.map
+//# sourceMappingURL=table-Bs1D5Aj7.d.ts.map

package/dist/table.d.ts

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

package/dist/theme.d.ts

@@ -1,4 +1,4 @@
-import { a as isResolvedTheme, c as themes, i as Theme, n as $theme, o as isTheme, r as ResolvedTheme, s as resolvedThemes, t as $resolvedTheme } from "./themes-ClppRAGt.js";
+import { a as isResolvedTheme, c as themes, i as Theme, n as $theme, o as isTheme, r as ResolvedTheme, s as resolvedThemes, t as $resolvedTheme } from "./themes-Dk0VkyqX.js";
 import { PropsWithChildren } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -203,7 +203,7 @@ declare function useTheme(): ThemeProviderState;
  */
 declare function readThemeFromHtmlElement(): {
   appliedTheme: "dark" | "light" | "light-high-contrast" | "dark-high-contrast" | undefined;
-  theme: "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast" | undefined;
+  theme: "dark" | "light" | "light-high-contrast" | "dark-high-contrast" | "system" | undefined;
 };
 /**
  * If the theme is "system", it will resolve the theme based on the user's media query preferences, otherwise it will return the theme as is.

package/dist/{themes-ClppRAGt.d.ts → themes-Dk0VkyqX.d.ts}

@@ -33,4 +33,4 @@ declare const $resolvedTheme: <T extends ResolvedTheme = ResolvedTheme>(value: T
 declare function isResolvedTheme(value: unknown): value is ResolvedTheme;
 //#endregion
 export { isResolvedTheme as a, themes as c, Theme as i, $theme as n, isTheme as o, ResolvedTheme as r, resolvedThemes as s, $resolvedTheme as t };
-//# sourceMappingURL=themes-ClppRAGt.d.ts.map
+//# sourceMappingURL=themes-Dk0VkyqX.d.ts.map

package/dist/toast.d.ts

@@ -1,6 +1,6 @@
 import { t as WithAsChild } from "./as-child-XMVTepJu.js";
 import { t as WithStyleProps } from "./with-style-props-D1QFTzj6.js";
-import { n as SvgOnlyProps } from "./svg-only-Dti1FvNV.js";
+import { n as SvgOnlyProps } from "./svg-only-Ct2mB46K.js";
 import * as react from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
-import { _ as timeSortingDirections, a as AlphanumericSortingDirection, c as TimeSortingDirection, d as isSortingDirection, f as isSortingMode, g as timeSortingByDirection, h as sortingModes, i as $timeSortingDirection, l as alphanumericSortingDirections, m as sortingDirections, n as $sortingDirection, o as SortingDirection, p as isTimeSortingDirection, r as $sortingMode, s as SortingMode, t as $alphanumericSortingDirection, u as isAlphanumericSortingDirection } from "./direction-deXpJFDZ.js";
-import { a as composeRefs, i as inView, n as MarginType, r as ViewChangeHandler, t as InViewOptions } from "./in-view-CTQRT44m.js";
+import { _ as timeSortingDirections, a as AlphanumericSortingDirection, c as TimeSortingDirection, d as isSortingDirection, f as isSortingMode, g as timeSortingByDirection, h as sortingModes, i as $timeSortingDirection, l as alphanumericSortingDirections, m as sortingDirections, n as $sortingDirection, o as SortingDirection, p as isTimeSortingDirection, r as $sortingMode, s as SortingMode, t as $alphanumericSortingDirection, u as isAlphanumericSortingDirection } from "./direction-DYYpi-JC.js";
+import { a as composeRefs, i as inView, n as MarginType, r as ViewChangeHandler, t as InViewOptions } from "./in-view-ca-moloX.js";
 
 //#region src/utils/sorting/compare.d.ts
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrok/mantle",
-  "version": "0.66.11",
+  "version": "0.66.12",
   "description": "mantle is ngrok's UI library and design system.",
   "homepage": "https://mantle.ngrok.com",
   "license": "MIT",

package/dist/dialog-BuD_JQf_.d.ts

@@ -1,422 +0,0 @@
-import { t as Root } from "./primitive-tuHqhoRE.js";
-import { n as IconButtonProps } from "./icon-button-2r6S3HVA.js";
-import * as react from "react";
-import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
-
-//#region src/components/dialog/dialog.d.ts
-type CloseIconButtonProps = Partial<Omit<IconButtonProps, "icon">>;
-/**
- * A window overlaid on either the primary window or another dialog window.
- *
- * @see https://mantle.ngrok.com/components/dialog
- *
- * @example
- * ```tsx
- * <Dialog.Root>
- *   <Dialog.Trigger asChild>
- *     <Button type="button" appearance="outlined">
- *       Open Dialog
- *     </Button>
- *   </Dialog.Trigger>
- *   <Dialog.Content>
- *     <Dialog.Header>
- *       <Dialog.Title>Dialog Title</Dialog.Title>
- *       <Dialog.CloseIconButton />
- *     </Dialog.Header>
- *     <Dialog.Body>
- *       <p>This is the dialog content.</p>
- *     </Dialog.Body>
- *     <Dialog.Footer>
- *       <Button type="button" appearance="outlined">
- *         Cancel
- *       </Button>
- *       <Button type="button" appearance="filled">
- *         Save
- *       </Button>
- *     </Dialog.Footer>
- *   </Dialog.Content>
- * </Dialog.Root>
- * ```
- */
-declare const Dialog: {
-  /**
-   * A window overlaid on either the primary window or another dialog window.
-   * The root stateful component for the Dialog.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogroot
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *       <Dialog.CloseIconButton />
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *     <Dialog.Footer>
-   *       <Button type="button" appearance="outlined">
-   *         Cancel
-   *       </Button>
-   *       <Button type="button" appearance="filled">
-   *         Save
-   *       </Button>
-   *     </Dialog.Footer>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Root: typeof Root;
-  /**
-   * Contains the main content of the dialog.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogbody
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Body: {
-    ({
-      className,
-      ...props
-    }: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
-    displayName: string;
-  };
-  /**
-   * A button that closes the dialog when clicked.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogclose
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button">Open Dialog</Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Confirm Action</Dialog.Title>
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <Text>Are you sure you want to proceed?</Text>
-   *     </Dialog.Body>
-   *     <Dialog.Footer>
-   *       <Dialog.Close asChild>
-   *         <Button type="button" appearance="outlined">Cancel</Button>
-   *       </Dialog.Close>
-   *       <Button type="submit">Confirm</Button>
-   *     </Dialog.Footer>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Close: react.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
-  /**
-   * An icon button that closes the dialog when clicked.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogcloseiconbutton
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *       <Dialog.CloseIconButton />
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly CloseIconButton: {
-    ({
-      size,
-      type,
-      label,
-      appearance,
-      ...props
-    }: CloseIconButtonProps): react_jsx_runtime0.JSX.Element;
-    displayName: string;
-  };
-  /**
-   * The container for the dialog content.
-   * Renders on top of the overlay and is centered in the viewport.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogcontent
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *       <Dialog.CloseIconButton />
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *     <Dialog.Footer>
-   *       <Button type="button" appearance="outlined">
-   *         Cancel
-   *       </Button>
-   *       <Button type="button" appearance="filled">
-   *         Save
-   *       </Button>
-   *     </Dialog.Footer>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Content: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    /**
-     * The preferred width of the `Dialog.Content` as a tailwind `max-w-` class.
-     *
-     * By default, a `Dialog`'s content width is responsive with a default
-     * preferred width: the maximum width of the `Dialog.Content`
-     *
-     * @default `max-w-lg`
-     */
-    preferredWidth?: `max-w-${string}`;
-  } & react.RefAttributes<HTMLDivElement>>;
-  /**
-   * An accessible description to be announced when the dialog is opened.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogdescription
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *       <Dialog.Description>
-   *         This is an optional description.
-   *       </Dialog.Description>
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Description: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-  /**
-   * Contains the footer content of the dialog, including action buttons.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogfooter
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *     <Dialog.Footer>
-   *       <Button type="button" appearance="outlined">
-   *         Cancel
-   *       </Button>
-   *       <Button type="button" appearance="filled">
-   *         Save
-   *       </Button>
-   *     </Dialog.Footer>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Footer: {
-    ({
-      className,
-      ...props
-    }: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
-    displayName: string;
-  };
-  /**
-   * Contains the header content of the dialog, including the title and close button.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogheader
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *       <Dialog.CloseIconButton />
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Header: {
-    ({
-      className,
-      children,
-      ...props
-    }: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
-    displayName: string;
-  };
-  /**
-   * The overlay backdrop for the dialog.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#api-reference
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Portal>
-   *     <Dialog.Overlay />
-   *     <Dialog.Content>
-   *       <Dialog.Header>
-   *         <Dialog.Title>Dialog Title</Dialog.Title>
-   *       </Dialog.Header>
-   *       <Dialog.Body>
-   *         <Text>Dialog content here.</Text>
-   *       </Dialog.Body>
-   *     </Dialog.Content>
-   *   </Dialog.Portal>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Overlay: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-  /**
-   * The portal container for the dialog.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#api-reference
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button">Open Dialog</Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Portal>
-   *     <Dialog.Overlay />
-   *     <Dialog.Content>
-   *       <Dialog.Header>
-   *         <Dialog.Title>Portal Dialog</Dialog.Title>
-   *       </Dialog.Header>
-   *       <Dialog.Body>
-   *         <Text>This dialog is rendered in a portal.</Text>
-   *       </Dialog.Body>
-   *     </Dialog.Content>
-   *   </Dialog.Portal>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Portal: react.FC<_radix_ui_react_dialog0.DialogPortalProps>;
-  /**
-   * An accessible name to be announced when the dialog is opened.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogtitle
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *       <Dialog.CloseIconButton />
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Title: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog0.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-  /**
-   * A button that opens the dialog.
-   *
-   * @see https://mantle.ngrok.com/components/dialog#dialogtrigger
-   *
-   * @example
-   * ```tsx
-   * <Dialog.Root>
-   *   <Dialog.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
-   *       Open Dialog
-   *     </Button>
-   *   </Dialog.Trigger>
-   *   <Dialog.Content>
-   *     <Dialog.Header>
-   *       <Dialog.Title>Dialog Title</Dialog.Title>
-   *     </Dialog.Header>
-   *     <Dialog.Body>
-   *       <p>This is the dialog content.</p>
-   *     </Dialog.Body>
-   *   </Dialog.Content>
-   * </Dialog.Root>
-   * ```
-   */
-  readonly Trigger: react.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-};
-//#endregion
-export { Dialog as t };
-//# sourceMappingURL=dialog-BuD_JQf_.d.ts.map