@sapphire-sh/ui 0.10.0 → 0.12.0

package/lib/Nav.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 export interface NavItem {
     href: string;
     label: string;
@@ -6,6 +7,7 @@ export interface NavItem {
 export interface NavProps {
     brand: string;
     items: readonly NavItem[];
+    actions?: ReactNode;
 }
-export declare const Nav: ({ brand, items }: NavProps) => import("react").JSX.Element;
+export declare const Nav: ({ brand, items, actions }: NavProps) => import("react").JSX.Element;
 //# sourceMappingURL=Nav.d.ts.map

package/lib/Nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../src/Nav.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;CAC1B;AASD,eAAO,MAAM,GAAG,qBAAsB,QAAQ,gCAoC7C,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../src/Nav.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB;AASD,eAAO,MAAM,GAAG,8BAA+B,QAAQ,gCAqCtD,CAAC"}

package/lib/Nav.js

@@ -7,13 +7,13 @@ const LINK_CLASS = 'block rounded-md px-2.5 py-1 text-sm';
 const CURRENT_LINK_CLASS = 'bg-accent-soft text-accent-ink';
 const IDLE_LINK_CLASS = 'text-muted hover:text-foreground';
 const flattenNavItems = (items) => items.flatMap((item) => [item, ...flattenNavItems(item.children ?? [])]);
-export const Nav = ({ brand, items }) => {
+export const Nav = ({ brand, items, actions }) => {
     const pathname = usePathname();
     const current = currentNavHref(pathname, flattenNavItems(items));
     const renderLink = (item) => {
         const isCurrent = item.href === current;
         return (_jsx(Link, { href: item.href, "aria-current": isCurrent ? 'page' : undefined, className: `${LINK_CLASS} ${isCurrent ? CURRENT_LINK_CLASS : IDLE_LINK_CLASS}`, children: item.label }));
     };
-    return (_jsxs("nav", { className: "flex items-center gap-4 border-b border-border bg-surface px-4 py-2", children: [_jsx("span", { className: "font-semibold text-foreground", children: brand }), _jsx("ul", { className: "flex items-center gap-1", children: items.map((item) => (_jsxs("li", { className: "group relative", children: [renderLink(item), item.children !== undefined && (_jsx("ul", { className: "invisible absolute top-full left-0 z-10 min-w-40 rounded-md border border-border bg-surface p-1 group-focus-within:visible group-hover:visible", children: item.children.map((child) => (_jsx("li", { children: renderLink(child) }, child.href))) }))] }, item.href))) })] }));
+    return (_jsxs("nav", { className: "flex items-center gap-4 border-b border-border bg-surface px-4 py-2", children: [_jsx("span", { className: "font-semibold text-foreground", children: brand }), _jsx("ul", { className: "flex items-center gap-1", children: items.map((item) => (_jsxs("li", { className: "group relative", children: [renderLink(item), item.children !== undefined && (_jsx("ul", { className: "invisible absolute top-full left-0 z-10 min-w-40 rounded-md border border-border bg-surface p-1 group-focus-within:visible group-hover:visible", children: item.children.map((child) => (_jsx("li", { children: renderLink(child) }, child.href))) }))] }, item.href))) }), actions !== undefined && _jsx("div", { className: "ml-auto", children: actions })] }));
 };
 //# sourceMappingURL=Nav.js.map

package/lib/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../src/Nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAa9C,MAAM,UAAU,GAAG,sCAAsC,CAAC;AAC1D,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAC5D,MAAM,eAAe,GAAG,kCAAkC,CAAC;AAE3D,MAAM,eAAe,GAAG,CAAC,KAAyB,EAAa,EAAE,CAChE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAY,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QACxC,OAAO,CACN,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,EAAE,YAE7E,IAAI,CAAC,KAAK,GACL,CACP,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAC,qEAAqE,aACnF,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,aAAI,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,cAAoB,SAAS,EAAC,gBAAgB,aAC5C,UAAU,CAAC,IAAI,CAAC,EAChB,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC/B,aAAI,SAAS,EAAC,gJAAgJ,YAC5J,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAsB,UAAU,CAAC,KAAK,CAAC,IAA9B,KAAK,CAAC,IAAI,CAA0B,CAC7C,CAAC,GACE,CACL,KARO,IAAI,CAAC,IAAI,CASb,CACL,CAAC,GACE,IACA,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../src/Nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAc9C,MAAM,UAAU,GAAG,sCAAsC,CAAC;AAC1D,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAC5D,MAAM,eAAe,GAAG,kCAAkC,CAAC;AAE3D,MAAM,eAAe,GAAG,CAAC,KAAyB,EAAa,EAAE,CAChE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAY,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QACxC,OAAO,CACN,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,EAAE,YAE7E,IAAI,CAAC,KAAK,GACL,CACP,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAC,qEAAqE,aACnF,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,aAAI,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,cAAoB,SAAS,EAAC,gBAAgB,aAC5C,UAAU,CAAC,IAAI,CAAC,EAChB,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC/B,aAAI,SAAS,EAAC,gJAAgJ,YAC5J,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAsB,UAAU,CAAC,KAAK,CAAC,IAA9B,KAAK,CAAC,IAAI,CAA0B,CAC7C,CAAC,GACE,CACL,KARO,IAAI,CAAC,IAAI,CASb,CACL,CAAC,GACE,EACJ,OAAO,KAAK,SAAS,IAAI,cAAK,SAAS,EAAC,SAAS,YAAE,OAAO,GAAO,IAC7D,CACN,CAAC;AACH,CAAC,CAAC"}

package/lib/ThemeToggle.d.ts

@@ -0,0 +1,3 @@
+export type ColorScheme = 'light' | 'dark';
+export declare const ThemeToggle: () => import("react").JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/lib/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../src/ThemeToggle.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAwB3C,eAAO,MAAM,WAAW,mCAoBvB,CAAC"}

package/lib/ThemeToggle.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Moon, Sun } from 'lucide-react';
+import { useState, useSyncExternalStore } from 'react';
+import { Button } from './Button.js';
+const DARK_QUERY = '(prefers-color-scheme: dark)';
+const subscribe = (onChange) => {
+    const query = window.matchMedia(DARK_QUERY);
+    query.addEventListener('change', onChange);
+    return () => {
+        query.removeEventListener('change', onChange);
+    };
+};
+const getSnapshot = () => (window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light');
+const getServerSnapshot = () => 'light';
+const readPressedScheme = () => {
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    const { theme } = document.documentElement.dataset;
+    return theme === 'light' || theme === 'dark' ? theme : null;
+};
+export const ThemeToggle = () => {
+    const systemScheme = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+    const [pressedScheme, setPressedScheme] = useState(readPressedScheme);
+    const scheme = pressedScheme ?? systemScheme;
+    const Icon = scheme === 'dark' ? Sun : Moon;
+    return (_jsx(Button, { variant: "ghost", "aria-label": "Dark mode", "aria-pressed": scheme === 'dark', onClick: () => {
+            const next = scheme === 'dark' ? 'light' : 'dark';
+            setPressedScheme(next);
+            document.documentElement.dataset.theme = next;
+        }, children: _jsx(Icon, { "aria-hidden": true, className: "size-4" }) }));
+};
+//# sourceMappingURL=ThemeToggle.js.map

package/lib/ThemeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.js","sourceRoot":"","sources":["../src/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,MAAM,UAAU,GAAG,8BAA8B,CAAC;AAElD,MAAM,SAAS,GAAG,CAAC,QAAoB,EAAE,EAAE;IAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAC5C,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,OAAO,GAAG,EAAE;QACX,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AAElG,MAAM,iBAAiB,GAAG,GAAgB,EAAE,CAAC,OAAO,CAAC;AAErD,MAAM,iBAAiB,GAAG,GAAuB,EAAE;IAClD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC;IACnD,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,YAAY,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACrF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,iBAAiB,CAAC,CAAC;IAC1F,MAAM,MAAM,GAAG,aAAa,IAAI,YAAY,CAAC;IAC7C,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5C,OAAO,CACN,KAAC,MAAM,IACN,OAAO,EAAC,OAAO,gBACJ,WAAW,kBACR,MAAM,KAAK,MAAM,EAC/B,OAAO,EAAE,GAAG,EAAE;YACb,MAAM,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YAClD,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QAC/C,CAAC,YAED,KAAC,IAAI,yBAAa,SAAS,EAAC,QAAQ,GAAG,GAC/B,CACT,CAAC;AACH,CAAC,CAAC"}

package/lib/index.d.ts

@@ -9,6 +9,7 @@ export { currentNavHref } from './navHref.js';
 export { Pagination } from './Pagination.js';
 export { paginationTargets } from './paginationTargets.js';
 export { LoadingBlock, Spinner } from './Spinner.js';
+export { ThemeToggle } from './ThemeToggle.js';
 export { ToastProvider, useToast } from './Toast.js';
 export { colorTokens } from './tokens.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib/index.js

@@ -9,6 +9,7 @@ export { currentNavHref } from './navHref.js';
 export { Pagination } from './Pagination.js';
 export { paginationTargets } from './paginationTargets.js';
 export { LoadingBlock, Spinner } from './Spinner.js';
+export { ThemeToggle } from './ThemeToggle.js';
 export { ToastProvider, useToast } from './Toast.js';
 export { colorTokens } from './tokens.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib/theme.css

@@ -1,5 +1,5 @@
 :root {
-	--background: oklch(0.985 0.004 255);
+	--background: oklch(1 0 0);
 	--surface: oklch(1 0 0);
 	--raised: oklch(0.955 0.007 255);
 	--border: oklch(0.895 0.01 255);
@@ -19,7 +19,7 @@
 }
 
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([data-theme='light']) {
 		color-scheme: dark;
 		--background: oklch(0.17 0.012 255);
 		--surface: oklch(0.21 0.014 255);
@@ -41,6 +41,27 @@
 	}
 }
 
+:root[data-theme='dark'] {
+	color-scheme: dark;
+	--background: oklch(0.17 0.012 255);
+	--surface: oklch(0.21 0.014 255);
+	--raised: oklch(0.25 0.016 255);
+	--border: oklch(0.32 0.016 255);
+	--foreground: oklch(0.94 0.008 255);
+	--muted: oklch(0.69 0.015 255);
+	--faint: oklch(0.45 0.014 255);
+	--accent: oklch(0.72 0.14 255);
+	--accent-foreground: oklch(0.17 0.02 255);
+	--accent-soft: oklch(0.31 0.06 255);
+	--accent-ink: oklch(0.84 0.09 255);
+	--danger: oklch(0.71 0.16 25);
+	--success: oklch(0.75 0.13 150);
+	--warning: oklch(0.828 0.189 84.4);
+	--mark-rose: oklch(0.712 0.194 13.4);
+	--mark-violet: oklch(0.811 0.111 293.6);
+	--mark-slate: oklch(0.869 0.022 252.9);
+}
+
 @theme inline {
 	--color-background: var(--background);
 	--color-surface: var(--surface);

package/lib/tokens.js

@@ -1,6 +1,6 @@
 export const colorTokens = {
     light: {
-        background: 'oklch(0.985 0.004 255)',
+        background: 'oklch(1 0 0)',
         surface: 'oklch(1 0 0)',
         raised: 'oklch(0.955 0.007 255)',
         border: 'oklch(0.895 0.01 255)',

package/lib/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,KAAK,EAAE;QACN,UAAU,EAAE,wBAAwB;QACpC,OAAO,EAAE,cAAc;QACvB,MAAM,EAAE,wBAAwB;QAChC,MAAM,EAAE,uBAAuB;QAC/B,UAAU,EAAE,sBAAsB;QAClC,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,uBAAuB;QAC9B,MAAM,EAAE,sBAAsB;QAC9B,mBAAmB,EAAE,iBAAiB;QACtC,aAAa,EAAE,sBAAsB;QACrC,YAAY,EAAE,sBAAsB;QACpC,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,sBAAsB;QAC/B,OAAO,EAAE,uBAAuB;QAChC,WAAW,EAAE,yBAAyB;QACtC,aAAa,EAAE,yBAAyB;QACxC,YAAY,EAAE,0BAA0B;KACxC;IACD,IAAI,EAAE;QACL,UAAU,EAAE,uBAAuB;QACnC,OAAO,EAAE,uBAAuB;QAChC,MAAM,EAAE,uBAAuB;QAC/B,MAAM,EAAE,uBAAuB;QAC/B,UAAU,EAAE,uBAAuB;QACnC,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,MAAM,EAAE,sBAAsB;QAC9B,mBAAmB,EAAE,sBAAsB;QAC3C,aAAa,EAAE,sBAAsB;QACrC,YAAY,EAAE,sBAAsB;QACpC,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,sBAAsB;QAC/B,OAAO,EAAE,yBAAyB;QAClC,WAAW,EAAE,yBAAyB;QACtC,aAAa,EAAE,0BAA0B;QACzC,YAAY,EAAE,0BAA0B;KACxC;CACD,CAAC"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,KAAK,EAAE;QACN,UAAU,EAAE,cAAc;QAC1B,OAAO,EAAE,cAAc;QACvB,MAAM,EAAE,wBAAwB;QAChC,MAAM,EAAE,uBAAuB;QAC/B,UAAU,EAAE,sBAAsB;QAClC,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,uBAAuB;QAC9B,MAAM,EAAE,sBAAsB;QAC9B,mBAAmB,EAAE,iBAAiB;QACtC,aAAa,EAAE,sBAAsB;QACrC,YAAY,EAAE,sBAAsB;QACpC,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,sBAAsB;QAC/B,OAAO,EAAE,uBAAuB;QAChC,WAAW,EAAE,yBAAyB;QACtC,aAAa,EAAE,yBAAyB;QACxC,YAAY,EAAE,0BAA0B;KACxC;IACD,IAAI,EAAE;QACL,UAAU,EAAE,uBAAuB;QACnC,OAAO,EAAE,uBAAuB;QAChC,MAAM,EAAE,uBAAuB;QAC/B,MAAM,EAAE,uBAAuB;QAC/B,UAAU,EAAE,uBAAuB;QACnC,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,MAAM,EAAE,sBAAsB;QAC9B,mBAAmB,EAAE,sBAAsB;QAC3C,aAAa,EAAE,sBAAsB;QACrC,YAAY,EAAE,sBAAsB;QACpC,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,sBAAsB;QAC/B,OAAO,EAAE,yBAAyB;QAClC,WAAW,EAAE,yBAAyB;QACtC,aAAa,EAAE,0BAA0B;QACzC,YAAY,EAAE,0BAA0B;KACxC;CACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sapphire-sh/ui",
-	"version": "0.10.0",
+	"version": "0.12.0",
 	"description": "@sapphire-sh/ui",
 	"type": "module",
 	"sideEffects": [