@scmlatam/web-ui 0.2.12 → 0.2.13

package/dist/src/rb-components/ui/primitives/date-fields/CustomTimefield.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomTimefieldProps {
     label: string;
@@ -8,5 +9,5 @@ export interface CustomTimefieldProps {
     white: boolean;
     fullWidth: boolean;
 }
-declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomTimefieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomTimefieldProps) => React.JSX.Element;
 export { CustomTimefield };

package/dist/src/rb-components/ui/primitives/date-fields/DateFieldTrigger.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type DateFieldIcon = "chevron" | "clock";
+type DateFieldIcon = "chevron" | "calendar" | "clock";
 interface DateFieldTriggerProps {
     id?: string;
     label: string;
@@ -10,6 +10,18 @@ interface DateFieldTriggerProps {
     white?: boolean;
     fullWidth?: boolean;
     icon?: DateFieldIcon;
+    /**
+     * Representa visual y accesiblemente
+     * un estado de error.
+     */
+    error?: boolean;
+    /**
+     * Texto mostrado bajo el campo.
+     *
+     * Cuando error=true, utiliza el color
+     * de error de la librería.
+     */
+    helperText?: React.ReactNode;
     onClick?: () => void;
 }
 export declare const DateFieldTrigger: React.ForwardRefExoticComponent<DateFieldTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/rb-components/ui/primitives/date-fields/DateShortcuts.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface DateShortcut {
     label: string;
@@ -15,11 +16,11 @@ interface DateShortcutsProps {
     onSelect: (value: Dayjs | null) => void;
     variant?: ShortcutVariant;
 }
-export declare function DateShortcuts({ shortcuts, onSelect, variant, }: DateShortcutsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateShortcuts({ shortcuts, onSelect, variant, }: DateShortcutsProps): React.JSX.Element;
 interface DateRangeShortcutsProps {
     shortcuts: DateRangeShortcut[];
     onSelect: (value: [Dayjs | null, Dayjs | null]) => void;
     variant?: ShortcutVariant;
 }
-export declare function DateRangeShortcuts({ shortcuts, onSelect, variant, }: DateRangeShortcutsProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangeShortcuts({ shortcuts, onSelect, variant, }: DateRangeShortcutsProps): React.JSX.Element;
 export {};

package/dist/src/rb-components/ui/primitives/date-fields/TimePickerPanel.d.ts

@@ -3,5 +3,5 @@ interface TimePickerPanelProps {
     value: Dayjs | null;
     onChange: (newValue: Dayjs) => void;
 }
-export declare function TimePickerPanel({ value, onChange }: TimePickerPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePickerPanel({ value, onChange }: TimePickerPanelProps): import("react").JSX.Element;
 export {};

package/dist/src/router/Router.d.ts

@@ -8,6 +8,6 @@ interface SignInProps {
 interface PostSignInProps {
     routes: RouteItem[];
 }
-declare const PrevSignIn: ({ product, languages, form, signup }: SignInProps) => import("react/jsx-runtime").JSX.Element;
-declare const PostSignIn: ({ routes }: PostSignInProps) => import("react/jsx-runtime").JSX.Element;
+declare const PrevSignIn: ({ product, languages, form, signup }: SignInProps) => import("react").JSX.Element;
+declare const PostSignIn: ({ routes }: PostSignInProps) => import("react").JSX.Element;
 export { PrevSignIn, PostSignIn };

package/dist/src/stories/Button.d.ts

@@ -11,4 +11,4 @@ export interface ButtonProps {
     onClick?: () => void;
 }
 /** Primary UI component for user interaction */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/src/stories/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ primary, size, backgroundColor, label, ...props }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ primary, size, backgroundColor, label, ...props }: import('./Button').ButtonProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/src/stories/Header.d.ts

@@ -7,5 +7,5 @@ export interface HeaderProps {
     onLogout?: () => void;
     onCreateAccount?: () => void;
 }
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => import("react").JSX.Element;
 export {};

package/dist/src/stories/Header.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ user, onLogin, onLogout, onCreateAccount, }: import('./Header').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ user, onLogin, onLogout, onCreateAccount, }: import('./Header').HeaderProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/src/stories/rb/PillsTabs.stories.d.ts

@@ -3,7 +3,7 @@ import { PillsTabsProps } from '../../rb-components/navigation';
 type HomeTab = "legacy" | "rb" | "preview";
 declare const meta: {
     title: string;
-    component: (props: PillsTabsProps<HomeTab>) => import("react/jsx-runtime").JSX.Element;
+    component: (props: PillsTabsProps<HomeTab>) => import("react").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/src/stories/rb/RbAutoCustomCompleteField.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ label, placeholder, values, value, setValue, white, }: import('../../rb-components').CustomAutoCompleteFieldProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: import('../../rb-components').CustomAutoCompleteFieldProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/src/stories/rb/RbIconButton.stories.d.ts

@@ -9,7 +9,7 @@ declare const meta: {
     args: {
         size: "m";
         active: false;
-        children: import("react/jsx-runtime").JSX.Element;
+        children: import("react").JSX.Element;
     };
     argTypes: {
         size: {

package/dist/src/stories/rb/RbTable.stories.d.ts

@@ -9,7 +9,7 @@ type WorkerRow = {
 };
 declare const meta: {
     title: string;
-    component: (props: RbTableProps<WorkerRow>) => import("react/jsx-runtime").JSX.Element;
+    component: (props: RbTableProps<WorkerRow>) => import("react").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/src/stories/sidebar.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ items, signOut, tooltips, state, setState, getWidth, }: import('../components/core/types/types').SidebarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, signOut, tooltips, state, setState, getWidth, }: import('../components/core/types/types').SidebarProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };