@noxickon/onyx 5.0.1 → 6.0.0

package/dist/internal/styles/addonStyles.d.ts

@@ -0,0 +1,88 @@
+export type InlineAddonAlign = 'inline-start' | 'inline-end';
+export type BlockAddonAlign = 'block-start' | 'block-end';
+export type AddonAlign = InlineAddonAlign | BlockAddonAlign;
+export type AddonVariant = 'separated' | 'inline';
+export declare const addonEdge: (align: AddonAlign) => "prefix" | "suffix";
+export declare const addonButtonReset: string[];
+export declare const addonLinkCursors = "[&_a]:cursor-pointer [&_[role=button]]:cursor-pointer [&_[role=link]]:cursor-pointer";
+export declare const controlInnerSquareWidth = "w-[calc(var(--control-h-md)-2px)]";
+export declare const addonBaseField: string[];
+export declare const nestedControlReset: string[];
+export declare const addonBaseCompact: string[];
+declare const inlinePaddingMap: {
+    readonly none: {
+        readonly 'inline-start': "";
+        readonly 'inline-end': "";
+    };
+    readonly collapse: {
+        readonly 'inline-start': "pe-0";
+        readonly 'inline-end': "ps-0";
+    };
+    readonly 'collapse-button': {
+        readonly 'inline-start': "pe-0 has-[button]:ps-1";
+        readonly 'inline-end': "ps-0 has-[button]:pe-1";
+    };
+};
+export declare const createInlineAddonVariants: ({ inlinePadding, surface, }: {
+    inlinePadding?: keyof typeof inlinePaddingMap;
+    surface: string;
+}) => import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'inline-start': string;
+        'inline-end': string;
+    };
+}, undefined, undefined, {
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'inline-start': string;
+        'inline-end': string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'inline-start': string;
+        'inline-end': string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+export declare const createBlockAddonVariants: ({ inlineBorder, surface, }: {
+    inlineBorder?: boolean;
+    surface: string;
+}) => import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'block-start': string;
+        'block-end': string;
+    };
+}, undefined, undefined, {
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'block-start': string;
+        'block-end': string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        separated: string;
+        inline: string;
+    };
+    align: {
+        'block-start': string;
+        'block-end': string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+export {};

package/dist/internal/styles/addonStyles.js

@@ -0,0 +1,96 @@
+import { tv as e } from "../tv.js";
+//#region src/internal/styles/addonStyles.ts
+var t = (e) => e === "inline-start" || e === "block-start" ? "prefix" : "suffix", n = [
+	"[&_button]:grid [&_button]:place-items-center [&_button]:shrink-0 [&_button]:size-6.5 [&_button]:rounded-sm",
+	"[&_button]:cursor-pointer [&_button]:text-fg-subtle [&_button]:transition-colors [&_button]:ease-out",
+	"[&_button]:hover:bg-surface-high [&_button]:hover:text-fg",
+	"[&_button]:focus-visible:bg-surface-high [&_button]:focus-visible:text-fg",
+	"[&_button]:focus-visible:outline-none [&_button_svg]:size-3.75"
+], r = "[&_a]:cursor-pointer [&_[role=button]]:cursor-pointer [&_[role=link]]:cursor-pointer", i = "w-[calc(var(--control-h-md)-2px)]", a = "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0", o = [
+	"inline-flex items-center shrink-0 gap-1.5 px-control",
+	"text-fg-subtle text-control whitespace-nowrap cursor-text",
+	...n,
+	r
+], s = [
+	"[&_[data-ox-group-control]]:h-auto [&_[data-ox-group-control]]:flex-1 [&_[data-ox-group-control]]:min-w-0",
+	"[&_[data-ox-group-control]]:rounded-none [&_[data-ox-group-control]]:border-0 [&_[data-ox-group-control]]:bg-transparent",
+	"[&_[data-ox-group-control]]:shadow-none [&_[data-ox-group-control]]:outline-none",
+	"[&_[data-ox-group-control]]:focus-visible:border-transparent [&_[data-ox-group-control]]:focus-visible:shadow-none",
+	"[&_[data-ox-group-control]]:ox-readonly:bg-transparent [&_[data-ox-group-control]]:ox-readonly:text-fg"
+], c = [
+	"inline-flex items-center shrink-0 gap-1.5 px-control",
+	"text-fg-subtle whitespace-nowrap",
+	"[&_button]:cursor-pointer [&_a]:cursor-pointer",
+	"[&_[role=button]]:cursor-pointer [&_[role=link]]:cursor-pointer"
+], l = {
+	none: {
+		"inline-start": "",
+		"inline-end": ""
+	},
+	collapse: {
+		"inline-start": "pe-0",
+		"inline-end": "ps-0"
+	},
+	"collapse-button": {
+		"inline-start": "pe-0 has-[button]:ps-1",
+		"inline-end": "ps-0 has-[button]:pe-1"
+	}
+}, u = ({ inlinePadding: t = "none", surface: n }) => {
+	let r = l[t];
+	return e({
+		variants: {
+			variant: {
+				separated: a,
+				inline: ""
+			},
+			align: {
+				"inline-start": "",
+				"inline-end": ""
+			}
+		},
+		compoundVariants: [
+			{
+				variant: "separated",
+				align: "inline-start",
+				class: `border-e border-line ${n}`
+			},
+			{
+				variant: "separated",
+				align: "inline-end",
+				class: `border-s border-line ${n}`
+			},
+			{
+				variant: "inline",
+				align: "inline-start",
+				class: r["inline-start"]
+			},
+			{
+				variant: "inline",
+				align: "inline-end",
+				class: r["inline-end"]
+			}
+		]
+	});
+}, d = ({ inlineBorder: t = !1, surface: n }) => e({
+	variants: {
+		variant: {
+			separated: "",
+			inline: ""
+		},
+		align: {
+			"block-start": t ? "border-b border-line" : "",
+			"block-end": t ? "border-t border-line" : ""
+		}
+	},
+	compoundVariants: [{
+		variant: "separated",
+		align: "block-start",
+		class: `border-b border-line ${n}`
+	}, {
+		variant: "separated",
+		align: "block-end",
+		class: `border-t border-line ${n}`
+	}]
+});
+//#endregion
+export { c as addonBaseCompact, o as addonBaseField, n as addonButtonReset, t as addonEdge, r as addonLinkCursors, i as controlInnerSquareWidth, d as createBlockAddonVariants, u as createInlineAddonVariants, s as nestedControlReset };

package/dist/internal/styles/choiceControlStyles.d.ts

@@ -0,0 +1,2 @@
+export declare const choiceControl: string[];
+export declare const choiceBox: string[];

package/dist/internal/styles/choiceControlStyles.js

@@ -0,0 +1,17 @@
+//#region src/internal/styles/choiceControlStyles.ts
+var e = [
+	"cursor-pointer select-none [&_input]:outline-none",
+	"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-ink",
+	"ox-invalid:border-[var(--err-strong)] group-data-[invalid]/field:border-[var(--err-strong)]",
+	"ox-disabled:cursor-not-allowed ox-disabled:opacity-50",
+	"ox-readonly:cursor-default"
+], t = [
+	"relative inline-flex size-4 shrink-0 items-center justify-center pointer-coarse:size-5",
+	"border-[1.5px] border-line-strong bg-surface",
+	"transition ease-out-quint",
+	"ox-editable:data-unchecked:hover:border-primary-ink",
+	"ox-invalid:focus-visible:outline-[var(--err-strong)]",
+	"group-data-[invalid]/field:focus-visible:outline-[var(--err-strong)]"
+];
+//#endregion
+export { t as choiceBox, e as choiceControl };

package/dist/internal/styles/collapsiblePanelStyles.d.ts

@@ -0,0 +1,2 @@
+export declare const collapsiblePanelMotion: string[];
+export declare const collapsiblePanelClip = "overflow-hidden";

package/dist/internal/styles/collapsiblePanelStyles.js

@@ -0,0 +1,8 @@
+//#region src/internal/styles/collapsiblePanelStyles.ts
+var e = [
+	"grid grid-rows-[1fr] opacity-100",
+	"transition-[grid-template-rows,opacity] duration-300 ease-spring motion-reduce:transition-none",
+	"ox-starting:grid-rows-[0fr] ox-starting:opacity-0 ox-ending:grid-rows-[0fr] ox-ending:opacity-0"
+], t = "overflow-hidden";
+//#endregion
+export { t as collapsiblePanelClip, e as collapsiblePanelMotion };

package/dist/internal/styles/controlStyles.d.ts

@@ -0,0 +1,6 @@
+declare const controlSurface: string[];
+declare const controlFocusWithin: string[];
+declare const controlFocusVisible: string[];
+declare const controlDisabled = "ox-disabled:pointer-events-none ox-disabled:opacity-50 ox-disabled:bg-surface-raised";
+declare const controlReadonly = "ox-readonly:bg-sunken ox-readonly:text-fg-muted";
+export { controlDisabled, controlFocusVisible, controlFocusWithin, controlReadonly, controlSurface, };

package/dist/internal/styles/controlStyles.js

@@ -0,0 +1,14 @@
+//#region src/internal/styles/controlStyles.ts
+var e = ["rounded-control border border-line bg-surface text-fg text-control outline-none", "transition ease-out-quint"], t = [
+	"ox-editable:not-focus-within:hover:border-line-strong",
+	"focus-within:border-primary-outline focus-within:shadow-[0_0_0_3px_var(--primary-soft)]",
+	"ox-invalid:border-[var(--err-strong)]",
+	"ox-invalid:focus-within:shadow-[0_0_0_3px_var(--err-tint)]"
+], n = [
+	"ox-editable:not-focus-visible:hover:border-line-strong",
+	"focus-visible:border-primary-outline focus-visible:shadow-[0_0_0_3px_var(--primary-soft)]",
+	"ox-invalid:border-[var(--err-strong)]",
+	"ox-invalid:focus-visible:shadow-[0_0_0_3px_var(--err-tint)]"
+], r = "ox-disabled:pointer-events-none ox-disabled:opacity-50 ox-disabled:bg-surface-raised", i = "ox-readonly:bg-sunken ox-readonly:text-fg-muted";
+//#endregion
+export { r as controlDisabled, n as controlFocusVisible, t as controlFocusWithin, i as controlReadonly, e as controlSurface };

package/dist/internal/styles/dialogSurfaceStyles.d.ts

@@ -0,0 +1,15 @@
+export declare const dialogBackdrop: string[];
+export declare const dialogViewport = "fixed inset-0 z-[var(--z-dialog)] flex justify-center";
+export declare const dialogPanel: string[];
+export declare const dialogTitle = "break-words text-base font-semibold tracking-tight text-fg";
+export declare const dialogDescription = "mt-1.5 break-words text-body leading-relaxed text-fg-muted";
+export declare const dialogScrollVariants: {
+    readonly outside: {
+        readonly viewport: "items-start overflow-y-auto p-4";
+        readonly content: "my-auto";
+    };
+    readonly inside: {
+        readonly viewport: "items-center p-4";
+        readonly content: "max-h-[calc(100dvh-2rem)]";
+    };
+};

package/dist/internal/styles/dialogSurfaceStyles.js

@@ -0,0 +1,26 @@
+//#region src/internal/styles/dialogSurfaceStyles.ts
+var e = [
+	"fixed inset-0 z-[var(--z-dialog)] bg-scrim backdrop-blur-xs",
+	"transition-[opacity,backdrop-filter] duration-200 ease-out-quint motion-reduce:transition-[opacity]",
+	"ox-starting:opacity-0 ox-starting:backdrop-blur-[0px]",
+	"ox-ending:opacity-0 ox-ending:backdrop-blur-[0px] ox-ending:duration-150"
+], t = "fixed inset-0 z-[var(--z-dialog)] flex justify-center", n = [
+	"relative flex w-full max-w-[27rem] flex-col overflow-hidden p-5",
+	"rounded-card border border-line-overlay bg-card shadow-[var(--shadow-dialog)]",
+	"transition-[opacity,transform,translate,scale] duration-240 ease-out-quint motion-reduce:transition-[opacity]",
+	"ox-starting:translate-y-2 ox-starting:scale-93 ox-starting:opacity-0",
+	"ox-ending:translate-y-2 ox-ending:scale-93 ox-ending:opacity-0 ox-ending:duration-150",
+	"data-[nested-dialog-open]:scale-[calc(1-0.05*var(--nested-dialogs))]",
+	"focus-visible:outline-none"
+], r = "break-words text-base font-semibold tracking-tight text-fg", i = "mt-1.5 break-words text-body leading-relaxed text-fg-muted", a = {
+	outside: {
+		viewport: "items-start overflow-y-auto p-4",
+		content: "my-auto"
+	},
+	inside: {
+		viewport: "items-center p-4",
+		content: "max-h-[calc(100dvh-2rem)]"
+	}
+};
+//#endregion
+export { e as dialogBackdrop, i as dialogDescription, n as dialogPanel, a as dialogScrollVariants, r as dialogTitle, t as dialogViewport };

package/dist/internal/styles/menuSurfaceStyles.d.ts

@@ -0,0 +1,16 @@
+export declare const menuPositioner = "z-[var(--z-dropdown)]";
+export declare const menuSurface = "rounded-control border border-line-overlay bg-popover shadow-[var(--shadow-pop)]";
+export declare const menuPopup: string[];
+export declare const menuItem: string[];
+export declare const menuItemAdornments: string[];
+export declare const menuItemDanger: string[];
+export declare const menuItemIndicator: string[];
+export declare const menuRadioDot = "size-1.5 rounded-full bg-primary-ink pointer-coarse:size-1.75";
+export declare const menuSubTriggerChevron = "ms-auto size-3.5 shrink-0 text-fg-subtle";
+export declare const menuGroupLabel: string[];
+export declare const menuSeparator = "my-1.5 h-px bg-line";
+export declare const listboxPopup: string[];
+export declare const listboxItem: string[];
+export declare const listboxItemSelected = "data-[selected]:font-medium data-[selected]:text-fg";
+export declare const listboxItemIndicator: string[];
+export declare const listboxGroupLabel: string[];

package/dist/internal/styles/menuSurfaceStyles.js

@@ -0,0 +1,26 @@
+import { popupMotion as e } from "./popupMotionStyles.js";
+//#region src/internal/styles/menuSurfaceStyles.ts
+var t = "text-3xs font-semibold uppercase tracking-wider text-fg-subtle", n = "z-[var(--z-dropdown)]", r = "rounded-control border border-line-overlay bg-popover shadow-[var(--shadow-pop)]", i = [
+	"overflow-y-auto p-1.5",
+	r,
+	"max-w-[var(--available-width)] max-h-[var(--available-height)]",
+	...e,
+	"focus-visible:outline-none"
+], a = [
+	"relative flex min-w-0 items-center gap-2.5 break-words",
+	"rounded-sm px-2.5 py-1.5 text-body text-fg-muted",
+	"pointer-coarse:min-h-10 pointer-coarse:py-2.5 pointer-coarse:text-sm",
+	"cursor-pointer select-none outline-none transition-colors",
+	"data-[highlighted]:bg-surface-high data-[highlighted]:text-fg",
+	"ox-disabled:pointer-events-none ox-disabled:opacity-50"
+], o = [
+	"[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-75",
+	"data-[highlighted]:[&>svg]:opacity-100",
+	"[&>kbd]:ms-auto [&>kbd]:shrink-0"
+], s = ["text-danger-ink", "data-[highlighted]:bg-[var(--err-fill)] data-[highlighted]:text-[var(--err-strong)]"], c = ["inline-flex size-4 shrink-0 items-center justify-center text-primary-ink", "transition-opacity data-[unchecked]:opacity-0"], l = "size-1.5 rounded-full bg-primary-ink pointer-coarse:size-1.75", u = "ms-auto size-3.5 shrink-0 text-fg-subtle", d = ["truncate px-2.5 pt-2 pb-1", t], f = "my-1.5 h-px bg-line", p = [...i, "min-w-[var(--anchor-width)]"], m = [...a, "[&_svg]:shrink-0"], h = "data-[selected]:font-medium data-[selected]:text-fg", g = [
+	"grid place-items-center shrink-0 size-4 text-primary-ink [&_svg]:size-3.5",
+	"pointer-coarse:[&_svg]:size-4",
+	"opacity-0 transition-opacity data-[selected]:opacity-100"
+], _ = ["truncate px-2 pt-1.5 pb-1", t];
+//#endregion
+export { _ as listboxGroupLabel, m as listboxItem, g as listboxItemIndicator, h as listboxItemSelected, p as listboxPopup, d as menuGroupLabel, a as menuItem, o as menuItemAdornments, s as menuItemDanger, c as menuItemIndicator, i as menuPopup, n as menuPositioner, l as menuRadioDot, f as menuSeparator, u as menuSubTriggerChevron, r as menuSurface };

package/dist/internal/styles/popupMotionStyles.d.ts

@@ -0,0 +1 @@
+export declare const popupMotion: string[];

package/dist/internal/styles/popupMotionStyles.js

@@ -0,0 +1,9 @@
+//#region src/internal/styles/popupMotionStyles.ts
+var e = [
+	"origin-[var(--transform-origin)] transition-[opacity,scale] duration-180 ease-out-quad",
+	"motion-reduce:transition-none",
+	"ox-starting:opacity-0 ox-starting:scale-95 ox-ending:opacity-0 ox-ending:scale-95 ox-ending:duration-160",
+	"ox-instant:transition-none"
+];
+//#endregion
+export { e as popupMotion };

package/dist/internal/styles/solidShadow.d.ts

@@ -0,0 +1 @@
+export declare const solidShadow = "shadow-[var(--shadow-1)]";

package/dist/internal/styles/solidShadow.js

@@ -0,0 +1,4 @@
+//#region src/internal/styles/solidShadow.ts
+var e = "shadow-[var(--shadow-1)]";
+//#endregion
+export { e as solidShadow };

package/dist/internal/styles/triggerSurfaceStyles.d.ts

@@ -0,0 +1,7 @@
+export declare const pickerTrigger: string[];
+export declare const rotatingTriggerIcon: string[];
+export declare const rotatingTriggerIconOpen = "data-[popup-open]:[&_[data-ox-default-icon]]:rotate-180";
+export declare const affixButton: string[];
+export declare const affixChip = "grid place-items-center size-7 rounded-sm transition-colors ease-out [&_svg]:size-4";
+export declare const clearButton: string[];
+export declare const clearChip: string[];

package/dist/internal/styles/triggerSurfaceStyles.js

@@ -0,0 +1,24 @@
+import { controlDisabled as e, controlFocusVisible as t, controlSurface as n } from "./controlStyles.js";
+//#region src/internal/styles/triggerSurfaceStyles.ts
+var r = [
+	"inline-flex w-full items-center justify-between gap-2",
+	"min-h-control px-control text-start",
+	...n,
+	"cursor-pointer select-none",
+	...t,
+	"data-[popup-open]:border-primary-outline",
+	"ox-readonly:cursor-default",
+	e
+], i = ["[&_[data-ox-default-icon]]:transition-transform [&_[data-ox-default-icon]]:duration-200", "[&_[data-ox-default-icon]]:ease-out-quint"], a = "data-[popup-open]:[&_[data-ox-default-icon]]:rotate-180", o = [
+	"inline-grid place-items-center self-stretch shrink-0 w-9",
+	"bg-transparent text-fg-subtle transition-colors ease-out",
+	"focus-visible:outline-none",
+	"ox-disabled:pointer-events-none ox-disabled:opacity-50"
+], s = "grid place-items-center size-7 rounded-sm transition-colors ease-out [&_svg]:size-4", c = [
+	"group/ox-clear",
+	...o,
+	"cursor-pointer",
+	"ox-interactive:hover:text-fg"
+], l = [s, "group-hover/ox-clear:bg-surface-high group-focus-visible/ox-clear:bg-surface-high"];
+//#endregion
+export { o as affixButton, s as affixChip, c as clearButton, l as clearChip, r as pickerTrigger, i as rotatingTriggerIcon, a as rotatingTriggerIconOpen };

package/dist/internal/tv.d.ts

@@ -0,0 +1,2 @@
+export declare const tv: import('tailwind-variants').TV;
+export type { VariantProps } from 'tailwind-variants';

package/dist/internal/tv.js

@@ -0,0 +1,28 @@
+import { createTV as e } from "../node_modules/tailwind-variants/dist/index.js";
+//#region src/internal/tv.ts
+var t = e({ twMergeConfig: { extend: {
+	theme: {
+		radius: ["control", "card"],
+		text: [
+			"control",
+			"3xs",
+			"2xs",
+			"body"
+		]
+	},
+	classGroups: {
+		h: [{ h: ["control"] }],
+		"min-h": [{ "min-h": ["control"] }],
+		px: [{ px: ["control"] }],
+		size: [{ size: ["icon"] }],
+		"bg-color": [{ bg: ["tone", "tone-soft"] }],
+		"text-color": [{ text: [
+			"tone-fg",
+			"tone-ink",
+			"tone-soft-fg"
+		] }],
+		"border-color": [{ border: ["tone-outline"] }]
+	}
+} } });
+//#endregion
+export { t as tv };

package/dist/internal/types/tone.d.ts

@@ -0,0 +1,2 @@
+type OxTone = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'trace-log' | 'debug-log' | 'info-log' | 'warn-log' | 'error-log' | 'fatal-log' | 'slate' | 'gray' | 'zinc' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
+export type { OxTone };

package/dist/internal/utils/getFieldControlAttributes/getFieldControlAttributes.d.ts

@@ -0,0 +1,18 @@
+interface FieldControlState {
+    disabled?: boolean;
+    invalid?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+}
+interface FieldControlAttributes {
+    'aria-disabled'?: true;
+    'aria-invalid'?: true;
+    'aria-readonly'?: true;
+    'aria-required'?: true;
+    'data-disabled'?: 'true';
+    'data-invalid'?: 'true';
+    'data-readonly'?: 'true';
+    'data-required'?: 'true';
+}
+declare function getFieldControlAttributes(state: FieldControlState): FieldControlAttributes;
+export { type FieldControlAttributes, type FieldControlState, getFieldControlAttributes };

package/dist/internal/utils/getFieldControlAttributes/getFieldControlAttributes.js

@@ -0,0 +1,7 @@
+//#region src/internal/utils/getFieldControlAttributes/getFieldControlAttributes.ts
+function e(e) {
+	let t = {};
+	return e.invalid && (t["aria-invalid"] = !0, t["data-invalid"] = "true"), e.disabled && (t["aria-disabled"] = !0, t["data-disabled"] = "true"), e.readOnly && (t["aria-readonly"] = !0, t["data-readonly"] = "true"), e.required && (t["aria-required"] = !0, t["data-required"] = "true"), t;
+}
+//#endregion
+export { e as getFieldControlAttributes };

package/dist/internal/utils/getFieldControlAttributes/index.d.ts

@@ -0,0 +1 @@
+export * from './getFieldControlAttributes';

package/dist/internal/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getFieldControlAttributes';

package/dist/node_modules/@base-ui/react/accordion/header/AccordionHeader.js

@@ -0,0 +1,18 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useAccordionItemContext as t } from "../item/AccordionItemContext.js";
+import { accordionStateAttributesMapping as n } from "../item/stateAttributesMapping.js";
+import * as r from "react";
+//#region node_modules/@base-ui/react/accordion/header/AccordionHeader.mjs
+var i = /*#__PURE__*/ r.forwardRef(function(r, i) {
+	let { render: a, className: o, style: s, ...c } = r, { state: l } = t();
+	return e("h3", r, {
+		state: l,
+		ref: i,
+		props: c,
+		stateAttributesMapping: n
+	});
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "AccordionHeader");
+//#endregion
+export { i as AccordionHeader };

package/dist/node_modules/@base-ui/react/accordion/item/AccordionItem.js

@@ -0,0 +1,81 @@
+"use client";
+import { useStableCallback as e } from "../../../utils/useStableCallback.js";
+import { useAccordionRootContext as t } from "../root/AccordionRootContext.js";
+import { useMergedRefs as n } from "../../../utils/useMergedRefs.js";
+import { useRenderElement as r } from "../../internals/useRenderElement.js";
+import { useBaseUiId as i } from "../../internals/useBaseUiId.js";
+import { useCollapsibleRoot as a } from "../../collapsible/root/useCollapsibleRoot.js";
+import { CollapsibleRootContext as o } from "../../collapsible/root/CollapsibleRootContext.js";
+import { useCompositeListItem as s } from "../../internals/composite/list/useCompositeListItem.js";
+import { AccordionItemContext as c } from "./AccordionItemContext.js";
+import { accordionStateAttributesMapping as l } from "./stateAttributesMapping.js";
+import * as u from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/accordion/item/AccordionItem.mjs
+var f = /*#__PURE__*/ u.forwardRef(function(f, p) {
+	let { className: m, disabled: h = !1, onOpenChange: g, render: _, value: v, style: y, ...b } = f, { ref: x, index: S } = s(), C = n(p, x), { disabled: w, handleValueChange: T, state: E, value: D } = t(), O = i(), k = v ?? O, A = h || w, j = u.useMemo(() => {
+		if (!D) return !1;
+		for (let e = 0; e < D.length; e += 1) if (D[e] === k) return !0;
+		return !1;
+	}, [D, k]), M = e((e, t) => {
+		g?.(e, t), !t.isCanceled && T(k, e, t);
+	}), N = a({
+		open: j,
+		onOpenChange: M,
+		disabled: A
+	}), P = u.useMemo(() => ({
+		open: N.open,
+		disabled: N.disabled,
+		transitionStatus: N.transitionStatus
+	}), [
+		N.open,
+		N.disabled,
+		N.transitionStatus
+	]), F = u.useMemo(() => ({
+		...N,
+		onOpenChange: M,
+		state: P
+	}), [
+		N,
+		P,
+		M
+	]), I = u.useMemo(() => ({
+		...E,
+		hidden: !j && !N.mounted,
+		index: S,
+		disabled: A,
+		open: j
+	}), [
+		N.mounted,
+		A,
+		S,
+		j,
+		E
+	]), L = i(), [R, z] = u.useState(), B = u.useMemo(() => ({
+		open: j,
+		state: I,
+		setTriggerId: z,
+		triggerId: R ?? L
+	}), [
+		L,
+		j,
+		I,
+		z,
+		R
+	]), V = r("div", f, {
+		state: I,
+		ref: C,
+		props: b,
+		stateAttributesMapping: l
+	});
+	return /*#__PURE__*/ d(o.Provider, {
+		value: F,
+		children: /*#__PURE__*/ d(c.Provider, {
+			value: B,
+			children: V
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "AccordionItem");
+//#endregion
+export { f as AccordionItem };

package/dist/node_modules/@base-ui/react/accordion/item/AccordionItemContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/accordion/item/AccordionItemContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "AccordionItemContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(9) : "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>.");
+	return r;
+}
+//#endregion
+export { n as AccordionItemContext, r as useAccordionItemContext };

package/dist/node_modules/@base-ui/react/accordion/item/AccordionItemDataAttributes.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/accordion/item/AccordionItemDataAttributes.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.index = "data-index", e.disabled = "data-disabled", e.open = "data-open", e;
+}({});
+//#endregion
+export { e as AccordionItemDataAttributes };

package/dist/node_modules/@base-ui/react/accordion/item/stateAttributesMapping.js

@@ -0,0 +1,12 @@
+import { transitionStatusMapping as e } from "../../internals/stateAttributesMapping.js";
+import { collapsibleOpenStateMapping as t } from "../../utils/collapsibleOpenStateMapping.js";
+import { AccordionItemDataAttributes as n } from "./AccordionItemDataAttributes.js";
+//#region node_modules/@base-ui/react/accordion/item/stateAttributesMapping.mjs
+var r = {
+	...t,
+	index: (e) => Number.isInteger(e) ? { [n.index]: String(e) } : null,
+	...e,
+	value: () => null
+};
+//#endregion
+export { r as accordionStateAttributesMapping };