torch-glare 2.1.2 → 2.1.3

package/apps/lib/components/TreeFolder/TreeFolderRow.tsx

@@ -1,47 +1,44 @@
-"use client"
+"use client";
 
-import { ChevronRight, ChevronDown, GripVertical } from "lucide-react"
-import type { DragEvent } from "react"
-import { cn } from "../../utils/cn"
-import { resolveIcon } from "./icons"
-import type {
-  TreeFolderIconResolver,
-  TreeFolderVisibleRow,
-} from "./types"
+import { ChevronRight, ChevronDown, GripVertical } from "lucide-react";
+import type { DragEvent } from "react";
+import { cn } from "../../utils/cn";
+import { resolveIcon } from "./icons";
+import type { TreeFolderIconResolver, TreeFolderVisibleRow } from "./types";
 
 export type TreeFolderRowDragHandlers = {
-  draggable: boolean
-  onDragStart: (e: DragEvent<HTMLElement>) => void
-  onDragEnd: (e: DragEvent<HTMLElement>) => void
-  onDragOver: (e: DragEvent<HTMLElement>) => void
-  onDragLeave: (e: DragEvent<HTMLElement>) => void
-  onDrop: (e: DragEvent<HTMLElement>) => void
-}
+  draggable: boolean;
+  onDragStart: (e: DragEvent<HTMLElement>) => void;
+  onDragEnd: (e: DragEvent<HTMLElement>) => void;
+  onDragOver: (e: DragEvent<HTMLElement>) => void;
+  onDragLeave: (e: DragEvent<HTMLElement>) => void;
+  onDrop: (e: DragEvent<HTMLElement>) => void;
+};
 
 export type TreeFolderRowProps = {
-  row: TreeFolderVisibleRow
-  rowHeight: number
-  indent: number
-  iconFor?: TreeFolderIconResolver
-
-  isSelected: boolean
-  isAncestor: boolean
-  isDescendantOfSelected: boolean
+  row: TreeFolderVisibleRow;
+  rowHeight: number;
+  indent: number;
+  iconFor?: TreeFolderIconResolver;
+
+  isSelected: boolean;
+  isAncestor: boolean;
+  isDescendantOfSelected: boolean;
   /** True when the previous visible row is part of the same selected-subtree band. */
-  isPrevInBand: boolean
+  isPrevInBand: boolean;
   /** True when the next visible row is part of the same selected-subtree band. */
-  isNextInBand: boolean
+  isNextInBand: boolean;
 
-  isDragging: boolean
-  isDropTargetInside: boolean
-  isDropBefore: boolean
-  isDropAfter: boolean
+  isDragging: boolean;
+  isDropTargetInside: boolean;
+  isDropBefore: boolean;
+  isDropAfter: boolean;
 
-  dndEnabled: boolean
-  onSelect: (id: string | null) => void
-  onToggle: (id: string) => void
-  dragHandlers: TreeFolderRowDragHandlers
-}
+  dndEnabled: boolean;
+  onSelect: (id: string | null) => void;
+  onToggle: (id: string) => void;
+  dragHandlers: TreeFolderRowDragHandlers;
+};
 
 export function TreeFolderRow({
   row,
@@ -62,83 +59,134 @@ export function TreeFolderRow({
   onToggle,
   dragHandlers,
 }: TreeFolderRowProps) {
-  const { node, level, isOpen, isInternal } = row
-  const data = node
-  const hasChildren = isInternal
-
-  const willReceiveDrop = isDropTargetInside && dndEnabled
-  const inSubtreeOfSelected = isDescendantOfSelected
-  const inAncestorChain = isAncestor
-  const inBand = (isSelected || inSubtreeOfSelected) && !willReceiveDrop
+  const { node, level, isOpen, isInternal, ancestorHasMoreSiblings } = row;
+  const data = node;
+  const hasChildren = isInternal;
 
-  const isBandStart = inBand && !isPrevInBand
-  const isBandEnd = inBand && !isNextInBand
+  const willReceiveDrop = isDropTargetInside && dndEnabled;
+  const inSubtreeOfSelected = isDescendantOfSelected;
+  const inAncestorChain = isAncestor;
+  // Selected row gets the strong fill; direct children get a softer overlay so
+  // they read as "members of the selected group" without competing with the
+  // selection itself. Rows stand alone — no neighbor-aware joining anymore.
+  const showSelected = isSelected && !willReceiveDrop;
+  const showChildOfSelected =
+    inSubtreeOfSelected && !isSelected && !willReceiveDrop;
+  // A row is "in the selection group" if it's the selected node itself or a
+  // descendant tinted by it. Neighbor-aware rounding then merges adjacent rows
+  // into one continuous pill instead of stacked individual chips.
+  const inGroup = showSelected || showChildOfSelected;
+  const isGroupStart = inGroup && !isPrevInBand;
+  const isGroupEnd = inGroup && !isNextInBand;
 
   const icon = resolveIcon(iconFor, data, {
     isOpen,
     isInternal,
     isSelected,
-  })
+  });
 
   const outerClassName = cn(
     "relative w-full min-w-max",
     isDragging && "opacity-40",
     data.disabled && "opacity-50 pointer-events-none",
-  )
+  );
 
   const bandClassName = cn(
-    "pointer-events-none absolute inset-y-0 inset-x-[2px] transition-colors duration-100",
-    "rounded-md",
-    inBand && !isBandStart && "rounded-t-none",
-    inBand && !isBandEnd && "rounded-b-none",
-    !willReceiveDrop && !inBand &&
+    "pointer-events-none absolute inset-y-0 inset-x-[2px] z-0 rounded-md transition-colors duration-100",
+    inGroup && !isGroupStart && "rounded-t-none",
+    inGroup && !isGroupEnd && "rounded-b-none",
+    !willReceiveDrop &&
+      !inGroup &&
       "group-hover/row:bg-background-presentation-form-field-hover group-active/row:bg-background-presentation-action-hover/20",
-    inBand && "bg-background-presentation-state-information-primary",
-    inAncestorChain && !inBand &&
+    showSelected && "bg-background-presentation-state-information-primary",
+    // Token isn't exposed as channels, so Tailwind's /alpha modifier doesn't
+    // work on it — paint the descendant tint with the same hex at 30% alpha.
+    showChildOfSelected && "bg-[#005ECC]/30",
+    inAncestorChain &&
+      !inGroup &&
       "bg-background-presentation-state-information-secondary",
     willReceiveDrop && "bg-background-presentation-state-information-primary",
-  )
+  );
 
   const rowClassName = cn(
     "relative z-10 flex items-center gap-1 py-1 pr-2 cursor-pointer text-sm min-w-max",
-    inBand && "text-white",
+    showSelected && "text-white",
     willReceiveDrop && "text-white",
-  )
+  );
+
+  // Grip occupies a fixed slot at the outer-left edge. `contentStart` is where
+  // the indent-padding origin (depth 0) begins, leaving breathing room between
+  // the grip column and the first connector / chevron.
+  const gripSlotWidth = 16;
+  const gripGutterPad = 6;
+  const contentStart = gripSlotWidth + gripGutterPad; // 22px
 
   const rowStyle = {
-    paddingLeft: 4 + level * indent,
+    paddingInlineStart: contentStart + level * indent,
     height: rowHeight,
-  }
+  };
 
   const handleRowClick = () => {
-    if (data.disabled) return
-    onSelect(node.id)
-  }
+    if (data.disabled) return;
+    onSelect(node.id);
+  };
 
   // Insert lines for "between" drops (above/below sibling). Inset to the row's
   // indent so they line up with the new sibling's level.
-  const insertLineInset = 4 + level * indent
+  const insertLineInset = contentStart + level * indent;
 
   return (
     <div
       data-row-id={node.id}
       className={cn("select-none group/row", outerClassName)}
+      style={{ height: rowHeight }}
       {...dragHandlers}
     >
       <span aria-hidden className={bandClassName} />
 
+      {/* Drag handle sits in a fixed slot at the outer-left of the row so it
+          never collides with the connector verticals — those start to the
+          right of this 16px reserved column. Hidden until row hover. */}
+      {dndEnabled && (
+        <span
+          className="absolute start-1.5 top-0 z-[6] flex h-full w-4 items-center justify-center opacity-0 group-hover/row:opacity-100 transition-opacity duration-150 cursor-grab active:cursor-grabbing"
+          aria-hidden
+        >
+          <GripVertical
+            className={cn(
+              "w-3.5 h-3.5",
+              showSelected
+                ? "text-white/80"
+                : "text-content-presentation-global-tertiary",
+            )}
+          />
+        </span>
+      )}
+
+      {level > 0 && (
+        <div className="pointer-events-none absolute inset-0 z-[5]">
+          <TreeConnectors
+            level={level}
+            indent={indent}
+            rowHeight={rowHeight}
+            contentStart={contentStart}
+            ancestorHasMoreSiblings={ancestorHasMoreSiblings}
+          />
+        </div>
+      )}
+
       {isDropBefore && (
         <span
           aria-hidden
           className="pointer-events-none absolute -top-px left-0 right-0 z-20 h-0.5 bg-background-presentation-state-information-primary"
-          style={{ marginLeft: insertLineInset }}
+          style={{ marginInlineStart: insertLineInset }}
         />
       )}
       {isDropAfter && (
         <span
           aria-hidden
           className="pointer-events-none absolute -bottom-px left-0 right-0 z-20 h-0.5 bg-background-presentation-state-information-primary"
-          style={{ marginLeft: insertLineInset }}
+          style={{ marginInlineStart: insertLineInset }}
         />
       )}
 
@@ -152,30 +200,16 @@ export function TreeFolderRow({
         className={rowClassName}
         style={rowStyle}
       >
-        {dndEnabled && (
-          <span
-            className="shrink-0 w-4 h-4 flex items-center justify-center opacity-0 group-hover/row:opacity-100 transition-opacity duration-150 cursor-grab active:cursor-grabbing"
-            aria-hidden
-          >
-            <GripVertical
-              className={cn(
-                "w-3.5 h-3.5",
-                inBand ? "text-white/80" : "text-content-presentation-global-tertiary",
-              )}
-            />
-          </span>
-        )}
-
         {hasChildren ? (
           <button
             type="button"
             onClick={(e) => {
-              e.stopPropagation()
-              onToggle(node.id)
+              e.stopPropagation();
+              onToggle(node.id);
             }}
             className={cn(
               "shrink-0 w-4 h-4 flex items-center justify-center rounded",
-              inBand
+              showSelected
                 ? "text-white/80 hover:text-white"
                 : "text-content-presentation-global-tertiary hover:text-content-presentation-global-primary",
             )}
@@ -194,7 +228,9 @@ export function TreeFolderRow({
         <span
           className={cn(
             "shrink-0 w-4 h-4 flex items-center justify-center",
-            inBand ? "text-white/90" : "text-content-presentation-global-tertiary",
+            showSelected
+              ? "text-white/90"
+              : "text-content-presentation-global-tertiary",
           )}
           aria-hidden
         >
@@ -209,7 +245,9 @@ export function TreeFolderRow({
           <span
             className={cn(
               "shrink-0 text-xs tabular-nums",
-              inBand ? "text-white/80" : "text-content-presentation-global-tertiary",
+              showSelected
+                ? "text-white/80"
+                : "text-content-presentation-global-tertiary",
             )}
           >
             ({countDescendants(node)})
@@ -217,19 +255,109 @@ export function TreeFolderRow({
         )}
       </div>
     </div>
-  )
+  );
+}
+
+/**
+ * Connector lines (T/L bends) aligned to where each ancestor's chevron sits in
+ * the row layout, so verticals drop directly from the parent's twisty rather
+ * than floating in the indent column. Geometry:
+ *
+ *   row paddingLeft = 4 + level * indent
+ *   row content order = [grip?(16)] [chevron(16)] [icon(16)] [text]
+ *
+ * So the chevron of a row at depth D is centered at:
+ *   chevronX(D) = 4 + D * indent + (dndEnabled ? 16 : 0) + 8
+ *
+ * A child at depth D+1 hangs its vertical at chevronX(D) and runs a horizontal
+ * stub from there out to (paddingLeft - 2) — landing just before the child's
+ * own grip/chevron. Last child renders an "L" (vertical stops at midline);
+ * other siblings render a "T" (vertical runs full height). Ancestor gutters
+ * keep their verticals only when that ancestor still has siblings below.
+ */
+function TreeConnectors({
+  level,
+  indent,
+  rowHeight,
+  contentStart,
+  ancestorHasMoreSiblings,
+}: {
+  level: number;
+  indent: number;
+  rowHeight: number;
+  contentStart: number;
+  ancestorHasMoreSiblings: boolean[];
+}) {
+  // Grip handle sits in a fixed outer-left slot, so the chevron column for a
+  // row at depth D is: contentStart + D*indent + chevron-half(8).
+  const chevronX = (depth: number) => contentStart + depth * indent + 8;
+  // Connector color is theme-aware: black/20 on default+light, white/20 on dark.
+  // The dark swap relies on a `data-theme="dark"` ancestor (set by TreeFolder).
+  const lineClass = "bg-black-alpha-20 [[data-theme=dark]_&]:bg-white-alpha-20";
+  const segments: React.ReactNode[] = [];
+
+  // Ancestor verticals: full-height line at each ancestor's chevron column,
+  // skipped when the ancestor at that depth has no more siblings below.
+  // ancestorHasMoreSiblings[d] === "ancestor at depth d still has siblings
+  // below this row," so it controls whether to draw the vertical in that
+  // ancestor's chevron gutter (chevronX(d)).
+  for (let d = 0; d < level - 1; d++) {
+    if (!ancestorHasMoreSiblings[d]) continue;
+    segments.push(
+      <span
+        key={`v-${d}`}
+        aria-hidden
+        className={cn("pointer-events-none absolute top-0 bottom-0 w-px", lineClass)}
+        style={{ insetInlineStart: chevronX(d) }}
+      />,
+    );
+  }
+
+  // Parent's gutter (depth = level - 1). T or L vertical, plus horizontal stub
+  // landing just before this row's own grip/chevron starts.
+  const parentDepth = level - 1;
+  const parentX = chevronX(parentDepth);
+  const midY = rowHeight / 2;
+  const ownContentX = contentStart + level * indent + 2; // extend 4px further toward the row content
+
+  segments.push(
+    <span
+      key="v-own"
+      aria-hidden
+      className={cn("pointer-events-none absolute w-px", lineClass)}
+      style={{
+        insetInlineStart: parentX,
+        top: 0,
+        height: "100%",
+      }}
+    />,
+  );
+  segments.push(
+    <span
+      key="h-own"
+      aria-hidden
+      className={cn("pointer-events-none absolute h-px", lineClass)}
+      style={{
+        insetInlineStart: parentX,
+        top: midY,
+        width: Math.max(4, ownContentX - parentX),
+      }}
+    />,
+  );
+
+  return <>{segments}</>;
 }
 
 function countDescendants(node: {
-  children?: { children?: any[] }[] | null
+  children?: { children?: any[] }[] | null;
 }): number {
-  if (!node.children) return 0
-  let n = 0
-  const stack: any[] = [...node.children]
+  if (!node.children) return 0;
+  let n = 0;
+  const stack: any[] = [...node.children];
   while (stack.length) {
-    n++
-    const top = stack.pop()
-    if (top.children) for (const c of top.children) stack.push(c)
+    n++;
+    const top = stack.pop();
+    if (top.children) for (const c of top.children) stack.push(c);
   }
-  return n
+  return n;
 }

package/apps/lib/components/TreeFolder/types.ts

@@ -56,6 +56,15 @@ export type TreeFolderVisibleRow = {
   isOpen: boolean
   /** True for internal nodes (any node with non-empty children). */
   isInternal: boolean
+  /**
+   * Connector-line geometry. `isLastChild` toggles the row's own bend between L
+   * (last) and T (non-last). `ancestorHasMoreSiblings[d]` is true when the
+   * ancestor at depth `d` still has visible siblings after this row — that
+   * controls whether the vertical guide renders in that ancestor's gutter.
+   * Length === `level`.
+   */
+  isLastChild: boolean
+  ancestorHasMoreSiblings: boolean[]
 }
 
 /** Where the pointer is dropping relative to the hovered row. */

package/apps/lib/layouts/DataViewCard.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { Fragment, type HTMLAttributes, type ReactNode } from "react";
+import { cn } from "../utils/cn";
+import { Card, CardContent, CardHeader } from "../components/Card";
+import type { Themes } from "../utils/types";
+
+export type DataViewCardCell = {
+  key: string;
+  label: ReactNode;
+  value: ReactNode;
+};
+
+export type DataViewCardRow = DataViewCardCell[];
+
+export interface DataViewCardProps extends Omit<
+  HTMLAttributes<HTMLElement>,
+  "title"
+> {
+  title?: ReactNode;
+  rows?: DataViewCardRow[];
+  theme?: Themes;
+}
+
+export function DataViewCard({
+  title,
+  rows = [],
+  className,
+  theme,
+  ...props
+}: DataViewCardProps) {
+  return (
+    <Card
+      data-theme={theme}
+      {...props}
+      className={cn("p-[8px] rounded-[10px] gap-0", className)}
+    >
+      {title != null && (
+        <CardHeader className=" border-b border-border-presentation-global-primary">
+          <div className="min-w-0 typography-headers-large-semibold text-content-presentation-global-primary">
+            {title}
+          </div>
+        </CardHeader>
+      )}
+      {rows.length > 0 && (
+        <CardContent className="grid grid-cols-2 gap-0 pt-0 w-full">
+          {rows.map((cells, rowIdx) => (
+            <Fragment key={rowIdx}>
+              {cells.map((cell, cellIdx) => (
+                <div
+                  key={cell.key}
+                  className={cn(
+                    "relative flex flex-col gap-[2px] min-w-0 p-[6px]",
+                    rowIdx > 0 &&
+                      "border-t border-border-presentation-global-primary",
+                    cells.length === 2 &&
+                      cellIdx === 0 &&
+                      "after:absolute after:end-0 after:top-[7%] after:h-[80%] after:w-px after:bg-border-presentation-global-primary",
+                    cells.length === 1 && "col-span-2",
+                  )}
+                >
+                  <span className="typography-body-small-medium text-content-presentation-global-tertiary">
+                    {cell.label}
+                  </span>
+                  <div className="typography-body-medium-semibold text-content-presentation-global-primary truncate">
+                    {cell.value}
+                  </div>
+                </div>
+              ))}
+            </Fragment>
+          ))}
+        </CardContent>
+      )}
+    </Card>
+  );
+}

package/dist/src/shared/copyComponentsRecursively.js

@@ -42,10 +42,18 @@ export function copyDirectorySync(source, target) {
         if (item.isDirectory()) {
             copyDirectorySync(sourcePath, targetPath);
         }
-        else {
+        else if (isCopyableFile(item.name)) {
             fs.copyFileSync(sourcePath, targetPath);
             installDependencies(sourcePath);
         }
     }
 }
+/**
+ * Decide whether a file should be copied into the user's project. Skips
+ * documentation/meta files that live alongside source for maintainers but add
+ * noise to a consumer's drop-in (e.g. ARCHITECTURE.md inside a component folder).
+ */
+function isCopyableFile(fileName) {
+    return !/\.(md|mdx)$/i.test(fileName);
+}
 //# sourceMappingURL=copyComponentsRecursively.js.map

package/dist/src/shared/copyComponentsRecursively.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyComponentsRecursively.js","sourceRoot":"","sources":["../../../cli/src/shared/copyComponentsRecursively.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAAc,EAAE,MAAc;IACpE,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;QACrC,kEAAkE;QAClE,oEAAoE;QACpE,iEAAiE;QACjE,2CAA2C;QAC3C,MAAM,WAAW,GACb,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;YACvD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC,CAAC,MAAM,CAAC;QACjB,iBAAiB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC3C,CAAC;SAAM,CAAC;QACJ,IAAI,WAAW,GAAG,MAAM,CAAC;QAEzB,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YAC9D,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3D,CAAC;QAED,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACrC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;AACL,CAAC;AACD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC7B,MAAc,EACd,MAAc;IAEd,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACrB,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACJ,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACxC,mBAAmB,CAAC,UAAU,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;AACL,CAAC"}
+{"version":3,"file":"copyComponentsRecursively.js","sourceRoot":"","sources":["../../../cli/src/shared/copyComponentsRecursively.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAAc,EAAE,MAAc;IACpE,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;QACrC,kEAAkE;QAClE,oEAAoE;QACpE,iEAAiE;QACjE,2CAA2C;QAC3C,MAAM,WAAW,GACb,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;YACvD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1C,CAAC,CAAC,MAAM,CAAC;QACjB,iBAAiB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC3C,CAAC;SAAM,CAAC;QACJ,IAAI,WAAW,GAAG,MAAM,CAAC;QAEzB,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YAC9D,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3D,CAAC;QAED,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACrC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;AACL,CAAC;AACD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC7B,MAAc,EACd,MAAc;IAEd,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACrB,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAC9C,CAAC;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACxC,mBAAmB,CAAC,UAAU,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,SAAS,cAAc,CAAC,QAAgB;IACpC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC1C,CAAC"}