@bridge-ui/vue 0.0.8 → 0.0.10

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

@@ -1,9 +1,11 @@
 ---
 name: bridge-ui-components
 description: >-
-  Use Bridge UI Vue presentational components — Button, Avatar, Card, Alert,
-  Badge, Icon, Link, List, Tabs, Spinner, Skeleton, Progress, classes,
-  customProps, slots. Use when building UI outside forms and overlays.
+  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,
+  slots. Use when building UI with Bridge components.
 ---
 
 # Bridge UI (Vue) — components
@@ -14,18 +16,27 @@ In templates, use kebab-case attrs (`start-icon`, `custom-props`, `error-message
 
 ## Start here
 
-| Need                          | Doc                                                            |
-| ----------------------------- | -------------------------------------------------------------- |
-| Actions                       | `.ai/docs/components/Button.md`                                |
-| Surfaces / modal body         | `.ai/docs/components/Card.md`                                  |
-| Avatar                        | `.ai/docs/components/Avatar.md`                                |
-| Badge                         | `.ai/docs/components/Badge.md`                                 |
-| Alert                         | `.ai/docs/components/Alert.md`                                 |
-| Icon                          | `.ai/docs/components/Icon.md`                                  |
-| Lists                         | `.ai/docs/components/List.md`                                  |
-| Tabs                          | `.ai/docs/components/Tabs.md`                                  |
-| Spinner / skeleton / progress | `.ai/docs/components/Spinner.md`, `Skeleton.md`, `Progress.md` |
-| Index                         | `.ai/docs/README.md`                                           |
+| Need                          | Doc                                                                   |
+| ----------------------------- | --------------------------------------------------------------------- |
+| Actions                       | `.ai/docs/components/Button.md`                                       |
+| Surfaces / modal body         | `.ai/docs/components/Card.md`                                         |
+| 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`                                         |
+| Text input                    | `.ai/docs/components/TextField.md`                                    |
+| Select / autocomplete         | `.ai/docs/components/Select.md`, `Autocomplete.md`                    |
+| Date                          | `.ai/docs/components/DateField.md`, `DatePicker.md`                   |
+| Date range                    | `.ai/docs/components/DateRangeField.md`, `DateRangePicker.md`         |
+| Time                          | `.ai/docs/components/TimeField.md`, `TimePicker.md`                   |
+| Time range                    | `.ai/docs/components/TimeRangeField.md`, `TimeRangePicker.md`         |
+| Date-time                     | `.ai/docs/components/DateTimeField.md`, `DateTimePicker.md`           |
+| Date-time range               | `.ai/docs/components/DateTimeRangeField.md`, `DateTimeRangePicker.md` |
+| Spinner / skeleton / progress | `.ai/docs/components/Spinner.md`, `Skeleton.md`, `Progress.md`        |
+| Index                         | `.ai/docs/README.md`                                                  |
 
 ## Hard rules
 
@@ -35,3 +46,4 @@ In templates, use kebab-case attrs (`start-icon`, `custom-props`, `error-message
 4. Root HTML attributes stay on the component; use `custom-props` for **inner** parts.
 5. Modal/Drawer content uses **`Card`** — there is no `ModalCard` export.
 6. Do not compare Bridge to other UI libraries in generated docs or comments.
+7. Prefer `*Field` / `*Picker` for date and time. Use `Calendar` / `CalendarRange` / `TimePanel` only for custom composition — see index.

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

@@ -3,8 +3,10 @@ name: bridge-ui-forms
 description: >-
   Build forms with Bridge UI Vue — TextField, Textarea, PasswordField,
   NumberField, OtpField, Select, Autocomplete, Slider, Checkbox, Radio,
-  Switch, FormField, FormControl, BaseField. Use when wiring inputs,
-  validation chrome, or select.
+  Switch, DateField, DatePicker, DateRangeField, DateRangePicker, TimeField,
+  TimePicker, TimeRangeField, TimeRangePicker, DateTimeField, DateTimePicker,
+  DateTimeRangeField, DateTimeRangePicker, FormField, FormControl, BaseField.
+  Use when wiring inputs, date/time pickers, validation chrome, or select.
 ---
 
 # Bridge UI (Vue) — forms
@@ -17,18 +19,24 @@ Controlled fields: **`v-model` / `modelValue`**. Never React `value`/`onChange`.
 
 ## Start here
 
-| Need                      | Doc                                                                |
-| ------------------------- | ------------------------------------------------------------------ |
-| Text input                | `.ai/docs/components/TextField.md`                                 |
-| Password                  | `.ai/docs/components/PasswordField.md`                             |
-| Number / OTP / textarea   | `.ai/docs/components/NumberField.md`, `OtpField.md`, `Textarea.md` |
-| Slider                    | `.ai/docs/components/Slider.md`                                    |
-| Select                    | `.ai/docs/components/Select.md`                                    |
-| Autocomplete              | `.ai/docs/components/Autocomplete.md`                              |
-| Checkbox / radio / switch | `.ai/docs/components/Checkbox.md`, `Radio.md`, `Switch.md`         |
-| Input chrome              | `.ai/docs/components/FormField.md`                                 |
-| Toggle row chrome         | `.ai/docs/components/FormControl.md`                               |
-| Custom control chrome     | `.ai/docs/components/BaseField.md`                                 |
+| Need                      | Doc                                                                   |
+| ------------------------- | --------------------------------------------------------------------- |
+| Text input                | `.ai/docs/components/TextField.md`                                    |
+| Password                  | `.ai/docs/components/PasswordField.md`                                |
+| Number / OTP / textarea   | `.ai/docs/components/NumberField.md`, `OtpField.md`, `Textarea.md`    |
+| Slider                    | `.ai/docs/components/Slider.md`                                       |
+| Select                    | `.ai/docs/components/Select.md`                                       |
+| Autocomplete              | `.ai/docs/components/Autocomplete.md`                                 |
+| Checkbox / radio / switch | `.ai/docs/components/Checkbox.md`, `Radio.md`, `Switch.md`            |
+| Date                      | `.ai/docs/components/DateField.md`, `DatePicker.md`                   |
+| Date range                | `.ai/docs/components/DateRangeField.md`, `DateRangePicker.md`         |
+| Time                      | `.ai/docs/components/TimeField.md`, `TimePicker.md`                   |
+| Time range                | `.ai/docs/components/TimeRangeField.md`, `TimeRangePicker.md`         |
+| Date-time                 | `.ai/docs/components/DateTimeField.md`, `DateTimePicker.md`           |
+| Date-time range           | `.ai/docs/components/DateTimeRangeField.md`, `DateTimeRangePicker.md` |
+| Input chrome              | `.ai/docs/components/FormField.md`                                    |
+| Toggle row chrome         | `.ai/docs/components/FormControl.md`                                  |
+| Custom control chrome     | `.ai/docs/components/BaseField.md`                                    |
 
 ## Hard rules
 

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

@@ -2,7 +2,7 @@
 name: bridge-ui-setup
 description: >-
   Install and configure Bridge UI Vue — Tailwind v4 theme CSS, createBridgeUI /
-  BridgeUIProvider, component defaults, icon and i18n adapters, BridgeUIHosts,
+  BridgeUIProvider, component defaults, icon, i18n and date adapters, BridgeUIHosts,
   useBridgeUI. Use when scaffolding Bridge, wiring the provider, or fixing
   missing theme / hosts / adapters.
 ---
@@ -20,19 +20,19 @@ npx bridge-ui-vue-ai install
 
 ## Required reading
 
-| Topic                                                  | Doc                                       |
-| ------------------------------------------------------ | ----------------------------------------- |
-| Provider / plugin, `global`, `components`, icons, i18n | `.ai/docs/components/BridgeUIProvider.md` |
-| Icon adapter usage                                     | `.ai/docs/components/Icon.md`             |
-| i18n adapter                                           | `.ai/docs/components/I18n.md`             |
-| Breakpoints                                            | `.ai/docs/components/useBreakpoint.md`    |
-| Adapter sample code                                    | `.ai/docs/examples/`                      |
+| Topic                                                         | Doc                                       |
+| ------------------------------------------------------------- | ----------------------------------------- |
+| Provider / plugin, `global`, `components`, icons, i18n, dates | `.ai/docs/components/BridgeUIProvider.md` |
+| Icon adapter usage                                            | `.ai/docs/components/Icon.md`             |
+| i18n adapter                                                  | `.ai/docs/components/I18n.md`             |
+| Breakpoints                                                   | `.ai/docs/components/useBreakpoint.md`    |
+| Adapter sample code                                           | `.ai/docs/examples/`                      |
 
 ## Hard rules
 
 1. Tailwind CSS **v4** + `@import "@bridge-ui/vue/theme.css"`.
 2. Use `app.use(createBridgeUI({ ... }))` and/or `<BridgeUIProvider>`.
 3. Mount `BridgeUIHosts` when using action hooks (`useDialogAction`, `useModalAction`, `useDrawerAction`, `useSnackbarAction`).
-4. Semantic icon names and chrome strings need `global.icons` / `global.i18n` — copy samples from `.ai/docs/examples/`.
+4. Semantic icon names, chrome strings, and date libs need `global.icons` / `global.i18n` / `global.dates` — copy samples from `.ai/docs/examples/`.
 5. Prefer deep imports: `@bridge-ui/vue/Components/{Name}`.
 6. Do not destructure `useBreakpoint()` helpers — keep the reactive object.

package/dist/Actions/BridgeUIHosts.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import n from "./Modal/BridgeModalHost.js";
 import r from "./Snackbar/BridgeSnackbarHost.js";
 import { createBlock as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
 //#region src/Actions/BridgeUIHosts.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ o({
+var p = /*@__PURE__*/ o({
 	__name: "BridgeUIHosts",
 	props: {
 		dialog: { default: () => ({}) },

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

@@ -3,7 +3,7 @@ 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";
 //#region src/Actions/Dialog/BridgeDialogAction.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ o({
+var f = /*@__PURE__*/ o({
 	__name: "BridgeDialogAction",
 	props: {
 		acceptColor: {},

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

@@ -3,7 +3,7 @@ import t from "./BridgeDialogItem.js";
 import { createBridgeDialogApi as n } from "./createBridgeDialogApi.js";
 import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, defineComponent as s, inject as c, openBlock as l, provide as u, renderList as d, renderSlot as f, unref as p } from "vue";
 //#region src/Actions/Dialog/BridgeDialogHost.vue?vue&type=script&setup=true&lang.ts
-var m = "[Bridge UI] Nested <BridgeDialogHost /> detected. useDialogAction() will target the nearest host only. Remove the extra host.", h = /* @__PURE__ */ s({
+var m = "[Bridge UI] Nested <BridgeDialogHost /> detected. useDialogAction() will target the nearest host only. Remove the extra host.", h = /*@__PURE__*/ s({
 	__name: "BridgeDialogHost",
 	props: { modal: {} },
 	setup(s) {

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

@@ -1,5 +1,5 @@
-import e from "../../Components/Card/Card.js";
-import t from "../../Components/Modal/Modal.js";
+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";
@@ -7,7 +7,7 @@ import { completeLayerHide as h, invokeLayerDismiss as g, mergeLayerShellProps a
 var v = {
 	key: 0,
 	class: "text-sm text-dark-500 dark:text-dark-400"
-}, y = /* @__PURE__ */ l({
+}, y = /*@__PURE__*/ l({
 	__name: "BridgeDialogItem",
 	props: {
 		api: {},
@@ -20,14 +20,14 @@ var v = {
 		}, C = () => {
 			y.api.close(y.entry.id);
 		};
-		return (r, g) => (d(), i(p(t), u(x.value, {
+		return (r, g) => (d(), i(p(e), u(x.value, {
 			"stack-id": l.entry.id,
 			"model-value": l.entry.show,
 			onClose: S,
 			"onUpdate:modelValue": g[0] ||= (e) => l.api.syncShow(l.entry.id, e),
 			onShowChange: g[1] ||= (e) => p(h)(l.api.entries.value, l.entry.id, e, l.api.removeEntry)
 		}), {
-			default: m(() => [c(p(e), u({ title: l.entry.props.title }, l.entry.props.card), s({
+			default: m(() => [c(p(t), u({ title: l.entry.props.title }, l.entry.props.card), s({
 				default: m(() => [l.entry.props.description ? (d(), o("p", v, f(l.entry.props.description), 1)) : a("", !0)]),
 				_: 2
 			}, [l.entry.props.actions?.accept || l.entry.props.actions?.reject ? {

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

@@ -4,7 +4,7 @@ import { createBlock as t, createCommentVNode as n, createElementBlock as r, def
 var o = {
 	key: 0,
 	class: "flex justify-end gap-2"
-}, s = /* @__PURE__ */ i({
+}, s = /*@__PURE__*/ i({
 	__name: "ResolveBridgeDialogFooter",
 	props: {
 		acceptColor: {},

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

@@ -4,7 +4,7 @@ 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";
 //#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({
+var b = "[Bridge UI] Nested <BridgeDrawerHost /> detected. useDrawerAction() will target the nearest host only. Remove the extra host.", x = /*@__PURE__*/ s({
 	__name: "BridgeDrawerHost",
 	props: { drawer: {} },
 	setup(s) {

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

@@ -4,7 +4,7 @@ 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";
 //#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({
+var b = "[Bridge UI] Nested <BridgeModalHost /> detected. useModalAction() will target the nearest host only. Remove the extra host.", x = /*@__PURE__*/ s({
 	__name: "BridgeModalHost",
 	props: { modal: {} },
 	setup(s) {

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

@@ -5,7 +5,7 @@ import { computed as r, createBlock as i, createTextVNode as a, defineComponent
 import { cn as f, snackbarRoundedProps as p } from "@bridge-ui/core";
 import { get as m } from "es-toolkit/compat";
 //#region src/Actions/Snackbar/BridgeSnackbarAction.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ o({
+var h = /*@__PURE__*/ o({
 	__name: "BridgeSnackbarAction",
 	props: {
 		action: {},
@@ -23,20 +23,20 @@ var h = /* @__PURE__ */ o({
 			let { onClick: e, ...t } = g.action.link;
 			return t;
 		}), x = r(() => {
-			let e = m(p, g.snackbarRounded ?? "lg"), t = m(e, "tr"), n = m(e, "br");
-			return m({
+			let e = g.snackbarRounded ?? "lg", t = m(p, e), n = m(t, "tr"), r = m(t, "br"), i = {
 				trailing: "mr-4 shrink-0",
 				"right-accept": f({
 					"w-full rounded-none": !0,
-					[t ?? ""]: !0,
-					[n ?? ""]: !g.hasReject
+					[n ?? ""]: !0,
+					[r ?? ""]: !g.hasReject
 				}),
 				"right-reject": f({
 					"w-full rounded-none": !0,
-					[n ?? ""]: !0,
-					[t ?? ""]: !g.hasAccept
+					[r ?? ""]: !0,
+					[n ?? ""]: !g.hasAccept
 				})
-			}, g.layout, "");
+			};
+			return m(i, g.layout, "");
 		}), S = r(() => f({
 			[x.value]: !0,
 			[g.action.className ?? ""]: !0

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

@@ -6,7 +6,7 @@ import { Fragment as i, Teleport as a, computed as o, createBlock as s, createEl
 import { cn as v, mergeBridgeUILayeredClasses as y, snackbarPositionProps as b } from "@bridge-ui/core";
 import { get as x } from "es-toolkit/compat";
 //#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({
+var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction() will target the nearest host only. Remove the extra host.", C = /*@__PURE__*/ u({
 	__name: "BridgeSnackbarHost",
 	props: {
 		max: {},
@@ -26,7 +26,10 @@ var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction()
 			timeout: C.timeout
 		}), 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(() => x(y(b, D.value?.tokens?.position), 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");
+		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);
+		}), 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

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

@@ -6,7 +6,7 @@ import { completeLayerHide as h, invokeLayerDismiss as g, mergeLayerShellProps a
 var y = { class: "flex flex-col border-l border-dark-200 dark:border-dark-700" }, b = {
 	key: 1,
 	class: "flex flex-1 h-0"
-}, x = /* @__PURE__ */ l({
+}, x = /*@__PURE__*/ l({
 	__name: "BridgeSnackbarItem",
 	props: {
 		api: {},

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

@@ -0,0 +1 @@
+export { setDateAdapterForTests, useDateAdapter, useDateAdapterContext, } from './useDateAdapter';

package/dist/Adapters/Date/index.js

@@ -0,0 +1,2 @@
+import { setDateAdapterForTests as e, useDateAdapter as t, useDateAdapterContext as n } from "./useDateAdapter.js";
+export { e as setDateAdapterForTests, t as useDateAdapter, n as useDateAdapterContext };

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

@@ -0,0 +1,17 @@
+import { ComputedRef } from 'vue';
+import { DateAdapter, DateAdapterContext } from '@bridge-ui/core';
+/**
+ * Sets a process-wide date adapter fallback. For tests only.
+ */
+export declare function setDateAdapterForTests(adapter: undefined | DateAdapter): void;
+/**
+ * Returns the active date adapter from {@link BridgeUIProvider}.
+ * Falls back to {@link defaultNativeDateAdapter} when unset.
+ */
+export declare function useDateAdapter(): ComputedRef<DateAdapter>;
+/**
+ * Returns a builder for {@link DateAdapterContext} from Bridge global config.
+ * Locale always comes from the provider — calendar / date components never
+ * accept a `locale` prop. Only `timeZone` may be overridden per instance.
+ */
+export declare function useDateAdapterContext(): (timeZone?: string) => DateAdapterContext;

package/dist/Adapters/Date/useDateAdapter.js

@@ -0,0 +1,21 @@
+import { useBridgeUI as e } from "../../Provider/useBridgeUI.js";
+import { computed as t } from "vue";
+import { defaultNativeDateAdapter as n } from "@bridge-ui/core";
+//#region src/Adapters/Date/useDateAdapter.ts
+var r;
+function i(e) {
+	r = e;
+}
+function a() {
+	let i = e();
+	return t(() => i?.global.value.dates ?? r ?? n);
+}
+function o() {
+	let t = e();
+	return (e) => ({
+		locale: t?.global.value.locale,
+		timeZone: e ?? t?.global.value.timeZone
+	});
+}
+//#endregion
+export { i as setDateAdapterForTests, a as useDateAdapter, o as useDateAdapterContext };

package/dist/Adapters/index.d.ts

@@ -1,3 +1,4 @@
+export { setDateAdapterForTests, useDateAdapter, useDateAdapterContext, } from './Date';
 export { setI18nAdapterForTests, useI18nAdapter, useResolveMessage, } from './I18n';
 export { setIconAdapterForTests, useIconAdapter } from './Icon';
 export type { IconElement, IconSource, IconSourceValueOverrides, SemanticIconName, } from './Icon';

package/dist/Adapters/index.js

@@ -1,3 +1,4 @@
-import { setI18nAdapterForTests as e, useI18nAdapter as t, useResolveMessage as n } from "./I18n/useI18nAdapter.js";
-import { setIconAdapterForTests as r, useIconAdapter as i } from "./Icon/useIconAdapter.js";
-export { e as setI18nAdapterForTests, r as setIconAdapterForTests, t as useI18nAdapter, i as useIconAdapter, n as useResolveMessage };
+import { setDateAdapterForTests as e, useDateAdapter as t, useDateAdapterContext as n } from "./Date/useDateAdapter.js";
+import { setI18nAdapterForTests as r, useI18nAdapter as i, useResolveMessage as a } from "./I18n/useI18nAdapter.js";
+import { setIconAdapterForTests as o, useIconAdapter as s } from "./Icon/useIconAdapter.js";
+export { e as setDateAdapterForTests, r as setI18nAdapterForTests, o as setIconAdapterForTests, t as useDateAdapter, n as useDateAdapterContext, i as useI18nAdapter, s as useIconAdapter, a as useResolveMessage };

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';
+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,88 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { AccordionColor, AccordionSize, AccordionValue, AccordionVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+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';
+/**
+ * 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,14 @@
+import { Ref, SetupContext } from 'vue';
+import { AccordionValue, LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+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').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<AccordionProps, "color" | "size" | "classes" | "customProps" | "variant" | "disabled" | "multiple">>>;
+    contextValue: import('vue').ComputedRef<AccordionContextValue>;
+};
+export {};