@quen-ui/components 0.0.14 → 1.0.1

package/README.md

@@ -16,8 +16,8 @@ import { Button } from '@quen-ui/components';
 export function App() {
   return (
     <div>
-      <Button view="primary">Сохранить</Button>
-      <Button view="secondary">Отмена</Button>
+      <Button view="primary">Save</Button>
+      <Button view="secondary">Cancel</Button>
     </div>
   );
 }

package/dist/Accordion/Accordion.cjs.js

@@ -0,0 +1,88 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const helpers = require("./helpers.cjs.js");
+const AccordionItem = require("./AccordionItem.cjs.js");
+const styles = require("./styles.cjs.js");
+const useAccordionState = require("./useAccordionState.cjs.js");
+const AccordionGroup = require("./AccordionGroup.cjs.js");
+const Accordion = (props) => {
+  const {
+    items,
+    getItemKey,
+    defaultActiveKeys,
+    activeKeys,
+    getItemLabel,
+    getItemClassName,
+    getItemStyle,
+    getItemChildren,
+    getItemDisabled,
+    getItemLeftContent,
+    getItemRightContent,
+    getItemShowArrow,
+    onChange,
+    onClickItem,
+    destroyOnHidden = true,
+    variant,
+    size = "m",
+    style,
+    className,
+    multiple = true,
+    renderItemHeader,
+    chevronIcon
+  } = helpers.withDefaultGetters(props);
+  const group = (() => {
+    try {
+      return AccordionGroup.useAccordionGroup();
+    } catch {
+      return null;
+    }
+  })();
+  const { openedKeys, toggleKey } = group ?? useAccordionState.useAccordionState({
+    activeKeys,
+    defaultActiveKeys,
+    multiple,
+    onChange
+  });
+  const handleClickItem = (item) => {
+    const key = getItemKey(item);
+    toggleKey(key);
+    onClickItem?.(item);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    styles.AccordionContainer,
+    {
+      direction: "column",
+      style,
+      className,
+      variant,
+      children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        AccordionItem,
+        {
+          id: getItemKey(item),
+          label: getItemLabel(item),
+          className: getItemClassName(item),
+          style: getItemStyle(item),
+          showArrow: getItemShowArrow(item),
+          disabled: getItemDisabled(item),
+          leftContent: getItemLeftContent(item),
+          rightContent: getItemRightContent(item),
+          destroyOnHidden,
+          open: openedKeys.includes(getItemKey(item)),
+          onClick: () => handleClickItem(item),
+          size,
+          lastItem: items.length - 1 === index,
+          variant,
+          chevronIcon,
+          renderHeader: renderItemHeader && (() => renderItemHeader(
+            item,
+            openedKeys.includes(getItemKey(item)),
+            () => !getItemDisabled(item) && handleClickItem(item)
+          )),
+          children: getItemChildren(item)
+        },
+        getItemKey(item)
+      ))
+    }
+  );
+};
+module.exports = Accordion;

package/dist/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import { IAccordionProps, IAccordionDefaultItem } from './types';
+declare const Accordion: <Item extends IAccordionDefaultItem>(props: IAccordionProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/Accordion/Accordion.es.js

@@ -0,0 +1,89 @@
+import { jsx } from "react/jsx-runtime";
+import { withDefaultGetters } from "./helpers.es.js";
+import AccordionItem from "./AccordionItem.es.js";
+import { AccordionContainer } from "./styles.es.js";
+import { useAccordionState } from "./useAccordionState.es.js";
+import { useAccordionGroup } from "./AccordionGroup.es.js";
+const Accordion = (props) => {
+  const {
+    items,
+    getItemKey,
+    defaultActiveKeys,
+    activeKeys,
+    getItemLabel,
+    getItemClassName,
+    getItemStyle,
+    getItemChildren,
+    getItemDisabled,
+    getItemLeftContent,
+    getItemRightContent,
+    getItemShowArrow,
+    onChange,
+    onClickItem,
+    destroyOnHidden = true,
+    variant,
+    size = "m",
+    style,
+    className,
+    multiple = true,
+    renderItemHeader,
+    chevronIcon
+  } = withDefaultGetters(props);
+  const group = (() => {
+    try {
+      return useAccordionGroup();
+    } catch {
+      return null;
+    }
+  })();
+  const { openedKeys, toggleKey } = group ?? useAccordionState({
+    activeKeys,
+    defaultActiveKeys,
+    multiple,
+    onChange
+  });
+  const handleClickItem = (item) => {
+    const key = getItemKey(item);
+    toggleKey(key);
+    onClickItem?.(item);
+  };
+  return /* @__PURE__ */ jsx(
+    AccordionContainer,
+    {
+      direction: "column",
+      style,
+      className,
+      variant,
+      children: items.map((item, index) => /* @__PURE__ */ jsx(
+        AccordionItem,
+        {
+          id: getItemKey(item),
+          label: getItemLabel(item),
+          className: getItemClassName(item),
+          style: getItemStyle(item),
+          showArrow: getItemShowArrow(item),
+          disabled: getItemDisabled(item),
+          leftContent: getItemLeftContent(item),
+          rightContent: getItemRightContent(item),
+          destroyOnHidden,
+          open: openedKeys.includes(getItemKey(item)),
+          onClick: () => handleClickItem(item),
+          size,
+          lastItem: items.length - 1 === index,
+          variant,
+          chevronIcon,
+          renderHeader: renderItemHeader && (() => renderItemHeader(
+            item,
+            openedKeys.includes(getItemKey(item)),
+            () => !getItemDisabled(item) && handleClickItem(item)
+          )),
+          children: getItemChildren(item)
+        },
+        getItemKey(item)
+      ))
+    }
+  );
+};
+export {
+  Accordion as default
+};

package/dist/Accordion/AccordionGroup.cjs.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const useAccordionState = require("./useAccordionState.cjs.js");
+const Flex = require("../Flex/Flex.cjs.js");
+const AccordionGroupContext = React.createContext(
+  null
+);
+const useAccordionGroup = () => {
+  const ctx = React.useContext(AccordionGroupContext);
+  if (!ctx) {
+    throw new Error(
+      "useAccordionGroup must be used within an <AccordionGroup>"
+    );
+  }
+  return ctx;
+};
+const AccordionGroup = React.forwardRef(
+  ({
+    children,
+    activeKeys,
+    defaultActiveKeys,
+    onChange,
+    multiple = true,
+    style,
+    className
+  }, ref) => {
+    const { openedKeys, toggleKey, setOpenedKeys } = useAccordionState.useAccordionState({
+      activeKeys,
+      defaultActiveKeys,
+      multiple,
+      onChange
+    });
+    const [allKeys, setAllKeys] = React.useState([]);
+    React.useEffect(() => {
+      const keys = [];
+      React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child)) {
+          const props = child.props;
+          if (Array.isArray(props.items)) {
+            for (const item of props.items) {
+              if (item?.key !== void 0)
+                keys.push(props.getItemKey ? props.getItemKey(item) : item.key);
+            }
+          }
+        }
+      });
+      setAllKeys(keys);
+    }, [children]);
+    const openAll = () => {
+      if (multiple) {
+        setOpenedKeys(allKeys);
+      }
+    };
+    const closeAll = () => setOpenedKeys([]);
+    React.useImperativeHandle(ref, () => ({
+      openAll,
+      closeAll,
+      getOpenedKeys: () => openedKeys,
+      setOpenedKeys
+    }));
+    const value = React.useMemo(
+      () => ({
+        openedKeys,
+        toggleKey,
+        multiple,
+        openAll: () => {
+          if (multiple) {
+            setOpenedKeys((prev) => Array.from(/* @__PURE__ */ new Set([...prev])));
+          }
+        },
+        closeAll: () => setOpenedKeys([])
+      }),
+      [openedKeys, toggleKey, multiple, setOpenedKeys]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionGroupContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", gap: "m", style, className, children }) });
+  }
+);
+AccordionGroup.displayName = "AccordionGroup";
+exports.AccordionGroup = AccordionGroup;
+exports.useAccordionGroup = useAccordionGroup;

package/dist/Accordion/AccordionGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { IAccordionGroupProps, IAccordionGroupApi } from './types';
+interface AccordionGroupContextValue {
+    openedKeys: (string | number)[];
+    toggleKey: (key: string | number) => void;
+    openAll: () => void;
+    closeAll: () => void;
+    multiple: boolean;
+}
+export declare const useAccordionGroup: () => AccordionGroupContextValue;
+export declare const AccordionGroup: React.ForwardRefExoticComponent<IAccordionGroupProps & React.RefAttributes<IAccordionGroupApi>>;
+export {};

package/dist/Accordion/AccordionGroup.es.js

@@ -0,0 +1,82 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { createContext, forwardRef, useState, useEffect, isValidElement, useImperativeHandle, useMemo, useContext } from "react";
+import { useAccordionState } from "./useAccordionState.es.js";
+import Flex from "../Flex/Flex.es.js";
+const AccordionGroupContext = createContext(
+  null
+);
+const useAccordionGroup = () => {
+  const ctx = useContext(AccordionGroupContext);
+  if (!ctx) {
+    throw new Error(
+      "useAccordionGroup must be used within an <AccordionGroup>"
+    );
+  }
+  return ctx;
+};
+const AccordionGroup = forwardRef(
+  ({
+    children,
+    activeKeys,
+    defaultActiveKeys,
+    onChange,
+    multiple = true,
+    style,
+    className
+  }, ref) => {
+    const { openedKeys, toggleKey, setOpenedKeys } = useAccordionState({
+      activeKeys,
+      defaultActiveKeys,
+      multiple,
+      onChange
+    });
+    const [allKeys, setAllKeys] = useState([]);
+    useEffect(() => {
+      const keys = [];
+      React__default.Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+          const props = child.props;
+          if (Array.isArray(props.items)) {
+            for (const item of props.items) {
+              if (item?.key !== void 0)
+                keys.push(props.getItemKey ? props.getItemKey(item) : item.key);
+            }
+          }
+        }
+      });
+      setAllKeys(keys);
+    }, [children]);
+    const openAll = () => {
+      if (multiple) {
+        setOpenedKeys(allKeys);
+      }
+    };
+    const closeAll = () => setOpenedKeys([]);
+    useImperativeHandle(ref, () => ({
+      openAll,
+      closeAll,
+      getOpenedKeys: () => openedKeys,
+      setOpenedKeys
+    }));
+    const value = useMemo(
+      () => ({
+        openedKeys,
+        toggleKey,
+        multiple,
+        openAll: () => {
+          if (multiple) {
+            setOpenedKeys((prev) => Array.from(/* @__PURE__ */ new Set([...prev])));
+          }
+        },
+        closeAll: () => setOpenedKeys([])
+      }),
+      [openedKeys, toggleKey, multiple, setOpenedKeys]
+    );
+    return /* @__PURE__ */ jsx(AccordionGroupContext.Provider, { value, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "m", style, className, children }) });
+  }
+);
+AccordionGroup.displayName = "AccordionGroup";
+export {
+  AccordionGroup,
+  useAccordionGroup
+};

package/dist/Accordion/AccordionItem.cjs.js

@@ -0,0 +1,71 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const Title = require("../typography/Title/Title.cjs.js");
+const styles = require("./styles.cjs.js");
+const iconArrowBottom = require("../assets/icon-arrow-bottom.svg.cjs.js");
+const AccordionItem = ({
+  label,
+  size,
+  style,
+  className,
+  children,
+  leftContent,
+  rightContent,
+  disabled,
+  showArrow = true,
+  onClick,
+  open,
+  destroyOnHidden,
+  lastItem,
+  id,
+  renderHeader,
+  chevronIcon,
+  variant
+}) => {
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      onClick?.();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    styles.AccordionItemStyled,
+    {
+      "aria-disabled": disabled,
+      "aria-expanded": open,
+      "aria-controls": `accordion-panel-${id}`,
+      id: `accordion-panel-${id}`,
+      "aria-labelledby": `accordion-header-${id}`,
+      role: "region",
+      style,
+      className,
+      open,
+      lastItem,
+      children: [
+        renderHeader ? /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: !disabled ? onClick : void 0, children: renderHeader() }) : /* @__PURE__ */ jsxRuntime.jsxs(
+          styles.AccordionItemHeader,
+          {
+            variant,
+            id: `accordion-header-${id}`,
+            tabIndex: disabled ? -1 : 0,
+            onKeyDown: handleKeyDown,
+            open,
+            lastItem,
+            size: size || "m",
+            onClick: !disabled ? onClick : void 0,
+            disabled,
+            children: [
+              leftContent,
+              /* @__PURE__ */ jsxRuntime.jsx(Title, { size: "s", children: label }),
+              /* @__PURE__ */ jsxRuntime.jsxs(styles.AccordionItemRightContentStyled, { children: [
+                rightContent,
+                showArrow && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chevronIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quen-ui__accordion--arrow-icon", children: chevronIcon }) : /* @__PURE__ */ jsxRuntime.jsx(iconArrowBottom, { className: "quen-ui__accordion--arrow-icon" }) })
+              ] })
+            ]
+          }
+        ),
+        destroyOnHidden ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: open && /* @__PURE__ */ jsxRuntime.jsx(styles.AccordionItemContent, { open, size: size || "m", children }) }) : /* @__PURE__ */ jsxRuntime.jsx(styles.AccordionItemContent, { open, hidden: !open, size: size || "m", children })
+      ]
+    }
+  );
+};
+module.exports = AccordionItem;

package/dist/Accordion/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import { IAccordionItemProps } from './types';
+declare const AccordionItem: ({ label, size, style, className, children, leftContent, rightContent, disabled, showArrow, onClick, open, destroyOnHidden, lastItem, id, renderHeader, chevronIcon, variant }: IAccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/dist/Accordion/AccordionItem.es.js

@@ -0,0 +1,72 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import Title from "../typography/Title/Title.es.js";
+import { AccordionItemStyled, AccordionItemHeader, AccordionItemRightContentStyled, AccordionItemContent } from "./styles.es.js";
+import SvgIconArrowBottom from "../assets/icon-arrow-bottom.svg.es.js";
+const AccordionItem = ({
+  label,
+  size,
+  style,
+  className,
+  children,
+  leftContent,
+  rightContent,
+  disabled,
+  showArrow = true,
+  onClick,
+  open,
+  destroyOnHidden,
+  lastItem,
+  id,
+  renderHeader,
+  chevronIcon,
+  variant
+}) => {
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      onClick?.();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    AccordionItemStyled,
+    {
+      "aria-disabled": disabled,
+      "aria-expanded": open,
+      "aria-controls": `accordion-panel-${id}`,
+      id: `accordion-panel-${id}`,
+      "aria-labelledby": `accordion-header-${id}`,
+      role: "region",
+      style,
+      className,
+      open,
+      lastItem,
+      children: [
+        renderHeader ? /* @__PURE__ */ jsx("span", { onClick: !disabled ? onClick : void 0, children: renderHeader() }) : /* @__PURE__ */ jsxs(
+          AccordionItemHeader,
+          {
+            variant,
+            id: `accordion-header-${id}`,
+            tabIndex: disabled ? -1 : 0,
+            onKeyDown: handleKeyDown,
+            open,
+            lastItem,
+            size: size || "m",
+            onClick: !disabled ? onClick : void 0,
+            disabled,
+            children: [
+              leftContent,
+              /* @__PURE__ */ jsx(Title, { size: "s", children: label }),
+              /* @__PURE__ */ jsxs(AccordionItemRightContentStyled, { children: [
+                rightContent,
+                showArrow && /* @__PURE__ */ jsx(Fragment, { children: chevronIcon ? /* @__PURE__ */ jsx("span", { className: "quen-ui__accordion--arrow-icon", children: chevronIcon }) : /* @__PURE__ */ jsx(SvgIconArrowBottom, { className: "quen-ui__accordion--arrow-icon" }) })
+              ] })
+            ]
+          }
+        ),
+        destroyOnHidden ? /* @__PURE__ */ jsx(Fragment, { children: open && /* @__PURE__ */ jsx(AccordionItemContent, { open, size: size || "m", children }) }) : /* @__PURE__ */ jsx(AccordionItemContent, { open, hidden: !open, size: size || "m", children })
+      ]
+    }
+  );
+};
+export {
+  AccordionItem as default
+};

package/dist/Accordion/helpers.cjs.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const defaultGetItemKey = (item) => item.key;
+const defaultGetItemDisabled = (item) => item.disabled;
+const defaultGetItemChildren = (item) => item.children;
+const defaultGetItemLabel = (item) => item.label;
+const defaultGetItemLeftContent = (item) => item.leftContent;
+const defaultGetItemRightContent = (item) => item.rightContent;
+const defaultGetItemClassName = (item) => item.className;
+const defaultGetItemShowArrow = (item) => item.showArrow;
+const defaultGetItemStyle = (item) => item.style;
+const withDefaultGetters = (props) => ({
+  ...props,
+  getItemKey: props.getItemKey || defaultGetItemKey,
+  getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,
+  getItemChildren: props.getItemChildren || defaultGetItemChildren,
+  getItemLabel: props.getItemLabel || defaultGetItemLabel,
+  getItemLeftContent: props.getItemLeftContent || defaultGetItemLeftContent,
+  getItemRightContent: props.getItemRightContent || defaultGetItemRightContent,
+  getItemClassName: props.getItemClassName || defaultGetItemClassName,
+  getItemShowArrow: props.getItemShowArrow || defaultGetItemShowArrow,
+  getItemStyle: props.getItemStyle || defaultGetItemStyle
+});
+exports.withDefaultGetters = withDefaultGetters;

package/dist/Accordion/helpers.d.ts

@@ -0,0 +1,25 @@
+import { IAccordionProps, IAccordionDefaultItem, TAccordionGetItemDisabled, TAccordionGetItemChildren, TAccordionGetItemKey, TAccordionGetItemLabel, TAccordionGetItemLeftContent, TAccordionGetItemRightContent, TAccordionGetItemClassName, TAccordionGetItemShowArrow, TAccordionGetItemStyle } from './types';
+export declare const withDefaultGetters: <Item>(props: IAccordionProps<Item>) => {
+    getItemKey: TAccordionGetItemKey<IAccordionDefaultItem> | TAccordionGetItemKey<Item>;
+    getItemDisabled: TAccordionGetItemDisabled<IAccordionDefaultItem> | TAccordionGetItemDisabled<Item>;
+    getItemChildren: TAccordionGetItemChildren<IAccordionDefaultItem> | TAccordionGetItemChildren<Item>;
+    getItemLabel: TAccordionGetItemLabel<IAccordionDefaultItem> | TAccordionGetItemLabel<Item>;
+    getItemLeftContent: TAccordionGetItemLeftContent<IAccordionDefaultItem> | TAccordionGetItemLeftContent<Item>;
+    getItemRightContent: TAccordionGetItemRightContent<IAccordionDefaultItem> | TAccordionGetItemRightContent<Item>;
+    getItemClassName: TAccordionGetItemClassName<IAccordionDefaultItem> | TAccordionGetItemClassName<Item>;
+    getItemShowArrow: TAccordionGetItemShowArrow<IAccordionDefaultItem> | TAccordionGetItemShowArrow<Item>;
+    getItemStyle: TAccordionGetItemStyle<IAccordionDefaultItem> | TAccordionGetItemStyle<Item>;
+    size?: import('..').TQuenSize;
+    onChange?: (keys: (string | number)[]) => void;
+    activeKeys?: (string | number)[];
+    defaultActiveKeys?: (string | number)[];
+    items: Item[];
+    variant?: import('./types').TAccordionVariants;
+    className?: string;
+    style?: import('react').CSSProperties;
+    onClickItem?: ((item: Item) => void) | undefined;
+    destroyOnHidden?: boolean;
+    multiple?: boolean;
+    renderItemHeader?: ((item: Item, open: boolean, toggle: () => void) => import('react').ReactNode) | undefined;
+    chevronIcon?: import('react').ReactNode;
+};

package/dist/Accordion/helpers.es.js

@@ -0,0 +1,24 @@
+const defaultGetItemKey = (item) => item.key;
+const defaultGetItemDisabled = (item) => item.disabled;
+const defaultGetItemChildren = (item) => item.children;
+const defaultGetItemLabel = (item) => item.label;
+const defaultGetItemLeftContent = (item) => item.leftContent;
+const defaultGetItemRightContent = (item) => item.rightContent;
+const defaultGetItemClassName = (item) => item.className;
+const defaultGetItemShowArrow = (item) => item.showArrow;
+const defaultGetItemStyle = (item) => item.style;
+const withDefaultGetters = (props) => ({
+  ...props,
+  getItemKey: props.getItemKey || defaultGetItemKey,
+  getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,
+  getItemChildren: props.getItemChildren || defaultGetItemChildren,
+  getItemLabel: props.getItemLabel || defaultGetItemLabel,
+  getItemLeftContent: props.getItemLeftContent || defaultGetItemLeftContent,
+  getItemRightContent: props.getItemRightContent || defaultGetItemRightContent,
+  getItemClassName: props.getItemClassName || defaultGetItemClassName,
+  getItemShowArrow: props.getItemShowArrow || defaultGetItemShowArrow,
+  getItemStyle: props.getItemStyle || defaultGetItemStyle
+});
+export {
+  withDefaultGetters
+};

package/dist/Accordion/index.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Accordion$1 = require("./Accordion.cjs.js");
+const AccordionGroup = require("./AccordionGroup.cjs.js");
+const Accordion = Accordion$1;
+Accordion.Group = AccordionGroup.AccordionGroup;
+exports.Accordion = Accordion;

package/dist/Accordion/index.d.ts

@@ -0,0 +1,8 @@
+import { default as AccordionComponent } from './Accordion';
+import { AccordionGroup } from './AccordionGroup';
+type TAccordion = typeof AccordionComponent & {
+    Group: typeof AccordionGroup;
+};
+declare const Accordion: TAccordion;
+export { Accordion };
+export type { IAccordionProps, IAccordionGroupProps, IAccordionGroupApi, TAccordionGetItemDisabled, TAccordionGetItemStyle, IAccordionDefaultItem, TAccordionGetItemChildren, TAccordionGetItemKey, TAccordionGetItemShowArrow, TAccordionVariants, TAccordionGetItemClassName, TAccordionGetItemLabel, TAccordionGetItemLeftContent, TAccordionGetItemRightContent } from './types';

package/dist/Accordion/index.es.js

@@ -0,0 +1,7 @@
+import Accordion$1 from "./Accordion.es.js";
+import { AccordionGroup } from "./AccordionGroup.es.js";
+const Accordion = Accordion$1;
+Accordion.Group = AccordionGroup;
+export {
+  Accordion
+};