@privateers/ui 0.3.18 → 0.3.20

package/dist/index.cjs

@@ -126,7 +126,7 @@ function AvatarFallback({
     {
       "data-slot": "avatar-fallback",
       className: cn(
-        "flex size-full items-center justify-center rounded-full bg-muted text-sm font-medium",
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm font-medium",
         className
       ),
       ...props
@@ -949,18 +949,18 @@ function PaginationItem({
 function PaginationLink({
   className,
   isActive,
+  size = "icon",
   ...props
 }) {
+  const variant = isActive ? "outline" : "ghost";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       "aria-current": isActive ? "page" : void 0,
       "data-slot": "pagination-link",
+      "data-variant": variant,
       className: cn(
-        buttonVariants({
-          variant: isActive ? "outline" : "ghost",
-          size: "icon"
-        }),
+        buttonVariants({ variant, size }),
         className
       ),
       ...props
@@ -975,6 +975,7 @@ function PaginationPrevious({
     PaginationLink,
     {
       "aria-label": "Go to previous page",
+      size: "default",
       "data-slot": "pagination-previous",
       className: cn("gap-1 pl-2.5", className),
       ...props,
@@ -993,6 +994,7 @@ function PaginationNext({
     PaginationLink,
     {
       "aria-label": "Go to next page",
+      size: "default",
       "data-slot": "pagination-next",
       className: cn("gap-1 pr-2.5", className),
       ...props,
@@ -1151,7 +1153,7 @@ function SheetOverlay({
     {
       "data-slot": "sheet-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-black/80",
+        "fixed inset-0 z-50 bg-overlay/80",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         className
@@ -1588,7 +1590,7 @@ function Slider({
     {
       "data-slot": "slider",
       defaultValue,
-      value,
+      ...value !== void 0 ? { value } : {},
       min,
       max,
       className: cn(
@@ -1601,7 +1603,7 @@ function Slider({
           radixUi.Slider.Track,
           {
             "data-slot": "slider-track",
-            className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",
+            className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/40",
             children: /* @__PURE__ */ jsxRuntime.jsx(
               radixUi.Slider.Range,
               {
@@ -1615,7 +1617,7 @@ function Slider({
           radixUi.Slider.Thumb,
           {
             "data-slot": "slider-thumb",
-            className: "block size-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+            className: "block size-4 rounded-full border-2 border-primary bg-primary-foreground shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
           },
           index
         ))
@@ -1764,7 +1766,7 @@ function Switch({
           "data-slot": "switch-thumb",
           className: cn(
             "pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
-            "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+            "data-[state=checked]:translate-x-4 data-[state=checked]:bg-primary-foreground data-[state=unchecked]:translate-x-0"
           )
         }
       )
@@ -2514,7 +2516,7 @@ function AlertDialogOverlay({
     radixUi.AlertDialog.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className),
+      className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-overlay/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className),
       ...props
     }
   );
@@ -2667,7 +2669,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-black/50 fixed inset-0 z-50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-overlay/50 fixed inset-0 z-50",
         className
       ),
       ...props