@oncehub/ui-react 1.1.0 → 1.2.1

package/README.md

@@ -10,8 +10,8 @@ npm install @oncehub/ui-react
 
 ## Development
 
-1. Storybook is [automatically deployed](https://github.com/scheduleonce/once-ui-react/actions/workflows/deploy-storybook.yml) to Github Pages when pushing to main
-2. Package is automatically pushed to npm when [publishing a new package](https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository) on Github
+1. Storybook is [automatically deployed](.github/workflows/deploy-storybook.yml) to Github Pages when pushing to main.
+2. Package is automatically pushed to npm when [creating a new release](.github/workflows/npm-publish.yml) on Github. Check out the release section in the repo. Read more about releases [here](https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository).
 
 ## Tools
 

package/dist/components/button/button.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+interface ButtonProps extends ComponentPropsWithRef<'button'> {
+    /** The content of the button */
+    children: ReactNode;
+    /** A color scheme to use for the button, defaults to `#006bb1` */
+    themeColor?: string;
+    /** The style of the button, defaults to `primary` */
+    variant?: 'primary' | 'secondary';
+    /** The size of the button, defaults to `small` */
+    size?: 'small' | 'medium' | 'large';
+    /** Shape of the corners, defaults to `rounded` */
+    shape?: 'rounded' | 'squared';
+}
+/** Primary UI component for user interaction */
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/components/button/index.d.ts

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

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+interface CheckboxProps extends ComponentPropsWithRef<'input'> {
+    /** The label for the checkbox */
+    children?: ReactNode;
+    /** A color scheme to use for the button, defaults to `#006bb1` */
+    themeColor?: string;
+    checkboxSize?: string;
+}
+/** Checkbox component */
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/dist/components/checkbox/index.d.ts

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

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

@@ -0,0 +1,6 @@
+export interface BookingCalendarTheme {
+    fontColor: string;
+    themeColor: string;
+    textColor: string;
+    isDark: boolean;
+}

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './button';
+export * from './checkbox';
+export * from './multi-line-input';
+export * from './multi-select';
+export * from './quick-multi-select';
+export * from './quick-select';
+export * from './scrollbar';
+export * from './select';
+export * from './single-line-input';

package/dist/components/multi-line-input/index.d.ts

@@ -0,0 +1 @@
+export { default } from './multi-line-input';

package/dist/components/multi-line-input/multi-line-input.d.ts

@@ -0,0 +1,7 @@
+import { FC, ComponentPropsWithRef } from 'react';
+interface MultiLineInputProps extends ComponentPropsWithRef<'textarea'> {
+    themeColor?: string;
+    onSubmit?: () => void;
+}
+declare const MultiLineInput: FC<MultiLineInputProps>;
+export default MultiLineInput;

package/dist/components/multi-select/index.d.ts

@@ -0,0 +1 @@
+export { default } from './multi-select';

package/dist/components/multi-select/multi-select.d.ts

@@ -0,0 +1,14 @@
+import React, { CSSProperties } from 'react';
+import { Option } from './multi-select.type';
+interface Props {
+    options: Option[];
+    checkedValue: number[];
+    onSelectionChange: (val: number[]) => void;
+    minOptions?: number;
+    maxOptions?: number;
+    themeColor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const MultiSelect: React.FC<Props>;
+export default MultiSelect;

package/dist/components/multi-select/multi-select.type.d.ts

@@ -0,0 +1,6 @@
+export interface Option {
+    id: number;
+    text: string;
+    order: number;
+    disabled?: boolean;
+}

package/dist/components/quick-multi-select/index.d.ts

@@ -0,0 +1 @@
+export { default } from './quick-multi-select';

package/dist/components/quick-multi-select/quick-multi-select.d.ts

@@ -0,0 +1,14 @@
+import React, { CSSProperties } from 'react';
+import { Option } from './quick-multi-select.type';
+interface Props {
+    options: Option[];
+    checkedValue: number[];
+    onSelectionChange: (val: number[]) => void;
+    minOptions?: number;
+    maxOptions?: number;
+    themeColor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const QuickMultiSelect: React.FC<Props>;
+export default QuickMultiSelect;

package/dist/components/quick-multi-select/quick-multi-select.type.d.ts

@@ -0,0 +1,6 @@
+export interface Option {
+    id: number;
+    text: string;
+    order: number;
+    disabled?: boolean;
+}

package/dist/components/quick-select/index.d.ts

@@ -0,0 +1 @@
+export { default as QuickSelect } from './quick-select';

package/dist/components/quick-select/quick-select.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, FC } from 'react';
+import { Option } from './quick-select.type';
+interface Props {
+    options: Option[];
+    onSelect: (option: Option) => void;
+    selected: Option | null;
+    themeColor?: string;
+    className?: string;
+    style?: CSSProperties;
+    showLoader?: boolean;
+}
+declare const QuickSelect: FC<Props>;
+export default QuickSelect;

package/dist/components/quick-select/quick-select.type.d.ts

@@ -0,0 +1,6 @@
+export interface Option {
+    id: number;
+    text: string;
+    order: number;
+    disabled?: boolean;
+}

package/dist/components/scrollbar/index.d.ts

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

package/dist/components/scrollbar/scrollbar.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, FC } from 'react';
+interface ScrollbarProps extends ComponentPropsWithRef<'div'> {
+    children: any;
+}
+declare const Scrollbar: FC<ScrollbarProps>;
+export default Scrollbar;

package/dist/components/select/auto-complete.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { IOption } from './select.types';
+interface Props {
+    children: any;
+    selected: IOption | null;
+    onSelect: (obj: IOption) => void;
+    setQuery: (query: any) => void;
+    disable?: boolean;
+    clearSearch?: boolean;
+    themeColor?: string;
+}
+declare const AutoComplete: FC<Props>;
+export default AutoComplete;

package/dist/components/select/index.d.ts

@@ -0,0 +1,4 @@
+export * from './select';
+export * from './select-options';
+export * from './auto-complete';
+export * from './options';

package/dist/components/select/options.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+interface Props {
+    children: any;
+    setQuery: (query: any) => void;
+}
+declare const Options: FC<Props>;
+export default Options;
+type OptionProps = {
+    children: React.ReactNode;
+    value: any;
+    className: any;
+    disable: boolean;
+};
+export type Ref = HTMLLIElement;
+export declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/select/select-options.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+interface Props {
+    children: any;
+    setQuery: (query: any) => void;
+}
+declare const SelectOptions: FC<Props>;
+export default SelectOptions;
+type SelectOptionProps = {
+    children: React.ReactNode;
+    value: any;
+    className: any;
+    disable: boolean;
+};
+export type SelectOptionRef = HTMLLIElement;
+export declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/select/select.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { IOption } from './select.types';
+interface Props {
+    children: any;
+    selected: IOption | null;
+    onSelect: (obj: IOption) => void;
+    themeColor?: string;
+}
+declare const Select: FC<Props>;
+export default Select;

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

@@ -0,0 +1,10 @@
+export interface IOption {
+    value: string;
+    label: string;
+    avatar?: {
+        width: number;
+        height: number;
+        src: string;
+    };
+    disable?: boolean;
+}

package/dist/components/single-line-input/index.d.ts

@@ -0,0 +1 @@
+export { default } from './single-line-input';

package/dist/components/single-line-input/single-line-input.d.ts

@@ -0,0 +1,6 @@
+import { FC, ComponentPropsWithRef } from 'react';
+interface SingleLineInputProps extends ComponentPropsWithRef<'input'> {
+    themeColor?: string;
+}
+declare const SingleLineInput: FC<SingleLineInputProps>;
+export default SingleLineInput;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/storybook-utils.d.ts

@@ -0,0 +1,4 @@
+export declare const objectValuesToControls: (obj: Record<string, string>, control?: string) => {
+    control: string;
+    options: string[];
+};

package/dist/style.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-pointer-events-none{pointer-events:none}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-y-0{top:0;bottom:0}.tw-right-0{right:0}.tw-z-10{z-index:10}.tw-mr-2{margin-right:.5rem}.tw-block{display:block}.tw-flex{display:flex}.tw-h-10{height:2.5rem}.tw-h-20{height:5rem}.tw-h-5{height:1.25rem}.tw-h-full{height:100%}.tw-max-h-\[200px\]{max-height:200px}.tw-w-5{width:1.25rem}.tw-w-full{width:100%}.tw-flex-shrink-0{flex-shrink:0}.tw-cursor-default{cursor:default}.tw-cursor-pointer{cursor:pointer}.tw-select-none{-webkit-user-select:none;user-select:none}.tw-items-center{align-items:center}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-border-0{border-width:0px}.tw-border-\[1px\]{border-width:1px}.tw-border-b{border-bottom-width:1px}.tw-border-b-2{border-bottom-width:2px}.tw-border-b-\[1px\]{border-bottom-width:1px}.tw-border-t{border-top-width:1px}.tw-border-t-2{border-top-width:2px}.tw-border-\[\#979797\]{--tw-border-opacity: 1;border-color:rgb(151 151 151 / var(--tw-border-opacity))}.tw-border-b-\[\#006bb1\]{--tw-border-opacity: 1;border-bottom-color:rgb(0 107 177 / var(--tw-border-opacity))}.tw-border-b-\[\#333333\]{--tw-border-opacity: 1;border-bottom-color:rgb(51 51 51 / var(--tw-border-opacity))}.tw-border-t-transparent{border-top-color:transparent}.tw-bg-\[\#EEEEEE\]{--tw-bg-opacity: 1;background-color:rgb(238 238 238 / var(--tw-bg-opacity))}.tw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-pb-\[10px\]{padding-bottom:10px}.tw-pl-3{padding-left:.75rem}.tw-pl-4{padding-left:1rem}.tw-pr-10{padding-right:2.5rem}.tw-pr-2{padding-right:.5rem}.tw-pr-4{padding-right:1rem}.tw-pt-\[10px\]{padding-top:10px}.tw-text-left{text-align:left}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-leading-5{line-height:1.25rem}.tw-text-\[\#333333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.tw-text-\[\#A7A7A7\]{--tw-text-opacity: 1;color:rgb(167 167 167 / var(--tw-text-opacity))}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-shadow-\[0_1px_6px_0_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 1px 6px 0 rgba(0,0,0,.5);--tw-shadow-colored: 0 1px 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-100{transition-duration:.1s}.tw-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.focus\:tw-border-b-2:focus{border-bottom-width:2px}.focus\:tw-border-t-2:focus{border-top-width:2px}.focus\:tw-border-b-\[\#006bb1\]:focus{--tw-border-opacity: 1;border-bottom-color:rgb(0 107 177 / var(--tw-border-opacity))}.focus\:tw-py-\[5px\]:focus{padding-top:5px;padding-bottom:5px}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:tw-ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:tw-ring-\[0px\]:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:tw-ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:tw-ring-\[0px\]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:tw-ring-\[\#DFDFDF\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(223 223 223 / var(--tw-ring-opacity))}.focus-visible\:tw-ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:tw-ring-offset-\[\#DFDFDF\]:focus-visible{--tw-ring-offset-color: #DFDFDF}@media (min-width: 640px){.sm\:tw-text-sm{font-size:.875rem;line-height:1.25rem}.sm\:tw-leading-6{line-height:1.5rem}}._button_6yspz_1{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}._button_6yspz_1:hover{text-decoration-line:underline}._button_6yspz_1:focus{text-decoration-line:underline}._button_6yspz_1:disabled{cursor:default}._button_6yspz_1:hover:disabled{text-decoration-line:none}._primary_6yspz_5{border-width:0px;border-style:none;--tw-bg-opacity: 1;background-color:rgb(0 107 177 / var(--tw-bg-opacity));font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));outline-color:#006bb1}._primary_6yspz_5:focus{outline-width:2px;outline-offset:3px}._primary_6yspz_5:disabled{--tw-border-opacity: 1 !important;border-color:rgb(200 200 200 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(200 200 200 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}._secondary_6yspz_12{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));font-weight:400;--tw-text-opacity: 1;color:rgb(0 107 177 / var(--tw-text-opacity))}._secondary_6yspz_12:hover{border-color:transparent;outline-style:solid;outline-width:2px;outline-offset:-2px;outline-color:#006bb1}._secondary_6yspz_12:focus{border-color:transparent;outline-style:solid;outline-width:2px;outline-offset:-2px;outline-color:#006bb1}._secondary_6yspz_12:disabled{--tw-border-opacity: 1 !important;border-color:rgb(200 200 200 / var(--tw-border-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(200 200 200 / var(--tw-text-opacity))!important}._secondary_6yspz_12:disabled:hover{outline-width:0px!important}._secondary_6yspz_12:disabled:focus{outline-width:0px!important}._small_6yspz_19{min-height:35px;min-width:70px;padding:4px 22px;font-size:.875rem;line-height:1.25rem;line-height:22px}._small_6yspz_19._rounded_6yspz_22{border-radius:18px}._medium_6yspz_26{min-height:40px;min-width:74px;padding:7px 22px;font-size:.875rem;line-height:1.25rem;line-height:22px}._medium_6yspz_26._rounded_6yspz_22{border-radius:20px}._large_6yspz_33{min-height:44px;min-width:94px;padding-left:1.5rem;padding-right:1.5rem;padding-top:8px;padding-bottom:8px;font-size:1rem;line-height:1.5rem;line-height:24px}._large_6yspz_33._rounded_6yspz_22{border-radius:22px}._squared_6yspz_40{border-radius:.25rem}._checkboxLayout_yowbu_1{display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4{display:flex;cursor:pointer;align-items:baseline;gap:.5rem;font-size:.875rem;line-height:1.25rem;line-height:22px;letter-spacing:0;--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4>span{white-space:normal;font-size:.875rem;line-height:1.25rem;line-height:22px;letter-spacing:0;--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10{position:relative;top:2px;display:inline-block;height:1rem;width:1rem;flex-shrink:0;cursor:pointer;white-space:nowrap;border-width:0px;vertical-align:middle;line-height:0;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-width:0px}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxInput_yowbu_13{position:absolute;bottom:0;left:0;height:0px;width:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0px;padding:0;opacity:0;outline-width:0px}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxInput_yowbu_13:checked+._checkboxFrame_yowbu_16{--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(0 107 177 / var(--tw-bg-opacity))}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxInput_yowbu_13:checked+._checkboxFrame_yowbu_16 ._checkboxCheckMark_yowbu_19{opacity:1}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxInput_yowbu_13:checked+._checkboxFrame_yowbu_16 ._checkboxCheckMark_yowbu_19 ._checkboxCheckMarkPath_yowbu_22{animation:.18s linear 0ms _checkboxUncheckedChecked_yowbu_1;stroke-dashoffset:0}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxInput_yowbu_13:disabled+._checkboxFrame_yowbu_16{--tw-border-opacity: 1;border-color:rgb(228 228 228 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 249 249 / var(--tw-bg-opacity))}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxFrame_yowbu_16{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:3px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(156 156 156 / var(--tw-border-opacity));background-color:transparent}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxFrame_yowbu_16 ._checkboxCheckMark_yowbu_19{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxFrame_yowbu_16 ._checkboxCheckMark_yowbu_19 ._checkboxCheckMarkPath_yowbu_22{stroke-width:3px;stroke-dashoffset:23;stroke-dasharray:23}._checkboxLayout_yowbu_1 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10:focus-visible ._checkboxFrame_yowbu_16{outline-style:solid;outline-width:2px;outline-offset:-1px;outline-color:#006bb1}._checkboxLayout_yowbu_1._checkboxDisabled_yowbu_43{pointer-events:none;cursor:default}._checkboxLayout_yowbu_1._checkboxDisabled_yowbu_43 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10 ._checkboxFrame_yowbu_16{--tw-border-opacity: 1;border-color:rgb(228 228 228 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 249 249 / var(--tw-bg-opacity))}._checkboxLayout_yowbu_1._medium_yowbu_49 ._checkboxLabel_yowbu_4>span{font-size:.875rem;line-height:1.25rem}._checkboxLayout_yowbu_1._medium_yowbu_49 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10{height:1rem;width:1rem}._checkboxLayout_yowbu_1._large_yowbu_55 ._checkboxLabel_yowbu_4>span{font-size:1rem;line-height:1.5rem}._checkboxLayout_yowbu_1._large_yowbu_55 ._checkboxLabel_yowbu_4 ._checkboxInnerContainer_yowbu_10{top:4px;height:1.25rem;width:1.25rem}@keyframes _checkboxUncheckedChecked_yowbu_1{0%,50%{stroke-dashoffset:23}50%{animation-timing-function:cubic-bezier(0,0,.2,.1)}to{stroke-dashoffset:0}}._textInputWrapper_stjey_1{width:100%}._textInputWrapper_stjey_1 ._textInput_stjey_1{height:40px;max-height:225px;width:100%;resize:none;border-width:0px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity));padding-top:.75rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}._textInputWrapper_stjey_1 ._textInput_stjey_1:focus{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity))}._multiSelectContainer_eqvx1_1,._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4{position:relative}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7{position:relative;height:2.5rem}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7 ._selectedValues_eqvx1_7{box-sizing:border-box;display:block;height:100%;width:100%;border-width:0px;border-bottom-width:1px;--tw-border-opacity: 1;border-bottom-color:rgb(51 51 51 / var(--tw-border-opacity));padding:.5rem 2.75rem .5rem .75rem;font-size:1rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7 ._selectedValues_eqvx1_7:focus-within{outline:2px solid transparent;outline-offset:2px}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7 ._selectedValues_eqvx1_7:focus{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity))}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7 ._selectedValues_eqvx1_7:focus-visible{outline:2px solid transparent;outline-offset:2px}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7 ._selectedValues_eqvx1_7._focused_eqvx1_13{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._selectedValuesWrap_eqvx1_7 ._dropDownIcon_eqvx1_16{position:absolute;right:.5rem;top:50%;display:flex;height:100%;width:1.75rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;align-items:center;justify-content:center}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19{position:absolute;z-index:10;margin-top:0;max-height:288px;width:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-bottom:4rem;font-size:.875rem;line-height:1.25rem;line-height:22px;--tw-shadow: 0 1px 6px 0 rgba(0,0,0,.5);--tw-shadow-colored: 0 1px 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19:focus{outline:2px solid transparent;outline-offset:2px}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19._top_eqvx1_22{transform:translateY(calc(-100% - 40px))}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25{max-height:220px;overflow:auto;padding-top:1rem;padding-bottom:1rem}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25 ._searchInputWrap_eqvx1_28{margin-bottom:.5rem;height:2.5rem;padding-left:1rem;padding-right:1rem}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25 ._searchInputWrap_eqvx1_28 ._searchInput_eqvx1_28{height:100%;width:100%;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;outline-style:solid;outline-width:1px;outline-offset:-2px;outline-color:#c8c8c8}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25 ._optionsList_eqvx1_19{height:38px;list-style-type:none;padding:.5rem 1rem}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25 ._optionsList_eqvx1_19 ._optionsListCheckbox_eqvx1_37 label>span{line-height:22px}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25 ._optionsList_eqvx1_19:hover,._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._optionsListWrap_eqvx1_25 ._optionsList_eqvx1_19._focused_eqvx1_13{--tw-bg-opacity: 1;background-color:rgb(238 238 238 / var(--tw-bg-opacity))}._multiSelectContainer_eqvx1_1 ._listOptionsWrap_eqvx1_4 ._optionsListContainer_eqvx1_19 ._btnContainer_eqvx1_46{position:absolute;left:0;right:0;display:flex;height:64px;width:100%;align-items:center;justify-content:flex-end;border-top-width:1px;border-style:solid;--tw-border-opacity: 1;border-top-color:rgb(200 200 200 / var(--tw-border-opacity));padding-left:18px;padding-right:18px}._multiSelectContainer_15bhb_1{position:relative}._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4{margin-right:-.75rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem}._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li{position:relative;box-sizing:border-box;display:inline-flex;min-width:80px;cursor:pointer;list-style-type:none;align-items:center;word-break:break-all;border-radius:4px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:8px 14px;text-align:center;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(0 107 177 / var(--tw-text-opacity))}._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li:hover,._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li:focus-visible,._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li._selected_15bhb_10{outline-style:solid;outline-width:2px;outline-offset:-2px;outline-color:#006bb1}._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li:hover,._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li:focus-visible{text-decoration-line:underline}._multiSelectContainer_15bhb_1 ._quickOptionsWrap_15bhb_4 li._disabled_15bhb_16{cursor:default!important;--tw-border-opacity: 1 !important;border-color:rgb(228 228 228 / var(--tw-border-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(51 51 51 / var(--tw-text-opacity))!important;text-decoration-line:none!important;outline-width:0px!important}._singleSelectWrapper_1iea9_1{position:relative}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4{margin-right:-.75rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li{position:relative;box-sizing:border-box;display:inline-flex;min-height:44px;min-width:80px;cursor:pointer;list-style-type:none;align-items:center;word-break:break-all;border-radius:4px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;padding-top:9px;padding-bottom:9px;text-align:center;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(0 107 177 / var(--tw-text-opacity))}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li:hover,._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li:focus-visible,._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li._selected_1iea9_10{outline-style:solid;outline-width:2px;outline-offset:-2px;outline-color:#006bb1}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li:hover,._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li:focus-visible{text-decoration-line:underline}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li ._triangle_1iea9_16{position:absolute;right:0;top:0;display:inline-block;height:0px;width:0px;border-width:11px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;border-right-color:rgb(0 107 177 / var(--tw-border-opacity));--tw-border-opacity: 1;border-top-color:rgb(0 107 177 / var(--tw-border-opacity))}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li ._triangle_1iea9_16 ._loader_1iea9_19{position:absolute;left:0;top:-10px;height:10px;width:10px}@keyframes _tw-spin_1iea9_1{to{transform:rotate(360deg)}}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li ._triangle_1iea9_16 ._loader_1iea9_19{animation:_tw-spin_1iea9_1 1s linear infinite;border-radius:50%;border-width:2px;border-style:solid;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-border-opacity: 1;border-right-color:rgb(0 107 177 / var(--tw-border-opacity))}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li ._triangle_1iea9_16 ._checkmarkWrap_1iea9_22{position:absolute;left:-1px;top:-9px}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li ._triangle_1iea9_16 ._checkmarkWrap_1iea9_22 ._checkmark_1iea9_22{display:block;animation:_fill_1iea9_1 .4s ease-in-out .4s forwards,_scale_1iea9_1 .3s ease-in-out .9s both;border-radius:50%;--tw-shadow: inset 0px 0px 0px transparent;--tw-shadow-colored: inset 0px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);stroke-miterlimit:10}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li ._triangle_1iea9_16 ._checkmarkWrap_1iea9_22 ._checkmark_1iea9_22 ._checkmarkCheck_1iea9_29{transform-origin:50% 50%;animation:_stroke_1iea9_1 .8s cubic-bezier(.5,0,.45,1) .2s forwards;stroke-dasharray:48;stroke-dashoffset:48}._singleSelectWrapper_1iea9_1 ._quickOption_1iea9_4 li._disabled_1iea9_34{pointer-events:none!important;cursor:default!important;--tw-border-opacity: 1 !important;border-color:rgb(228 228 228 / var(--tw-border-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(51 51 51 / var(--tw-text-opacity))!important;text-decoration-line:none!important;outline-width:0px!important}@keyframes _scale_1iea9_1{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes _fill_1iea9_1{to{box-shadow:inset 0 0 0 30px transparent}}@keyframes _stroke_1iea9_1{to{stroke-dashoffset:0}}._scrollbarContainer_er2uj_1{overflow-y:scroll;scrollbar-color:#ccc transparent;scrollbar-width:thin}._scrollbarContainer_er2uj_1::-webkit-scrollbar{width:12px;scrollbar-width:thin}._scrollbarContainer_er2uj_1::-webkit-scrollbar-track{display:none}._scrollbarContainer_er2uj_1::-webkit-scrollbar-thumb{background-color:#ccc!important;scrollbar-color:#ccc;border:3px #fff solid;border-radius:15px}._textInputWrapper_kudnh_1{width:100%}._textInputWrapper_kudnh_1 ._textInput_kudnh_1{min-height:40px;width:100%;border-width:0px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity));font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}._textInputWrapper_kudnh_1 ._textInput_kudnh_1:focus{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(0 107 177 / var(--tw-border-opacity))}