@ozen-ui/kit 0.0.1

package/Accordion/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Accordion/index.js",
+	"module": "../__inner__/esm/components/Accordion/index.js",
+	"types": "../__inner__/esm/components/Accordion/index.d.ts"
+}

package/Alert/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Alert/index.js",
+	"module": "../__inner__/esm/components/Alert/index.js",
+	"types": "../__inner__/esm/components/Alert/index.d.ts"
+}

package/Avatar/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Avatar/index.js",
+	"module": "../__inner__/esm/components/Avatar/index.js",
+	"types": "../__inner__/esm/components/Avatar/index.d.ts"
+}

package/Backdrop/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Backdrop/index.js",
+	"module": "../__inner__/esm/components/Backdrop/index.js",
+	"types": "../__inner__/esm/components/Backdrop/index.d.ts"
+}

package/Badge/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Badge/index.js",
+	"module": "../__inner__/esm/components/Badge/index.js",
+	"types": "../__inner__/esm/components/Badge/index.d.ts"
+}

package/Breadcrumbs/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Breadcrumbs/index.js",
+	"module": "../__inner__/esm/components/Breadcrumbs/index.js",
+	"types": "../__inner__/esm/components/Breadcrumbs/index.d.ts"
+}

package/Button/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Button/index.js",
+	"module": "../__inner__/esm/components/Button/index.js",
+	"types": "../__inner__/esm/components/Button/index.d.ts"
+}

package/Card/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Card/index.js",
+	"module": "../__inner__/esm/components/Card/index.js",
+	"types": "../__inner__/esm/components/Card/index.d.ts"
+}

package/Checkbox/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Checkbox/index.js",
+	"module": "../__inner__/esm/components/Checkbox/index.js",
+	"types": "../__inner__/esm/components/Checkbox/index.d.ts"
+}

package/Chip/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Chip/index.js",
+	"module": "../__inner__/esm/components/Chip/index.js",
+	"types": "../__inner__/esm/components/Chip/index.d.ts"
+}

package/Collapse/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Collapse/index.js",
+	"module": "../__inner__/esm/components/Collapse/index.js",
+	"types": "../__inner__/esm/components/Collapse/index.d.ts"
+}

package/Container/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Container/index.js",
+	"module": "../__inner__/esm/components/Container/index.js",
+	"types": "../__inner__/esm/components/Container/index.d.ts"
+}

package/DataList/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/DataList/index.js",
+	"module": "../__inner__/esm/components/DataList/index.js",
+	"types": "../__inner__/esm/components/DataList/index.d.ts"
+}

package/Dialog/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Dialog/index.js",
+	"module": "../__inner__/esm/components/Dialog/index.js",
+	"types": "../__inner__/esm/components/Dialog/index.d.ts"
+}

package/Divider/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Divider/index.js",
+	"module": "../__inner__/esm/components/Divider/index.js",
+	"types": "../__inner__/esm/components/Divider/index.d.ts"
+}

package/DocViewer/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/DocViewer/index.js",
+	"module": "../__inner__/esm/components/DocViewer/index.js",
+	"types": "../__inner__/esm/components/DocViewer/index.d.ts"
+}

package/Drawer/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Drawer/index.js",
+	"module": "../__inner__/esm/components/Drawer/index.js",
+	"types": "../__inner__/esm/components/Drawer/index.d.ts"
+}

package/FieldHint/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FieldHint/index.js",
+	"module": "../__inner__/esm/components/FieldHint/index.js",
+	"types": "../__inner__/esm/components/FieldHint/index.d.ts"
+}

package/FieldIcon/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FieldIcon/index.js",
+	"module": "../__inner__/esm/components/FieldIcon/index.js",
+	"types": "../__inner__/esm/components/FieldIcon/index.d.ts"
+}

package/FieldLabel/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FieldLabel/index.js",
+	"module": "../__inner__/esm/components/FieldLabel/index.js",
+	"types": "../__inner__/esm/components/FieldLabel/index.d.ts"
+}

package/File/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/File/index.js",
+	"module": "../__inner__/esm/components/File/index.js",
+	"types": "../__inner__/esm/components/File/index.d.ts"
+}

package/FilePicker/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FilePicker/index.js",
+	"module": "../__inner__/esm/components/FilePicker/index.js",
+	"types": "../__inner__/esm/components/FilePicker/index.d.ts"
+}

package/FormControlLabel/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FormControlLabel/index.js",
+	"module": "../__inner__/esm/components/FormControlLabel/index.js",
+	"types": "../__inner__/esm/components/FormControlLabel/index.d.ts"
+}

package/FormGroup/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FormGroup/index.js",
+	"module": "../__inner__/esm/components/FormGroup/index.js",
+	"types": "../__inner__/esm/components/FormGroup/index.d.ts"
+}

package/FormTitle/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FormTitle/index.js",
+	"module": "../__inner__/esm/components/FormTitle/index.js",
+	"types": "../__inner__/esm/components/FormTitle/index.d.ts"
+}

package/Grid/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Grid/index.js",
+	"module": "../__inner__/esm/components/Grid/index.js",
+	"types": "../__inner__/esm/components/Grid/index.d.ts"
+}

package/IconButton/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/IconButton/index.js",
+	"module": "../__inner__/esm/components/IconButton/index.js",
+	"types": "../__inner__/esm/components/IconButton/index.d.ts"
+}

package/Indicator/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Indicator/index.js",
+	"module": "../__inner__/esm/components/Indicator/index.js",
+	"types": "../__inner__/esm/components/Indicator/index.d.ts"
+}

package/Input/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Input/index.js",
+	"module": "../__inner__/esm/components/Input/index.js",
+	"types": "../__inner__/esm/components/Input/index.d.ts"
+}

package/InputNumber/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/InputNumber/index.js",
+	"module": "../__inner__/esm/components/InputNumber/index.js",
+	"types": "../__inner__/esm/components/InputNumber/index.d.ts"
+}

package/Link/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Link/index.js",
+	"module": "../__inner__/esm/components/Link/index.js",
+	"types": "../__inner__/esm/components/Link/index.d.ts"
+}

package/List/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/List/index.js",
+	"module": "../__inner__/esm/components/List/index.js",
+	"types": "../__inner__/esm/components/List/index.d.ts"
+}

package/Loader/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Loader/index.js",
+	"module": "../__inner__/esm/components/Loader/index.js",
+	"types": "../__inner__/esm/components/Loader/index.d.ts"
+}

package/Menu/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Menu/index.js",
+	"module": "../__inner__/esm/components/Menu/index.js",
+	"types": "../__inner__/esm/components/Menu/index.d.ts"
+}

package/MixSpacing/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/mixins/MixSpacing/index.js",
+	"module": "../__inner__/esm/mixins/MixSpacing/index.js",
+	"types": "../__inner__/esm/mixins/MixSpacing/index.d.ts"
+}

package/Modal/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Modal/index.js",
+	"module": "../__inner__/esm/components/Modal/index.js",
+	"types": "../__inner__/esm/components/Modal/index.d.ts"
+}

package/Pagination/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Pagination/index.js",
+	"module": "../__inner__/esm/components/Pagination/index.js",
+	"types": "../__inner__/esm/components/Pagination/index.d.ts"
+}

package/Popover/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Popover/index.js",
+	"module": "../__inner__/esm/components/Popover/index.js",
+	"types": "../__inner__/esm/components/Popover/index.d.ts"
+}

package/Portal/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Portal/index.js",
+	"module": "../__inner__/esm/components/Portal/index.js",
+	"types": "../__inner__/esm/components/Portal/index.d.ts"
+}

package/README.md

@@ -0,0 +1,31 @@
+# @ozen-ui/kit
+
+Библиотека React-компонентов, для создания веб-интерфейсов.
+
+## Установка
+
+Установите библиотеку компонентов с помощью одной из следующих команд:
+
+```
+# npm
+npm install --save @ozen-ui/kit
+
+# yarn
+yarn add @ozen-ui/kit
+
+# pnpm
+pnpm add @ozen-ui/kit
+```
+
+## Использование
+
+Разделы для знакомства с библиотекой:
+
+- [Быстрый старт]()
+- [Дизайн-токены]()
+- [Обзор компонентов]()
+- [Внести свой вклад]()
+
+## О нас
+
+«Bereke Bank» — казахстанский коммерческий банк. Центральный офис находится в Алматы.

package/Radio/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Radio/index.js",
+	"module": "../__inner__/esm/components/Radio/index.js",
+	"types": "../__inner__/esm/components/Radio/index.d.ts"
+}

package/RadioGroup/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/RadioGroup/index.js",
+	"module": "../__inner__/esm/components/RadioGroup/index.js",
+	"types": "../__inner__/esm/components/RadioGroup/index.d.ts"
+}

package/SectionMessage/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/SectionMessage/index.js",
+	"module": "../__inner__/esm/components/SectionMessage/index.js",
+	"types": "../__inner__/esm/components/SectionMessage/index.d.ts"
+}

package/Segment/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Segment/index.js",
+	"module": "../__inner__/esm/components/Segment/index.js",
+	"types": "../__inner__/esm/components/Segment/index.d.ts"
+}

package/Select/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Select/index.js",
+	"module": "../__inner__/esm/components/Select/index.js",
+	"types": "../__inner__/esm/components/Select/index.d.ts"
+}

package/Skeleton/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Skeleton/index.js",
+	"module": "../__inner__/esm/components/Skeleton/index.js",
+	"types": "../__inner__/esm/components/Skeleton/index.d.ts"
+}

package/Slider/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Slider/index.js",
+	"module": "../__inner__/esm/components/Slider/index.js",
+	"types": "../__inner__/esm/components/Slider/index.d.ts"
+}

package/Snackbar/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Snackbar/index.js",
+	"module": "../__inner__/esm/components/Snackbar/index.js",
+	"types": "../__inner__/esm/components/Snackbar/index.d.ts"
+}

package/Stack/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Stack/index.js",
+	"module": "../__inner__/esm/components/Stack/index.js",
+	"types": "../__inner__/esm/components/Stack/index.d.ts"
+}

package/Table/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Table/index.js",
+	"module": "../__inner__/esm/components/Table/index.js",
+	"types": "../__inner__/esm/components/Table/index.d.ts"
+}

package/Tabs/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Tabs/index.js",
+	"module": "../__inner__/esm/components/Tabs/index.js",
+	"types": "../__inner__/esm/components/Tabs/index.d.ts"
+}

package/Tag/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Tag/index.js",
+	"module": "../__inner__/esm/components/Tag/index.js",
+	"types": "../__inner__/esm/components/Tag/index.d.ts"
+}

package/Textarea/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Textarea/index.js",
+	"module": "../__inner__/esm/components/Textarea/index.js",
+	"types": "../__inner__/esm/components/Textarea/index.d.ts"
+}

package/ThemeProvider/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/ThemeProvider/index.js",
+	"module": "../__inner__/esm/components/ThemeProvider/index.js",
+	"types": "../__inner__/esm/components/ThemeProvider/index.d.ts"
+}

package/Toggle/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Toggle/index.js",
+	"module": "../__inner__/esm/components/Toggle/index.js",
+	"types": "../__inner__/esm/components/Toggle/index.d.ts"
+}

package/Tooltip/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Tooltip/index.js",
+	"module": "../__inner__/esm/components/Tooltip/index.js",
+	"types": "../__inner__/esm/components/Tooltip/index.d.ts"
+}

package/Typography/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Typography/index.js",
+	"module": "../__inner__/esm/components/Typography/index.js",
+	"types": "../__inner__/esm/components/Typography/index.d.ts"
+}

package/__inner__/cjs/components/Accordion/Accordion.css

@@ -0,0 +1,139 @@
+/* stylelint-disable */
+.Accordion {
+  --accordion-background-color: var(--color-background-main);
+  --accordion-border-radius: none;
+  --accordion-summary-hover-color: none;
+  --accordion-summary-active-color: none;
+  background-color: var(--accordion-background-color);
+  border-radius: var(--accordion-border-radius);
+  overflow-anchor: none;
+  overflow: hidden;
+}
+.Accordion_size_s {
+      --accordion-summary-padding: var(--space-l);
+      --accordion-details-padding: var(--space-m) var(--space-l) var(--space-l);
+      --accordion-column-gap: var(--space-m);
+    }
+.Accordion_size_s .AccordionSummary {
+        font: var(--typography-text-s_1-font);
+        letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
+        text-transform: var(--typography-text-s_1-text_transform, none);
+      }
+.Accordion_size_m {
+      --accordion-column-gap: var(--space-m);
+      --accordion-summary-padding: var(--space-l);
+      --accordion-details-padding: var(--space-l);
+    }
+.Accordion_size_m .AccordionSummary {
+        font: var(--typography-text-m_1-font);
+        letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
+        text-transform: var(--typography-text-m_1-text_transform, none);
+      }
+.Accordion_size_l {
+      --accordion-column-gap: var(--space-l);
+      --accordion-summary-padding: var(--space-xl);
+      --accordion-details-padding: var(--space-l) var(--space-xl)
+        var(--space-xl);
+    }
+.Accordion_size_l .AccordionSummary {
+        font: var(--typography-text-l_1-font);
+        letter-spacing: var(--typography-text-l_1-letter_spacing, 0);
+        text-transform: var(--typography-text-l_1-text_transform, none);
+      }
+.Accordion_size_xl {
+      --accordion-column-gap: var(--space-xl);
+      --accordion-summary-padding: var(--space-2xl);
+      --accordion-details-padding: var(--space-l) var(--space-2xl)
+        var(--space-2xl);
+    }
+.Accordion_size_xl .AccordionSummary {
+        font: var(--typography-text-xl_1-font);
+        letter-spacing: var(--typography-text-xl_1-letter_spacing, 0);
+        text-transform: var(--typography-text-xl_1-text_transform, none);
+      }
+.Accordion_compressed.Accordion_size_s,
+  .Accordion_compressed.Accordion_size_m {
+    --accordion-summary-padding: var(--space-s) var(--space-l);
+  }
+.Accordion_compressed.Accordion_size_l {
+    --accordion-summary-padding: var(--space-m) var(--space-l);
+  }
+.Accordion_compressed.Accordion_size_xl {
+    --accordion-summary-padding: var(--space-l) var(--space-2xl);
+  }
+.Accordion_variant_corner-primary {
+      --accordion-background-color: var(--color-background-main);
+      --accordion-summary-hover-color: var(--color-background-main-hover);
+      --accordion-summary-active-color: var(--color-background-main-pressed);
+    }
+.Accordion_variant_corner-secondary {
+      --accordion-background-color: var(--color-background-primary);
+      --accordion-summary-hover-color: var(--color-background-primary-hover);
+      --accordion-summary-active-color: var(--color-background-primary-pressed);
+    }
+.Accordion_variant_round {
+      --accordion-background-color: var(--color-background-main);
+      --accordion-summary-hover-color: none;
+      --accordion-summary-active-color: none;
+      --accordion-border-radius: var(--border-radius-l);
+    }
+.AccordionSummary {
+  inline-size: 100%;
+  position: relative;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  box-sizing: border-box;
+  -moz-column-gap: var(--accordion-column-gap);
+       column-gap: var(--accordion-column-gap);
+  cursor: pointer;
+  border-radius: var(--accordion-border-radius);
+  background-color: var(--accordion-background-color);
+  padding: var(--accordion-summary-padding);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.AccordionSummary_expandIconPosition_right {
+    flex-direction: row-reverse;
+  }
+.AccordionSummary-Content {
+    display: flex;
+    align-items: center;
+    inline-size: 100%;
+  }
+.AccordionSummary-ExpandIconBox {
+    display: flex;
+    align-items: center;
+  }
+.AccordionSummary-ExpandIconBox::after {
+      font-size: 0;
+      content: '\00a0';
+    }
+.AccordionSummary-ExpandIcon {
+    transition: transform var(--transition-default);
+  }
+.AccordionSummary-ExpandIcon_expanded {
+      transform: rotate(-180deg);
+    }
+.AccordionSummary:hover {
+    background-color: var(--accordion-summary-hover-color);
+  }
+.AccordionSummary:active {
+    background-color: var(--accordion-summary-active-color);
+  }
+.AccordionSummary:focus {
+    outline: 0;
+    box-shadow: inset var(--shadow-outline-focused);
+  }
+.AccordionSummary:focus:not(:focus-visible) {
+    box-shadow: none;
+  }
+.AccordionDetails {
+  inline-size: 100%;
+  padding: var(--accordion-details-padding);
+  background-color: var(--accordion-background-color);
+  border-end-start-radius: var(--accordion-border-radius);
+  border-end-end-radius: var(--accordion-border-radius);
+  box-sizing: border-box;
+}

package/__inner__/cjs/components/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './Accordion.css';
+export declare const cnAccordion: import("@bem-react/classname").ClassNameFormatter;
+export declare const Accordion: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    variant?: "round" | "corner-primary" | "corner-secondary" | undefined;
+    defaultExpanded?: boolean | undefined;
+    compressed?: boolean | undefined;
+    onChange?: ((expanded: boolean, e: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & Pick<import("../Collapse").CollapseProps, "expanded" | "unmountOnClosed"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,38 @@
+"use strict";
+exports.__esModule = true;
+exports.Accordion = exports.cnAccordion = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_is_1 = require("react-is");
+var useControlled_1 = require("../../hooks/useControlled");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var Collapse_1 = require("../Collapse");
+var AccordionContext_1 = require("./AccordionContext");
+var constants_1 = require("./constants");
+require("./Accordion.css");
+exports.cnAccordion = (0, classname_1.cn)('Accordion');
+exports.Accordion = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Accordion' });
+    var _a = props.size, size = _a === void 0 ? constants_1.DEFAULT_ACCORDION_SIZE : _a, _b = props.variant, variant = _b === void 0 ? constants_1.DEFAULT_ACCORDION_VARIANT : _b, className = props.className, defaultExpanded = props.defaultExpanded, expandedProp = props.expanded, compressed = props.compressed, unmountOnClosed = props.unmountOnClosed, childrenProp = props.children, onChange = props.onChange, other = tslib_1.__rest(props, ["size", "variant", "className", "defaultExpanded", "expanded", "compressed", "unmountOnClosed", "children", "onChange"]);
+    var _c = tslib_1.__read((0, useControlled_1.useControlled)({
+        value: expandedProp,
+        defaultValue: defaultExpanded,
+        name: 'Accordion',
+        state: 'open'
+    }), 2), expanded = _c[0], setExpanded = _c[1];
+    var resolvedChildren = (0, react_is_1.isFragment)(childrenProp)
+        ? childrenProp.props.children
+        : childrenProp;
+    var _d = tslib_1.__read(react_1.Children.toArray(resolvedChildren)), summary = _d[0], children = _d.slice(1);
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        setExpanded(!expanded);
+        onChange === null || onChange === void 0 ? void 0 : onChange(!expanded, e);
+    }, [expanded]);
+    var contextValue = (0, react_1.useMemo)(function () { return ({ expanded: !!expanded, toggle: handleChange, size: size }); }, [handleChange, expanded, size]);
+    return (react_1["default"].createElement("div", tslib_1.__assign({ ref: ref, className: (0, exports.cnAccordion)({ size: size, compressed: compressed, variant: variant }, [className]) }, other),
+        react_1["default"].createElement(AccordionContext_1.AccordionContext.Provider, { value: contextValue },
+            summary,
+            react_1["default"].createElement(Collapse_1.Collapse, { expanded: expanded, unmountOnClosed: unmountOnClosed }, children))));
+});
+exports.Accordion.displayName = 'Accordion';

package/__inner__/cjs/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AccordionContextValue } from './types';
+export declare const AccordionContext: React.Context<AccordionContextValue>;
+export declare const useAccordionContext: () => AccordionContextValue;