@sito/ui 0.0.63 → 0.0.153

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/components/Button/Button.d.ts +2 -6
  2. package/dist/components/Button/index.d.ts +3 -0
  3. package/dist/components/Button/styles.d.ts +5 -0
  4. package/dist/components/Button/types.d.ts +9 -0
  5. package/dist/components/Error/Error.d.ts +1 -11
  6. package/dist/components/Error/Handler.d.ts +2 -9
  7. package/dist/components/Error/index.d.ts +4 -0
  8. package/dist/components/Error/types.d.ts +20 -0
  9. package/dist/components/IconButton/IconButton.d.ts +1 -5
  10. package/dist/components/IconButton/index.d.ts +3 -0
  11. package/dist/components/IconButton/types.d.ts +5 -0
  12. package/dist/components/Image/Image.d.ts +1 -4
  13. package/dist/components/Image/index.d.ts +3 -0
  14. package/dist/components/Image/types.d.ts +4 -0
  15. package/dist/components/InputControl/Input.d.ts +3 -11
  16. package/dist/components/InputControl/Select.d.ts +2 -9
  17. package/dist/components/InputControl/Textarea.d.ts +3 -10
  18. package/dist/components/InputControl/index.d.ts +5 -0
  19. package/dist/components/InputControl/styles.d.ts +4 -0
  20. package/dist/components/InputControl/types.d.ts +27 -0
  21. package/dist/components/Loading/Loading.d.ts +1 -6
  22. package/dist/components/Loading/index.d.ts +3 -0
  23. package/dist/components/Loading/styles.d.ts +11 -0
  24. package/dist/components/Loading/types.d.ts +8 -0
  25. package/dist/components/Notification/Notification.d.ts +1 -4
  26. package/dist/components/Notification/index.d.ts +3 -0
  27. package/dist/components/Notification/styles.d.ts +9 -0
  28. package/dist/components/Notification/types.d.ts +4 -0
  29. package/dist/components/PrintAfter/PrintAfter.d.ts +1 -5
  30. package/dist/components/PrintAfter/index.d.ts +3 -0
  31. package/dist/components/PrintAfter/types.d.ts +6 -0
  32. package/dist/components/SplashScreen/SplashScreen.d.ts +3 -0
  33. package/dist/components/SplashScreen/index.d.ts +3 -0
  34. package/dist/components/SplashScreen/styles.d.ts +9 -0
  35. package/dist/components/SplashScreen/types.d.ts +9 -0
  36. package/dist/components/Switch/Switch.d.ts +2 -7
  37. package/dist/components/Switch/index.d.ts +3 -0
  38. package/dist/components/Switch/styles.d.ts +5 -0
  39. package/dist/components/Switch/types.d.ts +8 -0
  40. package/dist/components/ToTop/ToTop.d.ts +3 -2
  41. package/dist/components/ToTop/index.d.ts +3 -0
  42. package/dist/components/ToTop/types.d.ts +4 -0
  43. package/dist/components/index.d.ts +13 -0
  44. package/dist/main.css +1 -1
  45. package/dist/main.d.ts +2 -2
  46. package/dist/providers/ModeProvider/ModeProvider.d.ts +3 -0
  47. package/dist/providers/ModeProvider/index.d.ts +2 -0
  48. package/dist/providers/{ModeProvider.d.ts → ModeProvider/types.d.ts} +0 -2
  49. package/dist/providers/NotificationProvider/NotificationProvider.d.ts +3 -0
  50. package/dist/providers/NotificationProvider/index.d.ts +2 -0
  51. package/dist/providers/{NotificationProvider.d.ts → NotificationProvider/types.d.ts} +1 -3
  52. package/dist/providers/StyleProvider/StyleProvider.d.ts +4 -0
  53. package/dist/providers/StyleProvider/data.d.ts +4 -0
  54. package/dist/providers/StyleProvider/index.d.ts +3 -0
  55. package/dist/providers/StyleProvider/types.d.ts +27 -0
  56. package/dist/providers/index.d.ts +5 -0
  57. package/dist/ui.cjs +75 -66
  58. package/dist/ui.js +14174 -12994
  59. package/package.json +33 -36
  60. package/dist/assets/styles/theme.js +0 -48
  61. package/dist/components/components.d.ts +0 -15
  62. package/dist/providers/StyleProvider.d.ts +0 -8
  63. package/dist/providers/providers.d.ts +0 -5
@@ -1,8 +1,4 @@
1
- import { HTMLProps } from "react";
2
- export interface ButtonProps extends HTMLProps<HTMLButtonElement> {
3
- tooltip?: string | undefined;
4
- color?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
5
- type?: "button" | "submit" | "reset" | undefined;
6
- }
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from "./types";
7
3
  declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
8
4
  export default Button;
@@ -0,0 +1,3 @@
1
+ import Button from "./Button";
2
+ export type { ButtonProps } from "./types";
3
+ export { Button };
@@ -0,0 +1,5 @@
1
+ import { ColorPalette, ColorVariants } from '../../providers/StyleProvider/types';
2
+ import { ButtonShapes } from "./types";
3
+ export declare const makeStyles: (colors: ColorPalette, color: ColorVariants, shape: ButtonShapes) => {
4
+ root: string;
5
+ };
@@ -0,0 +1,9 @@
1
+ import { HTMLProps } from "react";
2
+ import { ColorVariants } from '../../providers/StyleProvider/types';
3
+ export type ButtonShapes = "filled" | "outlined" | "text";
4
+ export interface ButtonProps extends HTMLProps<HTMLButtonElement> {
5
+ tooltip?: string | undefined;
6
+ color?: ColorVariants | undefined;
7
+ shape?: ButtonShapes | undefined;
8
+ type?: "button" | "submit" | "reset" | undefined;
9
+ }
@@ -1,13 +1,3 @@
1
- import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
2
- import { ButtonProps } from "../Button/Button";
3
- export interface ErrorProps {
4
- onRetry?: () => void | undefined;
5
- icon?: IconDefinition | undefined;
6
- title?: string | undefined;
7
- text: string;
8
- button?: string | undefined;
9
- buttonProps?: ButtonProps;
10
- className?: string | undefined;
11
- }
1
+ import { ErrorProps } from "./types";
12
2
  export declare const Error: (props: ErrorProps) => import("react/jsx-runtime").JSX.Element;
13
3
  export default Error;
@@ -1,10 +1,3 @@
1
- import { ReactNode } from "react";
2
- export interface ErrorFallbackProps {
3
- error: Error;
4
- resetErrorBoundary?: () => void | undefined;
5
- }
6
- export interface HandlerProps {
7
- children: ReactNode;
8
- onRetry?: () => void | undefined;
9
- }
1
+ import { ErrorFallbackProps, HandlerProps } from "./types";
2
+ export declare const ErrorFallback: (props: ErrorFallbackProps) => import("react/jsx-runtime").JSX.Element;
10
3
  export default function Handler(props: HandlerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { Error } from "./Error";
2
+ import Handler, { ErrorFallback } from "./Handler";
3
+ export type { HandlerProps, ErrorFallbackProps, ErrorProps } from "./types";
4
+ export { Handler, ErrorFallback, Error };
@@ -0,0 +1,20 @@
1
+ import { ReactNode } from "react";
2
+ import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
3
+ import { ButtonProps } from '../Button';
4
+ export interface ErrorProps {
5
+ onRetry?: () => void | undefined;
6
+ icon?: IconDefinition | undefined;
7
+ title?: string | undefined;
8
+ text: string;
9
+ button?: string | undefined;
10
+ buttonProps?: ButtonProps;
11
+ className?: string | undefined;
12
+ }
13
+ export interface ErrorFallbackProps {
14
+ error: Error;
15
+ resetErrorBoundary?: () => void | undefined;
16
+ }
17
+ export interface HandlerProps {
18
+ children: ReactNode;
19
+ onRetry?: () => void | undefined;
20
+ }
@@ -1,8 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { IconProp } from "@fortawesome/fontawesome-svg-core";
3
- import { ButtonProps } from "../Button/Button";
4
- export interface IconButtonProps extends ButtonProps {
5
- icon: IconProp;
6
- }
2
+ import { IconButtonProps } from "./types";
7
3
  declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
8
4
  export default IconButton;
@@ -0,0 +1,3 @@
1
+ import IconButton from "./IconButton";
2
+ export type { IconButtonProps } from "./types";
3
+ export { IconButton };
@@ -0,0 +1,5 @@
1
+ import { IconProp } from "@fortawesome/fontawesome-svg-core";
2
+ import { ButtonProps } from '../Button/';
3
+ export interface IconButtonProps extends ButtonProps {
4
+ icon: IconProp;
5
+ }
@@ -1,6 +1,3 @@
1
- import { HTMLProps } from "react";
2
- export interface ImageProps extends HTMLProps<HTMLImageElement> {
3
- container: HTMLProps<HTMLDivElement>;
4
- }
1
+ import { ImageProps } from "./types";
5
2
  declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
6
3
  export default Image;
@@ -0,0 +1,3 @@
1
+ import Image from "./Image";
2
+ export type { ImageProps } from "./types";
3
+ export { Image };
@@ -0,0 +1,4 @@
1
+ import { HTMLProps } from "react";
2
+ export interface ImageProps extends HTMLProps<HTMLImageElement> {
3
+ container: HTMLProps<HTMLDivElement>;
4
+ }
@@ -1,12 +1,4 @@
1
- import { HTMLProps, ReactNode } from "react";
2
- export interface InputControlProps extends HTMLProps<HTMLInputElement> {
3
- leftComponent?: ReactNode | undefined;
4
- rightComponent?: ReactNode | undefined;
5
- color?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
6
- orientation?: "column" | "row" | undefined;
7
- label: string | undefined;
8
- helperText?: string | undefined;
9
- type?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "time" | "url" | "text" | undefined;
10
- }
11
- declare const InputControl: import("react").ForwardRefExoticComponent<Omit<InputControlProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
1
+ /// <reference types="react" />
2
+ import { InputControlProps } from "./types";
3
+ declare const InputControl: import("react").ForwardRefExoticComponent<Omit<InputControlProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
12
4
  export default InputControl;
@@ -1,11 +1,4 @@
1
- import { HTMLProps, ReactNode } from "react";
2
- export interface SelectControlProps extends HTMLProps<HTMLSelectElement> {
3
- leftComponent?: ReactNode | undefined;
4
- rightComponent?: ReactNode | undefined;
5
- color?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
6
- orientation?: "column" | "row" | undefined;
7
- label: string | undefined;
8
- helperText?: string | undefined;
9
- }
1
+ /// <reference types="react" />
2
+ import { SelectControlProps } from "./types";
10
3
  declare const SelectControl: import("react").ForwardRefExoticComponent<Omit<SelectControlProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
11
4
  export default SelectControl;
@@ -1,11 +1,4 @@
1
- import { HTMLProps, ReactNode } from "react";
2
- export interface TextareaControlProps extends HTMLProps<HTMLTextAreaElement> {
3
- leftComponent?: ReactNode | undefined;
4
- rightComponent?: ReactNode | undefined;
5
- color?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
6
- orientation?: "column" | "row" | undefined;
7
- label: string | undefined;
8
- helperText?: string | undefined;
9
- }
10
- declare const TextareaControl: import("react").ForwardRefExoticComponent<Omit<TextareaControlProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
1
+ /// <reference types="react" />
2
+ import { TextareaControlProps } from "./types";
3
+ declare const TextareaControl: import("react").ForwardRefExoticComponent<Omit<TextareaControlProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
11
4
  export default TextareaControl;
@@ -0,0 +1,5 @@
1
+ export type { InputControlProps, SelectControlProps, TextareaControlProps, } from "./types";
2
+ import TextareaControl from "./Textarea";
3
+ import SelectControl from "./Select";
4
+ import InputControl from "./Input";
5
+ export { TextareaControl, SelectControl, InputControl };
@@ -0,0 +1,4 @@
1
+ import { ColorPalette, ColorVariants } from '../../providers/StyleProvider/types';
2
+ export declare const makeStyles: (colors: ColorPalette, color: ColorVariants) => {
3
+ input: string;
4
+ };
@@ -0,0 +1,27 @@
1
+ import { HTMLProps, ReactNode } from "react";
2
+ import { ColorVariants } from '../../providers/StyleProvider';
3
+ export interface InputControlProps extends HTMLProps<HTMLInputElement> {
4
+ leftComponent?: ReactNode | undefined;
5
+ rightComponent?: ReactNode | undefined;
6
+ color?: ColorVariants | undefined;
7
+ orientation?: "column" | "row" | undefined;
8
+ label: string | undefined;
9
+ helperText?: string | undefined;
10
+ type?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "time" | "url" | "text" | undefined;
11
+ }
12
+ export interface SelectControlProps extends HTMLProps<HTMLSelectElement> {
13
+ leftComponent?: ReactNode | undefined;
14
+ rightComponent?: ReactNode | undefined;
15
+ color?: ColorVariants | undefined;
16
+ orientation?: "column" | "row" | undefined;
17
+ label: string | undefined;
18
+ helperText?: string | undefined;
19
+ }
20
+ export interface TextareaControlProps extends HTMLProps<HTMLTextAreaElement> {
21
+ leftComponent?: ReactNode | undefined;
22
+ rightComponent?: ReactNode | undefined;
23
+ color?: ColorVariants | undefined;
24
+ orientation?: "column" | "row" | undefined;
25
+ label: string | undefined;
26
+ helperText?: string | undefined;
27
+ }
@@ -1,8 +1,3 @@
1
- import { HTMLProps } from "react";
2
- export interface LoadingProps extends HTMLProps<HTMLDivElement> {
3
- color?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
4
- loaderClass?: "string" | undefined;
5
- strokeWidth?: "string" | undefined;
6
- }
1
+ import { LoadingProps } from "./types";
7
2
  declare const Loading: (props: LoadingProps) => import("react/jsx-runtime").JSX.Element;
8
3
  export default Loading;
@@ -0,0 +1,3 @@
1
+ import Loading from "./Loading";
2
+ export type { LoadingProps } from "./types";
3
+ export { Loading };
@@ -0,0 +1,11 @@
1
+ import { ColorPalette, ColorVariants } from '../../providers/StyleProvider/types';
2
+ /**
3
+ *
4
+ * @param colors to set background color
5
+ * @param color to set stroke color
6
+ * @param inverted to invert background color with stroke color
7
+ * @returns
8
+ */
9
+ export declare const makeStyles: (colors: ColorPalette, color: ColorVariants, inverted: boolean) => {
10
+ root: string;
11
+ };
@@ -0,0 +1,8 @@
1
+ import { HTMLProps } from "react";
2
+ import { ColorVariants } from '../../providers/StyleProvider/types';
3
+ export interface LoadingProps extends HTMLProps<HTMLDivElement> {
4
+ color?: ColorVariants | undefined;
5
+ colorInverted?: boolean | undefined;
6
+ loaderClass?: string | undefined;
7
+ strokeWidth?: string | undefined;
8
+ }
@@ -1,5 +1,2 @@
1
- import { IconButtonProps } from "../IconButton/IconButton";
2
- export interface NotificationProps {
3
- closeProps?: IconButtonProps | undefined;
4
- }
1
+ import { NotificationProps } from "./types";
5
2
  export default function Notification(props: NotificationProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import Notification from "./Notification";
2
+ export type { NotificationProps } from "./types";
3
+ export { Notification };
@@ -0,0 +1,9 @@
1
+ import { ColorPalette, ColorVariants } from '../../providers/StyleProvider/types';
2
+ /**
3
+ *
4
+ * @param colors
5
+ * @param color
6
+ */
7
+ export declare const makeStyles: (colors: ColorPalette, color: ColorVariants) => {
8
+ root: string;
9
+ };
@@ -0,0 +1,4 @@
1
+ import { IconButtonProps } from '../IconButton/types';
2
+ export interface NotificationProps {
3
+ closeProps?: IconButtonProps | undefined;
4
+ }
@@ -1,8 +1,4 @@
1
1
  /// <reference types="react" />
2
- export interface PrintAfterProps {
3
- children: React.ReactNode;
4
- delay?: number | undefined;
5
- animation?: "appear" | "aGrow" | "aShrink" | "string" | undefined;
6
- }
2
+ import { PrintAfterProps } from "./types";
7
3
  declare const PrintAfter: import("react").MemoExoticComponent<(props: PrintAfterProps) => import("react/jsx-runtime").JSX.Element>;
8
4
  export default PrintAfter;
@@ -0,0 +1,3 @@
1
+ import PrintAfter from "./PrintAfter";
2
+ export type { PrintAfterProps } from "./types";
3
+ export { PrintAfter };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface PrintAfterProps {
3
+ children: React.ReactNode;
4
+ delay?: number | undefined;
5
+ animation?: "appear" | "aGrow" | "aShrink" | string | undefined;
6
+ }
@@ -0,0 +1,3 @@
1
+ import { SplashScreenProps } from "./types";
2
+ declare function SplashScreen(props: SplashScreenProps): import("react/jsx-runtime").JSX.Element | null;
3
+ export default SplashScreen;
@@ -0,0 +1,3 @@
1
+ import SplashScreen from "./SplashScreen";
2
+ export { SplashScreen };
3
+ export type { SplashScreenProps } from "./types";
@@ -0,0 +1,9 @@
1
+ import { ColorPalette, ColorVariants } from '../../providers/StyleProvider';
2
+ /**
3
+ *
4
+ * @param colors
5
+ * @param color
6
+ */
7
+ export declare const makeStyles: (colors: ColorPalette, color: ColorVariants) => {
8
+ sitoLogo: string;
9
+ };
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from "react";
2
+ import { ColorVariants } from '../../providers/StyleProvider';
3
+ export interface SplashScreenProps {
4
+ color?: ColorVariants;
5
+ appName?: string;
6
+ logo: ReactNode | string;
7
+ logoClass?: string;
8
+ visible?: boolean;
9
+ }
@@ -1,9 +1,4 @@
1
- import { InputHTMLAttributes } from "react";
2
- export interface SwitcherProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value"> {
3
- value?: boolean | undefined;
4
- activeColor?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
5
- inactiveColor?: "primary" | "secondary" | "ternary" | "inherit" | undefined;
6
- label: string | undefined;
7
- }
1
+ /// <reference types="react" />
2
+ import { SwitcherProps } from "./types";
8
3
  declare const Switcher: import("react").ForwardRefExoticComponent<SwitcherProps & import("react").RefAttributes<HTMLInputElement>>;
9
4
  export default Switcher;
@@ -0,0 +1,3 @@
1
+ import Switcher from "./Switch";
2
+ export type { SwitcherProps } from "./types";
3
+ export { Switcher };
@@ -0,0 +1,5 @@
1
+ import { ColorPalette, ColorVariants } from '../../providers/StyleProvider/types';
2
+ export declare const makeStyles: (colors: ColorPalette, activeColor: ColorVariants, inactiveColor: ColorVariants) => {
3
+ active: string;
4
+ inactive: string;
5
+ };
@@ -0,0 +1,8 @@
1
+ import { InputHTMLAttributes } from "react";
2
+ import { ColorVariants } from '../../providers/StyleProvider';
3
+ export interface SwitcherProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value"> {
4
+ value?: boolean | undefined;
5
+ activeColor?: ColorVariants | undefined;
6
+ inactiveColor?: ColorVariants | undefined;
7
+ label: string | undefined;
8
+ }
@@ -1,3 +1,4 @@
1
- import { HTMLProps } from "react";
2
- declare const ToTop: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
1
+ /// <reference types="react" />
2
+ import { ToTopProps } from "./types";
3
+ declare const ToTop: import("react").ForwardRefExoticComponent<Omit<ToTopProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
3
4
  export default ToTop;
@@ -0,0 +1,3 @@
1
+ import ToTop from "./ToTop";
2
+ export type { ToTopProps } from "./types";
3
+ export { ToTop };
@@ -0,0 +1,4 @@
1
+ import { IconButtonProps } from '../IconButton/types';
2
+ export interface ToTopProps extends IconButtonProps {
3
+ position: "top-left" | "top-right" | "bottom-right" | "bottom-left" | undefined;
4
+ }
@@ -0,0 +1,13 @@
1
+ import { Button, ButtonProps } from './Button/';
2
+ import { IconButton, IconButtonProps } from "./IconButton";
3
+ import { InputControl, SelectControl, TextareaControl, InputControlProps, SelectControlProps, TextareaControlProps } from "./InputControl";
4
+ import { Switcher, SwitcherProps } from "./Switch/";
5
+ import { Image, ImageProps } from "./Image";
6
+ import { PrintAfter, PrintAfterProps } from "./PrintAfter";
7
+ import { ToTop, ToTopProps } from "./ToTop";
8
+ import { Notification, NotificationProps } from "./Notification";
9
+ import { Loading, LoadingProps } from "./Loading";
10
+ import { SplashScreen, SplashScreenProps } from "./SplashScreen";
11
+ import { Handler, ErrorFallbackProps, Error, ErrorProps, HandlerProps } from "./Error";
12
+ export { Button, IconButton, InputControl, SelectControl, TextareaControl, Switcher, Image, PrintAfter, ToTop, Notification, Loading, Handler, Error, SplashScreen, };
13
+ export type { ErrorFallbackProps, HandlerProps, ErrorProps, ButtonProps, IconButtonProps, InputControlProps, SelectControlProps, TextareaControlProps, SwitcherProps, ImageProps, PrintAfterProps, NotificationProps, LoadingProps, ToTopProps, SplashScreenProps, };
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-webkit-text-decoration:underline dotted;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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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: }.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-40{z-index:40}.mr-1{margin-right:.25rem}.inline{display:inline}.flex{display:flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-3{gap:.75rem}.rounded-xl{border-radius:.75rem}.\!pl-0{padding-left:0!important}.\!pl-2{padding-left:.5rem!important}.\!pr-0{padding-right:0!important}.\!pr-2{padding-right:.5rem!important}.text-error{--tw-text-opacity: 1;color:rgb(204 0 0 / var(--tw-text-opacity))}.text-light-default{--tw-text-opacity: 1;color:rgb(251 251 251 / var(--tw-text-opacity))}.dark body{background:#262220}.light body{background:#fbfbfb}.light *{color:#262220}.dark *{color:#fbfbfb}.primary,.primary *,.dark .primary,.dark .primary *{color:#ef476f}.secondary,.secondary *,.dark .secondary,.dark .secondary *{color:#06d6a0}.ternary,.ternary *,.dark .ternary,.dark .ternary *{color:#118ab2}.appear{animation:appear .5s ease 1}.disappear{animation:disappear .5s ease 1}@keyframes appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes disappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.aGrow{animation:aGrow .5s ease 1}.aShrink{animation:aShrink .5s ease 1}@keyframes aGrow{0%{transform:scale(0)}80%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes aShrink{0%{transform:scale(1)}to{transform:scale(0)}}.shake{animation:shake 1 .5s linear}.horizontal-shake{animation:horizontalShake 1 .5s linear}@keyframes shake{0%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}50%{transform:rotate(0)}}@keyframes horizontalShake{0%{transform:translate(-10px)}20%{transform:translate(+10px)}30%{transform:translate(-10px)}50%{transform:translate(0)}}.button{display:flex;cursor:default;align-items:center;justify-content:center;border-radius:1.5rem;padding:.5rem 1.75rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.outlined.button{border-width:2px}.inherit.button *,.inherit.button{color:#262220}.inherit.button:hover *,.inherit.button:hover{color:#1b1b1b}.inherit.submit.button{color:#262220;background-color:#eaeaea}.inherit.submit.button:hover{background-color:#caccd2}.inherit.outlined.button{color:#262220;border-color:#eaeaea}.inherit.outlined.button:hover{background-color:#caccd2}.dark .inherit.button *,.dark .inherit.button{color:#fbfbfb}.dark .inherit.button:hover *,.dark .inherit.button:hover{color:#caccd2}.dark .inherit.submit.button{color:#fbfbfb;background-color:#222333}.dark .inherit.submit.button:hover{background-color:#1b1b1b}.dark .inherit.outlined.button{border-color:#222333}.dark .inherit.outlined.button:hover{color:#fbfbfb;background-color:#1b1b1b}.primary.button *,.primary.button,.dark .primary.button *,.dark .primary.button{color:#ef476f}.primary.button:hover *,.primary.button:hover,.dark .primary.button:hover *,.dark .primary.button:hover{color:#cc1f54}.primary.submit.button{color:#fbfbfb;background-color:#ef476f}.primary.submit.button:hover{background-color:#cc1f54}.primary.outlined.button{border-color:#ef476f}.primary.outlined.button:hover{color:#fbfbfb;background-color:#ef476f}.secondary.button *,.secondary.button,.dark .secondary.button *,.dark .secondary.button{color:#06d6a0}.secondary.button:hover *,.secondary.button:hover,.dark .secondary.button:hover *,.dark .secondary.button:hover{color:#00ab78}.secondary.submit.button{color:#fbfbfb;background-color:#06d6a0}.secondary.submit.button:hover{background-color:#00ab78}.secondary.outlined.button{border-color:#06d6a0}.secondary.outlined.button:hover{color:#fbfbfb;background-color:#06d6a0}.ternary.button *,.ternary.button,.dark .ternary.button *,.dark .ternary.button{color:#118ab2}.ternary.button:hover *,.ternary.button:hover,.dark .ternary.button:hover *,.dark .ternary.button:hover{color:#006f95}.ternary.submit.button{color:#fbfbfb;background-color:#118ab2}.ternary.submit.button:hover{background-color:#006f95}.ternary.outlined.button{border-color:#118ab2}.ternary.outlined:hover{color:#fbfbfb;background-color:#118ab2}.icon-button{min-width:2.5rem;min-height:2.5rem;height:2.5rem;width:2.5rem;border-radius:9999px;padding:0;font-size:1.25rem;line-height:1.75rem}.icon-button:hover{background-color:#26222026}.inherit.icon-button *,.inherit.icon-button{color:#262220}.inherit.icon-button:hover *,.inherit.icon-button:hover{color:#1b1b1b}.inherit.submit.icon-button{color:#262220;background-color:#eaeaea}.inherit.submit.icon-button:hover{background-color:#caccd2}.primary.icon-button:hover{background-color:#65000926}.primary.submit.icon-button,.dark .primary.submit.icon-button{color:#fbfbfb;background-color:#ef476f}.primary.submit.icon-button:hover,.dark .primary.submit.icon-button:hover{background-color:#cc1f54}.secondary.icon-button:hover{background-color:#00340f26}.secondary.submit.icon-button,.dark .secondary.submit.icon-button{color:#fbfbfb;background-color:#06d6a0}.secondary.submit.icon-button:hover,.dark .secondary.submit.icon-button:hover{background-color:#00ab78}.ternary.icon-button:hover{background-color:#00254526}.ternary.submit.icon-button,.dark .ternary.submit.icon-button{color:#fbfbfb;background-color:#118ab2}.ternary.submit.icon-button:hover,.dark .ternary.submit.icon-button:hover{background-color:#006f95}.image{font-style:italic;max-width:100%;height:auto;vertical-align:middle}.box{background-image:linear-gradient(to right,#cbcbcb calc(50% - 100px),#a5a5a5 50%,#cbcbcb calc(50% + 100px));background-size:0;opacity:1;position:relative;overflow:hidden}.box:before{content:"";position:absolute;height:100%;top:0;right:0;width:calc(200% + 200px);bottom:0;background-image:inherit;animation:move 2s linear infinite}@keyframes move{to{transform:translate(calc(50% + 100px))}}.sub{display:flex;align-items:center;justify-content:space-between;padding-left:.75rem;padding-right:.75rem}.input-control{display:flex;width:100%;align-items:flex-start;justify-content:flex-start;gap:.25rem}.column{flex-direction:column}.row{flex-direction:row}.input-control textarea{width:100%;resize:none;border-radius:.75rem;padding:.5rem 1rem}.input-control input,.input-control select{width:100%;border-radius:1.5rem;padding:.5rem 1rem}.input-control .sub{position:relative;width:100%;border-radius:1.5rem}.input-control textarea:focus-visible,.input-control textarea,.input-control input:focus-visible,.input-control input{outline:none!important}.input-control .sub,.input-control textarea,.input-control input,.input-control select{color:#262220;background-color:#eaeaea;width:100%}.dark .input-control .sub,.dark .input-control textarea,.dark .input-control input,.dark .input-control select{color:#fbfbfb;background-color:#222333}.primary.input-control .sub,.primary.input-control textarea,.primary.input-control input,.primary.input-control select,.dark .primary.input-control .sub,.dark .primary.input-control textarea,.dark .primary.input-control input,.dark .primary.input-control select{background-color:#ef476f}.secondary.input-control .sub,.secondary.input-control textarea,.secondary.input-control input,.secondary.input-control select,.dark .secondary.input-control .sub,.dark .secondary.input-control textarea,.dark .secondary.input-control input,.dark .secondary.input-control select{background-color:#06d6a0}.ternary.input-control .sub,.ternary.input-control textarea,.ternary.input-control input,.ternary.input-control select,.dark .ternary.input-control .sub,.dark .ternary.input-control textarea,.dark .ternary.input-control input,.dark .ternary.input-control select{color:#fbfbfb}.ternary.input-control .sub,.ternary.input-control textarea,.ternary.input-control input,.ternary.input-control select{background-color:#118ab2}.loading{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#fbfbfb}.primary.loading .path,.dark .primary.loading .path{stroke:#ef476f}.secondary.loading .path,.dark .secondary.loading .path{stroke:#06d6a0}.ternary.loading .path,.dark .ternary.loading .path{stroke:#118ab2}.loader-container{padding:5%}.loader{position:relative;margin:0 auto;width:40px}.loader:before{content:"";display:block;padding-top:100%}.circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@layer{.notification{min-width:150px;max-width:300px;padding:1.25rem 3rem 1.25rem 1.25rem}.notification p{color:#fbfbfb}.info.notification{background-color:#09c}.warning.notification{background-color:#f80}.success.notification{background-color:#073}.error.notification{background-color:#c00}}.container{width:100%}.check-input{height:0;width:0;display:none!important}.switcher{width:55px;height:25px;border-radius:100px;position:relative;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.primary.switcher{background-color:#ef476f}.secondary.switcher{background-color:#06d6a0}.ternary.switcher{background-color:#118ab2}.ball{width:20px;height:15px;position:absolute;border-radius:20px;top:50%;transition:all .5s ease;background-color:#eaeaea}.deactivated{transform:translate(20%,-50%)}.activated{transform:translate(150%,-50%)}.to-top{position:fixed;bottom:.25rem;right:.25rem}
1
+ *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-webkit-text-decoration:underline dotted;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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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: }.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-40{z-index:40}.mr-1{margin-right:.25rem}.inline{display:inline}.flex{display:flex}.\!hidden{display:none!important}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-3{gap:.75rem}.rounded-xl{border-radius:.75rem}.\!pl-0{padding-left:0!important}.\!pl-2{padding-left:.5rem!important}.\!pr-0{padding-right:0!important}.\!pr-2{padding-right:.5rem!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (pointer: coarse){[data-tippy-root]{display:none!important}}.appear{animation:appear .5s ease 1}.disappear{animation:disappear .5s ease 1}@keyframes appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes disappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.aGrow{animation:aGrow .5s ease 1}.aShrink{animation:aShrink .5s ease 1}@keyframes aGrow{0%{transform:scale(0)}80%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes aShrink{0%{transform:scale(1)}to{transform:scale(0)}}.shake{animation:shake 1 .5s linear}.horizontal-shake{animation:horizontalShake 1 .5s linear}@keyframes shake{0%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}50%{transform:rotate(0)}}@keyframes horizontalShake{0%{transform:translate(-10px)}20%{transform:translate(+10px)}30%{transform:translate(-10px)}50%{transform:translate(0)}}.button{display:flex;cursor:default;align-items:center;justify-content:center;border-radius:1.5rem;padding:.5rem 1.75rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.outlined.button{border-width:2px}.icon-button{min-width:2.5rem;min-height:2.5rem;height:2.5rem;width:2.5rem;border-radius:9999px;padding:0;font-size:1.25rem;line-height:1.75rem}.box{background-image:linear-gradient(to right,#ededed calc(50% - 100px),#e1e1e1 50%,#ededed calc(50% + 100px))}.dark .box{background-image:linear-gradient(to right,#303030 calc(50% - 100px),#101010 50%,#303030 calc(50% + 100px))}.image{font-style:italic;max-width:100%;height:auto;vertical-align:middle}.box{background-size:0;opacity:1;position:relative;overflow:hidden}.box:before{content:"";position:absolute;height:100%;top:0;right:0;width:calc(200% + 200px);bottom:0;background-image:inherit;animation:move 2s linear infinite}@keyframes move{to{transform:translate(calc(50% + 100px))}}.sub{display:flex;align-items:center;justify-content:space-between;padding-left:.75rem;padding-right:.75rem}.input-control{display:flex;width:100%;align-items:flex-start;justify-content:flex-start;gap:.25rem}.column{flex-direction:column}.row{flex-direction:row}.input-control textarea{width:100%;resize:none;border-radius:20px;padding:.5rem 1rem}.input-control input,.input-control select{width:100%;border-radius:1.5rem;padding:.5rem 1rem}.input-control .sub{position:relative;width:100%;border-radius:1.5rem}.input-control textarea:focus-visible,.input-control textarea,.input-control input:focus-visible,.input-control input{outline:none!important}.loading{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.loader-container{padding:5%}.loader{width:40px;position:relative;margin:0 auto}.loader:before{content:"";padding-top:100%;display:block}.circular{animation:rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;width:100%}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@layer{.notification{min-width:150px;max-width:300px;padding:1.25rem 3rem 1.25rem 1.25rem}}.container{width:100%}.check-input{display:none!important;height:0px;width:0px}.switcher{width:55px;height:25px;border-radius:100px;position:relative;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ball{width:20px;height:14px;border-radius:20px;top:50%;transition:all .5s ease;position:absolute}.deactivated{transform:translate(20%,-50%)}.activated{transform:translate(150%,-50%)}.splash-screen{height:100vh;height:100svh;position:fixed;top:0;left:0;z-index:50;display:flex;width:100%;flex-direction:column;align-items:center;overflow:hidden;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.logo-container{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.image{width:100px;height:100px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.brand{margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand p{font-size:15px}.brand-name{display:flex;align-items:flex-end}.brand-name p{font-size:1.25rem}.splash-sito-logo{width:100px;height:60px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.splash-loading{background-color:#0000!important;height:70px!important}.splash-loading .loader{width:30px}.slide-in-bck-center{animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bck-center{0%{transform:translateZ(600px);opacity:0}to{transform:translateZ(0);opacity:1}}.puff-in-center{animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-center{0%{transform:scale(2);filter:blur(4px);opacity:0}to{transform:scale(1);filter:blur(0px);opacity:1}}@keyframes slideInUp{0%{transform:translate3d(0,120%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}.animated{animation-delay:1s;animation-duration:1s;animation-fill-mode:both}
package/dist/main.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./components/components";
2
- export * from "./providers/providers";
1
+ export * from "./components";
2
+ export * from "./providers";
@@ -0,0 +1,3 @@
1
+ import { ModeProviderData, ModeProviderProps } from "./types";
2
+ export declare const ModeProvider: (props: ModeProviderProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const useMode: () => ModeProviderData;
@@ -0,0 +1,2 @@
1
+ export { ModeProvider, useMode } from "./ModeProvider";
2
+ export type { ModeProviderData, ModeProviderProps } from "./types";
@@ -7,5 +7,3 @@ export interface ModeProviderData {
7
7
  export interface ModeProviderProps {
8
8
  children: ReactNode;
9
9
  }
10
- export declare const ModeProvider: (props: ModeProviderProps) => import("react/jsx-runtime").JSX.Element;
11
- export declare const useMode: () => ModeProviderData;
@@ -0,0 +1,3 @@
1
+ import { NotificationProviderData, NotificationProviderProps } from "./types";
2
+ export declare const NotificationProvider: (props: NotificationProviderProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const useNotification: () => NotificationProviderData;
@@ -0,0 +1,2 @@
1
+ export { NotificationProvider, useNotification } from "./NotificationProvider";
2
+ export type { NotificationProviderData, NotificationProviderProps, NotificationType, NotificationActionType, } from "./types";
@@ -13,7 +13,5 @@ export interface NotificationType {
13
13
  }
14
14
  export interface NotificationActionType {
15
15
  type: "hide" | "success" | "error" | "info" | "warning";
16
- message?: "string";
16
+ message?: string;
17
17
  }
18
- export declare const NotificationProvider: (props: NotificationProviderProps) => import("react/jsx-runtime").JSX.Element;
19
- export declare const useNotification: () => NotificationProviderData;
@@ -0,0 +1,4 @@
1
+ import { StyleProviderData, StyleProviderProps } from "./types";
2
+ declare const StyleProvider: (props: StyleProviderProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const useStyle: () => StyleProviderData;
4
+ export { StyleProvider, useStyle };
@@ -0,0 +1,4 @@
1
+ import { ColorType, UiTheme } from "./types";
2
+ export declare const defaultDark: ColorType;
3
+ export declare const defaultLight: ColorType;
4
+ export declare const defaultTheme: UiTheme;
@@ -0,0 +1,3 @@
1
+ import { StyleProvider, useStyle } from "./StyleProvider";
2
+ export type { UiTheme, ColorVariants, ColorPalette, StyleProviderProps, StyleProviderData, } from "./types";
3
+ export { StyleProvider, useStyle };
@@ -0,0 +1,27 @@
1
+ import { ReactNode } from "react";
2
+ export interface UiTheme {
3
+ [key: string]: ColorPalette;
4
+ }
5
+ export interface ColorPalette {
6
+ primary: ColorType;
7
+ secondary: ColorType;
8
+ basics: ColorType;
9
+ error: ColorType;
10
+ warning: ColorType;
11
+ success: ColorType;
12
+ info: ColorType;
13
+ }
14
+ export type ColorType = {
15
+ text: string;
16
+ light: string;
17
+ default: string;
18
+ dark: string;
19
+ };
20
+ export type ColorVariants = "primary" | "secondary" | "basics" | "error" | "warning" | "success" | "info";
21
+ export interface StyleProviderProps {
22
+ children: ReactNode;
23
+ theme?: UiTheme;
24
+ }
25
+ export interface StyleProviderData {
26
+ colors: ColorPalette;
27
+ }
@@ -0,0 +1,5 @@
1
+ import { ModeProvider, useMode, ModeProviderData, ModeProviderProps } from "./ModeProvider";
2
+ import { NotificationProvider, useNotification, NotificationProviderData, NotificationProviderProps, NotificationActionType, NotificationType } from "./NotificationProvider";
3
+ import { StyleProvider, useStyle, StyleProviderData, StyleProviderProps, UiTheme, ColorPalette, ColorVariants } from "./StyleProvider";
4
+ export type { ModeProviderData, ModeProviderProps, NotificationProviderData, NotificationProviderProps, NotificationActionType, NotificationType, StyleProviderData, StyleProviderProps, UiTheme, ColorPalette, ColorVariants, };
5
+ export { ModeProvider, useMode, NotificationProvider, useNotification, useStyle, StyleProvider, };