@commercelayer/app-elements 1.0.1 → 1.1.0

package/dist/main.d.ts

@@ -1 +1,94 @@
-export * from './src/main'
+export { goBack, navigateTo } from './helpers/appsNavigation';
+export { isAttachmentValidNote, referenceOrigins } from './helpers/attachments';
+export { formatDate, getIsoDateAtDayEdge, getIsoDateAtDaysBefore, sortAndGroupByDate, timeSeparator } from './helpers/date';
+export { downloadJsonAsFile } from './helpers/downloadJsonAsFile';
+export { computeFullname, formatDisplayName } from './helpers/name';
+export { formatResourceName, type TriggerAttribute } from './helpers/resources';
+export { getAvatarSrcFromRate, getParcelTrackingDetail, getParcelTrackingDetails, getShipmentRate, getShipmentRates, hasBeenPurchased, hasSingleTracking, type Rate, type TrackingDetail } from './helpers/tracking';
+export { useClickAway } from './hooks/useClickAway';
+export { useDelayShow } from './hooks/useDelayShow';
+export { useIsChanged } from './hooks/useIsChanged';
+export { useOnBlurFromContainer } from './hooks/useOnBlurFromContainer';
+export { useOverlay } from './hooks/useOverlay';
+export { CoreSdkProvider, useCoreApi, useCoreSdkProvider } from './providers/CoreSdkProvider';
+export { ErrorBoundary } from './providers/ErrorBoundary';
+export { MetaTags, TokenProvider, useTokenProvider, type TokenProviderAllowedApp, type TokenProviderPermissionItem, type TokenProviderRoleActions, type TokenProviderRolePermissions, type TokenProviderTokenApplicationKind } from './providers/TokenProvider';
+export { A, type AProps } from './ui/atoms/A';
+export { Avatar, type AvatarProps } from './ui/atoms/Avatar';
+export { AvatarLetter, type AvatarLetterProps } from './ui/atoms/AvatarLetter';
+export { Badge, type BadgeProps } from './ui/atoms/Badge';
+export { Button, type ButtonProps } from './ui/atoms/Button';
+export { ButtonFilter, type ButtonFilterProps } from './ui/atoms/ButtonFilter';
+export { Card, type CardProps } from './ui/atoms/Card';
+export { Container, type ContainerProps } from './ui/atoms/Container';
+export { CopyToClipboard, type CopyToClipboardProps } from './ui/atoms/CopyToClipboard';
+export { EmptyState, type EmptyStateProps } from './ui/atoms/EmptyState';
+export { Grid, type GridProps } from './ui/atoms/Grid';
+export { Hint, type HintProps } from './ui/atoms/Hint';
+export { Hr, type HrProps } from './ui/atoms/Hr';
+export { Icon, type IconProps } from './ui/atoms/Icon';
+export { PageHeading, type PageHeadingProps } from './ui/atoms/PageHeading';
+export { Pagination, type PaginationProps } from './ui/atoms/Pagination';
+export { Progress, type ProgressProps } from './ui/atoms/Progress';
+export { RadialProgress, type RadialProgressProps } from './ui/atoms/RadialProgress';
+export { Section, type SectionProps } from './ui/atoms/Section';
+export { Skeleton, SkeletonItem, type SkeletonItemProps, type SkeletonProps } from './ui/atoms/Skeleton';
+export { SkeletonTemplate, withSkeletonTemplate } from './ui/atoms/SkeletonTemplate';
+export { Spacer, type SpacerProps } from './ui/atoms/Spacer';
+export { Stack, type StackProps } from './ui/atoms/Stack';
+export { StatusDot, type StatusDotProps } from './ui/atoms/StatusDot';
+export { Steps, type StepsProps } from './ui/atoms/Steps';
+export { Table, Td, Th, Tr, type TableProps, type TdProps, type ThProps, type TrProps } from './ui/atoms/Table';
+export { Tab, Tabs, type TabProps, type TabsProps } from './ui/atoms/Tabs';
+export { Tag, type TagProps } from './ui/atoms/Tag';
+export { Text, type TextProps } from './ui/atoms/Text';
+export { ActionButtons, type ActionButtonsProps } from './ui/composite/ActionButtons';
+export { CardDialog, type CardDialogProps } from './ui/composite/CardDialog';
+export { Dropdown, DropdownDivider, DropdownItem, type DropdownDividerProps, type DropdownItemProps, type DropdownProps } from './ui/composite/Dropdown';
+export { List, type ListProps } from './ui/composite/List';
+export { ListDetails, type ListDetailsProps } from './ui/composite/ListDetails';
+export { ListDetailsItem, type ListDetailsItemProps } from './ui/composite/ListDetailsItem';
+export { ListItem, type ListItemProps } from './ui/composite/ListItem';
+export { PageError, type PageErrorProps } from './ui/composite/PageError';
+export { PageLayout, type PageLayoutProps } from './ui/composite/PageLayout';
+export { PageSkeleton, type PageSkeletonProps } from './ui/composite/PageSkeleton';
+export { Report, type ReportProps } from './ui/composite/Report';
+export { SearchBar, type SearchBarProps } from './ui/composite/SearchBar';
+export { TableData, type TableDataProps } from './ui/composite/TableData';
+export { Timeline, type TimelineEvent, type TimelineProps } from './ui/composite/Timeline';
+export { HookedForm } from './ui/forms/Form';
+export { HookedInput, Input, type HookedInputProps, type InputProps } from './ui/forms/Input';
+export { HookedInputCheckbox, InputCheckbox, type HookedInputCheckboxProps, type InputCheckboxProps } from './ui/forms/InputCheckbox';
+export { InputCheckboxGroup, type InputCheckboxGroupProps } from './ui/forms/InputCheckboxGroup';
+export { HookedInputCurrency, InputCurrency, formatCentsToCurrency, type CurrencyCode, type HookedInputCurrencyProps, type InputCurrencyProps } from './ui/forms/InputCurrency';
+export { InputCurrencyRange, type InputCurrencyRangeProps } from './ui/forms/InputCurrencyRange';
+export { HookedInputDate, InputDate, type HookedInputDateProps, type InputDateProps } from './ui/forms/InputDate';
+export { HookedInputDateRange, InputDateRange, type HookedInputDateRangeProps, type InputDateRangeProps } from './ui/forms/InputDateRange';
+export { InputFeedback, type InputFeedbackProps } from './ui/forms/InputFeedback';
+export { InputFile, type InputFileProps } from './ui/forms/InputFile';
+export { InputJson, type InputJsonProps } from './ui/forms/InputJson';
+export { InputRadioGroup, type InputRadioGroupProps } from './ui/forms/InputRadioGroup';
+export { InputReadonly, type InputReadonlyProps } from './ui/forms/InputReadonly';
+export { HookedInputResourceGroup, InputResourceGroup, type HookedInputResourceGroupProps, type InputResourceGroupProps } from './ui/forms/InputResourceGroup';
+export { HookedInputSelect, InputSelect, flatSelectValues, getDefaultValueFromFlatten, isGroupedSelectValues, isMultiValueSelected, isSingleValueSelected, type HookedInputSelectProps, type InputSelectProps, type InputSelectValue } from './ui/forms/InputSelect';
+export { HookedInputSimpleSelect, InputSimpleSelect, type HookedInputSimpleSelectProps, type InputSimpleSelectProps } from './ui/forms/InputSimpleSelect';
+export { HookedInputSpinner, InputSpinner, type HookedInputSpinnerProps, type InputSpinnerProps } from './ui/forms/InputSpinner';
+export { HookedInputSwitch, InputSwitch, type HookedInputSwitchProps, type InputSwitchProps } from './ui/forms/InputSwitch';
+export { InputTextArea, type InputTextAreaProps } from './ui/forms/InputTextArea';
+export { HookedInputToggleButton, InputToggleButton, type HookedInputToggleButtonProps, type InputToggleButtonProps } from './ui/forms/InputToggleButton';
+export { Label, type LabelProps } from './ui/forms/Label';
+export { Legend, type LegendProps } from './ui/forms/Legend';
+export { HookedValidationApiError, HookedValidationError, setApiFormErrors, useValidationFeedback } from './ui/forms/ReactHookForm';
+export { ResourceAddress, type ResourceAddressProps } from './ui/resources/ResourceAddress';
+export { ResourceLineItems, type ResourceLineItemsProps } from './ui/resources/ResourceLineItems';
+export { ResourceList, type ResourceListProps } from './ui/resources/ResourceList';
+export { ResourceListItem, type ResourceListItemProps } from './ui/resources/ResourceListItem';
+export { ResourceMetadata, type ResourceMetadataProps } from './ui/resources/ResourceMetadata';
+export { ResourceOrderSummary, type ResourceOrderSummaryProps } from './ui/resources/ResourceOrderSummary';
+export { ResourceOrderTimeline, type ResourceOrderTimelineProps } from './ui/resources/ResourceOrderTimeline';
+export { ResourceShipmentParcels, type ResourceShipmentParcelsProps } from './ui/resources/ResourceShipmentParcels';
+export { ResourceTags, type ResourceTagsProps } from './ui/resources/ResourceTags';
+export { useResourceFilters, type FiltersInstructions } from './ui/resources/useResourceFilters';
+export { getCustomerDisplayStatus, getCustomerStatusName } from './dictionaries/customers';
+export { getOrderDisplayStatus, getOrderFulfillmentStatusName, getOrderPaymentStatusName, getOrderStatusName, getOrderTransactionPastTense, getOrderTriggerAttributeName } from './dictionaries/orders';
+export { getReturnDisplayStatus, getReturnStatusName, getReturnTriggerAttributeName } from './dictionaries/returns';

package/dist/main.js

@@ -1,4 +1,4 @@
-import { ao as u, aY as i, ap as b, aq as p, ar as l, at as c, au as d, av as g, aZ as m, aw as S, ax as I, ah as k, a_ as T, a$ as D, b0 as R, ay as y, ak as C, az as A, aA as h, bc as H, bd as P, bf as F, bi as B, bm as L, bo as O, bv as V, bx as f, bE as v, bG as N, bI as w, bL as E, bP as G, bQ as x, aB as M, aC as J, be as U, bg as W, bh as Y, bj as Z, bl as $, bn as j, bp as q, bq as z, br as K, bs as Q, bt as X, bu as _, bw as aa, by as ea, bF as sa, bH as ta, bJ as ra, bK as oa, bM as na, bN as ua, bO as ia, b1 as ba, b2 as pa, b3 as la, b4 as ca, al as da, b5 as ga, aD as ma, b6 as Sa, b7 as Ia, aE as ka, aF as Ta, aG as Da, b8 as Ra, bT as ya, bU as Ca, bV as Aa, bW as ha, bX as Ha, bY as Pa, bZ as Fa, b_ as Ba, b$ as La, b9 as Oa, aH as Va, aI as fa, aJ as va, aK as Na, aM as wa, aN as Ea, aO as Ga, aP as xa, aU as Ma, aQ as Ja, ba as Ua, aV as Wa, aW as Ya, aR as Za, aX as $a, aS as ja, bb as qa, am as za, aT as Ka, as as Qa, a2 as Xa, a1 as _a, bz as ae, bk as ee, W as se, a3 as te, a4 as re, a5 as oe, c1 as ne, c2 as ue, bA as ie, Y as be, Z as pe, c3 as le, c4 as ce, c5 as de, c6 as ge, c7 as me, c8 as Se, a6 as Ie, a7 as ke, c9 as Te, ca as De, cb as Re, a8 as ye, a9 as Ce, S as Ae, aa as he, ab as He, U as Pe, bB as Fe, bC as Be, bD as Le, T as Oe, V as Ve, bR as fe, $ as ve, a0 as Ne, ac as we, ai as Ee, aj as Ge, ad as xe, ae as Me, af as Je, ag as Ue, c0 as We, an as Ye, bS as Ze, aL as $e } from "./main-4dd99122.js";
+import { ao as u, aX as i, ap as b, aq as p, ar as l, as as c, at as d, au as g, aY as m, av as S, aw as I, ah as k, aZ as T, a_ as D, a$ as R, ax as y, ak as C, ay as A, az as h, bb as H, bc as P, be as F, bh as B, bl as L, bn as O, bu as f, bw as v, bD as N, bF as V, bH as w, bK as E, bO as G, bP as x, aA as M, aB as J, bd as U, bf as W, bg as Y, bi as Z, bk as $, bm as j, bo as q, bp as z, bq as K, br as Q, bs as X, bt as _, bv as aa, bx as ea, bE as sa, bG as ta, bI as ra, bJ as oa, bL as na, bM as ua, bN as ia, b0 as ba, b1 as pa, b2 as la, b3 as ca, al as da, b4 as ga, aC as ma, b5 as Sa, b6 as Ia, aD as ka, aE as Ta, aF as Da, b7 as Ra, bS as ya, bT as Ca, bU as Aa, bV as ha, bW as Ha, bX as Pa, bY as Fa, bZ as Ba, b_ as La, b8 as Oa, aG as fa, aH as va, aI as Na, aJ as Va, aL as wa, aM as Ea, aN as Ga, aO as xa, aT as Ma, aP as Ja, b9 as Ua, aU as Wa, aV as Ya, aQ as Za, aW as $a, aR as ja, ba as qa, am as za, aS as Ka, a2 as Qa, a1 as Xa, by as _a, bj as ae, W as ee, a3 as se, a4 as te, a5 as re, c0 as oe, c1 as ne, bz as ue, Y as ie, Z as be, c2 as pe, c3 as le, c4 as ce, c5 as de, c6 as ge, c7 as me, a6 as Se, a7 as Ie, c8 as ke, c9 as Te, ca as De, a8 as Re, a9 as ye, S as Ce, aa as Ae, ab as he, U as He, bA as Pe, bB as Fe, bC as Be, T as Le, V as Oe, bQ as fe, $ as ve, a0 as Ne, ac as Ve, ai as we, aj as Ee, ad as Ge, ae as xe, af as Me, ag as Je, b$ as Ue, an as We, bR as Ye, aK as Ze } from "./main-6e2634ae.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";
@@ -30,10 +30,10 @@ export {
   B as HookedInputCurrency,
   L as HookedInputDate,
   O as HookedInputDateRange,
-  V as HookedInputResourceGroup,
-  f as HookedInputSelect,
-  v as HookedInputSimpleSelect,
-  N as HookedInputSpinner,
+  f as HookedInputResourceGroup,
+  v as HookedInputSelect,
+  N as HookedInputSimpleSelect,
+  V as HookedInputSpinner,
   w as HookedInputSwitch,
   E as HookedInputToggleButton,
   G as HookedValidationApiError,
@@ -84,10 +84,10 @@ export {
   Ba as ResourceShipmentParcels,
   La as ResourceTags,
   Oa as SearchBar,
-  Va as Section,
-  fa as Skeleton,
-  va as SkeletonItem,
-  Na as SkeletonTemplate,
+  fa as Section,
+  va as Skeleton,
+  Na as SkeletonItem,
+  Va as SkeletonTemplate,
   wa as Spacer,
   Ea as Stack,
   Ga as StatusDot,
@@ -103,54 +103,53 @@ export {
   qa as Timeline,
   za as TokenProvider,
   Ka as Tr,
-  Qa as badgeVariants,
-  Xa as computeFullname,
-  _a as downloadJsonAsFile,
-  ae as flatSelectValues,
-  ee as formatCentsToCurrency,
-  se as formatDate,
-  te as formatDisplayName,
-  re as formatResourceName,
-  oe as getAvatarSrcFromRate,
-  ne as getCustomerDisplayStatus,
-  ue as getCustomerStatusName,
-  ie as getDefaultValueFromFlatten,
-  be as getIsoDateAtDayEdge,
-  pe as getIsoDateAtDaysBefore,
-  le as getOrderDisplayStatus,
-  ce as getOrderFulfillmentStatusName,
-  de as getOrderPaymentStatusName,
-  ge as getOrderStatusName,
-  me as getOrderTransactionPastTense,
-  Se as getOrderTriggerAttributeName,
-  Ie as getParcelTrackingDetail,
-  ke as getParcelTrackingDetails,
-  Te as getReturnDisplayStatus,
-  De as getReturnStatusName,
-  Re as getReturnTriggerAttributeName,
-  ye as getShipmentRate,
-  Ce as getShipmentRates,
-  Ae as goBack,
-  he as hasBeenPurchased,
-  He as hasSingleTracking,
-  Pe as isAttachmentValidNote,
-  Fe as isGroupedSelectValues,
-  Be as isMultiValueSelected,
-  Le as isSingleValueSelected,
-  Oe as navigateTo,
-  Ve as referenceOrigins,
+  Qa as computeFullname,
+  Xa as downloadJsonAsFile,
+  _a as flatSelectValues,
+  ae as formatCentsToCurrency,
+  ee as formatDate,
+  se as formatDisplayName,
+  te as formatResourceName,
+  re as getAvatarSrcFromRate,
+  oe as getCustomerDisplayStatus,
+  ne as getCustomerStatusName,
+  ue as getDefaultValueFromFlatten,
+  ie as getIsoDateAtDayEdge,
+  be as getIsoDateAtDaysBefore,
+  pe as getOrderDisplayStatus,
+  le as getOrderFulfillmentStatusName,
+  ce as getOrderPaymentStatusName,
+  de as getOrderStatusName,
+  ge as getOrderTransactionPastTense,
+  me as getOrderTriggerAttributeName,
+  Se as getParcelTrackingDetail,
+  Ie as getParcelTrackingDetails,
+  ke as getReturnDisplayStatus,
+  Te as getReturnStatusName,
+  De as getReturnTriggerAttributeName,
+  Re as getShipmentRate,
+  ye as getShipmentRates,
+  Ce as goBack,
+  Ae as hasBeenPurchased,
+  he as hasSingleTracking,
+  He as isAttachmentValidNote,
+  Pe as isGroupedSelectValues,
+  Fe as isMultiValueSelected,
+  Be as isSingleValueSelected,
+  Le as navigateTo,
+  Oe as referenceOrigins,
   fe as setApiFormErrors,
   ve as sortAndGroupByDate,
   Ne as timeSeparator,
-  we as useClickAway,
-  Ee as useCoreApi,
-  Ge as useCoreSdkProvider,
-  xe as useDelayShow,
-  Me as useIsChanged,
-  Je as useOnBlurFromContainer,
-  Ue as useOverlay,
-  We as useResourceFilters,
-  Ye as useTokenProvider,
-  Ze as useValidationFeedback,
-  $e as withSkeletonTemplate
+  Ve as useClickAway,
+  we as useCoreApi,
+  Ee as useCoreSdkProvider,
+  Ge as useDelayShow,
+  xe as useIsChanged,
+  Me as useOnBlurFromContainer,
+  Je as useOverlay,
+  Ue as useResourceFilters,
+  We as useTokenProvider,
+  Ye as useValidationFeedback,
+  Ze as withSkeletonTemplate
 };

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { type SetRequired } from 'type-fest';
-export type Props = SetRequired<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+export type AProps = SetRequired<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
 /**
  * This component wraps an [`<a>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) HTML element.
  * <span type='info'>All the props are directly sent to the anchor element.</span>
  */
-export declare const A: React.FC<Props>;
+export declare const A: React.FC<AProps>;

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;