@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/data/Callout.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../lib/utils.cjs");
+const calloutTones = require("./callout-tones.cjs");
+const UiStop = require("../icons/components/UiStop.cjs");
+const UiWarningTriangle = require("../icons/components/UiWarningTriangle.cjs");
+const UiSpeaker = require("../icons/components/UiSpeaker.cjs");
+const UiLightbulb = require("../icons/components/UiLightbulb.cjs");
+const UiInfo = require("../icons/components/UiInfo.cjs");
+const TONE_ICONS = {
+  note: UiInfo.UiInfo,
+  tip: UiLightbulb.UiLightbulb,
+  important: UiSpeaker.UiSpeaker,
+  warning: UiWarningTriangle.UiWarningTriangle,
+  caution: UiStop.UiStop
+};
+function Callout({
+  children,
+  variant = "default",
+  label,
+  badge,
+  source,
+  icon,
+  emphasis = false,
+  title,
+  className
+}) {
+  const tone = calloutTones.assertCalloutValue(calloutTones.CALLOUT_VARIANTS, variant, "variant");
+  const glyphName = icon === void 0 ? void 0 : calloutTones.assertCalloutValue(calloutTones.CALLOUT_TONES, icon, "icon");
+  const styles = calloutTones.calloutVariantStyles(tone);
+  const heavy = emphasis !== false && emphasis !== "false";
+  const labelText = label ?? calloutTones.CALLOUT_VARIANT_LABELS[tone];
+  const glyph = glyphName ?? (tone === "default" ? void 0 : tone);
+  const Glyph = glyph && TONE_ICONS[glyph];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("not-prose my-4 p-density-3", heavy ? styles.emphasis : styles.accent, className), children: [
+    Boolean(badge || labelText || source || Glyph) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-baseline gap-2", children: [
+      badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("rounded px-1.5 py-0.5 text-xs font-bold", styles.badge), children: badge }),
+      Glyph && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("self-center", styles.icon), children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { className: styles.icon, size: "1em" }) }),
+      labelText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-xs font-semibold uppercase tracking-wide", styles.label), children: labelText }),
+      source && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-xs", styles.source), children: source })
+    ] }),
+    title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: utils.cn("mb-2 text-sm font-bold", styles.title), children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-sm leading-snug", styles.content), children })
+  ] });
+}
+exports.Callout = Callout;
+//# sourceMappingURL=Callout.cjs.map

package/dist/data/Callout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.cjs","sources":["../../src/data/Callout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  UiInfo,\n  UiLightbulb,\n  UiSpeaker,\n  UiStop,\n  UiWarningTriangle,\n} from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  assertCalloutValue,\n  CALLOUT_TONES,\n  CALLOUT_VARIANT_LABELS,\n  CALLOUT_VARIANTS,\n  calloutVariantStyles,\n  type CalloutTone,\n  type CalloutVariant,\n} from \"./callout-tones\";\n\nexport interface CalloutProps {\n  /** Content to display inside the callout. */\n  children?: ReactNode | undefined;\n  /**\n   * Visual variant. The five named tones are the same set `> [!NOTE]` markdown\n   * produces, and render identically to it.\n   */\n  variant?: CalloutVariant | undefined;\n  /** Inline label in the header row. Defaults to the variant's own name. */\n  label?: string | undefined;\n  /**\n   * Glyph to draw, named independently of `variant`. Defaults to the variant's\n   * own icon. Set it when the colour and the symbol need to say different\n   * things — an amber \"TODO\" that reads as a question, say — or to give an\n   * untinted `default` callout an icon it would otherwise not draw.\n   */\n  icon?: CalloutTone | undefined;\n  /** Leading identifier chip, e.g. an annotation number or a control ref. */\n  badge?: string | undefined;\n  /** Muted trailing attribution, e.g. a reviewer or source name. */\n  source?: string | undefined;\n  /**\n   * Heavier full-border treatment, for callouts that block rather than inform.\n   * Accepts the string forms `rehype-raw` produces when a callout is authored\n   * as raw JSX in markdown (`\"\"`, `\"true\"`, `\"false\"`).\n   */\n  emphasis?: boolean | string | undefined;\n  /** Optional block title above the body. */\n  title?: string | undefined;\n  /** Optional CSS class name. */\n  className?: string | undefined;\n}\n\nconst TONE_ICONS = {\n  note: UiInfo,\n  tip: UiLightbulb,\n  important: UiSpeaker,\n  warning: UiWarningTriangle,\n  caution: UiStop,\n} as const satisfies Record<CalloutTone, unknown>;\n\n/**\n * An emphasised aside. The five named tones mirror GitHub's alert types, so a\n * document can use `<CalloutBox variant=\"caution\">` in MDX and `> [!CAUTION]`\n * in plain markdown and get the same box either way.\n *\n * @example\n * ```tsx\n * <Callout variant=\"note\" title=\"Retention\">\n *   Logs are held for 90 days.\n * </Callout>\n *\n * // Annotation style: identifier, tone label and attribution on one row\n * <Callout variant=\"caution\" badge=\"N14\" label=\"Correction\" source=\"Reviewer\">\n *   The two enforcement checks cannot be implemented as written.\n * </Callout>\n *\n * // Label and glyph chosen independently of the tone\n * <Callout variant=\"warning\" label=\"TODO\" icon=\"important\">\n *   Run the first tabletop exercise and retain the record.\n * </Callout>\n * ```\n */\nexport function Callout({\n  children,\n  variant = \"default\",\n  label,\n  badge,\n  source,\n  icon,\n  emphasis = false,\n  title,\n  className,\n}: CalloutProps) {\n  const tone = assertCalloutValue(CALLOUT_VARIANTS, variant, \"variant\");\n  const glyphName = icon === undefined ? undefined : assertCalloutValue(CALLOUT_TONES, icon, \"icon\");\n  const styles = calloutVariantStyles(tone);\n  const heavy = emphasis !== false && emphasis !== \"false\";\n\n  // An unlabelled `default` callout has nothing to put on the header row, so it\n  // stays a plain aside rather than growing an empty bar above its text.\n  const labelText = label ?? CALLOUT_VARIANT_LABELS[tone];\n  // `default` draws no glyph of its own, but an explicit `icon` still earns one.\n  const glyph = glyphName ?? (tone === \"default\" ? undefined : tone);\n  const Glyph = glyph && TONE_ICONS[glyph];\n\n  return (\n    <div className={cn(\"not-prose my-4 p-density-3\", heavy ? styles.emphasis : styles.accent, className)}>\n      {Boolean(badge || labelText || source || Glyph) && (\n        <div className=\"mb-1 flex items-baseline gap-2\">\n          {badge && (\n            <span className={cn(\"rounded px-1.5 py-0.5 text-xs font-bold\", styles.badge)}>{badge}</span>\n          )}\n          {Glyph && (\n            <span className={cn(\"self-center\", styles.icon)}>\n              <Glyph className={styles.icon} size=\"1em\" />\n            </span>\n          )}\n          {labelText && (\n            <span className={cn(\"text-xs font-semibold uppercase tracking-wide\", styles.label)}>\n              {labelText}\n            </span>\n          )}\n          {source && <span className={cn(\"text-xs\", styles.source)}>{source}</span>}\n        </div>\n      )}\n      {title && <h3 className={cn(\"mb-2 text-sm font-bold\", styles.title)}>{title}</h3>}\n      <div className={cn(\"text-sm leading-snug\", styles.content)}>{children}</div>\n    </div>\n  );\n}\n"],"names":["UiInfo","UiLightbulb","UiSpeaker","UiWarningTriangle","UiStop","assertCalloutValue","CALLOUT_VARIANTS","CALLOUT_TONES","calloutVariantStyles","CALLOUT_VARIANT_LABELS","jsxs","cn","jsx"],"mappings":";;;;;;;;;;AAoDA,MAAM,aAAa;AAAA,EACjB,MAAMA,OAAAA;AAAAA,EACN,KAAKC,YAAAA;AAAAA,EACL,WAAWC,UAAAA;AAAAA,EACX,SAASC,kBAAAA;AAAAA,EACT,SAASC,OAAAA;AACX;AAwBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiB;AACf,QAAM,OAAOC,aAAAA,mBAAmBC,+BAAkB,SAAS,SAAS;AACpE,QAAM,YAAY,SAAS,SAAY,SAAYD,aAAAA,mBAAmBE,aAAAA,eAAe,MAAM,MAAM;AACjG,QAAM,SAASC,aAAAA,qBAAqB,IAAI;AACxC,QAAM,QAAQ,aAAa,SAAS,aAAa;AAIjD,QAAM,YAAY,SAASC,aAAAA,uBAAuB,IAAI;AAEtD,QAAM,QAAQ,cAAc,SAAS,YAAY,SAAY;AAC7D,QAAM,QAAQ,SAAS,WAAW,KAAK;AAEvC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAWC,MAAAA,GAAG,8BAA8B,QAAQ,OAAO,WAAW,OAAO,QAAQ,SAAS,GAChG,UAAA;AAAA,IAAA,QAAQ,SAAS,aAAa,UAAU,KAAK,KAC5CD,2BAAAA,KAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,MAAA,SACCE,2BAAAA,IAAC,UAAK,WAAWD,MAAAA,GAAG,2CAA2C,OAAO,KAAK,GAAI,UAAA,MAAA,CAAM;AAAA,MAEtF,SACCC,2BAAAA,IAAC,QAAA,EAAK,WAAWD,MAAAA,GAAG,eAAe,OAAO,IAAI,GAC5C,UAAAC,+BAAC,SAAM,WAAW,OAAO,MAAM,MAAK,OAAM,GAC5C;AAAA,MAED,4CACE,QAAA,EAAK,WAAWD,MAAAA,GAAG,iDAAiD,OAAO,KAAK,GAC9E,UAAA,UAAA,CACH;AAAA,MAED,yCAAW,QAAA,EAAK,WAAWA,MAAAA,GAAG,WAAW,OAAO,MAAM,GAAI,UAAA,OAAA,CAAO;AAAA,IAAA,GACpE;AAAA,IAED,wCAAU,MAAA,EAAG,WAAWA,MAAAA,GAAG,0BAA0B,OAAO,KAAK,GAAI,UAAA,MAAA,CAAM;AAAA,IAC5EC,+BAAC,SAAI,WAAWD,MAAAA,GAAG,wBAAwB,OAAO,OAAO,GAAI,SAAA,CAAS;AAAA,EAAA,GACxE;AAEJ;;"}

package/dist/data/Callout.d.ts

@@ -0,0 +1,58 @@
+import { ReactNode } from 'react';
+import { CalloutTone, CalloutVariant } from './callout-tones';
+export interface CalloutProps {
+    /** Content to display inside the callout. */
+    children?: ReactNode | undefined;
+    /**
+     * Visual variant. The five named tones are the same set `> [!NOTE]` markdown
+     * produces, and render identically to it.
+     */
+    variant?: CalloutVariant | undefined;
+    /** Inline label in the header row. Defaults to the variant's own name. */
+    label?: string | undefined;
+    /**
+     * Glyph to draw, named independently of `variant`. Defaults to the variant's
+     * own icon. Set it when the colour and the symbol need to say different
+     * things — an amber "TODO" that reads as a question, say — or to give an
+     * untinted `default` callout an icon it would otherwise not draw.
+     */
+    icon?: CalloutTone | undefined;
+    /** Leading identifier chip, e.g. an annotation number or a control ref. */
+    badge?: string | undefined;
+    /** Muted trailing attribution, e.g. a reviewer or source name. */
+    source?: string | undefined;
+    /**
+     * Heavier full-border treatment, for callouts that block rather than inform.
+     * Accepts the string forms `rehype-raw` produces when a callout is authored
+     * as raw JSX in markdown (`""`, `"true"`, `"false"`).
+     */
+    emphasis?: boolean | string | undefined;
+    /** Optional block title above the body. */
+    title?: string | undefined;
+    /** Optional CSS class name. */
+    className?: string | undefined;
+}
+/**
+ * An emphasised aside. The five named tones mirror GitHub's alert types, so a
+ * document can use `<CalloutBox variant="caution">` in MDX and `> [!CAUTION]`
+ * in plain markdown and get the same box either way.
+ *
+ * @example
+ * ```tsx
+ * <Callout variant="note" title="Retention">
+ *   Logs are held for 90 days.
+ * </Callout>
+ *
+ * // Annotation style: identifier, tone label and attribution on one row
+ * <Callout variant="caution" badge="N14" label="Correction" source="Reviewer">
+ *   The two enforcement checks cannot be implemented as written.
+ * </Callout>
+ *
+ * // Label and glyph chosen independently of the tone
+ * <Callout variant="warning" label="TODO" icon="important">
+ *   Run the first tabletop exercise and retain the record.
+ * </Callout>
+ * ```
+ */
+export declare function Callout({ children, variant, label, badge, source, icon, emphasis, title, className, }: CalloutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Callout.d.ts.map

package/dist/data/Callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/data/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAUD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAmB,EACnB,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,SAAS,GACV,EAAE,YAAY,2CAqCd"}

package/dist/data/Callout.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { assertCalloutValue, CALLOUT_VARIANT_LABELS, CALLOUT_VARIANTS, CALLOUT_TONES, calloutVariantStyles } from "./callout-tones.js";
+import { UiStop } from "../icons/components/UiStop.js";
+import { UiWarningTriangle } from "../icons/components/UiWarningTriangle.js";
+import { UiSpeaker } from "../icons/components/UiSpeaker.js";
+import { UiLightbulb } from "../icons/components/UiLightbulb.js";
+import { UiInfo } from "../icons/components/UiInfo.js";
+const TONE_ICONS = {
+  note: UiInfo,
+  tip: UiLightbulb,
+  important: UiSpeaker,
+  warning: UiWarningTriangle,
+  caution: UiStop
+};
+function Callout({
+  children,
+  variant = "default",
+  label,
+  badge,
+  source,
+  icon,
+  emphasis = false,
+  title,
+  className
+}) {
+  const tone = assertCalloutValue(CALLOUT_VARIANTS, variant, "variant");
+  const glyphName = icon === void 0 ? void 0 : assertCalloutValue(CALLOUT_TONES, icon, "icon");
+  const styles = calloutVariantStyles(tone);
+  const heavy = emphasis !== false && emphasis !== "false";
+  const labelText = label ?? CALLOUT_VARIANT_LABELS[tone];
+  const glyph = glyphName ?? (tone === "default" ? void 0 : tone);
+  const Glyph = glyph && TONE_ICONS[glyph];
+  return /* @__PURE__ */ jsxs("div", { className: cn("not-prose my-4 p-density-3", heavy ? styles.emphasis : styles.accent, className), children: [
+    Boolean(badge || labelText || source || Glyph) && /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-baseline gap-2", children: [
+      badge && /* @__PURE__ */ jsx("span", { className: cn("rounded px-1.5 py-0.5 text-xs font-bold", styles.badge), children: badge }),
+      Glyph && /* @__PURE__ */ jsx("span", { className: cn("self-center", styles.icon), children: /* @__PURE__ */ jsx(Glyph, { className: styles.icon, size: "1em" }) }),
+      labelText && /* @__PURE__ */ jsx("span", { className: cn("text-xs font-semibold uppercase tracking-wide", styles.label), children: labelText }),
+      source && /* @__PURE__ */ jsx("span", { className: cn("text-xs", styles.source), children: source })
+    ] }),
+    title && /* @__PURE__ */ jsx("h3", { className: cn("mb-2 text-sm font-bold", styles.title), children: title }),
+    /* @__PURE__ */ jsx("div", { className: cn("text-sm leading-snug", styles.content), children })
+  ] });
+}
+export {
+  Callout
+};
+//# sourceMappingURL=Callout.js.map

package/dist/data/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../src/data/Callout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  UiInfo,\n  UiLightbulb,\n  UiSpeaker,\n  UiStop,\n  UiWarningTriangle,\n} from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  assertCalloutValue,\n  CALLOUT_TONES,\n  CALLOUT_VARIANT_LABELS,\n  CALLOUT_VARIANTS,\n  calloutVariantStyles,\n  type CalloutTone,\n  type CalloutVariant,\n} from \"./callout-tones\";\n\nexport interface CalloutProps {\n  /** Content to display inside the callout. */\n  children?: ReactNode | undefined;\n  /**\n   * Visual variant. The five named tones are the same set `> [!NOTE]` markdown\n   * produces, and render identically to it.\n   */\n  variant?: CalloutVariant | undefined;\n  /** Inline label in the header row. Defaults to the variant's own name. */\n  label?: string | undefined;\n  /**\n   * Glyph to draw, named independently of `variant`. Defaults to the variant's\n   * own icon. Set it when the colour and the symbol need to say different\n   * things — an amber \"TODO\" that reads as a question, say — or to give an\n   * untinted `default` callout an icon it would otherwise not draw.\n   */\n  icon?: CalloutTone | undefined;\n  /** Leading identifier chip, e.g. an annotation number or a control ref. */\n  badge?: string | undefined;\n  /** Muted trailing attribution, e.g. a reviewer or source name. */\n  source?: string | undefined;\n  /**\n   * Heavier full-border treatment, for callouts that block rather than inform.\n   * Accepts the string forms `rehype-raw` produces when a callout is authored\n   * as raw JSX in markdown (`\"\"`, `\"true\"`, `\"false\"`).\n   */\n  emphasis?: boolean | string | undefined;\n  /** Optional block title above the body. */\n  title?: string | undefined;\n  /** Optional CSS class name. */\n  className?: string | undefined;\n}\n\nconst TONE_ICONS = {\n  note: UiInfo,\n  tip: UiLightbulb,\n  important: UiSpeaker,\n  warning: UiWarningTriangle,\n  caution: UiStop,\n} as const satisfies Record<CalloutTone, unknown>;\n\n/**\n * An emphasised aside. The five named tones mirror GitHub's alert types, so a\n * document can use `<CalloutBox variant=\"caution\">` in MDX and `> [!CAUTION]`\n * in plain markdown and get the same box either way.\n *\n * @example\n * ```tsx\n * <Callout variant=\"note\" title=\"Retention\">\n *   Logs are held for 90 days.\n * </Callout>\n *\n * // Annotation style: identifier, tone label and attribution on one row\n * <Callout variant=\"caution\" badge=\"N14\" label=\"Correction\" source=\"Reviewer\">\n *   The two enforcement checks cannot be implemented as written.\n * </Callout>\n *\n * // Label and glyph chosen independently of the tone\n * <Callout variant=\"warning\" label=\"TODO\" icon=\"important\">\n *   Run the first tabletop exercise and retain the record.\n * </Callout>\n * ```\n */\nexport function Callout({\n  children,\n  variant = \"default\",\n  label,\n  badge,\n  source,\n  icon,\n  emphasis = false,\n  title,\n  className,\n}: CalloutProps) {\n  const tone = assertCalloutValue(CALLOUT_VARIANTS, variant, \"variant\");\n  const glyphName = icon === undefined ? undefined : assertCalloutValue(CALLOUT_TONES, icon, \"icon\");\n  const styles = calloutVariantStyles(tone);\n  const heavy = emphasis !== false && emphasis !== \"false\";\n\n  // An unlabelled `default` callout has nothing to put on the header row, so it\n  // stays a plain aside rather than growing an empty bar above its text.\n  const labelText = label ?? CALLOUT_VARIANT_LABELS[tone];\n  // `default` draws no glyph of its own, but an explicit `icon` still earns one.\n  const glyph = glyphName ?? (tone === \"default\" ? undefined : tone);\n  const Glyph = glyph && TONE_ICONS[glyph];\n\n  return (\n    <div className={cn(\"not-prose my-4 p-density-3\", heavy ? styles.emphasis : styles.accent, className)}>\n      {Boolean(badge || labelText || source || Glyph) && (\n        <div className=\"mb-1 flex items-baseline gap-2\">\n          {badge && (\n            <span className={cn(\"rounded px-1.5 py-0.5 text-xs font-bold\", styles.badge)}>{badge}</span>\n          )}\n          {Glyph && (\n            <span className={cn(\"self-center\", styles.icon)}>\n              <Glyph className={styles.icon} size=\"1em\" />\n            </span>\n          )}\n          {labelText && (\n            <span className={cn(\"text-xs font-semibold uppercase tracking-wide\", styles.label)}>\n              {labelText}\n            </span>\n          )}\n          {source && <span className={cn(\"text-xs\", styles.source)}>{source}</span>}\n        </div>\n      )}\n      {title && <h3 className={cn(\"mb-2 text-sm font-bold\", styles.title)}>{title}</h3>}\n      <div className={cn(\"text-sm leading-snug\", styles.content)}>{children}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAoDA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAwBO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiB;AACf,QAAM,OAAO,mBAAmB,kBAAkB,SAAS,SAAS;AACpE,QAAM,YAAY,SAAS,SAAY,SAAY,mBAAmB,eAAe,MAAM,MAAM;AACjG,QAAM,SAAS,qBAAqB,IAAI;AACxC,QAAM,QAAQ,aAAa,SAAS,aAAa;AAIjD,QAAM,YAAY,SAAS,uBAAuB,IAAI;AAEtD,QAAM,QAAQ,cAAc,SAAS,YAAY,SAAY;AAC7D,QAAM,QAAQ,SAAS,WAAW,KAAK;AAEvC,SACE,qBAAC,OAAA,EAAI,WAAW,GAAG,8BAA8B,QAAQ,OAAO,WAAW,OAAO,QAAQ,SAAS,GAChG,UAAA;AAAA,IAAA,QAAQ,SAAS,aAAa,UAAU,KAAK,KAC5C,qBAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,MAAA,SACC,oBAAC,UAAK,WAAW,GAAG,2CAA2C,OAAO,KAAK,GAAI,UAAA,MAAA,CAAM;AAAA,MAEtF,SACC,oBAAC,QAAA,EAAK,WAAW,GAAG,eAAe,OAAO,IAAI,GAC5C,UAAA,oBAAC,SAAM,WAAW,OAAO,MAAM,MAAK,OAAM,GAC5C;AAAA,MAED,iCACE,QAAA,EAAK,WAAW,GAAG,iDAAiD,OAAO,KAAK,GAC9E,UAAA,UAAA,CACH;AAAA,MAED,8BAAW,QAAA,EAAK,WAAW,GAAG,WAAW,OAAO,MAAM,GAAI,UAAA,OAAA,CAAO;AAAA,IAAA,GACpE;AAAA,IAED,6BAAU,MAAA,EAAG,WAAW,GAAG,0BAA0B,OAAO,KAAK,GAAI,UAAA,MAAA,CAAM;AAAA,IAC5E,oBAAC,SAAI,WAAW,GAAG,wBAAwB,OAAO,OAAO,GAAI,SAAA,CAAS;AAAA,EAAA,GACxE;AAEJ;"}