@inntechcorp/it-design 3.1.23 → 4.0.0-beta.1

package/dist/types/DatePickerProps.d.ts

@@ -1,8 +1,9 @@
-import type dayjs from "dayjs";
-import { CalendarValueProps } from "./CalendarProps";
-import { ChildrenProps } from "./ChildrenProps";
-import { InputVariant } from "./InputProps";
-import { ITDPosition, ITDSize } from "./ITDProps";
+import { default as dayjs } from 'dayjs';
+import { CalendarValueProps } from '../CalendarProps';
+import { ChildrenProps } from '../ChildrenProps';
+import { InputVariant } from '../InputProps';
+import { ITDHorizontalPosition, ITDSize } from '../ITDProps';
+import { CalendarLocale } from '../calendar';
 export type DatePickerProps = {
     id?: string;
     placeholder?: string;
@@ -13,10 +14,10 @@ export type DatePickerProps = {
     size?: ITDSize;
     variant?: InputVariant;
     disabled?: boolean;
-    floating?: boolean;
-    position?: ITDPosition;
+    position?: ITDHorizontalPosition;
     suffix?: ChildrenProps;
     onChange?: ((value: CalendarValueProps) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
     disabledDate?: (date: dayjs.Dayjs) => boolean;
+    calendarLocale?: CalendarLocale;
 };

package/dist/types/FlexProps.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from "react";
-import { ChildrenProps } from "./ChildrenProps";
+import { CSSProperties } from 'react';
+import { ChildrenProps } from '../ChildrenProps';
 export type FlexProps = {
     gap?: FlexGapProps;
     justify?: FlexJustifyProps;

package/dist/types/FormProps.d.ts

@@ -1,10 +1,11 @@
-import { FormValidationTypes } from "enums/enum";
-import { RefObject } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDImperativeFuncProps } from "../index";
-import { FormStoreProps } from "../form/context/FormStore";
-import { FormContextType } from "../form/context/FormContext";
-import { Item, Group, Control } from "../form";
+import { FormValidationTypes } from '../enums/enum';
+import { RefObject } from 'react';
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDImperativeFuncProps } from '../index';
+import { FormStoreProps } from '../form/context/FormStore';
+import { FormContextType } from '../form/context/FormContext';
+import { Item, Group, Control } from '../form';
+import { ITDVariant } from '../ITDProps';
 export type FormProps = {
     initialValues?: {};
     children: ChildrenProps;
@@ -15,6 +16,8 @@ export type FormProps = {
     onValidated?: (validate: boolean) => void;
     onFieldUpdate?: (update: FieldUpdateProps) => void;
     useQueryString?: boolean;
+    variant?: ITDVariant;
+    disabled?: boolean;
     className?: string;
     ref?: RefObject<FormContextType>;
     name: string;
@@ -31,7 +34,6 @@ export type FormRuleProps = {
     field?: string;
     value?: string | number | (string | number)[];
     message?: string;
-    currency?: string;
 };
 export type FormItemProps = {
     name: string;

package/dist/types/ITDProps.d.ts

@@ -1,4 +1,6 @@
-import { ComponentPositions, ComponentSizes, ComponentSizesSlug } from "enums/enum";
+import { ComponentXPositions, ComponentSizes, ComponentSizesSlug, ComponentYPositions, ComponentVariants } from '../enums/enum';
 export type ITDSize = ComponentSizes | "x-small" | "small" | "medium" | "default" | "large" | "x-large";
 export type ITDSizeSlug = ComponentSizesSlug | "xs" | "sm" | "md" | "df" | "lg" | "xlg";
-export type ITDPosition = ComponentPositions | "left" | "right";
+export type ITDVariant = ComponentVariants | "default" | "filled" | "custom";
+export type ITDHorizontalPosition = ComponentXPositions | "left" | "right";
+export type ITDVerticalPosition = ComponentYPositions | "top" | "bottom";

package/dist/types/InputProps.d.ts

@@ -1,6 +1,6 @@
-import { FocusEvent, KeyboardEvent, MutableRefObject } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDSize } from "../index";
+import { default as React, FocusEvent, KeyboardEvent, MutableRefObject } from 'react';
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDSize } from '../index';
 export declare enum InputTypes {
     TEXT = "text",
     NUMBER = "number",
@@ -9,13 +9,12 @@ export declare enum InputTypes {
 }
 export type InputType = `${InputTypes}`;
 export type InputVariant = "default" | "filled" | "dashed";
-export type InputProps = {
-    id?: string;
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
+/**
+ * Input component props extending native HTML input attributes
+ * Omits conflicting props that have custom implementations
+ */
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'type' | 'children'> & {
     type?: InputType;
-    className?: string;
     size?: ITDSize;
     variant?: InputVariant;
     prefix?: ChildrenProps;
@@ -23,24 +22,19 @@ export type InputProps = {
     addonBefore?: ChildrenProps;
     addonAfter?: ChildrenProps;
     locked?: ChildrenProps | boolean;
-    status?: ChildrenProps;
     minValue?: number;
     maxValue?: number;
-    maxLength?: number;
-    disabled?: boolean;
-    floating?: boolean;
-    autoComplete?: boolean;
     keepFocus?: boolean;
-    focusRef?: null | MutableRefObject<HTMLDivElement>;
     mask?: null | string;
     allowEmptyFormatting?: null | boolean;
     allowLeadingZeros?: boolean;
     decimalSeparator?: string;
     thousandSeparator?: string;
     decimalScale?: number;
-    onChange?: ((value: any) => void) | null;
-    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-    onFocus?: ((event: any) => void) | null;
+    focusRef?: null | MutableRefObject<HTMLDivElement>;
+    onChange?: ((value: string | number) => void) | null;
+    onUpdate?: ((value: string | number, update: boolean, validation: boolean) => void) | null;
+    onFocus?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
     onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
     onPressEnter?: ((event: KeyboardEvent) => void) | null;
     onKeyDown?: ((event: KeyboardEvent) => void) | null;

package/dist/types/LabelProps.d.ts

@@ -0,0 +1,7 @@
+import { ChildrenProps } from '../ChildrenProps';
+export type LabelProps = {
+    id?: string;
+    htmlFor?: string;
+    children?: ChildrenProps;
+    className?: string;
+};

package/dist/types/ModalProps.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "./ButtonProps";
-import { ChildrenProps } from "./ChildrenProps";
+import { ButtonProps } from '../ButtonProps';
+import { ChildrenProps } from '../ChildrenProps';
 /**
  * #### ModalProps
  *

package/dist/types/PopoverProps.d.ts

@@ -0,0 +1,10 @@
+import { ComponentXPositions, ComponentYPositions } from '../enums/enum';
+import { ChildrenProps } from '../ChildrenProps';
+export type PopoverProps = {
+    children: ChildrenProps;
+    content: ChildrenProps | ((placement: ComponentYPositions | ComponentXPositions) => ChildrenProps);
+    offset?: number;
+    placement?: ComponentYPositions | ComponentXPositions;
+    maxWidth?: number;
+    showArrow?: boolean;
+};

package/dist/types/RadioProps.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { ButtonProps } from "./ButtonProps";
+import { ReactElement } from 'react';
+import { ButtonProps } from '../ButtonProps';
 export type RadioType = "default" | "primary";
 export type Direction = "column" | "row";
 export type RadioGroupProps = {
@@ -15,7 +15,6 @@ export type RadioGroupProps = {
     length?: number;
     onlyFlow?: boolean;
     autoSize?: boolean;
-    disabled?: boolean;
     buttonProps?: ButtonProps;
     onChange?: (value: string) => void;
     onUpdate?: (value: string, update: boolean, validation: boolean) => void;
@@ -28,8 +27,8 @@ export type RadioButtonProps = {
     type?: RadioType;
     checked?: boolean;
     hasError?: boolean;
+    className?: string;
     children?: React.ReactNode;
-    disabled?: boolean;
     buttonProps?: ButtonProps;
     icon?: string | null;
     image?: string | null;

package/dist/types/ResultProps.d.ts

@@ -1,8 +1,9 @@
-import { ChildrenProps } from "./ChildrenProps";
+import { ChildrenProps } from '../ChildrenProps';
 export type ResultProps = {
     image: string | ChildrenProps;
     title: string;
     description: string;
+    className?: string;
     type?: string;
     extra?: ChildrenProps | null;
     footer?: ChildrenProps | null;

package/dist/types/SelectProps.d.ts

@@ -1,26 +1,25 @@
-import { CSSProperties } from "react";
-import { ITDSize } from "../index";
-import { ChildrenProps } from "./ChildrenProps";
+import { CSSProperties } from 'react';
+import { ITDSize } from '../index';
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDHorizontalPosition, ITDVariant, ITDVerticalPosition } from '../ITDProps';
 export type SelectProps = {
     id?: string;
     defaultValue?: SelectValue;
     value?: SelectValue;
     label?: string | number;
-    position?: SelectPosition;
-    direction?: SelectDirection;
+    position?: ITDVerticalPosition;
+    direction?: ITDHorizontalPosition;
     multi?: boolean;
     size?: ITDSize;
-    variant?: SelectVariant;
+    variant?: ITDVariant;
     className?: string;
     placeholder?: string;
     prefix?: ChildrenProps;
-    suffix?: ChildrenProps;
     icon?: string;
     image?: string;
     disabled?: boolean;
     showSearch?: boolean;
     locked?: boolean;
-    floating?: boolean;
     style?: CSSProperties;
     options?: SelectOptionProps[];
     onChange?: ((value: SelectValue) => void) | null;
@@ -29,23 +28,19 @@ export type SelectProps = {
 export type SelectToggleProps = {
     id?: string;
     label?: string | number | ChildrenProps;
-    value?: SelectValue | null;
     errorMessage: string;
     multi: boolean;
     isOpen: boolean;
     showSearch: boolean;
     locked: boolean;
     disabled: boolean;
-    labelType: string;
     placeholder: string;
     icon?: string;
     prefix?: ChildrenProps;
-    suffix?: ChildrenProps;
     image?: string;
     size: ITDSize;
     onFocus: () => void;
-    onBlur: () => void;
-    onShow: (value: boolean) => void;
+    onShow: (value: boolean, trigger?: 'pointer' | 'keyboard') => void;
     onFilter: (value: string) => void;
     onChange: (open: boolean) => void;
 };
@@ -58,7 +53,18 @@ export type SelectOptionProps = {
     disabled?: boolean;
     searchText?: string;
 };
+export type SelectorInputProps = {
+    id?: string;
+    label?: string | number | ChildrenProps;
+    placeholder?: string;
+    size: string;
+    isOpen: boolean;
+    showSearch: boolean;
+    disabled: boolean;
+    errorMessage?: string;
+    activeOptionId?: string;
+    onFocus: () => void;
+    onFilter: (value: string) => void;
+    onShow: (value: boolean) => void;
+};
 export type SelectValue = string | number | (string | number)[];
-export type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
-export type SelectPosition = "top" | "bottom";
-export type SelectDirection = "right" | "left";

package/dist/types/SingleQueryProps.d.ts

@@ -1,4 +1,4 @@
-import { QueryValueProps } from "./QueryValueProps";
+import { QueryValueProps } from '../QueryValueProps';
 export type SingleQueryProps = {
     set: (type: string, value: QueryValueProps) => void;
     get: <T>(paramName: string, defaultValue: T, minLength?: number) => T;

package/dist/types/StatusProps.d.ts

@@ -1,5 +1,5 @@
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDSize } from "../index";
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDSize } from '../index';
 export type StatusProps = {
     variant?: StatusVariant;
     size?: ITDSize;

package/dist/types/SwitchProps.d.ts

@@ -1,10 +1,13 @@
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDVariant } from '../ITDProps';
 export type SwitchProps = {
     id?: string;
-    label?: string;
+    children?: ChildrenProps;
     checked?: boolean;
     defaultChecked?: boolean;
     loading?: boolean;
     disabled?: boolean;
+    variant?: ITDVariant;
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
 };

package/dist/types/TableProps.d.ts

@@ -1,5 +1,5 @@
-import { ITDSize } from "../index";
-import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from '../index';
+import { ChildrenProps } from '../ChildrenProps';
 export type TableColumnType<T> = {
     key: keyof T | string;
     title: ChildrenProps;
@@ -14,6 +14,7 @@ export type TableProps<T extends TableRow> = {
     columns: TableColumnType<T>[];
     data: T[] | null;
     cellHeight?: number | string;
+    className?: string;
     size?: ITDSize;
     headless?: boolean;
     bordered?: boolean;

package/dist/types/TabsProps.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from "./ChildrenProps";
+import { ChildrenProps } from '../ChildrenProps';
 export type TabsItemProps = {
     key: string;
     tab: string;

package/dist/types/TextAreaProps.d.ts

@@ -1,6 +1,6 @@
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDSize } from "../index";
-import { RefObject } from "react";
+import { ChildrenProps } from '../ChildrenProps';
+import { ITDSize } from '../index';
+import { RefObject } from 'react';
 export type TextAreaProps = {
     id?: string;
     placeholder?: string;

package/dist/types/Theme.d.ts

@@ -0,0 +1,103 @@
+import { ColorScale } from '../helpers/theme/GenerateColorScale';
+export type ITDTheme = {
+    appearance: 'light' | 'dark';
+    transitionDuration: string;
+    transitionTimingFunction: string;
+    fontSans?: string;
+    fontMono?: string;
+    boxShadow: string;
+    cardShadow: string;
+    floatingShadow: string;
+    borderRadius: string;
+    ringOffset: string;
+    ringWidth: string;
+    background: string;
+    foreground: string;
+    input: string;
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    primaryScale: ColorScale;
+    secondary: string;
+    secondaryHover: string;
+    secondaryForeground: string;
+    secondaryForegroundHover: string;
+    accent: string;
+    accentForeground: string;
+    muted: string;
+    mutedForeground: string;
+    selection: string;
+    selectionForeground: string;
+    popover: string;
+    popoverForeground: string;
+    card: string;
+    cardForeground: string;
+    colorText: string;
+    colorTextMuted: string;
+    colorTextMutedForeground: string;
+    colorPlaceholder: string;
+    colorTextNeutral: string;
+    colorControlLabel: string;
+    colorModalShadow: string;
+    colorBorder: string;
+    colorBorderHover: string;
+    colorBorderTransparent: string;
+    colorBackgroundAlt: string;
+    colorBackgroundAltHover: string;
+    colorBackgroundTransparent: string;
+    colorBackgroundModal: string;
+    colorForegroundItemSelected: string;
+    colorForegroundItemSelectedText: string;
+    colorBackgroundSelect: string;
+    colorBackgroundSelectFilled: string;
+    colorBackgroundSelectFilledItem: string;
+    colorBackgroundSelectItem: string;
+    colorBackgroundSelectItemHover: string;
+    colorBackgroundSelectItemSelected: string;
+    colorDisabledBg: string;
+    colorDisabledBorder: string;
+    colorDisabledText: string;
+    colorIcon: string;
+    colorIconMuted: string;
+    colorError: string;
+    colorErrorText: string;
+    colorErrorBorder: string;
+    scrollbarThumb: string;
+    scrollbarThumbHover: string;
+    primaryGradientStart: string;
+    primaryGradientEnd: string;
+    primaryHoverStart: string;
+    primaryHoverEnd: string;
+    primaryContrastText: string;
+    buttonGenericBg: string;
+    buttonGenericHoverBg: string;
+    buttonSelectedBorder: string;
+    buttonSelectedBg: string;
+    buttonDisabledBg: string;
+    buttonDisabledText: string;
+    colorUploadOverlay: string;
+    colorUploadText: string;
+    colorUploadOverlayError: string;
+    colorUploadErrorText: string;
+    colorUploadOverlayCompleted: string;
+    colorUploadCompletedText: string;
+    colorUploadOverlayUploading: string;
+    colorUploadOverlayUploadingBar: string;
+    colorUploadingText: string;
+    colorAlertInfoBackground: string;
+    colorAlertInfoBorder: string;
+    colorAlertInfoTitle: string;
+    colorAlertInfoText: string;
+    colorAlertSuccessBackground: string;
+    colorAlertSuccessBorder: string;
+    colorAlertSuccessTitle: string;
+    colorAlertSuccessText: string;
+    colorAlertWarningBackground: string;
+    colorAlertWarningBorder: string;
+    colorAlertWarningTitle: string;
+    colorAlertWarningText: string;
+    colorAlertErrorBackground: string;
+    colorAlertErrorBorder: string;
+    colorAlertErrorTitle: string;
+    colorAlertErrorText: string;
+};

package/dist/types/UploadProps.d.ts

@@ -1,27 +1,8 @@
-import { FileTypes } from "../index";
-/**
- * Crop settings for the Upload component
- */
-export type CropSettings = {
-    /** Aspect ratio (e.g., 1 for square, 16/9 for widescreen). */
-    aspectRatio?: number;
-    /** Minimum crop area width in pixels. User cannot select smaller than this. */
-    minWidth?: number;
-    /** Minimum crop area height in pixels. User cannot select smaller than this. */
-    minHeight?: number;
-    /** Output width in pixels. Cropped image will be resized to this width. */
-    outputWidth?: number;
-    /** Output height in pixels. Cropped image will be resized to this height. */
-    outputHeight?: number;
-    /** Output image quality (0-1), default 0.9 */
-    quality?: number;
-    /** Crop modal title */
-    modalTitle?: string;
-    /** Show grid lines on crop area (default: true) */
-    showGrid?: boolean;
-};
+import { FileTypes } from '../index';
+import { ITDVariant } from '../ITDProps';
 export type UploadProps = {
     id?: string;
+    variant?: ITDVariant;
     action?: string;
     filePath?: string | null;
     removeAction?: string;
@@ -51,24 +32,6 @@ export type UploadProps = {
     extraQueryString?: {};
     extraHeader?: {};
     disabled?: boolean;
-    /** Minimum image width required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
-    minImageWidth?: number;
-    /** Minimum image height required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
-    minImageHeight?: number;
-    /**
-     * Crop settings. If provided, cropping is enabled.
-     * @example
-     * crop={{
-     *   aspectRatio: 16/9,
-     *   minWidth: 960,       // Minimum crop area size
-     *   minHeight: 540,
-     *   outputWidth: 1920,   // Final output size
-     *   outputHeight: 1080,
-     *   quality: 0.9,
-     *   modalTitle: "Crop Image"
-     * }}
-     */
-    crop?: CropSettings;
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
     onUploadSuccess?: (path: string) => void;

package/dist/upload/index.d.ts

@@ -1,4 +1,4 @@
-import { UploadProps, ITDImperativeFuncProps } from "../index";
+import { UploadProps, ITDImperativeFuncProps } from '../index';
 /**
  *
  * UPLOAD
@@ -9,5 +9,5 @@ import { UploadProps, ITDImperativeFuncProps } from "../index";
  * @returns
  *
  */
-declare const Upload: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
+declare const Upload: import('react').ForwardRefExoticComponent<UploadProps & import('react').RefAttributes<ITDImperativeFuncProps>>;
 export default Upload;

package/dist/upload/styled.d.ts

@@ -1,46 +1,12 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $fluid: boolean;
-}>> & string;
-declare const FileContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $showBorder: boolean;
-    $hasError: boolean;
-    $disabled: boolean;
-    $padding: number;
-    $fileWidth?: number | string;
-    $fileHeight?: number | string;
-    $maxFileWidth?: number | string;
-    $maxFileHeight?: number | string;
-    $containerWidth?: number | string;
-    $containerHeight?: number | string;
-}>> & string;
-declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $showFocus: boolean;
-}>> & string;
-declare const IconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $position: "default" | "corners";
-}>> & string;
-declare const CenterContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $width: number | string;
-    $height: number | string;
-    $padding: number | string;
-}>> & string;
-declare const OverlayContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isHover: boolean;
-}>> & string;
-declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isHover: boolean;
-}>> & string;
-declare const Uploading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isActive: boolean;
-    $complete: boolean;
-    $error: boolean;
-}>> & string;
-declare const UploadStatusBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $progress: number;
-    $complete: boolean;
-    $error: boolean;
-}>> & string;
-declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Failed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+import { ErrorTooltip, ErrorBorder } from '../utils/CommonStyledComponents';
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const FileContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const IconsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CenterContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OverlayContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Uploading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const UploadStatusBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Failed: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
 export { Wrapper, FileContent, IconsWrapper, Label, CenterContent, Overlay, OverlayContent, Uploading, UploadStatusBox, ErrorBorder, ErrorTooltip, Failed };

package/dist/utils/CommonStyledComponents.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import { TooltipPositions } from '../enums/enum';
+export declare const ErrorSVGIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ErrorTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $position?: TooltipPositions;
+    $offsetX?: number;
+    $offsetY?: number;
+}>> & string;
+export declare const ErrorBorder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullSize?: boolean;
+}>> & string;
+export type ErrorIconProps = {
+    message: string;
+    icon?: ReactNode;
+    className?: string;
+    tooltipPosition?: TooltipPositions;
+};
+export declare const ErrorIcon: FC<ErrorIconProps>;

package/dist/utils/ErrorAnnouncement.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+interface ErrorAnnouncementProps {
+    id: string;
+    message: string;
+}
+/**
+ * Screen reader için gizli error announcement
+ * WCAG 2.1 - 3.3.1 Error Identification (Level A)
+ */
+export declare const ErrorAnnouncement: FC<ErrorAnnouncementProps>;
+/**
+ * Form elementi için ARIA attributes oluştur
+ */
+export declare const getErrorAriaProps: (elementId: string, hasError: boolean) => {
+    'aria-invalid'?: undefined;
+    'aria-describedby'?: undefined;
+} | {
+    'aria-invalid': "true";
+    'aria-describedby': string;
+};
+/**
+ * Error ID oluştur
+ */
+export declare const getErrorId: (elementId: string) => string;
+export {};

package/dist/utils/GetButtonSizeSlug.d.ts

@@ -0,0 +1,6 @@
+import { ButtonSize } from '../types/ButtonProps';
+/**
+ * Button-specific size slug converter
+ * Handles both standard sizes and icon-only sizes
+ */
+export default function GetButtonSizeSlug(size: ButtonSize): string;