gd-design-library 1.8.2 → 1.8.3

package/components/atoms/Input/InputHelper/index.d.ts

@@ -1 +1 @@
-export * from './InputHelper';
+export * from './InputHelper.js';

package/components/atoms/Input/InputStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{input:a,...o}={},$isMouseInteraction:s,$color:c,styles:l={},...u}=n,{boxStyles:d,restProps:f}=t.getBoxStyles(u),p=e.get(new Proxy(a||{},t.tokensHandler(o)),`input`,{});return(0,r.jsx)(`input`,{css:[e.get(p,`default`,{}),e.get(p,[s?`mouseInteraction`:`defaultInteraction`],{}),e.get(p,c,{}),d,l],...f,ref:i})});exports.InputStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{theme:{input:a,...o}={},$isMouseInteraction:s,$color:c,styles:l={},...u}=n,{boxStyles:d,restProps:f}=t.getBoxStyles(u),p=e.get(new Proxy(a||{},t.tokensHandler(o)),`input`,{});return(0,r.jsx)(`input`,{css:[e.get(p,`default`,{}),e.get(p,[s?`mouseInteraction`:`defaultInteraction`],{}),e.get(p,c,{}),d,l],...f,ref:i})});exports.InputStyled=i;

package/components/atoms/Input/InputStyled.d.cts

@@ -0,0 +1,2 @@
+import { InputPropsStyled } from './/index.js';
+export declare const InputStyled: import('react').ForwardRefExoticComponent<Omit<InputPropsStyled, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/atoms/Input/InputStyled.d.ts

@@ -1,2 +1,2 @@
-import { InputPropsStyled } from './';
+import { InputPropsStyled } from './/index.js';
 export declare const InputStyled: import('react').ForwardRefExoticComponent<Omit<InputPropsStyled, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/atoms/Input/InputWrapper/InputWrapper.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../hooks/useTheme/useTheme.cjs`),t=require(`./constants.cjs`),n=require(`./InputWrapperStyled.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((r,a)=>{let{theme:o}=e.useTheme(),{children:s,as:c,withGap:l,...u}=r;return(0,i.jsx)(n.InputWrapperStyled,{$as:c,$withGap:l,ref:a,theme:o,"data-testid":t.COMPONENT_NAME,...u,children:s})});a.displayName=t.COMPONENT_NAME,exports.InputWrapper=a;
+"use client";const e=require("../../../../hooks/useTheme/useTheme.cjs"),t=require("./constants.cjs"),n=require("./InputWrapperStyled.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((r,a)=>{let{theme:o}=e.useTheme(),{children:s,as:c,withGap:l,...u}=r;return(0,i.jsx)(n.InputWrapperStyled,{$as:c,$withGap:l,ref:a,theme:o,"data-testid":t.COMPONENT_NAME,...u,children:s})});a.displayName=t.COMPONENT_NAME,exports.InputWrapper=a;

package/components/atoms/Input/InputWrapper/InputWrapper.d.cts

@@ -0,0 +1,2 @@
+import { InputWrapperProps } from '../Input.types.js';
+export declare const InputWrapper: import('react').ForwardRefExoticComponent<InputWrapperProps & import('react').RefAttributes<HTMLBaseElement>>;

package/components/atoms/Input/InputWrapper/InputWrapper.d.ts

@@ -1,2 +1,2 @@
-import { InputWrapperProps } from '../Input.types';
+import { InputWrapperProps } from '../Input.types.js';
 export declare const InputWrapper: import('react').ForwardRefExoticComponent<InputWrapperProps & import('react').RefAttributes<HTMLBaseElement>>;

package/components/atoms/Input/InputWrapper/InputWrapperStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../utils/helpers.cjs`),t=require(`../../../../tokens/utils.cjs`);let n=require(`@emotion/react/jsx-runtime`);var r=r=>{let{theme:{input:i,...a}={},$as:o=`span`,$withGap:s,styles:c={},...l}=r,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(i||{},t.tokensHandler(a)),`wrapper`,{});return(0,n.jsx)(o,{css:[e.get(f,`default`,{}),s?e.get(f,`withGap`,{}):{},u,c],...d})};exports.InputWrapperStyled=r;
+"use client";const e=require("../../../../utils/helpers.cjs"),t=require("../../../../tokens/utils.cjs");let n=require("@emotion/react/jsx-runtime");var r=r=>{let{theme:{input:i,...a}={},$as:o=`span`,$withGap:s,styles:c={},...l}=r,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(i||{},t.tokensHandler(a)),`wrapper`,{});return(0,n.jsx)(o,{css:[e.get(f,`default`,{}),s?e.get(f,`withGap`,{}):{},u,c],...d})};exports.InputWrapperStyled=r;

package/components/atoms/Input/InputWrapper/InputWrapperStyled.d.cts

@@ -0,0 +1,2 @@
+import { InputWrapperPropsStyled } from '../Input.types.js';
+export declare const InputWrapperStyled: (props: InputWrapperPropsStyled) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/atoms/Input/InputWrapper/InputWrapperStyled.d.ts

@@ -1,2 +1,2 @@
-import { InputWrapperPropsStyled } from '../Input.types';
+import { InputWrapperPropsStyled } from '../Input.types.js';
 export declare const InputWrapperStyled: (props: InputWrapperPropsStyled) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/atoms/Input/InputWrapper/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "InputWrapper";

package/components/atoms/Input/InputWrapper/index.d.cts

@@ -0,0 +1 @@
+export * from './InputWrapper.js';

package/components/atoms/Input/InputWrapper/index.d.ts

@@ -1 +1 @@
-export * from './InputWrapper';
+export * from './InputWrapper.js';

package/components/atoms/Input/constants.cjs

@@ -1 +1 @@
-const e=require(`../../../types/accesability.cjs`),t=require(`../../../types/input.cjs`);var n=`Input`,r={variant:t.InputVariantType.Text,color:`primary`,disabled:!1,readOnly:!1,ariaRequired:!1,tabIndex:e.TabIndex.Default},i=[t.InputVariantType.Checkbox,t.InputVariantType.Radio,t.InputVariantType.Range];exports.COMPONENT_NAME=n,exports.DEFAULT_PROPS=r,exports.FOCUS_EXCLUDED_LIST=i;
+const e=require("../../../types/accesability.cjs"),t=require("../../../types/input.cjs");var n=`Input`,r={variant:t.InputVariantType.Text,color:`primary`,disabled:!1,readOnly:!1,ariaRequired:!1,tabIndex:e.TabIndex.Default},i=[t.InputVariantType.Checkbox,t.InputVariantType.Radio,t.InputVariantType.Range];exports.COMPONENT_NAME=n,exports.DEFAULT_PROPS=r,exports.FOCUS_EXCLUDED_LIST=i;

package/components/atoms/Input/constants.d.cts

@@ -0,0 +1,11 @@
+import { TabIndex, InputColorVariant, InputVariantType } from '../../../types/index.js';
+export declare const COMPONENT_NAME = "Input";
+export declare const DEFAULT_PROPS: {
+    variant: InputVariantType;
+    color: InputColorVariant;
+    disabled: boolean;
+    readOnly: boolean;
+    ariaRequired: boolean;
+    tabIndex: TabIndex;
+};
+export declare const FOCUS_EXCLUDED_LIST: InputVariantType[];

package/components/atoms/Input/constants.d.ts

@@ -1,4 +1,4 @@
-import { TabIndex, InputColorVariant, InputVariantType } from '../../../types';
+import { TabIndex, InputColorVariant, InputVariantType } from '../../../types/index.js';
 export declare const COMPONENT_NAME = "Input";
 export declare const DEFAULT_PROPS: {
     variant: InputVariantType;

package/components/atoms/Input/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Input.js';
+export * from './Input.types.js';

package/components/atoms/Input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Input';
-export * from './Input.types';
+export * from './Input.js';
+export * from './Input.types.js';

package/components/atoms/Input/useInputHandlers.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../hooks/useLogger/useLogger.cjs`),n=require(`../../../constants/keyboard.cjs`),r=require(`./constants.cjs`);let i=require(`react`);var a=({onMouseDown:a,onChange:o,onKeyDown:s,onBlur:c,debounceCallbackTime:l})=>{let[u,d]=(0,i.useState)(!1),f=t.useLogger(),p=(0,i.useCallback)(e=>{d(!0),f.debug(`${r.COMPONENT_NAME}: MouseDown`),a?.(e)},[a,f]),m=(0,i.useCallback)(e=>{e.key===n.KEYBOARD_KEYS.TAB&&d(!1),f.debug(`${r.COMPONENT_NAME}: KeyDown`,{key:e.key,isTab:e.key===n.KEYBOARD_KEYS.TAB}),s?.(e)},[s,f]),h=(0,i.useCallback)(e=>{d(!1),f.debug(`${r.COMPONENT_NAME}: Blur`,{value:e.target.value,valueLength:e.target.value.length}),c?.(e)},[c,f]);return{handlers:{onMouseDown:p,onKeyDown:typeof l==`number`&&s?e.debounce(m,l):m,onBlur:h,onChange:typeof l==`number`&&o?e.debounce(o,l):o},isMouseInteraction:u}};exports.useInputHandlers=a;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useLogger/useLogger.cjs"),n=require("../../../constants/keyboard.cjs"),r=require("./constants.cjs");let i=require("react");var a=({onMouseDown:a,onChange:o,onKeyDown:s,onBlur:c,debounceCallbackTime:l})=>{let[u,d]=(0,i.useState)(!1),f=t.useLogger(),p=(0,i.useCallback)(e=>{d(!0),f.debug(`${r.COMPONENT_NAME}: MouseDown`),a?.(e)},[a,f]),m=(0,i.useCallback)(e=>{e.key===n.KEYBOARD_KEYS.TAB&&d(!1),f.debug(`${r.COMPONENT_NAME}: KeyDown`,{key:e.key,isTab:e.key===n.KEYBOARD_KEYS.TAB}),s?.(e)},[s,f]),h=(0,i.useCallback)(e=>{d(!1),f.debug(`${r.COMPONENT_NAME}: Blur`,{value:e.target.value,valueLength:e.target.value.length}),c?.(e)},[c,f]);return{handlers:{onMouseDown:p,onKeyDown:typeof l==`number`&&s?e.debounce(m,l):m,onBlur:h,onChange:typeof l==`number`&&o?e.debounce(o,l):o},isMouseInteraction:u}};exports.useInputHandlers=a;

package/components/atoms/Input/useInputHandlers.d.cts

@@ -0,0 +1,17 @@
+import { ChangeEvent, KeyboardEvent, FocusEvent, MouseEvent } from 'react';
+export declare const useInputHandlers: ({ onMouseDown, onChange, onKeyDown, onBlur, debounceCallbackTime, }: {
+    onClick?: (event: MouseEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    debounceCallbackTime?: number;
+}) => {
+    handlers: {
+        onMouseDown: (event: MouseEvent<HTMLInputElement>) => void;
+        onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+        onBlur: (event: FocusEvent<HTMLInputElement>) => void;
+        onChange: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    };
+    isMouseInteraction: boolean;
+};

package/components/atoms/InputFile/InputFile.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/button.cjs`),t=require(`../../../hooks/useLogger/useLogger.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`../Button/Button.cjs`),i=require(`./constants.cjs`),a=require(`./InputFileStyled.cjs`);let o=require(`react`),s=require(`@emotion/react/jsx-runtime`);var c=(0,o.forwardRef)(({styles:c={},accept:l,capture:u,multiple:d,disabled:f,onChange:p,onClick:m,isIcon:h,children:g=i.INPUT_FILE_DEFAULT_LABEL_VALUE,buttonProps:_,...v},y)=>{let{theme:b}=n.useTheme(),x=t.useLogger(),S=(0,o.useRef)(null);(0,o.useImperativeHandle)(y,()=>S.current);let C=e=>{f||(x.debug(`${i.COMPONENT_NAME}: Clicked upload button`,{isIcon:h,disabled:!!f}),S.current?.click(),m?.(e))},w=e=>{let t=e.target?.files?Array.from(e.target.files).map(e=>({name:e.name,size:e.size,type:e.type})):[];x.debug(`${i.COMPONENT_NAME}: File input changed`,{multiple:!!d,filesCount:t.length,files:t}),p?.(e)};return(0,s.jsxs)(a.InputFileWrapperStyled,{theme:b,styles:c,ref:y,"data-testid":i.COMPONENT_NAME,children:[(0,s.jsx)(r.Button,{isIcon:h,variant:e.ButtonVariant.Outlined,disabled:f,onClick:C,..._,children:g}),(0,s.jsx)(a.InputFileStyled,{ref:S,theme:b,accept:l,capture:u,multiple:d,disabled:f,onChange:w,...v})]})});c.displayName=i.COMPONENT_NAME,exports.InputFile=c;
+"use client";const e=require("../../../hooks/useLogger/useLogger.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../Button/Button.cjs"),r=require("./constants.cjs"),i=require("./InputFileStyled.cjs");let a=require("react"),o=require("@emotion/react/jsx-runtime");var s=(0,a.forwardRef)(({styles:s={},accept:c,capture:l,multiple:u,disabled:d,onChange:f,onClick:p,isIcon:m,children:h=r.INPUT_FILE_DEFAULT_LABEL_VALUE,buttonProps:g={variant:`outlined`},..._},v)=>{let{theme:y}=t.useTheme(),b=e.useLogger(),x=(0,a.useRef)(null);(0,a.useImperativeHandle)(v,()=>x.current);let S=e=>{d||(b.debug(`${r.COMPONENT_NAME}: Clicked upload button`,{isIcon:m,disabled:!!d}),x.current?.click(),p?.(e))},C=e=>{let t=e.target?.files?Array.from(e.target.files).map(e=>({name:e.name,size:e.size,type:e.type})):[];b.debug(`${r.COMPONENT_NAME}: File input changed`,{multiple:!!u,filesCount:t.length,files:t}),f?.(e)};return(0,o.jsxs)(i.InputFileWrapperStyled,{theme:y,styles:s,ref:v,"data-testid":r.COMPONENT_NAME,children:[(0,o.jsx)(n.Button,{isIcon:m,disabled:d,onClick:S,...g,children:h}),(0,o.jsx)(i.InputFileStyled,{ref:x,theme:y,accept:c,capture:l,multiple:u,disabled:d,onChange:C,..._})]})});s.displayName=r.COMPONENT_NAME,exports.InputFile=s;

package/components/atoms/InputFile/InputFile.d.cts

@@ -0,0 +1,6 @@
+import { InputFileProps } from './/index.js';
+/**
+ * @TODO: Cerebra
+ * - apply same styles as a button
+ */
+export declare const InputFile: import('react').ForwardRefExoticComponent<InputFileProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/atoms/InputFile/InputFile.d.ts

@@ -1,4 +1,4 @@
-import { InputFileProps } from './';
+import { InputFileProps } from './/index.js';
 /**
  * @TODO: Cerebra
  * - apply same styles as a button

package/components/atoms/InputFile/InputFile.js

@@ -1,57 +1,55 @@
 "use client";
-import { ButtonVariant as e } from "../../../types/button.js";
-import { useLogger as t } from "../../../hooks/useLogger/useLogger.js";
-import { useTheme as n } from "../../../hooks/useTheme/useTheme.js";
-import { Button as r } from "../Button/Button.js";
-import { COMPONENT_NAME as i, INPUT_FILE_DEFAULT_LABEL_VALUE as a } from "./constants.js";
-import { InputFileStyled as o, InputFileWrapperStyled as s } from "./InputFileStyled.js";
-import { forwardRef as c, useImperativeHandle as l, useRef as u } from "react";
-import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { useLogger as e } from "../../../hooks/useLogger/useLogger.js";
+import { useTheme as t } from "../../../hooks/useTheme/useTheme.js";
+import { Button as n } from "../Button/Button.js";
+import { COMPONENT_NAME as r, INPUT_FILE_DEFAULT_LABEL_VALUE as i } from "./constants.js";
+import { InputFileStyled as a, InputFileWrapperStyled as o } from "./InputFileStyled.js";
+import { forwardRef as s, useImperativeHandle as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
 //#region src/components/atoms/InputFile/InputFile.tsx
-var p = c(({ styles: c = {}, accept: p, capture: m, multiple: h, disabled: g, onChange: _, onClick: v, isIcon: y, children: b = a, buttonProps: x, ...S }, C) => {
-	let { theme: w } = n(), T = t(), E = u(null);
-	l(C, () => E.current);
-	let D = (e) => {
-		g || (T.debug(`${i}: Clicked upload button`, {
-			isIcon: y,
-			disabled: !!g
-		}), E.current?.click(), v?.(e));
-	}, O = (e) => {
+var f = s(({ styles: s = {}, accept: f, capture: p, multiple: m, disabled: h, onChange: g, onClick: _, isIcon: v, children: y = i, buttonProps: b = { variant: "outlined" }, ...x }, S) => {
+	let { theme: C } = t(), w = e(), T = l(null);
+	c(S, () => T.current);
+	let E = (e) => {
+		h || (w.debug(`${r}: Clicked upload button`, {
+			isIcon: v,
+			disabled: !!h
+		}), T.current?.click(), _?.(e));
+	}, D = (e) => {
 		let t = e.target?.files ? Array.from(e.target.files).map((e) => ({
 			name: e.name,
 			size: e.size,
 			type: e.type
 		})) : [];
-		T.debug(`${i}: File input changed`, {
-			multiple: !!h,
+		w.debug(`${r}: File input changed`, {
+			multiple: !!m,
 			filesCount: t.length,
 			files: t
-		}), _?.(e);
+		}), g?.(e);
 	};
-	return /* @__PURE__ */ f(s, {
-		theme: w,
-		styles: c,
-		ref: C,
-		"data-testid": i,
-		children: [/* @__PURE__ */ d(r, {
-			isIcon: y,
-			variant: e.Outlined,
-			disabled: g,
-			onClick: D,
-			...x,
-			children: b
-		}), /* @__PURE__ */ d(o, {
-			ref: E,
-			theme: w,
-			accept: p,
-			capture: m,
-			multiple: h,
-			disabled: g,
-			onChange: O,
-			...S
+	return /* @__PURE__ */ d(o, {
+		theme: C,
+		styles: s,
+		ref: S,
+		"data-testid": r,
+		children: [/* @__PURE__ */ u(n, {
+			isIcon: v,
+			disabled: h,
+			onClick: E,
+			...b,
+			children: y
+		}), /* @__PURE__ */ u(a, {
+			ref: T,
+			theme: C,
+			accept: f,
+			capture: p,
+			multiple: m,
+			disabled: h,
+			onChange: D,
+			...x
 		})]
 	});
 });
-p.displayName = i;
+f.displayName = r;
 //#endregion
-export { p as InputFile };
+export { f as InputFile };

package/components/atoms/InputFile/InputFile.types.d.cts

@@ -0,0 +1,18 @@
+import { ChangeEvent, PropsWithChildren } from 'react';
+import { ButtonProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface InputFileProps extends PropsWithChildren, CommonCssComponentProps<HTMLInputElement> {
+    accept?: string;
+    capture?: boolean | 'user' | 'environment';
+    multiple?: boolean;
+    disabled?: boolean;
+    buttonProps?: ButtonProps;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    isIcon?: boolean;
+}
+export interface InputFileStyledProps extends CommonCssComponentStyledProps<HTMLInputElement> {
+    accept?: string;
+    capture?: boolean | 'user' | 'environment';
+    multiple?: boolean;
+    disabled?: boolean;
+}
+export type InputFileWrapperStyledProps = CommonCssComponentStyledProps;

package/components/atoms/InputFile/InputFile.types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, PropsWithChildren } from 'react';
-import { ButtonProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { ButtonProps, CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface InputFileProps extends PropsWithChildren, CommonCssComponentProps<HTMLInputElement> {
     accept?: string;
     capture?: boolean | 'user' | 'environment';

package/components/atoms/InputFile/InputFileStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`./constants.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)(({theme:{inputfile:t}={},styles:n={},...r},a)=>(0,i.jsx)(`div`,{css:[e.get(t,`default`,{}),n],...r,ref:a})),o=(0,r.forwardRef)(({theme:{inputfile:r,...a}={},...o},s)=>(0,i.jsx)(`input`,{type:n.INPUT_FILE_TYPE,css:e.get(new Proxy(r||{},t.tokensHandler(a)),`input`,{}),...o,ref:s}));exports.InputFileStyled=o,exports.InputFileWrapperStyled=a;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("./constants.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)(({theme:{inputfile:t}={},styles:n={},...r},a)=>(0,i.jsx)(`div`,{css:[e.get(t,`default`,{}),n],...r,ref:a})),o=(0,r.forwardRef)(({theme:{inputfile:r,...a}={},...o},s)=>(0,i.jsx)(`input`,{type:n.INPUT_FILE_TYPE,css:e.get(new Proxy(r||{},t.tokensHandler(a)),`input`,{}),...o,ref:s}));exports.InputFileStyled=o,exports.InputFileWrapperStyled=a;

package/components/atoms/InputFile/InputFileStyled.d.cts

@@ -0,0 +1,3 @@
+import { InputFileStyledProps, InputFileWrapperStyledProps } from './/index.js';
+export declare const InputFileWrapperStyled: import('react').ForwardRefExoticComponent<Omit<InputFileWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const InputFileStyled: import('react').ForwardRefExoticComponent<Omit<InputFileStyledProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/atoms/InputFile/InputFileStyled.d.ts

@@ -1,3 +1,3 @@
-import { InputFileStyledProps, InputFileWrapperStyledProps } from './';
+import { InputFileStyledProps, InputFileWrapperStyledProps } from './/index.js';
 export declare const InputFileWrapperStyled: import('react').ForwardRefExoticComponent<Omit<InputFileWrapperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const InputFileStyled: import('react').ForwardRefExoticComponent<Omit<InputFileStyledProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/components/atoms/InputFile/constants.d.cts

@@ -0,0 +1,3 @@
+export declare const COMPONENT_NAME = "InputFile";
+export declare const INPUT_FILE_DEFAULT_LABEL_VALUE = "Browse Files";
+export declare const INPUT_FILE_TYPE = "file";

package/components/atoms/InputFile/index.d.cts

@@ -0,0 +1,2 @@
+export * from './InputFile.js';
+export * from './InputFile.types.js';

package/components/atoms/InputFile/index.d.ts

@@ -1,2 +1,2 @@
-export * from './InputFile';
-export * from './InputFile.types';
+export * from './InputFile.js';
+export * from './InputFile.types.js';

package/components/atoms/Label/Label.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../hooks/useTheme/useTheme.cjs`),t=require(`./constants.cjs`),n=require(`./LabelStyled.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((r,a)=>{let{className:o=``,htmlFor:s,onClick:c,ariaLabel:l,children:u,...d}=r,{theme:f}=e.useTheme();return(0,i.jsx)(n.LabelStyled,{ref:a,theme:f,className:o,onClick:c,"data-testid":t.COMPONENT_NAME,gap:f?.spacing?.xs||`4px`,...s?{htmlFor:s}:{},...l?{"aria-label":l}:{},...d,children:u})});a.displayName=t.COMPONENT_NAME,exports.Label=a;
+"use client";const e=require("../../../hooks/useTheme/useTheme.cjs"),t=require("./constants.cjs"),n=require("./LabelStyled.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((r,a)=>{let{className:o=``,htmlFor:s,onClick:c,ariaLabel:l,children:u,...d}=r,{theme:f}=e.useTheme();return(0,i.jsx)(n.LabelStyled,{ref:a,theme:f,className:o,onClick:c,"data-testid":t.COMPONENT_NAME,gap:f?.spacing?.xs||`4px`,...s?{htmlFor:s}:{},...l?{"aria-label":l}:{},...d,children:u})});a.displayName=t.COMPONENT_NAME,exports.Label=a;

package/components/atoms/Label/Label.d.cts

@@ -0,0 +1,2 @@
+import { LabelProps } from './Label.types.js';
+export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement>>;

package/components/atoms/Label/Label.d.ts

@@ -1,2 +1,2 @@
-import { LabelProps } from './Label.types';
+import { LabelProps } from './Label.types.js';
 export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement>>;

package/components/atoms/Label/Label.types.d.cts

@@ -0,0 +1,10 @@
+import { MouseEvent, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps, BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
+export interface LabelProps extends CommonCssComponentProps<HTMLLabelElement>, BoxCssComponentProps<HTMLLabelElement>, PropsWithChildren {
+    onClick?: (event: MouseEvent<HTMLLabelElement>) => void;
+    ariaLabel?: string;
+    htmlFor?: string;
+}
+export interface LabelStyledProps extends CommonCssComponentStyledProps<HTMLLabelElement>, BoxCssComponentStyledProps<HTMLLabelElement>, PropsWithChildren {
+    onClick?: (event: MouseEvent<HTMLLabelElement>) => void;
+}

package/components/atoms/Label/Label.types.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, PropsWithChildren } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps, BoxCssComponentProps, BoxCssComponentStyledProps } from '../..';
+import { CommonCssComponentProps, CommonCssComponentStyledProps, BoxCssComponentProps, BoxCssComponentStyledProps } from '../../index.js';
 export interface LabelProps extends CommonCssComponentProps<HTMLLabelElement>, BoxCssComponentProps<HTMLLabelElement>, PropsWithChildren {
     onClick?: (event: MouseEvent<HTMLLabelElement>) => void;
     ariaLabel?: string;

package/components/atoms/Label/LabelStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{styles:a={},theme:{label:o,...s}={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`label`,{css:[e.get(new Proxy(o||{},t.tokensHandler(s)),`default`,{}),l,a],...u,ref:i})});exports.LabelStyled=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{styles:a={},theme:{label:o,...s}={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,r.jsx)(`label`,{css:[e.get(new Proxy(o||{},t.tokensHandler(s)),`default`,{}),l,a],...u,ref:i})});exports.LabelStyled=i;

package/components/atoms/Label/LabelStyled.d.cts

@@ -0,0 +1,2 @@
+import { LabelStyledProps } from './/index.js';
+export declare const LabelStyled: import('react').ForwardRefExoticComponent<Omit<LabelStyledProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;

package/components/atoms/Label/LabelStyled.d.ts

@@ -1,2 +1,2 @@
-import { LabelStyledProps } from './';
+import { LabelStyledProps } from './/index.js';
 export declare const LabelStyled: import('react').ForwardRefExoticComponent<Omit<LabelStyledProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;

package/components/atoms/Label/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Label";

package/components/atoms/Label/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Label.js';
+export * from './Label.types.js';

package/components/atoms/Label/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Label';
-export * from './Label.types';
+export * from './Label.js';
+export * from './Label.types.js';

package/components/atoms/Link/Link.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../types/accesability.cjs`),t=require(`../../../types/cursors.cjs`),n=require(`../../../types/link.cjs`),r=require(`../../../hooks/useTheme/useTheme.cjs`),i=require(`./constants.cjs`),a=require(`./LinkStyled.cjs`),o=require(`../types/roles.types.cjs`);let s=require(`react`),c=require(`@emotion/react/jsx-runtime`);var l=(0,s.forwardRef)((s,l)=>{let{variant:u=n.LinkVariant.Primary,size:d,underline:f,disabled:p=!1,className:m=``,cursor:h=t.Cursors.Pointer,target:g=n.LinkTarget.Blank,tabindex:_=e.TabIndex.Default,href:v,role:y=o.Roles.Link,children:b,onClick:x,ariaLabel:S,rel:C,...w}=s,{theme:T}=r.useTheme();return(0,c.jsx)(a.LinkStyled,{ref:l,$variant:u,$size:d,$underline:f,$cursor:h,className:`${m}${p?`${i.COMPONENT_NAME}--disabled`:``}`,theme:T,target:g,role:y,tabIndex:_,"data-testid":i.COMPONENT_NAME,...C?{rel:C}:{},...p?{}:{href:v,onClick:x},...S?{"aria-label":S}:{},...w,children:b})});l.displayName=i.COMPONENT_NAME,exports.Link=l;
+"use client";const e=require("../../../types/accesability.cjs"),t=require("../../../types/cursors.cjs"),n=require("../../../types/link.cjs"),r=require("../../../hooks/useTheme/useTheme.cjs"),i=require("./constants.cjs"),a=require("./LinkStyled.cjs"),o=require("../types/roles.types.cjs");let s=require("react"),c=require("@emotion/react/jsx-runtime");var l=(0,s.forwardRef)((s,l)=>{let{variant:u=n.LinkVariant.Primary,size:d,underline:f,color:p,disabled:m=!1,className:h=``,cursor:g=t.Cursors.Pointer,target:_=n.LinkTarget.Blank,tabindex:v=e.TabIndex.Default,href:y,role:b=o.Roles.Link,children:x,onClick:S,ariaLabel:C,rel:w,...T}=s,{theme:E}=r.useTheme();return(0,c.jsx)(a.LinkStyled,{ref:l,$variant:u,$size:d,$underline:f,$color:p,$cursor:g,className:`${h}${m?`${i.COMPONENT_NAME}--disabled`:``}`,theme:E,target:_,role:b,tabIndex:v,"data-testid":i.COMPONENT_NAME,...w?{rel:w}:{},...m?{}:{href:y,onClick:S},...C?{"aria-label":C}:{},...T,children:x})});l.displayName=i.COMPONENT_NAME,exports.Link=l;

package/components/atoms/Link/Link.d.cts

@@ -0,0 +1,2 @@
+import { LinkProps } from './Link.types.js';
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/atoms/Link/Link.d.ts

@@ -1,2 +1,2 @@
-import { LinkProps } from './Link.types';
+import { LinkProps } from './Link.types.js';
 export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/atoms/Link/Link.js

@@ -10,27 +10,28 @@ import { forwardRef as c } from "react";
 import { jsx as l } from "@emotion/react/jsx-runtime";
 //#region src/components/atoms/Link/Link.tsx
 var u = c((c, u) => {
-	let { variant: d = r.Primary, size: f, underline: p, disabled: m = !1, className: h = "", cursor: g = t.Pointer, target: _ = n.Blank, tabindex: v = e.Default, href: y, role: b = s.Link, children: x, onClick: S, ariaLabel: C, rel: w, ...T } = c, { theme: E } = i();
+	let { variant: d = r.Primary, size: f, underline: p, color: m, disabled: h = !1, className: g = "", cursor: _ = t.Pointer, target: v = n.Blank, tabindex: y = e.Default, href: b, role: x = s.Link, children: S, onClick: C, ariaLabel: w, rel: T, ...E } = c, { theme: D } = i();
 	return /* @__PURE__ */ l(o, {
 		ref: u,
 		$variant: d,
 		$size: f,
 		$underline: p,
-		$cursor: g,
-		className: `${h}${m ? `${a}--disabled` : ""}`,
-		theme: E,
-		target: _,
-		role: b,
-		tabIndex: v,
+		$color: m,
+		$cursor: _,
+		className: `${g}${h ? `${a}--disabled` : ""}`,
+		theme: D,
+		target: v,
+		role: x,
+		tabIndex: y,
 		"data-testid": a,
-		...w ? { rel: w } : {},
-		...m ? {} : {
-			href: y,
-			onClick: S
+		...T ? { rel: T } : {},
+		...h ? {} : {
+			href: b,
+			onClick: C
 		},
-		...C ? { "aria-label": C } : {},
-		...T,
-		children: x
+		...w ? { "aria-label": w } : {},
+		...E,
+		children: S
 	});
 });
 u.displayName = a;

package/components/atoms/Link/Link.types.d.cts

@@ -0,0 +1,28 @@
+import { MouseEvent, PropsWithChildren } from 'react';
+import { EnumOrPrimitive, LinkVariant, Cursors, LinkTarget, LinkRel } from '../../../types/index.js';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
+export type LinkSize = 'sm' | 'md' | 'lg';
+export type LinkUnderline = 'default' | 'highlight' | 'none';
+export interface LinkProps extends CommonCssComponentProps<HTMLAnchorElement>, PropsWithChildren {
+    variant?: EnumOrPrimitive<LinkVariant>;
+    size?: LinkSize;
+    underline?: LinkUnderline;
+    color?: string;
+    cursor?: EnumOrPrimitive<Cursors>;
+    disabled?: boolean;
+    target?: EnumOrPrimitive<LinkTarget>;
+    href?: string;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    ariaLabel?: string;
+    role?: string;
+    tabindex?: number;
+    rel?: EnumOrPrimitive<LinkRel> | string;
+}
+export interface LinkStyledProps extends CommonCssComponentStyledProps<HTMLAnchorElement>, PropsWithChildren {
+    $variant?: EnumOrPrimitive<LinkVariant>;
+    $size?: LinkSize;
+    $underline?: LinkUnderline;
+    $color?: string;
+    $cursor: EnumOrPrimitive<Cursors>;
+    target?: EnumOrPrimitive<LinkTarget>;
+}

package/components/atoms/Link/Link.types.d.ts

@@ -1,12 +1,13 @@
 import { MouseEvent, PropsWithChildren } from 'react';
-import { EnumOrPrimitive, LinkVariant, Cursors, LinkTarget, LinkRel } from '../../../types';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
+import { EnumOrPrimitive, LinkVariant, Cursors, LinkTarget, LinkRel } from '../../../types/index.js';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.js';
 export type LinkSize = 'sm' | 'md' | 'lg';
 export type LinkUnderline = 'default' | 'highlight' | 'none';
 export interface LinkProps extends CommonCssComponentProps<HTMLAnchorElement>, PropsWithChildren {
     variant?: EnumOrPrimitive<LinkVariant>;
     size?: LinkSize;
     underline?: LinkUnderline;
+    color?: string;
     cursor?: EnumOrPrimitive<Cursors>;
     disabled?: boolean;
     target?: EnumOrPrimitive<LinkTarget>;
@@ -21,6 +22,7 @@ export interface LinkStyledProps extends CommonCssComponentStyledProps<HTMLAncho
     $variant?: EnumOrPrimitive<LinkVariant>;
     $size?: LinkSize;
     $underline?: LinkUnderline;
+    $color?: string;
     $cursor: EnumOrPrimitive<Cursors>;
     target?: EnumOrPrimitive<LinkTarget>;
 }

package/components/atoms/Link/LinkStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{link:a,...o}={},$variant:s=`primary`,$size:c,$underline:l,$cursor:u,styles:d={},...f}=n,{boxStyles:p,restProps:m}=t.getBoxStyles(f),h=new Proxy(a||{},t.tokensHandler(o)),g=e.get(h,`sizeMap`,{}),_=c&&g[c]?{fontSize:g[c].fontSize||`inherit`,lineHeight:g[c].lineHeight||`inherit`}:{},v=l&&l!==`default`?e.get(h,`underline.${l}`,{}):{};return(0,r.jsx)(`a`,{css:[{cursor:u},e.get(h,`default`,{}),e.get(h,s,{}),_,v,p,d],...m,ref:i})});exports.LinkStyled=i;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(e,n)=>!e||!n?e:Object.fromEntries(Object.entries(e).map(([e,r])=>e===`color`&&typeof r==`string`?[e,t.resolveThemeColor(n,r)]:r&&typeof r==`object`&&!Array.isArray(r)?[e,i(r,n)]:[e,r])),a=(0,n.forwardRef)((n,a)=>{let{theme:{link:o,...s}={},$variant:c=`primary`,$size:l,$underline:u,$color:d,$cursor:f,styles:p={},...m}=n,h=s.colors,{boxStyles:g,restProps:_}=t.getBoxStyles(m),v=new Proxy(o||{},t.tokensHandler(s)),y=e.get(v,`sizeMap`,{}),b=l&&y[l]?{fontSize:y[l].fontSize||`inherit`,lineHeight:y[l].lineHeight||`inherit`}:{},x=u&&u!=="default"?e.get(v,`underline.${u}`,{}):{},S=t.resolveThemeColor(h,d),C=i(p,h);return(0,r.jsx)(`a`,{css:[{cursor:f},e.get(v,`default`,{}),e.get(v,c,{}),b,x,g,C,...S?[{color:S}]:[]],..._,ref:a})});exports.LinkStyled=a;

package/components/atoms/Link/LinkStyled.d.cts

@@ -0,0 +1,2 @@
+import { LinkStyledProps } from './Link.types.js';
+export declare const LinkStyled: import('react').ForwardRefExoticComponent<Omit<LinkStyledProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/atoms/Link/LinkStyled.d.ts

@@ -1,2 +1,2 @@
-import { LinkStyledProps } from './Link.types';
+import { LinkStyledProps } from './Link.types.js';
 export declare const LinkStyled: import('react').ForwardRefExoticComponent<Omit<LinkStyledProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;

package/components/atoms/Link/LinkStyled.js

@@ -1,26 +1,27 @@
 import { get as e } from "../../../utils/helpers.js";
-import { getBoxStyles as t, tokensHandler as n } from "../../../tokens/utils.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getBoxStyles as t, resolveThemeColor as n, tokensHandler as r } from "../../../tokens/utils.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "@emotion/react/jsx-runtime";
 //#region src/components/atoms/Link/LinkStyled.tsx
-var a = r((r, a) => {
-	let { theme: { link: o, ...s } = {}, $variant: c = "primary", $size: l, $underline: u, $cursor: d, styles: f = {}, ...p } = r, { boxStyles: m, restProps: h } = t(p), g = new Proxy(o || {}, n(s)), _ = e(g, "sizeMap", {}), v = l && _[l] ? {
-		fontSize: _[l].fontSize || "inherit",
-		lineHeight: _[l].lineHeight || "inherit"
-	} : {}, y = u && u !== "default" ? e(g, `underline.${u}`, {}) : {};
-	return /* @__PURE__ */ i("a", {
+var o = (e, t) => !e || !t ? e : Object.fromEntries(Object.entries(e).map(([e, r]) => e === "color" && typeof r == "string" ? [e, n(t, r)] : r && typeof r == "object" && !Array.isArray(r) ? [e, o(r, t)] : [e, r])), s = i((i, s) => {
+	let { theme: { link: c, ...l } = {}, $variant: u = "primary", $size: d, $underline: f, $color: p, $cursor: m, styles: h = {}, ...g } = i, _ = l.colors, { boxStyles: v, restProps: y } = t(g), b = new Proxy(c || {}, r(l)), x = e(b, "sizeMap", {}), S = d && x[d] ? {
+		fontSize: x[d].fontSize || "inherit",
+		lineHeight: x[d].lineHeight || "inherit"
+	} : {}, C = f && f !== "default" ? e(b, `underline.${f}`, {}) : {}, w = n(_, p), T = o(h, _);
+	return /* @__PURE__ */ a("a", {
 		css: [
-			{ cursor: d },
-			e(g, "default", {}),
-			e(g, c, {}),
+			{ cursor: m },
+			e(b, "default", {}),
+			e(b, u, {}),
+			S,
+			C,
 			v,
-			y,
-			m,
-			f
+			T,
+			...w ? [{ color: w }] : []
 		],
-		...h,
-		ref: a
+		...y,
+		ref: s
 	});
 });
 //#endregion
-export { a as LinkStyled };
+export { s as LinkStyled };

package/components/atoms/Link/constants.d.cts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Link";

package/components/atoms/Link/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Link.js';
+export * from './Link.types.js';

package/components/atoms/Link/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Link';
-export * from './Link.types';
+export * from './Link.js';
+export * from './Link.types.js';

package/components/atoms/Loader/Loader.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../types/common.cjs`),n=require(`../../../types/wrapper.cjs`),r=require(`../../../hooks/useTheme/useTheme.cjs`),i=require(`../Wrapper/Wrapper.cjs`),a=require(`../../layout/Portal/Portal.cjs`),o=require(`./constants.cjs`),s=require(`./LoaderStyled.cjs`);let c=require(`react`),l=require(`@emotion/react/jsx-runtime`);var u=(0,c.forwardRef)((c,u)=>{let{theme:d}=r.useTheme(),{name:f=`circle`,variant:p=n.WrapperVariant.Inline,rounded:m=e.get(d,`loader.attrs.rounded`,`none`),children:h,size:g=t.SizeVariant.Md,animationProps:_=o.BASE_ANIMATION,withWrapper:v=!0,WrapperView:y=`span`,...b}=c,x=()=>h||(0,l.jsx)(s.LoaderStyled,{ref:u,theme:d,$name:f,$variant:p,$size:g,$animationProps:_,$rounded:m,"data-testid":o.COMPONENT_NAME,...b});return p===n.WrapperVariant.FullPage?(0,l.jsx)(a.Portal,{wrapperVariant:p,withWrapper:v,WrapperView:y,children:x()}):v?(0,l.jsx)(i.default,{variant:p,as:y,children:x()}):x()});u.displayName=o.COMPONENT_NAME,exports.Loader=u;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../types/common.cjs"),n=require("../../../types/wrapper.cjs"),r=require("../../../hooks/useTheme/useTheme.cjs"),i=require("../Wrapper/Wrapper.cjs"),a=require("../../layout/Portal/Portal.cjs"),o=require("./constants.cjs"),s=require("./LoaderStyled.cjs");let c=require("react"),l=require("@emotion/react/jsx-runtime");var u=(0,c.forwardRef)((c,u)=>{let{theme:d}=r.useTheme(),{name:f=`circle`,variant:p=n.WrapperVariant.Inline,rounded:m=e.get(d,`loader.attrs.rounded`,`none`),children:h,size:g=t.SizeVariant.Md,animationProps:_=o.BASE_ANIMATION,withWrapper:v=!0,WrapperView:y=`span`,...b}=c,x=()=>h||(0,l.jsx)(s.LoaderStyled,{ref:u,theme:d,$name:f,$variant:p,$size:g,$animationProps:_,$rounded:m,"data-testid":o.COMPONENT_NAME,...b});return p===n.WrapperVariant.FullPage?(0,l.jsx)(a.Portal,{wrapperVariant:p,withWrapper:v,WrapperView:y,children:x()}):v?(0,l.jsx)(i.default,{variant:p,as:y,children:x()}):x()});u.displayName=o.COMPONENT_NAME,exports.Loader=u;