nectiasw 0.0.256 → 0.0.259

package/README.md

@@ -1,30 +1,30 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
+    tsconfigRootDir: __dirname,
+  },
+};
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

package/dist/components/Alert/Alert.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Alert } from '.';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WarningOutlined: Story;
+export declare const WarningSolid: Story;
+export declare const Info: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+export declare const WithoutIcon: Story;
+export declare const ComplexContent: Story;

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

@@ -0,0 +1,11 @@
+import { ReactNode, ComponentType, SVGProps } from 'react';
+type AlertProps = {
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
+    iconSize?: number | string;
+    iconColor?: string;
+    iconTextColor?: string;
+    content?: ReactNode;
+    className?: string;
+};
+export declare const Alert: ({ icon: Icon, iconSize, iconColor, iconTextColor, content, className, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Badge/Bagde.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: import('react').FunctionComponent<import('.').BadgeProps>;
@@ -9,7 +8,7 @@ declare const meta: {
     tags: string[];
     argTypes: {};
     args: {
-        onClick: import('@vitest/spy').Mock<[], void>;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { BadgeStatus } from './types';
-
 export type BadgeProps = {
     color?: string;
     error?: number;

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { BoxProps } from './types';
-
 export declare const Box: React.FC<BoxProps>;

package/dist/components/Box/styles.d.ts

@@ -1,5 +1,4 @@
 import { BoxProps } from './types';
-
 type ContainerArgs = Partial<BoxProps>;
 export declare const classes: (props: ContainerArgs) => string;
 /**

package/dist/components/Box/types.d.ts

@@ -3,21 +3,21 @@ export declare enum Rule {
     PIXELS = "px"
 }
 type RotateDegree = '0' | '1' | '2' | '3' | '6' | '12' | '45' | '90' | '180';
-type BrightnessLevel = "0" | "50" | "75" | "90" | "95" | "100" | "105" | "110" | "125" | "150" | "200";
-type ScaleLevel = "0" | "50" | "75" | "90" | "95" | "100";
-type BorderWidth = "0" | "2" | "4" | "8" | "x-0" | "x-2" | "x-4" | "x-8" | "x" | "y-0" | "y-2" | "y-4" | "y-8" | "y" | "s-0" | "s-2" | "s-4" | "s-8" | "s" | "e-0" | "e-2" | "e-4" | "e-8" | "e" | "t-0" | "t-2" | "t-4" | "t-8" | "t" | "r-0" | "r-2" | "r-4" | "r-8" | "r" | "b-0" | "b-2" | "b-4" | "b-8" | "b" | "l-0" | "l-2" | "l-4" | "l-8" | "l";
-type Radius = "none" | "sm" | "full" | "md" | "lg" | "xl" | "2xl" | "3xl";
+type BrightnessLevel = '0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150' | '200';
+type ScaleLevel = '0' | '50' | '75' | '90' | '95' | '100';
+type BorderWidth = '0' | '2' | '4' | '8' | 'x-0' | 'x-2' | 'x-4' | 'x-8' | 'x' | 'y-0' | 'y-2' | 'y-4' | 'y-8' | 'y' | 's-0' | 's-2' | 's-4' | 's-8' | 's' | 'e-0' | 'e-2' | 'e-4' | 'e-8' | 'e' | 't-0' | 't-2' | 't-4' | 't-8' | 't' | 'r-0' | 'r-2' | 'r-4' | 'r-8' | 'r' | 'b-0' | 'b-2' | 'b-4' | 'b-8' | 'b' | 'l-0' | 'l-2' | 'l-4' | 'l-8' | 'l';
+type Radius = 'none' | 'sm' | 'full' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type OpacityValue = '0' | '5' | '10' | '20' | '25' | '30' | '40' | '50' | '60' | '70' | '75' | '80' | '90' | '95' | '100';
 type BorderRadius = Radius | `s-${Radius}` | `e-${Radius}` | `t-${Radius}` | `r-${Radius}` | `b-${Radius}` | `ss-${Radius}` | `se-${Radius}` | `ee-${Radius}` | `es-${Radius}` | `tl-${Radius}` | `tr-${Radius}` | `bl-${Radius}` | `br-${Radius}`;
-type BreakTiming = "auto" | "avoid" | "all" | "avoid-page" | "page" | "left" | "right" | "column";
-type ScreenSize = "0" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose";
-type BlurLevel = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
-type SelectProperties = "none" | "text" | "all" | "auto";
-type TextOverflowProperties = "truncate" | "ellipsis" | "clip";
-type DisplayProperties = "block" | "inline" | "inline-block" | string;
-type PositionProperties = "static" | "relative" | "absolute" | "sticky" | "fixed";
-type OverflowProperties = "auto" | "hidden" | "clip" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | "x-clip" | "y-visible" | "x-scroll" | "y-scroll";
-type whiteSpaceProperties = "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces";
+type BreakTiming = 'auto' | 'avoid' | 'all' | 'avoid-page' | 'page' | 'left' | 'right' | 'column';
+type ScreenSize = '0' | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | 'min' | 'max' | 'fit' | 'prose';
+type BlurLevel = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+type SelectProperties = 'none' | 'text' | 'all' | 'auto';
+type TextOverflowProperties = 'truncate' | 'ellipsis' | 'clip';
+type DisplayProperties = 'block' | 'inline' | 'inline-block' | string;
+type PositionProperties = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
+type OverflowProperties = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll' | 'x-auto' | 'y-auto' | 'x-hidden' | 'y-hidden' | 'x-clip' | 'y-visible' | 'x-scroll' | 'y-scroll';
+type whiteSpaceProperties = 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap' | 'break-spaces';
 export type BoxProps = {
     id?: string;
     as?: string;
@@ -76,17 +76,17 @@ export type BoxProps = {
     breakAfter?: BreakTiming;
     breakInside?: BreakTiming;
     breakBefore?: BreakTiming;
-    float?: "left" | "right";
-    borderBox?: "border" | "content";
-    clear?: "left" | "right" | "both" | "none";
+    float?: 'left' | 'right';
+    borderBox?: 'border' | 'content';
+    clear?: 'left' | 'right' | 'both' | 'none';
     borders?: string[];
-    wordBreak?: "normal" | "words" | "all" | "keep";
-    borderStyle?: "solid" | "dashed";
+    wordBreak?: 'normal' | 'words' | 'all' | 'keep';
+    borderStyle?: 'solid' | 'dashed';
     borderColor?: string;
-    visibility?: "visibile" | "invisible" | "collapse";
-    textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
-    textTransform?: "uppercase" | "lowercase" | "capitalize" | "normal-case";
-    textDecoration?: "underline" | "overline" | "line-through" | "no-underline";
+    visibility?: 'visibile' | 'invisible' | 'collapse';
+    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
+    textDecoration?: 'underline' | 'overline' | 'line-through' | 'no-underline';
     lineHeight?: number | string;
     ringColor?: string | number;
     ringWidth?: string | number;
@@ -99,7 +99,7 @@ export type BoxProps = {
     rotate?: RotateDegree;
     select?: SelectProperties;
     whiteSpace?: whiteSpaceProperties;
-    onHover?: Partial<BoxProps> & Exclude<BoxProps, "hover">;
+    onHover?: Partial<BoxProps> & Exclude<BoxProps, 'hover'>;
     opacity?: OpacityValue;
 } & React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export {};

package/dist/components/Button/builder.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from './types';
-
 export type Override<T, U> = Omit<T, keyof U> & U;
 export type OverrideBuilder = Override<Builder, {
     backgrounds: typeof Builder.prototype.backgrounds;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ButtonProps } from './types';
-
 /**
  * @description
  * Button component with TailwindCSS support and default props for size and variant.

package/dist/components/Button/styled.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from './types';
-
-type ButtonStyledProps = Pick<ButtonProps, "fullWidth" | "tabWithHover" | "visuallyDisabled">;
+type ButtonStyledProps = Pick<ButtonProps, 'fullWidth' | 'tabWithHover' | 'visuallyDisabled'>;
 export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonStyledProps>> & string;
 export {};

package/dist/components/Button/types.d.ts

@@ -1,13 +1,12 @@
 import { default as React } from 'react';
 import { OverrideBuilder } from './builder';
-
-export type Variant = "primary" | "secondary" | "outline" | "tertiary" | "quaternary" | "quinary" | "senary" | "secondarymuted" | "danger" | "info-outline" | "danger-outline" | "primary-outline" | "darkened-outline" | "secondary-outline";
+export type Variant = 'primary' | 'secondary' | 'outline' | 'tertiary' | 'quaternary' | 'quinary' | 'senary' | 'secondarymuted' | 'danger' | 'info-outline' | 'danger-outline' | 'primary-outline' | 'darkened-outline' | 'secondary-outline';
 export type ButtonProps = {
     disabled?: boolean;
     variant: Variant;
     children?: React.ReactNode;
-    size: "xs" | "sm" | "base" | "lg" | "xl" | "xxl" | "circle";
-    fontSize?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+    size: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'circle';
+    fontSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
     onClick?: () => void;
     disabledStyle?: string | Record<string, string>;
     Icon?: JSX.Element;
@@ -17,7 +16,7 @@ export type ButtonProps = {
     fullWidth?: boolean;
     tabWithHover?: boolean;
     visuallyDisabled?: boolean;
-    orientationIcon?: "right" | "left";
+    orientationIcon?: 'right' | 'left';
 };
 export type ButtonStyledProps = {
     fullWidth?: boolean;

package/dist/components/Button/variants/Weekday/Weekday.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { WeekdayBarProps } from './types';
-
 declare const meta: Meta<WeekdayBarProps>;
 export default meta;
 type Story = StoryObj<WeekdayBarProps>;

package/dist/components/Button/variants/Weekday/index.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { WeekdayBarProps } from './types';
-
 export declare const WeekdayBar: React.FunctionComponent<WeekdayBarProps>;

package/dist/components/Card/Card.stories.d.ts

@@ -1,5 +1,4 @@
 import { StoryObj } from '@storybook/react';
-
 declare const meta: {
     title: string;
     component: import('react').FunctionComponent<import('./types').CardProps>;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { CardProps, CardTitleProps } from './types';
-
 export declare const Card: React.FunctionComponent<CardProps>;
 export declare const DangerTitle: React.FC<CardTitleProps>;
 export declare const CheckTitle: React.FC<CardTitleProps>;

package/dist/components/Card/types.d.ts

@@ -5,6 +5,6 @@ export type CardProps = {
     state?: number;
 };
 export type CardTitleProps = {
-    title?: "Pendientes de Carga" | "Pendientes de Validación" | "Validados";
+    title?: 'Pendientes de Carga' | 'Pendientes de Validación' | 'Validados';
     Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
 };

package/dist/components/Card/variants/Schedule/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 import { ScheduleCardProps, HeaderProps } from './types';
-
 export declare const ScheduleCard: React.FC<ScheduleCardProps>;
 export declare const ScheduleHeader: React.FC<HeaderProps>;

package/dist/components/Card/variants/Schedule/styled.d.ts

@@ -1,4 +1,3 @@
 import { ScheduleCardProps, HeaderProps } from './types';
-
 export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ScheduleCardProps>> & string;
 export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderProps>> & string;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 /**
  * @description
  * Chart componnet for rendering content based on stages.

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

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-
 export type CheckboxIconProps = {
     status?: boolean;
-} & Pick<CheckboxProps, "left" | "top" | "right">;
+} & Pick<CheckboxProps, 'left' | 'top' | 'right'>;
 export type CheckboxProps = {
     id?: string;
     top?: string;

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

@@ -1,5 +1,4 @@
 import { CheckboxIconProps } from '.';
-
 export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLInputElement> | null | undefined;
 }>, never>, never>> & string;

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ColProps } from './types.ts';
-
 export declare const Col: React.FunctionComponent<ColProps>;

package/dist/components/Col/styled.d.ts

@@ -1,3 +1,2 @@
 import { ColProps } from './types';
-
 export declare const StyledCol: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColProps>> & string;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare const Collapse: React.FunctionComponent<CollapseProps>;
 export declare const StyledCollapse: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 /**
  * @description
  * Col grid container for tailwind dynamic grid.

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare const Counter: React.FunctionComponent<CounterProps>;
 export declare const Circle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PassedDays: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 /**
  * @description
  * Handle date and sync dates.

package/dist/components/Datepicker/styled.d.ts

@@ -1,6 +1,5 @@
 import { default as Datepicker } from 'react-datepicker';
 import { DatepickerProps } from '.';
-
 export declare const StyledDatepicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(import('react-datepicker').DatePickerProps & import('react').RefAttributes<Datepicker>) & import('styled-components/dist/types').BaseObject, DatepickerProps>> & string & Omit<typeof Datepicker, keyof import('react').Component<any, {}, any>>;
 export declare const StyledTableInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, DatepickerProps>> & string;
 export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, DatepickerProps>> & string;

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

@@ -1,5 +1,4 @@
 import { default as React, ReactNode } from 'react';
-
 export declare const SingleDeadlineChart: React.FC<SingleDeadlineChartProps>;
 export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Workline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Detail/Detail.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Menu } from '.';
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CollapsedByDefault: Story;
+export declare const NoCollapseOnTitle: Story;
+export declare const HoldingExample: Story;

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

@@ -1,18 +1,17 @@
 import { default as React } from 'react';
-import { CommonTextProps } from '@nectiasw/components/Text';
-
+import { CommonTextProps } from '../Text';
 export declare const Menu: React.FC<DetailProps & {
     children?: React.ReactNode;
-    size?: CommonTextProps["size"];
-    color?: CommonTextProps["color"];
+    size?: CommonTextProps['size'];
+    color?: CommonTextProps['color'];
 }>;
 export declare const Section: React.FC<SectionProps & {
-    labelSize?: CommonTextProps["size"];
-    valueSize?: CommonTextProps["size"];
-    labelFont?: CommonTextProps["font"];
-    valueFont?: CommonTextProps["font"];
-    labelColor?: CommonTextProps["color"];
-    valueColor?: CommonTextProps["color"];
+    labelSize?: CommonTextProps['size'];
+    valueSize?: CommonTextProps['size'];
+    labelFont?: CommonTextProps['font'];
+    valueFont?: CommonTextProps['font'];
+    labelColor?: CommonTextProps['color'];
+    valueColor?: CommonTextProps['color'];
 }>;
 export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Row: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -32,7 +31,7 @@ export type DetailProps = {
 export type SectionProps = {
     label?: string;
     color?: string;
-    formatAs?: "CLP" | "Hours" | "Default";
-    orientation?: "right" | "left" | "bottom" | "top";
+    formatAs?: 'CLP' | 'Hours' | 'Default';
+    orientation?: 'right' | 'left' | 'bottom' | 'top';
     value?: string | number;
 };

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { DragareaProps } from './types';
-
 export declare const Dragarea: React.FunctionComponent<DragareaProps>;

package/dist/components/Dragarea/styled.d.ts

@@ -1,5 +1,4 @@
 import { DragareaProps } from './types';
-
 export declare const Dropzone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DragareaProps>> & string;
 export declare const Message: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/Dragarea/svg.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare const CloudArrowUpIcon: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>>;
 export declare const ExclamationTriangleIcon: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>>;
 export declare const DocumentTextIcon: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>>;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 /**
  * @description
  * A dropdown component that uses Tailwind CSS for styling.
@@ -31,7 +30,7 @@ export type DropdownProps = {
     disabled?: boolean;
     onChange?: (value: string) => void;
     uncontrollable?: boolean;
-    orientation?: "left" | "right" | "top" | "bottom";
+    orientation?: 'left' | 'right' | 'top' | 'bottom';
     search?: boolean;
     icon?: React.ReactNode;
     itemColor?: string;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { CommonTextProps } from '@nectiasw/components/Text';
-
+import { CommonTextProps } from '../Text';
 /**
  * @description
  * Empty state for containers.

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { FirstModalProps } from './types.ts';
-
 export declare const FirstModal: React.FunctionComponent<FirstModalProps>;

package/dist/components/FirstModal/styled.d.ts

@@ -1,5 +1,4 @@
 import { FirstModalProps } from './types';
-
 export declare const ModalBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FirstModalProps>> & string;
 export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/dist/components/FirstModal/types.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export type FirstModalProps = {
     title?: string;
     isOpen?: boolean;
@@ -11,5 +10,5 @@ export type FirstModalProps = {
     Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     width?: number;
     height?: number;
-    unit?: "rem" | "%" | "px";
+    unit?: 'rem' | '%' | 'px';
 };

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

@@ -1,26 +1,25 @@
 import { default as React } from 'react';
-
 export declare const Flex: React.FC<FlexProps>;
 export declare const FlexItem: React.FC<FlexItemProps>;
 export type FlexProps = {
     gap?: number;
     display?: boolean;
     className?: string;
-    direction?: "col" | "row" | "col-reverse" | "row-reverse";
-    alignItems?: "center" | "start" | "end";
-    justifyContent?: "center" | "start" | "end" | "around" | "between";
+    direction?: 'col' | 'row' | 'col-reverse' | 'row-reverse';
+    alignItems?: 'center' | 'start' | 'end';
+    justifyContent?: 'center' | 'start' | 'end' | 'around' | 'between';
     spaceX?: number;
     spaceY?: number;
     children?: React.ReactNode;
-    wrap?: "wrap" | "nowrap" | "wrap-reverse";
+    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
 };
 export type FlexItemProps = {
     grow?: 1 | 0;
     shrink?: 1 | 0;
     children?: React.ReactNode;
-    self?: "start" | "center" | "end" | "stretch" | "baseline" | "auto";
+    self?: 'start' | 'center' | 'end' | 'stretch' | 'baseline' | 'auto';
     basis?: number | string;
-    justifySelf?: "auto" | "start" | "end" | "center" | "stretch";
-    order?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "first" | "last" | "none";
+    justifySelf?: 'auto' | 'start' | 'end' | 'center' | 'stretch';
+    order?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'first' | 'last' | 'none';
     className?: string;
 };

package/dist/components/Flex/styles.d.ts

@@ -1,9 +1,8 @@
 import { FlexProps, FlexItemProps } from '.';
-
 type ParentArgs = Partial<FlexProps>;
 type ChildArgs = Partial<FlexItemProps>;
 export declare const classes: {
-    child: ({ self, grow, basis, order, shrink, className, justifySelf, }: ChildArgs) => string;
+    child: ({ self, grow, basis, order, shrink, className, justifySelf }: ChildArgs) => string;
     parent: ({ gap, wrap, spaceX, spaceY, display, direction, className, alignItems, justifyContent, }: ParentArgs) => string;
 };
 export {};

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 declare global {
     interface Window {
         gtag: (...args: any) => void;

package/dist/components/Footer/svg.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare const LogoSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const WorldSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const LinkedinSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 /**
  * @description
  * Grid view system for CCC components.