@dktunited-techoff/techoff-suite-ui 1.7.11 → 1.8.1

package/esm/components/TsIcon/icons/save.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M7 19V13H17V19H19V7.82843L16.1716 5H5V19H7ZM4 3H17L21 7V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM9 15V19H15V15H9Z"></path></svg>

package/esm/components/TsIcon/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/TsIcon/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/TsIcon/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/TsIcon/icons/timer.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.6177 5.9681L19.0711 4.51472L20.4853 5.92893L19.0319 7.38231C20.2635 8.92199 21 10.875 21 13C21 17.9706 16.9706 22 12 22C7.02944 22 3 17.9706 3 13C3 8.02944 7.02944 4 12 4C14.125 4 16.078 4.73647 17.6177 5.9681ZM12 20C15.866 20 19 16.866 19 13C19 9.13401 15.866 6 12 6C8.13401 6 5 9.13401 5 13C5 16.866 8.13401 20 12 20ZM11 8H13V14H11V8ZM8 1H16V3H8V1Z"></path></svg>

package/esm/components/TsIcon/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/TsIcon/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/TsInput/TsInput/TsInput.css

@@ -1,92 +0,0 @@
-.ts-input {
-  width: 100%;
-}
-.ts-input-container {
-  position: relative;
-  width: 100%;
-}
-.ts-input-container input {
-  width: 100%;
-  height: 32px;
-  border: 1px solid #949494;
-  font-weight: 600;
-}
-.ts-input-container--error input {
-  border: 1px solid #e3262f;
-}
-.ts-input-error {
-  display: flex;
-  margin-top: 4px;
-  color: #e3262f;
-}
-.ts-input-error--icon {
-  margin-right: 4px;
-}
-.ts-input-error--label {
-  font-size: 12px;
-  font-weight: 500;
-}
-input::placeholder {
-  color: #7a7a7a;
-  font-weight: 400;
-}
-input:disabled {
-  cursor: not-allowed;
-}
-input:focus {
-  border: 1.5px solid #3643ba;
-}
-.ts-input--padding-0 input {
-  padding: 0 10px;
-}
-.ts-input--padding-1 input {
-  padding: 0 30px 0 10px;
-}
-.ts-input--padding-2 input {
-  padding: 0 100px 0 10px;
-}
-/* ####### */
-/* LABEL   */
-.ts-input-label {
-  padding-bottom: 6px;
-}
-/* ###### */
-/* ICON   */
-.ts-input-icon {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  min-width: 32px;
-  height: 32px;
-  color: #949494;
-}
-/* ################ */
-/* BY DEFAULT TAG   */
-.ts-input-tag {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 24px;
-  padding: 0 8px;
-  background: #ebecf7;
-  color: #3643ba;
-  font-weight: 400;
-  font-size: 12px;
-}
-
-/* ######### */
-/* 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/TsInput/TsInput/TsInput.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { TsInputProps } from './TsInput.types';
-import './TsInput.css';
-export declare const TsInput: ({ byDefault, error, icon, label, value, onChange, ...props }: TsInputProps) => React.JSX.Element;

package/esm/components/TsInput/TsInput/TsInput.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { TsIcon } from '../../TsIcon/TsIcon';
-import './TsInput.css';
-export const TsInput = ({ byDefault, error, icon, label, value, onChange, ...props }) => {
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: `ts-input ${byDefault ? 'ts-input--padding-2' : icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}` },
-        label && React.createElement("div", { className: "ts-input-label" }, label),
-        React.createElement("div", { className: `ts-input-container ${error && error !== '' ? 'ts-input-container--error' : ''}` },
-            React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
-            byDefault && React.createElement("div", { className: "ts-input-tag" },
-                byDefault,
-                " by default"),
-            icon && (React.createElement("div", { className: "ts-input-icon" },
-                React.createElement(TsIcon, { name: icon, size: "16" })))),
-        error && error !== '' && (React.createElement("div", { className: "ts-input-error" },
-            React.createElement("div", { className: "ts-input-error--icon" },
-                React.createElement(TsIcon, { name: "alert-circle", size: "16" })),
-            React.createElement("div", { className: "ts-input-error--label" }, error)))));
-};
-//# sourceMappingURL=TsInput.js.map

package/esm/components/TsInput/TsInput/TsInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACpG,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAAE;QAEhH,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BAAK,SAAS,EAAE,sBAAsB,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAAE;YAC9F,+BAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI;YACtF,SAAS,IAAI,6BAAK,SAAS,EAAC,cAAc;gBAAE,SAAS;8BAAkB;YACvE,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG;QAEL,KAAK,IAAI,KAAK,KAAK,EAAE,IAAI,CACxB,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,MAAM,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,GAAG,CACpC;YACN,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAO,CAChD,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/esm/components/TsInput/TsInput/TsInput.tsx

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { TsIcon } from '../../TsIcon/TsIcon';
-import { TsInputProps } from './TsInput.types';
-import './TsInput.css';
-
-export const TsInput = ({ byDefault, error, icon, label, value, onChange, ...props }: TsInputProps) => {
-  // #########
-  // Rendering
-  return (
-    <div
-      className={`ts-input ${byDefault ? 'ts-input--padding-2' : icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}`}
-    >
-      {label && <div className="ts-input-label">{label}</div>}
-      <div className={`ts-input-container ${error && error !== '' ? 'ts-input-container--error' : ''}`}>
-        <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
-        {byDefault && <div className="ts-input-tag">{byDefault} by default</div>}
-        {icon && (
-          <div className="ts-input-icon">
-            <TsIcon name={icon} size="16" />
-          </div>
-        )}
-      </div>
-
-      {error && error !== '' && (
-        <div className="ts-input-error">
-          <div className="ts-input-error--icon">
-            <TsIcon name="alert-circle" size="16" />
-          </div>
-          <div className="ts-input-error--label">{error}</div>
-        </div>
-      )}
-    </div>
-  );
-};

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

@@ -1,8 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export type TsInputProps = {
-    byDefault?: string | number;
-    error?: string;
-    icon?: string;
-    label?: string;
-    onChange: (value: string) => void;
-} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;

package/esm/components/TsInput/TsInput/TsInput.types.js

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

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

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

package/esm/components/TsInput/TsInput/TsInput.types.tsx

@@ -1,9 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-
-export type TsInputProps = {
-  byDefault?: string | number;
-  error?: string;
-  icon?: string;
-  label?: string;
-  onChange: (value: string) => void;
-} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;

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

@@ -1,77 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { TsInput } from '../TsInput';
-import { icons } from '../../../TsIcon/icons';
-
-<Meta title="Components/Input" />
-
-export const inputArgTypes = {
-  byDefault: {
-    control: 'text',
-    description: 'Add "by default" tag.',
-  },
-  error: {
-    control: 'text',
-    description: 'Error of the input.',
-  },
-  icon: {
-    control: 'select',
-    options: Object.keys(icons),
-    description: 'Icon of the input.',
-  },
-  label: {
-    control: 'text',
-    description: 'label of the input.',
-  },
-  placeholder: {
-    control: 'text',
-    description: 'Placeholder of the input.',
-  },
-  value: {
-    control: 'text',
-    description: 'Value of the input.',
-  },
-  disabled: {
-    control: 'boolean',
-    description: 'Enable state of the input.',
-    table: { defaultValue: { summary: 'false' } },
-  },
-  onChange: {
-    control: 'function',
-    description: 'The handler called when entering text (not available on playground).',
-  },
-  onValidate: {
-    control: 'function',
-    description: 'The handler called on input blur (not available on playground).',
-  },
-};
-
-# Input
-
-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={{
-      byDefault: '',
-      error: '',
-      icon: '',
-      label: 'Label',
-      placeholder: 'Enter some text',
-      value: '',
-      disabled: false,
-      onChange: () => {},
-      onValidate: () => {},
-    }}
-    argTypes={inputArgTypes}
-  >
-    {args => <TsInput {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={TsInput} />

package/esm/components/TsLoader/TsLoader.css

@@ -1,42 +0,0 @@
-@keyframes rotation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.ts-loader {
-  border: 2px solid;
-  border-color: #3643ba transparent;
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  animation: rotation 1.5s linear infinite;
-}
-
-/* ####### */
-/* SIZES   */
-.ts-loader--sm {
-  width: 24px;
-  height: 24px;
-}
-.ts-loader--md {
-  width: 32px;
-  height: 32px;
-}
-.ts-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/TsLoader/TsLoader.d.ts

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

package/esm/components/TsLoader/TsLoader.js

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

package/esm/components/TsLoader/TsLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TsLoader.js","sourceRoot":"","sources":["../../../src/components/TsLoader/TsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAiB,EAAE,EAAE;IACzD,OAAO,6BAAK,SAAS,EAAE,wBAAwB,IAAI,EAAE,GAAI,CAAC;AAC5D,CAAC,CAAC"}

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

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

package/esm/components/TsLoader/TsLoader.types.js

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

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

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

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { TsLoader } from '../TsLoader';
-
-<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 => <TsLoader {...args}>{args.children}</TsLoader>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={TsLoader} />

package/esm/components/TsTabs/TsTabs.css

@@ -1,69 +0,0 @@
-.ts-tabs {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-.ts-tabs-header {
-  display: flex;
-  width: 100%;
-  height: 64px;
-  border-bottom: 1px solid #d9dde1;
-}
-.ts-tabs-items-container {
-  flex: 1;
-  height: 100%;
-  padding: 0 16px;
-  overflow: auto;
-}
-.ts-tabs-items {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-.ts-tabs-item {
-  display: flex;
-  align-items: center;
-  margin-right: 20px;
-  padding: 4px 0;
-  white-space: nowrap;
-  cursor: pointer;
-}
-.ts-tabs-item--selected {
-  border-bottom: 1px solid #3643ba;
-  color: #3643ba;
-}
-.ts-tabs-item--disabled {
-  color: #8c96a2;
-  cursor: not-allowed;
-}
-.ts-tabs-item--selected-pin {
-  width: 6px;
-  height: 6px;
-  margin-left: 8px;
-  border-radius: 50%;
-  background: #3643ba;
-}
-.ts-tabs-actions {
-  display: flex;
-  align-items: center;
-  padding: 0 16px;
-}
-.ts-tabs-actions > * {
-  margin-left: 10px;
-}
-.ts-tabs-container {
-  flex: 1;
-  width: 100%;
-  overflow: hidden;
-}
-
-/* ######### */
-/* 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/TsTabs/TsTabs.d.ts

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

package/esm/components/TsTabs/TsTabs.js

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { useState } from 'react';
-import { TsIcon } from '../TsIcon/TsIcon';
-import './TsTabs.css';
-export const TsTabs = ({ defaultSelectedTabId, tabs }) => {
-    const [selectedTab, setSelectedTab] = useState(tabs.find(t => t.id === defaultSelectedTabId) ?? tabs[0]);
-    // ########
-    // Handlers
-    const handleSelectTab = (tab) => {
-        setSelectedTab(tab);
-        tab.onClick?.();
-    };
-    // #########
-    // Rendering
-    return (React.createElement("div", { className: "ts-tabs" },
-        React.createElement("div", { className: "ts-tabs-header" },
-            React.createElement("div", { className: "ts-tabs-items-container" },
-                React.createElement("div", { className: "ts-tabs-items" }, tabs.map(tab => (React.createElement("div", { key: tab.id, className: `
-                  ts-tabs-item
-                  ${tab.id === selectedTab.id ? 'ts-tabs-item--selected' : ''}
-                  ${tab.disabled ? 'ts-tabs-item--disabled' : ''}  
-                `, onClick: () => !tab.disabled && handleSelectTab(tab) },
-                    tab.icon && (React.createElement("div", { className: "ts-tabs-item--icon" },
-                        React.createElement(TsIcon, { name: tab.icon }))),
-                    React.createElement("div", { className: "ts-tabs-item--label" }, tab.label),
-                    tab.id === selectedTab.id && React.createElement("div", { className: "ts-tabs-item--selected-pin" })))))),
-            selectedTab?.actions && React.createElement("div", { className: "ts-tabs-actions" }, selectedTab?.actions)),
-        React.createElement("div", { className: "ts-tabs-container" }, selectedTab?.element)));
-};
-//# sourceMappingURL=TsTabs.js.map

package/esm/components/TsTabs/TsTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAe,EAAE,EAAE;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,oBAAoB,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAElH,WAAW;IACX,WAAW;IACX,MAAM,eAAe,GAAG,CAAC,GAAY,EAAE,EAAE;QACvC,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;QACtB,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BAAK,SAAS,EAAC,eAAe,IAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACf,6BACE,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,SAAS,EAAE;;oBAEP,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;oBACzD,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;iBAC/C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,eAAe,CAAC,GAAG,CAAC;oBAEnD,GAAG,CAAC,IAAI,IAAI,CACX,6BAAK,SAAS,EAAC,oBAAoB;wBACjC,oBAAC,MAAM,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,CACtB,CACP;oBACD,6BAAK,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAC,KAAK,CAAO;oBACrD,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,IAAI,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CACxE,CACP,CAAC,CACE,CACF;YAEL,WAAW,EAAE,OAAO,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,WAAW,EAAE,OAAO,CAAO,CAClF;QAEN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,WAAW,EAAE,OAAO,CAAO,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,14 +0,0 @@
-import { ReactElement } from 'react';
-export type TabItem = {
-    icon?: string;
-    id: string;
-    label: string;
-    disabled?: boolean;
-    element: ReactElement;
-    actions?: ReactElement;
-    onClick?: () => void;
-};
-export type TsTabsProps = {
-    defaultSelectedTabId?: string;
-    tabs: TabItem[];
-};

package/esm/components/TsTabs/TsTabs.types.js

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

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

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

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

@@ -1,50 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { TsButton } from '../../TsButton/TsButton';
-import { TsTabs } from '../TsTabs';
-
-<Meta title="Components/Tabs" />
-
-export const tabsArgTypes = {};
-
-# Tabs
-
-Tabs are used to move from one content to another within the same context.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{
-      tabs: [
-        {
-          id: '1',
-          label: 'Tab item 1',
-          element: <p>Tab item 1 content</p>,
-          actions: (
-            <>
-              <TsButton>Action 1</TsButton>
-              <TsButton>Action 2</TsButton>
-            </>
-          ),
-        },
-        { id: '2', label: 'Tab item 2', element: <p>Tab item 2 content</p> },
-        { id: 'disabled', label: 'Tab item disabled', disabled: true, element: <></> },
-        {
-          id: '3',
-          label: 'Tab item 3',
-          element: <p>Tab item 3 content</p>,
-          actions: <TsButton icon="add">Action</TsButton>,
-        },
-      ],
-    }}
-    argTypes={tabsArgTypes}
-  >
-    {args => <TsTabs {...args} />}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={TsTabs} />

package/esm/hooks/use-click-outside.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const useClickOutside: (callback: () => void) => import("react").RefObject<HTMLDivElement>;

package/esm/hooks/use-click-outside.js

@@ -1,14 +0,0 @@
-import { useEffect, useRef } from 'react';
-export const useClickOutside = (callback) => {
-    const ref = useRef(null);
-    const handleClickOutside = (event) => {
-        if (ref.current && !ref.current.contains(event.target))
-            callback();
-    };
-    useEffect(() => {
-        document.addEventListener('click', handleClickOutside);
-        return () => document.removeEventListener('click', handleClickOutside);
-    }, []);
-    return ref;
-};
-//# sourceMappingURL=use-click-outside.js.map

package/esm/hooks/use-click-outside.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.js","sourceRoot":"","sources":["../../src/hooks/use-click-outside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAoB,EAAE,EAAE;IACtD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC/C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;YAAE,QAAQ,EAAE,CAAC;IAC7E,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IACzE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}

package/esm/index.d.ts

@@ -1,10 +0,0 @@
-export * from './components/TsButton/TsButton';
-export * from './components/TsCheckbox/TsCheckbox';
-export * from './components/TsDropdown/TsDropdown';
-export * from './components/TsIcon/TsIcon';
-export * from './components/TsInput/TsInput/TsInput';
-export * from './components/TsLoader/TsLoader';
-export * from './components/TsTabs/TsTabs';
-export * from './layouts/TsHeader/TsHeader';
-export * from './layouts/TsHeader/TsHeaderProfile';
-export * from './layouts/TsNavigation/TsNavigation';

package/esm/index.js

@@ -1,11 +0,0 @@
-export * from './components/TsButton/TsButton';
-export * from './components/TsCheckbox/TsCheckbox';
-export * from './components/TsDropdown/TsDropdown';
-export * from './components/TsIcon/TsIcon';
-export * from './components/TsInput/TsInput/TsInput';
-export * from './components/TsLoader/TsLoader';
-export * from './components/TsTabs/TsTabs';
-export * from './layouts/TsHeader/TsHeader';
-export * from './layouts/TsHeader/TsHeaderProfile';
-export * from './layouts/TsNavigation/TsNavigation';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC"}