@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

package/dist/date-time-range-picker-CcoU5-2_.js

@@ -1,165 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { parse, isValid } from 'date-fns';
-import { CalendarIcon, Check } from 'lucide-react';
-import { useState } from 'react';
-import { B as Button } from './Button-BVGwYwHT.js';
-import { D as DatePicker } from './date-picker-LbXedaEh.js';
-import { T as TimePicker } from './time-picker-SgrQvt0V.js';
-import { D as DropdownMenu } from './dropdown-menu-C853KwJJ.js';
-import { P as Popover, b as PopoverTrigger, a as PopoverContent } from './popover-L2o0kHi2.js';
-import { c as cn } from './cn-ByEbywDh.js';
-
-const DATE_PRESETS = [
-  { value: "all", label: "All" },
-  { value: "last-24h", label: "Last 24 hours", ms: 24 * 60 * 60 * 1e3 },
-  { value: "last-3d", label: "Last 3 days", ms: 3 * 24 * 60 * 60 * 1e3 },
-  { value: "last-7d", label: "Last 7 days", ms: 7 * 24 * 60 * 60 * 1e3 },
-  { value: "last-14d", label: "Last 14 days", ms: 14 * 24 * 60 * 60 * 1e3 },
-  { value: "last-30d", label: "Last 30 days", ms: 30 * 24 * 60 * 60 * 1e3 },
-  { value: "custom", label: "Custom range..." }
-];
-function buildDateWithTime(date, timeStr) {
-  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  const combined = parse(timeStr, "h:mm a", dateOnly);
-  return isValid(combined) ? combined : null;
-}
-function DateTimeRangePicker({
-  preset = "all",
-  onPresetChange,
-  dateFrom,
-  dateTo,
-  onDateChange,
-  disabled,
-  presets,
-  size = "md"
-}) {
-  const visiblePresets = presets ? DATE_PRESETS.filter((p) => presets.includes(p.value)) : DATE_PRESETS;
-  const fallbackPreset = visiblePresets.find((p) => p.value !== "custom")?.value ?? "all";
-  const [customRangeOpen, setCustomRangeOpen] = useState(false);
-  const [draftDateFrom, setDraftDateFrom] = useState(dateFrom);
-  const [draftDateTo, setDraftDateTo] = useState(dateTo);
-  const [draftTimeFrom, setDraftTimeFrom] = useState("12:00 AM");
-  const [draftTimeTo, setDraftTimeTo] = useState("11:59 PM");
-  const [customRangeError, setCustomRangeError] = useState();
-  const datePresetLabel = DATE_PRESETS.find((p) => p.value === preset)?.label ?? "All";
-  const handlePresetSelect = (value) => {
-    onPresetChange?.(value);
-    if (value === "custom") {
-      setDraftDateFrom(dateFrom);
-      setDraftDateTo(dateTo);
-      setDraftTimeFrom("12:00 AM");
-      setDraftTimeTo("11:59 PM");
-      setCustomRangeOpen(true);
-      return;
-    }
-    const entry = DATE_PRESETS.find((p) => p.value === value);
-    if (entry?.ms) {
-      onDateChange?.(new Date(Date.now() - entry.ms), "from");
-      onDateChange?.(void 0, "to");
-    } else {
-      onDateChange?.(void 0, "from");
-      onDateChange?.(void 0, "to");
-    }
-  };
-  const applyCustomRange = () => {
-    const fromDate = draftDateFrom ? buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom : void 0;
-    const toDate = draftDateTo ? buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo : void 0;
-    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {
-      setCustomRangeError("Start date/time must be before end date/time");
-      return;
-    }
-    setCustomRangeError(void 0);
-    onDateChange?.(fromDate, "from");
-    onDateChange?.(toDate, "to");
-    setCustomRangeOpen(false);
-  };
-  if (preset === "custom") {
-    return /* @__PURE__ */ jsxs(Popover, { open: customRangeOpen, onOpenChange: setCustomRangeOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size, disabled, icon: /* @__PURE__ */ jsx(CalendarIcon, {}), children: [
-        dateFrom ? dateFrom.toLocaleDateString() : "Start",
-        " ",
-        " – ",
-        dateTo ? dateTo.toLocaleDateString() : "End"
-      ] }) }),
-      /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: cn("w-auto p-0"), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex"), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("border-r border-border1"), children: [
-            /* @__PURE__ */ jsx("span", { className: cn("block px-4 pt-3 text-ui-sm font-medium text-neutral3"), children: "Start" }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                mode: "single",
-                selected: draftDateFrom,
-                month: draftDateFrom,
-                onSelect: setDraftDateFrom,
-                disabled,
-                toDate: draftDateTo
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TimePicker,
-              {
-                className: "mx-4 mb-3 w-auto",
-                defaultValue: draftTimeFrom,
-                onValueChange: (v) => {
-                  if (!disabled) setDraftTimeFrom(v);
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("span", { className: cn("block px-4 pt-3 text-ui-sm font-medium text-neutral3"), children: "End" }),
-            /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                mode: "single",
-                selected: draftDateTo,
-                month: draftDateTo,
-                onSelect: setDraftDateTo,
-                disabled,
-                fromDate: draftDateFrom
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TimePicker,
-              {
-                className: "mx-4 mb-3 w-auto",
-                defaultValue: draftTimeTo,
-                onValueChange: (v) => {
-                  if (!disabled) setDraftTimeTo(v);
-                }
-              }
-            )
-          ] })
-        ] }),
-        customRangeError && /* @__PURE__ */ jsx("p", { className: cn("px-4 pb-1 text-ui-sm text-red-500"), children: customRangeError }),
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-4 pb-3"), children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled,
-              className: cn(
-                "text-ui-sm text-neutral3 hover:text-neutral4",
-                disabled && "pointer-events-none opacity-50"
-              ),
-              onClick: () => {
-                setCustomRangeError(void 0);
-                handlePresetSelect(fallbackPreset);
-              },
-              children: "← Presets"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Check, {}), variant: "primary", size: "sm", onClick: applyCustomRange, disabled, children: "Apply" })
-        ] })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size, disabled, icon: /* @__PURE__ */ jsx(CalendarIcon, {}), children: datePresetLabel }) }),
-    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "start", children: visiblePresets.map((p) => /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: () => handlePresetSelect(p.value), children: p.label }, p.value)) })
-  ] });
-}
-
-export { DateTimeRangePicker as D };
-//# sourceMappingURL=date-time-range-picker-CcoU5-2_.js.map

package/dist/date-time-range-picker-CcoU5-2_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-time-range-picker-CcoU5-2_.js","sources":["../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { CalendarIcon, Check } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nfunction buildDateWithTime(date: Date, timeStr: string): Date | null {\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : null;\n}\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  disabled?: boolean;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  disabled,\n  presets,\n  size = 'md',\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const fallbackPreset: DateRangePreset = visiblePresets.find(p => p.value !== 'custom')?.value ?? 'all';\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [customRangeError, setCustomRangeError] = useState<string | undefined>();\n\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === preset)?.label ?? 'All';\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    if (value === 'custom') {\n      setDraftDateFrom(dateFrom);\n      setDraftDateTo(dateTo);\n      setDraftTimeFrom('12:00 AM');\n      setDraftTimeTo('11:59 PM');\n      setCustomRangeOpen(true);\n      return;\n    }\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const applyCustomRange = () => {\n    const fromDate = draftDateFrom ? (buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom) : undefined;\n    const toDate = draftDateTo ? (buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo) : undefined;\n    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {\n      setCustomRangeError('Start date/time must be before end date/time');\n      return;\n    }\n    setCustomRangeError(undefined);\n    onDateChange?.(fromDate, 'from');\n    onDateChange?.(toDate, 'to');\n    setCustomRangeOpen(false);\n  };\n\n  if (preset === 'custom') {\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        <PopoverTrigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {dateFrom ? dateFrom.toLocaleDateString() : 'Start'} {' \\u2013 '}\n            {dateTo ? dateTo.toLocaleDateString() : 'End'}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <div className={cn('flex')}>\n            <div className={cn('border-r border-border1')}>\n              <span className={cn('block px-4 pt-3 text-ui-sm font-medium text-neutral3')}>Start</span>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateFrom}\n                month={draftDateFrom}\n                onSelect={setDraftDateFrom}\n                disabled={disabled}\n                toDate={draftDateTo}\n              />\n              <TimePicker\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeFrom}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeFrom(v);\n                }}\n              />\n            </div>\n            <div>\n              <span className={cn('block px-4 pt-3 text-ui-sm font-medium text-neutral3')}>End</span>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateTo}\n                month={draftDateTo}\n                onSelect={setDraftDateTo}\n                disabled={disabled}\n                fromDate={draftDateFrom}\n              />\n              <TimePicker\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeTo}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeTo(v);\n                }}\n              />\n            </div>\n          </div>\n          {customRangeError && <p className={cn('px-4 pb-1 text-ui-sm text-red-500')}>{customRangeError}</p>}\n          <div className={cn('flex items-center justify-between px-4 pb-3')}>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              className={cn(\n                'text-ui-sm text-neutral3 hover:text-neutral4',\n                disabled && 'pointer-events-none opacity-50',\n              )}\n              onClick={() => {\n                setCustomRangeError(undefined);\n                handlePresetSelect(fallbackPreset);\n              }}\n            >\n              &larr; Presets\n            </button>\n            <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={applyCustomRange} disabled={disabled}>\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n          {datePresetLabel}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"start\">\n        {visiblePresets.map(p => (\n          <DropdownMenu.Item key={p.value} onSelect={() => handlePresetSelect(p.value)}>\n            {p.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/dialog-B1DwyLJJ.cjs

@@ -1,276 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const dialog = require('@base-ui/react/dialog');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const Button = require('./Button-BJOVwaxp.cjs');
-const scrollArea = require('./scroll-area-DK4w_mMg.cjs');
-const dialog$1 = require('./dialog-75R05iBY.cjs');
-const utils_cn = require('./cn-DnbTIGXa.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const DialogContext = React.createContext({
-  variant: "default",
-  intent: "default",
-  pending: false
-});
-function useDialogContext() {
-  return React.useContext(DialogContext);
-}
-const dialogActionSizeClasses = {
-  xs: "min-h-form-xs leading-ui-xs",
-  sm: "min-h-form-sm leading-ui-sm",
-  md: "min-h-form-md leading-ui-md",
-  lg: "min-h-form-lg leading-ui-md"
-};
-const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
-
-function Dialog({ variant = "default", intent = "default", pending = false, onOpenChange, ...props }) {
-  const isNew = variant === "new";
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: { variant, intent, pending }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    dialog.Dialog.Root,
-    {
-      ...props,
-      disablePointerDismissal: props.disablePointerDismissal ?? (isNew && intent === "destructive"),
-      onOpenChange: (open, details) => {
-        if (!open && pending) {
-          details.cancel();
-          return;
-        }
-        onOpenChange?.(open, details);
-      }
-    }
-  ) });
-}
-const DialogTrigger = React__namespace.forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ref, ...dialog$1.asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
-  }
-);
-DialogTrigger.displayName = "DialogTrigger";
-const DialogPortal = dialog.Dialog.Portal;
-const DialogClose = React__namespace.forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { ref, ...dialog$1.asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
-});
-DialogClose.displayName = "DialogClose";
-const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    dialog.Dialog.Backdrop,
-    {
-      ref,
-      className: utils_cn.cn(
-        variant === "new" ? "transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none" : "dialog-overlay-anim",
-        "fixed inset-0 z-50 bg-overlay backdrop-blur-xs",
-        className
-      ),
-      ...props
-    }
-  );
-});
-DialogOverlay.displayName = "DialogOverlay";
-const DialogContent = React__namespace.forwardRef(
-  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {
-    const { variant, intent, pending } = useDialogContext();
-    const closeRef = React__namespace.useRef(null);
-    if (variant === "new") {
-      return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-        showOverlay && /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          dialog.Dialog.Popup,
-          {
-            ref,
-            "data-slot": "dialog-content",
-            "data-variant": "new",
-            "data-intent": intent,
-            role: intent === "destructive" ? "alertdialog" : "dialog",
-            initialFocus: initialFocus ?? (intent === "destructive" ? closeRef : true),
-            "aria-busy": pending || void 0,
-            className: utils_cn.cn(
-              "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl border border-border2 bg-surface2 shadow-dialog outline-hidden",
-              "data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none",
-              className
-            ),
-            ...props,
-            children: [
-              children,
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2.5 right-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                dialog.Dialog.Close,
-                {
-                  ref: closeRef,
-                  disabled: pending,
-                  render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "icon-sm", "aria-label": "Close dialog", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
-                }
-              ) })
-            ]
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-      showOverlay && /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        dialog.Dialog.Popup,
-        {
-          ref,
-          "data-slot": "dialog-content",
-          initialFocus,
-          className: utils_cn.cn(
-            "dialog-content-anim",
-            "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
-            "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-            "rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md",
-            "focus-visible:outline-hidden",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              dialog.Dialog.Close,
-              {
-                render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-DialogContent.displayName = "DialogContent";
-const DialogHeader = ({ className, ...props }) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        variant === "new" ? "flex min-w-0 shrink-0 flex-col gap-2 px-4 pt-3 pb-2" : "flex flex-col gap-0.5 px-3 py-2.5 text-left",
-        className
-      ),
-      ...props
-    }
-  );
-};
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        variant === "new" ? "flex shrink-0 flex-wrap justify-end gap-2 px-4 pt-2 pb-3" : "flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-const DialogBody = React__namespace.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { variant } = useDialogContext();
-    if (variant === "new") {
-      return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "flex min-h-0 min-w-0 shrink flex-col", viewPortClassName: "h-auto min-h-0", mask: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          className: utils_cn.cn("flex flex-col gap-3 px-4 py-2 text-ui-md [overflow-wrap:anywhere] text-neutral4", className),
-          ...props,
-          children
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("max-h-[50vh] overflow-y-auto p-3", className), ...props, children });
-  }
-);
-DialogBody.displayName = "DialogBody";
-const DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    dialog.Dialog.Title,
-    {
-      ref,
-      className: utils_cn.cn(
-        "text-header-xs font-medium",
-        variant === "new" && "pr-8 [overflow-wrap:anywhere] text-neutral6",
-        className
-      ),
-      ...props
-    }
-  );
-});
-DialogTitle.displayName = "DialogTitle";
-const DialogDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { variant } = useDialogContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      dialog.Dialog.Description,
-      {
-        ref,
-        className: utils_cn.cn(variant === "new" ? "text-ui-md [overflow-wrap:anywhere] text-neutral4" : "sr-only", className),
-        ...props
-      }
-    );
-  }
-);
-DialogDescription.displayName = "DialogDescription";
-const DialogCancel = React__namespace.forwardRef(
-  ({ disabled, size = "md", ...props }, ref) => {
-    const { pending } = useDialogContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      dialog.Dialog.Close,
-      {
-        ref,
-        render: /* @__PURE__ */ jsxRuntime.jsx(
-          Button.Button,
-          {
-            size,
-            variant: "ghost",
-            className: utils_cn.cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
-            children: props.children
-          }
-        ),
-        ...props,
-        disabled: disabled || pending
-      }
-    );
-  }
-);
-DialogCancel.displayName = "DialogCancel";
-
-exports.Dialog = Dialog;
-exports.DialogBody = DialogBody;
-exports.DialogCancel = DialogCancel;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.dialogActionLayoutClasses = dialogActionLayoutClasses;
-exports.dialogActionSizeClasses = dialogActionSizeClasses;
-exports.useDialogContext = useDialogContext;
-//# sourceMappingURL=dialog-B1DwyLJJ.cjs.map

package/dist/dialog-B1DwyLJJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-B1DwyLJJ.cjs","sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogVariant = 'default' | 'new';\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  variant: DialogVariant;\n  intent: DialogIntent;\n  pending: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n  variant: 'default',\n  intent: 'default',\n  pending: false,\n});\n\nexport function useDialogContext() {\n  return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n  xs: 'min-h-form-xs leading-ui-xs',\n  sm: 'min-h-form-sm leading-ui-sm',\n  md: 'min-h-form-md leading-ui-md',\n  lg: 'min-h-form-lg leading-ui-md',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent, DialogVariant } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nexport type DialogProps = DialogPrimitive.Root.Props & {\n  variant?: DialogVariant;\n  intent?: DialogIntent;\n  pending?: boolean;\n};\n\nfunction Dialog({ variant = 'default', intent = 'default', pending = false, onOpenChange, ...props }: DialogProps) {\n  const isNew = variant === 'new';\n  return (\n    <DialogContext.Provider value={{ variant, intent, pending }}>\n      <DialogPrimitive.Root\n        {...props}\n        disablePointerDismissal={props.disablePointerDismissal ?? (isNew && intent === 'destructive')}\n        onOpenChange={(open, details) => {\n          if (!open && pending) {\n            details.cancel();\n            return;\n          }\n          onOpenChange?.(open, details);\n        }}\n      />\n    </DialogContext.Provider>\n  );\n}\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => {\n  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      className={cn(\n        variant === 'new'\n          ? 'transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none'\n          : 'dialog-overlay-anim',\n        'fixed inset-0 z-50 bg-overlay backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {\n    const { variant, intent, pending } = useDialogContext();\n    const closeRef = React.useRef<HTMLButtonElement>(null);\n    if (variant === 'new') {\n      return (\n        <DialogPortal>\n          {showOverlay && <DialogOverlay className={overlayClassName} />}\n          <DialogPrimitive.Popup\n            ref={ref}\n            data-slot=\"dialog-content\"\n            data-variant=\"new\"\n            data-intent={intent}\n            role={intent === 'destructive' ? 'alertdialog' : 'dialog'}\n            initialFocus={initialFocus ?? (intent === 'destructive' ? closeRef : true)}\n            aria-busy={pending || undefined}\n            className={cn(\n              'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl border border-border2 bg-surface2 shadow-dialog outline-hidden',\n              'data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <div className=\"absolute top-2.5 right-3\">\n              <DialogPrimitive.Close\n                ref={closeRef}\n                disabled={pending}\n                render={\n                  <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Close dialog\">\n                    <X />\n                  </Button>\n                }\n              />\n            </div>\n          </DialogPrimitive.Popup>\n        </DialogPortal>\n      );\n    }\n    return (\n      <DialogPortal>\n        {showOverlay && <DialogOverlay className={overlayClassName} />}\n        <DialogPrimitive.Popup\n          ref={ref}\n          data-slot=\"dialog-content\"\n          initialFocus={initialFocus}\n          className={cn(\n            'dialog-content-anim',\n            'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n            'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n            'rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md',\n            'focus-visible:outline-hidden',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <DialogPrimitive.Close\n            render={\n              <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n                <X />\n              </Button>\n            }\n          />\n        </DialogPrimitive.Popup>\n      </DialogPortal>\n    );\n  },\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex min-w-0 shrink-0 flex-col gap-2 px-4 pt-3 pb-2'\n          : 'flex flex-col gap-0.5 px-3 py-2.5 text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex shrink-0 flex-wrap justify-end gap-2 px-4 pt-2 pb-3'\n          : 'flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    if (variant === 'new') {\n      return (\n        <ScrollArea className=\"flex min-h-0 min-w-0 shrink flex-col\" viewPortClassName=\"h-auto min-h-0\" mask>\n          <div\n            ref={ref}\n            className={cn('flex flex-col gap-3 px-4 py-2 text-ui-md [overflow-wrap:anywhere] text-neutral4', className)}\n            {...props}\n          >\n            {children}\n          </div>\n        </ScrollArea>\n      );\n    }\n    return (\n      <div ref={ref} className={cn('max-h-[50vh] overflow-y-auto p-3', className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => {\n  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cn(\n        'text-header-xs font-medium',\n        variant === 'new' && 'pr-8 [overflow-wrap:anywhere] text-neutral6',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    return (\n      <DialogPrimitive.Description\n        ref={ref}\n        className={cn(variant === 'new' ? 'text-ui-md [overflow-wrap:anywhere] text-neutral4' : 'sr-only', className)}\n        {...props}\n      />\n    );\n  },\n);\nDialogDescription.displayName = 'DialogDescription';\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nconst DialogCancel = React.forwardRef<HTMLButtonElement, DialogCancelProps>(\n  ({ disabled, size = 'md', ...props }, ref) => {\n    const { pending } = useDialogContext();\n    return (\n      <DialogPrimitive.Close\n        ref={ref}\n        render={\n          <Button\n            size={size}\n            variant=\"ghost\"\n            className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n            children={props.children}\n          />\n        }\n        {...props}\n        disabled={disabled || pending}\n      />\n    );\n  },\n);\nDialogCancel.displayName = 'DialogCancel';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n  DialogCancel,\n  DialogAction,\n};\n"],"names":["createContext","useContext","jsx","DialogPrimitive","React","asChildRenderProps","cn","jsxs","Button","X","ScrollArea"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,gBAAgBA,mBAAA,CAAkC;AAAA,EAC7D,OAAA,EAAS,SAAA;AAAA,EACT,MAAA,EAAQ,SAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAC,CAAA;AAEM,SAAS,gBAAA,GAAmB;AACjC,EAAA,OAAOC,iBAAW,aAAa,CAAA;AACjC;AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,MAAM,yBAAA,GAA4B;;ACPzC,SAAS,MAAA,CAAO,EAAE,OAAA,GAAU,SAAA,EAAW,MAAA,GAAS,SAAA,EAAW,OAAA,GAAU,KAAA,EAAO,YAAA,EAAc,GAAG,KAAA,EAAM,EAAgB;AACjH,EAAA,MAAM,QAAQ,OAAA,KAAY,KAAA;AAC1B,EAAA,uBACEC,cAAA,CAAC,cAAc,QAAA,EAAd,EAAuB,OAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAA,EAAQ,EACxD,QAAA,kBAAAA,cAAA;AAAA,IAACC,aAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,uBAAA,EAAyB,KAAA,CAAM,uBAAA,KAA4B,KAAA,IAAS,MAAA,KAAW,aAAA,CAAA;AAAA,MAC/E,YAAA,EAAc,CAAC,IAAA,EAAM,OAAA,KAAY;AAC/B,QAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACpB,UAAA,OAAA,CAAQ,MAAA,EAAO;AACf,UAAA;AAAA,QACF;AACA,QAAA,YAAA,GAAe,MAAM,OAAO,CAAA;AAAA,MAC9B;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AAOA,MAAM,gBAAgBC,gBAAA,CAAM,UAAA;AAAA,EAC1B,CAAC,EAAE,OAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACxC,IAAA,uBACEF,cAAA,CAACC,aAAA,CAAgB,OAAA,EAAhB,EAAwB,KAAW,GAAGE,2BAAA,CAAmB,OAAA,EAAS,QAAQ,CAAA,EAAI,GAAG,KAAA,EAC/E,QAAA,EAAA,OAAA,GAAU,SAAY,QAAA,EACzB,CAAA;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,eAAeF,aAAA,CAAgB;AAOrC,MAAM,WAAA,GAAcC,gBAAA,CAAM,UAAA,CAAgD,CAAC,EAAE,SAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClH,EAAA,uBACEF,cAAA,CAACC,aAAA,CAAgB,KAAA,EAAhB,EAAsB,KAAW,GAAGE,2BAAA,CAAmB,OAAA,EAAS,QAAQ,CAAA,EAAI,GAAG,KAAA,EAC7E,QAAA,EAAA,OAAA,GAAU,SAAY,QAAA,EACzB,CAAA;AAEJ,CAAC;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAM1B,MAAM,aAAA,GAAgBD,iBAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3G,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,uBACEF,cAAA;AAAA,IAACC,aAAA,CAAgB,QAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWG,WAAA;AAAA,QACT,OAAA,KAAY,QACR,yIAAA,GACA,qBAAA;AAAA,QACJ,gDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAQ5B,MAAM,gBAAgBF,gBAAA,CAAM,UAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,WAAA,GAAc,IAAA,EAAM,gBAAA,EAAkB,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9F,IAAA,MAAM,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAA,KAAY,gBAAA,EAAiB;AACtD,IAAA,MAAM,QAAA,GAAWA,gBAAA,CAAM,MAAA,CAA0B,IAAI,CAAA;AACrD,IAAA,IAAI,YAAY,KAAA,EAAO;AACrB,MAAA,uCACG,YAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAeF,cAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,gBAAA,EAAkB,CAAA;AAAA,wBAC5DK,eAAA;AAAA,UAACJ,aAAA,CAAgB,KAAA;AAAA,UAAhB;AAAA,YACC,GAAA;AAAA,YACA,WAAA,EAAU,gBAAA;AAAA,YACV,cAAA,EAAa,KAAA;AAAA,YACb,aAAA,EAAa,MAAA;AAAA,YACb,IAAA,EAAM,MAAA,KAAW,aAAA,GAAgB,aAAA,GAAgB,QAAA;AAAA,YACjD,YAAA,EAAc,YAAA,KAAiB,MAAA,KAAW,aAAA,GAAgB,QAAA,GAAW,IAAA,CAAA;AAAA,YACrE,aAAW,OAAA,IAAW,MAAA;AAAA,YACtB,SAAA,EAAWG,WAAA;AAAA,cACT,gOAAA;AAAA,cACA,iNAAA;AAAA,cACA;AAAA,aACF;AAAA,YACC,GAAG,KAAA;AAAA,YAEH,QAAA,EAAA;AAAA,cAAA,QAAA;AAAA,8BACDJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,gBAACC,aAAA,CAAgB,KAAA;AAAA,gBAAhB;AAAA,kBACC,GAAA,EAAK,QAAA;AAAA,kBACL,QAAA,EAAU,OAAA;AAAA,kBACV,MAAA,kBACED,cAAA,CAACM,aAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAU,YAAA,EAAW,cAAA,EAChD,QAAA,kBAAAN,cAAA,CAACO,aAAA,EAAA,EAAE,CAAA,EACL;AAAA;AAAA,eAEJ,EACF;AAAA;AAAA;AAAA;AACF,OAAA,EACF,CAAA;AAAA,IAEJ;AACA,IAAA,uCACG,YAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,WAAA,oBAAeP,cAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,gBAAA,EAAkB,CAAA;AAAA,sBAC5DK,eAAA;AAAA,QAACJ,aAAA,CAAgB,KAAA;AAAA,QAAhB;AAAA,UACC,GAAA;AAAA,UACA,WAAA,EAAU,gBAAA;AAAA,UACV,YAAA;AAAA,UACA,SAAA,EAAWG,WAAA;AAAA,YACT,qBAAA;AAAA,YACA,uDAAA;AAAA,YACA,4CAAA;AAAA,YACA,mFAAA;AAAA,YACA,8BAAA;AAAA,YACA;AAAA,WACF;AAAA,UACC,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAA,QAAA;AAAA,4BACDJ,cAAA;AAAA,cAACC,aAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,MAAA,kBACED,cAAA,CAACM,aAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,YAAA,EAAW,OAAA,EAC9E,QAAA,kBAAAN,cAAA,CAACO,iBAAE,CAAA,EACL;AAAA;AAAA;AAEJ;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA4C;AACtF,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,uBACEP,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWI,WAAA;AAAA,QACT,OAAA,KAAY,QACR,qDAAA,GACA,6CAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA4C;AACtF,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,uBACEJ,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWI,WAAA;AAAA,QACT,OAAA,KAAY,QACR,0DAAA,GACA,oEAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,MAAM,aAAaF,gBAAA,CAAM,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1C,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,IAAA,IAAI,YAAY,KAAA,EAAO;AACrB,MAAA,sCACGM,qBAAA,EAAA,EAAW,SAAA,EAAU,wCAAuC,iBAAA,EAAkB,gBAAA,EAAiB,MAAI,IAAA,EAClG,QAAA,kBAAAR,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAWI,WAAA,CAAG,iFAAA,EAAmF,SAAS,CAAA;AAAA,UACzG,GAAG,KAAA;AAAA,UAEH;AAAA;AAAA,OACH,EACF,CAAA;AAAA,IAEJ;AACA,IAAA,uBACEJ,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,SAAA,EAAWI,WAAA,CAAG,oCAAoC,SAAS,CAAA,EAAI,GAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,MAAM,WAAA,GAAcF,iBAAM,UAAA,CAAiD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3G,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,EAAA,uBACEF,cAAA;AAAA,IAACC,aAAA,CAAgB,KAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWG,WAAA;AAAA,QACT,4BAAA;AAAA,QACA,YAAY,KAAA,IAAS,6CAAA;AAAA,QACrB;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAM1B,MAAM,oBAAoBF,gBAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,IAAA,uBACEF,cAAA;AAAA,MAACC,aAAA,CAAgB,WAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,WAAWG,WAAA,CAAG,OAAA,KAAY,KAAA,GAAQ,mDAAA,GAAsD,WAAW,SAAS,CAAA;AAAA,QAC3G,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAIhC,MAAM,eAAeF,gBAAA,CAAM,UAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC5C,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,gBAAA,EAAiB;AACrC,IAAA,uBACEF,cAAA;AAAA,MAACC,aAAA,CAAgB,KAAA;AAAA,MAAhB;AAAA,QACC,GAAA;AAAA,QACA,MAAA,kBACED,cAAA;AAAA,UAACM,aAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA,EAAQ,OAAA;AAAA,YACR,SAAA,EAAWF,WAAA,CAAG,yBAAA,EAA2B,uBAAA,CAAwB,IAAI,CAAC,CAAA;AAAA,YACtE,UAAU,KAAA,CAAM;AAAA;AAAA,SAClB;AAAA,QAED,GAAG,KAAA;AAAA,QACJ,UAAU,QAAA,IAAY;AAAA;AAAA,KACxB;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;;;;;;;;;;;;;;;"}