@scbt-ecom/ui 0.71.3 → 0.73.0

package/dist/shared/ui/icon/allowedIcons.d.ts

@@ -6,11 +6,11 @@ export declare const allowedIcons: {
         readonly communication: readonly ["communication/phone"];
         readonly editor: readonly ["editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo"];
         readonly files: readonly ["files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload"];
-        readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/shield", "general/showEye"];
+        readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
         readonly info: readonly ["info/helpCircle", "info/warningCircle"];
         readonly logos: readonly ["logos/beeline", "logos/megafon", "logos/mts"];
         readonly social: readonly ["social/classmates", "social/telegram", "social/vk"];
         readonly status: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
     };
-    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
+    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
 };

package/dist/shared/ui/icon/iconsMap.d.ts

@@ -233,6 +233,12 @@ export declare const iconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    'general/search': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     'general/shield': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/shared/ui/icon/sprite.gen.d.ts

@@ -4,7 +4,7 @@ export interface SpritesMap {
     communication: 'phone';
     editor: 'bold' | 'heading' | 'italic' | 'link' | 'list' | 'palette' | 'redo' | 'removeFormatting' | 'space' | 'strikethrough' | 'typography' | 'underline' | 'undo';
     files: 'border' | 'borderError' | 'documentFilled' | 'documentOutline' | 'upload';
-    general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'menu' | 'plus' | 'reorder' | 'shield' | 'showEye';
+    general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'menu' | 'plus' | 'reorder' | 'search' | 'shield' | 'showEye';
     info: 'helpCircle' | 'warningCircle';
     logos: 'beeline' | 'megafon' | 'mts';
     social: 'classmates' | 'telegram' | 'vk';

package/dist/shared/ui/table/Desktop.d.ts

@@ -1,7 +1,7 @@
 import { Table as TTable } from '@tanstack/react-table';
 import { DataTableProps } from './model';
-type DesktopTableProps<TData extends {}> = Pick<DataTableProps<TData>, 'enableHeaders' | 'classes' | 'mode' | 'pagination'> & {
+type DesktopTableProps<TData extends {}> = Pick<DataTableProps<TData>, 'enableHeaders' | 'classes' | 'mode' | 'pagination' | 'empty'> & {
     table: TTable<TData>;
 };
-export declare const Desktop: <TData extends {}>({ mode, enableHeaders, table, classes, pagination }: DesktopTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const Desktop: <TData extends {}>({ mode, enableHeaders, table, classes, pagination, empty }: DesktopTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/shared/ui/table/Mobile.d.ts

@@ -1,5 +1,5 @@
 import { Table } from '@tanstack/react-table';
 import { DataTableProps } from './model';
-export declare const Mobile: <TData extends {}>({ mode, enableHeaders, table, classes }: Pick<DataTableProps<TData>, "enableHeaders" | "classes" | "mode"> & {
+export declare const Mobile: <TData extends {}>({ mode, enableHeaders, table, classes, empty }: Pick<DataTableProps<TData>, "enableHeaders" | "classes" | "mode" | "empty"> & {
     table: Table<TData>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/table/Table.d.ts

@@ -1,2 +1,2 @@
 import { DataTableProps } from './model';
-export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData extends {}>({ columns, data, enableHeaders, mode, classes, pagination, empty, pageSize }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/table/model/types.d.ts

@@ -55,5 +55,13 @@ export type DataTableProps<TData extends {}> = {
      * пагинация
      */
     pagination: ((props: TablePaginationProps) => React.JSX.Element) | boolean;
+    /**
+     * количество элементов на странице
+     */
+    pageSize?: number;
+    /**
+     * для переопределения пустой таблицы
+     */
+    empty?: React.ReactNode;
 };
 export {};

package/dist/shared/ui/table/ui/editableCell/EditableCell.d.ts

@@ -0,0 +1,10 @@
+import { CellContext } from '@tanstack/react-table';
+type Cell<TData, TValue> = CellContext<TData, TValue> & {
+    rowIndex?: number;
+};
+interface EditableCellProps<TData, TValue> extends Cell<TData, TValue> {
+    target: keyof TData;
+    update: (target: number, values: TData) => void;
+}
+export declare const EditableCell: <TData, TValue extends string | undefined>({ row, getValue, update, target, rowIndex }: EditableCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shared/ui/table/ui/editableCell/index.d.ts

@@ -0,0 +1 @@
+export { EditableCell } from './EditableCell';

package/dist/shared/ui/table/ui/index.d.ts

@@ -1,2 +1,3 @@
 export * from './primitives';
 export * from './dataTableColumnHeader';
+export * from './editableCell';

package/dist/sprites/general.svg

@@ -1 +1 @@
-<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" viewBox="0 0 19 19"><path fill="currentColor" d="M13.293.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 5 19H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l13-13ZM14 2.414l-12 12V17h2.586l12-12L14 2.414Z"/><path fill="currentColor" fill-rule="evenodd" d="M9 18a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="hiddenEye" fill="none" viewBox="0 0 20 18"><path fill="currentColor" d="M2.707.293a1 1 0 0 0-1.414 1.414l2.424 2.424C2.287 5.207 1.04 6.685.106 8.553a1 1 0 0 0 0 .894C2.264 13.764 6.096 16 10 16c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16Zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72Zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L7.879 2.223A10.215 10.215 0 0 1 10 2c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.107 13.107 0 0 1-1.925 2.865l-1.417-1.416Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="menu" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M2 5.75c0-.69.56-1.25 1.25-1.25h17.5a1.25 1.25 0 1 1 0 2.5H3.25C2.56 7 2 6.44 2 5.75ZM2 12c0-.69.56-1.25 1.25-1.25h17.5a1.25 1.25 0 1 1 0 2.5H3.25C2.56 13.25 2 12.69 2 12Zm0 6.25c0-.69.56-1.25 1.25-1.25h17.5a1.25 1.25 0 1 1 0 2.5H3.25c-.69 0-1.25-.56-1.25-1.25Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="plus" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6V1a1 1 0 0 1 1-1Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="reorder" fill="none" viewBox="0 0 12 18"><path fill="currentColor" d="M2.5 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm5-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="shield" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="M12.123 2.034 5.092 5.035a.967.967 0 0 0-.594.906c0 4.38.175 6.34.969 8.597 1.039 2.955 3.079 5.31 6.53 7.283.308.176.694.176 1 0 3.484-1.99 5.533-4.338 6.563-7.283.784-2.24.938-4.105.938-8.597a.973.973 0 0 0-.594-.906l-6.969-3a1.06 1.06 0 0 0-.812 0Zm.375 1.97 5.996 2.602c.087 7.175-1.32 10.32-5.987 13.181-4.79-2.979-6.061-6.158-6.012-13.173 1.363-.582 4.85-2.119 6.003-2.61Z"/><path fill="currentColor" d="M6.495 6.614c-.05 7.015 1.223 10.194 6.012 13.173l-.01-15.784c-1.152.492-4.64 2.03-6.002 2.611Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="showEye" fill="none" viewBox="0 0 20 14"><path fill="currentColor" d="M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path fill="currentColor" d="M19.894 6.553C17.736 2.236 13.904 0 10 0 6.097 0 2.264 2.236.106 6.553a1 1 0 0 0 0 .894C2.264 11.764 6.096 14 10 14c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894ZM10 12c-2.969 0-6.002-1.62-7.87-5C3.998 3.62 7.03 2 10 2c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5Z"/></symbol></svg>
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="calendar" fill="none" viewBox="0 0 19 20"><path fill="currentColor" fill-rule="evenodd" d="M4.56 0a1 1 0 0 1 1 1v.543h8.19V1a1 1 0 1 1 2 0v.604c1.714.317 3 1.834 3 3.639V16.3c0 2.032-1.63 3.7-3.667 3.7H4.417C2.38 20 .75 18.332.75 16.3V5.243a3.696 3.696 0 0 1 2.81-3.599V1a1 1 0 0 1 1-1Zm-.02 3.543h-.123c-.91 0-1.667.75-1.667 1.7v.671h14v-.671c0-.95-.758-1.7-1.667-1.7H4.58a1.066 1.066 0 0 1-.04 0Zm12.21 4.371h-14V16.3c0 .95.758 1.7 1.667 1.7h10.666c.91 0 1.667-.75 1.667-1.7V7.914Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="check" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m4.892 13.269 4.274 4.274L18.709 8"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="close" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="edit" fill="none" viewBox="0 0 19 19"><path fill="currentColor" d="M13.293.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 5 19H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l13-13ZM14 2.414l-12 12V17h2.586l12-12L14 2.414Z"/><path fill="currentColor" fill-rule="evenodd" d="M9 18a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="hiddenEye" fill="none" viewBox="0 0 20 18"><path fill="currentColor" d="M2.707.293a1 1 0 0 0-1.414 1.414l2.424 2.424C2.287 5.207 1.04 6.685.106 8.553a1 1 0 0 0 0 .894C2.264 13.764 6.096 16 10 16c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16Zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72Zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L7.879 2.223A10.215 10.215 0 0 1 10 2c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.107 13.107 0 0 1-1.925 2.865l-1.417-1.416Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="menu" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M2 5.75c0-.69.56-1.25 1.25-1.25h17.5a1.25 1.25 0 1 1 0 2.5H3.25C2.56 7 2 6.44 2 5.75ZM2 12c0-.69.56-1.25 1.25-1.25h17.5a1.25 1.25 0 1 1 0 2.5H3.25C2.56 13.25 2 12.69 2 12Zm0 6.25c0-.69.56-1.25 1.25-1.25h17.5a1.25 1.25 0 1 1 0 2.5H3.25c-.69 0-1.25-.56-1.25-1.25Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="plus" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6V1a1 1 0 0 1 1-1Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="reorder" fill="none" viewBox="0 0 12 18"><path fill="currentColor" d="M2.5 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm5-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="search" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-8 6a8 8 0 1 1 14.32 4.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387A8 8 0 0 1 2 10Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="shield" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="M12.123 2.034 5.092 5.035a.967.967 0 0 0-.594.906c0 4.38.175 6.34.969 8.597 1.039 2.955 3.079 5.31 6.53 7.283.308.176.694.176 1 0 3.484-1.99 5.533-4.338 6.563-7.283.784-2.24.938-4.105.938-8.597a.973.973 0 0 0-.594-.906l-6.969-3a1.06 1.06 0 0 0-.812 0Zm.375 1.97 5.996 2.602c.087 7.175-1.32 10.32-5.987 13.181-4.79-2.979-6.061-6.158-6.012-13.173 1.363-.582 4.85-2.119 6.003-2.61Z"/><path fill="currentColor" d="M6.495 6.614c-.05 7.015 1.223 10.194 6.012 13.173l-.01-15.784c-1.152.492-4.64 2.03-6.002 2.611Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="showEye" fill="none" viewBox="0 0 20 14"><path fill="currentColor" d="M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path fill="currentColor" d="M19.894 6.553C17.736 2.236 13.904 0 10 0 6.097 0 2.264 2.236.106 6.553a1 1 0 0 0 0 .894C2.264 11.764 6.096 14 10 14c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894ZM10 12c-2.969 0-6.002-1.62-7.87-5C3.998 3.62 7.03 2 10 2c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5Z"/></symbol></svg>

package/dist/static/static/general/search.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.8487 17.3729 13.551 16.3199 14.9056L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L14.9056 16.3199C13.551 17.3729 11.8487 18 10 18C5.58172 18 2 14.4183 2 10Z" fill="currentColor"/>
+</svg>

package/dist/style.css

@@ -1 +1 @@
-.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
+.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}