@commercelayer/app-elements 1.0.1 → 1.2.0

package/dist/{src/ui → ui}/atoms/AvatarLetter/AvatarLetter.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface AvatarLetterProps {
+export interface AvatarLetterProps {
     /**
      * Text to be used to generate initials
      */
@@ -20,4 +20,3 @@ export declare function AvatarLetter({ text, className, style, ...rest }: Avatar
 export declare namespace AvatarLetter {
     var displayName: string;
 }
-export {};

package/dist/ui/atoms/AvatarLetter/index.d.ts

@@ -0,0 +1 @@
+export { AvatarLetter, type AvatarLetterProps } from './AvatarLetter';

package/dist/ui/atoms/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { variantCss } from './badgeVariants';
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Render a different variant. */
+    variant: keyof typeof variantCss;
+    children: string;
+}
+/** Badges are used to highlight an item's status for quick recognition. */
+export declare const Badge: React.FC<BadgeProps>;

package/dist/ui/atoms/Badge/badgeVariants.d.ts

@@ -0,0 +1,3 @@
+type BadgeVariant = 'danger-solid' | 'danger' | 'primary-solid' | 'primary' | 'secondary-solid' | 'secondary' | 'success-solid' | 'success' | 'teal-solid' | 'teal' | 'warning-solid' | 'warning';
+export declare const variantCss: Record<BadgeVariant, string>;
+export {};

package/dist/ui/atoms/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, type BadgeProps } from './Badge';

package/dist/{src/ui → ui}/atoms/Button.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button content
      */
@@ -17,10 +17,10 @@ interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
      */
     fullWidth?: boolean;
 }
-export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
-export type ButtonSize = 'small' | 'regular' | 'large';
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
+type ButtonSize = 'small' | 'regular' | 'large';
 /** Button component is used to trigger an action or event, such as submitting a form, opening a Dialog, or performing an action. */
-export declare function Button({ children, className, size, variant, disabled, fullWidth, ...rest }: Props): JSX.Element;
+export declare function Button({ children, className, size, variant, disabled, fullWidth, ...rest }: ButtonProps): JSX.Element;
 export declare namespace Button {
     var displayName: string;
 }

package/dist/{src/ui → ui}/atoms/ButtonFilter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type IconProps } from './Icon';
-interface ButtonFilterProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ButtonFilterProps extends React.HTMLAttributes<HTMLDivElement> {
     onClick?: () => void;
     onRemoveRequest?: () => void;
     icon?: IconProps['name'];

package/dist/{src/ui → ui}/atoms/Card.d.ts

@@ -1,5 +1,20 @@
 /// <reference types="react" />
 /// <reference types="react" />
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Possible values are:
+     * - `"1"`: 0.25rem, 4px
+     * - `"4"`: 1rem, 16px
+     * - `"6"`: 1.5rem, 24px
+     *
+     * @default 6
+     */
+    gap?: '1' | '4' | '6';
+    /**
+     * Footer will render in a dedicated section below the main content.
+     */
+    footer?: React.ReactNode;
+}
 /** Card is a flexible component used to group and display content in a clear and concise format. */
 export declare const Card: import("./SkeletonTemplate").SkeletonTemplateComponent<{
     gap?: "1" | "4" | "6" | undefined;

package/dist/{src/ui → ui}/atoms/Container.d.ts

@@ -4,8 +4,6 @@ export interface ContainerProps {
      * Set min height as screen size. Default is `true`.
      */
     minHeight?: boolean;
-}
-interface Props extends ContainerProps {
     /**
      * CSS class name
      */
@@ -16,5 +14,4 @@ interface Props extends ContainerProps {
     children: React.ReactNode;
 }
 /** This component can be used to constrain a content's width to the current breakpoint, while keeping it fluid. */
-export declare const Container: React.FC<Props>;
-export {};
+export declare const Container: React.FC<ContainerProps>;

package/dist/{src/ui → ui}/atoms/CopyToClipboard.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface CopyToClipboardProps {
+export interface CopyToClipboardProps {
     /**
      * text to display that will be copied on button click
      */
@@ -15,4 +15,3 @@ interface CopyToClipboardProps {
 }
 /** CopyToClipboard can copy a provided value to the clipboard. You can use the `showValue` prop to decide whether to render or not the provided value. */
 export declare const CopyToClipboard: React.FC<CopyToClipboardProps>;
-export {};

package/dist/{src/ui → ui}/atoms/Grid.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
-import React from 'react';
-interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+import React, { type ReactNode } from 'react';
+export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     children: ReactNode;
     columns: '1' | '2';
 }

package/dist/{src/ui → ui}/atoms/Hint.d.ts

@@ -5,8 +5,7 @@ export interface HintProps {
     className?: string;
     children: ReactNode;
 }
-declare function Hint({ icon, className, children, ...rest }: HintProps): JSX.Element;
-declare namespace Hint {
+export declare function Hint({ icon, className, children, ...rest }: HintProps): JSX.Element;
+export declare namespace Hint {
     var displayName: string;
 }
-export { Hint };

package/dist/{src/ui → ui}/atoms/Hr.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-type Props = Omit<React.HTMLProps<HTMLHRElement>, 'children'>;
+export type HrProps = Omit<React.HTMLProps<HTMLHRElement>, 'children'>;
 /**
  * This component wraps an [`<hr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr) HTML element.
  * <span type='info'>All the props are directly sent to the horizontal rule element.</span>
  */
-export declare const Hr: React.FC<Props>;
-export {};
+export declare const Hr: React.FC<HrProps>;

package/dist/{src/ui → ui}/atoms/PageHeading.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type BadgeVariant } from './Badge';
+import { type BadgeProps } from './Badge';
 export interface PageHeadingProps {
     /**
      * Main page title wrapped in a h1 element
@@ -25,7 +25,7 @@ export interface PageHeadingProps {
     /**
      * When set, it will render a badge (default as warning variant) above the title
      */
-    badgeVariant?: BadgeVariant;
+    badgeVariant?: BadgeProps['variant'];
     /**
      * When set, it will render a button on the right side of the first row
      */

package/dist/{src/ui → ui}/atoms/Progress.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
+export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
     /**
      * This attribute describes how much work the task indicated by the `progress` element requires.
      * The `max` attribute, if present, must have a value greater than `0` and be a valid floating point number.
@@ -22,4 +22,3 @@ interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement
  * <span type='info'>All the props are directly sent to the progress indicator element.</span>
  */
 export declare const Progress: React.FC<ProgressProps>;
-export {};

package/dist/{src/ui → ui}/atoms/RadialProgress.d.ts

@@ -1,6 +1,6 @@
 import { type SVGAttributes } from 'react';
 import { type IconProps } from './Icon';
-interface RadialProgressProps extends SVGAttributes<SVGElement> {
+export interface RadialProgressProps extends SVGAttributes<SVGElement> {
     /**
      * Progress percentage express as number from 0 to 100.
      * When not specified, it will render a dashed circle (eg: pending state)

package/dist/{src/ui → ui}/atoms/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-interface SkeletonProps {
+export interface SkeletonProps {
     /**
      * This prevents Skeleton to appear immediately.
      * It can be used when loading times are too short and you don't want flashing of content
@@ -15,7 +15,7 @@ declare function Skeleton({ children, delayMs, ...rest }: SkeletonProps): JSX.El
 declare namespace Skeleton {
     var displayName: string;
 }
-interface SkeletonItemProps {
+export interface SkeletonItemProps {
     /**
      * CSS classes
      */

package/dist/{src/ui → ui}/atoms/Spacer.d.ts

@@ -1,21 +1,21 @@
 import { type ReactNode } from 'react';
-export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Value to be applied as `margin-top`
      */
-    top?: SpacingValues;
+    top?: SpacerValues;
     /**
      * Value to be applied as `margin-bottom`.
      */
-    bottom?: SpacingValues;
+    bottom?: SpacerValues;
     /**
      * Value to be applied as `margin-left`.
      */
-    left?: SpacingValues;
+    left?: SpacerValues;
     /**
      * Value to be applied as `margin-right`.
      */
-    right?: SpacingValues;
+    right?: SpacerValues;
     children?: ReactNode;
 }
 /**
@@ -27,8 +27,8 @@ export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
  * 12: 3rem, 48px
  * 14: 3.5rem, 56px
  */
-export type SpacingValues = '2' | '4' | '6' | '8' | '10' | '12' | '14';
-declare function Spacer({ top, bottom, left, right, children, ...rest }: SpacingProps): JSX.Element;
+type SpacerValues = '2' | '4' | '6' | '8' | '10' | '12' | '14';
+declare function Spacer({ top, bottom, left, right, children, ...rest }: SpacerProps): JSX.Element;
 declare namespace Spacer {
     var displayName: string;
 }

package/dist/ui/atoms/StatusDot.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type DotVariant = 'success' | 'danger' | 'warning';
+export interface StatusDotProps {
+    variant: DotVariant;
+}
+export declare function StatusDot({ variant, ...rest }: StatusDotProps): JSX.Element;
+export declare namespace StatusDot {
+    var displayName: string;
+}
+export {};

package/dist/{src/ui → ui}/atoms/Steps.d.ts

@@ -3,8 +3,8 @@ interface Step {
     label: string;
     active?: boolean;
 }
-interface Props {
+export interface StepsProps {
     steps: Step[];
 }
-export declare const Steps: React.FC<Props>;
+export declare const Steps: React.FC<StepsProps>;
 export {};

package/dist/{src/ui → ui}/atoms/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Props {
+export interface TableProps {
     thead?: React.ReactNode;
     tbody?: React.ReactNode;
     className?: string;
@@ -17,5 +17,4 @@ interface Props {
  * } from '@commercelayer/app-elements'
  * ```
  */
-export declare const Table: React.FC<Props>;
-export {};
+export declare const Table: React.FC<TableProps>;

package/dist/{src/ui → ui}/atoms/Table/Td.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-interface Props {
+export interface TdProps {
     className?: string;
     children?: React.ReactNode;
     textEllipsis?: number;
 }
-export declare const Td: React.FC<Props>;
-export {};
+export declare const Td: React.FC<TdProps>;

package/dist/ui/atoms/Table/Th.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ThProps extends React.ThHTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare function Th({ children, ...rest }: ThProps): JSX.Element;
+declare namespace Th {
+    var displayName: string;
+}
+export { Th };

package/dist/{src/ui → ui}/atoms/Table/Tr.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-interface Props extends React.HTMLAttributes<HTMLElement> {
+export interface TrProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }
-declare function Tr({ children, ...rest }: Props): JSX.Element;
+declare function Tr({ children, ...rest }: TrProps): JSX.Element;
 declare namespace Tr {
     var displayName: string;
 }

package/dist/ui/atoms/Table/index.d.ts

@@ -0,0 +1,4 @@
+export { Table, type TableProps } from './Table';
+export { Td, type TdProps } from './Td';
+export { Th, type ThProps } from './Th';
+export { Tr, type TrProps } from './Tr';

package/dist/{src/ui → ui}/atoms/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-interface Props {
+export interface TabsProps {
     /**
      * Used for accessability
      */
@@ -25,11 +25,11 @@ interface Props {
      */
     keepAlive?: boolean;
 }
-declare function Tabs({ id, children, onTabSwitch, className, keepAlive, ...rest }: Props): JSX.Element;
+declare function Tabs({ id, children, onTabSwitch, className, keepAlive, ...rest }: TabsProps): JSX.Element;
 declare namespace Tabs {
     var displayName: string;
 }
-interface TabProps {
+export interface TabProps {
     /**
      * This is the tab name used to render the Tab Navigation on top
      */

package/dist/{src/ui → ui}/atoms/Text.d.ts

@@ -1,9 +1,9 @@
 import { type ReactNode } from 'react';
-export type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain' | 'disabled';
-export type TextSize = 'small' | 'regular' | 'large' | 'inherit';
-export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'inherit';
-export type TextAlignment = 'center' | 'left' | 'right' | 'inherit';
-export type TextWrap = 'normal' | 'nowrap' | 'inherit';
+type TextVariant = 'danger' | 'success' | 'primary' | 'warning' | 'info' | 'plain' | 'disabled';
+type TextSize = 'small' | 'regular' | 'large' | 'inherit';
+type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'inherit';
+type TextAlignment = 'center' | 'left' | 'right' | 'inherit';
+type TextWrap = 'normal' | 'nowrap' | 'inherit';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     variant?: TextVariant;

package/dist/{src/ui → ui}/composite/ActionButtons/ActionButtons.d.ts

@@ -1,10 +1,10 @@
-import { type ButtonVariant } from '../../atoms/Button';
+import { type ButtonProps } from '../../atoms/Button';
 import { type MouseEventHandler } from 'react';
 export interface ActionButtonsProps {
     actions: Array<{
         label: string;
         onClick: MouseEventHandler<HTMLButtonElement>;
-        variant?: ButtonVariant;
+        variant?: ButtonProps['variant'];
         disabled?: boolean;
     }>;
 }
@@ -12,7 +12,7 @@ export declare const ActionButtons: import('../../atoms/SkeletonTemplate').Skele
     actions: Array<{
         label: string;
         onClick: MouseEventHandler<HTMLButtonElement>;
-        variant?: ButtonVariant;
+        variant?: ButtonProps['variant'];
         disabled?: boolean;
     }>;
     delayMs?: number | undefined;

package/dist/ui/composite/CardDialog.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export interface CardDialogProps {
+    /**
+     * Card title
+     */
+    title: string;
+    /**
+     * Card subtible
+     */
+    subtitle?: string;
+    /**
+     * This text is displayed in the card header on the right
+     */
+    rightContent?: React.ReactNode;
+    /**
+     * Card icon
+     */
+    icon?: JSX.Element;
+    /**
+     * When defined, this will show a close button on the right
+     */
+    onClose?: () => void;
+    /**
+     * The content of the card dialog.
+     **/
+    children?: React.ReactNode;
+    /**
+     * Card footer
+     */
+    footer?: React.ReactNode;
+}
+export declare const CardDialog: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    title: string;
+    subtitle?: string | undefined;
+    rightContent?: React.ReactNode;
+    icon?: JSX.Element | undefined;
+    onClose?: (() => void) | undefined;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

package/dist/{src/ui → ui}/composite/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface DropdownProps {
+export interface DropdownProps {
     /** The trigger for the dropdown menu. Can be a JSX Element or simply a `string`. */
     dropdownLabel?: React.ReactNode;
     /** List of links and actions. You can use a combination of `DropdownItem` and `DropdownDivider` components. */
@@ -13,4 +13,3 @@ interface DropdownProps {
  * - `DropdownDivider`: A visual separator for dropdown items.
  */
 export declare const Dropdown: React.FC<DropdownProps>;
-export {};

package/dist/ui/composite/Dropdown/DropdownDivider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface DropdownDividerProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export declare function DropdownDivider({ children, ...rest }: DropdownDividerProps): JSX.Element;
+export declare namespace DropdownDivider {
+    var displayName: string;
+}

package/dist/ui/composite/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface DropdownItemProps extends React.HTMLAttributes<HTMLElement> {
+    label: string;
+    icon?: React.ReactNode;
+}
+export declare function DropdownItem({ label, icon, ...rest }: DropdownItemProps): JSX.Element;
+export declare namespace DropdownItem {
+    var displayName: string;
+}

package/dist/ui/composite/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown, type DropdownProps } from './Dropdown';
+export { DropdownDivider, type DropdownDividerProps } from './DropdownDivider';
+export { DropdownItem, type DropdownItemProps } from './DropdownItem';

package/dist/{src/ui → ui}/composite/List.d.ts

@@ -1,6 +1,6 @@
 import { type PaginationProps } from '../atoms/Pagination';
 import { type ReactNode } from 'react';
-export type ListPagination = {
+type ListPagination = {
     recordsPerPage: number;
     recordCount: number;
 } & Omit<PaginationProps, 'className' | 'isDisabled'>;

package/dist/{src/ui → ui}/composite/ListDetails.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export interface DetailsListProps {
+export interface ListDetailsProps {
     /**
      * Optional title to show on top of the list
      */
@@ -25,7 +25,7 @@ export interface DetailsListProps {
      */
     loadingLines?: number;
 }
-declare function ListDetails({ title, children, fontSize, isLoading, loadingLines, className }: DetailsListProps): JSX.Element;
+declare function ListDetails({ title, children, fontSize, isLoading, loadingLines, className }: ListDetailsProps): JSX.Element;
 declare namespace ListDetails {
     var displayName: string;
 }

package/dist/{src/ui → ui}/composite/ListDetailsItem.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-interface ListDetailsItemProps {
+export interface ListDetailsItemProps {
     /**
      * label to show on the left side. In a key/value pair, this is the `key`
      */
@@ -31,4 +31,3 @@ export declare function ListDetailsItem({ label, children, isLoading, border, gu
 export declare namespace ListDetailsItem {
     var displayName: string;
 }
-export {};

package/dist/{src/ui → ui}/composite/ListItem.d.ts

@@ -34,5 +34,5 @@ export type ListItemProps = Props & (({
      */
     tag: 'a';
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>));
-declare const ListItem: FC<ListItemProps>;
-export { ListItem };
+export declare const ListItem: FC<ListItemProps>;
+export {};

package/dist/{src/ui → ui}/composite/PageError.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface PageErrorProps {
+export interface PageErrorProps {
     /**
      * Main page title wrapped in a h1 element
      */
@@ -24,8 +24,7 @@ interface PageErrorProps {
      */
     actionButton?: JSX.Element;
 }
-declare function PageError({ pageTitle, onGoBack, errorName, errorDescription, actionButton, ...rest }: PageErrorProps): JSX.Element;
-declare namespace PageError {
+export declare function PageError({ pageTitle, onGoBack, errorName, errorDescription, actionButton, ...rest }: PageErrorProps): JSX.Element;
+export declare namespace PageError {
     var displayName: string;
 }
-export { PageError };

package/dist/{src/ui → ui}/composite/PageLayout.d.ts

@@ -11,8 +11,7 @@ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'descr
      */
     mode?: 'test' | 'live';
 }
-declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, minHeight, ...rest }: PageLayoutProps): JSX.Element;
-declare namespace PageLayout {
+export declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, minHeight, ...rest }: PageLayoutProps): JSX.Element;
+export declare namespace PageLayout {
     var displayName: string;
 }
-export { PageLayout };

package/dist/{src/ui → ui}/composite/PageSkeleton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface PageSkeletonProps {
+export interface PageSkeletonProps {
     layout?: 'list' | 'details';
     hasHeaderDescription?: boolean;
     delayMs?: number;

package/dist/{src/ui → ui}/composite/Report.d.ts

@@ -12,8 +12,8 @@ export interface ReportProps {
     isLoading?: boolean;
     loadingLines?: number;
 }
-declare function Report({ items, isLoading, loadingLines, ...rest }: ReportProps): JSX.Element;
-declare namespace Report {
+export declare function Report({ items, isLoading, loadingLines, ...rest }: ReportProps): JSX.Element;
+export declare namespace Report {
     var displayName: string;
 }
-export { Report };
+export {};

package/dist/{src/ui → ui}/composite/SearchBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-interface SearchBarProps {
+export interface SearchBarProps {
     /**
      * Initial value of the search bar. When changed, the search bar will be updated.
      */
@@ -37,4 +37,3 @@ interface SearchBarProps {
  * for the specified value of `debounceMs` (default 500ms).</span>
  */
 export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/{src/ui → ui}/composite/Timeline.d.ts

@@ -5,6 +5,12 @@ export interface TimelineEvent {
     message: ReactNode;
     note?: string;
 }
+export interface TimelineProps {
+    events: TimelineEvent[];
+    timezone?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+}
 export declare const Timeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     events: TimelineEvent[];
     timezone?: string | undefined;

package/dist/{src/ui → ui}/forms/Input/HookedInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputProps } from './Input';
-interface Props extends InputProps {
+export interface HookedInputProps extends InputProps {
     /**
      * field name to match hook-form state
      */
@@ -10,8 +10,7 @@ interface Props extends InputProps {
  * `Input` component ready to be used with the `react-hook-form` context.
  * @see InputSelect
  */
-export declare function HookedInput({ name, ...props }: Props): JSX.Element;
+export declare function HookedInput({ name, ...props }: HookedInputProps): JSX.Element;
 export declare namespace HookedInput {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { HookedInput, type HookedInputProps } from './HookedInput';
+export { Input, type InputProps } from './Input';

package/dist/{src/ui → ui}/forms/InputCheckbox/HookedInputCheckbox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type InputCheckboxProps } from './InputCheckbox';
-interface Props extends InputCheckboxProps {
+export interface HookedInputCheckboxProps extends InputCheckboxProps {
     /**
      * field name to match hook-form state
      */
@@ -10,8 +10,7 @@ interface Props extends InputCheckboxProps {
  * `InputCheckbox` component ready to be used with the `react-hook-form` context.
  * @see InputCheckbox
  */
-export declare function HookedInputCheckbox({ name, ...props }: Props): JSX.Element;
+export declare function HookedInputCheckbox({ name, ...props }: HookedInputCheckboxProps): JSX.Element;
 export declare namespace HookedInputCheckbox {
     var displayName: string;
 }
-export {};

package/dist/ui/forms/InputCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export { HookedInputCheckbox, type HookedInputCheckboxProps } from './HookedInputCheckbox';
+export { InputCheckbox, type InputCheckboxProps } from './InputCheckbox';