@bridge-ui/vue 0.0.10 → 0.1.0

package/dist/Components/DateField/dateField.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes, Slot } from 'vue';
-import { DatePickerModel, DisableDatesInput, FieldOverlayMode, MergeHtmlProps, StartOfWeek } from '@bridge-ui/core';
+import { DatePickerModel, DisableDatesInput, FieldOverlayFooterSlotProps, FieldOverlayMode, StartOfWeek } from '@bridge-ui/core/Domain';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { CalendarView } from '../Calendar/calendar.types';
 import { CalendarDateDayCell } from '../CalendarDate/calendarDate.types';
 import { DatePickerCustomProps } from '../DatePicker/datePicker.types';
@@ -47,6 +48,14 @@ export interface DateFieldCustomProps extends FormFieldCustomProps {
     modal?: Partial<ModalOwnProps>;
 }
 export interface DateFieldEmits {
+    /**
+     * Emitted when Apply is pressed (`showFooter`).
+     */
+    apply: [];
+    /**
+     * Emitted when Cancel is pressed (`showFooter`).
+     */
+    cancel: [];
     /**
      * Emitted when the selection model changes.
      */
@@ -113,6 +122,22 @@ export interface DateFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "cl
      * @default undefined
      */
     disableYears?: number[];
+    /**
+     * Unlocks the input for typing. The field does not parse or commit typed
+     * text; use the picker (or your own component) to update the value. When
+     * unset, the input is read-only.
+     *
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * When `true`, the picker fills the overlay width.
+     * When `false`, it stays at its minimum width.
+     * Unset: `true` for `drawer`, `false` for `menu` and `modal`.
+     *
+     * @default undefined
+     */
+    fill?: boolean;
     /**
      * Hides month navigation / panel.
      *
@@ -169,10 +194,10 @@ export interface DateFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "cl
      */
     range?: boolean;
     /**
-     * Shows Cancel / Apply on the nested picker. When unset, defaults to `true`
-     * on mobile.
+     * Shows Cancel / Apply on the nested picker. When unset, defaults to `true` for dialog
+     * shells (`modal` / `drawer`).
      *
-     * @default false
+     * @default false (`true` for `modal` / `drawer` when unset)
      */
     showFooter?: boolean;
     /**
@@ -195,6 +220,13 @@ export interface DateFieldSlots extends FormFieldSlots {
      * @default undefined
      */
     day?: Slot<CalendarDateDayCell>;
+    /**
+     * Custom footer. Replaces Cancel / Apply. Call `apply()` to commit and close
+     * the overlay, or `cancel()` to discard and close.
+     *
+     * @default undefined
+     */
+    footer?: Slot<FieldOverlayFooterSlotProps>;
 }
 export type DateFieldProps = MergeHtmlProps<DateFieldOwnProps, InputHTMLAttributes> & {
     /**

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

@@ -1,12 +1,16 @@
 import { DatePickerOwnProps, DatePickerSlots } from './datePicker.types';
 type __VLS_Slots = DatePickerSlots;
 declare const __VLS_base: import('vue').DefineComponent<DatePickerOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    apply: () => any;
     cancel: () => any;
-    change: (value: import('@bridge-ui/core').DatePickerModel) => any;
+    change: (value: import('@bridge-ui/core/Domain').DatePickerModel) => any;
 }, string, import('vue').PublicProps, Readonly<DatePickerOwnProps> & Readonly<{
+    onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onChange?: ((value: import('@bridge-ui/core').DatePickerModel) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    onChange?: ((value: import('@bridge-ui/core/Domain').DatePickerModel) => any) | undefined;
+}>, {
+    showFooter: 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;

package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -16,6 +16,8 @@ var g = /*@__PURE__*/ s({
 		disableDates: {},
 		disableMonths: {},
 		disableYears: {},
+		error: { type: Boolean },
+		fill: { type: Boolean },
 		hideMonths: { type: Boolean },
 		hideOutsideDays: { type: Boolean },
 		hideWeekdays: { type: Boolean },
@@ -26,22 +28,30 @@ var g = /*@__PURE__*/ s({
 		range: { type: Boolean },
 		readOnly: { type: Boolean },
 		rounded: {},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		startOfWeek: {},
 		timeZone: {},
 		tokens: {},
 		value: {}
 	},
-	emits: ["cancel", "change"],
+	emits: [
+		"apply",
+		"cancel",
+		"change"
+	],
 	setup(s, { emit: g }) {
 		let { merged: _, rootBind: v, footerBind: y, showFooter: b, applyLabel: x, handleApply: S, cancelLabel: C, displayValue: w, handleCancel: T, calendarTokens: E, applyButtonProps: D, cancelButtonProps: O, handleCalendarChange: k } = n(s, {
 			rounded: "md",
 			startOfWeek: 0,
-			color: "primary",
-			showFooter: !1
+			color: "primary"
 		}, g);
 		return (n, s) => (d(), i("div", u(c(m(v))), [o(t, {
+			fill: m(_).fill,
 			color: m(_).color,
+			error: m(_).error,
 			range: m(_).range,
 			value: m(w),
 			tokens: m(E),
@@ -66,7 +76,9 @@ var g = /*@__PURE__*/ s({
 			day: h((e) => [f(n.$slots, "day", u(c(e)), () => [a(p(e.label), 1)])]),
 			_: 3
 		}, 8, [
+			"fill",
 			"color",
+			"error",
 			"range",
 			"value",
 			"tokens",
@@ -87,7 +99,10 @@ var g = /*@__PURE__*/ s({
 			"disable-years",
 			"disable-months",
 			"hide-outside-days"
-		]), m(b) ? (d(), i("div", u(l({ key: 0 }, m(y))), [o(m(e), l({
+		]), m(b) ? (d(), i("div", u(l({ key: 0 }, m(y))), [f(n.$slots, "footer", {
+			apply: m(S),
+			cancel: m(T)
+		}, () => [o(m(e), l({
 			variant: "flat",
 			color: "secondary",
 			onClick: m(T)
@@ -97,7 +112,7 @@ var g = /*@__PURE__*/ s({
 		}, 16, ["onClick"]), o(m(e), l({ color: "primary" }, m(D), { onClick: m(S) }), {
 			default: h(() => [a(p(m(x)), 1)]),
 			_: 1
-		}, 16, ["onClick"])], 16)) : r("", !0)], 16));
+		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));
 	}
 });
 //#endregion

package/dist/Components/DatePicker/composables/useDatePicker.d.ts

@@ -1,22 +1,20 @@
-import { MaybeRefOrGetter } from 'vue';
-import { DatePickerModel, LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
-import { DatePickerOwnProps } from '../datePicker.types';
-type DatePickerLibDefaults = LibDefaultsShape<DatePickerOwnProps, "color" | "rounded" | "showFooter" | "startOfWeek">;
+import { MaybeRefOrGetter, SetupContext } from 'vue';
+import { DatePickerModel } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { DatePickerEmits, DatePickerOwnProps } from '../datePicker.types';
+type DatePickerLibDefaults = LibDefaultsShape<DatePickerOwnProps, "color" | "rounded" | "startOfWeek">;
 type DatePickerMerged = MergeLibDefaults<DatePickerOwnProps, DatePickerLibDefaults>;
-export declare function useDatePicker(props: MaybeRefOrGetter<DatePickerOwnProps>, libDefaults: DatePickerLibDefaults, emit: {
-    (event: "change", value: DatePickerModel): void;
-    (event: "cancel"): void;
-}): {
+export declare function useDatePicker(props: MaybeRefOrGetter<DatePickerOwnProps>, libDefaults: DatePickerLibDefaults, emit: SetupContext<DatePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<DatePickerMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DatePickerOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "showFooter" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "startOfWeek" | "timeZone" | "defaultView" | "hideMonths" | "hideYears">>>>;
-    footerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DatePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "tokens" | "showFooter" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "startOfWeek" | "timeZone" | "defaultView" | "hideMonths" | "hideYears">>>>;
+    footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
     handleApply: () => void;
     displayValue: import('vue').ComputedRef<DatePickerModel>;
     handleCancel: () => void;
     calendarTokens: import('vue').ComputedRef<{
-        day: Partial<import('@bridge-ui/core').CalendarDay> | undefined;
-        color: Record<string, Partial<import('@bridge-ui/core').CalendarColorItem>> | undefined;
+        day: Partial<import('@bridge-ui/core/Tokens').CalendarDay> | undefined;
+        color: Record<string, Partial<import('@bridge-ui/core/Tokens').CalendarColorItem>> | undefined;
         rounded: Record<string, string> | undefined;
     }>;
     handleCalendarChange: (next: DatePickerModel) => void;

package/dist/Components/DatePicker/composables/useDatePicker.js

@@ -1,91 +1,81 @@
 import { useResolveMessage as e } from "../../../Adapters/I18n/useI18nAdapter.js";
 import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
-import { computed as i, ref as a, toValue as o, useAttrs as s, watch as c } from "vue";
-import { cn as l, splitComponentProps as u } from "@bridge-ui/core";
-import { isNil as d, omit as f } from "es-toolkit/compat";
+import { FIELD_OVERLAY_INJECTION_KEY as i } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
+import { computed as a, inject as o, ref as s, toValue as c, useAttrs as l, watch as u } from "vue";
+import { get as d, isNil as f, omit as p } from "es-toolkit/compat";
+import { menuRoundedProps as m } from "@bridge-ui/core/Tokens";
+import { cn as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
 //#region src/Components/DatePicker/composables/useDatePicker.ts
-var p = [
-	"color",
-	"range",
-	"value",
-	"tokens",
-	"classes",
-	"maxDate",
-	"minDate",
-	"rounded",
-	"disabled",
-	"multiple",
-	"readOnly",
-	"timeZone",
-	"hideYears",
-	"hideMonths",
-	"showFooter",
-	"customProps",
-	"defaultView",
-	"startOfWeek",
-	"defaultValue",
-	"disableDates",
-	"disableYears",
-	"hideWeekdays",
-	"disableMonths",
-	"hideOutsideDays"
-];
-function m(m, h, g) {
-	let _ = s(), v = e(), y = i(() => u({
-		bridgeKeys: p,
+var _ = /* @__PURE__ */ "fill.color.error.range.value.tokens.classes.maxDate.minDate.rounded.disabled.multiple.readOnly.timeZone.hideYears.hideMonths.showFooter.customProps.defaultView.startOfWeek.defaultValue.disableDates.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
+function v(v, y, b) {
+	let x = l(), S = o(i, {
+		apply: () => void 0,
+		cancel: () => void 0
+	}), C = e(), w = a(() => g({
+		bridgeKeys: _,
 		props: {
-			..._,
-			...o(m)
+			...x,
+			...c(v)
 		}
-	})), { merged: b, entry: x } = n({
-		libDefaults: h,
+	})), { merged: T, entry: E } = n({
+		libDefaults: y,
 		componentName: "DatePicker",
-		props: () => y.value.componentProps
-	}), S = i(() => b.value.customProps), C = i(() => f(y.value.inheritedAttrs, ["onChange", "onCancel"])), w = r({
-		entry: x,
-		props: () => y.value.componentProps
-	}), T = i(() => o(m)), E = i(() => !d(T.value.value)), D = a(b.value.defaultValue ?? null), O = i(() => E.value ? T.value.value ?? null : D.value), k = a(O.value);
-	c(() => [O.value, b.value.showFooter], ([e, t]) => {
-		t && (k.value = e);
+		props: () => w.value.componentProps
+	}), D = a(() => T.value.customProps), O = a(() => p(w.value.inheritedAttrs, [
+		"onApply",
+		"onCancel",
+		"onChange"
+	])), k = r({
+		entry: E,
+		props: () => w.value.componentProps
+	}), A = a(() => c(v)), j = a(() => !f(A.value.value)), M = s(T.value.defaultValue ?? null), N = a(() => j.value ? A.value.value ?? null : M.value), P = s(N.value);
+	u(() => [N.value, T.value.showFooter], ([e, t]) => {
+		t && (P.value = e);
 	});
-	let A = i(() => b.value.showFooter ? k.value : O.value), j = i(() => ({
-		day: b.value.tokens?.calendar?.day ?? b.value.tokens?.day,
-		color: b.value.tokens?.calendar?.color ?? b.value.tokens?.color,
-		rounded: b.value.tokens?.calendar?.rounded ?? b.value.tokens?.rounded
-	})), M = (e) => {
-		E.value || (D.value = e), g("change", e);
+	let F = a(() => T.value.showFooter ? P.value : N.value), I = a(() => ({
+		day: T.value.tokens?.calendar?.day ?? T.value.tokens?.day,
+		color: T.value.tokens?.calendar?.color ?? T.value.tokens?.color,
+		rounded: T.value.tokens?.calendar?.rounded ?? T.value.tokens?.rounded
+	})), L = (e) => {
+		j.value || (M.value = e), b("change", e);
 	};
 	return {
-		merged: b,
-		rootBind: i(() => t(S.value?.root, C.value, l({
-			"flex w-fit flex-col overflow-hidden rounded-lg bg-white shadow-lg dark:bg-dark-900": !0,
-			[w.value.root ?? ""]: !0
-		}))),
-		footerBind: i(() => t(S.value?.footer, {}, l({
+		merged: T,
+		rootBind: a(() => {
+			let e = d(m, T.value.rounded ?? "md");
+			return t(D.value?.root, O.value, h({
+				"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
+				"w-full": T.value.fill,
+				"w-fit": !T.value.fill,
+				[e]: !0,
+				[k.value.root ?? ""]: !0
+			}));
+		}),
+		footerBind: a(() => t(D.value?.footer, {}, h({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
-			[w.value.footer ?? ""]: !0
+			[k.value.footer ?? ""]: !0
 		}))),
-		showFooter: i(() => !!b.value.showFooter),
+		showFooter: a(() => !!T.value.showFooter),
 		handleApply: () => {
-			M(k.value);
+			L(P.value), b("apply"), S.apply();
 		},
-		displayValue: A,
+		displayValue: F,
 		handleCancel: () => {
-			k.value = O.value, g("cancel");
+			P.value = N.value, b("cancel"), S.cancel();
 		},
-		calendarTokens: j,
+		calendarTokens: I,
 		handleCalendarChange: (e) => {
-			if (b.value.showFooter) {
-				k.value = e;
+			if (T.value.showFooter) {
+				P.value = e;
 				return;
 			}
-			M(e);
+			L(e);
 		},
-		applyLabel: i(() => v("Apply")),
-		cancelLabel: i(() => v("Cancel")),
-		applyButtonProps: i(() => S.value?.applyButton),
-		cancelButtonProps: i(() => S.value?.cancelButton)
+		applyLabel: a(() => C("Apply")),
+		cancelLabel: a(() => C("Cancel")),
+		applyButtonProps: a(() => D.value?.applyButton),
+		cancelButtonProps: a(() => D.value?.cancelButton)
 	};
 }
 //#endregion
-export { m as useDatePicker };
+export { v as useDatePicker };

package/dist/Components/DatePicker/datePicker.types.d.ts

@@ -1,5 +1,7 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded, DatePickerModel, DisableDatesInput, MergeHtmlProps, MergeProps, StartOfWeek } from '@bridge-ui/core';
+import { DatePickerModel, DisableDatesInput, FieldOverlayFooterSlotProps, StartOfWeek } from '@bridge-ui/core/Domain';
+import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { ButtonProps } from '../Button/button.types';
 import { CalendarView } from '../Calendar/calendar.types';
 import { CalendarDateDayCell } from '../CalendarDate/calendarDate.types';
@@ -42,6 +44,10 @@ export interface DatePickerCustomProps {
     root?: HTMLAttributes;
 }
 export interface DatePickerEmits {
+    /**
+     * Emitted when Apply is pressed (`showFooter`).
+     */
+    apply: [];
     /**
      * Emitted when Cancel is pressed.
      */
@@ -51,36 +57,6 @@ export interface DatePickerEmits {
      */
     change: [value: DatePickerModel];
 }
-export interface DatePickerSlots {
-    /**
-     * Custom content inside each day button on the nested calendar.
-     *
-     * @default undefined
-     */
-    day?: Slot<CalendarDateDayCell>;
-}
-export interface DatePickerTokens {
-    /**
-     * Nested calendar token overrides.
-     */
-    calendar?: {
-        color?: Record<string, Partial<CalendarColorItem>>;
-        day?: Partial<CalendarDay>;
-        rounded?: Record<string, string>;
-    };
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Day chrome overrides.
-     */
-    day?: Partial<CalendarDay>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface DatePickerOwnProps {
     /**
      * Classes for picker regions.
@@ -136,6 +112,19 @@ export interface DatePickerOwnProps {
      * @default undefined
      */
     disableYears?: number[];
+    /**
+     * When `true`, applies the error color palette to tiles.
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * When `true`, fills the container width.
+     * When `false` or unset, stays at the minimum width.
+     *
+     * @default false
+     */
+    fill?: boolean;
     /**
      * Hides month navigation / panel.
      *
@@ -191,7 +180,10 @@ export interface DatePickerOwnProps {
      */
     readOnly?: boolean;
     /**
-     * Border radius of calendar tiles and chrome.
+     * Border radius of the picker shell, calendar tiles, and chrome.
+     *
+     * The shell uses the Menu panel scale (`full` caps at `rounded-panel-full`).
+     * Calendar tiles keep a true pill when `rounded` is `full`.
      *
      * `DateField` always forwards its own `rounded` here so the picker matches the
      * field, independent of `DatePicker.defaultProps`.
@@ -201,6 +193,7 @@ export interface DatePickerOwnProps {
     rounded?: MergeProps<CalendarRounded, DatePickerRoundedOverrides>;
     /**
      * Shows Cancel / Apply footer. Selection is draft until Apply.
+     * Nested fields forward their own `showFooter` (dialog overlays default to `true`).
      *
      * @default false
      */
@@ -230,4 +223,41 @@ export interface DatePickerOwnProps {
      */
     value?: DatePickerModel;
 }
+export interface DatePickerSlots {
+    /**
+     * Custom content inside each day button on the nested calendar.
+     *
+     * @default undefined
+     */
+    day?: Slot<CalendarDateDayCell>;
+    /**
+     * Custom footer. Replaces Cancel / Apply. Call `apply()` to commit and close
+     * the overlay, or `cancel()` to discard and close.
+     *
+     * @default undefined
+     */
+    footer?: Slot<FieldOverlayFooterSlotProps>;
+}
+export interface DatePickerTokens {
+    /**
+     * Nested calendar token overrides.
+     */
+    calendar?: {
+        color?: Record<string, Partial<CalendarColorItem>>;
+        day?: Partial<CalendarDay>;
+        rounded?: Record<string, string>;
+    };
+    /**
+     * Color token map overrides.
+     */
+    color?: Record<string, Partial<CalendarColorItem>>;
+    /**
+     * Day chrome overrides.
+     */
+    day?: Partial<CalendarDay>;
+    /**
+     * Border radius token map overrides.
+     */
+    rounded?: Record<string, string>;
+}
 export type DatePickerProps = MergeHtmlProps<DatePickerOwnProps, HTMLAttributes>;

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

@@ -1,4 +1,4 @@
-import { DateRangeValue } from '@bridge-ui/core';
+import { DateRangeValue } from '@bridge-ui/core/Domain';
 import { DateRangeFieldOwnProps, DateRangeFieldSlots } from './dateRangeField.types';
 type __VLS_Slots = DateRangeFieldSlots;
 type __VLS_Props = DateRangeFieldOwnProps;
@@ -8,17 +8,23 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
+    apply: () => any;
+    cancel: () => any;
     change: (value: DateRangeValue | null) => any;
     close: () => any;
     open: () => any;
     "update:modelValue": (value: DateRangeValue | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
+    onApply?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onChange?: ((value: DateRangeValue | null) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: DateRangeValue | null | undefined) => any) | undefined;
 }>, {
+    fill: boolean;
+    showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;