cari-ui-kit 0.1.9 → 0.1.11

package/README.md

@@ -40,15 +40,15 @@ export default defineConfig([
       // other options...
     },
   },
-])
+]);
 ```
 
 You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
 
 ```js
 // eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
+import reactX from 'eslint-plugin-react-x';
+import reactDom from 'eslint-plugin-react-dom';
 
 export default defineConfig([
   globalIgnores(['dist']),
@@ -69,5 +69,5 @@ export default defineConfig([
       // other options...
     },
   },
-])
+]);
 ```

package/dist/cari-ui-kit.css

@@ -1 +1 @@
-._loader_1jwof_1{display:block;position:relative;background:currentColor;color:#000;box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .3s linear infinite alternate}._loader_1jwof_1:after,._loader_1jwof_1:before{content:"";background:currentColor;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .45s linear infinite alternate}._loader_1jwof_1:before{animation-delay:0s}._loader_1jwof_1._sm_1jwof_21{width:2px;height:10px;border-radius:1px;display:block;margin:1px auto;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:after,._loader_1jwof_1._sm_1jwof_21:before{content:"";width:2px;height:10px;border-radius:1px;left:5px;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:before{left:-5px}._loader_1jwof_1._md_1jwof_40{width:4px;height:20px;border-radius:2px;display:block;margin:2px auto;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:after,._loader_1jwof_1._md_1jwof_40:before{content:"";width:4px;height:20px;border-radius:2px;left:10px;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:before{left:-10px}._loader_1jwof_1._lg_1jwof_59{width:6px;height:30px;border-radius:3px;display:block;margin:2px auto;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:after,._loader_1jwof_1._lg_1jwof_59:before{content:"";width:6px;height:30px;border-radius:3px;left:12px;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:before{left:-12px}@keyframes _animLoaderSM_1jwof_1{0%{height:10px}to{height:2px}}@keyframes _animLoaderMD_1jwof_1{0%{height:20px}to{height:5px}}@keyframes _animLoaderLG_1jwof_1{0%{height:30px}to{height:8px}}:root{--color-primary-50: #EFEFFD;--color-primary-100: #DEDEFA;--color-primary-200: #BEBDF6;--color-primary-300: #9D9BF1;--color-primary-400: #7D7AED;--color-primary-500: #5C59E8;--color-primary-600: #4543AE;--color-primary-700: #2E2D74;--color-primary-800: #17163A;--color-primary-900: #090917;--color-green-50: #E7F4EE;--color-green-100: #CFE7DC;--color-green-200: #9ED0B9;--color-green-300: #6EBB95;--color-green-400: #3DA172;--color-green-500: #0D894F;--color-green-600: #0A673B;--color-green-700: #074528;--color-green-800: #032214;--color-green-900: #010E08;--color-yellow-50: #FDF1E8;--color-yellow-100: #FAE1CF;--color-yellow-200: #F4C3A0;--color-yellow-300: #EFA670;--color-yellow-400: #E98841;--color-yellow-500: #E46A11;--color-yellow-600: #AB500D;--color-yellow-700: #723509;--color-yellow-800: #391B04;--color-yellow-900: #170B02;--color-red-50: #FEEDEC;--color-red-100: #FCDAD7;--color-red-200: #F9B4AF;--color-red-300: #F68F88;--color-red-400: #F36960;--color-red-500: #F04438;--color-red-600: #B4332A;--color-red-700: #78221C;--color-red-800: #3C110E;--color-red-900: #180706;--color-blue-50: #E8F8FD;--color-blue-100: #D0F0FA;--color-blue-200: #A1E0F4;--color-blue-300: #71D1EF;--color-blue-400: #42C1E9;--color-blue-500: #13B2E4;--color-blue-600: #0E86AB;--color-blue-700: #0A5972;--color-blue-800: #052D39;--color-blue-900: #021217;--color-black-500: #667085;--color-black-600: #4D5464;--color-black-700: #333843;--color-black-800: #1A1C21;--color-black-900: #0A0B0D;--color-gray-25: #F9F9FC;--color-gray-50: #F0F1F3;--color-gray-100: #E0E2E7;--color-gray-200: #C2C6CE;--color-gray-300: #A3A9B6;--color-gray-400: #858D9D;--color-white: #FFFFFF}._button_e7nbf_74{appearance:none;display:flex;align-items:center;justify-content:center;gap:4px;border-width:1px;border-style:solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease-in-out}._button_e7nbf_74._sm_e7nbf_89{padding:8px}._button_e7nbf_74._lg_e7nbf_92{padding:12px}._button_e7nbf_74._loading_e7nbf_95>span{margin-left:10px;margin-right:5px}._button_e7nbf_74 svg{width:18px;height:18px}._button_e7nbf_74:disabled{opacity:.65;cursor:not-allowed}._button_e7nbf_74._primary_e7nbf_107{border-color:var(--color-primary-500);background-color:var(--color-primary-500);color:var(--color-white)}._button_e7nbf_74._primary_e7nbf_107 svg{fill:var(--color-white)}._button_e7nbf_74._primary_e7nbf_107:not(:disabled):hover{border-color:var(--color-primary-600);background-color:var(--color-primary-600)}._button_e7nbf_74._primary_e7nbf_107._loading_e7nbf_95>span{color:var(--color-white)}._button_e7nbf_74._secondary_e7nbf_122{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:var(--color-primary-500)}._button_e7nbf_74._secondary_e7nbf_122 svg{fill:var(--color-primary-500)}._button_e7nbf_74._secondary_e7nbf_122:not(:disabled):hover{border-color:var(--color-primary-200);background-color:var(--color-primary-200);color:var(--color-primary-600)}._button_e7nbf_74._secondary_e7nbf_122:not(:disabled):hover svg{fill:var(--color-primary-600)}._button_e7nbf_74._secondary_e7nbf_122._loading_e7nbf_95>span{color:var(--color-primary-500)}._button_e7nbf_74._tertiary_e7nbf_141{border-color:var(--color-primary-500);background-color:var(--color-white);color:var(--color-primary-500)}._button_e7nbf_74._tertiary_e7nbf_141:not(:disabled):hover{border-color:var(--color-primary-600);background-color:var(--color-primary-100)}._button_e7nbf_74._tertiary_e7nbf_141._loading_e7nbf_95>span{color:var(--color-primary-500)}
+._loader_1jwof_1{display:block;position:relative;background:currentColor;color:#000;box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .3s linear infinite alternate}._loader_1jwof_1:after,._loader_1jwof_1:before{content:"";background:currentColor;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;animation:_animLoaderLG_1jwof_1 .3s .45s linear infinite alternate}._loader_1jwof_1:before{animation-delay:0s}._loader_1jwof_1._sm_1jwof_21{width:2px;height:10px;border-radius:1px;display:block;margin:1px auto;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:after,._loader_1jwof_1._sm_1jwof_21:before{content:"";width:2px;height:10px;border-radius:1px;left:5px;animation-name:_animLoaderSM_1jwof_1}._loader_1jwof_1._sm_1jwof_21:before{left:-5px}._loader_1jwof_1._md_1jwof_40{width:4px;height:20px;border-radius:2px;display:block;margin:2px auto;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:after,._loader_1jwof_1._md_1jwof_40:before{content:"";width:4px;height:20px;border-radius:2px;left:10px;animation-name:_animLoaderMD_1jwof_1}._loader_1jwof_1._md_1jwof_40:before{left:-10px}._loader_1jwof_1._lg_1jwof_59{width:6px;height:30px;border-radius:3px;display:block;margin:2px auto;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:after,._loader_1jwof_1._lg_1jwof_59:before{content:"";width:6px;height:30px;border-radius:3px;left:12px;animation-name:_animLoaderLG_1jwof_1}._loader_1jwof_1._lg_1jwof_59:before{left:-12px}@keyframes _animLoaderSM_1jwof_1{0%{height:10px}to{height:2px}}@keyframes _animLoaderMD_1jwof_1{0%{height:20px}to{height:5px}}@keyframes _animLoaderLG_1jwof_1{0%{height:30px}to{height:8px}}._button_cmsg5_74{appearance:none;display:flex;align-items:center;justify-content:center;gap:4px;border-width:1px;border-style:solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease-in-out}._button_cmsg5_74._sm_cmsg5_89{padding:8px}._button_cmsg5_74._lg_cmsg5_92{padding:12px}._button_cmsg5_74._loading_cmsg5_95>span{margin-left:10px;margin-right:5px}._button_cmsg5_74 svg{width:18px;height:18px}._button_cmsg5_74:disabled{opacity:.65;cursor:not-allowed}._button_cmsg5_74._primary_cmsg5_107{border-color:var(--color-primary-500);background-color:var(--color-primary-500);color:var(--color-white)}._button_cmsg5_74._primary_cmsg5_107 svg{fill:var(--color-white)}._button_cmsg5_74._primary_cmsg5_107:not(:disabled):hover{border-color:var(--color-primary-600);background-color:var(--color-primary-600)}._button_cmsg5_74._primary_cmsg5_107._loading_cmsg5_95>span{color:var(--color-white)}._button_cmsg5_74._secondary_cmsg5_122{border-color:var(--color-primary-200);background-color:var(--color-primary-200);color:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122 svg{fill:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122:not(:disabled):hover{border-color:var(--color-primary-200);background-color:var(--color-primary-200);color:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122:not(:disabled):hover svg{fill:var(--color-primary-700)}._button_cmsg5_74._secondary_cmsg5_122._loading_cmsg5_95>span{color:var(--color-primary-700)}._button_cmsg5_74._tertiary_cmsg5_141{border-color:var(--color-primary-500);background-color:var(--color-white);color:var(--color-primary-500)}._button_cmsg5_74._tertiary_cmsg5_141:not(:disabled):hover{border-color:var(--color-primary-600);background-color:var(--color-primary-100)}._button_cmsg5_74._tertiary_cmsg5_141._loading_cmsg5_95>span{color:var(--color-primary-500)}._label_tt91k_74{font-size:14px;font-weight:500;color:var(--color-black-900)}._wrap_gjpie_74{position:relative}._wrap_gjpie_74 input[type=checkbox]{position:absolute;left:0;z-index:2;vertical-align:middle;opacity:0;cursor:pointer;visibility:hidden}._wrap_gjpie_74 input[type=checkbox]:checked+label ._checkbox_gjpie_86{color:var(--color-white);background-color:var(--color-primary-500);border-color:var(--color-primary-500)}._wrap_gjpie_74 input[type=checkbox]:checked+label ._checkbox_gjpie_86 svg{display:block}._wrap_gjpie_74 input[type=checkbox]:disabled+label{pointer-events:none}._wrap_gjpie_74 input[type=checkbox]:disabled+label ._checkbox_gjpie_86{background-color:var(--color-gray-100);border-color:var(--color-gray-100)}._wrap_gjpie_74 label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}._wrap_gjpie_74 ._checkbox_gjpie_86{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:6px;border:2px solid var(--color-gray-400);width:20px;height:20px}._wrap_gjpie_74 ._checkbox_gjpie_86 svg{display:none}._wrap_gjpie_74._error_gjpie_121 ._checkbox_gjpie_86{background-color:var(--color-red-50);border-color:var(--color-red-100)}._formGroup_qqm4q_74{display:flex;flex-direction:column;gap:8px}._wrap_mbx9y_74{position:relative}._wrap_mbx9y_74 ._input_mbx9y_77{color:var(--color-black-700);font-size:14px;font-weight:400;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:8px;padding:8px 12px}._wrap_mbx9y_74 ._input_mbx9y_77:focus-visible{border-color:var(--color-primary-500)}._wrap_mbx9y_74 ._input_mbx9y_77._error_mbx9y_89{background-color:var(--color-red-50);border-color:var(--color-red-100)}._wrap_mbx9y_74 ._input_mbx9y_77:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}._wrap_mbx9y_74._suffixWrap_mbx9y_98 ._input_mbx9y_77{padding-right:40px}._wrap_mbx9y_74._prefixWrap_mbx9y_101 ._input_mbx9y_77{padding-left:40px}._wrap_mbx9y_74 ._suffix_mbx9y_98,._wrap_mbx9y_74 ._prefix_mbx9y_101{display:flex;align-items:center;position:absolute;top:50%;transform:translateY(-50%)}._wrap_mbx9y_74 ._suffix_mbx9y_98 svg,._wrap_mbx9y_74 ._prefix_mbx9y_101 svg{width:18px;height:18px}._wrap_mbx9y_74 ._suffix_mbx9y_98{right:12px}._wrap_mbx9y_74 ._prefix_mbx9y_101{left:12px}._wrap_mbx9y_74 ._loader_mbx9y_121{margin-right:12px}._root_1xabw_74._error_1xabw_74 .uiSelect__control{background-color:var(--color-red-50);border-color:var(--color-red-100)}._root_1xabw_74 .uiSelect__control{width:100%;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:8px;min-height:auto}._root_1xabw_74 .uiSelect__control:hover{border-color:var(--color-gray-100)}._root_1xabw_74 .uiSelect__control--is-disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-100)}._root_1xabw_74 .uiSelect__control--is-focused{box-shadow:none;border:1px solid var(--color-primary-500)}._root_1xabw_74 .uiSelect__control--is-focused:hover{border-color:var(--color-primary-500)}._root_1xabw_74 .uiSelect__value-container{padding:8px 12px}._root_1xabw_74 .uiSelect__input-container{padding:0;margin:0}._root_1xabw_74 .uiSelect__indicator{color:var(--color-gray-400);padding-right:12px}._root_1xabw_74 .uiSelect__clear-indicator{padding:0}._root_1xabw_74 .uiSelect__indicator-separator{display:none}._root_1xabw_74 .uiSelect__menu{border-radius:8px;border:1px solid var(--color-gray-100);box-shadow:0 4px 30px #2e2d741a}._root_1xabw_74 .uiSelect__multi-value{background-color:var(--color-primary-100);border:0;border-radius:4px;margin:0 2px}._root_1xabw_74 .uiSelect__multi-value .uiSelect__multi-value__label{font-weight:500;font-size:12px;color:var(--color-primary-500)}._root_1xabw_74 .uiSelect__multi-value .uiSelect__multi-value__remove{color:var(--color-primary-500);border-radius:0 4px 4px 0}._root_1xabw_74 ._menuOpen_1xabw_136,._root_1xabw_74 ._menuClose_1xabw_136{display:inline-flex;transform:transform .15s ease}._root_1xabw_74 ._menuOpen_1xabw_136{transform:rotate(180deg)}:root{--color-primary-50: #efeffd;--color-primary-100: #dedefa;--color-primary-200: #bebdf6;--color-primary-300: #9d9bf1;--color-primary-400: #7d7aed;--color-primary-500: #5c59e8;--color-primary-600: #4543ae;--color-primary-700: #2e2d74;--color-primary-800: #17163a;--color-primary-900: #090917;--color-green-50: #e7f4ee;--color-green-100: #cfe7dc;--color-green-200: #9ed0b9;--color-green-300: #6ebb95;--color-green-400: #3da172;--color-green-500: #0d894f;--color-green-600: #0a673b;--color-green-700: #074528;--color-green-800: #032214;--color-green-900: #010e08;--color-yellow-50: #fdf1e8;--color-yellow-100: #fae1cf;--color-yellow-200: #f4c3a0;--color-yellow-300: #efa670;--color-yellow-400: #e98841;--color-yellow-500: #e46a11;--color-yellow-600: #ab500d;--color-yellow-700: #723509;--color-yellow-800: #391b04;--color-yellow-900: #170b02;--color-red-50: #feedec;--color-red-100: #fcdad7;--color-red-200: #f9b4af;--color-red-300: #f68f88;--color-red-400: #f36960;--color-red-500: #f04438;--color-red-600: #b4332a;--color-red-700: #78221c;--color-red-800: #3c110e;--color-red-900: #180706;--color-blue-50: #e8f8fd;--color-blue-100: #d0f0fa;--color-blue-200: #a1e0f4;--color-blue-300: #71d1ef;--color-blue-400: #42c1e9;--color-blue-500: #13b2e4;--color-blue-600: #0e86ab;--color-blue-700: #0a5972;--color-blue-800: #052d39;--color-blue-900: #021217;--color-black-500: #667085;--color-black-600: #4d5464;--color-black-700: #333843;--color-black-800: #1a1c21;--color-black-900: #0a0b0d;--color-gray-25: #f9f9fc;--color-gray-50: #f0f1f3;--color-gray-100: #e0e2e7;--color-gray-200: #c2c6ce;--color-gray-300: #a3a9b6;--color-gray-400: #858d9d;--color-white: #ffffff}._textarea_1tpsc_74{color:var(--color-black-700);font-size:14px;font-weight:400;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:8px;padding:8px 12px;resize:none;min-height:156px}._textarea_1tpsc_74:focus-visible{border-color:var(--color-primary-500)}._textarea_1tpsc_74._error_1tpsc_88{background-color:var(--color-red-50);border-color:var(--color-red-100)}._textarea_1tpsc_74:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}

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

@@ -0,0 +1,10 @@
+export interface ICheckboxProps {
+    id?: string;
+    name: string;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    isError?: boolean;
+    checked?: boolean;
+}
+export declare const Checkbox: (props: ICheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/formgroup/FormGroup.d.ts

@@ -0,0 +1,4 @@
+export interface IFormGroupProps {
+    children: React.ReactNode;
+}
+export declare const FormGroup: (props: IFormGroupProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,14 @@
+export interface IInputProps {
+    id?: string;
+    name: string;
+    type?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    isError?: boolean;
+    isLoading?: boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+}
+export declare const Input: (props: IInputProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/label/Label.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface ILabelProps {
+    htmlFor: string;
+    children?: ReactNode;
+}
+export declare const Label: (props: ILabelProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,8 @@
+import { Props } from 'react-select';
+export interface ISelectProps extends Props {
+    isError?: boolean;
+    isLoading?: boolean;
+    isMulti?: boolean;
+    disabled?: boolean;
+}
+export declare const Select: (props: ISelectProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,11 @@
+export interface ITextareaProps {
+    id?: string;
+    name: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    disabled?: boolean;
+    isError?: boolean;
+    isLoading?: boolean;
+}
+export declare const Textarea: (props: ITextareaProps) => import("react/jsx-runtime").JSX.Element;

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

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