@zealicsolutions/web-ui 1.0.133 → 1.0.135

package/dist/cjs/organisms/types.d.ts

@@ -0,0 +1,21 @@
+import { ContainerComponentProps, MetadataType, Molecule } from '../containers';
+export type FinalizedStatuses = 'draft' | 'in_review' | 'finalized';
+export type OrganismType = 'header' | 'footer' | 'isi' | 'dynamic' | 'embedded';
+export type OrganismSubtype = 'default' | 'form' | 'dynamic' | 'feeder' | 'feeder_item' | 'calendar' | 'data_grid' | 'data_display' | 'account_creation' | 'log_in' | 'forgot_password' | 'change_password';
+export type ContainerDTO = Omit<ContainerComponentProps, 'items'> & {
+    children: (ContainerDTO | Molecule)[];
+};
+export interface OrganismDTO {
+    id?: string;
+    name: string;
+    brandId: string;
+    type: OrganismType;
+    body: ContainerDTO;
+    instance: 'organism';
+    metadata: MetadataType;
+    previewImageUrl: string;
+    subtype: OrganismSubtype;
+    organismLibraryId: string;
+    status?: FinalizedStatuses;
+    topicIds?: string[];
+}

package/dist/cjs/setup/muiXLicense.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/theme/index.d.ts

@@ -0,0 +1,5 @@
+export * from './theme';
+export * from './provider';
+export * from './types';
+export * from './toastStyles';
+export * from './useMediaQuery';

package/dist/cjs/theme/provider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { Theme } from '@emotion/react';
+declare const theme: import("@mui/material").Theme;
+export declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: Theme;
+}>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/theme/theme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@emotion/react';
+export declare const defaultTheme: Theme;

package/dist/cjs/theme/toastStyles.d.ts

@@ -0,0 +1 @@
+export declare const toastStyles: import("@emotion/react").SerializedStyles;

package/dist/cjs/theme/types.d.ts

@@ -0,0 +1,19 @@
+export type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'deepBlue' | 'background';
+export type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+export type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
+export type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export type ThemeColorsType = Record<ThemeColors, string>;
+export type ThemeTextType = Record<FontSizesTypes, {
+    'font-weight': string;
+    'font-size': number;
+    'line-height': number;
+}>;
+export type ThemeSizesType = Record<SizesTypes, number>;
+export type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
+export type ZealTheme = {
+    colors: ThemeColorsType;
+    fonts: Record<FontSizesTypes, number>;
+    sizes: ThemeSizesType;
+    devices: ThemeDevicesType;
+};

package/dist/cjs/theme/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointSizesTypes } from 'theme/types';
+export declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes) => boolean;

package/dist/cjs/typescript.d.ts

@@ -0,0 +1,20 @@
+import { SerializedStyles } from '@emotion/react';
+export type FileType = 'image' | 'video' | 'document' | 'audio';
+export type StylesType = SerializedStyles;
+export type StyledTransientProps<T> = {
+    [K in keyof T & string as `$${K}`]: T[K];
+};
+export type OverrideStyles = {
+    $styles?: StylesType;
+};
+export type Callback = () => void;
+export type Nullable<T> = T | null;
+type UnionKeys<T> = T extends any ? keyof T : never;
+type StrictUnionHelper<T, TAll> = T extends any ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;
+export type StrictUnion<T> = StrictUnionHelper<T, T>;
+export type AnyObject = Record<string, unknown>;
+export type LooseObject = Record<string, any>;
+export type ResponseDTO<T> = {
+    readonly data: T;
+};
+export {};

package/dist/esm/components/Buttons/IconButton.d.ts

@@ -0,0 +1,12 @@
+import { ThemeColors } from 'theme';
+import { IconNames, TouchableOpacityProps } from 'components';
+import type { Callback } from 'typescript';
+export type IconButtonProps = {
+    name: IconNames;
+    size?: number;
+    onClick: Callback;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+export declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/components/Buttons/IconButton.js

@@ -0,0 +1,2 @@
+import{__rest as o,__assign as t}from"tslib";import{jsx as i}from"@emotion/react/jsx-runtime";import{ArrowRight as e,Bell as r,Bookmark as a,CaretDown as c,CaretLeft as n,CaretRight as m,CaretUp as l,Check as f,Close as p,Edit as s,Filter as d,Hide as h,Info as C,InfoBoxIcon as u,Mail as y,Menu as k,Minus as v,Mobile as w,Play as O,Save as b,Search as E,View as M,Warning as g}from"icons";import{useTheme as x}from"@emotion/react";import{defaultTheme as B}from"theme";import{TouchableOpacity as I}from"components";var R={ArrowRight:e,Bell:r,Bookmark:a,CaretDown:c,CaretLeft:n,CaretRight:m,CaretUp:l,Check:f,Close:p,Edit:s,Filter:d,Hide:h,Info:C,InfoBoxIcon:u,Mail:y,Menu:k,Minus:v,Mobile:w,Play:O,Save:b,Search:E,View:M,Warning:g},S=function(e){var r=e.name,a=e.color,c=e.onClick,n=e.disabled,m=e.activeOpacity,l=e.withoutOpacityEffect,f=o(e,["name","color","onClick","disabled","activeOpacity","withoutOpacityEffect"]),p=(x()||B).colors;return i(I,t({onClick:c,disabled:n,activeOpacity:m,withoutOpacityEffect:l},{children:i(R[r],t({},f,{color:p[a]||a}))}))};export{S as IconButton};
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/components/Buttons/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../../src/components/Buttons/IconButton.tsx"],"sourcesContent":[null],"names":["availableIcons","ArrowRight","Bell","Bookmark","CaretDown","CaretLeft","CaretRight","CaretUp","Check","Close","Edit","Filter","Hide","Info","InfoBoxIcon","Mail","Menu","Minus","Mobile","Play","Save","Search","View","Warning","IconButton","_a","name","color","onClick","disabled","activeOpacity","withoutOpacityEffect","props","__rest","colors","useTheme","defaultTheme","_jsx","TouchableOpacity","__assign","children"],"mappings":"ogBAuCA,IAAMA,EAAiB,CACrBC,WAAUA,EACVC,KAAIA,EACJC,SAAQA,EACRC,UAASA,EACTC,UAASA,EACTC,WAAUA,EACVC,QAAOA,EACPC,MAAKA,EACLC,MAAKA,EACLC,KAAIA,EACJC,OAAMA,EACNC,KAAIA,EACJC,KAAIA,EACJC,YAAWA,EACXC,KAAIA,EACJC,KAAIA,EACJC,MAAKA,EACLC,OAAMA,EACNC,KAAIA,EACJC,KAAIA,EACJC,OAAMA,EACNC,KAAIA,EACJC,QAAOA,GAGIC,EAAa,SAACC,GACzB,IAAAC,SACAC,UACAC,YACAC,aACAC,kBACAC,yBACGC,EAPsBC,EAAAR,EAAA,CAAA,OAAA,QAAA,UAAA,WAAA,gBAAA,yBASjBS,GAAWC,KAAcC,GAAYF,OAG7C,OACEG,EAACC,EACCC,EAAA,CAAAX,QAASA,EACTC,SAAUA,EACVC,cAAeA,EACfC,qBAAsBA,GAAoB,CAAAS,SAE1CH,EATQrC,EAAe0B,GASnBa,EAAA,CAAA,EAAKP,EAAK,CAAEL,MAAOO,EAAOP,IAAyBA,OAG7D"}

package/dist/esm/components/Buttons/TextButton.d.ts

@@ -0,0 +1,21 @@
+import { BaseButtonProps } from 'molecules';
+import React from 'react';
+import type { StylesType } from 'typescript';
+export type LinkVariant = 'link' | 'custom';
+export type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}>;
+export declare const BaseTextButton: React.FC<TextButtonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+export declare const TextButton: import("@emotion/styled").StyledComponent<Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/esm/components/Buttons/TextButton.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n,__rest as o,__assign as r}from"tslib";import{jsx as t}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import c from"@emotion/styled";import{alpha as i}from"@mui/material/styles";import{getShadeColor as l,getTintColor as a}from"helpers/styles";var s,m,v,d,u,g=function(n){var e=n.href,c=o(n,["href"]),i={target:"_blank"};return e&&""!==e&&(i.href=e),t("a",r({},i,c))},h=c(g)(u||(u=n(["\n  ","\n"],["\n  ","\n"])),function(o){var r=o.theme,t=r.colors,c=r.fonts,u=o.disabled,g=o.size,h=void 0===g?"medium":g,k=o.colorTheme,y=void 0===k?"light":k,f=o.$styles,p=o.$variant,b=void 0===p?"link":p,x=o.textColor,T=t["light"===y?"gray4":"indigoTint2"],$=e(s||(s=n(["\n      ","\n\n      &:visited {\n        ","\n      }\n    "],["\n      ","\n\n      &:visited {\n        ","\n      }\n    "])),f,f),j=x||t.blue,z=l(j,-.3),C=a(j,.3),M=i(j,.4);return e(d||(d=n(["\n      ",";\n      cursor: pointer;\n      text-decoration: none;\n      color: ",";\n\n      &:link {\n        color: ",";\n      }\n\n      &:visited {\n        color: ",";\n      }\n\n      &:hover {\n        color: ",";\n      }\n\n      &:active {\n        color: ",";\n        background-color: ",";\n      }\n\n      ","\n\n      ","\n\n            ","\n    "],["\n      ",";\n      cursor: pointer;\n      text-decoration: none;\n      color: ",";\n\n      &:link {\n        color: ",";\n      }\n\n      &:visited {\n        color: ",";\n      }\n\n      &:hover {\n        color: ",";\n      }\n\n      &:active {\n        color: ",";\n        background-color: ",";\n      }\n\n      ","\n\n      ","\n\n            ","\n    "])),c["medium"===h?"M":"S"],x,x,M,z,C,T,"small"===h&&e(m||(m=n(["\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:visited {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:visited {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: ",";\n          color: ",";\n        }\n      "])),t.gray2,t.gray2,t.gray3,t.gray1,t.gray4,t.gray1),u&&e(v||(v=n(["\n        cursor: auto;\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: transparent;\n        }\n      "],["\n        cursor: auto;\n        color: ",";\n\n        &:link {\n          color: ",";\n        }\n\n        &:hover {\n          color: ",";\n        }\n\n        &:active {\n          background-color: transparent;\n        }\n      "])),t.gray3,t.gray3,t.gray3),"custom"===b&&f&&$)});export{g as BaseTextButton,h as TextButton};
+//# sourceMappingURL=TextButton.js.map

package/dist/esm/components/Buttons/TextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.js","sources":["../../../../../src/components/Buttons/TextButton.tsx"],"sourcesContent":[null],"names":["BaseTextButton","_a","href","props","__rest","attrs","target","_jsx","__assign","TextButton","styled","templateObject_5","__makeTemplateObject","_b","theme","colors","fonts","disabled","_c","size","_d","colorTheme","$styles","_e","$variant","textColor","activeBgColor","customStyles","css","templateObject_1","baseTextColor","blue","hoverTextColor","getShadeColor","activeTextColor","getTintColor","visitedTextColor","alpha","templateObject_4","templateObject_2","gray2","gray3","gray1","gray4","templateObject_3"],"mappings":"0SAuBO,cAAMA,EAET,SAACC,GAAE,IAAAC,EAAID,EAAAC,KAAKC,EAAKC,EAAAH,EAAhB,UACGI,EAAmB,CAAEC,OAAQ,UAInC,OAHIJ,GAAiB,KAATA,IACVG,EAAMH,KAAOA,GAERK,EAAO,IAAAC,EAAA,CAAA,EAAAH,EAAWF,GAC3B,EAEaM,EAAaC,EAAOV,EAAPU,CAAsBC,IAAAA,EAAAC,EAAA,CAAA,OAAA,MAAA,CAAiB,OAyF9D,QAxFC,SAACX,GACD,IAAAY,EAAAZ,EAAAa,MAASC,EAAMF,EAAAE,OAAEC,EAAKH,EAAAG,MACtBC,EAAQhB,EAAAgB,SACRC,EAAejB,EAAAkB,KAAfA,OAAI,IAAAD,EAAG,SAAQA,EACfE,EAAoBnB,EAAAoB,WAApBA,OAAa,IAAAD,EAAA,QAAOA,EACpBE,EAAOrB,EAAAqB,QACPC,EAAiBtB,EAAAuB,SAAjBA,OAAW,IAAAD,EAAA,OAAMA,EACjBE,EAASxB,EAAAwB,UAEHC,EAAgBX,EAAsB,UAAfM,EAAyB,QAAU,eAC1DM,EAAeC,EAAGC,IAAAA,EAAAjB,EAAA,CAAA,WAAA,kCAAA,mBAAA,CAAA,WACb,kCAGE,qBAHTU,EAGEA,GAIAQ,EAAgBL,GAAaV,EAAOgB,KACpCC,EAAiBC,EAAcH,GAAgB,IAC/CI,EAAkBC,EAAaL,EAAe,IAC9CM,EAAmBC,EAAMP,EAAe,IAE9C,OAAOF,EAAGU,IAAAA,EAAA1B,EAAA,CAAA,WAAA,yEAAA,uCAAA,mDAAA,iDAAA,kDAAA,gCAAA,uBAAA,aAAA,mBAAA,UAAA,CAAA,WAC8B,yEAGpB,uCAGE,mDAIO,iDAIF,kDAIC,gCACS,uBAuBlC,aAkBA,mBAEuD,YA9DtDI,EAAe,WAATG,EAAoB,IAAM,KAGzBM,EAGEA,EAIAW,EAIAJ,EAIAE,EACWR,EAGX,UAATP,GACFS,EAAGW,IAAAA,EAAA3B,EAAA,CAAA,oBAAA,2CAAA,yDAAA,uDAAA,mEAAA,uBAAA,wBAAA,CAAA,oBACoB,2CAGE,yDAIA,uDAIA,mEAIW,uBACX,0BAhBdG,EAAOyB,MAGLzB,EAAOyB,MAIPzB,EAAO0B,MAIP1B,EAAO2B,MAII3B,EAAO4B,MAClB5B,EAAO2B,OAIlBzB,GACFW,EAAGgB,IAAAA,EAAAhC,EAAA,CAAA,2CAAA,2CAAA,uDAAA,mGAAA,CAAA,2CAEoB,2CAGE,uDAIA,qGAPdG,EAAO0B,MAGL1B,EAAO0B,MAIP1B,EAAO0B,OAQC,WAAbjB,GAAyBF,GAAWK,EAEhD"}

package/dist/esm/components/Buttons/TouchableOpacity.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+export type TouchableOpacityProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+}>;
+export declare const TouchableOpacity: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/Buttons/TouchableOpacity.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{css as o}from"@emotion/react";var i,r,a=t.div(r||(r=n(["\n  opacity: 1;\n  cursor: pointer;\n  transition: 0.15s;\n\n  ","\n"],["\n  opacity: 1;\n  cursor: pointer;\n  transition: 0.15s;\n\n  ","\n"])),function(t){var r=t.disabled,a=t.activeOpacity,c=void 0===a?.5:a;return t.withoutOpacityEffect?"":r?"cursor: unset;":o(i||(i=n(["\n      &:hover {\n        opacity: ",";\n      }\n\n      &:active {\n        opacity: ",";\n      }\n    "],["\n      &:hover {\n        opacity: ",";\n      }\n\n      &:active {\n        opacity: ",";\n      }\n    "])),c+.2,c)});export{a as TouchableOpacity};
+//# sourceMappingURL=TouchableOpacity.js.map

package/dist/esm/components/Buttons/TouchableOpacity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableOpacity.js","sources":["../../../../../src/components/Buttons/TouchableOpacity.tsx"],"sourcesContent":[null],"names":["TouchableOpacity","styled","div","templateObject_2","__makeTemplateObject","_a","disabled","_b","activeOpacity","withoutOpacityEffect","css","templateObject_1"],"mappings":"iHAUO,QAAMA,EAAmBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kEAAA,MAAA,CAAuB,kEAkB9D,QAbC,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAAF,EAAAG,cAAAA,aAAgB,GAAGD,EAChC,OADsDF,EAAAI,qBACrB,GAC7BH,EAAiB,iBAEdI,EAAGC,IAAAA,EAAAP,EAAA,CAAA,uCAAA,oDAAA,oBAAA,CAAA,uCAEwB,oDAIN,sBAJbI,EAAgB,GAIhBA,EAGjB"}

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

@@ -0,0 +1,14 @@
+import { CheckboxInternalConfigProps } from './types';
+export type CheckboxProps = {
+    id: string;
+    onClick: (id: string) => void;
+    label: string;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isSelected?: boolean;
+    isRichText?: boolean;
+    notInteractable?: boolean;
+    internalConfig?: CheckboxInternalConfigProps;
+};
+export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/components/Checkbox/helpers.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxInternalConfigProps, CheckBoxStates, CheckboxStylesConfig } from './types';
+export declare const getCheckboxStyles: (isHovered: boolean, checkboxState: CheckBoxStates, internalConfig?: CheckboxInternalConfigProps) => CheckboxStylesConfig;

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

@@ -0,0 +1,18 @@
+import { SizesTypes, ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+export type CheckboxInternalConfigProps = Partial<{
+    selectedCheckboxBackgroundColor: ThemeColors | string;
+    selectedCheckboxIconColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes;
+}>;
+export type CheckboxStylesConfig = {
+    checkboxIconWrapperColor: StylesType;
+    checkboxIconColor: ThemeColors | string;
+    checkboxWrapperStyles: StylesType;
+    checkboxTextStyles: StylesType;
+};
+export type CheckBoxStates = 'selected' | 'disabled' | 'error' | 'default';

package/dist/esm/components/Circle/Circle.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type CircleType = 'link' | 'message';
+export type CircleBoxProps = {
+    index: number;
+    type: CircleType;
+};
+export declare const Circle: ({ index, type }: CircleBoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CirclesWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

package/dist/esm/components/Circle/Circle.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n,__assign as o}from"tslib";import{jsx as r}from"@emotion/react/jsx-runtime";import{TextWrapper as e}from"components";import t from"@emotion/styled";import{css as i}from"@emotion/react";import{defaultTheme as l}from"theme";var a,c,s,d,p={link:{fontColor:l.colors.blueShade,backgroundColor:l.colors.blueTint},message:{fontColor:l.colors.yellowShade,backgroundColor:l.colors.yellowTint}},m=i(a||(a=n(["\n  text-decoration-line: none;\n"],["\n  text-decoration-line: none;\n"]))),u=function(n){var t=n.index,i=n.type;return r(f,o({backgroundColor:p[i].backgroundColor},{children:r(e,o({styles:m,variant:"M",color:p[i].fontColor},{children:t}))}))},f=t.span(s||(s=n(["\n  ","\n"],["\n  ","\n"])),function(o){var r=o.theme.sizes,e=o.backgroundColor;return i(c||(c=n(["\n    background-color: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    width: ","px;\n    height: ","px;\n  "],["\n    background-color: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    width: ","px;\n    height: ","px;\n  "])),e,r.L,r.L)}),x=t.span(d||(d=n(["\n  display: inline-flex;\n  gap: 2px;\n"],["\n  display: inline-flex;\n  gap: 2px;\n"])));export{u as Circle,x as CirclesWrapper};
+//# sourceMappingURL=Circle.js.map

package/dist/esm/components/Circle/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sources":["../../../../../src/components/Circle/Circle.tsx"],"sourcesContent":[null],"names":["circleColor","link","fontColor","defaultTheme","colors","blueShade","backgroundColor","blueTint","message","yellowShade","yellowTint","styles","css","templateObject_1","__makeTemplateObject","Circle","_a","index","type","_jsx","Wrapper","__assign","children","TextWrapper","variant","color","styled","span","templateObject_3","sizes","theme","templateObject_2","L","CirclesWrapper","templateObject_4"],"mappings":"8PAaA,YAAMA,EAAkF,CACtFC,KAAM,CACJC,UAAWC,EAAaC,OAAOC,UAC/BC,gBAAiBH,EAAaC,OAAOG,UAEvCC,QAAS,CACPN,UAAWC,EAAaC,OAAOK,YAC/BH,gBAAiBH,EAAaC,OAAOM,aAInCC,EAASC,EAAGC,IAAAA,EAAAC,EAAA,CAAA,qCAAA,CAAA,wCAILC,EAAS,SAACC,OAAEC,EAAKD,EAAAC,MAAEC,EAAIF,EAAAE,KAAuB,OACzDC,EAACC,EAAQC,EAAA,CAAAf,gBAAiBN,EAAYkB,GAAMZ,iBAAe,CAAAgB,SACzDH,EAACI,KAAYZ,OAAQA,EAAQa,QAAQ,IAAIC,MAAOzB,EAAYkB,GAAMhB,WAAS,CAAAoB,SACxEL,OAHoD,EAQrDG,EAAUM,EAAOC,KAAiCC,IAAAA,EAAAd,EAAA,CAAA,OAAA,MAAA,CAAA,OASrD,QARC,SAACE,OAAWa,EAAKb,EAAAc,MAAAD,MAAIvB,EAAeU,EAAAV,gBAAO,OAAAM,EAAGmB,IAAAA,EAAAjB,EAAA,CAAA,2BAAA,sHAAA,oBAAA,WAAA,CAAA,2BACX,sHAKnB,oBACC,aANGR,EAKXuB,EAAMG,EACLH,EAAMG,EAP2B,GAWlCC,EAAiBP,EAAOC,KAAIO,IAAAA,EAAApB,EAAA,CAAA,4CAAA,CAAA"}

package/dist/esm/components/CircularIndicator/CircularIndicator.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export type CircularIndicatorProps = {
+    active: boolean;
+    activeColor?: ThemeColors | string;
+    inactiveColor?: ThemeColors | string;
+};
+export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CircularIndicatorStyledComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircularIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/esm/components/CircularIndicator/CircularIndicator.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as o,__rest as n,__assign as r}from"tslib";import{jsx as i}from"@emotion/react/jsx-runtime";import t from"@emotion/styled";import{css as e,useTheme as a}from"@emotion/react";import{defaultTheme as c}from"theme";var p,d,l=function(o){var t=o.activeColor,e=o.inactiveColor,p=n(o,["activeColor","inactiveColor"]),d=(a()||c).colors;return i(m,r({},p,{activeColor:d[t]||t,inactiveColor:d[e]||e}))},m=t.span(d||(d=o(["\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 5px;\n  border-radius: 100%;\n  background-clip: content-box;\n  ","\n"],["\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 5px;\n  border-radius: 100%;\n  background-clip: content-box;\n  ","\n"])),function(n){var r=n.theme,i=r.colors,t=r.sizes,a=n.active,c=n.activeColor,d=n.inactiveColor;return e(p||(p=o(["\n    padding: ","px;\n    border: ",";\n    background-color: ",";\n    box-shadow: ",";\n  "],["\n    padding: ","px;\n    border: ",";\n    background-color: ",";\n    box-shadow: ",";\n  "])),t.XS,a?"1px solid ".concat(c||i.white):"none",a?c||i.white:d||i.gray3,a?"inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0 0 0 4px rgba(0, 0, 0, 0.05)":"unset")});export{l as CircularIndicator,m as CircularIndicatorStyledComponent};
+//# sourceMappingURL=CircularIndicator.js.map

package/dist/esm/components/CircularIndicator/CircularIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularIndicator.js","sources":["../../../../../src/components/CircularIndicator/CircularIndicator.tsx"],"sourcesContent":[null],"names":["CircularIndicator","_a","activeColor","inactiveColor","props","__rest","colors","useTheme","defaultTheme","_jsx","CircularIndicatorStyledComponent","__assign","styled","span","templateObject_2","__makeTemplateObject","_b","theme","sizes","active","css","XS","concat","white","gray3"],"mappings":"+OAUO,QAAMA,EAAoB,SAACC,GAChC,IAAAC,gBACAC,kBACGC,EAH6BC,EAAAJ,EAAA,CAAA,cAAA,kBAKxBK,GAAWC,KAAcC,GAAYF,OAE7C,OACEG,EAACC,EACKC,EAAA,CAAA,EAAAP,GACJF,YAAaI,EAAOJ,IAA+BA,EACnDC,cAAeG,EAAOH,IAAiCA,IAG7D,EAEaO,EAAmCE,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,oIAAA,MAAA,CAAwB,oIAchF,QAPC,SAACd,GAAE,IAAAe,EAAAf,EAAAgB,MAASX,EAAMU,EAAAV,OAAEY,EAAKF,EAAAE,MAAIC,EAAMlB,EAAAkB,OAAEjB,EAAWD,EAAAC,YAAEC,EAAaF,EAAAE,cAAO,OAAAiB,6GAAG,kBACtD,oBACmD,4BACkB,sBAG7E,WALAF,EAAMG,GACPF,EAAS,aAAAG,OAAapB,GAAeI,EAAOiB,OAAU,OAC5CJ,EAASjB,GAAeI,EAAOiB,MAAQpB,GAAiBG,EAAOkB,MACrEL,EACV,wEACA,QANkE"}

package/dist/esm/components/ContentWrapper/ContentWrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ContentWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+    marginTop?: string;
+    marginLeft?: string;
+    marginRight?: string;
+}
+export declare const ContentWrapper: React.FC<ContentWrapperProps>;

package/dist/esm/components/ContentWrapper/ContentWrapper.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as t,__assign as i}from"tslib";import{jsx as n}from"@emotion/react/jsx-runtime";import o from"@emotion/styled";import{useRef as r,useEffect as e}from"react";import{useLayoutContext as a}from"../../contexts/LayoutContext/useLayoutContext.js";var s,p=function(t){var o=t.children,s=t.className,p=t.marginTop,l=void 0===p?"0px":p,u=t.marginLeft,c=void 0===u?"0px":u,f=t.marginRight,g=void 0===f?"0px":f,v=a(),h=v.drawer,d=v.setDrawerContainerRef,x=r(null);e(function(){return d&&d(x.current),function(){d&&d(null)}},[d]);var w=function(t){var i=parseFloat(t);return isNaN(i)?0:i},y=w(c),L="absolute"!==h.positionType&&"left"===h.position&&h.isOpen?"".concat(y+h.width,"px"):c,N=w(g),T="absolute"!==h.positionType&&"right"===h.position&&h.isOpen?"".concat(N+h.width,"px"):g;return n(m,i({ref:x,className:s,style:{marginTop:l,marginLeft:L,marginRight:T}},{children:o}))},m=o.div(s||(s=t(["\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  transition: margin 0.3s ease;\n"],["\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  transition: margin 0.3s ease;\n"])));export{p as ContentWrapper};
+//# sourceMappingURL=ContentWrapper.js.map

package/dist/esm/components/ContentWrapper/ContentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentWrapper.js","sources":["../../../../../src/components/ContentWrapper/ContentWrapper.tsx"],"sourcesContent":[null],"names":["ContentWrapper","_a","children","className","_b","marginTop","_c","marginLeft","_d","marginRight","_e","useLayoutContext","drawer","setDrawerContainerRef","rootRef","useRef","useEffect","current","extractNumericValue","margin","value","parseFloat","isNaN","marginLeftValue","finalMarginLeft","positionType","position","isOpen","concat","width","marginRightValue","finalMarginRight","_jsx","StyledContentWrapper","__assign","ref","style","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"6QAYO,MAAMA,EAAgD,SAACC,OAC5DC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,cAAAC,OAAY,IAAAD,EAAA,MAAKA,EACjBE,eAAAC,OAAa,IAAAD,EAAA,MAAKA,EAClBE,gBAAAC,OAAc,IAAAD,EAAA,MAAKA,EAEbE,EAAoCC,IAAlCC,EAAMF,EAAAE,OAAEC,EAAqBH,EAAAG,sBAC/BC,EAAUC,EAAuB,MAEvCC,EAAU,WAKR,OAJIH,GACFA,EAAsBC,EAAQG,SAGzB,WACDJ,GACFA,EAAsB,KAE1B,CACF,EAAG,CAACA,IAIJ,IAAMK,EAAsB,SAACC,GAC3B,IAAMC,EAAQC,WAAWF,GACzB,OAAOG,MAAMF,GAAS,EAAIA,CAC5B,EAGMG,EAAkBL,EAAoBX,GACtCiB,EACoB,aAAxBZ,EAAOa,cAAmD,SAApBb,EAAOc,UAAuBd,EAAOe,OACvE,GAAGC,OAAAL,EAAkBX,EAAOiB,MAAS,MACrCtB,EAGAuB,EAAmBZ,EAAoBT,GACvCsB,EACoB,aAAxBnB,EAAOa,cAAmD,UAApBb,EAAOc,UAAwBd,EAAOe,OACxE,GAAGC,OAAAE,EAAmBlB,EAAOiB,MAAS,MACtCpB,EAEN,OACEuB,EAACC,EAAoBC,EAAA,CACnBC,IAAKrB,EACLX,UAAWA,EACXiC,MAAO,CACL/B,UAASA,EACTE,WAAYiB,EACZf,YAAasB,IAGd,CAAA7B,SAAAA,IAGP,EAEM+B,EAAuBI,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kGAAA,CAAA"}

package/dist/esm/components/ContentWrapper/ContentWrapper.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ContentWrapper } from './ContentWrapper';
+declare const meta: Meta<typeof ContentWrapper>;
+export default meta;
+type Story = StoryObj<typeof ContentWrapper>;
+export declare const Default: Story;
+export declare const WithMargins: Story;
+export declare const WithClassName: Story;

package/dist/esm/components/CustomValidation/CustomValidation.d.ts

@@ -0,0 +1,14 @@
+import { FormStateType } from 'containers';
+export type CustomValidationRule<T = string> = {
+    text: string;
+    validate: (value?: T) => boolean;
+};
+export type CustomValidationProps<T = string> = {
+    label?: string;
+    value: T;
+    isSubmitted?: boolean;
+    rules: CustomValidationRule<T>[];
+    spacer?: number;
+    validationState?: FormStateType;
+};
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/components/CustomValidation/CustomValidation.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as r,__assign as e}from"tslib";import{jsxs as t,Fragment as n,jsx as o}from"@emotion/react/jsx-runtime";import i from"@emotion/styled";import{Spacer as a,ValidationTag as p}from"components";import{TextWrapper as l}from"components/TextWrapper/TextWrapper";var c,s,m=function(r){switch(r){case"error":return"ERROR";case"success":return"SUCCESS";default:return"DEFAULT"}},u=function(r){var i=r.rules,l=r.value,c=r.isSubmitted,s=void 0===c||c,u=r.label,x=r.spacer,h=r.validationState;return t(n,{children:[u&&t(n,{children:[o(d,e({variant:"S"},{children:u})),x&&o(a,{height:x})]}),o(f,{children:i.map(function(r,e){return o(p,{status:h?m(h):s?r.validate(l)?"SUCCESS":"ERROR":"DEFAULT",text:r.text},e)})})]})},f=i.div(c||(c=r(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ","px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ","px;\n"])),function(r){return r.theme.sizes.M}),d=i(l)(s||(s=r(["\n  color: ",";\n"],["\n  color: ",";\n"])),function(r){return r.theme.colors.gray2});export{u as CustomValidation};
+//# sourceMappingURL=CustomValidation.js.map

package/dist/esm/components/CustomValidation/CustomValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomValidation.js","sources":["../../../../../src/components/CustomValidation/CustomValidation.tsx"],"sourcesContent":[null],"names":["getValidationStatus","validationState","CustomValidation","_a","rules","value","_b","isSubmitted","label","spacer","_jsxs","_Fragment","children","_jsx","Label","__assign","variant","Spacer","height","RulesWrapper","map","rule","i","ValidationTag","status","validate","text","styled","div","templateObject_1","__makeTemplateObject","theme","sizes","M","TextWrapper","templateObject_2","props","colors","gray2"],"mappings":"2RAgBA,QAAMA,EAAsB,SAACC,GAC3B,OAAQA,GACN,IAAK,QACH,MAAO,QACT,IAAK,UACH,MAAO,UACT,QACE,MAAO,UAEb,EAEaC,EAAmB,SAA4BC,GAC1D,IAAAC,UACAC,UACAC,EAAAH,EAAAI,YAAAA,OAAW,IAAAD,GAAOA,EAClBE,EAAKL,EAAAK,MACLC,EAAMN,EAAAM,OACNR,EAAeE,EAAAF,gBACe,OAC9BS,eACGF,GACCE,EACEC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAMC,EAAA,CAAAC,QAAQ,KAAG,CAAAJ,SAAEJ,KACnBC,GAAUI,EAACI,EAAM,CAACC,OAAQT,OAG/BI,EAACM,EACE,CAAAP,SAAAR,EAAMgB,IAAI,SAACC,EAAMC,GAAM,OACtBT,EAACU,EAAa,CAEZC,OACEvB,EACID,EAAoBC,GACpBM,EACAc,EAAKI,SAASpB,GACZ,UACA,QACF,UAENqB,KAAML,EAAKK,MAVNJ,SAXiB,EA4B1BH,EAAeQ,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kDAAA,SAAA,CAAA,kDAGW,WAAjC,SAAC3B,GAAyB,OAATA,EAAA4B,MAAAC,MAAeC,CAAN,GAG7BnB,EAAQa,EAAOO,EAAPP,CAAmBQ,IAAAA,EAAAL,EAAA,CAAA,cAAA,OAAA,CAAA,cACa,SAAnC,SAACM,GAAU,OAAAA,EAAML,MAAMM,OAAOC,KAAK"}

package/dist/esm/components/CustomValidation/CustomValidation.stories.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { CustomValidation as CustomValidationComponent } from './CustomValidation';
+declare const _default: {
+    title: string;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: import("./CustomValidation").CustomValidationProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

package/dist/esm/components/Error/SafeRender.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const SafeRenderWrapper: FC<PropsWithChildren<{
+    additionalInfo?: string;
+}>>;

package/dist/esm/components/GroupedAutocomplete/GroupedAutocomplete.d.ts

@@ -0,0 +1,27 @@
+import type { AutocompleteRenderGroupParams, AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
+import React from 'react';
+export type GroupedOption = {
+    id: string;
+    label: string;
+    [key: string]: unknown;
+};
+export type GroupedAutocompleteProps<TOption extends GroupedOption = GroupedOption> = {
+    label: string;
+    options: TOption[];
+    value: TOption | null;
+    onChange: (next: TOption | null) => void;
+    getOptionLabel?: (o: TOption) => string;
+    disabled?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    groupBy?: (option: TOption) => string;
+    renderGroup?: (params: AutocompleteRenderGroupParams) => React.ReactNode;
+    highlightMatches?: boolean;
+    disableClientFilter?: boolean;
+    filterOptions?: (options: TOption[], state: {
+        inputValue: string;
+    }) => TOption[];
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: TOption, state: AutocompleteRenderOptionState) => React.ReactNode;
+};
+export declare const GroupedAutocomplete: <TOption extends GroupedOption = GroupedOption>({ label, options, value, onChange, getOptionLabel, disabled, loading, placeholder, groupBy, renderGroup, highlightMatches, disableClientFilter, filterOptions, renderOption, }: GroupedAutocompleteProps<TOption>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default GroupedAutocomplete;

package/dist/esm/components/HorizontalButtons/HorizontalButtons.d.ts

@@ -0,0 +1,11 @@
+export type HorizontalButtonsProps = {
+    selectedButtonId: string;
+    buttonOptions: {
+        value: string;
+        id: string;
+    }[];
+    onClick: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/components/HorizontalButtons/HorizontalButtons.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n,__assign as r}from"tslib";import{jsx as e}from"@emotion/react/jsx-runtime";import o from"@emotion/styled";import{css as t}from"@emotion/react";import{defaultTheme as i}from"theme";import{TouchableOpacity as s}from"../Buttons/TouchableOpacity.js";var d,a,c,l,p=function(n){var o=n.onClick,t=n.disabled,i=n.buttonOptions,s=n.selectedButtonId,d=n.error,a=(null==i?void 0:i.slice(0,2))||[];return e(u,r({error:d,disabled:t},{children:a.map(function(n){var t=n.value,i=n.id;return e(b,r({isActive:i===s,onClick:function(){return o(i)}},{children:t}),i)})}))},u=o.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-width: 0.2px;\n  border-style: solid;\n  padding: 1px;\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-width: 0.2px;\n  border-style: solid;\n  padding: 1px;\n  ","\n"])),function(r){var e=r.disabled,o=r.error,s="transparent",a=i.colors.gray4;return e?a=i.colors.gray5:s=o?i.colors.red:i.colors.gray4,t(d||(d=n(["\n      height: ","px;\n      border-radius: ","px;\n      border-color: ",";\n      background-color: ",";\n    "],["\n      height: ","px;\n      border-radius: ","px;\n      border-color: ",";\n      background-color: ",";\n    "])),i.sizes.XL,i.sizes.XS,s,a)}),b=o(s)(l||(l=n(["\n  display: flex;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  height: 100%;\n  width: 50%;\n  ","\n"],["\n  display: flex;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  height: 100%;\n  width: 50%;\n  ","\n"])),function(r){var e=r.isActive,o=e?i.colors.white:"transparent";return t(c||(c=n(["\n      background-color: ",";\n      border-radius: ","px;\n      box-shadow: ",";\n      transition: background-color 0.4s ease-out;\n    "],["\n      background-color: ",";\n      border-radius: ","px;\n      box-shadow: ",";\n      transition: background-color 0.4s ease-out;\n    "])),o,i.sizes.XS,e?"0 0 5px rgba(0, 0, 0, 0.15)":"none")});export{p as HorizontalButtons};
+//# sourceMappingURL=HorizontalButtons.js.map

package/dist/esm/components/HorizontalButtons/HorizontalButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalButtons.js","sources":["../../../../../src/components/HorizontalButtons/HorizontalButtons.tsx"],"sourcesContent":[null],"names":["HorizontalButtons","_a","onClick","disabled","buttonOptions","selectedButtonId","error","options","slice","_jsx","HorizontalButtonsWrapper","__assign","children","map","value","id","ButtonItem","isActive","styled","div","templateObject_2","__makeTemplateObject","borderColor","backgroundColor","defaultTheme","colors","gray4","gray5","red","css","templateObject_1","sizes","XL","XS","TouchableOpacity","templateObject_4","activeBackgroundColor","white","templateObject_3"],"mappings":"uRAcO,YAAMA,EAAoB,SAACC,GAChC,IAAAC,EAAOD,EAAAC,QACPC,EAAQF,EAAAE,SACRC,EAAaH,EAAAG,cACbC,EAAgBJ,EAAAI,iBAChBC,EAAKL,EAAAK,MAECC,GAAUH,aAAA,EAAAA,EAAeI,MAAM,EAAG,KAAM,GAE9C,OACEC,EAACC,EAAyBC,EAAA,CAAAL,MAAOA,EAAOH,SAAUA,GAC/C,CAAAS,SAAAL,EAAQM,IAAI,SAACZ,OAAEa,EAAKb,EAAAa,MAAEC,EAAEd,EAAAc,GAAO,OAC9BN,EAACO,EAAoBL,EAAA,CAAAM,SAAUF,IAAOV,EAAkBH,QAAS,WAAM,OAAAA,EAAQa,EAAG,GAAA,CAAAH,SAC/EE,IADcC,OAMzB,EAEML,EAA2BQ,EAAOC,IAAuDC,IAAAA,EAAAC,EAAA,CAAA,qJAAA,MAAA,CAAA,qJAqB5F,QAdC,SAACpB,OAAEE,EAAQF,EAAAE,SAAEG,EAAKL,EAAAK,MACdgB,EAAc,cACdC,EAAkBC,EAAaC,OAAOC,MAM1C,OAJIvB,EAAUoB,EAAkBC,EAAaC,OAAOE,MACpCL,EAAPhB,EAAqBkB,EAAaC,OAAOG,IAC/BJ,EAAaC,OAAOC,MAEhCG,EAAGC,IAAAA,EAAAT,EAAA,CAAA,mBAAA,6BAAA,4BAAA,8BAAA,WAAA,CAAA,mBACuB,6BACO,4BACX,8BACQ,aAHzBG,EAAaO,MAAMC,GACZR,EAAaO,MAAME,GACpBX,EACIC,EAExB,GAGIP,EAAaE,EAAOgB,EAAPhB,CAA+CiB,IAAAA,EAAAd,EAAA,CAAA,sJAAA,MAAA,CAAA,sJAiB/D,QATC,SAACpB,GAAE,IAAAgB,EAAQhB,EAAAgB,SACLmB,EAAwBnB,EAAWO,EAAaC,OAAOY,MAAQ,cAErE,OAAOR,EAAGS,IAAAA,EAAAjB,EAAA,CAAA,6BAAA,2BAAA,0BAAA,8DAAA,CAAA,6BACiC,2BACH,0BACyB,gEAF3Ce,EACHZ,EAAaO,MAAME,GACtBhB,EAAW,8BAAgC,OAG7D"}

package/dist/esm/components/Icon/Icon.d.ts

@@ -0,0 +1,38 @@
+import { CSSObject } from '@emotion/react';
+import { ThemeColors } from 'theme';
+export type IconProps = {
+    name: IconNames;
+    size?: number;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+    style?: CSSObject;
+};
+declare const availableIcons: {
+    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Check: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Close: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Edit: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Filter: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Hide: ({ color, size }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Info: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Mail: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Menu: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Minus: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Mobile: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Play: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Save: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    View: ({ color, size, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Warning: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export type IconNames = keyof typeof availableIcons;
+export declare const Icon: ({ name, color, ...props }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/Icon/Icon.js

@@ -0,0 +1,2 @@
+import{__rest as o,__assign as r}from"tslib";import{jsx as e}from"@emotion/react/jsx-runtime";import{useTheme as t}from"@emotion/react";import{ArrowRight as i,Bell as n,Bookmark as a,CaretDown as m,CaretLeft as l,CaretRight as c,CaretUp as f,Check as p,Close as s,Edit as u,Filter as C,Hide as h,Info as g,InfoBoxIcon as v,Mail as M,Menu as d,Minus as k,Mobile as w,Play as x,Save as B,Search as D,View as I,Warning as b}from"icons";import{defaultTheme as y}from"theme";var R={ArrowRight:i,Bell:n,Bookmark:a,CaretDown:m,CaretLeft:l,CaretRight:c,CaretUp:f,Check:p,Close:s,Edit:u,Filter:C,Hide:h,Info:g,InfoBoxIcon:v,Mail:M,Menu:d,Minus:k,Mobile:w,Play:x,Save:B,Search:D,View:I,Warning:b},S=function(i){var n=i.name,a=i.color,m=o(i,["name","color"]),l=(t()||y).colors,c=R[n],f=a?l[a]||a:(null==l?void 0:l.gray1)||"#1D242D";return e(c,r({},m,{color:f}))};export{S as Icon};
+//# sourceMappingURL=Icon.js.map

package/dist/esm/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":[null],"names":["availableIcons","ArrowRight","Bell","Bookmark","CaretDown","CaretLeft","CaretRight","CaretUp","Check","Close","Edit","Filter","Hide","Info","InfoBoxIcon","Mail","Menu","Minus","Mobile","Play","Save","Search","View","Warning","Icon","_a","name","color","props","__rest","colors","useTheme","defaultTheme","JSX","iconColor","gray1","_jsx","__assign"],"mappings":"sdAqCA,IAAMA,EAAiB,CACrBC,WAAUA,EACVC,KAAIA,EACJC,SAAQA,EACRC,UAASA,EACTC,UAASA,EACTC,WAAUA,EACVC,QAAOA,EACPC,MAAKA,EACLC,MAAKA,EACLC,KAAIA,EACJC,OAAMA,EACNC,KAAIA,EACJC,KAAIA,EACJC,YAAWA,EACXC,KAAIA,EACJC,KAAIA,EACJC,MAAKA,EACLC,OAAMA,EACNC,KAAIA,EACJC,KAAIA,EACJC,OAAMA,EACNC,KAAIA,EACJC,QAAOA,GAKIC,EAAO,SAACC,GAAE,IAAAC,SAAMC,UAAUC,EAAlBC,EAAAJ,EAAA,CAAA,OAAA,UAEXK,GADMC,KAAcC,GACJF,OAClBG,EAAMjC,EAAe0B,GAGrBQ,EAAYP,EAAQG,EAAOH,IAAyBA,GAAQG,aAAA,EAAAA,EAAQK,QAAS,UAEnF,OAAOC,EAACH,EAAQI,EAAA,CAAA,EAAAT,GAAOD,MAAOO,IAChC"}

package/dist/esm/components/IconPicker/IconPicker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type IconPickerProps = {
+    value?: string;
+    onChange: (name: string) => void;
+    label?: string;
+};
+export declare const IconPicker: React.FC<IconPickerProps>;

package/dist/esm/components/Input/Input.d.ts

@@ -0,0 +1,39 @@
+import { FormStateType } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration/types';
+import React from 'react';
+import { ThemeColors } from 'theme/types';
+import type { Callback, StylesType } from 'typescript';
+import type { IconNames } from '../Icon/Icon';
+import { MaskConfig } from './helpers';
+export type InputFieldInternalConfigProps = Partial<{
+    textColor: ThemeColors | string;
+    textFontSize: number;
+    placeholderTextColor: ThemeColors | string;
+    placeholderTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+}>;
+export type InputIconProps = {
+    name: IconNames;
+    onClick?: Callback;
+};
+export type InputProps = Partial<{
+    value: string;
+    leftIcon: InputIconProps;
+    rightIcon: InputIconProps;
+    onBlur: Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: InputFieldInternalConfigProps;
+    config?: MaskConfig;
+    state: FormStateType;
+}>;
+export declare const Input: React.MemoExoticComponent<({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/components/Input/Input.js

@@ -0,0 +1,2 @@
+import{__rest as n,__makeTemplateObject as o,__assign as r}from"tslib";import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import{useTheme as i,css as l}from"@emotion/react";import a from"@emotion/styled";import{memo as c,useState as d,useRef as s,useMemo as u,useCallback as p}from"react";import f from"react-text-mask";import{TouchableOpacity as g}from"../Buttons/TouchableOpacity.js";import{Icon as m}from"../Icon/Icon.js";import{getSpecificInputProps as h,getMaskInputProps as x,getInputIconColor as y}from"./helpers.js";var b=function(n,o){n.stopPropagation(),null==o||o()},v=c(function(a){var c=a.value,f=a.leftIcon,g=a.rightIcon,v=a.onChange,k=a.onBlur,C=a.disabled,z=a.isError,M=a.placeholder,I=a.isEditMode,j=void 0===I||I,w=a.type,F=void 0===w?"text":w,O=a.internalConfig,T=a.config,N=n(a,["value","leftIcon","rightIcon","onChange","onBlur","disabled","isError","placeholder","isEditMode","type","internalConfig","config"]),q=d(!1),A=q[0],D=q[1],G=s(null),H=u(function(){return h(F)},[F]),J=u(function(){return x(F,T)},[F,T]),K=i().colors,L=u(function(){return K[y({isFocused:A,isError:z,disabled:C,isEditMode:j})]},[K,A,z,C,j]),Q=O||{},R=Q.horizontalPadding,U=void 0===R?0:R,V=Q.verticalPadding,W=void 0===V?0:V,X=Q.placeholderTextColor,Y=Q.placeholderTextFontSize,Z=Q.textColor,_=Q.textFontSize,nn=Q.styles,on=Q.wrapperStyles,rn=u(function(){return l(E||(E=o(["\n        ",";\n        ",";\n        ",";\n        &::placeholder {\n          ",";\n          ",";\n        }\n        ",";\n      "],["\n        ",";\n        ",";\n        ",";\n        &::placeholder {\n          ",";\n          ",";\n        }\n        ",";\n      "])),Z?"color: ".concat(K[Z]||Z,";"):"",_?"font-size: ".concat(_,"px;"):"",U||W?"padding: ".concat(W,"px ").concat(U,"px;"):"",Y?"font-size: ".concat(Y,"px;"):"",X?"color: ".concat(K[X]||X,";"):"",nn)},[Z,K,_,U,W,Y,X,nn]),en=p(function(n){null==v||v(n.target.value)},[v]),tn=p(function(){return D(!0)},[]),ln=p(function(){D(!1),null==k||k()},[k]),an=p(function(){var n;null===(n=G.current)||void 0===n||n.inputElement.focus()},[]),cn=p(function(n){b(n,null==f?void 0:f.onClick)},[null==f?void 0:f.onClick]),dn=p(function(n){b(n,null==g?void 0:g.onClick)},[null==g?void 0:g.onClick]);return e(S,r({withoutOpacityEffect:!0,disabled:!j||C,isEditMode:j,isFocused:A,isError:z,$styles:on,onClick:an},{children:[!!f&&t($,r({withoutOpacityEffect:!f.onClick,onClick:cn},{children:t(m,{name:f.name,color:L})})),t(B,r({id:"formatted-text-mask-input",value:c,$styles:rn,onChange:en,onFocus:tn,onBlur:ln,ref:G,isError:z,disabled:!j||C,placeholder:M,isEditMode:j,autoComplete:"off"},N,H,J)),!!g&&t(P,r({withoutOpacityEffect:!g.onClick,onClick:dn},{children:t(m,{name:g.name,color:L})}))]}))});v.displayName="Input";var E,k,C,z,M,I,j,w,F,S=a(g)(z||(z=o(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  transition: 0.25s;\n\n  ","\n"],["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  transition: 0.25s;\n\n  ","\n"])),function(n){var r=n.theme,e=r.sizes,t=r.colors,i=n.isEditMode,a=n.disabled,c=n.isFocused,d=n.isError,s=n.$styles,u=t.gray3,p="1px",f="53px",g="transparent";return i?a?(u="transparent",g=t.gray4):d?u=t.red:c&&(u=t.gray1):(u="transparent",p="0",f="auto"),l(C||(C=o(["\n      border: "," solid ",";\n      border-radius: ","px;\n      height: ",";\n      padding: ","px;\n      cursor: ",";\n      background-color: ",";\n\n      ","\n      ",";\n    "],["\n      border: "," solid ",";\n      border-radius: ","px;\n      height: ",";\n      padding: ","px;\n      cursor: ",";\n      background-color: ",";\n\n      ","\n      ",";\n    "])),p,u,e.S,f,i?e.M:0,i&&!a?"text":"unset",g,i&&!a&&l(k||(k=o(["\n        &:hover {\n          border-color: ",";\n        }\n      "],["\n        &:hover {\n          border-color: ",";\n        }\n      "])),t.gray1),s)}),B=a(f)(I||(I=o(["\n  width: 100%;\n  height: 100%;\n  outline: none;\n  border: none;\n  transition: 0.25s;\n  padding: 0;\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  outline: none;\n  border: none;\n  transition: 0.25s;\n  padding: 0;\n  ","\n"])),function(n){var r=n.theme,e=r.fonts,t=r.colors,i=n.isError,a=n.disabled,c=n.isEditMode,d=n.state,s=n.$styles,u=t.gray1,p=t.gray3,f=c?t.gray4:"transparent";return c?a?(u=t.gray3,p=t.gray3):i?(u=t.red,p=t.red):"success"===d&&(p=t.gray1):(u=t.gray1,p=t.gray3),l(M||(M=o(["\n      ",";\n      color: ",";\n      &::placeholder {\n        ","\n        color: ",";\n      }\n      background-color: transparent;\n\n      &:disabled {\n        background-color: ",";\n      }\n      ","\n    "],["\n      ",";\n      color: ",";\n      &::placeholder {\n        ","\n        color: ",";\n      }\n      background-color: transparent;\n\n      &:disabled {\n        background-color: ",";\n      }\n      ","\n    "])),e.M,u,e.M,p,f,s)}),O=a(g)(j||(j=o(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),$=a(O)(w||(w=o(["\n  margin-right: ","px;\n"],["\n  margin-right: ","px;\n"])),function(n){return n.theme.sizes.S}),P=a(O)(F||(F=o(["\n  margin-left: ","px;\n"],["\n  margin-left: ","px;\n"])),function(n){return n.theme.sizes.S});export{v as Input};
+//# sourceMappingURL=Input.js.map

package/dist/esm/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["onIconClick","event","onPress","stopPropagation","Input","memo","_a","value","leftIcon","rightIcon","onChange","onBlur","disabled","isError","placeholder","_b","isEditMode","_c","type","internalConfig","config","rest","__rest","_d","useState","isFocused","setFocused","inputRef","useRef","specificInputProps","useMemo","getSpecificInputProps","maskInputProps","getMaskInputProps","colors","useTheme","iconColor","getInputIconColor","_e","_f","horizontalPadding","_g","verticalPadding","placeholderTextColor","placeholderTextFontSize","textColor","textFontSize","styles","wrapperStyles","inputStyles","css","templateObject_1","__makeTemplateObject","concat","handleChange","useCallback","e","target","handleFocus","handleBlur","handleWrapperClick","current","inputElement","focus","handleLeftIconClick","onClick","handleRightIconClick","_jsxs","Wrapper","__assign","withoutOpacityEffect","$styles","_jsx","LeftIconWrapper","children","Icon","name","color","TextInput","id","onFocus","ref","autoComplete","RightIconWrapper","displayName","styled","TouchableOpacity","templateObject_4","theme","sizes","borderColor","gray3","borderWidth","height","backgroundColor","gray4","red","gray1","templateObject_3","S","M","templateObject_2","MaskedInput","templateObject_6","fonts","state","placeholderColor","disabledBackgroundColor","templateObject_5","InputIconWrapper","templateObject_7","templateObject_8","props","templateObject_9"],"mappings":"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"}

package/dist/esm/components/Input/helpers.d.ts

@@ -0,0 +1,43 @@
+import { InputProps } from 'components';
+import { DataModelFieldFormatCodeTypes } from 'containers';
+import { HTMLInputTypeAttribute } from 'react';
+import { MaskedInputProps } from 'react-text-mask';
+import { ThemeColors } from 'theme';
+export type MaskConfig = {
+    maskPlaceholder?: string;
+    maskPattern?: Array<string | RegExp>;
+    dataModelFieldType: DataModelFieldFormatCodeTypes;
+};
+export declare const getSpecificInputProps: (type: string) => {
+    type?: HTMLInputTypeAttribute | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+};
+export declare const getMaskInputProps: (type?: string, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
+export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
+    value: string;
+    leftIcon: import("components").InputIconProps;
+    rightIcon: import("components").InputIconProps;
+    onBlur: import("../../typescript").Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: Partial<{
+        textColor: string;
+        textFontSize: number;
+        placeholderTextColor: string;
+        placeholderTextFontSize: number;
+        verticalPadding: number;
+        horizontalPadding: number;
+        styles: import("@emotion/utils").SerializedStyles;
+        wrapperStyles: import("@emotion/utils").SerializedStyles;
+    }>;
+    config?: MaskConfig | undefined;
+    state: import("containers").FormStateType;
+}>, "disabled" | "isError" | "isEditMode"> & {
+    isFocused: boolean;
+}) => ThemeColors;