@kroo-web/design-system 1.7.0 → 1.9.0

package/dist/cjs/src/components/Checkbox/index.d.ts

@@ -9,3 +9,15 @@ export type TCheckboxProps<T extends FieldValues> = {
     variant?: 'checkbox' | 'radio';
 };
 export declare const Checkbox: <T extends FieldValues>(props: TCheckboxProps<T>) => React.JSX.Element;
+export type TNativeCheckboxProps = {
+    disabled?: boolean;
+    error?: {
+        message: string;
+    };
+    helper?: {
+        message: string;
+    };
+    id: string;
+    label: ReactNode | string;
+} & React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare const NativeCheckbox: React.ForwardRefExoticComponent<Omit<TNativeCheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/src/components/ComboBox/index.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { ComboBoxProps } from 'react-aria-components';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
 export type TComboBoxItem = {
     img?: string;
@@ -15,3 +16,36 @@ export type TComboBoxProps = {
 };
 export declare const ComboBox: (props: Omit<TComboBoxProps, "field">) => React.JSX.Element;
 export declare const Field: ({ alwaysOpen, field: { onBlur, ...restField }, label, onSelect, options }: TComboBoxProps) => React.JSX.Element;
+export type TNativeComboBoxRootProps = {
+    children: ReactNode;
+    disabled?: boolean;
+    error?: {
+        message: string;
+    };
+    helper?: {
+        message: string;
+    };
+    hideLabel?: boolean;
+    id: string;
+    label: string;
+    missing?: boolean;
+    placeholder?: string;
+} & Omit<ComboBoxProps<TComboBoxItem>, 'children' | 'isDisabled' | 'label' | 'onOpenChange' | 'placeholder'>;
+export declare const Root: ({ children, disabled, error, helper, hideLabel, id, label, missing, placeholder, ...rest }: TNativeComboBoxRootProps) => React.JSX.Element;
+export declare const Options: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const Item: ({ children, img }: {
+    children: ReactNode;
+    img?: string;
+}) => React.JSX.Element;
+export declare const NativeComboBox: {
+    Item: ({ children, img }: {
+        children: ReactNode;
+        img?: string;
+    }) => React.JSX.Element;
+    Options: ({ children }: {
+        children: ReactNode;
+    }) => React.JSX.Element;
+    Root: ({ children, disabled, error, helper, hideLabel, id, label, missing, placeholder, ...rest }: TNativeComboBoxRootProps) => React.JSX.Element;
+};

package/dist/cjs/src/components/shared/FieldError/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type TFieldErrorProps = {
+    error: {
+        message: string;
+    };
+};
+export declare const FieldError: ({ error }: TFieldErrorProps) => React.JSX.Element;

package/dist/cjs/src/components/shared/FieldHelper/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type TFieldHelperProps = {
+    helper: {
+        message: string;
+    };
+    /**
+     * The id of the field helper this is required and expected to be used in conjunction with describeBy on the input field
+     * so they are associated..
+     */
+    id: string;
+};
+export declare const FieldHelper: ({ helper, id }: TFieldHelperProps) => React.JSX.Element;