shekel-fe-shared-lib 1.0.7 → 1.0.9

package/dist/types/components/Button.d.ts

@@ -1,12 +1,19 @@
-import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ButtonHTMLAttributes, CSSProperties, FC, ReactNode } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'outlined' | 'ghost' | 'text';
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     fullWidth?: boolean;
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
     loading?: boolean;
     hoverColor?: string;
+    bgColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    hoverBgColor?: string;
+    hoverTextColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/types/components/Card.d.ts

@@ -1,10 +1,13 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, CSSProperties } from 'react';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    padding?: 'none' | 'sm' | 'md' | 'lg';
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'responsive';
     shadow?: 'none' | 'sm' | 'md' | 'lg';
     hover?: boolean;
     bordered?: boolean;
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    bgColor?: string;
+    borderColor?: string;
+    style?: CSSProperties;
 }
 export declare const Card: FC<CardProps>;
 export default Card;

package/dist/types/components/Checkbox.d.ts

@@ -1,16 +1,20 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface CheckboxProps {
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
     indeterminate?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     variant?: 'filled' | 'outline';
     className?: string;
     id?: string;
     name?: string;
     value?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    checkedBorderColor?: string;
+    style?: CSSProperties;
 }
 export declare const Checkbox: FC<CheckboxProps>;
 export default Checkbox;

package/dist/types/components/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, CSSProperties } from 'react';
 export interface DropdownMenuItem {
     key: string;
     label: ReactNode;
@@ -15,6 +15,12 @@ export interface DropdownProps {
     className?: string;
     overlayClassName?: string;
     disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    menuBgColor?: string;
+    menuItemHoverColor?: string;
+    dangerColor?: string;
+    borderColor?: string;
+    style?: CSSProperties;
 }
 export declare const Dropdown: FC<DropdownProps>;
 export default Dropdown;

package/dist/types/components/Modal.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'responsive';
 export interface ModalProps {
     open: boolean;
     onClose: () => void;
@@ -6,10 +7,17 @@ export interface ModalProps {
     children: ReactNode;
     footer?: ReactNode;
     width?: string | number;
+    size?: ModalSize;
     closable?: boolean;
     maskClosable?: boolean;
     centered?: boolean;
     className?: string;
+    bgColor?: string;
+    headerBgColor?: string;
+    overlayColor?: string;
+    bodyClassName?: string;
+    headerClassName?: string;
+    maxHeight?: string | number;
 }
 export declare const Modal: FC<ModalProps>;
 export default Modal;

package/dist/types/components/Progress.d.ts

@@ -5,9 +5,14 @@ export interface ProgressProps {
     showInfo?: boolean;
     strokeColor?: string;
     strokeWidth?: number;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     className?: string;
     format?: (percent: number) => ReactNode;
+    bgColor?: string;
+    successColor?: string;
+    exceptionColor?: string;
+    trackColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
 }
 export declare const Progress: FC<ProgressProps>;
 export default Progress;

package/dist/types/components/SearchInput.d.ts

@@ -1,10 +1,18 @@
-import { FC, ReactNode, InputHTMLAttributes } from 'react';
+import { FC, ReactNode, InputHTMLAttributes, CSSProperties } from 'react';
 export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     fullWidth?: boolean;
     onIconClick?: () => void;
+    bgColor?: string;
+    borderColor?: string;
+    focusBorderColor?: string;
+    iconColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const SearchInput: FC<SearchInputProps>;
 export default SearchInput;

package/dist/types/components/Select.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface SelectOption {
     value: string | number;
     label: string;
@@ -11,12 +11,20 @@ export interface SelectProps {
     placeholder?: string;
     onChange?: (value: string | number) => void;
     disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     fullWidth?: boolean;
     className?: string;
     allowClear?: boolean;
     showSearch?: boolean;
     searchPlaceholder?: string;
+    bgColor?: string;
+    borderColor?: string;
+    focusBorderColor?: string;
+    selectedBgColor?: string;
+    selectedTextColor?: string;
+    hoverBgColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const Select: FC<SelectProps>;
 export default Select;

package/dist/types/components/SelectedItemsList.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface SelectedItem {
     id: string | number;
     label: string;
@@ -11,6 +11,15 @@ export interface SelectedItemsListProps {
     className?: string;
     itemClassName?: string;
     maxHeight?: string;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    bgColor?: string;
+    hoverBgColor?: string;
+    textColor?: string;
+    sublabelColor?: string;
+    removeButtonColor?: string;
+    removeButtonHoverColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const SelectedItemsList: FC<SelectedItemsListProps>;
 export default SelectedItemsList;

package/dist/types/components/StatCard.d.ts

@@ -1,10 +1,21 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface StatCardProps {
     label: string;
     value: string | number;
     selected?: boolean;
     onClick?: () => void;
     className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    bgColor?: string;
+    borderColor?: string;
+    labelColor?: string;
+    valueColor?: string;
+    selectedBgColor?: string;
+    selectedBorderColor?: string;
+    selectedLabelColor?: string;
+    selectedValueColor?: string;
+    style?: CSSProperties;
 }
 export declare const StatCard: FC<StatCardProps>;
 export default StatCard;

package/dist/types/components/Steps.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, CSSProperties } from 'react';
 export interface StepItem {
     title: string;
     description?: string;
@@ -9,9 +9,15 @@ export interface StepsProps {
     items: StepItem[];
     current?: number;
     direction?: 'horizontal' | 'vertical';
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     variant?: 'default' | 'outline';
     className?: string;
+    style?: CSSProperties;
+    finishColor?: string;
+    processColor?: string;
+    waitColor?: string;
+    errorColor?: string;
+    lineColor?: string;
 }
 export declare const Steps: FC<StepsProps>;
 export default Steps;

package/dist/types/components/Table.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, CSSProperties } from 'react';
 export interface ColumnDef<T = any> {
     key: string;
     title: string;
@@ -18,6 +18,14 @@ export interface TableProps<T = any> {
     className?: string;
     bordered?: boolean;
     striped?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    headerBgColor?: string;
+    headerTextColor?: string;
+    rowHoverColor?: string;
+    borderColor?: string;
+    stripedRowColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    style?: CSSProperties;
 }
 export interface PaginationConfig {
     current?: number;
@@ -29,5 +37,5 @@ export interface PaginationConfig {
     showTotal?: boolean;
     size?: 'sm' | 'md' | 'lg';
 }
-export declare const Table: <T extends Record<string, any>>({ columns, dataSource, rowKey, pagination, loading, onRow, className, bordered, striped, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends Record<string, any>>({ columns, dataSource, rowKey, pagination, loading, onRow, className, bordered, striped, size, headerBgColor, headerTextColor, rowHoverColor, borderColor, stripedRowColor, rounded, style, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/types/components/TableTop.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, CSSProperties } from 'react';
 export interface TableTopProps {
     title?: string;
     description?: string;
@@ -7,6 +7,14 @@ export interface TableTopProps {
     actions?: ReactNode;
     filters?: ReactNode;
     className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    titleColor?: string;
+    descriptionColor?: string;
+    searchBgColor?: string;
+    searchBorderColor?: string;
+    searchFocusBorderColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const TableTop: FC<TableTopProps>;
 export default TableTop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shekel-fe-shared-lib",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Shared component library built with React and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.cjs",

package/dist/shekel-fe-shared-lib.css

@@ -1 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.bottom-full{bottom:100%}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.max-h-\[70vh\]{max-height:70vh}.max-h-\[300px\]{max-height:300px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#181918\]{border-color:#181918}.border-\[\#EC615B\]{border-color:#ec615b}.border-\[\#EEEEEE\]{border-color:#eee}.bg-\[\#EC615B\]{background-color:#ec615b}.bg-\[\#F4F4F4\]{background-color:#f4f4f4}.bg-\[\#F5F6F7\]{background-color:#f5f6f7}.bg-\[\#FCEAE9\]{background-color:#fceae9}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#EC615B\]\/5{--tw-gradient-via:oklab(66.7901% .156748 .074311/.05);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[\#181918\]{color:#181918}.text-\[\#333333\]{color:#333}.text-\[\#EC615B\]{color:#ec615b}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#EC615B\]{--tw-ring-color:#ec615b}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[0\.98\]:hover{scale:.98}.hover\:border-\[\#D4554F\]:hover{border-color:#d4554f}.hover\:bg-\[\#D4554F\]:hover{background-color:#d4554f}.hover\:bg-\[\#EBEBEB\]:hover{background-color:#ebebeb}.hover\:text-\[\#EC615B\]:hover{color:#ec615b}}.focus\:z-20:focus{z-index:20}.focus\:border-\[\#EC615B\]:focus{border-color:#ec615b}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#EC615B\]:focus{--tw-ring-color:#ec615b}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.96\]:active{scale:.96}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}@layer components{.stat-card{animation:.3s ease-out fadeInUp}.stat-value{animation:.5s ease-out countUp}.card{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#f6f7f8,#edeef1,#f6f7f8 40%,#f6f7f8) 0 0/1000px 100%;animation:2s linear infinite shimmer}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.3s ease-out slideInRight}.dropdown-slide-down{transform-origin:top;animation:.2s cubic-bezier(.23,1,.32,1) dropdownSlideDown}.dropdown-slide-up{transform-origin:bottom;animation:.2s cubic-bezier(.23,1,.32,1) dropdownSlideUp}@keyframes dropdownSlideDown{0%{opacity:0;transform:scaleY(.8)translateY(-8px)}to{opacity:1;transform:scaleY(1)translateY(0)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:scaleY(.8)translateY(8px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.dropdown-menu-item{position:relative}.dropdown-menu-item:before{content:"";background-color:#3b82f6;width:3px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.dropdown-menu-item:hover:before{transform:scaleY(1)}.select-trigger{position:relative}.select-dropdown{animation:.2s cubic-bezier(.23,1,.32,1) dropdownSlideDown}.select-option{transition:all .15s;position:relative}.select-option:hover{padding-left:1.25rem}.modal-mask{animation:.3s ease-out fadeIn}.modal-content{animation:.3s cubic-bezier(.23,1,.32,1) modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes progressActive{0%{background-position:0 0}to{background-position:40px 0}}.progress-active{background-image:linear-gradient(45deg,#fff3 25%,#0000 25%,#0000 50%,#fff3 50%,#fff3 75%,#0000 75%,#0000);background-size:40px 40px;animation:1s linear infinite progressActive}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:.5s cubic-bezier(.34,1.56,.64,1) slideIn}@keyframes slideInItem{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-item{animation:.3s cubic-bezier(.23,1,.32,1) both slideInItem}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}