@primer/react 38.0.0-rc.0 → 38.0.0-rc.09f015db1

package/dist/ActionList/Description.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { ItemContext } from './shared.js';
+import classes from './ActionList.module.css.js';
+import { clsx } from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+import Truncate from '../Truncate/Truncate.js';
+
+const Description = ({
+  variant = 'inline',
+  className,
+  truncate,
+  style,
+  ...props
+}) => {
+  const {
+    blockDescriptionId,
+    inlineDescriptionId
+  } = React.useContext(ItemContext);
+  const containerRef = React.useRef(null);
+  const [computedTitle, setComputedTitle] = React.useState('');
+
+  // Extract text content from rendered DOM for tooltip
+  React.useEffect(() => {
+    if (truncate && containerRef.current) {
+      const textContent = containerRef.current.textContent || '';
+      setComputedTitle(textContent);
+    }
+  }, [truncate, props.children]);
+  const effectiveTitle = typeof props.children === 'string' ? props.children : computedTitle;
+  if (variant === 'block' || !truncate) {
+    return /*#__PURE__*/jsx("span", {
+      id: variant === 'block' ? blockDescriptionId : inlineDescriptionId,
+      className: clsx(className, classes.Description),
+      style: style,
+      "data-component": "ActionList.Description",
+      children: props.children
+    });
+  } else {
+    return /*#__PURE__*/jsx(Truncate, {
+      ref: containerRef,
+      id: inlineDescriptionId,
+      className: clsx(className, classes.Description),
+      style: style,
+      title: effectiveTitle,
+      inline: true,
+      maxWidth: "100%",
+      "data-component": "ActionList.Description",
+      children: props.children
+    });
+  }
+};
+Description.__SLOT__ = Symbol('ActionList.Description');
+
+export { Description };

package/dist/ActionList/Divider.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { FCWithSlotMarker } from '../utils/types/Slots';
+export type ActionListDividerProps = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+/**
+ * Visually separates `Items` or `Groups` in an `ActionList`.
+ */
+export declare const Divider: FCWithSlotMarker<React.PropsWithChildren<ActionListDividerProps>>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/ActionList/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/ActionList/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CASrF,CAAA"}

package/dist/ActionList/Divider.js

@@ -0,0 +1,22 @@
+import { clsx } from 'clsx';
+import classes from './ActionList.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Visually separates `Items` or `Groups` in an `ActionList`.
+ */
+const Divider = ({
+  className,
+  style
+}) => {
+  return /*#__PURE__*/jsx("li", {
+    className: clsx(className, classes.Divider),
+    style: style,
+    "aria-hidden": "true",
+    "data-component": "ActionList.Divider"
+  });
+};
+Divider.displayName = "Divider";
+Divider.__SLOT__ = Symbol('ActionList.Divider');
+
+export { Divider };

package/dist/ActionList/Group.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { type ActionListProps } from './shared';
+import type { ActionListHeadingProps } from './Heading';
+import type { FCWithSlotMarker } from '../utils/types/Slots';
+export type ActionListGroupProps = React.HTMLAttributes<HTMLLIElement> & {
+    /**
+     * Style variations. Usage is discretionary.
+     *
+     * - `"filled"` - Superimposed on a background, offset from nearby content
+     * - `"subtle"` - Relatively less offset from nearby content
+     */
+    variant?: 'filled' | 'subtle';
+    /**
+     * @deprecated (Use `ActionList.GroupHeading` instead. i.e. <ActionList.Group title="Group title"> → <ActionList.GroupHeading>Group title</ActionList.GroupHeading>)
+     */
+    title?: string;
+    /**
+     * Secondary text which provides additional information about a `Group`.
+     */
+    auxiliaryText?: string;
+    /**
+     * Whether multiple Items or a single Item can be selected in the Group. Overrides value on ActionList root.
+     */
+    selectionVariant?: ActionListProps['selectionVariant'] | false;
+};
+type ContextProps = Pick<ActionListGroupProps, 'selectionVariant'> & {
+    groupHeadingId: string | undefined;
+};
+export declare const GroupContext: React.Context<ContextProps>;
+export declare const Group: FCWithSlotMarker<React.PropsWithChildren<ActionListGroupProps>>;
+export type ActionListGroupHeadingProps = Pick<ActionListGroupProps, 'variant' | 'auxiliaryText'> & Omit<ActionListHeadingProps, 'as'> & React.HTMLAttributes<HTMLElement> & {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    headingWrapElement?: 'div' | 'li';
+    _internalBackwardCompatibleTitle?: string;
+    variant?: 'filled' | 'subtle';
+};
+/**
+ * Heading of  a `Group`.
+ *
+ * As default, the role of ActionList is "list" and therefore group heading is rendered as a proper heading tag.
+ * If the role is "listbox" or "menu" (ActionMenu), the group heading is rendered as a div with presentation role and it is
+ * hidden from the accessibility tree due to the limitation of listbox children. https://w3c.github.io/aria/#listbox
+ * groups under menu or listbox are labelled by `aria-label`
+ */
+export declare const GroupHeading: FCWithSlotMarker<React.PropsWithChildren<ActionListGroupHeadingProps>>;
+export {};
+//# sourceMappingURL=Group.d.ts.map

package/dist/ActionList/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAMrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAiC1D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACvE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAA;CAC/D,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,GAAG;IAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAA;AACzG,eAAO,MAAM,YAAY,6BAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAoDjF,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,eAAe,CAAC,GAC/F,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,GAClC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,kBAAkB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC9B,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAoE/F,CAAA"}

package/dist/ActionList/Group.js

@@ -0,0 +1,178 @@
+import React from 'react';
+import { useId } from '../hooks/useId.js';
+import { ListContext } from './shared.js';
+import { useSlots } from '../hooks/useSlots.js';
+import { invariant } from '../utils/invariant.js';
+import { clsx } from 'clsx';
+import classes from './ActionList.module.css.js';
+import groupClasses from './Group.module.css.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+const Heading = ({
+  as: Component = 'h3',
+  className,
+  children,
+  id,
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx(Component, {
+    className: className,
+    id: id,
+    ...rest,
+    children: children
+  });
+};
+Heading.displayName = "Heading";
+const HeadingWrap = ({
+  as = 'div',
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(as, {
+    ...rest,
+    className
+  }, children);
+};
+const GroupContext = /*#__PURE__*/React.createContext({
+  groupHeadingId: undefined,
+  selectionVariant: undefined
+});
+const Group = ({
+  title,
+  variant = 'subtle',
+  auxiliaryText,
+  selectionVariant,
+  role,
+  className,
+  'aria-label': ariaLabel,
+  ...props
+}) => {
+  var _slots$groupHeading;
+  const id = useId();
+  const {
+    role: listRole
+  } = React.useContext(ListContext);
+  const [slots, childrenWithoutSlots] = useSlots(props.children, {
+    groupHeading: GroupHeading
+  });
+  let groupHeadingId = undefined;
+
+  // ActionList.GroupHeading
+  if (slots.groupHeading) {
+    var _slots$groupHeading$p;
+    // If there is an id prop passed in the ActionList.GroupHeading, use it otherwise use the generated id.
+    groupHeadingId = (_slots$groupHeading$p = slots.groupHeading.props.id) !== null && _slots$groupHeading$p !== void 0 ? _slots$groupHeading$p : id;
+  }
+  // Supports the deprecated `title` prop
+  if (title) {
+    groupHeadingId = id;
+  }
+  return /*#__PURE__*/jsx("li", {
+    className: clsx(className, groupClasses.Group),
+    role: listRole ? 'none' : undefined,
+    ...props,
+    children: /*#__PURE__*/jsxs(GroupContext.Provider, {
+      value: {
+        selectionVariant,
+        groupHeadingId
+      },
+      children: [title && !slots.groupHeading ?
+      /*#__PURE__*/
+      // Escape hatch: supports old API <ActionList.Group title="group title"> in a non breaking way
+      jsx(GroupHeading, {
+        variant: variant,
+        auxiliaryText: auxiliaryText,
+        _internalBackwardCompatibleTitle: title
+      }) : null, !title && slots.groupHeading ? /*#__PURE__*/React.cloneElement(slots.groupHeading) : null, /*#__PURE__*/jsx("ul", {
+        // if listRole is set (listbox or menu), we don't label the list with the groupHeadingId
+        // because the heading is hidden from the accessibility tree and only used for presentation role.
+        // We will instead use aria-label to label the list. See a line below.
+        "aria-labelledby": listRole ? undefined : groupHeadingId,
+        "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : listRole ? title !== null && title !== void 0 ? title : (_slots$groupHeading = slots.groupHeading) === null || _slots$groupHeading === void 0 ? void 0 : _slots$groupHeading.props.children : undefined,
+        role: role || listRole && 'group',
+        className: groupClasses.GroupList,
+        children: slots.groupHeading ? childrenWithoutSlots : props.children
+      })]
+    })
+  });
+};
+Group.displayName = "Group";
+/**
+ * Heading of  a `Group`.
+ *
+ * As default, the role of ActionList is "list" and therefore group heading is rendered as a proper heading tag.
+ * If the role is "listbox" or "menu" (ActionMenu), the group heading is rendered as a div with presentation role and it is
+ * hidden from the accessibility tree due to the limitation of listbox children. https://w3c.github.io/aria/#listbox
+ * groups under menu or listbox are labelled by `aria-label`
+ */
+const GroupHeading = ({
+  as,
+  variant = 'subtle',
+  // We are not recommending this prop to be used, it should only be used internally for incremental rollout.
+  _internalBackwardCompatibleTitle,
+  auxiliaryText,
+  children,
+  className,
+  headingWrapElement = 'div',
+  ...props
+}) => {
+  const {
+    role: listRole
+  } = React.useContext(ListContext);
+  const {
+    groupHeadingId
+  } = React.useContext(GroupContext);
+  // for list role, the headings are proper heading tags, for menu and listbox, they are just representational and divs
+  const missingAsForList = (listRole === undefined || listRole === 'list') && children !== undefined && as === undefined;
+  const unnecessaryAsForListboxOrMenu = listRole !== undefined && listRole !== 'list' && children !== undefined && as !== undefined;
+  !
+  // 'as' prop is required for list roles. <GroupHeading as="h2">...</GroupHeading>
+  !missingAsForList ? process.env.NODE_ENV !== "production" ? invariant(false, `You are setting a heading for a list, that requires a heading level. Please use 'as' prop to set a proper heading level.`) : invariant(false) : void 0;
+  !
+  // 'as' prop on listbox or menu roles are not needed since they are rendered as divs and they could be misleading.
+  !unnecessaryAsForListboxOrMenu ? process.env.NODE_ENV !== "production" ? invariant(false, `Looks like you are trying to set a heading level to a ${listRole} role. Group headings for ${listRole} type action lists are for representational purposes, and rendered as divs. Therefore they don't need a heading level.`) : invariant(false) : void 0;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: listRole && listRole !== 'list' ? /*#__PURE__*/jsxs(HeadingWrap, {
+      role: "presentation",
+      className: groupClasses.GroupHeadingWrap,
+      "aria-hidden": "true",
+      "data-variant": variant,
+      "data-component": "GroupHeadingWrap",
+      as: headingWrapElement,
+      ...props,
+      children: [/*#__PURE__*/jsx("span", {
+        className: clsx(className, groupClasses.GroupHeading),
+        id: groupHeadingId,
+        children: _internalBackwardCompatibleTitle !== null && _internalBackwardCompatibleTitle !== void 0 ? _internalBackwardCompatibleTitle : children
+      }), auxiliaryText && /*#__PURE__*/jsx("div", {
+        className: classes.Description,
+        children: auxiliaryText
+      })]
+    }) :
+    /*#__PURE__*/
+    // for explicit (role="list" is passed as prop) and implicit list roles (ActionList ins rendered as list by default), group titles are proper heading tags.
+    jsxs(HeadingWrap, {
+      className: groupClasses.GroupHeadingWrap,
+      "data-variant": variant,
+      as: headingWrapElement,
+      "data-component": "GroupHeadingWrap",
+      children: [/*#__PURE__*/jsx(Heading, {
+        className: clsx(className, groupClasses.GroupHeading),
+        as: as || 'h3',
+        id: groupHeadingId,
+        ...props,
+        children: _internalBackwardCompatibleTitle !== null && _internalBackwardCompatibleTitle !== void 0 ? _internalBackwardCompatibleTitle : children
+      }), auxiliaryText && /*#__PURE__*/jsx("div", {
+        className: classes.Description,
+        children: auxiliaryText
+      })]
+    })
+  });
+};
+GroupHeading.displayName = 'ActionList.GroupHeading';
+Group.displayName = 'ActionList.Group';
+Group.__SLOT__ = Symbol('ActionList.Group');
+GroupHeading.__SLOT__ = Symbol('ActionList.GroupHeading');
+
+export { Group, GroupContext, GroupHeading };

package/dist/ActionList/Heading.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+type HeadingLevels = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeadingVariants = 'large' | 'medium' | 'small';
+export type ActionListHeadingProps = {
+    as: HeadingLevels;
+    size?: HeadingVariants;
+    visuallyHidden?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Heading: PolymorphicForwardRefComponent<HeadingLevels, ActionListHeadingProps>;
+export {};
+//# sourceMappingURL=Heading.d.ts.map

package/dist/ActionList/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/ActionList/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAS/F,KAAK,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC5D,KAAK,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AACnD,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,aAAa,CAAA;IACjB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,OAAO,EA6Bd,8BAA8B,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAA"}

package/dist/ActionList/Heading.js

@@ -0,0 +1,52 @@
+import React, { forwardRef } from 'react';
+import { ListContext } from './shared.js';
+import VisuallyHidden from '../_VisuallyHidden.js';
+import { ActionListContainerContext } from './ActionListContainerContext.js';
+import { invariant } from '../utils/invariant.js';
+import { clsx } from 'clsx';
+import classes from './Heading.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
+import Heading$1 from '../Heading/Heading.js';
+
+const Heading = /*#__PURE__*/forwardRef(({
+  as,
+  size,
+  children,
+  visuallyHidden = false,
+  className,
+  ...props
+}, forwardedRef) => {
+  var _props$id;
+  const innerRef = React.useRef(null);
+  useRefObjectAsForwardedRef(forwardedRef, innerRef);
+  const {
+    headingId: headingId,
+    variant: listVariant
+  } = React.useContext(ListContext);
+  const {
+    container
+  } = React.useContext(ActionListContainerContext);
+
+  // Semantic <menu>s don't have a place for headers within them, they should be aria-labelledby the menu button's name.
+  !(container !== 'ActionMenu') ? process.env.NODE_ENV !== "production" ? invariant(false, `ActionList.Heading shouldn't be used within an ActionMenu container. Menus are labelled by the menu button's name.`) : invariant(false) : void 0;
+  return /*#__PURE__*/jsx(VisuallyHidden, {
+    isVisible: !visuallyHidden,
+    children: /*#__PURE__*/jsx(Heading$1, {
+      as: as,
+      variant: size,
+      ref: innerRef
+      // use custom id if it is provided. Otherwise, use the id from the context
+      ,
+      id: (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : headingId,
+      className: clsx(className, classes.ActionListHeader),
+      "data-list-variant": listVariant,
+      ...props,
+      children: children
+    })
+  });
+});
+Heading.displayName = 'ActionList.Heading';
+Heading.__SLOT__ = Symbol('ActionList.Heading');
+
+export { Heading };

package/dist/ActionList/Item.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+type ActionListSubItemProps = {
+    children?: React.ReactNode;
+};
+export declare const SubItem: React.FC<ActionListSubItemProps>;
+declare const Item: (<As extends React.ElementType = "li">(props: (import("../utils/modern-polymorphic").PolymorphicProps<As, "li"> extends infer T ? T extends import("../utils/modern-polymorphic").PolymorphicProps<As, "li"> ? T extends any ? Omit<T, "onSelect"> : never : never : never) & {
+    children?: React.ReactNode;
+    onSelect?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    selected?: boolean;
+    active?: boolean;
+    variant?: "default" | "danger";
+    size?: "medium" | "large";
+    disabled?: boolean;
+    role?: import("../utils/types").AriaRole;
+    id?: string;
+    inactiveText?: string;
+    loading?: boolean;
+    _PrivateItemWrapper?: React.FC<React.PropsWithChildren<{
+        onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+        onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
+        'aria-disabled'?: boolean;
+        tabIndex?: number;
+        'aria-labelledby'?: string;
+        'aria-describedby'?: string;
+        role?: string;
+        className?: string;
+    }>>;
+    className?: string;
+    groupId?: string;
+    renderItem?: (item: React.FC<React.PropsWithChildren<{
+        onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+        onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
+        'aria-disabled'?: boolean;
+        tabIndex?: number;
+        'aria-labelledby'?: string;
+        'aria-describedby'?: string;
+        role?: string;
+        className?: string;
+    }>>) => React.ReactNode;
+    handleAddItem?: (item: React.FC<React.PropsWithChildren<{
+        onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+        onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
+        'aria-disabled'?: boolean;
+        tabIndex?: number;
+        'aria-labelledby'?: string;
+        'aria-describedby'?: string;
+        role?: string;
+        className?: string;
+    }>>) => void;
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode) & {
+    displayName: string;
+    __SLOT__: symbol;
+};
+export { Item };
+//# sourceMappingURL=Item.d.ts.map

package/dist/ActionList/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/ActionList/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEpD,CAAA;AAmSD,QAAA,MAAM,IAAI,IA3Qa,EAAE,SAAS,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8QjD,CAAA;AAEF,OAAO,EAAC,IAAI,EAAC,CAAA"}