@fileverse/ui 4.1.6-patch-6 → 4.1.6-patch-7.1

package/dist/index.css

@@ -800,6 +800,10 @@ video {
     color: hsl(var(--color-text-inverse));
   }
 
+  .color-text-on-brand {
+    color: hsl(var(--color-text-on-brand));
+  }
+
   .color-bg-default {
     background-color: hsl(var(--color-bg-default));
   }
@@ -1124,6 +1128,9 @@ video {
 .left-0 {
   left: 0px;
 }
+.left-1 {
+  left: 0.25rem;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1142,6 +1149,9 @@ video {
 .right-0 {
   right: 0px;
 }
+.right-1 {
+  right: 0.25rem;
+}
 .right-2 {
   right: 0.5rem;
 }
@@ -1248,6 +1258,9 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mt-1 {
+  margin-top: 0.25rem;
+}
 .mt-10 {
   margin-top: 2.5rem;
 }
@@ -1444,16 +1457,15 @@ video {
 .min-h-screen {
   min-height: 100vh;
 }
+.\!w-24 {
+  width: 6rem !important;
+}
 .\!w-\[40px\] {
   width: 40px !important;
 }
 .\!w-\[95\%\] {
   width: 95% !important;
 }
-.\!w-fit {
-  width: -moz-fit-content !important;
-  width: fit-content !important;
-}
 .\!w-full {
   width: 100% !important;
 }
@@ -1550,12 +1562,18 @@ video {
 .w-\[400px\] {
   width: 400px;
 }
+.w-\[48px\] {
+  width: 48px;
+}
 .w-\[564px\] {
   width: 564px;
 }
 .w-\[60\%\] {
   width: 60%;
 }
+.w-\[65px\] {
+  width: 65px;
+}
 .w-\[68px\] {
   width: 68px;
 }
@@ -1599,6 +1617,10 @@ video {
 .w-screen {
   width: 100vw;
 }
+.\!min-w-fit {
+  min-width: -moz-fit-content !important;
+  min-width: fit-content !important;
+}
 .min-w-10 {
   min-width: 2.5rem;
 }
@@ -1727,6 +1749,9 @@ video {
 .caption-bottom {
   caption-side: bottom;
 }
+.border-collapse {
+  border-collapse: collapse;
+}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1739,6 +1764,10 @@ video {
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-1\.5 {
+  --tw-translate-x: 0.375rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-1\/2 {
   --tw-translate-x: 50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1873,9 +1902,6 @@ video {
 .\!gap-1 {
   gap: 0.25rem !important;
 }
-.\!gap-2 {
-  gap: 0.5rem !important;
-}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1903,11 +1929,6 @@ video {
 .gap-8 {
   gap: 2rem;
 }
-.\!space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0 !important;
-  margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
-}
 .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
@@ -1997,9 +2018,6 @@ video {
 .\!rounded {
   border-radius: 0.25rem !important;
 }
-.\!rounded-\[8px\] {
-  border-radius: 8px !important;
-}
 .\!rounded-lg {
   border-radius: var(--radius) !important;
 }
@@ -2048,6 +2066,10 @@ video {
   border-top-left-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
+.rounded-l-none {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
 .rounded-r-\[8px\] {
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
@@ -2056,6 +2078,14 @@ video {
   border-top-right-radius: var(--radius);
   border-bottom-right-radius: var(--radius);
 }
+.rounded-r-md {
+  border-top-right-radius: calc(var(--radius) - 2px);
+  border-bottom-right-radius: calc(var(--radius) - 2px);
+}
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
 .rounded-t-\[10px\] {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
@@ -2142,9 +2172,6 @@ video {
   -o-object-fit: cover;
      object-fit: cover;
 }
-.\!p-3 {
-  padding: 0.75rem !important;
-}
 .p-0 {
   padding: 0px;
 }
@@ -2302,6 +2329,9 @@ video {
 .align-middle {
   vertical-align: middle;
 }
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .text-\[10px\] {
   font-size: 10px;
 }
@@ -2344,6 +2374,10 @@ video {
 .font-normal {
   font-weight: 400;
 }
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
 .leading-5 {
   line-height: 1.25rem;
 }
@@ -2378,6 +2412,9 @@ video {
 .underline {
   text-decoration-line: underline;
 }
+.caret-transparent {
+  caret-color: transparent;
+}
 .opacity-0 {
   opacity: 0;
 }
@@ -2607,6 +2644,19 @@ textarea:is(:-webkit-autofill, :autofill) {
   margin: 0 0.5rem !important;
 }
 
+.toast-mini {
+  padding: 12px !important;
+  gap: 8px !important;
+  width: -moz-fit-content !important;
+  width: fit-content !important;
+  border-radius: 8px !important;
+  place-self: end !important;
+}
+
+.toast-mini > * + * {
+  margin-left: 0;
+}
+
 .file\:text-body-sm::file-selector-button {
     font-family: system-ui;
     font-size: 14px;
@@ -2678,6 +2728,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     border-color: hsl(var(--color-border-hover));
   }
 
+.focus\:color-bg-brand:focus {
+    background-color: hsl(var(--color-bg-brand));
+  }
+
 .focus-visible\:color-border-hover:focus-visible {
     border-color: hsl(var(--color-border-hover));
   }
@@ -2802,6 +2856,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     background-color: hsl(var(--color-bg-default-selected));
   }
 
+.aria-selected\:color-bg-secondary[aria-selected="true"] {
+    background-color: hsl(var(--color-bg-secondary));
+  }
+
 .data-\[highlighted\]\:color-text-default[data-highlighted] {
     color: hsl(var(--color-text-default));
   }
@@ -2922,6 +2980,14 @@ textarea:is(:-webkit-autofill, :autofill) {
   border-width: 0px;
 }
 
+.focus-within\:relative:focus-within {
+  position: relative;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }
@@ -3048,6 +3114,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   opacity: 0.7;
 }
 
+.aria-selected\:opacity-100[aria-selected="true"] {
+  opacity: 1;
+}
+
 .data-\[disabled\]\:pointer-events-none[data-disabled] {
   pointer-events: none;
 }
@@ -3360,6 +3430,12 @@ textarea:is(:-webkit-autofill, :autofill) {
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
+  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
   .sm\:rounded-lg {
     border-radius: var(--radius);
   }
@@ -3494,6 +3570,35 @@ textarea:is(:-webkit-autofill, :autofill) {
   }
 }
 
+.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
+  border-top-right-radius: calc(var(--radius) - 2px);
+  border-bottom-right-radius: calc(var(--radius) - 2px);
+}
+
+.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-bottom-left-radius: calc(var(--radius) - 2px);
+}
+
+.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
+  border-radius: calc(var(--radius) - 2px);
+}
+
+.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-bottom-left-radius: calc(var(--radius) - 2px);
+}
+
+.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
+  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: 0px;
 }

package/dist/index.es.d.ts

@@ -2,6 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { Command as Command_2 } from 'cmdk';
+import { DayPicker } from 'react-day-picker';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -253,6 +254,13 @@ export declare interface CounterProps {
     count: number;
 }
 
+export declare const DatePicker: {
+    ({ className, classNames, showOutsideDays, ...props }: DatePickerProps): JSX_2.Element;
+    displayName: string;
+};
+
+declare type DatePickerProps = React_2.ComponentProps<typeof DayPicker>;
+
 export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -554,6 +562,17 @@ export declare interface LucideIconProps extends Omit<SvgProps_2, "name">, Varia
     strokeWidth?: number;
 }
 
+declare type Period = "AM" | "PM";
+
+declare interface PeriodSelectorProps {
+    period: Period;
+    setPeriod: (m: Period) => void;
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+    onRightFocus?: () => void;
+    onLeftFocus?: () => void;
+}
+
 export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -846,6 +865,36 @@ declare type ThemeProviderProps = {
 
 export declare const ThemeToggle: () => JSX_2.Element;
 
+export declare const TimePeriodSelect: React_2.ForwardRefExoticComponent<PeriodSelectorProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const TimePicker: React_2.ForwardRefExoticComponent<TimePickerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TimePickerInput: default_2.ForwardRefExoticComponent<TimePickerInputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare interface TimePickerInputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+    picker: TimePickerType;
+    date: Date | undefined;
+    setDate: (date: Date | undefined) => void;
+    period?: Period;
+    onRightFocus?: () => void;
+    onLeftFocus?: () => void;
+}
+
+declare interface TimePickerProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    /** The selected date */
+    date?: Date;
+    /** Callback function when date changes */
+    setDate: (date: Date | undefined) => void;
+    /** Display hours in 12 hour format with AM/PM selector */
+    use12Hours?: boolean;
+    /** Show seconds input */
+    showSeconds?: boolean;
+    /** Disable all inputs */
+    disabled?: boolean;
+}
+
+declare type TimePickerType = "minutes" | "seconds" | "hours" | "12hours";
+
 export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "danger" | "secondary" | "success" | "mini" | null | undefined;
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom" | null | undefined;
@@ -872,7 +921,7 @@ export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const Toaster: ({ position, duration, customIcon, }: ToasterProps) => JSX_2.Element;
+export declare const Toaster: ({ position, duration, }: ToasterProps) => JSX_2.Element;
 
 export declare interface ToasterProps {
     position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "center-top" | "center-bottom";