panelui-native 0.46.0 → 0.51.1

package/lib/module/components/tree/index.js

@@ -0,0 +1,500 @@
+"use strict";
+
+/**
+ * Tree — a hierarchy you can open a level at a time.
+ *
+ * The shape behind a file browser, a folder of settings, a category picker, a
+ * table of contents: rows that contain other rows, where a parent's children
+ * only exist on screen once you ask for them. Accordion is the one-level
+ * version of this and stops there — its items cannot hold items. A tree's can,
+ * to any depth, and everything that follows from that is what this component
+ * owns: which node a row sits under, how far in it is drawn, whether it is a
+ * branch at all, and which of its ancestors are open.
+ *
+ * ```tsx
+ * <Tree defaultExpanded={['src']} selectionMode="single">
+ *   <Tree.Item value="src">
+ *     <Tree.Trigger>
+ *       <Tree.Indicator />
+ *       <Tree.Label>src</Tree.Label>
+ *     </Tree.Trigger>
+ *     <Tree.Group>
+ *       <Tree.Item value="src/index.ts">
+ *         <Tree.Trigger>
+ *           <Tree.Indicator />
+ *           <Tree.Label>index.ts</Tree.Label>
+ *         </Tree.Trigger>
+ *       </Tree.Item>
+ *     </Tree.Group>
+ *   </Tree.Item>
+ * </Tree>
+ * ```
+ *
+ * A closed branch renders nothing below it — the subtree is unmounted, not
+ * hidden — so the cost of a tree is what is open in it rather than what is in
+ * it. A folder of ten thousand files that nobody has opened costs one row.
+ *
+ * An item is a branch because it holds a `Tree.Group`, not because it was
+ * declared one, so there is no second fact to keep true. The exception is a
+ * branch whose children have not been fetched yet: it has no group to be
+ * detected by, so it says `hasChildren` and gets its chevron, and the fetch
+ * hangs off `onExpandedChange`.
+ *
+ * Expansion and selection are separate pieces of state because they answer
+ * separate questions — which parts of the hierarchy are open, and which row is
+ * the chosen one — and a tree commonly needs one without the other. Either can
+ * be controlled or left alone.
+ */
+import { Children, createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { LinearTransition, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { ChevronRightIcon, IconColorProvider } from "../../icons/index.js";
+import { useDirection } from "../../hooks/use-direction.js";
+import { Text } from "../../primitives/text.js";
+
+/** `none` makes the rows expanders only — nothing is ever the chosen one. */
+import { jsx as _jsx } from "react/jsx-runtime";
+/** How far one level is drawn in from its parent, in points. */
+const DEFAULT_INDENT = 16;
+
+/** Matches the disclosure and layout timings the rest of the library uses. */
+const TRANSITION_DURATION = 200;
+const treeVariants = tv({
+  slots: {
+    root: 'w-full',
+    item: '',
+    trigger: 'flex-row items-center gap-2 rounded-lg',
+    indicator: 'items-center justify-center',
+    icon: 'items-center justify-center',
+    label: 'flex-1 text-foreground',
+    actions: 'flex-row items-center gap-1',
+    // The colour is set unconditionally and the width is not: `showLines` puts
+    // a border on the start edge, and a colour with no width draws nothing.
+    group: 'border-border'
+  },
+  variants: {
+    size: {
+      sm: {
+        trigger: 'px-1.5 py-1',
+        indicator: 'h-4 w-4',
+        icon: 'h-4 w-4',
+        label: 'text-xs'
+      },
+      default: {
+        trigger: 'px-2 py-1.5',
+        indicator: 'h-5 w-5',
+        icon: 'h-5 w-5',
+        label: 'text-sm'
+      }
+    },
+    isSelected: {
+      true: {
+        trigger: 'bg-accent',
+        label: 'font-medium text-accent-foreground'
+      }
+    },
+    isDisabled: {
+      true: {
+        trigger: 'opacity-50'
+      }
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+const TreeContext = /*#__PURE__*/createContext(null);
+const TreeItemContext = /*#__PURE__*/createContext(null);
+function useTree(component) {
+  const context = useContext(TreeContext);
+  if (!context) throw new Error(`${component} must be used within a <Tree>`);
+  return context;
+}
+function useTreeItem(component) {
+  const context = useContext(TreeItemContext);
+  if (!context) throw new Error(`${component} must be used within a <Tree.Item>`);
+  return context;
+}
+const toArray = value => value === undefined ? [] : Array.isArray(value) ? value : [value];
+const TreeRoot = /*#__PURE__*/forwardRef(({
+  className,
+  size = 'default',
+  selectionMode = 'none',
+  value,
+  defaultValue,
+  onValueChange,
+  expanded,
+  defaultExpanded,
+  onExpandedChange,
+  expandOnPress = true,
+  showLines = false,
+  indent = DEFAULT_INDENT,
+  children,
+  ...props
+}, ref) => {
+  const [internalExpanded, setInternalExpanded] = useState(() => defaultExpanded ?? []);
+  const isExpandedControlled = expanded !== undefined;
+  const expandedValues = isExpandedControlled ? expanded : internalExpanded;
+  const [internalSelected, setInternalSelected] = useState(() => toArray(defaultValue));
+  const isSelectionControlled = value !== undefined;
+  const selected = isSelectionControlled ? toArray(value) : internalSelected;
+  const toggleExpanded = useCallback(itemValue => {
+    const next = expandedValues.includes(itemValue) ? expandedValues.filter(entry => entry !== itemValue) : [...expandedValues, itemValue];
+    if (!isExpandedControlled) setInternalExpanded(next);
+    onExpandedChange?.(next);
+  }, [expandedValues, isExpandedControlled, onExpandedChange]);
+  const select = useCallback(itemValue => {
+    if (selectionMode === 'none') return;
+    const next = selectionMode === 'single' ? [itemValue] : selected.includes(itemValue) ? selected.filter(entry => entry !== itemValue) : [...selected, itemValue];
+    if (!isSelectionControlled) setInternalSelected(next);
+    // Hand back the shape the caller gave us, as Accordion does.
+    onValueChange?.(selectionMode === 'single' ? next[0] ?? '' : next);
+  }, [selected, selectionMode, isSelectionControlled, onValueChange]);
+  const context = useMemo(() => ({
+    expanded: expandedValues,
+    toggleExpanded,
+    selected,
+    select,
+    selectionMode,
+    expandOnPress,
+    showLines,
+    indent,
+    size
+  }), [expandedValues, toggleExpanded, selected, select, selectionMode, expandOnPress, showLines, indent, size]);
+  const {
+    root
+  } = treeVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(TreeContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      ref: ref,
+      layout: LinearTransition.duration(TRANSITION_DURATION),
+      accessibilityRole: "list",
+      className: root({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+TreeRoot.displayName = 'Tree';
+/**
+ * One node. Whether it is a branch or a leaf is read off its children rather
+ * than declared: an item holding a `Tree.Group` is a branch, and anything else
+ * is a leaf that renders a chevron-sized gap in place of the chevron so its
+ * label still lines up with its siblings'.
+ */
+const TreeItem = /*#__PURE__*/forwardRef(({
+  className,
+  value,
+  isDisabled = false,
+  hasChildren,
+  children,
+  ...props
+}, ref) => {
+  const {
+    expanded,
+    selected
+  } = useTree('Tree.Item');
+  const parent = useContext(TreeItemContext);
+  const {
+    item
+  } = treeVariants();
+  const isBranch = hasChildren ?? Children.toArray(children).some(child => /*#__PURE__*/isValidElement(child) && child.type === TreeGroup);
+  const context = useMemo(() => ({
+    value,
+    level: parent ? parent.level + 1 : 0,
+    isExpanded: expanded.includes(value),
+    isSelected: selected.includes(value),
+    isDisabled,
+    isBranch
+  }), [value, parent, expanded, selected, isDisabled, isBranch]);
+  return /*#__PURE__*/_jsx(TreeItemContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      ref: ref,
+      layout: LinearTransition.duration(TRANSITION_DURATION),
+      className: item({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+TreeItem.displayName = 'Tree.Item';
+/**
+ * The node's row: everything you see on one line, and the thing you press.
+ *
+ * `aria-level` is set from the item's depth, but the role stays `button`.
+ * React Native has no tree role that any platform screen reader implements, so
+ * announcing the row as what it behaves like — a button that opens something,
+ * with its expanded and selected state attached — is the description that
+ * actually survives to the user.
+ */
+const TreeTrigger = /*#__PURE__*/forwardRef(({
+  className,
+  onPress,
+  children,
+  ...props
+}, ref) => {
+  const {
+    toggleExpanded,
+    select,
+    selectionMode,
+    expandOnPress,
+    size
+  } = useTree('Tree.Trigger');
+  const {
+    value,
+    level,
+    isExpanded,
+    isSelected,
+    isDisabled,
+    isBranch
+  } = useTreeItem('Tree.Trigger');
+  const {
+    trigger
+  } = treeVariants({
+    size,
+    isSelected,
+    isDisabled
+  });
+  const accentForeground = useCSSVariable('--color-accent-foreground');
+  const selectedColor = typeof accentForeground === 'string' ? accentForeground : undefined;
+  const handlePress = () => {
+    if (isBranch && expandOnPress) toggleExpanded(value);
+    select(value);
+    onPress?.();
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: isBranch ? isExpanded : undefined,
+      selected: selectionMode === 'none' ? undefined : isSelected,
+      disabled: isDisabled
+    },
+    "aria-level": level + 1,
+    disabled: isDisabled,
+    onPress: handlePress,
+    className: trigger({
+      className
+    }),
+    ...props,
+    children: /*#__PURE__*/_jsx(IconColorProvider, {
+      color: isSelected ? selectedColor : undefined,
+      children: children
+    })
+  });
+});
+TreeTrigger.displayName = 'Tree.Trigger';
+/**
+ * The chevron, and the second way to open a branch.
+ *
+ * It is pressable in its own right, and because a press is consumed by the
+ * innermost target that handles it, hitting the chevron opens the branch
+ * without also selecting the row — which is the only way to look inside a
+ * folder without choosing it when `expandOnPress` is off.
+ *
+ * On a leaf it becomes an empty box of the same size rather than disappearing,
+ * so a leaf's label starts where its siblings' labels do.
+ */
+const TreeIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    toggleExpanded,
+    size
+  } = useTree('Tree.Indicator');
+  const {
+    value,
+    isExpanded,
+    isDisabled,
+    isBranch
+  } = useTreeItem('Tree.Indicator');
+  const {
+    indicator
+  } = treeVariants({
+    size
+  });
+  const direction = useDirection();
+
+  /*
+   * The glyph already points along the reading direction — it is drawn
+   * mirrored in a right-to-left subtree — so the quarter turn that makes it
+   * point downwards has to follow it round, or an open branch in Arabic
+   * would have its chevron pointing at the ceiling.
+   */
+  const openRotation = direction === 'rtl' ? -90 : 90;
+  const rotation = useDerivedValue(() => withTiming(isExpanded ? openRotation : 0, {
+    duration: TRANSITION_DURATION
+  }), [isExpanded, openRotation]);
+  const rotationStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value}deg`
+    }]
+  }));
+
+  // After the hooks, never before them: a leaf still runs every one of them.
+  if (!isBranch) {
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: indicator({
+        className
+      }),
+      ...props
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: isExpanded,
+      disabled: isDisabled
+    },
+    disabled: isDisabled,
+    onPress: () => toggleExpanded(value),
+    className: indicator({
+      className
+    }),
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: rotationStyle,
+      children: children ?? /*#__PURE__*/_jsx(ChevronRightIcon, {
+        size: size === 'sm' ? 14 : 16
+      })
+    })
+  });
+});
+TreeIndicator.displayName = 'Tree.Indicator';
+/** The leading glyph, between the chevron and the label. */
+const TreeIcon = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useTree('Tree.Icon');
+  const {
+    icon
+  } = treeVariants({
+    size
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: icon({
+      className
+    }),
+    ...props
+  });
+});
+TreeIcon.displayName = 'Tree.Icon';
+
+/** The row's text. Takes the selected colour with the rest of the row. */
+const TreeLabel = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useTree('Tree.Label');
+  const {
+    isSelected
+  } = useTreeItem('Tree.Label');
+  const {
+    label
+  } = treeVariants({
+    size,
+    isSelected
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    numberOfLines: 1,
+    className: label({
+      className
+    }),
+    ...props
+  });
+});
+TreeLabel.displayName = 'Tree.Label';
+/** The trailing slot: a count, a badge, a menu button for the node. */
+const TreeActions = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    actions
+  } = treeVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: actions({
+      className
+    }),
+    ...props
+  });
+});
+TreeActions.displayName = 'Tree.Actions';
+/**
+ * The rows inside a branch, and the reason its item is a branch at all.
+ *
+ * It unmounts when the branch is closed, so a subtree nobody has opened has
+ * never rendered and a tree costs what is open in it rather than what is in it.
+ * The item's layout transition animates the height the group's rows take up,
+ * the same way `Accordion` animates a panel.
+ *
+ * The indent is `paddingStart`, not `paddingLeft`, and the guide line is a
+ * start-edge border: an indent that always fell on the left would run the wrong
+ * way in a right-to-left subtree and put every level further from its parent.
+ */
+const TreeGroup = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    showLines,
+    indent
+  } = useTree('Tree.Group');
+  const {
+    isExpanded
+  } = useTreeItem('Tree.Group');
+  const {
+    group
+  } = treeVariants();
+  if (!isExpanded) return null;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    style: {
+      // Split in half when there is a line to put between the halves, so a
+      // level is indented by the same amount either way and the hairline
+      // lands midway rather than adding a step of its own.
+      marginStart: showLines ? indent / 2 : 0,
+      paddingStart: showLines ? indent / 2 : indent,
+      borderStartWidth: showLines ? 1 : 0
+    },
+    className: group({
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+TreeGroup.displayName = 'Tree.Group';
+export const Tree = Object.assign(TreeRoot, {
+  Item: TreeItem,
+  Trigger: TreeTrigger,
+  Indicator: TreeIndicator,
+  Icon: TreeIcon,
+  Label: TreeLabel,
+  Actions: TreeActions,
+  Group: TreeGroup
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","LinearTransition","useAnimatedStyle","useDerivedValue","withTiming","tv","useCSSVariable","ChevronRightIcon","IconColorProvider","useDirection","Text","jsx","_jsx","DEFAULT_INDENT","TRANSITION_DURATION","treeVariants","slots","root","item","trigger","indicator","icon","label","actions","group","variants","size","sm","default","isSelected","true","isDisabled","defaultVariants","TreeContext","TreeItemContext","useTree","component","context","Error","useTreeItem","toArray","value","undefined","Array","isArray","TreeRoot","className","selectionMode","defaultValue","onValueChange","expanded","defaultExpanded","onExpandedChange","expandOnPress","showLines","indent","children","props","ref","internalExpanded","setInternalExpanded","isExpandedControlled","expandedValues","internalSelected","setInternalSelected","isSelectionControlled","selected","toggleExpanded","itemValue","next","includes","filter","entry","select","Provider","layout","duration","accessibilityRole","displayName","TreeItem","hasChildren","parent","isBranch","some","child","type","TreeGroup","level","isExpanded","TreeTrigger","onPress","accentForeground","selectedColor","handlePress","accessibilityState","disabled","color","TreeIndicator","direction","openRotation","rotation","rotationStyle","transform","rotate","style","TreeIcon","TreeLabel","numberOfLines","TreeActions","marginStart","paddingStart","borderStartWidth","Tree","Object","assign","Item","Trigger","Indicator","Icon","Label","Actions","Group"],"sourceRoot":"../../../../src","sources":["components/tree/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SACEA,QAAQ,EACRC,aAAa,EACbC,UAAU,EACVC,cAAc,EACdC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,QAAQ,QAEH,OAAO;AACd,SAASC,SAAS,EAAEC,IAAI,QAA6C,cAAc;AACnF,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,QACL,yBAAyB;AAChC,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,sBAAa;AACjE,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,IAAI,QAAwB,0BAAuB;;AAI5D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA;AACA,MAAMC,cAAc,GAAG,EAAE;;AAEzB;AACA,MAAMC,mBAAmB,GAAG,GAAG;AAE/B,MAAMC,YAAY,GAAGV,EAAE,CAAC;EACtBW,KAAK,EAAE;IACLC,IAAI,EAAE,QAAQ;IACdC,IAAI,EAAE,EAAE;IACRC,OAAO,EAAE,wCAAwC;IACjDC,SAAS,EAAE,6BAA6B;IACxCC,IAAI,EAAE,6BAA6B;IACnCC,KAAK,EAAE,wBAAwB;IAC/BC,OAAO,EAAE,6BAA6B;IACtC;IACA;IACAC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE;QACFR,OAAO,EAAE,aAAa;QACtBC,SAAS,EAAE,SAAS;QACpBC,IAAI,EAAE,SAAS;QACfC,KAAK,EAAE;MACT,CAAC;MACDM,OAAO,EAAE;QACPT,OAAO,EAAE,aAAa;QACtBC,SAAS,EAAE,SAAS;QACpBC,IAAI,EAAE,SAAS;QACfC,KAAK,EAAE;MACT;IACF,CAAC;IACDO,UAAU,EAAE;MACVC,IAAI,EAAE;QAAEX,OAAO,EAAE,WAAW;QAAEG,KAAK,EAAE;MAAqC;IAC5E,CAAC;IACDS,UAAU,EAAE;MACVD,IAAI,EAAE;QAAEX,OAAO,EAAE;MAAa;IAChC;EACF,CAAC;EACDa,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAwBF,MAAMO,WAAW,gBAAG1C,aAAa,CAA0B,IAAI,CAAC;AAChE,MAAM2C,eAAe,gBAAG3C,aAAa,CAA8B,IAAI,CAAC;AAExE,SAAS4C,OAAOA,CAACC,SAAiB,EAAoB;EACpD,MAAMC,OAAO,GAAG1C,UAAU,CAACsC,WAAW,CAAC;EACvC,IAAI,CAACI,OAAO,EAAE,MAAM,IAAIC,KAAK,CAAC,GAAGF,SAAS,+BAA+B,CAAC;EAC1E,OAAOC,OAAO;AAChB;AAEA,SAASE,WAAWA,CAACH,SAAiB,EAAwB;EAC5D,MAAMC,OAAO,GAAG1C,UAAU,CAACuC,eAAe,CAAC;EAC3C,IAAI,CAACG,OAAO,EAAE,MAAM,IAAIC,KAAK,CAAC,GAAGF,SAAS,oCAAoC,CAAC;EAC/E,OAAOC,OAAO;AAChB;AAEA,MAAMG,OAAO,GAAIC,KAAoC,IACnDA,KAAK,KAAKC,SAAS,GAAG,EAAE,GAAGC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAC;AA+BnE,MAAMI,QAAQ,gBAAGrD,UAAU,CACzB,CACE;EACEsD,SAAS;EACTpB,IAAI,GAAG,SAAS;EAChBqB,aAAa,GAAG,MAAM;EACtBN,KAAK;EACLO,YAAY;EACZC,aAAa;EACbC,QAAQ;EACRC,eAAe;EACfC,gBAAgB;EAChBC,aAAa,GAAG,IAAI;EACpBC,SAAS,GAAG,KAAK;EACjBC,MAAM,GAAG1C,cAAc;EACvB2C,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG/D,QAAQ,CACtD,MAAMsD,eAAe,IAAI,EAC3B,CAAC;EACD,MAAMU,oBAAoB,GAAGX,QAAQ,KAAKR,SAAS;EACnD,MAAMoB,cAAc,GAAGD,oBAAoB,GAAGX,QAAQ,GAAGS,gBAAgB;EAEzE,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGnE,QAAQ,CAAW,MACjE2C,OAAO,CAACQ,YAAY,CACtB,CAAC;EACD,MAAMiB,qBAAqB,GAAGxB,KAAK,KAAKC,SAAS;EACjD,MAAMwB,QAAQ,GAAGD,qBAAqB,GAAGzB,OAAO,CAACC,KAAK,CAAC,GAAGsB,gBAAgB;EAE1E,MAAMI,cAAc,GAAGzE,WAAW,CAC/B0E,SAAiB,IAAK;IACrB,MAAMC,IAAI,GAAGP,cAAc,CAACQ,QAAQ,CAACF,SAAS,CAAC,GAC3CN,cAAc,CAACS,MAAM,CAAEC,KAAK,IAAKA,KAAK,KAAKJ,SAAS,CAAC,GACrD,CAAC,GAAGN,cAAc,EAAEM,SAAS,CAAC;IAElC,IAAI,CAACP,oBAAoB,EAAED,mBAAmB,CAACS,IAAI,CAAC;IACpDjB,gBAAgB,GAAGiB,IAAI,CAAC;EAC1B,CAAC,EACD,CAACP,cAAc,EAAED,oBAAoB,EAAET,gBAAgB,CACzD,CAAC;EAED,MAAMqB,MAAM,GAAG/E,WAAW,CACvB0E,SAAiB,IAAK;IACrB,IAAIrB,aAAa,KAAK,MAAM,EAAE;IAE9B,MAAMsB,IAAI,GACRtB,aAAa,KAAK,QAAQ,GACtB,CAACqB,SAAS,CAAC,GACXF,QAAQ,CAACI,QAAQ,CAACF,SAAS,CAAC,GAC1BF,QAAQ,CAACK,MAAM,CAAEC,KAAK,IAAKA,KAAK,KAAKJ,SAAS,CAAC,GAC/C,CAAC,GAAGF,QAAQ,EAAEE,SAAS,CAAC;IAEhC,IAAI,CAACH,qBAAqB,EAAED,mBAAmB,CAACK,IAAI,CAAC;IACrD;IACApB,aAAa,GAAGF,aAAa,KAAK,QAAQ,GAAIsB,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAIA,IAAI,CAAC;EACtE,CAAC,EACD,CAACH,QAAQ,EAAEnB,aAAa,EAAEkB,qBAAqB,EAAEhB,aAAa,CAChE,CAAC;EAED,MAAMZ,OAAO,GAAGzC,OAAO,CACrB,OAAO;IACLsD,QAAQ,EAAEY,cAAc;IACxBK,cAAc;IACdD,QAAQ;IACRO,MAAM;IACN1B,aAAa;IACbM,aAAa;IACbC,SAAS;IACTC,MAAM;IACN7B;EACF,CAAC,CAAC,EACF,CACEoC,cAAc,EACdK,cAAc,EACdD,QAAQ,EACRO,MAAM,EACN1B,aAAa,EACbM,aAAa,EACbC,SAAS,EACTC,MAAM,EACN7B,IAAI,CAER,CAAC;EAED,MAAM;IAAET;EAAK,CAAC,GAAGF,YAAY,CAAC;IAAEW;EAAK,CAAC,CAAC;EAEvC,oBACEd,IAAA,CAACqB,WAAW,CAACyC,QAAQ;IAACjC,KAAK,EAAEJ,OAAQ;IAAAmB,QAAA,eACnC5C,IAAA,CAACZ,QAAQ,CAACD,IAAI;MACZ2D,GAAG,EAAEA,GAAI;MACTiB,MAAM,EAAE1E,gBAAgB,CAAC2E,QAAQ,CAAC9D,mBAAmB,CAAE;MACvD+D,iBAAiB,EAAC,MAAM;MACxB/B,SAAS,EAAE7B,IAAI,CAAC;QAAE6B;MAAU,CAAC,CAAE;MAAA,GAC3BW,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACI;EAAC,CACI,CAAC;AAE3B,CACF,CAAC;AACDX,QAAQ,CAACiC,WAAW,GAAG,MAAM;AAgB7B;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,gBAAGvF,UAAU,CACzB,CAAC;EAAEsD,SAAS;EAAEL,KAAK;EAAEV,UAAU,GAAG,KAAK;EAAEiD,WAAW;EAAExB,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClF,MAAM;IAAER,QAAQ;IAAEgB;EAAS,CAAC,GAAG/B,OAAO,CAAC,WAAW,CAAC;EACnD,MAAM8C,MAAM,GAAGtF,UAAU,CAACuC,eAAe,CAAC;EAC1C,MAAM;IAAEhB;EAAK,CAAC,GAAGH,YAAY,CAAC,CAAC;EAE/B,MAAMmE,QAAQ,GACZF,WAAW,IACX1F,QAAQ,CAACkD,OAAO,CAACgB,QAAQ,CAAC,CAAC2B,IAAI,CAC5BC,KAAK,IAAK,aAAA3F,cAAc,CAAC2F,KAAK,CAAC,IAAIA,KAAK,CAACC,IAAI,KAAKC,SACrD,CAAC;EAEH,MAAMjD,OAAO,GAAGzC,OAAO,CACrB,OAAO;IACL6C,KAAK;IACL8C,KAAK,EAAEN,MAAM,GAAGA,MAAM,CAACM,KAAK,GAAG,CAAC,GAAG,CAAC;IACpCC,UAAU,EAAEtC,QAAQ,CAACoB,QAAQ,CAAC7B,KAAK,CAAC;IACpCZ,UAAU,EAAEqC,QAAQ,CAACI,QAAQ,CAAC7B,KAAK,CAAC;IACpCV,UAAU;IACVmD;EACF,CAAC,CAAC,EACF,CAACzC,KAAK,EAAEwC,MAAM,EAAE/B,QAAQ,EAAEgB,QAAQ,EAAEnC,UAAU,EAAEmD,QAAQ,CAC1D,CAAC;EAED,oBACEtE,IAAA,CAACsB,eAAe,CAACwC,QAAQ;IAACjC,KAAK,EAAEJ,OAAQ;IAAAmB,QAAA,eACvC5C,IAAA,CAACZ,QAAQ,CAACD,IAAI;MACZ2D,GAAG,EAAEA,GAAI;MACTiB,MAAM,EAAE1E,gBAAgB,CAAC2E,QAAQ,CAAC9D,mBAAmB,CAAE;MACvDgC,SAAS,EAAE5B,IAAI,CAAC;QAAE4B;MAAU,CAAC,CAAE;MAAA,GAC3BW,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACI;EAAC,CACQ,CAAC;AAE/B,CACF,CAAC;AACDuB,QAAQ,CAACD,WAAW,GAAG,WAAW;AASlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMW,WAAW,gBAAGjG,UAAU,CAC5B,CAAC;EAAEsD,SAAS;EAAE4C,OAAO;EAAElC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnD,MAAM;IAAES,cAAc;IAAEM,MAAM;IAAE1B,aAAa;IAAEM,aAAa;IAAE3B;EAAK,CAAC,GAClES,OAAO,CAAC,cAAc,CAAC;EACzB,MAAM;IAAEM,KAAK;IAAE8C,KAAK;IAAEC,UAAU;IAAE3D,UAAU;IAAEE,UAAU;IAAEmD;EAAS,CAAC,GAClE3C,WAAW,CAAC,cAAc,CAAC;EAC7B,MAAM;IAAEpB;EAAQ,CAAC,GAAGJ,YAAY,CAAC;IAAEW,IAAI;IAAEG,UAAU;IAAEE;EAAW,CAAC,CAAC;EAElE,MAAM4D,gBAAgB,GAAGrF,cAAc,CAAC,2BAA2B,CAAC;EACpE,MAAMsF,aAAa,GAAG,OAAOD,gBAAgB,KAAK,QAAQ,GAAGA,gBAAgB,GAAGjD,SAAS;EAEzF,MAAMmD,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIX,QAAQ,IAAI7B,aAAa,EAAEc,cAAc,CAAC1B,KAAK,CAAC;IACpDgC,MAAM,CAAChC,KAAK,CAAC;IACbiD,OAAO,GAAG,CAAC;EACb,CAAC;EAED,oBACE9E,IAAA,CAACd,SAAS;IACR4D,GAAG,EAAEA,GAAI;IACTmB,iBAAiB,EAAC,QAAQ;IAC1BiB,kBAAkB,EAAE;MAClB5C,QAAQ,EAAEgC,QAAQ,GAAGM,UAAU,GAAG9C,SAAS;MAC3CwB,QAAQ,EAAEnB,aAAa,KAAK,MAAM,GAAGL,SAAS,GAAGb,UAAU;MAC3DkE,QAAQ,EAAEhE;IACZ,CAAE;IACF,cAAYwD,KAAK,GAAG,CAAE;IACtBQ,QAAQ,EAAEhE,UAAW;IACrB2D,OAAO,EAAEG,WAAY;IACrB/C,SAAS,EAAE3B,OAAO,CAAC;MAAE2B;IAAU,CAAC,CAAE;IAAA,GAC9BW,KAAK;IAAAD,QAAA,eAET5C,IAAA,CAACJ,iBAAiB;MAACwF,KAAK,EAAEnE,UAAU,GAAG+D,aAAa,GAAGlD,SAAU;MAAAc,QAAA,EAC9DA;IAAQ,CACQ;EAAC,CACX,CAAC;AAEhB,CACF,CAAC;AACDiC,WAAW,CAACX,WAAW,GAAG,cAAc;AAQxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMmB,aAAa,gBAAGzG,UAAU,CAC9B,CAAC;EAAEsD,SAAS;EAAEU,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAES,cAAc;IAAEzC;EAAK,CAAC,GAAGS,OAAO,CAAC,gBAAgB,CAAC;EAC1D,MAAM;IAAEM,KAAK;IAAE+C,UAAU;IAAEzD,UAAU;IAAEmD;EAAS,CAAC,GAAG3C,WAAW,CAAC,gBAAgB,CAAC;EACjF,MAAM;IAAEnB;EAAU,CAAC,GAAGL,YAAY,CAAC;IAAEW;EAAK,CAAC,CAAC;EAC5C,MAAMwE,SAAS,GAAGzF,YAAY,CAAC,CAAC;;EAEhC;AACJ;AACA;AACA;AACA;AACA;EACI,MAAM0F,YAAY,GAAGD,SAAS,KAAK,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE;EACnD,MAAME,QAAQ,GAAGjG,eAAe,CAC9B,MAAMC,UAAU,CAACoF,UAAU,GAAGW,YAAY,GAAG,CAAC,EAAE;IAAEvB,QAAQ,EAAE9D;EAAoB,CAAC,CAAC,EAClF,CAAC0E,UAAU,EAAEW,YAAY,CAC3B,CAAC;EACD,MAAME,aAAa,GAAGnG,gBAAgB,CAAC,OAAO;IAC5CoG,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAGH,QAAQ,CAAC3D,KAAK;IAAM,CAAC;EAChD,CAAC,CAAC,CAAC;;EAEH;EACA,IAAI,CAACyC,QAAQ,EAAE;IACb,oBAAOtE,IAAA,CAACb,IAAI;MAAC2D,GAAG,EAAEA,GAAI;MAACZ,SAAS,EAAE1B,SAAS,CAAC;QAAE0B;MAAU,CAAC,CAAE;MAAA,GAAKW;IAAK,CAAG,CAAC;EAC3E;EAEA,oBACE7C,IAAA,CAACd,SAAS;IACR4D,GAAG,EAAEA,GAAI;IACTmB,iBAAiB,EAAC,QAAQ;IAC1BiB,kBAAkB,EAAE;MAAE5C,QAAQ,EAAEsC,UAAU;MAAEO,QAAQ,EAAEhE;IAAW,CAAE;IACnEgE,QAAQ,EAAEhE,UAAW;IACrB2D,OAAO,EAAEA,CAAA,KAAMvB,cAAc,CAAC1B,KAAK,CAAE;IACrCK,SAAS,EAAE1B,SAAS,CAAC;MAAE0B;IAAU,CAAC,CAAE;IAAA,GAChCW,KAAK;IAAAD,QAAA,eAET5C,IAAA,CAACZ,QAAQ,CAACD,IAAI;MAACyG,KAAK,EAAEH,aAAc;MAAA7C,QAAA,EACjCA,QAAQ,iBAAI5C,IAAA,CAACL,gBAAgB;QAACmB,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG;MAAG,CAAE;IAAC,CACnD;EAAC,CACP,CAAC;AAEhB,CACF,CAAC;AACDuE,aAAa,CAACnB,WAAW,GAAG,gBAAgB;AAO5C;AACA,MAAM2B,QAAQ,gBAAGjH,UAAU,CAAsB,CAAC;EAAEsD,SAAS;EAAE,GAAGW;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEhC;EAAK,CAAC,GAAGS,OAAO,CAAC,WAAW,CAAC;EACrC,MAAM;IAAEd;EAAK,CAAC,GAAGN,YAAY,CAAC;IAAEW;EAAK,CAAC,CAAC;EACvC,oBAAOd,IAAA,CAACb,IAAI;IAAC2D,GAAG,EAAEA,GAAI;IAACZ,SAAS,EAAEzB,IAAI,CAAC;MAAEyB;IAAU,CAAC,CAAE;IAAA,GAAKW;EAAK,CAAG,CAAC;AACtE,CAAC,CAAC;AACFgD,QAAQ,CAAC3B,WAAW,GAAG,WAAW;;AAElC;AACA,MAAM4B,SAAS,gBAAGlH,UAAU,CAAoB,CAAC;EAAEsD,SAAS;EAAE,GAAGW;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChF,MAAM;IAAEhC;EAAK,CAAC,GAAGS,OAAO,CAAC,YAAY,CAAC;EACtC,MAAM;IAAEN;EAAW,CAAC,GAAGU,WAAW,CAAC,YAAY,CAAC;EAChD,MAAM;IAAEjB;EAAM,CAAC,GAAGP,YAAY,CAAC;IAAEW,IAAI;IAAEG;EAAW,CAAC,CAAC;EACpD,oBAAOjB,IAAA,CAACF,IAAI;IAACgD,GAAG,EAAEA,GAAI;IAACiD,aAAa,EAAE,CAAE;IAAC7D,SAAS,EAAExB,KAAK,CAAC;MAAEwB;IAAU,CAAC,CAAE;IAAA,GAAKW;EAAK,CAAG,CAAC;AACzF,CAAC,CAAC;AACFiD,SAAS,CAAC5B,WAAW,GAAG,YAAY;AAOpC;AACA,MAAM8B,WAAW,gBAAGpH,UAAU,CAAyB,CAAC;EAAEsD,SAAS;EAAE,GAAGW;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvF,MAAM;IAAEnC;EAAQ,CAAC,GAAGR,YAAY,CAAC,CAAC;EAClC,oBAAOH,IAAA,CAACb,IAAI;IAAC2D,GAAG,EAAEA,GAAI;IAACZ,SAAS,EAAEvB,OAAO,CAAC;MAAEuB;IAAU,CAAC,CAAE;IAAA,GAAKW;EAAK,CAAG,CAAC;AACzE,CAAC,CAAC;AACFmD,WAAW,CAAC9B,WAAW,GAAG,cAAc;AAOxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMQ,SAAS,gBAAG9F,UAAU,CAC1B,CAAC;EAAEsD,SAAS;EAAEU,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEJ,SAAS;IAAEC;EAAO,CAAC,GAAGpB,OAAO,CAAC,YAAY,CAAC;EACnD,MAAM;IAAEqD;EAAW,CAAC,GAAGjD,WAAW,CAAC,YAAY,CAAC;EAChD,MAAM;IAAEf;EAAM,CAAC,GAAGT,YAAY,CAAC,CAAC;EAEhC,IAAI,CAACyE,UAAU,EAAE,OAAO,IAAI;EAE5B,oBACE5E,IAAA,CAACb,IAAI;IACH2D,GAAG,EAAEA,GAAI;IACT8C,KAAK,EAAE;MACL;MACA;MACA;MACAK,WAAW,EAAEvD,SAAS,GAAGC,MAAM,GAAG,CAAC,GAAG,CAAC;MACvCuD,YAAY,EAAExD,SAAS,GAAGC,MAAM,GAAG,CAAC,GAAGA,MAAM;MAC7CwD,gBAAgB,EAAEzD,SAAS,GAAG,CAAC,GAAG;IACpC,CAAE;IACFR,SAAS,EAAEtB,KAAK,CAAC;MAAEsB;IAAU,CAAC,CAAE;IAAA,GAC5BW,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AACD8B,SAAS,CAACR,WAAW,GAAG,YAAY;AAEpC,OAAO,MAAMkC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACrE,QAAQ,EAAE;EAC1CsE,IAAI,EAAEpC,QAAQ;EACdqC,OAAO,EAAE3B,WAAW;EACpB4B,SAAS,EAAEpB,aAAa;EACxBqB,IAAI,EAAEb,QAAQ;EACdc,KAAK,EAAEb,SAAS;EAChBc,OAAO,EAAEZ,WAAW;EACpBa,KAAK,EAAEnC;AACT,CAAC,CAAC","ignoreList":[]}