@soroush.tech/design-system 2.0.0-rc.2 → 2.0.0-rc.4

package/dist/Accordion/AccordionGroup.cjs

@@ -0,0 +1,79 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src = require("../src-DU81aGy9.cjs");
+const require_theme = require("../theme-DzfwuzMZ.cjs");
+const require_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
+//#region src/Accordion/AccordionGroup/AccordionGroup.tsx
+const GroupRoot = require_src.styled("div", {
+	name: "AccordionGroup",
+	label: "AccordionGroup",
+	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props, "variant"]),
+	systemProps: [require_src.src_exports.space]
+})(({ theme, variant }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: variant === "attached" ? 0 : theme.space[1],
+	...variant === "attached" && {
+		"& > *:not(:first-of-type)": {
+			borderTopWidth: 0,
+			borderTopLeftRadius: 0,
+			borderTopRightRadius: 0
+		},
+		"& > *:not(:last-of-type)": {
+			borderBottomLeftRadius: 0,
+			borderBottomRightRadius: 0
+		}
+	}
+}));
+const SUMMARIES = "button[data-accordion-summary]:not(:disabled)";
+const KEYS = /* @__PURE__ */ new Set([
+	"ArrowDown",
+	"ArrowUp",
+	"Home",
+	"End"
+]);
+const getTarget = (summaries, from, key) => {
+	if (key === "Home") return summaries[0];
+	if (key === "End") return summaries.at(-1);
+	return summaries[(from + (key === "ArrowDown" ? 1 : -1) + summaries.length) % summaries.length];
+};
+/**
+* @description A column of accordions that move by the keys - ArrowDown and ArrowUp step between
+* their summaries (round the ends), Home and End go to the first and last - and, with
+* `isExclusive`, keep one open at a time. A summary that is off is skipped. An accordion given
+* `isExpanded` is its owner's, and the group leaves it alone.
+*/
+function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: variantProp, className, "data-testid": dataTestid, ...spaceProps }) {
+	const dp = require_theme.useDefaultProps("AccordionGroup");
+	const isExclusive = isExclusiveProp ?? dp.isExclusive ?? false;
+	const variant = variantProp ?? dp.variant ?? "separated";
+	const [openId, setOpenId] = (0, react.useState)(void 0);
+	const context = (0, react.useMemo)(() => ({
+		isExclusive,
+		openId,
+		setOpenId
+	}), [isExclusive, openId]);
+	const handleKeyDown = (event) => {
+		if (!KEYS.has(event.key)) return;
+		const summaries = [...event.currentTarget.querySelectorAll(SUMMARIES)];
+		const from = summaries.indexOf(event.target);
+		if (from === -1) return;
+		event.preventDefault();
+		getTarget(summaries, from, event.key).focus();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccordionContext.AccordionGroupContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupRoot, {
+			variant,
+			className,
+			"data-testid": dataTestid,
+			onKeyDown: handleKeyDown,
+			...spaceProps,
+			children
+		})
+	});
+}
+//#endregion
+exports.AccordionGroup = AccordionGroup;

package/dist/Accordion/AccordionGroup.d.cts

@@ -0,0 +1,24 @@
+import { nt as Theme } from "../index-XN4-ZqTB.cjs";
+import { ReactNode } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
+//#region src/Accordion/AccordionGroup/AccordionGroup.d.ts
+type AccordionGroupVariant = 'separated' | 'attached';
+interface AccordionGroupProps extends SpaceProps<Theme> {
+  /** The accordions. */
+  children?: ReactNode;
+  /** Opening one closes the others. Default: `false`. */
+  isExclusive?: boolean;
+  /** `'separated'` keeps a gap between them; `'attached'` joins them into one block: no gap, one border at each joint, only the outer corners round. Default: `'separated'`. */
+  variant?: AccordionGroupVariant;
+  className?: string;
+  'data-testid'?: string;
+}
+/**
+ * @description A column of accordions that move by the keys - ArrowDown and ArrowUp step between
+ * their summaries (round the ends), Home and End go to the first and last - and, with
+ * `isExclusive`, keep one open at a time. A summary that is off is skipped. An accordion given
+ * `isExpanded` is its owner's, and the group leaves it alone.
+ */
+declare function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: variantProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AccordionGroupProps>): import("react").JSX.Element;
+//#endregion
+export { AccordionGroup, AccordionGroupProps, AccordionGroupVariant };

package/dist/Accordion/AccordionGroup.d.mts

@@ -0,0 +1,24 @@
+import { nt as Theme } from "../index-CRQ7XLri.mjs";
+import { SpaceProps } from "@soroush.tech/styled-system";
+import { ReactNode } from "react";
+//#region src/Accordion/AccordionGroup/AccordionGroup.d.ts
+type AccordionGroupVariant = 'separated' | 'attached';
+interface AccordionGroupProps extends SpaceProps<Theme> {
+  /** The accordions. */
+  children?: ReactNode;
+  /** Opening one closes the others. Default: `false`. */
+  isExclusive?: boolean;
+  /** `'separated'` keeps a gap between them; `'attached'` joins them into one block: no gap, one border at each joint, only the outer corners round. Default: `'separated'`. */
+  variant?: AccordionGroupVariant;
+  className?: string;
+  'data-testid'?: string;
+}
+/**
+ * @description A column of accordions that move by the keys - ArrowDown and ArrowUp step between
+ * their summaries (round the ends), Home and End go to the first and last - and, with
+ * `isExclusive`, keep one open at a time. A summary that is off is skipped. An accordion given
+ * `isExpanded` is its owner's, and the group leaves it alone.
+ */
+declare function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: variantProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AccordionGroupProps>): import("react").JSX.Element;
+//#endregion
+export { AccordionGroup, AccordionGroupProps, AccordionGroupVariant };

package/dist/Accordion/AccordionGroup.mjs

@@ -0,0 +1,77 @@
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
+import { n as useDefaultProps } from "../theme-oBfFhJm9.mjs";
+import { n as AccordionGroupContext } from "../AccordionContext-DDk_i9Dx.mjs";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Accordion/AccordionGroup/AccordionGroup.tsx
+const GroupRoot = styled("div", {
+	name: "AccordionGroup",
+	label: "AccordionGroup",
+	shouldForwardProp: createShouldForwardProp([...props, "variant"]),
+	systemProps: [src_exports.space]
+})(({ theme, variant }) => ({
+	display: "flex",
+	flexDirection: "column",
+	gap: variant === "attached" ? 0 : theme.space[1],
+	...variant === "attached" && {
+		"& > *:not(:first-of-type)": {
+			borderTopWidth: 0,
+			borderTopLeftRadius: 0,
+			borderTopRightRadius: 0
+		},
+		"& > *:not(:last-of-type)": {
+			borderBottomLeftRadius: 0,
+			borderBottomRightRadius: 0
+		}
+	}
+}));
+const SUMMARIES = "button[data-accordion-summary]:not(:disabled)";
+const KEYS = /* @__PURE__ */ new Set([
+	"ArrowDown",
+	"ArrowUp",
+	"Home",
+	"End"
+]);
+const getTarget = (summaries, from, key) => {
+	if (key === "Home") return summaries[0];
+	if (key === "End") return summaries.at(-1);
+	return summaries[(from + (key === "ArrowDown" ? 1 : -1) + summaries.length) % summaries.length];
+};
+/**
+* @description A column of accordions that move by the keys - ArrowDown and ArrowUp step between
+* their summaries (round the ends), Home and End go to the first and last - and, with
+* `isExclusive`, keep one open at a time. A summary that is off is skipped. An accordion given
+* `isExpanded` is its owner's, and the group leaves it alone.
+*/
+function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: variantProp, className, "data-testid": dataTestid, ...spaceProps }) {
+	const dp = useDefaultProps("AccordionGroup");
+	const isExclusive = isExclusiveProp ?? dp.isExclusive ?? false;
+	const variant = variantProp ?? dp.variant ?? "separated";
+	const [openId, setOpenId] = useState(void 0);
+	const context = useMemo(() => ({
+		isExclusive,
+		openId,
+		setOpenId
+	}), [isExclusive, openId]);
+	const handleKeyDown = (event) => {
+		if (!KEYS.has(event.key)) return;
+		const summaries = [...event.currentTarget.querySelectorAll(SUMMARIES)];
+		const from = summaries.indexOf(event.target);
+		if (from === -1) return;
+		event.preventDefault();
+		getTarget(summaries, from, event.key).focus();
+	};
+	return /* @__PURE__ */ jsx(AccordionGroupContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx(GroupRoot, {
+			variant,
+			className,
+			"data-testid": dataTestid,
+			onKeyDown: handleKeyDown,
+			...spaceProps,
+			children
+		})
+	});
+}
+//#endregion
+export { AccordionGroup };

package/dist/Accordion/AccordionSummary.cjs

@@ -0,0 +1,99 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src = require("../src-DU81aGy9.cjs");
+const require_theme = require("../theme-DzfwuzMZ.cjs");
+const require_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
+const require_Icon = require("../Icon-BE7bRsqR.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
+//#region src/Accordion/AccordionSummary/AccordionSummary.tsx
+const SummaryHeading = require_src.styled("div", {
+	name: "AccordionSummary",
+	label: "AccordionSummary"
+})({
+	margin: 0,
+	font: "inherit"
+});
+const SummaryButton = require_src.styled("button", {
+	name: "AccordionSummary",
+	slot: "button",
+	label: "AccordionSummaryButton",
+	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["hasGutters"])
+})(({ theme, hasGutters }) => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	gap: theme.space[2],
+	width: "100%",
+	boxSizing: "border-box",
+	padding: `${theme.space[2]} ${hasGutters ? theme.space[2] : "0"}`,
+	border: 0,
+	background: "none",
+	color: "inherit",
+	font: "inherit",
+	textAlign: "start",
+	cursor: "pointer",
+	"&:disabled": {
+		opacity: .5,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": {
+		outline: `${theme.borderWidths.base} solid ${(0, require_src.src_exports.get)(theme, "palette.primary.main")}`,
+		outlineOffset: `-${theme.borderWidths.base}`
+	}
+}));
+const SummaryContent = require_src.styled("span", {
+	name: "AccordionSummary",
+	slot: "content",
+	label: "AccordionSummaryContent"
+})({
+	flex: 1,
+	minWidth: 0
+});
+const SummaryIcon = require_src.styled("span", {
+	name: "AccordionSummary",
+	slot: "icon",
+	label: "AccordionSummaryIcon",
+	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["isExpanded"])
+})(({ theme, isExpanded }) => ({
+	display: "inline-flex",
+	flexShrink: 0,
+	transition: `transform ${theme.transitions.duration.short}ms`,
+	transform: isExpanded ? "rotate(180deg)" : "none",
+	"@media (prefers-reduced-motion: reduce)": { transition: "none" }
+}));
+/**
+* @description The header of an `Accordion`: a button in a heading that opens and closes it, with
+* `aria-expanded` and `aria-controls` for its region. Enter and Space press it, as they press any
+* button; in an `AccordionGroup` the arrows, Home and End move between summaries.
+*/
+function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp, className, "data-testid": dataTestid }) {
+	const dp = require_theme.useDefaultProps("AccordionSummary");
+	const headingLevel = headingLevelProp ?? dp.headingLevel ?? 3;
+	const { baseId, isExpanded, disabled, hasGutters, toggle } = require_AccordionContext.useAccordion("AccordionSummary");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryHeading, {
+		as: `h${headingLevel}`,
+		className,
+		"data-testid": dataTestid,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SummaryButton, {
+			type: "button",
+			id: require_AccordionContext.getSummaryId(baseId),
+			"aria-expanded": isExpanded,
+			"aria-controls": require_AccordionContext.getRegionId(baseId),
+			disabled,
+			hasGutters,
+			"data-accordion-summary": "",
+			onClick: toggle,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryContent, { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryIcon, {
+				isExpanded,
+				"aria-hidden": "true",
+				children: expandIcon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					name: "expand_more",
+					size: "1em",
+					color: "inherit"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+exports.AccordionSummary = AccordionSummary;

package/dist/Accordion/AccordionSummary.d.cts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+//#region src/Accordion/AccordionSummary/AccordionSummary.d.ts
+type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+interface AccordionSummaryProps {
+  /** What the header says. */
+  children?: ReactNode;
+  /** The icon that turns as it opens. Default: the `expand_more` icon. */
+  expandIcon?: ReactNode;
+  /** The level of the heading the button sits in. Default: `3`. */
+  headingLevel?: AccordionHeadingLevel;
+  className?: string;
+  'data-testid'?: string;
+}
+/**
+ * @description The header of an `Accordion`: a button in a heading that opens and closes it, with
+ * `aria-expanded` and `aria-controls` for its region. Enter and Space press it, as they press any
+ * button; in an `AccordionGroup` the arrows, Home and End move between summaries.
+ */
+declare function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp, className, 'data-testid': dataTestid }: Readonly<AccordionSummaryProps>): import("react").JSX.Element;
+//#endregion
+export { AccordionHeadingLevel, AccordionSummary, AccordionSummaryProps };

package/dist/Accordion/AccordionSummary.d.mts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+//#region src/Accordion/AccordionSummary/AccordionSummary.d.ts
+type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+interface AccordionSummaryProps {
+  /** What the header says. */
+  children?: ReactNode;
+  /** The icon that turns as it opens. Default: the `expand_more` icon. */
+  expandIcon?: ReactNode;
+  /** The level of the heading the button sits in. Default: `3`. */
+  headingLevel?: AccordionHeadingLevel;
+  className?: string;
+  'data-testid'?: string;
+}
+/**
+ * @description The header of an `Accordion`: a button in a heading that opens and closes it, with
+ * `aria-expanded` and `aria-controls` for its region. Enter and Space press it, as they press any
+ * button; in an `AccordionGroup` the arrows, Home and End move between summaries.
+ */
+declare function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp, className, 'data-testid': dataTestid }: Readonly<AccordionSummaryProps>): import("react").JSX.Element;
+//#endregion
+export { AccordionHeadingLevel, AccordionSummary, AccordionSummaryProps };

package/dist/Accordion/AccordionSummary.mjs

@@ -0,0 +1,97 @@
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
+import { n as useDefaultProps } from "../theme-oBfFhJm9.mjs";
+import { a as useAccordion, i as getSummaryId, r as getRegionId } from "../AccordionContext-DDk_i9Dx.mjs";
+import { t as Icon } from "../Icon-0hPpk-WZ.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Accordion/AccordionSummary/AccordionSummary.tsx
+const SummaryHeading = styled("div", {
+	name: "AccordionSummary",
+	label: "AccordionSummary"
+})({
+	margin: 0,
+	font: "inherit"
+});
+const SummaryButton = styled("button", {
+	name: "AccordionSummary",
+	slot: "button",
+	label: "AccordionSummaryButton",
+	shouldForwardProp: createShouldForwardProp(["hasGutters"])
+})(({ theme, hasGutters }) => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	gap: theme.space[2],
+	width: "100%",
+	boxSizing: "border-box",
+	padding: `${theme.space[2]} ${hasGutters ? theme.space[2] : "0"}`,
+	border: 0,
+	background: "none",
+	color: "inherit",
+	font: "inherit",
+	textAlign: "start",
+	cursor: "pointer",
+	"&:disabled": {
+		opacity: .5,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": {
+		outline: `${theme.borderWidths.base} solid ${(0, src_exports.get)(theme, "palette.primary.main")}`,
+		outlineOffset: `-${theme.borderWidths.base}`
+	}
+}));
+const SummaryContent = styled("span", {
+	name: "AccordionSummary",
+	slot: "content",
+	label: "AccordionSummaryContent"
+})({
+	flex: 1,
+	minWidth: 0
+});
+const SummaryIcon = styled("span", {
+	name: "AccordionSummary",
+	slot: "icon",
+	label: "AccordionSummaryIcon",
+	shouldForwardProp: createShouldForwardProp(["isExpanded"])
+})(({ theme, isExpanded }) => ({
+	display: "inline-flex",
+	flexShrink: 0,
+	transition: `transform ${theme.transitions.duration.short}ms`,
+	transform: isExpanded ? "rotate(180deg)" : "none",
+	"@media (prefers-reduced-motion: reduce)": { transition: "none" }
+}));
+/**
+* @description The header of an `Accordion`: a button in a heading that opens and closes it, with
+* `aria-expanded` and `aria-controls` for its region. Enter and Space press it, as they press any
+* button; in an `AccordionGroup` the arrows, Home and End move between summaries.
+*/
+function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp, className, "data-testid": dataTestid }) {
+	const dp = useDefaultProps("AccordionSummary");
+	const headingLevel = headingLevelProp ?? dp.headingLevel ?? 3;
+	const { baseId, isExpanded, disabled, hasGutters, toggle } = useAccordion("AccordionSummary");
+	return /* @__PURE__ */ jsx(SummaryHeading, {
+		as: `h${headingLevel}`,
+		className,
+		"data-testid": dataTestid,
+		children: /* @__PURE__ */ jsxs(SummaryButton, {
+			type: "button",
+			id: getSummaryId(baseId),
+			"aria-expanded": isExpanded,
+			"aria-controls": getRegionId(baseId),
+			disabled,
+			hasGutters,
+			"data-accordion-summary": "",
+			onClick: toggle,
+			children: [/* @__PURE__ */ jsx(SummaryContent, { children }), /* @__PURE__ */ jsx(SummaryIcon, {
+				isExpanded,
+				"aria-hidden": "true",
+				children: expandIcon ?? /* @__PURE__ */ jsx(Icon, {
+					name: "expand_more",
+					size: "1em",
+					color: "inherit"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { AccordionSummary };

package/dist/Accordion.cjs

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Accordion_Accordion = require("./Accordion/Accordion.cjs");
+const require_Accordion_AccordionActions = require("./Accordion/AccordionActions.cjs");
+const require_Accordion_AccordionDetails = require("./Accordion/AccordionDetails.cjs");
+const require_Accordion_AccordionGroup = require("./Accordion/AccordionGroup.cjs");
+const require_Accordion_AccordionSummary = require("./Accordion/AccordionSummary.cjs");
+exports.Accordion = require_Accordion_Accordion.Accordion;
+exports.AccordionActions = require_Accordion_AccordionActions.AccordionActions;
+exports.AccordionDetails = require_Accordion_AccordionDetails.AccordionDetails;
+exports.AccordionGroup = require_Accordion_AccordionGroup.AccordionGroup;
+exports.AccordionSummary = require_Accordion_AccordionSummary.AccordionSummary;

package/dist/Accordion.d.cts

@@ -0,0 +1,6 @@
+import { Accordion, AccordionProps, AccordionTransitionProps } from "./Accordion/Accordion.cjs";
+import { AccordionActions, AccordionActionsProps } from "./Accordion/AccordionActions.cjs";
+import { AccordionDetails, AccordionDetailsProps } from "./Accordion/AccordionDetails.cjs";
+import { AccordionGroup, AccordionGroupProps, AccordionGroupVariant } from "./Accordion/AccordionGroup.cjs";
+import { AccordionHeadingLevel, AccordionSummary, AccordionSummaryProps } from "./Accordion/AccordionSummary.cjs";
+export { Accordion, AccordionActions, AccordionActionsProps, AccordionDetails, AccordionDetailsProps, AccordionGroup, AccordionGroupProps, AccordionGroupVariant, AccordionHeadingLevel, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionTransitionProps };

package/dist/Accordion.d.mts

@@ -0,0 +1,6 @@
+import { Accordion, AccordionProps, AccordionTransitionProps } from "./Accordion/Accordion.mjs";
+import { AccordionActions, AccordionActionsProps } from "./Accordion/AccordionActions.mjs";
+import { AccordionDetails, AccordionDetailsProps } from "./Accordion/AccordionDetails.mjs";
+import { AccordionGroup, AccordionGroupProps, AccordionGroupVariant } from "./Accordion/AccordionGroup.mjs";
+import { AccordionHeadingLevel, AccordionSummary, AccordionSummaryProps } from "./Accordion/AccordionSummary.mjs";
+export { Accordion, AccordionActions, AccordionActionsProps, AccordionDetails, AccordionDetailsProps, AccordionGroup, AccordionGroupProps, AccordionGroupVariant, AccordionHeadingLevel, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionTransitionProps };

package/dist/Accordion.mjs

@@ -0,0 +1,6 @@
+import { Accordion } from "./Accordion/Accordion.mjs";
+import { AccordionActions } from "./Accordion/AccordionActions.mjs";
+import { AccordionDetails } from "./Accordion/AccordionDetails.mjs";
+import { AccordionGroup } from "./Accordion/AccordionGroup.mjs";
+import { AccordionSummary } from "./Accordion/AccordionSummary.mjs";
+export { Accordion, AccordionActions, AccordionDetails, AccordionGroup, AccordionSummary };

package/dist/AccordionContext-B2TCl9Os.cjs

@@ -0,0 +1,44 @@
+let react = require("react");
+//#region src/Accordion/AccordionContext.ts
+const AccordionContext = (0, react.createContext)(null);
+/** The accordion a part sits in - a part with none is a mistake, so it says so. */
+function useAccordion(part) {
+	const accordion = (0, react.useContext)(AccordionContext);
+	if (!accordion) throw new Error(`An ${part} must be inside an Accordion.`);
+	return accordion;
+}
+const AccordionGroupContext = (0, react.createContext)(null);
+/** The ids of an accordion's two parts, from its base. */
+const getSummaryId = (baseId) => `${baseId}-summary`;
+const getRegionId = (baseId) => `${baseId}-region`;
+//#endregion
+Object.defineProperty(exports, "AccordionContext", {
+	enumerable: true,
+	get: function() {
+		return AccordionContext;
+	}
+});
+Object.defineProperty(exports, "AccordionGroupContext", {
+	enumerable: true,
+	get: function() {
+		return AccordionGroupContext;
+	}
+});
+Object.defineProperty(exports, "getRegionId", {
+	enumerable: true,
+	get: function() {
+		return getRegionId;
+	}
+});
+Object.defineProperty(exports, "getSummaryId", {
+	enumerable: true,
+	get: function() {
+		return getSummaryId;
+	}
+});
+Object.defineProperty(exports, "useAccordion", {
+	enumerable: true,
+	get: function() {
+		return useAccordion;
+	}
+});

package/dist/AccordionContext-DDk_i9Dx.mjs

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+//#region src/Accordion/AccordionContext.ts
+const AccordionContext = createContext(null);
+/** The accordion a part sits in - a part with none is a mistake, so it says so. */
+function useAccordion(part) {
+	const accordion = useContext(AccordionContext);
+	if (!accordion) throw new Error(`An ${part} must be inside an Accordion.`);
+	return accordion;
+}
+const AccordionGroupContext = createContext(null);
+/** The ids of an accordion's two parts, from its base. */
+const getSummaryId = (baseId) => `${baseId}-summary`;
+const getRegionId = (baseId) => `${baseId}-region`;
+//#endregion
+export { useAccordion as a, getSummaryId as i, AccordionGroupContext as n, getRegionId as r, AccordionContext as t };