@pindoba/core-accordion 0.0.0-alpha-20260426220647

package/LICENSE

@@ -0,0 +1,12 @@
+Copyright 2025 Eduardo Lopes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
+PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE
+FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { AccordionApi, AccordionBaseProps, AccordionConfig, AccordionItemApi, AccordionItemBaseProps, AccordionItemData, AccordionItemRootProps, AccordionItemSlotProps, AccordionItemValue, AccordionPassThrough, AccordionRootProps, AccordionSize, AccordionSlotPassThrough, AccordionSlots, AccordionType, ConnectAccordionItemOptions, ConnectAccordionOptions, ElementAttributes, HeadlessAccordion, PanelBackground, PanelBorder, PanelFeedback, PanelPadding, PanelRadius, PanelRadiusBottom, PanelRadiusLeft, PanelRadiusRight, PanelRadiusTop } from "./src/types.js";
+import { createAccordion } from "./src/create-accordion.js";
+import { accordionDefaults, connectAccordion } from "./src/connect-accordion.js";
+import { connectAccordionItem } from "./src/connect-accordion-item.js";
+export { type AccordionApi, type AccordionBaseProps, type AccordionConfig, type AccordionItemApi, type AccordionItemBaseProps, type AccordionItemData, type AccordionItemRootProps, type AccordionItemSlotProps, type AccordionItemValue, type AccordionPassThrough, type AccordionRootProps, type AccordionSize, type AccordionSlotPassThrough, type AccordionSlots, type AccordionType, type ConnectAccordionItemOptions, type ConnectAccordionOptions, type ElementAttributes, type HeadlessAccordion, type PanelBackground, type PanelBorder, type PanelFeedback, type PanelPadding, type PanelRadius, type PanelRadiusBottom, type PanelRadiusLeft, type PanelRadiusRight, type PanelRadiusTop, accordionDefaults, connectAccordion, connectAccordionItem, createAccordion };

package/dist/index.js

@@ -0,0 +1,4 @@
+import { createAccordion } from "./src/create-accordion.js";
+import { accordionDefaults, connectAccordion } from "./src/connect-accordion.js";
+import { connectAccordionItem } from "./src/connect-accordion-item.js";
+export { accordionDefaults, connectAccordion, connectAccordionItem, createAccordion };

package/dist/src/connect-accordion-item.d.ts

@@ -0,0 +1,7 @@
+import { AccordionItemApi, ConnectAccordionItemOptions } from "./types.js";
+
+//#region src/connect-accordion-item.d.ts
+declare function connectAccordionItem(options: ConnectAccordionItemOptions): AccordionItemApi;
+//#endregion
+export { connectAccordionItem };
+//# sourceMappingURL=connect-accordion-item.d.ts.map

package/dist/src/connect-accordion-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-accordion-item.d.ts","names":[],"sources":["../../src/connect-accordion-item.ts"],"mappings":";;;iBAUgB,oBAAA,CACd,OAAA,EAAS,2BAAA,GACR,gBAAA"}

package/dist/src/connect-accordion-item.js

@@ -0,0 +1,54 @@
+import { css } from "@pindoba/styled-system/css";
+import { accordionStyles } from "@pindoba/styles-accordion";
+import { connectPanel } from "@pindoba/core-panel";
+//#region src/connect-accordion-item.ts
+function connectAccordionItem(options) {
+	const { value, disabled, open, size, passThrough, background = "surface.soft", feedback, padding = "none", radius = "md", radiusTop, radiusBottom, radiusLeft, radiusRight, border = "muted", class: className, ...rest } = options;
+	const raw = accordionStyles.raw(size != null ? { size } : {});
+	return {
+		itemProps: {
+			...connectPanel({
+				dataComponent: "accordion-item",
+				as: "details",
+				background,
+				feedback: feedback ?? "inherit",
+				padding,
+				radius,
+				radiusTop,
+				radiusBottom,
+				radiusLeft,
+				radiusRight,
+				border,
+				interactive: false,
+				passThrough: { root: {
+					style: css.raw(raw.item, passThrough?.item?.style),
+					props: { ...passThrough?.item?.props }
+				} },
+				class: className,
+				...rest
+			}).rootProps,
+			"data-component": "accordion-item",
+			"data-value": value,
+			"data-state": open ? "open" : "closed",
+			...disabled ? { "data-disabled": "" } : {}
+		},
+		triggerProps: {
+			class: css(raw.trigger, passThrough?.trigger?.style),
+			...passThrough?.trigger?.props
+		},
+		indicatorProps: {
+			class: css(raw.indicator, passThrough?.indicator?.style),
+			"aria-hidden": "true",
+			...passThrough?.indicator?.props
+		},
+		contentProps: {
+			class: css(raw.content, passThrough?.content?.style),
+			...passThrough?.content?.props
+		},
+		element: "details"
+	};
+}
+//#endregion
+export { connectAccordionItem };
+
+//# sourceMappingURL=connect-accordion-item.js.map

package/dist/src/connect-accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-accordion-item.js","names":[],"sources":["../../src/connect-accordion-item.ts"],"sourcesContent":["import { css } from \"@pindoba/styled-system/css\";\nimport { accordionStyles } from \"@pindoba/styles-accordion\";\nimport { connectPanel } from \"@pindoba/core-panel\";\nimport type {\n  AccordionItemApi,\n  AccordionItemRootProps,\n  AccordionItemSlotProps,\n  ConnectAccordionItemOptions,\n} from \"./types.js\";\n\nexport function connectAccordionItem(\n  options: ConnectAccordionItemOptions,\n): AccordionItemApi {\n  const {\n    value,\n    disabled,\n    open,\n    size,\n    passThrough,\n    background = \"surface.soft\",\n    feedback,\n    padding = \"none\",\n    radius = \"md\",\n    radiusTop,\n    radiusBottom,\n    radiusLeft,\n    radiusRight,\n    border = \"muted\",\n    class: className,\n    ...rest\n  } = options;\n\n  // When size is undefined the item inherits sizing via CSS variables set by\n  // the accordion root — lets <Accordion size=\"sm\"> cascade without per-item props.\n  const raw = accordionStyles.raw(size != null ? { size } : {});\n\n  const panelApi = connectPanel({\n    dataComponent: \"accordion-item\",\n    as: \"details\",\n    background,\n    feedback: feedback ?? \"inherit\",\n    padding,\n    radius,\n    radiusTop,\n    radiusBottom,\n    radiusLeft,\n    radiusRight,\n    border,\n    interactive: false,\n    passThrough: {\n      root: {\n        style: css.raw(raw.item, passThrough?.item?.style),\n        props: {\n          ...passThrough?.item?.props,\n        },\n      },\n    },\n    class: className,\n    ...rest,\n  });\n\n  const itemProps: AccordionItemRootProps = {\n    ...(panelApi.rootProps as AccordionItemRootProps),\n    \"data-component\": \"accordion-item\",\n    \"data-value\": value,\n    \"data-state\": open ? \"open\" : \"closed\",\n    ...(disabled ? { \"data-disabled\": \"\" } : {}),\n  };\n\n  const triggerProps: AccordionItemSlotProps = {\n    class: css(raw.trigger, passThrough?.trigger?.style),\n    ...passThrough?.trigger?.props,\n  };\n\n  const indicatorProps: AccordionItemSlotProps = {\n    class: css(raw.indicator, passThrough?.indicator?.style),\n    \"aria-hidden\": \"true\",\n    ...passThrough?.indicator?.props,\n  };\n\n  const contentProps: AccordionItemSlotProps = {\n    class: css(raw.content, passThrough?.content?.style),\n    ...passThrough?.content?.props,\n  };\n\n  return {\n    itemProps,\n    triggerProps,\n    indicatorProps,\n    contentProps,\n    element: \"details\",\n  };\n}\n"],"mappings":";;;;AAUA,SAAgB,qBACd,SACkB;CAClB,MAAM,EACJ,OACA,UACA,MACA,MACA,aACA,aAAa,gBACb,UACA,UAAU,QACV,SAAS,MACT,WACA,cACA,YACA,aACA,SAAS,SACT,OAAO,WACP,GAAG,SACD;CAIJ,MAAM,MAAM,gBAAgB,IAAI,QAAQ,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC;AAmD7D,QAAO;EACL,WAAA;GAxBA,GA1Be,aAAa;IAC5B,eAAe;IACf,IAAI;IACJ;IACA,UAAU,YAAY;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA,aAAa;IACb,aAAa,EACX,MAAM;KACJ,OAAO,IAAI,IAAI,IAAI,MAAM,aAAa,MAAM,MAAM;KAClD,OAAO,EACL,GAAG,aAAa,MAAM,OACvB;KACF,EACF;IACD,OAAO;IACP,GAAG;IACJ,CAGa,CAAC;GACb,kBAAkB;GAClB,cAAc;GACd,cAAc,OAAO,SAAS;GAC9B,GAAI,WAAW,EAAE,iBAAiB,IAAI,GAAG,EAAE;GAoBlC;EACT,cAAA;GAjBA,OAAO,IAAI,IAAI,SAAS,aAAa,SAAS,MAAM;GACpD,GAAG,aAAa,SAAS;GAgBb;EACZ,gBAAA;GAbA,OAAO,IAAI,IAAI,WAAW,aAAa,WAAW,MAAM;GACxD,eAAe;GACf,GAAG,aAAa,WAAW;GAWb;EACd,cAAA;GARA,OAAO,IAAI,IAAI,SAAS,aAAa,SAAS,MAAM;GACpD,GAAG,aAAa,SAAS;GAOb;EACZ,SAAS;EACV"}

package/dist/src/connect-accordion.d.ts

@@ -0,0 +1,16 @@
+import { AccordionApi, ConnectAccordionOptions } from "./types.js";
+
+//#region src/connect-accordion.d.ts
+declare const accordionDefaults: {
+  readonly type: "single";
+  readonly collapsible: true;
+  readonly size: "md";
+  readonly background: "surface.soft";
+  readonly padding: "none";
+  readonly radius: "sm";
+  readonly border: "muted";
+};
+declare function connectAccordion(options?: ConnectAccordionOptions): AccordionApi;
+//#endregion
+export { accordionDefaults, connectAccordion };
+//# sourceMappingURL=connect-accordion.d.ts.map

package/dist/src/connect-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-accordion.d.ts","names":[],"sources":["../../src/connect-accordion.ts"],"mappings":";;;cAUa,iBAAA;EAAA;;;;;;;;iBAUG,gBAAA,CACd,OAAA,GAAS,uBAAA,GACR,YAAA"}

package/dist/src/connect-accordion.js

@@ -0,0 +1,41 @@
+import { css } from "@pindoba/styled-system/css";
+import { accordionStyles } from "@pindoba/styles-accordion";
+//#region src/connect-accordion.ts
+const accordionDefaults = {
+	type: "single",
+	collapsible: true,
+	size: "md",
+	background: "surface.soft",
+	padding: "none",
+	radius: "sm",
+	border: "muted"
+};
+function connectAccordion(options = {}) {
+	const { type = accordionDefaults.type, size = accordionDefaults.size, disabled, passThrough, class: className, feedback, collapsible: _collapsible, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, background: _background, padding: _padding, radius: _radius, radiusTop: _radiusTop, radiusBottom: _radiusBottom, radiusLeft: _radiusLeft, radiusRight: _radiusRight, border: _border, ...rest } = options;
+	const raw = accordionStyles.raw({ size });
+	const classes = {
+		root: css(raw.root),
+		item: css(raw.item),
+		trigger: css(raw.trigger),
+		indicator: css(raw.indicator),
+		content: css(raw.content)
+	};
+	const userClass = className != null ? String(className) : void 0;
+	const generatedRoot = css(raw.root, { colorPalette: feedback ?? "neutral" }, passThrough?.root?.style);
+	return {
+		rootProps: {
+			...rest,
+			...passThrough?.root?.props,
+			"data-component": "accordion",
+			"data-type": type,
+			...disabled ? { "data-disabled": "" } : {},
+			class: userClass ? `${generatedRoot} ${userClass}` : generatedRoot
+		},
+		classes,
+		element: "div"
+	};
+}
+//#endregion
+export { accordionDefaults, connectAccordion };
+
+//# sourceMappingURL=connect-accordion.js.map

package/dist/src/connect-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-accordion.js","names":[],"sources":["../../src/connect-accordion.ts"],"sourcesContent":["import { css } from \"@pindoba/styled-system/css\";\nimport { accordionStyles } from \"@pindoba/styles-accordion\";\nimport type {\n  AccordionApi,\n  AccordionBaseProps,\n  AccordionRootProps,\n  AccordionSlots,\n  ConnectAccordionOptions,\n} from \"./types.js\";\n\nexport const accordionDefaults = {\n  type: \"single\",\n  collapsible: true,\n  size: \"md\",\n  background: \"surface.soft\",\n  padding: \"none\",\n  radius: \"sm\",\n  border: \"muted\",\n} as const satisfies Partial<AccordionBaseProps>;\n\nexport function connectAccordion(\n  options: ConnectAccordionOptions = {},\n): AccordionApi {\n  const {\n    type = accordionDefaults.type,\n    size = accordionDefaults.size,\n    disabled,\n    passThrough,\n    class: className,\n    feedback,\n    // Consumed by the framework layer / connectAccordionItem, not on root:\n    collapsible: _collapsible,\n    value: _value,\n    defaultValue: _defaultValue,\n    onValueChange: _onValueChange,\n    background: _background,\n    padding: _padding,\n    radius: _radius,\n    radiusTop: _radiusTop,\n    radiusBottom: _radiusBottom,\n    radiusLeft: _radiusLeft,\n    radiusRight: _radiusRight,\n    border: _border,\n    ...rest\n  } = options;\n\n  const raw = accordionStyles.raw({ size });\n  const classes: Record<AccordionSlots, string> = {\n    root: css(raw.root),\n    item: css(raw.item),\n    trigger: css(raw.trigger),\n    indicator: css(raw.indicator),\n    content: css(raw.content),\n  };\n\n  const userClass = className != null ? String(className) : undefined;\n  const generatedRoot = css(\n    raw.root,\n    { colorPalette: feedback ?? \"neutral\" },\n    passThrough?.root?.style,\n  );\n\n  const rootProps: AccordionRootProps = {\n    ...rest,\n    ...passThrough?.root?.props,\n    \"data-component\": \"accordion\",\n    \"data-type\": type,\n    ...(disabled ? { \"data-disabled\": \"\" } : {}),\n    class: userClass ? `${generatedRoot} ${userClass}` : generatedRoot,\n  };\n\n  return {\n    rootProps,\n    classes,\n    element: \"div\",\n  };\n}\n"],"mappings":";;;AAUA,MAAa,oBAAoB;CAC/B,MAAM;CACN,aAAa;CACb,MAAM;CACN,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,QAAQ;CACT;AAED,SAAgB,iBACd,UAAmC,EAAE,EACvB;CACd,MAAM,EACJ,OAAO,kBAAkB,MACzB,OAAO,kBAAkB,MACzB,UACA,aACA,OAAO,WACP,UAEA,aAAa,cACb,OAAO,QACP,cAAc,eACd,eAAe,gBACf,YAAY,aACZ,SAAS,UACT,QAAQ,SACR,WAAW,YACX,cAAc,eACd,YAAY,aACZ,aAAa,cACb,QAAQ,SACR,GAAG,SACD;CAEJ,MAAM,MAAM,gBAAgB,IAAI,EAAE,MAAM,CAAC;CACzC,MAAM,UAA0C;EAC9C,MAAM,IAAI,IAAI,KAAK;EACnB,MAAM,IAAI,IAAI,KAAK;EACnB,SAAS,IAAI,IAAI,QAAQ;EACzB,WAAW,IAAI,IAAI,UAAU;EAC7B,SAAS,IAAI,IAAI,QAAQ;EAC1B;CAED,MAAM,YAAY,aAAa,OAAO,OAAO,UAAU,GAAG,KAAA;CAC1D,MAAM,gBAAgB,IACpB,IAAI,MACJ,EAAE,cAAc,YAAY,WAAW,EACvC,aAAa,MAAM,MACpB;AAWD,QAAO;EACL,WAAA;GATA,GAAG;GACH,GAAG,aAAa,MAAM;GACtB,kBAAkB;GAClB,aAAa;GACb,GAAI,WAAW,EAAE,iBAAiB,IAAI,GAAG,EAAE;GAC3C,OAAO,YAAY,GAAG,cAAc,GAAG,cAAc;GAI5C;EACT;EACA,SAAS;EACV"}

package/dist/src/create-accordion.d.ts

@@ -0,0 +1,7 @@
+import { AccordionConfig, HeadlessAccordion } from "./types.js";
+
+//#region src/create-accordion.d.ts
+declare function createAccordion(config?: AccordionConfig): HeadlessAccordion;
+//#endregion
+export { createAccordion };
+//# sourceMappingURL=create-accordion.d.ts.map

package/dist/src/create-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-accordion.d.ts","names":[],"sources":["../../src/create-accordion.ts"],"mappings":";;;iBAOgB,eAAA,CACd,MAAA,GAAQ,eAAA,GACP,iBAAA"}

package/dist/src/create-accordion.js

@@ -0,0 +1,51 @@
+import { atom } from "nanostores";
+//#region src/create-accordion.ts
+function createAccordion(config = {}) {
+	function cfg(key) {
+		return config[key];
+	}
+	const $value = atom([...cfg("value") ?? cfg("defaultValue") ?? []]);
+	function setValue(next) {
+		const prev = $value.get();
+		if (prev.length === next.length && prev.every((v, i) => v === next[i])) return;
+		$value.set(next);
+		cfg("onValueChange")?.([...next]);
+	}
+	function isExpanded(value) {
+		return $value.get().includes(value);
+	}
+	function expand(value) {
+		if (cfg("disabled")) return;
+		const current = $value.get();
+		const type = cfg("type") ?? "single";
+		if (current.includes(value)) return;
+		setValue(type === "single" ? [value] : [...current, value]);
+	}
+	function collapse(value) {
+		if (cfg("disabled")) return;
+		const current = $value.get();
+		if (!current.includes(value)) return;
+		const type = cfg("type") ?? "single";
+		const collapsible = cfg("collapsible") ?? true;
+		if (type === "single" && !collapsible && current.length === 1) return;
+		setValue(current.filter((v) => v !== value));
+	}
+	function toggle(value) {
+		if (isExpanded(value)) collapse(value);
+		else expand(value);
+	}
+	function destroy() {}
+	return {
+		$value,
+		toggle,
+		expand,
+		collapse,
+		isExpanded,
+		setValue,
+		destroy
+	};
+}
+//#endregion
+export { createAccordion };
+
+//# sourceMappingURL=create-accordion.js.map

package/dist/src/create-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-accordion.js","names":[],"sources":["../../src/create-accordion.ts"],"sourcesContent":["import { atom } from \"nanostores\";\nimport type {\n  AccordionConfig,\n  AccordionItemValue,\n  HeadlessAccordion,\n} from \"./types.js\";\n\nexport function createAccordion(\n  config: AccordionConfig = {},\n): HeadlessAccordion {\n  function cfg<K extends keyof AccordionConfig>(key: K): AccordionConfig[K] {\n    return config[key];\n  }\n\n  const initial = cfg(\"value\") ?? cfg(\"defaultValue\") ?? [];\n  const $value = atom<AccordionItemValue[]>([...initial]);\n\n  // External controlled value changes are pushed in via setValue().\n  function setValue(next: AccordionItemValue[]) {\n    const prev = $value.get();\n    if (prev.length === next.length && prev.every((v, i) => v === next[i])) {\n      return;\n    }\n    $value.set(next);\n    cfg(\"onValueChange\")?.([...next]);\n  }\n\n  function isExpanded(value: AccordionItemValue) {\n    return $value.get().includes(value);\n  }\n\n  function expand(value: AccordionItemValue) {\n    if (cfg(\"disabled\")) return;\n    const current = $value.get();\n    const type = cfg(\"type\") ?? \"single\";\n    if (current.includes(value)) return;\n    const next = type === \"single\" ? [value] : [...current, value];\n    setValue(next);\n  }\n\n  function collapse(value: AccordionItemValue) {\n    if (cfg(\"disabled\")) return;\n    const current = $value.get();\n    if (!current.includes(value)) return;\n    const type = cfg(\"type\") ?? \"single\";\n    const collapsible = cfg(\"collapsible\") ?? true;\n    // In single mode with collapsible=false, prevent closing the last open item.\n    if (type === \"single\" && !collapsible && current.length === 1) return;\n    setValue(current.filter((v) => v !== value));\n  }\n\n  function toggle(value: AccordionItemValue) {\n    if (isExpanded(value)) {\n      collapse(value);\n    } else {\n      expand(value);\n    }\n  }\n\n  function destroy() {\n    // No listeners to detach; atom will be garbage collected with the host.\n  }\n\n  return {\n    $value,\n    toggle,\n    expand,\n    collapse,\n    isExpanded,\n    setValue,\n    destroy,\n  };\n}\n"],"mappings":";;AAOA,SAAgB,gBACd,SAA0B,EAAE,EACT;CACnB,SAAS,IAAqC,KAA4B;AACxE,SAAO,OAAO;;CAIhB,MAAM,SAAS,KAA2B,CAAC,GAD3B,IAAI,QAAQ,IAAI,IAAI,eAAe,IAAI,EAAE,CACH,CAAC;CAGvD,SAAS,SAAS,MAA4B;EAC5C,MAAM,OAAO,OAAO,KAAK;AACzB,MAAI,KAAK,WAAW,KAAK,UAAU,KAAK,OAAO,GAAG,MAAM,MAAM,KAAK,GAAG,CACpE;AAEF,SAAO,IAAI,KAAK;AAChB,MAAI,gBAAgB,GAAG,CAAC,GAAG,KAAK,CAAC;;CAGnC,SAAS,WAAW,OAA2B;AAC7C,SAAO,OAAO,KAAK,CAAC,SAAS,MAAM;;CAGrC,SAAS,OAAO,OAA2B;AACzC,MAAI,IAAI,WAAW,CAAE;EACrB,MAAM,UAAU,OAAO,KAAK;EAC5B,MAAM,OAAO,IAAI,OAAO,IAAI;AAC5B,MAAI,QAAQ,SAAS,MAAM,CAAE;AAE7B,WADa,SAAS,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,MAAM,CAChD;;CAGhB,SAAS,SAAS,OAA2B;AAC3C,MAAI,IAAI,WAAW,CAAE;EACrB,MAAM,UAAU,OAAO,KAAK;AAC5B,MAAI,CAAC,QAAQ,SAAS,MAAM,CAAE;EAC9B,MAAM,OAAO,IAAI,OAAO,IAAI;EAC5B,MAAM,cAAc,IAAI,cAAc,IAAI;AAE1C,MAAI,SAAS,YAAY,CAAC,eAAe,QAAQ,WAAW,EAAG;AAC/D,WAAS,QAAQ,QAAQ,MAAM,MAAM,MAAM,CAAC;;CAG9C,SAAS,OAAO,OAA2B;AACzC,MAAI,WAAW,MAAM,CACnB,UAAS,MAAM;MAEf,QAAO,MAAM;;CAIjB,SAAS,UAAU;AAInB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/src/types.d.ts

@@ -0,0 +1,167 @@
+import { WritableAtom } from "nanostores";
+import { AccordionSlots, AccordionStyleProps } from "@pindoba/styles-accordion";
+import { ElementAttributes, ElementAttributes as ElementAttributes$1, PanelBackground, PanelBackground as PanelBackground$1, PanelBorder, PanelBorder as PanelBorder$1, PanelFeedback, PanelFeedback as PanelFeedback$1, PanelPadding, PanelPadding as PanelPadding$1, PanelRadius, PanelRadius as PanelRadius$1, PanelRadiusBottom, PanelRadiusBottom as PanelRadiusBottom$1, PanelRadiusLeft, PanelRadiusLeft as PanelRadiusLeft$1, PanelRadiusRight, PanelRadiusRight as PanelRadiusRight$1, PanelRadiusTop, PanelRadiusTop as PanelRadiusTop$1 } from "@pindoba/core-panel";
+import { SystemStyleObject } from "@pindoba/styled-system/types";
+
+//#region src/types.d.ts
+type AccordionSize = NonNullable<AccordionStyleProps["size"]>;
+type AccordionType = "single" | "multiple";
+type AccordionItemValue = string;
+/**
+ * Metadata for rendering an accordion item via the `items` prop on
+ * `<Accordion>`. Body content is provided framework-idiomatically by the
+ * consumer — named slots in Astro (`<Fragment slot="<value>">`) or named
+ * snippets in Svelte (`{#snippet <value>()}...{/snippet}`). For rich
+ * *trigger* content (Stamps, badges, icons), fall back to slot composition
+ * with `<AccordionItem>` directly.
+ */
+interface AccordionItemData {
+  value: AccordionItemValue;
+  title?: string;
+  subtitle?: string;
+  open?: boolean;
+  disabled?: boolean;
+  size?: AccordionSize;
+  background?: PanelBackground$1;
+  feedback?: PanelFeedback$1;
+  padding?: PanelPadding$1;
+  radius?: PanelRadius$1;
+  radiusTop?: PanelRadiusTop$1;
+  radiusBottom?: PanelRadiusBottom$1;
+  radiusLeft?: PanelRadiusLeft$1;
+  radiusRight?: PanelRadiusRight$1;
+  border?: PanelBorder$1;
+}
+interface AccordionSlotPassThrough<T = ElementAttributes$1> {
+  style?: SystemStyleObject;
+  props?: T;
+}
+interface AccordionPassThrough<RootElementAttributes = ElementAttributes$1, ItemElementAttributes = ElementAttributes$1, TriggerElementAttributes = ElementAttributes$1, IndicatorElementAttributes = ElementAttributes$1, ContentElementAttributes = ElementAttributes$1> {
+  root?: AccordionSlotPassThrough<RootElementAttributes>;
+  item?: AccordionSlotPassThrough<ItemElementAttributes>;
+  trigger?: AccordionSlotPassThrough<TriggerElementAttributes>;
+  indicator?: AccordionSlotPassThrough<IndicatorElementAttributes>;
+  content?: AccordionSlotPassThrough<ContentElementAttributes>;
+}
+interface AccordionBaseProps<RootElementAttributes = ElementAttributes$1, ItemElementAttributes = ElementAttributes$1, TriggerElementAttributes = ElementAttributes$1, IndicatorElementAttributes = ElementAttributes$1, ContentElementAttributes = ElementAttributes$1> {
+  /**
+   * Expansion behavior. `single` allows one item open at a time;
+   * `multiple` allows any number.
+   * @default "single"
+   */
+  type?: AccordionType;
+  /**
+   * In `single` mode, allow the open item to be collapsed back to nothing.
+   * @default true
+   */
+  collapsible?: boolean;
+  /** Controlled expanded values. */
+  value?: AccordionItemValue[];
+  /** Uncontrolled initial expanded values. */
+  defaultValue?: AccordionItemValue[];
+  /** Fired when the expanded set changes. */
+  onValueChange?: (value: AccordionItemValue[]) => void;
+  /** Disable the entire accordion. */
+  disabled?: boolean;
+  size?: AccordionSize;
+  background?: PanelBackground$1;
+  feedback?: PanelFeedback$1;
+  padding?: PanelPadding$1;
+  radius?: PanelRadius$1;
+  radiusTop?: PanelRadiusTop$1;
+  radiusBottom?: PanelRadiusBottom$1;
+  radiusLeft?: PanelRadiusLeft$1;
+  radiusRight?: PanelRadiusRight$1;
+  border?: PanelBorder$1;
+  /**
+   * When provided, `<Accordion>` renders one `<AccordionItem>` per entry,
+   * applying root-level style props as defaults and letting each entry
+   * override them. Mutually exclusive with slot children (items wins,
+   * slot is ignored with a console warning in dev).
+   */
+  items?: AccordionItemData[];
+  passThrough?: AccordionPassThrough<RootElementAttributes, ItemElementAttributes, TriggerElementAttributes, IndicatorElementAttributes, ContentElementAttributes>;
+}
+interface AccordionItemBaseProps<ItemElementAttributes = ElementAttributes$1, TriggerElementAttributes = ElementAttributes$1, IndicatorElementAttributes = ElementAttributes$1, ContentElementAttributes = ElementAttributes$1> {
+  /** Unique value used to track the item in the accordion. */
+  value: AccordionItemValue;
+  /** Whether this item is disabled. */
+  disabled?: boolean;
+  /**
+   * Whether the item is open. Only honored when rendering outside an accordion root
+   * (e.g. standalone <details>).
+   */
+  open?: boolean;
+  passThrough?: {
+    item?: AccordionSlotPassThrough<ItemElementAttributes>;
+    trigger?: AccordionSlotPassThrough<TriggerElementAttributes>;
+    indicator?: AccordionSlotPassThrough<IndicatorElementAttributes>;
+    content?: AccordionSlotPassThrough<ContentElementAttributes>;
+  };
+}
+interface ConnectAccordionOptions extends Partial<AccordionBaseProps<object, object, object, object, object>> {
+  class?: unknown;
+}
+interface AccordionRootProps {
+  class: string;
+  "data-component": "accordion";
+  "data-type": AccordionType;
+  [key: string]: unknown;
+}
+interface AccordionApi {
+  rootProps: AccordionRootProps;
+  classes: Record<AccordionSlots, string>;
+  element: "div";
+}
+interface ConnectAccordionItemOptions extends Partial<AccordionItemBaseProps<object, object, object, object>> {
+  size?: AccordionSize;
+  background?: PanelBackground$1;
+  feedback?: PanelFeedback$1;
+  padding?: PanelPadding$1;
+  radius?: PanelRadius$1;
+  radiusTop?: PanelRadiusTop$1;
+  radiusBottom?: PanelRadiusBottom$1;
+  radiusLeft?: PanelRadiusLeft$1;
+  radiusRight?: PanelRadiusRight$1;
+  border?: PanelBorder$1;
+  class?: unknown;
+}
+interface AccordionItemRootProps {
+  class: string;
+  "data-component": "accordion-item";
+  "data-value": string;
+  "data-state": "open" | "closed";
+  [key: string]: unknown;
+}
+interface AccordionItemSlotProps {
+  class: string;
+  [key: string]: unknown;
+}
+interface AccordionItemApi {
+  itemProps: AccordionItemRootProps;
+  triggerProps: AccordionItemSlotProps;
+  indicatorProps: AccordionItemSlotProps;
+  contentProps: AccordionItemSlotProps;
+  /** Rendered as a native <details> element by default. */
+  element: "details";
+}
+interface AccordionConfig {
+  type?: AccordionType;
+  collapsible?: boolean;
+  value?: AccordionItemValue[];
+  defaultValue?: AccordionItemValue[];
+  disabled?: boolean;
+  onValueChange?: (value: AccordionItemValue[]) => void;
+}
+interface HeadlessAccordion {
+  $value: WritableAtom<AccordionItemValue[]>;
+  toggle: (value: AccordionItemValue) => void;
+  expand: (value: AccordionItemValue) => void;
+  collapse: (value: AccordionItemValue) => void;
+  isExpanded: (value: AccordionItemValue) => boolean;
+  setValue: (value: AccordionItemValue[]) => void;
+  destroy: () => void;
+}
+//#endregion
+export { AccordionApi, AccordionBaseProps, AccordionConfig, AccordionItemApi, AccordionItemBaseProps, AccordionItemData, AccordionItemRootProps, AccordionItemSlotProps, AccordionItemValue, AccordionPassThrough, AccordionRootProps, AccordionSize, AccordionSlotPassThrough, type AccordionSlots, AccordionType, ConnectAccordionItemOptions, ConnectAccordionOptions, type ElementAttributes, HeadlessAccordion, type PanelBackground, type PanelBorder, type PanelFeedback, type PanelPadding, type PanelRadius, type PanelRadiusBottom, type PanelRadiusLeft, type PanelRadiusRight, type PanelRadiusTop };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/types.ts"],"mappings":"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"}

package/dist/src/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@pindoba/core-accordion",
+  "version": "0.0.0-alpha-20260426220647",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/src/*.d.ts",
+      "import": "./dist/src/*.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "nanostores": "^1.3.0",
+    "@pindoba/core-panel": "0.0.0-alpha-20260426220647",
+    "@pindoba/styled-system": "0.0.0-alpha-20260426220647",
+    "@pindoba/styles-panel": "0.0.0-alpha-20260426220647",
+    "@pindoba/styles-accordion": "0.0.0-alpha-20260426220647"
+  },
+  "devDependencies": {
+    "tsdown": "^0.21.10",
+    "typescript": "^6.0.3"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "clean": "rm -rf dist && rm -rf node_modules && rm -rf .turbo"
+  }
+}