@bridge-ui/vue 0.0.8 → 0.0.9

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, 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,26 @@ 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`                                        |
+| 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 +45,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/Alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { Fragment as o, createBlock as s, createCommentVNode as c, createElement
 var v = {
 	key: 1,
 	class: "flex justify-between items-start"
-}, y = { class: "flex items-start gap-x-3" }, b = /* @__PURE__ */ d({
+}, y = { class: "flex items-start gap-x-3" }, b = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "Alert",
 	props: {

package/dist/Components/Alert/composables/useAlert.js

@@ -33,7 +33,19 @@ function _(_, v) {
 	}), E = i(() => {
 		let e = b.default?.();
 		return !!(e && e.length > 0);
-	}), D = i(() => u(c(h, C.value?.tokens?.variant), [S.value.variant, S.value.color])), O = i(() => u(c(m, C.value?.tokens?.shadow), S.value.shadow)), k = i(() => u(c(f, C.value?.tokens?.padding), S.value.padding)), A = i(() => u(c(p, C.value?.tokens?.rounded), S.value.rounded)), j = i(() => d(S.value.icon) ? null : S.value.icon ? S.value.icon : u(D.value, "icon") ?? u(e, S.value.color));
+	}), D = i(() => {
+		let e = c(h, C.value?.tokens?.variant);
+		return u(e, [S.value.variant, S.value.color]);
+	}), O = i(() => {
+		let e = c(m, C.value?.tokens?.shadow);
+		return u(e, S.value.shadow);
+	}), k = i(() => {
+		let e = c(f, C.value?.tokens?.padding);
+		return u(e, S.value.padding);
+	}), A = i(() => {
+		let e = c(p, C.value?.tokens?.rounded);
+		return u(e, S.value.rounded);
+	}), j = i(() => d(S.value.icon) ? null : S.value.icon ? S.value.icon : u(D.value, "icon") ?? u(e, S.value.color));
 	return {
 		slots: b,
 		merged: S,

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

@@ -9,6 +9,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     clear: () => any;
     search: (query: string) => any;
     select: (option: import('@bridge-ui/core').ListboxOption) => any;
+    cancel: () => any;
     change: (value: import('@bridge-ui/core').SelectModel) => any;
     close: () => any;
     deselect: (option: import('@bridge-ui/core').ListboxOption) => any;
@@ -18,6 +19,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
     onSelect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
     onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;

package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js

@@ -21,10 +21,10 @@ var P = {
 	key: 0,
 	hidden: "",
 	"aria-hidden": "true"
-}, R = /* @__PURE__ */ h({
+}, R = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "Autocomplete",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -49,11 +49,13 @@ var P = {
 		optionLabel: {},
 		options: {},
 		optionValue: {},
+		overlay: {},
 		placeholder: {},
 		searchable: {
 			type: Boolean,
 			default: !0
 		},
+		showFooter: { type: Boolean },
 		classes: {},
 		color: {},
 		controlId: {},
@@ -83,7 +85,8 @@ var P = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v([
+	emits: /*@__PURE__*/ v([
+		"cancel",
 		"change",
 		"clear",
 		"close",
@@ -108,20 +111,20 @@ var P = {
 				W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
 			}
 		});
-		let { open: G, slots: K, hasValue: q, multiple: se, formField: J, clearable: ce, clearBind: Y, clearValue: X, removeChip: le, triggerBind: Z, selectOption: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, selectedOptions: me, hasComposedList: $, handleRegisteredOptionsChange: he } = o(z, oe, U, V, W);
+		let { open: G, slots: K, multiple: q, formField: J, clearBind: Y, clearValue: X, removeChip: se, triggerBind: Z, handleApply: ce, selectOption: le, handleCancel: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, showClearIcon: me, selectedOptions: he, hasComposedList: $, handleRegisteredOptionsChange: ge } = o(z, oe, U, V, W);
 		return (e, a) => (x(), f(c, null, [
 			m(E(te), { field: E(J) }, {
-				default: k(() => [E(se) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(me), (t) => (x(), u(E(ee), y({
+				default: k(() => [E(q) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(he), (t) => (x(), u(E(ee), y({
 					dismissible: "",
 					key: String(t.value),
 					size: E(J).merged.value.size,
 					disabled: E(J).isDisabled.value,
 					"clear-label": `Remove ${t.label}`,
-					onDismiss: (e) => E(le)(t, e)
+					onDismiss: (e) => E(se)(t, e)
 				}, { ref_for: !0 }, E(r)(z.customProps?.chip, {
 					customProps: { clear: E(Y) },
 					classes: { root: E(M)({
-						"bg-white ring-1 ring-inset ring-gray-200 dark:bg-gray-700 dark:ring-gray-600": !0,
+						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
 						[E(pe).chip ?? ""]: !0
 					}) }
 				})), {
@@ -135,7 +138,7 @@ var P = {
 				]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div", F, [p("input", y({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, E(Z)), null, 16), E(ce) && E(q) && !E(J).isDisabled.value ? (x(), f("span", y({ key: 0 }, E(Y), {
+				}, E(Z)), null, 16), E(me) ? (x(), f("span", y({ key: 0 }, E(Y), {
 					onClick: a[0] ||= (...e) => E(X) && E(X)(...e),
 					onKeydown: [a[1] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), a[2] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])],
 					"aria-label": E(B)("Clear selection")
@@ -149,9 +152,11 @@ var P = {
 				modelValue: E(G),
 				"onUpdate:modelValue": a[3] ||= (e) => _(G) ? G.value = e : null
 			}, E(de), {
+				onApply: E(ce),
 				"anchor-el": E(Q),
-				onSelect: E(ue),
-				onRegisteredOptionsChange: E(he)
+				onCancel: E(ue),
+				onSelect: E(le),
+				onRegisteredOptionsChange: E(ge)
 			}), ne({ _: 2 }, [
 				E($) ? {
 					name: "default",
@@ -185,7 +190,9 @@ var P = {
 				} : void 0
 			]), 1040, [
 				"modelValue",
+				"onApply",
 				"anchor-el",
+				"onCancel",
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),

package/dist/Components/Autocomplete/AutocompleteOption.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { createElementBlock as t, defineComponent as n, inject as r, onBeforeUnm
 var s = {
 	hidden: "",
 	"aria-hidden": "true"
-}, c = /* @__PURE__ */ n({
+}, c = /*@__PURE__*/ n({
 	inheritAttrs: !1,
 	name: "AutocompleteOption",
 	__name: "AutocompleteOption",

package/dist/Components/Autocomplete/autocomplete.types.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, Slot, TextareaHTMLAttributes } from 'vue';
-import { ListboxOptionsInput, MergeHtmlProps, SelectAsyncData, SelectModel, SelectOption, SelectValue } from '@bridge-ui/core';
+import { FieldOverlayMode, ListboxOptionsInput, MergeHtmlProps, SelectAsyncData, SelectModel, SelectOption, SelectValue } from '@bridge-ui/core';
 import { ChipOwnProps } from '../Chip/chip.types';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 import { IconProps } from '../Icon';
@@ -50,6 +50,10 @@ export interface AutocompleteCustomProps extends FormFieldCustomProps {
     listbox?: Partial<ListboxOwnProps>;
 }
 export interface AutocompleteEmits {
+    /**
+     * Emitted when Cancel is pressed on the listbox footer (`showFooter`).
+     */
+    cancel: [];
     /**
      * Emitted when the selection changes.
      */
@@ -210,6 +214,13 @@ export interface AutocompleteOwnProps extends Omit<FormFieldOwnProps, "field"> {
      * @default "value"
      */
     optionValue?: string;
+    /**
+     * Which overlay shell opens the options panel. `auto` uses `menu` on desktop
+     * and `drawer` (bottom) on mobile. Forwarded to the internal `Listbox`.
+     *
+     * @default "auto"
+     */
+    overlay?: FieldOverlayMode;
     /**
      * Placeholder shown when no value is selected.
      */
@@ -220,6 +231,13 @@ export interface AutocompleteOwnProps extends Omit<FormFieldOwnProps, "field"> {
      * @default true
      */
     searchable?: boolean;
+    /**
+     * Shows Cancel / Apply on the nested listbox. When unset, defaults to `true`
+     * on mobile. Selection stays draft until Apply.
+     *
+     * @default false
+     */
+    showFooter?: boolean;
 }
 export interface AutocompleteSlots extends FormFieldSlots {
     /**

package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts

@@ -720,7 +720,9 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
     }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>>;
+    handleApply: () => void;
     selectOption: (option: SelectOption) => void;
+    handleCancel: () => void;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
     listboxProps: import('vue').ComputedRef<{
         anchorEl?: null | HTMLElement;
@@ -743,13 +745,16 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         maxHeight: string;
         multiple: boolean;
         options: import('@bridge-ui/core').ListboxOption[];
+        overlay: import('@bridge-ui/core').FieldOverlayMode;
         placement?: import('@floating-ui/utils').Placement;
         rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
         showCheckmark?: boolean;
+        showFooter: boolean;
         size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";
     }>;
     clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
     mergedClasses: import('vue').ComputedRef<Partial<AutocompleteClasses>>;
+    showClearIcon: import('vue').ComputedRef<boolean>;
     visibleOptions: import('vue').ComputedRef<import('@bridge-ui/core').ListboxOption[]>;
     isSearchActive: import('vue').ComputedRef<boolean>;
     open: import('vue').WritableComputedRef<boolean, boolean>;