@bridge-ui/vue 0.0.9 → 0.0.11

package/ai/skills/bridge-ui-components/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: bridge-ui-components
 description: >-
-  Use Bridge UI Vue components — Button, Avatar, Card, Alert, Badge, Icon,
+  Use Bridge UI Vue components — Button, Avatar, Card, Alert, Accordion, Badge, Icon,
   Link, List, Tabs, Spinner, Skeleton, Progress, TextField, Select,
   Autocomplete, DateField, DatePicker, DateRangeField, DateRangePicker,
   TimeField, TimePicker, DateTimeField, DateTimePicker, classes, customProps,
@@ -23,6 +23,7 @@ In templates, use kebab-case attrs (`start-icon`, `custom-props`, `error-message
 | Avatar                        | `.ai/docs/components/Avatar.md`                                       |
 | Badge                         | `.ai/docs/components/Badge.md`                                        |
 | Alert                         | `.ai/docs/components/Alert.md`                                        |
+| Accordion                     | `.ai/docs/components/Accordion.md`                                    |
 | Icon                          | `.ai/docs/components/Icon.md`                                         |
 | Lists                         | `.ai/docs/components/List.md`                                         |
 | Tabs                          | `.ai/docs/components/Tabs.md`                                         |

package/dist/Actions/BridgeUIHosts.vue.d.ts

@@ -4,9 +4,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BridgeUIHostsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BridgeUIHostsProps> & Readonly<{}>, {
-    dialog: import('./Dialog').BridgeDialogHostProps;
     modal: import('./Modal').BridgeModalHostProps;
     drawer: import('./Drawer').BridgeDrawerHostProps;
+    dialog: import('./Dialog').BridgeDialogHostProps;
     snackbar: import('./Snackbar').BridgeSnackbarHostProps;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Actions/Dialog/BridgeDialogItem.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import e from "../../Components/Modal/Modal.js";
 import t from "../../Components/Card/Card.js";
 import n from "./ResolveBridgeDialogFooter.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createSlots as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
-import { completeLayerHide as h, invokeLayerDismiss as g, mergeLayerShellProps as _ } from "@bridge-ui/core";
+import { completeLayerHide as h, invokeLayerDismiss as g, mergeLayerShellProps as _ } from "@bridge-ui/core/Layer";
 //#region src/Actions/Dialog/BridgeDialogItem.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	key: 0,

package/dist/Actions/Dialog/bridgeDialog.types.d.ts

@@ -1,4 +1,5 @@
-import { ButtonColor, LayerId } from '@bridge-ui/core';
+import { LayerId } from '@bridge-ui/core/Layer';
+import { ButtonColor } from '@bridge-ui/core/Tokens';
 import { Ref } from 'vue';
 import { ButtonOwnProps } from '../../Components/Button/button.types';
 import { CardOwnProps } from '../../Components/Card/card.types';

package/dist/Actions/Dialog/createBridgeDialogApi.js

@@ -1,5 +1,5 @@
 import { shallowRef as e } from "vue";
-import { closeLayer as t, closeTopLayer as n, createLayerId as r, createOpenLayerEntry as i, isLayerMounted as a, removeLayer as o, syncLayerShow as s, updateLayerMerged as c } from "@bridge-ui/core";
+import { closeLayer as t, closeTopLayer as n, createLayerId as r, createOpenLayerEntry as i, isLayerMounted as a, removeLayer as o, syncLayerShow as s, updateLayerMerged as c } from "@bridge-ui/core/Layer";
 //#region src/Actions/Dialog/createBridgeDialogApi.ts
 function l(e, t) {
 	let { modal: n, onClose: r, onClosed: a, ...o } = t;

package/dist/Actions/Dialog/useDialogAction.js

@@ -1,6 +1,6 @@
 import { BRIDGE_DIALOG_INJECTION_KEY as e } from "./bridgeDialogInjectionKey.js";
 import { computed as t, inject as n } from "vue";
-import { getLayerCount as r } from "@bridge-ui/core";
+import { getLayerCount as r } from "@bridge-ui/core/Layer";
 //#region src/Actions/Dialog/useDialogAction.ts
 var i = class extends Error {
 	constructor() {

package/dist/Actions/Drawer/BridgeDrawerHost.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import e from "../../Components/Drawer/Drawer.js";
 import { BRIDGE_DRAWER_INJECTION_KEY as t } from "./bridgeDrawerInjectionKey.js";
 import { createBridgeDrawerApi as n } from "./createBridgeDrawerApi.js";
 import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, defineComponent as s, inject as c, mergeProps as l, openBlock as u, provide as d, renderList as f, renderSlot as p, resolveDynamicComponent as m, unref as h, withCtx as g } from "vue";
-import { completeLayerHide as _, invokeLayerDismiss as v, mergeLayerShellProps as y } from "@bridge-ui/core";
+import { completeLayerHide as _, invokeLayerDismiss as v, mergeLayerShellProps as y } from "@bridge-ui/core/Layer";
 //#region src/Actions/Drawer/BridgeDrawerHost.vue?vue&type=script&setup=true&lang.ts
 var b = "[Bridge UI] Nested <BridgeDrawerHost /> detected. useDrawerAction() will target the nearest host only. Remove the extra host.", x = /*@__PURE__*/ s({
 	__name: "BridgeDrawerHost",

package/dist/Actions/Drawer/bridgeDrawer.types.d.ts

@@ -1,4 +1,4 @@
-import { LayerId } from '@bridge-ui/core';
+import { LayerId } from '@bridge-ui/core/Layer';
 import { Component, Ref } from 'vue';
 import { DrawerOwnProps } from '../../Components/Drawer/drawer.types';
 export type BridgeDrawerShellProps = Partial<Omit<DrawerOwnProps, "stackId">>;

package/dist/Actions/Drawer/createBridgeDrawerApi.js

@@ -1,5 +1,5 @@
 import { markRaw as e, shallowRef as t } from "vue";
-import { closeLayer as n, closeTopLayer as r, createLayerId as i, createOpenLayerEntry as a, isLayerMounted as o, removeLayer as s, syncLayerShow as c, updateLayer as l } from "@bridge-ui/core";
+import { closeLayer as n, closeTopLayer as r, createLayerId as i, createOpenLayerEntry as a, isLayerMounted as o, removeLayer as s, syncLayerShow as c, updateLayer as l } from "@bridge-ui/core/Layer";
 //#region src/Actions/Drawer/createBridgeDrawerApi.ts
 function u(t, n) {
 	return a(t, {

package/dist/Actions/Drawer/useDrawerAction.js

@@ -1,6 +1,6 @@
 import { BRIDGE_DRAWER_INJECTION_KEY as e } from "./bridgeDrawerInjectionKey.js";
 import { computed as t, inject as n } from "vue";
-import { getLayerCount as r } from "@bridge-ui/core";
+import { getLayerCount as r } from "@bridge-ui/core/Layer";
 //#region src/Actions/Drawer/useDrawerAction.ts
 var i = class extends Error {
 	constructor() {

package/dist/Actions/Modal/BridgeModalHost.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import e from "../../Components/Modal/Modal.js";
 import { BRIDGE_MODAL_INJECTION_KEY as t } from "./bridgeModalInjectionKey.js";
 import { createBridgeModalApi as n } from "./createBridgeModalApi.js";
 import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, defineComponent as s, inject as c, mergeProps as l, openBlock as u, provide as d, renderList as f, renderSlot as p, resolveDynamicComponent as m, unref as h, withCtx as g } from "vue";
-import { completeLayerHide as _, invokeLayerDismiss as v, mergeLayerShellProps as y } from "@bridge-ui/core";
+import { completeLayerHide as _, invokeLayerDismiss as v, mergeLayerShellProps as y } from "@bridge-ui/core/Layer";
 //#region src/Actions/Modal/BridgeModalHost.vue?vue&type=script&setup=true&lang.ts
 var b = "[Bridge UI] Nested <BridgeModalHost /> detected. useModalAction() will target the nearest host only. Remove the extra host.", x = /*@__PURE__*/ s({
 	__name: "BridgeModalHost",

package/dist/Actions/Modal/bridgeModal.types.d.ts

@@ -1,4 +1,4 @@
-import { LayerId } from '@bridge-ui/core';
+import { LayerId } from '@bridge-ui/core/Layer';
 import { Component, Ref } from 'vue';
 import { ModalOwnProps } from '../../Components/Modal/modal.types';
 export type BridgeModalShellProps = Partial<Omit<ModalOwnProps, "stackId">>;

package/dist/Actions/Modal/createBridgeModalApi.js

@@ -1,5 +1,5 @@
 import { markRaw as e, shallowRef as t } from "vue";
-import { closeLayer as n, closeTopLayer as r, createLayerId as i, createOpenLayerEntry as a, isLayerMounted as o, removeLayer as s, syncLayerShow as c, updateLayer as l } from "@bridge-ui/core";
+import { closeLayer as n, closeTopLayer as r, createLayerId as i, createOpenLayerEntry as a, isLayerMounted as o, removeLayer as s, syncLayerShow as c, updateLayer as l } from "@bridge-ui/core/Layer";
 //#region src/Actions/Modal/createBridgeModalApi.ts
 function u(t, n) {
 	return a(t, {

package/dist/Actions/Modal/useModalAction.js

@@ -1,6 +1,6 @@
 import { BRIDGE_MODAL_INJECTION_KEY as e } from "./bridgeModalInjectionKey.js";
 import { computed as t, inject as n } from "vue";
-import { getLayerCount as r } from "@bridge-ui/core";
+import { getLayerCount as r } from "@bridge-ui/core/Layer";
 //#region src/Actions/Modal/useModalAction.ts
 var i = class extends Error {
 	constructor() {

package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,9 @@ import { mergeNestedComponentProps as e } from "../../Utils/index.js";
 import t from "../../Components/Button/Button.js";
 import n from "../../Components/Link/Link.js";
 import { computed as r, createBlock as i, createTextVNode as a, defineComponent as o, mergeProps as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-import { cn as f, snackbarRoundedProps as p } from "@bridge-ui/core";
-import { get as m } from "es-toolkit/compat";
+import { get as f } from "es-toolkit/compat";
+import { snackbarRoundedProps as p } from "@bridge-ui/core/Tokens";
+import { cn as m } from "@bridge-ui/core/Utils";
 //#region src/Actions/Snackbar/BridgeSnackbarAction.vue?vue&type=script&setup=true&lang.ts
 var h = /*@__PURE__*/ o({
 	__name: "BridgeSnackbarAction",
@@ -23,24 +24,24 @@ var h = /*@__PURE__*/ o({
 			let { onClick: e, ...t } = g.action.link;
 			return t;
 		}), x = r(() => {
-			let e = g.snackbarRounded ?? "lg", t = m(p, e), n = m(t, "tr"), r = m(t, "br"), i = {
+			let e = g.snackbarRounded ?? "lg", t = f(p, e), n = f(t, "tr"), r = f(t, "br"), i = {
 				trailing: "mr-4 shrink-0",
-				"right-accept": f({
+				"right-accept": m({
 					"w-full rounded-none": !0,
 					[n ?? ""]: !0,
 					[r ?? ""]: !g.hasReject
 				}),
-				"right-reject": f({
+				"right-reject": m({
 					"w-full rounded-none": !0,
 					[r ?? ""]: !0,
 					[n ?? ""]: !g.hasAccept
 				})
 			};
-			return m(i, g.layout, "");
-		}), S = r(() => f({
+			return f(i, g.layout, "");
+		}), S = r(() => m({
 			[x.value]: !0,
 			[g.action.className ?? ""]: !0
-		})), C = r(() => e(b.value, { classes: { root: S.value } })), w = r(() => e(g.action.button, { classes: { root: f({
+		})), C = r(() => e(b.value, { classes: { root: S.value } })), w = r(() => e(g.action.button, { classes: { root: m({
 			[S.value]: !0,
 			"w-full": g.layout === "right-accept" || g.layout === "right-reject"
 		}) } }));

package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,9 @@ import { BRIDGE_SNACKBAR_INJECTION_KEY as t } from "./bridgeSnackbarInjectionKey
 import n from "./BridgeSnackbarItem.js";
 import { createBridgeSnackbarApi as r } from "./createBridgeSnackbarApi.js";
 import { Fragment as i, Teleport as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, defineComponent as u, inject as d, normalizeClass as f, openBlock as p, provide as m, renderList as h, renderSlot as g, unref as _ } from "vue";
-import { cn as v, mergeBridgeUILayeredClasses as y, snackbarPositionProps as b } from "@bridge-ui/core";
-import { get as x } from "es-toolkit/compat";
+import { get as v } from "es-toolkit/compat";
+import { snackbarPositionProps as y } from "@bridge-ui/core/Tokens";
+import { cn as b, mergeBridgeUILayeredClasses as x } from "@bridge-ui/core/Utils";
 //#region src/Actions/Snackbar/BridgeSnackbarHost.vue?vue&type=script&setup=true&lang.ts
 var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction() will target the nearest host only. Remove the extra host.", C = /*@__PURE__*/ u({
 	__name: "BridgeSnackbarHost",
@@ -27,19 +28,19 @@ var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction()
 		}), T = e();
 		m(t, w);
 		let E = o(() => w.entries.value), D = o(() => T?.components.value.Snackbar), O = o(() => C.position ?? D.value?.defaultProps?.position ?? "bottom-center"), k = o(() => {
-			let e = y(b, D.value?.tokens?.position);
-			return x(e, O.value);
+			let e = x(y, D.value?.tokens?.position);
+			return v(e, O.value);
 		}), A = o(() => C.teleportTo === !1), j = o(() => C.teleportTo === !1 ? "body" : C.teleportTo), M = o(() => O.value.startsWith("top") ? "flex-col" : "flex-col-reverse");
 		return (e, t) => (p(), c(i, null, [g(e.$slots, "default"), (p(), s(a, {
 			to: j.value,
 			disabled: A.value
 		}, [l("div", {
 			"data-snackbar-host": "",
-			class: f(_(v)({
+			class: f(_(b)({
 				"fixed inset-0 z-40 flex pointer-events-none px-4 py-6 sm:p-5 sm:pt-4": !0,
 				[k.value ?? ""]: !0
 			}))
-		}, [l("div", { class: f(_(v)({
+		}, [l("div", { class: f(_(b)({
 			"flex w-full max-w-sm gap-y-2 pointer-events-auto": !0,
 			[M.value]: !0
 		})) }, [(p(!0), c(i, null, h(E.value, (e) => (p(), s(n, {

package/dist/Actions/Snackbar/BridgeSnackbarItem.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import e from "../../Components/Snackbar/Snackbar.js";
 import t from "./BridgeSnackbarAction.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, unref as p, withCtx as m } from "vue";
-import { completeLayerHide as h, invokeLayerDismiss as g, mergeLayerShellProps as _, usesTrailingSnackbarActions as v } from "@bridge-ui/core";
+import { completeLayerHide as h, invokeLayerDismiss as g, mergeLayerShellProps as _, usesTrailingSnackbarActions as v } from "@bridge-ui/core/Layer";
 //#region src/Actions/Snackbar/BridgeSnackbarItem.vue?vue&type=script&setup=true&lang.ts
 var y = { class: "flex flex-col border-l border-dark-200 dark:border-dark-700" }, b = {
 	key: 1,

package/dist/Actions/Snackbar/bridgeSnackbar.types.d.ts

@@ -1,4 +1,5 @@
-import { LayerId, SnackbarColor, SnackbarRounded, snackbarPositionProps } from '@bridge-ui/core';
+import { LayerId } from '@bridge-ui/core/Layer';
+import { snackbarPositionProps, SnackbarColor, SnackbarRounded } from '@bridge-ui/core/Tokens';
 import { Ref } from 'vue';
 import { ButtonOwnProps } from '../../Components/Button/button.types';
 import { LinkProps } from '../../Components/Link/link.types';

package/dist/Actions/Snackbar/createBridgeSnackbarApi.js

@@ -1,47 +1,47 @@
 import { shallowRef as e } from "vue";
-import { closeAllLayers as t, closeLayer as n, closeTopLayer as r, createLayerId as i, createOpenLayerEntry as a, isLayerMounted as o, removeLayer as s, syncLayerShow as c, trimLayersToMax as l, updateLayerMerged as u } from "@bridge-ui/core";
-import { isNil as d } from "es-toolkit/compat";
+import { isNil as t } from "es-toolkit/compat";
+import { closeAllLayers as n, closeLayer as r, closeTopLayer as i, createLayerId as a, createOpenLayerEntry as o, isLayerMounted as s, removeLayer as c, syncLayerShow as l, trimLayersToMax as u, updateLayerMerged as d } from "@bridge-ui/core/Layer";
 //#region src/Actions/Snackbar/createBridgeSnackbarApi.ts
 function f(e, t) {
 	let { onClose: n, onClosed: r, ...i } = t;
-	return a(e, {
+	return o(e, {
 		props: i,
 		onClose: n,
 		onClosed: r
 	});
 }
-function p(e, t) {
-	return !d(e.duration) || d(t) ? e : {
+function p(e, n) {
+	return !t(e.duration) || t(n) ? e : {
 		...e,
-		duration: t
+		duration: n
 	};
 }
-function m(a = {}) {
-	let { max: d, timeout: m = 5e3 } = a, h = e([]);
+function m(t = {}) {
+	let { max: o, timeout: m = 5e3 } = t, h = e([]);
 	function g(e) {
-		let t = i(), n = h.value;
-		return d != null && d > 0 && (n = l(n, d)), h.value = [...n, f(t, p(e, m))], t;
+		let t = a(), n = h.value;
+		return o != null && o > 0 && (n = u(n, o)), h.value = [...n, f(t, p(e, m))], t;
 	}
 	function _(e) {
-		h.value = n(h.value, e);
+		h.value = r(h.value, e);
 	}
 	function v() {
-		h.value = r(h.value);
+		h.value = i(h.value);
 	}
 	function y() {
-		h.value = t(h.value);
+		h.value = n(h.value);
 	}
 	function b(e) {
-		return o(h.value, e);
+		return s(h.value, e);
 	}
 	function x(e) {
-		h.value = s(h.value, e);
+		h.value = c(h.value, e);
 	}
 	function S(e, t) {
-		h.value = u(h.value, e, t, ["props"]);
+		h.value = d(h.value, e, t, ["props"]);
 	}
 	function C(e, t) {
-		h.value = c(h.value, e, t);
+		h.value = l(h.value, e, t);
 	}
 	return {
 		open: g,

package/dist/Actions/Snackbar/useSnackbarAction.js

@@ -1,6 +1,6 @@
 import { BRIDGE_SNACKBAR_INJECTION_KEY as e } from "./bridgeSnackbarInjectionKey.js";
 import { computed as t, inject as n } from "vue";
-import { getLayerCount as r } from "@bridge-ui/core";
+import { getLayerCount as r } from "@bridge-ui/core/Layer";
 //#region src/Actions/Snackbar/useSnackbarAction.ts
 var i = class extends Error {
 	constructor() {

package/dist/Adapters/Date/useDateAdapter.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { DateAdapter, DateAdapterContext } from '@bridge-ui/core';
+import { DateAdapter, DateAdapterContext } from '@bridge-ui/core/Adapters';
 /**
  * Sets a process-wide date adapter fallback. For tests only.
  */

package/dist/Adapters/Date/useDateAdapter.js

@@ -1,6 +1,6 @@
 import { useBridgeUI as e } from "../../Provider/useBridgeUI.js";
 import { computed as t } from "vue";
-import { defaultNativeDateAdapter as n } from "@bridge-ui/core";
+import { defaultNativeDateAdapter as n } from "@bridge-ui/core/Adapters";
 //#region src/Adapters/Date/useDateAdapter.ts
 var r;
 function i(e) {

package/dist/Adapters/I18n/useI18nAdapter.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { I18nAdapter, MessageParams } from '@bridge-ui/core';
+import { I18nAdapter, MessageParams } from '@bridge-ui/core/Adapters';
 /**
  * Sets a process-wide i18n adapter fallback. For tests only.
  */

package/dist/Adapters/I18n/useI18nAdapter.js

@@ -1,6 +1,6 @@
 import { useBridgeUI as e } from "../../Provider/useBridgeUI.js";
 import { computed as t } from "vue";
-import { resolveMessage as n } from "@bridge-ui/core";
+import { resolveMessage as n } from "@bridge-ui/core/Adapters";
 //#region src/Adapters/I18n/useI18nAdapter.ts
 var r;
 function i(e) {

package/dist/Adapters/Icon/iconSource.types.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'vue';
-import { IconSource as CoreIconSource, IconSourceValueOverrides, SemanticIconName } from '@bridge-ui/core';
+import { IconSource as CoreIconSource, IconSourceValueOverrides, SemanticIconName } from '@bridge-ui/core/Adapters';
 /**
  * Renderable icon component accepted by Bridge Icon props.
  */

package/dist/Adapters/Icon/useIconAdapter.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { IconAdapter } from '@bridge-ui/core';
+import { IconAdapter } from '@bridge-ui/core/Adapters';
 /**
  * Sets a process-wide icon adapter fallback. For tests only.
  */

package/dist/Components/Accordion/Accordion.js

@@ -0,0 +1,5 @@
+import e from "./Accordion.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Accordion/Accordion.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/Accordion/Accordion.vue.d.ts

@@ -0,0 +1,26 @@
+import { AccordionValue } from '@bridge-ui/core/Domain';
+import { AccordionOwnProps, AccordionSlots } from './accordion.types';
+type __VLS_Slots = AccordionSlots;
+type __VLS_Props = AccordionOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: AccordionValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: AccordionValue) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: AccordionValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Accordion/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { useAccordion as e } from "./composables/useAccordion.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, mergeModels as i, normalizeProps as a, openBlock as o, renderSlot as s, unref as c, useModel as l } from "vue";
+//#region src/Components/Accordion/Accordion.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "Accordion",
+	props: /*@__PURE__*/ i({
+		classes: {},
+		color: {},
+		customProps: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		variant: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ i(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(n, { emit: i }) {
+		let u = i, d = n, f = l(n, "modelValue"), { rootBind: p } = e(d, {
+			size: "md",
+			multiple: !1,
+			disabled: !1,
+			color: "primary",
+			variant: "default"
+		}, f, u);
+		return (e, n) => (o(), t("div", a(r(c(p))), [s(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { u as default };

package/dist/Components/Accordion/accordion.types.d.ts

@@ -0,0 +1,90 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { AccordionValue } from '@bridge-ui/core/Domain';
+import { AccordionColor, AccordionSize, AccordionVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+export interface AccordionSizeOverrides {}
+export interface AccordionColorOverrides {}
+export interface AccordionVariantOverrides {}
+export interface AccordionClasses {
+    /**
+     * Classes merged onto the root.
+     */
+    root?: string;
+}
+export interface AccordionCustomProps {
+    /**
+     * Props forwarded to the root element.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+}
+export interface AccordionEmits {
+    /**
+     * Emitted when the expanded value(s) change.
+     */
+    change: [value: AccordionValue];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [value: AccordionValue];
+}
+/**
+ * Accordion context root. Compose with `AccordionItem`.
+ */
+export interface AccordionOwnProps {
+    /**
+     * Classes for accordion parts.
+     *
+     * @default undefined
+     */
+    classes?: AccordionClasses;
+    /**
+     * Accent color for the expanded indicator and trigger.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<AccordionColor, AccordionColorOverrides>;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: AccordionCustomProps;
+    /**
+     * Disable all items.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Allow more than one item expanded at once.
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Density of triggers and content.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<AccordionSize, AccordionSizeOverrides>;
+    /**
+     * Visual layout: flush (`default`), boxed (`outlined`), quiet (`plain`), or cards (`separated`).
+     *
+     * @default "default"
+     */
+    variant?: MergeProps<AccordionVariant, AccordionVariantOverrides>;
+}
+export interface AccordionSlots {
+    /**
+     * The children to render (`AccordionItem`, etc.).
+     */
+    default?: Slot<undefined>;
+}
+export type AccordionProps = MergeHtmlProps<AccordionOwnProps, HTMLAttributes> & {
+    /**
+     * Bound with `v-model` on the component (`defineModel` internally).
+     */
+    modelValue?: AccordionValue;
+};

package/dist/Components/Accordion/accordionInjectionKey.d.ts

@@ -0,0 +1,63 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { AccordionValue } from '@bridge-ui/core/Domain';
+/**
+ * Merged token classes for items / triggers / panels.
+ */
+export type AccordionTokenClasses = {
+    colorIndicator?: string;
+    colorTriggerExpanded?: string;
+    iconSize?: string;
+    itemSize?: string;
+    itemVariant?: string;
+    panelSize?: string;
+    rootSize?: string;
+    rootVariant?: string;
+    triggerSize?: string;
+    triggerVariant?: string;
+};
+/**
+ * Shared accordion state for `AccordionItem` descendants.
+ */
+export type AccordionContextValue = {
+    /**
+     * Whether the entire accordion is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Disabled item values.
+     */
+    disabledValues: string[];
+    /**
+     * Expanded value(s).
+     */
+    expanded: AccordionValue;
+    /**
+     * Focus a trigger by item value (arrow navigation).
+     */
+    focusTrigger: (value: string) => void;
+    /**
+     * Stable id prefix for trigger / panel pairing.
+     */
+    id: string;
+    /**
+     * Ordered item values (mount order).
+     */
+    itemValues: string[];
+    /**
+     * Whether more than one item may be expanded.
+     */
+    multiple: boolean;
+    /**
+     * Registers an item and returns unregister.
+     */
+    registerItem: (value: string, disabled?: boolean) => () => void;
+    /**
+     * Toggles an item by value.
+     */
+    toggleItem: (value: string) => void;
+    /**
+     * Merged token classes for items / triggers / panels.
+     */
+    tokenClasses: AccordionTokenClasses;
+};
+export declare const ACCORDION_INJECTION_KEY: InjectionKey<ComputedRef<AccordionContextValue>>;

package/dist/Components/Accordion/accordionInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Accordion/accordionInjectionKey.ts
+var e = Symbol("bridge-accordion");
+//#endregion
+export { e as ACCORDION_INJECTION_KEY };

package/dist/Components/Accordion/composables/useAccordion.d.ts

@@ -0,0 +1,15 @@
+import { Ref, SetupContext } from 'vue';
+import { AccordionValue } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { AccordionEmits, AccordionOwnProps, AccordionProps } from '../accordion.types';
+import { AccordionContextValue } from '../accordionInjectionKey';
+type AccordionLibDefaults = LibDefaultsShape<AccordionOwnProps, "size" | "color" | "variant" | "disabled" | "multiple">;
+type AccordionMerged = MergeLibDefaults<AccordionOwnProps, AccordionLibDefaults>;
+export declare function useAccordion(props: AccordionOwnProps, libDefaults: AccordionLibDefaults, model: Ref<undefined | AccordionValue>, emit: SetupContext<AccordionEmits>["emit"]): {
+    merged: import('vue').ComputedRef<AccordionMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<AccordionProps, "color" | "size" | "classes" | "customProps" | "variant" | "disabled" | "multiple">>>;
+    contextValue: import('vue').ComputedRef<AccordionContextValue>;
+};
+export {};