@rendra-ui/web 2.1.0

package/dist/base.css

@@ -0,0 +1,246 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html,
+  :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--rendra-brand-font);
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring:where(:not(iframe)) {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol,
+  ul,
+  menu {
+    list-style: none;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    display: block;
+    vertical-align: middle;
+  }
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+  button,
+  input,
+  select,
+  optgroup,
+  textarea,
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit,
+  ::-webkit-datetime-edit-year-field,
+  ::-webkit-datetime-edit-month-field,
+  ::-webkit-datetime-edit-day-field,
+  ::-webkit-datetime-edit-hour-field,
+  ::-webkit-datetime-edit-minute-field,
+  ::-webkit-datetime-edit-second-field,
+  ::-webkit-datetime-edit-millisecond-field,
+  ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button,
+  input:where([type='button'], [type='reset'], [type='submit']),
+  ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button,
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden='until-found'])) {
+    display: none !important;
+  }
+}
+
+@layer rendra.base {
+  html {
+    font-family: var(--rendra-brand-font);
+    -webkit-text-size-adjust: 100%;
+    text-rendering: optimizeLegibility;
+    -webkit-tap-highlight-color: transparent;
+  }
+  body {
+    min-height: 100dvh;
+    background-color: var(--rendra-background);
+    font-size: 1rem;
+    line-height: var(--tw-leading, 1.5rem);
+    letter-spacing: var(--tw-tracking, 0em);
+    color: var(--rendra-foreground);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    background-image: var(--rendra-background-image);
+    background-attachment: fixed;
+  }
+  *,
+  ::before,
+  ::after {
+    border-color: var(--rendra-border);
+  }
+  h1,
+  h2,
+  h3,
+  h4 {
+    --tw-font-weight: 600;
+    font-weight: 600;
+    text-wrap: balance;
+  }
+  p {
+    text-wrap: pretty;
+  }
+  :focus-visible {
+    outline: 2px solid var(--rendra-ring);
+    outline-offset: 2px;
+  }
+  ::selection {
+    background-color: var(--rendra-primary-soft);
+    color: var(--rendra-primary-soft-foreground);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    ::before,
+    ::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
+}

package/dist/button-DIcpJwK9.js

@@ -0,0 +1,143 @@
+/*! Rendra Design System v2.1.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-DVPheE99.js";
+import { p as resolveCatalogCode } from "./components-Cm2ezlPT.js";
+import { Loader2 } from "lucide-react";
+import { Slot } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useSyncExternalStore } from "react";
+import { cva } from "class-variance-authority";
+//#region src/hooks/use-reduced-motion.ts
+function subscribe(cb) {
+	const mq = matchMedia("(prefers-reduced-motion: reduce)");
+	mq.addEventListener("change", cb);
+	return () => mq.removeEventListener("change", cb);
+}
+function getCurrent() {
+	return matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function usePrefersReducedMotion() {
+	return useSyncExternalStore(subscribe, getCurrent, () => false);
+}
+//#endregion
+//#region src/components/ui/spinner.tsx
+var sizeClass = {
+	sm: "size-icon-sm",
+	md: "size-icon-md",
+	lg: "size-icon-lg"
+};
+function Spinner({ size = "md", label, className }) {
+	const reduced = usePrefersReducedMotion();
+	const icon = /* @__PURE__ */ jsx(Loader2, {
+		"aria-hidden": true,
+		className: cn(sizeClass[size], reduced ? "" : "animate-spin")
+	});
+	if (!label) return /* @__PURE__ */ jsx("span", {
+		"data-rendra": "SPIN-001",
+		"aria-hidden": true,
+		className: cn("inline-flex", className),
+		children: icon
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		"data-rendra": "SPIN-001",
+		role: "status",
+		className: cn("inline-flex items-center gap-2", className),
+		children: [icon, /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: label
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/button.tsx
+/**
+* Botão único do sistema. Variantes, tamanho, ícone, só ícone, carregamento e
+* largura total são props: nunca crie outro arquivo de botão.
+* Altura vem de h-control-*: 44px ou mais no mobile, compacta a partir de md.
+*/
+var buttonVariants = cva("inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-control font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform] duration-150 ease-out select-none active:scale-98 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: {
+		variant: {
+			primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary-hover hover:text-primary-hover-foreground hover:shadow-md active:bg-primary-hover active:text-primary-hover-foreground active:shadow-sm",
+			secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary-hover hover:text-secondary-hover-foreground hover:shadow-md active:bg-secondary-hover active:text-secondary-hover-foreground active:shadow-sm",
+			outline: "border border-input bg-card text-foreground hover:border-primary hover:bg-primary-soft hover:text-primary-soft-foreground active:bg-primary-soft",
+			ghost: "text-foreground hover:bg-primary-soft hover:text-primary-soft-foreground active:bg-primary-soft",
+			destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive-hover hover:shadow-md active:bg-destructive-hover active:shadow-sm",
+			link: "min-h-touch min-w-touch text-primary-text underline-offset-4 hover:text-primary-hover hover:underline md:min-h-0 md:min-w-0"
+		},
+		size: {
+			sm: "h-control-sm px-3 text-sm [&_svg]:size-icon-sm",
+			md: "h-control-md px-4 text-sm [&_svg]:size-icon-sm",
+			lg: "h-control-lg px-6 text-base [&_svg]:size-icon-md"
+		},
+		iconOnly: {
+			true: "px-0",
+			false: ""
+		},
+		fullWidth: {
+			true: "w-full",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			iconOnly: true,
+			size: "sm",
+			className: "w-control-sm"
+		},
+		{
+			iconOnly: true,
+			size: "md",
+			className: "w-control-md"
+		},
+		{
+			iconOnly: true,
+			size: "lg",
+			className: "w-control-lg"
+		},
+		{
+			variant: "link",
+			className: "h-auto px-0"
+		}
+	],
+	defaultVariants: {
+		variant: "primary",
+		size: "md",
+		iconOnly: false,
+		fullWidth: false
+	}
+});
+var Button = forwardRef(function Button({ className, variant, size, icon, iconRight, iconOnly = false, loading = false, fullWidth = false, asChild = false, disabled, type = "button", children, ...props }, ref) {
+	const classes = cn(buttonVariants({
+		variant,
+		size,
+		iconOnly,
+		fullWidth
+	}), className);
+	const code = resolveCatalogCode("Button", { variant: variant ?? "primary" });
+	if (asChild) return /* @__PURE__ */ jsx(Slot.Root, {
+		ref,
+		"data-rendra": code,
+		className: classes,
+		...props,
+		children
+	});
+	const leading = loading ? /* @__PURE__ */ jsx(Spinner, { size: size === "lg" ? "md" : "sm" }) : icon;
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		type,
+		"data-rendra": code,
+		className: classes,
+		disabled: disabled || loading,
+		"aria-busy": loading || void 0,
+		...props,
+		children: [
+			leading,
+			iconOnly ? loading ? null : children : children,
+			!iconOnly && iconRight
+		]
+	});
+});
+//#endregion
+export { usePrefersReducedMotion as i, buttonVariants as n, Spinner as r, Button as t };
+
+//# sourceMappingURL=button-DIcpJwK9.js.map

package/dist/button-DIcpJwK9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DIcpJwK9.js","names":[],"sources":["../src/hooks/use-reduced-motion.ts","../src/components/ui/spinner.tsx","../src/components/ui/button.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\n/*\n * Único hook de leitura de \"menos movimento\" do sistema operacional (prefers-reduced-motion).\n * Usado pelo Spinner e pelo Progress indeterminado para parar a animação sem depender só do\n * CSS, e assim ficar testável (mocke matchMedia para simular a preferência).\n */\n\nfunction subscribe(cb: () => void) {\n  const mq = matchMedia('(prefers-reduced-motion: reduce)')\n  mq.addEventListener('change', cb)\n  return () => mq.removeEventListener('change', cb)\n}\n\nfunction getCurrent() {\n  return matchMedia('(prefers-reduced-motion: reduce)').matches\n}\n\nexport function usePrefersReducedMotion() {\n  return useSyncExternalStore(subscribe, getCurrent, () => false)\n}\n","import { Loader2 } from 'lucide-react'\nimport { usePrefersReducedMotion } from '@/hooks/use-reduced-motion'\nimport { cn } from '@/lib/cn'\n\n/*\n * Indicador de carregamento único do sistema (A17 do plano da v2). Substitui qualquer\n * `Loader2 animate-spin` solto em Button, Input e Select. Sem label é decorativo\n * (aria-hidden); com label, anuncia o carregamento a quem usa leitor de tela. Para de girar\n * quando o sistema pede menos movimento.\n */\n\nexport interface SpinnerProps {\n  size?: 'sm' | 'md' | 'lg'\n  /** Nome do que está carregando. Vazio (padrão): decorativo, sem anúncio de leitor de tela. */\n  label?: string\n  className?: string\n}\n\nconst sizeClass: Record<NonNullable<SpinnerProps['size']>, string> = {\n  sm: 'size-icon-sm',\n  md: 'size-icon-md',\n  lg: 'size-icon-lg',\n}\n\nexport function Spinner({ size = 'md', label, className }: SpinnerProps) {\n  const reduced = usePrefersReducedMotion()\n  const icon = (\n    <Loader2 aria-hidden className={cn(sizeClass[size], reduced ? '' : 'animate-spin')} />\n  )\n\n  if (!label) {\n    return (\n      <span data-rendra=\"SPIN-001\" aria-hidden className={cn('inline-flex', className)}>\n        {icon}\n      </span>\n    )\n  }\n\n  return (\n    <span\n      data-rendra=\"SPIN-001\"\n      role=\"status\"\n      className={cn('inline-flex items-center gap-2', className)}\n    >\n      {icon}\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  )\n}\n","import { cva, type VariantProps } from 'class-variance-authority'\nimport { Slot } from 'radix-ui'\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\nimport { resolveCatalogCode } from '@/catalog/components'\nimport { Spinner } from '@/components/ui/spinner'\nimport { cn } from '@/lib/cn'\n\n/**\n * Botão único do sistema. Variantes, tamanho, ícone, só ícone, carregamento e\n * largura total são props: nunca crie outro arquivo de botão.\n * Altura vem de h-control-*: 44px ou mais no mobile, compacta a partir de md.\n */\nexport const buttonVariants = cva(\n  'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-control font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow,transform] duration-150 ease-out select-none active:scale-98 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        // Hover troca para a cor de hover da marca e eleva um nível; pressionar comprime.\n        primary:\n          'bg-primary text-primary-foreground shadow-sm hover:bg-primary-hover hover:text-primary-hover-foreground hover:shadow-md active:bg-primary-hover active:text-primary-hover-foreground active:shadow-sm',\n        secondary:\n          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary-hover hover:text-secondary-hover-foreground hover:shadow-md active:bg-secondary-hover active:text-secondary-hover-foreground active:shadow-sm',\n        outline:\n          'border border-input bg-card text-foreground hover:border-primary hover:bg-primary-soft hover:text-primary-soft-foreground active:bg-primary-soft',\n        // Transparentes: no hover, assumem a cor primária do template.\n        ghost:\n          'text-foreground hover:bg-primary-soft hover:text-primary-soft-foreground active:bg-primary-soft',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive-hover hover:shadow-md active:bg-destructive-hover active:shadow-sm',\n        link: 'min-h-touch min-w-touch text-primary-text underline-offset-4 hover:text-primary-hover hover:underline md:min-h-0 md:min-w-0',\n      },\n      size: {\n        sm: 'h-control-sm px-3 text-sm [&_svg]:size-icon-sm',\n        md: 'h-control-md px-4 text-sm [&_svg]:size-icon-sm',\n        lg: 'h-control-lg px-6 text-base [&_svg]:size-icon-md',\n      },\n      iconOnly: { true: 'px-0', false: '' },\n      fullWidth: { true: 'w-full', false: '' },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: 'sm', className: 'w-control-sm' },\n      { iconOnly: true, size: 'md', className: 'w-control-md' },\n      { iconOnly: true, size: 'lg', className: 'w-control-lg' },\n      { variant: 'link', className: 'h-auto px-0' },\n    ],\n    defaultVariants: { variant: 'primary', size: 'md', iconOnly: false, fullWidth: false },\n  },\n)\n\ntype Variants = VariantProps<typeof buttonVariants>\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<Variants, 'iconOnly' | 'fullWidth'> {\n  /** Ícone à esquerda do texto (ou o próprio conteúdo, com iconOnly). */\n  icon?: ReactNode\n  /** Ícone à direita do texto. */\n  iconRight?: ReactNode\n  /** Botão só com ícone: quadrado, e aria-label passa a ser obrigatório. */\n  iconOnly?: boolean\n  /** Mostra indicador, bloqueia cliques e marca aria-busy. */\n  loading?: boolean\n  /** Ocupa toda a largura do contêiner. */\n  fullWidth?: boolean\n  /** Renderiza o filho (ex.: <Link>) com a aparência de botão. */\n  asChild?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    icon,\n    iconRight,\n    iconOnly = false,\n    loading = false,\n    fullWidth = false,\n    asChild = false,\n    disabled,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  if (import.meta.env.DEV && iconOnly && !props['aria-label']) {\n    console.warn('Button com iconOnly precisa de aria-label.')\n  }\n  const classes = cn(buttonVariants({ variant, size, iconOnly, fullWidth }), className)\n  const code = resolveCatalogCode('Button', { variant: variant ?? 'primary' })\n\n  if (asChild) {\n    return (\n      <Slot.Root ref={ref} data-rendra={code} className={classes} {...props}>\n        {children}\n      </Slot.Root>\n    )\n  }\n\n  // Ícone dentro do botão segue o tamanho do próprio botão (sm/md -> sm, lg -> md, como o\n  // [&_svg]:size-icon-* de buttonVariants já fazia com o Loader2 solto).\n  const leading = loading ? <Spinner size={size === 'lg' ? 'md' : 'sm'} /> : icon\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-rendra={code}\n      className={classes}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {leading}\n      {iconOnly ? (loading ? null : children) : children}\n      {!iconOnly && iconRight}\n    </button>\n  )\n})\n"],"mappings":";;;;;;;;;AAQA,SAAS,UAAU,IAAgB;CACjC,MAAM,KAAK,WAAW,kCAAkC;CACxD,GAAG,iBAAiB,UAAU,EAAE;CAChC,aAAa,GAAG,oBAAoB,UAAU,EAAE;AAClD;AAEA,SAAS,aAAa;CACpB,OAAO,WAAW,kCAAkC,CAAC,CAAC;AACxD;AAEA,SAAgB,0BAA0B;CACxC,OAAO,qBAAqB,WAAW,kBAAkB,KAAK;AAChE;;;ACFA,IAAM,YAA+D;CACnE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,QAAQ,EAAE,OAAO,MAAM,OAAO,aAA2B;CACvE,MAAM,UAAU,wBAAwB;CACxC,MAAM,OACJ,oBAAC,SAAD;EAAS,eAAA;EAAY,WAAW,GAAG,UAAU,OAAO,UAAU,KAAK,cAAc;CAAI,CAAA;CAGvF,IAAI,CAAC,OACH,OACE,oBAAC,QAAD;EAAM,eAAY;EAAW,eAAA;EAAY,WAAW,GAAG,eAAe,SAAS;EAC5E,UAAA;CACG,CAAA;CAIV,OACE,qBAAC,QAAD;EACE,eAAY;EACZ,MAAK;EACL,WAAW,GAAG,kCAAkC,SAAS;EAH3D,UAAA,CAKG,MACD,oBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,CACnC;;AAEV;;;;;;;;ACpCA,IAAa,iBAAiB,IAC5B,uaACA;CACE,UAAU;EACR,SAAS;GAEP,SACE;GACF,WACE;GACF,SACE;GAEF,OACE;GACF,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,UAAU;GAAE,MAAM;GAAQ,OAAO;EAAG;EACpC,WAAW;GAAE,MAAM;GAAU,OAAO;EAAG;CACzC;CACA,kBAAkB;EAChB;GAAE,UAAU;GAAM,MAAM;GAAM,WAAW;EAAe;EACxD;GAAE,UAAU;GAAM,MAAM;GAAM,WAAW;EAAe;EACxD;GAAE,UAAU;GAAM,MAAM;GAAM,WAAW;EAAe;EACxD;GAAE,SAAS;GAAQ,WAAW;EAAc;CAC9C;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;EAAM,UAAU;EAAO,WAAW;CAAM;AACvF,CACF;AAoBA,IAAa,SAAS,WAA2C,SAAS,OACxE,EACE,WACA,SACA,MACA,MACA,WACA,WAAW,OACX,UAAU,OACV,YAAY,OACZ,UAAU,OACV,UACA,OAAO,UACP,UACA,GAAG,SAEL,KACA;CAIA,MAAM,UAAU,GAAG,eAAe;EAAE;EAAS;EAAM;EAAU;CAAU,CAAC,GAAG,SAAS;CACpF,MAAM,OAAO,mBAAmB,UAAU,EAAE,SAAS,WAAW,UAAU,CAAC;CAE3E,IAAI,SACF,OACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,eAAa;EAAM,WAAW;EAAS,GAAI;EAC7D;CACQ,CAAA;CAMf,MAAM,UAAU,UAAU,oBAAC,SAAD,EAAS,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA,IAAI;CAC3E,OACE,qBAAC,UAAD;EACO;EACC;EACN,eAAa;EACb,WAAW;EACX,UAAU,YAAY;EACtB,aAAW,WAAW,KAAA;EACtB,GAAI;EAPN,UAAA;GASG;GACA,WAAY,UAAU,OAAO,WAAY;GACzC,CAAC,YAAY;EACR;;AAEZ,CAAC"}