@boobooking/dashboard-ui-components 0.8.0 → 0.9.0

package/README.md

@@ -48,11 +48,11 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 
 ## Компоненты
 
-Пакет экспортирует шестнадцать компонентов: `Popup`, `Dot`, `PickDay`,
+Пакет экспортирует семнадцать компонентов: `Popup`, `Dot`, `PickDay`,
 `RussianMobileFilter`, `Search`, `SelectDateInterval`, `SelectSingle`,
 `SmallBadge`, `ErrorMessages`, `Closer`, `DownloadLink`, `Modal`,
 `ConfirmationModal`, `DropdownButtonWithAction`, `Pagination`,
-`NavigationMenuElement` и плагин `dashboardUi`. В архив пакета
+`NavigationMenuElement`, `PageCard` и плагин `dashboardUi`. В архив пакета
 (`files: ["dist"]`) исходники не
 попадают, поэтому контракт каждого компонента — здесь и в playground, а не в
 исходном коде.
@@ -371,6 +371,64 @@ ConfirmationModal нет v-model».
 
 Ссылка — через `navigate` плагина. Событий нет.
 
+### PageCard
+
+Карточка отдельной страницы — формы или просмотра записи — по центру с
+крестиком «назад по истории».
+
+    <page-card class="px-4 pt-4 sm:px-6 sm:pt-6">
+        <h3 class="pr-(--bb-closer-space) text-lg font-medium">Создание администратора</h3>
+        …поля формы…
+    </page-card>
+
+Страница просмотра, у секций которой свои отступы:
+
+    <page-card>
+        <div class="px-4 py-5 border-b border-gray-200 sm:px-6">
+            <h3 class="pr-(--bb-closer-space) text-lg font-medium">{{ name }}</h3>
+        </div>
+        <div class="overflow-hidden sm:rounded-b-lg">…строки…</div>
+    </page-card>
+
+Карточка — `relative my-6 mx-auto bg-white shadow-xl sm:max-w-xl
+sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: форма передаёт
+их классом на корень, страница просмотра — не передаёт. Классы и атрибуты
+приложения попадают на корень и сильнее классов пакета. Ресет пакета на
+карточку и её содержимое не распространяется: разметка страницы, в том числе
+поля `@tailwindcss/forms`, выглядит так же, как вне карточки.
+
+Крестик показан, если в истории вкладки больше одной записи
+(`history.length > 1`, значение читается при создании компонента), и по клику
+возвращает назад (`history.back()`). `PageCard` читает историю браузера при
+создании компонента, поэтому ему нужен браузер: серверный рендеринг (SSR) не
+поддерживается. `history.length` считает и записи впереди
+текущей, поэтому это не гарантия, что назад есть куда. От `md` крестик стоит
+снаружи карточки, на `1rem` правее её края; ниже `md` — в её правом верхнем
+углу. Порог рассчитан на карточку по центру области на всю ширину страницы: в
+узкой колонке или рядом с боковой панелью места снаружи может не хватить. Он
+рассчитан и на ширину карточки по умолчанию (`max-w-xl`, 36rem): если передать
+классом на корень более широкую, места снаружи тоже может не хватить.
+
+Заголовок оставляет место под крестик правым отступом из переменной
+`--bb-closer-space`: `3.5rem`, пока крестик в углу, `0` — когда он снаружи или
+его нет. В Tailwind это `pr-(--bb-closer-space)`; без Tailwind 4 — обычный CSS
+`padding-right: var(--bb-closer-space)`, а в Tailwind 3 —
+`pr-[var(--bb-closer-space)]`. Вне `PageCard` отступ равен нулю.
+
+Карточка не обрезает содержимое, как `Modal`: выпадающие списки и календари
+могут выходить за её край. Блок со своим фоном у края карточки скругляет свои
+углы сам — например, нижний блок строк: `overflow-hidden sm:rounded-b-lg`.
+
+Крестик доступен с клавиатуры: Tab, Enter, пробел; в порядке табуляции крестик
+идёт после содержимого карточки; при фокусе с клавиатуры
+вокруг него кольцо. Доступное имя — «Назад» / «Back».
+
+| Проп | Тип | По умолчанию | Описание |
+| --- | --- | --- | --- |
+| `lang` | `String` | язык плагина | `"ru"` или `"en"` |
+
+Событий нет.
+
 ## Языки
 
 Тексты пакета есть на русском и английском. Язык компонента — проп `lang`, если
@@ -386,6 +444,7 @@ ConfirmationModal нет v-model».
 | `PickDay` — месяцы, дни недели, кнопки календаря | по-русски | in English |
 | `SelectDateInterval` — подсказки полей | от / до | from / to |
 | `Pagination` | Предыдущая / Следующая / Показаны результаты X - Y из Z | Previous / Next / Showing X - Y of Z results |
+| `PageCard` — доступное имя крестика | Назад | Back |
 
 Формат даты — `дд.мм.гггг` в обоих языках: это формат значения, а не текст.
 Неделя начинается с понедельника. Календарь `PickDay` берёт язык при
@@ -464,7 +523,7 @@ ConfirmationModal нет v-model».
 
     npm run playground
 
-Поднимает демо-страницы со всеми шестнадцатью компонентами в двух окружениях:
+Поднимает демо-страницы со всеми семнадцатью компонентами в двух окружениях:
 голом (без Tailwind и стилей приложения) и в окружении приложения (с
 Tailwind, `@tailwindcss/forms` и типографикой, как у потребителя). Это
 основной способ посмотреть, как компоненты выглядят и ведут себя, а не

package/dist/index.js

@@ -51,7 +51,8 @@ var te = {
 		nextPage: "Следующая",
 		resultsBefore: "Показаны результаты",
 		resultsOf: "из",
-		resultsAfter: ""
+		resultsAfter: "",
+		back: "Назад"
 	},
 	en: {
 		cancel: "Cancel",
@@ -97,7 +98,8 @@ var te = {
 		nextPage: "Next",
 		resultsBefore: "Showing",
 		resultsOf: "of",
-		resultsAfter: "results"
+		resultsAfter: "results",
+		back: "Back"
 	}
 }, T = Symbol("dashboardUi"), E = Object.freeze({
 	lang: "ru",
@@ -248,13 +250,13 @@ function ce(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var j = /*#__PURE__*/ k(se, [["render", ce]]), M = {}, N = {
+var j = /*#__PURE__*/ k(se, [["render", ce]]), le = {}, M = {
 	type: "button",
 	tabindex: "-1",
 	class: "bb:absolute bb:right-0 bb:top-0 bb:flex bb:items-center bb:justify-center bb:bg-transparent bb:cursor-pointer bb:text-gray-300 bb:hover:text-gray-400 bb:focus:outline-hidden"
 };
-function P(e, t, n, r, o, s) {
-	return u(), i("button", N, [...t[0] ||= [a("svg", {
+function N(e, t, n, r, o, s) {
+	return u(), i("button", M, [...t[0] ||= [a("svg", {
 		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
@@ -265,13 +267,13 @@ function P(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var F = /*#__PURE__*/ k(M, [["render", P]]);
+var P = /*#__PURE__*/ k(le, [["render", N]]);
 //#endregion
 //#region src/date.js
-function I(e) {
+function F(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function L(e) {
+function I(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);
@@ -279,7 +281,7 @@ function L(e) {
 }
 //#endregion
 //#region src/lang.js
-var R = {
+var L = {
 	inject: D,
 	props: { lang: {
 		type: String,
@@ -294,12 +296,12 @@ var R = {
 			return te[this.resolvedLang];
 		}
 	}
-}, z = {
+}, R = {
 	components: {
 		Popup: A,
-		Eraser: F
+		Eraser: P
 	},
-	mixins: [R],
+	mixins: [L],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -325,8 +327,8 @@ var R = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => L(e),
-			toString: (e) => I(e),
+			parse: (e) => I(e),
+			toString: (e) => F(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -335,7 +337,7 @@ var R = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", I(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", F(e)), this.$emit("changed");
 			}
 		});
 	},
@@ -354,7 +356,7 @@ var R = {
 	} },
 	methods: {
 		syncPicker(e) {
-			let t = L(e);
+			let t = I(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -373,29 +375,29 @@ var R = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, B = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, V = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, H = { class: "bb:min-w-24 bb:w-full bb:h-full" }, U = [
+}, z = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, B = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, V = { class: "bb:min-w-24 bb:w-full bb:h-full" }, H = [
 	"disabled",
 	"value",
 	"placeholder"
-], W = {
+], U = {
 	ref: "container",
 	class: "bb:flex bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
 };
-function G(e, t, o, c, d, f) {
+function W(e, t, o, c, d, f) {
 	let m = p("eraser"), h = p("popup");
-	return u(), i("div", B, [a("div", V, [a("button", {
+	return u(), i("div", z, [a("div", B, [a("button", {
 		ref: "trigger",
 		type: "button",
 		class: l(["bb:flex bb:w-full bb:items-center bb:focus:outline-hidden", { "bb:z-20": d.popupIsOpen }]),
 		onClick: t[0] ||= (e) => d.popupIsOpen = !d.popupIsOpen
-	}, [a("label", H, [a("input", {
+	}, [a("label", V, [a("input", {
 		disabled: d.popupIsOpen,
 		ref: "field",
 		type: "text",
 		value: d.dayValue,
 		placeholder: o.placeholderText,
 		class: "bb:w-full bb:h-full bb:py-2 bb:pr-3 bb:leading-none bb:border bb:border-transparent bb:whitespace-nowrap bb:bg-transparent bb:placeholder:text-sm bb:placeholder-gray-300 bb:cursor-pointer bb:focus:outline-hidden"
-	}, null, 8, U)])], 2), f.needsEraser ? (u(), n(m, {
+	}, null, 8, H)])], 2), f.needsEraser ? (u(), n(m, {
 		key: 0,
 		onClick: f.clearPicker,
 		class: "bb:z-10 bb:h-full bb:pr-2"
@@ -403,11 +405,11 @@ function G(e, t, o, c, d, f) {
 		modelValue: d.popupIsOpen,
 		"onUpdate:modelValue": t[1] ||= (e) => d.popupIsOpen = e
 	}, {
-		default: v(() => [a("div", W, null, 512)]),
+		default: v(() => [a("div", U, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var K = /*#__PURE__*/ k(z, [["render", G]]), le = {
+var G = /*#__PURE__*/ k(R, [["render", W]]), ue = {
 	components: { Dot: j },
 	props: {
 		text: {
@@ -423,14 +425,14 @@ var K = /*#__PURE__*/ k(z, [["render", G]]), le = {
 			default: !1
 		}
 	}
-}, ue = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, de = ["textContent"];
-function fe(e, t, n, r, o, c) {
+}, de = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, fe = ["textContent"];
+function pe(e, t, n, r, o, c) {
 	let l = p("dot");
-	return u(), i("div", ue, [
+	return u(), i("div", de, [
 		a("div", {
 			class: "bb:flex bb:flex-1 bb:h-full bb:items-center bb:text-xs bb:text-gray-500 bb:whitespace-nowrap bb:truncate bb:leading-tight bb:select-none",
 			textContent: m(n.text)
-		}, null, 8, de),
+		}, null, 8, fe),
 		y(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -442,24 +444,24 @@ function fe(e, t, n, r, o, c) {
 		}, null, 512), [[_, n.isRequired]])
 	]);
 }
-var q = /*#__PURE__*/ k(le, [["render", fe]]), pe = 10;
-function me(e) {
+var K = /*#__PURE__*/ k(ue, [["render", pe]]), me = 10;
+function he(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, pe);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, me);
 }
-function J(e) {
+function q(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function Y(e) {
+function J(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 he = 400, ge = 3, _e = {
+var ge = 400, _e = 3, ve = {
 	components: {
-		ElementHeader: q,
-		Eraser: F
+		ElementHeader: K,
+		Eraser: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -481,10 +483,10 @@ var he = 400, ge = 3, _e = {
 		}
 	},
 	data() {
-		return { digits: Y(this.modelValue) };
+		return { digits: J(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = Y(this.modelValue);
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = J(this.modelValue);
 	},
 	mounted() {
 		this.mask = ee(this.$refs.input, {
@@ -492,21 +494,21 @@ var he = 400, ge = 3, _e = {
 			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", J(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", q(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== J(this.digits) && this.syncFromModelValue(e);
+		e !== q(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(Y(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(J(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", J(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", q(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -529,7 +531,7 @@ var he = 400, ge = 3, _e = {
 			this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit();
 		},
 		onPaste(e) {
-			this.applyUserDigits(me(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(he(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -539,16 +541,16 @@ var he = 400, ge = 3, _e = {
 				this.commit();
 				return;
 			}
-			this.digits.length < ge || (this.debounceTimer = setTimeout(() => this.commit(), he));
+			this.digits.length < _e || (this.debounceTimer = setTimeout(() => this.commit(), ge));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, ve = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, ye = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, be = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, xe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Se(e, t, n, r, o, c) {
+}, ye = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, be = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, xe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Se = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ce(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", ve, [a("div", ye, [s(l, {
+	return u(), i("div", ye, [a("div", be, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -556,7 +558,7 @@ function Se(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", be, [a("label", xe, [a("input", {
+	]), a("div", xe, [a("label", Se, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -572,10 +574,10 @@ function Se(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, o.digits.length > 0]])])])])]);
 }
-var Ce = /*#__PURE__*/ k(_e, [["render", Se]]), we = {
+var we = /*#__PURE__*/ k(ve, [["render", Ce]]), Te = {
 	components: {
-		ElementHeader: q,
-		Eraser: F
+		ElementHeader: K,
+		Eraser: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -613,10 +615,10 @@ var Ce = /*#__PURE__*/ k(_e, [["render", Se]]), we = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, Te = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ee = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, De = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Oe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function ke(e, t, n, r, o, c) {
+}, Ee = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, De = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Oe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, ke = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ae(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", Te, [a("div", Ee, [s(l, {
+	return u(), i("div", Ee, [a("div", De, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -624,7 +626,7 @@ function ke(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", De, [a("label", Oe, [y(a("input", {
+	]), a("div", Oe, [a("label", ke, [y(a("input", {
 		class: "bb:flex bb:w-full bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
 		"onUpdate:modelValue": t[0] ||= (e) => o.search = e,
 		onInput: t[1] ||= (...e) => c.startSearch && c.startSearch(...e)
@@ -638,12 +640,12 @@ function ke(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, c.inputNeedsEraser]])])])])]);
 }
-var Ae = /*#__PURE__*/ k(we, [["render", ke]]), je = {
+var je = /*#__PURE__*/ k(Te, [["render", Ae]]), Me = {
 	components: {
-		ElementHeader: q,
-		PickDay: K
+		ElementHeader: K,
+		PickDay: G
 	},
-	mixins: [R],
+	mixins: [L],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -691,10 +693,10 @@ var Ae = /*#__PURE__*/ k(we, [["render", ke]]), je = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, Me = { class: "bb-dashboard-ui bb:flex" }, Ne = { class: "bb:flex bb:border bb:border-white" }, Pe = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Fe = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function Ie(e, t, n, r, o, c) {
+}, Ne = { class: "bb-dashboard-ui bb:flex" }, Pe = { class: "bb:flex bb:border bb:border-white" }, Fe = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Ie = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function Le(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("pick-day");
-	return u(), i("div", Me, [a("div", Ne, [a("div", Pe, [s(l, {
+	return u(), i("div", Ne, [a("div", Pe, [a("div", Fe, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -702,7 +704,7 @@ function Ie(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Fe, [s(d, {
+	]), a("div", Ie, [s(d, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -724,10 +726,10 @@ function Ie(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Le = /*#__PURE__*/ k(je, [["render", Ie]]), Re = {
+var Re = /*#__PURE__*/ k(Me, [["render", Le]]), ze = {
 	components: {
 		Popup: A,
-		Eraser: F
+		Eraser: P
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -758,17 +760,17 @@ var Le = /*#__PURE__*/ k(je, [["render", Ie]]), Re = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, ze = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Be = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Ve = ["textContent"];
-function He(e, t, o, c, d, h) {
+}, Be = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Ve = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, He = ["textContent"];
+function Ue(e, t, o, c, d, h) {
 	let g = p("eraser"), _ = p("popup");
-	return u(), i("div", ze, [a("div", Be, [a("button", {
+	return u(), i("div", Be, [a("div", Ve, [a("button", {
 		type: "button",
 		class: l(["bb:flex bb:w-full bb:h-full bb:items-center bb:focus:outline-hidden bb:cursor-pointer", { "bb:z-20": o.isOpen }]),
 		onClick: t[0] ||= x((t) => e.$emit("update:isOpen", !o.isOpen), ["prevent"])
 	}, [a("span", {
 		class: "bb:flex bb:w-full bb:h-full bb:pl-3 bb:pr-12 bb:py-2 bb:items-center bb:whitespace-nowrap bb:leading-none",
 		textContent: m(o.title)
-	}, null, 8, Ve)], 2), h.needsEraser ? (u(), n(g, {
+	}, null, 8, He)], 2), h.needsEraser ? (u(), n(g, {
 		key: 0,
 		onClick: t[1] ||= (t) => e.$emit("erased"),
 		class: "bb:pr-2 bb:h-full"
@@ -780,7 +782,7 @@ function He(e, t, o, c, d, h) {
 		_: 3
 	}, 8, ["modelValue"])]);
 }
-var Ue = /*#__PURE__*/ k(Re, [["render", He]]), We = {
+var We = /*#__PURE__*/ k(ze, [["render", Ue]]), Ge = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -792,31 +794,31 @@ var Ue = /*#__PURE__*/ k(Re, [["render", He]]), We = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Ge = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, Ke = {
+}, Ke = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, qe = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20"
-}, qe = ["textContent"];
-function Je(e, t, n, r, o, s) {
+}, Je = ["textContent"];
+function Ye(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		onClick: t[0] ||= x((...e) => s.toggle && s.toggle(...e), ["prevent"]),
 		class: "bb:flex bb:w-full bb:bg-white bb:hover:bg-indigo-100 bb:cursor-pointer bb:focus:outline-hidden bb:focus:ring-3 bb:focus:z-10 bb:focus:ring-blue-500/50"
-	}, [a("span", Ge, [y((u(), i("svg", Ke, [...t[1] ||= [a("path", {
+	}, [a("span", Ke, [y((u(), i("svg", qe, [...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)), [[_, n.isChecked]])]), a("span", {
 		class: "bb:flex bb:h-9 bb:justify-center bb:items-center bb:pr-6 bb:whitespace-nowrap bb:select-none",
 		textContent: m(n.name)
-	}, null, 8, qe)]);
+	}, null, 8, Je)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Ye = {
+var Xe = {
 	components: {
-		ElementHeader: q,
-		DropdownButton: Ue,
-		ListElement: /* @__PURE__ */ k(We, [["render", Je]])
+		ElementHeader: K,
+		DropdownButton: We,
+		ListElement: /* @__PURE__ */ k(Ge, [["render", Ye]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -869,10 +871,10 @@ var Ye = {
 			this.$emit("update:modelValue", null), this.$emit("changed");
 		}
 	}
-}, Xe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ze = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Qe = { class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed" };
-function $e(t, o, c, l, f, m) {
+}, Ze = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Qe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, $e = { class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed" };
+function et(t, o, c, l, f, m) {
 	let h = p("element-header"), g = p("list-element"), _ = p("dropdown-button");
-	return u(), i("div", Xe, [a("div", Ze, [s(h, {
+	return u(), i("div", Ze, [a("div", Qe, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -888,7 +890,7 @@ function $e(t, o, c, l, f, m) {
 		"has-value": m.hasValue,
 		onErased: m.clear
 	}, {
-		default: v(() => [a("div", Qe, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
+		default: v(() => [a("div", $e, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -906,7 +908,7 @@ function $e(t, o, c, l, f, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var et = /*#__PURE__*/ k(Ye, [["render", $e]]), tt = {
+var tt = /*#__PURE__*/ k(Xe, [["render", et]]), nt = {
 	props: {
 		text: {
 			type: String,
@@ -945,8 +947,8 @@ var et = /*#__PURE__*/ k(Ye, [["render", $e]]), tt = {
 			return this.color === "yellow";
 		}
 	}
-}, nt = ["textContent"];
-function rt(e, t, n, r, a, o) {
+}, rt = ["textContent"];
+function it(e, t, n, r, a, o) {
 	return u(), i("span", {
 		class: l(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-2 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", {
 			"bb:bg-green-50 bb:text-gray-700": o.isGreen,
@@ -957,9 +959,9 @@ function rt(e, t, n, r, a, o) {
 			"bb:bg-yellow-100 bb:text-yellow-800": o.isYellow
 		}]),
 		textContent: m(n.text)
-	}, null, 10, nt);
+	}, null, 10, rt);
 }
-var it = /*#__PURE__*/ k(tt, [["render", rt]]), at = {
+var at = /*#__PURE__*/ k(nt, [["render", it]]), ot = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -979,12 +981,12 @@ var it = /*#__PURE__*/ k(tt, [["render", rt]]), at = {
 			return this.type === "dangerous";
 		}
 	}
-}, ot = { class: "bb:flex" }, st = { class: "bb:shrink-0" }, ct = { class: "bb:ml-3" }, lt = ["textContent"];
-function ut(t, n, o, s, c, f) {
+}, st = { class: "bb:flex" }, ct = { class: "bb:shrink-0" }, lt = { class: "bb:ml-3" }, ut = ["textContent"];
+function dt(t, n, o, s, c, f) {
 	return f.hasErrors ? (u(), i("div", {
 		key: 0,
 		class: l(["bb-dashboard-ui bb:border-l-4 bb:p-4", f.isDangerous ? "bb:bg-red-50 bb:border-red-400" : "bb:bg-yellow-50 bb:border-yellow-400"])
-	}, [a("div", ot, [a("div", st, [(u(), i("svg", {
+	}, [a("div", st, [a("div", ct, [(u(), i("svg", {
 		class: l(["bb:h-5 bb:w-5", f.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
@@ -992,14 +994,14 @@ function ut(t, n, o, s, c, 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", ct, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
+	}, null, -1)]], 2))]), a("div", lt, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
 		class: l(["bb:text-sm bb:leading-5", f.isDangerous ? "bb:text-red-700" : "bb:text-yellow-700"]),
 		key: t,
 		textContent: m(e)
-	}, null, 10, lt))), 128))])])], 2)) : r("", !0);
+	}, null, 10, ut))), 128))])])], 2)) : r("", !0);
 }
-var dt = /*#__PURE__*/ k(at, [["render", ut]]), ft = { emits: ["clicked"] };
-function pt(e, t, n, r, o, s) {
+var ft = /*#__PURE__*/ k(ot, [["render", dt]]), pt = { emits: ["clicked"] };
+function mt(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		tabindex: "-1",
@@ -1016,7 +1018,7 @@ function pt(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var mt = /*#__PURE__*/ k(ft, [["render", pt]]), ht = {}, gt = {
+var Y = /*#__PURE__*/ k(pt, [["render", mt]]), ht = {}, gt = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1035,7 +1037,7 @@ function _t(e, t, n, r, o, s) {
 //#region src/components/DownloadLink.vue
 var vt = {
 	components: { "download-icon": /* @__PURE__ */ k(ht, [["render", _t]]) },
-	mixins: [R],
+	mixins: [L],
 	props: {
 		url: {
 			type: String,
@@ -1138,7 +1140,7 @@ var Ft = {
 		Dangerous: jt,
 		Warning: /* @__PURE__ */ k(Mt, [["render", Pt]])
 	},
-	mixins: [R],
+	mixins: [L],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1208,7 +1210,7 @@ function Ut(e, t, i, o, s, c) {
 }
 var Wt = /*#__PURE__*/ k(Ft, [["render", Ut]]), Gt = {
 	components: { Popup: A },
-	mixins: [R],
+	mixins: [L],
 	emits: ["update:modelValue"],
 	props: { modelValue: {
 		type: Boolean,
@@ -1315,7 +1317,7 @@ var $ = {
 		ArrowNarrowLeft: nn,
 		ArrowNarrowRight: sn
 	},
-	mixins: [R, Z],
+	mixins: [L, Z],
 	props: {
 		links: {
 			type: Object,
@@ -1405,6 +1407,26 @@ function xn(e, t, n, r, a, o) {
 		textContent: m(n.name)
 	}, null, 10, bn);
 }
-var Sn = /*#__PURE__*/ k(yn, [["render", xn]]);
+var Sn = /*#__PURE__*/ k(yn, [["render", xn]]), Cn = {
+	components: { Closer: Y },
+	mixins: [L],
+	data() {
+		return { canGoBack: window.history.length > 1 };
+	},
+	methods: { goBack() {
+		window.history.back();
+	} }
+};
+function wn(e, t, a, o, s, c) {
+	let d = p("closer");
+	return u(), i("div", { class: l(["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:sm:max-w-xl bb:sm:rounded-lg", s.canGoBack ? "bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]" : "bb:[--bb-closer-space:0px]"]) }, [f(e.$slots, "default"), s.canGoBack ? (u(), n(d, {
+		key: 0,
+		class: "bb:absolute bb:top-0 bb:right-0 bb:mt-4 bb:mr-4 bb:w-8 bb:h-8 bb:sm:mt-6 bb:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4 bb:rounded-md bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500",
+		tabindex: "0",
+		"aria-label": e.texts.back,
+		onClicked: c.goBack
+	}, null, 8, ["aria-label", "onClicked"])) : r("", !0)], 2);
+}
+var Tn = /*#__PURE__*/ k(Cn, [["render", wn]]);
 //#endregion
-export { mt as Closer, Wt as ConfirmationModal, j as Dot, St as DownloadLink, Qt as DropdownButtonWithAction, dt as ErrorMessages, X as Modal, Sn as NavigationMenuElement, vn as Pagination, K as PickDay, A as Popup, Ce as RussianMobileFilter, Ae as Search, Le as SelectDateInterval, et as SelectSingle, it as SmallBadge, O as dashboardUi };
+export { Y as Closer, Wt as ConfirmationModal, j as Dot, St as DownloadLink, Qt as DropdownButtonWithAction, ft as ErrorMessages, X as Modal, Sn as NavigationMenuElement, Tn as PageCard, vn as Pagination, G as PickDay, A as Popup, we as RussianMobileFilter, je as Search, Re as SelectDateInterval, tt as SelectSingle, at as SmallBadge, O as dashboardUi };

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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--bb-color-red-50:oklch(97.1% .013 17.38);--bb-color-red-100:oklch(93.6% .032 17.717);--bb-color-red-400:oklch(70.4% .191 22.216);--bb-color-red-500:oklch(63.7% .237 25.331);--bb-color-red-600:oklch(57.7% .245 27.325);--bb-color-red-700:oklch(50.5% .213 27.518);--bb-color-red-800:oklch(44.4% .177 26.899);--bb-color-yellow-50:oklch(98.7% .026 102.212);--bb-color-yellow-100:oklch(97.3% .071 103.193);--bb-color-yellow-300:oklch(90.5% .182 98.111);--bb-color-yellow-400:oklch(85.2% .199 91.936);--bb-color-yellow-500:oklch(79.5% .184 86.047);--bb-color-yellow-700:oklch(55.4% .135 66.442);--bb-color-yellow-800:oklch(47.6% .114 61.907);--bb-color-green-50:oklch(98.2% .018 155.826);--bb-color-green-300:oklch(87.1% .15 154.449);--bb-color-green-500:oklch(72.3% .219 149.579);--bb-color-blue-100:oklch(93.2% .032 255.585);--bb-color-blue-500:oklch(62.3% .214 259.815);--bb-color-blue-800:oklch(42.4% .199 265.638);--bb-color-indigo-100:oklch(93% .034 272.788);--bb-color-indigo-400:oklch(67.3% .182 276.935);--bb-color-indigo-500:oklch(58.5% .233 277.117);--bb-color-indigo-700:oklch(45.7% .24 277.023);--bb-color-purple-100:oklch(94.6% .033 307.174);--bb-color-purple-600:oklch(55.8% .288 302.321);--bb-color-purple-800:oklch(43.8% .218 303.724);--bb-color-gray-50:oklch(98.5% .002 247.839);--bb-color-gray-200:oklch(92.8% .006 264.531);--bb-color-gray-300:oklch(87.2% .01 258.338);--bb-color-gray-400:oklch(70.7% .022 261.325);--bb-color-gray-500:oklch(55.1% .027 264.364);--bb-color-gray-600:oklch(44.6% .03 256.802);--bb-color-gray-700:oklch(37.3% .034 259.733);--bb-color-gray-900:oklch(21% .034 264.665);--bb-color-black:#000;--bb-color-white:#fff;--bb-spacing:.25rem;--bb-container-lg:32rem;--bb-text-xs:.75rem;--bb-text-xs--line-height:calc(1 / .75);--bb-text-sm:.875rem;--bb-text-sm--line-height:calc(1.25 / .875);--bb-text-base:1rem;--bb-text-base--line-height:calc(1.5 / 1);--bb-text-lg:1.125rem;--bb-text-lg--line-height:calc(1.75 / 1.125);--bb-text-4xl:2.25rem;--bb-text-4xl--line-height:calc(2.5 / 2.25);--bb-font-weight-medium:500;--bb-leading-tight:1.25;--bb-radius-md:.375rem;--bb-radius-lg:.5rem;--bb-ease-in:cubic-bezier(.4, 0, 1, 1);--bb-ease-out:cubic-bezier(0, 0, .2, 1);--bb-ease-in-out:cubic-bezier(.4, 0, .2, 1);--bb-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--bb-default-transition-duration:.15s;--bb-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--bb-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{.bb\:pointer-events-none{pointer-events:none}.bb\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb\:absolute{position:absolute}.bb\:fixed{position:fixed}.bb\:relative{position:relative}.bb\:inset-0{inset:0}.bb\:top-0{top:0}.bb\:right-0{right:0}.bb\:left-0{left:0}.bb\:z-10{z-index:10}.bb\:z-20{z-index:20}.bb\:mx-1{margin-inline:var(--bb-spacing)}.bb\:mx-auto{margin-inline:auto}.bb\:-mt-px{margin-top:-1px}.bb\:mt-1{margin-top:var(--bb-spacing)}.bb\:mt-2{margin-top:calc(var(--bb-spacing) * 2)}.bb\:mt-3{margin-top:calc(var(--bb-spacing) * 3)}.bb\:mr-3{margin-right:calc(var(--bb-spacing) * 3)}.bb\:-ml-px{margin-left:-1px}.bb\:ml-1{margin-left:var(--bb-spacing)}.bb\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:block{display:block}.bb\:flex{display:flex}.bb\:hidden{display:none}.bb\:inline-block{display:inline-block}.bb\:inline-flex{display:inline-flex}.bb\:h-2{height:calc(var(--bb-spacing) * 2)}.bb\:h-4{height:calc(var(--bb-spacing) * 4)}.bb\:h-5{height:calc(var(--bb-spacing) * 5)}.bb\:h-6{height:calc(var(--bb-spacing) * 6)}.bb\:h-7{height:calc(var(--bb-spacing) * 7)}.bb\:h-9{height:calc(var(--bb-spacing) * 9)}.bb\:h-12{height:calc(var(--bb-spacing) * 12)}.bb\:h-full{height:100%}.bb\:min-h-screen{min-height:100vh}.bb\:w-0{width:0}.bb\:w-2{width:calc(var(--bb-spacing) * 2)}.bb\:w-4{width:calc(var(--bb-spacing) * 4)}.bb\:w-5{width:calc(var(--bb-spacing) * 5)}.bb\:w-6{width:calc(var(--bb-spacing) * 6)}.bb\:w-7{width:calc(var(--bb-spacing) * 7)}.bb\:w-9{width:calc(var(--bb-spacing) * 9)}.bb\:w-12{width:calc(var(--bb-spacing) * 12)}.bb\:w-56{width:calc(var(--bb-spacing) * 56)}.bb\:w-72{width:calc(var(--bb-spacing) * 72)}.bb\:w-full{width:100%}.bb\:w-phone{width:var(--bb-container-phone)}.bb\:min-w-24{min-width:calc(var(--bb-spacing) * 24)}.bb\:min-w-36{min-width:calc(var(--bb-spacing) * 36)}.bb\:min-w-72{min-width:calc(var(--bb-spacing) * 72)}.bb\:flex-1{flex:1}.bb\:flex-none{flex:none}.bb\:shrink-0{flex-shrink:0}.bb\:grow{flex-grow:1}.bb\:origin-top-right{transform-origin:100% 0}.bb\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:translate-y-4{--tw-translate-y:calc(var(--bb-spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:animate-pulse{animation:var(--bb-animate-pulse)}.bb\:cursor-default{cursor:default}.bb\:cursor-pointer{cursor:pointer}.bb\:flex-col{flex-direction:column}.bb\:items-center{align-items:center}.bb\:items-end{align-items:flex-end}.bb\:items-start{align-items:flex-start}.bb\:justify-between{justify-content:space-between}.bb\:justify-center{justify-content:center}.bb\:justify-end{justify-content:flex-end}:where(.bb\: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(.bb\: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(.bb\:divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.bb\:divide-gray-200>:not(:last-child)){border-color:var(--bb-color-gray-200)}.bb\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb\:overflow-visible{overflow:visible}.bb\:overflow-y-auto{overflow-y:auto}.bb\:rounded-full{border-radius:2147483647px}.bb\:rounded-lg{border-radius:var(--bb-radius-lg)}.bb\:rounded-md{border-radius:var(--bb-radius-md)}.bb\:rounded-t-lg{border-top-left-radius:var(--bb-radius-lg);border-top-right-radius:var(--bb-radius-lg)}.bb\:rounded-l-md{border-top-left-radius:var(--bb-radius-md);border-bottom-left-radius:var(--bb-radius-md)}.bb\:rounded-r-md{border-top-right-radius:var(--bb-radius-md);border-bottom-right-radius:var(--bb-radius-md)}.bb\:rounded-b-lg{border-bottom-right-radius:var(--bb-radius-lg);border-bottom-left-radius:var(--bb-radius-lg)}.bb\:border{border-style:var(--tw-border-style);border-width:1px}.bb\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.bb\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bb\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.bb\:border-none{--tw-border-style:none;border-style:none}.bb\:border-gray-200{border-color:var(--bb-color-gray-200)}.bb\:border-gray-300{border-color:var(--bb-color-gray-300)}.bb\:border-indigo-400{border-color:var(--bb-color-indigo-400)}.bb\:border-red-400{border-color:var(--bb-color-red-400)}.bb\:border-transparent{border-color:#0000}.bb\:border-white{border-color:var(--bb-color-white)}.bb\:border-yellow-400{border-color:var(--bb-color-yellow-400)}.bb\:bg-blue-100{background-color:var(--bb-color-blue-100)}.bb\:bg-gray-50{background-color:var(--bb-color-gray-50)}.bb\:bg-gray-200{background-color:var(--bb-color-gray-200)}.bb\:bg-gray-500{background-color:var(--bb-color-gray-500)}.bb\:bg-gray-900{background-color:var(--bb-color-gray-900)}.bb\:bg-green-50{background-color:var(--bb-color-green-50)}.bb\:bg-indigo-100{background-color:var(--bb-color-indigo-100)}.bb\:bg-purple-100{background-color:var(--bb-color-purple-100)}.bb\:bg-red-50{background-color:var(--bb-color-red-50)}.bb\:bg-red-100{background-color:var(--bb-color-red-100)}.bb\:bg-red-600{background-color:var(--bb-color-red-600)}.bb\:bg-transparent{background-color:#0000}.bb\:bg-white{background-color:var(--bb-color-white)}.bb\:bg-yellow-50{background-color:var(--bb-color-yellow-50)}.bb\:bg-yellow-100{background-color:var(--bb-color-yellow-100)}.bb\:bg-yellow-400{background-color:var(--bb-color-yellow-400)}.bb\:fill-current{fill:currentColor}.bb\:stroke-current{stroke:currentColor}.bb\:p-4{padding:calc(var(--bb-spacing) * 4)}.bb\:px-1{padding-inline:var(--bb-spacing)}.bb\:px-2{padding-inline:calc(var(--bb-spacing) * 2)}.bb\:px-3{padding-inline:calc(var(--bb-spacing) * 3)}.bb\:px-4{padding-inline:calc(var(--bb-spacing) * 4)}.bb\:py-1{padding-block:var(--bb-spacing)}.bb\:py-1\.5{padding-block:calc(var(--bb-spacing) * 1.5)}.bb\:py-2{padding-block:calc(var(--bb-spacing) * 2)}.bb\:py-3{padding-block:calc(var(--bb-spacing) * 3)}.bb\:pt-1{padding-top:var(--bb-spacing)}.bb\:pt-4{padding-top:calc(var(--bb-spacing) * 4)}.bb\:pt-5{padding-top:calc(var(--bb-spacing) * 5)}.bb\:pr-1{padding-right:var(--bb-spacing)}.bb\:pr-2{padding-right:calc(var(--bb-spacing) * 2)}.bb\:pr-3{padding-right:calc(var(--bb-spacing) * 3)}.bb\:pr-6{padding-right:calc(var(--bb-spacing) * 6)}.bb\:pr-12{padding-right:calc(var(--bb-spacing) * 12)}.bb\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:pb-20{padding-bottom:calc(var(--bb-spacing) * 20)}.bb\:pl-1{padding-left:var(--bb-spacing)}.bb\:pl-3{padding-left:calc(var(--bb-spacing) * 3)}.bb\:text-center{text-align:center}.bb\:text-left{text-align:left}.bb\:align-bottom{vertical-align:bottom}.bb\:text-4xl{font-size:var(--bb-text-4xl);line-height:var(--tw-leading,var(--bb-text-4xl--line-height))}.bb\:text-base{font-size:var(--bb-text-base);line-height:var(--tw-leading,var(--bb-text-base--line-height))}.bb\:text-lg{font-size:var(--bb-text-lg);line-height:var(--tw-leading,var(--bb-text-lg--line-height))}.bb\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}.bb\:text-xs{font-size:var(--bb-text-xs);line-height:var(--tw-leading,var(--bb-text-xs--line-height))}.bb\:leading-5{--tw-leading:calc(var(--bb-spacing) * 5);line-height:calc(var(--bb-spacing) * 5)}.bb\:leading-6{--tw-leading:calc(var(--bb-spacing) * 6);line-height:calc(var(--bb-spacing) * 6)}.bb\:leading-none{--tw-leading:1;line-height:1}.bb\:leading-tight{--tw-leading:var(--bb-leading-tight);line-height:var(--bb-leading-tight)}.bb\:font-medium{--tw-font-weight:var(--bb-font-weight-medium);font-weight:var(--bb-font-weight-medium)}.bb\:whitespace-nowrap{white-space:nowrap}.bb\:text-blue-800{color:var(--bb-color-blue-800)}.bb\:text-gray-300{color:var(--bb-color-gray-300)}.bb\:text-gray-400{color:var(--bb-color-gray-400)}.bb\:text-gray-500{color:var(--bb-color-gray-500)}.bb\:text-gray-600{color:var(--bb-color-gray-600)}.bb\:text-gray-700{color:var(--bb-color-gray-700)}.bb\:text-gray-900{color:var(--bb-color-gray-900)}.bb\:text-green-300{color:var(--bb-color-green-300)}.bb\:text-green-500{color:var(--bb-color-green-500)}.bb\:text-purple-800{color:var(--bb-color-purple-800)}.bb\:text-red-400{color:var(--bb-color-red-400)}.bb\:text-red-500{color:var(--bb-color-red-500)}.bb\:text-red-600{color:var(--bb-color-red-600)}.bb\:text-red-700{color:var(--bb-color-red-700)}.bb\:text-red-800{color:var(--bb-color-red-800)}.bb\:text-white{color:var(--bb-color-white)}.bb\:text-yellow-400{color:var(--bb-color-yellow-400)}.bb\:text-yellow-700{color:var(--bb-color-yellow-700)}.bb\:text-yellow-800{color:var(--bb-color-yellow-800)}.bb\:placeholder-gray-300::placeholder{color:var(--bb-color-gray-300)}.bb\:opacity-0{opacity:0}.bb\:opacity-75{opacity:.75}.bb\:opacity-100{opacity:1}.bb\: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)}.bb\: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)}.bb\: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)}.bb\: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)}.bb\:ring-black\/5{--tw-ring-color:var(--bb-color-black)}@supports (color:color-mix(in lab, red, red)){.bb\:ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--bb-color-black) 5%, transparent)}}.bb\: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(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:duration-75{--tw-duration:75ms;transition-duration:75ms}.bb\:duration-100{--tw-duration:.1s;transition-duration:.1s}.bb\:duration-150{--tw-duration:.15s;transition-duration:.15s}.bb\:duration-200{--tw-duration:.2s;transition-duration:.2s}.bb\:duration-300{--tw-duration:.3s;transition-duration:.3s}.bb\:ease-in{--tw-ease:var(--bb-ease-in);transition-timing-function:var(--bb-ease-in)}.bb\:ease-in-out{--tw-ease:var(--bb-ease-in-out);transition-timing-function:var(--bb-ease-in-out)}.bb\:ease-out{--tw-ease:var(--bb-ease-out);transition-timing-function:var(--bb-ease-out)}.bb\:select-none{-webkit-user-select:none;user-select:none}.bb\:placeholder\:text-sm::placeholder{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}@media (hover:hover){.bb\:hover\:border-gray-300:hover{border-color:var(--bb-color-gray-300)}.bb\:hover\:border-indigo-700:hover{border-color:var(--bb-color-indigo-700)}.bb\:hover\:bg-gray-50:hover{background-color:var(--bb-color-gray-50)}.bb\:hover\:bg-indigo-100:hover{background-color:var(--bb-color-indigo-100)}.bb\:hover\:bg-red-700:hover{background-color:var(--bb-color-red-700)}.bb\:hover\:bg-yellow-500:hover{background-color:var(--bb-color-yellow-500)}.bb\:hover\:text-gray-400:hover{color:var(--bb-color-gray-400)}.bb\:hover\:text-gray-600:hover{color:var(--bb-color-gray-600)}.bb\:hover\:text-gray-700:hover{color:var(--bb-color-gray-700)}.bb\:hover\:text-purple-600:hover{color:var(--bb-color-purple-600)}}.bb\:focus\:z-10:focus{z-index:10}.bb\:focus\:border-gray-300:focus{border-color:var(--bb-color-gray-300)}.bb\:focus\:border-indigo-500:focus{border-color:var(--bb-color-indigo-500)}.bb\:focus\:border-indigo-700:focus{border-color:var(--bb-color-indigo-700)}.bb\:focus\:text-gray-700:focus{color:var(--bb-color-gray-700)}.bb\: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)}.bb\: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)}.bb\: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)}.bb\:focus\:ring-blue-500\/50:focus{--tw-ring-color:var(--bb-color-blue-500)}@supports (color:color-mix(in lab, red, red)){.bb\:focus\:ring-blue-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--bb-color-blue-500) 50%, transparent)}}.bb\:focus\:ring-indigo-500:focus{--tw-ring-color:var(--bb-color-indigo-500)}.bb\:focus\:ring-red-500:focus{--tw-ring-color:var(--bb-color-red-500)}.bb\:focus\:ring-yellow-300:focus{--tw-ring-color:var(--bb-color-yellow-300)}.bb\: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)}.bb\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.bb\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}@media (width>=40rem){.bb\:sm\:mx-0{margin-inline:0}.bb\:sm\:my-8{margin-block:calc(var(--bb-spacing) * 8)}.bb\:sm\:mt-0{margin-top:0}.bb\:sm\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:sm\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:sm\:block{display:block}.bb\:sm\:flex{display:flex}.bb\:sm\:inline-block{display:inline-block}.bb\:sm\:h-10{height:calc(var(--bb-spacing) * 10)}.bb\:sm\:h-screen{height:100vh}.bb\:sm\:w-10{width:calc(var(--bb-spacing) * 10)}.bb\:sm\:w-auto{width:auto}.bb\:sm\:w-full{width:100%}.bb\:sm\:max-w-lg{max-width:var(--bb-container-lg)}.bb\:sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:sm\:flex-row-reverse{flex-direction:row-reverse}.bb\:sm\:items-start{align-items:flex-start}.bb\:sm\:p-0{padding:0}.bb\:sm\:p-6{padding:calc(var(--bb-spacing) * 6)}.bb\:sm\:px-0{padding-inline:0}.bb\:sm\:px-6{padding-inline:calc(var(--bb-spacing) * 6)}.bb\:sm\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:sm\:text-left{text-align:left}.bb\:sm\:align-middle{vertical-align:middle}.bb\:sm\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}}@media (width>=48rem){.bb\:md\:-mt-px{margin-top:-1px}.bb\:md\:flex{display:flex}}}@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-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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--bb-color-red-50:oklch(97.1% .013 17.38);--bb-color-red-100:oklch(93.6% .032 17.717);--bb-color-red-400:oklch(70.4% .191 22.216);--bb-color-red-500:oklch(63.7% .237 25.331);--bb-color-red-600:oklch(57.7% .245 27.325);--bb-color-red-700:oklch(50.5% .213 27.518);--bb-color-red-800:oklch(44.4% .177 26.899);--bb-color-yellow-50:oklch(98.7% .026 102.212);--bb-color-yellow-100:oklch(97.3% .071 103.193);--bb-color-yellow-300:oklch(90.5% .182 98.111);--bb-color-yellow-400:oklch(85.2% .199 91.936);--bb-color-yellow-500:oklch(79.5% .184 86.047);--bb-color-yellow-700:oklch(55.4% .135 66.442);--bb-color-yellow-800:oklch(47.6% .114 61.907);--bb-color-green-50:oklch(98.2% .018 155.826);--bb-color-green-300:oklch(87.1% .15 154.449);--bb-color-green-500:oklch(72.3% .219 149.579);--bb-color-blue-100:oklch(93.2% .032 255.585);--bb-color-blue-500:oklch(62.3% .214 259.815);--bb-color-blue-800:oklch(42.4% .199 265.638);--bb-color-indigo-100:oklch(93% .034 272.788);--bb-color-indigo-400:oklch(67.3% .182 276.935);--bb-color-indigo-500:oklch(58.5% .233 277.117);--bb-color-indigo-700:oklch(45.7% .24 277.023);--bb-color-purple-100:oklch(94.6% .033 307.174);--bb-color-purple-600:oklch(55.8% .288 302.321);--bb-color-purple-800:oklch(43.8% .218 303.724);--bb-color-gray-50:oklch(98.5% .002 247.839);--bb-color-gray-200:oklch(92.8% .006 264.531);--bb-color-gray-300:oklch(87.2% .01 258.338);--bb-color-gray-400:oklch(70.7% .022 261.325);--bb-color-gray-500:oklch(55.1% .027 264.364);--bb-color-gray-600:oklch(44.6% .03 256.802);--bb-color-gray-700:oklch(37.3% .034 259.733);--bb-color-gray-900:oklch(21% .034 264.665);--bb-color-black:#000;--bb-color-white:#fff;--bb-spacing:.25rem;--bb-container-lg:32rem;--bb-container-xl:36rem;--bb-text-xs:.75rem;--bb-text-xs--line-height:calc(1 / .75);--bb-text-sm:.875rem;--bb-text-sm--line-height:calc(1.25 / .875);--bb-text-base:1rem;--bb-text-base--line-height:calc(1.5 / 1);--bb-text-lg:1.125rem;--bb-text-lg--line-height:calc(1.75 / 1.125);--bb-text-4xl:2.25rem;--bb-text-4xl--line-height:calc(2.5 / 2.25);--bb-font-weight-medium:500;--bb-leading-tight:1.25;--bb-radius-md:.375rem;--bb-radius-lg:.5rem;--bb-ease-in:cubic-bezier(.4, 0, 1, 1);--bb-ease-out:cubic-bezier(0, 0, .2, 1);--bb-ease-in-out:cubic-bezier(.4, 0, .2, 1);--bb-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--bb-default-transition-duration:.15s;--bb-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--bb-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{.bb\:pointer-events-none{pointer-events:none}.bb\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb\:absolute{position:absolute}.bb\:fixed{position:fixed}.bb\:relative{position:relative}.bb\:inset-0{inset:0}.bb\:top-0{top:0}.bb\:right-0{right:0}.bb\:left-0{left:0}.bb\:z-10{z-index:10}.bb\:z-20{z-index:20}.bb\:mx-1{margin-inline:var(--bb-spacing)}.bb\:mx-auto{margin-inline:auto}.bb\:my-6{margin-block:calc(var(--bb-spacing) * 6)}.bb\:-mt-px{margin-top:-1px}.bb\:mt-1{margin-top:var(--bb-spacing)}.bb\:mt-2{margin-top:calc(var(--bb-spacing) * 2)}.bb\:mt-3{margin-top:calc(var(--bb-spacing) * 3)}.bb\:mt-4{margin-top:calc(var(--bb-spacing) * 4)}.bb\:mr-3{margin-right:calc(var(--bb-spacing) * 3)}.bb\:mr-4{margin-right:calc(var(--bb-spacing) * 4)}.bb\:-ml-px{margin-left:-1px}.bb\:ml-1{margin-left:var(--bb-spacing)}.bb\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:box-border{box-sizing:border-box}.bb\:block{display:block}.bb\:flex{display:flex}.bb\:hidden{display:none}.bb\:inline-block{display:inline-block}.bb\:inline-flex{display:inline-flex}.bb\:h-2{height:calc(var(--bb-spacing) * 2)}.bb\:h-4{height:calc(var(--bb-spacing) * 4)}.bb\:h-5{height:calc(var(--bb-spacing) * 5)}.bb\:h-6{height:calc(var(--bb-spacing) * 6)}.bb\:h-7{height:calc(var(--bb-spacing) * 7)}.bb\:h-8{height:calc(var(--bb-spacing) * 8)}.bb\:h-9{height:calc(var(--bb-spacing) * 9)}.bb\:h-12{height:calc(var(--bb-spacing) * 12)}.bb\:h-full{height:100%}.bb\:min-h-screen{min-height:100vh}.bb\:w-0{width:0}.bb\:w-2{width:calc(var(--bb-spacing) * 2)}.bb\:w-4{width:calc(var(--bb-spacing) * 4)}.bb\:w-5{width:calc(var(--bb-spacing) * 5)}.bb\:w-6{width:calc(var(--bb-spacing) * 6)}.bb\:w-7{width:calc(var(--bb-spacing) * 7)}.bb\:w-8{width:calc(var(--bb-spacing) * 8)}.bb\:w-9{width:calc(var(--bb-spacing) * 9)}.bb\:w-12{width:calc(var(--bb-spacing) * 12)}.bb\:w-56{width:calc(var(--bb-spacing) * 56)}.bb\:w-72{width:calc(var(--bb-spacing) * 72)}.bb\:w-full{width:100%}.bb\:w-phone{width:var(--bb-container-phone)}.bb\:min-w-24{min-width:calc(var(--bb-spacing) * 24)}.bb\:min-w-36{min-width:calc(var(--bb-spacing) * 36)}.bb\:min-w-72{min-width:calc(var(--bb-spacing) * 72)}.bb\:flex-1{flex:1}.bb\:flex-none{flex:none}.bb\:shrink-0{flex-shrink:0}.bb\:grow{flex-grow:1}.bb\:origin-top-right{transform-origin:100% 0}.bb\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:translate-y-4{--tw-translate-y:calc(var(--bb-spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:animate-pulse{animation:var(--bb-animate-pulse)}.bb\:cursor-default{cursor:default}.bb\:cursor-pointer{cursor:pointer}.bb\:flex-col{flex-direction:column}.bb\:items-center{align-items:center}.bb\:items-end{align-items:flex-end}.bb\:items-start{align-items:flex-start}.bb\:justify-between{justify-content:space-between}.bb\:justify-center{justify-content:center}.bb\:justify-end{justify-content:flex-end}:where(.bb\: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(.bb\: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(.bb\:divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.bb\:divide-gray-200>:not(:last-child)){border-color:var(--bb-color-gray-200)}.bb\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb\:overflow-visible{overflow:visible}.bb\:overflow-y-auto{overflow-y:auto}.bb\:rounded-full{border-radius:2147483647px}.bb\:rounded-lg{border-radius:var(--bb-radius-lg)}.bb\:rounded-md{border-radius:var(--bb-radius-md)}.bb\:rounded-t-lg{border-top-left-radius:var(--bb-radius-lg);border-top-right-radius:var(--bb-radius-lg)}.bb\:rounded-l-md{border-top-left-radius:var(--bb-radius-md);border-bottom-left-radius:var(--bb-radius-md)}.bb\:rounded-r-md{border-top-right-radius:var(--bb-radius-md);border-bottom-right-radius:var(--bb-radius-md)}.bb\:rounded-b-lg{border-bottom-right-radius:var(--bb-radius-lg);border-bottom-left-radius:var(--bb-radius-lg)}.bb\:border{border-style:var(--tw-border-style);border-width:1px}.bb\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.bb\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bb\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.bb\:border-none{--tw-border-style:none;border-style:none}.bb\:border-gray-200{border-color:var(--bb-color-gray-200)}.bb\:border-gray-300{border-color:var(--bb-color-gray-300)}.bb\:border-indigo-400{border-color:var(--bb-color-indigo-400)}.bb\:border-red-400{border-color:var(--bb-color-red-400)}.bb\:border-transparent{border-color:#0000}.bb\:border-white{border-color:var(--bb-color-white)}.bb\:border-yellow-400{border-color:var(--bb-color-yellow-400)}.bb\:bg-blue-100{background-color:var(--bb-color-blue-100)}.bb\:bg-gray-50{background-color:var(--bb-color-gray-50)}.bb\:bg-gray-200{background-color:var(--bb-color-gray-200)}.bb\:bg-gray-500{background-color:var(--bb-color-gray-500)}.bb\:bg-gray-900{background-color:var(--bb-color-gray-900)}.bb\:bg-green-50{background-color:var(--bb-color-green-50)}.bb\:bg-indigo-100{background-color:var(--bb-color-indigo-100)}.bb\:bg-purple-100{background-color:var(--bb-color-purple-100)}.bb\:bg-red-50{background-color:var(--bb-color-red-50)}.bb\:bg-red-100{background-color:var(--bb-color-red-100)}.bb\:bg-red-600{background-color:var(--bb-color-red-600)}.bb\:bg-transparent{background-color:#0000}.bb\:bg-white{background-color:var(--bb-color-white)}.bb\:bg-yellow-50{background-color:var(--bb-color-yellow-50)}.bb\:bg-yellow-100{background-color:var(--bb-color-yellow-100)}.bb\:bg-yellow-400{background-color:var(--bb-color-yellow-400)}.bb\:fill-current{fill:currentColor}.bb\:stroke-current{stroke:currentColor}.bb\:p-4{padding:calc(var(--bb-spacing) * 4)}.bb\:px-1{padding-inline:var(--bb-spacing)}.bb\:px-2{padding-inline:calc(var(--bb-spacing) * 2)}.bb\:px-3{padding-inline:calc(var(--bb-spacing) * 3)}.bb\:px-4{padding-inline:calc(var(--bb-spacing) * 4)}.bb\:py-1{padding-block:var(--bb-spacing)}.bb\:py-1\.5{padding-block:calc(var(--bb-spacing) * 1.5)}.bb\:py-2{padding-block:calc(var(--bb-spacing) * 2)}.bb\:py-3{padding-block:calc(var(--bb-spacing) * 3)}.bb\:pt-1{padding-top:var(--bb-spacing)}.bb\:pt-4{padding-top:calc(var(--bb-spacing) * 4)}.bb\:pt-5{padding-top:calc(var(--bb-spacing) * 5)}.bb\:pr-1{padding-right:var(--bb-spacing)}.bb\:pr-2{padding-right:calc(var(--bb-spacing) * 2)}.bb\:pr-3{padding-right:calc(var(--bb-spacing) * 3)}.bb\:pr-6{padding-right:calc(var(--bb-spacing) * 6)}.bb\:pr-12{padding-right:calc(var(--bb-spacing) * 12)}.bb\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:pb-20{padding-bottom:calc(var(--bb-spacing) * 20)}.bb\:pl-1{padding-left:var(--bb-spacing)}.bb\:pl-3{padding-left:calc(var(--bb-spacing) * 3)}.bb\:text-center{text-align:center}.bb\:text-left{text-align:left}.bb\:align-bottom{vertical-align:bottom}.bb\:text-4xl{font-size:var(--bb-text-4xl);line-height:var(--tw-leading,var(--bb-text-4xl--line-height))}.bb\:text-base{font-size:var(--bb-text-base);line-height:var(--tw-leading,var(--bb-text-base--line-height))}.bb\:text-lg{font-size:var(--bb-text-lg);line-height:var(--tw-leading,var(--bb-text-lg--line-height))}.bb\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}.bb\:text-xs{font-size:var(--bb-text-xs);line-height:var(--tw-leading,var(--bb-text-xs--line-height))}.bb\:leading-5{--tw-leading:calc(var(--bb-spacing) * 5);line-height:calc(var(--bb-spacing) * 5)}.bb\:leading-6{--tw-leading:calc(var(--bb-spacing) * 6);line-height:calc(var(--bb-spacing) * 6)}.bb\:leading-none{--tw-leading:1;line-height:1}.bb\:leading-tight{--tw-leading:var(--bb-leading-tight);line-height:var(--bb-leading-tight)}.bb\:font-medium{--tw-font-weight:var(--bb-font-weight-medium);font-weight:var(--bb-font-weight-medium)}.bb\:whitespace-nowrap{white-space:nowrap}.bb\:text-blue-800{color:var(--bb-color-blue-800)}.bb\:text-gray-300{color:var(--bb-color-gray-300)}.bb\:text-gray-400{color:var(--bb-color-gray-400)}.bb\:text-gray-500{color:var(--bb-color-gray-500)}.bb\:text-gray-600{color:var(--bb-color-gray-600)}.bb\:text-gray-700{color:var(--bb-color-gray-700)}.bb\:text-gray-900{color:var(--bb-color-gray-900)}.bb\:text-green-300{color:var(--bb-color-green-300)}.bb\:text-green-500{color:var(--bb-color-green-500)}.bb\:text-purple-800{color:var(--bb-color-purple-800)}.bb\:text-red-400{color:var(--bb-color-red-400)}.bb\:text-red-500{color:var(--bb-color-red-500)}.bb\:text-red-600{color:var(--bb-color-red-600)}.bb\:text-red-700{color:var(--bb-color-red-700)}.bb\:text-red-800{color:var(--bb-color-red-800)}.bb\:text-white{color:var(--bb-color-white)}.bb\:text-yellow-400{color:var(--bb-color-yellow-400)}.bb\:text-yellow-700{color:var(--bb-color-yellow-700)}.bb\:text-yellow-800{color:var(--bb-color-yellow-800)}.bb\:placeholder-gray-300::placeholder{color:var(--bb-color-gray-300)}.bb\:opacity-0{opacity:0}.bb\:opacity-75{opacity:.75}.bb\:opacity-100{opacity:1}.bb\: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)}.bb\: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)}.bb\: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)}.bb\: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)}.bb\:ring-black\/5{--tw-ring-color:var(--bb-color-black)}@supports (color:color-mix(in lab, red, red)){.bb\:ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--bb-color-black) 5%, transparent)}}.bb\: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(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:duration-75{--tw-duration:75ms;transition-duration:75ms}.bb\:duration-100{--tw-duration:.1s;transition-duration:.1s}.bb\:duration-150{--tw-duration:.15s;transition-duration:.15s}.bb\:duration-200{--tw-duration:.2s;transition-duration:.2s}.bb\:duration-300{--tw-duration:.3s;transition-duration:.3s}.bb\:ease-in{--tw-ease:var(--bb-ease-in);transition-timing-function:var(--bb-ease-in)}.bb\:ease-in-out{--tw-ease:var(--bb-ease-in-out);transition-timing-function:var(--bb-ease-in-out)}.bb\:ease-out{--tw-ease:var(--bb-ease-out);transition-timing-function:var(--bb-ease-out)}.bb\:select-none{-webkit-user-select:none;user-select:none}.bb\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}.bb\:\[--bb-closer-space\:3\.5rem\]{--bb-closer-space:3.5rem}.bb\:placeholder\:text-sm::placeholder{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}@media (hover:hover){.bb\:hover\:border-gray-300:hover{border-color:var(--bb-color-gray-300)}.bb\:hover\:border-indigo-700:hover{border-color:var(--bb-color-indigo-700)}.bb\:hover\:bg-gray-50:hover{background-color:var(--bb-color-gray-50)}.bb\:hover\:bg-indigo-100:hover{background-color:var(--bb-color-indigo-100)}.bb\:hover\:bg-red-700:hover{background-color:var(--bb-color-red-700)}.bb\:hover\:bg-yellow-500:hover{background-color:var(--bb-color-yellow-500)}.bb\:hover\:text-gray-400:hover{color:var(--bb-color-gray-400)}.bb\:hover\:text-gray-600:hover{color:var(--bb-color-gray-600)}.bb\:hover\:text-gray-700:hover{color:var(--bb-color-gray-700)}.bb\:hover\:text-purple-600:hover{color:var(--bb-color-purple-600)}}.bb\:focus\:z-10:focus{z-index:10}.bb\:focus\:border-gray-300:focus{border-color:var(--bb-color-gray-300)}.bb\:focus\:border-indigo-500:focus{border-color:var(--bb-color-indigo-500)}.bb\:focus\:border-indigo-700:focus{border-color:var(--bb-color-indigo-700)}.bb\:focus\:text-gray-700:focus{color:var(--bb-color-gray-700)}.bb\: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)}.bb\: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)}.bb\: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)}.bb\:focus\:ring-blue-500\/50:focus{--tw-ring-color:var(--bb-color-blue-500)}@supports (color:color-mix(in lab, red, red)){.bb\:focus\:ring-blue-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--bb-color-blue-500) 50%, transparent)}}.bb\:focus\:ring-indigo-500:focus{--tw-ring-color:var(--bb-color-indigo-500)}.bb\:focus\:ring-red-500:focus{--tw-ring-color:var(--bb-color-red-500)}.bb\:focus\:ring-yellow-300:focus{--tw-ring-color:var(--bb-color-yellow-300)}.bb\: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)}.bb\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.bb\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.bb\:focus-visible\:ring-2:focus-visible{--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)}.bb\:focus-visible\:ring-indigo-500:focus-visible{--tw-ring-color:var(--bb-color-indigo-500)}@media (width>=40rem){.bb\:sm\:mx-0{margin-inline:0}.bb\:sm\:my-8{margin-block:calc(var(--bb-spacing) * 8)}.bb\:sm\:mt-0{margin-top:0}.bb\:sm\:mt-6{margin-top:calc(var(--bb-spacing) * 6)}.bb\:sm\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:sm\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:sm\:block{display:block}.bb\:sm\:flex{display:flex}.bb\:sm\:inline-block{display:inline-block}.bb\:sm\:h-10{height:calc(var(--bb-spacing) * 10)}.bb\:sm\:h-screen{height:100vh}.bb\:sm\:w-10{width:calc(var(--bb-spacing) * 10)}.bb\:sm\:w-auto{width:auto}.bb\:sm\:w-full{width:100%}.bb\:sm\:max-w-lg{max-width:var(--bb-container-lg)}.bb\:sm\:max-w-xl{max-width:var(--bb-container-xl)}.bb\:sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:sm\:flex-row-reverse{flex-direction:row-reverse}.bb\:sm\:items-start{align-items:flex-start}.bb\:sm\:rounded-lg{border-radius:var(--bb-radius-lg)}.bb\:sm\:p-0{padding:0}.bb\:sm\:p-6{padding:calc(var(--bb-spacing) * 6)}.bb\:sm\:px-0{padding-inline:0}.bb\:sm\:px-6{padding-inline:calc(var(--bb-spacing) * 6)}.bb\:sm\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:sm\:text-left{text-align:left}.bb\:sm\:align-middle{vertical-align:middle}.bb\:sm\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}}@media (width>=48rem){.bb\:md\:right-auto{right:auto}.bb\:md\:left-full{left:100%}.bb\:md\:-mt-px{margin-top:-1px}.bb\:md\:mr-0{margin-right:0}.bb\:md\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:md\:flex{display:flex}.bb\:md\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}}@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-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.8.0",
+    "version": "0.9.0",
     "description": "Компоненты дашборда на Vue 3",
     "keywords": [
         "vue",