themelia-react-ui 1.0.2 → 2.0.1

package/docs/consumer-skill/scripts/surface-policy.mjs

@@ -57,10 +57,144 @@ export function utility(token) {
   return token.slice(start).replace(/^!|!$/g, '');
 }
 
-/** Shared focus roles are contrast-tested at full strength, unlike status tints. */
-export function attenuatedFocusRing(token) {
-  const match = utility(token).match(/^ring-(?:ring|sidebar-ring)\/(?:(\d+(?:\.\d+)?|\.\d+)|\[(\d+(?:\.\d+)?|\.\d+)(%)?\])$/);
+export function variants(token) {
+  return token.slice(0, token.length - utility(token).length - (/!$/.test(token) ? 1 : 0)).replace(/!$/, '');
+}
+
+// Text and icon colours are typography roles. Opacity on a role adds a tier under
+// the tested 4.5:1, so only the sidebar keeps its one secondary tier.
+const textRole = /^text-(?:foreground|muted-foreground|card-foreground|popover-foreground|accent-foreground|secondary-foreground|primary-foreground|primary-accent|warning-accent|link-color|success|info|warning|destructive|sidebar-foreground|sidebar-accent-foreground|sidebar-primary-foreground)\/.+$/;
+export function fadedText(token) {
+  const value = utility(token);
+  return value !== 'text-sidebar-foreground/70' && textRole.test(value);
+}
+
+// Interaction fills come from one recipe owner: accent for rows, muted for toggle
+// hover, a lifted card segment and the table ladder. A neutral fill with opacity or
+// a primary tint under hover, highlight, selection, current or pressed state is a
+// second definition of that state.
+const interactionSegment = /^(?:group-|peer-)?(?:hover|focus|focus-visible|focus-within|active|data-highlighted|data-selected|data-active|data-current|data-pressed|aria-selected|aria-current|aria-pressed|aria-checked|data-\[(?:highlighted|selected|active|current|pressed|checked|state=[^\]]+)[^\]]*\])(?:\/[\w-]+)?$/;
+function variantSegments(variant) {
+  const segments = [];
+  let depth = 0, start = 0;
+  for (let i = 0; i < variant.length; i++) {
+    if ('[('.includes(variant[i])) depth++;
+    else if ('])'.includes(variant[i])) depth--;
+    else if (variant[i] === ':' && depth === 0) { segments.push(variant.slice(start, i)); start = i + 1; }
+  }
+  return segments;
+}
+export function interactionFillDrift(token) {
+  if (!variantSegments(variants(token)).some(segment => interactionSegment.test(segment))) return false;
+  const match = utility(token).match(/^bg-(muted|accent|card|background|foreground|secondary|popover|sidebar-accent|primary)\/(.+)$/);
+  return !!match && !(match[1] === 'muted' && match[2] === '50');
+}
+
+// Neutral fills have one strength per role (neutralFillRecipes in
+// src/lib/surface-recipes.ts): a wash at muted/30, a band at muted/50, a chip at
+// foreground/8, the inverse chip at background/10 and the idle marker at
+// muted-foreground/40. Opaque fills are always available; interaction states belong
+// to interaction-fill.
+const neutralTint = /^bg-(muted|muted-foreground|foreground|background|card|popover|secondary|accent|sidebar(?:-[a-z]+)*)\/(.+)$/;
+const neutralScale = new Set(['muted/30', 'muted/50', 'foreground/8', 'background/10', 'muted-foreground/40']);
+export function neutralFillDrift(token) {
+  const match = utility(token).match(neutralTint);
+  if (!match || neutralScale.has(`${match[1]}/${match[2]}`)) return false;
+  return !variantSegments(variants(token)).some(segment => interactionSegment.test(segment));
+}
+
+// Elevation takes one theme shadow per role (elevationRecipes in
+// src/lib/surface-recipes.ts): xs resting, sm card, md raised and anchored, lg lifted
+// and xl modal; shadow-none clears it. A box-shadow divider line that draws
+// var(--border) is divider mechanics, not elevation.
+export function elevationDrift(token) {
+  const value = utility(token);
+  if (!/^shadow(?:-|$)/.test(value)) return false;
+  return !/^shadow-(?:none|xs|sm|md|lg|xl)$/.test(value) && !/^shadow-\[.*var\(--border\).*\]$/.test(value);
+}
+
+// Dividers have two strengths: a surface edge draws the full border role and an
+// inner divider (one side, divide, separator) draws it at 60%. The control boundary
+// has one strength. Only src/lib/surface-recipes.ts owns other strengths (the modal
+// shell and the framed Card ring).
+export function dividerStrengthDrift(token) {
+  const match = utility(token).match(/^(?:border(?:-[trblxyse]|-bs|-be)?|divide(?:-[xy])?|ring|inset-ring|outline|bg)-(border|sidebar-border|input)\/(.+)$/);
+  return !!match && !(match[1] === 'border' && match[2] === '60');
+}
+
+// Status and emphasis tints have one scale, src/lib/tone-recipes.ts: a wash, tint,
+// edge, halo and line strength per tone, which the contrast contract tests. A
+// translucent tone spelled anywhere else is a second scale. The invalid state's
+// destructive halo belongs to the field-state and focus recipes.
+const toneTint = /^(?:bg|border(?:-[trblxyse]|-bs|-be)?|ring|inset-ring|outline|divide(?:-[xy])?)-(?:info|success|warning|destructive|primary)(?:-accent)?\/.+$/;
+export function statusTintDrift(token) {
+  return toneTint.test(utility(token)) && !/invalid|focus/.test(variants(token));
+}
+
+// State changes (colour, border and shadow) share one timing: Tailwind's default
+// 150ms transition and easing. Presence and geometry motion (enter, exit, expand,
+// slide) comes from src/lib/motion-recipes.ts. Returns the timing tokens that
+// retime a paint-only transition.
+const paintProperties = new Set(['color', 'background-color', 'background', 'border-color', 'box-shadow', 'outline-color', 'text-decoration-color', 'fill', 'stroke']);
+function paintTransition(token) {
+  const value = utility(token);
+  if (value === 'transition-colors' || value === 'transition-shadow') return true;
+  const list = value.match(/^transition-\[(.+)\]$/)?.[1];
+  return !!list && list.split(',').every(property => paintProperties.has(property.trim()));
+}
+export function stateMotionDrift(classes) {
+  const resting = classes.filter(token => variants(token) === '');
+  if (!resting.some(paintTransition) || resting.some(token => /^transition(?:-|$)/.test(utility(token)) && !paintTransition(token))) return [];
+  return resting.filter(token => /^duration-(?!150$|0$)/.test(utility(token)) || /^ease-/.test(utility(token)));
+}
+
+// Corners take a role derived from --radius: rounded-radius (outer shells) and
+// rounded-inner (controls, rows, nested bodies), plus rounded-full, rounded-none
+// and the root-derived rounded-radius-* steps. Bare rounded is a fixed 4px that
+// ignores the theme root, and the t-shirt steps are a second scale.
+export function radiusRoleDrift(token) {
+  return /^rounded(?:-(?:[trblse]|tl|tr|br|bl|ss|se|es|ee))?(?:-(?:xs|sm|md|lg|xl|2xl|3xl|4xl))?$/.test(utility(token));
+}
+
+// One stacking scale (src/lib/layer-recipes.ts): z-10 raised, z-20 sticky, z-30
+// sticky over sticky, z-40 app chrome, z-50 popups and modal layers. Local
+// ordering may also use z-0, z-[1] and z-[-1].
+export function layerScaleDrift(token) {
+  const match = utility(token).replace(/^-/, '').match(/^z-(?:(\d+)|\[(-?\d+)\])$/);
   if (!match) return false;
-  const opacity = Number(match[1] ?? match[2]);
-  return opacity < (match[1] !== undefined || match[3] ? 100 : 1);
+  if (match[2] !== undefined) return Math.abs(Number(match[2])) > 1;
+  return ![0, 10, 20, 30, 40, 50].includes(Number(match[1]));
+}
+
+// Disabled content dims once, at 50%; a child of a dimmed owner resets to 100%.
+const disabledSegment = /^(?:group-|peer-)?(?:disabled|data-disabled|aria-disabled|data-\[disabled[^\]]*\]|aria-\[disabled[^\]]*\])(?:\/[\w-]+)?$/;
+export function disabledDimmingDrift(token) {
+  if (!variantSegments(variants(token)).some(segment => disabledSegment.test(segment))) return false;
+  const match = utility(token).match(/^opacity-(\d+)$/);
+  return !!match && !['50', '100'].includes(match[1]);
+}
+
+const focusState = /focus|focused/;
+const ringWidth = /^ring(?:-\d+(?:\.\d+)?|-\[(?:\d+(?:\.\d+)?)(?:px|rem|em)\])?$/;
+
+/**
+ * Every focus indicator is one recipe: a 3px halo of the ring role at 50% around
+ * a full-strength 1px edge (the control's own `border-ring`, or `inset-ring-ring`
+ * on a borderless element). Returns the tokens that draw focus any other way:
+ * another focus ring width, an offset ring, a halo at another strength, an
+ * attenuated edge, or an unscoped ring colour that a focus-only width turns into
+ * a full-strength halo. Status tints (invalid, selected) keep their own colours.
+ */
+export function focusRingDrift(classes) {
+  const focused = token => focusState.test(variants(token));
+  const focusWidth = classes.some(token => focused(token) && ringWidth.test(utility(token)) && utility(token) !== 'ring-0');
+  return classes.filter(token => {
+    const value = utility(token);
+    if (!focused(token)) return focusWidth && variants(token) === '' && /^ring-(?:ring|sidebar-ring)$/.test(value);
+    if (/^ring-offset-/.test(value)) return true;
+    if (ringWidth.test(value)) return !/^ring-[03]$/.test(value);
+    const halo = value.match(/^ring-(?:ring|sidebar-ring)(?:\/(.+))?$/);
+    if (halo) return halo[1] !== '50';
+    return /^(?:border|inset-ring|outline)-(?:ring|sidebar-ring)\/.+$/.test(value);
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "themelia-react-ui",
-  "version": "1.0.2",
+  "version": "2.0.1",
   "description": "A composable React UI library for modern admin applications, built on Base UI and Tailwind with shadcn-compatible themes, shared design tokens, reusable layouts, blocks and workflows.",
   "publishConfig": {
     "access": "public",
@@ -62,6 +62,7 @@
     },
     "./style.css": "./dist/style.css",
     "./theme.css": "./dist/theme.css",
+    "./themes/green.css": "./dist/themes/green.css",
     "./component-vocabulary": {
       "types": "./dist/lib/component-vocabulary.d.ts",
       "import": "./dist/component-vocabulary.js"
@@ -98,6 +99,10 @@
       "types": "./dist/components/base/badge/index.d.ts",
       "import": "./dist/base/badge.js"
     },
+    "./base/batch-action-bar": {
+      "types": "./dist/components/base/batch-action-bar/index.d.ts",
+      "import": "./dist/base/batch-action-bar.js"
+    },
     "./base/cards": {
       "types": "./dist/components/base/cards/index.d.ts",
       "import": "./dist/base/cards.js"
@@ -162,6 +167,10 @@
       "types": "./dist/components/base/media-gallery/index.d.ts",
       "import": "./dist/base/media-gallery.js"
     },
+    "./base/metadata-list": {
+      "types": "./dist/components/base/metadata-list/index.d.ts",
+      "import": "./dist/base/metadata-list.js"
+    },
     "./base/navigation": {
       "types": "./dist/components/base/navigation/index.d.ts",
       "import": "./dist/base/navigation.js"
@@ -448,7 +457,7 @@
     "check:package": "node scripts/check-package.mjs",
     "check": "npm run check:contract && npm run check:preview && npm run check:docs && npm run lint && npm run check:design-lint && npm run typecheck && npm test && npm run build && npm run check:skill && npm run check:maps && npm run check:package && npm run build:preview",
     "check:contract": "node --test scripts/test-runtime-ownership.mjs scripts/test-primitive-geometry.mjs scripts/test-source-entrypoints.mjs scripts/test-utility-vocabulary.mjs scripts/test-theme-contrast.mjs && node scripts/check-contract.mjs",
-    "lint": "node scripts/generate-utilities.mjs && oxlint src/components src/lib src/preview docs/consumer-skill/examples --deny-warnings",
+    "lint": "node scripts/generate-utilities.mjs && oxlint src/components src/lib src/preview docs/consumer-skill/examples templates --deny-warnings",
     "check:design-lint": "node scripts/generate-utilities.mjs && node scripts/check-design-lint.mjs",
     "check:preview": "node scripts/check-preview.mjs",
     "docs:sync-skill": "node scripts/sync-consumer-skill.mjs",
@@ -460,10 +469,11 @@
     "check:docs": "node --test scripts/test-public-docs.mjs && node scripts/refresh-prop-docs.mjs --check",
     "collect:browser": "npm run build:preview && node scripts/run-browser.mjs --collectors",
     "check:all": "npm run check && node scripts/run-browser.mjs",
+    "check:quick": "npm run check:contract && npm run lint && npm run check:design-lint && npm run typecheck && npm test && npm run build",
     "check:maps": "node scripts/test-client-boundaries.mjs --built",
     "build:docs": "node scripts/build-static-docs.mjs",
     "check:static-docs": "node scripts/check-static-docs.mjs",
-    "check:agent": "node --test scripts/test-consumer-discovery.mjs scripts/test-consumer-composition.mjs scripts/test-consumer-skill-assets.mjs scripts/test-static-docs.mjs scripts/test-fixture-install.mjs && npm run check:skill",
+    "check:agent": "node --test scripts/test-consumer-discovery.mjs scripts/test-consumer-composition.mjs scripts/test-consumer-evals.mjs scripts/test-button-codemod.mjs scripts/test-consumer-skill-assets.mjs scripts/test-static-docs.mjs scripts/test-fixture-install.mjs && npm run check:skill",
     "check:release": "npm run check:all && npm run check:agent && npm run build:docs && npm run check:static-docs"
   },
   "peerDependencies": {

package/dist/accordion-BRTcsp8J.js

@@ -1,205 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-BvH9PSmq.js";
-import { a as n } from "./typography-BxQgiZyw.js";
-import { t as r } from "./motion-recipes-B6jKXEcN.js";
-import { t as i } from "./structure-CRdqVawd.js";
-import { t as a } from "./disclosure-panel-B0HFNZ9x.js";
-import { t as o } from "./icon-badge-Btc6pQrp.js";
-import * as s from "react";
-import { forwardRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ChevronDownIcon as d } from "lucide-react";
-import { Accordion as f } from "@base-ui/react/accordion";
-//#region src/components/ui/accordion.tsx
-function p({ className: e, ...n }) {
-	return /* @__PURE__ */ l(f.Root, {
-		"data-slot": "accordion",
-		className: t("border-border accordion--component flex w-full flex-col border box-border overflow-hidden", e),
-		...n
-	});
-}
-function m({ className: e, ...n }) {
-	return /* @__PURE__ */ l(f.Item, {
-		"data-slot": "accordion-item",
-		className: t("border-border accordion-item--component border-b last:border-b-0", e),
-		...n
-	});
-}
-function h({ className: e, children: n, ...i }) {
-	return /* @__PURE__ */ l(f.Header, {
-		className: "accordion-header m-0",
-		children: /* @__PURE__ */ u(f.Trigger, {
-			"data-slot": "accordion-trigger",
-			className: t("accordion-trigger--component flex w-full items-center justify-between border-0 bg-transparent outline-none cursor-pointer box-border", e),
-			...i,
-			children: [n, /* @__PURE__ */ l(d, {
-				"data-slot": "accordion-trigger-icon",
-				className: t("accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180", r.chevron)
-			})]
-		})
-	});
-}
-function g({ className: e, children: n, render: i, ...o }) {
-	return /* @__PURE__ */ l(f.Panel, {
-		"data-slot": "accordion-content",
-		className: t("accordion-content--component box-border text-foreground h-(--accordion-panel-height)", r.disclosure, e),
-		...o,
-		render: (e, t) => /* @__PURE__ */ l(a, {
-			props: e,
-			state: t,
-			render: i,
-			heightVariable: "--accordion-panel-height"
-		}),
-		children: n
-	});
-}
-//#endregion
-//#region src/components/base/accordion/accordion.tsx
-var _ = s.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ l(p, {
-		ref: r,
-		className: t("accordion--component rounded-radius border-border bg-card", e),
-		...n
-	});
-});
-_.displayName = "Accordion";
-var v = s.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ l(m, {
-		ref: r,
-		className: t("accordion-item--component border-border data-open:bg-muted/30", e),
-		...n
-	});
-});
-v.displayName = "AccordionItem";
-var y = s.forwardRef(function({ className: e, children: r, ...i }, a) {
-	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
-	return /* @__PURE__ */ l(h, {
-		ref: a,
-		className: t("accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y", "text-left text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline", "focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring", e),
-		...i,
-		children: o ? /* @__PURE__ */ l(n, {
-			tag: "span",
-			size: "inherit",
-			weight: "medium",
-			lineHeight: "tight",
-			className: "text-inherit",
-			children: r
-		}) : r
-	});
-});
-y.displayName = "AccordionTrigger";
-var b = s.forwardRef(function({ className: e, children: r, ...i }, a) {
-	let o = typeof r == "string" || typeof r == "number" || typeof r == "bigint";
-	return /* @__PURE__ */ l(g, {
-		ref: a,
-		className: t("accordion-content--component px-row-x pb-space-lg text-sm", e),
-		...i,
-		children: o ? /* @__PURE__ */ l(n, {
-			tag: "div",
-			size: "inherit",
-			lineHeight: "relaxed",
-			className: "text-inherit",
-			children: r
-		}) : r
-	});
-});
-b.displayName = "AccordionContent";
-//#endregion
-//#region src/components/base/accordion/accordion-variants.ts
-var x = {
-	card: "gap-space-md border-0 rounded-none bg-transparent overflow-visible",
-	bordered: "rounded-radius border border-border bg-card overflow-hidden",
-	flat: "border-0 rounded-none bg-transparent overflow-visible"
-}, S = {
-	card: "border border-border bg-card rounded-radius data-open:bg-muted/25",
-	bordered: "bg-transparent not-last:border-b border-border data-open:bg-muted/30",
-	flat: "border-0 not-last:border-b-0 bg-transparent data-open:bg-muted/30 rounded-radius"
-}, C = "items-center gap-space-lg px-row-x py-row-y text-left hover:no-underline", w = {
-	withMedallion: "pl-[calc(var(--spacing-row-x)+var(--spacing-avatar)+var(--spacing-space-lg))] pr-row-x pt-0",
-	withInline: "pl-[calc(var(--spacing-row-x)+var(--spacing-icon-lg)+var(--spacing-space-lg))] pr-row-x pt-0",
-	withoutIcon: "px-row-x pt-0"
-}, T = { regionAriaLabel: void 0 }, E = c(function({ items: r, multiple: a = !1, defaultValue: o, value: s, onValueChange: c, variant: d = "bordered", iconStyle: f = "inline", className: p, itemClassName: m, triggerClassName: h, contentClassName: g, strings: E }, k) {
-	let A = e(T, E), j = f !== "none" && r.some((e) => e.icon != null), M = j ? f === "medallion" ? w.withMedallion : w.withInline : w.withoutIcon, N = j ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]";
-	return /* @__PURE__ */ l(_, {
-		ref: k,
-		multiple: a,
-		defaultValue: o,
-		value: s,
-		onValueChange: c ? (e) => c(e) : void 0,
-		"aria-label": A.regionAriaLabel,
-		"data-variant": d,
-		"data-icon-style": f,
-		className: t("smart-accordion--component", x[d], p),
-		children: r.map((e) => /* @__PURE__ */ u(v, {
-			value: e.value,
-			className: t("smart-accordion--item", S[d], m),
-			children: [/* @__PURE__ */ l(y, {
-				className: t("smart-accordion--trigger", C, h),
-				disabled: e.disabled,
-				children: /* @__PURE__ */ u("div", {
-					className: t("grid min-w-0 flex-1 items-center gap-x-space-lg", N),
-					children: [/* @__PURE__ */ l(O, {
-						iconStyle: f,
-						icon: e.icon,
-						reserveSpace: j
-					}), /* @__PURE__ */ u(i, {
-						render: /* @__PURE__ */ l("span", {}),
-						gap: "dense",
-						className: "smart-accordion--heading flex-1",
-						children: [/* @__PURE__ */ u("span", {
-							className: "flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs",
-							children: [D(e.title) ? /* @__PURE__ */ l(n, {
-								tag: "span",
-								weight: "semibold",
-								className: "smart-accordion--title min-w-0",
-								children: e.title
-							}) : e.title, e.badge != null && /* @__PURE__ */ l("span", {
-								className: "smart-accordion--badge inline-flex shrink-0",
-								children: e.badge
-							})]
-						}), !!e.description && (D(e.description) ? /* @__PURE__ */ l(n, {
-							tag: "span",
-							type: "secondary",
-							className: "smart-accordion--description min-w-0",
-							children: e.description
-						}) : e.description)]
-					})]
-				})
-			}), /* @__PURE__ */ l(b, {
-				className: t("smart-accordion--content", M, g),
-				children: D(e.content) ? /* @__PURE__ */ l(n, {
-					tag: "div",
-					type: "secondary",
-					lineHeight: "relaxed",
-					children: e.content
-				}) : e.content
-			})]
-		}, e.value))
-	});
-});
-E.displayName = "SmartAccordion";
-function D(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function O({ iconStyle: e, icon: n, reserveSpace: r }) {
-	return e === "none" || !r ? null : n ? e === "inline" ? /* @__PURE__ */ l("span", {
-		"aria-hidden": "true",
-		className: "smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon",
-		children: n
-	}) : /* @__PURE__ */ l(o, {
-		size: "md",
-		tone: "neutral",
-		shape: "circle",
-		"aria-hidden": "true",
-		className: "smart-accordion--icon self-center",
-		children: n
-	}) : /* @__PURE__ */ l("span", {
-		"aria-hidden": "true",
-		className: t("smart-accordion--icon inline-flex shrink-0", e === "inline" ? "size-icon-lg" : "size-avatar")
-	});
-}
-//#endregion
-export { x as a, b as c, S as i, v as l, T as n, C as o, w as r, _ as s, E as t, y as u };
-
-//# sourceMappingURL=accordion-BRTcsp8J.js.map

package/dist/accordion-BRTcsp8J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-BRTcsp8J.js","names":["Accordion","AccordionPrimitive","AccordionItem","AccordionTrigger","AccordionContent","Accordion","React","PrimitiveAccordion","PrimitiveAccordionItem","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Accordion","Text","motionRecipes","Stack","DisclosurePanelElement","IconBadge","React$1","Accordion$2","props","Accordion","cn","className","AccordionItem$1","AccordionTrigger$1","children","ChevronDownIcon","AccordionContent$1","panelProps","Accordion$1","AccordionItem","AccordionTrigger","isSimpleText","AccordionContent","ACCORDION_ROOT_VARIANT_CLASS","ACCORDION_ITEM_VARIANT_CLASS","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","defaultSmartAccordionStrings","SmartAccordion","forwardRef","stringsProp","strings","useStrings","hasIconColumn","iconStyle","items","item","contentPadding","triggerGridClass","onValueChange","next","variant","itemClassName","triggerClassName","SmartAccordionIcon","isSimpleContent","contentClassName","content","reserveSpace","icon"],"sources":["../src/components/ui/accordion.tsx","../src/components/base/accordion/accordion.tsx","../src/components/base/accordion/accordion-variants.ts","../src/components/base/accordion/accordion.strings.ts","../src/components/base/accordion/smart-accordion.tsx"],"sourcesContent":["import { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"border-border accordion--component flex w-full flex-col border box-border overflow-hidden\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-border accordion-item--component border-b last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"accordion-header m-0\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\"accordion-trigger--component flex w-full items-center justify-between border-0 bg-transparent outline-none cursor-pointer box-border\", className)}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className={cn(\"accordion-trigger--icon size-icon text-muted-foreground shrink-0 [[aria-expanded=true]_&]:rotate-180\", motionRecipes.chevron)} />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  render,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\"accordion-content--component box-border text-foreground h-(--accordion-panel-height)\", motionRecipes.disclosure, className)}\n      {...props}\n      render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--accordion-panel-height\" />}\n    >\n      {children}\n    </AccordionPrimitive.Panel>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n\n","/**\n * Accordion — tokenized base wrapper around the shadcn/Base UI primitive.\n *\n * The internal primitive intentionally keeps shadcn's roomy defaults. This\n * public layer calibrates them for admin surfaces: radius tokens, 12px row\n * insets, density-aware vertical rhythm, quiet hover/focus treatments, and\n * matching trigger/content columns. Consumers retain the complete compound\n * API and can override any treatment with `className`.\n */\nimport * as React from 'react';\n\nimport {\n\tAccordion as PrimitiveAccordion,\n\tAccordionContent as PrimitiveAccordionContent,\n\tAccordionItem as PrimitiveAccordionItem,\n\tAccordionTrigger as PrimitiveAccordionTrigger,\n} from '../../ui/accordion';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type AccordionProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordion>;\nexport type AccordionItemProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionItem>;\nexport type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionTrigger>;\nexport type AccordionContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveAccordionContent>;\n\nconst Accordion = React.forwardRef<React.ElementRef<typeof PrimitiveAccordion>, AccordionProps>(\n\tfunction Accordion({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordion\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion--component rounded-radius border-border bg-card',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordion.displayName = 'Accordion';\n\nconst AccordionItem = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionItem>, AccordionItemProps>(\n\tfunction AccordionItem({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<PrimitiveAccordionItem\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-item--component border-border data-open:bg-muted/30',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionTrigger>, AccordionTriggerProps>(\n\tfunction AccordionTrigger({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionTrigger\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-trigger--component min-h-action items-center gap-space-lg px-row-x py-row-y',\n\t\t\t\t\t'text-left text-sm font-medium transition-colors hover:bg-muted/40 hover:no-underline',\n\t\t\t\t\t'focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-ring',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionTrigger>\n\t\t);\n\t},\n);\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<React.ElementRef<typeof PrimitiveAccordionContent>, AccordionContentProps>(\n\tfunction AccordionContent({ className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<PrimitiveAccordionContent\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'accordion-content--component px-row-x pb-space-lg text-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text tag=\"div\" size=\"inherit\" lineHeight=\"relaxed\" className=\"text-inherit\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : children}\n\t\t\t</PrimitiveAccordionContent>\n\t\t);\n\t},\n);\nAccordionContent.displayName = 'AccordionContent';\n\nexport {\n\tAccordion,\n\tAccordionItem,\n\tAccordionTrigger,\n\tAccordionContent,\n};\n","/**\n * Shared accordion-shell variant classes — used by both `SmartAccordion`\n * and any blocks surface that builds on `base/accordion` directly\n * (e.g. `blocks/onboarding/checklist`).\n *\n * Exported because two consumers already keep it in lockstep; a third\n * one will copy this exact map. Centralising means a future tweak\n * (e.g. tighten `card` items to `border-border/70`) propagates.\n *\n * Padding tokens for trigger / content live alongside so the rhythm\n * is shared too:\n *\n * - Trigger: `gap-space-lg px-row-x py-row-y` — density-driven,\n *   `<UIProvider>`\n *   override flows through.\n * - Content padding accounts for the base panel's `px-row-x`.\n *   Medallion and inline rows use shared media/spacing tokens, and\n *   no-icon rows add no extra left padding so body copy tracks the\n *   trigger text column instead of drifting.\n */\nimport type { DisclosureSurface } from '../../../lib/component-vocabulary';\n\nexport type AccordionShellVariant = DisclosureSurface;\n\nexport const ACCORDION_ROOT_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'gap-space-md border-0 rounded-none bg-transparent overflow-visible',\n\tbordered: 'rounded-radius border border-border bg-card overflow-hidden',\n\tflat: 'border-0 rounded-none bg-transparent overflow-visible',\n};\n\nexport const ACCORDION_ITEM_VARIANT_CLASS: Record<AccordionShellVariant, string> = {\n\tcard: 'border border-border bg-card rounded-radius data-open:bg-muted/25',\n\tbordered: 'bg-transparent not-last:border-b border-border data-open:bg-muted/30',\n\tflat: 'border-0 not-last:border-b-0 bg-transparent data-open:bg-muted/30 rounded-radius',\n};\n\nexport const ACCORDION_TRIGGER_BASE =\n\t'items-center gap-space-lg px-row-x py-row-y text-left hover:no-underline';\n\n/**\n * Content-padding presets keyed off the leading-icon width. Use\n * `withMedallion` when the trigger renders a default `IconBadge`\n * plus the shared row gap so body text aligns under the title at every\n * consumer density.\n */\nexport const ACCORDION_CONTENT_PADDING = {\n\twithMedallion: 'pl-[calc(var(--spacing-row-x)+var(--spacing-avatar)+var(--spacing-space-lg))] pr-row-x pt-0',\n\twithInline: 'pl-[calc(var(--spacing-row-x)+var(--spacing-icon-lg)+var(--spacing-space-lg))] pr-row-x pt-0',\n\twithoutIcon: 'px-row-x pt-0',\n} as const;\n","/**\n * Strings for `SmartAccordion`. There aren't many — Radix handles the\n * trigger ARIA states automatically, so the only library-owned copy is\n * the optional landmark label on the wrapping nav region. Consumers\n * override per-item `title` / `badge` / `content` directly via\n * `SmartAccordionItem` props (the strings live in the data, not here).\n */\nexport interface SmartAccordionStrings {\n\t/**\n\t * Sets `aria-label` on the wrapping element so screen readers can name\n\t * the accordion region. Optional — when absent, no aria-label is set.\n\t */\n\tregionAriaLabel?: string;\n}\n\nexport const defaultSmartAccordionStrings: SmartAccordionStrings = {\n\tregionAriaLabel: undefined,\n};\n","/**\n * SmartAccordion — the canonical \"icon + title + optional badge + body\"\n * accordion pattern, with three visual variants for the surface chrome\n * (`card` | `bordered` | `flat`) and three icon framings (`medallion` |\n * `inline` | `none`).\n *\n * Composes the wrapped `base/accordion` parts (rule 2 — blocks-style\n * convenience built from re-exports, not the raw shadcn primitive).\n *\n * For richer rows (multi-line metadata, custom layouts), drop down to\n * the compound API:\n *\n *     import { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n *       from '.';\n */\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { IconBadge } from '../display/icon-badge';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from './accordion-variants';\nimport { defaultSmartAccordionStrings } from './accordion.strings';\nimport type {\n\tSmartAccordionIconStyle,\n\tSmartAccordionProps,\n} from './accordion.types';\n\n/**\n * Bounded accordion composition for repeated icon, title, description, badge,\n * and body sections. Use the compound Accordion parts when row structure or\n * per-item presentation differs.\n */\nexport const SmartAccordion = forwardRef<HTMLDivElement, SmartAccordionProps>(function SmartAccordion({\n\titems,\n\tmultiple = false,\n\tdefaultValue,\n\tvalue,\n\tonValueChange,\n\tvariant = 'bordered',\n\ticonStyle = 'inline',\n\tclassName,\n\titemClassName,\n\ttriggerClassName,\n\tcontentClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultSmartAccordionStrings, stringsProp);\n\tconst hasIconColumn = iconStyle !== 'none' && items.some((item) => item.icon != null);\n\tconst contentPadding =\n\t\t!hasIconColumn\n\t\t\t? ACCORDION_CONTENT_PADDING.withoutIcon\n\t\t\t: iconStyle === 'medallion'\n\t\t\t? ACCORDION_CONTENT_PADDING.withMedallion\n\t\t\t: ACCORDION_CONTENT_PADDING.withInline;\n\tconst triggerGridClass = !hasIconColumn\n\t\t? 'grid-cols-[minmax(0,1fr)]'\n\t\t: 'grid-cols-[auto_minmax(0,1fr)]';\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tonValueChange={\n\t\t\t\tonValueChange\n\t\t\t\t\t? (next) => onValueChange(next as string[])\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tdata-variant={variant}\n\t\t\tdata-icon-style={iconStyle}\n\t\t\tclassName={cn('smart-accordion--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={item.value}\n\t\t\t\t\tvalue={item.value}\n\t\t\t\t\tclassName={cn('smart-accordion--item', ACCORDION_ITEM_VARIANT_CLASS[variant], itemClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tclassName={cn('smart-accordion--trigger', ACCORDION_TRIGGER_BASE, triggerClassName)}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={cn('grid min-w-0 flex-1 items-center gap-x-space-lg', triggerGridClass)}>\n\t\t\t\t\t\t\t<SmartAccordionIcon\n\t\t\t\t\t\t\t\ticonStyle={iconStyle}\n\t\t\t\t\t\t\t\ticon={item.icon}\n\t\t\t\t\t\t\t\treserveSpace={hasIconColumn}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\" className=\"smart-accordion--heading flex-1\">\n\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs\">\n\t\t\t\t\t\t\t\t\t{isSimpleContent(item.title) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"smart-accordion--title min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.title}\n\t\t\t\t\t\t\t\t\t{item.badge != null && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"smart-accordion--badge inline-flex shrink-0\">{item.badge}</span>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\tisSimpleContent(item.description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"secondary\" className=\"smart-accordion--description min-w-0\">\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : item.description\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t<AccordionContent\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'smart-accordion--content',\n\t\t\t\t\t\t\tcontentPadding,\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isSimpleContent(item.content) ? (\n\t\t\t\t\t\t\t<Text tag=\"div\" type=\"secondary\" lineHeight=\"relaxed\">\n\t\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : item.content}\n\t\t\t\t\t</AccordionContent>\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nSmartAccordion.displayName = 'SmartAccordion';\n\nfunction isSimpleContent(content: ReactNode): content is string | number | bigint {\n\treturn typeof content === 'string' || typeof content === 'number' || typeof content === 'bigint';\n}\n\nfunction SmartAccordionIcon({\n\ticonStyle,\n\ticon,\n\treserveSpace,\n}: {\n\ticonStyle: SmartAccordionIconStyle;\n\ticon?: ReactNode;\n\treserveSpace: boolean;\n}) {\n\tif (iconStyle === 'none' || !reserveSpace) return null;\n\tif (!icon) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'smart-accordion--icon inline-flex shrink-0',\n\t\t\t\t\ticonStyle === 'inline' ? 'size-icon-lg' : 'size-avatar',\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n\tif (iconStyle === 'inline') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"smart-accordion--icon inline-flex size-icon-lg shrink-0 self-center text-muted-foreground [&>svg]:size-icon\"\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<IconBadge size=\"md\" tone=\"neutral\" shape=\"circle\" aria-hidden=\"true\" className=\"smart-accordion--icon self-center\">\n\t\t\t{icon}\n\t\t</IconBadge>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,SAASA,EAAU,EAAE,cAAW,GAAGmB,KAAwC;CACzE,OACE,kBAAClB,EAAmB,MAApB;EACE,aAAU;EACV,WAAWoB,EAAG,6FAA6FC,CAAS;EACpH,GAAIH;CACL,CAAA;AAEL;AAEA,SAASjB,EAAc,EAAE,cAAW,GAAGiB,KAAwC;CAC7E,OACE,kBAAClB,EAAmB,MAApB;EACE,aAAU;EACV,WAAWoB,EAAG,oEAAoEC,CAAS;EAC3F,GAAIH;CACL,CAAA;AAEL;AAEA,SAAShB,EAAiB,EACxB,cACA,aACA,GAAGgB,KACgC;CACnC,OACE,kBAAClB,EAAmB,QAApB;EAA2B,WAAU;EACnC,UAAA,kBAACA,EAAmB,SAApB;GACE,aAAU;GACV,WAAWoB,EAAG,wIAAwIC,CAAS;GAC/J,GAAIH;GAHN,UAAA,CAKGM,GACD,kBAACC,GAAD;IAAiB,aAAU;IAAyB,WAAWL,EAAG,wGAAwGR,EAAc,OAAO;GAAI,CAAA,CACzK;;CACH,CAAA;AAE/B;AAEA,SAAST,EAAiB,EACxB,cACA,aACA,WACA,GAAGe,KAC8B;CACjC,OACE,kBAAClB,EAAmB,OAApB;EACE,aAAU;EACV,WAAWoB,EAAG,wFAAwFR,EAAc,YAAYS,CAAS;EACzI,GAAIH;EACJ,SAAS,GAAY,MAAU,kBAACJ,GAAD;GAAwB,OAAOa;GAAmB;GAAe;GAAQ,gBAAe;EAA4B,CAAA;EAElJ;CACuB,CAAA;AAE9B;;;ACrCA,IAAMvB,IAAYC,EAAM,WACvB,SAAmB,EAAE,cAAW,GAAGa,KAAS,GAAK;CAChD,OACC,kBAACZ,GAAD;EACM;EACL,WAAWc,EACV,6DACAC,CACD;EACA,GAAIH;CACJ,CAAA;AAEH,CACD;AACA,EAAU,cAAc;AAExB,IAAMW,IAAgBxB,EAAM,WAC3B,SAAuB,EAAE,cAAW,GAAGa,KAAS,GAAK;CACpD,OACC,kBAACX,GAAD;EACM;EACL,WAAWa,EACV,iEACAC,CACD;EACA,GAAIH;CACJ,CAAA;AAEH,CACD;AACA,EAAc,cAAc;AAE5B,IAAMY,IAAmBzB,EAAM,WAC9B,SAA0B,EAAE,cAAW,aAAU,GAAGa,KAAS,GAAK;CACjE,IAAMa,IAAe,OAAOP,KAAa,YAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa;CACzG,OACC,kBAAChB,GAAD;EACM;EACL,WAAWY,EACV,yFACA,wFACA,mEACAC,CACD;EACA,GAAIH;EAEH,UAAAa,IACA,kBAACpB,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAO;GAAS,YAAW;GAAQ,WAAU;GAC3E;EACI,CAAA,IACHa;CACsB,CAAA;AAE7B,CACD;AACA,EAAiB,cAAc;AAE/B,IAAMQ,IAAmB3B,EAAM,WAC9B,SAA0B,EAAE,cAAW,aAAU,GAAGa,KAAS,GAAK;CACjE,IAAMa,IAAe,OAAOP,KAAa,YAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa;CACzG,OACC,kBAACf,GAAD;EACM;EACL,WAAWW,EACV,6DACAC,CACD;EACA,GAAIH;EAEH,UAAAa,IACA,kBAACpB,GAAD;GAAM,KAAI;GAAM,MAAK;GAAU,YAAW;GAAU,WAAU;GAC5D;EACI,CAAA,IACHa;CACsB,CAAA;AAE7B,CACD;AACA,EAAiB,cAAc;;;AC/E/B,IAAaS,IAAsE;CAClF,MAAM;CACN,UAAU;CACV,MAAM;AACP,GAEaC,IAAsE;CAClF,MAAM;CACN,UAAU;CACV,MAAM;AACP,GAEaC,IACZ,4EAQYC,IAA4B;CACxC,eAAe;CACf,YAAY;CACZ,aAAa;AACd,GClCaC,IAAsD,EAClE,iBAAiB,KAAA,EAClB,GCwBaC,IAAiBC,EAAgD,SAAwB,EACrG,UACA,cAAW,IACX,iBACA,UACA,kBACA,aAAU,YACV,eAAY,UACZ,cACA,kBACA,qBACA,qBACA,SAASC,KACP,GAAK;CACP,IAAMC,IAAUC,EAAWL,GAA8BG,CAAW,GAC9DG,IAAgBC,MAAc,UAAUC,EAAM,MAAM,MAASC,EAAK,QAAQ,IAAI,GAC9EC,IACJJ,IAEEC,MAAc,cACdR,EAA0B,gBAC1BA,EAA0B,aAH1BA,EAA0B,aAIxBY,IAAoBL,IAEvB,mCADA;CAEH,OACC,kBAACjC,GAAD;EACM;EACK;EACI;EACP;EACP,eACCuC,KACI,MAASA,EAAcC,CAAgB,IACxC,KAAA;EAEJ,cAAYT,EAAQ;EACpB,gBAAcU;EACd,mBAAiBP;EACjB,WAAWxB,EAAG,8BAA8Ba,EAA6BkB,IAAU9B,CAAS;EAE3F,UAAAwB,EAAM,KAAK,MACX,kBAAChB,GAAD;GAEC,OAAOiB,EAAK;GACZ,WAAW1B,EAAG,yBAAyBc,EAA6BiB,IAAUC,CAAa;GAH5F,UAAA,CAKC,kBAACtB,GAAD;IACC,WAAWV,EAAG,4BAA4Be,GAAwBkB,CAAgB;IAClF,UAAUP,EAAK;IAEf,UAAA,kBAAC,OAAD;KAAK,WAAW1B,EAAG,mDAAmD4B,CAAgB;KAAtF,UAAA,CACC,kBAACM,GAAD;MACY;MACX,MAAMR,EAAK;MACX,cAAcH;KACd,CAAA,GACD,kBAAC9B,GAAD;MAAO,QAAQ,kBAAC,QAAD,CAAO,CAAA;MAAG,KAAI;MAAQ,WAAU;MAA/C,UAAA,CACC,kBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA,CACE0C,EAAgBT,EAAK,KAAK,IAC1B,kBAACnC,GAAD;QAAM,KAAI;QAAO,QAAO;QAAW,WAAU;QAC3C,UAAAmC,EAAK;OACD,CAAA,IACHA,EAAK,OACRA,EAAK,SAAS,QACd,kBAAC,QAAD;QAAM,WAAU;QAA+C,UAAAA,EAAK;OAAY,CAAA,CAE5E;MACL,CAAA,GAAA,CAAC,CAACA,EAAK,gBACPS,EAAgBT,EAAK,WAAW,IAC/B,kBAACnC,GAAD;OAAM,KAAI;OAAO,MAAK;OAAY,WAAU;OAC1C,UAAAmC,EAAK;MACD,CAAA,IACHA,EAAK,YAEJ;KACH,CAAA,CAAA;;GACY,CAAA,GAClB,kBAACd,GAAD;IACC,WAAWZ,EACV,4BACA2B,GACAS,CACD;IAEC,UAAAD,EAAgBT,EAAK,OAAO,IAC5B,kBAACnC,GAAD;KAAM,KAAI;KAAM,MAAK;KAAY,YAAW;KAC1C,UAAAmC,EAAK;IACD,CAAA,IACHA,EAAK;GACQ,CAAA,CACJ;EAhDT,GAAAA,EAAK,KAgDI,CACf;CACS,CAAA;AAEb,CAAC;AAED,EAAe,cAAc;AAE7B,SAASS,EAAgB,GAAyD;CACjF,OAAO,OAAOE,KAAY,YAAY,OAAOA,KAAY,YAAY,OAAOA,KAAY;AACzF;AAEA,SAASH,EAAmB,EAC3B,cACA,SACA,mBAKE;CAuBF,OAtBIV,MAAc,UAAU,CAACc,IAAqB,OAC7CC,IAWDf,MAAc,WAEhB,kBAAC,QAAD;EACC,eAAY;EACZ,WAAU;EAET,UAAAe;CACI,CAAA,IAIP,kBAAC5C,GAAD;EAAW,MAAK;EAAK,MAAK;EAAU,OAAM;EAAS,eAAY;EAAO,WAAU;EAC9E,UAAA4C;CACS,CAAA,IAtBV,kBAAC,QAAD;EACC,eAAY;EACZ,WAAWvC,EACV,8CACAwB,MAAc,WAAW,iBAAiB,aAC3C;CACA,CAAA;AAkBJ"}