sheerly 0.0.1 → 0.0.2

package/lib/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/cn.ts
+//#region src/utils/cn.ts
 function n(...e) {
 	return e.filter(Boolean).join(" ");
 }
@@ -11,68 +11,68 @@ function r({ className: t, ...r }) {
 		...r
 	});
 }
-function i({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-accordion-content", t),
-		...r
+function i({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-accordion-content", r),
+		...i
 	});
 }
 //#endregion
 //#region src/alert.tsx
-function a({ className: t, role: r = "alert", ...i }) {
-	return /* @__PURE__ */ e("div", {
-		role: r,
-		className: n("sheerly-alert", t),
+function a({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		role: "alert",
+		className: n("sheerly-alert", r),
 		...i
 	});
 }
-function o({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-alert-title", t),
-		...r
+function o({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-alert-title", r),
+		...i
 	});
 }
-function s({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-alert-description", t),
-		...r
+function s({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-alert-description", r),
+		...i
 	});
 }
-function c({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-alert-action", t),
-		...r
+function c({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-alert-action", r),
+		...i
 	});
 }
 //#endregion
 //#region src/avatar.tsx
-function l({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-avatar", t),
-		...r
+function l({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-avatar", r),
+		...i
 	});
 }
 function u(t) {
 	return /* @__PURE__ */ e("img", { ...t });
 }
-function d({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-avatar-fallback", t),
-		...r
+function d({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-avatar-fallback", r),
+		...i
 	});
 }
-function f({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-avatar-group", t),
-		...r
+function f({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-avatar-group", r),
+		...i
 	});
 }
 //#endregion
 //#region src/badge.tsx
-function ee({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-badge", t),
-		...r
+function ee({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-badge", r),
+		...i
 	});
 }
 //#endregion
@@ -102,13 +102,13 @@ function m({ className: t, ...r }) {
 		...r
 	});
 }
-function h({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
+function h({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
 		role: "link",
 		"aria-disabled": "true",
 		"aria-current": "page",
-		className: n("sheerly-breadcrumb-page", t),
-		...r
+		className: n("sheerly-breadcrumb-page", r),
+		...i
 	});
 }
 function g({ className: t, children: r, ...i }) {
@@ -120,80 +120,80 @@ function g({ className: t, children: r, ...i }) {
 		children: r
 	});
 }
-function _({ className: t, children: r, ...i }) {
-	return /* @__PURE__ */ e("span", {
+function _({ as: t, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ e(t ?? "span", {
 		role: "presentation",
 		"aria-hidden": "true",
 		"aria-label": "More",
-		className: n("sheerly-breadcrumb-ellipsis", t),
-		...i,
-		children: r
+		className: n("sheerly-breadcrumb-ellipsis", r),
+		...a,
+		children: i
 	});
 }
 //#endregion
 //#region src/button.tsx
-function v({ className: t, ...r }) {
-	return /* @__PURE__ */ e("button", {
-		className: n("sheerly-button", t),
-		...r
+function v({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "button", {
+		className: n("sheerly-button", r),
+		...i
 	});
 }
 //#endregion
 //#region src/card.tsx
-function y({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-card", t),
-		...r
+function y({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-card", r),
+		...i
 	});
 }
-function b({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-card-header", t),
-		...r
+function b({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-card-header", r),
+		...i
 	});
 }
-function x({ className: t, ...r }) {
-	return /* @__PURE__ */ e("h3", {
-		className: n("sheerly-card-title", t),
-		...r
+function x({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "h3", {
+		className: n("sheerly-card-title", r),
+		...i
 	});
 }
-function S({ className: t, ...r }) {
-	return /* @__PURE__ */ e("p", {
-		className: n("sheerly-card-description", t),
-		...r
+function S({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "p", {
+		className: n("sheerly-card-description", r),
+		...i
 	});
 }
-function C({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-card-action", t),
-		...r
+function C({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-card-action", r),
+		...i
 	});
 }
-function w({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-card-content", t),
-		...r
+function w({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-card-content", r),
+		...i
 	});
 }
-function T({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-card-footer", t),
-		...r
+function T({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-card-footer", r),
+		...i
 	});
 }
 //#endregion
 //#region src/carousel.tsx
-function E({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-carousel", t),
-		...r
+function E({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-carousel", r),
+		...i
 	});
 }
-function D({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-carousel-item", t),
-		...r
+function D({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-carousel-item", r),
+		...i
 	});
 }
 //#endregion
@@ -213,34 +213,34 @@ function k({ className: t, ...r }) {
 		...r
 	});
 }
-function A({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dialog-header", t),
-		...r
+function A({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dialog-header", r),
+		...i
 	});
 }
-function j({ className: t, ...r }) {
-	return /* @__PURE__ */ e("h3", {
-		className: n("sheerly-dialog-title", t),
-		...r
+function j({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "h3", {
+		className: n("sheerly-dialog-title", r),
+		...i
 	});
 }
-function M({ className: t, ...r }) {
-	return /* @__PURE__ */ e("p", {
-		className: n("sheerly-dialog-description", t),
-		...r
+function M({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "p", {
+		className: n("sheerly-dialog-description", r),
+		...i
 	});
 }
-function N({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dialog-body", t),
-		...r
+function N({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dialog-body", r),
+		...i
 	});
 }
-function P({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dialog-footer", t),
-		...r
+function P({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dialog-footer", r),
+		...i
 	});
 }
 function F({ className: t, type: r = "button", ...i }) {
@@ -252,28 +252,28 @@ function F({ className: t, type: r = "button", ...i }) {
 }
 //#endregion
 //#region src/dropdown-menu.tsx
-function I({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-dropdown-menu", t),
-		...r
+function I({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-dropdown-menu", r),
+		...i
 	});
 }
-function L({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dropdown-menu-content", t),
-		...r
+function L({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dropdown-menu-content", r),
+		...i
 	});
 }
-function R({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dropdown-menu-group", t),
-		...r
+function R({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dropdown-menu-group", r),
+		...i
 	});
 }
-function z({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dropdown-menu-label", t),
-		...r
+function z({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dropdown-menu-label", r),
+		...i
 	});
 }
 function B({ className: t, type: r = "button", ...i }) {
@@ -289,23 +289,23 @@ function V({ className: t, ...r }) {
 		...r
 	});
 }
-function H({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-dropdown-menu-shortcut", t),
-		...r
+function H({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-dropdown-menu-shortcut", r),
+		...i
 	});
 }
-function U({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
+function U({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
 		role: "separator",
-		className: n("sheerly-dropdown-menu-separator", t),
-		...r
+		className: n("sheerly-dropdown-menu-separator", r),
+		...i
 	});
 }
-function W({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dropdown-menu-sub", t),
-		...r
+function W({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dropdown-menu-sub", r),
+		...i
 	});
 }
 function G({ className: t, type: r = "button", ...i }) {
@@ -315,24 +315,24 @@ function G({ className: t, type: r = "button", ...i }) {
 		...i
 	});
 }
-function K({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dropdown-menu-content", t),
-		...r
+function K({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-dropdown-menu-content", r),
+		...i
 	});
 }
 //#endregion
 //#region src/hover-card.tsx
-function q({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-hover-card", t),
-		...r
+function q({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-hover-card", r),
+		...i
 	});
 }
-function J({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-hover-card-content", t),
-		...r
+function J({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-hover-card-content", r),
+		...i
 	});
 }
 //#endregion
@@ -351,10 +351,10 @@ function X({ className: t, ...r }) {
 		...r
 	});
 }
-function Z({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-kbd-group", t),
-		...r
+function Z({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-kbd-group", r),
+		...i
 	});
 }
 //#endregion
@@ -412,26 +412,26 @@ function ce({ className: t, text: n = "Next", children: r, ...i }) {
 		children: r ?? n
 	});
 }
-function le({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
+function le({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
 		"aria-hidden": !0,
-		className: n("sheerly-pagination-ellipsis", t),
-		...r,
+		className: n("sheerly-pagination-ellipsis", r),
+		...i,
 		children: "…"
 	});
 }
 //#endregion
 //#region src/popover.tsx
-function ue({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-popover", t),
-		...r
+function ue({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-popover", r),
+		...i
 	});
 }
-function de({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-popover-content", t),
-		...r
+function de({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-popover-content", r),
+		...i
 	});
 }
 //#endregion
@@ -444,10 +444,10 @@ function fe({ className: t, ...r }) {
 }
 //#endregion
 //#region src/radio.tsx
-function pe({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-radio-group", t),
-		...r
+function pe({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-radio-group", r),
+		...i
 	});
 }
 function me({ className: t, ...r }) {
@@ -458,8 +458,16 @@ function me({ className: t, ...r }) {
 	});
 }
 //#endregion
+//#region src/scrollbar.tsx
+function he({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-scrollbar", r),
+		...i
+	});
+}
+//#endregion
 //#region src/select.tsx
-function he({ className: r, children: i, ...a }) {
+function ge({ className: r, children: i, ...a }) {
 	return /* @__PURE__ */ t("select", {
 		className: n("sheerly-select", r),
 		...a,
@@ -468,51 +476,51 @@ function he({ className: r, children: i, ...a }) {
 }
 //#endregion
 //#region src/separator.tsx
-function ge({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-separator", t),
-		...r
+function _e({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-separator", r),
+		...i
 	});
 }
 //#endregion
 //#region src/sheet.tsx
-function _e({ className: t, ...r }) {
+function ve({ className: t, ...r }) {
 	return /* @__PURE__ */ e("dialog", {
 		className: n("sheerly-sheet", t),
 		...r
 	});
 }
-function ve({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-sheet-header", t),
-		...r
+function ye({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-sheet-header", r),
+		...i
 	});
 }
-function ye({ className: t, ...r }) {
-	return /* @__PURE__ */ e("h3", {
-		className: n("sheerly-sheet-title", t),
-		...r
+function be({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "h3", {
+		className: n("sheerly-sheet-title", r),
+		...i
 	});
 }
-function be({ className: t, ...r }) {
-	return /* @__PURE__ */ e("p", {
-		className: n("sheerly-sheet-description", t),
-		...r
+function xe({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "p", {
+		className: n("sheerly-sheet-description", r),
+		...i
 	});
 }
-function xe({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-sheet-body", t),
-		...r
+function Se({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-sheet-body", r),
+		...i
 	});
 }
-function Se({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-sheet-footer", t),
-		...r
+function Ce({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-sheet-footer", r),
+		...i
 	});
 }
-function Ce({ className: t, type: r = "button", ...i }) {
+function we({ className: t, type: r = "button", ...i }) {
 	return /* @__PURE__ */ e("button", {
 		type: r,
 		className: n("sheerly-sheet-close", t),
@@ -521,15 +529,15 @@ function Ce({ className: t, type: r = "button", ...i }) {
 }
 //#endregion
 //#region src/skeleton.tsx
-function we({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-skeleton", t),
-		...r
+function Te({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-skeleton", r),
+		...i
 	});
 }
 //#endregion
 //#region src/slider.tsx
-function Te({ className: t, ...r }) {
+function Ee({ className: t, ...r }) {
 	return /* @__PURE__ */ e("input", {
 		type: "range",
 		className: n("sheerly-slider", t),
@@ -538,18 +546,18 @@ function Te({ className: t, ...r }) {
 }
 //#endregion
 //#region src/spinner.tsx
-function Ee({ className: t, children: r, ...i }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-spinner", t),
+function De({ as: t, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-spinner", r),
 		role: "status",
 		"aria-label": "Loading",
-		...i,
-		children: r
+		...a,
+		children: i
 	});
 }
 //#endregion
 //#region src/switch.tsx
-function De({ className: t, ...r }) {
+function $({ className: t, ...r }) {
 	return /* @__PURE__ */ e("input", {
 		type: "checkbox",
 		role: "switch",
@@ -559,13 +567,13 @@ function De({ className: t, ...r }) {
 }
 //#endregion
 //#region src/table.tsx
-function $({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-table-container", t),
-		...r
+function Oe({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-table-container", r),
+		...i
 	});
 }
-function Oe({ className: t, ...r }) {
+function ke({ className: t, ...r }) {
 	return /* @__PURE__ */ e("table", {
 		className: n("sheerly-table", t),
 		...r
@@ -573,36 +581,36 @@ function Oe({ className: t, ...r }) {
 }
 //#endregion
 //#region src/tabs.tsx
-function ke({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-tabs", t),
-		...r
+function Ae({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-tabs", r),
+		...i
 	});
 }
-function Ae({ className: t, role: r = "tablist", ...i }) {
-	return /* @__PURE__ */ e("div", {
-		role: r,
-		className: n("sheerly-tabs-list", t),
+function je({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		role: "tablist",
+		className: n("sheerly-tabs-list", r),
 		...i
 	});
 }
-function je({ className: t, role: r = "tab", ...i }) {
+function Me({ className: t, role: r = "tab", ...i }) {
 	return /* @__PURE__ */ e("button", {
 		role: r,
 		className: n("sheerly-tabs-trigger", t),
 		...i
 	});
 }
-function Me({ className: t, role: r = "tabpanel", ...i }) {
-	return /* @__PURE__ */ e("div", {
-		role: r,
-		className: n("sheerly-tabs-content", t),
+function Ne({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		role: "tabpanel",
+		className: n("sheerly-tabs-content", r),
 		...i
 	});
 }
 //#endregion
 //#region src/textarea.tsx
-function Ne({ className: t, ...r }) {
+function Pe({ className: t, ...r }) {
 	return /* @__PURE__ */ e("textarea", {
 		className: n("sheerly-textarea", t),
 		...r
@@ -610,7 +618,7 @@ function Ne({ className: t, ...r }) {
 }
 //#endregion
 //#region src/toggle.tsx
-function Pe({ className: r, pressed: i, defaultPressed: a, onPressedChange: o, disabled: s, name: c, value: l, children: u, ...d }) {
+function Fe({ className: r, pressed: i, defaultPressed: a, onPressedChange: o, disabled: s, name: c, value: l, children: u, ...d }) {
 	let f = (e) => o?.(e.target.checked);
 	return /* @__PURE__ */ t("label", {
 		className: n("sheerly-toggle", r),
@@ -628,25 +636,25 @@ function Pe({ className: r, pressed: i, defaultPressed: a, onPressedChange: o, d
 }
 //#endregion
 //#region src/tooltip.tsx
-function Fe({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-tooltip", t),
-		...r
+function Ie({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-tooltip", r),
+		...i
 	});
 }
-function Ie({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-tooltip-content", t),
-		...r
+function Le({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-tooltip-content", r),
+		...i
 	});
 }
 //#endregion
 //#region src/typography.tsx
-function Le({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-typography", t),
-		...r
+function Re({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-typography", r),
+		...i
 	});
 }
 //#endregion
-export { r as Accordion, i as AccordionContent, a as Alert, c as AlertAction, s as AlertDescription, o as AlertTitle, l as Avatar, d as AvatarFallback, f as AvatarGroup, u as AvatarImage, ee as Badge, te as Breadcrumb, _ as BreadcrumbEllipsis, p as BreadcrumbItem, m as BreadcrumbLink, ne as BreadcrumbList, h as BreadcrumbPage, g as BreadcrumbSeparator, v as Button, y as Card, C as CardAction, w as CardContent, S as CardDescription, T as CardFooter, b as CardHeader, x as CardTitle, E as Carousel, D as CarouselItem, O as Checkbox, k as Dialog, N as DialogBody, F as DialogClose, M as DialogDescription, P as DialogFooter, A as DialogHeader, j as DialogTitle, I as DropdownMenu, L as DropdownMenuContent, R as DropdownMenuGroup, B as DropdownMenuItem, z as DropdownMenuLabel, V as DropdownMenuLinkItem, U as DropdownMenuSeparator, H as DropdownMenuShortcut, W as DropdownMenuSub, K as DropdownMenuSubContent, G as DropdownMenuSubTrigger, q as HoverCard, J as HoverCardContent, Y as Input, X as Kbd, Z as KbdGroup, re as Label, ie as Pagination, ae as PaginationContent, le as PaginationEllipsis, oe as PaginationItem, Q as PaginationLink, ce as PaginationNext, se as PaginationPrevious, ue as Popover, de as PopoverContent, fe as Progress, me as Radio, pe as RadioGroup, he as Select, ge as Separator, _e as Sheet, xe as SheetBody, Ce as SheetClose, be as SheetDescription, Se as SheetFooter, ve as SheetHeader, ye as SheetTitle, we as Skeleton, Te as Slider, Ee as Spinner, De as Switch, Oe as Table, $ as TableContainer, ke as Tabs, Me as TabsContent, Ae as TabsList, je as TabsTrigger, Ne as Textarea, Pe as Toggle, Fe as Tooltip, Ie as TooltipContent, Le as Typography, n as cn };
+export { r as Accordion, i as AccordionContent, a as Alert, c as AlertAction, s as AlertDescription, o as AlertTitle, l as Avatar, d as AvatarFallback, f as AvatarGroup, u as AvatarImage, ee as Badge, te as Breadcrumb, _ as BreadcrumbEllipsis, p as BreadcrumbItem, m as BreadcrumbLink, ne as BreadcrumbList, h as BreadcrumbPage, g as BreadcrumbSeparator, v as Button, y as Card, C as CardAction, w as CardContent, S as CardDescription, T as CardFooter, b as CardHeader, x as CardTitle, E as Carousel, D as CarouselItem, O as Checkbox, k as Dialog, N as DialogBody, F as DialogClose, M as DialogDescription, P as DialogFooter, A as DialogHeader, j as DialogTitle, I as DropdownMenu, L as DropdownMenuContent, R as DropdownMenuGroup, B as DropdownMenuItem, z as DropdownMenuLabel, V as DropdownMenuLinkItem, U as DropdownMenuSeparator, H as DropdownMenuShortcut, W as DropdownMenuSub, K as DropdownMenuSubContent, G as DropdownMenuSubTrigger, q as HoverCard, J as HoverCardContent, Y as Input, X as Kbd, Z as KbdGroup, re as Label, ie as Pagination, ae as PaginationContent, le as PaginationEllipsis, oe as PaginationItem, Q as PaginationLink, ce as PaginationNext, se as PaginationPrevious, ue as Popover, de as PopoverContent, fe as Progress, me as Radio, pe as RadioGroup, he as Scrollbar, ge as Select, _e as Separator, ve as Sheet, Se as SheetBody, we as SheetClose, xe as SheetDescription, Ce as SheetFooter, ye as SheetHeader, be as SheetTitle, Te as Skeleton, Ee as Slider, De as Spinner, $ as Switch, ke as Table, Oe as TableContainer, Ae as Tabs, Ne as TabsContent, je as TabsList, Me as TabsTrigger, Pe as Textarea, Fe as Toggle, Ie as Tooltip, Le as TooltipContent, Re as Typography };