@vuecs/theme-bootstrap 4.0.0

package/dist/index.mjs

@@ -0,0 +1,1276 @@
+//#region src/index.ts
+function bootstrapTheme() {
+	return {
+		elements: {
+			formGroup: { classes: {
+				root: "form-group",
+				label: "form-label",
+				validationError: "form-group-error",
+				validationWarning: "form-group-warning"
+			} },
+			formInput: {
+				classes: {
+					root: "form-control",
+					group: "input-group",
+					groupAppend: "input-group-text",
+					groupPrepend: "input-group-text"
+				},
+				variants: { size: {
+					sm: {
+						root: "form-control-sm",
+						group: "input-group-sm"
+					},
+					md: { root: "" },
+					lg: {
+						root: "form-control-lg",
+						group: "input-group-lg"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formCheckbox: {
+				classes: {
+					root: "bg-white shadow-sm",
+					indicator: "text-white",
+					label: "form-check-label",
+					group: ""
+				},
+				variants: { size: {
+					sm: {
+						root: "vc-form-checkbox-sm",
+						label: "small"
+					},
+					md: { root: "" },
+					lg: {
+						root: "vc-form-checkbox-lg",
+						label: "fs-5"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formCheckboxGroup: { classes: { root: "d-flex flex-column gap-2" } },
+			formSwitch: {
+				classes: {
+					root: "shadow-sm",
+					thumb: "bg-white shadow-sm",
+					label: "form-check-label",
+					group: ""
+				},
+				variants: { size: {
+					sm: {
+						root: "vc-form-switch-sm",
+						label: "small"
+					},
+					md: { root: "" },
+					lg: {
+						root: "vc-form-switch-lg",
+						label: "fs-5"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formSelect: {
+				classes: {
+					trigger: "form-control d-flex align-items-center justify-content-between gap-2 text-start",
+					value: "text-truncate",
+					icon: "text-muted",
+					content: "dropdown-menu show vc-overlay-anim",
+					viewport: "",
+					item: "dropdown-item ps-4 position-relative",
+					itemIndicator: "position-absolute start-0 ms-2",
+					group: "",
+					groupLabel: "dropdown-header",
+					separator: "dropdown-divider"
+				},
+				variants: { size: {
+					sm: { trigger: "form-control-sm" },
+					md: { trigger: "" },
+					lg: { trigger: "form-control-lg" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formSelectSearch: { classes: {
+				root: "position-relative",
+				input: "form-control",
+				content: "dropdown-menu show w-100 mt-1 overflow-auto",
+				item: "dropdown-item d-flex flex-column gap-1",
+				itemCurrent: "bg-secondary-subtle",
+				itemDescription: "small text-muted",
+				selected: "d-flex flex-wrap gap-1 mt-2",
+				selectedItem: "badge bg-secondary-subtle text-body border d-inline-flex align-items-center gap-1",
+				selectedItemRemove: "fw-bold"
+			} },
+			formRadio: {
+				classes: {
+					root: "bg-white shadow-sm",
+					indicator: "bg-primary",
+					label: "form-check-label",
+					group: ""
+				},
+				variants: { size: {
+					sm: {
+						root: "vc-form-radio-sm",
+						label: "small"
+					},
+					md: { root: "" },
+					lg: {
+						root: "vc-form-radio-lg",
+						label: "fs-5"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formRadioGroup: { classes: { root: "d-flex flex-column gap-2" } },
+			formPin: { classes: {
+				root: "d-inline-flex align-items-center gap-2",
+				input: "border border-secondary-subtle bg-white shadow-sm text-center fw-semibold"
+			} },
+			formSlider: { classes: {
+				root: "",
+				track: "bg-secondary-subtle rounded-pill",
+				range: "bg-primary rounded-pill",
+				thumb: "rounded-circle bg-white border border-2 border-primary shadow-sm"
+			} },
+			formNumber: {
+				classes: {
+					root: "input-group",
+					input: "form-control text-center",
+					decrement: "btn btn-outline-secondary",
+					increment: "btn btn-outline-secondary"
+				},
+				variants: { size: {
+					sm: {
+						root: "input-group-sm",
+						input: "form-control-sm",
+						decrement: "btn-sm",
+						increment: "btn-sm"
+					},
+					md: { root: "" },
+					lg: {
+						root: "input-group-lg",
+						input: "form-control-lg",
+						decrement: "btn-lg",
+						increment: "btn-lg"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formTags: {
+				classes: {
+					root: "form-control d-flex flex-wrap align-items-center gap-2 p-2",
+					item: "badge rounded-pill text-bg-primary d-inline-flex align-items-center gap-1",
+					itemText: "",
+					itemDelete: "d-inline-flex align-items-center justify-content-center bg-transparent border-0 text-white p-0 ms-1 lh-1",
+					input: "form-control border-0 flex-grow-1 p-0 shadow-none"
+				},
+				variants: { size: {
+					sm: {
+						root: "form-control-sm p-1",
+						item: "small"
+					},
+					md: { root: "" },
+					lg: {
+						root: "form-control-lg p-3",
+						item: "fs-6"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			button: {
+				classes: { root: "btn d-inline-flex align-items-center justify-content-center gap-2" },
+				variants: { size: {
+					sm: { root: "btn-sm" },
+					md: { root: "" },
+					lg: { root: "btn-lg" }
+				} },
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "btn-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "btn-secondary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "btn-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "btn-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "btn-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "btn-info" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "btn-outline-primary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "btn-outline-secondary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "btn-outline-success" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "btn-outline-warning" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "btn-outline-danger" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "btn-outline-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "bg-primary-subtle text-primary-emphasis border-0" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "bg-secondary-subtle text-secondary-emphasis border-0" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "bg-success-subtle text-success-emphasis border-0" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "bg-warning-subtle text-warning-emphasis border-0" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "bg-danger-subtle text-danger-emphasis border-0" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "bg-info-subtle text-info-emphasis border-0" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "primary"
+						},
+						class: { root: "btn-link text-decoration-none" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "neutral"
+						},
+						class: { root: "btn-link text-decoration-none text-secondary" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "success"
+						},
+						class: { root: "btn-link text-decoration-none text-success" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "warning"
+						},
+						class: { root: "btn-link text-decoration-none text-warning" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "error"
+						},
+						class: { root: "btn-link text-decoration-none text-danger" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "info"
+						},
+						class: { root: "btn-link text-decoration-none text-info" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "primary"
+						},
+						class: { root: "btn-link" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "neutral"
+						},
+						class: { root: "btn-link text-secondary" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "success"
+						},
+						class: { root: "btn-link text-success" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "warning"
+						},
+						class: { root: "btn-link text-warning" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "error"
+						},
+						class: { root: "btn-link text-danger" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "info"
+						},
+						class: { root: "btn-link text-info" }
+					}
+				],
+				defaultVariants: {
+					variant: "solid",
+					color: "primary",
+					size: "md"
+				}
+			},
+			formTextarea: {
+				classes: { root: "form-control" },
+				variants: { size: {
+					sm: { root: "form-control-sm" },
+					md: { root: "" },
+					lg: { root: "form-control-lg" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			list: {
+				classes: {
+					root: "d-flex flex-column gap-1 position-relative",
+					header: "d-flex align-items-center",
+					footer: "d-flex align-items-center"
+				},
+				variants: { density: {
+					compact: { root: "gap-0" },
+					normal: { root: "" },
+					spacious: { root: "gap-3" }
+				} },
+				defaultVariants: { density: "normal" }
+			},
+			listBody: { classes: { root: "list-unstyled m-0" } },
+			listItem: {
+				classes: {
+					root: "d-flex flex-row align-items-center gap-1",
+					text: "d-inline-flex flex-column flex-grow-1 text-truncate",
+					actions: "d-inline-flex align-items-center gap-1"
+				},
+				variants: {
+					density: {
+						compact: { root: "py-0" },
+						normal: { root: "py-1" },
+						spacious: { root: "py-3" }
+					},
+					disabled: { true: { root: "opacity-50 pe-none" } },
+					active: { true: { root: "bg-primary-subtle text-primary-emphasis" } },
+					selected: { true: { root: "bg-body-secondary" } }
+				},
+				defaultVariants: { density: "normal" }
+			},
+			listLoading: {
+				classes: { root: "py-2 text-center text-muted small" },
+				variants: { overlay: { true: { root: "position-absolute top-0 start-0 end-0 bottom-0 d-flex align-items-center justify-content-center bg-body bg-opacity-75" } } }
+			},
+			listEmpty: { classes: { root: "alert alert-warning small p-2" } },
+			navigation: {
+				classes: {
+					group: "nav-items",
+					link: "nav-link"
+				},
+				variants: { size: {
+					sm: { link: "small py-1 px-2" },
+					md: { link: "" },
+					lg: { link: "fs-6 py-3 px-4" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			separator: { classes: { root: "m-0" } },
+			tag: {
+				classes: {
+					root: "badge rounded-pill text-bg-primary d-inline-flex align-items-center gap-1",
+					icon: "d-inline-flex align-items-center",
+					remove: "focus-ring p-0 d-inline-flex align-items-center justify-content-center bg-transparent border-0 text-white lh-1"
+				},
+				variants: { size: {
+					sm: { root: "small px-2 py-1" },
+					md: { root: "" },
+					lg: { root: "fs-6 px-3 py-2" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			tags: {
+				classes: {
+					root: "d-flex flex-wrap align-items-center gap-2",
+					item: ""
+				},
+				variants: { size: {
+					sm: { root: "gap-1" },
+					md: { root: "" },
+					lg: { root: "gap-3" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			avatar: {
+				classes: {
+					root: "d-inline-flex align-items-center justify-content-center overflow-hidden rounded-circle bg-secondary-subtle text-secondary-emphasis",
+					image: "w-100 h-100 object-fit-cover",
+					fallback: "d-inline-flex align-items-center justify-content-center w-100 h-100 fw-medium small lh-1"
+				},
+				variants: { size: {
+					sm: { root: "vc-avatar-sm" },
+					md: { root: "" },
+					lg: { root: "vc-avatar-lg" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			aspectRatio: { classes: { root: "d-block w-100" } },
+			gravatar: { classes: { root: "rounded-circle overflow-hidden d-inline-block" } },
+			card: {
+				classes: { root: "card" },
+				variants: {
+					variant: {
+						outline: { root: "" },
+						soft: { root: "bg-body-tertiary border-0" },
+						elevated: { root: "shadow" }
+					},
+					interactive: { true: { root: "shadow-sm" } }
+				},
+				defaultVariants: { variant: "outline" }
+			},
+			cardHeader: {
+				classes: { root: "card-header" },
+				variants: { padding: {
+					compact: { root: "py-2 px-3" },
+					normal: { root: "" },
+					spacious: { root: "py-3 px-4" }
+				} },
+				defaultVariants: { padding: "normal" }
+			},
+			cardTitle: { classes: { root: "card-title mb-0" } },
+			cardDescription: { classes: { root: "card-subtitle text-body-secondary mb-0" } },
+			cardBody: {
+				classes: { root: "card-body" },
+				variants: { padding: {
+					compact: { root: "p-2" },
+					normal: { root: "" },
+					spacious: { root: "p-4" }
+				} },
+				defaultVariants: { padding: "normal" }
+			},
+			cardFooter: {
+				classes: { root: "card-footer d-flex justify-content-end gap-2" },
+				variants: { padding: {
+					compact: { root: "py-2 px-3" },
+					normal: { root: "" },
+					spacious: { root: "py-3 px-4" }
+				} },
+				defaultVariants: { padding: "normal" }
+			},
+			collapse: { classes: { root: "" } },
+			collapseTrigger: {
+				classes: {
+					root: "btn btn-link p-0 d-inline-flex align-items-center gap-2 text-decoration-none",
+					chevron: "small"
+				},
+				variants: { chevron: {
+					auto: { chevron: "d-inline-flex" },
+					none: { chevron: "d-none" }
+				} },
+				defaultVariants: { chevron: "auto" }
+			},
+			collapseContent: { classes: { root: "vc-collapse-anim" } },
+			alert: {
+				classes: {
+					root: "alert d-flex align-items-start gap-3 mb-0 position-relative pe-5",
+					icon: "flex-shrink-0 d-inline-flex align-items-center justify-content-center",
+					content: "flex-grow-1 min-w-0 d-flex flex-column gap-1",
+					closeIcon: "btn-close position-absolute top-0 end-0 m-2",
+					close: "btn btn-sm"
+				},
+				variants: { size: {
+					sm: { root: "py-2 small" },
+					md: { root: "" },
+					lg: { root: "py-3 fs-6" }
+				} },
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "text-bg-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "text-bg-secondary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "text-bg-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "text-bg-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "text-bg-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "text-bg-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "alert-primary" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "alert-secondary" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "alert-success" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "alert-warning" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "alert-danger" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "alert-info" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "vc-alert-outline alert-primary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "vc-alert-outline alert-secondary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "vc-alert-outline alert-success" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "vc-alert-outline alert-warning" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "vc-alert-outline alert-danger" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "vc-alert-outline alert-info" }
+					}
+				],
+				defaultVariants: {
+					variant: "soft",
+					color: "neutral",
+					size: "md"
+				}
+			},
+			alertTitle: { classes: { root: "fw-semibold mb-1" } },
+			alertDescription: { classes: { root: "mb-0" } },
+			badge: {
+				classes: { root: "badge rounded-pill" },
+				variants: { size: {
+					sm: { root: "small px-2 py-1" },
+					md: { root: "" },
+					lg: { root: "fs-6 px-3 py-2" }
+				} },
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "text-bg-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "text-bg-secondary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "text-bg-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "text-bg-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "text-bg-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "text-bg-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "bg-primary-subtle text-primary-emphasis" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "bg-secondary-subtle text-secondary-emphasis" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "bg-success-subtle text-success-emphasis" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "bg-warning-subtle text-warning-emphasis" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "bg-danger-subtle text-danger-emphasis" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "bg-info-subtle text-info-emphasis" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "border border-primary text-primary-emphasis" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "border border-secondary text-secondary-emphasis" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "border border-success text-success-emphasis" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "border border-warning text-warning-emphasis" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "border border-danger text-danger-emphasis" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "border border-info text-info-emphasis" }
+					}
+				],
+				defaultVariants: {
+					variant: "soft",
+					color: "neutral",
+					size: "md"
+				}
+			},
+			table: {
+				classes: {
+					root: "table align-middle mb-0",
+					scrollContainer: "table-responsive border rounded"
+				},
+				variants: {
+					density: {
+						compact: { root: "table-sm" },
+						normal: { root: "" },
+						spacious: { root: "" }
+					},
+					striped: { true: { root: "table-striped" } },
+					bordered: { true: { root: "table-bordered" } },
+					hover: { true: { root: "table-hover" } },
+					stickyHeader: { true: { root: "vc-table-sticky-header" } }
+				},
+				defaultVariants: { density: "normal" }
+			},
+			tableHeader: { classes: { root: "text-uppercase small text-body-secondary" } },
+			tableBody: { classes: { root: "" } },
+			tableFooter: { classes: { root: "fw-medium" } },
+			tableRow: { variants: {
+				disabled: { true: { root: "opacity-50 pe-none" } },
+				selected: { true: { root: "table-active" } },
+				focused: { true: { root: "vc-table-row-focused" } },
+				rowVariant: {
+					success: { root: "table-success" },
+					warning: { root: "table-warning" },
+					error: { root: "table-danger" },
+					info: { root: "table-info" },
+					neutral: { root: "table-secondary" },
+					primary: { root: "table-primary" }
+				}
+			} },
+			tableCell: { variants: {
+				align: {
+					left: { root: "text-start" },
+					center: { root: "text-center" },
+					right: { root: "text-end" }
+				},
+				stickyColumn: { true: { root: "vc-table-sticky-column" } },
+				cellVariant: {
+					success: { root: "text-success" },
+					warning: { root: "text-warning" },
+					error: { root: "text-danger" },
+					info: { root: "text-info" },
+					neutral: { root: "text-body-secondary" },
+					primary: { root: "text-primary" }
+				}
+			} },
+			tableHeadCell: {
+				classes: { sortIcon: "ms-1 small lh-1" },
+				variants: {
+					align: {
+						left: { root: "text-start" },
+						center: { root: "text-center" },
+						right: { root: "text-end" }
+					},
+					stickyColumn: { true: { root: "vc-table-sticky-column" } },
+					sorted: {
+						asc: { root: "vc-table-sort-asc" },
+						desc: { root: "vc-table-sort-desc" },
+						none: { root: "" }
+					}
+				}
+			},
+			tableEmpty: {
+				classes: { root: "" },
+				variants: { filtered: {
+					true: { root: "text-center text-body-secondary fst-italic py-4" },
+					false: { root: "text-center text-body-secondary py-4" }
+				} }
+			},
+			tableLoading: { classes: {
+				root: "text-center text-body-secondary py-4",
+				overlay: "bg-body bg-opacity-75 text-body-secondary"
+			} },
+			tableSortIndicators: { classes: {
+				root: "d-flex flex-wrap align-items-center gap-2 bg-body-tertiary border rounded px-3 py-2 small",
+				label: "fw-semibold text-body-secondary me-1",
+				empty: "fst-italic text-body-secondary",
+				chip: "d-inline-flex align-items-center border rounded-pill bg-body",
+				chipToggle: "btn btn-sm d-inline-flex align-items-center gap-2 border-0 rounded-start-pill rounded-end-0",
+				chipPosition: "fw-bold text-body-secondary",
+				chipLabel: "",
+				chipArrow: "fw-bold text-primary",
+				chipRemove: "btn btn-sm d-inline-flex align-items-center justify-content-center border-0 rounded-end-pill rounded-start-0 px-2 text-body-secondary",
+				add: "form-select form-select-sm rounded-pill w-auto",
+				clear: "btn btn-sm btn-link text-body-secondary text-decoration-none ms-auto"
+			} },
+			pagination: {
+				classes: {
+					root: "d-flex justify-content-center pagination",
+					item: "page-item",
+					link: "page-link d-inline-flex align-items-center gap-1",
+					ellipsis: "pe-none text-muted"
+				},
+				variants: {
+					variant: {
+						outline: { link: "" },
+						soft: { link: "border-0" },
+						ghost: { link: "border-0 bg-transparent" }
+					},
+					size: {
+						sm: { root: "pagination-sm" },
+						md: { root: "" },
+						lg: { root: "pagination-lg" }
+					}
+				},
+				defaultVariants: {
+					variant: "outline",
+					size: "md"
+				}
+			},
+			modal: {
+				classes: {
+					overlay: "modal-backdrop fade show vc-overlay-fade-anim",
+					content: "modal-content position-fixed top-50 start-50 translate-middle shadow vc-overlay-anim",
+					header: "modal-header",
+					title: "modal-title",
+					description: "text-muted small",
+					body: "modal-body",
+					footer: "modal-footer",
+					trigger: "",
+					close: "",
+					closeIcon: "btn-close position-absolute top-0 end-0 m-2",
+					back: "btn btn-sm btn-link p-1"
+				},
+				variants: { size: {
+					sm: { content: "modal-sm" },
+					md: { content: "" },
+					lg: { content: "modal-lg" },
+					xl: { content: "modal-xl" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			popover: {
+				classes: {
+					trigger: "",
+					content: "popover bs-popover-auto show vc-overlay-anim",
+					arrow: "popover-arrow",
+					close: "",
+					closeIcon: "btn-close position-absolute top-0 end-0 m-1"
+				},
+				variants: { size: {
+					sm: { content: "small p-2" },
+					md: { content: "" },
+					lg: { content: "fs-6 p-4" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			hoverCard: {
+				classes: {
+					trigger: "",
+					content: "popover bs-popover-auto show vc-overlay-anim",
+					arrow: "popover-arrow"
+				},
+				variants: { size: {
+					sm: { content: "small p-2" },
+					md: { content: "" },
+					lg: { content: "fs-6 p-4" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			stepper: {
+				classes: {
+					root: "d-flex align-items-center gap-2",
+					item: "d-flex align-items-center gap-2 flex-grow-1",
+					trigger: "btn p-0 border-0 bg-transparent d-inline-flex align-items-center justify-content-center",
+					indicator: "rounded-circle border border-secondary-subtle bg-light text-muted d-inline-flex align-items-center justify-content-center fw-semibold",
+					title: "small fw-medium",
+					description: "small text-muted",
+					separator: "flex-grow-1 border-top border-secondary-subtle"
+				},
+				variants: { size: {
+					sm: {
+						indicator: "vc-stepper-indicator-sm",
+						title: "small"
+					},
+					md: { indicator: "" },
+					lg: {
+						indicator: "vc-stepper-indicator-lg",
+						title: "fs-6"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			toastViewport: {
+				classes: { root: "toast-container position-fixed d-flex flex-column p-3 list-unstyled m-0" },
+				variants: { position: {
+					"top-left": { root: "top-0 start-0" },
+					"top-right": { root: "top-0 end-0" },
+					"top-center": { root: "top-0 start-50 translate-middle-x" },
+					"bottom-left": { root: "bottom-0 start-0 flex-column-reverse" },
+					"bottom-right": { root: "bottom-0 end-0 flex-column-reverse" },
+					"bottom-center": { root: "bottom-0 start-50 translate-middle-x flex-column-reverse" }
+				} },
+				defaultVariants: { position: "top-right" }
+			},
+			toast: {
+				classes: {
+					root: "toast show vc-toast-anim d-flex align-items-start gap-3 position-relative pe-5",
+					body: "flex-grow-1 min-w-0",
+					close: "btn-close-white btn btn-sm align-self-start",
+					closeIcon: "btn-close position-absolute top-0 end-0 m-2"
+				},
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "text-bg-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "text-bg-secondary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "text-bg-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "text-bg-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "text-bg-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "text-bg-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "bg-primary-subtle text-primary-emphasis border border-primary-subtle" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "bg-body-tertiary text-body border" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "bg-success-subtle text-success-emphasis border border-success-subtle" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "bg-warning-subtle text-warning-emphasis border border-warning-subtle" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "bg-danger-subtle text-danger-emphasis border border-danger-subtle" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "bg-info-subtle text-info-emphasis border border-info-subtle" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "border border-primary text-primary-emphasis bg-body" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "border text-body bg-body" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "border border-success text-success-emphasis bg-body" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "border border-warning text-warning-emphasis bg-body" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "border border-danger text-danger-emphasis bg-body" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "border border-info text-info-emphasis bg-body" }
+					}
+				],
+				defaultVariants: {
+					variant: "soft",
+					color: "neutral"
+				}
+			},
+			toastTitle: { classes: { root: "toast-header bg-transparent border-0 p-0 mb-1 fw-semibold" } },
+			toastDescription: { classes: { root: "toast-body p-0" } },
+			toastAction: { classes: { root: "btn btn-sm btn-outline-secondary flex-shrink-0" } },
+			tooltip: {
+				classes: {
+					trigger: "",
+					content: "tooltip bs-tooltip-auto show tooltip-inner vc-tooltip-anim",
+					arrow: "tooltip-arrow"
+				},
+				variants: { size: {
+					sm: { content: "small px-2 py-1" },
+					md: { content: "" },
+					lg: { content: "fs-6 px-3 py-2" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			dropdownMenu: {
+				classes: {
+					trigger: "",
+					content: "dropdown-menu show vc-overlay-anim",
+					item: "dropdown-item",
+					checkboxItem: "dropdown-item ps-4",
+					radioItem: "dropdown-item ps-4",
+					radioGroup: "",
+					itemIndicator: "position-absolute start-0 ms-2",
+					label: "dropdown-header",
+					separator: "dropdown-divider",
+					group: "",
+					subTrigger: "dropdown-item dropdown-toggle",
+					subContent: "dropdown-menu show vc-overlay-anim",
+					arrow: ""
+				},
+				variants: { size: {
+					sm: {
+						content: "small p-1",
+						item: "py-1 px-2",
+						subTrigger: "py-1 px-2",
+						subContent: "small p-1"
+					},
+					md: { content: "" },
+					lg: {
+						content: "fs-6",
+						item: "py-2 px-3",
+						subTrigger: "py-2 px-3",
+						subContent: "fs-6"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			contextMenu: {
+				classes: {
+					trigger: "",
+					content: "dropdown-menu show vc-overlay-anim",
+					item: "dropdown-item",
+					checkboxItem: "dropdown-item ps-4",
+					radioItem: "dropdown-item ps-4",
+					radioGroup: "",
+					itemIndicator: "position-absolute start-0 ms-2",
+					label: "dropdown-header",
+					separator: "dropdown-divider",
+					group: "",
+					subTrigger: "dropdown-item dropdown-toggle",
+					subContent: "dropdown-menu show vc-overlay-anim"
+				},
+				variants: { size: {
+					sm: {
+						content: "small p-1",
+						item: "py-1 px-2",
+						subTrigger: "py-1 px-2",
+						subContent: "small p-1"
+					},
+					md: { content: "" },
+					lg: {
+						content: "fs-6",
+						item: "py-2 px-3",
+						subTrigger: "py-2 px-3",
+						subContent: "fs-6"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			}
+		},
+		colorMode: { handle(doc, mode) {
+			doc.documentElement.setAttribute("data-bs-theme", mode);
+		} }
+	};
+}
+//#endregion
+export { bootstrapTheme as default };
+
+//# sourceMappingURL=index.mjs.map