@qw-ui/core 0.3.0-next.4 → 0.3.0-next.42

package/dist/choice-group-C4c9m0qe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-group-C4c9m0qe.js","names":[],"sources":["../src/selector/choice-group.ts"],"sourcesContent":["/**\n * Private choice-group kernel shared by Selector and CheckList.\n * Value/limit rules come from `selection.ts`; native input sync, reset and\n * fieldset tracking come from `selection-form.ts`. Not exported from any root.\n */\nimport { mergeDescriptionIds } from \"../aria-description.js\";\nimport { createMachine, type Machine, type Params, type Service } from \"@zag-js/core\";\nimport { dataAttr, getComputedStyle, getEventKey, visuallyHiddenStyle } from \"@zag-js/dom-query\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport { normalizeSelectionItems, normalizeSelectionValue, selectionItemKey, toggleSelectionValue, type QwSelectionItem } from \"../selection.js\";\nimport { syncSelectionInputs, trackSelectionForm } from \"../selection-form.js\";\nimport { resolveIconState, type IconState } from \"../icon/index.js\";\n\nexport interface ChoiceGroupItem extends QwSelectionItem {\n  /** Item-level read-only: focusable and submitted, but cannot change. */\n  readOnly?: boolean;\n  /** Supporting trailing text, read after the description. */\n  extra?: string;\n}\nexport interface ChoiceGroupValueChangeDetails<I extends ChoiceGroupItem = ChoiceGroupItem> {\n  /** Requested ordered values (independent copy). */\n  value: string[];\n  /** Known items for the requested values, in value order (copies). */\n  items: I[];\n}\nexport interface ChoiceGroupProps {\n  id?: string;\n  label: string;\n  hideLabel?: boolean;\n  description?: string;\n  describedBy?: string;\n  items: ChoiceGroupItem[];\n  multiple?: boolean;\n  value?: string[];\n  defaultValue?: string[];\n  required?: boolean;\n  min?: number;\n  max?: number;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  name?: string;\n  form?: string;\n  dir?: string;\n  loop?: boolean;\n  onValueChange?: (details: ChoiceGroupValueChangeDetails) => void;\n}\nexport interface ChoiceGroupSchema {\n  props: ChoiceGroupProps & { multiple: boolean; defaultValue: string[]; loop: boolean } & Record<string, unknown>;\n  context: { value: string[]; focusedValue: string | null; disabledIds: string[] };\n  state: \"ready\";\n  action: \"setValue\" | \"toggleValue\" | \"selectValue\" | \"setFocus\" | \"syncInputs\" | \"normalizeMode\";\n  effect: \"trackForm\";\n  event: { type: \"VALUE.SET\"; value: string[] } | { type: \"VALUE.TOGGLE\" | \"VALUE.SELECT\" | \"FOCUS\"; value: string };\n}\nexport type ChoiceGroupMachine = Machine<ChoiceGroupSchema>;\nexport type ChoiceGroupService = Service<ChoiceGroupSchema>;\nexport interface ChoiceGroupItemState { selected: boolean; disabled: boolean; readOnly: boolean }\n\nexport function normalizeChoiceItems<I extends ChoiceGroupItem>(items: readonly I[], family: string): I[] {\n  return normalizeSelectionItems(items).map((entry) => {\n    const item = entry as I;\n    if (typeof item.label !== \"string\" || !item.label.trim()) throw new TypeError(`${family} item labels must be nonempty accessible text`);\n    if (item.extra !== undefined && typeof item.extra !== \"string\") throw new TypeError(`${family} item extra must be text`);\n    return { ...item };\n  });\n}\nexport function normalizeChoiceValue(value: readonly string[] = [], multiple = false): string[] {\n  const values = normalizeSelectionValue(value);\n  return multiple ? values : values.slice(0, 1);\n}\nexport function createChoiceGroupProps(props: ChoiceGroupProps, family: string): ChoiceGroupSchema[\"props\"] {\n  if (typeof props.label !== \"string\" || !props.label.trim()) throw new TypeError(`${family} requires a nonempty accessible group label`);\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(`${family} requires a nonempty instance id when provided`);\n  const multiple = !!props.multiple;\n  return { ...props, multiple, items: normalizeChoiceItems(props.items ?? [], family),\n    value: props.value === undefined ? undefined : normalizeChoiceValue(props.value, multiple),\n    defaultValue: normalizeChoiceValue(props.defaultValue, multiple), loop: props.loop ?? true };\n}\n\nconst same = (a: string[], b: string[] | undefined) => !!b && a.length === b.length && a.every((value, index) => value === b[index]);\ntype GroupParams = Pick<Params<ChoiceGroupSchema>, \"scope\" | \"context\" | \"prop\">;\n\n/** One machine per family; `family` is the data-scope and id prefix. */\nexport function createChoiceGroupMachine(family: string): ChoiceGroupMachine {\n  const ids = choiceIds(family);\n  const current = (params: GroupParams) => normalizeChoiceValue(params.context.get(\"value\"), params.prop(\"multiple\"));\n  const isDisabled = (params: GroupParams, item: ChoiceGroupItem) => !!params.prop(\"disabled\") || !!item.disabled || params.context.get(\"disabledIds\").includes(ids.input(params.scope, item.value));\n  const sync = (params: GroupParams) => {\n    const values = current(params);\n    syncSelectionInputs(params.scope, params.prop(\"items\").map((item) => ({ id: ids.input(params.scope, item.value), checked: values.includes(item.value) })));\n  };\n  const change = (params: GroupParams, value: string, selectOnly: boolean) => choiceChange(params, value, selectOnly, isDisabled, current);\n  return createMachine<ChoiceGroupSchema>({\n    props: ({ props }) => createChoiceGroupProps({ ...props, label: props.label ?? \"\", items: props.items ?? [] } as ChoiceGroupProps, family),\n    initialState: () => \"ready\",\n    context({ prop, bindable }) {\n      return {\n        value: bindable(() => ({ defaultValue: prop(\"defaultValue\"), value: prop(\"value\"), isEqual: same,\n          onChange: (value) => prop(\"onValueChange\")?.({ value: [...value], items: value.flatMap((entry) => prop(\"items\").filter((item) => item.value === entry).map((item) => ({ ...item }))) }) })),\n        focusedValue: bindable(() => ({ defaultValue: null as string | null })),\n        disabledIds: bindable(() => ({ defaultValue: [] as string[], isEqual: same })),\n      };\n    },\n    watch({ track, context, prop, action }) {\n      track([() => context.hash(\"value\"), () => context.hash(\"disabledIds\")], () => action([\"syncInputs\"]));\n      track([() => prop(\"multiple\")], () => action([\"normalizeMode\"]));\n    },\n    effects: [\"trackForm\"],\n    on: { \"VALUE.SET\": { actions: [\"setValue\"] }, \"VALUE.TOGGLE\": { actions: [\"toggleValue\"] }, \"VALUE.SELECT\": { actions: [\"selectValue\"] }, FOCUS: { actions: [\"setFocus\"] } },\n    states: { ready: {} },\n    implementations: {\n      effects: { trackForm(params) {\n        return trackSelectionForm({ scope: params.scope, rootId: ids.root(params.scope), form: () => params.prop(\"form\"),\n          getState: () => params.prop(\"items\").map((item) => ({ id: ids.input(params.scope, item.value), checked: current(params).includes(item.value) })),\n          onReset: () => params.context.set(\"value\", normalizeChoiceValue(params.prop(\"defaultValue\"), params.prop(\"multiple\"))),\n          onDisabledChange: (list) => params.context.set(\"disabledIds\", [...list]),\n        }).stop;\n      } },\n      actions: {\n        syncInputs: sync,\n        normalizeMode(params) { params.context.set(\"value\", current(params)); queueMicrotask(() => sync(params)); },\n        setValue(params) { if (params.event.type === \"VALUE.SET\") params.context.set(\"value\", normalizeChoiceValue(params.event.value, params.prop(\"multiple\"))); queueMicrotask(() => sync(params)); },\n        toggleValue(params) { if (params.event.type === \"VALUE.TOGGLE\") { const next = change(params, params.event.value, false); if (next) params.context.set(\"value\", next); } queueMicrotask(() => sync(params)); },\n        selectValue(params) { if (params.event.type === \"VALUE.SELECT\") { const next = change(params, params.event.value, true); if (next) params.context.set(\"value\", next); } queueMicrotask(() => sync(params)); },\n        setFocus(params) { if (params.event.type === \"FOCUS\") params.context.set(\"focusedValue\", params.event.value); },\n      },\n    },\n  });\n}\n\nfunction choiceIds(family: string) {\n  const root = (scope: ChoiceGroupService[\"scope\"]) => `${family}:${scope.id}`;\n  return { root, input: (scope: ChoiceGroupService[\"scope\"], value: string) => `${root(scope)}:input:${selectionItemKey(value)}` };\n}\nfunction choiceChange(params: GroupParams, value: string, selectOnly: boolean, isDisabled: (params: GroupParams, item: ChoiceGroupItem) => boolean, current: (params: GroupParams) => string[]): string[] | null {\n  const item = params.prop(\"items\").find((entry) => entry.value === value);\n  if (!item || isDisabled(params, item) || params.prop(\"readOnly\") || item.readOnly) return null;\n  const values = current(params);\n  if (!params.prop(\"multiple\")) {\n    if (!values.includes(value)) return [value];\n    return selectOnly || params.prop(\"required\") ? null : [];\n  }\n  const result = toggleSelectionValue(values, item, { min: params.prop(\"min\"), max: params.prop(\"max\") });\n  return result.blocked ? null : result.value;\n}\n\nexport interface ChoiceGroupApi<T extends PropTypes = PropTypes> {\n  value: string[];\n  items: ChoiceGroupItem[];\n  label: string;\n  description: string;\n  setValue(value: string[]): void;\n  toggleValue(value: string): void;\n  clearValue(): void;\n  getRootProps(extra?: Record<string, unknown>): T[\"element\"];\n  getLabelProps(): T[\"element\"];\n  getDescriptionProps(): T[\"element\"];\n  getGroupProps(part: string): T[\"element\"];\n  getItemState(item: { value: string }): ChoiceGroupItemState;\n  getItemProps(item: { value: string }, part: string): T[\"label\"];\n  getInputProps(item: { value: string }): T[\"input\"];\n  getItemPartProps(item: { value: string }, part: string): T[\"element\"];\n  getTextProps(item: { value: string }, part: string): T[\"element\"];\n  getItemDescriptionProps(item: { value: string }, part: string): T[\"element\"];\n  getExtraProps(item: { value: string }, part: string): T[\"element\"];\n  getCheckProps(item: { value: string }, part: string): T[\"element\"];\n  getCheckIconState(item: { value: string }): IconState;\n}\n\n/** SSR-pure getters; client handlers use the Zag DOM scope only inside events. */\nexport function connectChoiceGroup<T extends PropTypes>(family: string, service: ChoiceGroupService, normalize: NormalizeProps<T>): ChoiceGroupApi<T> {\n  const ids = choiceIds(family);\n  const id = ids.root(service.scope), multiple = service.prop(\"multiple\"), items = service.prop(\"items\");\n  const values = normalizeChoiceValue(service.context.get(\"value\"), multiple);\n  const isDisabled = (item: ChoiceGroupItem) => !!service.prop(\"disabled\") || !!item.disabled || service.context.get(\"disabledIds\").includes(ids.input(service.scope, item.value));\n  const readOnly = (item: ChoiceGroupItem) => !!service.prop(\"readOnly\") || !!item.readOnly;\n  const current = (params: GroupParams) => normalizeChoiceValue(params.context.get(\"value\"), params.prop(\"multiple\"));\n  const sync = () => { const now = current(service); syncSelectionInputs(service.scope, service.prop(\"items\").map((item) => ({ id: ids.input(service.scope, item.value), checked: now.includes(item.value) }))); };\n  const enabled = items.filter((item) => !isDisabled(item));\n  const focused = service.context.get(\"focusedValue\");\n  const tabAnchor = enabled.find((item) => item.value === focused) ?? enabled.find((item) => values.includes(item.value)) ?? enabled[0];\n  const requiredAnchor = service.prop(\"required\") && !enabled.some((item) => values.includes(item.value)) ? enabled[0]?.value : undefined;\n  const resolve = ({ value }: { value: string }) => { const item = items.find((entry) => entry.value === value); if (!item) throw new RangeError(`${family} item is not present in items`); return item; };\n  const key = (item: ChoiceGroupItem) => selectionItemKey(item.value);\n  const part = (name: string) => ({ \"data-scope\": family, \"data-part\": name });\n  const data = (item: ChoiceGroupItem) => ({ \"data-state\": values.includes(item.value) ? \"checked\" : \"unchecked\", \"data-disabled\": dataAttr(isDisabled(item)), \"data-readonly\": dataAttr(readOnly(item)), \"data-invalid\": dataAttr(service.prop(\"invalid\")) });\n  const describedBy = (item: ChoiceGroupItem) => mergeDescriptionIds(item.description ? `${id}:description:${key(item)}` : undefined, item.extra ? `${id}:extra:${key(item)}` : undefined);\n  return {\n    value: [...values], items: items.map((item) => ({ ...item })), label: service.prop(\"label\"), description: service.prop(\"description\") ?? \"\",\n    setValue: (value) => service.send({ type: \"VALUE.SET\", value: normalizeChoiceValue(value, multiple) }),\n    toggleValue: (value) => service.send({ type: \"VALUE.TOGGLE\", value }),\n    clearValue: () => service.send({ type: \"VALUE.SET\", value: [] }),\n    getRootProps: (extra = {}) => normalize.element({ ...part(\"root\"), ...extra, id, role: multiple ? \"group\" : \"radiogroup\", disabled: !!service.prop(\"disabled\"), form: service.prop(\"form\"), dir: service.prop(\"dir\"),\n      \"aria-labelledby\": `${id}:label`, \"aria-describedby\": mergeDescriptionIds(service.prop(\"description\") ? `${id}:description` : undefined, service.prop(\"describedBy\")),\n      \"aria-required\": !multiple && service.prop(\"required\") || undefined, \"aria-readonly\": !multiple && service.prop(\"readOnly\") || undefined,\n      \"aria-disabled\": service.prop(\"disabled\") || (items.length > 0 && !enabled.length) || undefined, \"aria-invalid\": service.prop(\"invalid\") || undefined,\n      \"data-selection-mode\": multiple ? \"multiple\" : \"single\", \"data-disabled\": dataAttr(service.prop(\"disabled\")), \"data-readonly\": dataAttr(service.prop(\"readOnly\")), \"data-invalid\": dataAttr(service.prop(\"invalid\")) }),\n    getLabelProps: () => normalize.element({ ...part(\"label\"), id: `${id}:label`, style: service.prop(\"hideLabel\") ? visuallyHiddenStyle : undefined }),\n    getDescriptionProps: () => normalize.element({ ...part(\"description\"), id: `${id}:description`, hidden: !service.prop(\"description\") }),\n    getGroupProps: (name) => normalize.element(part(name)),\n    getItemState: (props) => { const item = resolve(props); return { selected: values.includes(item.value), disabled: isDisabled(item), readOnly: readOnly(item) }; },\n    getItemProps: (props, name) => { const item = resolve(props); return normalize.label({ ...part(name), ...data(item), htmlFor: ids.input(service.scope, item.value) }); },\n    getInputProps(props) {\n      const item = resolve(props), disabled = isDisabled(item), selected = values.includes(item.value);\n      return normalize.input({ ...part(\"input\"), ...data(item), id: ids.input(service.scope, item.value), type: multiple ? \"checkbox\" : \"radio\", value: item.value,\n        checked: selected, disabled: !!service.prop(\"disabled\") || !!item.disabled, readOnly: readOnly(item),\n        name: disabled ? undefined : service.prop(\"name\") || (multiple ? undefined : service.scope.id), form: service.prop(\"form\"),\n        required: multiple ? requiredAnchor === item.value : !!service.prop(\"required\") && !disabled, tabIndex: multiple ? 0 : (tabAnchor?.value === item.value ? 0 : -1),\n        \"aria-checked\": selected, \"aria-readonly\": multiple && readOnly(item) || undefined, \"aria-invalid\": service.prop(\"invalid\") || undefined,\n        \"aria-labelledby\": `${id}:text:${key(item)}`, \"aria-describedby\": describedBy(item),\n        style: visuallyHiddenStyle, onChange() {},\n        onFocus() { service.send({ type: \"FOCUS\", value: item.value }); },\n        onClick(event) {\n          if (event.defaultPrevented) return;\n          if (!choiceChange(service, item.value, false, (_, entry) => isDisabled(entry), current)) event.preventDefault();\n          service.send({ type: \"VALUE.TOGGLE\", value: item.value }); queueMicrotask(sync);\n        },\n        onKeyDown(event) {\n          if (event.defaultPrevented || event.ctrlKey || event.altKey || event.metaKey) return;\n          if (event.key === \" \" || event.key === \"Enter\") { event.preventDefault(); if (!event.repeat) service.send({ type: \"VALUE.TOGGLE\", value: item.value }); queueMicrotask(sync); return; }\n          if (![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\", \"Home\", \"End\"].includes(event.key)) return;\n          event.preventDefault();\n          const candidates = service.prop(\"items\").filter((entry) => !isDisabled(entry));\n          if (!candidates.length || isDisabled(item)) return;\n          const direction = service.prop(\"dir\");\n          const dir = direction === \"rtl\" || direction === \"ltr\" ? direction : getComputedStyle(event.currentTarget).direction === \"rtl\" ? \"rtl\" : \"ltr\";\n          const pressed = getEventKey(event, { dir }), index = candidates.findIndex((entry) => entry.value === item.value);\n          let target = pressed === \"Home\" ? 0 : pressed === \"End\" ? candidates.length - 1 : index + (pressed === \"ArrowRight\" || pressed === \"ArrowDown\" ? 1 : -1);\n          if (service.prop(\"loop\")) target = (target + candidates.length) % candidates.length;\n          const next = candidates[target]; if (!next) return;\n          service.scope.getById<HTMLInputElement>(ids.input(service.scope, next.value))?.focus();\n          service.send({ type: \"FOCUS\", value: next.value });\n          if (!multiple) service.send({ type: \"VALUE.SELECT\", value: next.value });\n        },\n      });\n    },\n    getItemPartProps: (props, name) => normalize.element({ ...part(name), ...data(resolve(props)) }),\n    getTextProps: (props, name) => normalize.element({ ...part(name), id: `${id}:text:${key(resolve(props))}` }),\n    getItemDescriptionProps: (props, name) => { const item = resolve(props); return normalize.element({ ...part(name), id: `${id}:description:${key(item)}`, hidden: !item.description }); },\n    getExtraProps: (props, name) => { const item = resolve(props); return normalize.element({ ...part(name), id: `${id}:extra:${key(item)}`, hidden: !item.extra }); },\n    getCheckProps: (props, name) => { const item = resolve(props); return normalize.element({ ...part(name), ...data(item), \"aria-hidden\": true, hidden: !values.includes(item.value) }); },\n    getCheckIconState: (props) => resolveIconState({ id: `${id}:check:${key(resolve(props))}`, name: \"check\" }),\n  };\n}\n"],"mappings":"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"}

package/dist/circle/circle.d.ts

@@ -0,0 +1,97 @@
+import { getProgressRootProps, type ProgressTone, type QwProgressProps } from "../progress/progress.js";
+/** Start angle of the indicator arc. */
+export declare const CIRCLE_START_POSITIONS: readonly ["top", "right", "bottom", "left"];
+export declare const CIRCLE_LINE_CAPS: readonly ["round", "butt"];
+/** Stable DOM parts shared by every adapter. */
+export declare const CIRCLE_PARTS: readonly ["root", "svg", "track", "indicator", "content"];
+/** SVG user-space edge; stroke width is expressed in these units and scales with size. */
+export declare const CIRCLE_VIEWBOX = 100;
+export declare const CIRCLE_DEFAULT_STROKE_WIDTH = 8;
+/** Visible arc fraction while progress is unknown. */
+export declare const CIRCLE_INDETERMINATE_ARC = 0.25;
+export type CircleStartPosition = (typeof CIRCLE_START_POSITIONS)[number];
+export type CircleLineCap = (typeof CIRCLE_LINE_CAPS)[number];
+export type CirclePart = (typeof CIRCLE_PARTS)[number];
+export interface QwCircleProps extends QwProgressProps {
+    /** Accessible aria-valuetext, e.g. "3 of 4 tasks". */
+    valueText?: string;
+    /** Rendered edge length in CSS px; omitted/invalid uses the styles-core default. */
+    size?: number;
+    /** Ring thickness in viewBox units (1–20, default 8). */
+    strokeWidth?: number;
+    startPosition?: CircleStartPosition;
+    /** Direction of growth; defaults true. Not auto-mirrored in RTL (clock-like graphic). */
+    clockwise?: boolean;
+    /** Show the default percentage when no custom content is supplied; defaults true. */
+    showText?: boolean;
+    lineCap?: CircleLineCap;
+}
+export interface ResolvedCircleState {
+    label: string;
+    value: number;
+    max: number;
+    percent: number;
+    indeterminate: boolean;
+    tone: ProgressTone;
+    valueText?: string;
+    size?: number;
+    strokeWidth: number;
+    radius: number;
+    circumference: number;
+    dashArray: string;
+    dashOffset: string;
+    transform: string;
+    startPosition: CircleStartPosition;
+    clockwise: boolean;
+    lineCap: CircleLineCap;
+    /** Default center text, empty when indeterminate or showText is false. */
+    percentText: string;
+}
+/** Progress normalization plus ring geometry. Pure and SSR-safe. */
+export declare function resolveCircleState(props: QwCircleProps): ResolvedCircleState;
+export type CircleRootProps = Omit<ReturnType<typeof getProgressRootProps>, "data-scope"> & {
+    "data-scope": "circle";
+    "aria-valuetext"?: string;
+    "data-start-position": CircleStartPosition;
+    "data-clockwise"?: "true";
+    style?: {
+        inlineSize: string;
+        blockSize: string;
+    };
+};
+/** Same progressbar semantics as Progress, re-scoped for circle styling. */
+export declare function getCircleRootProps(state: ResolvedCircleState): CircleRootProps;
+export interface CircleSvgProps {
+    "data-scope": "circle";
+    "data-part": "svg";
+    viewBox: string;
+    "aria-hidden": "true";
+    focusable: "false";
+}
+export declare function getCircleSvgProps(): CircleSvgProps;
+export interface CircleRingStyle {
+    strokeWidth: string;
+    strokeDasharray?: string;
+    strokeDashoffset?: string;
+    strokeLinecap?: CircleLineCap;
+    transform?: string;
+    transformOrigin?: string;
+    transformBox?: "fill-box";
+}
+export interface CircleRingProps {
+    "data-scope": "circle";
+    "data-part": "track" | "indicator";
+    cx: string;
+    cy: string;
+    r: string;
+    fill: "none";
+    /** Stroke geometry travels as camelCase inline style so React, Vue and WC need no attribute renaming. */
+    style: CircleRingStyle;
+}
+export declare function getCircleTrackProps(state: ResolvedCircleState): CircleRingProps;
+export declare function getCircleIndicatorProps(state: ResolvedCircleState): CircleRingProps;
+export interface CircleContentProps {
+    "data-scope": "circle";
+    "data-part": "content";
+}
+export declare function getCircleContentProps(): CircleContentProps;

package/dist/circle/index.d.ts

@@ -0,0 +1 @@
+export * from "./circle.js";

package/dist/circle/index.js

@@ -0,0 +1,119 @@
+import { n as getProgressRootProps, r as resolveProgressState } from "../progress-f3iYEfdA.js";
+//#region src/circle/circle.ts
+/** Start angle of the indicator arc. */
+const CIRCLE_START_POSITIONS = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+const CIRCLE_LINE_CAPS = ["round", "butt"];
+/** Stable DOM parts shared by every adapter. */
+const CIRCLE_PARTS = [
+	"root",
+	"svg",
+	"track",
+	"indicator",
+	"content"
+];
+/** SVG user-space edge; stroke width is expressed in these units and scales with size. */
+const CIRCLE_VIEWBOX = 100;
+const CIRCLE_DEFAULT_STROKE_WIDTH = 8;
+/** Visible arc fraction while progress is unknown. */
+const CIRCLE_INDETERMINATE_ARC = .25;
+const ROTATION = {
+	top: -90,
+	right: 0,
+	bottom: 90,
+	left: 180
+};
+const pick = (list, value, fallback) => list.includes(value) ? value : fallback;
+/** Fixed decimals keep SSR and client attribute strings identical. */
+const fixed = (value) => String(Math.round(value * 1e3) / 1e3);
+/** Progress normalization plus ring geometry. Pure and SSR-safe. */
+function resolveCircleState(props) {
+	const progress = resolveProgressState(props);
+	const strokeWidth = typeof props.strokeWidth === "number" && Number.isFinite(props.strokeWidth) ? Math.min(20, Math.max(1, props.strokeWidth)) : 8;
+	const radius = (100 - strokeWidth) / 2;
+	const circumference = 2 * Math.PI * radius;
+	const shown = progress.indeterminate ? CIRCLE_INDETERMINATE_ARC : progress.percent / 100;
+	const startPosition = pick(CIRCLE_START_POSITIONS, props.startPosition, "top");
+	const clockwise = props.clockwise ?? true;
+	const transform = `rotate(${ROTATION[startPosition]}deg)${clockwise ? "" : " scaleY(-1)"}`;
+	const size = typeof props.size === "number" && Number.isFinite(props.size) && props.size > 0 ? props.size : void 0;
+	return {
+		...progress,
+		valueText: props.valueText?.trim() || void 0,
+		size,
+		strokeWidth,
+		radius,
+		circumference,
+		dashArray: fixed(circumference),
+		dashOffset: fixed(circumference * (1 - shown)),
+		transform,
+		startPosition,
+		clockwise,
+		lineCap: pick(CIRCLE_LINE_CAPS, props.lineCap, "round"),
+		percentText: progress.indeterminate || props.showText === false ? "" : `${Math.round(progress.percent)}%`
+	};
+}
+/** Same progressbar semantics as Progress, re-scoped for circle styling. */
+function getCircleRootProps(state) {
+	return {
+		...getProgressRootProps(state),
+		"data-scope": "circle",
+		...state.valueText && !state.indeterminate ? { "aria-valuetext": state.valueText } : {},
+		"data-start-position": state.startPosition,
+		...state.clockwise ? { "data-clockwise": "true" } : {},
+		...state.size ? { style: {
+			inlineSize: `${state.size}px`,
+			blockSize: `${state.size}px`
+		} } : {}
+	};
+}
+function getCircleSvgProps() {
+	return {
+		"data-scope": "circle",
+		"data-part": "svg",
+		viewBox: `0 0 100 100`,
+		"aria-hidden": "true",
+		focusable: "false"
+	};
+}
+function getCircleTrackProps(state) {
+	const c = String(100 / 2);
+	return {
+		"data-scope": "circle",
+		"data-part": "track",
+		cx: c,
+		cy: c,
+		r: fixed(state.radius),
+		fill: "none",
+		style: { strokeWidth: String(state.strokeWidth) }
+	};
+}
+function getCircleIndicatorProps(state) {
+	return {
+		...getCircleTrackProps(state),
+		"data-part": "indicator",
+		style: {
+			strokeWidth: String(state.strokeWidth),
+			strokeDasharray: state.dashArray,
+			strokeDashoffset: state.dashOffset,
+			strokeLinecap: state.lineCap,
+			transform: state.transform,
+			transformOrigin: "50% 50%",
+			transformBox: "fill-box"
+		}
+	};
+}
+function getCircleContentProps() {
+	return {
+		"data-scope": "circle",
+		"data-part": "content"
+	};
+}
+//#endregion
+export { CIRCLE_DEFAULT_STROKE_WIDTH, CIRCLE_INDETERMINATE_ARC, CIRCLE_LINE_CAPS, CIRCLE_PARTS, CIRCLE_START_POSITIONS, CIRCLE_VIEWBOX, getCircleContentProps, getCircleIndicatorProps, getCircleRootProps, getCircleSvgProps, getCircleTrackProps, resolveCircleState };
+
+//# sourceMappingURL=index.js.map

package/dist/circle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/circle/circle.ts"],"sourcesContent":["import { getProgressRootProps, resolveProgressState, type ProgressTone, type QwProgressProps } from \"../progress/progress.js\";\n\n/** Start angle of the indicator arc. */\nexport const CIRCLE_START_POSITIONS = [\"top\", \"right\", \"bottom\", \"left\"] as const;\nexport const CIRCLE_LINE_CAPS = [\"round\", \"butt\"] as const;\n/** Stable DOM parts shared by every adapter. */\nexport const CIRCLE_PARTS = [\"root\", \"svg\", \"track\", \"indicator\", \"content\"] as const;\n/** SVG user-space edge; stroke width is expressed in these units and scales with size. */\nexport const CIRCLE_VIEWBOX = 100;\nexport const CIRCLE_DEFAULT_STROKE_WIDTH = 8;\n/** Visible arc fraction while progress is unknown. */\nexport const CIRCLE_INDETERMINATE_ARC = 0.25;\n\nexport type CircleStartPosition = (typeof CIRCLE_START_POSITIONS)[number];\nexport type CircleLineCap = (typeof CIRCLE_LINE_CAPS)[number];\nexport type CirclePart = (typeof CIRCLE_PARTS)[number];\n\nexport interface QwCircleProps extends QwProgressProps {\n  /** Accessible aria-valuetext, e.g. \"3 of 4 tasks\". */\n  valueText?: string;\n  /** Rendered edge length in CSS px; omitted/invalid uses the styles-core default. */\n  size?: number;\n  /** Ring thickness in viewBox units (1–20, default 8). */\n  strokeWidth?: number;\n  startPosition?: CircleStartPosition;\n  /** Direction of growth; defaults true. Not auto-mirrored in RTL (clock-like graphic). */\n  clockwise?: boolean;\n  /** Show the default percentage when no custom content is supplied; defaults true. */\n  showText?: boolean;\n  lineCap?: CircleLineCap;\n}\n\nexport interface ResolvedCircleState {\n  label: string;\n  value: number;\n  max: number;\n  percent: number;\n  indeterminate: boolean;\n  tone: ProgressTone;\n  valueText?: string;\n  size?: number;\n  strokeWidth: number;\n  radius: number;\n  circumference: number;\n  dashArray: string;\n  dashOffset: string;\n  transform: string;\n  startPosition: CircleStartPosition;\n  clockwise: boolean;\n  lineCap: CircleLineCap;\n  /** Default center text, empty when indeterminate or showText is false. */\n  percentText: string;\n}\n\nconst ROTATION: Record<CircleStartPosition, number> = { top: -90, right: 0, bottom: 90, left: 180 };\nconst pick = <T extends string>(list: readonly T[], value: unknown, fallback: T): T => (list as readonly unknown[]).includes(value) ? value as T : fallback;\n/** Fixed decimals keep SSR and client attribute strings identical. */\nconst fixed = (value: number) => String(Math.round(value * 1000) / 1000);\n\n/** Progress normalization plus ring geometry. Pure and SSR-safe. */\nexport function resolveCircleState(props: QwCircleProps): ResolvedCircleState {\n  const progress = resolveProgressState(props);\n  const strokeWidth = typeof props.strokeWidth === \"number\" && Number.isFinite(props.strokeWidth) ? Math.min(20, Math.max(1, props.strokeWidth)) : CIRCLE_DEFAULT_STROKE_WIDTH;\n  const radius = (CIRCLE_VIEWBOX - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const shown = progress.indeterminate ? CIRCLE_INDETERMINATE_ARC : progress.percent / 100;\n  const startPosition = pick(CIRCLE_START_POSITIONS, props.startPosition, \"top\");\n  const clockwise = props.clockwise ?? true;\n  // CSS transform about the ring center: mirror across the start axis (scaleY(-1)) first, then rotate to the start angle.\n  const transform = `rotate(${ROTATION[startPosition]}deg)${clockwise ? \"\" : \" scaleY(-1)\"}`;\n  const size = typeof props.size === \"number\" && Number.isFinite(props.size) && props.size > 0 ? props.size : undefined;\n  return {\n    ...progress, valueText: props.valueText?.trim() || undefined, size, strokeWidth, radius, circumference,\n    dashArray: fixed(circumference), dashOffset: fixed(circumference * (1 - shown)), transform, startPosition, clockwise,\n    lineCap: pick(CIRCLE_LINE_CAPS, props.lineCap, \"round\"),\n    percentText: progress.indeterminate || props.showText === false ? \"\" : `${Math.round(progress.percent)}%`,\n  };\n}\n\nexport type CircleRootProps = Omit<ReturnType<typeof getProgressRootProps>, \"data-scope\"> & {\n  \"data-scope\": \"circle\";\n  \"aria-valuetext\"?: string;\n  \"data-start-position\": CircleStartPosition;\n  \"data-clockwise\"?: \"true\";\n  style?: { inlineSize: string; blockSize: string };\n};\n/** Same progressbar semantics as Progress, re-scoped for circle styling. */\nexport function getCircleRootProps(state: ResolvedCircleState): CircleRootProps {\n  const progress = getProgressRootProps(state);\n  return {\n    ...progress, \"data-scope\": \"circle\",\n    ...(state.valueText && !state.indeterminate ? { \"aria-valuetext\": state.valueText } : {}),\n    \"data-start-position\": state.startPosition, ...(state.clockwise ? { \"data-clockwise\": \"true\" as const } : {}),\n    ...(state.size ? { style: { inlineSize: `${state.size}px`, blockSize: `${state.size}px` } } : {}),\n  };\n}\n\nexport interface CircleSvgProps { \"data-scope\": \"circle\"; \"data-part\": \"svg\"; viewBox: string; \"aria-hidden\": \"true\"; focusable: \"false\" }\nexport function getCircleSvgProps(): CircleSvgProps {\n  return { \"data-scope\": \"circle\", \"data-part\": \"svg\", viewBox: `0 0 ${CIRCLE_VIEWBOX} ${CIRCLE_VIEWBOX}`, \"aria-hidden\": \"true\", focusable: \"false\" };\n}\nexport interface CircleRingStyle {\n  strokeWidth: string;\n  strokeDasharray?: string;\n  strokeDashoffset?: string;\n  strokeLinecap?: CircleLineCap;\n  transform?: string;\n  transformOrigin?: string;\n  transformBox?: \"fill-box\";\n}\nexport interface CircleRingProps {\n  \"data-scope\": \"circle\";\n  \"data-part\": \"track\" | \"indicator\";\n  cx: string; cy: string; r: string; fill: \"none\";\n  /** Stroke geometry travels as camelCase inline style so React, Vue and WC need no attribute renaming. */\n  style: CircleRingStyle;\n}\nexport function getCircleTrackProps(state: ResolvedCircleState): CircleRingProps {\n  const c = String(CIRCLE_VIEWBOX / 2);\n  return { \"data-scope\": \"circle\", \"data-part\": \"track\", cx: c, cy: c, r: fixed(state.radius), fill: \"none\", style: { strokeWidth: String(state.strokeWidth) } };\n}\nexport function getCircleIndicatorProps(state: ResolvedCircleState): CircleRingProps {\n  return { ...getCircleTrackProps(state), \"data-part\": \"indicator\", style: { strokeWidth: String(state.strokeWidth), strokeDasharray: state.dashArray,\n    strokeDashoffset: state.dashOffset, strokeLinecap: state.lineCap, transform: state.transform, transformOrigin: \"50% 50%\", transformBox: \"fill-box\" } };\n}\nexport interface CircleContentProps { \"data-scope\": \"circle\"; \"data-part\": \"content\" }\nexport function getCircleContentProps(): CircleContentProps {\n  return { \"data-scope\": \"circle\", \"data-part\": \"content\" };\n}\n"],"mappings":";;;AAGA,MAAa,yBAAyB;CAAC;CAAO;CAAS;CAAU;AAAM;AACvE,MAAa,mBAAmB,CAAC,SAAS,MAAM;;AAEhD,MAAa,eAAe;CAAC;CAAQ;CAAO;CAAS;CAAa;AAAS;;AAE3E,MAAa,iBAAiB;AAC9B,MAAa,8BAA8B;;AAE3C,MAAa,2BAA2B;AA2CxC,MAAM,WAAgD;CAAE,KAAK;CAAK,OAAO;CAAG,QAAQ;CAAI,MAAM;AAAI;AAClG,MAAM,QAA0B,MAAoB,OAAgB,aAAoB,KAA4B,SAAS,KAAK,IAAI,QAAa;;AAEnJ,MAAM,SAAS,UAAkB,OAAO,KAAK,MAAM,QAAQ,GAAI,IAAI,GAAI;;AAGvE,SAAgB,mBAAmB,OAA2C;CAC5E,MAAM,WAAW,qBAAqB,KAAK;CAC3C,MAAM,cAAc,OAAO,MAAM,gBAAgB,YAAY,OAAO,SAAS,MAAM,WAAW,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,WAAW,CAAC,IAAA;CAC7I,MAAM,UAAA,MAA2B,eAAe;CAChD,MAAM,gBAAgB,IAAI,KAAK,KAAK;CACpC,MAAM,QAAQ,SAAS,gBAAgB,2BAA2B,SAAS,UAAU;CACrF,MAAM,gBAAgB,KAAK,wBAAwB,MAAM,eAAe,KAAK;CAC7E,MAAM,YAAY,MAAM,aAAa;CAErC,MAAM,YAAY,UAAU,SAAS,eAAe,MAAM,YAAY,KAAK;CAC3E,MAAM,OAAO,OAAO,MAAM,SAAS,YAAY,OAAO,SAAS,MAAM,IAAI,KAAK,MAAM,OAAO,IAAI,MAAM,OAAO,KAAA;CAC5G,OAAO;EACL,GAAG;EAAU,WAAW,MAAM,WAAW,KAAK,KAAK,KAAA;EAAW;EAAM;EAAa;EAAQ;EACzF,WAAW,MAAM,aAAa;EAAG,YAAY,MAAM,iBAAiB,IAAI,MAAM;EAAG;EAAW;EAAe;EAC3G,SAAS,KAAK,kBAAkB,MAAM,SAAS,OAAO;EACtD,aAAa,SAAS,iBAAiB,MAAM,aAAa,QAAQ,KAAK,GAAG,KAAK,MAAM,SAAS,OAAO,EAAE;CACzG;AACF;;AAUA,SAAgB,mBAAmB,OAA6C;CAE9E,OAAO;EACL,GAFe,qBAAqB,KAE1B;EAAG,cAAc;EAC3B,GAAI,MAAM,aAAa,CAAC,MAAM,gBAAgB,EAAE,kBAAkB,MAAM,UAAU,IAAI,CAAC;EACvF,uBAAuB,MAAM;EAAe,GAAI,MAAM,YAAY,EAAE,kBAAkB,OAAgB,IAAI,CAAC;EAC3G,GAAI,MAAM,OAAO,EAAE,OAAO;GAAE,YAAY,GAAG,MAAM,KAAK;GAAK,WAAW,GAAG,MAAM,KAAK;EAAI,EAAE,IAAI,CAAC;CACjG;AACF;AAGA,SAAgB,oBAAoC;CAClD,OAAO;EAAE,cAAc;EAAU,aAAa;EAAO,SAAS;EAA2C,eAAe;EAAQ,WAAW;CAAQ;AACrJ;AAiBA,SAAgB,oBAAoB,OAA6C;CAC/E,MAAM,IAAI,OAAA,MAAwB,CAAC;CACnC,OAAO;EAAE,cAAc;EAAU,aAAa;EAAS,IAAI;EAAG,IAAI;EAAG,GAAG,MAAM,MAAM,MAAM;EAAG,MAAM;EAAQ,OAAO,EAAE,aAAa,OAAO,MAAM,WAAW,EAAE;CAAE;AAC/J;AACA,SAAgB,wBAAwB,OAA6C;CACnF,OAAO;EAAE,GAAG,oBAAoB,KAAK;EAAG,aAAa;EAAa,OAAO;GAAE,aAAa,OAAO,MAAM,WAAW;GAAG,iBAAiB,MAAM;GACxI,kBAAkB,MAAM;GAAY,eAAe,MAAM;GAAS,WAAW,MAAM;GAAW,iBAAiB;GAAW,cAAc;EAAW;CAAE;AACzJ;AAEA,SAAgB,wBAA4C;CAC1D,OAAO;EAAE,cAAc;EAAU,aAAa;CAAU;AAC1D"}

package/dist/collapse/collapse.d.ts

@@ -0,0 +1,98 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+import { type IconState } from "../icon/index.js";
+/** Stable DOM parts shared by every adapter. */
+export declare const COLLAPSE_PARTS: readonly ["root", "item", "heading", "trigger", "title", "arrow", "content", "body"];
+/** Allowed heading levels for panel headers; default 3. */
+export declare const COLLAPSE_HEADING_LEVELS: readonly [2, 3, 4, 5, 6];
+export type CollapsePart = (typeof COLLAPSE_PARTS)[number];
+export type CollapseHeadingLevel = (typeof COLLAPSE_HEADING_LEVELS)[number];
+/** One disclosure panel. `title` is the header button's accessible name. */
+export interface QwCollapseItem {
+    key: string;
+    title: string;
+    /** Plain text body; adapters may project rich content instead. */
+    content?: string;
+    disabled?: boolean;
+}
+export interface CollapseValueChangeDetails {
+    value: string[];
+}
+export interface QwCollapseProps {
+    id?: string;
+    items: QwCollapseItem[];
+    /** At most one open panel; opening another closes the previous one. */
+    accordion?: boolean;
+    /** Controlled open keys (including []). User toggles only request changes. */
+    value?: string[];
+    /** Initial open keys. Defaults []. */
+    defaultValue?: string[];
+    /** Disable every header. Open panels stay open. */
+    disabled?: boolean;
+    /** Heading level wrapping each header button; 2–6, default 3. */
+    headingLevel?: number;
+    /** ArrowUp/ArrowDown wrap between headers; defaults true. */
+    loop?: boolean;
+    onValueChange?: (details: CollapseValueChangeDetails) => void;
+}
+export interface QwCollapseSchema {
+    props: QwCollapseProps & {
+        accordion: boolean;
+        defaultValue: string[];
+        headingLevel: CollapseHeadingLevel;
+        loop: boolean;
+    };
+    context: {
+        value: string[];
+    };
+    state: "ready";
+    action: "toggle" | "setValue" | "normalizeMode";
+    event: {
+        type: "VALUE.TOGGLE";
+        value: string;
+    } | {
+        type: "VALUE.SET";
+        value: string[];
+    };
+}
+export type QwCollapseMachine = Machine<QwCollapseSchema>;
+export type QwCollapseService = Service<QwCollapseSchema>;
+export interface QwCollapseItemProps {
+    key: string;
+}
+export interface QwCollapseItemState {
+    open: boolean;
+    disabled: boolean;
+}
+export declare function normalizeCollapseItems(items: readonly QwCollapseItem[]): QwCollapseItem[];
+/** Ordered unique keys; accordion keeps the first. Unknown keys are retained. */
+export declare function normalizeCollapseValue(value?: readonly string[], accordion?: boolean): string[];
+export declare function resolveCollapseHeadingLevel(level: unknown): CollapseHeadingLevel;
+export declare function createCollapseProps(props: QwCollapseProps): QwCollapseSchema["props"];
+/** Pure toggle rule used by the machine. Returns null when blocked. */
+export declare function toggleCollapseValue(value: readonly string[], item: QwCollapseItem, options?: {
+    accordion?: boolean;
+    disabled?: boolean;
+}): string[] | null;
+/** One Zag bindable lifecycle; Core owns toggling, accordion exclusivity and header focus moves. */
+export declare const collapseMachine: QwCollapseMachine;
+export interface QwCollapseApi<T extends PropTypes = PropTypes> {
+    value: string[];
+    items: QwCollapseItem[];
+    /** Tag name adapters render for each header wrapper, e.g. "h3". */
+    headingTag: `h${CollapseHeadingLevel}`;
+    setValue(value: string[]): void;
+    toggle(key: string): void;
+    getRootProps(): T["element"];
+    getItemState(item: QwCollapseItemProps): QwCollapseItemState;
+    getItemProps(item: QwCollapseItemProps): T["element"];
+    getHeadingProps(item: QwCollapseItemProps): T["element"];
+    getTriggerProps(item: QwCollapseItemProps): T["button"];
+    getTitleProps(item: QwCollapseItemProps): T["element"];
+    getArrowProps(item: QwCollapseItemProps): T["element"];
+    getArrowIconState(item: QwCollapseItemProps): IconState;
+    getContentProps(item: QwCollapseItemProps): T["element"];
+    getBodyProps(item: QwCollapseItemProps): T["element"];
+}
+/** SSR-pure getters; focus moves use the Zag DOM scope only inside key events. */
+export declare function connectCollapse<T extends PropTypes>(service: QwCollapseService, normalize: NormalizeProps<T>): QwCollapseApi<T>;

package/dist/collapse/index.d.ts

@@ -0,0 +1,2 @@
+export { COLLAPSE_PARTS, COLLAPSE_HEADING_LEVELS, normalizeCollapseItems, normalizeCollapseValue, resolveCollapseHeadingLevel, createCollapseProps, toggleCollapseValue, collapseMachine, connectCollapse } from "./collapse.js";
+export type { CollapsePart, CollapseHeadingLevel, QwCollapseItem, CollapseValueChangeDetails, QwCollapseProps, QwCollapseSchema, QwCollapseMachine, QwCollapseService, QwCollapseItemProps, QwCollapseItemState, QwCollapseApi } from "./collapse.js";

package/dist/collapse/index.js

@@ -0,0 +1,2 @@
+import { a as createCollapseProps, c as resolveCollapseHeadingLevel, i as connectCollapse, l as toggleCollapseValue, n as COLLAPSE_PARTS, o as normalizeCollapseItems, r as collapseMachine, s as normalizeCollapseValue, t as COLLAPSE_HEADING_LEVELS } from "../collapse-B969h7-H.js";
+export { COLLAPSE_HEADING_LEVELS, COLLAPSE_PARTS, collapseMachine, connectCollapse, createCollapseProps, normalizeCollapseItems, normalizeCollapseValue, resolveCollapseHeadingLevel, toggleCollapseValue };

package/dist/collapse-B969h7-H.js

@@ -0,0 +1,226 @@
+import { o as resolveIconState } from "./icon-Cgdbnk1u.js";
+import { r as selectionItemKey } from "./selection-ivXqO1eu.js";
+import { createMachine } from "@zag-js/core";
+import { dataAttr } from "@zag-js/dom-query";
+//#region src/collapse/collapse.ts
+/** Stable DOM parts shared by every adapter. */
+const COLLAPSE_PARTS = [
+	"root",
+	"item",
+	"heading",
+	"trigger",
+	"title",
+	"arrow",
+	"content",
+	"body"
+];
+/** Allowed heading levels for panel headers; default 3. */
+const COLLAPSE_HEADING_LEVELS = [
+	2,
+	3,
+	4,
+	5,
+	6
+];
+function normalizeCollapseItems(items) {
+	const seen = /* @__PURE__ */ new Set();
+	return items.map((item) => {
+		if (typeof item.key !== "string" || !item.key.length) throw new TypeError("Collapse item keys must be nonempty strings");
+		if (seen.has(item.key)) throw new TypeError("Collapse item keys must be unique");
+		if (typeof item.title !== "string" || !item.title.trim()) throw new TypeError("Collapse item titles must be nonempty accessible text");
+		seen.add(item.key);
+		return { ...item };
+	});
+}
+/** Ordered unique keys; accordion keeps the first. Unknown keys are retained. */
+function normalizeCollapseValue(value = [], accordion = false) {
+	if (value.some((key) => typeof key !== "string" || !key.length)) throw new TypeError("Collapse values must be nonempty strings");
+	const keys = [...new Set(value)];
+	return accordion ? keys.slice(0, 1) : keys;
+}
+function resolveCollapseHeadingLevel(level) {
+	return COLLAPSE_HEADING_LEVELS.includes(level) ? level : 3;
+}
+function createCollapseProps(props) {
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("Collapse requires a nonempty instance id when provided");
+	const accordion = !!props.accordion;
+	return {
+		...props,
+		accordion,
+		items: normalizeCollapseItems(props.items ?? []),
+		value: props.value === void 0 ? void 0 : normalizeCollapseValue(props.value, accordion),
+		defaultValue: normalizeCollapseValue(props.defaultValue, accordion),
+		headingLevel: resolveCollapseHeadingLevel(props.headingLevel),
+		loop: props.loop ?? true
+	};
+}
+/** Pure toggle rule used by the machine. Returns null when blocked. */
+function toggleCollapseValue(value, item, options = {}) {
+	if (options.disabled || item.disabled) return null;
+	const keys = normalizeCollapseValue(value, options.accordion);
+	if (keys.includes(item.key)) return keys.filter((key) => key !== item.key);
+	return options.accordion ? [item.key] : [...keys, item.key];
+}
+const same = (a, b) => !!b && a.length === b.length && a.every((value, index) => value === b[index]);
+const rootId = (service) => `collapse:${service.scope.id}`;
+const partId = (service, part, key) => `${rootId(service)}:${part}:${selectionItemKey(key)}`;
+/** One Zag bindable lifecycle; Core owns toggling, accordion exclusivity and header focus moves. */
+const collapseMachine = createMachine({
+	props: ({ props }) => createCollapseProps({
+		...props,
+		items: props.items ?? []
+	}),
+	initialState: () => "ready",
+	context({ prop, bindable }) {
+		return { value: bindable(() => ({
+			defaultValue: prop("defaultValue"),
+			value: prop("value"),
+			isEqual: same,
+			onChange: (value) => prop("onValueChange")?.({ value: [...value] })
+		})) };
+	},
+	watch({ track, prop, action }) {
+		track([() => prop("accordion")], () => action(["normalizeMode"]));
+	},
+	on: {
+		"VALUE.TOGGLE": { actions: ["toggle"] },
+		"VALUE.SET": { actions: ["setValue"] }
+	},
+	states: { ready: {} },
+	implementations: { actions: {
+		toggle({ event, prop, context }) {
+			if (event.type !== "VALUE.TOGGLE") return;
+			const item = prop("items").find((entry) => entry.key === event.value);
+			const next = item && toggleCollapseValue(context.get("value"), item, {
+				accordion: prop("accordion"),
+				disabled: prop("disabled")
+			});
+			if (next) context.set("value", next);
+		},
+		setValue({ event, prop, context }) {
+			if (event.type === "VALUE.SET") context.set("value", normalizeCollapseValue(event.value, prop("accordion")));
+		},
+		normalizeMode({ prop, context }) {
+			context.set("value", normalizeCollapseValue(context.get("value"), prop("accordion")));
+		}
+	} }
+});
+/** SSR-pure getters; focus moves use the Zag DOM scope only inside key events. */
+function connectCollapse(service, normalize) {
+	const id = rootId(service), items = service.prop("items"), accordion = service.prop("accordion");
+	const value = normalizeCollapseValue(service.context.get("value"), accordion);
+	const resolve = ({ key }) => {
+		const item = items.find((entry) => entry.key === key);
+		if (!item) throw new RangeError("Collapse item is not present in items");
+		return item;
+	};
+	const disabled = (item) => !!service.prop("disabled") || !!item.disabled;
+	const part = (name) => ({
+		"data-scope": "collapse",
+		"data-part": name
+	});
+	const data = (item) => ({
+		"data-state": value.includes(item.key) ? "open" : "closed",
+		"data-disabled": dataAttr(disabled(item))
+	});
+	return {
+		value: [...value],
+		items: items.map((item) => ({ ...item })),
+		headingTag: `h${service.prop("headingLevel")}`,
+		setValue: (next) => service.send({
+			type: "VALUE.SET",
+			value: normalizeCollapseValue(next, accordion)
+		}),
+		toggle: (key) => service.send({
+			type: "VALUE.TOGGLE",
+			value: key
+		}),
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id,
+			"data-accordion": dataAttr(accordion),
+			"data-disabled": dataAttr(service.prop("disabled"))
+		}),
+		getItemState: (props) => {
+			const item = resolve(props);
+			return {
+				open: value.includes(item.key),
+				disabled: disabled(item)
+			};
+		},
+		getItemProps: (props) => normalize.element({
+			...part("item"),
+			...data(resolve(props))
+		}),
+		getHeadingProps: (props) => normalize.element({
+			...part("heading"),
+			...data(resolve(props))
+		}),
+		getTriggerProps(props) {
+			const item = resolve(props);
+			return normalize.button({
+				...part("trigger"),
+				...data(item),
+				type: "button",
+				id: partId(service, "trigger", item.key),
+				disabled: disabled(item),
+				"aria-expanded": value.includes(item.key),
+				"aria-controls": partId(service, "content", item.key),
+				onClick(event) {
+					if (!event.defaultPrevented) service.send({
+						type: "VALUE.TOGGLE",
+						value: item.key
+					});
+				},
+				onKeyDown(event) {
+					if (event.defaultPrevented || event.ctrlKey || event.altKey || event.metaKey || ![
+						"ArrowUp",
+						"ArrowDown",
+						"Home",
+						"End"
+					].includes(event.key)) return;
+					const enabled = service.prop("items").filter((entry) => !disabled(entry));
+					const index = enabled.findIndex((entry) => entry.key === item.key);
+					if (index < 0) return;
+					event.preventDefault();
+					let target = event.key === "Home" ? 0 : event.key === "End" ? enabled.length - 1 : index + (event.key === "ArrowDown" ? 1 : -1);
+					if (service.prop("loop")) target = (target + enabled.length) % enabled.length;
+					const next = enabled[target];
+					if (next) service.scope.getById(partId(service, "trigger", next.key))?.focus();
+				}
+			});
+		},
+		getTitleProps: (props) => normalize.element({
+			...part("title"),
+			id: partId(service, "title", resolve(props).key)
+		}),
+		getArrowProps: (props) => normalize.element({
+			...part("arrow"),
+			...data(resolve(props)),
+			"aria-hidden": true
+		}),
+		getArrowIconState: (props) => resolveIconState({
+			id: partId(service, "arrow", resolve(props).key),
+			name: "down"
+		}),
+		getContentProps(props) {
+			const item = resolve(props);
+			return normalize.element({
+				...part("content"),
+				...data(item),
+				id: partId(service, "content", item.key),
+				role: "region",
+				"aria-labelledby": partId(service, "trigger", item.key),
+				hidden: !value.includes(item.key)
+			});
+		},
+		getBodyProps: (props) => normalize.element({
+			...part("body"),
+			...data(resolve(props))
+		})
+	};
+}
+//#endregion
+export { createCollapseProps as a, resolveCollapseHeadingLevel as c, connectCollapse as i, toggleCollapseValue as l, COLLAPSE_PARTS as n, normalizeCollapseItems as o, collapseMachine as r, normalizeCollapseValue as s, COLLAPSE_HEADING_LEVELS as t };
+
+//# sourceMappingURL=collapse-B969h7-H.js.map