@viax.io/uxm 4.36.0

package/dist/studio/shell/preview-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/studio/shell/preview-modal.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect, type CSSProperties } from 'react';\n\nimport { Banner } from '@/ui';\nimport { ButtonPrimary } from '@/ui';\nimport { Checkbox } from '@/ui';\nimport { Chip } from '@/ui';\nimport { Icon } from '@/ui';\nimport { IconButton } from '@/ui';\nimport { InputWithIcon } from '@/ui';\nimport { Select, TextInput } from '@/ui';\nimport { Tag, type TagType } from '@/ui';\nimport { ToggleSwitch } from '@/ui';\n\nimport { useUxm } from '../lib/context';\nimport { getComponentDef, registry } from '../lib/registry';\nimport { useGlobalTheme } from '../lib/use-global-theme';\n\n/**\n * This mock is the last thing a user sees before Publish, so it has to reflect\n * the brand the way the shipped atoms do. It hand-rolls its markup, which means\n * it does not inherit the stylesheets' chains — these mirror them by hand.\n *\n * `scaled()` multiplies OUTSIDE any var(), the same rule the stylesheets follow,\n * and parenthesises derived sizes so an offset stays proportional instead of\n * shrinking away as text grows (a `-1px` at 150% should be `-1.5px`, not `-1px`).\n */\ntype TypeRole = 'display' | 'page-title' | 'section-title';\n\nconst scaled = (px: number | string, role?: TypeRole) => {\n  const base = typeof px === 'number' ? `${px}px` : px;\n  return `calc(${base}${role ? ` * var(--type-${role}-scale, 1)` : ''} * var(--type-scale, 1))`;\n};\n/** `<knob>px - offset`, scaled as one expression. */\nconst derived = (px: number, offset: number) => scaled(`(${px}px - ${offset}px)`);\nconst roleFont = (role: TypeRole) =>\n  `var(--type-${role}-font, var(--brand-heading-font, inherit))`;\nconst roleWeight = (role: TypeRole, fallback: number) =>\n  `var(--type-${role}-weight, var(--brand-heading-weight, ${fallback}))`;\n\nfunction useResolved(componentId: string) {\n  const { getOverrides } = useUxm();\n  const def = getComponentDef(componentId);\n  const overrides = getOverrides(componentId);\n\n  return useMemo(() => {\n    if (!def) return {};\n    const styles: Record<string, string | number | boolean> = {};\n    for (const prop of def.styleProperties) {\n      styles[prop.key] = overrides[prop.key] ?? prop.defaultValue;\n    }\n    return styles;\n  }, [def, overrides]);\n}\n\n// ── Inline mini-components that use resolved styles ──\n\nfunction MiniButton({\n  label, variant = 'primary', onClick, icon,\n}: {\n  label: string;\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';\n  onClick?: () => void;\n  icon?: React.ReactNode;\n}) {\n  const [hover, setHover] = useState(false);\n  const [pressed, setPressed] = useState(false);\n  const sP = useResolved('button-primary');\n  const sS = useResolved('button-secondary');\n  const sT = useResolved('button-tertiary');\n  const sG = useResolved('button-ghost');\n  const s = variant === 'secondary' ? sS : variant === 'tertiary' ? sT : variant === 'ghost' ? sG : sP;\n\n  // Resolve the current visible color values per pointer state. Reads the\n  // per-state knobs (hover*/active*) added to each button atom — falls back\n  // to the default state's value when a state knob isn't defined yet, so\n  // designers can drop in a partial save without breaking the preview.\n  const fallback = <T,>(stateValue: T | undefined, base: T) =>\n    stateValue !== undefined ? stateValue : base;\n  const currentBg = pressed\n    ? fallback(s.activeBackgroundColor as string | undefined, s.backgroundColor as string)\n    : hover\n    ? fallback(s.hoverBackgroundColor as string | undefined, s.backgroundColor as string)\n    : (s.backgroundColor as string);\n  const currentColor = pressed\n    ? fallback(s.activeColor as string | undefined, s.color as string)\n    : hover\n    ? fallback(s.hoverColor as string | undefined, s.color as string)\n    : (s.color as string);\n  const currentBorderColor = pressed\n    ? fallback(s.activeBorderColor as string | undefined, s.borderColor as string)\n    : hover\n    ? fallback(s.hoverBorderColor as string | undefined, s.borderColor as string)\n    : (s.borderColor as string | undefined);\n\n  const border =\n    variant === 'secondary' ? `1.5px solid ${currentBorderColor}` :\n    variant === 'tertiary' ? `1px solid ${currentBorderColor}` :\n    'none';\n\n  const baseStyle: React.CSSProperties = {\n    backgroundColor: currentBg,\n    color: currentColor,\n    border,\n    borderRadius: s.borderRadius as number,\n    padding: `${s.paddingY}px ${s.paddingX}px`,\n    fontSize: scaled(`${s.fontSize}px`),\n    fontWeight: s.fontWeight as string,\n    cursor: 'pointer',\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 6,\n    transition: 'background-color 0.15s, color 0.15s, border-color 0.15s, transform 0.08s',\n    transform: pressed ? 'scale(0.97)' : 'none',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => { setHover(false); setPressed(false); }}\n      onMouseDown={() => setPressed(true)}\n      onMouseUp={() => setPressed(false)}\n      style={baseStyle}\n    >\n      {icon}\n      {label}\n    </button>\n  );\n}\n\nfunction MiniStatCard({ label, value, trend, up }: { label: string; value: string; trend: string; up: boolean }) {\n  const s = useResolved('stat-card');\n  const [hover, setHover] = useState(false);\n  return (\n    <div\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n      style={{\n        backgroundColor: s.backgroundColor as string,\n        border: `1px solid ${hover ? 'var(--color-accent-light)' : s.borderColor}`,\n        borderRadius: s.borderRadius as number, padding: s.padding as number, flex: 1,\n        transition: 'border-color 0.15s, transform 0.15s',\n        transform: hover ? 'translateY(-1px)' : 'none',\n        cursor: 'default',\n      }}\n    >\n      <p style={{ fontSize: scaled(`${s.labelSize}px`), color: 'var(--color-text-muted)', fontWeight: 500, margin: 0 }}>{label}</p>\n      <div style={{ display: 'flex', alignItems: 'baseline', gap: 6, marginTop: 6 }}>\n        <span style={{\n          fontFamily: roleFont('display'),\n          fontSize: scaled(`${(s.valueSize as number) * 0.8}px`, 'display'),\n          fontWeight: roleWeight('display', 700),\n          color: 'var(--color-text)',\n        }}>{value}</span>\n        <span style={{\n          fontSize: scaled(11), fontWeight: 600,\n          color: up ? (s.trendUpColor as string) : (s.trendDownColor as string),\n          display: 'inline-flex', alignItems: 'center', gap: 2,\n        }}>\n          <Icon\n            glyph=\"arrow-up\"\n            size={10}\n            strokeWidth={2.5}\n            style={{ transform: up ? 'none' : 'rotate(180deg)' }}\n          />\n          {trend}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nfunction MiniCard() {\n  const s = useResolved('card');\n  const [hover, setHover] = useState(false);\n  return (\n    <div\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n      style={{\n        backgroundColor: s.backgroundColor as string, border: `1px solid ${s.borderColor}`,\n        borderRadius: s.borderRadius as number, padding: s.padding as number,\n        boxShadow: hover ? 'var(--shadow-md)' : (s.shadow ? 'var(--shadow-sm)' : 'none'),\n        transition: 'box-shadow 0.2s, transform 0.15s',\n        transform: hover ? 'translateY(-1px)' : 'none',\n      }}\n    >\n      <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 12 }}>\n        <div style={{ width: 32, height: 32, borderRadius: 8, backgroundColor: 'var(--color-accent-subtle)', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'var(--color-accent-bold)' }}>\n          <Icon glyph=\"bolt\" size={16} />\n        </div>\n        <div>\n          <h4 style={{\n            fontFamily: roleFont('section-title'),\n            fontSize: scaled(13, 'section-title'),\n            fontWeight: roleWeight('section-title', 600),\n            color: 'var(--color-text)', margin: 0,\n          }}>Quick Analytics</h4>\n          <p style={{ fontSize: scaled(11), color: 'var(--color-text-muted)', margin: 0 }}>Updated 2h ago</p>\n        </div>\n      </div>\n      <p style={{ fontSize: scaled(12), color: 'var(--color-text-muted)', lineHeight: 'var(--type-body-line-height, 1.5)', margin: 0 }}>\n        Track key metrics and performance across active motions.\n      </p>\n    </div>\n  );\n}\n\nfunction MiniInput({ label, placeholder, icon }: { label: string; placeholder: string; icon?: React.ReactNode }) {\n  // Render the real <TextInput> / <InputWithIcon> atom and project the\n  // full var set onto a wrapper. Atoms' own CSS handles :hover / :focus\n  // / :disabled — so edits to bg / border / padding flow through the\n  // cascade automatically, and focus / hover behaviour matches what\n  // ships to consumers. No more inline border-color juggling.\n  const id = icon ? 'input-with-icon' : 'input-text';\n  const s = useResolved(id);\n  const cssVars = (icon\n    ? {\n        '--uxm-input-with-icon-bg': s.backgroundColor as string,\n        '--uxm-input-with-icon-border-color': s.borderColor as string,\n        '--uxm-input-with-icon-color': s.color as string,\n        '--uxm-input-with-icon-radius': s.borderRadius != null ? `${s.borderRadius}px` : undefined,\n        '--uxm-input-with-icon-padding-x': s.paddingX != null ? `${s.paddingX}px` : undefined,\n        '--uxm-input-with-icon-padding-y': s.paddingY != null ? `${s.paddingY}px` : undefined,\n        '--uxm-input-with-icon-font-size': s.fontSize != null ? `${s.fontSize}px` : undefined,\n        '--uxm-input-with-icon-icon-color': s.iconColor as string,\n        '--uxm-input-with-icon-icon-size': s.iconSize != null ? `${s.iconSize}px` : undefined,\n        '--uxm-input-with-icon-icon-offset': s.iconOffset != null ? `${s.iconOffset}px` : undefined,\n        '--uxm-input-with-icon-hover-bg': s.hoverBg as string,\n        '--uxm-input-with-icon-hover-border': s.hoverBorder as string,\n        '--uxm-input-with-icon-focus-border': s.focusBorder as string,\n        '--uxm-input-with-icon-focus-ring': s.focusRing as string,\n        '--uxm-input-with-icon-disabled-bg': s.disabledBg as string,\n        '--uxm-input-with-icon-disabled-border': s.disabledBorder as string,\n        '--uxm-input-with-icon-disabled-color': s.disabledColor as string,\n        '--uxm-input-with-icon-disabled-opacity':\n          s.disabledOpacity != null ? String(s.disabledOpacity) : undefined,\n      }\n    : {\n        '--uxm-input-text-bg': s.backgroundColor as string,\n        '--uxm-input-text-border-color': s.borderColor as string,\n        '--uxm-input-text-color': s.color as string,\n        '--uxm-input-text-border-radius': s.borderRadius != null ? `${s.borderRadius}px` : undefined,\n        '--uxm-input-text-padding-x': s.paddingX != null ? `${s.paddingX}px` : undefined,\n        '--uxm-input-text-padding-y': s.paddingY != null ? `${s.paddingY}px` : undefined,\n        '--uxm-input-text-font-size': s.fontSize != null ? `${s.fontSize}px` : undefined,\n        '--uxm-input-text-hover-bg': s.hoverBg as string,\n        '--uxm-input-text-hover-border': s.hoverBorder as string,\n        '--uxm-input-text-focus-border': s.focusBorder as string,\n        '--uxm-input-text-focus-ring': s.focusRing as string,\n        '--uxm-input-text-disabled-bg': s.disabledBg as string,\n        '--uxm-input-text-disabled-border': s.disabledBorder as string,\n        '--uxm-input-text-disabled-color': s.disabledColor as string,\n        '--uxm-input-text-disabled-opacity':\n          s.disabledOpacity != null ? String(s.disabledOpacity) : undefined,\n      }) as unknown as CSSProperties;\n  return (\n    <div style={cssVars}>\n      <label style={{ fontSize: scaled(12), fontWeight: 500, color: (s.labelColor as string) ?? 'var(--color-text)', display: 'block', marginBottom: 5 }}>{label}</label>\n      {icon ? (\n        <InputWithIcon placeholder={placeholder} icon={icon} />\n      ) : (\n        <TextInput placeholder={placeholder} />\n      )}\n    </div>\n  );\n}\n\nfunction MiniSelect({ label, options, initial }: { label: string; options: string[]; initial?: string }) {\n  // Same architecture as MiniInput / MiniCheckbox / MiniToggle — render\n  // the real <Select> atom and project the full `--uxm-select-dropdown-*`\n  // var set on a wrapper. The atom's own CSS owns :hover / :focus /\n  // :disabled, so live edits to the registry flow through automatically.\n  // Native <select> means clicking opens the platform picker, which is a\n  // small UX change from the prior custom popover but keeps the Mini in\n  // sync with the actual Select Dropdown atom we ship.\n  const s = useResolved('select-dropdown');\n  const [value, setValue] = useState(initial ?? options[0]);\n  const cssVars = {\n    '--uxm-select-dropdown-bg': s.backgroundColor as string,\n    '--uxm-select-dropdown-border-color': s.borderColor as string,\n    '--uxm-select-dropdown-color': s.color as string,\n    '--uxm-select-dropdown-border-radius': s.borderRadius != null ? `${s.borderRadius}px` : undefined,\n    '--uxm-select-dropdown-padding-x': s.paddingX != null ? `${s.paddingX}px` : undefined,\n    '--uxm-select-dropdown-padding-y': s.paddingY != null ? `${s.paddingY}px` : undefined,\n    '--uxm-select-dropdown-font-size': s.fontSize != null ? `${s.fontSize}px` : undefined,\n    '--uxm-select-dropdown-hover-bg': s.hoverBg as string,\n    '--uxm-select-dropdown-hover-border': s.hoverBorder as string,\n    '--uxm-select-dropdown-focus-border': s.focusBorder as string,\n    '--uxm-select-dropdown-focus-ring': s.focusRing as string,\n    '--uxm-select-dropdown-disabled-bg': s.disabledBg as string,\n    '--uxm-select-dropdown-disabled-border': s.disabledBorder as string,\n    '--uxm-select-dropdown-disabled-color': s.disabledColor as string,\n    '--uxm-select-dropdown-disabled-opacity':\n      s.disabledOpacity != null ? String(s.disabledOpacity) : undefined,\n  } as unknown as CSSProperties;\n  return (\n    <div style={cssVars}>\n      <label style={{ fontSize: scaled(12), fontWeight: 500, color: (s.labelColor as string) ?? 'var(--color-text)', display: 'block', marginBottom: 5 }}>{label}</label>\n      <Select value={value} onChange={(e) => setValue(e.target.value)}>\n        {options.map((o) => (\n          <option key={o} value={o}>{o}</option>\n        ))}\n      </Select>\n    </div>\n  );\n}\n\nfunction MiniCheckbox({ label, initial = false }: { label: string; initial?: boolean }) {\n  // Render the real Checkbox atom so its CSS (hover / focus / disabled,\n  // checked × unchecked × per-state colors) all exercise the same rules\n  // that ship to consumers. Project every relevant `--uxm-checkbox-*`\n  // custom prop onto a wrapper; the atom's styles.css rules read them\n  // and paint accordingly. No more hand-mirroring the registry shape.\n  const s = useResolved('checkbox');\n  const [checked, setChecked] = useState(initial);\n  const cssVars = {\n    '--uxm-checkbox-size': s.size != null ? `${s.size}px` : undefined,\n    '--uxm-checkbox-border-radius': s.borderRadius != null ? `${s.borderRadius}px` : undefined,\n    '--uxm-checkbox-gap': s.gap != null ? `${s.gap}px` : undefined,\n    '--uxm-checkbox-unchecked-bg': s.uncheckedBg as string | undefined,\n    '--uxm-checkbox-unchecked-border': s.uncheckedBorder as string | undefined,\n    '--uxm-checkbox-checked-bg': s.checkedBg as string | undefined,\n    '--uxm-checkbox-checked-border': s.checkedBorder as string | undefined,\n    '--uxm-checkbox-check-glyph-color': s.checkGlyphColor as string | undefined,\n    '--uxm-checkbox-hover-unchecked-bg': s.hoverUncheckedBg as string | undefined,\n    '--uxm-checkbox-hover-unchecked-border': s.hoverUncheckedBorder as string | undefined,\n    '--uxm-checkbox-hover-checked-bg': s.hoverCheckedBg as string | undefined,\n    '--uxm-checkbox-hover-checked-border': s.hoverCheckedBorder as string | undefined,\n    '--uxm-checkbox-hover-check-glyph-color': s.hoverCheckGlyphColor as string | undefined,\n    '--uxm-checkbox-focus-ring': s.focusRing as string | undefined,\n    '--uxm-checkbox-disabled-opacity':\n      s.disabledOpacity != null ? String(s.disabledOpacity) : undefined,\n    fontSize: scaled(12),\n  } as unknown as CSSProperties;\n  return (\n    <span style={cssVars}>\n      <Checkbox checked={checked} onChange={(v) => setChecked(v)}>{label}</Checkbox>\n    </span>\n  );\n}\n\nfunction MiniToggle({ label = 'Notifications', initial = true }: { label?: string; initial?: boolean }) {\n  // Same rationale as MiniCheckbox — render the real ToggleSwitch atom\n  // and project the full `--uxm-toggle-switch-*` var set on a wrapper.\n  // Keeps state-coverage (off / on × default / hover / focus + disabled)\n  // in sync with what consumers see, no hand-rolled track/thumb markup\n  // to drift out of date when the registry changes.\n  const s = useResolved('toggle-switch');\n  const [on, setOn] = useState(initial);\n  const cssVars = {\n    '--uxm-toggle-switch-width': s.width != null ? `${s.width}px` : undefined,\n    '--uxm-toggle-switch-height': s.height != null ? `${s.height}px` : undefined,\n    '--uxm-toggle-switch-off-track': s.offTrack as string | undefined,\n    '--uxm-toggle-switch-off-thumb': s.offThumb as string | undefined,\n    '--uxm-toggle-switch-on-track': s.onTrack as string | undefined,\n    '--uxm-toggle-switch-on-thumb': s.onThumb as string | undefined,\n    '--uxm-toggle-switch-hover-off-track': s.hoverOffTrack as string | undefined,\n    '--uxm-toggle-switch-hover-off-thumb': s.hoverOffThumb as string | undefined,\n    '--uxm-toggle-switch-hover-on-track': s.hoverOnTrack as string | undefined,\n    '--uxm-toggle-switch-hover-on-thumb': s.hoverOnThumb as string | undefined,\n    '--uxm-toggle-switch-focus-ring': s.focusRing as string | undefined,\n    '--uxm-toggle-switch-disabled-opacity':\n      s.disabledOpacity != null ? String(s.disabledOpacity) : undefined,\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 8,\n    fontSize: scaled(12),\n    color: 'var(--color-text)',\n  } as unknown as CSSProperties;\n  return (\n    <span style={cssVars}>\n      <ToggleSwitch checked={on} onChange={(v) => setOn(v)} />\n      <span>{label}</span>\n    </span>\n  );\n}\n\nfunction MiniButtonGroup() {\n  const s = useResolved('button-group');\n  const opts = ['Day', 'Week', 'Month'];\n  const [active, setActive] = useState(1);\n  return (\n    <div style={{ display: 'inline-flex', border: `1px solid ${s.borderColor}`, borderRadius: s.borderRadius as number, overflow: 'hidden' }}>\n      {opts.map((o, i) => (\n        <button\n          key={o}\n          onClick={() => setActive(i)}\n          style={{\n            backgroundColor: i === active ? (s.activeBg as string) : (s.inactiveBg as string),\n            color: i === active ? (s.activeText as string) : (s.inactiveText as string),\n            padding: `${(s.paddingY as number) * 0.75}px ${(s.paddingX as number) * 0.85}px`,\n            fontSize: derived(s.fontSize as number, 1), fontWeight: i === active ? 600 : 500,\n            border: 'none', borderRight: i < 2 ? `1px solid ${s.borderColor}` : 'none', cursor: 'pointer',\n            transition: 'background-color 0.15s, color 0.15s',\n          }}\n        >{o}</button>\n      ))}\n    </div>\n  );\n}\n\n// MiniFilterChips renders the actual <Chip mode=\"filter\"> atom — same way\n// InlineFilter composes chips in production. The previous hand-rolled\n// version read InlineFilter registry knobs (chipBg / chipActiveBg /\n// borderRadius / paddingX / paddingY / fontSize) that were removed when\n// InlineFilter was trimmed to layout-only; chip theming now lives on the\n// Chip atom's own registry. The undefined readbacks were producing\n// `NaN` for `fontSize: (s.fontSize as number) - 1`, which React rejects.\n// Switching to the real atom both silences the warning and lets editor\n// saves on the Chip registry flow into this preview row automatically.\nfunction MiniFilterChips() {\n  const s = useResolved('inline-filter');\n  const chips = ['All', 'Active', 'Draft', 'Archived'];\n  const [active, setActive] = useState(0);\n  return (\n    <div style={{ display: 'flex', gap: (s.gap as number) * 0.75 }}>\n      {chips.map((c, i) => (\n        <Chip\n          key={c}\n          mode=\"filter\"\n          selected={i === active}\n          onClick={() => setActive(i)}\n        >\n          {c}\n        </Chip>\n      ))}\n    </div>\n  );\n}\n\nfunction MiniTabs() {\n  const s = useResolved('tabs');\n  const tabs = ['Overview', 'Motions', 'Pipelines'];\n  const [active, setActive] = useState(0);\n  return (\n    <div style={{\n      display: 'inline-flex',\n      padding: s.trackPadding as number,\n      backgroundColor: s.trackBg as string,\n      border: `1px solid ${s.trackBorder}`,\n      borderRadius: s.trackRadius as number,\n      gap: 2,\n    }}>\n      {tabs.map((t, i) => (\n        <button\n          key={t}\n          type=\"button\"\n          onClick={() => setActive(i)}\n          style={{\n            backgroundColor: i === active ? (s.activeBg as string) : 'transparent',\n            color: i === active ? (s.activeText as string) : (s.inactiveText as string),\n            border: 'none',\n            borderRadius: s.tabRadius as number,\n            padding: `${s.paddingY}px ${s.paddingX}px`,\n            fontSize: derived(s.fontSize as number, 1), fontWeight: i === active ? 600 : 500, cursor: 'pointer',\n            boxShadow: i === active ? 'var(--shadow-xs)' : 'none',\n            transition: 'background-color 0.15s, color 0.15s',\n          }}\n        >{t}</button>\n      ))}\n    </div>\n  );\n}\n\nfunction MiniAvatar({ initials = 'LR' }: { initials?: string }) {\n  const s = useResolved('avatar');\n  const [hover, setHover] = useState(false);\n  return (\n    <button\n      type=\"button\"\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n      style={{\n        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',\n        width: (s.size as number) * 0.75, height: (s.size as number) * 0.75,\n        borderRadius: s.borderRadius as number,\n        backgroundColor: s.backgroundColor as string,\n        color: s.color as string,\n        border: hover ? `2px solid var(--color-accent)` : '2px solid transparent',\n        fontSize: derived(s.fontSize as number, 2),\n        fontWeight: s.fontWeight as string,\n        cursor: 'pointer',\n        transition: 'border-color 0.15s',\n      }}\n    >\n      {initials}\n    </button>\n  );\n}\n\n\nfunction MiniTable() {\n  const s = useResolved('data-table');\n  const rows = [\n    { name: 'Enterprise SaaS', status: 'Active', amount: '$84,500' },\n    { name: 'Product-Led Growth', status: 'Active', amount: '$215,000' },\n    { name: 'Channel Partner', status: 'Draft', amount: '$32,750' },\n  ];\n  const [hoverRow, setHoverRow] = useState<number | null>(null);\n  const STATUS_TO_TAG_TYPE: Record<string, TagType> = {\n    Active: 'accent',\n    Draft: 'warning',\n  };\n  return (\n    <div style={{ border: `1px solid ${s.borderColor}`, borderRadius: s.borderRadius as number, overflow: 'hidden' }}>\n      <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: derived(s.fontSize as number, 1) }}>\n        <thead>\n          <tr style={{ backgroundColor: s.headerBg as string }}>\n            {['Name', 'Status', 'Amount'].map((h) => (\n              <th key={h} style={{\n                textAlign: 'left', padding: `${(s.cellPaddingY as number) * 0.75}px ${s.cellPaddingX}px`,\n                fontWeight: 600, color: s.headerText as string, borderBottom: `1px solid ${s.borderColor}`, fontSize: derived(s.fontSize as number, 2),\n              }}>{h}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map((r, i) => (\n            <tr\n              key={r.name}\n              onMouseEnter={() => setHoverRow(i)}\n              onMouseLeave={() => setHoverRow(null)}\n              style={{\n                backgroundColor: hoverRow === i ? 'var(--color-surface-alt)' : 'transparent',\n                cursor: 'pointer',\n                transition: 'background-color 0.12s',\n              }}\n            >\n              <td style={{ padding: `${(s.cellPaddingY as number) * 0.75}px ${s.cellPaddingX}px`, fontWeight: 500, color: 'var(--color-text)', borderBottom: `1px solid ${s.borderColor}` }}>{r.name}</td>\n              <td style={{ padding: `${(s.cellPaddingY as number) * 0.75}px ${s.cellPaddingX}px`, borderBottom: `1px solid ${s.borderColor}` }}>\n                <Tag type={STATUS_TO_TAG_TYPE[r.status] ?? 'neutral'} size=\"small\">{r.status}</Tag>\n              </td>\n              <td style={{ padding: `${(s.cellPaddingY as number) * 0.75}px ${s.cellPaddingX}px`, fontWeight: 500, color: 'var(--color-text)', borderBottom: `1px solid ${s.borderColor}` }}>{r.amount}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\n// ── Success state ──\n\nfunction BuildSuccess({ onClose }: { onClose: () => void }) {\n  return (\n    <div style={{\n      display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center',\n      height: '100%', gap: 16, textAlign: 'center',\n    }}>\n      <div style={{\n        width: 72, height: 72, borderRadius: '50%', backgroundColor: 'var(--color-accent-subtle)',\n        display: 'flex', alignItems: 'center', justifyContent: 'center',\n        animation: 'scaleIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1)',\n      }}>\n        {/* Animated BuildSuccess check — kept inline because the\n            stroke-dasharray draw animation is per-path. <Icon> doesn't\n            forward per-path style, so swapping would lose the draw\n            effect. The path itself is the same as the `check` glyph. */}\n        <svg width={36} height={36} fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={2.5} stroke=\"var(--color-accent-bold)\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"\n            style={{\n              strokeDasharray: 30,\n              strokeDashoffset: 0,\n              animation: 'drawCheck 0.4s ease-out 0.2s both',\n            }}\n          />\n        </svg>\n      </div>\n      <div>\n        <h2 id=\"uxm-preview-modal-title\" style={{\n          fontFamily: roleFont('page-title'),\n          fontSize: scaled(22, 'page-title'),\n          fontWeight: roleWeight('page-title', 700),\n          color: 'var(--color-text)', margin: '0 0 6px',\n        }}>Design system ready</h2>\n        <p style={{ fontSize: scaled(14), color: 'var(--color-text-muted)', margin: 0 }}>{registry.length} components configured</p>\n      </div>\n      <ButtonPrimary onClick={onClose} style={{ marginTop: 8 }}>\n        Close\n      </ButtonPrimary>\n    </div>\n  );\n}\n\n// ── Main modal ──\n\nexport function PreviewModal({ onClose }: { onClose: () => void }) {\n  const { getAllOverrides, brand, persistence, capabilities } = useUxm();\n  const globalTheme = useGlobalTheme();\n  const activeLogo = globalTheme === 'dark' ? (brand.logoUrlDark || brand.logoUrl) : brand.logoUrl;\n  const activeFavicon = globalTheme === 'dark' ? (brand.faviconUrlDark || brand.faviconUrl) : brand.faviconUrl;\n  const [built, setBuilt] = useState(false);\n  const [building, setBuilding] = useState(false);\n  const [buildError, setBuildError] = useState<string | null>(null);\n  const [bannerVisible, setBannerVisible] = useState(true);\n\n  // Escape-to-close — the modal has no focus trap, so this is the primary\n  // keyboard dismissal path.\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [onClose]);\n\n  const handleBuild = useCallback(async () => {\n    setBuilding(true);\n    setBuildError(null);\n    try {\n      await persistence.save({ overrides: getAllOverrides(), brand });\n      setBuilt(true);\n    } catch (err) {\n      setBuildError(err instanceof Error ? err.message : 'Build failed');\n    } finally {\n      setBuilding(false);\n    }\n  }, [getAllOverrides, brand, persistence]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- modal backdrop click-to-dismiss; the close control inside is keyboard-accessible\n    <div\n      style={{\n        position: 'fixed', inset: 0, zIndex: 50,\n        backgroundColor: 'rgba(0,0,0,0.4)',\n        backdropFilter: 'blur(4px)',\n        display: 'flex', alignItems: 'center', justifyContent: 'center',\n        animation: 'fadeIn 0.2s ease-out',\n      }}\n      onClick={onClose}\n    >\n      <style>{`\n        @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }\n        @keyframes slideUp { from { opacity: 0; transform: translateY(16px) } to { opacity: 1; transform: translateY(0) } }\n        @keyframes scaleIn { from { transform: scale(0) } to { transform: scale(1) } }\n        @keyframes drawCheck { from { stroke-dashoffset: 30 } to { stroke-dashoffset: 0 } }\n        @keyframes alertSlide { from { opacity: 0; transform: translateY(-6px) } to { opacity: 1; transform: translateY(0) } }\n\n        .uxm-browser-tab {\n          position: relative;\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          max-width: 240px;\n          padding: 6px 16px 6px 12px;\n          background-color: var(--color-card);\n          border-top-left-radius: 10px;\n          border-top-right-radius: 10px;\n        }\n        .uxm-browser-tab::before,\n        .uxm-browser-tab::after {\n          content: \"\";\n          position: absolute;\n          bottom: 0;\n          width: 10px;\n          height: 10px;\n          background-color: transparent;\n        }\n        .uxm-browser-tab::before {\n          left: -10px;\n          border-bottom-right-radius: 10px;\n          box-shadow: 4px 0 0 0 var(--color-card);\n        }\n        .uxm-browser-tab::after {\n          right: -10px;\n          border-bottom-left-radius: 10px;\n          box-shadow: -4px 0 0 0 var(--color-card);\n        }\n      `}</style>\n\n      {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- backdrop-dismiss guard: stops clicks inside the dialog from bubbling to the backdrop; the dialog panel isn't itself an interactive control */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"uxm-preview-modal-title\"\n        onClick={(e) => e.stopPropagation()}\n        style={{\n          width: '90vw', maxWidth: 960, height: '85vh', maxHeight: 680,\n          backgroundColor: 'var(--color-surface)', borderRadius: 16,\n          display: 'flex', flexDirection: 'column', overflow: 'hidden',\n          boxShadow: 'var(--shadow-2xl)',\n          animation: 'slideUp 0.25s ease-out',\n        }}\n      >\n        {built ? (\n          <BuildSuccess onClose={onClose} />\n        ) : (\n          <>\n            {/* Browser tab strip */}\n            <div style={{\n              display: 'flex', alignItems: 'flex-end', gap: 0,\n              paddingTop: 8, paddingLeft: 24, paddingRight: 12,\n              backgroundColor: 'var(--color-surface-alt)',\n            }}>\n              <div className=\"uxm-browser-tab\">\n                <img\n                  src={activeFavicon || '/favicon.ico'}\n                  alt=\"\"\n                  width={14}\n                  height={14}\n                  style={{ flexShrink: 0, objectFit: 'contain' }}\n                  onError={(e) => { (e.currentTarget as HTMLImageElement).style.visibility = 'hidden'; }}\n                />\n                <span style={{\n                  fontSize: scaled(12), color: 'var(--color-text)', fontWeight: 500,\n                  whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis',\n                }}>\n                  Modo — Dashboard\n                </span>\n              </div>\n              <IconButton\n                aria-label=\"Close preview\"\n                onClick={onClose}\n                style={{ marginLeft: 'auto', marginBottom: 6 }}\n              >\n                <Icon glyph=\"close\" size={16} strokeWidth={1.5} />\n              </IconButton>\n            </div>\n\n            {/* Dashboard content */}\n            <div style={{ flex: 1, overflow: 'auto', padding: 24 }}>\n              {/* Top row: logo + title + actions + avatar */}\n              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 16, gap: 16 }}>\n                <div style={{ display: 'flex', alignItems: 'center', gap: 12, minWidth: 0 }}>\n                  <img\n                    src={activeLogo || '/viax-logo.svg'}\n                    alt=\"Logo\"\n                    style={{ height: 22, maxWidth: 140, objectFit: 'contain', flexShrink: 0 }}\n                    onError={(e) => { (e.currentTarget as HTMLImageElement).style.display = 'none'; }}\n                  />\n                  <div style={{ height: 22, width: 1, backgroundColor: 'var(--color-border)', flexShrink: 0 }} />\n                  <div style={{ minWidth: 0 }}>\n                    <h3 id=\"uxm-preview-modal-title\" style={{\n                      fontFamily: roleFont('page-title'),\n                      fontSize: scaled(18, 'page-title'),\n                      fontWeight: roleWeight('page-title', 700),\n                      color: 'var(--color-text)', margin: 0,\n                    }}>Dashboard</h3>\n                    <p style={{ fontSize: scaled(12), color: 'var(--color-text-muted)', margin: '2px 0 0' }}>Revenue overview for Q1 2026</p>\n                  </div>\n                </div>\n                <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n                  <MiniButtonGroup />\n                  <MiniButton label=\"Export\" variant=\"secondary\" />\n                  <MiniButton label=\"New Report\" />\n                  <MiniAvatar />\n                </div>\n              </div>\n\n              {/* Tabs row */}\n              <div style={{ marginBottom: 16 }}>\n                <MiniTabs />\n              </div>\n\n              {bannerVisible && (\n                <div style={{ marginBottom: 16, animation: 'alertSlide 0.25s ease-out' }}>\n                  {/* Banner: persistent status announcement inline in the dashboard */}\n                  <Banner\n                    variant=\"success\"\n                    title=\"Q1 forecast beat target by 12%. Nice work.\"\n                    onDismiss={() => setBannerVisible(false)}\n                  />\n                </div>\n              )}\n\n              {/* Stats row */}\n              <div style={{ display: 'flex', gap: 14, marginBottom: 20 }}>\n                <MiniStatCard label=\"Total Revenue\" value=\"$48.2K\" trend=\"+12.5%\" up />\n                <MiniStatCard label=\"Active Users\" value=\"2,847\" trend=\"+8.2%\" up />\n                <MiniStatCard label=\"Churn Rate\" value=\"3.1%\" trend=\"+0.4%\" up={false} />\n              </div>\n\n              {/* Main: table + sidebar */}\n              <div style={{ display: 'grid', gridTemplateColumns: '1fr 280px', gap: 16, marginBottom: 20 }}>\n                <div>\n                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 10 }}>\n                    <MiniFilterChips />\n                  </div>\n                  <MiniTable />\n                </div>\n\n                <div style={{ display: 'flex', flexDirection: 'column', gap: 14 }}>\n                  <MiniCard />\n                  <div style={{\n                    backgroundColor: 'var(--color-card)', border: '1px solid var(--color-border)', borderRadius: 10, padding: 16,\n                  }}>\n                    <h4 style={{\n                      fontFamily: roleFont('section-title'),\n                      fontSize: scaled(13, 'section-title'),\n                      fontWeight: roleWeight('section-title', 600),\n                      color: 'var(--color-text)', margin: '0 0 12px',\n                    }}>Quick Add</h4>\n                    <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n                      <MiniInput\n                        label=\"Name\"\n                        placeholder=\"Motion name\"\n                        icon={<Icon glyph=\"pencil\" size={14} />}\n                      />\n                      <MiniSelect label=\"Segment\" options={['Enterprise', 'Mid-Market', 'SMB', 'Startup']} />\n                      <MiniCheckbox label=\"Send confirmation email\" initial />\n                      <MiniToggle label=\"Auto-publish\" initial={false} />\n                      <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 8 }}>\n                        <MiniButton label=\"Cancel\" variant=\"tertiary\" />\n                        <MiniButton label=\"Create\" />\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              {/* Footer tags */}\n              <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>\n                <span style={{ fontSize: scaled(12), color: 'var(--color-text-muted)', marginRight: 4 }}>Tags:</span>\n                <Tag type=\"success\">Active</Tag>\n                <Tag type=\"warning\">Draft</Tag>\n                <Tag type=\"info\">Q1 2026</Tag>\n                <Tag type=\"neutral\">Revenue</Tag>\n              </div>\n            </div>\n\n            {/* Build CTA — hidden in read-only mode (static portal) */}\n            {capabilities.persist && (\n              <div style={{\n                padding: '16px 24px', borderTop: '1px solid var(--color-border)', backgroundColor: 'var(--color-card)',\n                display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n              }}>\n                <p style={{ fontSize: scaled(13), color: buildError ? 'var(--color-danger-text)' : 'var(--color-text-muted)', margin: 0 }}>\n                  {buildError ?? 'Publish saves your changes to the environment'}\n                </p>\n                <ButtonPrimary\n                  onClick={handleBuild}\n                  disabled={building}\n                  style={{\n                    cursor: building ? 'not-allowed' : 'pointer',\n                    opacity: building ? 0.6 : 1,\n                  }}\n                >\n                  <Icon glyph=\"cursor-arrow-rays\" size={16} strokeWidth={2} />\n                  {building ? 'Publishing…' : 'Publish'}\n                </ButtonPrimary>\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAoHI,SA6jBM,UA9hBJ,KA/BF;AApHJ,SAAS,UAAU,SAAS,aAAa,iBAAqC;AAE9E,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,WAAyB;AAClC,SAAS,oBAAoB;AAE7B,SAAS,cAAc;AACvB,SAAS,iBAAiB,gBAAgB;AAC1C,SAAS,sBAAsB;AAa/B,MAAM,SAAS,CAAC,IAAqB,SAAoB;AACvD,QAAM,OAAO,OAAO,OAAO,WAAW,GAAG,EAAE,OAAO;AAClD,SAAO,QAAQ,IAAI,GAAG,OAAO,iBAAiB,IAAI,eAAe,EAAE;AACrE;AAEA,MAAM,UAAU,CAAC,IAAY,WAAmB,OAAO,IAAI,EAAE,QAAQ,MAAM,KAAK;AAChF,MAAM,WAAW,CAAC,SAChB,cAAc,IAAI;AACpB,MAAM,aAAa,CAAC,MAAgB,aAClC,cAAc,IAAI,wCAAwC,QAAQ;AAEpE,SAAS,YAAY,aAAqB;AACxC,QAAM,EAAE,aAAa,IAAI,OAAO;AAChC,QAAM,MAAM,gBAAgB,WAAW;AACvC,QAAM,YAAY,aAAa,WAAW;AAE1C,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,IAAK,QAAO,CAAC;AAClB,UAAM,SAAoD,CAAC;AAC3D,eAAW,QAAQ,IAAI,iBAAiB;AACtC,aAAO,KAAK,GAAG,IAAI,UAAU,KAAK,GAAG,KAAK,KAAK;AAAA,IACjD;AACA,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,SAAS,CAAC;AACrB;AAIA,SAAS,WAAW;AAAA,EAClB;AAAA,EAAO,UAAU;AAAA,EAAW;AAAA,EAAS;AACvC,GAKG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,KAAK,YAAY,gBAAgB;AACvC,QAAM,KAAK,YAAY,kBAAkB;AACzC,QAAM,KAAK,YAAY,iBAAiB;AACxC,QAAM,KAAK,YAAY,cAAc;AACrC,QAAM,IAAI,YAAY,cAAc,KAAK,YAAY,aAAa,KAAK,YAAY,UAAU,KAAK;AAMlG,QAAM,WAAW,CAAK,YAA2B,SAC/C,eAAe,SAAY,aAAa;AAC1C,QAAM,YAAY,UACd,SAAS,EAAE,uBAA6C,EAAE,eAAyB,IACnF,QACA,SAAS,EAAE,sBAA4C,EAAE,eAAyB,IACjF,EAAE;AACP,QAAM,eAAe,UACjB,SAAS,EAAE,aAAmC,EAAE,KAAe,IAC/D,QACA,SAAS,EAAE,YAAkC,EAAE,KAAe,IAC7D,EAAE;AACP,QAAM,qBAAqB,UACvB,SAAS,EAAE,mBAAyC,EAAE,WAAqB,IAC3E,QACA,SAAS,EAAE,kBAAwC,EAAE,WAAqB,IACzE,EAAE;AAEP,QAAM,SACJ,YAAY,cAAc,eAAe,kBAAkB,KAC3D,YAAY,aAAa,aAAa,kBAAkB,KACxD;AAEF,QAAM,YAAiC;AAAA,IACrC,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP;AAAA,IACA,cAAc,EAAE;AAAA,IAChB,SAAS,GAAG,EAAE,QAAQ,MAAM,EAAE,QAAQ;AAAA,IACtC,UAAU,OAAO,GAAG,EAAE,QAAQ,IAAI;AAAA,IAClC,YAAY,EAAE;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,WAAW,UAAU,gBAAgB;AAAA,EACvC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM;AAAE,iBAAS,KAAK;AAAG,mBAAW,KAAK;AAAA,MAAG;AAAA,MAC1D,aAAa,MAAM,WAAW,IAAI;AAAA,MAClC,WAAW,MAAM,WAAW,KAAK;AAAA,MACjC,OAAO;AAAA,MAEN;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,aAAa,EAAE,OAAO,OAAO,OAAO,GAAG,GAAiE;AAC/G,QAAM,IAAI,YAAY,WAAW;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,OAAO;AAAA,QACL,iBAAiB,EAAE;AAAA,QACnB,QAAQ,aAAa,QAAQ,8BAA8B,EAAE,WAAW;AAAA,QACxE,cAAc,EAAE;AAAA,QAAwB,SAAS,EAAE;AAAA,QAAmB,MAAM;AAAA,QAC5E,YAAY;AAAA,QACZ,WAAW,QAAQ,qBAAqB;AAAA,QACxC,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA,4BAAC,OAAE,OAAO,EAAE,UAAU,OAAO,GAAG,EAAE,SAAS,IAAI,GAAG,OAAO,2BAA2B,YAAY,KAAK,QAAQ,EAAE,GAAI,iBAAM;AAAA,QACzH,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,YAAY,KAAK,GAAG,WAAW,EAAE,GAC1E;AAAA,8BAAC,UAAK,OAAO;AAAA,YACX,YAAY,SAAS,SAAS;AAAA,YAC9B,UAAU,OAAO,GAAI,EAAE,YAAuB,GAAG,MAAM,SAAS;AAAA,YAChE,YAAY,WAAW,WAAW,GAAG;AAAA,YACrC,OAAO;AAAA,UACT,GAAI,iBAAM;AAAA,UACV,qBAAC,UAAK,OAAO;AAAA,YACX,UAAU,OAAO,EAAE;AAAA,YAAG,YAAY;AAAA,YAClC,OAAO,KAAM,EAAE,eAA2B,EAAE;AAAA,YAC5C,SAAS;AAAA,YAAe,YAAY;AAAA,YAAU,KAAK;AAAA,UACrD,GACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,aAAa;AAAA,gBACb,OAAO,EAAE,WAAW,KAAK,SAAS,iBAAiB;AAAA;AAAA,YACrD;AAAA,YACC;AAAA,aACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,WAAW;AAClB,QAAM,IAAI,YAAY,MAAM;AAC5B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,OAAO;AAAA,QACL,iBAAiB,EAAE;AAAA,QAA2B,QAAQ,aAAa,EAAE,WAAW;AAAA,QAChF,cAAc,EAAE;AAAA,QAAwB,SAAS,EAAE;AAAA,QACnD,WAAW,QAAQ,qBAAsB,EAAE,SAAS,qBAAqB;AAAA,QACzE,YAAY;AAAA,QACZ,WAAW,QAAQ,qBAAqB;AAAA,MAC1C;AAAA,MAEA;AAAA,6BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,IAAI,cAAc,GAAG,GAC7E;AAAA,8BAAC,SAAI,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,cAAc,GAAG,iBAAiB,8BAA8B,SAAS,QAAQ,YAAY,UAAU,gBAAgB,UAAU,OAAO,2BAA2B,GACtM,8BAAC,QAAK,OAAM,QAAO,MAAM,IAAI,GAC/B;AAAA,UACA,qBAAC,SACC;AAAA,gCAAC,QAAG,OAAO;AAAA,cACT,YAAY,SAAS,eAAe;AAAA,cACpC,UAAU,OAAO,IAAI,eAAe;AAAA,cACpC,YAAY,WAAW,iBAAiB,GAAG;AAAA,cAC3C,OAAO;AAAA,cAAqB,QAAQ;AAAA,YACtC,GAAG,6BAAe;AAAA,YAClB,oBAAC,OAAE,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,OAAO,2BAA2B,QAAQ,EAAE,GAAG,4BAAc;AAAA,aACjG;AAAA,WACF;AAAA,QACA,oBAAC,OAAE,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,OAAO,2BAA2B,YAAY,qCAAqC,QAAQ,EAAE,GAAG,sEAElI;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,aAAa,KAAK,GAAmE;AAM/G,QAAM,KAAK,OAAO,oBAAoB;AACtC,QAAM,IAAI,YAAY,EAAE;AACxB,QAAM,UAAW,OACb;AAAA,IACE,4BAA4B,EAAE;AAAA,IAC9B,sCAAsC,EAAE;AAAA,IACxC,+BAA+B,EAAE;AAAA,IACjC,gCAAgC,EAAE,gBAAgB,OAAO,GAAG,EAAE,YAAY,OAAO;AAAA,IACjF,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,oCAAoC,EAAE;AAAA,IACtC,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,qCAAqC,EAAE,cAAc,OAAO,GAAG,EAAE,UAAU,OAAO;AAAA,IAClF,kCAAkC,EAAE;AAAA,IACpC,sCAAsC,EAAE;AAAA,IACxC,sCAAsC,EAAE;AAAA,IACxC,oCAAoC,EAAE;AAAA,IACtC,qCAAqC,EAAE;AAAA,IACvC,yCAAyC,EAAE;AAAA,IAC3C,wCAAwC,EAAE;AAAA,IAC1C,0CACE,EAAE,mBAAmB,OAAO,OAAO,EAAE,eAAe,IAAI;AAAA,EAC5D,IACA;AAAA,IACE,uBAAuB,EAAE;AAAA,IACzB,iCAAiC,EAAE;AAAA,IACnC,0BAA0B,EAAE;AAAA,IAC5B,kCAAkC,EAAE,gBAAgB,OAAO,GAAG,EAAE,YAAY,OAAO;AAAA,IACnF,8BAA8B,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IACvE,8BAA8B,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IACvE,8BAA8B,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IACvE,6BAA6B,EAAE;AAAA,IAC/B,iCAAiC,EAAE;AAAA,IACnC,iCAAiC,EAAE;AAAA,IACnC,+BAA+B,EAAE;AAAA,IACjC,gCAAgC,EAAE;AAAA,IAClC,oCAAoC,EAAE;AAAA,IACtC,mCAAmC,EAAE;AAAA,IACrC,qCACE,EAAE,mBAAmB,OAAO,OAAO,EAAE,eAAe,IAAI;AAAA,EAC5D;AACJ,SACE,qBAAC,SAAI,OAAO,SACV;AAAA,wBAAC,WAAM,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,YAAY,KAAK,OAAQ,EAAE,cAAyB,qBAAqB,SAAS,SAAS,cAAc,EAAE,GAAI,iBAAM;AAAA,IAC1J,OACC,oBAAC,iBAAc,aAA0B,MAAY,IAErD,oBAAC,aAAU,aAA0B;AAAA,KAEzC;AAEJ;AAEA,SAAS,WAAW,EAAE,OAAO,SAAS,QAAQ,GAA2D;AAQvG,QAAM,IAAI,YAAY,iBAAiB;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,WAAW,QAAQ,CAAC,CAAC;AACxD,QAAM,UAAU;AAAA,IACd,4BAA4B,EAAE;AAAA,IAC9B,sCAAsC,EAAE;AAAA,IACxC,+BAA+B,EAAE;AAAA,IACjC,uCAAuC,EAAE,gBAAgB,OAAO,GAAG,EAAE,YAAY,OAAO;AAAA,IACxF,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,mCAAmC,EAAE,YAAY,OAAO,GAAG,EAAE,QAAQ,OAAO;AAAA,IAC5E,kCAAkC,EAAE;AAAA,IACpC,sCAAsC,EAAE;AAAA,IACxC,sCAAsC,EAAE;AAAA,IACxC,oCAAoC,EAAE;AAAA,IACtC,qCAAqC,EAAE;AAAA,IACvC,yCAAyC,EAAE;AAAA,IAC3C,wCAAwC,EAAE;AAAA,IAC1C,0CACE,EAAE,mBAAmB,OAAO,OAAO,EAAE,eAAe,IAAI;AAAA,EAC5D;AACA,SACE,qBAAC,SAAI,OAAO,SACV;AAAA,wBAAC,WAAM,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,YAAY,KAAK,OAAQ,EAAE,cAAyB,qBAAqB,SAAS,SAAS,cAAc,EAAE,GAAI,iBAAM;AAAA,IAC3J,oBAAC,UAAO,OAAc,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK,GAC3D,kBAAQ,IAAI,CAAC,MACZ,oBAAC,YAAe,OAAO,GAAI,eAAd,CAAgB,CAC9B,GACH;AAAA,KACF;AAEJ;AAEA,SAAS,aAAa,EAAE,OAAO,UAAU,MAAM,GAAyC;AAMtF,QAAM,IAAI,YAAY,UAAU;AAChC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,OAAO;AAC9C,QAAM,UAAU;AAAA,IACd,uBAAuB,EAAE,QAAQ,OAAO,GAAG,EAAE,IAAI,OAAO;AAAA,IACxD,gCAAgC,EAAE,gBAAgB,OAAO,GAAG,EAAE,YAAY,OAAO;AAAA,IACjF,sBAAsB,EAAE,OAAO,OAAO,GAAG,EAAE,GAAG,OAAO;AAAA,IACrD,+BAA+B,EAAE;AAAA,IACjC,mCAAmC,EAAE;AAAA,IACrC,6BAA6B,EAAE;AAAA,IAC/B,iCAAiC,EAAE;AAAA,IACnC,oCAAoC,EAAE;AAAA,IACtC,qCAAqC,EAAE;AAAA,IACvC,yCAAyC,EAAE;AAAA,IAC3C,mCAAmC,EAAE;AAAA,IACrC,uCAAuC,EAAE;AAAA,IACzC,0CAA0C,EAAE;AAAA,IAC5C,6BAA6B,EAAE;AAAA,IAC/B,mCACE,EAAE,mBAAmB,OAAO,OAAO,EAAE,eAAe,IAAI;AAAA,IAC1D,UAAU,OAAO,EAAE;AAAA,EACrB;AACA,SACE,oBAAC,UAAK,OAAO,SACX,8BAAC,YAAS,SAAkB,UAAU,CAAC,MAAM,WAAW,CAAC,GAAI,iBAAM,GACrE;AAEJ;AAEA,SAAS,WAAW,EAAE,QAAQ,iBAAiB,UAAU,KAAK,GAA0C;AAMtG,QAAM,IAAI,YAAY,eAAe;AACrC,QAAM,CAAC,IAAI,KAAK,IAAI,SAAS,OAAO;AACpC,QAAM,UAAU;AAAA,IACd,6BAA6B,EAAE,SAAS,OAAO,GAAG,EAAE,KAAK,OAAO;AAAA,IAChE,8BAA8B,EAAE,UAAU,OAAO,GAAG,EAAE,MAAM,OAAO;AAAA,IACnE,iCAAiC,EAAE;AAAA,IACnC,iCAAiC,EAAE;AAAA,IACnC,gCAAgC,EAAE;AAAA,IAClC,gCAAgC,EAAE;AAAA,IAClC,uCAAuC,EAAE;AAAA,IACzC,uCAAuC,EAAE;AAAA,IACzC,sCAAsC,EAAE;AAAA,IACxC,sCAAsC,EAAE;AAAA,IACxC,kCAAkC,EAAE;AAAA,IACpC,wCACE,EAAE,mBAAmB,OAAO,OAAO,EAAE,eAAe,IAAI;AAAA,IAC1D,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU,OAAO,EAAE;AAAA,IACnB,OAAO;AAAA,EACT;AACA,SACE,qBAAC,UAAK,OAAO,SACX;AAAA,wBAAC,gBAAa,SAAS,IAAI,UAAU,CAAC,MAAM,MAAM,CAAC,GAAG;AAAA,IACtD,oBAAC,UAAM,iBAAM;AAAA,KACf;AAEJ;AAEA,SAAS,kBAAkB;AACzB,QAAM,IAAI,YAAY,cAAc;AACpC,QAAM,OAAO,CAAC,OAAO,QAAQ,OAAO;AACpC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,eAAe,QAAQ,aAAa,EAAE,WAAW,IAAI,cAAc,EAAE,cAAwB,UAAU,SAAS,GACpI,eAAK,IAAI,CAAC,GAAG,MACZ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,MAAM,UAAU,CAAC;AAAA,MAC1B,OAAO;AAAA,QACL,iBAAiB,MAAM,SAAU,EAAE,WAAuB,EAAE;AAAA,QAC5D,OAAO,MAAM,SAAU,EAAE,aAAyB,EAAE;AAAA,QACpD,SAAS,GAAI,EAAE,WAAsB,IAAI,MAAO,EAAE,WAAsB,IAAI;AAAA,QAC5E,UAAU,QAAQ,EAAE,UAAoB,CAAC;AAAA,QAAG,YAAY,MAAM,SAAS,MAAM;AAAA,QAC7E,QAAQ;AAAA,QAAQ,aAAa,IAAI,IAAI,aAAa,EAAE,WAAW,KAAK;AAAA,QAAQ,QAAQ;AAAA,QACpF,YAAY;AAAA,MACd;AAAA,MACA;AAAA;AAAA,IAVK;AAAA,EAUH,CACL,GACH;AAEJ;AAWA,SAAS,kBAAkB;AACzB,QAAM,IAAI,YAAY,eAAe;AACrC,QAAM,QAAQ,CAAC,OAAO,UAAU,SAAS,UAAU;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,SACE,oBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAM,EAAE,MAAiB,KAAK,GAC1D,gBAAM,IAAI,CAAC,GAAG,MACb;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,UAAU,CAAC;AAAA,MAEzB;AAAA;AAAA,IALI;AAAA,EAMP,CACD,GACH;AAEJ;AAEA,SAAS,WAAW;AAClB,QAAM,IAAI,YAAY,MAAM;AAC5B,QAAM,OAAO,CAAC,YAAY,WAAW,WAAW;AAChD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,SACE,oBAAC,SAAI,OAAO;AAAA,IACV,SAAS;AAAA,IACT,SAAS,EAAE;AAAA,IACX,iBAAiB,EAAE;AAAA,IACnB,QAAQ,aAAa,EAAE,WAAW;AAAA,IAClC,cAAc,EAAE;AAAA,IAChB,KAAK;AAAA,EACP,GACG,eAAK,IAAI,CAAC,GAAG,MACZ;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,MAAM,UAAU,CAAC;AAAA,MAC1B,OAAO;AAAA,QACL,iBAAiB,MAAM,SAAU,EAAE,WAAsB;AAAA,QACzD,OAAO,MAAM,SAAU,EAAE,aAAyB,EAAE;AAAA,QACpD,QAAQ;AAAA,QACR,cAAc,EAAE;AAAA,QAChB,SAAS,GAAG,EAAE,QAAQ,MAAM,EAAE,QAAQ;AAAA,QACtC,UAAU,QAAQ,EAAE,UAAoB,CAAC;AAAA,QAAG,YAAY,MAAM,SAAS,MAAM;AAAA,QAAK,QAAQ;AAAA,QAC1F,WAAW,MAAM,SAAS,qBAAqB;AAAA,QAC/C,YAAY;AAAA,MACd;AAAA,MACA;AAAA;AAAA,IAbK;AAAA,EAaH,CACL,GACH;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,KAAK,GAA0B;AAC9D,QAAM,IAAI,YAAY,QAAQ;AAC9B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,OAAO;AAAA,QACL,SAAS;AAAA,QAAe,YAAY;AAAA,QAAU,gBAAgB;AAAA,QAC9D,OAAQ,EAAE,OAAkB;AAAA,QAAM,QAAS,EAAE,OAAkB;AAAA,QAC/D,cAAc,EAAE;AAAA,QAChB,iBAAiB,EAAE;AAAA,QACnB,OAAO,EAAE;AAAA,QACT,QAAQ,QAAQ,kCAAkC;AAAA,QAClD,UAAU,QAAQ,EAAE,UAAoB,CAAC;AAAA,QACzC,YAAY,EAAE;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAGA,SAAS,YAAY;AACnB,QAAM,IAAI,YAAY,YAAY;AAClC,QAAM,OAAO;AAAA,IACX,EAAE,MAAM,mBAAmB,QAAQ,UAAU,QAAQ,UAAU;AAAA,IAC/D,EAAE,MAAM,sBAAsB,QAAQ,UAAU,QAAQ,WAAW;AAAA,IACnE,EAAE,MAAM,mBAAmB,QAAQ,SAAS,QAAQ,UAAU;AAAA,EAChE;AACA,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAC5D,QAAM,qBAA8C;AAAA,IAClD,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACA,SACE,oBAAC,SAAI,OAAO,EAAE,QAAQ,aAAa,EAAE,WAAW,IAAI,cAAc,EAAE,cAAwB,UAAU,SAAS,GAC7G,+BAAC,WAAM,OAAO,EAAE,OAAO,QAAQ,gBAAgB,YAAY,UAAU,QAAQ,EAAE,UAAoB,CAAC,EAAE,GACpG;AAAA,wBAAC,WACC,8BAAC,QAAG,OAAO,EAAE,iBAAiB,EAAE,SAAmB,GAChD,WAAC,QAAQ,UAAU,QAAQ,EAAE,IAAI,CAAC,MACjC,oBAAC,QAAW,OAAO;AAAA,MACjB,WAAW;AAAA,MAAQ,SAAS,GAAI,EAAE,eAA0B,IAAI,MAAM,EAAE,YAAY;AAAA,MACpF,YAAY;AAAA,MAAK,OAAO,EAAE;AAAA,MAAsB,cAAc,aAAa,EAAE,WAAW;AAAA,MAAI,UAAU,QAAQ,EAAE,UAAoB,CAAC;AAAA,IACvI,GAAI,eAHK,CAGH,CACP,GACH,GACF;AAAA,IACA,oBAAC,WACE,eAAK,IAAI,CAAC,GAAG,MACZ;AAAA,MAAC;AAAA;AAAA,QAEC,cAAc,MAAM,YAAY,CAAC;AAAA,QACjC,cAAc,MAAM,YAAY,IAAI;AAAA,QACpC,OAAO;AAAA,UACL,iBAAiB,aAAa,IAAI,6BAA6B;AAAA,UAC/D,QAAQ;AAAA,UACR,YAAY;AAAA,QACd;AAAA,QAEA;AAAA,8BAAC,QAAG,OAAO,EAAE,SAAS,GAAI,EAAE,eAA0B,IAAI,MAAM,EAAE,YAAY,MAAM,YAAY,KAAK,OAAO,qBAAqB,cAAc,aAAa,EAAE,WAAW,GAAG,GAAI,YAAE,MAAK;AAAA,UACvL,oBAAC,QAAG,OAAO,EAAE,SAAS,GAAI,EAAE,eAA0B,IAAI,MAAM,EAAE,YAAY,MAAM,cAAc,aAAa,EAAE,WAAW,GAAG,GAC7H,8BAAC,OAAI,MAAM,mBAAmB,EAAE,MAAM,KAAK,WAAW,MAAK,SAAS,YAAE,QAAO,GAC/E;AAAA,UACA,oBAAC,QAAG,OAAO,EAAE,SAAS,GAAI,EAAE,eAA0B,IAAI,MAAM,EAAE,YAAY,MAAM,YAAY,KAAK,OAAO,qBAAqB,cAAc,aAAa,EAAE,WAAW,GAAG,GAAI,YAAE,QAAO;AAAA;AAAA;AAAA,MAbpL,EAAE;AAAA,IAcT,CACD,GACH;AAAA,KACF,GACF;AAEJ;AAIA,SAAS,aAAa,EAAE,QAAQ,GAA4B;AAC1D,SACE,qBAAC,SAAI,OAAO;AAAA,IACV,SAAS;AAAA,IAAQ,eAAe;AAAA,IAAU,YAAY;AAAA,IAAU,gBAAgB;AAAA,IAChF,QAAQ;AAAA,IAAQ,KAAK;AAAA,IAAI,WAAW;AAAA,EACtC,GACE;AAAA,wBAAC,SAAI,OAAO;AAAA,MACV,OAAO;AAAA,MAAI,QAAQ;AAAA,MAAI,cAAc;AAAA,MAAO,iBAAiB;AAAA,MAC7D,SAAS;AAAA,MAAQ,YAAY;AAAA,MAAU,gBAAgB;AAAA,MACvD,WAAW;AAAA,IACb,GAKE,8BAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,SAAQ,aAAY,aAAa,KAAK,QAAO,4BACnF;AAAA,MAAC;AAAA;AAAA,QAAK,eAAc;AAAA,QAAQ,gBAAe;AAAA,QAAQ,GAAE;AAAA,QACnD,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,WAAW;AAAA,QACb;AAAA;AAAA,IACF,GACF,GACF;AAAA,IACA,qBAAC,SACC;AAAA,0BAAC,QAAG,IAAG,2BAA0B,OAAO;AAAA,QACtC,YAAY,SAAS,YAAY;AAAA,QACjC,UAAU,OAAO,IAAI,YAAY;AAAA,QACjC,YAAY,WAAW,cAAc,GAAG;AAAA,QACxC,OAAO;AAAA,QAAqB,QAAQ;AAAA,MACtC,GAAG,iCAAmB;AAAA,MACtB,qBAAC,OAAE,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,OAAO,2BAA2B,QAAQ,EAAE,GAAI;AAAA,iBAAS;AAAA,QAAO;AAAA,SAAsB;AAAA,OAC1H;AAAA,IACA,oBAAC,iBAAc,SAAS,SAAS,OAAO,EAAE,WAAW,EAAE,GAAG,mBAE1D;AAAA,KACF;AAEJ;AAIO,SAAS,aAAa,EAAE,QAAQ,GAA4B;AACjE,QAAM,EAAE,iBAAiB,OAAO,aAAa,aAAa,IAAI,OAAO;AACrE,QAAM,cAAc,eAAe;AACnC,QAAM,aAAa,gBAAgB,SAAU,MAAM,eAAe,MAAM,UAAW,MAAM;AACzF,QAAM,gBAAgB,gBAAgB,SAAU,MAAM,kBAAkB,MAAM,aAAc,MAAM;AAClG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAChE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,IAAI;AAIvD,YAAU,MAAM;AACd,UAAM,UAAU,CAAC,MAAqB;AACpC,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AACA,WAAO,iBAAiB,WAAW,OAAO;AAC1C,WAAO,MAAM,OAAO,oBAAoB,WAAW,OAAO;AAAA,EAC5D,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAc,YAAY,YAAY;AAC1C,gBAAY,IAAI;AAChB,kBAAc,IAAI;AAClB,QAAI;AACF,YAAM,YAAY,KAAK,EAAE,WAAW,gBAAgB,GAAG,MAAM,CAAC;AAC9D,eAAS,IAAI;AAAA,IACf,SAAS,KAAK;AACZ,oBAAc,eAAe,QAAQ,IAAI,UAAU,cAAc;AAAA,IACnE,UAAE;AACA,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,iBAAiB,OAAO,WAAW,CAAC;AAExC;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UAAS,OAAO;AAAA,UAAG,QAAQ;AAAA,UACrC,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,UAChB,SAAS;AAAA,UAAQ,YAAY;AAAA,UAAU,gBAAgB;AAAA,UACvD,WAAW;AAAA,QACb;AAAA,QACA,SAAS;AAAA,QAET;AAAA,8BAAC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAqCN;AAAA,UAGF;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,mBAAgB;AAAA,cAChB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,cAClC,OAAO;AAAA,gBACL,OAAO;AAAA,gBAAQ,UAAU;AAAA,gBAAK,QAAQ;AAAA,gBAAQ,WAAW;AAAA,gBACzD,iBAAiB;AAAA,gBAAwB,cAAc;AAAA,gBACvD,SAAS;AAAA,gBAAQ,eAAe;AAAA,gBAAU,UAAU;AAAA,gBACpD,WAAW;AAAA,gBACX,WAAW;AAAA,cACb;AAAA,cAEC,kBACC,oBAAC,gBAAa,SAAkB,IAEhC,iCAEE;AAAA,qCAAC,SAAI,OAAO;AAAA,kBACV,SAAS;AAAA,kBAAQ,YAAY;AAAA,kBAAY,KAAK;AAAA,kBAC9C,YAAY;AAAA,kBAAG,aAAa;AAAA,kBAAI,cAAc;AAAA,kBAC9C,iBAAiB;AAAA,gBACnB,GACE;AAAA,uCAAC,SAAI,WAAU,mBACb;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,KAAK,iBAAiB;AAAA,wBACtB,KAAI;AAAA,wBACJ,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,OAAO,EAAE,YAAY,GAAG,WAAW,UAAU;AAAA,wBAC7C,SAAS,CAAC,MAAM;AAAE,0BAAC,EAAE,cAAmC,MAAM,aAAa;AAAA,wBAAU;AAAA;AAAA,oBACvF;AAAA,oBACA,oBAAC,UAAK,OAAO;AAAA,sBACX,UAAU,OAAO,EAAE;AAAA,sBAAG,OAAO;AAAA,sBAAqB,YAAY;AAAA,sBAC9D,YAAY;AAAA,sBAAU,UAAU;AAAA,sBAAU,cAAc;AAAA,oBAC1D,GAAG,mCAEH;AAAA,qBACF;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,cAAW;AAAA,sBACX,SAAS;AAAA,sBACT,OAAO,EAAE,YAAY,QAAQ,cAAc,EAAE;AAAA,sBAE7C,8BAAC,QAAK,OAAM,SAAQ,MAAM,IAAI,aAAa,KAAK;AAAA;AAAA,kBAClD;AAAA,mBACF;AAAA,gBAGA,qBAAC,SAAI,OAAO,EAAE,MAAM,GAAG,UAAU,QAAQ,SAAS,GAAG,GAEnD;AAAA,uCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,cAAc,IAAI,KAAK,GAAG,GAC9G;AAAA,yCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,IAAI,UAAU,EAAE,GACxE;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAK,cAAc;AAAA,0BACnB,KAAI;AAAA,0BACJ,OAAO,EAAE,QAAQ,IAAI,UAAU,KAAK,WAAW,WAAW,YAAY,EAAE;AAAA,0BACxE,SAAS,CAAC,MAAM;AAAE,4BAAC,EAAE,cAAmC,MAAM,UAAU;AAAA,0BAAQ;AAAA;AAAA,sBAClF;AAAA,sBACA,oBAAC,SAAI,OAAO,EAAE,QAAQ,IAAI,OAAO,GAAG,iBAAiB,uBAAuB,YAAY,EAAE,GAAG;AAAA,sBAC7F,qBAAC,SAAI,OAAO,EAAE,UAAU,EAAE,GACxB;AAAA,4CAAC,QAAG,IAAG,2BAA0B,OAAO;AAAA,0BACtC,YAAY,SAAS,YAAY;AAAA,0BACjC,UAAU,OAAO,IAAI,YAAY;AAAA,0BACjC,YAAY,WAAW,cAAc,GAAG;AAAA,0BACxC,OAAO;AAAA,0BAAqB,QAAQ;AAAA,wBACtC,GAAG,uBAAS;AAAA,wBACZ,oBAAC,OAAE,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,OAAO,2BAA2B,QAAQ,UAAU,GAAG,0CAA4B;AAAA,yBACvH;AAAA,uBACF;AAAA,oBACA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,GAC3D;AAAA,0CAAC,mBAAgB;AAAA,sBACjB,oBAAC,cAAW,OAAM,UAAS,SAAQ,aAAY;AAAA,sBAC/C,oBAAC,cAAW,OAAM,cAAa;AAAA,sBAC/B,oBAAC,cAAW;AAAA,uBACd;AAAA,qBACF;AAAA,kBAGA,oBAAC,SAAI,OAAO,EAAE,cAAc,GAAG,GAC7B,8BAAC,YAAS,GACZ;AAAA,kBAEC,iBACC,oBAAC,SAAI,OAAO,EAAE,cAAc,IAAI,WAAW,4BAA4B,GAErE;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,OAAM;AAAA,sBACN,WAAW,MAAM,iBAAiB,KAAK;AAAA;AAAA,kBACzC,GACF;AAAA,kBAIF,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,IAAI,cAAc,GAAG,GACvD;AAAA,wCAAC,gBAAa,OAAM,iBAAgB,OAAM,UAAS,OAAM,UAAS,IAAE,MAAC;AAAA,oBACrE,oBAAC,gBAAa,OAAM,gBAAe,OAAM,SAAQ,OAAM,SAAQ,IAAE,MAAC;AAAA,oBAClE,oBAAC,gBAAa,OAAM,cAAa,OAAM,QAAO,OAAM,SAAQ,IAAI,OAAO;AAAA,qBACzE;AAAA,kBAGA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,qBAAqB,aAAa,KAAK,IAAI,cAAc,GAAG,GACzF;AAAA,yCAAC,SACC;AAAA,0CAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,cAAc,GAAG,GACrG,8BAAC,mBAAgB,GACnB;AAAA,sBACA,oBAAC,aAAU;AAAA,uBACb;AAAA,oBAEA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,GAAG,GAC9D;AAAA,0CAAC,YAAS;AAAA,sBACV,qBAAC,SAAI,OAAO;AAAA,wBACV,iBAAiB;AAAA,wBAAqB,QAAQ;AAAA,wBAAiC,cAAc;AAAA,wBAAI,SAAS;AAAA,sBAC5G,GACE;AAAA,4CAAC,QAAG,OAAO;AAAA,0BACT,YAAY,SAAS,eAAe;AAAA,0BACpC,UAAU,OAAO,IAAI,eAAe;AAAA,0BACpC,YAAY,WAAW,iBAAiB,GAAG;AAAA,0BAC3C,OAAO;AAAA,0BAAqB,QAAQ;AAAA,wBACtC,GAAG,uBAAS;AAAA,wBACZ,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,GAAG,GAC9D;AAAA;AAAA,4BAAC;AAAA;AAAA,8BACC,OAAM;AAAA,8BACN,aAAY;AAAA,8BACZ,MAAM,oBAAC,QAAK,OAAM,UAAS,MAAM,IAAI;AAAA;AAAA,0BACvC;AAAA,0BACA,oBAAC,cAAW,OAAM,WAAU,SAAS,CAAC,cAAc,cAAc,OAAO,SAAS,GAAG;AAAA,0BACrF,oBAAC,gBAAa,OAAM,2BAA0B,SAAO,MAAC;AAAA,0BACtD,oBAAC,cAAW,OAAM,gBAAe,SAAS,OAAO;AAAA,0BACjD,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,gBAAgB,YAAY,KAAK,EAAE,GAChE;AAAA,gDAAC,cAAW,OAAM,UAAS,SAAQ,YAAW;AAAA,4BAC9C,oBAAC,cAAW,OAAM,UAAS;AAAA,6BAC7B;AAAA,2BACF;AAAA,yBACF;AAAA,uBACF;AAAA,qBACF;AAAA,kBAGA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,UAAU,OAAO,GAC5E;AAAA,wCAAC,UAAK,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,OAAO,2BAA2B,aAAa,EAAE,GAAG,mBAAK;AAAA,oBAC9F,oBAAC,OAAI,MAAK,WAAU,oBAAM;AAAA,oBAC1B,oBAAC,OAAI,MAAK,WAAU,mBAAK;AAAA,oBACzB,oBAAC,OAAI,MAAK,QAAO,qBAAO;AAAA,oBACxB,oBAAC,OAAI,MAAK,WAAU,qBAAO;AAAA,qBAC7B;AAAA,mBACF;AAAA,gBAGC,aAAa,WACZ,qBAAC,SAAI,OAAO;AAAA,kBACV,SAAS;AAAA,kBAAa,WAAW;AAAA,kBAAiC,iBAAiB;AAAA,kBACnF,SAAS;AAAA,kBAAQ,YAAY;AAAA,kBAAU,gBAAgB;AAAA,gBACzD,GACE;AAAA,sCAAC,OAAE,OAAO,EAAE,UAAU,OAAO,EAAE,GAAG,OAAO,aAAa,6BAA6B,2BAA2B,QAAQ,EAAE,GACrH,wBAAc,iDACjB;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,OAAO;AAAA,wBACL,QAAQ,WAAW,gBAAgB;AAAA,wBACnC,SAAS,WAAW,MAAM;AAAA,sBAC5B;AAAA,sBAEA;AAAA,4CAAC,QAAK,OAAM,qBAAoB,MAAM,IAAI,aAAa,GAAG;AAAA,wBACzD,WAAW,qBAAgB;AAAA;AAAA;AAAA,kBAC9B;AAAA,mBACF;AAAA,iBAEJ;AAAA;AAAA,UAEJ;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;","names":[]}