@pactor-app/ui 1.3.0 → 1.8.0

package/styles.css

@@ -656,6 +656,9 @@
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
@@ -800,6 +803,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1002,6 +1008,12 @@
   .rounded-\(--pagination-active-radius\) {
     border-radius: var(--pagination-active-radius);
   }
+  .rounded-2xl {
+    border-radius: calc(var(--radius) * 1.8);
+  }
+  .rounded-3xl {
+    border-radius: calc(var(--radius) * 2.2);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -1020,6 +1032,9 @@
   .rounded-md {
     border-radius: calc(var(--radius) * 0.8);
   }
+  .rounded-none {
+    border-radius: 0;
+  }
   .rounded-sm {
     border-radius: calc(var(--radius) * 0.6);
   }
@@ -1081,6 +1096,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .border-\(--calendar-today-border\) {
+    border-color: var(--calendar-today-border);
+  }
   .border-\(color\:--pagination-active-border\) {
     border-color: var(--pagination-active-border);
   }
@@ -2035,6 +2053,12 @@
     .hover\:text-\(--calendar-day-hover-foreground\):hover {
       color: var(--calendar-day-hover-foreground);
     }
+    .hover\:text-\(--calendar-selected-foreground\):hover {
+      color: var(--calendar-selected-foreground);
+    }
+    .hover\:text-\(--calendar-today-foreground\):hover {
+      color: var(--calendar-today-foreground);
+    }
     .hover\:text-\(--menu-hover-foreground\):hover {
       color: var(--menu-hover-foreground);
     }
@@ -2957,19 +2981,21 @@
   .\[\&\>\[data-slot\=text\]\]\:text-muted-foreground > [data-slot=text] {
     color: var(--muted-foreground);
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:rounded-none > [data-slot=toggle] {
+  .\[\&\>button\]\:hidden > button {
+    display: none;
+  }
+  .\[\&\>button\]\:rounded-none > button {
     border-radius: 0;
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:first\:rounded-l-md > [data-slot=toggle]:first-child {
-    border-top-left-radius: calc(var(--radius) * 0.8);
-    border-bottom-left-radius: calc(var(--radius) * 0.8);
+  .\[\&\>button\]\:border > button {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:last\:rounded-r-md > [data-slot=toggle]:last-child {
-    border-top-right-radius: calc(var(--radius) * 0.8);
-    border-bottom-right-radius: calc(var(--radius) * 0.8);
+  .\[\&\>button\]\:border-\(--calendar-today-border\) > button {
+    border-color: var(--calendar-today-border);
   }
-  .\[\&\>button\]\:hidden > button {
-    display: none;
+  .\[\&\>button\]\:bg-\(--calendar-range-background\) > button {
+    background-color: var(--calendar-range-background);
   }
   .\[\&\>button\]\:bg-\(--calendar-selected-background\) > button {
     background-color: var(--calendar-selected-background);
@@ -2977,6 +3003,9 @@
   .\[\&\>button\]\:bg-\(--calendar-today-background\) > button {
     background-color: var(--calendar-today-background);
   }
+  .\[\&\>button\]\:text-\(--calendar-range-foreground\) > button {
+    color: var(--calendar-range-foreground);
+  }
   .\[\&\>button\]\:text-\(--calendar-selected-foreground\) > button {
     color: var(--calendar-selected-foreground);
   }
@@ -2987,6 +3016,15 @@
     .\[\&\>button\]\:hover\:bg-\(--calendar-selected-background\) > button:hover {
       background-color: var(--calendar-selected-background);
     }
+    .\[\&\>button\]\:hover\:bg-\(--calendar-today-background\) > button:hover {
+      background-color: var(--calendar-today-background);
+    }
+    .\[\&\>button\]\:hover\:text-\(--calendar-selected-foreground\) > button:hover {
+      color: var(--calendar-selected-foreground);
+    }
+    .\[\&\>button\]\:hover\:text-\(--calendar-today-foreground\) > button:hover {
+      color: var(--calendar-today-foreground);
+    }
   }
   .\[\&\>li\]\:mt-2 > li {
     margin-top: calc(var(--spacing) * 2);
@@ -3164,14 +3202,14 @@
   --chart-3: oklch(0.398 0.07 227.392);
   --chart-4: oklch(0.828 0.189 84.429);
   --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
+  --sidebar: var(--card);
+  --sidebar-foreground: var(--card-foreground);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--accent);
+  --sidebar-accent-foreground: var(--accent-foreground);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
   --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
     'Helvetica Neue', Arial, sans-serif;
   --background-image: none;
@@ -3205,6 +3243,9 @@
   --calendar-selected-foreground: var(--primary-foreground);
   --calendar-today-background: var(--accent);
   --calendar-today-foreground: var(--accent-foreground);
+  --calendar-today-border: var(--primary);
+  --calendar-range-background: var(--accent);
+  --calendar-range-foreground: var(--accent-foreground);
   --flex-gap: 12px;
   --flex-gap-sm: calc(var(--flex-gap) * 0.67);
   --flex-gap-md: calc(var(--flex-gap) * 1.33);
@@ -3240,14 +3281,8 @@
   --chart-3: oklch(0.769 0.188 70.08);
   --chart-4: oklch(0.627 0.265 303.9);
   --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
   --bubble-background: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
   --bubble-hover-background: oklch(
     from var(--primary) 0.35 calc(c * 0.5) h
@@ -3283,14 +3318,8 @@
     --chart-3: oklch(0.769 0.188 70.08);
     --chart-4: oklch(0.627 0.265 303.9);
     --chart-5: oklch(0.645 0.246 16.439);
-    --sidebar: oklch(0.205 0 0);
-    --sidebar-foreground: oklch(0.985 0 0);
     --sidebar-primary: oklch(0.488 0.243 264.376);
     --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.269 0 0);
-    --sidebar-accent-foreground: oklch(0.985 0 0);
-    --sidebar-border: oklch(1 0 0 / 10%);
-    --sidebar-ring: oklch(0.556 0 0);
     --bubble-background: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
     --bubble-hover-background: oklch(
       from var(--primary) 0.35 calc(c * 0.5) h