@cdx-ui/primitives 0.0.1-beta.174 → 0.0.1-beta.176

package/src/accordion/Accordion.tsx

@@ -1,72 +1,96 @@
-import { forwardRef, useMemo } from 'react';
-import { View } from 'react-native';
+import { forwardRef, useCallback, useMemo } from 'react';
+import { View, type ViewProps } from 'react-native';
 import { useDisclosureGroupState } from '@react-stately/disclosure';
 import { Slot } from '../slot';
 import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
-import { AccordionContext } from './context';
-import type { IAccordionProps } from './types';
+import { AccordionProvider } from './context';
+import type { AccordionType, IAccordionProps } from './types';
 import { fromExpandedKeys, toExpandedKeys } from './utils';
 
-export interface AccordionRootProps extends IAccordionProps {
+type WidenedAccordionProps = ViewProps & {
   asChild?: boolean;
   className?: string;
-}
+  type?: AccordionType;
+  collapsible?: boolean;
+  isDisabled?: boolean;
+  value?: string | string[];
+  defaultValue?: string | string[];
+  onValueChange?: (value: string | string[] | undefined) => void;
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+};
 
-export const AccordionRoot = forwardRef<View, AccordionRootProps>(
-  (
-    {
-      asChild,
-      children,
-      className,
-      style,
-      type = 'single',
-      collapsible = true,
-      isDisabled = false,
-      value,
-      defaultValue,
-      onValueChange,
-      ...props
-    },
-    ref,
-  ) => {
-    const groupState = useDisclosureGroupState({
-      allowsMultipleExpanded: type === 'multiple',
-      isDisabled,
-      expandedKeys: toExpandedKeys(value),
-      defaultExpandedKeys: toExpandedKeys(defaultValue),
-      onExpandedChange: onValueChange
-        ? (keys) => {
-            onValueChange(fromExpandedKeys(keys, type));
-          }
-        : undefined,
-    });
+export type AccordionRootProps = IAccordionProps & {
+  asChild?: boolean;
+  className?: string;
+};
 
-    const contextValue = useMemo(
-      () => ({
-        groupState,
-        type,
-        collapsible,
-        isDisabled,
-      }),
-      [groupState, type, collapsible, isDisabled],
-    );
+export const AccordionRoot = forwardRef<View, AccordionRootProps>((accordionProps, ref) => {
+  const {
+    asChild,
+    children,
+    className,
+    style,
+    type = 'single',
+    collapsible = true,
+    isDisabled = false,
+    value,
+    defaultValue,
+    onValueChange,
+    ...props
+  } = accordionProps as WidenedAccordionProps;
+  const isValueControlled = Object.prototype.hasOwnProperty.call(accordionProps, 'value');
+  const expandedKeys = useMemo(
+    () => (isValueControlled ? (toExpandedKeys(value) ?? new Set<string>()) : undefined),
+    [isValueControlled, value],
+  );
+  const groupState = useDisclosureGroupState({
+    allowsMultipleExpanded: type === 'multiple',
+    isDisabled,
+    expandedKeys,
+    defaultExpandedKeys: toExpandedKeys(defaultValue),
+    onExpandedChange: onValueChange
+      ? (keys) => {
+          onValueChange(fromExpandedKeys(keys, type));
+        }
+      : undefined,
+  });
+
+  const isItemOpen = useCallback(
+    (itemValue: string) => groupState.expandedKeys.has(itemValue),
+    [groupState.expandedKeys],
+  );
+  const toggleItem = useCallback(
+    (itemValue: string) => groupState.toggleKey(itemValue),
+    [groupState],
+  );
+
+  const contextValue = useMemo(
+    () => ({
+      type,
+      collapsible,
+      isDisabled,
+      isItemOpen,
+      toggleItem,
+    }),
+    [type, collapsible, isDisabled, isItemOpen, toggleItem],
+  );
 
-    const Comp = asChild ? Slot : View;
+  const Comp = asChild ? Slot : View;
 
-    return (
-      <AccordionContext.Provider value={contextValue}>
-        <Comp
-          ref={ref}
-          className={className}
-          style={style}
-          {...props}
-          {...mergeDataAttributes(props, dataAttributes({ slot: 'accordion' }))}
-        >
-          {children}
-        </Comp>
-      </AccordionContext.Provider>
-    );
-  },
-);
+  return (
+    <AccordionProvider value={contextValue}>
+      <Comp
+        ref={ref}
+        className={className}
+        style={style}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'accordion' }))}
+      >
+        {children}
+      </Comp>
+    </AccordionProvider>
+  );
+});
 
 AccordionRoot.displayName = 'AccordionRoot';

package/src/accordion/AccordionContent.tsx

@@ -0,0 +1,90 @@
+import { forwardRef } from 'react';
+import { Platform, View } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import {
+  domDataAttributes,
+  mergeDomDataAttributes,
+  type DomDataAttributeValue,
+} from '../utils/domDataAttributes';
+import { useAccordionItemContext } from './context';
+import type { IAccordionContentProps } from './types';
+
+export interface AccordionContentRootProps extends IAccordionContentProps {
+  asChild?: boolean;
+  className?: string;
+}
+
+export const AccordionContentRoot = forwardRef<View, AccordionContentRootProps>(
+  ({ asChild, children, className, style, ...props }, ref) => {
+    const { isOpen, triggerId, contentId } = useAccordionItemContext();
+    const Comp = asChild ? Slot : View;
+
+    if (!isOpen) {
+      return null;
+    }
+
+    const dataAttrValues = {
+      slot: 'accordion-content',
+      state: 'open',
+    };
+
+    if (Platform.OS === 'web' && asChild) {
+      const {
+        dataSet,
+        nativeID: _nativeID,
+        ...domProps
+      } = props as typeof props & {
+        dataSet?: Record<string, DomDataAttributeValue>;
+      };
+      const dataAttrs = mergeDomDataAttributes(
+        domDataAttributes(dataSet ?? {}),
+        domProps,
+        domDataAttributes(dataAttrValues),
+      );
+
+      return (
+        <Slot
+          ref={ref}
+          className={className}
+          style={style}
+          {...domProps}
+          {...dataAttrs}
+          id={contentId}
+          role="region"
+          aria-labelledby={triggerId}
+        >
+          {children}
+        </Slot>
+      );
+    }
+
+    const platformA11yProps =
+      Platform.OS === 'web'
+        ? {
+            id: contentId,
+            role: 'region' as const,
+            'aria-labelledby': triggerId,
+          }
+        : {
+            nativeID: contentId,
+            accessibilityLabelledBy: triggerId,
+            accessibilityRole: 'none' as const,
+          };
+
+    return (
+      <Comp
+        ref={ref}
+        className={className}
+        style={style}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes(dataAttrValues))}
+        {...platformA11yProps}
+      >
+        {children}
+      </Comp>
+    );
+  },
+);
+
+AccordionContentRoot.displayName = 'AccordionContentRoot';

package/src/accordion/AccordionItem.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useCallback, useId, useMemo } from 'react';
 import { View } from 'react-native';
 import { Slot } from '../slot';
 import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
-import { AccordionItemContext, useAccordionContext } from './context';
+import { AccordionItemProvider, useAccordionContext } from './context';
 import type { IAccordionItemProps } from './types';
 
 export interface AccordionItemRootProps extends IAccordionItemProps {
@@ -12,40 +12,46 @@ export interface AccordionItemRootProps extends IAccordionItemProps {
 
 export const AccordionItemRoot = forwardRef<View, AccordionItemRootProps>(
   ({ asChild, children, className, style, value, disabled = false, ...props }, ref) => {
-    const { groupState, type, collapsible, isDisabled: groupDisabled } = useAccordionContext();
+    const {
+      type,
+      collapsible,
+      isDisabled: groupDisabled,
+      isItemOpen,
+      toggleItem,
+    } = useAccordionContext();
     const reactId = useId().replace(/[^a-zA-Z0-9_-]/g, '');
     const triggerId = `accordion-${reactId}-trigger`;
-    const panelId = `accordion-${reactId}-panel`;
+    const contentId = `accordion-${reactId}-content`;
 
-    const isExpanded = groupState.expandedKeys.has(value);
+    const isOpen = isItemOpen(value);
     const isDisabled = disabled || groupDisabled;
 
     const toggle = useCallback(() => {
       if (isDisabled) {
         return;
       }
-      if (type === 'single' && !collapsible && isExpanded) {
+      if (type === 'single' && !collapsible && isOpen) {
         return;
       }
-      groupState.toggleKey(value);
-    }, [isDisabled, type, collapsible, isExpanded, groupState, value]);
+      toggleItem(value);
+    }, [isDisabled, type, collapsible, isOpen, toggleItem, value]);
 
     const contextValue = useMemo(
       () => ({
         value,
-        isExpanded,
+        isOpen,
         isDisabled,
         triggerId,
-        panelId,
+        contentId,
         toggle,
       }),
-      [value, isExpanded, isDisabled, triggerId, panelId, toggle],
+      [value, isOpen, isDisabled, triggerId, contentId, toggle],
     );
 
     const Comp = asChild ? Slot : View;
 
     return (
-      <AccordionItemContext.Provider value={contextValue}>
+      <AccordionItemProvider value={contextValue}>
         <Comp
           ref={ref}
           className={className}
@@ -55,14 +61,14 @@ export const AccordionItemRoot = forwardRef<View, AccordionItemRootProps>(
             props,
             dataAttributes({
               slot: 'accordion-item',
-              state: isExpanded ? 'open' : 'closed',
+              state: isOpen ? 'open' : 'closed',
               disabled: isDisabled,
             }),
           )}
         >
           {children}
         </Comp>
-      </AccordionItemContext.Provider>
+      </AccordionItemProvider>
     );
   },
 );

package/src/accordion/AccordionTrigger.tsx

@@ -1,9 +1,8 @@
-import { forwardRef, useMemo } from 'react';
+import { forwardRef } from 'react';
 import { Platform, Pressable } from 'react-native';
 import { composeEventHandlers } from '@cdx-ui/utils';
 import { useFocus, useFocusRing } from '@react-native-aria/focus';
 import { usePress, useHover } from '@react-native-aria/interactions';
-import { useDisclosureButton } from '@react-native-aria/disclosure';
 import { Slot } from '../slot';
 import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
 import { useAccordionItemContext } from './context';
@@ -35,23 +34,7 @@ export const AccordionTriggerRoot = forwardRef<
     },
     ref,
   ) => {
-    const { isExpanded, isDisabled, triggerId, panelId, toggle } = useAccordionItemContext();
-
-    const toggleState = useMemo(
-      () => ({
-        isSelected: isExpanded,
-        defaultSelected: false,
-        setSelected: (selected: boolean) => {
-          if (selected !== isExpanded) {
-            toggle();
-          }
-        },
-        toggle,
-      }),
-      [isExpanded, toggle],
-    );
-
-    const { buttonProps } = useDisclosureButton({}, toggleState);
+    const { isOpen, isDisabled, triggerId, contentId, toggle } = useAccordionItemContext();
     const { focusProps, isFocused } = useFocus();
     const { focusProps: focusRingProps, isFocusVisible } = useFocusRing() as {
       focusProps: { onFocus?: () => void; onBlur?: () => void };
@@ -67,20 +50,17 @@ export const AccordionTriggerRoot = forwardRef<
         ? {
             id: triggerId,
             role: 'button' as const,
-            'aria-expanded': isExpanded,
+            'aria-expanded': isOpen,
             'aria-disabled': isDisabled || undefined,
-            'aria-controls': isExpanded ? panelId : undefined,
+            'aria-controls': contentId,
           }
         : {
             nativeID: triggerId,
             accessibilityRole: 'button' as const,
-            accessibilityState: { expanded: isExpanded, disabled: isDisabled },
-            accessibilityControls: isExpanded ? panelId : undefined,
+            accessibilityState: { expanded: isOpen, disabled: isDisabled },
+            accessibilityControls: contentId,
           };
 
-    const { onPress: disclosureOnPress, ...disclosureRestProps } = buttonProps;
-    const disclosureProps = Platform.OS === 'web' ? {} : disclosureRestProps;
-
     return (
       <Comp
         ref={ref}
@@ -89,13 +69,12 @@ export const AccordionTriggerRoot = forwardRef<
         className={className}
         style={style}
         {...props}
-        {...disclosureProps}
         {...platformA11yProps}
         {...mergeDataAttributes(
           props,
           dataAttributes({
             slot: 'accordion-trigger',
-            state: isExpanded ? 'open' : 'closed',
+            state: isOpen ? 'open' : 'closed',
             disabled: isDisabled,
             hover: isHovered,
             active: isPressed,
@@ -107,7 +86,7 @@ export const AccordionTriggerRoot = forwardRef<
         onPressOut={composeEventHandlers(onPressOut, pressProps.onPressOut)}
         onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}
         onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}
-        onPress={composeEventHandlers(onPress, disclosureOnPress)}
+        onPress={composeEventHandlers(onPress, toggle)}
         onFocus={composeEventHandlers(onFocus, focusProps.onFocus, focusRingProps.onFocus)}
         onBlur={composeEventHandlers(onBlur, focusProps.onBlur, focusRingProps.onBlur)}
       >

package/src/accordion/context.tsx

@@ -1,22 +1,8 @@
-import { createContext, useContext } from 'react';
+import { createContext } from '@cdx-ui/utils';
 import type { IAccordionContextValue, IAccordionItemContextValue } from './types';
 
-export const AccordionContext = createContext<IAccordionContextValue | null>(null);
+export const [AccordionProvider, useAccordionContext] =
+  createContext<IAccordionContextValue>('AccordionContext');
 
-export const AccordionItemContext = createContext<IAccordionItemContextValue | null>(null);
-
-export function useAccordionContext(): IAccordionContextValue {
-  const context = useContext(AccordionContext);
-  if (!context) {
-    throw new Error('Accordion compound components must be used within Accordion');
-  }
-  return context;
-}
-
-export function useAccordionItemContext(): IAccordionItemContextValue {
-  const context = useContext(AccordionItemContext);
-  if (!context) {
-    throw new Error('Accordion.Item sub-components must be used within Accordion.Item');
-  }
-  return context;
-}
+export const [AccordionItemProvider, useAccordionItemContext] =
+  createContext<IAccordionItemContextValue>('AccordionItemContext');

package/src/accordion/index.ts

@@ -1,16 +1,18 @@
 export type {
   IAccordionProps,
+  IAccordionSingleProps,
+  IAccordionMultipleProps,
   IAccordionItemProps,
   IAccordionTriggerProps,
-  IAccordionPanelProps,
+  IAccordionContentProps,
   IAccordionContextValue,
   IAccordionItemContextValue,
   AccordionType,
 } from './types';
 
 export {
-  AccordionContext,
-  AccordionItemContext,
+  AccordionProvider,
+  AccordionItemProvider,
   useAccordionContext,
   useAccordionItemContext,
 } from './context';
@@ -18,4 +20,4 @@ export {
 export { AccordionRoot, type AccordionRootProps } from './Accordion';
 export { AccordionItemRoot, type AccordionItemRootProps } from './AccordionItem';
 export { AccordionTriggerRoot, type AccordionTriggerRootProps } from './AccordionTrigger';
-export { AccordionPanelRoot, type AccordionPanelRootProps } from './AccordionPanel';
+export { AccordionContentRoot, type AccordionContentRootProps } from './AccordionContent';

package/src/accordion/types.ts

@@ -1,26 +1,42 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, ViewProps } from 'react-native';
-import type { DisclosureGroupState } from '@react-stately/disclosure';
 
 export type AccordionType = 'single' | 'multiple';
 
-export interface IAccordionProps extends ViewProps {
-  /** Controlled expanded item value(s). */
-  value?: string | string[];
-  /** Default expanded value(s) for uncontrolled usage. */
-  defaultValue?: string | string[];
-  /** Called when expanded items change. */
-  onValueChange?: (value: string | string[]) => void;
-  /** Single-select (accordion) vs multi-select (disclosure group). @default 'single' */
-  type?: AccordionType;
-  /** When `type="single"`, allow closing the open item. @default true */
-  collapsible?: boolean;
+interface IAccordionBaseProps extends ViewProps {
   /** Disables expansion for all items. */
   isDisabled?: boolean;
   'aria-label'?: string;
   'aria-labelledby'?: string;
 }
 
+export interface IAccordionSingleProps extends IAccordionBaseProps {
+  /** Single-item expansion mode. @default 'single' */
+  type?: 'single';
+  /** Controlled open item value. */
+  value?: string;
+  /** Initial open item value for uncontrolled usage. */
+  defaultValue?: string;
+  /** Called when the open item changes. */
+  onValueChange?: (value: string | undefined) => void;
+  /** Allows closing the open item. @default true */
+  collapsible?: boolean;
+}
+
+export interface IAccordionMultipleProps extends IAccordionBaseProps {
+  /** Multiple-item expansion mode. */
+  type: 'multiple';
+  /** Controlled open item values. */
+  value?: string[];
+  /** Initial open item values for uncontrolled usage. */
+  defaultValue?: string[];
+  /** Called when the open items change. */
+  onValueChange?: (value: string[]) => void;
+  collapsible?: never;
+}
+
+export type IAccordionProps = IAccordionSingleProps | IAccordionMultipleProps;
+
 export interface IAccordionItemProps extends ViewProps {
   /** Required stable id within the Accordion. */
   value: string;
@@ -32,25 +48,23 @@ export interface IAccordionTriggerProps extends PressableProps {
   asChild?: boolean;
 }
 
-export interface IAccordionPanelProps extends ViewProps {
+export interface IAccordionContentProps extends ViewProps {
   children?: ReactNode;
-  className?: string;
 }
 
 export interface IAccordionContextValue {
-  groupState: DisclosureGroupState;
   type: AccordionType;
   collapsible: boolean;
   isDisabled: boolean;
+  isItemOpen: (value: string) => boolean;
+  toggleItem: (value: string) => void;
 }
 
 export interface IAccordionItemContextValue {
   value: string;
-  isExpanded: boolean;
+  isOpen: boolean;
   isDisabled: boolean;
   triggerId: string;
-  panelId: string;
+  contentId: string;
   toggle: () => void;
-  disableGutters?: boolean;
-  showSeparator?: boolean;
 }

package/src/accordion/utils.ts

@@ -16,7 +16,7 @@ export function toExpandedKeys(value: string | string[] | undefined): Set<string
 export function fromExpandedKeys(
   keys: Iterable<string | number>,
   type: AccordionType,
-): string | string[] {
+): string | string[] | undefined {
   const values = Array.from(keys).map(String);
-  return type === 'single' ? (values[0] ?? '') : values;
+  return type === 'single' ? values[0] : values;
 }

package/src/form/FormRoot.web.tsx

@@ -1,17 +1,23 @@
 import React, { forwardRef } from 'react';
 import { Slot } from '../slot';
+import { domDataAttributes, type DomDataAttributeValue } from '../utils/domDataAttributes';
 
 export interface FormRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
   asChild?: boolean;
   className?: string;
   children?: React.ReactNode;
+  dataSet?: Record<string, DomDataAttributeValue>;
 }
 
-export const FormRoot = forwardRef<HTMLFormElement, FormRootProps>(({ asChild, ...props }, ref) => {
-  if (asChild) {
-    return <Slot ref={ref} {...(props as Record<string, unknown>)} />;
-  }
-  return <form ref={ref} {...props} />;
-});
+export const FormRoot = forwardRef<HTMLFormElement, FormRootProps>(
+  ({ asChild, dataSet, ...props }, ref) => {
+    const dataAttrs = domDataAttributes(dataSet ?? {});
+
+    if (asChild) {
+      return <Slot ref={ref} {...(props as Record<string, unknown>)} {...dataAttrs} />;
+    }
+    return <form ref={ref} {...props} {...dataAttrs} />;
+  },
+);
 
 FormRoot.displayName = 'FormRoot';

package/lib/commonjs/accordion/AccordionPanel.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AccordionPanelRoot = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _disclosure = require("@react-native-aria/disclosure");
-var _slot = require("../slot");
-var _dataAttributes = require("../utils/dataAttributes");
-var _context = require("./context");
-var _jsxRuntime = require("react/jsx-runtime");
-const AccordionPanelRoot = exports.AccordionPanelRoot = /*#__PURE__*/(0, _react.forwardRef)(({
-  asChild,
-  children,
-  className,
-  style,
-  ...props
-}, ref) => {
-  const {
-    isExpanded,
-    isDisabled,
-    triggerId,
-    panelId,
-    toggle
-  } = (0, _context.useAccordionItemContext)();
-  const toggleState = {
-    isSelected: isExpanded,
-    defaultSelected: false,
-    setSelected: selected => {
-      if (selected !== isExpanded) {
-        toggle();
-      }
-    },
-    toggle
-  };
-  const {
-    disclosureProps
-  } = (0, _disclosure.useDisclosure)({}, toggleState);
-  const Comp = asChild ? _slot.Slot : _reactNative.View;
-  if (!isExpanded) {
-    return null;
-  }
-  const platformA11yProps = _reactNative.Platform.OS === 'web' ? {
-    id: panelId,
-    nativeID: panelId,
-    role: 'region',
-    'aria-labelledby': triggerId
-  } : {
-    nativeID: panelId,
-    accessibilityLabelledBy: triggerId,
-    accessibilityRole: 'none'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-    ref: ref,
-    className: className,
-    style: style,
-    ...disclosureProps,
-    ...props,
-    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
-      slot: 'accordion-panel',
-      state: 'open',
-      disabled: isDisabled
-    })),
-    ...platformA11yProps,
-    children: children
-  });
-});
-AccordionPanelRoot.displayName = 'AccordionPanelRoot';
-//# sourceMappingURL=AccordionPanel.js.map

package/lib/commonjs/accordion/AccordionPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_disclosure","_slot","_dataAttributes","_context","_jsxRuntime","AccordionPanelRoot","exports","forwardRef","asChild","children","className","style","props","ref","isExpanded","isDisabled","triggerId","panelId","toggle","useAccordionItemContext","toggleState","isSelected","defaultSelected","setSelected","selected","disclosureProps","useDisclosure","Comp","Slot","View","platformA11yProps","Platform","OS","id","nativeID","role","accessibilityLabelledBy","accessibilityRole","jsx","mergeDataAttributes","dataAttributes","slot","state","disabled","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionPanel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAO7C,MAAMO,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,iBAAU,EAC1C,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAExF,MAAMC,WAAW,GAAG;IAClBC,UAAU,EAAEP,UAAU;IACtBQ,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAGC,QAAiB,IAAK;MAClC,IAAIA,QAAQ,KAAKV,UAAU,EAAE;QAC3BI,MAAM,CAAC,CAAC;MACV;IACF,CAAC;IACDA;EACF,CAAC;EAED,MAAM;IAAEO;EAAgB,CAAC,GAAG,IAAAC,yBAAa,EAAC,CAAC,CAAC,EAAEN,WAAW,CAAC;EAC1D,MAAMO,IAAI,GAAGnB,OAAO,GAAGoB,UAAI,GAAGC,iBAAI;EAElC,IAAI,CAACf,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAMgB,iBAAiB,GACrBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACEC,EAAE,EAAEhB,OAAO;IACXiB,QAAQ,EAAEjB,OAAO;IACjBkB,IAAI,EAAE,QAAiB;IACvB,iBAAiB,EAAEnB;EACrB,CAAC,GACD;IACEkB,QAAQ,EAAEjB,OAAO;IACjBmB,uBAAuB,EAAEpB,SAAS;IAClCqB,iBAAiB,EAAE;EACrB,CAAC;EAEP,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACX,IAAI;IACHd,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IAAA,GACTc,eAAe;IAAA,GACfb,KAAK;IAAA,GACL,IAAA2B,mCAAmB,EACrB3B,KAAK,EACL,IAAA4B,8BAAc,EAAC;MACbC,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE5B;IACZ,CAAC,CACH,CAAC;IAAA,GACGe,iBAAiB;IAAArB,QAAA,EAEpBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,kBAAkB,CAACuC,WAAW,GAAG,oBAAoB","ignoreList":[]}