@xopcai/xopc 0.0.75 → 0.0.77

package/dist/gateway/static/root/assets/{settings-form-section-cS13ImiU.js → settings-form-section-Csvl1iL6.js}

@@ -1,2 +1,2 @@
-import{n as e,t}from"./vendor-react-BOUWij0V.js";import{n}from"./button-KafIU8dx.js";import{Nt as r,Pr as i}from"./index-S3bgG2JF.js";var a=e(),o=t();function s(){return`rounded-2xl bg-surface-base px-4 py-5 sm:px-5`}function c(e){let t=(0,a.c)(5),{children:r,className:i}=e,c;t[0]===i?c=t[1]:(c=n(s(),i),t[0]=i,t[1]=c);let l;return t[2]!==r||t[3]!==c?(l=(0,o.jsx)(`section`,{className:c,children:r}),t[2]=r,t[3]=c,t[4]=l):l=t[4],l}var l=`flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted transition-colors dark:bg-surface-hover/70`;function u(e){let t=(0,a.c)(26),{icon:s,title:c,subtitle:u,trailing:d,className:f,iconInteractive:p,iconLeading:m}=e,h;t[0]===s?h=t[1]:(h=(0,o.jsx)(s,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t[0]=s,t[1]=h);let g=m??h,_;t[2]===m?_=t[3]:(_=m?n(`flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel p-0 ring-1 ring-inset ring-edge-subtle transition-[box-shadow] hover:ring-accent/40 dark:ring-edge-subtle`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,r.press):n(l,`hover:text-fg`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,r.press),t[2]=m,t[3]=_);let v=_,y=!!(p&&m),b;t[4]===f?b=t[5]:(b=n(`mb-5 flex items-start gap-3`,f),t[4]=f,t[5]=b);let x;t[6]!==p||t[7]!==m||t[8]!==g||t[9]!==v||t[10]!==y?(x=p?y?(0,o.jsxs)(`span`,{className:`relative shrink-0`,children:[(0,o.jsx)(`button`,{type:`button`,id:p.id,onClick:p.onClick,"aria-label":p.ariaLabel,className:v,children:g}),(0,o.jsx)(`span`,{className:`pointer-events-none absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-md border border-edge bg-surface-panel text-fg-muted shadow-sm dark:border-edge dark:bg-surface-base`,"aria-hidden":!0,children:(0,o.jsx)(i,{className:`size-2.5`,strokeWidth:2.25})})]}):(0,o.jsx)(`button`,{type:`button`,id:p.id,onClick:p.onClick,"aria-label":p.ariaLabel,className:v,children:g}):(0,o.jsx)(`div`,{className:n(m?`flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel ring-1 ring-inset ring-edge-subtle dark:ring-edge-subtle`:l),"aria-hidden":!m,children:g}),t[6]=p,t[7]=m,t[8]=g,t[9]=v,t[10]=y,t[11]=x):x=t[11];let S;t[12]===c?S=t[13]:(S=(0,o.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:c}),t[12]=c,t[13]=S);let C;t[14]===u?C=t[15]:(C=(0,o.jsx)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:u}),t[14]=u,t[15]=C);let w;t[16]!==S||t[17]!==C?(w=(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[S,C]}),t[16]=S,t[17]=C,t[18]=w):w=t[18];let T;t[19]===d?T=t[20]:(T=d?(0,o.jsx)(`div`,{className:`shrink-0`,children:d}):null,t[19]=d,t[20]=T);let E;return t[21]!==b||t[22]!==x||t[23]!==w||t[24]!==T?(E=(0,o.jsxs)(`div`,{className:b,children:[x,w,T]}),t[21]=b,t[22]=x,t[23]=w,t[24]=T,t[25]=E):E=t[25],E}export{u as n,s as r,c as t};
-//# sourceMappingURL=settings-form-section-cS13ImiU.js.map
+import{n as e,t}from"./vendor-react-BOUWij0V.js";import{n}from"./button-KafIU8dx.js";import{Nt as r,Pr as i}from"./index-ChiUhJAs.js";var a=e(),o=t();function s(){return`rounded-2xl bg-surface-base px-4 py-5 sm:px-5`}function c(e){let t=(0,a.c)(5),{children:r,className:i}=e,c;t[0]===i?c=t[1]:(c=n(s(),i),t[0]=i,t[1]=c);let l;return t[2]!==r||t[3]!==c?(l=(0,o.jsx)(`section`,{className:c,children:r}),t[2]=r,t[3]=c,t[4]=l):l=t[4],l}var l=`flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted transition-colors dark:bg-surface-hover/70`;function u(e){let t=(0,a.c)(26),{icon:s,title:c,subtitle:u,trailing:d,className:f,iconInteractive:p,iconLeading:m}=e,h;t[0]===s?h=t[1]:(h=(0,o.jsx)(s,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t[0]=s,t[1]=h);let g=m??h,_;t[2]===m?_=t[3]:(_=m?n(`flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel p-0 ring-1 ring-inset ring-edge-subtle transition-[box-shadow] hover:ring-accent/40 dark:ring-edge-subtle`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,r.press):n(l,`hover:text-fg`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,r.press),t[2]=m,t[3]=_);let v=_,y=!!(p&&m),b;t[4]===f?b=t[5]:(b=n(`mb-5 flex items-start gap-3`,f),t[4]=f,t[5]=b);let x;t[6]!==p||t[7]!==m||t[8]!==g||t[9]!==v||t[10]!==y?(x=p?y?(0,o.jsxs)(`span`,{className:`relative shrink-0`,children:[(0,o.jsx)(`button`,{type:`button`,id:p.id,onClick:p.onClick,"aria-label":p.ariaLabel,className:v,children:g}),(0,o.jsx)(`span`,{className:`pointer-events-none absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-md border border-edge bg-surface-panel text-fg-muted shadow-sm dark:border-edge dark:bg-surface-base`,"aria-hidden":!0,children:(0,o.jsx)(i,{className:`size-2.5`,strokeWidth:2.25})})]}):(0,o.jsx)(`button`,{type:`button`,id:p.id,onClick:p.onClick,"aria-label":p.ariaLabel,className:v,children:g}):(0,o.jsx)(`div`,{className:n(m?`flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel ring-1 ring-inset ring-edge-subtle dark:ring-edge-subtle`:l),"aria-hidden":!m,children:g}),t[6]=p,t[7]=m,t[8]=g,t[9]=v,t[10]=y,t[11]=x):x=t[11];let S;t[12]===c?S=t[13]:(S=(0,o.jsx)(`h2`,{className:`text-sm font-semibold text-fg`,children:c}),t[12]=c,t[13]=S);let C;t[14]===u?C=t[15]:(C=(0,o.jsx)(`p`,{className:`mt-0.5 text-xs text-fg-muted`,children:u}),t[14]=u,t[15]=C);let w;t[16]!==S||t[17]!==C?(w=(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[S,C]}),t[16]=S,t[17]=C,t[18]=w):w=t[18];let T;t[19]===d?T=t[20]:(T=d?(0,o.jsx)(`div`,{className:`shrink-0`,children:d}):null,t[19]=d,t[20]=T);let E;return t[21]!==b||t[22]!==x||t[23]!==w||t[24]!==T?(E=(0,o.jsxs)(`div`,{className:b,children:[x,w,T]}),t[21]=b,t[22]=x,t[23]=w,t[24]=T,t[25]=E):E=t[25],E}export{u as n,s as r,c as t};
+//# sourceMappingURL=settings-form-section-Csvl1iL6.js.map

package/dist/gateway/static/root/assets/{settings-form-section-cS13ImiU.js.map → settings-form-section-Csvl1iL6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"settings-form-section-cS13ImiU.js","names":["LucideIcon","Pencil","ReactNode","cn","interaction","settingsFormSectionClassName","SettingsFormSection","t0","$","_c","children","className","t1","t2","settingsSectionHeaderIconShellClass","SettingsFormSectionHeader","icon","Icon","title","subtitle","trailing","iconInteractive","iconLeading","defaultGlyph","lead","press","leadingInteractiveClass","showAvatarEditPencil","Boolean","t3","t4","id","onClick","ariaLabel","t5","t6","t7","t8","t9"],"sources":["../../../../../web/src/features/settings/settings-form-section.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { Pencil } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib/cn';\nimport { interaction } from '@/lib/interaction';\n\n/**\n * Settings content sits on `bg-surface-panel`; grouped blocks use a recessed `bg-surface-base`\n * lift instead of heavy borders (design system §2.1, §4.2).\n */\nexport function settingsFormSectionClassName(): string {\n  return 'rounded-2xl bg-surface-base px-4 py-5 sm:px-5';\n}\n\nexport function SettingsFormSection({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return <section className={cn(settingsFormSectionClassName(), className)}>{children}</section>;\n}\n\nconst settingsSectionHeaderIconShellClass =\n  'flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted transition-colors dark:bg-surface-hover/70';\n\nexport function SettingsFormSectionHeader({\n  icon: Icon,\n  title,\n  subtitle,\n  trailing,\n  className,\n  iconInteractive,\n  iconLeading,\n}: {\n  icon: LucideIcon;\n  title: string;\n  subtitle: string;\n  /** Optional content rendered at the trailing (right) edge of the header. */\n  trailing?: ReactNode;\n  className?: string;\n  /** When set, the leading icon is a button (e.g. open a related settings dialog). */\n  iconInteractive?: { onClick: () => void; ariaLabel: string; id?: string };\n  /** When set, replaces the default Lucide icon in the leading slot (same size as the icon box). */\n  iconLeading?: ReactNode;\n}) {\n  const defaultGlyph = <Icon className=\"size-4\" strokeWidth={1.75} aria-hidden />;\n  const lead = iconLeading ?? defaultGlyph;\n\n  const leadingInteractiveClass = iconLeading\n    ? cn(\n        'flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel p-0 ring-1 ring-inset ring-edge-subtle transition-[box-shadow] hover:ring-accent/40 dark:ring-edge-subtle',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base',\n        interaction.press,\n      )\n    : cn(\n        settingsSectionHeaderIconShellClass,\n        'hover:text-fg',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base',\n        interaction.press,\n      );\n\n  const showAvatarEditPencil = Boolean(iconInteractive && iconLeading);\n\n  return (\n    <div className={cn('mb-5 flex items-start gap-3', className)}>\n      {iconInteractive ? (\n        showAvatarEditPencil ? (\n          <span className=\"relative shrink-0\">\n            <button\n              type=\"button\"\n              id={iconInteractive.id}\n              onClick={iconInteractive.onClick}\n              aria-label={iconInteractive.ariaLabel}\n              className={leadingInteractiveClass}\n            >\n              {lead}\n            </button>\n            <span\n              className=\"pointer-events-none absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-md border border-edge bg-surface-panel text-fg-muted shadow-sm dark:border-edge dark:bg-surface-base\"\n              aria-hidden\n            >\n              <Pencil className=\"size-2.5\" strokeWidth={2.25} />\n            </span>\n          </span>\n        ) : (\n          <button\n            type=\"button\"\n            id={iconInteractive.id}\n            onClick={iconInteractive.onClick}\n            aria-label={iconInteractive.ariaLabel}\n            className={leadingInteractiveClass}\n          >\n            {lead}\n          </button>\n        )\n      ) : (\n        <div\n          className={cn(\n            iconLeading\n              ? 'flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel ring-1 ring-inset ring-edge-subtle dark:ring-edge-subtle'\n              : settingsSectionHeaderIconShellClass,\n          )}\n          aria-hidden={!iconLeading}\n        >\n          {lead}\n        </div>\n      )}\n      <div className=\"min-w-0 flex-1\">\n        <h2 className=\"text-sm font-semibold text-fg\">{title}</h2>\n        <p className=\"mt-0.5 text-xs text-fg-muted\">{subtitle}</p>\n      </div>\n      {trailing ? <div className=\"shrink-0\">{trailing}</div> : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"settings-form-section-Csvl1iL6.js","names":["LucideIcon","Pencil","ReactNode","cn","interaction","settingsFormSectionClassName","SettingsFormSection","t0","$","_c","children","className","t1","t2","settingsSectionHeaderIconShellClass","SettingsFormSectionHeader","icon","Icon","title","subtitle","trailing","iconInteractive","iconLeading","defaultGlyph","lead","press","leadingInteractiveClass","showAvatarEditPencil","Boolean","t3","t4","id","onClick","ariaLabel","t5","t6","t7","t8","t9"],"sources":["../../../../../web/src/features/settings/settings-form-section.tsx"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { Pencil } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@/lib/cn';\nimport { interaction } from '@/lib/interaction';\n\n/**\n * Settings content sits on `bg-surface-panel`; grouped blocks use a recessed `bg-surface-base`\n * lift instead of heavy borders (design system §2.1, §4.2).\n */\nexport function settingsFormSectionClassName(): string {\n  return 'rounded-2xl bg-surface-base px-4 py-5 sm:px-5';\n}\n\nexport function SettingsFormSection({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return <section className={cn(settingsFormSectionClassName(), className)}>{children}</section>;\n}\n\nconst settingsSectionHeaderIconShellClass =\n  'flex size-9 shrink-0 items-center justify-center rounded-lg bg-surface-hover/90 text-fg-muted transition-colors dark:bg-surface-hover/70';\n\nexport function SettingsFormSectionHeader({\n  icon: Icon,\n  title,\n  subtitle,\n  trailing,\n  className,\n  iconInteractive,\n  iconLeading,\n}: {\n  icon: LucideIcon;\n  title: string;\n  subtitle: string;\n  /** Optional content rendered at the trailing (right) edge of the header. */\n  trailing?: ReactNode;\n  className?: string;\n  /** When set, the leading icon is a button (e.g. open a related settings dialog). */\n  iconInteractive?: { onClick: () => void; ariaLabel: string; id?: string };\n  /** When set, replaces the default Lucide icon in the leading slot (same size as the icon box). */\n  iconLeading?: ReactNode;\n}) {\n  const defaultGlyph = <Icon className=\"size-4\" strokeWidth={1.75} aria-hidden />;\n  const lead = iconLeading ?? defaultGlyph;\n\n  const leadingInteractiveClass = iconLeading\n    ? cn(\n        'flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel p-0 ring-1 ring-inset ring-edge-subtle transition-[box-shadow] hover:ring-accent/40 dark:ring-edge-subtle',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base',\n        interaction.press,\n      )\n    : cn(\n        settingsSectionHeaderIconShellClass,\n        'hover:text-fg',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base',\n        interaction.press,\n      );\n\n  const showAvatarEditPencil = Boolean(iconInteractive && iconLeading);\n\n  return (\n    <div className={cn('mb-5 flex items-start gap-3', className)}>\n      {iconInteractive ? (\n        showAvatarEditPencil ? (\n          <span className=\"relative shrink-0\">\n            <button\n              type=\"button\"\n              id={iconInteractive.id}\n              onClick={iconInteractive.onClick}\n              aria-label={iconInteractive.ariaLabel}\n              className={leadingInteractiveClass}\n            >\n              {lead}\n            </button>\n            <span\n              className=\"pointer-events-none absolute -bottom-0.5 -right-0.5 flex size-4 items-center justify-center rounded-md border border-edge bg-surface-panel text-fg-muted shadow-sm dark:border-edge dark:bg-surface-base\"\n              aria-hidden\n            >\n              <Pencil className=\"size-2.5\" strokeWidth={2.25} />\n            </span>\n          </span>\n        ) : (\n          <button\n            type=\"button\"\n            id={iconInteractive.id}\n            onClick={iconInteractive.onClick}\n            aria-label={iconInteractive.ariaLabel}\n            className={leadingInteractiveClass}\n          >\n            {lead}\n          </button>\n        )\n      ) : (\n        <div\n          className={cn(\n            iconLeading\n              ? 'flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-surface-panel ring-1 ring-inset ring-edge-subtle dark:ring-edge-subtle'\n              : settingsSectionHeaderIconShellClass,\n          )}\n          aria-hidden={!iconLeading}\n        >\n          {lead}\n        </div>\n      )}\n      <div className=\"min-w-0 flex-1\">\n        <h2 className=\"text-sm font-semibold text-fg\">{title}</h2>\n        <p className=\"mt-0.5 text-xs text-fg-muted\">{subtitle}</p>\n      </div>\n      {trailing ? <div className=\"shrink-0\">{trailing}</div> : null}\n    </div>\n  );\n}\n"],"mappings":"sJAWA,SAAgBK,GAAuC,CACrD,MAAO,+CACT,CAEA,SAAOC,EAAAC,EAAA,CAAA,IAAAC,GAAAA,EAAAA,EAAAA,GAAA,CAAA,EAA6B,CAAAE,WAAAC,aAAAJ,EAMnCK,EAAAJ,EAAA,KAAAG,EACyEC,EAAAJ,EAAA,IAA7CI,EAAAT,EAAGE,EAA6B,EAAGM,CAAS,EAACH,EAAA,GAAAG,EAAAH,EAAA,GAAAI,GAAA,IAAAC,EAAsB,OAAtBL,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAjEC,GAAA,EAAA,EAAA,KAAA,UAAA,CAAoB,UAAAD,EAAgDF,UAAmB,CAAA,EAAAF,EAAA,GAAAE,EAAAF,EAAA,GAAAI,EAAAJ,EAAA,GAAAK,GAAAA,EAAAL,EAAA,GAAvFK,CAAuF,CAGhG,IAAMC,EACJ,2IAEF,SAAOC,EAAAR,EAAA,CAAA,IAAAC,GAAAA,EAAAA,EAAAA,GAAA,EAAA,EAAmC,CAAAQ,KAAAC,EAAAC,QAAAC,WAAAC,WAAAT,YAAAU,kBAAAC,eAAAf,EAmBzCK,EAAAJ,EAAA,KAAAS,EACgFL,EAAAJ,EAAA,IAA1DI,GAAA,EAAA,EAAA,KAAC,EAAD,CAAgB,UAAA,SAAsB,YAAA,KAAM,cAAA,EAAW,CAAA,EAAGJ,EAAA,GAAAS,EAAAT,EAAA,GAAAI,GAC/E,IAAAY,EAAaF,GAAAC,EAA4BV,EAAAL,EAAA,KAAAc,EAapCT,EAAAL,EAAA,IAX2BK,EAAAS,EAC5BnB,EACE,yMACA,+IACAC,EAAWqB,KAOb,EALAtB,EACEW,EACA,gBACA,+IACAV,EAAWqB,KACb,EAACjB,EAAA,GAAAc,EAAAd,EAAA,GAAAK,GAXL,IAAAa,EAAgCb,EAahCc,EAA6BC,GAAQP,GAAAC,GAAgCO,EAAArB,EAAA,KAAAG,EAGPkB,EAAArB,EAAA,IAA5CqB,EAAA1B,EAAG,8BAA+BQ,CAAS,EAACH,EAAA,GAAAG,EAAAH,EAAA,GAAAqB,GAAA,IAAAC,EAAAtB,EAAA,KAAAa,GAAAb,EAAA,KAAAc,GAAAd,EAAA,KAAAgB,GAAAhB,EAAA,KAAAkB,GAAAlB,EAAA,MAAAmB,GACzDG,EAAAT,EACCM,GACE,EAAA,EAAA,MAAA,OAAA,CAAgB,UAAA,6BAAhB,EACE,EAAA,EAAA,KAAA,SAAA,CACO,KAAA,SACD,GAAAN,EAAeU,GACV,QAAAV,EAAeW,QACZ,aAAAX,EAAeY,UAChBP,UAAAA,WAEVF,CACM,CAAA,GACT,EAAA,EAAA,KAAA,OAAA,CACY,UAAA,2MACV,cAAA,aAEA,EAAA,EAAA,KAAC,EAAD,CAAkB,UAAA,WAAwB,YAAA,IAAI,CAAA,CACzC,CAAA,CACF,KAEP,EAAA,EAAA,KAAA,SAAA,CACO,KAAA,SACD,GAAAH,EAAeU,GACV,QAAAV,EAAeW,QACZ,aAAAX,EAAeY,UAChBP,UAAAA,WAEVF,CACM,CAAA,GAGX,EAAA,EAAA,KAAA,MAAA,CACa,UAAArB,EACTmB,EAAA,wJAAAR,CAGF,EACa,cAAA,CAACQ,WAEbE,CACG,CAAA,EACPhB,EAAA,GAAAa,EAAAb,EAAA,GAAAc,EAAAd,EAAA,GAAAgB,EAAAhB,EAAA,GAAAkB,EAAAlB,EAAA,IAAAmB,EAAAnB,EAAA,IAAAsB,GAAAA,EAAAtB,EAAA,IAAA,IAAA0B,EAAA1B,EAAA,MAAAU,EAE2DgB,EAAA1B,EAAA,KAA1D0B,GAAA,EAAA,EAAA,KAAA,KAAA,CAAc,UAAA,yCAAiChB,CAAW,CAAA,EAAAV,EAAA,IAAAU,EAAAV,EAAA,IAAA0B,GAAA,IAAAC,EAAA3B,EAAA,MAAAW,EACAgB,EAAA3B,EAAA,KAA1D2B,GAAA,EAAA,EAAA,KAAA,IAAA,CAAa,UAAA,wCAAgChB,CAAa,CAAA,EAAAX,EAAA,IAAAW,EAAAX,EAAA,IAAA2B,GAAA,IAAAC,EAAA5B,EAAA,MAAA0B,GAAA1B,EAAA,MAAA2B,GAF5DC,GAAA,EAAA,EAAA,MAAA,MAAA,CAAe,UAAA,0BAAf,CACEF,EACAC,CACI,IAAA3B,EAAA,IAAA0B,EAAA1B,EAAA,IAAA2B,EAAA3B,EAAA,IAAA4B,GAAAA,EAAA5B,EAAA,IAAA,IAAA6B,EAAA7B,EAAA,MAAAY,EACuDiB,EAAA7B,EAAA,KAA5D6B,EAAAjB,GAAW,EAAA,EAAA,KAAA,MAAA,CAAe,UAAA,oBAAYA,CAAe,CAAA,EAArD,KAA4DZ,EAAA,IAAAY,EAAAZ,EAAA,IAAA6B,GAAA,IAAAC,EACzD,OADyD9B,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,GAAAtB,EAAA,MAAA4B,GAAA5B,EAAA,MAAA6B,GA/C/DC,GAAA,EAAA,EAAA,MAAA,MAAA,CAAgB,UAAAT,WAAhB,CACGC,EA0CDM,EAICC,CACG,IAAA7B,EAAA,IAAAqB,EAAArB,EAAA,IAAAsB,EAAAtB,EAAA,IAAA4B,EAAA5B,EAAA,IAAA6B,EAAA7B,EAAA,IAAA8B,GAAAA,EAAA9B,EAAA,IAhDN8B,CAgDM"}