@ngrok/mantle 0.66.0 → 0.66.1

package/dist/dialog-BuD_JQf_.d.ts

@@ -0,0 +1,422 @@
+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

package/dist/dialog-CGBjHvo_.js

@@ -0,0 +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-W5Izf14l.js";import{i as u}from"./toast-B4gxB8U0.js";import{forwardRef as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{XIcon as m}from"@phosphor-icons/react/X";const h=o;h.displayName=`Dialog`;const g=r;g.displayName=`DialogTrigger`;const _=n;_.displayName=`DialogPortal`;const v=l;v.displayName=`DialogClose`;const y=d(({className:t,...n},r)=>f(i,{ref:r,className:e(`bg-overlay data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs`,t),...n}));y.displayName=`DialogOverlay`;const b=d(({children:t,className:n,onInteractOutside:r,onPointerDownOutside:i,preferredWidth:o=`max-w-lg`,...s},c)=>p(_,{children:[f(y,{}),f(`div`,{className:`fixed inset-4 z-50 flex items-center justify-center`,children:f(a,{"data-mantle-modal-content":!0,className:e(`flex max-h-full w-full flex-1 flex-col`,`outline-hidden focus-within:outline-hidden`,`border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200`,`data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95`,o,n),onInteractOutside:e=>{u(e),r?.(e)},onPointerDownOutside:e=>{u(e),i?.(e)},ref:c,...s,children:t})})]}));b.displayName=`DialogContent`;const x=({className:t,children:n,...r})=>f(`div`,{className:e(`border-dialog-muted text-strong relative flex shrink-0 items-center justify-between gap-2 border-b px-6 py-4`,`has-[.icon-button]:pr-4`,t),...r,children:n});x.displayName=`DialogHeader`;const S=({size:e=`md`,type:n=`button`,label:r=`Close Dialog`,appearance:i=`ghost`,...a})=>f(l,{asChild:!0,children:f(t,{appearance:i,icon:f(m,{}),label:r,size:e,type:n,...a})});S.displayName=`DialogCloseIconButton`;const C=({className:t,...n})=>f(`div`,{className:e(`scrollbar text-body flex-1 overflow-y-auto p-6`,t),...n});C.displayName=`DialogBody`;const w=({className:t,...n})=>f(`div`,{className:e(`border-dialog-muted flex shrink-0 flex-row-reverse gap-2 border-t px-6 py-4`,t),...n});w.displayName=`DialogFooter`;const T=d(({className:t,...n},r)=>f(c,{ref:r,className:e(`text-strong truncate text-lg font-medium`,t),...n}));T.displayName=`DialogTitle`;const E=d(({className:t,...n},r)=>f(s,{ref:r,className:e(`text-muted`,t),...n}));E.displayName=`DialogDescription`;const D={Root:h,Body:C,Close:v,CloseIconButton:S,Content:b,Description:E,Footer:w,Header:x,Overlay:y,Portal:_,Title:T,Trigger:g};export{D as t};
+//# sourceMappingURL=dialog-CGBjHvo_.js.map

package/dist/dialog-CGBjHvo_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CGBjHvo_.js","names":["DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Portal","DialogPrimitive.Close","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Title","DialogPrimitive.Description"],"sources":["../src/components/dialog/dialog.tsx"],"sourcesContent":["import { XIcon } from \"@phosphor-icons/react/X\";\nimport type { ComponentProps, ComponentPropsWithoutRef, ComponentRef } from \"react\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { IconButton, type IconButtonProps } from \"../button/icon-button.js\";\nimport { preventCloseOnPromptInteraction } from \"../toast/toast.js\";\nimport * as DialogPrimitive from \"./primitive.js\";\n\n/**\n * A window overlaid on either the primary window or another dialog window.\n * The root stateful component for the Dialog.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogroot\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseIconButton />\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <Button type=\"button\" appearance=\"outlined\">\n *         Cancel\n *       </Button>\n *       <Button type=\"button\" appearance=\"filled\">\n *         Save\n *       </Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Root = DialogPrimitive.Root;\nRoot.displayName = \"Dialog\";\n\n/**\n * A button that opens the dialog.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogtrigger\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Trigger = DialogPrimitive.Trigger;\nTrigger.displayName = \"DialogTrigger\";\n\nconst Portal = DialogPrimitive.Portal;\nPortal.displayName = \"DialogPortal\";\n\nconst Close = DialogPrimitive.Close;\nClose.displayName = \"DialogClose\";\n\nconst Overlay = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Overlay\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"bg-overlay data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:animate-in data-state-open:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nOverlay.displayName = \"DialogOverlay\";\n\ntype ContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n\t/**\n\t * The preferred width of the `Dialog.Content` as a tailwind `max-w-` class.\n\t *\n\t * By default, a `Dialog`'s content width is responsive with a default\n\t * preferred width: the maximum width of the `Dialog.Content`\n\t *\n\t * @default `max-w-lg`\n\t */\n\tpreferredWidth?: `max-w-${string}`;\n};\n\n/**\n * The container for the dialog content.\n * Renders on top of the overlay and is centered in the viewport.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogcontent\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseIconButton />\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <Button type=\"button\" appearance=\"outlined\">\n *         Cancel\n *       </Button>\n *       <Button type=\"button\" appearance=\"filled\">\n *         Save\n *       </Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Content = forwardRef<ComponentRef<\"div\">, ContentProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tonInteractOutside,\n\t\t\tonPointerDownOutside,\n\t\t\tpreferredWidth = \"max-w-lg\",\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => (\n\t\t<Portal>\n\t\t\t<Overlay />\n\t\t\t<div className=\"fixed inset-4 z-50 flex items-center justify-center\">\n\t\t\t\t<DialogPrimitive.Content\n\t\t\t\t\tdata-mantle-modal-content\n\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\"flex max-h-full w-full flex-1 flex-col\",\n\t\t\t\t\t\t\"outline-hidden focus-within:outline-hidden\",\n\t\t\t\t\t\t\"border-dialog bg-dialog rounded-xl border shadow-lg transition-transform duration-200\",\n\t\t\t\t\t\t\"data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95\",\n\t\t\t\t\t\tpreferredWidth,\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tonInteractOutside={(event) => {\n\t\t\t\t\t\tpreventCloseOnPromptInteraction(event);\n\t\t\t\t\t\tonInteractOutside?.(event);\n\t\t\t\t\t}}\n\t\t\t\t\tonPointerDownOutside={(event) => {\n\t\t\t\t\t\tpreventCloseOnPromptInteraction(event);\n\t\t\t\t\t\tonPointerDownOutside?.(event);\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</DialogPrimitive.Content>\n\t\t\t</div>\n\t\t</Portal>\n\t),\n);\nContent.displayName = \"DialogContent\";\n\n/**\n * Contains the header content of the dialog, including the title and close button.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogheader\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseIconButton />\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Header = ({ className, children, ...props }: ComponentProps<\"div\">) => (\n\t<div\n\t\tclassName={cx(\n\t\t\t\"border-dialog-muted text-strong relative flex shrink-0 items-center justify-between gap-2 border-b px-6 py-4\",\n\t\t\t\"has-[.icon-button]:pr-4\", // when there are actions in the header, shorten the padding\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</div>\n);\nHeader.displayName = \"DialogHeader\";\n\ntype CloseIconButtonProps = Partial<Omit<IconButtonProps, \"icon\">>;\n\n/**\n * An icon button that closes the dialog when clicked.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogcloseiconbutton\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseIconButton />\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst CloseIconButton = ({\n\tsize = \"md\",\n\ttype = \"button\",\n\tlabel = \"Close Dialog\",\n\tappearance = \"ghost\",\n\t...props\n}: CloseIconButtonProps) => (\n\t<DialogPrimitive.Close asChild>\n\t\t<IconButton\n\t\t\tappearance={appearance}\n\t\t\ticon={<XIcon />}\n\t\t\tlabel={label}\n\t\t\tsize={size}\n\t\t\ttype={type}\n\t\t\t{...props}\n\t\t/>\n\t</DialogPrimitive.Close>\n);\nCloseIconButton.displayName = \"DialogCloseIconButton\";\n\n/**\n * Contains the main content of the dialog.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogbody\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Body = ({ className, ...props }: ComponentProps<\"div\">) => (\n\t<div className={cx(\"scrollbar text-body flex-1 overflow-y-auto p-6\", className)} {...props} />\n);\nBody.displayName = \"DialogBody\";\n\n/**\n * Contains the footer content of the dialog, including action buttons.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogfooter\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <Button type=\"button\" appearance=\"outlined\">\n *         Cancel\n *       </Button>\n *       <Button type=\"button\" appearance=\"filled\">\n *         Save\n *       </Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Footer = ({ className, ...props }: ComponentProps<\"div\">) => (\n\t<div\n\t\tclassName={cx(\n\t\t\t\"border-dialog-muted flex shrink-0 flex-row-reverse gap-2 border-t px-6 py-4\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\nFooter.displayName = \"DialogFooter\";\n\n/**\n * An accessible name to be announced when the dialog is opened.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogtitle\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseIconButton />\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Title = forwardRef<\n\tComponentRef<typeof DialogPrimitive.Title>,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Title\n\t\tref={ref}\n\t\tclassName={cx(\"text-strong truncate text-lg font-medium\", className)}\n\t\t{...props}\n\t/>\n));\nTitle.displayName = \"DialogTitle\";\n\n/**\n * An accessible description to be announced when the dialog is opened.\n * Renders as a `div` by default, but can be changed to any other element using\n * the `asChild` prop.\n *\n * @see https://mantle.ngrok.com/components/dialog#dialogdescription\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.Description>\n *         This is an optional description.\n *       </Dialog.Description>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Description = forwardRef<\n\tComponentRef<typeof DialogPrimitive.Description>,\n\tComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Description ref={ref} className={cx(\"text-muted\", className)} {...props} />\n));\nDescription.displayName = \"DialogDescription\";\n\n/**\n * A window overlaid on either the primary window or another dialog window.\n *\n * @see https://mantle.ngrok.com/components/dialog\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger asChild>\n *     <Button type=\"button\" appearance=\"outlined\">\n *       Open Dialog\n *     </Button>\n *   </Dialog.Trigger>\n *   <Dialog.Content>\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseIconButton />\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       <p>This is the dialog content.</p>\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <Button type=\"button\" appearance=\"outlined\">\n *         Cancel\n *       </Button>\n *       <Button type=\"button\" appearance=\"filled\">\n *         Save\n *       </Button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\nconst Dialog = {\n\t/**\n\t * A window overlaid on either the primary window or another dialog window.\n\t * The root stateful component for the Dialog.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       <Dialog.CloseIconButton />\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *     <Dialog.Footer>\n\t *       <Button type=\"button\" appearance=\"outlined\">\n\t *         Cancel\n\t *       </Button>\n\t *       <Button type=\"button\" appearance=\"filled\">\n\t *         Save\n\t *       </Button>\n\t *     </Dialog.Footer>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tRoot,\n\t/**\n\t * Contains the main content of the dialog.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogbody\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tBody,\n\t/**\n\t * A button that closes the dialog when clicked.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogclose\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Dialog</Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Confirm Action</Dialog.Title>\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <Text>Are you sure you want to proceed?</Text>\n\t *     </Dialog.Body>\n\t *     <Dialog.Footer>\n\t *       <Dialog.Close asChild>\n\t *         <Button type=\"button\" appearance=\"outlined\">Cancel</Button>\n\t *       </Dialog.Close>\n\t *       <Button type=\"submit\">Confirm</Button>\n\t *     </Dialog.Footer>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tClose,\n\t/**\n\t * An icon button that closes the dialog when clicked.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogcloseiconbutton\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       <Dialog.CloseIconButton />\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tCloseIconButton,\n\t/**\n\t * The container for the dialog content.\n\t * Renders on top of the overlay and is centered in the viewport.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogcontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       <Dialog.CloseIconButton />\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *     <Dialog.Footer>\n\t *       <Button type=\"button\" appearance=\"outlined\">\n\t *         Cancel\n\t *       </Button>\n\t *       <Button type=\"button\" appearance=\"filled\">\n\t *         Save\n\t *       </Button>\n\t *     </Dialog.Footer>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tContent,\n\t/**\n\t * An accessible description to be announced when the dialog is opened.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogdescription\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       <Dialog.Description>\n\t *         This is an optional description.\n\t *       </Dialog.Description>\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tDescription,\n\t/**\n\t * Contains the footer content of the dialog, including action buttons.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogfooter\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *     <Dialog.Footer>\n\t *       <Button type=\"button\" appearance=\"outlined\">\n\t *         Cancel\n\t *       </Button>\n\t *       <Button type=\"button\" appearance=\"filled\">\n\t *         Save\n\t *       </Button>\n\t *     </Dialog.Footer>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tFooter,\n\t/**\n\t * Contains the header content of the dialog, including the title and close button.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogheader\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       <Dialog.CloseIconButton />\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tHeader,\n\t/**\n\t * The overlay backdrop for the dialog.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#api-reference\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Portal>\n\t *     <Dialog.Overlay />\n\t *     <Dialog.Content>\n\t *       <Dialog.Header>\n\t *         <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       </Dialog.Header>\n\t *       <Dialog.Body>\n\t *         <Text>Dialog content here.</Text>\n\t *       </Dialog.Body>\n\t *     </Dialog.Content>\n\t *   </Dialog.Portal>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tOverlay,\n\t/**\n\t * The portal container for the dialog.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#api-reference\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Dialog</Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Portal>\n\t *     <Dialog.Overlay />\n\t *     <Dialog.Content>\n\t *       <Dialog.Header>\n\t *         <Dialog.Title>Portal Dialog</Dialog.Title>\n\t *       </Dialog.Header>\n\t *       <Dialog.Body>\n\t *         <Text>This dialog is rendered in a portal.</Text>\n\t *       </Dialog.Body>\n\t *     </Dialog.Content>\n\t *   </Dialog.Portal>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tPortal,\n\t/**\n\t * An accessible name to be announced when the dialog is opened.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogtitle\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *       <Dialog.CloseIconButton />\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tTitle,\n\t/**\n\t * A button that opens the dialog.\n\t *\n\t * @see https://mantle.ngrok.com/components/dialog#dialogtrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Dialog.Root>\n\t *   <Dialog.Trigger asChild>\n\t *     <Button type=\"button\" appearance=\"outlined\">\n\t *       Open Dialog\n\t *     </Button>\n\t *   </Dialog.Trigger>\n\t *   <Dialog.Content>\n\t *     <Dialog.Header>\n\t *       <Dialog.Title>Dialog Title</Dialog.Title>\n\t *     </Dialog.Header>\n\t *     <Dialog.Body>\n\t *       <p>This is the dialog content.</p>\n\t *     </Dialog.Body>\n\t *   </Dialog.Content>\n\t * </Dialog.Root>\n\t * ```\n\t */\n\tTrigger,\n} as const;\n\nexport {\n\t//,\n\tDialog,\n};\n"],"mappings":"8UA0CA,MAAM,EAAOA,EACb,EAAK,YAAc,SA0BnB,MAAM,EAAUC,EAChB,EAAQ,YAAc,gBAEtB,MAAM,EAASC,EACf,EAAO,YAAc,eAErB,MAAM,EAAQC,EACd,EAAM,YAAc,cAEpB,MAAM,EAAU,GAGb,CAAE,YAAW,GAAG,GAAS,IAC3B,EAACC,EAAD,CACM,MACL,UAAW,EACV,iKACA,EACA,CACD,GAAI,EACH,CAAA,CACD,CACF,EAAQ,YAAc,gBAgDtB,MAAM,EAAU,GAEd,CACC,WACA,YACA,oBACA,uBACA,iBAAiB,WACjB,GAAG,GAEJ,IAEA,EAAC,EAAD,CAAA,SAAA,CACC,EAAC,EAAD,EAAW,CAAA,CACX,EAAC,MAAD,CAAK,UAAU,+DACd,EAACC,EAAD,CACC,4BAAA,GACA,UAAW,EACV,yCACA,6CACA,wFACA,2KACA,EACA,EACA,CACD,kBAAoB,GAAU,CAC7B,EAAgC,EAAM,CACtC,IAAoB,EAAM,EAE3B,qBAAuB,GAAU,CAChC,EAAgC,EAAM,CACtC,IAAuB,EAAM,EAEzB,MACL,GAAI,EAEH,WACwB,CAAA,CACrB,CAAA,CACE,CAAA,CAAA,CAEV,CACD,EAAQ,YAAc,gBA2BtB,MAAM,GAAU,CAAE,YAAW,WAAU,GAAG,KACzC,EAAC,MAAD,CACC,UAAW,EACV,+GACA,0BACA,EACA,CACD,GAAI,EAEH,WACI,CAAA,CAEP,EAAO,YAAc,eA6BrB,MAAM,GAAmB,CACxB,OAAO,KACP,OAAO,SACP,QAAQ,eACR,aAAa,QACb,GAAG,KAEH,EAACF,EAAD,CAAuB,QAAA,YACtB,EAAC,EAAD,CACa,aACZ,KAAM,EAAC,EAAD,EAAS,CAAA,CACR,QACD,OACA,OACN,GAAI,EACH,CAAA,CACqB,CAAA,CAEzB,EAAgB,YAAc,wBA0B9B,MAAM,GAAQ,CAAE,YAAW,GAAG,KAC7B,EAAC,MAAD,CAAK,UAAW,EAAG,iDAAkD,EAAU,CAAE,GAAI,EAAS,CAAA,CAE/F,EAAK,YAAc,aAkCnB,MAAM,GAAU,CAAE,YAAW,GAAG,KAC/B,EAAC,MAAD,CACC,UAAW,EACV,8EACA,EACA,CACD,GAAI,EACH,CAAA,CAEH,EAAO,YAAc,eA2BrB,MAAM,EAAQ,GAGX,CAAE,YAAW,GAAG,GAAS,IAC3B,EAACG,EAAD,CACM,MACL,UAAW,EAAG,2CAA4C,EAAU,CACpE,GAAI,EACH,CAAA,CACD,CACF,EAAM,YAAc,cA+BpB,MAAM,EAAc,GAGjB,CAAE,YAAW,GAAG,GAAS,IAC3B,EAACC,EAAD,CAAkC,MAAK,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,EAAS,CAAA,CAC3F,CACF,EAAY,YAAc,oBAmC1B,MAAM,EAAS,CAmCd,OAyBA,OA6BA,QA0BA,kBAmCA,UA4BA,cAiCA,SA0BA,SAuBA,UA0BA,SA0BA,QAyBA,UACA"}