@sakaniui/react 0.3.27 → 0.3.29

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as ee, W as S, X as C, Y as te, Z as ne, _ as re, a as ie, at as w, b as T, c as ae, ct as oe, d as se, dt as ce, et as le, f as ue, ft as de, g as fe, h as pe, i as me, it as he, j as ge, k as _e, l as ve, lt as ye, m as be, n as xe, nt as Se, o as Ce, ot as we, p as Te, pt as E, q as Ee, r as De, rt as Oe, s as ke, st as Ae, t as je, tt as Me, u as Ne, ut as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./TopBar-Cbskdj4E.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as ee, W as S, X as C, Y as te, Z as ne, _ as re, a as ie, at as w, b as T, c as ae, ct as oe, d as se, dt as ce, et as le, f as ue, ft as de, g as fe, h as pe, i as me, it as he, j as ge, k as _e, l as ve, lt as ye, m as be, n as xe, nt as Se, o as Ce, ot as we, p as Te, pt as E, q as Ee, r as De, rt as Oe, s as ke, st as Ae, t as je, tt as Me, u as Ne, ut as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./TopBar-BFua2Hnk.js";
 import D, { useEffect as Be, useState as Ve } from "react";
 import { Fragment as He, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { ArrowRight as Ue, ChartColumn as We, Check as Ge, ChevronDown as Ke, ChevronLeft as qe, ChevronRight as Je, ChevronsUpDown as Ye, Copy as Xe, File as Ze, Info as Qe, LogOut as $e, Menu as et, Minus as tt, MoreHorizontal as nt, Play as rt, Plus as it, Quote as at, Receipt as ot, Search as st, Sparkles as ct, TrendingDown as lt, TrendingUp as ut, TriangleAlert as dt, UploadCloud as ft, X as pt } from "lucide-react";
@@ -1568,23 +1568,23 @@ var $t = [
 		})
 	]
 }), V = {
-	calendar: "_calendar_1ljjb_2",
-	header: "_header_1ljjb_14",
-	header__label: "_header__label_1ljjb_15",
-	navBtn: "_navBtn_1ljjb_16",
-	weekdays: "_weekdays_1ljjb_27",
-	weekday: "_weekday_1ljjb_27",
-	grid: "_grid_1ljjb_34",
-	day: "_day_1ljjb_35",
-	"day--default": "_day--default_1ljjb_45",
-	"day--hover": "_day--hover_1ljjb_46",
-	"day--selected": "_day--selected_1ljjb_47",
-	"day--today": "_day--today_1ljjb_48",
-	"day--in-range": "_day--in-range_1ljjb_49",
-	"day--outside": "_day--outside_1ljjb_50",
-	"day--disabled": "_day--disabled_1ljjb_51",
-	dropdowns: "_dropdowns_1ljjb_54",
-	dropdown: "_dropdown_1ljjb_54"
+	calendar: "_calendar_qvyxg_2",
+	header: "_header_qvyxg_14",
+	header__label: "_header__label_qvyxg_15",
+	navBtn: "_navBtn_qvyxg_16",
+	weekdays: "_weekdays_qvyxg_27",
+	weekday: "_weekday_qvyxg_27",
+	grid: "_grid_qvyxg_34",
+	day: "_day_qvyxg_35",
+	"day--default": "_day--default_qvyxg_49",
+	"day--hover": "_day--hover_qvyxg_50",
+	"day--selected": "_day--selected_qvyxg_51",
+	"day--today": "_day--today_qvyxg_52",
+	"day--in-range": "_day--in-range_qvyxg_53",
+	"day--outside": "_day--outside_qvyxg_54",
+	"day--disabled": "_day--disabled_qvyxg_55",
+	dropdowns: "_dropdowns_qvyxg_58",
+	dropdown: "_dropdown_qvyxg_58"
 }, Kn = [
 	"Su",
 	"Mo",
@@ -1772,46 +1772,46 @@ var $t = [
 		}))
 	]
 }), U = {
-	field: "_field_12ugs_7",
-	field__label: "_field__label_12ugs_8",
-	field__description: "_field__description_12ugs_9",
-	field__error: "_field__error_12ugs_10",
-	control: "_control_12ugs_13",
-	"control--sm": "_control--sm_12ugs_25",
-	"control--md": "_control--md_12ugs_26",
-	"control--lg": "_control--lg_12ugs_27",
-	"control--open": "_control--open_12ugs_30",
-	"control--error": "_control--error_12ugs_41",
-	"control--disabled": "_control--disabled_12ugs_46",
-	control__value: "_control__value_12ugs_52",
-	"control__value--placeholder": "_control__value--placeholder_12ugs_62",
-	control__input: "_control__input_12ugs_63",
-	control__chevron: "_control__chevron_12ugs_83",
-	"control__chevron--open": "_control__chevron--open_12ugs_84",
-	chips: "_chips_12ugs_90",
-	chip: "_chip_12ugs_90",
-	"chip--leaving": "_chip--leaving_12ugs_102",
-	"sakani-combobox-chip-out": "_sakani-combobox-chip-out_12ugs_1",
-	chip__remove: "_chip__remove_12ugs_110",
-	panel: "_panel_12ugs_121",
-	"panel--entering": "_panel--entering_12ugs_145",
-	"sakani-combobox-panel-in": "_sakani-combobox-panel-in_12ugs_1",
-	"panel--exiting": "_panel--exiting_12ugs_146",
-	"sakani-combobox-panel-out": "_sakani-combobox-panel-out_12ugs_1",
-	panel__empty: "_panel__empty_12ugs_156",
-	option: "_option_12ugs_164",
-	"option--selected": "_option--selected_12ugs_189",
-	"option--disabled": "_option--disabled_12ugs_190",
-	optionHighlight: "_optionHighlight_12ugs_165",
-	"optionHighlight--animated": "_optionHighlight--animated_12ugs_221",
-	option__box: "_option__box_12ugs_228",
-	"option__box--checked": "_option__box--checked_12ugs_245",
-	option__icon: "_option__icon_12ugs_250",
-	option__label: "_option__label_12ugs_251",
-	option__check: "_option__check_12ugs_252",
-	panel__loading: "_panel__loading_12ugs_255",
-	panel__spinner: "_panel__spinner_12ugs_259",
-	"sakani-cb-spin": "_sakani-cb-spin_12ugs_1"
+	field: "_field_1oby0_7",
+	field__label: "_field__label_1oby0_8",
+	field__description: "_field__description_1oby0_9",
+	field__error: "_field__error_1oby0_10",
+	control: "_control_1oby0_13",
+	"control--sm": "_control--sm_1oby0_25",
+	"control--md": "_control--md_1oby0_26",
+	"control--lg": "_control--lg_1oby0_27",
+	"control--open": "_control--open_1oby0_30",
+	"control--error": "_control--error_1oby0_41",
+	"control--disabled": "_control--disabled_1oby0_46",
+	control__value: "_control__value_1oby0_52",
+	"control__value--placeholder": "_control__value--placeholder_1oby0_62",
+	control__input: "_control__input_1oby0_63",
+	control__chevron: "_control__chevron_1oby0_83",
+	"control__chevron--open": "_control__chevron--open_1oby0_84",
+	chips: "_chips_1oby0_90",
+	chip: "_chip_1oby0_90",
+	"chip--leaving": "_chip--leaving_1oby0_102",
+	"sakani-combobox-chip-out": "_sakani-combobox-chip-out_1oby0_1",
+	chip__remove: "_chip__remove_1oby0_110",
+	panel: "_panel_1oby0_121",
+	"panel--entering": "_panel--entering_1oby0_145",
+	"sakani-combobox-panel-in": "_sakani-combobox-panel-in_1oby0_1",
+	"panel--exiting": "_panel--exiting_1oby0_146",
+	"sakani-combobox-panel-out": "_sakani-combobox-panel-out_1oby0_1",
+	panel__empty: "_panel__empty_1oby0_156",
+	option: "_option_1oby0_164",
+	"option--selected": "_option--selected_1oby0_189",
+	"option--disabled": "_option--disabled_1oby0_190",
+	optionHighlight: "_optionHighlight_1oby0_165",
+	"optionHighlight--animated": "_optionHighlight--animated_1oby0_221",
+	option__box: "_option__box_1oby0_228",
+	"option__box--checked": "_option__box--checked_1oby0_245",
+	option__icon: "_option__icon_1oby0_250",
+	option__label: "_option__label_1oby0_251",
+	option__check: "_option__check_1oby0_252",
+	panel__loading: "_panel__loading_1oby0_255",
+	panel__spinner: "_panel__spinner_1oby0_259",
+	"sakani-cb-spin": "_sakani-cb-spin_1oby0_1"
 }, Qn = ({ options: e, mode: t = "single", size: n = "md", label: r, description: i, error: a, placeholder: o = "Select...", disabled: s, loading: c, value: l, onChange: u, className: d }) => {
 	let f = D.useId(), [p, m] = D.useState(!1), [h, g] = D.useState(!1), [_, v] = D.useState(0), y = D.useRef(null), b = e;
 	D.useEffect(() => {
@@ -2127,19 +2127,19 @@ var $t = [
 		})]
 	});
 }, W = {
-	wrap: "_wrap_1b5p5_2",
-	dropzone: "_dropzone_1b5p5_4",
-	"dropzone--dragging": "_dropzone--dragging_1b5p5_21",
-	dropzone__icon: "_dropzone__icon_1b5p5_23",
-	dropzone__label: "_dropzone__label_1b5p5_28",
-	dropzone__link: "_dropzone__link_1b5p5_29",
-	dropzone__hint: "_dropzone__hint_1b5p5_30",
-	input: "_input_1b5p5_32",
-	files: "_files_1b5p5_35",
-	file: "_file_1b5p5_35",
-	file__icon: "_file__icon_1b5p5_45",
-	file__name: "_file__name_1b5p5_46",
-	file__remove: "_file__remove_1b5p5_47"
+	wrap: "_wrap_1j16e_2",
+	dropzone: "_dropzone_1j16e_4",
+	"dropzone--dragging": "_dropzone--dragging_1j16e_21",
+	dropzone__icon: "_dropzone__icon_1j16e_23",
+	dropzone__label: "_dropzone__label_1j16e_28",
+	dropzone__link: "_dropzone__link_1j16e_29",
+	dropzone__hint: "_dropzone__hint_1j16e_30",
+	input: "_input_1j16e_32",
+	files: "_files_1j16e_35",
+	file: "_file_1j16e_35",
+	file__icon: "_file__icon_1j16e_45",
+	file__name: "_file__name_1j16e_46",
+	file__remove: "_file__remove_1j16e_47"
 }, nr = ({ accept: e, multiple: t, hint: n = "SVG, PNG, JPG or PDF (max. 2MB)", onFilesChange: r, className: i }) => {
 	let a = D.useRef(null), [o, s] = D.useState(!1), [c, l] = D.useState([]), u = (e) => {
 		l(e), r?.(e);
@@ -2564,14 +2564,14 @@ var hr = { chart: "_chart_18fgd_2" }, gr = {
 		})
 	});
 }, yr = {
-	item: "_item_va3db_2",
-	"item--disabled": "_item--disabled_va3db_18",
-	"item--selected": "_item--selected_va3db_22",
-	item__leading: "_item__leading_va3db_26",
-	item__text: "_item__text_va3db_27",
-	item__title: "_item__title_va3db_28",
-	item__description: "_item__description_va3db_29",
-	item__trailing: "_item__trailing_va3db_30"
+	item: "_item_4gag1_2",
+	"item--disabled": "_item--disabled_4gag1_22",
+	"item--selected": "_item--selected_4gag1_26",
+	item__leading: "_item__leading_4gag1_30",
+	item__text: "_item__text_4gag1_31",
+	item__title: "_item__title_4gag1_32",
+	item__description: "_item__description_4gag1_33",
+	item__trailing: "_item__trailing_4gag1_34"
 }, br = ({ title: e, description: t, leading: n, trailing: r, selected: i, disabled: a, onClick: o, className: s }) => /* @__PURE__ */ k("button", {
 	type: "button",
 	"data-hover-item": "",
@@ -2622,14 +2622,14 @@ var hr = { chart: "_chart_18fgd_2" }, gr = {
 	className: xr.divider,
 	role: "separator"
 }), wr = {
-	item: "_item_1n6g9_2",
-	item__icon: "_item__icon_1n6g9_23",
-	item__label: "_item__label_1n6g9_24",
-	item__shortcut: "_item__shortcut_1n6g9_25",
-	item__check: "_item__check_1n6g9_32",
-	"item--checked": "_item--checked_1n6g9_34",
-	"item--disabled": "_item--disabled_1n6g9_35",
-	"item--destructive": "_item--destructive_1n6g9_36"
+	item: "_item_1ezjp_2",
+	item__icon: "_item__icon_1ezjp_27",
+	item__label: "_item__label_1ezjp_28",
+	item__shortcut: "_item__shortcut_1ezjp_29",
+	item__check: "_item__check_1ezjp_36",
+	"item--checked": "_item--checked_1ezjp_38",
+	"item--disabled": "_item--disabled_1ezjp_39",
+	"item--destructive": "_item--destructive_1ezjp_40"
 }, Tr = ({ state: e = "default", icon: t, shortcut: n, children: r, onSelect: i, className: a }) => {
 	let o = e === "disabled";
 	return /* @__PURE__ */ k("div", {
@@ -3480,16 +3480,16 @@ var X = {
 			children: r
 		})
 	]
-}), Z = {
+}), ri = {
 	search: "_search_1airw_2",
 	search__icon: "_search__icon_1airw_25",
 	search__input: "_search__input_1airw_26",
 	search__placeholder: "_search__placeholder_1airw_38",
 	search__kbd: "_search__kbd_1airw_39",
 	collapsed: "_collapsed_1airw_53"
-}, ri = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ O("button", {
+}, ii = ({ type: e = "field", placeholder: t = "Search…", collapsed: n, value: r, onChange: i, onClick: a }) => n ? /* @__PURE__ */ O("button", {
 	type: "button",
-	className: Z.collapsed,
+	className: ri.collapsed,
 	onClick: a,
 	"aria-label": "Search",
 	children: /* @__PURE__ */ O(st, {
@@ -3498,48 +3498,48 @@ var X = {
 	})
 }) : e === "command" ? /* @__PURE__ */ k("button", {
 	type: "button",
-	className: Z.search,
+	className: ri.search,
 	onClick: a,
 	children: [
 		/* @__PURE__ */ O(st, {
 			size: 16,
 			strokeWidth: E(16),
-			className: Z.search__icon
+			className: ri.search__icon
 		}),
 		/* @__PURE__ */ O("span", {
-			className: Z.search__placeholder,
+			className: ri.search__placeholder,
 			children: t
 		}),
 		/* @__PURE__ */ O("kbd", {
-			className: Z.search__kbd,
+			className: ri.search__kbd,
 			children: "⌘K"
 		})
 	]
 }) : /* @__PURE__ */ k("div", {
-	className: Z.search,
+	className: ri.search,
 	children: [/* @__PURE__ */ O(st, {
 		size: 16,
 		strokeWidth: E(16),
-		className: Z.search__icon
+		className: ri.search__icon
 	}), /* @__PURE__ */ O("input", {
-		className: Z.search__input,
+		className: ri.search__input,
 		placeholder: t,
 		value: r,
 		onChange: (e) => i?.(e.target.value)
 	})]
-}), ii = {
+}), ai = {
 	spinner: "_spinner_14r00_3",
 	"spinner--sm": "_spinner--sm_14r00_12",
 	"spinner--md": "_spinner--md_14r00_13",
 	"spinner--lg": "_spinner--lg_14r00_14",
 	spinner__svg: "_spinner__svg_14r00_17",
 	"spinner-rotate": "_spinner-rotate_14r00_1"
-}, ai = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ O("span", {
+}, oi = ({ size: e = "md", label: t = "Loading...", className: n }) => /* @__PURE__ */ O("span", {
 	role: "status",
 	"aria-label": t,
 	className: [
-		ii.spinner,
-		ii[`spinner--${e}`],
+		ai.spinner,
+		ai[`spinner--${e}`],
 		n ?? ""
 	].filter(Boolean).join(" "),
 	children: /* @__PURE__ */ k("svg", {
@@ -3549,7 +3549,7 @@ var X = {
 		strokeWidth: 2.5,
 		strokeLinecap: "round",
 		"aria-hidden": "true",
-		className: ii.spinner__svg,
+		className: ai.spinner__svg,
 		children: [/* @__PURE__ */ O("circle", {
 			cx: 12,
 			cy: 12,
@@ -3557,35 +3557,35 @@ var X = {
 			opacity: .2
 		}), /* @__PURE__ */ O("path", {
 			d: "M12 3a9 9 0 0 1 9 9",
-			className: ii.spinner__arc
+			className: ai.spinner__arc
 		})]
 	})
-}), Q = {
-	card: "_card_u5kvg_4",
-	"card--featured": "_card--featured_u5kvg_24",
-	card__head: "_card__head_u5kvg_26",
-	card__icon: "_card__icon_u5kvg_27",
-	card__title: "_card__title_u5kvg_41",
-	card__menu: "_card__menu_u5kvg_42",
-	card__value: "_card__value_u5kvg_50",
-	card__meta: "_card__meta_u5kvg_59",
-	card__sparkline: "_card__sparkline_u5kvg_66",
-	"card--trend-up": "_card--trend-up_u5kvg_68",
-	"card--trend-down": "_card--trend-down_u5kvg_69",
-	card__description: "_card__description_u5kvg_72"
-}, oi = {
+}), Z = {
+	card: "_card_1qi93_4",
+	"card--featured": "_card--featured_1qi93_24",
+	card__head: "_card__head_1qi93_26",
+	card__icon: "_card__icon_1qi93_27",
+	card__title: "_card__title_1qi93_41",
+	card__menu: "_card__menu_1qi93_42",
+	card__value: "_card__value_1qi93_50",
+	card__meta: "_card__meta_1qi93_59",
+	card__sparkline: "_card__sparkline_1qi93_66",
+	"card--trend-up": "_card--trend-up_1qi93_68",
+	"card--trend-down": "_card--trend-down_1qi93_69",
+	card__description: "_card__description_1qi93_72"
+}, si = {
 	up: ut,
 	down: lt,
 	flat: tt
-}, si = {
+}, ci = {
 	up: "success",
 	down: "danger",
 	flat: "neutral"
-}, ci = ({ data: e }) => {
+}, li = ({ data: e }) => {
 	if (e.length < 2) return null;
 	let t = Math.min(...e), n = Math.max(...e) - t || 1;
 	return /* @__PURE__ */ O("svg", {
-		className: li,
+		className: ui,
 		viewBox: "0 0 100 32",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
@@ -3598,21 +3598,21 @@ var X = {
 			strokeLinecap: "round"
 		})
 	});
-}, li = Q.card__sparkline, ui = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: u, className: d }) => {
-	let f = oi[a], p = (s === "icon" || s === "featured") && c;
+}, ui = Z.card__sparkline, di = ({ title: e, value: t, description: n, sparkline: r, delta: i, trend: a = "up", badgeVariant: o, variant: s = "minimal", icon: c, showMenu: l, onMenu: u, className: d }) => {
+	let f = si[a], p = (s === "icon" || s === "featured") && c;
 	return /* @__PURE__ */ k("div", {
 		className: [
-			Q.card,
-			Q[`card--${s}`],
-			Q[`card--trend-${a}`],
+			Z.card,
+			Z[`card--${s}`],
+			Z[`card--trend-${a}`],
 			d ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ k("div", {
-				className: Q.card__head,
+				className: Z.card__head,
 				children: [
 					p && /* @__PURE__ */ O("span", {
-						className: Q.card__icon,
+						className: Z.card__icon,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ O(c, {
 							size: 18,
@@ -3620,12 +3620,12 @@ var X = {
 						})
 					}),
 					/* @__PURE__ */ O("span", {
-						className: Q.card__title,
+						className: Z.card__title,
 						children: e
 					}),
 					l && /* @__PURE__ */ O("button", {
 						type: "button",
-						className: Q.card__menu,
+						className: Z.card__menu,
 						onClick: u,
 						"aria-label": "More options",
 						children: /* @__PURE__ */ O(nt, {
@@ -3636,27 +3636,27 @@ var X = {
 				]
 			}),
 			/* @__PURE__ */ O("div", {
-				className: Q.card__value,
+				className: Z.card__value,
 				children: t
 			}),
-			r && /* @__PURE__ */ O(ci, { data: r }),
+			r && /* @__PURE__ */ O(li, { data: r }),
 			(i || n) && /* @__PURE__ */ k("div", {
-				className: Q.card__meta,
+				className: Z.card__meta,
 				children: [i && /* @__PURE__ */ O(C, {
-					variant: o ?? si[a],
+					variant: o ?? ci[a],
 					leftIcon: /* @__PURE__ */ O(f, {
 						size: 12,
 						strokeWidth: 2
 					}),
 					children: i
 				}), n && /* @__PURE__ */ O("p", {
-					className: Q.card__description,
+					className: Z.card__description,
 					children: n
 				})]
 			})
 		]
 	});
-}, $ = {
+}, Q = {
 	stepper: "_stepper_kxw14_3",
 	"stepper--horizontal": "_stepper--horizontal_kxw14_4",
 	"stepper--vertical": "_stepper--vertical_kxw14_5",
@@ -3677,41 +3677,41 @@ var X = {
 	"connector--horizontal": "_connector--horizontal_kxw14_47",
 	"connector--vertical": "_connector--vertical_kxw14_48",
 	"connector--filled": "_connector--filled_kxw14_49"
-}, di = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ k("div", {
-	className: [$.step, $[`step--${i}`]].join(" "),
+}, fi = ({ index: e, state: t, label: n, description: r, orientation: i = "horizontal" }) => /* @__PURE__ */ k("div", {
+	className: [Q.step, Q[`step--${i}`]].join(" "),
 	children: [/* @__PURE__ */ O("span", {
-		className: [$.circle, $[`circle--${t}`]].join(" "),
+		className: [Q.circle, Q[`circle--${t}`]].join(" "),
 		"aria-hidden": "true",
 		children: t === "completed" ? /* @__PURE__ */ O(Ge, {
 			size: 14,
 			strokeWidth: E(14)
 		}) : /* @__PURE__ */ O("span", {
-			className: $.circle__num,
+			className: Q.circle__num,
 			children: e + 1
 		})
 	}), /* @__PURE__ */ k("span", {
-		className: $.step__text,
+		className: Q.step__text,
 		children: [/* @__PURE__ */ O("span", {
 			className: [
-				$.step__label,
-				t === "current" ? $["step__label--current"] : "",
-				t === "upcoming" ? $["step__label--upcoming"] : ""
+				Q.step__label,
+				t === "current" ? Q["step__label--current"] : "",
+				t === "upcoming" ? Q["step__label--upcoming"] : ""
 			].filter(Boolean).join(" "),
 			children: n
 		}), r && /* @__PURE__ */ O("span", {
-			className: $.step__desc,
+			className: Q.step__desc,
 			children: r
 		})]
 	})]
-}), fi = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
+}), pi = ({ steps: e, current: t, orientation: n = "horizontal", className: r }) => {
 	let i = (e) => e < t ? "completed" : e === t ? "current" : "upcoming";
 	return /* @__PURE__ */ O("div", {
 		className: [
-			$.stepper,
-			$[`stepper--${n}`],
+			Q.stepper,
+			Q[`stepper--${n}`],
 			r ?? ""
 		].filter(Boolean).join(" "),
-		children: e.map((r, a) => /* @__PURE__ */ k(D.Fragment, { children: [/* @__PURE__ */ O(di, {
+		children: e.map((r, a) => /* @__PURE__ */ k(D.Fragment, { children: [/* @__PURE__ */ O(fi, {
 			index: a,
 			state: i(a),
 			label: r.label,
@@ -3719,46 +3719,59 @@ var X = {
 			orientation: n
 		}), a < e.length - 1 && /* @__PURE__ */ O("span", {
 			className: [
-				$.connector,
-				$[`connector--${n}`],
-				a < t ? $["connector--filled"] : ""
+				Q.connector,
+				Q[`connector--${n}`],
+				a < t ? Q["connector--filled"] : ""
 			].filter(Boolean).join(" "),
 			"aria-hidden": "true"
 		})] }, a))
 	});
-}, pi = {
-	wrapper: "_wrapper_k5grn_3",
-	"wrapper--disabled": "_wrapper--disabled_k5grn_11",
-	input: "_input_k5grn_13",
-	track: "_track_k5grn_15",
-	thumb: "_thumb_k5grn_28",
-	label: "_label_k5grn_55"
-}, mi = D.forwardRef(({ label: e, disabled: t, id: n, className: r, ...i }, a) => {
-	let o = D.useId(), s = n ?? o;
+}, $ = {
+	wrapper: "_wrapper_1xxik_3",
+	"wrapper--disabled": "_wrapper--disabled_1xxik_11",
+	input: "_input_1xxik_13",
+	track: "_track_1xxik_15",
+	thumb: "_thumb_1xxik_28",
+	label: "_label_1xxik_55",
+	"wrapper--withDescription": "_wrapper--withDescription_1xxik_60",
+	text: "_text_1xxik_61",
+	description: "_description_1xxik_63"
+}, mi = D.forwardRef(({ label: e, description: t, disabled: n, id: r, className: i, ...a }, o) => {
+	let s = D.useId(), c = r ?? s;
 	return /* @__PURE__ */ k("label", {
-		htmlFor: s,
+		htmlFor: c,
 		className: [
-			pi.wrapper,
-			t ? pi["wrapper--disabled"] : "",
-			r ?? ""
+			$.wrapper,
+			t ? $["wrapper--withDescription"] : "",
+			n ? $["wrapper--disabled"] : "",
+			i ?? ""
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ O("input", {
-				ref: a,
-				id: s,
+				ref: o,
+				id: c,
 				type: "checkbox",
 				role: "switch",
-				disabled: t,
-				className: pi.input,
-				...i
+				disabled: n,
+				className: $.input,
+				...a
 			}),
 			/* @__PURE__ */ O("span", {
-				className: pi.track,
+				className: $.track,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ O("span", { className: pi.thumb })
+				children: /* @__PURE__ */ O("span", { className: $.thumb })
 			}),
-			e && /* @__PURE__ */ O("span", {
-				className: pi.label,
+			t ? /* @__PURE__ */ k("span", {
+				className: $.text,
+				children: [e && /* @__PURE__ */ O("span", {
+					className: $.label,
+					children: e
+				}), /* @__PURE__ */ O("span", {
+					className: $.description,
+					children: t
+				})]
+			}) : e && /* @__PURE__ */ O("span", {
+				className: $.label,
 				children: e
 			})
 		]
@@ -3807,15 +3820,15 @@ var hi = {
 });
 gi.displayName = "Textarea";
 var _i = {
-	toast: "_toast_8yqwj_3",
-	toast__icon: "_toast__icon_8yqwj_17",
-	"toast--success": "_toast--success_8yqwj_18",
-	"toast--error": "_toast--error_8yqwj_19",
-	"toast--info": "_toast--info_8yqwj_20",
-	toast__content: "_toast__content_8yqwj_22",
-	toast__title: "_toast__title_8yqwj_23",
-	toast__description: "_toast__description_8yqwj_24",
-	toast__dismiss: "_toast__dismiss_8yqwj_26"
+	toast: "_toast_dshlf_3",
+	toast__icon: "_toast__icon_dshlf_17",
+	"toast--success": "_toast--success_dshlf_18",
+	"toast--error": "_toast--error_dshlf_19",
+	"toast--info": "_toast--info_dshlf_20",
+	toast__content: "_toast__content_dshlf_22",
+	toast__title: "_toast__title_dshlf_23",
+	toast__description: "_toast__description_dshlf_24",
+	toast__dismiss: "_toast__dismiss_dshlf_26"
 }, vi = {
 	success: /* @__PURE__ */ k(He, { children: [/* @__PURE__ */ O("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ O("polyline", { points: "22 4 12 14.01 9 11.01" })] }),
 	error: /* @__PURE__ */ k(He, { children: [
@@ -3968,4 +3981,4 @@ var _i = {
 	]
 });
 //#endregion
-export { ce as Accordion, de as AccordionItem, oe as ActivityFeed, ye as ActivityFeedHighlight, h as Alert, zt as Announcement, Wn as AreaChart, Pe as Avatar, m as AvatarGroup, he as AvatarUpload, C as Badge, Oe as Balance, on as BarChart, _n as BlogBlockquote, yn as BlogFeatureText, xn as BlogImage, l as BlogListingCard, o as BlogListingFeaturedCard, i as BoardCard, Gn as BoardColumn, Ie as Breadcrumb, w as Button, Xn as Calendar, Zn as Card, r as CardMetaItem, u as CartItem, y as ChatComposer, Le as Checkbox, d as CheckoutSteps, Ut as CodeSnippet, S as ColorSwatch, Qn as Combobox, T as ConversationItem, Ee as DEFAULT_CHECKOUT_STEPS, Me as Divider, tr as DonutChart, Re as EmptyState, Kt as Expenses, g as FeaturedIcon, nr as FileUpload, Fe as FilterChip, Cn as FirstPageHeading, sr as FunnelChart, ur as HeatmapChart, b as HoverGroup, we as IconButton, Yt as InlineHint, re as Input, ge as JobListing, fr as Kbd, mr as Label, vr as LineChart, Ae as Link, Tn as List, br as ListItem, p as LocationDot, On as Marquee, Sr as Menu, Cr as MenuDivider, Tr as MenuItem, fe as MessageBubble, An as Metric, jn as MobileNavigationMenu, le as Modal, e as NotificationItem, pe as Pagination, Nr as PieChart, Pn as PlaceholderLogo, Pr as Popover, x as PriceDisplay, ee as ProductCard, n as ProductGallery, Fn as ProfileCard, Se as Progress, Xt as ProgressItem, _ as ProgressStat, te as QuantitySelector, Wr as RadarChart, Qr as RadialChart, $r as Radio, Qt as RichSeparator, Ln as RichTextHeading, zn as RichTextParagraph, t as SectionHeading, be as SegmentedControl, Te as Select, ue as Sidebar, se as SidebarDivider, ei as SidebarFooter, Ne as SidebarGroupLabel, ve as SidebarHeader, ae as SidebarItem, ni as SidebarPromo, ri as SidebarSearch, ke as SidebarSubItem, ze as SizeSelector, Ce as Skeleton, ie as Slider, ne as SpendingBalance, ai as Spinner, v as StarRating, ui as StatCard, fi as Stepper, di as StepperStep, cn as StockMarket, f as StockStatus, Vn as SubFeature, mi as Switch, me as Table, De as Tabs, dn as Tags, _e as TeamCard, gi as Textarea, mn as Ticker, yi as Toast, xe as Tooltip, je as TopBar, xi as TopBarMobile, gn as Transactions, c as WishlistButton, s as getContrastColor, E as iconStrokeWidth, a as useHoverHighlight };
+export { ce as Accordion, de as AccordionItem, oe as ActivityFeed, ye as ActivityFeedHighlight, h as Alert, zt as Announcement, Wn as AreaChart, Pe as Avatar, m as AvatarGroup, he as AvatarUpload, C as Badge, Oe as Balance, on as BarChart, _n as BlogBlockquote, yn as BlogFeatureText, xn as BlogImage, l as BlogListingCard, o as BlogListingFeaturedCard, i as BoardCard, Gn as BoardColumn, Ie as Breadcrumb, w as Button, Xn as Calendar, Zn as Card, r as CardMetaItem, u as CartItem, y as ChatComposer, Le as Checkbox, d as CheckoutSteps, Ut as CodeSnippet, S as ColorSwatch, Qn as Combobox, T as ConversationItem, Ee as DEFAULT_CHECKOUT_STEPS, Me as Divider, tr as DonutChart, Re as EmptyState, Kt as Expenses, g as FeaturedIcon, nr as FileUpload, Fe as FilterChip, Cn as FirstPageHeading, sr as FunnelChart, ur as HeatmapChart, b as HoverGroup, we as IconButton, Yt as InlineHint, re as Input, ge as JobListing, fr as Kbd, mr as Label, vr as LineChart, Ae as Link, Tn as List, br as ListItem, p as LocationDot, On as Marquee, Sr as Menu, Cr as MenuDivider, Tr as MenuItem, fe as MessageBubble, An as Metric, jn as MobileNavigationMenu, le as Modal, e as NotificationItem, pe as Pagination, Nr as PieChart, Pn as PlaceholderLogo, Pr as Popover, x as PriceDisplay, ee as ProductCard, n as ProductGallery, Fn as ProfileCard, Se as Progress, Xt as ProgressItem, _ as ProgressStat, te as QuantitySelector, Wr as RadarChart, Qr as RadialChart, $r as Radio, Qt as RichSeparator, Ln as RichTextHeading, zn as RichTextParagraph, t as SectionHeading, be as SegmentedControl, Te as Select, ue as Sidebar, se as SidebarDivider, ei as SidebarFooter, Ne as SidebarGroupLabel, ve as SidebarHeader, ae as SidebarItem, ni as SidebarPromo, ii as SidebarSearch, ke as SidebarSubItem, ze as SizeSelector, Ce as Skeleton, ie as Slider, ne as SpendingBalance, oi as Spinner, v as StarRating, di as StatCard, pi as Stepper, fi as StepperStep, cn as StockMarket, f as StockStatus, Vn as SubFeature, mi as Switch, me as Table, De as Tabs, dn as Tags, _e as TeamCard, gi as Textarea, mn as Ticker, yi as Toast, xe as Tooltip, je as TopBar, xi as TopBarMobile, gn as Transactions, c as WishlistButton, s as getContrastColor, E as iconStrokeWidth, a as useHoverHighlight };