sheerly 0.0.1 → 0.0.3

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,194 +11,192 @@ 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
 //#region src/breadcrumb.tsx
-function te({ className: t, ...r }) {
-	return /* @__PURE__ */ e("nav", {
+function p({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "nav", {
 		"aria-label": "breadcrumb",
-		className: n("sheerly-breadcrumb", t),
-		...r
+		className: n("sheerly-breadcrumb", r),
+		...i
 	});
 }
-function ne({ className: t, ...r }) {
-	return /* @__PURE__ */ e("ol", {
-		className: n("sheerly-breadcrumb-list", t),
-		...r
+function m({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "ol", {
+		className: n("sheerly-breadcrumb-list", r),
+		...i
 	});
 }
-function p({ className: t, ...r }) {
-	return /* @__PURE__ */ e("li", {
-		className: n("sheerly-breadcrumb-item", t),
-		...r
+function h({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "li", {
+		className: n("sheerly-breadcrumb-item", r),
+		...i
 	});
 }
-function m({ className: t, ...r }) {
-	return /* @__PURE__ */ e("a", {
-		className: n("sheerly-breadcrumb-link", t),
-		...r
+function g({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "a", {
+		className: n("sheerly-breadcrumb-link", r),
+		...i
 	});
 }
-function h({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
+function _({ 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 }) {
-	return /* @__PURE__ */ e("li", {
+function v({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "li", {
 		role: "presentation",
 		"aria-hidden": "true",
-		className: n("sheerly-breadcrumb-separator", t),
-		...i,
-		children: r
+		className: n("sheerly-breadcrumb-separator", r),
+		...i
 	});
 }
-function _({ className: t, children: r, ...i }) {
-	return /* @__PURE__ */ e("span", {
+function y({ as: t, className: r, ...i }) {
+	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),
+		...i
 	});
 }
 //#endregion
 //#region src/button.tsx
-function v({ className: t, ...r }) {
-	return /* @__PURE__ */ e("button", {
-		className: n("sheerly-button", t),
-		...r
+function b({ 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 x({ 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 S({ 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 C({ 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 w({ 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 T({ 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 E({ 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 D({ 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 O({ 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 k({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-carousel-item", r),
+		...i
 	});
 }
 //#endregion
 //#region src/checkbox.tsx
-function O({ className: t, ...r }) {
+function A({ className: t, ...r }) {
 	return /* @__PURE__ */ e("input", {
 		type: "checkbox",
 		className: n("sheerly-checkbox", t),
@@ -207,43 +205,43 @@ function O({ className: t, ...r }) {
 }
 //#endregion
 //#region src/dialog.tsx
-function k({ className: t, ...r }) {
+function j({ className: t, ...r }) {
 	return /* @__PURE__ */ e("dialog", {
 		className: n("sheerly-dialog", t),
 		...r
 	});
 }
-function A({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dialog-header", t),
-		...r
+function M({ 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 N({ 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 P({ 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 F({ 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 I({ 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 }) {
+function L({ className: t, type: r = "button", ...i }) {
 	return /* @__PURE__ */ e("button", {
 		type: r,
 		className: n("sheerly-dialog-close", t),
@@ -252,92 +250,92 @@ 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 R({ 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 z({ 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 B({ 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 V({ 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 }) {
+function H({ className: t, type: r = "button", ...i }) {
 	return /* @__PURE__ */ e("button", {
 		type: r,
 		className: n("sheerly-dropdown-menu-item", t),
 		...i
 	});
 }
-function V({ className: t, ...r }) {
-	return /* @__PURE__ */ e("a", {
-		className: n("sheerly-dropdown-menu-item", t),
-		...r
+function U({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "a", {
+		className: n("sheerly-dropdown-menu-item", r),
+		...i
 	});
 }
-function H({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-dropdown-menu-shortcut", t),
-		...r
+function W({ 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 G({ 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 K({ 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 }) {
+function q({ className: t, type: r = "button", ...i }) {
 	return /* @__PURE__ */ e("button", {
 		type: r,
 		className: n("sheerly-dropdown-menu-sub-trigger", t),
 		...i
 	});
 }
-function K({ className: t, ...r }) {
-	return /* @__PURE__ */ e("div", {
-		className: n("sheerly-dropdown-menu-content", t),
-		...r
+function J({ 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 Y({ 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 X({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "div", {
+		className: n("sheerly-hover-card-content", r),
+		...i
 	});
 }
 //#endregion
 //#region src/input.tsx
-function Y({ className: t, ...r }) {
+function Z({ className: t, ...r }) {
 	return /* @__PURE__ */ e("input", {
 		className: n("sheerly-input", t),
 		...r
@@ -345,21 +343,21 @@ function Y({ className: t, ...r }) {
 }
 //#endregion
 //#region src/kbd.tsx
-function X({ className: t, ...r }) {
+function Q({ className: t, ...r }) {
 	return /* @__PURE__ */ e("kbd", {
 		className: n("sheerly-kbd", t),
 		...r
 	});
 }
-function Z({ className: t, ...r }) {
-	return /* @__PURE__ */ e("span", {
-		className: n("sheerly-kbd-group", t),
-		...r
+function te({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "span", {
+		className: n("sheerly-kbd-group", r),
+		...i
 	});
 }
 //#endregion
 //#region src/label.tsx
-function re({ className: t, ...r }) {
+function ne({ className: t, ...r }) {
 	return /* @__PURE__ */ e("label", {
 		className: n("sheerly-label", t),
 		...r
@@ -367,71 +365,73 @@ function re({ className: t, ...r }) {
 }
 //#endregion
 //#region src/pagination.tsx
-function ie({ className: t, ...r }) {
-	return /* @__PURE__ */ e("nav", {
+function re({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "nav", {
 		role: "navigation",
 		"aria-label": "pagination",
-		className: n("sheerly-pagination", t),
-		...r
+		className: n("sheerly-pagination", r),
+		...i
 	});
 }
-function ae({ className: t, ...r }) {
-	return /* @__PURE__ */ e("ul", {
-		className: n("sheerly-pagination-content", t),
-		...r
+function ie({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "ul", {
+		className: n("sheerly-pagination-content", r),
+		...i
 	});
 }
-function oe({ className: t, ...r }) {
-	return /* @__PURE__ */ e("li", {
-		className: n("sheerly-pagination-item", t),
-		...r
+function ae({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "li", {
+		className: n("sheerly-pagination-item", r),
+		...i
 	});
 }
-function Q({ className: t, isActive: r, ...i }) {
-	return /* @__PURE__ */ e("a", {
-		"aria-current": r ? "page" : void 0,
-		className: n("sheerly-pagination-link", t),
-		...i
+function oe({ as: t, className: r, isActive: i, ...a }) {
+	return /* @__PURE__ */ e(t ?? "a", {
+		"aria-current": i ? "page" : void 0,
+		className: n("sheerly-pagination-link", r),
+		...a
 	});
 }
-function se({ className: t, text: n = "Previous", children: r, ...i }) {
-	return /* @__PURE__ */ e(Q, {
+function se({ as: t, className: r, isActive: i, text: a = "Previous", children: o, ...s }) {
+	return /* @__PURE__ */ e(t ?? "a", {
 		"aria-label": "Go to previous page",
+		"aria-current": i ? "page" : void 0,
 		"data-role": "previous",
-		className: t,
-		...i,
-		children: r ?? n
+		className: n("sheerly-pagination-link", r),
+		...s,
+		children: o ?? a
 	});
 }
-function ce({ className: t, text: n = "Next", children: r, ...i }) {
-	return /* @__PURE__ */ e(Q, {
+function ce({ as: t, className: r, isActive: i, text: a = "Next", children: o, ...s }) {
+	return /* @__PURE__ */ e(t ?? "a", {
 		"aria-label": "Go to next page",
+		"aria-current": i ? "page" : void 0,
 		"data-role": "next",
-		className: t,
-		...i,
-		children: r ?? n
+		className: n("sheerly-pagination-link", r),
+		...s,
+		children: o ?? a
 	});
 }
-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 }) {
-	return /* @__PURE__ */ e("button", {
-		role: r,
-		className: n("sheerly-tabs-trigger", t),
+function Me({ as: t, className: r, ...i }) {
+	return /* @__PURE__ */ e(t ?? "button", {
+		role: "tab",
+		className: n("sheerly-tabs-trigger", r),
 		...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, p as Breadcrumb, y as BreadcrumbEllipsis, h as BreadcrumbItem, g as BreadcrumbLink, m as BreadcrumbList, _ as BreadcrumbPage, v as BreadcrumbSeparator, b as Button, x as Card, T as CardAction, E as CardContent, w as CardDescription, D as CardFooter, S as CardHeader, C as CardTitle, O as Carousel, k as CarouselItem, A as Checkbox, j as Dialog, F as DialogBody, L as DialogClose, P as DialogDescription, I as DialogFooter, M as DialogHeader, N as DialogTitle, R as DropdownMenu, z as DropdownMenuContent, B as DropdownMenuGroup, H as DropdownMenuItem, V as DropdownMenuLabel, U as DropdownMenuLinkItem, G as DropdownMenuSeparator, W as DropdownMenuShortcut, K as DropdownMenuSub, J as DropdownMenuSubContent, q as DropdownMenuSubTrigger, Y as HoverCard, X as HoverCardContent, Z as Input, Q as Kbd, te as KbdGroup, ne as Label, re as Pagination, ie as PaginationContent, le as PaginationEllipsis, ae as PaginationItem, oe 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 };