sheerly 0.0.1

package/lib/index.js

@@ -0,0 +1,652 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/cn.ts
+function n(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/accordion.tsx
+function r({ className: t, ...r }) {
+	return /* @__PURE__ */ e("details", {
+		className: n("sheerly-accordion", t),
+		...r
+	});
+}
+function i({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-accordion-content", t),
+		...r
+	});
+}
+//#endregion
+//#region src/alert.tsx
+function a({ className: t, role: r = "alert", ...i }) {
+	return /* @__PURE__ */ e("div", {
+		role: r,
+		className: n("sheerly-alert", t),
+		...i
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-alert-title", t),
+		...r
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-alert-description", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-alert-action", t),
+		...r
+	});
+}
+//#endregion
+//#region src/avatar.tsx
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-avatar", t),
+		...r
+	});
+}
+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 f({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-avatar-group", t),
+		...r
+	});
+}
+//#endregion
+//#region src/badge.tsx
+function ee({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-badge", t),
+		...r
+	});
+}
+//#endregion
+//#region src/breadcrumb.tsx
+function te({ className: t, ...r }) {
+	return /* @__PURE__ */ e("nav", {
+		"aria-label": "breadcrumb",
+		className: n("sheerly-breadcrumb", t),
+		...r
+	});
+}
+function ne({ className: t, ...r }) {
+	return /* @__PURE__ */ e("ol", {
+		className: n("sheerly-breadcrumb-list", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ e("li", {
+		className: n("sheerly-breadcrumb-item", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ e("a", {
+		className: n("sheerly-breadcrumb-link", t),
+		...r
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: n("sheerly-breadcrumb-page", t),
+		...r
+	});
+}
+function g({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ e("li", {
+		role: "presentation",
+		"aria-hidden": "true",
+		className: n("sheerly-breadcrumb-separator", t),
+		...i,
+		children: r
+	});
+}
+function _({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ e("span", {
+		role: "presentation",
+		"aria-hidden": "true",
+		"aria-label": "More",
+		className: n("sheerly-breadcrumb-ellipsis", t),
+		...i,
+		children: r
+	});
+}
+//#endregion
+//#region src/button.tsx
+function v({ className: t, ...r }) {
+	return /* @__PURE__ */ e("button", {
+		className: n("sheerly-button", t),
+		...r
+	});
+}
+//#endregion
+//#region src/card.tsx
+function y({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-card", t),
+		...r
+	});
+}
+function b({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-card-header", t),
+		...r
+	});
+}
+function x({ className: t, ...r }) {
+	return /* @__PURE__ */ e("h3", {
+		className: n("sheerly-card-title", t),
+		...r
+	});
+}
+function S({ className: t, ...r }) {
+	return /* @__PURE__ */ e("p", {
+		className: n("sheerly-card-description", t),
+		...r
+	});
+}
+function C({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-card-action", t),
+		...r
+	});
+}
+function w({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-card-content", t),
+		...r
+	});
+}
+function T({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-card-footer", t),
+		...r
+	});
+}
+//#endregion
+//#region src/carousel.tsx
+function E({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-carousel", t),
+		...r
+	});
+}
+function D({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-carousel-item", t),
+		...r
+	});
+}
+//#endregion
+//#region src/checkbox.tsx
+function O({ className: t, ...r }) {
+	return /* @__PURE__ */ e("input", {
+		type: "checkbox",
+		className: n("sheerly-checkbox", t),
+		...r
+	});
+}
+//#endregion
+//#region src/dialog.tsx
+function k({ 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 j({ className: t, ...r }) {
+	return /* @__PURE__ */ e("h3", {
+		className: n("sheerly-dialog-title", t),
+		...r
+	});
+}
+function M({ className: t, ...r }) {
+	return /* @__PURE__ */ e("p", {
+		className: n("sheerly-dialog-description", t),
+		...r
+	});
+}
+function N({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-dialog-body", t),
+		...r
+	});
+}
+function P({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-dialog-footer", t),
+		...r
+	});
+}
+function F({ className: t, type: r = "button", ...i }) {
+	return /* @__PURE__ */ e("button", {
+		type: r,
+		className: n("sheerly-dialog-close", t),
+		...i
+	});
+}
+//#endregion
+//#region src/dropdown-menu.tsx
+function I({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-dropdown-menu", t),
+		...r
+	});
+}
+function L({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-dropdown-menu-content", t),
+		...r
+	});
+}
+function R({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-dropdown-menu-group", t),
+		...r
+	});
+}
+function z({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-dropdown-menu-label", t),
+		...r
+	});
+}
+function B({ 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 H({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-dropdown-menu-shortcut", t),
+		...r
+	});
+}
+function U({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		role: "separator",
+		className: n("sheerly-dropdown-menu-separator", t),
+		...r
+	});
+}
+function W({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-dropdown-menu-sub", t),
+		...r
+	});
+}
+function G({ 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
+	});
+}
+//#endregion
+//#region src/hover-card.tsx
+function q({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-hover-card", t),
+		...r
+	});
+}
+function J({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-hover-card-content", t),
+		...r
+	});
+}
+//#endregion
+//#region src/input.tsx
+function Y({ className: t, ...r }) {
+	return /* @__PURE__ */ e("input", {
+		className: n("sheerly-input", t),
+		...r
+	});
+}
+//#endregion
+//#region src/kbd.tsx
+function X({ 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
+	});
+}
+//#endregion
+//#region src/label.tsx
+function re({ className: t, ...r }) {
+	return /* @__PURE__ */ e("label", {
+		className: n("sheerly-label", t),
+		...r
+	});
+}
+//#endregion
+//#region src/pagination.tsx
+function ie({ className: t, ...r }) {
+	return /* @__PURE__ */ e("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		className: n("sheerly-pagination", t),
+		...r
+	});
+}
+function ae({ className: t, ...r }) {
+	return /* @__PURE__ */ e("ul", {
+		className: n("sheerly-pagination-content", t),
+		...r
+	});
+}
+function oe({ className: t, ...r }) {
+	return /* @__PURE__ */ e("li", {
+		className: n("sheerly-pagination-item", t),
+		...r
+	});
+}
+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 se({ className: t, text: n = "Previous", children: r, ...i }) {
+	return /* @__PURE__ */ e(Q, {
+		"aria-label": "Go to previous page",
+		"data-role": "previous",
+		className: t,
+		...i,
+		children: r ?? n
+	});
+}
+function ce({ className: t, text: n = "Next", children: r, ...i }) {
+	return /* @__PURE__ */ e(Q, {
+		"aria-label": "Go to next page",
+		"data-role": "next",
+		className: t,
+		...i,
+		children: r ?? n
+	});
+}
+function le({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		"aria-hidden": !0,
+		className: n("sheerly-pagination-ellipsis", t),
+		...r,
+		children: "…"
+	});
+}
+//#endregion
+//#region src/popover.tsx
+function ue({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-popover", t),
+		...r
+	});
+}
+function de({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-popover-content", t),
+		...r
+	});
+}
+//#endregion
+//#region src/progress.tsx
+function fe({ className: t, ...r }) {
+	return /* @__PURE__ */ e("progress", {
+		className: n("sheerly-progress", t),
+		...r
+	});
+}
+//#endregion
+//#region src/radio.tsx
+function pe({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-radio-group", t),
+		...r
+	});
+}
+function me({ className: t, ...r }) {
+	return /* @__PURE__ */ e("input", {
+		type: "radio",
+		className: n("sheerly-radio", t),
+		...r
+	});
+}
+//#endregion
+//#region src/select.tsx
+function he({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t("select", {
+		className: n("sheerly-select", r),
+		...a,
+		children: [/* @__PURE__ */ e("button", { children: /* @__PURE__ */ e("selectedcontent", {}) }), i]
+	});
+}
+//#endregion
+//#region src/separator.tsx
+function ge({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-separator", t),
+		...r
+	});
+}
+//#endregion
+//#region src/sheet.tsx
+function _e({ 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({ className: t, ...r }) {
+	return /* @__PURE__ */ e("h3", {
+		className: n("sheerly-sheet-title", t),
+		...r
+	});
+}
+function be({ className: t, ...r }) {
+	return /* @__PURE__ */ e("p", {
+		className: n("sheerly-sheet-description", t),
+		...r
+	});
+}
+function xe({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-sheet-body", t),
+		...r
+	});
+}
+function Se({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-sheet-footer", t),
+		...r
+	});
+}
+function Ce({ className: t, type: r = "button", ...i }) {
+	return /* @__PURE__ */ e("button", {
+		type: r,
+		className: n("sheerly-sheet-close", t),
+		...i
+	});
+}
+//#endregion
+//#region src/skeleton.tsx
+function we({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-skeleton", t),
+		...r
+	});
+}
+//#endregion
+//#region src/slider.tsx
+function Te({ className: t, ...r }) {
+	return /* @__PURE__ */ e("input", {
+		type: "range",
+		className: n("sheerly-slider", t),
+		...r
+	});
+}
+//#endregion
+//#region src/spinner.tsx
+function Ee({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-spinner", t),
+		role: "status",
+		"aria-label": "Loading",
+		...i,
+		children: r
+	});
+}
+//#endregion
+//#region src/switch.tsx
+function De({ className: t, ...r }) {
+	return /* @__PURE__ */ e("input", {
+		type: "checkbox",
+		role: "switch",
+		className: n("sheerly-switch", t),
+		...r
+	});
+}
+//#endregion
+//#region src/table.tsx
+function $({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-table-container", t),
+		...r
+	});
+}
+function Oe({ className: t, ...r }) {
+	return /* @__PURE__ */ e("table", {
+		className: n("sheerly-table", t),
+		...r
+	});
+}
+//#endregion
+//#region src/tabs.tsx
+function ke({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-tabs", t),
+		...r
+	});
+}
+function Ae({ className: t, role: r = "tablist", ...i }) {
+	return /* @__PURE__ */ e("div", {
+		role: r,
+		className: n("sheerly-tabs-list", t),
+		...i
+	});
+}
+function je({ 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),
+		...i
+	});
+}
+//#endregion
+//#region src/textarea.tsx
+function Ne({ className: t, ...r }) {
+	return /* @__PURE__ */ e("textarea", {
+		className: n("sheerly-textarea", 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 }) {
+	let f = (e) => o?.(e.target.checked);
+	return /* @__PURE__ */ t("label", {
+		className: n("sheerly-toggle", r),
+		...d,
+		children: [/* @__PURE__ */ e("input", {
+			type: "checkbox",
+			checked: i,
+			defaultChecked: a,
+			onChange: f,
+			disabled: s,
+			name: c,
+			value: l
+		}), u]
+	});
+}
+//#endregion
+//#region src/tooltip.tsx
+function Fe({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-tooltip", t),
+		...r
+	});
+}
+function Ie({ className: t, ...r }) {
+	return /* @__PURE__ */ e("span", {
+		className: n("sheerly-tooltip-content", t),
+		...r
+	});
+}
+//#endregion
+//#region src/typography.tsx
+function Le({ className: t, ...r }) {
+	return /* @__PURE__ */ e("div", {
+		className: n("sheerly-typography", t),
+		...r
+	});
+}
+//#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 };

package/lib/input.css

@@ -0,0 +1 @@
+.sheerly-input{border-radius:var(--sheerly-radius-lg);border:1px solid var(--sheerly-input);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}

package/lib/input.d.ts

@@ -0,0 +1,5 @@
+import { InputHTMLAttributes } from 'react';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    'data-size'?: 'xs' | 'sm' | 'default' | 'lg';
+}
+export declare function Input({ className, ...props }: InputProps): import("react").JSX.Element;

package/lib/kbd.css

@@ -0,0 +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}

package/lib/kbd.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export type KbdProps = HTMLAttributes<HTMLElement>;
+export declare function Kbd({ className, ...props }: KbdProps): import("react").JSX.Element;
+export type KbdGroupProps = HTMLAttributes<HTMLElement>;
+export declare function KbdGroup({ className, ...props }: KbdGroupProps): import("react").JSX.Element;

package/lib/label.css

@@ -0,0 +1 @@
+.sheerly-label{color:var(--sheerly-foreground);-webkit-user-select:none;user-select:none;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}

package/lib/label.d.ts

@@ -0,0 +1,5 @@
+import { LabelHTMLAttributes } from 'react';
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    'data-disabled'?: 'true';
+}
+export declare function Label({ className, ...props }: LabelProps): import("react").JSX.Element;

package/lib/pagination.css

@@ -0,0 +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}