@boobooking/dashboard-ui-components 0.6.0 → 0.7.0

package/README.md

@@ -326,6 +326,12 @@ ConfirmationModal нет v-model».
   где ждут строку, объект или массив, он считает пустыми: пустой строкой,
   отсутствием сообщений, пустым списком. Для обязательного пропа Vue при этом
   предупредит о несовпадении типа, но компонент отрисуется.
+- Каждая утилита в разметке компонента пишется с префиксом `bb:` — в
+  `class`, в `:class` и в пропсах `*-class` у `<transition>`; варианты идут
+  после префикса: `bb:sm:inline-block`, `bb:hover:bg-red-700`. Утилита без
+  префикса не сгенерируется. Классы в `:class` пишутся литералами — ключами
+  объекта, ветками тернарного оператора, элементами массива. Оба правила
+  проверяет `tests/utilityPrefix.test.js`.
 
 ## Почему у Popup и Dot нет события changed
 
@@ -378,10 +384,25 @@ 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` и `Modal`. Ресет лежит в слое

package/dist/index.js

@@ -37,10 +37,10 @@ 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]]);
 }
@@ -80,23 +80,23 @@ var w = {
 			return this.align === "right";
 		}
 	}
-}, T = { class: "bb-dashboard-ui relative" };
+}, T = { class: "bb-dashboard-ui bb:relative" };
 function E(e, n, r, c, u, p) {
 	let m = f("overlay");
 	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
 	})]);
@@ -123,12 +123,12 @@ var D = /*#__PURE__*/ x(w, [["render", E]]), ne = {
 	}
 };
 function re(e, t, n, r, o, s) {
-	return l(), i("div", { class: c(["bb-dashboard-ui flex h-full items-center leading-none text-4xl", {
-		"text-red-500": s.isRed,
-		"text-green-500": s.isGreen,
-		"animate-pulse": n.withPulse
+	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",
@@ -139,11 +139,11 @@ function re(e, t, n, r, o, s) {
 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 j(e, t, n, r, o, s) {
 	return l(), i("button", A, [...t[0] ||= [a("svg", {
-		class: "w-6 h-6 stroke-current",
+		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
 	}, [a("path", {
@@ -274,20 +274,20 @@ var F = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, I = { class: "bb-dashboard-ui flex flex-col" }, L = { class: "relative flex h-full cursor-pointer leading-none" }, R = { class: "min-w-24 w-full h-full" }, z = [
+}, 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"
 ], 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 V(e, t, s, u, d, p) {
 	let m = f("eraser"), h = f("popup");
 	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", R, [a("input", {
 		disabled: d.popupIsOpen,
@@ -295,11 +295,11 @@ function V(e, t, s, u, d, p) {
 		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"
+		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
@@ -324,22 +324,22 @@ var H = /*#__PURE__*/ x(F, [["render", V]]), U = {
 			default: !1
 		}
 	}
-}, W = { class: "flex h-6 px-3 bg-white items-center justify-between" }, G = ["textContent"];
+}, 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", 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, 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]])
 	]);
 }
@@ -446,7 +446,7 @@ var ie = 400, ae = 3, oe = {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, se = { class: "bb-dashboard-ui flex flex-none" }, ce = { class: "flex w-full flex-col border border-white bg-white" }, le = { class: "relative flex h-full w-full" }, ue = { class: "flex w-full h-full items-center justify-center" };
+}, 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", se, [a("div", ce, [o(u, {
@@ -462,7 +462,7 @@ function de(e, t, n, r, s, c) {
 		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"]),
@@ -470,7 +470,7 @@ function de(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 fe = /*#__PURE__*/ x(oe, [["render", de]]), pe = {
@@ -514,7 +514,7 @@ var fe = /*#__PURE__*/ x(oe, [["render", de]]), pe = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, me = { class: "bb-dashboard-ui flex flex-none" }, he = { class: "flex w-full flex-col border border-white bg-white" }, ge = { class: "relative flex h-full w-full" }, _e = { class: "flex w-full h-full items-center justify-center" };
+}, 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", me, [a("div", he, [o(u, {
@@ -526,7 +526,7 @@ function ve(e, t, n, r, s, c) {
 		"is-required",
 		"is-loading"
 	]), a("div", ge, [a("label", _e, [v(a("input", {
-		class: "flex w-full h-full px-3 py-2 cursor-pointer truncate focus:outline-hidden border-none",
+		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), [[
@@ -536,7 +536,7 @@ function ve(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 ye = /*#__PURE__*/ x(pe, [["render", ve]]), be = {
@@ -591,7 +591,7 @@ var ye = /*#__PURE__*/ x(pe, [["render", ve]]), be = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, xe = { class: "bb-dashboard-ui flex" }, Se = { class: "flex border border-white" }, Ce = { class: "flex flex-col min-w-72 w-72 bg-white h-full" }, we = { class: "flex h-full divide-x divide-gray-200" };
+}, 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", xe, [a("div", Se, [a("div", Ce, [o(u, {
@@ -605,12 +605,12 @@ function Te(e, t, n, r, s, c) {
 	]), 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"])])])])]);
 }
@@ -648,20 +648,20 @@ var Ee = /*#__PURE__*/ x(be, [["render", Te]]), De = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, Oe = { class: "flex flex-col grow bg-white" }, ke = { class: "relative flex w-full h-full" }, Ae = ["textContent"];
+}, 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", 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, 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
@@ -682,21 +682,21 @@ var Me = /*#__PURE__*/ x(De, [["render", je]]), Ne = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Pe = { class: "flex w-9 h-9 items-center justify-center" }, Fe = {
-	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"
 }, 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"
+		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, Ie)]);
 }
@@ -759,7 +759,7 @@ var Re = {
 			this.$emit("update:modelValue", null), this.$emit("changed");
 		}
 	}
-}, ze = { class: "bb-dashboard-ui flex flex-none" }, Be = { class: "flex w-full flex-col border border-white bg-white" }, Ve = { class: "flex flex-col py-1 mt-1 bg-white border border-gray-200 rounded-md shadow-lg divide-y divide-gray-200 divide-dashed" };
+}, 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", ze, [a("div", Be, [o(h, {
@@ -838,13 +838,13 @@ var Ue = /*#__PURE__*/ x(Re, [["render", He]]), We = {
 }, 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, Ge);
@@ -869,13 +869,13 @@ var qe = /*#__PURE__*/ x(We, [["render", Ke]]), Je = {
 			return this.type === "dangerous";
 		}
 	}
-}, Ye = { class: "flex" }, Xe = { class: "shrink-0" }, Ze = { class: "ml-3" }, Qe = ["textContent"];
+}, 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"])
+		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(["h-5 w-5", f.isDangerous ? "text-red-400" : "text-yellow-400"]),
+		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", {
@@ -883,7 +883,7 @@ function $e(t, n, o, s, d, f) {
 		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", Ze, [(l(!0), i(e, null, u(o.messages, (e, t) => (l(), i("p", {
-		class: c(["text-sm leading-5", f.isDangerous ? "text-red-700" : "text-yellow-700"]),
+		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, Qe))), 128))])])], 2)) : r("", !0);
@@ -893,10 +893,10 @@ 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", {
@@ -907,7 +907,7 @@ function nt(e, t, n, r, o, s) {
 	})], -1)]]);
 }
 var rt = /*#__PURE__*/ x(tt, [["render", nt]]), it = {}, at = {
-	class: "w-4 h-4",
+	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
@@ -935,13 +935,13 @@ var st = {
 			default: "Скачать"
 		}
 	}
-}, ct = ["href", "title"], lt = { class: "ml-1" };
+}, 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"
+		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 dt = /*#__PURE__*/ x(st, [["render", ut]]), ft = { props: {
@@ -953,31 +953,31 @@ var dt = /*#__PURE__*/ x(st, [["render", ut]]), ft = { props: {
 		type: String,
 		required: !0
 	}
-} }, pt = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" }, mt = { class: "fixed inset-0 transition-opacity" }, ht = ["aria-labelledby"];
+} }, 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 fixed inset-0 overflow-y-auto z-20", { "pointer-events-none": !r.isOpen }]) }, [a("div", pt, [
+	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", mt, [...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
@@ -987,7 +987,7 @@ function gt(e, n, r, s, u, f) {
 	])], 2);
 }
 var Q = /*#__PURE__*/ x(ft, [["render", gt]]), _t = {}, vt = {
-	class: "h-7 w-7 text-red-600",
+	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",
@@ -1003,7 +1003,7 @@ function yt(e, t, n, r, o, s) {
 	}, null, -1)]]);
 }
 var bt = /*#__PURE__*/ x(_t, [["render", yt]]), xt = {}, St = {
-	class: "h-7 w-7 text-yellow-400",
+	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",
@@ -1063,29 +1063,29 @@ 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
@@ -1110,22 +1110,22 @@ var Mt = /*#__PURE__*/ x(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",
@@ -1135,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

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.6.0",
+    "version": "0.7.0",
     "description": "Компоненты дашборда на Vue 3",
     "keywords": [
         "vue",