@addev-be/ui 2.7.6 → 3.0.6

package/README.md

@@ -0,0 +1,15 @@
+# @addev-be/ui
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run src/index.ts
+```
+
+This project was created using `bun init` in bun v1.3.6. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.

package/eslint.config.js

@@ -1,3 +1,6 @@
 import { eslintReactConfig } from '@addev-be/framework-utils/eslint/react.config.mjs';
 
-export default [...eslintReactConfig, { ignores: ['dist'] }];
+export default [
+  ...eslintReactConfig,
+  { ignores: ['dist', 'eslint.config.js'] },
+];

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@addev-be/ui",
-  "version": "2.7.6",
+  "version": "3.0.6",
   "type": "module",
+  "module": "src/index.ts",
   "scripts": {
-    "watch": "tsc -b --watch",
-    "build": "tsc -b",
+    "watch": "bun build --watch",
+    "build": "bun build --outdir=dist src/index.ts",
     "lint": "eslint .",
-    "publish": "yarn npm publish",
-    "test": "vitest"
+    "test": "vitest",
+    "publish:npm": "bun publish"
   },
   "types": "src/index.ts",
   "exports": {
@@ -21,7 +22,7 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^2.7.6",
+    "@addev-be/framework-utils": "^3.0.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -35,7 +36,8 @@
     "globals": "^16.4.0",
     "jsdom": "^27.3.0",
     "typescript": "^5.9.2",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.15",
+    "@types/bun": "latest"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -57,4 +59,4 @@
     "uuid": "^13.0.0",
     "zod": "^4.1.9"
   }
-}
+}

package/src/Icons.tsx

@@ -1,53 +1,53 @@
 import { FC, SVGProps, useEffect, useState } from 'react';
 
-import AngleLeftIcon from '../assets/icons/angle-left.svg?react';
-import AngleRightIcon from '../assets/icons/angle-right.svg?react';
-import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
-import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
-import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
-import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
-import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
-import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
-import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
-import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
-import BarsIcon from '../assets/icons/bars.svg?react';
-import CheckIcon from '../assets/icons/check.svg?react';
-import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
-import ChevronLeftIcon from '../assets/icons/chevron-left.svg?react';
-import ChevronRightIcon from '../assets/icons/chevron-right.svg?react';
-import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
-import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
-import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
-import CopyIcon from '../assets/icons/copy.svg?react';
-import DownIcon from '../assets/icons/down.svg?react';
-import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
-import FilterFullIcon from '../assets/icons/filter-full.svg?react';
-import FilterIcon from '../assets/icons/filter.svg?react';
-import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
-import FloppyDiskIcon from '../assets/icons/floppy-disk.svg?react';
-import HashtagIcon from '../assets/icons/hashtag.svg?react';
-import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
-import LeftIcon from '../assets/icons/left.svg?react';
-import MagnifierIcon from '../assets/icons/magnifier.svg?react';
-import PhoneIcon from '../assets/icons/phone.svg?react';
-import PlusIcon from '../assets/icons/plus.svg?react';
-import RightIcon from '../assets/icons/right.svg?react';
-import SigmaIcon from '../assets/icons/sigma.svg?react';
-import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
-import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
-import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
-import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
-import TableFooterIcon from '../assets/icons/table-footer.svg?react';
-import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
-import TableIcon from '../assets/icons/table.svg?react';
-import TallyIcon from '../assets/icons/tally.svg?react';
-import TrashCanIcon from '../assets/icons/trash-can.svg?react';
-import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
-import UpIcon from '../assets/icons/up.svg?react';
-import UserTieIcon from '../assets/icons/user-tie.svg?react';
-import XBarIcon from '../assets/icons/x-bar.svg?react';
-import XMarkIcon from '../assets/icons/xmark.svg?react';
-import XMarkLargeIcon from '../assets/icons/xmark-large.svg?react';
+import AngleLeftIcon from '../assets/icons/angle-left.svg';
+import AngleRightIcon from '../assets/icons/angle-right.svg';
+import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg';
+import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg';
+import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg';
+import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg';
+import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg';
+import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg';
+import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg';
+import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg';
+import BarsIcon from '../assets/icons/bars.svg';
+import CheckIcon from '../assets/icons/check.svg';
+import ChevronDownIcon from '../assets/icons/chevron-down.svg';
+import ChevronLeftIcon from '../assets/icons/chevron-left.svg';
+import ChevronRightIcon from '../assets/icons/chevron-right.svg';
+import CircleCheckIcon from '../assets/icons/circle-check.svg';
+import CircleInfoIcon from '../assets/icons/circle-info.svg';
+import CircleXMarkIcon from '../assets/icons/circle-xmark.svg';
+import CopyIcon from '../assets/icons/copy.svg';
+import DownIcon from '../assets/icons/down.svg';
+import EllipsisIcon from '../assets/icons/ellipsis.svg';
+import FilterFullIcon from '../assets/icons/filter-full.svg';
+import FilterIcon from '../assets/icons/filter.svg';
+import FilterSlashIcon from '../assets/icons/filter-slash.svg';
+import FloppyDiskIcon from '../assets/icons/floppy-disk.svg';
+import HashtagIcon from '../assets/icons/hashtag.svg';
+import ImageSlashIcon from '../assets/icons/image-slash.svg';
+import LeftIcon from '../assets/icons/left.svg';
+import MagnifierIcon from '../assets/icons/magnifier.svg';
+import PhoneIcon from '../assets/icons/phone.svg';
+import PlusIcon from '../assets/icons/plus.svg';
+import RightIcon from '../assets/icons/right.svg';
+import SigmaIcon from '../assets/icons/sigma.svg';
+import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg';
+import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg';
+import SpinnerIcon from '../assets/icons/spinner-third.svg';
+import TableColumnsIcon from '../assets/icons/table-columns.svg';
+import TableFooterIcon from '../assets/icons/table-footer.svg';
+import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg';
+import TableIcon from '../assets/icons/table.svg';
+import TallyIcon from '../assets/icons/tally.svg';
+import TrashCanIcon from '../assets/icons/trash-can.svg';
+import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg';
+import UpIcon from '../assets/icons/up.svg';
+import UserTieIcon from '../assets/icons/user-tie.svg';
+import XBarIcon from '../assets/icons/x-bar.svg';
+import XMarkIcon from '../assets/icons/xmark.svg';
+import XMarkLargeIcon from '../assets/icons/xmark-large.svg';
 
 type IconFCProps = SVGProps<SVGSVGElement>;
 export type IconFC = FC<IconFCProps>;

package/src/components/data/DataGrid/DataGridFooter.tsx

@@ -38,6 +38,7 @@ export const DataGridFooter = <R,>({
           key={col.key}
           style={{ width: (col.width ?? DEFAULT_COLUMN_WIDTH) + 'px' }}
           $headerColor={col.color ?? headerColor}
+          $textAlign={col.textAlign}
         >
           {footerFunctions?.[col.key]?.(rows, sortedRows, selectedRows)}
         </styles.DataGridHeaderCellContainer>

package/src/components/data/DataGrid/helpers/columns.tsx

@@ -193,6 +193,7 @@ export const numberColumn = <R extends Record<string, any>>(
     key,
     type: 'number',
     name: title,
+    textAlign: 'right',
     render: (value) => (
       <StyledTypography {...options?.typography}>
         {formatNumber(value, decimals)}
@@ -260,6 +261,7 @@ export const moneyColumn = <R extends Record<string, any>>(
     key,
     type: 'number',
     name: title,
+    textAlign: 'right',
     render:
       typeof currency === 'function'
         ? (value, row) => (
@@ -322,6 +324,7 @@ export const percentageColumn = <R extends Record<string, any>>(
     key,
     type: 'number',
     name: title,
+    textAlign: 'right',
     render: (value) => (
       <StyledTypography {...options?.typography}>
         {formatPercentage(value)}

package/src/components/data/DataGrid/styles.ts

@@ -45,6 +45,7 @@ type DataGridHeaderCellContainerProps = {
   $isResizing?: boolean;
   $headerColor?: ThemeColor;
   $hasFilterOpened?: boolean;
+  $textAlign?: 'left' | 'center' | 'right';
 };
 
 export const DataGridHeaderCellContainer = styled.div<DataGridHeaderCellContainerProps>`
@@ -59,6 +60,12 @@ export const DataGridHeaderCellContainer = styled.div<DataGridHeaderCellContaine
   padding: 0 var(--space-3);
   position: relative;
   box-sizing: border-box;
+  justify-content: ${({ $textAlign = 'left' }) =>
+    $textAlign === 'left'
+      ? 'flex-start'
+      : $textAlign === 'center'
+      ? 'center'
+      : 'flex-end'};
 
   z-index: ${({ $isResizing }) => ($isResizing ? 1 : 0)};
 
@@ -149,7 +156,12 @@ export const dataGridCellCss = css<DataGridCellFCProps>`
     }
   `}
   background-color: ${({ $color = 'base' }) => `var(--color-${$color}-50)`};
-  text-align: ${({ $textAlign = 'left' }) => $textAlign};
+  justify-content: ${({ $textAlign = 'left' }) =>
+    $textAlign === 'left'
+      ? 'flex-start'
+      : $textAlign === 'center'
+      ? 'center'
+      : 'flex-end'};
 `;
 
 export const DataGridCell = styled.div<DataGridCellFCProps>`

package/src/components/ui/Card/index.tsx

@@ -1,9 +1,10 @@
 import { CardContainer, CardFooter, CardHeader } from './styles';
 import { FC, HTMLAttributes } from 'react';
 
+import { SizeProps } from '../../../helpers/styled/size';
 import { SpaceProps } from '../../../helpers/styled/space';
 
-type CardFC = FC<HTMLAttributes<HTMLDivElement> & SpaceProps> & {
+type CardFC = FC<HTMLAttributes<HTMLDivElement> & SpaceProps & SizeProps> & {
   Header: typeof CardHeader;
   Footer: typeof CardFooter;
 };

package/src/components/ui/Card/styles.ts

@@ -1,10 +1,9 @@
+import { SizeProps, size } from '../../../helpers/styled/size';
 import { SpaceProps, space } from '../../../helpers/styled/space';
 
 import styled from 'styled-components';
 
-export const CardContainer = styled.div.attrs({
-  className: 'CardContainer',
-})<SpaceProps>`
+export const CardContainer = styled.div<SpaceProps & SizeProps>`
   display: flex;
   flex-direction: column;
   background-color: var(--color-base-50);
@@ -12,13 +11,13 @@ export const CardContainer = styled.div.attrs({
   box-shadow: var(--shadow-md);
   padding: var(--space-4);
   border: 1px solid var(--color-base-200);
+  box-sizing: border-box;
 
   ${space}
+  ${size}
 `;
 
-export const CardHeader = styled.div.attrs({
-  className: 'CardHeader',
-})`
+export const CardHeader = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -28,9 +27,7 @@ export const CardHeader = styled.div.attrs({
   gap: var(--space-2);
 `;
 
-export const CardFooter = styled.div.attrs({
-  className: 'CardFooter',
-})`
+export const CardFooter = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;

package/src/components/ui/TabsView/styles.ts

@@ -12,8 +12,8 @@ import styled, { css } from 'styled-components';
 export const TabsViewContainer = styled.div`
   display: flex;
   flex-direction: column;
-  height: 100%;
   gap: var(--space-4);
+  min-height: 0;
 `;
 
 export const TabsListContainer = styled.div<SpaceProps>`
@@ -75,7 +75,8 @@ export const TabContentContainer = styled.div<{
   $isOverflow?: boolean;
 }>`
   display: flex;
-  height: 100%;
+  flex: 1;
+  min-height: 0;
 
   ${({ $isOverflow }) => css`
     overflow: ${$isOverflow ? 'auto' : 'hidden'};

package/src/helpers/styled/size.ts

@@ -0,0 +1,25 @@
+import { CssLength, ThemeSize } from '../../providers/ThemeProvider/types';
+
+import { css } from 'styled-components';
+import { isCssLength } from '../../providers/ThemeProvider/helpers';
+
+export type SizeProps = {
+  w?: ThemeSize | CssLength;
+  h?: ThemeSize | CssLength;
+};
+
+export const size = css<SizeProps>`
+  ${({ w = 'auto' }) =>
+    isCssLength(w)
+      ? `width: ${w};`
+      : w === 'full'
+      ? 'width: 100%;'
+      : w.startsWith('-')
+      ? `width: calc(0 - var(--space-${w.substring(1)}));`
+      : `width: var(--space-${w});`}
+`;
+
+export const extractSizeProps = ({ w, h }: SizeProps) => ({
+  w,
+  h,
+});

package/src/helpers/styled/space.ts

@@ -6,13 +6,13 @@ import {
 import { css } from 'styled-components';
 
 export type MarginProps = {
-  m?: ThemeSpace | ThemeSpaceWithNegative;
-  mx?: ThemeSpace | ThemeSpaceWithNegative;
-  my?: ThemeSpace | ThemeSpaceWithNegative;
-  mt?: ThemeSpace | ThemeSpaceWithNegative;
-  mr?: ThemeSpace | ThemeSpaceWithNegative;
-  mb?: ThemeSpace | ThemeSpaceWithNegative;
-  ml?: ThemeSpace | ThemeSpaceWithNegative;
+  m?: ThemeSpaceWithNegative;
+  mx?: ThemeSpaceWithNegative;
+  my?: ThemeSpaceWithNegative;
+  mt?: ThemeSpaceWithNegative;
+  mr?: ThemeSpaceWithNegative;
+  mb?: ThemeSpaceWithNegative;
+  ml?: ThemeSpaceWithNegative;
 };
 
 export const margins = css<MarginProps>`

package/src/index.ts

@@ -23,6 +23,7 @@ export * from './components/forms/Select';
 export * from './components/forms/IconButton';
 export * from './components/forms/IndeterminateCheckbox';
 export * from './components/forms/Form';
+export * from './components/forms/Form/styles';
 export * from './components/forms/Form/Row';
 export * from './components/forms/styles';
 export * from './components/forms/NumberInput';
@@ -53,6 +54,7 @@ export * from './helpers/dates';
 export * from './helpers/numbers';
 export * from './helpers/text';
 export * from './helpers/responsive';
+export * from './helpers/styled/size';
 export * from './helpers/styled/space';
 export * from './helpers/styled/typography';
 

package/src/providers/ThemeProvider/helpers.ts

@@ -1,4 +1,5 @@
 import {
+  CssLength,
   Theme,
   ThemeColor,
   ThemeColorIntensity,
@@ -82,3 +83,7 @@ export const lightenColor = (
     100) as ThemeColorIntensity;
   return `${colorName}-${newIntensity}` as ThemeColorWithIntensity;
 };
+
+export const isCssLength = (value: string): value is CssLength => {
+  return /^-?\d+(\.\d+)?(px|em|rem|%|vh|vw)$/.test(value);
+};

package/src/providers/ThemeProvider/types.ts

@@ -110,7 +110,9 @@ export type ThemeSize =
   | '24'
   | '32'
   | '40'
-  | '48';
+  | '48'
+  | 'auto'
+  | 'full';
 export type ThemeRounded =
   | 'none'
   | 'sm'
@@ -132,3 +134,6 @@ export type Theme = DeepPartial<{
   rounded: Record<ThemeRounded, string>;
   shadows: Record<ThemeShadow, string>;
 }>;
+
+export type CssLengthUnit = 'px' | 'em' | 'rem' | '%' | 'vh' | 'vw';
+export type CssLength = `${number}${CssLengthUnit}`;

package/tsconfig.json

@@ -11,8 +11,7 @@
     "declaration": true,
     "outDir": "./dist",
     "rootDir": "./src",
-    "jsx": "react-jsx",
-    "types": ["vite/client", "vite-plugin-svgr/client"]
+    "jsx": "react-jsx"
   },
   "include": ["src"]
 }

package/dist/Icons.d.ts

@@ -1,59 +0,0 @@
-import { FC, SVGProps } from 'react';
-import AngleLeftIcon from '../assets/icons/angle-left.svg?react';
-import AngleRightIcon from '../assets/icons/angle-right.svg?react';
-import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
-import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
-import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
-import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
-import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
-import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
-import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
-import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
-import BarsIcon from '../assets/icons/bars.svg?react';
-import CheckIcon from '../assets/icons/check.svg?react';
-import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
-import ChevronLeftIcon from '../assets/icons/chevron-left.svg?react';
-import ChevronRightIcon from '../assets/icons/chevron-right.svg?react';
-import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
-import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
-import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
-import CopyIcon from '../assets/icons/copy.svg?react';
-import DownIcon from '../assets/icons/down.svg?react';
-import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
-import FilterFullIcon from '../assets/icons/filter-full.svg?react';
-import FilterIcon from '../assets/icons/filter.svg?react';
-import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
-import FloppyDiskIcon from '../assets/icons/floppy-disk.svg?react';
-import HashtagIcon from '../assets/icons/hashtag.svg?react';
-import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
-import LeftIcon from '../assets/icons/left.svg?react';
-import MagnifierIcon from '../assets/icons/magnifier.svg?react';
-import PhoneIcon from '../assets/icons/phone.svg?react';
-import PlusIcon from '../assets/icons/plus.svg?react';
-import RightIcon from '../assets/icons/right.svg?react';
-import SigmaIcon from '../assets/icons/sigma.svg?react';
-import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
-import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
-import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
-import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
-import TableFooterIcon from '../assets/icons/table-footer.svg?react';
-import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
-import TableIcon from '../assets/icons/table.svg?react';
-import TallyIcon from '../assets/icons/tally.svg?react';
-import TrashCanIcon from '../assets/icons/trash-can.svg?react';
-import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
-import UpIcon from '../assets/icons/up.svg?react';
-import UserTieIcon from '../assets/icons/user-tie.svg?react';
-import XBarIcon from '../assets/icons/x-bar.svg?react';
-import XMarkIcon from '../assets/icons/xmark.svg?react';
-import XMarkLargeIcon from '../assets/icons/xmark-large.svg?react';
-type IconFCProps = SVGProps<SVGSVGElement>;
-export type IconFC = FC<IconFCProps>;
-type AnimatedIconProps = {
-    icons: FC[];
-    speed?: number;
-};
-export declare const AnimatedIcon: FC<AnimatedIconProps & IconFCProps>;
-export declare const LoadingIcon: FC<IconFCProps>;
-export declare const BlankIcon: FC<IconFCProps>;
-export { AngleLeftIcon, AngleRightIcon, ArrowDown19Icon, ArrowDownAZIcon, ArrowDownBigSmallIcon, ArrowsRotateIcon, ArrowsUpDownIcon, ArrowUp91Icon, ArrowUpBigSmallIcon, ArrowUpZAIcon, BarsIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CircleCheckIcon, CircleInfoIcon, CircleXMarkIcon, CopyIcon, DownIcon, EllipsisIcon, FilterFullIcon, FilterIcon, FilterSlashIcon, FloppyDiskIcon, HashtagIcon, ImageSlashIcon, LeftIcon, MagnifierIcon, PhoneIcon, PlusIcon, RightIcon, SigmaIcon, SortCalendarAscendingIcon, SortCalendarDescendingIcon, SpinnerIcon, TableColumnsIcon, TableFooterIcon, TableFooterSlashIcon, TableIcon, TallyIcon, TrashCanIcon, TriangleExclamationIcon, UpIcon, UserTieIcon, XBarIcon, XMarkIcon, XMarkLargeIcon, };

package/dist/Icons.js

@@ -1,149 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XMarkIcon = exports.XBarIcon = exports.UserTieIcon = exports.UpIcon = exports.TriangleExclamationIcon = exports.TrashCanIcon = exports.TallyIcon = exports.TableIcon = exports.TableFooterSlashIcon = exports.TableFooterIcon = exports.TableColumnsIcon = exports.SpinnerIcon = exports.SortCalendarDescendingIcon = exports.SortCalendarAscendingIcon = exports.SigmaIcon = exports.RightIcon = exports.PlusIcon = exports.PhoneIcon = exports.MagnifierIcon = exports.LeftIcon = exports.ImageSlashIcon = exports.HashtagIcon = exports.FloppyDiskIcon = exports.FilterSlashIcon = exports.FilterIcon = exports.FilterFullIcon = exports.EllipsisIcon = exports.DownIcon = exports.CopyIcon = exports.CircleXMarkIcon = exports.CircleInfoIcon = exports.CircleCheckIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.BarsIcon = exports.ArrowUpZAIcon = exports.ArrowUpBigSmallIcon = exports.ArrowUp91Icon = exports.ArrowsUpDownIcon = exports.ArrowsRotateIcon = exports.ArrowDownBigSmallIcon = exports.ArrowDownAZIcon = exports.ArrowDown19Icon = exports.AngleRightIcon = exports.AngleLeftIcon = exports.BlankIcon = exports.LoadingIcon = exports.AnimatedIcon = void 0;
-exports.XMarkLargeIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var angle_left_svg_react_1 = __importDefault(require("../assets/icons/angle-left.svg?react"));
-exports.AngleLeftIcon = angle_left_svg_react_1.default;
-var angle_right_svg_react_1 = __importDefault(require("../assets/icons/angle-right.svg?react"));
-exports.AngleRightIcon = angle_right_svg_react_1.default;
-var arrow_down_1_9_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-1-9.svg?react"));
-exports.ArrowDown19Icon = arrow_down_1_9_svg_react_1.default;
-var arrow_down_a_z_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-a-z.svg?react"));
-exports.ArrowDownAZIcon = arrow_down_a_z_svg_react_1.default;
-var arrow_down_big_small_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-big-small.svg?react"));
-exports.ArrowDownBigSmallIcon = arrow_down_big_small_svg_react_1.default;
-var arrow_up_9_1_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-9-1.svg?react"));
-exports.ArrowUp91Icon = arrow_up_9_1_svg_react_1.default;
-var arrow_up_big_small_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-big-small.svg?react"));
-exports.ArrowUpBigSmallIcon = arrow_up_big_small_svg_react_1.default;
-var arrow_up_z_a_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-z-a.svg?react"));
-exports.ArrowUpZAIcon = arrow_up_z_a_svg_react_1.default;
-var arrows_rotate_svg_react_1 = __importDefault(require("../assets/icons/arrows-rotate.svg?react"));
-exports.ArrowsRotateIcon = arrows_rotate_svg_react_1.default;
-var arrows_up_down_svg_react_1 = __importDefault(require("../assets/icons/arrows-up-down.svg?react"));
-exports.ArrowsUpDownIcon = arrows_up_down_svg_react_1.default;
-var bars_svg_react_1 = __importDefault(require("../assets/icons/bars.svg?react"));
-exports.BarsIcon = bars_svg_react_1.default;
-var check_svg_react_1 = __importDefault(require("../assets/icons/check.svg?react"));
-exports.CheckIcon = check_svg_react_1.default;
-var chevron_down_svg_react_1 = __importDefault(require("../assets/icons/chevron-down.svg?react"));
-exports.ChevronDownIcon = chevron_down_svg_react_1.default;
-var chevron_left_svg_react_1 = __importDefault(require("../assets/icons/chevron-left.svg?react"));
-exports.ChevronLeftIcon = chevron_left_svg_react_1.default;
-var chevron_right_svg_react_1 = __importDefault(require("../assets/icons/chevron-right.svg?react"));
-exports.ChevronRightIcon = chevron_right_svg_react_1.default;
-var circle_check_svg_react_1 = __importDefault(require("../assets/icons/circle-check.svg?react"));
-exports.CircleCheckIcon = circle_check_svg_react_1.default;
-var circle_info_svg_react_1 = __importDefault(require("../assets/icons/circle-info.svg?react"));
-exports.CircleInfoIcon = circle_info_svg_react_1.default;
-var circle_xmark_svg_react_1 = __importDefault(require("../assets/icons/circle-xmark.svg?react"));
-exports.CircleXMarkIcon = circle_xmark_svg_react_1.default;
-var copy_svg_react_1 = __importDefault(require("../assets/icons/copy.svg?react"));
-exports.CopyIcon = copy_svg_react_1.default;
-var down_svg_react_1 = __importDefault(require("../assets/icons/down.svg?react"));
-exports.DownIcon = down_svg_react_1.default;
-var ellipsis_svg_react_1 = __importDefault(require("../assets/icons/ellipsis.svg?react"));
-exports.EllipsisIcon = ellipsis_svg_react_1.default;
-var filter_full_svg_react_1 = __importDefault(require("../assets/icons/filter-full.svg?react"));
-exports.FilterFullIcon = filter_full_svg_react_1.default;
-var filter_svg_react_1 = __importDefault(require("../assets/icons/filter.svg?react"));
-exports.FilterIcon = filter_svg_react_1.default;
-var filter_slash_svg_react_1 = __importDefault(require("../assets/icons/filter-slash.svg?react"));
-exports.FilterSlashIcon = filter_slash_svg_react_1.default;
-var floppy_disk_svg_react_1 = __importDefault(require("../assets/icons/floppy-disk.svg?react"));
-exports.FloppyDiskIcon = floppy_disk_svg_react_1.default;
-var hashtag_svg_react_1 = __importDefault(require("../assets/icons/hashtag.svg?react"));
-exports.HashtagIcon = hashtag_svg_react_1.default;
-var image_slash_svg_react_1 = __importDefault(require("../assets/icons/image-slash.svg?react"));
-exports.ImageSlashIcon = image_slash_svg_react_1.default;
-var left_svg_react_1 = __importDefault(require("../assets/icons/left.svg?react"));
-exports.LeftIcon = left_svg_react_1.default;
-var magnifier_svg_react_1 = __importDefault(require("../assets/icons/magnifier.svg?react"));
-exports.MagnifierIcon = magnifier_svg_react_1.default;
-var phone_svg_react_1 = __importDefault(require("../assets/icons/phone.svg?react"));
-exports.PhoneIcon = phone_svg_react_1.default;
-var plus_svg_react_1 = __importDefault(require("../assets/icons/plus.svg?react"));
-exports.PlusIcon = plus_svg_react_1.default;
-var right_svg_react_1 = __importDefault(require("../assets/icons/right.svg?react"));
-exports.RightIcon = right_svg_react_1.default;
-var sigma_svg_react_1 = __importDefault(require("../assets/icons/sigma.svg?react"));
-exports.SigmaIcon = sigma_svg_react_1.default;
-var sort_calendar_ascending_svg_react_1 = __importDefault(require("../assets/icons/sort-calendar-ascending.svg?react"));
-exports.SortCalendarAscendingIcon = sort_calendar_ascending_svg_react_1.default;
-var sort_calendar_descending_svg_react_1 = __importDefault(require("../assets/icons/sort-calendar-descending.svg?react"));
-exports.SortCalendarDescendingIcon = sort_calendar_descending_svg_react_1.default;
-var spinner_third_svg_react_1 = __importDefault(require("../assets/icons/spinner-third.svg?react"));
-exports.SpinnerIcon = spinner_third_svg_react_1.default;
-var table_columns_svg_react_1 = __importDefault(require("../assets/icons/table-columns.svg?react"));
-exports.TableColumnsIcon = table_columns_svg_react_1.default;
-var table_footer_svg_react_1 = __importDefault(require("../assets/icons/table-footer.svg?react"));
-exports.TableFooterIcon = table_footer_svg_react_1.default;
-var table_footer_slash_svg_react_1 = __importDefault(require("../assets/icons/table-footer-slash.svg?react"));
-exports.TableFooterSlashIcon = table_footer_slash_svg_react_1.default;
-var table_svg_react_1 = __importDefault(require("../assets/icons/table.svg?react"));
-exports.TableIcon = table_svg_react_1.default;
-var tally_svg_react_1 = __importDefault(require("../assets/icons/tally.svg?react"));
-exports.TallyIcon = tally_svg_react_1.default;
-var trash_can_svg_react_1 = __importDefault(require("../assets/icons/trash-can.svg?react"));
-exports.TrashCanIcon = trash_can_svg_react_1.default;
-var triangle_exclamation_svg_react_1 = __importDefault(require("../assets/icons/triangle-exclamation.svg?react"));
-exports.TriangleExclamationIcon = triangle_exclamation_svg_react_1.default;
-var up_svg_react_1 = __importDefault(require("../assets/icons/up.svg?react"));
-exports.UpIcon = up_svg_react_1.default;
-var user_tie_svg_react_1 = __importDefault(require("../assets/icons/user-tie.svg?react"));
-exports.UserTieIcon = user_tie_svg_react_1.default;
-var x_bar_svg_react_1 = __importDefault(require("../assets/icons/x-bar.svg?react"));
-exports.XBarIcon = x_bar_svg_react_1.default;
-var xmark_svg_react_1 = __importDefault(require("../assets/icons/xmark.svg?react"));
-exports.XMarkIcon = xmark_svg_react_1.default;
-var xmark_large_svg_react_1 = __importDefault(require("../assets/icons/xmark-large.svg?react"));
-exports.XMarkLargeIcon = xmark_large_svg_react_1.default;
-var AnimatedIcon = function (_a) {
-    var icons = _a.icons, _b = _a.speed, speed = _b === void 0 ? 150 : _b, props = __rest(_a, ["icons", "speed"]);
-    var _c = (0, react_1.useState)(0), currentIcon = _c[0], setCurrentIcon = _c[1];
-    (0, react_1.useEffect)(function () {
-        var interval = setInterval(function () {
-            setCurrentIcon(function (currentIcon) { return (currentIcon + 1) % icons.length; });
-        }, speed);
-        return function () {
-            clearInterval(interval);
-        };
-    }, [icons.length, speed]);
-    var Icon = icons[currentIcon];
-    return (0, jsx_runtime_1.jsx)(Icon, __assign({}, props));
-};
-exports.AnimatedIcon = AnimatedIcon;
-var LoadingIcon = function (_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(spinner_third_svg_react_1.default, __assign({ className: "animate-spin ".concat(className) }, props)));
-};
-exports.LoadingIcon = LoadingIcon;
-var BlankIcon = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, props))); };
-exports.BlankIcon = BlankIcon;

package/dist/components/auth/LoginForm.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const LoginForm: FC;