nectiasw 0.0.8 → 0.0.9

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { BadgeStatus } from './types';
+
+export type BadgeProps = {
+    color?: string;
+    error?: number;
+    width?: string;
+    height?: string;
+    className?: string;
+    status?: BadgeStatus;
+    onClick?: () => void;
+    borderRadius?: string;
+    backgroundColor?: string;
+    isLabel?: boolean;
+    children?: React.ReactNode;
+};
+export declare const Badge: React.FunctionComponent<BadgeProps>;

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

@@ -0,0 +1,5 @@
+export declare enum BadgeStatus {
+    DEFAULT = 1,
+    ERROR = 2,
+    SUCCESS = 3
+}

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

@@ -0,0 +1,108 @@
+import { default as React } from 'react';
+
+export declare const Box: React.FC<BoxProps>;
+declare enum Rule {
+    REM = "rem",
+    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 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";
+export type BoxProps = {
+    id?: string;
+    as?: string;
+    rule?: Rule;
+    color?: string;
+    blur?: BlurLevel;
+    grid?: boolean;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    width?: number | string;
+    height?: number | string;
+    top?: number | string;
+    left?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    insetX?: number | string;
+    insetY?: number | string;
+    margin?: number | string;
+    marginX?: number | string;
+    marginY?: number | string;
+    padding?: number | string;
+    paddingY?: number | string;
+    paddingX?: number | string;
+    paddingTop?: number | string;
+    paddingLeft?: number | string;
+    paddingRight?: number | string;
+    paddingBottom?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    minWidthScreen?: ScreenSize | string;
+    minHeightScreen?: ScreenSize | string;
+    maxWidthScreen?: ScreenSize | string;
+    maxHeightScreen?: ScreenSize | string;
+    marginTop?: number | string;
+    marginLeft?: number | string;
+    marginRight?: number | string;
+    marginBottom?: number | string;
+    backgroundColor?: string;
+    zIndex?: number | string;
+    display?: DisplayProperties;
+    position?: PositionProperties;
+    overflow?: OverflowProperties;
+    borderWidth?: BorderWidth | string | number;
+    textOverflow?: TextOverflowProperties;
+    borderTop?: boolean;
+    borderLeft?: boolean;
+    borderRight?: boolean;
+    borderBottom?: boolean;
+    container?: boolean;
+    breakAfter?: BreakTiming;
+    breakInside?: BreakTiming;
+    breakBefore?: BreakTiming;
+    float?: "left" | "right";
+    borderBox?: "border" | "content";
+    clear?: "left" | "right" | "both" | "none";
+    borders?: string[];
+    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";
+    lineHeight?: number | string;
+    ringColor?: string | number;
+    ringWidth?: string | number;
+    ringOfsset?: string | number;
+    brightness?: BrightnessLevel;
+    borderRadius?: BorderRadius;
+    scale?: ScaleLevel | string;
+    scaleY?: ScaleLevel | string;
+    scaleX?: ScaleLevel | string;
+    rotate?: RotateDegree;
+    select?: SelectProperties;
+    whiteSpace?: whiteSpaceProperties;
+    onHover?: Partial<BoxProps> & Exclude<BoxProps, "hover">;
+    opacity?: OpacityValue;
+} & React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export {};

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

@@ -0,0 +1,10 @@
+import { BoxProps } from './index';
+
+type ContainerArgs = Partial<BoxProps>;
+export declare const classes: (props: ContainerArgs) => string;
+/**
+ * @description
+ * Hover utility to avoid redundant hovering classes.
+ */
+export declare const hoverFn: (props: BoxProps) => string;
+export {};

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

@@ -0,0 +1,21 @@
+import { ButtonProps } from './types';
+
+export type Override<T, U> = Omit<T, keyof U> & U;
+export type OverrideBuilder = Override<Builder, {
+    backgrounds: typeof Builder.prototype.backgrounds;
+    variants: typeof Builder.prototype.variants;
+}>;
+declare class Builder {
+    private base;
+    private props;
+    variants: Record<string, string>;
+    fontSize: Record<string, string>;
+    backgrounds: Record<string, string>;
+    private disabled;
+    private active;
+    tailwind: string;
+    constructor(props: Partial<ButtonProps>, override?: OverrideBuilder);
+    private getDisabledStyle;
+    private buildClassName;
+}
+export { Builder };

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ButtonProps } from './types';
+
+/**
+ * @description
+ * Button component with TailwindCSS support and default props for size and variant.
+ * The component is styled with styled-components.
+ * @param props - ButtonProps
+ */
+export declare const Button: React.FunctionComponent<ButtonProps>;

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

@@ -0,0 +1,5 @@
+import { ButtonProps } from './types';
+
+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/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const classes: {
+    wrap: string;
+    disabledTest: string;
+};

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

@@ -0,0 +1,26 @@
+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 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";
+    onClick?: () => void;
+    disabledStyle?: string | Record<string, string>;
+    Icon?: JSX.Element;
+    override?: OverrideBuilder;
+    activeAsTab?: boolean;
+    className?: string;
+    fullWidth?: boolean;
+    tabWithHover?: boolean;
+    visuallyDisabled?: boolean;
+    orientationIcon?: "right" | "left";
+};
+export type ButtonStyledProps = {
+    fullWidth?: boolean;
+    tabWithHover?: boolean;
+    activeColor?: string;
+};

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

@@ -0,0 +1,7 @@
+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>;
+export declare const AlertTitle: React.FC<CardTitleProps>;

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

@@ -0,0 +1,17 @@
+export declare const classes: {
+    card: {
+        size: string;
+        style: string;
+        separator: string;
+        title: string;
+        body: string;
+        icon: string;
+    };
+    title: {
+        rule: string;
+        danger: string;
+        alert: string;
+        pass: string;
+        icon: string;
+    };
+};

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

@@ -0,0 +1,10 @@
+export type CardProps = {
+    requirement?: string;
+    description?: string;
+    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    state?: number;
+};
+export type CardTitleProps = {
+    title?: "Pendientes de Carga" | "Pendientes de Validación" | "Validados";
+    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+};

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

@@ -17,7 +17,6 @@ export type CheckboxProps = {
 /**
  * @description
  * Checkbox component with Tailwind CSS styles. This component is a wrapper of the native HTML checkbox.
- * @returns {React.FunctionComponent<CheckboxProps>}
  * @example
  * <TwCheckbox id="checkbox" name="checkbox" checked={true} />
  */

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

@@ -0,0 +1,17 @@
+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;
+}>> & string;
+export type CollapseProps = {
+    isOpen?: boolean;
+    title?: string;
+    child?: boolean;
+    width?: string;
+    className?: string;
+    override?: string;
+    onCollapse?: () => void;
+    uncontrollable?: boolean;
+    children?: React.ReactNode;
+};

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

@@ -0,0 +1,17 @@
+export declare const classes: {
+    container: {
+        text: string;
+        child: string;
+        panel: string;
+        button: string;
+        disclosure: string;
+        content: string;
+    };
+    icon: {
+        root: string;
+        container: string;
+        open: string;
+        close: string;
+        size: string;
+    };
+};

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+/**
+ * @description
+ * Col grid container for tailwind dynamic grid.
+ */
+export declare const Container: React.FunctionComponent<ContainerProps>;
+export type ContainerProps = {
+    children: React.ReactNode;
+    className?: string;
+    cols?: number;
+    start?: number;
+};

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

@@ -0,0 +1,12 @@
+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;
+export type CounterProps = {
+    color?: string;
+    message?: string;
+    passedDays?: number;
+    remainingDays?: number;
+    children?: React.ReactNode;
+};

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

@@ -0,0 +1,9 @@
+export declare const classes: {
+    container: string;
+    circle: string;
+    number: string;
+    unit: string;
+    info: string;
+    message: string;
+    transcurridoLabel: string;
+};

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+
+/**
+ * @description
+ * Handle date and sync dates.
+ */
+export declare const Datepicker: React.FC<DatepickerProps>;
+export type DatepickerProps = {
+    date?: Date;
+    dayRef?: Date;
+    format?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholderText?: string;
+    onChange?: (date: Date) => void;
+    className?: string;
+    debug?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    tooltipMinDate?: string;
+    tooltipMaxDate?: string;
+    isTableInput?: boolean;
+    formatDisabled?: boolean;
+    isSelectable?: boolean;
+};
+export type YearOption = {
+    key: string;
+    label: string;
+    value: string;
+};

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

@@ -0,0 +1,9 @@
+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;
+export declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DatepickerProps>> & string;
+export declare const StyledHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,5 @@
+export declare const classes: {
+    container: string;
+    date: string;
+    day: string;
+};

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

@@ -0,0 +1,54 @@
+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;
+export declare const NameContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Name: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const ChartContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChartItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChartMain: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MetricsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NumbersContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Since: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Bar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StageName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Untill: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DeadlineColorDiv: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    bgColor: string;
+    widthPercent: number;
+}>> & string;
+export declare const DeadlineContainerNumber: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    widthPercent: number;
+}>> & string;
+interface Deadline {
+    id: number;
+    name: string;
+    criticalLevel: string;
+    color: string;
+    since: number;
+    until: number;
+}
+interface Stage {
+    id: number;
+    name: string;
+    minDuration: number;
+    maxDuration: number;
+    deadlines: Deadline[];
+}
+export interface Result {
+    id: number;
+    name: string;
+    stages: Stage[];
+}
+export interface JsonData {
+    result: Result[];
+}
+export type DeadlineChartProps = {
+    children?: ReactNode;
+};
+export type SingleDeadlineChartProps = {
+    workLine: Result;
+};
+export {};

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

@@ -0,0 +1,11 @@
+/**
+ * @description
+ * This file contains the styles for the navbar component.
+ */
+export declare const classes: {
+    firstProperty: string;
+    middle: string;
+    empty: string;
+    until: string;
+    marginright: string;
+};

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

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { CommonTextProps } from '@nectiasw/components/Text';
+
+export declare const Detail: React.FC<TwDetailProps & {
+    size?: CommonTextProps["size"];
+    color?: CommonTextProps["color"];
+}>;
+export declare const TwSection: React.FC<TwSectionProps & {
+    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;
+export declare const Item: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    single?: boolean;
+    wrap?: boolean;
+    basis?: string;
+}>> & string;
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    justify: string;
+}>> & string;
+export type DetailProps = {
+    title?: string;
+    initialValue?: boolean;
+    seeDetailsTitles?: boolean;
+};
+export type SectionProps = {
+    label?: string;
+    color?: string;
+    formatAs?: "CLP" | "Hours" | "Default";
+    orientation?: 'right' | 'left' | 'bottom' | 'top';
+    value?: string | number;
+};

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

@@ -0,0 +1,14 @@
+export declare const classes: {
+    title: string;
+    texts: string;
+    content: string;
+    open: string;
+    close: string;
+    icon: string;
+    collapse: string;
+    container: string;
+    value: string;
+    grid: {
+        container: string;
+    };
+};

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

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+
+/**
+ * @description
+ * A dropdown component that uses Tailwind CSS for styling.
+ *  - Uses the Headless UI library for dropdown functionality.
+ *  - Uses the Heroicons library for the chevron icon.
+ *  - Uses the clsx library for conditional class names.
+ *  - Uses the React.memo hook to prevent unnecessary re-renders.
+ *  - Uses the React.FunctionComponent type for type safety.
+ */
+export declare const Dropdown: React.FunctionComponent<DropdownProps>;
+/**
+ * @description
+ * This type contains the props for the tw-dropdown component.
+ *  - selected: The selected option.
+ *  - options: The options to be displayed.
+ *  - disabled: If the dropdown is disabled.
+ *  - onChange: The function to be called when the selected option changes.
+ */
+export type DropdownProps = {
+    classNames?: {
+        root?: string;
+        item?: string;
+        title?: string;
+        items?: string;
+        option?: string;
+    };
+    selected?: string;
+    options: string[] | Option[];
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    uncontrollable?: boolean;
+    orientation?: "left" | "right" | "top" | "bottom";
+    search?: boolean;
+    icon?: React.ReactNode;
+    itemColor?: string;
+};
+export type Option = {
+    label: string | React.ReactNode;
+    value: string;
+};

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

@@ -0,0 +1,21 @@
+export declare const classes: {
+    container: {
+        root: string;
+        circle: string;
+        title: string;
+        chevron: string;
+        button: string;
+        ellipsis: string;
+    };
+    options: {
+        padding: string;
+        items: string;
+        left: string;
+        right: string;
+        bottom: string;
+        top: string;
+        item: (color: string) => string;
+        active: string;
+        inactive: (color: string) => string;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CommonTextProps } from '@nectiasw/components/Text';
+
+/**
+ * @description
+ * Empty state for containers.
+ */
+export declare const Empty: React.FC<EmptyProps>;
+export type EmptyProps = {
+    title?: string;
+    description?: string;
+    titleProps?: CommonTextProps;
+    decriptionProps?: CommonTextProps;
+};

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

@@ -0,0 +1,26 @@
+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";
+    spaceX?: number;
+    spaceY?: number;
+    children?: React.ReactNode;
+    wrap?: "wrap" | "nowrap" | "wrap-reverse";
+};
+export type FlexItemProps = {
+    grow?: 1 | 0;
+    shrink?: 1 | 0;
+    children?: React.ReactNode;
+    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";
+    className?: string;
+};

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

@@ -0,0 +1,9 @@
+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;
+    parent: ({ gap, wrap, spaceX, spaceY, display, direction, className, alignItems, justifyContent, }: ParentArgs) => string;
+};
+export {};