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

package/dist/enums/enum.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Modal states
+ *
+ * Modal states for the modal component.
+ */
 export declare enum ModalState {
     NOT_SHOW = "modal-not-show",
     BEGIN = "modal-begin",
@@ -13,30 +18,47 @@ export declare enum ModalState {
     ESC_CLICK = "modal-esc-click",
     ALL_REMOVED = "modal-all-removed"
 }
+/**
+ * File types
+ *
+ * File types for the file component.
+ */
 export declare enum FileTypes {
     SVG = "image/svg+xml",
     PNG = "image/png",
-    JPG = "image/jpeg",
+    JPG = "image/jpg",
+    JPEG = "image/jpeg",
     GIF = "image/gif",
-    WEBP = "image/webp",
     PDF = "application/pdf",
-    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
     OTF = "font/otf"
 }
+/**
+ * File extensions
+ *
+ * File extensions for the file component.
+ */
 export declare enum FileExtensions {
     SVG = ".svg",
     PNG = ".png",
     JPG = ".jpg",
     GIF = ".gif",
-    WEBP = ".webp",
     PDF = ".pdf",
-    XLSX = ".xlsx",
     OTF = ".otf"
 }
+/**
+ * Form validations
+ *
+ * Form validations for the form component.
+ */
 export declare enum FormValidations {
     REQUIRED = "required",
     TYPE = "type"
 }
+/**
+ * Form validation types
+ *
+ * Form validation types for the form component.
+ */
 export declare enum FormValidationTypes {
     MIN_LENGTH = "minLength",
     MAX_LENGTH = "maxLength",
@@ -50,13 +72,22 @@ export declare enum FormValidationTypes {
     SITE_USERNAME = "siteUsername",
     ADMIN_USERNAME = "adminUsername",
     URL = "url",
-    FORBIDDEN_WORDS = "forbiddenWords",
-    MULTIPLE_OF = "multipleOf"
+    FORBIDDEN_WORDS = "forbiddenWords"
 }
+/**
+ * Connection status
+ *
+ * Connection status for the connection component.
+ */
 export declare enum ConnectionStatus {
     ONLINE = "online",
     OFFLINE = "offline"
 }
+/**
+ * Component sizes
+ *
+ * Component sizes for the component.
+ */
 export declare enum ComponentSizes {
     X_SMALL = "x-small",
     SMALL = "small",
@@ -65,6 +96,11 @@ export declare enum ComponentSizes {
     LARGE = "large",
     X_LARGE = "x-large"
 }
+/**
+ * Component sizes slug
+ *
+ * Component sizes slug for the component.
+ */
 export declare enum ComponentSizesSlug {
     X_SMALL = "xs",
     SMALL = "sm",
@@ -73,7 +109,101 @@ export declare enum ComponentSizesSlug {
     LARGE = "lg",
     X_LARGE = "xlg"
 }
-export declare enum ComponentPositions {
+/**
+ * Button sizes
+ *
+ * Button-specific sizes including icon-only variants.
+ * Extends ComponentSizes with icon variants.
+ */
+export declare enum ButtonSizes {
+    X_SMALL = "x-small",
+    SMALL = "small",
+    MEDIUM = "medium",
+    DEFAULT = "default",
+    LARGE = "large",
+    X_LARGE = "x-large",
+    ICON = "icon",
+    ICON_SM = "icon-sm",
+    ICON_LG = "icon-lg"
+}
+/**
+ * Button sizes slug
+ *
+ * Button sizes slug for the component.
+ * Extends ComponentSizesSlug with icon variants.
+ */
+export declare enum ButtonSizesSlug {
+    X_SMALL = "xs",
+    SMALL = "sm",
+    MEDIUM = "md",
+    DEFAULT = "df",
+    LARGE = "lg",
+    X_LARGE = "xlg",
+    ICON = "icon",
+    ICON_SM = "icon-sm",
+    ICON_LG = "icon-lg"
+}
+/**
+ * Component x positions
+ *
+ * Component x positions for the component.
+ */
+export declare enum ComponentXPositions {
     LEFT = "left",
     RIGHT = "right"
 }
+/**
+ * Component y positions
+ *
+ * Component y positions for the component.
+ */
+export declare enum ComponentYPositions {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+/**
+ * Component variants
+ *
+ * Component variants for the component.
+ */
+export declare enum ComponentVariants {
+    DEFAULT = "default",
+    FILLED = "filled",
+    CUSTOM = "custom"
+}
+export declare enum ButtonTypes {
+    BUTTON = "button",
+    SUBMIT = "submit",
+    RESET = "reset"
+}
+/**
+ * Tooltip positions
+ *
+ * Tooltip positions for the tooltip component.
+ */
+export declare enum TooltipPositions {
+    TOP_LEFT = "top-left",
+    TOP_RIGHT = "top-right",
+    BOTTOM_LEFT = "bottom-left",
+    BOTTOM_RIGHT = "bottom-right"
+}
+/**
+ * Trigger types
+ *
+ * Trigger types for the useFloatingTrigger hook.
+ */
+export declare enum TriggerTypes {
+    HOVER = "hover",
+    CLICK = "click",
+    FOCUS = "focus",
+    MANUAL = "manual"
+}
+/**
+ * Theme appearances
+ *
+ * Theme appearances for the theme component.
+ */
+export declare enum ThemeAppearances {
+    LIGHT = "light",
+    DARK = "dark"
+}

package/dist/flex/index.d.ts

@@ -1,3 +1,3 @@
-import { FlexProps } from "../index";
+import { FlexProps } from '../index';
 declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, className, children }: FlexProps) => import("react/jsx-runtime").JSX.Element;
 export default Flex;

package/dist/flex/styled.d.ts

@@ -1,5 +1,5 @@
-import { FlexAlignProps, FlexGapProps, FlexJustifyProps } from "../index";
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+import { FlexAlignProps, FlexGapProps, FlexJustifyProps } from '../index';
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: FlexGapProps;
     $justify?: FlexJustifyProps;
     $align?: FlexAlignProps;

package/dist/floating/Arrow.d.ts

@@ -0,0 +1,17 @@
+import { ComponentXPositions, ComponentYPositions } from '../enums/enum';
+type Placement = ComponentYPositions | ComponentXPositions;
+/**
+ * Arrow component
+ *
+ * Renders an arrow with a border and a fill.
+ */
+type ArrowProps = {
+    /** Placement */
+    placement: Placement;
+    /** Arrow color (fill) */
+    color?: string;
+    /** Arrow border color (if undefined, border is not shown) */
+    borderColor?: string;
+};
+export declare const Arrow: ({ placement, color, borderColor }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/dist/floating/FloatingContent.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode, RefObject } from 'react';
+import { FloatingPosition } from '../hooks/useFloatingPosition';
+/**
+ * Floating content primitive
+ *
+ * Renders to body with Portal, positions, and animated.
+ * Base component for Tooltip, Popover, HoverCard.
+ */
+export type FloatingContentProps = {
+    /** Content */
+    children: ReactNode;
+    /** Position information */
+    position: FloatingPosition;
+    /** Is Open? */
+    isOpen: boolean;
+    /** Show arrow */
+    showArrow?: boolean;
+    /** Max width */
+    maxWidth?: string | number;
+    /** Custom className */
+    className?: string;
+    /** Content event handlers */
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    /** Transition duration (ms) */
+    timeout?: number;
+    /** Transition class prefix */
+    transitionClassNames?: string;
+    /** Arrow color (fill) */
+    arrowColor?: string;
+    /** Arrow border color (if undefined, border is not shown) */
+    arrowBorderColor?: string;
+    /** Enable focus trap */
+    trapFocus?: boolean;
+    /** Return focus to this element when trap is deactivated */
+    returnFocusRef?: RefObject<HTMLElement>;
+    /** Accessibility: id of the floating panel (used by aria-controls) */
+    id?: string;
+    /** Accessibility: role of the floating panel (e.g. "dialog") */
+    role?: string;
+    /** Accessibility: is this modal? (for popover: false) */
+    'aria-modal'?: boolean;
+    /** Accessibility: id of the labelling element */
+    'aria-labelledby'?: string;
+    /** Accessibility: id of the describing element */
+    'aria-describedby'?: string;
+};
+/**
+ * Floating content primitive
+ *
+ * Renders to body with Portal, positions, and animated.
+ * Base component for Tooltip, Popover, HoverCard.
+ */
+export declare const FloatingContent: {
+    ({ children, position, isOpen, showArrow, maxWidth, className, onMouseEnter, onMouseLeave, timeout, transitionClassNames, arrowColor, arrowBorderColor, trapFocus, returnFocusRef, id, role, "aria-modal": ariaModal, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ref }: FloatingContentProps & {
+        ref?: any;
+    }): import('react').ReactPortal | null;
+    displayName: string;
+};
+export default FloatingContent;

package/dist/floating/mergeTriggerProps.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+/**
+ * Merge trigger props with children element
+ *
+ * Merges refs and event handlers from triggerProps with children's original props.
+ * Used for Popover, Tooltip, and HoverCard components.
+ */
+export declare function mergeTriggerWithChildren(children: ReactNode, triggerProps: any): ReactNode;

package/dist/form/context/FormContext.d.ts

@@ -1,4 +1,5 @@
-import { FormValueProps, ITDImperativeFuncProps, FormItemProps } from "../../index";
+import { FormValueProps, ITDImperativeFuncProps, FormItemProps } from '../../index';
+import { ITDVariant } from '../../types/ITDProps';
 export type FormContextType = {
     register: (item: FormItemProps) => void;
     unregister: (name: string) => void;
@@ -29,6 +30,8 @@ export type FormContextType = {
     removeFields: () => void;
     formId: string;
     updated: {};
+    variant?: ITDVariant;
+    disabled?: boolean;
 };
-declare const FormContext: import("react").Context<FormContextType>;
+declare const FormContext: import('react').Context<FormContextType>;
 export default FormContext;

package/dist/form/context/FormStore.d.ts

@@ -1,11 +1,14 @@
-import { FieldUpdateProps } from "../../index";
-import { FormContextType } from "./FormContext";
+import { FieldUpdateProps } from '../../index';
+import { FormContextType } from '../../FormContext';
+import { ITDVariant } from '../../types/ITDProps';
 export type FormStoreProps = {
     name: string;
     onUpdate?: (values: {}) => void;
     onFieldUpdate?: (update: FieldUpdateProps) => void;
     onReset?: () => void;
     useQueryString?: boolean;
+    variant?: ITDVariant;
+    disabled?: boolean;
 };
-declare function FormStore({ name, useQueryString, onUpdate, onReset, onFieldUpdate, }: FormStoreProps): FormContextType;
+declare function FormStore({ name, useQueryString, onUpdate, onReset, onFieldUpdate, variant, disabled, }: FormStoreProps): FormContextType;
 export default FormStore;

package/dist/form/control/Control.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from "types/ChildrenProps";
+import { ChildrenProps } from '../../types/ChildrenProps';
 export type ControlProps = {
     className?: string;
     position?: "start" | "end" | "center";

package/dist/form/control/styled.d.ts

@@ -1,4 +1,4 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $position: "start" | "center" | "end";
 }>> & string;
 export { Wrapper };

package/dist/form/group/Group.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from 'types/ChildrenProps';
+import { ChildrenProps } from '../../types/ChildrenProps';
 /**
  *
  * FORM FIELD GROUP

package/dist/form/group/styled.d.ts

@@ -1,4 +1,4 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap: number;
     $horizontal: boolean;
 }>> & string;

package/dist/form/index.d.ts

@@ -1,9 +1,9 @@
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
-import Group from './group/Group';
-import Control from './control/Control';
-import Item from './item/Item';
-import { FormContextType } from './context/FormContext';
-import { FormStoreProps } from './context/FormStore';
+import { default as Group } from '../group/Group';
+import { default as Control } from '../control/Control';
+import { default as Item } from '../item/Item';
+import { FormContextType } from '../context/FormContext';
+import { FormStoreProps } from '../context/FormStore';
 import { FormProps } from '../index';
 type FormSubComponentProps = {
     Item: typeof Item;

package/dist/form/item/Item.d.ts

@@ -1,10 +1,9 @@
-import { ChildrenProps } from 'types/ChildrenProps';
+import { ChildrenProps } from '../../types/ChildrenProps';
 import { FormRuleProps, ITDImperativeFuncProps } from '../../index';
 export type ItemProps = {
     name: string;
     id?: string;
     label?: string;
-    placeholder?: string;
     error?: string;
     rules?: FormRuleProps[];
     mask?: string | null;
@@ -14,5 +13,5 @@ export type ItemProps = {
     query?: string;
     children: ChildrenProps;
 };
-declare const Item: import("react").ForwardRefExoticComponent<ItemProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
+declare const Item: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<ITDImperativeFuncProps>>;
 export default Item;

package/dist/form/validation/Validator.d.ts

@@ -1,5 +1,5 @@
-import { FormRuleProps, FormValueProps } from "../../index";
-import { TFunction } from "i18next";
+import { FormRuleProps, FormValueProps } from '../../index';
+import { TFunction } from 'i18next';
 declare const Validator: {
     (): void;
     checkPassword: (value: string) => boolean;
@@ -14,7 +14,6 @@ declare const Validator: {
     checkAdminUsername: (value: string) => boolean;
     checkURL: (value: string) => boolean;
     checkForbiddenWords: (value: string, words: (string | number)[]) => boolean;
-    checkMultipleOf: (value: number, multiple: number) => boolean;
 };
 export declare function CheckValidations(rules: FormRuleProps[], value: FormValueProps, getFieldValue: (name: string) => FormValueProps, t: TFunction): string[];
 export default Validator;

package/dist/form/wrapper/FormWrapper.d.ts

@@ -1,4 +1,4 @@
-import { ChildrenProps } from 'types/ChildrenProps';
+import { ChildrenProps } from '../../types/ChildrenProps';
 type FormWrapperProps = {
     name: string;
     className?: string;
@@ -10,5 +10,5 @@ type FormWrapperProps = {
     onValidated?: (validate: boolean) => void;
     children: ChildrenProps;
 };
-declare const _default: import("react").NamedExoticComponent<FormWrapperProps & import("react").RefAttributes<unknown>>;
+declare const _default: import('react').NamedExoticComponent<FormWrapperProps & import('react').RefAttributes<unknown>>;
 export default _default;

package/dist/helpers/binary/GetTypeByFileType.d.ts

@@ -1,2 +1,2 @@
-import { FileTypes, FileExtensions } from "../../index";
-export default function GetTypeByFileType(type: FileTypes): FileExtensions.SVG | FileExtensions.PNG | FileExtensions.GIF | FileExtensions.WEBP | FileExtensions.PDF | FileExtensions.XLSX | FileExtensions.OTF | ".jpg, .jpeg" | "";
+import { FileTypes, FileExtensions } from '../../index';
+export default function GetTypeByFileType(type: FileTypes): "" | FileExtensions;

package/dist/helpers/country/GetCountryCodeByCurrencyCode.d.ts

@@ -1 +1 @@
-export default function GetCountryCodeByCurrencyCode(currency?: string): "tr-TR" | "de-DE" | "en-US" | "en-GB";
+export default function GetCountryCodeByCurrencyCode(currency?: string): "en-US" | "de-DE" | "tr-TR" | "en-GB" | "ja-JP" | "fr-CH" | "en-CA" | "en-AU" | "en-NZ" | "ru-RU" | "en-IN" | "pt-BR" | "es-MX" | "es-AR" | "es-CL" | "es-CO" | "es-PE" | "en-ZA" | "zh-CN" | "sv-SE" | "no-NO" | "da-DK" | "en-SG" | "en-HK";

package/dist/helpers/country/GetCountryCodeByLanguage.d.ts

@@ -1 +1 @@
-export default function GetCountryCodeByLanguage(language: string): "tur" | "usa" | "language_not_found";
+export default function GetCountryCodeByLanguage(language: string): "usa" | "tur" | "deu" | "fra" | "esp" | "ita" | "jpn" | "kor" | "nld" | "pol" | "por" | "rus" | "san" | "snd" | "sin" | "slk" | "slv" | "alb" | "srb" | "swe" | "tam" | "tel" | "tha" | "tgl" | "ukr" | "urd" | "uzb" | "vie" | "chi" | "zul" | "gre" | "ara" | "language_not_found";

package/dist/helpers/css/FindSelector.d.ts

@@ -1 +1,11 @@
+/**
+ *
+ * FIND SELECTOR
+ *
+ * Find the style tag containing the specified class name and return true/false.
+ *
+ * @param searchClassName string
+ * @returns boolean
+ *
+ */
 export default function FindSelector(searchClassName: string): boolean;

package/dist/helpers/currency/ConvertCurrency.d.ts

@@ -1 +1 @@
-export default function ConvertCurrency(balance: number, currency: string): string;
+export default function ConvertCurrency(balance: number, currency: string): string | undefined;

package/dist/helpers/currency/GetCurrencyFormat.d.ts

@@ -1 +1,10 @@
+/**
+ *
+ * Get the currency format of the value.
+ *
+ * @param value string
+ * @param currency string
+ * @returns string
+ *
+ */
 export default function GetCurrencyFormat(value: string, currency?: string): string;

package/dist/helpers/currency/GetCurrencySymbol.d.ts

@@ -1 +1 @@
-export default function GetCurrencySymbol(currency?: string): "₺" | "$" | "€" | "?";
+export default function GetCurrencySymbol(currency?: string): "$" | "€" | "₺" | "?";

package/dist/helpers/datetime/FormatTime.d.ts

@@ -1,2 +1,2 @@
-import dayjs from './dayjsSetup';
+import { default as dayjs } from '../../dayjsSetup';
 export default function FormatTime(time: dayjs.ConfigType, locale?: string, format?: string): string;

package/dist/helpers/datetime/dayjsSetup.d.ts

@@ -1,2 +1,2 @@
-import dayjs from 'dayjs';
+import { default as dayjs } from 'dayjs';
 export default dayjs;

package/dist/helpers/index.d.ts

@@ -1,32 +1,36 @@
-export { default as DetermineNewHeight } from './aspectratio/DetermineNewHeight';
-export { default as DetermineNewWidth } from './aspectratio/DetermineNewWidth';
-export { default as FindSelector } from './css/FindSelector';
-export { default as GetCountryCodeByCurrencyCode } from './country/GetCountryCodeByCurrencyCode';
-export { default as GetCountryCodeByLanguage } from './country/GetCountryCodeByLanguage';
-export { default as ConvertCurrency } from './currency/ConvertCurrency';
-export { default as GetByCurrency } from './currency/GetByCurrency';
-export { default as GetCurrencyFormat } from './currency/GetCurrencyFormat';
-export { default as GetCurrencySymbol } from './currency/GetCurrencySymbol';
-export { default as GetDecimalByCurrency } from './currency/GetDecimalByCurrency';
-export { default as AddDefaultThemeStyle } from './theme/AddDefaultThemeStyle';
-export { default as UpdateThemeStyle } from './theme/UpdateThemeStyle';
-export { default as IsValidJSON } from './json/IsValidJSON';
-export { default as AddZero } from './math/AddZero';
-export { default as RemoveUnits } from './remover/RemoveUnits';
-export { default as ChunkArray } from './array/ChunkArray';
-export { default as FileChecker } from './checker/FileChecker';
-export { default as CheckFileURL } from './checker/CheckFileURL';
-export { default as UniUpperCase } from './string/UniUpperCase';
-export { default as FormatBytes } from './binary/FormatBytes';
-export { default as GetTypeByFileType } from './binary/GetTypeByFileType';
-export { default as Wait } from './promise/Wait';
-export { default as SVGLoader } from './svg/SVGLoader';
-export { default as FormatDate } from './datetime/FormatDate';
-export { default as FormatDateTime } from './datetime/FormatDateTime';
-export { default as FormatSimpleDate } from './datetime/FormatSimpleDate';
-export { default as FormatSimpleDateTime } from './datetime/FormatSimpleDateTime';
-export { default as FormatTime } from './datetime/FormatTime';
-export { default as AddDefaultUnit } from './unit/AddDefaultUnit';
-export { default as Base64Encode } from './base64/Base64Encode';
-export { default as Base64Decode } from './base64/Base64Decode';
-export { default as toKebabCase } from './format/ToKebabCase';
+export { default as DetermineNewHeight } from '../aspectratio/DetermineNewHeight';
+export { default as DetermineNewWidth } from '../aspectratio/DetermineNewWidth';
+export { default as FindSelector } from '../css/FindSelector';
+export { default as GetCountryCodeByCurrencyCode } from '../country/GetCountryCodeByCurrencyCode';
+export { default as GetCountryCodeByLanguage } from '../country/GetCountryCodeByLanguage';
+export { default as ConvertCurrency } from '../currency/ConvertCurrency';
+export { default as GetByCurrency } from '../currency/GetByCurrency';
+export { default as GetCurrencyFormat } from '../currency/GetCurrencyFormat';
+export { default as GetCurrencySymbol } from '../currency/GetCurrencySymbol';
+export { default as GetDecimalByCurrency } from '../currency/GetDecimalByCurrency';
+export { default as AddDefaultThemeStyle } from '../theme/AddDefaultThemeStyle';
+export { default as UpdateThemeStyle } from '../theme/UpdateThemeStyle';
+export { default as GenerateColorScale, generateColorScaleFromBase } from '../theme/GenerateColorScale';
+export { hexToRgba, withOpacity, getContrastText } from '../theme/Color';
+export { TYPOGRAPHY_TOKENS, SPACING_TOKENS, ICON_TOKENS, INPUT_SIZE_MAP, SELECT_SIZE_MAP, BUTTON_SIZE_MAP, ALERT_TOKENS, CARD_TOKENS, MODAL_TOKENS } from '../theme/tokens';
+export { injectDesignTokens, injectThemeColors, CSS_VARIABLES_MAP } from '../theme/cssVariables';
+export { default as IsValidJSON } from '../json/IsValidJSON';
+export { default as AddZero } from '../math/AddZero';
+export { default as RemoveUnits } from '../remover/RemoveUnits';
+export { default as ChunkArray } from '../array/ChunkArray';
+export { default as FileChecker } from '../checker/FileChecker';
+export { default as CheckFileURL } from '../checker/CheckFileURL';
+export { default as UniUpperCase } from '../string/UniUpperCase';
+export { default as FormatBytes } from '../binary/FormatBytes';
+export { default as GetTypeByFileType } from '../binary/GetTypeByFileType';
+export { default as Wait } from '../promise/Wait';
+export { default as SVGLoader } from '../svg/SVGLoader';
+export { default as FormatDate } from '../datetime/FormatDate';
+export { default as FormatDateTime } from '../datetime/FormatDateTime';
+export { default as FormatSimpleDate } from '../datetime/FormatSimpleDate';
+export { default as FormatSimpleDateTime } from '../datetime/FormatSimpleDateTime';
+export { default as FormatTime } from '../datetime/FormatTime';
+export { default as AddDefaultUnit } from '../unit/AddDefaultUnit';
+export { default as Base64Encode } from '../base64/Base64Encode';
+export { default as Base64Decode } from '../base64/Base64Decode';
+export { default as toKebabCase } from '../format/ToKebabCase';

package/dist/helpers/locale/getLocaleDateByString.d.ts

@@ -0,0 +1 @@
+export default function getLocaleDateString(locale?: string): any;

package/dist/helpers/svg/styles.d.ts

@@ -1,4 +1,4 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const Wrapper: 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;
 }>> & string;

package/dist/helpers/theme/Color.d.ts

@@ -0,0 +1,19 @@
+/**
+ * HEX to RGBA converter
+ * @param hex - The hex color string
+ * @param alpha - The alpha value (0-1)
+ * @returns The RGBA color string
+ */
+export declare function hexToRgba(hex: string, alpha?: number): string;
+/**
+ * With opacity helper
+ * @param color - The color string
+ * @param alpha - The alpha value (0-1)
+ * @returns The color string with opacity
+ */
+export declare function withOpacity(color: string, alpha?: number): string;
+/**
+ * Returns the contrast text color for a given color (light/dark)
+ * Supports OKLCH and HEX formats
+ */
+export declare function getContrastText(color: string): string;

package/dist/helpers/theme/GenerateColorScale.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Generate a 50-950 color scale from a single base color (base is 600).
+ * Supports both HEX (#rrggbb) and OKLCH (oklch(L C H)) formats.
+ *
+ * The algorithm uses Tailwind CSS OKLCH color scales as reference,
+ * with specific lightness/chroma/hue curves per color band.
+ */
+export type Shade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type ColorScale = Record<Shade, string>;
+export declare function generateColorScaleFromBase(baseColor: string, options?: {
+    clampLightness?: {
+        min?: number;
+        max?: number;
+    };
+}): ColorScale;
+export default generateColorScaleFromBase;