@aragon/gov-ui-kit 0.0.0-20250408144901

package/dist/types/src/core/components/gukCoreProvider/gukCoreProvider.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+import { type CoreCopy } from '../../assets';
+export interface IGukCoreContext {
+    /**
+     * Image component to be used for images.
+     * @default 'img'
+     */
+    Img: React.FC | 'img';
+    /**
+     * Link component to be used for links.
+     * @default 'a'
+     */
+    Link: React.FC | 'a';
+    /**
+     * Copy for the core components.
+     */
+    copy: CoreCopy;
+}
+export interface IGukCoreProviderProps {
+    /**
+     * Context provider values.
+     */
+    values?: Partial<IGukCoreContext>;
+    /**
+     * Children of the context provider.
+     */
+    children?: ReactNode;
+}
+export declare const GukCoreProvider: React.FC<IGukCoreProviderProps>;
+export declare const useGukCoreContext: () => Required<IGukCoreContext>;

package/dist/types/src/core/components/gukCoreProvider/index.d.ts

@@ -0,0 +1 @@
+export { GukCoreProvider, useGukCoreContext, type IGukCoreContext, type IGukCoreProviderProps, } from './gukCoreProvider';

package/dist/types/src/core/components/heading/heading.d.ts

@@ -0,0 +1,15 @@
+export type HeadingSize = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+export interface IHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Specifies the semantic level of the heading, affecting both the HTML element used (e.g., <h1>, <h2>) and its default styling.
+     * If the 'as' prop is not provided, this value determines the HTML element rendered in the DOM.
+     * @default h1
+     */
+    size?: HeadingSize;
+    /**
+     * Optionally overrides the HTML element type that is rendered in the DOM, independent of the heading's semantic level determined by the 'size' prop.
+     * This allows for styling and semantic adjustments where necessary.
+     */
+    as?: HeadingSize;
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<IHeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/src/core/components/heading/index.d.ts

@@ -0,0 +1 @@
+export { Heading, type HeadingSize, type IHeadingProps } from './heading';

package/dist/types/src/core/components/icon/icon.d.ts

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+import { type ResponsiveAttribute } from '../../types';
+import type { IconType } from './iconType';
+export type IconSize = 'sm' | 'md' | 'lg';
+export interface IIconProps extends SVGProps<SVGSVGElement> {
+    /**
+     * Icon to be displayed.
+     */
+    icon: IconType;
+    /**
+     * Size of the icon.
+     * @default md
+     */
+    size?: IconSize;
+    /**
+     * Size of the icon depending on the current breakpoint.
+     */
+    responsiveSize?: ResponsiveAttribute<IconSize>;
+}
+export declare const Icon: React.FC<IIconProps>;

package/dist/types/src/core/components/icon/iconList.d.ts

@@ -0,0 +1,5 @@
+import { type SVGProps } from 'react';
+import { IconType } from './iconType';
+type IconComponent = React.FC<SVGProps<SVGSVGElement>>;
+export declare const iconList: Record<IconType, IconComponent>;
+export {};

package/dist/types/src/core/components/icon/iconType.d.ts

@@ -0,0 +1,65 @@
+export declare enum IconType {
+    APP_ASSETS = "APP_ASSETS",
+    APP_DASHBOARD = "APP_DASHBOARD",
+    APP_EXPLORE = "APP_EXPLORE",
+    APP_MEMBERS = "APP_MEMBERS",
+    APP_PROPOSALS = "APP_PROPOSALS",
+    APP_TRANSACTIONS = "APP_TRANSACTIONS",
+    BLOCKCHAIN_BLOCK = "BLOCKCHAIN_BLOCK",
+    BLOCKCHAIN_BLOCKCHAIN = "BLOCKCHAIN_BLOCKCHAIN",
+    BLOCKCHAIN_GASFEE = "BLOCKCHAIN_GASFEE",
+    BLOCKCHAIN_SMARTCONTRACT = "BLOCKCHAIN_SMARTCONTRACT",
+    BLOCKCHAIN_WALLET = "BLOCKCHAIN_WALLET",
+    BLOCKCHAIN_WALLETCONNECT = "BLOCKCHAIN_WALLETCONNECT",
+    CALENDAR = "CALENDAR",
+    CHECKBOX = "CHECKBOX",
+    CHECKBOX_INDETERMINATE = "CHECKBOX_INDETERMINATE",
+    CHECKBOX_SELECTED = "CHECKBOX_SELECTED",
+    CHECKMARK = "CHECKMARK",
+    CHEVRON_DOWN = "CHEVRON_DOWN",
+    CHEVRON_LEFT = "CHEVRON_LEFT",
+    CHEVRON_RIGHT = "CHEVRON_RIGHT",
+    CHEVRON_UP = "CHEVRON_UP",
+    CLOCK = "CLOCK",
+    CLOSE = "CLOSE",
+    COPY = "COPY",
+    CRITICAL = "CRITICAL",
+    DEPOSIT = "DEPOSIT",
+    DOTS_HORIZONTAL = "DOTS_HORIZONTAL",
+    DOTS_VERTICAL = "DOTS_VERTICAL",
+    EXPAND = "EXPAND",
+    FAVORITE = "FAVORITE",
+    FAVORITE_SELECTED = "FAVORITE_SELECTED",
+    FEEDBACK = "FEEDBACK",
+    FILTER = "FILTER",
+    FLAG = "FLAG",
+    HELP = "HELP",
+    HOME = "HOME",
+    INFO = "INFO",
+    LINK_EXTERNAL = "LINK_EXTERNAL",
+    LOGOUT = "LOGOUT",
+    MENU = "MENU",
+    MINUS = "MINUS",
+    PERSON = "PERSON",
+    PLUS = "PLUS",
+    RADIO = "RADIO",
+    RADIO_SELECTED = "RADIO_SELECTED",
+    RELOAD = "RELOAD",
+    REMOVE = "REMOVE",
+    RICHTEXT_BOLD = "RICHTEXT_BOLD",
+    RICHTEXT_HEADING = "RICHTEXT_HEADING",
+    RICHTEXT_ITALIC = "RICHTEXT_ITALIC",
+    RICHTEXT_LINK_ADD = "RICHTEXT_LINK_ADD",
+    RICHTEXT_LINK_REMOVE = "RICHTEXT_LINK_REMOVE",
+    RICHTEXT_LIST_ORDERED = "RICHTEXT_LIST_ORDERED",
+    RICHTEXT_LIST_UNORDERED = "RICHTEXT_LIST_UNORDERED",
+    SEARCH = "SEARCH",
+    SETTINGS = "SETTINGS",
+    SHRINK = "SHRINK",
+    SLASH = "SLASH",
+    SORT_ASC = "SORT_ASC",
+    SORT_DESC = "SORT_DESC",
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING",
+    WITHDRAW = "WITHDRAW"
+}

package/dist/types/src/core/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon, type IIconProps, type IconSize } from './icon';
+export { IconType } from './iconType';

package/dist/types/src/core/components/illustrations/illustrationHuman/illustrationHuman.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLAttributes } from 'react';
+import type { IllustrationObjectType } from '../illustrationObject';
+import type { IllustrationHumanAccessory, IllustrationHumanBody, IllustrationHumanExpression, IllustrationHumanHairs, IllustrationHumanSunglasses } from './illustrationHumanType';
+export interface IIllustrationHumanProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Body of the illustration human.
+     */
+    body: IllustrationHumanBody;
+    /**
+     * Expression of the illustration human.
+     */
+    expression: IllustrationHumanExpression;
+    /**
+     * Hairs of the illustration human.
+     */
+    hairs?: IllustrationHumanHairs;
+    /**
+     * Sunglasses of the illustration human.
+     */
+    sunglasses?: IllustrationHumanSunglasses;
+    /**
+     * Accessory of the illustration human.
+     */
+    accessory?: IllustrationHumanAccessory;
+    /**
+     * Object to be displayed.
+     */
+    object?: IllustrationObjectType;
+    /**
+     * Position of the object.
+     * @default left
+     */
+    objectPosition?: 'right' | 'left';
+}
+export declare const IllustrationHuman: React.FC<IIllustrationHumanProps>;

package/dist/types/src/core/components/illustrations/illustrationHuman/illustrationHumanList.d.ts

@@ -0,0 +1,9 @@
+import type { SVGProps } from 'react';
+import type { IllustrationHumanAccessory, IllustrationHumanBody, IllustrationHumanExpression, IllustrationHumanHairs, IllustrationHumanSunglasses } from './illustrationHumanType';
+type IllustrationHumanComponent = React.FC<SVGProps<SVGSVGElement>>;
+export declare const illustrationHumanAccessoryList: Record<IllustrationHumanAccessory, IllustrationHumanComponent>;
+export declare const illustrationHumanSunglassesList: Record<IllustrationHumanSunglasses, IllustrationHumanComponent>;
+export declare const illustrationHumanBodyList: Record<IllustrationHumanBody, IllustrationHumanComponent>;
+export declare const illustrationHumanExpressionList: Record<IllustrationHumanExpression, IllustrationHumanComponent>;
+export declare const illustrationHumanHairsList: Record<IllustrationHumanHairs, IllustrationHumanComponent>;
+export {};

package/dist/types/src/core/components/illustrations/illustrationHuman/illustrationHumanType.d.ts

@@ -0,0 +1,5 @@
+export type IllustrationHumanAccessory = 'BUDDHA' | 'EARRINGS_CIRCLE' | 'EARRINGS_HOOPS' | 'EARRINGS_RHOMBUS' | 'EARRINGS_SKULL' | 'EARRINGS_THUNDER' | 'EXPRESSION' | 'FLUSHED' | 'HEAD_FLOWER' | 'PIERCINGS_TATTOO' | 'PIERCINGS';
+export type IllustrationHumanSunglasses = 'BIG_ROUNDED' | 'BIG_SEMIROUNDED' | 'LARGE_STYLIZED_XL' | 'LARGE_STYLIZED' | 'PIRATE' | 'SMALL_INTELLECTUAL' | 'SMALL_SYMPATHETIC' | 'SMALL_WEIRD_ONE' | 'SMALL_WEIRD_TWO' | 'THUGLIFE_ROUNDED' | 'THUGLIFE';
+export type IllustrationHumanBody = 'ARAGON' | 'BLOCKS' | 'CHART' | 'COMPUTER_CORRECT' | 'COMPUTER' | 'CORRECT' | 'DOUBLE_CORRECT' | 'ELEVATING' | 'RELAXED' | 'SENDING_LOVE' | 'VOTING';
+export type IllustrationHumanExpression = 'ANGRY' | 'CASUAL' | 'CRYING' | 'DECIDED' | 'EXCITED' | 'SAD_LEFT' | 'SAD_RIGHT' | 'SMILE_WINK' | 'SMILE' | 'SURPRISED' | 'SUSPECTING';
+export type IllustrationHumanHairs = 'AFRO' | 'BALD' | 'BUN' | 'COOL' | 'CURLY_BANGS' | 'CURLY' | 'INFORMAL' | 'LONG' | 'MIDDLE' | 'OLDSCHOOL' | 'PUNK' | 'SHORT';

package/dist/types/src/core/components/illustrations/illustrationHuman/index.d.ts

@@ -0,0 +1,2 @@
+export { IllustrationHuman, type IIllustrationHumanProps } from './illustrationHuman';
+export type { IllustrationHumanAccessory, IllustrationHumanBody, IllustrationHumanExpression, IllustrationHumanHairs, IllustrationHumanSunglasses, } from './illustrationHumanType';

package/dist/types/src/core/components/illustrations/illustrationObject/illustrationObject.d.ts

@@ -0,0 +1,9 @@
+import type { SVGProps } from 'react';
+import type { IllustrationObjectType } from './illustrationObjectType';
+export interface IIllustrationObjectProps extends SVGProps<SVGSVGElement> {
+    /**
+     * Illustration object to render.
+     */
+    object: IllustrationObjectType;
+}
+export declare const IllustrationObject: React.FC<IIllustrationObjectProps>;

package/dist/types/src/core/components/illustrations/illustrationObject/illustrationObjectList.d.ts

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import type { IllustrationObjectType } from './illustrationObjectType';
+type IllustrationObjectComponent = React.FC<SVGProps<SVGSVGElement>>;
+export declare const illustrationObjectList: Record<IllustrationObjectType, IllustrationObjectComponent>;
+export {};

package/dist/types/src/core/components/illustrations/illustrationObject/illustrationObjectType.d.ts

@@ -0,0 +1 @@
+export type IllustrationObjectType = 'ACTION' | 'APP' | 'ARCHIVE' | 'BOOK' | 'BUILD' | 'CHAIN' | 'DATABASE' | 'ERROR' | 'EXPLORE' | 'GAS' | 'GOAL' | 'LABELS' | 'LIGHTBULB' | 'MAGNIFYING_GLASS' | 'NOT_FOUND' | 'SECURITY' | 'SETTINGS' | 'SMART_CONTRACT' | 'SUCCESS' | 'USERS' | 'WAGMI' | 'WALLET' | 'WARNING';

package/dist/types/src/core/components/illustrations/illustrationObject/index.d.ts

@@ -0,0 +1,2 @@
+export { IllustrationObject, type IIllustrationObjectProps } from './illustrationObject';
+export type { IllustrationObjectType } from './illustrationObjectType';

package/dist/types/src/core/components/illustrations/index.d.ts

@@ -0,0 +1,2 @@
+export * from './illustrationHuman';
+export * from './illustrationObject';

package/dist/types/src/core/components/index.d.ts

@@ -0,0 +1,26 @@
+export * from './accordion';
+export * from './alerts';
+export * from './avatars';
+export * from './breadcrumbs';
+export * from './button';
+export * from './cards';
+export * from './collapsible';
+export * from './dataList';
+export * from './definitionList';
+export * from './dialogs';
+export * from './documentParser';
+export * from './dropdown';
+export * from './forms';
+export * from './gukCoreProvider';
+export * from './heading';
+export * from './icon';
+export * from './illustrations';
+export * from './link';
+export * from './progress';
+export * from './rerender';
+export * from './spinner';
+export * from './states';
+export * from './tabs';
+export * from './tag';
+export * from './toggles';
+export * from './tooltip';

package/dist/types/src/core/components/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './link';
+export * from './linkBase';

package/dist/types/src/core/components/link/link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './link';
+export { type ILinkProps, type LinkVariant } from './link.api';

package/dist/types/src/core/components/link/link/link.api.d.ts

@@ -0,0 +1,26 @@
+import type { AnchorHTMLAttributes } from 'react';
+import { type IconType } from '../../icon';
+export type LinkVariant = 'primary' | 'neutral';
+export interface ILinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Variant of the link.
+     * @default 'primary'
+     */
+    variant?: LinkVariant;
+    /**
+     * Icon displayed on the right side of the link. Accepts any icon from src/components/icon/iconList.ts.
+     */
+    iconRight?: IconType;
+    /**
+     * Whether the link is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Optional description text.
+     */
+    description?: string;
+    /**
+     * Classnames to be applied directly to the link text.
+     */
+    textClassName?: string;
+}

package/dist/types/src/core/components/link/link/link.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ILinkProps } from './link.api';
+export declare const Link: React.ForwardRefExoticComponent<ILinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/types/src/core/components/link/linkBase/index.d.ts

@@ -0,0 +1 @@
+export { LinkBase, type ILinkBaseProps } from './linkBase';

package/dist/types/src/core/components/link/linkBase/linkBase.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export interface ILinkBaseProps extends ComponentPropsWithoutRef<'a'> {
+}
+export declare const LinkBase: import("react").ForwardRefExoticComponent<ILinkBaseProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/src/core/components/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './progress';
+export type { IProgressProps, ProgressSize, ProgressVariant } from './progress.api';

package/dist/types/src/core/components/progress/progress.api.d.ts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes } from 'react';
+import { type ResponsiveAttribute } from '../../types';
+export type ProgressSize = 'sm' | 'md';
+export type ProgressVariant = 'primary' | 'neutral' | 'success' | 'critical';
+export interface IProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size of progress component.
+     * @default md
+     */
+    size?: ProgressSize;
+    /**
+     * Size of the progress depending on the current breakpoint.
+     */
+    responsiveSize?: ResponsiveAttribute<ProgressSize>;
+    /**
+     * Current progress to be rendered.
+     */
+    value: number;
+    /**
+     * Variant of the progress component.
+     * @default primary
+     */
+    variant?: ProgressVariant;
+    /**
+     * Threshold displayed with an indicator on the progress bar.
+     */
+    thresholdIndicator?: number;
+}

package/dist/types/src/core/components/progress/progress.d.ts

@@ -0,0 +1,2 @@
+import type { IProgressProps } from './progress.api';
+export declare const Progress: React.FC<IProgressProps>;

package/dist/types/src/core/components/rerender/index.d.ts

@@ -0,0 +1 @@
+export { Rerender, type IRerenderProps } from './rerender';

package/dist/types/src/core/components/rerender/rerender.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+export interface IRerenderProps {
+    /**
+     * The duration in milliseconds between each rerender.
+     * @default 1000
+     */
+    intervalDuration?: number;
+    /**
+     * Time-sensitive content to render.
+     */
+    children: (currentTime: number) => ReactNode;
+}
+/**
+ * Rerender component
+ *
+ * This component triggers a rerender at a specified interval, providing the current time
+ * (in milliseconds) to its child function. Useful for dynamically updating content based
+ * on time-sensitive data.
+ */
+export declare const Rerender: React.FC<IRerenderProps>;

package/dist/types/src/core/components/spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner, type ISpinnerProps, type SpinnerSize, type SpinnerVariant } from './spinner';

package/dist/types/src/core/components/spinner/spinner.d.ts

@@ -0,0 +1,29 @@
+import { type HTMLAttributes } from 'react';
+import type { ResponsiveAttribute } from '../../types';
+export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
+export type SpinnerVariant = 'neutral' | 'primary' | 'primaryInverted' | 'success' | 'warning' | 'critical';
+export interface ISpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size of the spinner.
+     * @default md
+     */
+    size?: SpinnerSize;
+    /**
+     * Size of the spinner depending on the current breakpoint.
+     */
+    responsiveSize?: ResponsiveAttribute<SpinnerSize>;
+    /**
+     * Variant of the spinner.
+     * @default neutral
+     */
+    variant?: SpinnerVariant;
+    /**
+     * Defines if the spinner is in the loading state or not.
+     * @default true
+     */
+    isLoading?: boolean;
+}
+/**
+ * Spinner UI component
+ */
+export declare const Spinner: React.FC<ISpinnerProps>;

package/dist/types/src/core/components/states/emptyState/emptyState.api.d.ts

@@ -0,0 +1,50 @@
+import type { IButtonBaseProps, IButtonElementProps } from '../../button';
+import type { IIllustrationHumanProps, IIllustrationObjectProps } from '../../illustrations';
+export interface IEmptyStateBaseProps {
+    /**
+     * Title of the empty state.
+     */
+    heading: string;
+    /**
+     * Description of the empty state.
+     */
+    description?: string;
+    /**
+     * Renders the state as horitontal when set to false.
+     * @default true
+     */
+    isStacked?: boolean;
+    /**
+     * Primary button of the empty state. The primary button is only rendered on the stacked variant.
+     */
+    primaryButton?: IEmptyStateButton;
+    /**
+     * Secondary button of the empty state.
+     */
+    secondaryButton?: IEmptyStateButton;
+    /**
+     * Additional class names to be added to the empty state.
+     */
+    className?: string;
+}
+export type IEmptyStateButton = Omit<IButtonBaseProps, 'variant' | 'size' | 'children'> & IButtonElementProps & {
+    /**
+     * Button label to be rendered.
+     */
+    label: string;
+};
+export interface IEmptyStateHumanIllustrationProps extends IEmptyStateBaseProps {
+    /**
+     * @see IIllustrationHumanProps
+     */
+    humanIllustration: IIllustrationHumanProps;
+    objectIllustration?: never;
+}
+export interface IEmptyStateObjectIllustrationProps extends IEmptyStateBaseProps {
+    /**
+     * @see IIllustrationObjectProps
+     */
+    objectIllustration: IIllustrationObjectProps;
+    humanIllustration?: never;
+}
+export type IEmptyStateProps = IEmptyStateHumanIllustrationProps | IEmptyStateObjectIllustrationProps;

package/dist/types/src/core/components/states/emptyState/emptyState.d.ts

@@ -0,0 +1,2 @@
+import type { IEmptyStateProps } from './emptyState.api';
+export declare const EmptyState: React.FC<IEmptyStateProps>;

package/dist/types/src/core/components/states/emptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './emptyState';
+export type { IEmptyStateBaseProps, IEmptyStateButton, IEmptyStateHumanIllustrationProps, IEmptyStateObjectIllustrationProps, IEmptyStateProps, } from './emptyState.api';

package/dist/types/src/core/components/states/index.d.ts

@@ -0,0 +1,4 @@
+export * from './emptyState';
+export * from './statePingAnimation';
+export * from './stateSkeletonBar';
+export * from './stateSkeletonCircular';

package/dist/types/src/core/components/states/statePingAnimation/index.d.ts

@@ -0,0 +1 @@
+export { StatePingAnimation, type IStatePingAnimationProps, type StatePingAnimationVariant, } from './statePingAnimation';

package/dist/types/src/core/components/states/statePingAnimation/statePingAnimation.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
+export type StatePingAnimationVariant = 'primary' | 'info' | 'success' | 'warning' | 'critical';
+export interface IStatePingAnimationProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Variant of the ping animation
+     * @default primary
+     */
+    variant?: StatePingAnimationVariant;
+}
+export declare const StatePingAnimation: React.FC<IStatePingAnimationProps>;

package/dist/types/src/core/components/states/stateSkeletonBar/index.d.ts

@@ -0,0 +1 @@
+export { StateSkeletonBar, type IStateSkeletonBarProps, type StateSkeletonBarSize } from './stateSkeletonBar';

package/dist/types/src/core/components/states/stateSkeletonBar/stateSkeletonBar.d.ts

@@ -0,0 +1,27 @@
+import { type CSSProperties, type ComponentPropsWithoutRef } from 'react';
+import { type ResponsiveAttribute } from '../../../types';
+export type StateSkeletonBarSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface IStateSkeletonBarProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     *  Responsive size attribute for the skeleton.
+     */
+    responsiveSize?: ResponsiveAttribute<StateSkeletonBarSize>;
+    /**
+     * The size of the skeleton.
+     * @default 'md'
+     */
+    size?: StateSkeletonBarSize;
+    /**
+     * Specifies the width of the skeleton element.
+     * Can be provided as a number (interpreted as pixels)
+     * or a string with explicit units (e.g., px, %, em).
+     * @default 160
+     *
+     * @example
+     * width={200}    // Sets width to 200 pixels.
+     * width="100px"  // Sets width to 100 pixels.
+     * width="10%"    // Sets width to 10% of its parent container.
+     */
+    width?: CSSProperties['width'];
+}
+export declare const StateSkeletonBar: import("react").ForwardRefExoticComponent<IStateSkeletonBarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/src/core/components/states/stateSkeletonCircular/index.d.ts

@@ -0,0 +1 @@
+export { StateSkeletonCircular, type IStateSkeletonCircularProps, type StateSkeletonCircularSize, } from './stateSkeletonCircular';

package/dist/types/src/core/components/states/stateSkeletonCircular/stateSkeletonCircular.d.ts

@@ -0,0 +1,15 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type ResponsiveAttribute } from '../../../types';
+export type StateSkeletonCircularSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export interface IStateSkeletonCircularProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     *  Responsive size attribute for the skeleton.
+     */
+    responsiveSize?: ResponsiveAttribute<StateSkeletonCircularSize>;
+    /**
+     * The size of the skeleton.
+     * @default 'md'
+     */
+    size?: StateSkeletonCircularSize;
+}
+export declare const StateSkeletonCircular: import("react").ForwardRefExoticComponent<IStateSkeletonCircularProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/src/core/components/tabs/index.d.ts

@@ -0,0 +1,10 @@
+export declare const Tabs: {
+    Root: import("react").ForwardRefExoticComponent<import("./tabsRoot").ITabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").FC<import("./tabsList").ITabsListProps>;
+    Trigger: import("react").FC<import("./tabsTrigger").ITabsTriggerProps>;
+    Content: import("react").FC<import("./tabsContent").ITabsContentProps>;
+};
+export * from './tabsContent';
+export * from './tabsList';
+export * from './tabsRoot';
+export * from './tabsTrigger';

package/dist/types/src/core/components/tabs/tabsContent/index.d.ts

@@ -0,0 +1 @@
+export { TabsContent, type ITabsContentProps } from './tabsContent';

package/dist/types/src/core/components/tabs/tabsContent/tabsContent.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentProps } from 'react';
+export interface ITabsContentProps extends ComponentProps<'div'> {
+    /**
+     * Value linking Tabs.Content to its corresponding Tabs.Trigger
+     */
+    value: string;
+    /**
+     * When `true`, the content will stay mounted even when inactive.
+     */
+    forceMount?: true;
+}
+export declare const TabsContent: React.FC<ITabsContentProps>;

package/dist/types/src/core/components/tabs/tabsList/index.d.ts

@@ -0,0 +1 @@
+export { TabsList, type ITabsListProps } from './tabsList';

package/dist/types/src/core/components/tabs/tabsList/tabsList.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentProps } from 'react';
+export interface ITabsListProps extends ComponentProps<'div'> {
+}
+export declare const TabsList: React.FC<ITabsListProps>;

package/dist/types/src/core/components/tabs/tabsRoot/index.d.ts

@@ -0,0 +1 @@
+export { TabsContext, TabsRoot, type ITabsContext, type ITabsRootProps } from './tabsRoot';

package/dist/types/src/core/components/tabs/tabsRoot/tabsRoot.d.ts

@@ -0,0 +1,28 @@
+import { Tabs as RadixTabsRoot } from '@radix-ui/react-tabs';
+import { type ComponentPropsWithoutRef } from 'react';
+export interface ITabsRootProps extends ComponentPropsWithoutRef<typeof RadixTabsRoot> {
+    /**
+     * The value of the tab that should be selected by default.
+     */
+    defaultValue?: string;
+    /**
+     * The value of the selected tab.
+     */
+    value?: string;
+    /**
+     * Callback when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Whether the Tabs.List should use an underlined style. @default false
+     */
+    isUnderlined?: boolean;
+}
+export interface ITabsContext {
+    /**
+     * Whether the tabs share a common underline style implementation via the Tabs.List.
+     */
+    isUnderlined: boolean;
+}
+export declare const TabsContext: import("react").Context<ITabsContext>;
+export declare const TabsRoot: import("react").ForwardRefExoticComponent<ITabsRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/src/core/components/tabs/tabsTrigger/index.d.ts

@@ -0,0 +1 @@
+export { TabsTrigger, type ITabsTriggerProps } from './tabsTrigger';