@cdx-ui/components 0.0.1-beta.8 → 0.0.1-beta.81

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

@@ -1,29 +1,15 @@
 "use strict";
 
-import { forwardRef } from 'react';
-import { Pressable, Text, View } from 'react-native';
-import { createListItem } from '@cdx-ui/primitives';
-import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { forwardRef, useMemo } from 'react';
+import { Text, View } from 'react-native';
+import { ListItemRoot as ListItemRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SCOPE = 'LIST_ITEM';
-const RootView = withStyleContext(View, SCOPE);
-const RootPressable = withStyleContext(Pressable, SCOPE);
-const ListItemPrimitive = createListItem({
-  View: RootView,
-  Pressable: RootPressable,
-  LeadingSlot: View,
-  Content: View,
-  Title: Text,
-  Description: Text,
-  Meta: Text,
-  TrailingSlot: View,
-  SectionHeader: View
-});
 const useListItemStyleContext = () => {
   const ctx = useStyleContext(SCOPE);
   return {
-    size: ctx?.size ?? 'default',
     crossAlign: ctx?.crossAlign ?? 'center'
   };
 };
@@ -34,34 +20,37 @@ const useListItemStyleContext = () => {
 
 const ListItemRoot = /*#__PURE__*/forwardRef(({
   size = 'default',
-  surface = 'default',
   showSeparator = true,
-  crossAlign = 'center',
+  crossAlign: crossAlignProp = 'center',
   className,
   style,
   ...props
 }, ref) => {
+  const crossAlign = crossAlignProp ?? 'center';
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
+      crossAlign
+    }
+  }), [parent, crossAlign]);
   const computedClassName = cn(listItemRootVariants({
     size,
-    surface,
     showSeparator,
     crossAlign
   }), className);
-  return /*#__PURE__*/_jsx(ListItemPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    context: {
-      size,
-      surface,
-      showSeparator,
-      crossAlign
-    },
-    crossAlign: crossAlign,
-    showSeparator: showSeparator,
-    size: size,
-    style: style,
-    surface: surface,
-    ...props
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(ListItemRootPrimitive, {
+      ref: ref,
+      className: computedClassName,
+      crossAlign: crossAlign,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'list-item'
+      }))
+    })
   });
 });
 ListItemRoot.displayName = 'ListItem';
@@ -70,18 +59,38 @@ ListItemRoot.displayName = 'ListItem';
 // SLOTS & TEXT
 // =============================================================================
 
+const leadingSlotStyle = {
+  flexShrink: 0
+};
 const ListItemLeadingSlot = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
+  'aria-hidden': ariaHidden,
   ...props
-}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.LeadingSlot, {
-  ref: ref,
-  className: cn(listItemLeadingSlotVariants(), className),
-  style: style,
-  ...props
-}));
+}, ref) => {
+  const accessibilityElementsHidden = ariaHidden !== false;
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    "aria-hidden": ariaHidden ?? true,
+    className: cn(listItemLeadingSlotVariants(), className),
+    style: [leadingSlotStyle, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-leading'
+    }))
+  });
+});
 ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
+const contentStyle = {
+  flex: 1,
+  flexDirection: 'column',
+  minWidth: 0
+};
 const ListItemContent = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   ...props
@@ -89,75 +98,80 @@ const ListItemContent = /*#__PURE__*/forwardRef(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Content, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemContentVariants({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [contentStyle, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-content'
+    }))
   });
 });
 ListItemContent.displayName = 'ListItem.Content';
 const ListItemTitle = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Title, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
-    className: cn(listItemTitleVariants({
-      size
-    }), className),
+    className: cn(listItemTitleVariants(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-title'
+    }))
   });
 });
 ListItemTitle.displayName = 'ListItem.Title';
 const ListItemDescription = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Description, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
-    className: cn(listItemDescriptionVariants({
-      size
-    }), className),
+    className: cn(listItemDescriptionVariants(), className),
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-description'
+    }))
   });
 });
 ListItemDescription.displayName = 'ListItem.Description';
 const ListItemMeta = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.Meta, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
-    className: cn(listItemMetaVariants({
-      size
-    }), className),
+    className: cn(listItemMetaVariants(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-meta'
+    }))
   });
 });
 ListItemMeta.displayName = 'ListItem.Meta';
 const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   ...props
@@ -165,13 +179,19 @@ const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/_jsx(ListItemPrimitive.TrailingSlot, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(listItemTrailingSlotVariants({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [{
+      flexShrink: 0
+    }, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-item-trailing'
+    }))
   });
 });
 ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
@@ -189,24 +209,57 @@ const wrapSectionHeaderLabel = children => {
 // SECTION HEADER
 // =============================================================================
 
+// TODO: ListItem.SectionHeader doesn't follow composition patterns (composing text, trailing prop, etc).
+
+const sectionHeaderRow = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  gap: 8
+};
+const sectionHeaderLabelCell = {
+  flex: 1,
+  minWidth: 0,
+  /** Keeps the label column from stretching to a taller trailing sibling (e.g. Chip). */
+  alignSelf: 'center'
+};
+const sectionHeaderTrailingCell = {
+  flexShrink: 0,
+  /** Prevents the trailing slot from stretching vertically and “filling” the row. */
+  alignSelf: 'center'
+};
 const ListItemSectionHeader = /*#__PURE__*/forwardRef(({
+  asChild,
   children,
   className,
   showDivider = true,
   style,
   trailing,
+  accessibilityRole = 'header',
   ...props
-}, ref) => /*#__PURE__*/_jsx(ListItemPrimitive.SectionHeader, {
-  ref: ref,
-  className: cn(listItemSectionHeaderVariants({
-    showDivider
-  }), className),
-  showDivider: showDivider,
-  style: style,
-  trailing: trailing,
-  ...props,
-  children: wrapSectionHeaderLabel(children)
-}));
+}, ref) => {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: ref,
+    accessibilityRole: accessibilityRole,
+    className: cn(listItemSectionHeaderVariants({
+      showDivider
+    }), className),
+    style: [sectionHeaderRow, style],
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'list-section-header',
+      divider: showDivider
+    })),
+    children: [/*#__PURE__*/_jsx(View, {
+      style: sectionHeaderLabelCell,
+      children: wrapSectionHeaderLabel(children)
+    }), trailing ? /*#__PURE__*/_jsx(View, {
+      style: sectionHeaderTrailingCell,
+      children: trailing
+    }) : null]
+  });
+});
 ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
 
 // =============================================================================

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","size","crossAlign","ListItemRoot","surface","showSeparator","className","style","props","ref","computedClassName","context","displayName","ListItemLeadingSlot","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","children","ListItemSectionHeader","showDivider","trailing","ListItem","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","Text","View","ListItemRoot","ListItemRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","useStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","useListItemStyleContext","ctx","crossAlign","size","showSeparator","crossAlignProp","className","style","props","ref","parent","computedClassName","Provider","value","children","slot","displayName","leadingSlotStyle","flexShrink","ListItemLeadingSlot","asChild","ariaHidden","accessibilityElementsHidden","Comp","contentStyle","flex","flexDirection","minWidth","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","sectionHeaderRow","alignItems","justifyContent","gap","sectionHeaderLabelCell","alignSelf","sectionHeaderTrailingCell","ListItemSectionHeader","showDivider","trailing","accessibilityRole","divider","ListItem","Object","assign","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ListItem/styles.js

@@ -2,25 +2,35 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-import { COLOR_BORDER_DEFAULT, COLOR_TEXT_MUTED, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, TRANSITION_COLORS } from '../../styles/primitives';
+import { TRANSITION_COLORS } from '../../styles/primitives';
 
-// ── Root (row): density, surface, separator, interactive feedback ──────────
+// ── Root (row): density, separator, interactive feedback ───────────────────
+//
+// Web hover/active/focus paint an absolutely positioned bg-content-primary overlay at
+// --opacity-hover (8%) / --opacity-hover-overlay (20%) / --opacity-selected (12%), plus a focus
+// ring on focus-visible. State is driven by the data attributes the primitive root emits
+// (data-hover / data-active / data-focus-visible) — or by the composed child on `asChild`
+// (e.g. Link emits the same attributes). Native active uses a flat tint because ::before
+// pseudo-elements are web-only.
+//
+// TODO: Handle native background color hover/focus transitions
 
-export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', TRANSITION_COLORS, Platform.select({
-  web: ['outline-none', 'web:data-[hovered=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
-  default: ''
+export const listItemRootVariants = cva(['relative flex-row self-stretch w-full overflow-clip px-5 bg-transparent', 'data-[disabled=true]:opacity-[var(--opacity-disabled)] data-[disabled=true]:pointer-events-none', TRANSITION_COLORS, Platform.select({
+  web: ['outline-none', 'before:pointer-events-none before:absolute before:inset-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:before:opacity-[var(--opacity-hover)]',
+  // Pressed wins over hover via the compound selector (higher specificity), mirroring Button.
+  'data-[active=true]:data-[hover=true]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-selected)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
+  default: 'data-[active=true]:bg-surface-primary-hover'
 })], {
   variants: {
     size: {
-      default: 'gap-3 py-4',
-      compact: 'gap-2 py-3'
-    },
-    surface: {
-      default: 'bg-white',
-      negative: 'bg-red-50'
+      default: 'gap-3 py-3 min-h-16',
+      compact: 'gap-3 py-2 min-h-12'
     },
     showSeparator: {
-      true: ['border-b border-solid', COLOR_BORDER_DEFAULT],
+      true: ['border-b border-solid border-stroke-secondary', Platform.select({
+        web: 'before:-bottom-px',
+        default: ''
+      })].join(' '),
       false: 'border-b-0'
     },
     crossAlign: {
@@ -28,16 +38,8 @@ export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'd
       start: 'items-start'
     }
   },
-  compoundVariants: [{
-    surface: 'negative',
-    className: Platform.select({
-      web: 'web:data-[hovered=true]:bg-red-100/90',
-      default: ''
-    })
-  }],
   defaultVariants: {
     size: 'default',
-    surface: 'default',
     showSeparator: true,
     crossAlign: 'center'
   }
@@ -45,8 +47,8 @@ export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'd
 
 // ── Leading / trailing slots ─────────────────────────────────────────────────
 
-export const listItemLeadingSlotVariants = cva(['flex shrink-0 items-center justify-center']);
-export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify-end gap-2'], {
+export const listItemLeadingSlotVariants = cva(['relative z-10 flex shrink-0 items-center justify-center']);
+export const listItemTrailingSlotVariants = cva(['relative z-10 flex shrink-0 flex-row justify-end gap-2'], {
   variants: {
     crossAlign: {
       center: 'items-center',
@@ -60,7 +62,7 @@ export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify
 
 // ── Content stack (title / description / meta) ───────────────────────────────
 
-export const listItemContentVariants = cva(['flex min-w-0 flex-1 flex-col gap-1'], {
+export const listItemContentVariants = cva('relative z-10 flex min-w-0 flex-1 flex-col gap-1', {
   variants: {
     crossAlign: {
       center: 'justify-center',
@@ -74,43 +76,13 @@ export const listItemContentVariants = cva(['flex min-w-0 flex-1 flex-col gap-1'
 
 // ── Typography ───────────────────────────────────────────────────────────────
 
-export const listItemTitleVariants = cva([COLOR_TEXT_PRIMARY, 'font-medium'], {
-  variants: {
-    size: {
-      default: 'text-base leading-snug',
-      compact: 'text-sm leading-snug'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-export const listItemDescriptionVariants = cva([COLOR_TEXT_SECONDARY], {
-  variants: {
-    size: {
-      default: 'text-sm leading-normal',
-      compact: 'text-xs leading-normal'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-export const listItemMetaVariants = cva([COLOR_TEXT_MUTED], {
-  variants: {
-    size: {
-      default: 'text-xs leading-normal',
-      compact: 'text-[11px] leading-normal'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
+export const listItemTitleVariants = cva('body-md font-medium text-content-primary');
+export const listItemDescriptionVariants = cva('body-sm text-content-secondary');
+export const listItemMetaVariants = cva('body-sm text-content-tertiary');
 
 // ── Section header (group label row inside lists / cards) ───────────────────
 
-export const listItemSectionHeaderVariants = cva(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', COLOR_BORDER_DEFAULT], {
+export const listItemSectionHeaderVariants = cva(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', 'border-stroke-secondary'], {
   variants: {
     showDivider: {
       true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
@@ -123,5 +95,5 @@ export const listItemSectionHeaderVariants = cva(['flex-row items-center justify
 });
 
 /** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
-export const listItemSectionHeaderLabelVariants = cva(['text-xs font-semibold uppercase tracking-wide', COLOR_TEXT_SECONDARY]);
+export const listItemSectionHeaderLabelVariants = cva('text-xs font-semibold uppercase tracking-wide text-content-secondary');
 //# sourceMappingURL=styles.js.map

package/lib/module/components/ListItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,oBAAoB,GAAGF,GAAG,CACrC,CACE,yEAAyE,EACzE,iGAAiG,EACjGC,iBAAiB,EACjBF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,0HAA0H,EAC1H,+DAA+D,EAC/D,yDAAyD;EACzD;EACA,oFAAoF,EACpF,oEAAoE,EACpE,sHAAsH,CACvH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJF,OAAO,EAAE,qBAAqB;MAC9BG,OAAO,EAAE;IACX,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE,CACJ,+CAA+C,EAC/CZ,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE,mBAAmB;QAAEE,OAAO,EAAE;MAAG,CAAC,CAAC,CAC3D,CAACD,IAAI,CAAC,GAAG,CAAC;MACXO,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVC,MAAM,EAAE,cAAc;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfR,IAAI,EAAE,SAAS;IACfE,aAAa,EAAE,IAAI;IACnBG,UAAU,EAAE;EACd;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,2BAA2B,GAAGjB,GAAG,CAAC,CAC7C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMkB,4BAA4B,GAAGlB,GAAG,CAC7C,CAAC,wDAAwD,CAAC,EAC1D;EACEO,QAAQ,EAAE;IACRM,UAAU,EAAE;MACVC,MAAM,EAAE,cAAc;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,UAAU,EAAE;EACd;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMM,uBAAuB,GAAGnB,GAAG,CAAC,kDAAkD,EAAE;EAC7FO,QAAQ,EAAE;IACRM,UAAU,EAAE;MACVC,MAAM,EAAE,gBAAgB;MACxBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMO,qBAAqB,GAAGpB,GAAG,CAAC,0CAA0C,CAAC;AAEpF,OAAO,MAAMqB,2BAA2B,GAAGrB,GAAG,CAAC,gCAAgC,CAAC;AAEhF,OAAO,MAAMsB,oBAAoB,GAAGtB,GAAG,CAAC,+BAA+B,CAAC;;AAExE;;AAEA,OAAO,MAAMuB,6BAA6B,GAAGvB,GAAG,CAC9C,CACE,6EAA6E,EAC7E,yBAAyB,CAC1B,EACD;EACEO,QAAQ,EAAE;IACRiB,WAAW,EAAE;MACXb,IAAI,EAAE,CAAC,0DAA0D,EAAE,YAAY,CAAC;MAChFC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfQ,WAAW,EAAE;EACf;AACF,CACF,CAAC;;AAED;AACA,OAAO,MAAMC,kCAAkC,GAAGzB,GAAG,CACnD,sEACF,CAAC","ignoreList":[]}