@boobooking/dashboard-ui-components 0.5.0 → 0.7.0

package/README.md

@@ -24,10 +24,11 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 
 ## Компоненты
 
-Пакет экспортирует тринадцать компонентов: `Popup`, `Dot`, `PickDay`,
+Пакет экспортирует четырнадцать компонентов: `Popup`, `Dot`, `PickDay`,
 `RussianMobileFilter`, `Search`, `SelectDateInterval`, `SelectSingle`,
-`SmallBadge`, `ErrorMessages`, `Closer`, `DownloadLink`, `ConfirmationModal`,
-`DropdownButtonWithAction`. В архив пакета (`files: ["dist"]`) исходники не
+`SmallBadge`, `ErrorMessages`, `Closer`, `DownloadLink`, `Modal`,
+`ConfirmationModal`, `DropdownButtonWithAction`. В архив пакета
+(`files: ["dist"]`) исходники не
 попадают, поэтому контракт каждого компонента — здесь и в playground, а не в
 исходном коде.
 
@@ -119,7 +120,9 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 | `isRequired` | `Boolean` | `false` | Пометка обязательности в заголовке |
 | `isLoading` | `Boolean` | `false` | Индикатор загрузки в заголовке |
 
-События: `update:modelValue` и `changed` — оба на каждый ввод.
+События: `update:modelValue` и `changed` — оба на каждый ввод. Значение,
+изменённое родителем, поле показывает сразу и без событий: ответный
+`update:modelValue` вернул бы родителю его же значение.
 
 ### SelectDateInterval
 
@@ -199,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" />
 
@@ -218,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
 
 Модалка подтверждения действия: заголовок, текст, кнопка действия и кнопка
@@ -286,6 +322,16 @@ ConfirmationModal нет v-model».
 - Проп-перечисление — ограниченный набор строковых значений, как `color` у
   `Dot` или `align` у `Popup`, — обязательно имеет `validator`,
   отклоняющий значения вне списка.
+- Компонент не падает ни на каком значении пропа. `null` и `undefined` там,
+  где ждут строку, объект или массив, он считает пустыми: пустой строкой,
+  отсутствием сообщений, пустым списком. Для обязательного пропа Vue при этом
+  предупредит о несовпадении типа, но компонент отрисуется.
+- Каждая утилита в разметке компонента пишется с префиксом `bb:` — в
+  `class`, в `:class` и в пропсах `*-class` у `<transition>`; варианты идут
+  после префикса: `bb:sm:inline-block`, `bb:hover:bg-red-700`. Утилита без
+  префикса не сгенерируется. Классы в `:class` пишутся литералами — ключами
+  объекта, ветками тернарного оператора, элементами массива. Оба правила
+  проверяет `tests/utilityPrefix.test.js`.
 
 ## Почему у Popup и Dot нет события changed
 
@@ -320,7 +366,7 @@ ConfirmationModal нет v-model».
 
     npm run playground
 
-Поднимает демо-страницы со всеми тринадцатью компонентами в двух окружениях:
+Поднимает демо-страницы со всеми четырнадцатью компонентами в двух окружениях:
 голом (без Tailwind и стилей приложения) и в окружении приложения (с
 Tailwind, `@tailwindcss/forms` и типографикой, как у потребителя). Это
 основной способ посмотреть, как компоненты выглядят и ведут себя, а не
@@ -338,20 +384,55 @@ Tailwind, `@tailwindcss/forms` и типографикой, как у потре
 
 ## Ограничение
 
-Пакет отдаёт скомпилированные утилиты Tailwind — те же имена классов, что
-генерирует Tailwind приложения. При стоковой палитре правила совпадают. Если
-приложение переопределит стоковый цвет, одноимённые правила столкнутся и
-победит подключённое позже, то есть компоненты возьмут палитру приложения.
+Утилиты пакета собраны с префиксом `bb`: классы внутри компонентов — вида
+`bb:flex` и `bb:sm:inline-block`, переменные темы — `--bb-*`. Tailwind
+приложения таких классов не генерирует, поэтому одноимённых правил у пакета и
+приложения нет: вид компонентов не зависит ни от того, какие утилиты
+генерирует приложение, ни от его палитры. Общими остаются только служебные
+переменные Tailwind `--tw-*` с их `@property` — на одной версии Tailwind у
+пакета и приложения они объявлены одинаково — и глобальный `@keyframes pulse`
+(его использует `bb:animate-pulse` у `Dot`): если приложение объявит свой
+`pulse`, победит тот, что подключён позже.
+
+Порядок «стили пакета до стилей приложения» по-прежнему нужен: классы,
+которые приложение передаёт на корень компонента, — его собственные
+утилиты, и при одинаковом свойстве они побеждают, потому что подключены
+позже.
+
+С версии 0.7.0 классы внутри компонентов — `bb:*`. Если приложение
+обращалось к внутренностям компонентов по классам в своём CSS или тестах,
+такие обращения перестанут находить элементы: внутренние классы в контракт
+пакета не входят.
 
 Ресет пакета распространяется и на содержимое слотов — разметку приложения
-внутри `Popup` и `DropdownButtonWithAction`. В приложении с 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,21 +33,21 @@ 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"]),
-		class: c(["fixed inset-0 w-full h-full cursor-default flex items-start", {
-			"z-20": n.isOpen,
-			"bg-transparent": n.isTransparent,
-			"bg-gray-900 opacity-75": !n.isTransparent
+		class: c(["bb:fixed bb:inset-0 bb:w-full bb:h-full bb:cursor-default bb:flex bb:items-start", {
+			"bb:z-20": n.isOpen,
+			"bb:bg-transparent": n.isTransparent,
+			"bb:bg-gray-900 bb:opacity-75": !n.isTransparent
 		}])
 	}, null, 2)), [[g, n.isOpen]]);
 }
 //#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,28 +80,28 @@ 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 bb: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, {
-		"enter-active-class": "transition ease-out duration-100",
-		"enter-from-class": "opacity-0 scale-95",
-		"enter-to-class": "opacity-100 scale-100",
-		"leave-active-class": "transition ease-in duration-75",
-		"leave-from-class": "opacity-100 scale-100",
-		"leave-to-class": "opacity-0 scale-95"
+		"enter-active-class": "bb:transition bb:ease-out bb:duration-100",
+		"enter-from-class": "bb:opacity-0 bb:scale-95",
+		"enter-to-class": "bb:opacity-100 bb:scale-100",
+		"leave-active-class": "bb:transition bb:ease-in bb:duration-75",
+		"leave-from-class": "bb:opacity-100 bb:scale-100",
+		"leave-to-class": "bb:opacity-0 bb:scale-95"
 	}, {
-		default: _(() => [v(a("div", s(e.$attrs, { class: ["absolute z-20", {
-			"left-0": p.alignLeft,
-			"right-0": p.alignRight
+		default: _(() => [v(a("div", s(e.$attrs, { class: ["bb:absolute bb:z-20", {
+			"bb:left-0": p.alignLeft,
+			"bb:right-0": p.alignRight
 		}] }), [d(e.$slots, "default")], 16), [[g, r.modelValue]])]),
 		_: 3
 	})]);
 }
-var O = /*#__PURE__*/ S(T, [["render", D]]), te = {
+var D = /*#__PURE__*/ x(w, [["render", E]]), ne = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -122,13 +122,13 @@ var O = /*#__PURE__*/ S(T, [["render", D]]), te = {
 		}
 	}
 };
-function ne(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,
-		"animate-pulse": n.withPulse
+function re(e, t, n, r, o, s) {
+	return l(), i("div", { class: c(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", {
+		"bb:text-red-500": s.isRed,
+		"bb:text-green-500": s.isGreen,
+		"bb:animate-pulse": n.withPulse
 	}]) }, [...t[0] ||= [a("svg", {
-		class: "fill-current w-2 h-2",
+		class: "bb:fill-current bb:w-2 bb:h-2",
 		viewBox: "0 0 120 120"
 	}, [a("circle", {
 		cx: "60",
@@ -136,14 +136,14 @@ 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"
+	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 M(e, t, n, r, o, s) {
-	return l(), i("button", j, [...t[0] ||= [a("svg", {
-		class: "w-6 h-6 stroke-current",
+function j(e, t, n, r, o, s) {
+	return l(), i("button", A, [...t[0] ||= [a("svg", {
+		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
 	}, [a("path", {
@@ -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,48 +268,48 @@ 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 bb:flex bb:flex-col" }, L = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, R = { class: "bb:min-w-24 bb:w-full bb:h-full" }, z = [
 	"disabled",
 	"value",
 	"placeholder"
-], V = {
+], B = {
 	ref: "container",
-	class: "flex mt-1 bg-white border border-gray-200 rounded-md shadow-lg"
+	class: "bb:flex bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb: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 }]),
+		class: c(["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", 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, {
+		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, z)])], 2), p.needsEraser ? (l(), n(m, {
 		key: 0,
 		onClick: p.clearPicker,
-		class: "z-10 h-full pr-2"
+		class: "bb:z-10 bb:h-full bb:pr-2"
 	}, null, 8, ["onClick"])) : r("", !0)]), o(h, {
 		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,43 +324,43 @@ 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: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb: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",
+			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: p(n.text)
-		}, null, 8, K),
+		}, null, 8, G),
 		v(o(u, {
 			color: "red",
 			"with-pulse": !0,
-			class: "ml-3"
+			class: "bb:ml-3"
 		}, null, 512), [[g, n.isLoading]]),
 		v(o(u, {
 			color: "red",
-			class: "ml-3"
+			class: "bb:ml-3"
 		}, 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 bb:flex bb:flex-none" }, ce = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, le = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, ue = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb: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,12 +457,12 @@ 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",
 		autocomplete: "off",
-		class: "flex w-phone h-full px-3 py-2 cursor-pointer truncate focus:outline-hidden border-none",
+		class: "bb:flex bb:w-phone bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
 		onFocus: t[0] ||= (...e) => c.onFocus && c.onFocus(...e),
 		onBlur: t[1] ||= (...e) => c.onBlur && c.onBlur(...e),
 		onKeydown: t[2] ||= y((...e) => c.commit && c.commit(...e), ["enter"]),
@@ -469,13 +470,13 @@ function ue(e, t, n, r, s, c) {
 	}, null, 544), v(o(d, {
 		onMousedown: t[4] ||= b(() => {}, ["prevent"]),
 		onClick: c.clear,
-		class: "pr-2 h-full"
+		class: "bb:pr-2 bb: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 bb:flex bb:flex-none" }, he = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, ge = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, _e = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb: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,8 +525,8 @@ function _e(e, t, n, r, s, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", he, [a("label", ge, [v(a("input", {
-		class: "flex w-full h-full px-3 py-2 cursor-pointer truncate focus:outline-hidden border-none",
+	]), a("div", ge, [a("label", _e, [v(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) => s.search = e,
 		onInput: t[1] ||= (...e) => c.startSearch && c.startSearch(...e)
 	}, null, 544), [[
@@ -533,13 +536,13 @@ function _e(e, t, n, r, s, c) {
 		{ trim: !0 }
 	]]), v(o(d, {
 		onClick: c.clearInput,
-		class: "pr-2 h-full"
+		class: "bb:pr-2 bb: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 bb:flex" }, Se = { class: "bb:flex bb:border bb:border-white" }, Ce = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, we = { class: "bb:flex bb:h-full bb:divide-x bb: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,22 +602,22 @@ 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",
+		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
 		"placeholder-text": "от"
 	}, null, 8, ["modelValue"]), o(d, {
 		modelValue: s.userDateTo,
 		"onUpdate:modelValue": t[1] ||= (e) => s.userDateTo = e,
-		class: "flex-1 min-w-36 pl-3",
+		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
 		"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,20 +648,20 @@ 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: "bb:flex bb:flex-col bb:grow bb:bg-white" }, ke = { class: "bb:relative bb:flex bb:w-full bb: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 }]),
+		class: c(["bb:flex bb:w-full bb:h-full bb:items-center bb:focus:outline-hidden bb:cursor-pointer", { "bb: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",
+		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: 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"
+		class: "bb:pr-2 bb:h-full"
 	})) : r("", !0)]), o(v, {
 		modelValue: m.popupIsOpen,
 		"onUpdate:modelValue": t[2] ||= (e) => m.popupIsOpen = e
@@ -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 = {
-	class: "w-5 h-5 fill-current text-green-300",
+}, Pe = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, Fe = {
+	class: "bb:w-5 bb:h-5 bb:fill-current bb: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", {
+		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", 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",
+		class: "bb:flex bb:h-9 bb:justify-center bb:items-center bb:pr-6 bb:whitespace-nowrap bb: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 bb:flex bb:flex-none" }, Be = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ve = { 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 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,21 +835,21 @@ 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,
-			"bg-indigo-100 text-gray-700": o.isIndigo,
-			"bg-gray-200 text-gray-700": o.isGray,
-			"bg-blue-100 text-blue-800": o.isBlue,
-			"bg-red-100 text-red-800": o.isRed,
-			"bg-yellow-100 text-yellow-800": o.isYellow
+		class: c(["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,
+			"bb:bg-indigo-100 bb:text-gray-700": o.isIndigo,
+			"bb:bg-gray-200 bb:text-gray-700": o.isGray,
+			"bb:bg-blue-100 bb:text-blue-800": o.isBlue,
+			"bb:bg-red-100 bb:text-red-800": o.isRed,
+			"bb:bg-yellow-100 bb: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,40 +863,40 @@ 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: "bb:flex" }, Xe = { class: "bb:shrink-0" }, Ze = { class: "bb: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", {
-		class: c(["h-5 w-5", f.isDangerous ? "text-red-400" : "text-yellow-400"]),
+		class: c(["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", Ye, [a("div", Xe, [(l(), i("svg", {
+		class: c(["bb:h-5 bb:w-5", f.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
 	}, [...n[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"
-	}, null, -1)]], 2))]), a("div", Xe, [(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"]),
+	}, null, -1)]], 2))]), a("div", Ze, [(l(!0), i(e, null, u(o.messages, (e, t) => (l(), i("p", {
+		class: c(["bb:text-sm bb:leading-5", f.isDangerous ? "bb:text-red-700" : "bb: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",
-		class: "bb-dashboard-ui flex items-center justify-center bg-transparent cursor-pointer text-gray-400 focus:outline-hidden hover:text-gray-600",
+		class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-center bb:bg-transparent bb:cursor-pointer bb:text-gray-400 bb:focus:outline-hidden bb:hover:text-gray-600",
 		onClick: t[0] ||= b((t) => e.$emit("clicked"), ["prevent"])
 	}, [...t[1] ||= [a("svg", {
-		class: "w-full h-full stroke-current",
+		class: "bb:w-full bb:h-full bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
 	}, [a("path", {
@@ -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 = {
-	class: "w-4 h-4",
+var rt = /*#__PURE__*/ x(tt, [["render", nt]]), it = {}, at = {
+	class: "bb:w-4 bb: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: "bb: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);
+		class: "bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-1.5 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:bg-purple-100 bb:text-purple-800 bb:hover:text-purple-600"
+	}, [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,41 +953,41 @@ 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: "bb:flex bb:items-end bb:justify-center bb:min-h-screen bb:pt-4 bb:px-4 bb:pb-20 bb:text-center bb:sm:block bb:sm:p-0" }, mt = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, ht = ["aria-labelledby"];
+function gt(e, n, r, s, u, f) {
+	return l(), i("div", { class: c(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", pt, [
 		o(t, {
-			"enter-active-class": "ease-out duration-300",
-			"enter-from-class": "opacity-0",
-			"enter-to-class": "opacity-100",
-			"leave-active-class": "ease-in duration-200",
-			"leave-from-class": "opacity-100",
-			"leave-to-class": "opacity-0"
+			"enter-active-class": "bb:ease-out bb:duration-300",
+			"enter-from-class": "bb:opacity-0",
+			"enter-to-class": "bb:opacity-100",
+			"leave-active-class": "bb:ease-in bb:duration-200",
+			"leave-from-class": "bb:opacity-100",
+			"leave-to-class": "bb: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: "bb:absolute bb:inset-0 bb:bg-gray-500 bb: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),
+		n[1] ||= a("span", { class: "bb:hidden bb:sm:inline-block bb:sm:align-middle bb:sm:h-screen" }, null, -1),
 		o(t, {
-			"enter-active-class": "ease-out duration-300",
-			"enter-from-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-			"enter-to-class": "opacity-100 translate-y-0 sm:scale-100",
-			"leave-active-class": "ease-in duration-200",
-			"leave-from-class": "opacity-100 translate-y-0 sm:scale-100",
-			"leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+			"enter-active-class": "bb:ease-out bb:duration-300",
+			"enter-from-class": "bb:opacity-0 bb:translate-y-4 bb:sm:translate-y-0 bb:sm:scale-95",
+			"enter-to-class": "bb:opacity-100 bb:translate-y-0 bb:sm:scale-100",
+			"leave-active-class": "bb:ease-in bb:duration-200",
+			"leave-from-class": "bb:opacity-100 bb:translate-y-0 bb:sm:scale-100",
+			"leave-to-class": "bb:opacity-0 bb:translate-y-4 bb:sm:translate-y-0 bb:sm:scale-95"
 		}, {
 			default: _(() => [v(a("div", {
-				class: "relative inline-block align-bottom bg-white rounded-lg text-left overflow-visible shadow-xl transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",
+				class: "bb:relative bb:inline-block bb:align-bottom bb:bg-white bb:rounded-lg bb:text-left bb:overflow-visible bb:shadow-xl bb:transition-all bb:sm:my-8 bb:sm:align-middle bb:sm:max-w-lg bb:sm:w-full",
 				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 = {
-	class: "h-7 w-7 text-red-600",
+var Q = /*#__PURE__*/ x(ft, [["render", gt]]), _t = {}, vt = {
+	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -996,8 +1002,8 @@ 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 bt = /*#__PURE__*/ S(_t, [["render", yt]]), xt = {}, St = {
-	class: "h-7 w-7 text-yellow-400",
+var bt = /*#__PURE__*/ x(_t, [["render", yt]]), xt = {}, St = {
+	class: "bb:h-7 bb:w-7 bb:text-yellow-400",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
@@ -1014,9 +1020,9 @@ function Ct(e, t, n, r, o, s) {
 //#region src/components/ConfirmationModal.vue
 var wt = {
 	components: {
-		Modal: gt,
+		Modal: Q,
 		Dangerous: bt,
-		Warning: /* @__PURE__ */ S(xt, [["render", Ct]])
+		Warning: /* @__PURE__ */ x(xt, [["render", Ct]])
 	},
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
@@ -1057,36 +1063,36 @@ var wt = {
 			return this.type === "warning";
 		}
 	}
-}, 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" };
+}, Tt = { class: "bb:flex bb:bg-white bb:px-4 bb:pt-5 bb:pb-4 bb:sm:p-6 bb:sm:pb-4" }, Et = { class: "bb:sm:flex bb:sm:items-start" }, $ = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, Dt = ["id"], Ot = { class: "bb:mt-2" }, kt = { class: "bb:text-sm bb:text-gray-500" }, At = { class: "bb:bg-gray-50 bb:px-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb: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", 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
+		default: _(() => [a("div", Tt, [a("div", Et, [a("div", { class: c(["bb:mx-auto bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-12 bb:w-12 bb:rounded-full bb:sm:mx-0 bb:sm:h-10 bb:sm:w-10", {
+			"bb:bg-red-100": u.isDangerous,
+			"bb: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", $, [a("h3", {
-			class: "text-lg leading-6 font-medium text-gray-900",
+			class: "bb:text-lg bb:leading-6 bb:font-medium bb: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", {
 			type: "button",
-			class: c(["w-full inline-flex justify-center rounded-md border border-transparent shadow-xs px-4 py-2 text-base font-medium text-white focus:outline-hidden focus:ring-2 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm", {
-				"bg-red-600 hover:bg-red-700 focus:ring-red-500": u.isDangerous,
-				"bg-yellow-400 hover:bg-yellow-500 focus:ring-yellow-300": u.isWarning
+			class: c(["bb:w-full bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-transparent bb:shadow-xs bb:px-4 bb:py-2 bb:text-base bb:font-medium bb:text-white bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm", {
+				"bb:bg-red-600 bb:hover:bg-red-700 bb:focus:ring-red-500": u.isDangerous,
+				"bb:bg-yellow-400 bb:hover:bg-yellow-500 bb:focus:ring-yellow-300": u.isWarning
 			}]),
 			onClick: t[0] ||= b((t) => e.$emit("actionConfirmed"), ["prevent"])
 		}, p(i.actionButtonText), 3), a("button", {
 			type: "button",
-			class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm",
+			class: "bb:mt-3 bb:w-full bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-gray-300 bb:shadow-xs bb:px-4 bb:py-2 bb:bg-white bb:text-base bb:font-medium bb:text-gray-700 bb:hover:bg-gray-50 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500 bb:sm:mt-0 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm",
 			onClick: t[1] ||= b((t) => e.$emit("actionCanceled"), ["prevent"])
 		}, p(i.cancelButtonText), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Mt = /*#__PURE__*/ S(wt, [["render", jt]]), Nt = {
-	components: { Popup: O },
+var Mt = /*#__PURE__*/ x(wt, [["render", jt]]), Nt = {
+	components: { Popup: D },
 	emits: ["update:modelValue"],
 	props: { modelValue: {
 		type: Boolean,
@@ -1104,22 +1110,22 @@ var Mt = /*#__PURE__*/ S(wt, [["render", jt]]), Nt = {
 	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 = {
+}, Pt = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, Ft = {
 	key: 0,
-	class: "-ml-px relative block"
+	class: "bb:-ml-px bb:relative bb: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 }])
+		class: c(["bb:relative bb:inline-flex bb:items-center bb:rounded-l-md bb:border bb:border-gray-300 bb:bg-white bb:hover:bg-gray-50 bb:focus:outline-hidden", { "bb: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",
+		class: "bb:relative bb:inline-flex bb:items-center bb:px-2 bb:py-2 bb:rounded-r-md bb:border bb:border-gray-300 bb:bg-white bb:text-sm bb:font-medium bb:text-gray-500 bb:hover:bg-gray-50 bb:focus:z-10 bb:focus:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500"
+	}, [...t[1] ||= [a("span", { class: "bb:sr-only" }, "Открыть меню", -1), a("svg", {
+		class: "bb:h-5 bb:w-5",
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 20 20",
 		fill: "currentColor",
@@ -1129,13 +1135,13 @@ function Rt(e, t, n, s, u, p) {
 		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",
+		class: "bb:origin-top-right bb: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",
+			class: "bb:mt-1 bb:w-56 bb:rounded-md bb:shadow-lg bb:bg-white bb:ring-1 bb:ring-black/5",
 			role: "menu",
 			"aria-orientation": "vertical",
 			"aria-labelledby": s.menuButtonId
@@ -1143,6 +1149,6 @@ function Rt(e, t, n, s, u, p) {
 		_: 3
 	}, 8, ["model-value", "onUpdate:modelValue"])])) : r("", !0)]);
 }
-var zt = /*#__PURE__*/ S(Nt, [["render", Rt]]);
+var zt = /*#__PURE__*/ x(Nt, [["render", Rt]]);
 //#endregion
-export { nt as Closer, Mt as ConfirmationModal, k as Dot, ut as DownloadLink, zt as DropdownButtonWithAction, $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-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}
+@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-500:oklch(58.5% .233 277.117);--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-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-auto{margin-inline:auto}.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\:-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-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}: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-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\:border{border-style:var(--tw-border-style);border-width:1px}.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-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-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-4{padding-top:calc(var(--bb-spacing) * 4)}.bb\:pt-5{padding-top:calc(var(--bb-spacing) * 5)}.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-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-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-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-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\: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-purple-600:hover{color:var(--bb-color-purple-600)}}.bb\:focus\:z-10:focus{z-index:10}.bb\:focus\:border-indigo-500:focus{border-color:var(--bb-color-indigo-500)}.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-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))}}}@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.5.0",
+    "version": "0.7.0",
     "description": "Компоненты дашборда на Vue 3",
     "keywords": [
         "vue",