@commercelayer/app-elements 0.0.80 → 0.1.1

package/dist/ui/forms/InputSimpleSelect/InputSimpleSelect.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
+export interface InputSimpleSelectOption {
+    value: string;
+    label: string;
+}
+export interface InputSimpleSelectProps extends InputWrapperBaseProps, Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'onSelect'> {
+    value?: string;
+    options: InputSimpleSelectOption[];
+    className?: string;
+}
+export declare const InputSimpleSelect: import("react").ForwardRefExoticComponent<InputSimpleSelectProps & import("react").RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,2 @@
+export { HookedInputSimpleSelect } from './HookedInputSimpleSelect';
+export { InputSimpleSelect } from './InputSimpleSelect';

package/dist/ui/{hook-form → forms/InputSpinner}/HookedInputSpinner.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type InputSpinnerProps } from '../forms/InputSpinner';
+import { type InputSpinnerProps } from './InputSpinner';
 interface Props extends Omit<InputSpinnerProps, 'onChange' | 'defaultValues'> {
     /**
      * field name to match hook-form state
@@ -10,8 +10,8 @@ interface Props extends Omit<InputSpinnerProps, 'onChange' | 'defaultValues'> {
  * `InputSpinner` component ready to be used with the `react-hook-form` context.
  * @see InputSpinner
  */
-declare function HookedInputSpinner({ name, ...props }: Props): JSX.Element;
-declare namespace HookedInputSpinner {
+export declare function HookedInputSpinner({ name, ...props }: Props): JSX.Element;
+export declare namespace HookedInputSpinner {
     var displayName: string;
 }
-export { HookedInputSpinner };
+export {};

package/dist/ui/forms/{InputSpinner.d.ts → InputSpinner/InputSpinner.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type InputWrapperBaseProps } from '../internals/InputWrapper';
+import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
 export interface InputSpinnerProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
     min?: number;
     max?: number;
@@ -15,5 +15,4 @@ export interface InputSpinnerProps extends InputWrapperBaseProps, Omit<React.Inp
      */
     disabled?: boolean;
 }
-declare const InputSpinner: import("react").ForwardRefExoticComponent<InputSpinnerProps & import("react").RefAttributes<HTMLInputElement>>;
-export { InputSpinner };
+export declare const InputSpinner: import("react").ForwardRefExoticComponent<InputSpinnerProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { HookedInputSpinner } from './HookedInputSpinner';
+export { InputSpinner } from './InputSpinner';

package/dist/ui/{hook-form/HookedInputToggleBox.d.ts → forms/InputSwitch/HookedInputSwitch.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type InputToggleBoxProps } from '../forms/InputToggleBox';
-interface Props extends InputToggleBoxProps {
+import { type InputSwitchProps } from './InputSwitch';
+interface Props extends InputSwitchProps {
     /**
      * field name to match hook-form state
      */
@@ -12,10 +12,10 @@ interface Props extends InputToggleBoxProps {
 }
 /**
  * `InputToggleBox` component ready to be used with the `react-hook-form` context.
- * @see InputToggleBox
+ * @see InputSwitch
  */
-declare function HookedInputToggleBox({ name, showValidation, ...props }: Props): JSX.Element;
-declare namespace HookedInputToggleBox {
+export declare function HookedInputSwitch({ name, showValidation, ...props }: Props): JSX.Element;
+export declare namespace HookedInputSwitch {
     var displayName: string;
 }
-export { HookedInputToggleBox };
+export {};

package/dist/ui/forms/InputSwitch/InputSwitch.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
+export interface InputSwitchProps extends InputWrapperBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
+}
+export declare const InputSwitch: import("react").ForwardRefExoticComponent<InputSwitchProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { HookedInputSwitch } from './HookedInputSwitch';
+export { InputSwitch } from './InputSwitch';

package/dist/ui/forms/InputTextArea.d.ts

@@ -2,5 +2,5 @@
 import { type InputWrapperBaseProps } from '../internals/InputWrapper';
 interface InputTextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, InputWrapperBaseProps {
 }
-declare const InputTextArea: import("react").ForwardRefExoticComponent<InputTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export { InputTextArea };
+export declare const InputTextArea: import("react").ForwardRefExoticComponent<InputTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/ui/forms/InputToggleButton/HookedInputToggleButton.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type InputToggleButtonProps } from './InputToggleButton';
+type Props = Omit<InputToggleButtonProps, 'value' | 'onChange'> & {
+    /**
+     * field name to match hook-form state
+     */
+    name: string;
+};
+/**
+ * `InputToggleButton` component ready to be used with the `react-hook-form` context.
+ * Stored value will be a string when used as `mode="single"` or an array of strings when `mode="multiple"`.
+ * @see InputToggleButton
+ */
+export declare function HookedInputToggleButton({ name, ...props }: Props): JSX.Element;
+export declare namespace HookedInputToggleButton {
+    var displayName: string;
+}
+export {};

package/dist/ui/forms/{ToggleButtons.d.ts → InputToggleButton/InputToggleButton.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { type InputWrapperBaseProps } from '../internals/InputWrapper';
+import { type InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { type Simplify } from 'type-fest';
-export type ToggleButtonValue = string | boolean | number;
+type ToggleButtonValue = string | boolean | number;
 export interface ToggleButtonOption {
     label: string;
     value: ToggleButtonValue;
@@ -20,9 +20,10 @@ interface MultiValuesProps {
     value?: ToggleButtonValue[];
     onChange: (values: ToggleButtonValue[]) => void;
 }
-export type ToggleButtonsProps = Simplify<BaseProps & (SingleValueProps | MultiValuesProps)>;
-declare function ToggleButtons({ options, value, mode, onChange, label, hint, feedback, ...rest }: ToggleButtonsProps): JSX.Element;
-declare namespace ToggleButtons {
+export type InputToggleButtonProps = Simplify<BaseProps & (SingleValueProps | MultiValuesProps)>;
+/** A Toggle Button can be used to group related options. */
+export declare function InputToggleButton({ options, value, mode, onChange, label, hint, feedback, ...rest }: InputToggleButtonProps): JSX.Element;
+export declare namespace InputToggleButton {
     var displayName: string;
 }
-export { ToggleButtons };
+export {};

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

@@ -0,0 +1,2 @@
+export { HookedInputToggleButton } from './HookedInputToggleButton';
+export { InputToggleButton, type InputToggleButtonProps, type ToggleButtonOption } from './InputToggleButton';

package/dist/ui/forms/Label.d.ts

@@ -2,8 +2,11 @@
 interface Props extends React.LabelHTMLAttributes<HTMLLabelElement> {
     gap?: boolean;
 }
-declare function Label({ gap, children, className, ...rest }: Props): JSX.Element;
-declare namespace Label {
+/**
+ * The Label component represents a caption for an item in a user interface.
+ */
+export declare function Label({ gap, children, className, ...rest }: Props): JSX.Element;
+export declare namespace Label {
     var displayName: string;
 }
-export { Label };
+export {};

package/dist/ui/forms/Legend.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface Props extends React.HTMLAttributes<HTMLLegendElement> {
+    gap?: boolean;
+}
+/**
+ * The Legend component represents a caption for the content of its parent <fieldset>.
+ *
+ * It is styled exactly like the `<Label>` component.
+ */
+export declare function Legend({ gap, children, className, ...rest }: Props): JSX.Element;
+export declare namespace Legend {
+    var displayName: string;
+}
+export {};

package/dist/ui/{hook-form → forms/ReactHookForm}/HookedValidationApiError.d.ts

@@ -15,8 +15,8 @@ interface ValidationApiErrorProps {
      */
     fieldMap?: Record<string, string>;
 }
-declare function HookedValidationApiError({ apiError, fieldMap }: ValidationApiErrorProps): JSX.Element;
-declare namespace HookedValidationApiError {
+export declare function HookedValidationApiError({ apiError, fieldMap }: ValidationApiErrorProps): JSX.Element;
+export declare namespace HookedValidationApiError {
     var displayName: string;
 }
-export { HookedValidationApiError };
+export {};

package/dist/ui/{hook-form → forms/ReactHookForm}/HookedValidationError.d.ts

@@ -5,8 +5,8 @@ interface Props {
      */
     name: string;
 }
-declare function HookedValidationError({ name }: Props): JSX.Element | null;
-declare namespace HookedValidationError {
+export declare function HookedValidationError({ name }: Props): JSX.Element | null;
+export declare namespace HookedValidationError {
     var displayName: string;
 }
-export { HookedValidationError };
+export {};

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

@@ -0,0 +1,4 @@
+export { HookedValidationApiError } from './HookedValidationApiError';
+export { HookedValidationError } from './HookedValidationError';
+export { setApiFormErrors } from './setApiFormErrors';
+export { useValidationFeedback } from './useValidationFeedback';

package/dist/ui/{hook-form → forms/ReactHookForm}/useValidationFeedback.d.ts

@@ -1,4 +1,4 @@
-import { type InputFeedbackProps } from '../forms/InputFeedback';
+import { type InputFeedbackProps } from '../../forms/InputFeedback';
 type MaybeFeedback = Omit<InputFeedbackProps, 'className'> | undefined;
 export declare function useValidationFeedback(name: string): MaybeFeedback;
 export {};

package/dist/ui/internals/InputWrapper.d.ts

@@ -17,6 +17,11 @@ export interface InputWrapperBaseProps {
      * optional hint to be rendered below
      */
     feedback?: Omit<InputFeedbackProps, 'className'>;
+    /**
+     * show label and input on the same line
+     * @default false
+     */
+    inline?: boolean;
 }
 export interface InputWrapperProps extends InputWrapperBaseProps {
     /**
@@ -26,7 +31,7 @@ export interface InputWrapperProps extends InputWrapperBaseProps {
     name?: string;
     children: React.ReactNode;
 }
-declare function InputWrapper({ label, children, className, hint, feedback, name, ...rest }: InputWrapperProps): JSX.Element;
+declare function InputWrapper({ label, children, className, hint, feedback, name, inline, ...rest }: InputWrapperProps): JSX.Element;
 declare namespace InputWrapper {
     var displayName: string;
 }

package/dist/ui/resources/Filters/types.d.ts

@@ -1,5 +1,5 @@
 import { type InputCurrencyRangeProps } from '../../forms/InputCurrencyRange';
-import { type RelationshipSelectorProps } from '../../resources/RelationshipSelector';
+import { type InputResourceGroupProps } from '../../forms/InputResourceGroup';
 export declare const filtrableTimeRangePreset: readonly ["today", "last7days", "last30days", "custom"];
 export type UiFilterName = string;
 export type UiFilterValue = string | string[] | boolean | Date | undefined;
@@ -55,7 +55,7 @@ export type FilterItemOptions = BaseFilterItem & {
         /**
          * UI component to render
          */
-        component: 'toggleButtons';
+        component: 'inputToggleButton';
         /**
          * props required for the UI component
          */
@@ -75,11 +75,11 @@ export type FilterItemOptions = BaseFilterItem & {
         /**
          * UI component to render
          */
-        component: 'relationshipSelector';
+        component: 'inputResourceGroup';
         /**
          * props required for the UI component
          */
-        props: Omit<RelationshipSelectorProps, 'onChange' | 'defaultValues' | 'title'>;
+        props: Omit<InputResourceGroupProps, 'onChange' | 'defaultValues' | 'title'>;
     };
 };
 export interface FilterItemTextSearch extends Omit<BaseFilterItem, 'sdk'> {

package/dist/ui/resources/Filters/useFilters.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { type ResourceListProps } from '../../resources/ResourceList';
+import { type ResourceListItem } from '../../resources/ResourceList/ResourceList';
 import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
 import { type QueryFilter } from '@commercelayer/sdk/lib/cjs/query';
 import { type FiltersFormProps } from './FiltersForm';
@@ -40,7 +41,7 @@ interface UseFiltersHook {
     /**
      * Filtered ResourceList component based on current active filters
      */
-    FilteredList: <TResource extends ListableResourceType>(props: Pick<ResourceListProps<TResource>, 'Item' | 'type' | 'query' | 'emptyState' | 'actionButton'>) => JSX.Element;
+    FilteredList: <TResource extends ListableResourceType>(props: Pick<ResourceListProps<TResource>, 'type' | 'query' | 'emptyState' | 'actionButton'> & ResourceListItem<TResource>) => JSX.Element;
     /**
      * SDK filters object to be used in the sdk query
      */

package/dist/ui/resources/ResourceList/ResourceList.d.ts

@@ -0,0 +1,64 @@
+import { type SectionProps } from '../../atoms/Section';
+import { type SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
+import { type FetcherResponse } from '../../resources/ResourceList/infiniteFetcher';
+import { type QueryParamsList } from '@commercelayer/sdk';
+import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
+import { type FC } from 'react';
+import { type Resource } from './infiniteFetcher';
+export interface ResourceListItemProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
+    /**
+     * The fetched resource
+     */
+    resource?: Resource<TResource>;
+    /**
+     * callback to be used to remove the item from the list as UI element.
+     * This needs to be used after a successful API call to delete the resource, since it just affects the current UI rendering and not the server data.
+     */
+    remove?: () => void;
+}> {
+}
+export interface ResourceListItem<TResource extends ListableResourceType> {
+    /**
+     * A react component to be used to render each item in the list.
+     * For best results, pass as `Item` a component already wrapped in a `SkeletonTemplate` (or `withSkeletonTemplate` HOC).
+     * In this way the loading state will be handled automatically.
+     */
+    Item: FC<ResourceListItemProps<TResource>>;
+}
+export type ResourceListProps<TResource extends ListableResourceType> = Pick<SectionProps, 'title' | 'actionButton'> & {
+    /**
+     * The resource type to be fetched in the list
+     */
+    type: TResource;
+    /**
+     * SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
+     */
+    query?: Omit<QueryParamsList, 'pageNumber'>;
+    /**
+     * An element to be rendered when the list is empty.
+     */
+    emptyState: JSX.Element;
+} & (ResourceListItem<TResource> | {
+    /**
+     * Children as a function to render a custom element.
+     * @example
+     * ```
+     * <ResourceList type='customers'>
+     *  {({ isLoading, data }) => <ol>{data?.list.map(customer => <li>{customer.email}</li>)}</ol>
+     * </ResourceList>
+     * ```
+     */
+    children: (childrenProps: {
+        isLoading: boolean;
+        data?: FetcherResponse<Resource<TResource>>;
+    }) => React.ReactNode;
+});
+/**
+ * Renders a list of resources of a given type with infinite scrolling.
+ * It's possible to specify a query to filter the list and either
+ * a React component to be used as `Item` template for the list or a function as `children` to render a custom element.
+ */
+export declare function ResourceList<TResource extends ListableResourceType>({ type, query, title, actionButton, emptyState, ...props }: ResourceListProps<TResource>): JSX.Element;
+export declare namespace ResourceList {
+    var displayName: string;
+}

package/dist/ui/resources/ResourceList/index.d.ts

@@ -1,45 +1 @@
-import { type LegendProps } from '../../atoms/Legend';
-import { type SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
-import { type CommerceLayerClient, type QueryParamsList } from '@commercelayer/sdk';
-import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
-import { type FC } from 'react';
-import { type Resource } from './infiniteFetcher';
-export interface ResourceListItemProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
-    /**
-     * The fetched resource
-     */
-    resource?: Resource<TResource>;
-    /**
-     * callback to be used to remove the item from the list as UI element.
-     * This needs to be used after a successful API call to delete the resource, since it just affects the current UI rendering and not the server data.
-     */
-    remove?: () => void;
-}> {
-}
-export interface ResourceListProps<TResource extends ListableResourceType> extends Pick<LegendProps, 'title' | 'actionButton'> {
-    /**
-     * The resource type to be fetched in the list
-     */
-    type: TResource;
-    /**
-     * SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
-     */
-    query?: Omit<QueryParamsList, 'pageNumber'>;
-    /**
-     * A react component to be used to render each item in the list.
-     */
-    Item: FC<ResourceListItemProps<TResource>>;
-    /**
-     * An element to be rendered when the list is empty.
-     */
-    emptyState: JSX.Element;
-    /**
-     * A valid CommerceLayer SDK client instance.
-     */
-    sdkClient?: CommerceLayerClient;
-}
-declare function ResourceList<TResource extends ListableResourceType>({ type, query, title, Item, actionButton, sdkClient, emptyState }: ResourceListProps<TResource>): JSX.Element;
-declare namespace ResourceList {
-    var displayName: string;
-}
-export { ResourceList };
+export { ResourceList, type ResourceListProps } from './ResourceList';

package/dist/{unsupportedIterableToArray-0f93b40f.js → unsupportedIterableToArray-a3020d44.js}

@@ -1,4 +1,4 @@
-import { _ as i } from "./main-dd440dc6.js";
+import { _ as i } from "./main-795be39b.js";
 function p(e, t) {
   if (i(e) !== "object" || e === null)
     return e;

package/dist/utils/children.d.ts

@@ -1,10 +1,10 @@
 import { type ReactNode } from 'react';
-export declare function isFunctionComponent(child: any): child is {
+export declare function isFunctionComponent(reactNode: any): reactNode is {
     type: React.FunctionComponent<any>;
 };
 /**
  * Checks if a ReactNode matches a specific component display name.
- * @param child - a ReactNode single child
+ * @param reactNode - a ReactNode single child
  * @param displayNames - a list of names of the components we would like to match
  * @returns a boolean value indicating argument match the passed displayNames
  *
@@ -16,4 +16,5 @@ export declare function isFunctionComponent(child: any): child is {
  * // will return an array of true/false values depending if some child is a button
  * ```
  */
-export declare function isSpecificReactComponent(child: ReactNode, displayNames: string[]): boolean;
+export declare function isSpecificReactComponent(reactNode: ReactNode, displayNames: string[]): boolean;
+export declare function getInnerText(reactNode: ReactNode): string;

package/dist/utils/extractHeaders.d.ts

@@ -1,6 +1,7 @@
+import type { JsonObject } from 'type-fest';
 /**
  * Extract all keys from an array of objects of different shapes,
  * @param data - array of objects of different shapes
  * @returns an array of string values
  */
-export declare function extractHeaders(data: Array<Record<string, any>>): string[];
+export declare function extractHeaders(data: JsonObject[]): string[];

package/dist/utils/text.d.ts

@@ -1,8 +1,9 @@
+import type { JsonPrimitive } from 'type-fest';
 /**
  * Given a `text` and a list of `values` it returns always the same value given the same `text`.
  * For example this is used when you need to map a fullname with a color.
  */
-export declare function getDeterministicValue(text: string, values: string[]): string;
+export declare function getDeterministicValue(text: string, values: readonly [string, ...string[]]): string;
 /**
  * Get initials given a text.
  * @example getInitials('Ringo Starr') -> 'RS'
@@ -13,3 +14,9 @@ export declare function getInitials(text: string): string;
  * @example humanizeString('--First_Name') -> 'First name'
  */
 export declare function humanizeString(str: string): string;
+/**
+ * Check whether a given value is a valid JSON primitive (`string | number | boolean | null`)
+ * @param value anything
+ * @returns value is a JSON primitive
+ */
+export declare function isJsonPrimitive(value: any): value is JsonPrimitive;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.80",
+  "version": "0.1.1",
   "type": "module",
   "files": [
     "dist"
@@ -20,10 +20,10 @@
     "pnpm": ">=7"
   },
   "dependencies": {
-    "@commercelayer/sdk": "5.10.0",
-    "@types/lodash": "^4.14.195",
-    "@types/react": "^18.2.15",
-    "@types/react-datepicker": "^4.11.2",
+    "@commercelayer/sdk": "5.13.2",
+    "@types/lodash": "^4.14.198",
+    "@types/react": "^18.2.21",
+    "@types/react-datepicker": "^4.15.0",
     "@types/react-dom": "^18.2.7",
     "classnames": "^2.3.2",
     "jwt-decode": "^3.1.2",
@@ -33,37 +33,37 @@
     "react-currency-input-field": "^3.6.11",
     "react-datepicker": "^4.16.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.45.2",
+    "react-hook-form": "^7.46.1",
     "react-select": "^5.7.4",
-    "swr": "^2.2.0",
+    "swr": "^2.2.2",
     "ts-invariant": "^0.10.3",
-    "type-fest": "^4.0.0",
-    "zod": "^3.21.4"
+    "type-fest": "^4.3.1",
+    "zod": "^3.22.2"
   },
   "devDependencies": {
-    "@commercelayer/eslint-config-ts-react": "^1.0.1",
-    "@hookform/resolvers": "^3.1.1",
+    "@commercelayer/eslint-config-ts-react": "^1.1.0",
+    "@hookform/resolvers": "^3.3.1",
     "@phosphor-icons/react": "v2.0.10",
-    "@tailwindcss/forms": "^0.5.4",
-    "@testing-library/jest-dom": "^5.17.0",
+    "@tailwindcss/forms": "^0.5.6",
+    "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
-    "@types/node": "^20.4.2",
-    "@types/testing-library__jest-dom": "^5.14.8",
-    "@vitejs/plugin-react": "^4.0.3",
-    "autoprefixer": "^10.4.14",
+    "@types/node": "^20.5.9",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "@vitejs/plugin-react": "^4.0.4",
+    "autoprefixer": "^10.4.15",
     "cross-fetch": "^4.0.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
-    "eslint": "^8.45.0",
+    "eslint": "^8.48.0",
     "jsdom": "^22.1.0",
-    "msw": "^1.2.3",
+    "msw": "^1.3.0",
     "polished": "^4.2.2",
-    "postcss": "^8.4.27",
+    "postcss": "^8.4.29",
     "tailwindcss": "^3.3.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.6",
-    "vite-plugin-dts": "^3.3.1",
-    "vitest": "^0.33.0",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.5.3",
+    "vitest": "^0.34.4",
     "wouter": "^2.11.0"
   },
   "peerDependencies": {
@@ -76,8 +76,8 @@
   },
   "scripts": {
     "build": "tsc && vite build",
-    "lint": "eslint src",
-    "lint:fix": "eslint src --fix",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
     "test": "vitest run",
     "test:watch": "vitest",
     "ts:check": "tsc --noEmit"

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

@@ -1,32 +0,0 @@
-import { type ReactNode } from 'react';
-export interface LegendProps {
-    /**
-     * Main section title
-     */
-    title?: ReactNode;
-    /**
-     * Size for the title prop
-     */
-    titleSize?: 'normal' | 'small';
-    /**
-     * Specify `none` to remove border
-     */
-    border?: 'none';
-    /**
-     * This will render a button on the right side of the row
-     */
-    actionButton?: ReactNode;
-    /**
-     * CSS classes
-     */
-    className?: string;
-}
-export declare const Legend: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    title?: ReactNode;
-    titleSize?: "small" | "normal" | undefined;
-    border?: "none" | undefined;
-    actionButton?: ReactNode;
-    className?: string | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
-}>;

package/dist/ui/atoms/tables/Td.d.ts

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

package/dist/ui/forms/InputToggleBox.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface InputToggleBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
-    id: string;
-    label: string;
-    description?: React.ReactNode;
-    className?: string;
-}
-declare const InputToggleBox: import("react").ForwardRefExoticComponent<InputToggleBoxProps & import("react").RefAttributes<HTMLInputElement>>;
-export { InputToggleBox };

package/dist/ui/forms/InputToggleListBox.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface InputToggleListBoxOption {
-    value: string;
-    label: string;
-}
-export interface InputToggleListBoxProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'onSelect'> {
-    id: string;
-    label: string;
-    description?: React.ReactNode;
-    value?: string;
-    options: InputToggleListBoxOption[];
-    className?: string;
-}
-declare const InputToggleListBox: import("react").ForwardRefExoticComponent<InputToggleListBoxProps & import("react").RefAttributes<HTMLSelectElement>>;
-export { InputToggleListBox };