kiru 0.48.3 → 0.50.0-preview.0

package/src/store.ts

@@ -1,9 +1,13 @@
 import type { Prettify } from "./types.utils.js"
 import { __DEV__ } from "./env.js"
-import { sideEffectsEnabled, useHook } from "./hooks/utils.js"
-import { safeStringify, shallowCompare } from "./utils.js"
+import { useHook } from "./hooks/utils.js"
 import { $HMR_ACCEPT } from "./constants.js"
 import { HMRAccept } from "./hmr.js"
+import {
+  safeStringify,
+  shallowCompare,
+  sideEffectsEnabled,
+} from "./utils/index.js"
 
 export { createStore }
 export type { Store, MethodFactory }

package/src/swr.ts

@@ -3,12 +3,12 @@ import { useHook } from "./hooks/utils.js"
 import { Signal } from "./signals/base.js"
 import { AsyncTaskState } from "./types.utils.js"
 import {
-  noop,
   deepCompare,
+  noop,
   safeStringify,
-  sideEffectsEnabled,
   shallowCompare,
-} from "./utils.js"
+  sideEffectsEnabled,
+} from "./utils/index.js"
 
 export type UseSWRState<T> = AsyncTaskState<T, UseSWRError> & {
   mutate: (callback: () => Promise<T>) => void

package/src/types.dom.ts

@@ -1,4 +1,4 @@
-import { Signal } from "./signals"
+import type { Signal } from "./signals"
 import type { Prettify, Signalable } from "./types.utils"
 
 export type {
@@ -60,6 +60,7 @@ type NumericStyleKeys =
   | "width"
 
   // Flexbox
+  | "flex"
   | "flexBasis"
   | "flexGrow"
   | "flexShrink"

package/src/types.ts

@@ -2,6 +2,7 @@ import type { ReadonlySignal, Signal as SignalClass } from "./signals"
 import type {
   $CONTEXT,
   $CONTEXT_PROVIDER,
+  $ERROR_BOUNDARY,
   $FRAGMENT,
   $HYDRATION_BOUNDARY,
 } from "./constants"
@@ -16,7 +17,12 @@ import type {
   HTMLTagToElement,
   SVGTagToElement,
 } from "./types.dom"
-import { AsyncTaskState, Prettify, Signalable, SomeDom } from "./types.utils"
+import type {
+  AsyncTaskState,
+  Prettify,
+  Signalable,
+  SomeDom,
+} from "./types.utils"
 import type { AppContext } from "./appContext"
 
 export type { AsyncTaskState, ElementProps, Prettify, Signalable, StyleObject }
@@ -128,10 +134,12 @@ declare global {
       displayName?: string
     }
 
-    type FC<T = {}> = ((props: FCProps<T>) => JSX.Element) & {
+    interface FC<T = {}> {
+      (props: FCProps<T>): JSX.Element
       /** Used to display the name of the component in devtools  */
       displayName?: string
     }
+
     type FCProps<T = {}> = T & { children?: JSX.Children }
     type InferProps<T> = T extends Kiru.FC<infer P> ? P : never
 
@@ -160,6 +168,15 @@ declare global {
 
     type Ref<T> = RefCallback<T> | RefObject<T> | null | undefined
 
+    interface PromiseState<T> {
+      id: string
+      state: "pending" | "fulfilled" | "rejected"
+      value?: T
+      error?: Error
+    }
+
+    interface StatefulPromise<T> extends Promise<T>, PromiseState<T> {}
+
     type RenderMode = "dom" | "hydrate" | "string" | "stream"
 
     type StateSetter<T> = T | ((prev: T) => T)
@@ -169,6 +186,7 @@ declare global {
     type ExoticSymbol =
       | typeof $FRAGMENT
       | typeof $CONTEXT_PROVIDER
+      | typeof $ERROR_BOUNDARY
       | typeof $HYDRATION_BOUNDARY
 
     interface VNode {

package/src/types.utils.ts

@@ -1,10 +1,12 @@
 import type {
   $CONTEXT_PROVIDER,
+  $ERROR_BOUNDARY,
   $FRAGMENT,
   $HYDRATION_BOUNDARY,
 } from "./constants"
 import type { HydrationBoundaryMode } from "./ssr/hydrationBoundary"
 import type { Signal } from "./signals"
+import type { ErrorBoundaryProps } from "./components/errorBoundary"
 
 export type SomeElement = HTMLElement | SVGElement
 export type SomeDom = HTMLElement | SVGElement | Text
@@ -33,6 +35,12 @@ export interface ContextProviderNode<T> extends Kiru.VNode {
   }
 }
 
+export interface ErrorBoundaryNode extends Kiru.VNode {
+  type: typeof $ERROR_BOUNDARY
+  props: ErrorBoundaryProps
+  error?: Error
+}
+
 export interface HydrationBoundaryNode extends Kiru.VNode {
   type: typeof $HYDRATION_BOUNDARY
   props: Kiru.VNode["props"] & {

package/src/utils/compare.ts

@@ -0,0 +1,125 @@
+export function deepCompare<T>(a: T, b: T): boolean {
+  return compare(a, b, true)
+}
+
+export function shallowCompare<T>(a: T, b: T): boolean {
+  return compare(a, b, false)
+}
+
+function compare<T>(a: T, b: T, deep = false): boolean {
+  // Fast path: identity comparison
+  if (a === b) return true
+
+  // Handle primitive types and null/undefined
+  if (
+    a == null ||
+    b == null ||
+    typeof a !== "object" ||
+    typeof b !== "object"
+  ) {
+    return false
+  }
+
+  // Handle arrays efficiently
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false
+
+    if (deep) {
+      for (let i = 0; i < a.length; i++) {
+        if (!compare(a[i], b[i], true)) return false
+      }
+    } else {
+      for (let i = 0; i < a.length; i++) {
+        if (!Object.is(a[i], b[i])) return false
+      }
+    }
+    return true
+  }
+
+  // Handle Maps
+  if (a instanceof Map && b instanceof Map) {
+    if (a.size !== b.size) return false
+
+    for (const [key, valueA] of a) {
+      if (!b.has(key)) return false
+
+      const valueB = b.get(key)
+      if (deep) {
+        if (!compare(valueA, valueB, true)) return false
+      } else {
+        if (!Object.is(valueA, valueB)) return false
+      }
+    }
+    return true
+  }
+
+  // Handle Sets more efficiently
+  if (a instanceof Set && b instanceof Set) {
+    if (a.size !== b.size) return false
+
+    if (deep) {
+      // For deep equality of Sets, we need to compare the values themselves
+      // Convert to arrays and sort for comparison
+      const aValues = Array.from(a)
+      const bValues = Array.from(b)
+
+      if (aValues.length !== bValues.length) return false
+
+      // Simple compare doesn't work for objects in Sets with deep comparison
+      // Using a matching algorithm instead
+      for (const valueA of aValues) {
+        // Find matching element in bValues
+        let found = false
+        for (let i = 0; i < bValues.length; i++) {
+          if (compare(valueA, bValues[i], true)) {
+            bValues.splice(i, 1) // Remove the matched element
+            found = true
+            break
+          }
+        }
+        if (!found) return false
+      }
+      return true
+    } else {
+      // Regular Set comparison
+      for (const valueA of a) {
+        if (!b.has(valueA)) return false
+      }
+      return true
+    }
+  }
+
+  // Handle Date objects
+  if (a instanceof Date && b instanceof Date) {
+    return a.getTime() === b.getTime()
+  }
+
+  // Handle RegExp objects
+  if (a instanceof RegExp && b instanceof RegExp) {
+    return a.toString() === b.toString()
+  }
+
+  // Handle plain objects
+  const keysA = Object.keys(a)
+  const keysB = Object.keys(b)
+
+  if (keysA.length !== keysB.length) return false
+
+  // Use a Set for faster key lookup
+  const keySet = new Set(keysB)
+
+  for (const key of keysA) {
+    if (!keySet.has(key)) return false
+
+    const valueA = a[key as keyof T]
+    const valueB = b[key as keyof T]
+
+    if (deep) {
+      if (!compare(valueA, valueB, true)) return false
+    } else {
+      if (!Object.is(valueA, valueB)) return false
+    }
+  }
+
+  return true
+}

package/src/utils/format.ts

@@ -0,0 +1,162 @@
+import { unwrap } from "../signals/index.js"
+import { booleanAttributes, snakeCaseAttributes } from "../constants.js"
+
+export {
+  className,
+  encodeHtmlEntities,
+  propFilters,
+  propToHtmlAttr,
+  styleObjectToString,
+  propValueToHtmlAttrValue,
+  propsToElementAttributes,
+  safeStringify,
+}
+
+const REGEX_AMP = /&/g
+const REGEX_LT = /</g
+const REGEX_GT = />/g
+const REGEX_SQT = /'/g
+const REGEX_DBLQT = /"/g
+const REGEX_SLASH = /\//g
+const REGEX_ALPHA_UPPER = /[A-Z]/g
+
+function className(...classes: (string | false | null | undefined)[]): string {
+  return classes.filter(Boolean).join(" ")
+}
+
+function encodeHtmlEntities(text: string): string {
+  return text
+    .replace(REGEX_AMP, "&amp;")
+    .replace(REGEX_LT, "&lt;")
+    .replace(REGEX_GT, "&gt;")
+    .replace(REGEX_DBLQT, "&quot;")
+    .replace(REGEX_SQT, "&#039;")
+    .replace(REGEX_SLASH, "&#47;")
+}
+
+const propFilters = {
+  internalProps: ["children", "ref", "key", "innerHTML"],
+  isEvent: (key: string) => key.startsWith("on"),
+  isProperty: (key: string) =>
+    !propFilters.internalProps.includes(key) && !propFilters.isEvent(key),
+}
+
+function propToHtmlAttr(key: string): string {
+  switch (key) {
+    case "className":
+      return "class"
+    case "htmlFor":
+      return "for"
+    case "tabIndex":
+    case "formAction":
+    case "formMethod":
+    case "formEncType":
+    case "contentEditable":
+    case "spellCheck":
+    case "allowFullScreen":
+    case "autoPlay":
+    case "disablePictureInPicture":
+    case "disableRemotePlayback":
+    case "formNoValidate":
+    case "noModule":
+    case "noValidate":
+    case "popoverTarget":
+    case "popoverTargetAction":
+    case "playsInline":
+    case "readOnly":
+    case "itemscope":
+    case "rowSpan":
+    case "crossOrigin":
+      return key.toLowerCase()
+
+    default:
+      if (key.indexOf("-") > -1) return key
+      if (key.startsWith("aria"))
+        return "aria-" + key.substring(4).toLowerCase()
+
+      return snakeCaseAttributes.get(key) || key
+  }
+}
+
+function styleObjectToString(obj: Partial<CSSStyleDeclaration>): string {
+  let cssString = ""
+  for (const key in obj) {
+    const cssKey = key.replace(REGEX_ALPHA_UPPER, "-$&").toLowerCase()
+    cssString += `${cssKey}:${obj[key]};`
+  }
+  return cssString
+}
+
+function stylePropToString(style: unknown) {
+  if (typeof style === "string") return style
+  if (typeof style === "object" && !!style) return styleObjectToString(style)
+  return ""
+}
+
+function propValueToHtmlAttrValue(key: string, value: unknown): string {
+  return key === "style" && typeof value === "object" && !!value
+    ? styleObjectToString(value)
+    : String(value)
+}
+function propsToElementAttributes(props: Record<string, unknown>): string {
+  const attrs: string[] = []
+  const { className, style, ...rest } = props
+  if (className) {
+    const val = unwrap(className)
+    if (!!val) attrs.push(`class="${val}"`)
+  }
+  if (style) {
+    const val = unwrap(style)
+    if (!!val) attrs.push(`style="${stylePropToString(val)}"`)
+  }
+
+  const keys = Object.keys(rest).filter(propFilters.isProperty)
+  for (let i = 0; i < keys.length; i++) {
+    let k = keys[i]
+    let val = unwrap(props[k])
+    if (val === null || val === undefined) continue
+
+    k = k.split("bind:")[1] ?? k // normalize bind props
+    const key = propToHtmlAttr(k)
+
+    switch (typeof val) {
+      case "function":
+      case "symbol":
+        continue
+      case "boolean":
+        if (booleanAttributes.has(key)) {
+          if (val) attrs.push(key)
+          continue
+        }
+    }
+    attrs.push(`${key}="${val}"`)
+  }
+  return attrs.join(" ")
+}
+
+type SafeStringifyOptions = {
+  /**
+   * By default, functions are stringified. Specify `false` to instead produce `[FUNCTION (${fn.name})]`.
+   */
+  functions: boolean
+}
+
+function safeStringify(
+  value: unknown,
+  opts: SafeStringifyOptions = { functions: true }
+): string {
+  const seen = new WeakSet()
+  return JSON.stringify(value, (_, value) => {
+    if (typeof value === "object" && value !== null) {
+      if (seen.has(value)) {
+        return "[CIRCULAR]"
+      }
+      seen.add(value)
+    }
+    if (typeof value === "function") {
+      if (!opts.functions) return `[FUNCTION (${value.name || "anonymous"})]`
+      return value.toString()
+    }
+    return value
+  })
+}

package/src/utils/index.ts

@@ -0,0 +1,7 @@
+export * from "./compare.js"
+export * from "./format.js"
+export * from "./runtime.js"
+export * from "./vdom.js"
+export * from "./generateId.js"
+
+export const noop = Object.freeze(() => {})

package/src/utils/runtime.ts

@@ -0,0 +1,25 @@
+import { __DEV__ } from "../env.js"
+import { renderMode } from "../globals.js"
+
+export { latest, sideEffectsEnabled }
+
+/**
+ * This is a no-op in production. It is used to get the latest
+ * iteration of a component or signal after HMR has happened.
+ */
+function latest<T extends Exclude<object, null>>(thing: T): T {
+  let tgt: any = thing
+  if (__DEV__) {
+    while ("__next" in tgt) {
+      tgt = tgt.__next as typeof tgt
+    }
+  }
+  return tgt
+}
+
+/**
+ * Returns false if called during "stream" or "string" render modes.
+ */
+function sideEffectsEnabled(): boolean {
+  return renderMode.current === "dom" || renderMode.current === "hydrate"
+}

package/src/utils/vdom.ts

@@ -0,0 +1,195 @@
+import { Signal } from "../signals/index.js"
+import {
+  FLAG_DELETION,
+  $FRAGMENT,
+  $CONTEXT_PROVIDER,
+  $HYDRATION_BOUNDARY,
+  FLAG_PLACEMENT,
+  FLAG_UPDATE,
+  $ERROR_BOUNDARY,
+} from "../constants.js"
+import { createElement } from "../index.js"
+import { KiruError } from "../error.js"
+import { node } from "../globals.js"
+import type { AppContext } from "../appContext.js"
+import type { ErrorBoundaryNode } from "../types.utils.js"
+
+export {
+  cloneVNode,
+  isVNodeDeleted,
+  isVNode,
+  isExoticType,
+  isFragment,
+  isLazy,
+  isMemo,
+  isContextProvider,
+  vNodeContains,
+  getCurrentVNode,
+  getVNodeAppContext,
+  commitSnapshot,
+  traverseApply,
+  findParent,
+  findParentErrorBoundary,
+  assertValidElementProps,
+  isValidElementKeyProp,
+  isValidElementRefProp,
+}
+
+function cloneVNode(vNode: Kiru.VNode): Kiru.VNode {
+  const children = vNode.props.children
+  let clonedChildren: unknown
+  if (isVNode(children)) {
+    clonedChildren = cloneVNode(children)
+  } else if (Array.isArray(children)) {
+    clonedChildren = children.map((c) => (isVNode(c) ? cloneVNode(c) : c))
+  }
+
+  return createElement(vNode.type, { ...vNode.props, children: clonedChildren })
+}
+
+function isVNodeDeleted(vNode: Kiru.VNode): boolean {
+  return (vNode.flags & FLAG_DELETION) !== 0
+}
+
+function isVNode(thing: unknown): thing is Kiru.VNode {
+  return typeof thing === "object" && thing !== null && "type" in thing
+}
+
+function isExoticType(type: Kiru.VNode["type"]): type is Kiru.ExoticSymbol {
+  return (
+    type === $FRAGMENT ||
+    type === $CONTEXT_PROVIDER ||
+    type === $ERROR_BOUNDARY ||
+    type === $HYDRATION_BOUNDARY
+  )
+}
+
+function isFragment(
+  vNode: Kiru.VNode
+): vNode is Kiru.VNode & { type: typeof $FRAGMENT } {
+  return vNode.type === $FRAGMENT
+}
+
+function isLazy(vNode: Kiru.VNode): boolean {
+  return (
+    typeof vNode.type === "function" &&
+    "displayName" in vNode.type &&
+    vNode.type.displayName === "Kiru.lazy"
+  )
+}
+
+function isMemo(vNode: Kiru.VNode): boolean {
+  return (
+    typeof vNode.type === "function" &&
+    "displayName" in vNode.type &&
+    vNode.type.displayName === "Kiru.memo"
+  )
+}
+
+function isContextProvider(
+  thing: unknown
+): thing is Kiru.VNode & { type: typeof $CONTEXT_PROVIDER } {
+  return isVNode(thing) && thing.type === $CONTEXT_PROVIDER
+}
+
+function getCurrentVNode(): Kiru.VNode | null {
+  return node.current
+}
+
+function getVNodeAppContext(vNode: Kiru.VNode): AppContext | null {
+  let n: Kiru.VNode | null = vNode
+  while (n) {
+    if (n.app) {
+      return (vNode.app = n.app)
+    }
+    n = n.parent
+  }
+
+  return null
+}
+
+function commitSnapshot(vNode: Kiru.VNode): void {
+  const {
+    props: { children, ...props },
+    memoizedProps,
+    index,
+  } = vNode
+  vNode.prev = { props, memoizedProps, index }
+  vNode.flags &= ~(FLAG_UPDATE | FLAG_PLACEMENT | FLAG_DELETION)
+}
+
+function vNodeContains(haystack: Kiru.VNode, needle: Kiru.VNode): boolean {
+  if (needle.depth < haystack.depth) return false
+  if (haystack === needle) return true
+  let checkSiblings = false
+  const stack: Kiru.VNode[] = [haystack]
+  while (stack.length) {
+    const n = stack.pop()!
+    if (n === needle) return true
+    n.child && stack.push(n.child)
+    checkSiblings && n.sibling && stack.push(n.sibling)
+    checkSiblings = true
+  }
+  return false
+}
+
+function traverseApply(
+  vNode: Kiru.VNode,
+  func: (node: Kiru.VNode) => void
+): void {
+  func(vNode)
+  let child = vNode.child
+  while (child) {
+    func(child)
+    if (child.child) {
+      traverseApply(child, func)
+    }
+    child = child.sibling
+  }
+}
+
+function findParent(vNode: Kiru.VNode, predicate: (n: Kiru.VNode) => boolean) {
+  let n: Kiru.VNode | null = vNode.parent
+  while (n) {
+    if (predicate(n)) return n
+    n = n.parent
+  }
+  return null
+}
+
+function findParentErrorBoundary(vNode: Kiru.VNode): ErrorBoundaryNode | null {
+  return findParent(
+    vNode,
+    (n) => n.type === $ERROR_BOUNDARY
+  ) as ErrorBoundaryNode | null
+}
+
+function assertValidElementProps(vNode: Kiru.VNode) {
+  if ("children" in vNode.props && vNode.props.innerHTML) {
+    throw new KiruError({
+      message: "Cannot use both children and innerHTML on an element",
+      vNode,
+    })
+  }
+
+  for (const key in vNode.props) {
+    if ("bind:" + key in vNode.props) {
+      throw new KiruError({
+        message: `Cannot use both bind:${key} and ${key} on an element`,
+        vNode,
+      })
+    }
+  }
+}
+
+function isValidElementKeyProp(thing: unknown): thing is string | number {
+  return typeof thing === "string" || typeof thing === "number"
+}
+
+function isValidElementRefProp(thing: unknown): thing is Kiru.Ref<any> {
+  return (
+    typeof thing === "function" ||
+    (typeof thing === "object" && !!thing && "current" in thing) ||
+    Signal.isSignal(thing)
+  )
+}

package/dist/cloneVNode.d.ts

@@ -1,2 +0,0 @@
-export declare function cloneVNode(vNode: Kiru.VNode): Kiru.VNode;
-//# sourceMappingURL=cloneVNode.d.ts.map

package/dist/cloneVNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloneVNode.d.ts","sourceRoot":"","sources":["../src/cloneVNode.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAUxD"}

package/dist/cloneVNode.js

@@ -1,14 +0,0 @@
-import { createElement } from "./element.js";
-import { isVNode } from "./utils.js";
-export function cloneVNode(vNode) {
-    const children = vNode.props.children;
-    let clonedChildren;
-    if (isVNode(children)) {
-        clonedChildren = cloneVNode(children);
-    }
-    else if (Array.isArray(children)) {
-        clonedChildren = children.map((c) => (isVNode(c) ? cloneVNode(c) : c));
-    }
-    return createElement(vNode.type, { ...vNode.props, children: clonedChildren });
-}
-//# sourceMappingURL=cloneVNode.js.map

package/dist/cloneVNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloneVNode.js","sourceRoot":"","sources":["../src/cloneVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,UAAU,UAAU,CAAC,KAAiB;IAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAA;IACrC,IAAI,cAAuB,CAAA;IAC3B,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtB,cAAc,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAA;IACvC,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACxE,CAAC;IAED,OAAO,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAA;AAChF,CAAC"}

package/dist/generateId.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateId.d.ts","sourceRoot":"","sources":["../src/generateId.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,GAAE,MAAW,EACjB,YAAY,GAAE,MAA2B,GACxC,MAAM,CAMR"}

package/dist/generateId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateId.js","sourceRoot":"","sources":["../src/generateId.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GACtB,kEAA2E,CAAA;AAE7E;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAAe,EAAE,EACjB,eAAuB,kBAAkB;IAEzC,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;QAC9B,EAAE,IAAI,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,+CAA+C;IAC/G,CAAC;IACD,OAAO,EAAE,CAAA;AACX,CAAC"}

package/dist/lazy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../src/lazy.ts"],"names":[],"mappings":"AAgBA,UAAU,QAAQ;IAChB,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CACtB;AAED,KAAK,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;AAE9C,KAAK,oBAAoB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,SAAS,QAAQ,GACrE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,GAC7B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAQtB,KAAK,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAC7E,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAqDD,wBAAgB,IAAI,CAAC,CAAC,SAAS,eAAe,EAC5C,kBAAkB,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACnC,IAAI,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CA2IhC"}