@k3-universe/react-kit 0.0.8 → 0.0.10

package/dist/kit/components/monthpicker/MonthRangeInput.d.ts

@@ -0,0 +1,31 @@
+import { Button } from '../../../shadcn/ui/button';
+import * as React from 'react';
+export interface MonthRangeInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: {
+        start?: Date | null;
+        end?: Date | null;
+    } | null;
+    onChange?: (range: {
+        start?: Date | null;
+        end?: Date | null;
+    } | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    showQuickSelectors?: boolean;
+    format?: (start?: Date | null, end?: Date | null) => string;
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    popoverSide?: 'top' | 'right' | 'bottom' | 'left';
+    showFooter?: boolean;
+    cancelLabel?: string;
+    applyLabel?: string;
+}
+export declare function MonthRangeInput({ value, onChange, placeholder, disabled, minDate, maxDate, showQuickSelectors, format, className, buttonVariant, popoverSide, ...props }: MonthRangeInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MonthRangeInput {
+    var displayName: string;
+}
+export default MonthRangeInput;
+//# sourceMappingURL=MonthRangeInput.d.ts.map

package/dist/kit/components/monthpicker/MonthRangeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthRangeInput.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/monthpicker/MonthRangeInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAInD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClG,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC5D,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,kBAAyB,EACzB,MAAM,EACN,SAAS,EACT,aAAyB,EACzB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoFtB;yBAjGe,eAAe;;;AAqG/B,eAAe,eAAe,CAAC"}

package/dist/kit/components/monthpicker/MonthRangePicker.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+type Month = {
+    number: number;
+    name: string;
+    yearOffset: number;
+};
+type QuickSelector = {
+    label: string;
+    startMonth: Date;
+    endMonth: Date;
+    variant?: ButtonVariant;
+    onClick?: (selector: QuickSelector) => void;
+};
+type MonthRangeCalProps = {
+    selectedMonthRange?: {
+        start: Date;
+        end: Date;
+    };
+    onStartMonthSelect?: (date: Date) => void;
+    onMonthRangeSelect?: ({ start, end }: {
+        start: Date;
+        end: Date;
+    }) => void;
+    onYearForward?: () => void;
+    onYearBackward?: () => void;
+    callbacks?: {
+        yearLabel?: (year: number) => string;
+        monthLabel?: (month: Month) => string;
+    };
+    variant?: {
+        calendar?: {
+            main?: ButtonVariant;
+            selected?: ButtonVariant;
+        };
+        chevrons?: ButtonVariant;
+    };
+    minDate?: Date;
+    maxDate?: Date;
+    quickSelectors?: QuickSelector[];
+    showQuickSelectors?: boolean;
+};
+type ButtonVariant = 'default' | 'outline' | 'ghost' | 'link' | 'destructive' | 'secondary' | null | undefined;
+declare function MonthRangePicker({ onMonthRangeSelect, onStartMonthSelect, callbacks, selectedMonthRange, onYearBackward, onYearForward, variant, minDate, maxDate, quickSelectors, showQuickSelectors, className, ...props }: React.HTMLAttributes<HTMLDivElement> & MonthRangeCalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MonthRangePicker {
+    var displayName: string;
+}
+export { MonthRangePicker };
+//# sourceMappingURL=MonthRangePicker.d.ts.map

package/dist/kit/components/monthpicker/MonthRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/monthpicker/MonthRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAmCF,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,IAAI,CAAC;IACjB,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyBF,KAAK,kBAAkB,GAAG;IACxB,kBAAkB,CAAC,EAAE;QAAE,KAAK,EAAE,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;IAChD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;QAAE,KAAK,EAAE,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;QACrC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;KACvC,CAAC;IACF,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE;YACT,IAAI,CAAC,EAAE,aAAa,CAAC;YACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;SAC1B,CAAC;QACF,QAAQ,CAAC,EAAE,aAAa,CAAC;KAC1B,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,KAAK,aAAa,GACd,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,aAAa,GACb,WAAW,GACX,IAAI,GACJ,SAAS,CAAC;AAEd,iBAAS,gBAAgB,CAAC,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,2CAsB3D;kBApCQ,gBAAgB;;;AA0RzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/kit/themes/clean-slate.css

@@ -542,6 +542,10 @@
     left: calc(var(--spacing) * 0);
   }
 
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
+
   .left-1\/2 {
     left: 50%;
   }
@@ -720,6 +724,10 @@
     margin-top: calc(var(--spacing) * 2);
   }
 
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -748,6 +756,10 @@
     margin-bottom: calc(var(--spacing) * 2);
   }
 
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -1026,6 +1038,10 @@
     max-height: 300px;
   }
 
+  .max-h-\[420px\] {
+    max-height: 420px;
+  }
+
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1066,6 +1082,10 @@
     width: calc(var(--spacing) * 1);
   }
 
+  .w-1\/4 {
+    width: 25%;
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1094,6 +1114,10 @@
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1242,6 +1266,10 @@
     max-width: var(--container-6xl);
   }
 
+  .max-w-\[10rem\] {
+    max-width: 10rem;
+  }
+
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -1302,6 +1330,10 @@
     min-width: calc(var(--spacing) * 10);
   }
 
+  .min-w-\[8ch\] {
+    min-width: 8ch;
+  }
+
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1310,6 +1342,18 @@
     min-width: 12rem;
   }
 
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
+
+  .min-w-\[400px\] {
+    min-width: 400px;
+  }
+
+  .min-w-\[900px\] {
+    min-width: 900px;
+  }
+
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -1570,6 +1614,10 @@
     justify-content: flex-end;
   }
 
+  .justify-evenly {
+    justify-content: space-evenly;
+  }
+
   .justify-start {
     justify-content: flex-start;
   }
@@ -1642,6 +1690,12 @@
     margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-x-1 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
@@ -1860,7 +1914,17 @@
     background-color: var(--accent);
   }
 
-  .bg-background, .bg-background\/80 {
+  .bg-background, .bg-background\/50 {
+    background-color: var(--background);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-background\/50 {
+      background-color: color-mix(in oklab, var(--background) 50%, transparent);
+    }
+  }
+
+  .bg-background\/80 {
     background-color: var(--background);
   }
 
@@ -2094,6 +2158,14 @@
     padding-top: calc(var(--spacing) * 0);
   }
 
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -2399,6 +2471,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-70 {
     opacity: .7;
   }
@@ -2457,6 +2533,16 @@
     --tw-ring-color: var(--border);
   }
 
+  .ring-destructive\/50 {
+    --tw-ring-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-destructive\/50 {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 50%, transparent);
+    }
+  }
+
   .ring-ring\/50 {
     --tw-ring-color: var(--ring);
   }
@@ -3039,11 +3125,29 @@
     border-bottom-width: 0;
   }
 
+  .focus-within\:relative:focus-within {
+    position: relative;
+  }
+
+  .focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
   @media (hover: hover) {
     .hover\:bg-accent:hover {
       background-color: var(--accent);
     }
 
+    .hover\:bg-black\/5:hover {
+      background-color: #0000000d;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-black\/5:hover {
+        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+      }
+    }
+
     .hover\:bg-destructive\/90:hover {
       background-color: var(--destructive);
     }
@@ -3250,6 +3354,11 @@
     outline-color: var(--ring);
   }
 
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   .active\:bg-sidebar-accent:active {
     background-color: var(--sidebar-accent);
   }
@@ -3355,6 +3464,10 @@
     color: var(--muted-foreground);
   }
 
+  .aria-selected\:opacity-100[aria-selected="true"] {
+    opacity: 1;
+  }
+
   .data-\[active\=true\]\:z-10[data-active="true"] {
     z-index: 10;
   }
@@ -4202,6 +4315,18 @@
       gap: calc(var(--spacing) * 2.5);
     }
 
+    :where(.sm\:space-y-0 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
+    }
+
+    :where(.sm\:space-x-4 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
@@ -4656,6 +4781,16 @@
         }
       }
 
+      .dark\:hover\:bg-white\/10:hover {
+        background-color: #ffffff1a;
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-white\/10:hover {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+
       .dark\:hover\:text-accent-foreground:hover {
         color: var(--accent-foreground);
       }
@@ -4911,6 +5046,35 @@
     border-bottom-left-radius: calc(var(--radius)  - 2px);
   }
 
+  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
+    background-color: var(--accent);
+  }
+
+  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
+    border-top-left-radius: calc(var(--radius)  - 2px);
+    border-bottom-left-radius: calc(var(--radius)  - 2px);
+  }
+
+  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]) {
+    border-top-right-radius: calc(var(--radius)  - 2px);
+    border-bottom-right-radius: calc(var(--radius)  - 2px);
+  }
+
+  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
+    background-color: var(--accent);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
+      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+    }
+  }
+
+  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
+    border-top-right-radius: calc(var(--radius)  - 2px);
+    border-bottom-right-radius: calc(var(--radius)  - 2px);
+  }
+
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
     padding-right: calc(var(--spacing) * 0);
   }

package/dist/kit/themes/default.css

@@ -545,6 +545,10 @@
     left: calc(var(--spacing) * 0);
   }
 
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
+
   .left-1\/2 {
     left: 50%;
   }
@@ -723,6 +727,10 @@
     margin-top: calc(var(--spacing) * 2);
   }
 
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -751,6 +759,10 @@
     margin-bottom: calc(var(--spacing) * 2);
   }
 
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -1029,6 +1041,10 @@
     max-height: 300px;
   }
 
+  .max-h-\[420px\] {
+    max-height: 420px;
+  }
+
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1069,6 +1085,10 @@
     width: calc(var(--spacing) * 1);
   }
 
+  .w-1\/4 {
+    width: 25%;
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1097,6 +1117,10 @@
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1245,6 +1269,10 @@
     max-width: var(--container-6xl);
   }
 
+  .max-w-\[10rem\] {
+    max-width: 10rem;
+  }
+
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -1305,6 +1333,10 @@
     min-width: calc(var(--spacing) * 10);
   }
 
+  .min-w-\[8ch\] {
+    min-width: 8ch;
+  }
+
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1313,6 +1345,18 @@
     min-width: 12rem;
   }
 
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
+
+  .min-w-\[400px\] {
+    min-width: 400px;
+  }
+
+  .min-w-\[900px\] {
+    min-width: 900px;
+  }
+
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -1573,6 +1617,10 @@
     justify-content: flex-end;
   }
 
+  .justify-evenly {
+    justify-content: space-evenly;
+  }
+
   .justify-start {
     justify-content: flex-start;
   }
@@ -1645,6 +1693,12 @@
     margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  :where(.space-x-1 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
@@ -1863,7 +1917,17 @@
     background-color: var(--accent);
   }
 
-  .bg-background, .bg-background\/80 {
+  .bg-background, .bg-background\/50 {
+    background-color: var(--background);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-background\/50 {
+      background-color: color-mix(in oklab, var(--background) 50%, transparent);
+    }
+  }
+
+  .bg-background\/80 {
     background-color: var(--background);
   }
 
@@ -2097,6 +2161,14 @@
     padding-top: calc(var(--spacing) * 0);
   }
 
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -2406,6 +2478,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-70 {
     opacity: .7;
   }
@@ -2464,6 +2540,16 @@
     --tw-ring-color: var(--border);
   }
 
+  .ring-destructive\/50 {
+    --tw-ring-color: var(--destructive);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-destructive\/50 {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 50%, transparent);
+    }
+  }
+
   .ring-ring\/50 {
     --tw-ring-color: var(--ring);
   }
@@ -3046,11 +3132,29 @@
     border-bottom-width: 0;
   }
 
+  .focus-within\:relative:focus-within {
+    position: relative;
+  }
+
+  .focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
   @media (hover: hover) {
     .hover\:bg-accent:hover {
       background-color: var(--accent);
     }
 
+    .hover\:bg-black\/5:hover {
+      background-color: #0000000d;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-black\/5:hover {
+        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+      }
+    }
+
     .hover\:bg-destructive\/90:hover {
       background-color: var(--destructive);
     }
@@ -3257,6 +3361,11 @@
     outline-color: var(--ring);
   }
 
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   .active\:bg-sidebar-accent:active {
     background-color: var(--sidebar-accent);
   }
@@ -3362,6 +3471,10 @@
     color: var(--muted-foreground);
   }
 
+  .aria-selected\:opacity-100[aria-selected="true"] {
+    opacity: 1;
+  }
+
   .data-\[active\=true\]\:z-10[data-active="true"] {
     z-index: 10;
   }
@@ -4209,6 +4322,18 @@
       gap: calc(var(--spacing) * 2.5);
     }
 
+    :where(.sm\:space-y-0 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
+    }
+
+    :where(.sm\:space-x-4 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+    }
+
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
@@ -4663,6 +4788,16 @@
         }
       }
 
+      .dark\:hover\:bg-white\/10:hover {
+        background-color: #ffffff1a;
+      }
+
+      @supports (color: color-mix(in lab, red, red)) {
+        .dark\:hover\:bg-white\/10:hover {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+
       .dark\:hover\:text-accent-foreground:hover {
         color: var(--accent-foreground);
       }
@@ -4918,6 +5053,35 @@
     border-bottom-left-radius: calc(var(--radius)  - 2px);
   }
 
+  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
+    background-color: var(--accent);
+  }
+
+  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
+    border-top-left-radius: calc(var(--radius)  - 2px);
+    border-bottom-left-radius: calc(var(--radius)  - 2px);
+  }
+
+  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]) {
+    border-top-right-radius: calc(var(--radius)  - 2px);
+    border-bottom-right-radius: calc(var(--radius)  - 2px);
+  }
+
+  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
+    background-color: var(--accent);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
+      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+    }
+  }
+
+  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
+    border-top-right-radius: calc(var(--radius)  - 2px);
+    border-bottom-right-radius: calc(var(--radius)  - 2px);
+  }
+
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
     padding-right: calc(var(--spacing) * 0);
   }