boreal-ui 0.0.886 → 0.0.888

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2025 Davin Chiupka
+Copyright (c) 2026 Davin Chiupka
 
 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:
 

package/README.md

@@ -1,190 +1,405 @@
 # Boreal UI
 
-A **highly customizable**, **accessible** React and Next.js component library with SCSS-powered theming.  
-Offers both Core (framework-agnostic React) and Next.js-optimized variants for seamless integration in any project.
+Boreal UI is a customizable, accessible React and Next.js component library with SCSS-powered theming, TypeScript types, generated prop metadata, and parallel `core` and `next` package outputs.
 
----
+Use it when you want production-ready UI primitives that can be themed globally, customized per component, tested predictably, and imported in either standard React apps or Next.js app-router projects.
 
-## Features
+## Highlights
 
-- **Dual Build Support:**  
-  Use `boreal-ui/core` for any React project or `boreal-ui/next` for Next.js apps.
-- **SCSS-Based Theming:**  
-  Override color, typography, spacing, border, and shadow variables to perfectly match your brand.
-- **Accessibility First:**  
-  WCAG-friendly out of the box. Includes keyboard navigation, ARIA roles, and robust focus states.
-- **Rich Component Set:**  
-  Buttons, IconButtons, Cards, Accordions, Modals, Tabs, DataTable, Avatar, Badge, Tooltip, FileUpload, EmptyState, and more.
-- **TypeScript Native:**  
-  All components include full prop typing and interfaces for an exceptional developer experience.
-
----
+- **React and Next.js builds:** import from `boreal-ui/core` for React apps or `boreal-ui/next` for Next.js apps.
+- **Deep component set:** buttons, forms, navigation, data display, feedback, overlays, layout primitives, and utility components.
+- **Theme system:** curated color schemes, custom schemes, runtime theme selection, CSS variables, and `ThemeSelect`.
+- **Global defaults:** configure default theme, size, rounding, shadow, border width, glass, outline, and color scheme once with `borealConfig` or `setBorealStyleConfig`.
+- **Accessible by default:** semantic markup, ARIA support, keyboard behavior, visible focus states, disabled states, live announcements where useful, and predictable test IDs.
+- **Styling flexibility:** theme, state, size, rounding, shadow, outline, glass, custom class names, SCSS variables, and consumer CSS overrides.
+- **Typed public API:** TypeScript component props, shared type exports, and generated prop documentation objects for docs tooling.
+- **Package-friendly output:** tree-shakeable ESM, CommonJS support for core entry points, standalone component exports, and Next.js client-boundary handling.
 
 ## Installation
 
-```bash
-npm install boreal-ui
+```bash
+npm install boreal-ui
+```
+
+Boreal UI expects React and React DOM in the consuming app. Next.js users should also have Next installed. `marked` and `uuid` are peer dependencies because some components and utilities rely on them.
+
+## CLI Setup
+
+Use the CLI inside an existing React or Next.js project to add only the file changes Boreal UI needs: the package dependency, the global stylesheet import, `ThemeProvider`, and default style config.
+
+```bash
+npx boreal-ui@latest init
+```
+
+You can preview changes or run non-interactively:
+
+```bash
+npx boreal-ui init --dry-run
+npx boreal-ui init --framework next --yes
+```
+
+## Setup
+
+Import the global stylesheet once near the top of your application.
+
+### React
+
+```tsx
+import "boreal-ui/core/globals.css";
 ```
 
----
+Then import components from the core build:
 
-## Quick Usage
+```tsx
+import { Button, Card, TextInput } from "boreal-ui/core";
 
-### Including Global Styles
+export function Example() {
+  return (
+    <Card title="Welcome" theme="primary" shadow="medium">
+      <TextInput label="Project name" placeholder="Aurora dashboard" />
+      <Button theme="secondary" size="large">
+        Continue
+      </Button>
+    </Card>
+  );
+}
+```
 
-**For Next.js :**
+### Next.js
 
-In your globals.css (or globals.scss), add the following at the top:
+Import the Next stylesheet once from `app/layout.tsx`, `pages/_app.tsx`, or your global stylesheet.
 
-```css
-@import "boreal-ui/next/globals.css";
+```tsx
+import "boreal-ui/next/globals.css";
 ```
 
-Then, make sure this global file is included in your layout or \_app.tsx:
+Then import components from the Next build:
 
 ```tsx
-import "./globals.css"; // or "./globals.scss"
-```
+"use client";
 
-**For React (Core):**
+import { Button, Card, TextInput } from "boreal-ui/next";
 
-If you're using boreal-ui/core, import the base styles in your main entry (e.g., index.tsx or App.tsx):
+export default function Example() {
+  return (
+    <Card title="Welcome" theme="primary" shadow="medium">
+      <TextInput label="Project name" placeholder="Aurora dashboard" />
+      <Button theme="secondary" size="large">
+        Continue
+      </Button>
+    </Card>
+  );
+}
+```
+
+You can also import standalone components:
 
 ```tsx
-import "boreal-ui/core/globals.css";
+import Button from "boreal-ui/core/Button";
+import Card from "boreal-ui/next/Card";
 ```
 
-### Importing Components
-
-**For React (Core):**
+## Components
+
+For deeper consumer API examples, see the [Boreal UI consumer API guides](./docs/README.md). They cover import paths, styling and theming, common component patterns, generated prop docs, public TypeScript types, and contributor workflow.
+
+### Actions
+
+- `Button` supports native buttons, links via `href`, custom elements via `as`, icons, loading states, full-width layout, external links, outline, glass, theme, state, size, rounding, shadow, and ARIA attributes.
+- `IconButton` provides compact icon-only actions with accessible labels.
+- `ScrollToTop` adds a reusable page action for returning to the top of the viewport.
+
+### Forms and Inputs
+
+- `TextInput` and `TextArea` support labels, helper/error text, validation state, disabled state, sizing, theming, and accessible descriptions.
+- `Select` and `ThemeSelect` cover option selection and color-scheme switching.
+- `Checkbox`, `RadioButton`, `RadioGroup`, `Toggle`, and `Slider` provide common controlled input patterns.
+- `ColorPicker` supports color selection flows.
+- `DateTimePicker` handles date and time input.
+- `FileUpload` supports file selection UI.
+- `TagInput` supports editable tag lists, async suggestions, debouncing, accessible listbox labeling, and remove-tag controls.
+- `FormGroup` helps compose labels, helper text, and grouped form controls.
+
+### Data and Content
+
+- `DataTable` supports generic row data, typed columns, sorting, server-side sorting hooks, interactive rows, captions, loading and empty states, row/cell class customization, wrapping cells, striped rows, theme, outline, glass, rounding, shadow, and accessible sort announcements.
+- `MarkdownRenderer` renders markdown content.
+- `Typography` provides semantic text rendering with variants and theme-aware color.
+- `MetricBox` displays key values and supporting content.
+
+### Feedback and Status
+
+- `Badge`, `Chip`, and `ChipGroup` cover labels, statuses, and compact selectable or grouped metadata.
+- `Progressbar`, `CircularProgress`, `Spinner`, and `Skeleton` cover loading and progress states.
+- `Rating` provides star-style rating UI.
+- `Tooltip`, `MessagePopup`, `PopOver`, `Modal`, `NotificationCenter`, and `EmptyState` cover contextual help, alerts, overlays, dialogs, notification lists, and no-data states.
+
+### Navigation and Layout
+
+- `Navbar`, `Sidebar`, `Footer`, `Breadcrumbs`, `Tabs`, `Stepper`, `Timeline`, `Accordion`, `Pager`, `Toolbar`, `Dropdown`, and `Divider` cover navigation, page structure, disclosure, pagination, tool rows, menus, and visual separation.
+- `Card` supports title, description, icon, header/content/footer customization, loading content, outline, glass, shadow, rounding, theme, and section-level class names.
+- `Avatar` supports image, initials, fallback icon, shape, status, status position, size, theme, and custom styling.
+
+## Common Styling Props
+
+Many components share the same styling vocabulary:
+
+| Prop                                 | Values                                                    |
+| ------------------------------------ | --------------------------------------------------------- |
+| `theme`                              | `primary`, `secondary`, `tertiary`, `quaternary`, `clear` |
+| `state`                              | `success`, `error`, `warning`, `disabled`, empty string   |
+| `size`                               | `xs`, `small`, `medium`, `large`, `xl`                    |
+| `rounding`                           | `none`, `small`, `medium`, `large`, `full`                |
+| `shadow`                             | `none`, `light`, `medium`, `strong`, `intense`            |
+| `borderWidth` / `defaultBorderWidth` | `none`, `xs`, `small`, `medium`, `large`, `xl`            |
+| `outline`                            | outline treatment where supported                         |
+| `glass`                              | translucent theme-aware surface where supported           |
+| `className` and section class props  | consumer styling hooks where supported                    |
+| `data-testid`                        | stable test selectors                                     |
+
+Exact props vary by component. TypeScript and the generated prop docs are the source of truth for each component.
+
+## Global Style Defaults
+
+Call `borealConfig` once before rendering your app to set project-wide defaults. `setBorealStyleConfig` remains available as the explicit API name.
+
+```tsx
+import { borealConfig } from "boreal-ui/core";
+
+borealConfig({
+  defaultTheme: "secondary",
+  defaultSize: "medium",
+  defaultRounding: "medium",
+  defaultShadow: "light",
+  defaultBorderWidth: "none",
+  defaultGlass: false,
+  defaultOutline: false,
+  defaultColorSchemeName: "Forest Dusk",
+});
+```
+
+For Next.js, import the same API from `boreal-ui/next`:
+
+```tsx
+import { borealConfig } from "boreal-ui/next";
+```
+
+Component props still win over global defaults:
 
 ```tsx
-import { Button } from "boreal-ui/core/Button";
-import { Card } from "boreal-ui/core/Card";
+<Button theme="primary" size="large" shadow="strong">
+  Save changes
+</Button>
 ```
 
-**For Next.js (Optimized):**
+## Theme Provider and Color Schemes
+
+`ThemeProvider` manages the active color scheme and writes the scheme into CSS variables used by components.
 
 ```tsx
-import { Button } from "boreal-ui/next/Button";
-import { Card } from "boreal-ui/next/Card";
-```
+"use client";
 
----
+import { ThemeProvider } from "boreal-ui/next";
+
+const customSchemes = [
+  {
+    name: "Cyberpunk Pulse",
+    primaryColor: "#ff006e",
+    secondaryColor: "#8338ec",
+    tertiaryColor: "#3a0ca3",
+    quaternaryColor: "#fb5607",
+    backgroundColor: "#0f0f0f",
+    forceTextColor: "#ffffff",
+  },
+];
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <ThemeProvider
+      customSchemes={customSchemes}
+      initialSchemeName="Cyberpunk Pulse"
+    >
+      {children}
+    </ThemeProvider>
+  );
+}
+```
 
-## Global Configuration
+`ThemeProvider` props:
 
-Boreal UI lets you define project-wide style defaults (theme, rounding, shadow, size) in a single config API.
+| Prop                   | Description                                           |
+| ---------------------- | ----------------------------------------------------- |
+| `customSchemes`        | Register additional color schemes at runtime.         |
+| `initialSchemeName`    | Select an initial scheme by name.                     |
+| `useOnlyCustomSchemes` | Use only custom schemes instead of the built-in list. |
 
-**Call the config API**
+Color scheme shape:
 
 ```ts
-import { setBorealStyleConfig } from "boreal-ui/config/[next|core]";
+type ColorScheme = {
+  name: string;
+  primaryColor: string;
+  secondaryColor: string;
+  tertiaryColor: string;
+  quaternaryColor: string;
+  backgroundColor: string;
+  forceTextColor?: string;
+};
+```
+
+You can also use `registerColorScheme` and `defaultColorSchemes`:
 
-setBorealStyleConfig({
-  defaultTheme: "secondary", // "primary" | "secondary" | "tertiary" | "quaternary"
-  defaultRounding: "medium", // "none" | "small" | "medium" | "large" | "full"
-  defaultShadow: "light", // "none" | "light" | "medium" | "strong" | "intense"
-  defaultSize: "large", // "xs" | "small" | "medium" | "large" | "xl"
+```tsx
+import {
+  defaultColorSchemes,
+  registerColorScheme,
+  ThemeSelect,
+} from "boreal-ui/core";
+
+registerColorScheme({
+  name: "Brand Night",
+  primaryColor: "#4f46e5",
+  secondaryColor: "#06b6d4",
+  tertiaryColor: "#a855f7",
+  quaternaryColor: "#22c55e",
+  backgroundColor: "#0f172a",
+  forceTextColor: "#ffffff",
 });
-```
 
-Call this once early in your app before rendering any components.
+console.log(defaultColorSchemes.map((scheme) => scheme.name));
+```
 
-These defaults apply globally, but you can override them per component as needed:
+## Generated Prop Docs
+
+Boreal UI exports generated prop metadata for documentation sites, playgrounds, or prop tables.
 
 ```tsx
-<Button theme="secondary" size="large" shadow="strong">
-  Custom Button
-</Button>
+import { buttonPropDocs, dataTablePropDocs } from "boreal-ui/core";
+
+console.log(buttonPropDocs.name);
+console.log(dataTablePropDocs.props);
+```
+
+The docs export includes `GeneratedComponentDoc` and `GeneratedPropDoc` types, plus one prop-doc object per documented component. Prop docs include `defaultValue` when the component implementation sets a readable default.
+
+For the complete generated prop-doc export list, see [Public API Reference](./docs/public-api-reference.md).
+
+## Type Exports
+
+Shared public types are exported from both builds:
+
+```ts
+import type {
+  BorderType,
+  ColorScheme,
+  RoundingType,
+  ShadowType,
+  SizeType,
+  ThemeType,
+} from "boreal-ui/core";
 ```
 
-## Theming & Custom Color Schemes
+Standalone type entry points are also available:
 
-Boreal UI supports custom color schemes through the `ThemeProvider`.
+```ts
+import type { ThemeType } from "boreal-ui/core/types";
+import type { SizeType } from "boreal-ui/next/types";
+```
 
-**Wrap your app (typically in `_app.tsx` or a custom provider):**
+## CSS Customization
 
-```tsx
-"use client";
-import { ThemeProvider } from "boreal-ui";
+Boreal UI styles are built on CSS variables and SCSS. You can override variables globally or scope them to a subtree:
 
-export default function RootLayout({ children }) {
-  return (
-    <html lang="en">
-      <body>
-        <ThemeProvider
-          customSchemes={[
-            {
-              name: "Cyberpunk Pulse",
-              primaryColor: "#ff006e",
-              secondaryColor: "#8338ec",
-              tertiaryColor: "#3a0ca3",
-              quaternaryColor: "#fb5607",
-              backgroundColor: "#0f0f0f",
-            },
-          ]}
-        >
-          {children}
-        </ThemeProvider>
-      </body>
-    </html>
-  );
+```css
+:root {
+  --font-family-ui: Inter, system-ui, sans-serif;
+  --border-radius-md: 0.5rem;
+  --transition-default: 160ms ease;
+  --focus-outline-color: #2563eb;
+}
+
+.admin-shell {
+  --background-color: #0f172a;
+  --text-color: #f8fafc;
 }
 ```
 
-**Theme property reference:**
+Most components also accept `className`, and larger components expose section-level class props such as `headerClassName`, `contentClassName`, `footerClassName`, `titleClassName`, or similar names where relevant.
 
-| Property          | Description                      |
-| ----------------- | -------------------------------- |
-| `name`            | Unique identifier for the scheme |
-| `primaryColor`    | Main UI color                    |
-| `secondaryColor`  | Accent color                     |
-| `tertiaryColor`   | Additional accent                |
-| `quaternaryColor` | Additional accent                |
-| `backgroundColor` | Background/base color            |
+## Accessibility and Testing
 
----
+Boreal UI is designed for Testing Library, Jest, jest-axe, Cypress, and Storybook workflows.
 
-## Post-Install Verification
+For a full consumer guide, see [Accessibility](./docs/accessibility.md).
 
-After installation, we recommend testing the following in your app:
+- Prefer roles and accessible names in tests.
+- Use `data-testid` when a stable selector is needed.
+- Icon-only controls should receive an accessible label.
+- Helper and error text are connected with ARIA where components support those states.
+- Interactive components are built with keyboard behavior and visible focus states in mind.
 
-- Component renders correctly and styles are applied.
+```tsx
+import { render, screen } from "@testing-library/react";
+import { Button } from "boreal-ui/core";
 
-- Custom theme is working when passed via ThemeProvider.
+it("renders an accessible button", () => {
+  render(<Button>Submit</Button>);
+  expect(screen.getByRole("button", { name: /submit/i })).toBeInTheDocument();
+});
+```
 
-- Global config overrides (theme, size, etc.) are applied.
+## Development
 
-- No console errors or missing styles on first render.
+```bash
+npm run dev
+npm run storybook:core
+npm run storybook:next
+npm run test
+npm run lint
+npm run typecheck
+npm run build
+```
 
-## Why Use Boreal UI?
+Useful scripts:
 
-- Enforces consistent styling and branding across your project.
-- Save time: define defaults once, override only when needed.
-- Switch between multiple color schemes easily (great for light/dark mode).
-- Fully accessible and ready for production.
+| Script                         | Purpose                                                 |
+| ------------------------------ | ------------------------------------------------------- |
+| `npm run build`                | Build core, Next, docs, and public types.               |
+| `npm run test`                 | Run Jest tests.                                         |
+| `npm run test:coverage`        | Run Jest with coverage.                                 |
+| `npm run lint`                 | Lint TypeScript and TSX files.                          |
+| `npm run lint:styles`          | Lint CSS and SCSS files.                                |
+| `npm run audit`                | Run type, lint, style, test, build, and package checks. |
+| `npm run generate:docs`        | Regenerate component prop docs.                         |
+| `npm run generate:entrypoints` | Regenerate component entry points.                      |
+| `npm run generate:exports`     | Regenerate package exports.                             |
+
+Contributor documentation for component structure, generated docs, package output, and release checks lives in [Development Workflow](./docs/development-workflow.md).
 
----
+## Package Entry Points
 
-## Contributing
+```tsx
+import { Button } from "boreal-ui/core";
+import Button from "boreal-ui/core/Button";
+import "boreal-ui/core/globals.css";
 
-1. Fork this repo.
-2. Create a feature branch: `git checkout -b feat/my-component`
-3. Commit your changes: `git commit -m "Add MyComponent"`
-4. Push to your fork: `git push origin feat/my-component`
-5. Open a Pull Request.
+import { Button as NextButton } from "boreal-ui/next";
+import NextCard from "boreal-ui/next/Card";
+import "boreal-ui/next/globals.css";
+```
 
-**Include**
+The root `boreal-ui` entry currently points to the core build. For Next.js apps, prefer `boreal-ui/next` so the Next wrappers and client directives are used.
 
-- Component logic (TSX)
-- Styles (SCSS)
-- Tests (Jest/Cypress)
-- Storybook stories
-- Docs/comments for props
+## Contributing
+
+1. Fork this repo.
+2. Create a feature branch: `git checkout -b feat/my-component`.
+3. Add or update component logic, types, SCSS, tests, stories, and docs metadata as needed.
+4. Run the relevant checks.
+5. Open a pull request.
 
----
+When adding or changing a public component, keep the base/core/next architecture aligned: shared behavior in the base component, global SCSS for core, SCSS Modules for Next, and tests that cover accessibility and customization.
 
 ## License
 
-MIT © [Davin Chiupka](https://davinchiupka.com)
+MIT (c) [Davin Chiupka](https://davinchiupka.ca)

package/dist/core/Accordion-BB3Zdxc5.cjs

@@ -0,0 +1 @@
+"use strict";require('./Accordion.css');const a=require("react/jsx-runtime"),me=require("./propAliases-Bfsf5cJN.cjs"),i=require("react"),b=require("./classNames-C7V3kfBj.cjs"),K=require("./capitalize-CnTiekgk.cjs"),l=require("./boreal-style-config-BB8MdwYx.cjs"),U=({title:u,id:H,children:I,lazyLoad:O=!1,iconPosition:$="right",isToggleable:T=!0,asyncContent:c=!1,rounding:f=l.getDefaultRounding(),shadow:x=l.getDefaultShadow(),description:g,size:j=l.getDefaultSize(),theme:m=l.getDefaultTheme(),state:s="",outline:D=l.getDefaultOutline(),glass:d=l.getDefaultGlass(),expanded:N,disabled:r,customCollapsedIcon:F,customExpandedIcon:J,onToggle:v,initiallyExpanded:y=!1,className:q="",getUniqueId:Q,classMap:e,regionAriaLabel:S,regionAriaLabelledBy:V,regionAriaDescribedBy:W,loadingAriaLabel:X,"aria-label":Y,"aria-labelledby":Z,"aria-describedby":P,"data-testid":M,testId:n=M??"accordion",...ee})=>{const B=N!==void 0,oe=i.useMemo(Q,[]),[ne,ie]=i.useState(y),[w,re]=i.useState(y),[_,L]=i.useState(c&&y),o=B?N:ne,h=H||oe,A=`${h}-content`,C=`${h}-button`,E=g?`${h}-desc`:void 0,k=`${h}-loading`,ae=[E,P].filter(Boolean).join(" ")||void 0,de=V||(S?void 0:C),ce=[W,c&&o&&_?k:void 0].filter(Boolean).join(" ")||void 0,p=()=>{r||!T&&o||(B?v==null||v(!N):ie(t=>!t))},te=t=>{r||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),p())};i.useEffect(()=>{o&&!w&&re(!0)},[o,w]),i.useEffect(()=>{if(c&&o){L(!0);const t=setTimeout(()=>{L(!1)},1e3);return()=>clearTimeout(t)}},[c,o]);const z=o?J??"−":F??"+",se=i.useMemo(()=>b.combineClassNames(e.accordion,e[j],e[s],d&&e.glass,x&&e[`shadow${K.capitalize(x)}`],f&&e[`round${K.capitalize(f)}`],r&&e.disabled,o&&e.expanded,q),[e,j,s,d,x,f,r,o,q]),le=i.useMemo(()=>b.combineClassNames(e.header,e[m],e[s],D&&e.outline,d&&e.glass,r&&e.disabled,o&&e.expanded),[e,m,s,D,d,r,o]),ue=i.useMemo(()=>b.combineClassNames(e.content,d&&e[m],d&&e[s],d&&e.glass,o&&e.expanded),[e,d,m,s,o]),R=i.useMemo(()=>b.combineClassNames(e.icon,o&&e.expanded),[e,o]);return a.jsxs("div",{...ee,className:se,children:[a.jsxs("button",{id:C,className:le,onClick:p,onKeyDown:te,type:"button","aria-expanded":o,"aria-controls":A,"aria-disabled":r||void 0,"aria-label":Y,"aria-labelledby":Z,"aria-describedby":ae,tabIndex:r?-1:0,disabled:r,"data-testid":n?`${n}-accordion-toggle`:void 0,children:[$==="left"&&a.jsx("span",{className:R,"aria-hidden":"true","data-testid":n?`${n}-icon`:void 0,children:z}),a.jsx("span",{className:e.accordionTitle,"data-testid":n?`${n}-title`:void 0,children:u}),$==="right"&&a.jsx("span",{className:R,"aria-hidden":"true","data-testid":n?`${n}-icon`:void 0,children:z})]}),g&&a.jsx("span",{id:E,className:"sr_only","data-testid":n?`${n}-description`:void 0,children:g}),a.jsxs("div",{id:A,role:"region","aria-label":S,"aria-labelledby":de,"aria-describedby":ce,"aria-busy":c&&o&&_?!0:void 0,className:ue,"data-state":o?"open":"collapsed","data-testid":n?`${n}-content`:void 0,children:[o&&c&&_&&a.jsx("div",{id:k,className:e.loading,"aria-live":"polite","aria-atomic":"true","data-testid":n?`${n}-loading`:void 0,children:X||"Loading content"}),(!O||w)&&(!c||!_)&&I]})]})};U.displayName="AccordionBase";const _e={accordion:"accordion",header:"accordion_header",content:"accordion_content",icon:"accordion_icon",accordionTitle:"accordion_title",shadowNone:"accordion_shadow-None",shadowLight:"accordion_shadow-Light",shadowMedium:"accordion_shadow-Medium",shadowStrong:"accordion_shadow-Strong",shadowIntense:"accordion_shadow-Intense",roundNone:"accordion_round-None",roundSmall:"accordion_round-Small",roundMedium:"accordion_round-Medium",roundLarge:"accordion_round-Large",disabled:"accordion_disabled",expanded:"accordion_expanded",primary:"accordion_primary",secondary:"accordion_secondary",tertiary:"accordion_tertiary",quaternary:"accordion_quaternary",success:"accordion_success",error:"accordion_error",warning:"accordion_warning",clear:"accordion_clear",outline:"accordion_outline",glass:"accordion_glass",xs:"accordion_xs",small:"accordion_small",medium:"accordion_medium",large:"accordion_large",xl:"accordion_xl"},he=(()=>{let u=0;return()=>`accordion-core-${u++}`})(),G=u=>a.jsx(U,{...u,getUniqueId:he,classMap:me.expandClassMap(_e)});G.displayName="Accordion";exports.Accordion=G;