orphos 0.53.4 → 0.54.0

package/colors.css

@@ -1,3 +1,5 @@
+@import "@radix-ui/colors/gray.css";
+@import "@radix-ui/colors/gray-dark.css";
 @import "@radix-ui/colors/tomato.css";
 @import "@radix-ui/colors/tomato-dark.css";
 @import "@radix-ui/colors/red.css";
@@ -10,94 +12,51 @@
 @import "@radix-ui/colors/blue-dark.css";
 
 :root,
-.light,
-.light-theme {
-  --color-background: #fbfbfb;
-
-  --gray-1: #f7f7f7;
-  --gray-2: #f0f0f0;
-  --gray-3: #e6e6e6;
-  --gray-4: #dddddd;
-  --gray-5: #d2d2d2;
-  --gray-6: #c9c9c9;
-  --gray-7: #bebebe;
-  --gray-8: #aaaaaa;
-  --gray-9: #7c7c7c;
-  --gray-10: #727272;
-  --gray-11: #606060;
-  --gray-12: #202020;
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
-      --color-background: oklch(98.73% 0 139.47);
-
-      --gray-1: oklch(97.7% 0 none);
-      --gray-2: oklch(95.4% 0 none);
-      --gray-3: oklch(92.4% 0 none);
-      --gray-4: oklch(89.8% 0 none);
-      --gray-5: oklch(86.3% 0 none);
-      --gray-6: oklch(83.6% 0 none);
-      --gray-7: oklch(80.1% 0 none);
-      --gray-8: oklch(73.9% 0 none);
-      --gray-9: oklch(58.8% 0 none);
-      --gray-10: oklch(55.2% 0 none);
-      --gray-11: oklch(48.8% 0 none);
-      --gray-12: oklch(24.3% 0 none);
-    }
-  }
-}
-
-.dark,
-.dark-theme {
-  --color-background: #1a1a1a;
-
-  --gray-1: #0d0d0d;
-  --gray-2: #181818;
-  --gray-: #222;
-  --gray-3: #292929;
-  --gray-4: #313131;
-  --gray-6: #3a3a3a;
-  --gray-7: #484848;
-  --gray-8: #606060;
-  --gray-9: #6e6e6e;
-  --gray-10: #7b7b7b;
-  --gray-11: #b4b4b4;
-  --gray-12: #eee;
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
-      --color-background: oklch(0.218 0 0);
-
-      --gray-1: oklch(15.9% 0 none);
-      --gray-2: oklch(21% 0 none);
-      --gray-: oklch(25.2% 0 none);
-      --gray-3: oklch(28.2% 0 none);
-      --gray-4: oklch(31.3% 0 none);
-      --gray-6: oklch(34.9% 0 none);
-      --gray-7: oklch(40.2% 0 none);
-      --gray-8: oklch(48.8% 0 none);
-      --gray-9: oklch(53.8% 0 none);
-      --gray-10: oklch(58.4% 0 none);
-      --gray-11: oklch(77% 0 none);
-      --gray-12: oklch(94.9% 0 none);
-    }
-  }
-}
-
-:root {
-  --background: var(--gray-1);
+.light {
+  --background: color-mix(in oklch, var(--color-white) 20%, var(--gray-1));
+  --background-landing: var(--gray-1);
   --background-subtle: var(--gray-2);
-  --background-element: var(--color-background);
+  --background-element: var(--color-white);
   --background-element-hover: var(--gray-3);
   --background-element-active: var(--gray-4);
-  --border-subtle: var(--gray-4);
+  --border: var(--gray-7);
+  --border-subtle: var(--gray-5);
+  --ring: var(--blue-8);
   --foreground-subtle: var(--gray-11);
   --foreground: var(--gray-12);
+
+  --sidebar: var(--color-white);
+}
+
+.dark {
+  --background: color-mix(in oklch, var(--color-black) 20%, var(--gray-1));
+  --background-landing: var(--gray-1);
+  --background-subtle: color-mix(
+    in oklch,
+    var(--color-black) 10%,
+    var(--gray-2)
+  );
+  --background-element: color-mix(
+    in oklch,
+    var(--color-black) 20%,
+    var(--gray-3)
+  );
+  --background-element-hover: color-mix(
+    in oklch,
+    var(--color-black) 10%,
+    var(--gray-4)
+  );
+
+  --background-element-active: color-mix(
+    in oklch,
+    var(--color-black) 8%,
+    var(--gray-5)
+  );
+  --border: color-mix(in oklch, var(--color-black) 10%, var(--gray-6));
+  --border-subtle: color-mix(in oklch, var(--color-black) 25%, var(--gray-6));
+  --ring: var(--blue-8);
+  --foreground-subtle: var(--gray-11);
+  --foreground: var(--gray-12);
+
+  --sidebar: color-mix(in oklch, var(--color-black) 9%, var(--gray-1));
 }

package/dist/avatar.js

@@ -27,7 +27,7 @@ function AvatarFallback({ className, ...props }) {
 function AvatarBadge({ className, ...props }) {
     return /*#__PURE__*/ jsx("span", {
         "data-slot": "avatar-badge",
-        className: cn("absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full bg-primary-hover text-primary-foreground bg-blend-color ring-2 ring-background", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5! group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className),
+        className: cn("absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5! group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className),
         ...props
     });
 }

package/dist/card.d.ts

@@ -8,4 +8,4 @@ declare function CardDescription({ className, ...props }: React.ComponentProps<"
 declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/dist/card.js

@@ -4,7 +4,7 @@ function Card({ className, size = "default", ...props }) {
     return /*#__PURE__*/ jsx("div", {
         "data-slot": "card",
         "data-size": size,
-        className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-background-element py-4 text-foreground text-small ring-1 ring-border-subtle has-[>img:first-child]:pt-0 has-data-[slot=card-footer]:pb-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+        className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-background-element py-4 text-foreground text-small ring-1 ring-border-subtle has-[>img:first-child]:pt-0 has-data-[slot=card-footer]:pb-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 dark:bg-background-subtle *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
         ...props
     });
 }

package/dist/context-menu.d.ts

@@ -23,4 +23,4 @@ declare function ContextMenuLabel({ className, inset, ...props }: React.Componen
 declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuPositioner({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Positioner>): import("react/jsx-runtime").JSX.Element;
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuCheckboxItem, };
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

package/dist/dropdown-menu.d.ts

@@ -23,4 +23,4 @@ declare function DropdownMenuLabel({ className, inset, ...props }: React.Compone
 declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuPositioner({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Positioner>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem, };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/field.d.ts

@@ -27,4 +27,4 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
         message?: string;
     } | undefined>;
 }): import("react/jsx-runtime").JSX.Element | null;
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };

package/dist/hooks/use-media-query.js

@@ -1,7 +1,7 @@
-import { useEffect, useState } from "react";
+import * as __rspack_external_react from "react";
 function useMediaQuery(query) {
-    const [value, setValue] = useState(false);
-    useEffect(()=>{
+    const [value, setValue] = __rspack_external_react.useState(false);
+    __rspack_external_react.useEffect(()=>{
         function onChange(event) {
             setValue(event.matches);
         }

package/dist/input-group.d.ts

@@ -27,4 +27,4 @@ declare function InputGroupButton({ className, type, variant, size, ...props }:
 declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
 declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/input.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Input } from "@base-ui/react/input";
 import { IconEye, IconEyeOff } from "@tabler/icons-react";
 import { cva } from "cva";
-import { useId, useState } from "react";
 import { cn } from "./utils.js";
+import * as __rspack_external_react from "react";
 const inputVariants = cva({
-    base: "no-drag flex h-8.5 w-full min-w-0 items-center rounded-md border bg-background-element px-2.5 py-1 text-foreground text-regular -outline-offset-1 transition-colors placeholder:text-foreground-subtle placeholder:text-regular focus-visible:outline-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-2 aria-invalid:outline-danger",
+    base: "no-drag flex h-8.5 w-full min-w-0 items-center rounded-md border border-border-subtle bg-background-element px-2.5 py-1 text-foreground text-small -outline-offset-1 transition-colors placeholder:text-foreground-subtle placeholder:text-small focus-visible:outline-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-2 aria-invalid:outline-danger",
     variants: {
         variant: {
             default: "",
@@ -17,8 +17,8 @@ const inputVariants = cva({
     }
 });
 function input_Input({ className, type, disabled, ...props }) {
-    const [isVisible, setIsVisible] = useState(false);
-    const inputId = useId();
+    const [isVisible, setIsVisible] = __rspack_external_react.useState(false);
+    const inputId = __rspack_external_react.useId();
     if ("password" === type) {
         const toggleVisibility = ()=>setIsVisible((prevState)=>!prevState);
         return /*#__PURE__*/ jsxs("div", {

package/dist/popover.d.ts

@@ -7,4 +7,4 @@ declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): impor
 declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
 declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverClose, PopoverHeader, PopoverTitle, PopoverDescription, };
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/select.js

@@ -7,7 +7,7 @@ const select_Select = Select.Root;
 function SelectTrigger({ className, size = "default", children, ...props }) {
     return /*#__PURE__*/ jsxs(Select.Trigger, {
         "data-size": size,
-        className: cn("flex h-8.5 w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-background-element px-2.5 py-2 text-small -outline-offset-1 transition-colors focus-visible:outline-2 aria-invalid:outline-2 aria-invalid:outline-danger data-disabled:pointer-events-none data-[size=sm]:h-7 data-disabled:cursor-not-allowed data-placeholder:text-foreground-subtle data-disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+        className: cn("flex h-8.5 w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-border-subtle bg-background-element px-2.5 py-2 text-small -outline-offset-1 transition-colors focus-visible:outline-2 aria-invalid:outline-2 aria-invalid:outline-danger data-disabled:pointer-events-none data-[size=sm]:h-7 data-disabled:cursor-not-allowed data-placeholder:text-foreground-subtle data-disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
         "data-slot": "select-trigger",
         ...props,
         children: [

package/dist/sidebar.js

@@ -5,7 +5,6 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { IconLayoutSidebar } from "@tabler/icons-react";
 import { cva } from "cva";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { Button } from "./button.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
 import { Input } from "./input.js";
@@ -13,24 +12,25 @@ import { Separator } from "./separator.js";
 import { Skeleton } from "./skeleton.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
 import { cn } from "./utils.js";
+import * as __rspack_external_react from "react";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;
 const SIDEBAR_WIDTH = "16rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const SidebarContext = /*#__PURE__*/ createContext(null);
+const SidebarContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
 function useSidebar() {
-    const context = useContext(SidebarContext);
+    const context = __rspack_external_react.useContext(SidebarContext);
     if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
     return context;
 }
 function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = useState(false);
-    const [_open, _setOpen] = useState(defaultOpen);
+    const [openMobile, setOpenMobile] = __rspack_external_react.useState(false);
+    const [_open, _setOpen] = __rspack_external_react.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = useCallback((value)=>{
+    const setOpen = __rspack_external_react.useCallback((value)=>{
         const openState = "function" == typeof value ? value(open) : value;
         if (setOpenProp) setOpenProp(openState);
         else _setOpen(openState);
@@ -39,12 +39,12 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
         setOpenProp,
         open
     ]);
-    const toggleSidebar = useCallback(()=>isMobile ? setOpenMobile((open)=>!open) : setOpen((open)=>!open), [
+    const toggleSidebar = __rspack_external_react.useCallback(()=>isMobile ? setOpenMobile((open)=>!open) : setOpen((open)=>!open), [
         isMobile,
         setOpen,
         setOpenMobile
     ]);
-    useEffect(()=>{
+    __rspack_external_react.useEffect(()=>{
         const handleKeyDown = (event)=>{
             if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
                 event.preventDefault();
@@ -57,7 +57,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
         toggleSidebar
     ]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = useMemo(()=>({
+    const contextValue = __rspack_external_react.useMemo(()=>({
             state,
             open,
             setOpen,
@@ -84,7 +84,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
                     "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
                     ...style
                 },
-                className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-background-subtle", className),
+                className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
                 ...props,
                 children: children
             })
@@ -95,7 +95,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if ("none" === collapsible) return /*#__PURE__*/ jsx("div", {
         "data-slot": "sidebar",
-        className: cn("flex h-full w-(--sidebar-width) flex-col bg-background-subtle text-foreground", className),
+        className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-foreground", className),
         ...props,
         children: children
     });
@@ -118,7 +118,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
                     style: {
                         width: SIDEBAR_WIDTH_MOBILE
                     },
-                    className: cn("fixed z-50 flex w-(--sidebar-width) flex-col gap-4 border-r-border-subtle border-l-border-subtle bg-background-element bg-clip-padding text-smalltransition duration-200 ease-in-out data-[side=left]:data-ending-style:-translate-x-10 data-[side=left]:data-starting-style:-translate-x-10 data-[side=right]:data-ending-style:translate-x-10 data-[side=right]:data-starting-style:translate-x-10 data-[side=bottom]:data-ending-style:translate-y-10 data-[side=bottom]:data-starting-style:translate-y-10 data-[side=top]:data-ending-style:-translate-y-10 data-[side=top]:data-starting-style:-translate-y-10 data-[side=bottom]:inset-x-0 data-[side=top]:inset-x-0 data-[side=left]:inset-y-0 data-[side=right]:inset-y-0 data-[side=top]:top-0 data-[side=right]:right-0 data-[side=bottom]:bottom-0 data-[side=left]:left-0 data-[side=bottom]:h-auto data-[side=left]:h-full data-[side=right]:h-full data-[side=top]:h-auto data-[side=left]:w-3/4 data-[side=right]:w-3/4 data-[side=bottom]:border-t data-[side=left]:border-r data-[side=top]:border-b data-[side=right]:border-l data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+                    className: cn("fixed z-50 flex w-(--sidebar-width) flex-col gap-4 border-r-border-subtle border-l-border-subtle bg-sidebar bg-clip-padding text-smalltransition duration-200 ease-in-out data-[side=left]:data-ending-style:-translate-x-10 data-[side=left]:data-starting-style:-translate-x-10 data-[side=right]:data-ending-style:translate-x-10 data-[side=right]:data-starting-style:translate-x-10 data-[side=bottom]:data-ending-style:translate-y-10 data-[side=bottom]:data-starting-style:translate-y-10 data-[side=top]:data-ending-style:-translate-y-10 data-[side=top]:data-starting-style:-translate-y-10 data-[side=bottom]:inset-x-0 data-[side=top]:inset-x-0 data-[side=left]:inset-y-0 data-[side=right]:inset-y-0 data-[side=top]:top-0 data-[side=right]:right-0 data-[side=bottom]:bottom-0 data-[side=left]:left-0 data-[side=bottom]:h-auto data-[side=left]:h-full data-[side=right]:h-full data-[side=top]:h-auto data-[side=left]:w-3/4 data-[side=right]:w-3/4 data-[side=bottom]:border-t data-[side=left]:border-r data-[side=top]:border-b data-[side=right]:border-l data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
                     children: [
                         /*#__PURE__*/ jsx(Dialog.Title, {
                             className: "sr-only",
@@ -157,7 +157,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
                 children: /*#__PURE__*/ jsx("div", {
                     "data-sidebar": "sidebar",
                     "data-slot": "sidebar-inner",
-                    className: "flex size-full flex-col bg-background-subtle group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-border-subtle",
+                    className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-border-subtle",
                     children: children
                 })
             })
@@ -234,7 +234,7 @@ function SidebarSeparator({ className, ...props }) {
     return /*#__PURE__*/ jsx(Separator, {
         "data-slot": "sidebar-separator",
         "data-sidebar": "separator",
-        className: cn("mx-2 w-auto bg-border-subtle", className),
+        className: cn("w-auto bg-border-subtle", className),
         ...props
     });
 }
@@ -380,7 +380,7 @@ function SidebarMenuBadge({ className, ...props }) {
     });
 }
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-    const [width] = useState(()=>`${Math.floor(40 * Math.random()) + 50}%`);
+    const [width] = __rspack_external_react.useState(()=>`${Math.floor(40 * Math.random()) + 50}%`);
     return /*#__PURE__*/ jsxs("div", {
         "data-slot": "sidebar-menu-skeleton",
         "data-sidebar": "menu-skeleton",
@@ -405,7 +405,7 @@ function SidebarMenuSub({ className, ...props }) {
     return /*#__PURE__*/ jsx("ul", {
         "data-slot": "sidebar-menu-sub",
         "data-sidebar": "menu-sub",
-        className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-border-subtle border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", className),
+        className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-l-border-subtle px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", className),
         ...props
     });
 }

package/dist/slider.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider } from "@base-ui/react/slider";
-import { useMemo } from "react";
 import { cn } from "./utils.js";
+import * as __rspack_external_react from "react";
 function slider_Slider({ className, children, defaultValue, value, min = 0, max = 100, ...props }) {
-    const _values = useMemo(()=>Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
+    const _values = __rspack_external_react.useMemo(()=>Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
             min,
             max
         ], [

package/dist/tabs.d.ts

@@ -1,7 +1,20 @@
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import type * as React from "react";
-declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TabsList({ className, children, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Tab>): import("react/jsx-runtime").JSX.Element;
-declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+import type { ReactNode } from "react";
+export type TabsItem = {
+    value: string;
+    label: ReactNode;
+    className?: string;
+    render?: TabsPrimitive.Tab.Props["render"];
+};
+export type TabsProps = {
+    variant?: "segmented" | "underline";
+    tabs?: Array<TabsItem>;
+    value?: string;
+    selectedValue?: string;
+    onValueChange?: (value: string) => void;
+    activateOnFocus?: boolean;
+    className?: string;
+    listClassName?: string;
+    indicatorClassName?: string;
+};
+export declare function Tabs({ tabs, value, selectedValue, onValueChange, activateOnFocus, className, listClassName, indicatorClassName, variant, }: TabsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/tabs.js

@@ -2,39 +2,39 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react/tabs";
 import { cn } from "./utils.js";
-function tabs_Tabs({ className, ...props }) {
+function tabs_Tabs({ tabs, value, selectedValue, onValueChange, activateOnFocus, className, listClassName, indicatorClassName, variant = "segmented" }) {
+    const items = tabs ?? [];
+    if (0 === items.length) return null;
+    const fallbackValue = items[0]?.value;
+    const isControlled = void 0 !== value;
+    const rootProps = {
+        value: isControlled ? value : void 0,
+        defaultValue: isControlled ? void 0 : selectedValue ?? fallbackValue
+    };
+    const isSegmented = "segmented" === variant;
+    const isUnderline = "underline" === variant;
     return /*#__PURE__*/ jsx(Tabs.Root, {
-        "data-slot": "tabs",
-        className: cn("flex flex-col gap-2 data-[orientation=vertical]:flex-row", className),
-        ...props
+        ...rootProps,
+        className: cn("relative isolate w-fit min-w-0 font-medium", className),
+        onValueChange: (nextValue)=>{
+            const stringValue = String(nextValue);
+            onValueChange?.(stringValue);
+        },
+        children: /*#__PURE__*/ jsxs(Tabs.List, {
+            activateOnFocus: activateOnFocus,
+            className: cn("scrollbar-hide relative flex w-fit min-w-0 shrink items-stretch", isSegmented && "h-9 rounded-lg border border-border-subtle bg-background-element-hover p-0.5", isUnderline && "h-7 gap-4 border-border border-b pb-2", listClassName),
+            children: [
+                items.map((tab)=>/*#__PURE__*/ jsx(Tabs.Tab, {
+                        value: tab.value,
+                        render: tab.render,
+                        className: cn("relative z-2 flex cursor-pointer items-center whitespace-nowrap rounded-md bg-transparent text-small focus-visible:outline", isSegmented && "px-2.5 text-foreground-subtle hover:text-foreground focus-visible:outline aria-selected:text-foreground-subtle aria-selected:hover:text-foreground", isUnderline && "px-2 py-2.5 text-foreground-subtle hover:text-foreground aria-selected:hover:text-foreground", tab.className),
+                        children: tab.label
+                    }, tab.value)),
+                /*#__PURE__*/ jsx(Tabs.Indicator, {
+                    className: cn("absolute left-0 z-1", "w-(--active-tab-width) translate-x-(--active-tab-left) transition-all duration-150", "data-[rendered=false]:scale-90 data-[rendered=false]:opacity-0", isSegmented && "top-(--active-tab-top) h-(--active-tab-height) rounded-md bg-background-element shadow-sm", isUnderline && "-bottom-px h-0.5 bg-primary", indicatorClassName)
+                })
+            ]
+        })
     });
 }
-function TabsList({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Tabs.List, {
-        "data-slot": "tabs-list",
-        className: cn("relative z-0 flex w-fit items-center justify-center gap-x-0.5 rounded-lg bg-background-element-hover p-0.5 data-[orientation=vertical]:flex-col", className),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(Tabs.Indicator, {
-                "data-slot": "tab-indicator",
-                className: cn("absolute bottom-0 left-0 h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-(--active-tab-bottom) transition-[width,translate] duration-150 ease-in-out", "-z-1 rounded-md border-0 bg-background-element shadow-xs")
-            })
-        ]
-    });
-}
-function TabsTrigger({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Tabs.Tab, {
-        "data-slot": "tabs-trigger",
-        className: cn("flex flex-1 shrink-0 cursor-default items-center justify-center whitespace-nowrap rounded-md border border-transparent font-medium text-foreground-subtle text-small transition-[color,background-color,box-shadow] focus-visible:outline-2 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", "hover:text-foreground data-selected:text-foreground", "gap-1.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1.5)-1px)]", "data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start", className),
-        ...props
-    });
-}
-function TabsContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Tabs.Panel, {
-        "data-slot": "tabs-content",
-        className: cn("flex-1 outline-none", className),
-        ...props
-    });
-}
-export { TabsContent, TabsList, TabsTrigger, tabs_Tabs as Tabs };
+export { tabs_Tabs as Tabs };

package/dist/textarea.js

@@ -3,7 +3,7 @@ import { cn } from "./utils.js";
 function Textarea({ className, ...props }) {
     return /*#__PURE__*/ jsx("textarea", {
         "data-slot": "textarea",
-        className: cn("scrollbar-hide field-sizing-content flex min-h-16 w-full overflow-y-auto rounded-md border bg-background-element px-2.5 pt-2 pb-6 text-regular leading-normal transition-[color,box-shadow] placeholder:text-foreground-subtle placeholder:text-regular focus-visible:outline-2 focus-visible:-outline-offset-1 disabled:cursor-not-allowed disabled:resize-none disabled:opacity-50 aria-invalid:outline aria-invalid:outline-danger", className),
+        className: cn("scrollbar-hide field-sizing-content flex min-h-16 w-full overflow-y-auto rounded-md border border-border-subtle bg-background-element px-2.5 pt-2 pb-6 text-small leading-normal transition-[color,box-shadow] placeholder:text-foreground-subtle placeholder:text-small focus-visible:outline-2 focus-visible:-outline-offset-1 disabled:cursor-not-allowed disabled:resize-none disabled:opacity-50 aria-invalid:outline aria-invalid:outline-danger", className),
         ...props
     });
 }

package/dist/toast.js

@@ -48,7 +48,7 @@ function ToastList({ position = "bottom-right" }) {
                         "right",
                         isTop ? "up" : "down"
                     ],
-                    className: cn("absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full select-none rounded-md border border-border-subtle bg-background-element bg-clip-padding p-3 text-foreground shadow-lg [transition:transform_.5s_cubic-bezier(.22,1,.36,1),opacity_.5s,height_.15s] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)]", "data-[position*=right]:right-0 data-[position*=right]:left-auto", "data-[position*=left]:right-auto data-[position*=left]:left-0", "data-[position*=center]:right-0 data-[position*=center]:left-0", "data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top", "data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom", "after:absolute after:left-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full", "data-[position*=top]:after:top-full", "data-[position*=bottom]:after:bottom-full", "[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]", "data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]", "data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]", "data-[position*=top]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-[position*=bottom]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-limited:opacity-0", "data-expanded:h-(--toast-height)", "data-[position]:data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]", "data-[position*=top]:data-starting-style:[transform:translateY(calc(-100%-var(--toast-inset)))]", "data-[position*=bottom]:data-starting-style:[transform:translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:opacity-0", "data-ending-style:not-data-limited:not-data-swipe-direction:[transform:translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),
+                    className: cn("absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full select-none rounded-lg border border-border-subtle bg-background-element bg-clip-padding p-3 text-foreground shadow-lg [transition:transform_.5s_cubic-bezier(.22,1,.36,1),opacity_.5s,height_.15s] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)]", "data-[position*=right]:right-0 data-[position*=right]:left-auto", "data-[position*=left]:right-auto data-[position*=left]:left-0", "data-[position*=center]:right-0 data-[position*=center]:left-0", "data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top", "data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom", "after:absolute after:left-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full", "data-[position*=top]:after:top-full", "data-[position*=bottom]:after:bottom-full", "[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]", "data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]", "data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]", "data-[position*=top]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-[position*=bottom]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-limited:opacity-0", "data-expanded:h-(--toast-height)", "data-[position]:data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]", "data-[position*=top]:data-starting-style:[transform:translateY(calc(-100%-var(--toast-inset)))]", "data-[position*=bottom]:data-starting-style:[transform:translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:opacity-0", "data-ending-style:not-data-limited:not-data-swipe-direction:[transform:translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),
                     children: /*#__PURE__*/ jsxs(Toast.Content, {
                         className: "flex items-center justify-between gap-1.5 overflow-hidden text-small! transition-opacity duration-250 data-behind:pointer-events-none data-expanded:pointer-events-auto data-behind:opacity-0 data-expanded:opacity-100",
                         children: [

package/dist/tooltip.d.ts

@@ -9,4 +9,4 @@ declare function TooltipContent({ className, children, align, side, sideOffset,
     side?: TooltipPrimitive.Positioner.Props["side"];
     sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"];
 }): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPositioner, };
+export { Tooltip, TooltipContent, TooltipPositioner, TooltipProvider, TooltipTrigger, };

package/dist/tooltip.js

@@ -43,7 +43,7 @@ function TooltipContent({ className, children, align, side, sideOffset = 10, ...
             children: [
                 children,
                 /*#__PURE__*/ jsx(Tooltip.Arrow, {
-                    className: cn("z-50 size-2 rotate-45 bg-foreground fill-foreground", "data-[side=bottom]:-translate-y-1/2 data-[side=bottom]:top-[0.2px]", "data-[side=top]:bottom-[0.2px] data-[side=top]:translate-y-1/2", "data-[side=left]:right-0 data-[side=left]:translate-x-1/2", "data-[side=right]:-translate-x-1/2 data-[side=right]:left-[0.2px]", className)
+                    className: cn("z-50 size-2 rotate-45 bg-foreground fill-foreground", "data-[side=bottom]:top-[0.2px] data-[side=bottom]:-translate-y-1/2", "data-[side=top]:bottom-[0.2px] data-[side=top]:translate-y-1/2", "data-[side=left]:right-0 data-[side=left]:translate-x-1/2", "data-[side=right]:left-[0.2px] data-[side=right]:-translate-x-1/2", className)
                 })
             ]
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orphos",
-  "version": "0.53.4",
+  "version": "0.54.0",
   "type": "module",
   "license": "MIT",
   "exports": {
@@ -34,17 +34,17 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@rsbuild/core": "~1.7.3",
+    "@rsbuild/core": "~1.7.5",
     "@rsbuild/plugin-react": "^1.4.6",
-    "@rslib/core": "^0.20.0",
+    "@rslib/core": "^0.20.3",
     "@types/react": "^19.2.14",
     "react": "^19.2.4",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.2"
   },
   "peerDependencies": {
     "@types/react": "latest",
     "react": ">=18.0.0",
-    "tailwindcss": "^4.2.1"
+    "tailwindcss": "^4.2.2"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -55,7 +55,7 @@
     "@base-ui/react": "^1.3.0",
     "@origin-space/image-cropper": "^0.1.9",
     "@radix-ui/colors": "3.0.0",
-    "@tabler/icons-react": "^3.40.0",
+    "@tabler/icons-react": "^3.41.1",
     "cva": "1.0.0-beta.4",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0"

package/theme.css

@@ -2,13 +2,12 @@
 @import "tw-animate-css";
 @import "./colors.css";
 
+@custom-variant light (&:where(.light, .light *));
 @custom-variant dark (&:where(.dark, .dark *));
 
 :root {
   /* Base border radius */
   --radius: 0.375rem;
-  --color-white: oklch(1 0 0);
-  --color-black: oklch(0 0 0);
 }
 
 /* Theme */
@@ -17,10 +16,11 @@
 
   /* Fonts */
   --font-sans:
-    "Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont,
+    "Inter Variable", "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont,
     "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans",
     "Helvetica Neue", sans-serif;
-  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;
+  --font-mono:
+    "JetBrains Mono Variable", ui-monospace, "SF Mono", "Menlo", monospace;
 
   --text-micro: 0.6875rem;
   --text-mini: 0.75rem;
@@ -33,17 +33,21 @@
   --text-title4: 1.125rem;
 
   /* Colors  */
-  --color-focus-ring: var(--blue-8);
+  --color-focus-ring: var(--ring);
 
+  --color-background-landing: var(--background-landing);
   --color-background: var(--background);
   --color-background-subtle: var(--background-subtle);
   --color-background-element: var(--background-element);
   --color-background-element-hover: var(--background-element-hover);
   --color-background-element-active: var(--background-element-active);
+  --color-border: var(--border);
   --color-border-subtle: var(--border-subtle);
   --color-foreground-subtle: var(--foreground-subtle);
   --color-foreground: var(--foreground);
 
+  --color-sidebar: var(--sidebar);
+
   --color-primary: var(--tomato-9);
   --color-primary-hover: var(--tomato-10);
   --color-primary-border: var(--tomato-6);
@@ -87,16 +91,12 @@
 
 @layer base {
   * {
-    @apply border-border-subtle outline-focus-ring;
+    @apply border-border outline-focus-ring;
   }
 
   ::selection {
     color: var(--color-primary-foreground);
-    background-color: var(--tomato-6);
-  }
-
-  html {
-    @apply overscroll-y-none;
+    background-color: var(--tomato-9);
   }
 
   body {
@@ -127,14 +127,10 @@
     --prose-link-color: var(--blue-9);
     --prose-code-color: var(--foreground);
     --prose-marker-color: var(--foreground);
-    --prose-link-underline-color: var(--blue-a8);
-    --prose-th-borders: var(--border-subtle);
-    --prose-td-borders: color-mix(
-      in oklab,
-      var(--border-subtle) 75%,
-      transparent
-    );
-    --prose-hr-color: var(--border-subtle);
+    --prose-link-underline-color: var(--blue-6);
+    --prose-th-borders: var(--border);
+    --prose-td-borders: var(--border-subtle);
+    --prose-hr-color: var(--color-border-subtle);
     --prose-blockquote-border-color: var(--tomato-9);
 
     color: var(--prose-color);

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -1,10 +0,0 @@
-export type CopyState = "idle" | "done" | "error";
-export type UseCopyToClipboardOptions = {
-    onCopySuccess?: (text: string) => void;
-    onCopyError?: (error: Error) => void;
-    resetDelay?: number;
-};
-export declare function useCopyToClipboard({ onCopySuccess, onCopyError, resetDelay, }?: UseCopyToClipboardOptions): {
-    readonly state: CopyState;
-    readonly copy: (text: string | (() => string)) => Promise<void>;
-};

package/dist/hooks/use-file-upload.d.ts

@@ -1,45 +0,0 @@
-import type React from "react";
-import { type ChangeEvent, type DragEvent, type InputHTMLAttributes } from "react";
-export type FileMetadata = {
-    name: string;
-    size: number;
-    type: string;
-    url: string;
-    id: string;
-};
-export type FileWithPreview = {
-    file: File | FileMetadata;
-    id: string;
-    preview?: string;
-};
-export type FileUploadOptions = {
-    maxFiles?: number;
-    maxSize?: number;
-    accept?: string;
-    multiple?: boolean;
-    initialFiles?: FileMetadata[];
-    onFilesChange?: (files: FileWithPreview[]) => void;
-    onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
-};
-export type FileUploadState = {
-    files: FileWithPreview[];
-    isDragging: boolean;
-    errors: string[];
-};
-export type FileUploadActions = {
-    addFiles: (files: FileList | File[]) => void;
-    removeFile: (id: string) => void;
-    clearFiles: () => void;
-    clearErrors: () => void;
-    handleDragEnter: (e: DragEvent<HTMLElement>) => void;
-    handleDragLeave: (e: DragEvent<HTMLElement>) => void;
-    handleDragOver: (e: DragEvent<HTMLElement>) => void;
-    handleDrop: (e: DragEvent<HTMLElement>) => void;
-    handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    openFileDialog: () => void;
-    getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
-        ref: React.Ref<HTMLInputElement>;
-    };
-};
-export declare const useFileUpload: (options?: FileUploadOptions) => [FileUploadState, FileUploadActions];
-export declare const formatBytes: (bytes: number, decimals?: number) => string;

package/dist/hooks/use-media-query.d.ts

@@ -1 +0,0 @@
-export declare function useMediaQuery(query: string): boolean;