@elmeragroup/fuse 0.1.0-canary.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Elmera Group
+
+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

@@ -0,0 +1,51 @@
+# Fuse
+
+`@elmeragroup/fuse` is the Elmera Group component library: whitelabel React components for the energy brands and corporate Elmera. One package, 20 theme permutations, ESM-only.
+
+## Tailwind v4
+
+Requires Tailwind CSS 4.1 or newer. Published code is not scanned by a consumer Tailwind pipeline unless you point `@source` at the **installed package root** (there is no nested `dist/` folder after install):
+
+```css
+@import "tailwindcss";
+@import "@elmeragroup/fuse/css";
+@import "@elmeragroup/fuse/themes.css";
+@source "../node_modules/@elmeragroup/fuse";
+```
+
+Adjust the `@source` path only when the stylesheet is not one directory below the app root.
+
+## Non-Tailwind
+
+```css
+@import "@elmeragroup/fuse/styles.css";
+@import "@elmeragroup/fuse/themes.css";
+```
+
+The standalone stylesheet includes library utilities without Tailwind preflight.
+Keep your app's reset and import `themes.css` in either mode.
+
+## JavaScript
+
+```ts
+import {
+  ColorSchemeScript,
+  LocaleProvider,
+  ThemeProvider,
+  defaultDensityForVariant,
+  densityAttributes,
+  themeAttributes,
+} from "@elmeragroup/fuse/theme";
+```
+
+Brand is a controlled host value: spread `themeAttributes(theme)` on `<html>` and pass the same object to `ThemeProvider`. Stamp density with `densityAttributes(defaultDensityForVariant(theme.variant))` on the same document root — both `dense` and `comfortable` are explicit. Color scheme uses a host-placed `ColorSchemeScript` or `colorSchemeScriptSource` **before** paintable content — the provider is not a first-paint adapter (`injectColorSchemeScript` defaults false). Next App Router and Vite recipes are fixture-verified; Next Pages, TanStack Start, and React Router 7 are written recipes only. Full recipes: [theme integration](<../../apps/docs/src/app/(docs)/handbook/theming/page.tsx>).
+
+Workspace apps import the same public subpaths. Do not deep-import `src/` internals.
+
+## Custom properties
+
+Component `style` props accept React's `CSSProperties`; to pass a custom property such as `--sidebar-width` without a cast, augment csstype's `Properties` interface in your app, with `csstype` installed so the augmentation resolves from the augmenting file — workspace apps inherit the augmentation from `@elmeragroup/typescript-config`.
+
+## Flag assets
+
+PhoneNumberField and `@elmeragroup/fuse/flags` use local external SVG images. Vite 8.2.1 production builds preserve them with default asset settings, including a non-root `base`; no `assetsInlineLimit` override is needed. The generated URLs include a `?no-inline` asset hint before bundling. Treat each value as an opaque image URL. Other bundlers must preserve external URL assets or disable asset inlining in their configuration.

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,27 @@
+# Third-party notices
+
+This package's own code is MIT. The following vendored artwork retains its source
+license and is **not** relicensed as MIT with the surrounding component code.
+
+## Twemoji — Copyright 2019 Twitter, Inc and other contributors
+
+The five hand-inlined face graphics in `@elmeragroup/fuse/emoji` are Twemoji artwork
+for the following code points:
+
+- U+1F641 Slightly Frowning Face
+- U+1F642 Slightly Smiling Face
+- U+1F610 Neutral Face
+- U+1F62D Loudly Crying Face
+- U+1F973 Partying Face
+
+Maintained source: https://github.com/jdecked/twemoji
+
+Licensed under Creative Commons Attribution 4.0 International
+(https://creativecommons.org/licenses/by/4.0/). The complete `LICENSE-GRAPHICS`
+text ships at `licenses/twemoji-CC-BY-4.0.txt`.
+
+### Modifications
+
+The graphics are inlined as React components. An accessibility/data-slot wrapper
+was added (`aria-hidden` / `focusable` decorative default, optional `label` →
+`role="img"` + `aria-label`, and `data-slot="emoji"`). SVG path data unchanged.

package/accordion.d.ts

@@ -0,0 +1,3 @@
+import { accordionVariants } from "./components/accordion/accordion-variants.js";
+import { Accordion } from "./components/accordion/index.js";
+export { Accordion, accordionVariants };

package/accordion.js

@@ -0,0 +1,3 @@
+import { accordionVariants } from "./components/accordion/accordion-variants.js";
+import { Accordion } from "./components/accordion/index.js";
+export { Accordion, accordionVariants };

package/alert-dialog.d.ts

@@ -0,0 +1,3 @@
+import { AlertDialogContentProps } from "./components/alert-dialog/alert-dialog.js";
+import { AlertDialog } from "./components/alert-dialog/index.js";
+export { AlertDialog, type AlertDialogContentProps };

package/alert-dialog.js

@@ -0,0 +1,2 @@
+import { AlertDialog } from "./components/alert-dialog/index.js";
+export { AlertDialog };

package/alert.d.ts

@@ -0,0 +1,2 @@
+import { Alert } from "./components/alert/alert.js";
+export { Alert };

package/alert.js

@@ -0,0 +1,2 @@
+import { Alert } from "./components/alert/alert.js";
+export { Alert };

package/avatar.d.ts

@@ -0,0 +1,2 @@
+import { Avatar } from "./components/avatar/index.js";
+export { Avatar };

package/avatar.js

@@ -0,0 +1,2 @@
+import { Avatar } from "./components/avatar/index.js";
+export { Avatar };

package/badge.d.ts

@@ -0,0 +1,3 @@
+import { badgeVariants } from "./components/badge/badge-variants.js";
+import { Badge, BadgeProps } from "./components/badge/badge.js";
+export { Badge, type BadgeProps, badgeVariants };

package/badge.js

@@ -0,0 +1,3 @@
+import { badgeVariants } from "./components/badge/badge-variants.js";
+import { Badge } from "./components/badge/badge.js";
+export { Badge, badgeVariants };

package/breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import { Breadcrumb } from "./components/breadcrumb/index.js";
+export { Breadcrumb };

package/breadcrumb.js

@@ -0,0 +1,2 @@
+import { Breadcrumb } from "./components/breadcrumb/index.js";
+export { Breadcrumb };

package/button-group.d.ts

@@ -0,0 +1,4 @@
+import { buttonGroupVariants } from "./components/button-group/button-group-variants.js";
+import { ButtonGroupRootProps, ButtonGroupSeparatorProps, ButtonGroupTextProps } from "./components/button-group/button-group.js";
+import { ButtonGroup } from "./components/button-group/index.js";
+export { ButtonGroup, type ButtonGroupRootProps, type ButtonGroupSeparatorProps, type ButtonGroupTextProps, buttonGroupVariants };

package/button-group.js

@@ -0,0 +1,3 @@
+import { buttonGroupVariants } from "./components/button-group/button-group-variants.js";
+import { ButtonGroup } from "./components/button-group/index.js";
+export { ButtonGroup, buttonGroupVariants };

package/button.d.ts

@@ -0,0 +1,3 @@
+import { buttonVariants } from "./components/button/button-variants.js";
+import { Button, ButtonProps } from "./components/button/button.js";
+export { Button, type ButtonProps, buttonVariants };

package/button.js

@@ -0,0 +1,3 @@
+import { buttonVariants } from "./components/button/button-variants.js";
+import { Button } from "./components/button/button.js";
+export { Button, buttonVariants };

package/card.d.ts

@@ -0,0 +1,3 @@
+import { cardVariants } from "./components/card/card-variants.js";
+import { Card } from "./components/card/card.js";
+export { Card, cardVariants };

package/card.js

@@ -0,0 +1,3 @@
+import { cardVariants } from "./components/card/card-variants.js";
+import { Card } from "./components/card/card.js";
+export { Card, cardVariants };

package/checkbox-card.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxCard, CheckboxCardProps } from "./components/checkbox-card/checkbox-card.js";
+export { CheckboxCard, type CheckboxCardProps };

package/checkbox-card.js

@@ -0,0 +1,2 @@
+import { CheckboxCard } from "./components/checkbox-card/checkbox-card.js";
+export { CheckboxCard };

package/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { Checkbox, CheckboxDescription, CheckboxDescriptionProps, CheckboxGroup, CheckboxGroupProps, CheckboxItemGroup } from "./components/checkbox/checkbox.js";
+import { CheckboxItem, CheckboxItemProps } from "./components/checkbox/checkbox-item.js";
+export { Checkbox, CheckboxDescription, type CheckboxDescriptionProps, CheckboxGroup, type CheckboxGroupProps, CheckboxItem, CheckboxItemGroup, type CheckboxItemProps };

package/checkbox.js

@@ -0,0 +1,3 @@
+import { Checkbox, CheckboxDescription, CheckboxGroup, CheckboxItemGroup } from "./components/checkbox/checkbox.js";
+import { CheckboxItem } from "./components/checkbox/checkbox-item.js";
+export { Checkbox, CheckboxDescription, CheckboxGroup, CheckboxItem, CheckboxItemGroup };

package/code.d.ts

@@ -0,0 +1,2 @@
+import { Code, CodeProps } from "./components/code/code.js";
+export { Code, type CodeProps };

package/code.js

@@ -0,0 +1,2 @@
+import { Code } from "./components/code/code.js";
+export { Code };

package/collapsible.d.ts

@@ -0,0 +1,2 @@
+import { Collapsible } from "./components/collapsible/index.js";
+export { Collapsible };

package/collapsible.js

@@ -0,0 +1,2 @@
+import { Collapsible } from "./components/collapsible/index.js";
+export { Collapsible };

package/combobox.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxChipProps, ComboboxClearProps, ComboboxContentProps, ComboboxInputProps, ComboboxRootProps, useComboboxAnchor } from "./components/combobox/combobox.js";
+import { Combobox } from "./components/combobox/index.js";
+export { Combobox, type ComboboxChipProps, type ComboboxClearProps, type ComboboxContentProps, type ComboboxInputProps, type ComboboxRootProps, useComboboxAnchor };

package/combobox.js

@@ -0,0 +1,3 @@
+import { useComboboxAnchor } from "./components/combobox/combobox.js";
+import { Combobox } from "./components/combobox/index.js";
+export { Combobox, useComboboxAnchor };

package/components/accordion/accordion-variants.d.ts

@@ -0,0 +1,112 @@
+//#region src/components/accordion/accordion-variants.d.ts
+export declare const accordionVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: {
+      item: string;
+      trigger: string;
+    };
+    card: {
+      base: string;
+      item: string;
+      content: string;
+      icon: string;
+    };
+    infodropdown: {
+      base: string;
+      trigger: string;
+      icon: string;
+      content: string;
+    };
+  };
+  radius: {
+    none: {};
+    lg: {
+      item: string;
+    };
+    xl: {
+      item: string;
+    };
+  };
+}, {
+  base: string;
+  item: string;
+  header: string;
+  trigger: string;
+  icon: string;
+  content: string;
+  contentInner: string;
+}, undefined, {
+  variant: {
+    default: {
+      item: string;
+      trigger: string;
+    };
+    card: {
+      base: string;
+      item: string;
+      content: string;
+      icon: string;
+    };
+    infodropdown: {
+      base: string;
+      trigger: string;
+      icon: string;
+      content: string;
+    };
+  };
+  radius: {
+    none: {};
+    lg: {
+      item: string;
+    };
+    xl: {
+      item: string;
+    };
+  };
+}, {
+  base: string;
+  item: string;
+  header: string;
+  trigger: string;
+  icon: string;
+  content: string;
+  contentInner: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: {
+      item: string;
+      trigger: string;
+    };
+    card: {
+      base: string;
+      item: string;
+      content: string;
+      icon: string;
+    };
+    infodropdown: {
+      base: string;
+      trigger: string;
+      icon: string;
+      content: string;
+    };
+  };
+  radius: {
+    none: {};
+    lg: {
+      item: string;
+    };
+    xl: {
+      item: string;
+    };
+  };
+}, {
+  base: string;
+  item: string;
+  header: string;
+  trigger: string;
+  icon: string;
+  content: string;
+  contentInner: string;
+}>>;
+//#endregion
+//# sourceMappingURL=accordion-variants.d.ts.map

package/components/accordion/accordion-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-variants.d.ts","names":[],"sources":["../../../src/components/accordion/accordion-variants.ts"],"mappings":";qBAoBa,+CAAiB;;IAiBxB;MACE;MACA;;IAEF;MACE;MACA;MACA;MACA;;IAEF;MACE;MACA;MACA;MACA;;;;IAIF;IACA;MAAM;;IACN;MAAM"}

package/components/accordion/accordion-variants.js

@@ -0,0 +1,63 @@
+import { cn } from "../../styles/cn.js";
+import { panelHeightTransition } from "../../styles/panel-height.js";
+import { dataStateFaceClass, nativeStateFaceClass } from "../../styles/state-face.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { tv } from "tailwind-variants";
+//#region src/components/accordion/accordion-variants.ts
+/**
+* PUBLIC slot recipe. Consumers borrow it from
+* `@elmeragroup/fuse/accordion`. Context-passed `variant` / `radius` stay on Root;
+* parts call this with the published axes for their own slot.
+*
+* Height on `content` is the approved layout exception, owned once by the shared
+* `panelHeightTransition` constant (`styles/panel-height.ts`) against base-ui's
+* `--accordion-panel-height` — not a control-box rung.
+*
+* The trigger is a native button that Base UI also marks `data-disabled`, and a consumer may
+* announce it `aria-disabled`, so it composes the `native` and `data` state faces (both
+* carry the `aria-disabled` arm) and gates its hover underline behind `enabled-hover:`.
+*/
+const accordionVariants = tv({
+	slots: {
+		base: "",
+		item: "p-4",
+		header: "flex",
+		trigger: cn("group/accordion-trigger font-medium flex flex-1 cursor-pointer items-center justify-between gap-2 data-[panel-open]:pb-4 enabled-hover:underline", selfFocusRingClass, nativeStateFaceClass, dataStateFaceClass),
+		icon: "size-4 shrink-0 text-foreground transition-transform duration-200 group-data-[panel-open]/accordion-trigger:rotate-180",
+		content: cn(panelHeightTransition, "h-(--accordion-panel-height)"),
+		contentInner: "pt-1.5"
+	},
+	variants: {
+		variant: {
+			default: {
+				item: "rounded-sm bg-muted",
+				trigger: "transition-[padding-bottom]"
+			},
+			card: {
+				base: "space-y-3",
+				item: "rounded-lg border bg-card text-foreground",
+				content: "rounded-lg bg-card text-foreground",
+				icon: "text-foreground"
+			},
+			infodropdown: {
+				base: "border-b border-border",
+				trigger: "relative justify-start data-[panel-open]:pb-0",
+				icon: "absolute right-0",
+				content: "pl-7"
+			}
+		},
+		radius: {
+			none: {},
+			lg: { item: "overflow-hidden rounded-lg" },
+			xl: { item: "overflow-hidden rounded-xl" }
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		radius: "none"
+	}
+});
+//#endregion
+export { accordionVariants };
+
+//# sourceMappingURL=accordion-variants.js.map

package/components/accordion/accordion-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-variants.js","names":[],"sources":["../../../src/components/accordion/accordion-variants.ts"],"sourcesContent":["/**\n * PUBLIC slot recipe. Consumers borrow it from\n * `@elmeragroup/fuse/accordion`. Context-passed `variant` / `radius` stay on Root;\n * parts call this with the published axes for their own slot.\n *\n * Height on `content` is the approved layout exception, owned once by the shared\n * `panelHeightTransition` constant (`styles/panel-height.ts`) against base-ui's\n * `--accordion-panel-height` — not a control-box rung.\n *\n * The trigger is a native button that Base UI also marks `data-disabled`, and a consumer may\n * announce it `aria-disabled`, so it composes the `native` and `data` state faces (both\n * carry the `aria-disabled` arm) and gates its hover underline behind `enabled-hover:`.\n */\nimport { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { panelHeightTransition } from \"../../styles/panel-height\";\nimport { dataStateFaceClass, nativeStateFaceClass } from \"../../styles/state-face\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\n\nexport const accordionVariants = tv({\n  slots: {\n    base: \"\",\n    item: \"p-4\",\n    header: \"flex\",\n    trigger: cn(\n      \"group/accordion-trigger font-medium flex flex-1 cursor-pointer items-center justify-between gap-2 data-[panel-open]:pb-4 enabled-hover:underline\",\n      selfFocusRingClass,\n      nativeStateFaceClass,\n      dataStateFaceClass\n    ),\n    icon: \"size-4 shrink-0 text-foreground transition-transform duration-200 group-data-[panel-open]/accordion-trigger:rotate-180\",\n    content: cn(panelHeightTransition, \"h-(--accordion-panel-height)\"),\n    contentInner: \"pt-1.5\",\n  },\n  variants: {\n    variant: {\n      default: {\n        item: \"rounded-sm bg-muted\",\n        trigger: \"transition-[padding-bottom]\",\n      },\n      card: {\n        base: \"space-y-3\",\n        item: \"rounded-lg border bg-card text-foreground\",\n        content: \"rounded-lg bg-card text-foreground\",\n        icon: \"text-foreground\",\n      },\n      infodropdown: {\n        base: \"border-b border-border\",\n        trigger: \"relative justify-start data-[panel-open]:pb-0\",\n        icon: \"absolute right-0\",\n        content: \"pl-7\",\n      },\n    },\n    radius: {\n      none: {}, // Not dead: the default and a published `radius` value.\n      lg: { item: \"overflow-hidden rounded-lg\" },\n      xl: { item: \"overflow-hidden rounded-xl\" },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    radius: \"none\",\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAa,oBAAoB,GAAG;CAClC,OAAO;EACL,MAAM;EACN,MAAM;EACN,QAAQ;EACR,SAAS,GACP,oJACA,oBACA,sBACA,kBACF;EACA,MAAM;EACN,SAAS,GAAG,uBAAuB,8BAA8B;EACjE,cAAc;CAChB;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;IACN,SAAS;GACX;GACA,MAAM;IACJ,MAAM;IACN,MAAM;IACN,SAAS;IACT,MAAM;GACR;GACA,cAAc;IACZ,MAAM;IACN,SAAS;IACT,MAAM;IACN,SAAS;GACX;EACF;EACA,QAAQ;GACN,MAAM,CAAC;GACP,IAAI,EAAE,MAAM,6BAA6B;GACzC,IAAI,EAAE,MAAM,6BAA6B;EAC3C;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;AACF,CAAC"}

package/components/accordion/accordion.d.ts

@@ -0,0 +1,38 @@
+import { accordionVariants } from "./accordion-variants.js";
+import { ComponentProps, ReactElement } from "react";
+import { Accordion, AccordionRoot } from "@base-ui/react/accordion";
+import { VariantProps } from "tailwind-variants";
+//#region src/components/accordion/accordion.d.ts
+type AccordionVariantProps = VariantProps<typeof accordionVariants>;
+type WithSlotClassName<T> = Omit<T, "className"> & {
+  /** Extra classes, merged into the part's recipe slot via the recipe `className` argument. */
+  className?: string;
+};
+/**
+ * Client accordion over `@base-ui/react/accordion`. Root owns
+ * open-item state; `variant` / `radius` publish through module-private context so
+ * parts style themselves.
+ */
+declare function AccordionRoot$1<Value = unknown>({ className, variant, radius, ...props }: WithSlotClassName<AccordionRoot.Props<Value>> & AccordionVariantProps): ReactElement;
+declare namespace AccordionRoot$1 {
+  var displayName: string;
+}
+export declare function AccordionItem({ className, ...props }: WithSlotClassName<ComponentProps<typeof Accordion.Item>>): ReactElement;
+export declare namespace AccordionItem {
+  var displayName: string;
+}
+export declare function AccordionHeader({ className, ...props }: WithSlotClassName<ComponentProps<typeof Accordion.Header>>): ReactElement;
+export declare namespace AccordionHeader {
+  var displayName: string;
+}
+export declare function AccordionTrigger({ className, children, ...props }: WithSlotClassName<ComponentProps<typeof Accordion.Trigger>>): ReactElement;
+export declare namespace AccordionTrigger {
+  var displayName: string;
+}
+export declare function AccordionContent({ className, children, ...props }: WithSlotClassName<ComponentProps<typeof Accordion.Panel>>): ReactElement;
+export declare namespace AccordionContent {
+  var displayName: string;
+}
+//#endregion
+export { AccordionRoot$1 as AccordionRoot };
+//# sourceMappingURL=accordion.d.ts.map

package/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/components/accordion/accordion.tsx"],"mappings":";;;;;KAYK,wBAAwB,oBAAoB;KAE5C,kBAAkB,KAAK,KAAK;;EAE/B;;;;;;;iBAkBc,gBAAc,mBAC5B,WACA,SACA,WACG,SACF,kBAAkB,cAAkB,MAAM,UAAU,wBAAwB;kBAL/D;MAAA;;wBAgBA,gBACd,cACG,SACF,kBAAkB,sBAAsB,UAAmB,SAAS;yBAHvD;MAAA;;wBAUA,kBACd,cACG,SACF,kBAAkB,sBAAsB,UAAmB,WAAW;yBAHzD;MAAA;;wBAYA,mBACd,WACA,aACG,SACF,kBAAkB,sBAAsB,UAAmB,YAAY;yBAJ1D;MAAA;;wBAgBA,mBACd,WACA,aACG,SACF,kBAAkB,sBAAsB,UAAmB,UAAU;yBAJxD;MAAA"}

package/components/accordion/accordion.js

@@ -0,0 +1,89 @@
+"use client";
+import { CaretDown } from "../../icons/generated/caret-down.js";
+import { accordionVariants } from "./accordion-variants.js";
+import { createContext, useContext, useMemo } from "react";
+import { Accordion } from "@base-ui/react/accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/accordion/accordion.tsx
+const AccordionContext = createContext(null);
+function useAccordion() {
+	const context = useContext(AccordionContext);
+	if (context === null) throw new Error("useAccordion must be used within Accordion.Root");
+	return context;
+}
+/**
+* Client accordion over `@base-ui/react/accordion`. Root owns
+* open-item state; `variant` / `radius` publish through module-private context so
+* parts style themselves.
+*/
+function AccordionRoot$1({ className, variant = "default", radius = "none", ...props }) {
+	const { base } = accordionVariants({
+		variant,
+		radius
+	});
+	const variants = useMemo(() => ({
+		variant,
+		radius
+	}), [variant, radius]);
+	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
+		value: variants,
+		children: /* @__PURE__ */ jsx(Accordion.Root, {
+			"data-slot": "accordion",
+			className: base({ className }),
+			...props
+		})
+	});
+}
+function AccordionItem({ className, ...props }) {
+	const variants = useAccordion();
+	const { item } = accordionVariants(variants);
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		"data-slot": "accordion-item",
+		className: item({ className }),
+		...props
+	});
+}
+function AccordionHeader({ className, ...props }) {
+	const variants = useAccordion();
+	const { header } = accordionVariants(variants);
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		"data-slot": "accordion-header",
+		className: header({ className }),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	const variants = useAccordion();
+	const { trigger, icon } = accordionVariants(variants);
+	return /* @__PURE__ */ jsxs(Accordion.Trigger, {
+		"data-slot": "accordion-trigger",
+		className: trigger({ className }),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(CaretDown, {
+			"aria-hidden": "true",
+			className: icon()
+		})]
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	const variants = useAccordion();
+	const { content, contentInner } = accordionVariants(variants);
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		"data-slot": "accordion-content",
+		className: content(),
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: contentInner({ className }),
+			children
+		})
+	});
+}
+AccordionRoot$1.displayName = "Accordion.Root";
+AccordionItem.displayName = "Accordion.Item";
+AccordionHeader.displayName = "Accordion.Header";
+AccordionTrigger.displayName = "Accordion.Trigger";
+AccordionContent.displayName = "Accordion.Content";
+//#endregion
+export { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot$1 as AccordionRoot, AccordionTrigger };
+
+//# sourceMappingURL=accordion.js.map

package/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["AccordionRoot","AccordionPrimitive"],"sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport type { AccordionRoot as AccordionRootType } from \"@base-ui/react/accordion\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { CaretDown } from \"../../icons/generated/caret-down\";\nimport { accordionVariants } from \"./accordion-variants\";\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\n\ntype WithSlotClassName<T> = Omit<T, \"className\"> & {\n  /** Extra classes, merged into the part's recipe slot via the recipe `className` argument. */\n  className?: string;\n};\n\nconst AccordionContext = createContext<AccordionVariantProps | null>(null);\n\nfunction useAccordion(): AccordionVariantProps {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\"useAccordion must be used within Accordion.Root\");\n  }\n  return context;\n}\n\n/**\n * Client accordion over `@base-ui/react/accordion`. Root owns\n * open-item state; `variant` / `radius` publish through module-private context so\n * parts style themselves.\n */\nexport function AccordionRoot<Value = unknown>({\n  className,\n  variant = \"default\",\n  radius = \"none\",\n  ...props\n}: WithSlotClassName<AccordionRootType.Props<Value>> & AccordionVariantProps): ReactElement {\n  const { base } = accordionVariants({ variant, radius });\n  const variants = useMemo((): AccordionVariantProps => ({ variant, radius }), [variant, radius]);\n\n  return (\n    <AccordionContext.Provider value={variants}>\n      <AccordionPrimitive.Root data-slot=\"accordion\" className={base({ className })} {...props} />\n    </AccordionContext.Provider>\n  );\n}\n\nexport function AccordionItem({\n  className,\n  ...props\n}: WithSlotClassName<ComponentProps<typeof AccordionPrimitive.Item>>): ReactElement {\n  const variants = useAccordion();\n  const { item } = accordionVariants(variants);\n\n  return <AccordionPrimitive.Item data-slot=\"accordion-item\" className={item({ className })} {...props} />;\n}\n\nexport function AccordionHeader({\n  className,\n  ...props\n}: WithSlotClassName<ComponentProps<typeof AccordionPrimitive.Header>>): ReactElement {\n  const variants = useAccordion();\n  const { header } = accordionVariants(variants);\n\n  return (\n    <AccordionPrimitive.Header data-slot=\"accordion-header\" className={header({ className })} {...props} />\n  );\n}\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ...props\n}: WithSlotClassName<ComponentProps<typeof AccordionPrimitive.Trigger>>): ReactElement {\n  const variants = useAccordion();\n  const { trigger, icon } = accordionVariants(variants);\n\n  return (\n    <AccordionPrimitive.Trigger data-slot=\"accordion-trigger\" className={trigger({ className })} {...props}>\n      {children}\n      <CaretDown aria-hidden=\"true\" className={icon()} />\n    </AccordionPrimitive.Trigger>\n  );\n}\n\nexport function AccordionContent({\n  className,\n  children,\n  ...props\n}: WithSlotClassName<ComponentProps<typeof AccordionPrimitive.Panel>>): ReactElement {\n  const variants = useAccordion();\n  const { content, contentInner } = accordionVariants(variants);\n\n  return (\n    <AccordionPrimitive.Panel data-slot=\"accordion-content\" className={content()} {...props}>\n      <div className={contentInner({ className })}>{children}</div>\n    </AccordionPrimitive.Panel>\n  );\n}\n\nAccordionRoot.displayName = \"Accordion.Root\";\nAccordionItem.displayName = \"Accordion.Item\";\nAccordionHeader.displayName = \"Accordion.Header\";\nAccordionTrigger.displayName = \"Accordion.Trigger\";\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":";;;;;;;AAmBA,MAAM,mBAAmB,cAA4C,IAAI;AAEzE,SAAS,eAAsC;CAC7C,MAAM,UAAU,WAAW,gBAAgB;CAC3C,IAAI,YAAY,MACd,MAAM,IAAI,MAAM,iDAAiD;CAEnE,OAAO;AACT;;;;;;AAOA,SAAgBA,gBAA+B,EAC7C,WACA,UAAU,WACV,SAAS,QACT,GAAG,SACuF;CAC1F,MAAM,EAAE,SAAS,kBAAkB;EAAE;EAAS;CAAO,CAAC;CACtD,MAAM,WAAW,eAAsC;EAAE;EAAS;CAAO,IAAI,CAAC,SAAS,MAAM,CAAC;CAE9F,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAChC,UAAA,oBAACC,UAAmB,MAApB;GAAyB,aAAU;GAAY,WAAW,KAAK,EAAE,UAAU,CAAC;GAAG,GAAI;EAAQ,CAAA;CAClE,CAAA;AAE/B;AAEA,SAAgB,cAAc,EAC5B,WACA,GAAG,SAC+E;CAClF,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,SAAS,kBAAkB,QAAQ;CAE3C,OAAO,oBAACA,UAAmB,MAApB;EAAyB,aAAU;EAAiB,WAAW,KAAK,EAAE,UAAU,CAAC;EAAG,GAAI;CAAQ,CAAA;AACzG;AAEA,SAAgB,gBAAgB,EAC9B,WACA,GAAG,SACiF;CACpF,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,WAAW,kBAAkB,QAAQ;CAE7C,OACE,oBAACA,UAAmB,QAApB;EAA2B,aAAU;EAAmB,WAAW,OAAO,EAAE,UAAU,CAAC;EAAG,GAAI;CAAQ,CAAA;AAE1G;AAEA,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SACkF;CACrF,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,SAAS,SAAS,kBAAkB,QAAQ;CAEpD,OACE,qBAACA,UAAmB,SAApB;EAA4B,aAAU;EAAoB,WAAW,QAAQ,EAAE,UAAU,CAAC;EAAG,GAAI;EAAjG,UAAA,CACG,UACD,oBAAC,WAAD;GAAW,eAAY;GAAO,WAAW,KAAK;EAAI,CAAA,CACxB;;AAEhC;AAEA,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SACgF;CACnF,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,SAAS,iBAAiB,kBAAkB,QAAQ;CAE5D,OACE,oBAACA,UAAmB,OAApB;EAA0B,aAAU;EAAoB,WAAW,QAAQ;EAAG,GAAI;EAChF,UAAA,oBAAC,OAAD;GAAK,WAAW,aAAa,EAAE,UAAU,CAAC;GAAI;EAAc,CAAA;CACpC,CAAA;AAE9B;AAEA,gBAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,gBAAgB,cAAc;AAC9B,iBAAiB,cAAc;AAC/B,iBAAiB,cAAc"}

package/components/accordion/index.d.ts

@@ -0,0 +1,11 @@
+import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger } from "./accordion.js";
+//#region src/components/accordion/index.d.ts
+export declare const Accordion: {
+  Root: typeof AccordionRoot;
+  Item: typeof AccordionItem;
+  Header: typeof AccordionHeader;
+  Trigger: typeof AccordionTrigger;
+  Content: typeof AccordionContent;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/accordion/index.ts"],"mappings":";;qBAaa;EACX,aAAI;EACJ,aAAI;EACJ,eAAM;EACN,gBAAO;EACP,gBAAO"}

package/components/accordion/index.js

@@ -0,0 +1,18 @@
+import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger } from "./accordion.js";
+//#region src/components/accordion/index.ts
+/**
+* Server-visible namespace for `Accordion`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Accordion = {
+	Root: AccordionRoot,
+	Item: AccordionItem,
+	Header: AccordionHeader,
+	Trigger: AccordionTrigger,
+	Content: AccordionContent
+};
+//#endregion
+export { Accordion };
+
+//# sourceMappingURL=index.js.map

package/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/accordion/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Accordion`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  AccordionRoot,\n  AccordionItem,\n  AccordionHeader,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./accordion\";\n\nexport const Accordion = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n};\n"],"mappings":";;;;;;;AAaA,MAAa,YAAY;CACvB,MAAM;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,SAAS;AACX"}