@boobooking/dashboard-ui-components 0.4.0 → 0.6.0

package/README.md

@@ -24,11 +24,13 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 
 ## Компоненты
 
-Пакет экспортирует двенадцать компонентов: `Popup`, `Dot`, `PickDay`,
+Пакет экспортирует четырнадцать компонентов: `Popup`, `Dot`, `PickDay`,
 `RussianMobileFilter`, `Search`, `SelectDateInterval`, `SelectSingle`,
-`SmallBadge`, `ErrorMessages`, `Closer`, `DownloadLink`, `ConfirmationModal`. В
-архив пакета (`files: ["dist"]`) исходники не попадают, поэтому контракт
-каждого компонента — здесь и в playground, а не в исходном коде.
+`SmallBadge`, `ErrorMessages`, `Closer`, `DownloadLink`, `Modal`,
+`ConfirmationModal`, `DropdownButtonWithAction`. В архив пакета
+(`files: ["dist"]`) исходники не
+попадают, поэтому контракт каждого компонента — здесь и в playground, а не в
+исходном коде.
 
 ### Popup
 
@@ -118,7 +120,9 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 | `isRequired` | `Boolean` | `false` | Пометка обязательности в заголовке |
 | `isLoading` | `Boolean` | `false` | Индикатор загрузки в заголовке |
 
-События: `update:modelValue` и `changed` — оба на каждый ввод.
+События: `update:modelValue` и `changed` — оба на каждый ввод. Значение,
+изменённое родителем, поле показывает сразу и без событий: ответный
+`update:modelValue` вернул бы родителю его же значение.
 
 ### SelectDateInterval
 
@@ -198,7 +202,8 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 ### Closer
 
 Кнопка-крестик закрытия. Размер и положение задаёт приложение классами на
-корне: без них у крестика нулевой размер.
+корне: без классов размера крестик получает размер SVG по умолчанию
+(300×300).
 
     <closer class="absolute top-0 right-0 w-8 h-8" @clicked="close" />
 
@@ -217,6 +222,38 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 
 Событий нет.
 
+### Modal
+
+Оболочка модального окна: оверлей, панель и переходы открытия и закрытия.
+Заголовок, текст и кнопки кладёт в слот приложение. На этой оболочке построен
+`ConfirmationModal`.
+
+    <modal :is-open="isOpen" :heading-id="headingId">
+        <h3 :id="headingId">Заголовок</h3>
+        …содержимое…
+    </modal>
+
+| Проп | Тип | По умолчанию | Описание |
+| --- | --- | --- | --- |
+| `isOpen` | `Boolean` | `false` | Открыта ли модалка |
+| `headingId` | `String` | обязателен | `id` заголовка в слоте: им модалка подписывает диалог через `aria-labelledby` |
+
+Событий нет. Модалка не закрывается сама ни по клику на оверлей, ни по
+Escape: видимостью управляет родитель, как у `ConfirmationModal`. `id`
+заголовка удобно получать через `useId()` — тогда у двух модалок на одной
+странице он не совпадёт.
+
+Содержимое слота смонтировано всегда, а закрытая модалка его только прячет
+(`v-show`). Поэтому состояние внутри — выбор, введённый текст, ошибки —
+переживает закрытие, и сбрасывать его должен родитель.
+
+Панель белая, со скруглением `rounded-lg` и без внутренних отступов: их
+задаёт содержимое слота. На узком экране панель прижата к нижнему краю, а её
+ширина — по содержимому, но не больше экрана за вычетом полей; начиная с `sm`
+панель стоит по центру и занимает `max-w-lg`. `class` и другие атрибуты на
+`<modal>` попадают на полноэкранный корень, а не на панель: размер панели и
+атрибуты диалога вроде `aria-describedby` снаружи не задаются.
+
 ### ConfirmationModal
 
 Модалка подтверждения действия: заголовок, текст, кнопка действия и кнопка
@@ -245,6 +282,26 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 отмены. Ни одна из кнопок модалку не закрывает — см. раздел «Почему у
 ConfirmationModal нет v-model».
 
+### DropdownButtonWithAction
+
+Кнопка с меню дополнительных действий: основная часть — слот `button`, стрелка
+справа открывает меню из слота `actions`. Без слота `actions` стрелки нет, и
+кнопка скругляется с обеих сторон.
+
+    <dropdown-button-with-action v-model="menuIsOpen">
+        <template #button>…основное действие…</template>
+        <template #actions>…пункты меню…</template>
+    </dropdown-button-with-action>
+
+| Проп | Тип | По умолчанию | Описание |
+| --- | --- | --- | --- |
+| `modelValue` | `Boolean` | `false` | Открыто ли меню |
+
+Событие: `update:modelValue` — только когда меню открыл или закрыл сам
+компонент: клик по стрелке, клик вне меню, Escape. Значение, пришедшее от
+родителя, компонент принимает молча: ответное событие вернуло бы родителю его
+же решение. Без `v-model` меню работает само по себе.
+
 ## Правила API пакета
 
 Компонент, добавляемый в пакет, следует тем же правилам, что и уже
@@ -265,6 +322,10 @@ ConfirmationModal нет v-model».
 - Проп-перечисление — ограниченный набор строковых значений, как `color` у
   `Dot` или `align` у `Popup`, — обязательно имеет `validator`,
   отклоняющий значения вне списка.
+- Компонент не падает ни на каком значении пропа. `null` и `undefined` там,
+  где ждут строку, объект или массив, он считает пустыми: пустой строкой,
+  отсутствием сообщений, пустым списком. Для обязательного пропа Vue при этом
+  предупредит о несовпадении типа, но компонент отрисуется.
 
 ## Почему у Popup и Dot нет события changed
 
@@ -299,7 +360,7 @@ ConfirmationModal нет v-model».
 
     npm run playground
 
-Поднимает демо-страницы со всеми двенадцатью компонентами в двух окружениях:
+Поднимает демо-страницы со всеми четырнадцатью компонентами в двух окружениях:
 голом (без Tailwind и стилей приложения) и в окружении приложения (с
 Tailwind, `@tailwindcss/forms` и типографикой, как у потребителя). Это
 основной способ посмотреть, как компоненты выглядят и ведут себя, а не
@@ -323,13 +384,34 @@ Tailwind, `@tailwindcss/forms` и типографикой, как у потре
 победит подключённое позже, то есть компоненты возьмут палитру приложения.
 
 Ресет пакета распространяется и на содержимое слотов — разметку приложения
-внутри `Popup`. В приложении с preflight это ничего не меняет; без него
-содержимое слота получит `box-sizing` и снятые границы.
+внутри `Popup`, `DropdownButtonWithAction` и `Modal`. Ресет лежит в слое
+`components`, поэтому внутри слота он сильнее всего, что приложение объявило
+в слое `base`: preflight, `@tailwindcss/forms` и собственных умолчаний
+приложения. В слоте он задаёт:
+
+- всем элементам — нулевые `margin` и `padding` и рамку `0 solid` цвета
+  `currentColor`. Умолчания приложения из слоя `base`, например цвет рамок,
+  внутри слота не действуют: голые `border` или `divide-*` получат цвет
+  текста;
+- кнопкам и полям `input` — унаследованные шрифт и цвет, нулевое
+  скругление, прозрачный фон и `opacity: 1`;
+- полям `input` — `appearance: none` и снятое кольцо фокуса (`box-shadow`).
+
+Обычная разметка в приложении с preflight почти не меняется — ресет
+повторяет preflight, а без preflight она получит `box-sizing`, нулевые
+отступы и снятые рамки. Поля из `@tailwindcss/forms` меняются заметно:
+текстовые поля, `select` и `textarea` теряют рамку и внутренние отступы,
+текстовые поля — ещё фон и размер шрифта; чекбоксы и радиокнопки теряют
+рамку, фон, цвет отметки и кольцо фокуса, радиокнопки — ещё и круглую форму.
+Вернуть оформление можно утилитами: слой `utilities` сильнее ресета.
+Например, чекбоксу: `border border-gray-300 bg-white text-indigo-600
+checked:bg-current checked:border-transparent focus:ring-2
+focus:ring-offset-2`.
 
 У `Closer` нет доступного имени, и он выключен из порядка табуляции
 (`tabindex="-1"`): скринридер его не назовёт, а с клавиатуры до него не
 добраться.
 
-`ConfirmationModal` не переносит фокус внутрь при открытии, не удерживает его
-внутри, не возвращает на прежнее место после закрытия и не закрывается по
-Escape.
+`Modal` и построенный на нём `ConfirmationModal` не переносят фокус внутрь при
+открытии, не удерживают его внутри, не возвращают на прежнее место после
+закрытия и не закрываются по Escape.

package/dist/index.js

@@ -1,12 +1,12 @@
 import { Fragment as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, mergeProps as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, toDisplayString as p, useId as m, vModelText as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y, withModifiers as b } from "vue";
 import ee from "pikaday";
-import x from "imask";
+import te from "imask";
 //#region \0plugin-vue:export-helper
-var S = (e, t) => {
+var x = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, C = {
+}, S = {
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -33,7 +33,7 @@ var S = (e, t) => {
 		document.removeEventListener("keydown", this.handleEscape);
 	}
 };
-function w(e, t, n, r, a, o) {
+function C(e, t, n, r, a, o) {
 	return v((l(), i("button", {
 		tabindex: "-1",
 		onClick: t[0] ||= b((...e) => o.closeOverlay && o.closeOverlay(...e), ["prevent"]),
@@ -46,8 +46,8 @@ function w(e, t, n, r, a, o) {
 }
 //#endregion
 //#region src/components/Popup.vue
-var T = {
-	components: { Overlay: /* @__PURE__ */ S(C, [["render", w]]) },
+var w = {
+	components: { Overlay: /* @__PURE__ */ x(S, [["render", C]]) },
 	inheritAttrs: !1,
 	emits: ["update:modelValue"],
 	props: {
@@ -80,10 +80,10 @@ var T = {
 			return this.align === "right";
 		}
 	}
-}, E = { class: "bb-dashboard-ui relative" };
-function D(e, n, r, c, u, p) {
+}, T = { class: "bb-dashboard-ui relative" };
+function E(e, n, r, c, u, p) {
 	let m = f("overlay");
-	return l(), i("div", E, [o(m, {
+	return l(), i("div", T, [o(m, {
 		"is-open": u.overlayIsOpen,
 		"onUpdate:isOpen": n[0] ||= (e) => u.overlayIsOpen = e
 	}, null, 8, ["is-open"]), o(t, {
@@ -101,7 +101,7 @@ function D(e, n, r, c, u, p) {
 		_: 3
 	})]);
 }
-var O = /*#__PURE__*/ S(T, [["render", D]]), te = {
+var D = /*#__PURE__*/ x(w, [["render", E]]), ne = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -122,7 +122,7 @@ var O = /*#__PURE__*/ S(T, [["render", D]]), te = {
 		}
 	}
 };
-function ne(e, t, n, r, o, s) {
+function re(e, t, n, r, o, s) {
 	return l(), i("div", { class: c(["bb-dashboard-ui flex h-full items-center leading-none text-4xl", {
 		"text-red-500": s.isRed,
 		"text-green-500": s.isGreen,
@@ -136,13 +136,13 @@ function ne(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var k = /*#__PURE__*/ S(te, [["render", ne]]), A = {}, j = {
+var O = /*#__PURE__*/ x(ne, [["render", re]]), k = {}, A = {
 	type: "button",
 	tabindex: "-1",
 	class: "absolute right-0 top-0 flex items-center justify-center bg-transparent cursor-pointer text-gray-300 hover:text-gray-400 focus:outline-hidden"
 };
-function M(e, t, n, r, o, s) {
-	return l(), i("button", j, [...t[0] ||= [a("svg", {
+function j(e, t, n, r, o, s) {
+	return l(), i("button", A, [...t[0] ||= [a("svg", {
 		class: "w-6 h-6 stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
@@ -153,13 +153,13 @@ function M(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var N = /*#__PURE__*/ S(A, [["render", M]]);
+var M = /*#__PURE__*/ x(k, [["render", j]]);
 //#endregion
 //#region src/date.js
-function P(e) {
+function N(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function F(e) {
+function P(e) {
 	let t = /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(e);
 	if (t === null) return null;
 	let [, n, r, i] = t.map(Number), a = /* @__PURE__ */ new Date(0);
@@ -167,10 +167,10 @@ function F(e) {
 }
 //#endregion
 //#region src/components/PickDay.vue
-var I = {
+var F = {
 	components: {
-		Popup: O,
-		Eraser: N
+		Popup: D,
+		Eraser: M
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -197,8 +197,8 @@ var I = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => F(e),
-			toString: (e) => P(e),
+			parse: (e) => P(e),
+			toString: (e) => N(e),
 			i18n: {
 				previousMonth: "Предыдущий месяц",
 				nextMonth: "Следующий месяц",
@@ -236,7 +236,7 @@ var I = {
 				]
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", P(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", N(e)), this.$emit("changed");
 			}
 		});
 	},
@@ -246,15 +246,16 @@ var I = {
 	data() {
 		return {
 			popupIsOpen: !1,
-			dayValue: this.modelValue
+			dayValue: this.modelValue ?? ""
 		};
 	},
 	watch: { modelValue(e) {
-		this.dayValue = e, this.syncPicker(e);
+		let t = e ?? "";
+		this.dayValue = t, this.syncPicker(t);
 	} },
 	methods: {
 		syncPicker(e) {
-			let t = F(e);
+			let t = P(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -267,35 +268,35 @@ var I = {
 	},
 	computed: {
 		hasValue() {
-			return this.modelValue.length > 0;
+			return (this.modelValue ?? "").length > 0;
 		},
 		needsEraser() {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, L = { class: "bb-dashboard-ui flex flex-col" }, R = { class: "relative flex h-full cursor-pointer leading-none" }, z = { class: "min-w-24 w-full h-full" }, B = [
+}, I = { class: "bb-dashboard-ui flex flex-col" }, L = { class: "relative flex h-full cursor-pointer leading-none" }, R = { class: "min-w-24 w-full h-full" }, z = [
 	"disabled",
 	"value",
 	"placeholder"
-], V = {
+], B = {
 	ref: "container",
 	class: "flex mt-1 bg-white border border-gray-200 rounded-md shadow-lg"
 };
-function H(e, t, s, u, d, p) {
+function V(e, t, s, u, d, p) {
 	let m = f("eraser"), h = f("popup");
-	return l(), i("div", L, [a("div", R, [a("button", {
+	return l(), i("div", I, [a("div", L, [a("button", {
 		ref: "trigger",
 		type: "button",
 		class: c(["flex w-full items-center focus:outline-hidden", { "z-20": d.popupIsOpen }]),
 		onClick: t[0] ||= (e) => d.popupIsOpen = !d.popupIsOpen
-	}, [a("label", z, [a("input", {
+	}, [a("label", R, [a("input", {
 		disabled: d.popupIsOpen,
 		ref: "field",
 		type: "text",
 		value: d.dayValue,
 		placeholder: s.placeholderText,
 		class: "w-full h-full py-2 pr-3 leading-none border border-transparent whitespace-nowrap bg-transparent placeholder:text-sm placeholder-gray-300 cursor-pointer focus:outline-hidden"
-	}, null, 8, B)])], 2), p.needsEraser ? (l(), n(m, {
+	}, null, 8, z)])], 2), p.needsEraser ? (l(), n(m, {
 		key: 0,
 		onClick: p.clearPicker,
 		class: "z-10 h-full pr-2"
@@ -303,12 +304,12 @@ function H(e, t, s, u, d, p) {
 		modelValue: d.popupIsOpen,
 		"onUpdate:modelValue": t[1] ||= (e) => d.popupIsOpen = e
 	}, {
-		default: _(() => [a("div", V, null, 512)]),
+		default: _(() => [a("div", B, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var U = /*#__PURE__*/ S(I, [["render", H]]), W = {
-	components: { Dot: k },
+var H = /*#__PURE__*/ x(F, [["render", V]]), U = {
+	components: { Dot: O },
 	props: {
 		text: {
 			type: String,
@@ -323,14 +324,14 @@ var U = /*#__PURE__*/ S(I, [["render", H]]), W = {
 			default: !1
 		}
 	}
-}, G = { class: "flex h-6 px-3 bg-white items-center justify-between" }, K = ["textContent"];
-function q(e, t, n, r, s, c) {
+}, W = { class: "flex h-6 px-3 bg-white items-center justify-between" }, G = ["textContent"];
+function K(e, t, n, r, s, c) {
 	let u = f("dot");
-	return l(), i("div", G, [
+	return l(), i("div", W, [
 		a("div", {
 			class: "flex flex-1 h-full items-center text-xs text-gray-500 whitespace-nowrap truncate leading-tight select-none",
 			textContent: p(n.text)
-		}, null, 8, K),
+		}, null, 8, G),
 		v(o(u, {
 			color: "red",
 			"with-pulse": !0,
@@ -342,24 +343,24 @@ function q(e, t, n, r, s, c) {
 		}, null, 512), [[g, n.isRequired]])
 	]);
 }
-var J = /*#__PURE__*/ S(W, [["render", q]]), Y = 10;
-function X(e) {
+var q = /*#__PURE__*/ x(U, [["render", K]]), J = 10;
+function Y(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Y);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, J);
 }
-function Z(e) {
+function X(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function Q(e) {
-	let t = e.startsWith("+") ? e.slice(1) : e;
-	return t.startsWith("7") ? t.slice(1) : t;
+function Z(e) {
+	let t = e ?? "", n = t.startsWith("+") ? t.slice(1) : t;
+	return n.startsWith("7") ? n.slice(1) : n;
 }
 //#endregion
 //#region src/components/RussianMobileFilter.vue
-var re = 400, ie = 3, ae = {
+var ie = 400, ae = 3, oe = {
 	components: {
-		ElementHeader: J,
-		Eraser: N
+		ElementHeader: q,
+		Eraser: M
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -381,32 +382,32 @@ var re = 400, ie = 3, ae = {
 		}
 	},
 	data() {
-		return { digits: Q(this.modelValue) };
+		return { digits: Z(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = Q(this.modelValue);
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = Z(this.modelValue);
 	},
 	mounted() {
-		this.mask = x(this.$refs.input, {
+		this.mask = te(this.$refs.input, {
 			mask: "+7 (000) 000 00 00",
 			lazy: !0,
 			prepare: (e, t) => t.unmaskedValue === "" && (e === "7" || e === "8") ? "" : e
 		}), this.mask.on("accept", () => {
-			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", Z(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", X(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== Z(this.digits) && this.syncFromModelValue(e);
+		e !== X(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(Q(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(Z(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", Z(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", X(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -429,7 +430,7 @@ var re = 400, ie = 3, ae = {
 			this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit();
 		},
 		onPaste(e) {
-			this.applyUserDigits(X(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(Y(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -439,16 +440,16 @@ var re = 400, ie = 3, ae = {
 				this.commit();
 				return;
 			}
-			this.digits.length < ie || (this.debounceTimer = setTimeout(() => this.commit(), re));
+			this.digits.length < ae || (this.debounceTimer = setTimeout(() => this.commit(), ie));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, oe = { class: "bb-dashboard-ui flex flex-none" }, se = { class: "flex w-full flex-col border border-white bg-white" }, ce = { class: "relative flex h-full w-full" }, le = { class: "flex w-full h-full items-center justify-center" };
-function ue(e, t, n, r, s, c) {
+}, se = { class: "bb-dashboard-ui flex flex-none" }, ce = { class: "flex w-full flex-col border border-white bg-white" }, le = { class: "relative flex h-full w-full" }, ue = { class: "flex w-full h-full items-center justify-center" };
+function de(e, t, n, r, s, c) {
 	let u = f("element-header"), d = f("eraser");
-	return l(), i("div", oe, [a("div", se, [o(u, {
+	return l(), i("div", se, [a("div", ce, [o(u, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -456,7 +457,7 @@ function ue(e, t, n, r, s, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", ce, [a("label", le, [a("input", {
+	]), a("div", le, [a("label", ue, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -472,10 +473,10 @@ function ue(e, t, n, r, s, c) {
 		class: "pr-2 h-full"
 	}, null, 8, ["onClick"]), [[g, s.digits.length > 0]])])])])]);
 }
-var de = /*#__PURE__*/ S(ae, [["render", ue]]), fe = {
+var fe = /*#__PURE__*/ x(oe, [["render", de]]), pe = {
 	components: {
-		ElementHeader: J,
-		Eraser: N
+		ElementHeader: q,
+		Eraser: M
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -497,12 +498,14 @@ var de = /*#__PURE__*/ S(ae, [["render", ue]]), fe = {
 		}
 	},
 	data() {
-		return { search: this.modelValue };
+		return { search: this.modelValue ?? "" };
 	},
 	computed: { inputNeedsEraser() {
 		return this.search.length > 0;
 	} },
-	watch: {},
+	watch: { modelValue(e) {
+		this.search = e ?? "";
+	} },
 	methods: {
 		clearInput() {
 			this.search = "", this.startSearch();
@@ -511,10 +514,10 @@ var de = /*#__PURE__*/ S(ae, [["render", ue]]), fe = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, pe = { class: "bb-dashboard-ui flex flex-none" }, me = { class: "flex w-full flex-col border border-white bg-white" }, he = { class: "relative flex h-full w-full" }, ge = { class: "flex w-full h-full items-center justify-center" };
-function _e(e, t, n, r, s, c) {
+}, me = { class: "bb-dashboard-ui flex flex-none" }, he = { class: "flex w-full flex-col border border-white bg-white" }, ge = { class: "relative flex h-full w-full" }, _e = { class: "flex w-full h-full items-center justify-center" };
+function ve(e, t, n, r, s, c) {
 	let u = f("element-header"), d = f("eraser");
-	return l(), i("div", pe, [a("div", me, [o(u, {
+	return l(), i("div", me, [a("div", he, [o(u, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -522,7 +525,7 @@ function _e(e, t, n, r, s, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", he, [a("label", ge, [v(a("input", {
+	]), a("div", ge, [a("label", _e, [v(a("input", {
 		class: "flex w-full h-full px-3 py-2 cursor-pointer truncate focus:outline-hidden border-none",
 		"onUpdate:modelValue": t[0] ||= (e) => s.search = e,
 		onInput: t[1] ||= (...e) => c.startSearch && c.startSearch(...e)
@@ -536,10 +539,10 @@ function _e(e, t, n, r, s, c) {
 		class: "pr-2 h-full"
 	}, null, 8, ["onClick"]), [[g, c.inputNeedsEraser]])])])])]);
 }
-var ve = /*#__PURE__*/ S(fe, [["render", _e]]), ye = {
+var ye = /*#__PURE__*/ x(pe, [["render", ve]]), be = {
 	components: {
-		ElementHeader: J,
-		PickDay: U
+		ElementHeader: q,
+		PickDay: H
 	},
 	emits: [
 		"update:dateFrom",
@@ -588,10 +591,10 @@ var ve = /*#__PURE__*/ S(fe, [["render", _e]]), ye = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, be = { class: "bb-dashboard-ui flex" }, xe = { class: "flex border border-white" }, Se = { class: "flex flex-col min-w-72 w-72 bg-white h-full" }, Ce = { class: "flex h-full divide-x divide-gray-200" };
-function we(e, t, n, r, s, c) {
+}, xe = { class: "bb-dashboard-ui flex" }, Se = { class: "flex border border-white" }, Ce = { class: "flex flex-col min-w-72 w-72 bg-white h-full" }, we = { class: "flex h-full divide-x divide-gray-200" };
+function Te(e, t, n, r, s, c) {
 	let u = f("element-header"), d = f("pick-day");
-	return l(), i("div", be, [a("div", xe, [a("div", Se, [o(u, {
+	return l(), i("div", xe, [a("div", Se, [a("div", Ce, [o(u, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -599,7 +602,7 @@ function we(e, t, n, r, s, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ce, [o(d, {
+	]), a("div", we, [o(d, {
 		modelValue: s.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => s.userDateFrom = e,
 		class: "flex-1 min-w-36 pl-3",
@@ -611,10 +614,10 @@ function we(e, t, n, r, s, c) {
 		"placeholder-text": "до"
 	}, null, 8, ["modelValue"])])])])]);
 }
-var Te = /*#__PURE__*/ S(ye, [["render", we]]), Ee = {
+var Ee = /*#__PURE__*/ x(be, [["render", Te]]), De = {
 	components: {
-		Popup: O,
-		Eraser: N
+		Popup: D,
+		Eraser: M
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -645,17 +648,17 @@ var Te = /*#__PURE__*/ S(ye, [["render", we]]), Ee = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, De = { class: "flex flex-col grow bg-white" }, Oe = { class: "relative flex w-full h-full" }, ke = ["textContent"];
-function Ae(e, t, s, u, m, h) {
+}, Oe = { class: "flex flex-col grow bg-white" }, ke = { class: "relative flex w-full h-full" }, Ae = ["textContent"];
+function je(e, t, s, u, m, h) {
 	let g = f("eraser"), v = f("popup");
-	return l(), i("div", De, [a("div", Oe, [a("button", {
+	return l(), i("div", Oe, [a("div", ke, [a("button", {
 		type: "button",
 		class: c(["flex w-full h-full items-center focus:outline-hidden cursor-pointer", { "z-20": s.isOpen }]),
 		onClick: t[0] ||= b((t) => e.$emit("update:isOpen", !s.isOpen), ["prevent"])
 	}, [a("span", {
 		class: "flex w-full h-full pl-3 pr-12 py-2 items-center whitespace-nowrap leading-none",
 		textContent: p(s.title)
-	}, null, 8, ke)], 2), h.needsEraser ? (l(), n(g, {
+	}, null, 8, Ae)], 2), h.needsEraser ? (l(), n(g, {
 		key: 0,
 		onClick: t[1] ||= (t) => e.$emit("erased"),
 		class: "pr-2 h-full"
@@ -667,7 +670,7 @@ function Ae(e, t, s, u, m, h) {
 		_: 3
 	}, 8, ["modelValue"])]);
 }
-var je = /*#__PURE__*/ S(Ee, [["render", Ae]]), Me = {
+var Me = /*#__PURE__*/ x(De, [["render", je]]), Ne = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -679,31 +682,31 @@ var je = /*#__PURE__*/ S(Ee, [["render", Ae]]), Me = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Ne = { class: "flex w-9 h-9 items-center justify-center" }, Pe = {
+}, Pe = { class: "flex w-9 h-9 items-center justify-center" }, Fe = {
 	class: "w-5 h-5 fill-current text-green-300",
 	viewBox: "0 0 20 20"
-}, Fe = ["textContent"];
-function Ie(e, t, n, r, o, s) {
+}, Ie = ["textContent"];
+function Le(e, t, n, r, o, s) {
 	return l(), i("button", {
 		type: "button",
 		onClick: t[0] ||= b((...e) => s.toggle && s.toggle(...e), ["prevent"]),
 		class: "flex w-full bg-white hover:bg-indigo-100 cursor-pointer focus:outline-hidden focus:ring-3 focus:z-10 focus:ring-blue-500/50"
-	}, [a("span", Ne, [v((l(), i("svg", Pe, [...t[1] ||= [a("path", {
+	}, [a("span", Pe, [v((l(), i("svg", Fe, [...t[1] ||= [a("path", {
 		d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
 		"clip-rule": "evenodd",
 		"fill-rule": "evenodd"
 	}, null, -1)]], 512)), [[g, n.isChecked]])]), a("span", {
 		class: "flex h-9 justify-center items-center pr-6 whitespace-nowrap select-none",
 		textContent: p(n.name)
-	}, null, 8, Fe)]);
+	}, null, 8, Ie)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Le = {
+var Re = {
 	components: {
-		ElementHeader: J,
-		DropdownButton: je,
-		ListElement: /* @__PURE__ */ S(Me, [["render", Ie]])
+		ElementHeader: q,
+		DropdownButton: Me,
+		ListElement: /* @__PURE__ */ x(Ne, [["render", Le]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -732,14 +735,17 @@ var Le = {
 		return { isOpen: !1 };
 	},
 	computed: {
+		itemList() {
+			return this.items ?? [];
+		},
 		activeItem() {
-			return this.items.find((e) => e.id === this.modelValue) ?? null;
+			return this.itemList.find((e) => e.id === this.modelValue) ?? null;
 		},
 		activeItemName() {
 			return this.activeItem === null ? null : this.activeItem.name;
 		},
 		hasItems() {
-			return this.items.length > 0;
+			return this.itemList.length > 0;
 		},
 		hasValue() {
 			return this.activeItem !== null;
@@ -753,10 +759,10 @@ var Le = {
 			this.$emit("update:modelValue", null), this.$emit("changed");
 		}
 	}
-}, Re = { class: "bb-dashboard-ui flex flex-none" }, ze = { class: "flex w-full flex-col border border-white bg-white" }, Be = { class: "flex flex-col py-1 mt-1 bg-white border border-gray-200 rounded-md shadow-lg divide-y divide-gray-200 divide-dashed" };
-function Ve(t, s, c, d, p, m) {
+}, ze = { class: "bb-dashboard-ui flex flex-none" }, Be = { class: "flex w-full flex-col border border-white bg-white" }, Ve = { class: "flex flex-col py-1 mt-1 bg-white border border-gray-200 rounded-md shadow-lg divide-y divide-gray-200 divide-dashed" };
+function He(t, s, c, d, p, m) {
 	let h = f("element-header"), g = f("list-element"), v = f("dropdown-button");
-	return l(), i("div", Re, [a("div", ze, [o(h, {
+	return l(), i("div", ze, [a("div", Be, [o(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -772,7 +778,7 @@ function Ve(t, s, c, d, p, m) {
 		"has-value": m.hasValue,
 		onErased: m.clear
 	}, {
-		default: _(() => [a("div", Be, [(l(!0), i(e, null, u(c.items, (e) => (l(), n(g, {
+		default: _(() => [a("div", Ve, [(l(!0), i(e, null, u(m.itemList, (e) => (l(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -790,7 +796,7 @@ function Ve(t, s, c, d, p, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var He = /*#__PURE__*/ S(Le, [["render", Ve]]), Ue = {
+var Ue = /*#__PURE__*/ x(Re, [["render", He]]), We = {
 	props: {
 		text: {
 			type: String,
@@ -829,8 +835,8 @@ var He = /*#__PURE__*/ S(Le, [["render", Ve]]), Ue = {
 			return this.color === "yellow";
 		}
 	}
-}, We = ["textContent"];
-function Ge(e, t, n, r, a, o) {
+}, Ge = ["textContent"];
+function Ke(e, t, n, r, a, o) {
 	return l(), i("span", {
 		class: c(["bb-dashboard-ui inline-flex items-center px-3 py-2 rounded-full text-xs font-medium leading-none select-none whitespace-nowrap", {
 			"bg-green-50 text-gray-700": o.isGreen,
@@ -841,9 +847,9 @@ function Ge(e, t, n, r, a, o) {
 			"bg-yellow-100 text-yellow-800": o.isYellow
 		}]),
 		textContent: p(n.text)
-	}, null, 10, We);
+	}, null, 10, Ge);
 }
-var Ke = /*#__PURE__*/ S(Ue, [["render", Ge]]), qe = {
+var qe = /*#__PURE__*/ x(We, [["render", Ke]]), Je = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -857,18 +863,18 @@ var Ke = /*#__PURE__*/ S(Ue, [["render", Ge]]), qe = {
 	},
 	computed: {
 		hasErrors() {
-			return Object.keys(this.messages).length > 0;
+			return Object.keys(this.messages ?? {}).length > 0;
 		},
 		isDangerous() {
 			return this.type === "dangerous";
 		}
 	}
-}, Je = { class: "flex" }, Ye = { class: "shrink-0" }, Xe = { class: "ml-3" }, Ze = ["textContent"];
-function Qe(t, n, o, s, d, f) {
+}, Ye = { class: "flex" }, Xe = { class: "shrink-0" }, Ze = { class: "ml-3" }, Qe = ["textContent"];
+function $e(t, n, o, s, d, f) {
 	return f.hasErrors ? (l(), i("div", {
 		key: 0,
 		class: c(["bb-dashboard-ui border-l-4 p-4", f.isDangerous ? "bg-red-50 border-red-400" : "bg-yellow-50 border-yellow-400"])
-	}, [a("div", Je, [a("div", Ye, [(l(), i("svg", {
+	}, [a("div", Ye, [a("div", Xe, [(l(), i("svg", {
 		class: c(["h-5 w-5", f.isDangerous ? "text-red-400" : "text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
@@ -876,14 +882,14 @@ function Qe(t, n, o, s, d, f) {
 		"fill-rule": "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		"clip-rule": "evenodd"
-	}, null, -1)]], 2))]), a("div", Xe, [(l(!0), i(e, null, u(o.messages, (e, t) => (l(), i("p", {
+	}, null, -1)]], 2))]), a("div", Ze, [(l(!0), i(e, null, u(o.messages, (e, t) => (l(), i("p", {
 		class: c(["text-sm leading-5", f.isDangerous ? "text-red-700" : "text-yellow-700"]),
 		key: t,
 		textContent: p(e)
-	}, null, 10, Ze))), 128))])])], 2)) : r("", !0);
+	}, null, 10, Qe))), 128))])])], 2)) : r("", !0);
 }
-var $e = /*#__PURE__*/ S(qe, [["render", Qe]]), et = { emits: ["clicked"] };
-function tt(e, t, n, r, o, s) {
+var et = /*#__PURE__*/ x(Je, [["render", $e]]), tt = { emits: ["clicked"] };
+function nt(e, t, n, r, o, s) {
 	return l(), i("button", {
 		type: "button",
 		tabindex: "-1",
@@ -900,15 +906,15 @@ function tt(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var nt = /*#__PURE__*/ S(et, [["render", tt]]), rt = {}, it = {
+var rt = /*#__PURE__*/ x(tt, [["render", nt]]), it = {}, at = {
 	class: "w-4 h-4",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-function at(e, t, n, r, o, s) {
-	return l(), i("svg", it, [...t[0] ||= [a("path", {
+function ot(e, t, n, r, o, s) {
+	return l(), i("svg", at, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -917,8 +923,8 @@ function at(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/DownloadLink.vue
-var ot = {
-	components: { "download-icon": /* @__PURE__ */ S(rt, [["render", at]]) },
+var st = {
+	components: { "download-icon": /* @__PURE__ */ x(it, [["render", ot]]) },
 	props: {
 		url: {
 			type: String,
@@ -929,16 +935,16 @@ var ot = {
 			default: "Скачать"
 		}
 	}
-}, st = ["href", "title"], ct = { class: "ml-1" };
-function lt(e, t, n, r, s, c) {
+}, ct = ["href", "title"], lt = { class: "ml-1" };
+function ut(e, t, n, r, s, c) {
 	let u = f("download-icon");
 	return l(), i("a", {
 		href: n.url,
 		title: n.title,
 		class: "bb-dashboard-ui inline-flex items-center px-3 py-1.5 rounded-full text-xs font-medium leading-none select-none bg-purple-100 text-purple-800 hover:text-purple-600"
-	}, [o(u), a("span", ct, p(n.title), 1)], 8, st);
+	}, [o(u), a("span", lt, p(n.title), 1)], 8, ct);
 }
-var ut = /*#__PURE__*/ S(ot, [["render", lt]]), dt = { props: {
+var dt = /*#__PURE__*/ x(st, [["render", ut]]), ft = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -947,9 +953,9 @@ var ut = /*#__PURE__*/ S(ot, [["render", lt]]), dt = { props: {
 		type: String,
 		required: !0
 	}
-} }, ft = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, pt = { class: "fixed inset-0 transition-opacity" }, mt = ["aria-labelledby"];
-function ht(e, n, r, s, u, f) {
-	return l(), i("div", { class: c(["bb-dashboard-ui fixed inset-0 overflow-y-auto z-20", { "pointer-events-none": !r.isOpen }]) }, [a("div", ft, [
+} }, pt = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, mt = { class: "fixed inset-0 transition-opacity" }, ht = ["aria-labelledby"];
+function gt(e, n, r, s, u, f) {
+	return l(), i("div", { class: c(["bb-dashboard-ui fixed inset-0 overflow-y-auto z-20", { "pointer-events-none": !r.isOpen }]) }, [a("div", pt, [
 		o(t, {
 			"enter-active-class": "ease-out duration-300",
 			"enter-from-class": "opacity-0",
@@ -958,7 +964,7 @@ function ht(e, n, r, s, u, f) {
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: _(() => [v(a("div", pt, [...n[0] ||= [a("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)]], 512), [[g, r.isOpen]])]),
+			default: _(() => [v(a("div", mt, [...n[0] ||= [a("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)]], 512), [[g, r.isOpen]])]),
 			_: 1
 		}),
 		n[1] ||= a("span", { class: "hidden sm:inline-block sm:align-middle sm:h-screen" }, null, -1),
@@ -975,12 +981,12 @@ function ht(e, n, r, s, u, f) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [d(e.$slots, "default")], 8, mt), [[g, r.isOpen]])]),
+			}, [d(e.$slots, "default")], 8, ht), [[g, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var gt = /*#__PURE__*/ S(dt, [["render", ht]]), _t = {}, vt = {
+var Q = /*#__PURE__*/ x(ft, [["render", gt]]), _t = {}, vt = {
 	class: "h-7 w-7 text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -996,15 +1002,15 @@ function yt(e, t, n, r, o, s) {
 		d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 	}, null, -1)]]);
 }
-var $ = /*#__PURE__*/ S(_t, [["render", yt]]), bt = {}, xt = {
+var bt = /*#__PURE__*/ x(_t, [["render", yt]]), xt = {}, St = {
 	class: "h-7 w-7 text-yellow-400",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function St(e, t, n, r, o, s) {
-	return l(), i("svg", xt, [...t[0] ||= [a("path", {
+function Ct(e, t, n, r, o, s) {
+	return l(), i("svg", St, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		"clip-rule": "evenodd"
@@ -1012,11 +1018,11 @@ function St(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/ConfirmationModal.vue
-var Ct = {
+var wt = {
 	components: {
-		Modal: gt,
-		Dangerous: $,
-		Warning: /* @__PURE__ */ S(bt, [["render", St]])
+		Modal: Q,
+		Dangerous: bt,
+		Warning: /* @__PURE__ */ x(xt, [["render", Ct]])
 	},
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
@@ -1057,17 +1063,17 @@ var Ct = {
 			return this.type === "warning";
 		}
 	}
-}, wt = { class: "flex bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Tt = { class: "sm:flex sm:items-start" }, Et = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Dt = ["id"], Ot = { class: "mt-2" }, kt = { class: "text-sm text-gray-500" }, At = { class: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" };
+}, Tt = { class: "flex bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Et = { class: "sm:flex sm:items-start" }, $ = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Dt = ["id"], Ot = { class: "mt-2" }, kt = { class: "text-sm text-gray-500" }, At = { class: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" };
 function jt(e, t, i, o, s, u) {
 	let d = f("warning"), m = f("dangerous"), h = f("modal");
 	return l(), n(h, {
 		"is-open": i.isOpen,
 		"heading-id": o.headingId
 	}, {
-		default: _(() => [a("div", wt, [a("div", Tt, [a("div", { class: c(["mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full sm:mx-0 sm:h-10 sm:w-10", {
+		default: _(() => [a("div", Tt, [a("div", Et, [a("div", { class: c(["mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full sm:mx-0 sm:h-10 sm:w-10", {
 			"bg-red-100": u.isDangerous,
 			"bg-yellow-100": u.isWarning
-		}]) }, [u.isWarning ? (l(), n(d, { key: 0 })) : r("", !0), u.isDangerous ? (l(), n(m, { key: 1 })) : r("", !0)], 2), a("div", Et, [a("h3", {
+		}]) }, [u.isWarning ? (l(), n(d, { key: 0 })) : r("", !0), u.isDangerous ? (l(), n(m, { key: 1 })) : r("", !0)], 2), a("div", $, [a("h3", {
 			class: "text-lg leading-6 font-medium text-gray-900",
 			id: o.headingId
 		}, p(i.confirmationHeading), 9, Dt), a("div", Ot, [a("p", kt, p(i.confirmationText), 1)])])])]), a("div", At, [a("button", {
@@ -1085,6 +1091,64 @@ function jt(e, t, i, o, s, u) {
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Mt = /*#__PURE__*/ S(Ct, [["render", jt]]);
+var Mt = /*#__PURE__*/ x(wt, [["render", jt]]), Nt = {
+	components: { Popup: D },
+	emits: ["update:modelValue"],
+	props: { modelValue: {
+		type: Boolean,
+		default: !1
+	} },
+	setup() {
+		return { menuButtonId: m() };
+	},
+	data() {
+		return { popupIsOpen: this.modelValue };
+	},
+	watch: { modelValue(e) {
+		this.popupIsOpen = e;
+	} },
+	methods: { setOpen(e) {
+		e !== this.popupIsOpen && (this.popupIsOpen = e, this.$emit("update:modelValue", e));
+	} }
+}, Pt = { class: "bb-dashboard-ui relative inline-flex shadow-xs rounded-md" }, Ft = {
+	key: 0,
+	class: "-ml-px relative block"
+}, It = ["id"], Lt = ["aria-labelledby"];
+function Rt(e, t, n, s, u, p) {
+	let m = f("popup");
+	return l(), i("span", Pt, [a("button", {
+		type: "button",
+		class: c(["relative inline-flex items-center rounded-l-md border border-gray-300 bg-white hover:bg-gray-50 focus:outline-hidden", { "rounded-r-md": !e.$slots.actions }])
+	}, [d(e.$slots, "button")], 2), e.$slots.actions ? (l(), i("span", Ft, [a("button", {
+		onClick: t[0] ||= b((e) => p.setOpen(!u.popupIsOpen), ["prevent"]),
+		id: s.menuButtonId,
+		type: "button",
+		class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500"
+	}, [...t[1] ||= [a("span", { class: "sr-only" }, "Открыть меню", -1), a("svg", {
+		class: "h-5 w-5",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		"aria-hidden": "true"
+	}, [a("path", {
+		"fill-rule": "evenodd",
+		d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+		"clip-rule": "evenodd"
+	})], -1)]], 8, It), o(m, {
+		class: "origin-top-right right-0",
+		"model-value": u.popupIsOpen,
+		align: "right",
+		"onUpdate:modelValue": p.setOpen
+	}, {
+		default: _(() => [a("div", {
+			class: "mt-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-black/5",
+			role: "menu",
+			"aria-orientation": "vertical",
+			"aria-labelledby": s.menuButtonId
+		}, [d(e.$slots, "actions")], 8, Lt)]),
+		_: 3
+	}, 8, ["model-value", "onUpdate:modelValue"])])) : r("", !0)]);
+}
+var zt = /*#__PURE__*/ x(Nt, [["render", Rt]]);
 //#endregion
-export { nt as Closer, Mt as ConfirmationModal, k as Dot, ut as DownloadLink, $e as ErrorMessages, U as PickDay, O as Popup, de as RussianMobileFilter, ve as Search, Te as SelectDateInterval, He as SelectSingle, Ke as SmallBadge };
+export { rt as Closer, Mt as ConfirmationModal, O as Dot, dt as DownloadLink, zt as DropdownButtonWithAction, et as ErrorMessages, Q as Modal, H as PickDay, D as Popup, fe as RussianMobileFilter, ye as Search, Ee as SelectDateInterval, Ue as SelectSingle, qe as SmallBadge };

package/dist/style.css

@@ -1,2 +1,2 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--container-phone:calc(19ch + 16px)}}@layer base;@layer components{.bb-dashboard-ui,.bb-dashboard-ui *,.bb-dashboard-ui :before,.bb-dashboard-ui :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.bb-dashboard-ui button,.bb-dashboard-ui input,button.bb-dashboard-ui{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.bb-dashboard-ui button,button.bb-dashboard-ui{appearance:button}.bb-dashboard-ui a,a.bb-dashboard-ui{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.bb-dashboard-ui input{appearance:none}.bb-dashboard-ui input:focus{box-shadow:none}.bb-dashboard-ui ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.bb-dashboard-ui ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}.bb-dashboard-ui ::placeholder{opacity:1}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.ml-1{margin-left:var(--spacing)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.w-phone{width:var(--container-phone)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-72{min-width:calc(var(--spacing) * 72)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top-right{transform-origin:100% 0}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-400{border-color:var(--color-red-400)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-blue-800{color:var(--color-blue-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.text-green-500{color:var(--color-green-500)}.text-purple-800{color:var(--color-purple-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.placeholder-gray-300::placeholder{color:var(--color-gray-300)}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}}.focus\:z-10:focus{z-index:10}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500\/50:focus{--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-blue-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-yellow-300:focus{--tw-ring-color:var(--color-yellow-300)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}@media (width>=40rem){.sm\:mx-0{margin-inline:0}.sm\:my-8{margin-block:calc(var(--spacing) * 8)}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:calc(var(--spacing) * 3)}.sm\:ml-4{margin-left:calc(var(--spacing) * 4)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-block{display:inline-block}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-screen{height:100vh}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:p-0{padding:0}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.pika-single{z-index:9999;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:block;position:relative}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{text-align:center;position:relative}.pika-label{z-index:9999;background-color:#fff;margin:0;padding:5px 3px;font-size:14px;font-weight:700;line-height:20px;display:inline-block;position:relative;overflow:hidden}.pika-title select{cursor:pointer;z-index:9998;opacity:0;margin:0;position:absolute;top:5px;left:0}.pika-prev,.pika-next{cursor:pointer;text-indent:20px;white-space:nowrap;opacity:.5;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;border:0;outline:none;width:20px;height:30px;padding:0;display:block;position:relative;overflow:hidden}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{border-collapse:collapse;border-spacing:0;border:0;width:100%}.pika-table th,.pika-table td{width:14.2857%;padding:0}.pika-table th{color:#999;text-align:center;font-size:12px;font-weight:700;line-height:25px}.pika-button{cursor:pointer;box-sizing:border-box;color:#666;text-align:right;width:100%;height:initial;background:#f5f5f5;border:0;outline:none;margin:0;padding:5px;font-size:12px;line-height:15px;display:block}.pika-week{color:#999;font-size:11px}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;background:#3af;border-radius:3px;font-weight:700;box-shadow:inset 0 1px 3px #178fe5}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;box-shadow:none;background:#6cb31d;border-radius:3px}.is-endrange .pika-button{color:#fff;box-shadow:none;background:#3af;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;box-shadow:none;background:#ff8000;border-radius:3px}.pika-table abbr{cursor:help;border-bottom:none}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--container-phone:calc(19ch + 16px)}}@layer base;@layer components{.bb-dashboard-ui,.bb-dashboard-ui *,.bb-dashboard-ui :before,.bb-dashboard-ui :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.bb-dashboard-ui button,.bb-dashboard-ui input,button.bb-dashboard-ui{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.bb-dashboard-ui button,button.bb-dashboard-ui{appearance:button}.bb-dashboard-ui a,a.bb-dashboard-ui{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.bb-dashboard-ui input{appearance:none}.bb-dashboard-ui input:focus{box-shadow:none}.bb-dashboard-ui ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.bb-dashboard-ui ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}.bb-dashboard-ui ::placeholder{opacity:1}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.w-phone{width:var(--container-phone)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-72{min-width:calc(var(--spacing) * 72)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top-right{transform-origin:100% 0}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-400{border-color:var(--color-red-400)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-blue-800{color:var(--color-blue-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.text-green-500{color:var(--color-green-500)}.text-purple-800{color:var(--color-purple-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.placeholder-gray-300::placeholder{color:var(--color-gray-300)}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}}.focus\:z-10:focus{z-index:10}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500\/50:focus{--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-blue-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-yellow-300:focus{--tw-ring-color:var(--color-yellow-300)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}@media (width>=40rem){.sm\:mx-0{margin-inline:0}.sm\:my-8{margin-block:calc(var(--spacing) * 8)}.sm\:mt-0{margin-top:0}.sm\:ml-3{margin-left:calc(var(--spacing) * 3)}.sm\:ml-4{margin-left:calc(var(--spacing) * 4)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-block{display:inline-block}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-screen{height:100vh}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:p-0{padding:0}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.sm\:text-left{text-align:left}.sm\:align-middle{vertical-align:middle}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.pika-single{z-index:9999;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:block;position:relative}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{text-align:center;position:relative}.pika-label{z-index:9999;background-color:#fff;margin:0;padding:5px 3px;font-size:14px;font-weight:700;line-height:20px;display:inline-block;position:relative;overflow:hidden}.pika-title select{cursor:pointer;z-index:9998;opacity:0;margin:0;position:absolute;top:5px;left:0}.pika-prev,.pika-next{cursor:pointer;text-indent:20px;white-space:nowrap;opacity:.5;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;border:0;outline:none;width:20px;height:30px;padding:0;display:block;position:relative;overflow:hidden}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{border-collapse:collapse;border-spacing:0;border:0;width:100%}.pika-table th,.pika-table td{width:14.2857%;padding:0}.pika-table th{color:#999;text-align:center;font-size:12px;font-weight:700;line-height:25px}.pika-button{cursor:pointer;box-sizing:border-box;color:#666;text-align:right;width:100%;height:initial;background:#f5f5f5;border:0;outline:none;margin:0;padding:5px;font-size:12px;line-height:15px;display:block}.pika-week{color:#999;font-size:11px}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;background:#3af;border-radius:3px;font-weight:700;box-shadow:inset 0 1px 3px #178fe5}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;box-shadow:none;background:#6cb31d;border-radius:3px}.is-endrange .pika-button{color:#fff;box-shadow:none;background:#3af;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;box-shadow:none;background:#ff8000;border-radius:3px}.pika-table abbr{cursor:help;border-bottom:none}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@boobooking/dashboard-ui-components",
-    "version": "0.4.0",
+    "version": "0.6.0",
     "description": "Компоненты дашборда на Vue 3",
     "keywords": [
         "vue",