takeat-design-system-ui-kit 0.7.0 → 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Takeat
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,109 @@
-# UI Kit Takeat
+# Takeat UI Kit
 
-Esse pacote possui componentes criados a partir dos componentes do Design System da Takeat e buscam aumentar a praticidade, consistência e qualidade das entregas do frontend
+Accessible, themeable React components built on top of [Base UI](https://base-ui.com) and [vanilla-extract](https://vanilla-extract.style). Drop-in design system for Takeat products.
+
+- Tree-shakeable ESM + CJS builds
+- `"use client"` banners — works in Next.js App Router
+- Per-icon subpath imports (zero-cost icon set)
+- A11y validated with `jest-axe` on every component
+- Themed via `createThemeContract` — swap brand palettes without remounting
+
+## Install
+
+```bash
+# npm
+npm install takeat-design-system-ui-kit
+
+# yarn
+yarn add takeat-design-system-ui-kit
+```
+
+Peer deps (install in the host app):
+
+```bash
+yarn add react react-dom @tanstack/react-query axios date-fns
+```
+
+## Quick start
+
+Wrap your app with `UiKitTheme` once, then import components:
+
+```tsx
+import { UiKitTheme, Button } from "takeat-design-system-ui-kit";
+import "takeat-design-system-ui-kit/dist/index.css";
+
+export default function App() {
+  return (
+    <UiKitTheme>
+      <Button onClick={() => console.log("hi")}>Click me</Button>
+    </UiKitTheme>
+  );
+}
+```
+
+## Per-component imports
+
+```tsx
+import { Button } from "takeat-design-system-ui-kit/button";
+```
+
+Tree-shaking is already guaranteed by `sideEffects` declarations, but subpath imports cut parse time in large consumer apps.
+
+## Icons
+
+Import icons individually — each resolves to a ~1–2 KB chunk:
+
+```tsx
+import IconArrow from "takeat-design-system-ui-kit/icons/IconArrow";
+```
+
+Never import icons from the root barrel — that pulls the full set.
+
+## Theming
+
+```tsx
+import { UiKitTheme, createTheme } from "takeat-design-system-ui-kit";
+
+const brandTheme = createTheme({
+  colors: { primary: "#FF6B00" },
+});
+
+<UiKitTheme theme={brandTheme}>{children}</UiKitTheme>
+```
+
+See [theme tokens](./src/theme/themeValues.ts) for the full contract.
+
+## Composition — `render` / `asChild`
+
+Every wrapper forwards Base UI's `render` prop unchanged:
+
+```tsx
+<Button render={<a href="/docs" />}>Docs</Button>
+```
+
+The `<a>` inherits all Button styling, focus ring, and a11y semantics.
+
+## Migration from the old UI kit
+
+- Callback props now follow Base UI naming: `onValueChange`, `onCheckedChange`, `onOpenChange`. No more `onChange` for Select/Switch.
+- `Modal` uses a Context toggle — remove manual `cloneElement` wrappers.
+- Icons moved to `takeat-design-system-ui-kit/icons/*` subpaths.
+- See per-component MDX docs in Storybook for detailed notes.
+
+## Storybook
+
+Live docs: [storybook.takeat.app](https://storybook.takeat.app) (deployed on merge to `master`).
+
+Local:
+
+```bash
+yarn storybook
+```
+
+## Contributing
+
+See [`CONTRIBUTING.md`](./CONTRIBUTING.md). TL;DR — add a changeset, write a test, respect Base UI callback names.
+
+## License
+
+MIT © Takeat

package/dist/components/Accordion/index.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+var accordion = require('@base-ui/react/accordion');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var IconChevronDown = ({ ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M4.793 8.543a1 1 0 0 1 1.414 0L12 14.336l5.793-5.793a1 1 0 1 1 1.414 1.414l-5.793 5.793a2 2 0 0 1-2.828 0L4.793 9.957a1 1 0 0 1 0-1.414",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+
+// src/components/Accordion/styles.css.ts
+var accordionHeaderClass = "styles_accordionHeaderClass__j21m6c2";
+var accordionItemClass = "styles_accordionItemClass__j21m6c1";
+var accordionPanelClass = "styles_accordionPanelClass__j21m6c4";
+var accordionRootClass = "styles_accordionRootClass__j21m6c0";
+var accordionTriggerClass = "styles_accordionTriggerClass__j21m6c3";
+var Accordion = react.forwardRef(function Accordion2({ header, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    accordion.Accordion.Root,
+    {
+      className: accordionRootClass,
+      "data-slot": "accordion",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        accordion.Accordion.Item,
+        {
+          className: accordionItemClass,
+          ref,
+          value: "item",
+          "data-slot": "accordion-item",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              accordion.Accordion.Header,
+              {
+                className: accordionHeaderClass,
+                "data-slot": "accordion-header",
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  accordion.Accordion.Trigger,
+                  {
+                    className: accordionTriggerClass,
+                    "data-slot": "accordion-trigger",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(IconChevronDown, { "data-slot": "accordion-icon" }),
+                      header
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              accordion.Accordion.Panel,
+              {
+                className: accordionPanelClass,
+                keepMounted: true,
+                "data-slot": "accordion-panel",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: { overflow: "hidden", minHeight: 0 },
+                    "data-slot": "accordion-content",
+                    children
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+Accordion.displayName = "Accordion";
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Accordion/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icons/IconChevronDown.tsx","../../../src/components/Accordion/styles.css.ts","../../../src/components/Accordion/index.tsx"],"names":["jsx","forwardRef","Accordion","BaseAccordion","jsxs"],"mappings":";;;;;;AAAO,IAAM,eAAA,GAAkB,CAAC,EAAE,GAAG,OAAM,KAAM;AAC/C,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MACR,KAAA,EAAM,KAAA;AAAA,MACN,MAAA,EAAO,KAAA;AAAA,MACN,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAS,SAAA;AAAA,UACT,CAAA,EAAE,yIAAA;AAAA,UACF,QAAA,EAAS;AAAA;AAAA;AACX;AAAA,GACF;AAEJ,CAAA;;;ACdO,IAAI,oBAAA,GAAuB,sCAAA;AAC3B,IAAI,kBAAA,GAAqB,oCAAA;AACzB,IAAI,mBAAA,GAAsB,qCAAA;AAC1B,IAAI,kBAAA,GAAqB,oCAAA;AACzB,IAAI,qBAAA,GAAwB,uCAAA;ACW5B,IAAM,SAAA,GAAYC,gBAAA,CAAW,SAASC,UAAAA,CAC3C,EAAE,QAAQ,QAAA,EAAU,GAAG,KAAA,EAAM,EAC7B,GAAA,EACA;AACA,EAAA,uBACEF,cAAAA;AAAA,IAACG,mBAAA,CAAc,IAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,kBAAA;AAAA,MACX,WAAA,EAAU,WAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA;AAAA,QAACD,mBAAA,CAAc,IAAA;AAAA,QAAd;AAAA,UACC,SAAA,EAAW,kBAAA;AAAA,UACX,GAAA;AAAA,UACA,KAAA,EAAM,MAAA;AAAA,UACN,WAAA,EAAU,gBAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAAH,cAAAA;AAAA,cAACG,mBAAA,CAAc,MAAA;AAAA,cAAd;AAAA,gBACC,SAAA,EAAW,oBAAA;AAAA,gBACX,WAAA,EAAU,kBAAA;AAAA,gBAEV,QAAA,kBAAAC,eAAA;AAAA,kBAACD,mBAAA,CAAc,OAAA;AAAA,kBAAd;AAAA,oBACC,SAAA,EAAW,qBAAA;AAAA,oBACX,WAAA,EAAU,mBAAA;AAAA,oBAEV,QAAA,EAAA;AAAA,sCAAAH,cAAAA,CAAC,eAAA,EAAA,EAAgB,WAAA,EAAU,gBAAA,EAAiB,CAAA;AAAA,sBAC3C;AAAA;AAAA;AAAA;AACH;AAAA,aACF;AAAA,4BACAA,cAAAA;AAAA,cAACG,mBAAA,CAAc,KAAA;AAAA,cAAd;AAAA,gBACC,SAAA,EAAW,mBAAA;AAAA,gBACX,WAAA,EAAW,IAAA;AAAA,gBACX,WAAA,EAAU,iBAAA;AAAA,gBAEV,QAAA,kBAAAH,cAAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAO,EAAE,QAAA,EAAU,QAAA,EAAU,WAAW,CAAA,EAAE;AAAA,oBAC1C,WAAA,EAAU,mBAAA;AAAA,oBAET;AAAA;AAAA;AACH;AAAA;AACF;AAAA;AAAA;AACF;AAAA,GACF;AAEJ,CAAC;AAED,SAAA,CAAU,WAAA,GAAc,WAAA","file":"index.cjs","sourcesContent":["export const IconChevronDown = ({ ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width=\"1em\"\n      height=\"1em\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4.793 8.543a1 1 0 0 1 1.414 0L12 14.336l5.793-5.793a1 1 0 1 1 1.414 1.414l-5.793 5.793a2 2 0 0 1-2.828 0L4.793 9.957a1 1 0 0 1 0-1.414\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nimport 'src/components/Accordion/styles.css.ts.vanilla.css?source=LnN0eWxlc19hY2NvcmRpb25IZWFkZXJDbGFzc19fajIxbTZjMiB7CiAgbWFyZ2luOiAwOwp9Ci5zdHlsZXNfYWNjb3JkaW9uVHJpZ2dlckNsYXNzX19qMjFtNmMzIHsKICBhbGw6IHVuc2V0OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNpbmcteHNfXzE0YmhzNHYyNCk7CiAgcGFkZGluZzogdmFyKC0tc3BhY2luZy14c19fMTRiaHM0djI0KTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgd2lkdGg6IDEwMCU7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICBjb2xvcjogdmFyKC0tY29sb3JzLW5ldXRyYWwtZGFya19fMTRiaHM0djFiKTsKICBmb250LWZhbWlseTogdmFyKC0tdHlwb2dyYXBoeS1mYW1pbHktZGVmYXVsdF9fMTRiaHM0djFqKTsKICBmb250LXNpemU6IDE2cHg7CiAgZm9udC1zdHlsZTogbm9ybWFsOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS10eXBvZ3JhcGh5LXdlaWdodHMtbWVkaXVtX18xNGJoczR2MWwpOwogIGxpbmUtaGVpZ2h0OiBub3JtYWw7Cn0KLnN0eWxlc19hY2NvcmRpb25UcmlnZ2VyQ2xhc3NfX2oyMW02YzMgc3ZnIHsKICBmb250LXNpemU6IDI0cHg7CiAgZmlsbDogdmFyKC0tY29sb3JzLW5ldXRyYWwtZGFya19fMTRiaHM0djFiKTsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zczsKfQouc3R5bGVzX2FjY29yZGlvblRyaWdnZXJDbGFzc19fajIxbTZjM1tkYXRhLXBhbmVsLW9wZW5dIHN2ZyB7CiAgdHJhbnNmb3JtOiByb3RhdGVYKDE4MGRlZyk7Cn0KLnN0eWxlc19hY2NvcmRpb25QYW5lbENsYXNzX19qMjFtNmM0IHsKICBvdmVyZmxvdzogaGlkZGVuOwogIGRpc3BsYXk6IGdyaWQ7CiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAwZnI7CiAgdHJhbnNpdGlvbjogZ3JpZC10ZW1wbGF0ZS1yb3dzIDAuM3MgZWFzZTsKfQouc3R5bGVzX2FjY29yZGlvblBhbmVsQ2xhc3NfX2oyMW02YzRbZGF0YS1vcGVuXSB7CiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAxZnI7Cn0';\nexport var accordionHeaderClass = 'styles_accordionHeaderClass__j21m6c2';\nexport var accordionItemClass = 'styles_accordionItemClass__j21m6c1';\nexport var accordionPanelClass = 'styles_accordionPanelClass__j21m6c4';\nexport var accordionRootClass = 'styles_accordionRootClass__j21m6c0';\nexport var accordionTriggerClass = 'styles_accordionTriggerClass__j21m6c3';","import { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport type React from \"react\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { IconChevronDown } from \"../icons\";\nimport {\n  accordionHeaderClass,\n  accordionItemClass,\n  accordionPanelClass,\n  accordionRootClass,\n  accordionTriggerClass,\n} from \"./styles.css\";\n\ninterface AccordionProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\"> {\n  header: ReactNode;\n}\n\nexport const Accordion = forwardRef(function Accordion(\n  { header, children, ...props }: AccordionProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  return (\n    <BaseAccordion.Root\n      className={accordionRootClass}\n      data-slot=\"accordion\"\n      {...props}\n    >\n      <BaseAccordion.Item\n        className={accordionItemClass}\n        ref={ref}\n        value=\"item\"\n        data-slot=\"accordion-item\"\n      >\n        <BaseAccordion.Header\n          className={accordionHeaderClass}\n          data-slot=\"accordion-header\"\n        >\n          <BaseAccordion.Trigger\n            className={accordionTriggerClass}\n            data-slot=\"accordion-trigger\"\n          >\n            <IconChevronDown data-slot=\"accordion-icon\" />\n            {header}\n          </BaseAccordion.Trigger>\n        </BaseAccordion.Header>\n        <BaseAccordion.Panel\n          className={accordionPanelClass}\n          keepMounted\n          data-slot=\"accordion-panel\"\n        >\n          <div\n            style={{ overflow: \"hidden\", minHeight: 0 }}\n            data-slot=\"accordion-content\"\n          >\n            {children}\n          </div>\n        </BaseAccordion.Panel>\n      </BaseAccordion.Item>\n    </BaseAccordion.Root>\n  );\n});\n\nAccordion.displayName = \"Accordion\";\n"]}