@dktunited-techoff/techoff-suite-ui 1.1.0 → 1.2.0

package/esm/components/Icon/icons/search.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"></path></svg>

package/esm/components/Icon/icons/seedling-circle.svg

@@ -1,12 +0,0 @@
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
-<path d="M9,18c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S14,18,9,18z M9,16.2c4,0,7.2-3.2,7.2-7.2S13,1.8,9,1.8S1.8,5,1.8,9S5,16.2,9,16.2z"/>
-<g>
-	<g>
-		<path d="M8.5,11.1C8,9.1,6.9,8.4,4.7,8.7c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0,0,0.1c0,0,0,0,0,0.1C4.6,9.5,5.2,11.5,8.5,11.1z"/>
-		<path d="M9.2,9.6c2-2.7,1.8-4.5-0.9-6.8c0,0-0.1,0-0.2,0C8,2.8,8,2.8,7.9,2.9C7.2,3.6,5.3,6.2,9.2,9.6"/>
-		<path d="M13.3,9.5C13.3,9.5,13.4,9.5,13.3,9.5c0.1,0,0.1,0.1,0.2,0.1v0.1v0.1c-0.1,0.8-0.6,3-4.1,3.1c-0.2,0.5-0.2,1.1,0,1.6
-			l-0.9,0.3c-0.2-0.9-0.2-1.8,0-2.7C8.7,11.5,9,11,9.4,10.6s0.9-0.7,1.5-0.9C11.7,9.5,12.5,9.4,13.3,9.5"/>
-	</g>
-</g>
-</svg>

package/esm/components/Icon/icons/square.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5Z"></path></svg>

package/esm/components/Icon/icons/tools.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5.32943 3.27152C6.56252 2.83314 7.9923 3.10743 8.97927 4.0944C10.1002 5.21531 10.3019 6.90735 9.5843 8.23378L20.293 18.9436L18.8788 20.3579L8.16982 9.64869C6.84325 10.3668 5.15069 10.1653 4.02952 9.04415C3.04227 8.0569 2.7681 6.62659 3.20701 5.39326L5.44373 7.62994C6.02952 8.21572 6.97927 8.21572 7.56505 7.62994C8.15084 7.04415 8.15084 6.0944 7.56505 5.50862L5.32943 3.27152ZM15.6968 5.15506L18.8788 3.38729L20.293 4.80151L18.5252 7.98349L16.7574 8.33704L14.6361 10.4584L13.2219 9.04415L15.3432 6.92283L15.6968 5.15506ZM8.97927 13.2868L10.3935 14.701L5.09018 20.0043C4.69966 20.3948 4.06649 20.3948 3.67597 20.0043C3.31334 19.6417 3.28744 19.0698 3.59826 18.6773L3.67597 18.5901L8.97927 13.2868Z"></path></svg>

package/esm/components/Icon/icons/user.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"></path></svg>

package/esm/components/Inputs/BooleanInput/BooleanInput.css

@@ -1,58 +0,0 @@
-.boolean-input {
-  display: flex;
-  flex-direction: column;
-}
-.boolean-input > label {
-  display: block;
-  margin-bottom: 4px;
-  color: #012b49;
-  font-weight: 700;
-}
-.boolean-input-container {
-  display: flex;
-}
-
-.boolean-input--disabled {
-  opacity: 0.5;
-}
-.boolean-input--disabled .boolean-input-content > div {
-  cursor: not-allowed;
-}
-
-/* ######## */
-/* INPUTS   */
-.boolean-input-content {
-  display: flex;
-  height: 32px;
-  border-radius: 6px;
-  overflow: hidden;
-}
-.boolean-input-content > div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 44px;
-  padding: 12px;
-  background: #e7f3f9;
-  color: #007dbc;
-  font-weight: 700;
-  cursor: pointer;
-  transition: all ease 0.3s;
-}
-.boolean-input-content > div:first-child {
-  border-right: 1px solid #007dbc;
-}
-.boolean-input-content > .boolean-input--selected {
-  background: #007dbc;
-  color: #ffffff;
-}
-
-/* ######### */
-/* GLOBALS   */
-* {
-  font-size: 14px;
-  outline: none;
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
-}

package/esm/components/Inputs/BooleanInput/BooleanInput.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { BooleanInputProps } from './BooleanInput.types';
-import './BooleanInput.css';
-export declare const BooleanInput: ({ label, labelFalse, labelTrue, disabled, value, onChange }: BooleanInputProps) => React.JSX.Element;

package/esm/components/Inputs/BooleanInput/BooleanInput.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import './BooleanInput.css';
-export const BooleanInput = ({ label, labelFalse, labelTrue, disabled, value, onChange }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: `boolean-input ${disabled ? 'boolean-input--disabled' : ''}` },
-        label && React.createElement("label", null, label),
-        React.createElement("div", { className: "boolean-input-container" },
-            React.createElement("div", { className: "boolean-input-content" },
-                React.createElement("div", { className: value === true ? 'boolean-input--selected' : '', onClick: () => onChange(true) }, labelTrue),
-                React.createElement("div", { className: value === false ? 'boolean-input--selected' : '', onClick: () => onChange(false) }, labelFalse)))));
-};
-//# sourceMappingURL=BooleanInput.js.map

package/esm/components/Inputs/BooleanInput/BooleanInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanInput.js","sourceRoot":"","sources":["../../../../src/components/Inputs/BooleanInput/BooleanInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC7G,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAE,iBAAiB,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE;QACzE,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAEhC,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAC3F,SAAS,CACN;gBACN,6BAAK,SAAS,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAC7F,UAAU,CACP,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/components/Inputs/BooleanInput/BooleanInput.tsx

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { BooleanInputProps } from './BooleanInput.types';
-import './BooleanInput.css';
-
-export const BooleanInput = ({ label, labelFalse, labelTrue, disabled, value, onChange }: BooleanInputProps) => {
-  // #########
-  // Rendering
-  return (
-    <div className={`boolean-input ${disabled ? 'boolean-input--disabled' : ''}`}>
-      {label && <label>{label}</label>}
-
-      <div className="boolean-input-container">
-        <div className="boolean-input-content">
-          <div className={value === true ? 'boolean-input--selected' : ''} onClick={() => onChange(true)}>
-            {labelTrue}
-          </div>
-          <div className={value === false ? 'boolean-input--selected' : ''} onClick={() => onChange(false)}>
-            {labelFalse}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};

package/esm/components/Inputs/BooleanInput/BooleanInput.types.d.ts

@@ -1,8 +0,0 @@
-export type BooleanInputProps = {
-    label?: string;
-    labelFalse: string;
-    labelTrue: string;
-    disabled?: boolean;
-    value?: boolean;
-    onChange: (value: boolean) => void;
-};

package/esm/components/Inputs/BooleanInput/BooleanInput.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=BooleanInput.types.js.map

package/esm/components/Inputs/BooleanInput/BooleanInput.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanInput.types.js","sourceRoot":"","sources":["../../../../src/components/Inputs/BooleanInput/BooleanInput.types.ts"],"names":[],"mappings":""}

package/esm/components/Inputs/BooleanInput/BooleanInput.types.ts

@@ -1,8 +0,0 @@
-export type BooleanInputProps = {
-  label?: string;
-  labelFalse: string;
-  labelTrue: string;
-  disabled?: boolean;
-  value?: boolean;
-  onChange: (value: boolean) => void;
-};

package/esm/components/Inputs/BooleanInput/__stories__/BooleanInput.stories.mdx

@@ -1,53 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { BooleanInput } from '../BooleanInput';
-
-<Meta title="Components/Inputs/BooleanInput" />
-
-export const inputArgType = {
-  label: {
-    control: 'text',
-    description: 'Label of the input.',
-  },
-  labelFalse: {
-    control: 'text',
-    description: 'Label of the FALSE value.',
-  },
-  labelTrue: {
-    control: 'text',
-    description: 'Label of the TRUE value.',
-  },
-  disabled: {
-    control: 'boolean',
-    description: 'Enable state of the input.',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  value: {
-    control: 'boolean',
-    description: 'Value of the input (can be undefined).',
-  },
-  onChange: {
-    control: 'function',
-    description: 'The handler called when clicking on input.',
-  },
-};
-
-# Boolean Input
-
-The Boolean input is used to quickly switch between two possible states. It is commonly used for "yes/no" switches. The input can in some cases have a 3rd state, EMPTY.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{ label: 'Label', labelFalse: 'No', labelTrue: 'Yes', disabled: false }}
-    argTypes={inputArgType}
-  >
-    {args => <BooleanInput {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={BooleanInput} />

package/esm/components/Inputs/Input/Input.css

@@ -1,97 +0,0 @@
-.input {
-  display: flex;
-  flex-direction: column;
-}
-input[type='number'] {
-  -moz-appearance: textfield;
-}
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.input > label {
-  display: block;
-  margin-bottom: 4px;
-  color: #012b49;
-  font-weight: 700;
-}
-.input--disabled {
-  opacity: 0.5;
-}
-.input--disabled .boolean-input-container > div {
-  cursor: not-allowed;
-}
-.input-container {
-  position: relative;
-}
-.input-container > input {
-  width: 100%;
-  padding: 0 16px;
-  border-radius: 6px;
-  background: #ffffff;
-  color: #007dbc;
-  font-weight: 700;
-}
-.input-container > input::placeholder {
-  font-weight: 400;
-}
-.input-container > .input-icon-container {
-  position: absolute;
-  top: 50%;
-  right: 12px;
-  display: flex;
-  color: #4e5d6b;
-  transform: translateY(-50%);
-}
-.input-container > .input-icon-container > * {
-  margin-left: 8px;
-}
-.input--error {
-  display: flex;
-  align-items: center;
-  color: #ed6a5e;
-  font-size: 12px;
-  font-weight: 600;
-}
-.input--error-label {
-  margin-left: 4px;
-}
-.input-container--error > input {
-  border: 2px solid #ed6a5e;
-}
-
-/* ########## */
-/* VARIANTS   */
-.input-primary .input-container > input {
-  border: 1px solid #d4d4d4;
-}
-.input-shadow .input-container > input {
-  border: 0;
-  box-shadow: 0px 12px 12px 0px #00537d1a;
-}
-
-/* ###### */
-/* SIZE   */
-.input-md .input-container > input {
-  height: 32px;
-}
-.input-lg .input-container > input {
-  height: 40px;
-}
-
-/* ######### */
-/* ROUNDED   */
-.input--rounded .input-container > input {
-  border-radius: 9999px;
-}
-
-/* ######### */
-/* GLOBALS   */
-* {
-  font-size: 14px;
-  outline: none;
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
-}

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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { InputProps } from './Input.types';
-import './Input.css';
-export declare const Input: ({ errorLabel, icon, label, size, type, value, variant, disabled, resetable, rounded, onChange, ...props }: InputProps) => React.JSX.Element;

package/esm/components/Inputs/Input/Input.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Icon } from '../../Icon/Icon';
-import './Input.css';
-export const Input = ({ errorLabel, icon, label, size = 'md', type = 'text', value, variant = 'primary', disabled, resetable, rounded, onChange, ...props }) => {
-    // ########
-    // Handlers
-    const handleChange = (e) => onChange(e.target.value);
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: `
-        input input-${variant} input-${size}
-        ${disabled ? 'input--disabled' : ''}
-        ${rounded ? 'input--rounded' : ''}
-      ` },
-        label && React.createElement("label", null, label),
-        React.createElement("div", { className: `input-container ${errorLabel ? 'input-container--error' : ''}` },
-            React.createElement("input", { style: { paddingRight: icon && resetable ? '58px' : icon || resetable ? '36px' : '16px' }, type: type, value: value, disabled: disabled, onChange: handleChange, ...props }),
-            (icon || resetable) && (React.createElement("div", { className: "input-icon-container" },
-                resetable && (React.createElement("div", { style: { cursor: 'pointer' }, onClick: () => onChange('') },
-                    React.createElement(Icon, { name: "close", size: "16" }))),
-                icon && React.createElement(Icon, { name: icon, size: "16" })))),
-        errorLabel && (React.createElement("div", { className: "input--error" },
-            React.createElement(Icon, { name: "alert-circle-filled" }),
-            React.createElement("div", { className: "input--error-label" }, errorLabel)))));
-};
-//# sourceMappingURL=Input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,UAAU,EACV,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,MAAM,EACb,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACG,EAAE,EAAE;IACf,WAAW;IACX,WAAW;IACX,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE;sBACK,OAAO,UAAU,IAAI;UACjC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;UACjC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;OAClC;QAEA,KAAK,IAAI,mCAAQ,KAAK,CAAS;QAEhC,6BAAK,SAAS,EAAE,mBAAmB,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE;YAC7E,+BACE,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACzF,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,KAClB,KAAK,GACT;YAED,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,CACtB,6BAAK,SAAS,EAAC,sBAAsB;gBAClC,SAAS,IAAI,CACZ,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC5D,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,CAC3B,CACP;gBACA,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CACnC,CACP,CACG;QAEL,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,cAAc;YAC3B,oBAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,GAAG;YACnC,6BAAK,SAAS,EAAC,oBAAoB,IAAE,UAAU,CAAO,CAClD,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/components/Inputs/Input/Input.tsx

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { ChangeEvent } from 'react';
-import { Icon } from '../../Icon/Icon';
-import { InputProps } from './Input.types';
-import './Input.css';
-
-export const Input = ({
-  errorLabel,
-  icon,
-  label,
-  size = 'md',
-  type = 'text',
-  value,
-  variant = 'primary',
-  disabled,
-  resetable,
-  rounded,
-  onChange,
-  ...props
-}: InputProps) => {
-  // ########
-  // Handlers
-  const handleChange = (e: ChangeEvent<HTMLInputElement>) => onChange(e.target.value);
-
-  // #########
-  // Rendering
-  return (
-    <div
-      className={`
-        input input-${variant} input-${size}
-        ${disabled ? 'input--disabled' : ''}
-        ${rounded ? 'input--rounded' : ''}
-      `}
-    >
-      {label && <label>{label}</label>}
-
-      <div className={`input-container ${errorLabel ? 'input-container--error' : ''}`}>
-        <input
-          style={{ paddingRight: icon && resetable ? '58px' : icon || resetable ? '36px' : '16px' }}
-          type={type}
-          value={value}
-          disabled={disabled}
-          onChange={handleChange}
-          {...props}
-        />
-
-        {(icon || resetable) && (
-          <div className="input-icon-container">
-            {resetable && (
-              <div style={{ cursor: 'pointer' }} onClick={() => onChange('')}>
-                <Icon name="close" size="16" />
-              </div>
-            )}
-            {icon && <Icon name={icon} size="16" />}
-          </div>
-        )}
-      </div>
-
-      {errorLabel && (
-        <div className="input--error">
-          <Icon name="alert-circle-filled" />
-          <div className="input--error-label">{errorLabel}</div>
-        </div>
-      )}
-    </div>
-  );
-};

package/esm/components/Inputs/Input/Input.types.d.ts

@@ -1,14 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export type InputProps = {
-    errorLabel?: string;
-    icon?: string;
-    label?: string;
-    size?: 'md' | 'lg';
-    type?: 'text' | 'number';
-    value: string;
-    variant?: 'primary' | 'shadow';
-    disabled?: boolean;
-    resetable?: boolean;
-    rounded?: boolean;
-    onChange: (value: string) => void;
-} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;

package/esm/components/Inputs/Input/Input.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Input.types.js.map

package/esm/components/Inputs/Input/Input.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.types.js","sourceRoot":"","sources":["../../../../src/components/Inputs/Input/Input.types.ts"],"names":[],"mappings":""}

package/esm/components/Inputs/Input/Input.types.ts

@@ -1,15 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-
-export type InputProps = {
-  errorLabel?: string;
-  icon?: string;
-  label?: string;
-  size?: 'md' | 'lg';
-  type?: 'text' | 'number';
-  value: string;
-  variant?: 'primary' | 'shadow';
-  disabled?: boolean;
-  resetable?: boolean;
-  rounded?: boolean;
-  onChange: (value: string) => void;
-} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;

package/esm/components/Inputs/Input/__stories__/Input.stories.mdx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Input } from '../Input';
-import { icons } from '../../../Icon/icons';
-
-<Meta title="Components/Inputs/Input" />
-
-export const inputArgTypes = {
-  errorLabel: { control: 'text', description: 'Show error on the input.' },
-  icon: {
-    control: 'select',
-    options: Object.keys(icons),
-    description: 'Name of an icon.',
-  },
-  label: {
-    control: 'text',
-    description: 'Label of the input.',
-  },
-  placeholder: {
-    control: 'text',
-    description: 'Placeholder displayed when the input is empty.',
-  },
-  size: {
-    control: 'inline-radio',
-    options: ['md', 'lg'],
-    description: 'Define the size of the input.',
-    table: { defaultValue: { summary: 'md' } },
-  },
-  type: {
-    control: 'inline-radio',
-    options: ['text', 'number'],
-    description: 'Type of the input.',
-    table: { defaultValue: { summary: 'text' } },
-  },
-  value: {
-    control: 'text',
-    description: 'Value of the input.',
-  },
-  variant: {
-    control: 'inline-radio',
-    options: ['primary', 'shadow'],
-    description: 'Variant of the input.',
-    table: { defaultValue: { summary: 'primary' } },
-  },
-  disabled: {
-    control: 'boolean',
-    description: 'Disabled the input',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  resetable: {
-    control: 'boolean',
-    description: 'Reset the input value',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  rounded: {
-    control: 'boolean',
-    description: 'Rounded the input',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  onChange: {
-    control: 'function',
-    description: 'The handler called when the value of the input changes.',
-  },
-};
-
-# Text Input
-
-Text input allows the user to enter content and data when the expected user input is a single line of text.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{
-      errorLabel: '',
-      label: 'Label',
-      placeholder: 'This is a placeholder',
-      size: 'md',
-      type: 'text',
-      value: '',
-      variant: 'primary',
-      disabled: false,
-      resetable: false,
-      rounded: false,
-    }}
-    argTypes={inputArgTypes}
-  >
-    {args => <Input type="number" {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Input} />

package/esm/components/Loader/Loader.css

@@ -1,42 +0,0 @@
-@keyframes rotation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.loader {
-  border: 2px solid;
-  border-color: #00689d transparent;
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  animation: rotation 1.5s linear infinite;
-}
-
-/* ####### */
-/* SIZES   */
-.loader--sm {
-  width: 24px;
-  height: 24px;
-}
-.loader--md {
-  width: 32px;
-  height: 32px;
-}
-.loader--lg {
-  width: 44px;
-  height: 44px;
-}
-
-/* ######### */
-/* GLOBALS   */
-* {
-  font-size: 14px;
-  outline: none;
-  box-sizing: border-box;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
-    'Helvetica Neue', sans-serif;
-}

package/esm/components/Loader/Loader.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { LoaderProps } from './Loader.types';
-import './Loader.css';
-export declare const Loader: ({ size }: LoaderProps) => React.JSX.Element;

package/esm/components/Loader/Loader.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import './Loader.css';
-export const Loader = ({ size = 'md' }) => {
-    return React.createElement("div", { className: `loader loader--${size}` });
-};
-//# sourceMappingURL=Loader.js.map

package/esm/components/Loader/Loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAe,EAAE,EAAE;IACrD,OAAO,6BAAK,SAAS,EAAE,kBAAkB,IAAI,EAAE,GAAI,CAAC;AACtD,CAAC,CAAC"}

package/esm/components/Loader/Loader.types.d.ts

@@ -1,3 +0,0 @@
-export type LoaderProps = {
-    size?: 'sm' | 'md' | 'lg';
-};

package/esm/components/Loader/Loader.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Loader.types.js.map

package/esm/components/Loader/Loader.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.types.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.types.ts"],"names":[],"mappings":""}

package/esm/components/Loader/__stories__/Loader.stories.mdx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Loader } from '../Loader';
-
-<Meta title="Components/Loader" />
-
-export const loaderArgTypes = {
-  size: {
-    control: 'inline-radio',
-    options: ['sm', 'md', 'lg'],
-    description: 'Define the size of the loader.',
-    table: { defaultValue: { summary: 'md' } },
-  },
-};
-
-# Loader
-
-Loader express to user that an action is occuring.
-
-## Overview
-
-<Canvas>
-  <Story name="Overview" args={{ size: 'md' }} argTypes={loaderArgTypes}>
-    {args => <Loader {...args}>{args.children}</Loader>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Loader} />