tcce-design-system 0.1.22 → 0.1.23

package/dist/tcce-design-system-components.d.ts

@@ -127,7 +127,7 @@ export declare interface BaseLabelProps extends LabelHTMLAttributes<HTMLLabelEle
  * @property {string} [title] - Optional title for accessibility.
  * @property {Variant} [variant] - Animation variant of the spinner.
  */
-declare interface BaseSpinnerProps {
+export declare interface BaseSpinnerProps {
     size?: Size;
     color?: ColorKey;
     centered?: boolean;
@@ -233,7 +233,7 @@ export declare interface CheckboxSpecificProps {
  */
 export declare const CloseOpenButton: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 
-declare type ColorKey = 'primary' | 'orange' | 'white' | 'gray';
+export declare type ColorKey = 'primary' | 'orange' | 'white' | 'gray';
 
 declare type ColorKey_2 = 'primary' | 'orange' | 'white' | 'gray';
 
@@ -515,6 +515,27 @@ export declare type FormFieldSize = 'sm' | 'md' | 'lg';
 
 export declare type FormFieldState = 'default' | 'hover' | 'focus' | 'error' | 'disabled';
 
+/**
+ * FullScreenSpinner Component
+ * Renders a full-screen spinner with an optional message.
+ * @param {FullScreenSpinnerProps} props - Props for the FullScreenSpinner component see in Spinner.types.ts .
+ * @returns JSX.Element The rendered FullScreenSpinner component.
+ */
+export declare const FullScreenSpinner: ({ message, color, variant, }: FullScreenSpinnerProps) => JSX.Element;
+
+/**
+ * Props for the FullScreenSpinner component.
+ * @interface FullScreenSpinnerProps
+ * @property {string} [message] - Optional message to display with the spinner.
+ * @property {ColorKey} [color] - Color variant of the spinner.
+ * @property {Variant} [variant] - Animation variant of the spinner.
+ */
+export declare interface FullScreenSpinnerProps {
+    message?: string;
+    color?: ColorKey;
+    variant?: Variant;
+}
+
 /**
  * Retrieves the value of a cookie by name
  * @param name - The name of the cookie to retrieve
@@ -1089,6 +1110,27 @@ export declare interface SearchSpecificProps {
     onSearch?: (value: string) => void;
 }
 
+/**
+ * SectionSpinner Component
+ * Renders a spinner suitable for section loading states with an optional message.
+ * @param {SectionSpinnerProps} props - Props for the SectionSpinner component see in Spinner.types.ts .
+ * @returns JSX.Element The rendered SectionSpinner component.
+ */
+export declare const SectionSpinner: ({ message, color, variant, }: SectionSpinnerProps) => JSX.Element;
+
+/**
+ * Props for the SectionSpinner component
+ * @interface SectionSpinnerProps
+ * @property {string} [message] - Optional message to display with the spinner.
+ * @property {ColorKey} [color] - Color variant of the spinner.
+ * @property {Variant} [variant] - Animation variant of the spinner.
+ */
+export declare interface SectionSpinnerProps {
+    message?: string;
+    color?: ColorKey;
+    variant?: Variant;
+}
+
 export declare const SelectInput: ForwardRefExoticComponent<SelectInputProps & RefAttributes<HTMLButtonElement>>;
 
 export declare interface SelectInputProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
@@ -1196,7 +1238,7 @@ export declare const SidebarProvider: ({ children }: PropsWithChildren) => JSX.E
  * Animation variant options for the Spinner component.
  * typedef {('rotate' | 'sweep')} Variant
  */
-declare type Size = 'sm' | 'md' | 'lg' | 'xl';
+export declare type Size = 'sm' | 'md' | 'lg' | 'xl';
 
 export declare const sizeStyles: {
     sm: RuleSet<object>;
@@ -1650,7 +1692,7 @@ export declare const useSidebar: () => SidebarContextValue;
  */
 export declare const validateCode: (code: string, length: number, type?: "text" | "number") => boolean;
 
-declare type Variant = 'rotate' | 'sweep';
+export declare type Variant = 'rotate' | 'sweep';
 
 /**
  * Interfaz base para componentes que soportan iconos a la izquierda y derecha