sheerly 0.0.2 → 0.0.4

package/lib/index.js

@@ -77,32 +77,32 @@ function ee({ as: t, className: 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({ as: t, className: r, ...i }) {
+function _({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "span", {
 		role: "link",
 		"aria-disabled": "true",
@@ -111,28 +111,26 @@ function h({ as: t, className: r, ...i }) {
 		...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 _({ as: t, className: r, children: i, ...a }) {
+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", r),
-		...a,
-		children: i
+		...i
 	});
 }
 //#endregion
 //#region src/button.tsx
-function v({ as: t, className: r, ...i }) {
+function b({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "button", {
 		className: n("sheerly-button", r),
 		...i
@@ -140,43 +138,43 @@ function v({ as: t, className: r, ...i }) {
 }
 //#endregion
 //#region src/card.tsx
-function y({ as: t, className: r, ...i }) {
+function x({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-card", r),
 		...i
 	});
 }
-function b({ as: t, className: r, ...i }) {
+function S({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-card-header", r),
 		...i
 	});
 }
-function x({ as: t, className: r, ...i }) {
+function C({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "h3", {
 		className: n("sheerly-card-title", r),
 		...i
 	});
 }
-function S({ as: t, className: r, ...i }) {
+function w({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "p", {
 		className: n("sheerly-card-description", r),
 		...i
 	});
 }
-function C({ as: t, className: r, ...i }) {
+function T({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-card-action", r),
 		...i
 	});
 }
-function w({ as: t, className: r, ...i }) {
+function E({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-card-content", r),
 		...i
 	});
 }
-function T({ as: t, className: r, ...i }) {
+function D({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-card-footer", r),
 		...i
@@ -184,13 +182,13 @@ function T({ as: t, className: r, ...i }) {
 }
 //#endregion
 //#region src/carousel.tsx
-function E({ as: t, className: r, ...i }) {
+function O({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-carousel", r),
 		...i
 	});
 }
-function D({ as: t, className: r, ...i }) {
+function k({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-carousel-item", r),
 		...i
@@ -198,7 +196,7 @@ function D({ as: t, className: 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({ as: t, className: r, ...i }) {
+function M({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-dialog-header", r),
 		...i
 	});
 }
-function j({ as: t, className: r, ...i }) {
+function N({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "h3", {
 		className: n("sheerly-dialog-title", r),
 		...i
 	});
 }
-function M({ as: t, className: r, ...i }) {
+function P({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "p", {
 		className: n("sheerly-dialog-description", r),
 		...i
 	});
 }
-function N({ as: t, className: r, ...i }) {
+function F({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-dialog-body", r),
 		...i
 	});
 }
-function P({ as: t, className: r, ...i }) {
+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,70 +250,70 @@ function F({ className: t, type: r = "button", ...i }) {
 }
 //#endregion
 //#region src/dropdown-menu.tsx
-function I({ as: t, className: r, ...i }) {
+function R({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "span", {
 		className: n("sheerly-dropdown-menu", r),
 		...i
 	});
 }
-function L({ as: t, className: r, ...i }) {
+function z({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-dropdown-menu-content", r),
 		...i
 	});
 }
-function R({ as: t, className: r, ...i }) {
+function B({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-dropdown-menu-group", r),
 		...i
 	});
 }
-function z({ as: t, className: r, ...i }) {
+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({ as: t, className: r, ...i }) {
+function W({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "span", {
 		className: n("sheerly-dropdown-menu-shortcut", r),
 		...i
 	});
 }
-function U({ as: t, className: r, ...i }) {
+function G({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		role: "separator",
 		className: n("sheerly-dropdown-menu-separator", r),
 		...i
 	});
 }
-function W({ as: t, className: r, ...i }) {
+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({ as: t, className: r, ...i }) {
+function J({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-dropdown-menu-content", r),
 		...i
@@ -323,13 +321,13 @@ function K({ as: t, className: r, ...i }) {
 }
 //#endregion
 //#region src/hover-card.tsx
-function q({ as: t, className: r, ...i }) {
+function Y({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "span", {
 		className: n("sheerly-hover-card", r),
 		...i
 	});
 }
-function J({ as: t, className: r, ...i }) {
+function X({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "div", {
 		className: n("sheerly-hover-card-content", r),
 		...i
@@ -337,7 +335,7 @@ function J({ as: t, className: 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,13 +343,13 @@ 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({ as: t, className: r, ...i }) {
+function te({ as: t, className: r, ...i }) {
 	return /* @__PURE__ */ e(t ?? "span", {
 		className: n("sheerly-kbd-group", r),
 		...i
@@ -359,7 +357,7 @@ function Z({ as: t, className: 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,49 +365,51 @@ 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({ as: t, className: r, ...i }) {
@@ -594,10 +594,10 @@ function je({ as: t, className: r, ...i }) {
 		...i
 	});
 }
-function Me({ 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
 	});
 }
@@ -657,4 +657,4 @@ function Re({ as: t, className: 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 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 };
+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 };

package/lib/input.css

@@ -1 +1 @@
-.sheerly-input{border-radius:var(--sheerly-radius-lg);border:1px solid var(--sheerly-input);box-sizing:border-box;width:100%;min-width:0;color:var(--sheerly-foreground);background-color:#0000;outline:none;height:32px;padding:0 10px;font-family:Geist Sans,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:border-color .15s,box-shadow .15s}.sheerly-input::placeholder{color:var(--sheerly-muted-foreground)}.sheerly-input:focus-visible{border-color:var(--sheerly-ring);box-shadow:var(--sheerly-focus-ring)}.sheerly-input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5;background-color:oklch(from var(--sheerly-input) l c h / 50%)}.sheerly-input[aria-invalid=true]{border-color:var(--sheerly-destructive);box-shadow:0 0 0 3px oklch(from var(--sheerly-destructive) l c h / 20%)}.sheerly-input::file-selector-button{height:24px;color:var(--sheerly-foreground);background-color:#0000;border:0;margin-right:8px;font-size:14px;font-weight:500;display:inline-flex}.sheerly-input[data-size=sm]{height:28px;font-size:13px}.sheerly-input[data-size=lg]{height:36px}
+.sheerly-input{border-radius:var(--sheerly-radius-lg);border:1px solid var(--sheerly-input);box-sizing:border-box;width:100%;min-width:0;font-family:var(--sheerly-font-sans);color:var(--sheerly-foreground);background-color:#0000;outline:none;height:32px;padding:0 10px;font-size:14px;font-weight:400;line-height:20px;transition:border-color .15s,box-shadow .15s}.sheerly-input::placeholder{color:var(--sheerly-muted-foreground)}.sheerly-input:focus-visible{border-color:var(--sheerly-ring);box-shadow:var(--sheerly-focus-ring)}.sheerly-input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5;background-color:oklch(from var(--sheerly-input) l c h / 50%)}.sheerly-input[aria-invalid=true]{border-color:var(--sheerly-destructive);box-shadow:0 0 0 3px oklch(from var(--sheerly-destructive) l c h / 20%)}.sheerly-input::file-selector-button{height:24px;color:var(--sheerly-foreground);background-color:#0000;border:0;margin-right:8px;font-size:14px;font-weight:500;display:inline-flex}.sheerly-input[data-size=sm]{height:28px;font-size:13px}.sheerly-input[data-size=lg]{height:36px}

package/lib/input.d.ts

@@ -8,4 +8,4 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
  * @example
  * <Input type="email" placeholder="you@example.com" />
  */
-export declare function Input({ className, ...props }: InputProps): import("react").JSX.Element;
+export declare function Input({ className, ...props }: InputProps): import('react').JSX.Element;

package/lib/kbd.css

@@ -1 +1 @@
-.sheerly-kbd{background-color:var(--sheerly-muted);width:fit-content;min-width:20px;height:20px;color:var(--sheerly-muted-foreground);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-family:Geist Sans,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.sheerly-kbd svg{width:12px;height:12px}.sheerly-kbd-group{align-items:center;gap:4px;display:inline-flex}
+.sheerly-kbd{background-color:var(--sheerly-muted);width:fit-content;min-width:20px;height:20px;font-family:var(--sheerly-font-sans);color:var(--sheerly-muted-foreground);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.sheerly-kbd svg{width:12px;height:12px}.sheerly-kbd-group{align-items:center;gap:4px;display:inline-flex}

package/lib/kbd.d.ts

@@ -7,6 +7,6 @@ export type KbdProps = HTMLAttributes<HTMLElement>;
  * @example
  * <KbdGroup><Kbd>⌘</Kbd><Kbd>K</Kbd></KbdGroup>
  */
-export declare function Kbd({ className, ...props }: KbdProps): import("react").JSX.Element;
+export declare function Kbd({ className, ...props }: KbdProps): import('react').JSX.Element;
 export type KbdGroupProps<T extends ElementType = 'span'> = PolymorphicProps<T>;
-export declare function KbdGroup<T extends ElementType = 'span'>({ as, className, ...props }: KbdGroupProps<T>): import("react").JSX.Element;
+export declare function KbdGroup<T extends ElementType = 'span'>({ as, className, ...props }: KbdGroupProps<T>): import('react').JSX.Element;

package/lib/label.css

@@ -1 +1 @@
-.sheerly-label{color:var(--sheerly-foreground);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;font-family:Geist Sans,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:20px;display:flex}.sheerly-label[data-disabled=true]{color:var(--sheerly-muted-foreground);pointer-events:none}
+.sheerly-label{font-family:var(--sheerly-font-sans);color:var(--sheerly-foreground);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.sheerly-label[data-disabled=true]{color:var(--sheerly-muted-foreground);pointer-events:none}

package/lib/label.d.ts

@@ -8,4 +8,4 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
  * @example
  * <Label htmlFor="email">Email</Label>
  */
-export declare function Label({ className, ...props }: LabelProps): import("react").JSX.Element;
+export declare function Label({ className, ...props }: LabelProps): import('react').JSX.Element;

package/lib/pagination.css

@@ -1 +1 @@
-.sheerly-pagination{justify-content:center;width:100%;margin-inline:auto;font-family:Geist Sans,system-ui,-apple-system,sans-serif;display:flex}.sheerly-pagination-content{flex-flow:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sheerly-pagination-item{display:flex}.sheerly-pagination-link{border-radius:var(--sheerly-radius-lg);min-width:32px;height:32px;color:var(--sheerly-foreground);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .15s;display:inline-flex}.sheerly-pagination-link:hover{background-color:var(--sheerly-accent);color:var(--sheerly-accent-foreground)}.sheerly-pagination-link:active{translate:0 1px}.sheerly-pagination-link:focus-visible{border-color:var(--sheerly-ring);box-shadow:var(--sheerly-focus-ring)}.sheerly-pagination-link[aria-disabled=true],.sheerly-pagination-link:disabled{pointer-events:none;opacity:.5}.sheerly-pagination-link[aria-current=page]{background-color:var(--sheerly-background);border-color:var(--sheerly-border);color:var(--sheerly-foreground)}.sheerly-pagination-link[aria-current=page]:hover{background-color:var(--sheerly-accent)}.sheerly-pagination-link svg{pointer-events:none;flex-shrink:0;width:16px;height:16px}.sheerly-pagination-link[data-role=previous],.sheerly-pagination-link[data-role=next]{gap:4px;padding:0 10px}.sheerly-pagination-link[data-role=previous]:before,.sheerly-pagination-link[data-role=next]:after{content:"";background-color:currentColor;flex-shrink:0;width:16px;height:16px}.sheerly-pagination-link[data-role=previous]:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.sheerly-pagination-link[data-role=next]:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.sheerly-pagination-ellipsis{width:32px;height:32px;color:var(--sheerly-muted-foreground);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}
+.sheerly-pagination{width:100%;font-family:var(--sheerly-font-sans);justify-content:center;margin-inline:auto;display:flex}.sheerly-pagination-content{flex-flow:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sheerly-pagination-item{display:flex}.sheerly-pagination-link{border-radius:var(--sheerly-radius-lg);min-width:32px;height:32px;color:var(--sheerly-foreground);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .15s;display:inline-flex}.sheerly-pagination-link:hover{background-color:var(--sheerly-accent);color:var(--sheerly-accent-foreground)}.sheerly-pagination-link:active{translate:0 1px}.sheerly-pagination-link:focus-visible{border-color:var(--sheerly-ring);box-shadow:var(--sheerly-focus-ring)}.sheerly-pagination-link[aria-disabled=true],.sheerly-pagination-link:disabled{pointer-events:none;opacity:.5}.sheerly-pagination-link[aria-current=page]{background-color:var(--sheerly-background);border-color:var(--sheerly-border);color:var(--sheerly-foreground)}.sheerly-pagination-link[aria-current=page]:hover{background-color:var(--sheerly-accent)}.sheerly-pagination-link svg{pointer-events:none;flex-shrink:0;width:16px;height:16px}.sheerly-pagination-link[data-role=previous],.sheerly-pagination-link[data-role=next]{gap:4px;padding:0 10px}.sheerly-pagination-link[data-role=previous]:before,.sheerly-pagination-link[data-role=next]:after{content:"";background-color:currentColor;flex-shrink:0;width:16px;height:16px}.sheerly-pagination-link[data-role=previous]:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.sheerly-pagination-link[data-role=next]:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.sheerly-pagination-ellipsis{width:32px;height:32px;color:var(--sheerly-muted-foreground);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}

package/lib/pagination.d.ts

@@ -1,8 +1,11 @@
-import { AnchorHTMLAttributes, ElementType, HTMLAttributes } from 'react';
+import { ElementType } from 'react';
 import { PolymorphicProps } from './utils/polymorphic';
+export type PaginationProps<T extends ElementType = 'nav'> = PolymorphicProps<T>;
 /**
  * Page navigation. Mark the current page's link with `isActive`.
  *
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `nav`).
+ *
  * @example
  * <Pagination>
  *   <PaginationContent>
@@ -12,20 +15,42 @@ import { PolymorphicProps } from './utils/polymorphic';
  *   </PaginationContent>
  * </Pagination>
  */
-export declare function Pagination({ className, ...props }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
-export declare function PaginationContent({ className, ...props }: HTMLAttributes<HTMLUListElement>): import("react").JSX.Element;
-export declare function PaginationItem({ className, ...props }: HTMLAttributes<HTMLLIElement>): import("react").JSX.Element;
-export interface PaginationLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+export declare function Pagination<T extends ElementType = 'nav'>({ as, className, ...props }: PaginationProps<T>): import('react').JSX.Element;
+export type PaginationContentProps<T extends ElementType = 'ul'> = PolymorphicProps<T>;
+/**
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `ul`).
+ */
+export declare function PaginationContent<T extends ElementType = 'ul'>({ as, className, ...props }: PaginationContentProps<T>): import('react').JSX.Element;
+export type PaginationItemProps<T extends ElementType = 'li'> = PolymorphicProps<T>;
+/**
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `li`).
+ */
+export declare function PaginationItem<T extends ElementType = 'li'>({ as, className, ...props }: PaginationItemProps<T>): import('react').JSX.Element;
+export type PaginationLinkProps<T extends ElementType = 'a'> = PolymorphicProps<T, {
     /** Marks the current page (renders like the outline button). */
     isActive?: boolean;
     'data-role'?: 'previous' | 'next';
-}
-export declare function PaginationLink({ className, isActive, ...props }: PaginationLinkProps): import("react").JSX.Element;
-export declare function PaginationPrevious({ className, text, children, ...props }: PaginationLinkProps & {
-    text?: string;
-}): import("react").JSX.Element;
-export declare function PaginationNext({ className, text, children, ...props }: PaginationLinkProps & {
+}>;
+/**
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `a`, e.g.
+ * `as={Link}` for a router link).
+ */
+export declare function PaginationLink<T extends ElementType = 'a'>({ as, className, isActive, ...props }: PaginationLinkProps<T>): import('react').JSX.Element;
+export type PaginationPreviousProps<T extends ElementType = 'a'> = PaginationLinkProps<T> & {
+    /** Visible label. Children override it. */
     text?: string;
-}): import("react").JSX.Element;
+};
+/**
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `a`).
+ */
+export declare function PaginationPrevious<T extends ElementType = 'a'>({ as, className, isActive, text, children, ...props }: PaginationPreviousProps<T>): import('react').JSX.Element;
+export type PaginationNextProps<T extends ElementType = 'a'> = PaginationPreviousProps<T>;
+/**
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `a`).
+ */
+export declare function PaginationNext<T extends ElementType = 'a'>({ as, className, isActive, text, children, ...props }: PaginationNextProps<T>): import('react').JSX.Element;
 export type PaginationEllipsisProps<T extends ElementType = 'span'> = PolymorphicProps<T>;
-export declare function PaginationEllipsis<T extends ElementType = 'span'>({ as, className, ...props }: PaginationEllipsisProps<T>): import("react").JSX.Element;
+/**
+ * Polymorphic: pass `as` to change the rendered tag (defaults to `span`).
+ */
+export declare function PaginationEllipsis<T extends ElementType = 'span'>({ as, className, ...props }: PaginationEllipsisProps<T>): import('react').JSX.Element;

package/lib/popover.css

@@ -1 +1 @@
-.sheerly-popover{anchor-name:--sheerly-pop;anchor-scope:--sheerly-pop;width:fit-content;display:inline-block}.sheerly-popover-content{position-anchor:--sheerly-pop;position-area:var(--sheerly-popover-position,block-end);position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position-visibility:anchors-visible;inset:unset;background-color:var(--sheerly-popover);color:var(--sheerly-popover-foreground);border:1px solid var(--sheerly-border);border-radius:var(--sheerly-radius-md);opacity:0;width:max-content;max-width:288px;transition:opacity .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;margin:6px;padding:16px;font-family:Geist Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:20px;position:fixed;overflow:auto;box-shadow:0 4px 16px -4px oklch(0% 0 0/.08),0 1px 2px oklch(0% 0 0/.04)}.sheerly-popover-content:popover-open{opacity:1}@starting-style{.sheerly-popover-content:popover-open{opacity:0}}
+.sheerly-popover{anchor-name:--sheerly-pop;anchor-scope:--sheerly-pop;width:fit-content;display:inline-block}.sheerly-popover-content{position-anchor:--sheerly-pop;position-area:var(--sheerly-popover-position,block-end);position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;position-visibility:anchors-visible;inset:unset;background-color:var(--sheerly-popover);color:var(--sheerly-popover-foreground);font-family:var(--sheerly-font-sans);border:1px solid var(--sheerly-border);border-radius:var(--sheerly-radius-md);opacity:0;width:max-content;max-width:288px;transition:opacity .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;margin:6px;padding:16px;font-size:14px;line-height:20px;position:fixed;overflow:auto;box-shadow:0 4px 16px -4px oklch(0% 0 0/.08),0 1px 2px oklch(0% 0 0/.04)}.sheerly-popover-content:popover-open{opacity:1}@starting-style{.sheerly-popover-content:popover-open{opacity:0}}

package/lib/popover.d.ts

@@ -10,7 +10,7 @@ export type PopoverProps<T extends ElementType = 'span'> = PolymorphicProps<T>;
  *   <PopoverContent id="p" popover>Place content here.</PopoverContent>
  * </Popover>
  */
-export declare function Popover<T extends ElementType = 'span'>({ as, className, ...props }: PopoverProps<T>): import("react").JSX.Element;
+export declare function Popover<T extends ElementType = 'span'>({ as, className, ...props }: PopoverProps<T>): import('react').JSX.Element;
 export type PopoverContentProps<T extends ElementType = 'div'> = PolymorphicProps<T>;
 /** The floating panel. Give it `popover` and an `id` matched by the trigger's `commandfor`. */
-export declare function PopoverContent<T extends ElementType = 'div'>({ as, className, ...props }: PopoverContentProps<T>): import("react").JSX.Element;
+export declare function PopoverContent<T extends ElementType = 'div'>({ as, className, ...props }: PopoverContentProps<T>): import('react').JSX.Element;

package/lib/progress.d.ts

@@ -9,4 +9,4 @@ export interface ProgressProps extends ProgressHTMLAttributes<HTMLProgressElemen
  * @example
  * <Progress value={60} max={100} data-variant="success" />
  */
-export declare function Progress({ className, ...props }: ProgressProps): import("react").JSX.Element;
+export declare function Progress({ className, ...props }: ProgressProps): import('react').JSX.Element;

package/lib/radio.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, InputHTMLAttributes } from 'react';
 import { PolymorphicProps } from './utils/polymorphic';
 export type RadioGroupProps<T extends ElementType = 'div'> = PolymorphicProps<T>;
-export declare function RadioGroup<T extends ElementType = 'div'>({ as, className, ...props }: RadioGroupProps<T>): import("react").JSX.Element;
+export declare function RadioGroup<T extends ElementType = 'div'>({ as, className, ...props }: RadioGroupProps<T>): import('react').JSX.Element;
 export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
 /**
  * A radio `<input>`. Share a `name` and wrap options in a <RadioGroup>.
@@ -12,4 +12,4 @@ export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
  *   <Label><Radio name="plan" value="pro" /> Pro</Label>
  * </RadioGroup>
  */
-export declare function Radio({ className, ...props }: RadioProps): import("react").JSX.Element;
+export declare function Radio({ className, ...props }: RadioProps): import('react').JSX.Element;

package/lib/root.css

@@ -1 +1 @@
-:root{--sheerly-radius:.625rem;--sheerly-radius-sm:calc(var(--sheerly-radius) * .6);--sheerly-radius-md:calc(var(--sheerly-radius) * .8);--sheerly-radius-lg:var(--sheerly-radius);--sheerly-radius-xl:calc(var(--sheerly-radius) * 1.4);--sheerly-radius-2xl:calc(var(--sheerly-radius) * 1.8);--sheerly-background:oklch(100% 0 0);--sheerly-foreground:oklch(14.5% 0 0);--sheerly-card:oklch(100% 0 0);--sheerly-card-foreground:oklch(14.5% 0 0);--sheerly-popover:oklch(100% 0 0);--sheerly-popover-foreground:oklch(14.5% 0 0);--sheerly-primary:oklch(20.5% 0 0);--sheerly-primary-foreground:oklch(98.5% 0 0);--sheerly-secondary:oklch(97% 0 0);--sheerly-secondary-foreground:oklch(20.5% 0 0);--sheerly-muted:oklch(97% 0 0);--sheerly-muted-foreground:oklch(55.6% 0 0);--sheerly-accent:oklch(97% 0 0);--sheerly-accent-foreground:oklch(20.5% 0 0);--sheerly-destructive:oklch(57.7% .245 27.325);--sheerly-border:oklch(92.2% 0 0);--sheerly-input:oklch(92.2% 0 0);--sheerly-ring:oklch(70.8% 0 0);--sheerly-sidebar:oklch(98.5% 0 0);--sheerly-sidebar-foreground:oklch(14.5% 0 0);--sheerly-sidebar-primary:oklch(20.5% 0 0);--sheerly-sidebar-primary-foreground:oklch(98.5% 0 0);--sheerly-sidebar-accent:oklch(97% 0 0);--sheerly-sidebar-accent-foreground:oklch(20.5% 0 0);--sheerly-sidebar-border:oklch(92.2% 0 0);--sheerly-sidebar-ring:oklch(70.8% 0 0)}.dark{--sheerly-background:oklch(14.5% 0 0);--sheerly-foreground:oklch(98.5% 0 0);--sheerly-card:oklch(20.5% 0 0);--sheerly-card-foreground:oklch(98.5% 0 0);--sheerly-popover:oklch(20.5% 0 0);--sheerly-popover-foreground:oklch(98.5% 0 0);--sheerly-primary:oklch(92.2% 0 0);--sheerly-primary-foreground:oklch(20.5% 0 0);--sheerly-secondary:oklch(26.9% 0 0);--sheerly-secondary-foreground:oklch(98.5% 0 0);--sheerly-muted:oklch(26.9% 0 0);--sheerly-muted-foreground:oklch(70.8% 0 0);--sheerly-accent:oklch(26.9% 0 0);--sheerly-accent-foreground:oklch(98.5% 0 0);--sheerly-destructive:oklch(70.4% .191 22.216);--sheerly-border:oklch(100% 0 0/.1);--sheerly-input:oklch(100% 0 0/.15);--sheerly-ring:oklch(55.6% 0 0);--sheerly-sidebar:oklch(20.5% 0 0);--sheerly-sidebar-foreground:oklch(98.5% 0 0);--sheerly-sidebar-primary:oklch(48.8% .243 264.376);--sheerly-sidebar-primary-foreground:oklch(98.5% 0 0);--sheerly-sidebar-accent:oklch(26.9% 0 0);--sheerly-sidebar-accent-foreground:oklch(98.5% 0 0);--sheerly-sidebar-border:oklch(100% 0 0/.1);--sheerly-sidebar-ring:oklch(55.6% 0 0)}:root{--sheerly-radius-full:9999px;--sheerly-focus-ring:0 0 0 3px oklch(from var(--sheerly-ring) l c h / 50%)}
+:root{--sheerly-font-sans:"Geist", "Geist Sans", system-ui, -apple-system, sans-serif;--sheerly-font-mono:"Geist Mono", ui-monospace, monospace;--sheerly-radius:.625rem;--sheerly-radius-sm:calc(var(--sheerly-radius) * .6);--sheerly-radius-md:calc(var(--sheerly-radius) * .8);--sheerly-radius-lg:var(--sheerly-radius);--sheerly-radius-xl:calc(var(--sheerly-radius) * 1.4);--sheerly-radius-2xl:calc(var(--sheerly-radius) * 1.8);--sheerly-background:oklch(100% 0 0);--sheerly-foreground:oklch(14.5% 0 0);--sheerly-card:oklch(100% 0 0);--sheerly-card-foreground:oklch(14.5% 0 0);--sheerly-popover:oklch(100% 0 0);--sheerly-popover-foreground:oklch(14.5% 0 0);--sheerly-primary:oklch(20.5% 0 0);--sheerly-primary-foreground:oklch(98.5% 0 0);--sheerly-secondary:oklch(97% 0 0);--sheerly-secondary-foreground:oklch(20.5% 0 0);--sheerly-muted:oklch(97% 0 0);--sheerly-muted-foreground:oklch(55.6% 0 0);--sheerly-accent:oklch(97% 0 0);--sheerly-accent-foreground:oklch(20.5% 0 0);--sheerly-destructive:oklch(57.7% .245 27.325);--sheerly-border:oklch(92.2% 0 0);--sheerly-input:oklch(92.2% 0 0);--sheerly-ring:oklch(70.8% 0 0);--sheerly-sidebar:oklch(98.5% 0 0);--sheerly-sidebar-foreground:oklch(14.5% 0 0);--sheerly-sidebar-primary:oklch(20.5% 0 0);--sheerly-sidebar-primary-foreground:oklch(98.5% 0 0);--sheerly-sidebar-accent:oklch(97% 0 0);--sheerly-sidebar-accent-foreground:oklch(20.5% 0 0);--sheerly-sidebar-border:oklch(92.2% 0 0);--sheerly-sidebar-ring:oklch(70.8% 0 0)}.dark{--sheerly-background:oklch(14.5% 0 0);--sheerly-foreground:oklch(98.5% 0 0);--sheerly-card:oklch(20.5% 0 0);--sheerly-card-foreground:oklch(98.5% 0 0);--sheerly-popover:oklch(20.5% 0 0);--sheerly-popover-foreground:oklch(98.5% 0 0);--sheerly-primary:oklch(92.2% 0 0);--sheerly-primary-foreground:oklch(20.5% 0 0);--sheerly-secondary:oklch(26.9% 0 0);--sheerly-secondary-foreground:oklch(98.5% 0 0);--sheerly-muted:oklch(26.9% 0 0);--sheerly-muted-foreground:oklch(70.8% 0 0);--sheerly-accent:oklch(26.9% 0 0);--sheerly-accent-foreground:oklch(98.5% 0 0);--sheerly-destructive:oklch(70.4% .191 22.216);--sheerly-border:oklch(100% 0 0/.1);--sheerly-input:oklch(100% 0 0/.15);--sheerly-ring:oklch(55.6% 0 0);--sheerly-sidebar:oklch(20.5% 0 0);--sheerly-sidebar-foreground:oklch(98.5% 0 0);--sheerly-sidebar-primary:oklch(48.8% .243 264.376);--sheerly-sidebar-primary-foreground:oklch(98.5% 0 0);--sheerly-sidebar-accent:oklch(26.9% 0 0);--sheerly-sidebar-accent-foreground:oklch(98.5% 0 0);--sheerly-sidebar-border:oklch(100% 0 0/.1);--sheerly-sidebar-ring:oklch(55.6% 0 0)}:root{--sheerly-radius-full:9999px;--sheerly-focus-ring:0 0 0 3px oklch(from var(--sheerly-ring) l c h / 50%)}