@youngonesworks/ui 0.1.37 → 0.1.40

package/dist/components/accordion/AccordionItem.d.ts

@@ -1,8 +1,7 @@
-import { type ReactNode } from 'react';
 interface IAccordionItem {
-    controlContent: ReactNode;
-    panelContent: ReactNode;
-    endContent?: ReactNode;
+    controlContent: React.ReactNode;
+    panelContent: React.ReactNode;
+    endContent?: React.ReactNode;
     style?: 'light' | 'dark' | 'onboarding';
     border?: boolean;
     disabled?: boolean;

package/dist/components/accordion/AccordionWrapper.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
 interface AccordionProps {
-    children?: ReactNode;
+    children?: React.ReactNode;
     className?: string;
 }
 export declare const AccordionWrapper: ({ children, className }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/actionIcon/index.d.ts

@@ -1,4 +1,4 @@
-import type { MouseEvent, ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 export interface ActionIconProps {
     'data-testid'?: string;
     title: string;
@@ -6,11 +6,11 @@ export interface ActionIconProps {
     type?: 'button' | 'submit' | 'reset' | undefined;
     styleVariant?: 'default' | 'transparent' | 'small' | 'round';
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    icon?: ReactNode;
+    icon?: React.ReactNode;
     iconSize?: number;
     strokeWidth?: number;
     className?: string;
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * @deprecated Can be removed and replaced by iconSize
      */

package/dist/components/alert/index.d.ts

@@ -1,7 +1,6 @@
-import { type ReactNode } from 'react';
 interface IAlert {
     show: boolean;
-    message: ReactNode;
+    message: React.ReactNode;
     type: 'warning' | 'error' | 'success';
     'data-testid'?: string;
     plain?: boolean;

package/dist/components/autoCompleteInput/index.d.ts

@@ -1,4 +1,4 @@
-import { type ChangeEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
+import { type ChangeEvent, type KeyboardEvent, type Ref } from 'react';
 import { type TextInputProps } from '../textInput';
 interface ISearchLocationFormProps extends TextInputProps {
     label: string;
@@ -7,9 +7,9 @@ interface ISearchLocationFormProps extends TextInputProps {
     inputValue?: string;
     showSuggestions: boolean;
     handleOnKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    children: ReactNode;
+    children: React.ReactNode;
     loading?: boolean;
-    rightSection?: ReactNode;
+    rightSection?: React.ReactNode;
     inputRef?: Ref<HTMLInputElement>;
 }
 export declare const AutoCompleteInput: ({ label, onChange, onFocus, inputValue, showSuggestions, handleOnKeyDown, children, error, rightSection, inputRef, }: ISearchLocationFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/index.d.ts

@@ -1,4 +1,3 @@
-import { type ReactNode } from 'react';
 interface IBadgeProps {
     styleVariant?: 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'purple' | 'pink' | 'pink-light' | 'gray' | 'white';
     color?: 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal';
@@ -11,12 +10,12 @@ interface IBadgeProps {
     /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
     fullWidth?: boolean;
     /** Section rendered on the left side of label */
-    leftSection?: ReactNode;
+    leftSection?: React.ReactNode;
     /** Section rendered on the right side of label */
-    rightSection?: ReactNode;
+    rightSection?: React.ReactNode;
     favorite?: boolean;
     /** Badge label */
-    children?: ReactNode;
+    children?: React.ReactNode;
     mobile?: boolean;
     className?: string;
     badgeBorder?: boolean;

package/dist/components/bigBadge/index.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 interface IBigBadgeProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     styleVariant?: 'green' | 'red' | 'white' | 'accent-blue' | 'orange';
     'data-testid'?: string;
-    children: ReactNode;
+    children: React.ReactNode;
 }
 export declare const BigBadge: ({ styleVariant, className, children, ...props }: IBigBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/breadCrumb/index.d.ts

@@ -1,9 +1,9 @@
-import { type FC, type ReactNode } from 'react';
+import { type FC } from 'react';
 interface IBreadCrumb {
-    children: ReactNode;
+    children: React.ReactNode;
     LinkText: FC<{
         classNames: string;
-        children: ReactNode;
+        children: React.ReactNode;
     }>;
 }
 export declare const BreadCrumb: {

package/dist/components/button/index.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type ButtonHTMLAttributes } from 'react';
 import { buttonVariants } from './buttonVariants';
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     variant?: keyof typeof buttonVariants;
@@ -6,9 +6,9 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     isLoading?: boolean;
     block?: boolean;
     dataTestId?: string;
-    icon?: ReactNode;
+    icon?: React.ReactNode;
     iconRight?: boolean;
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
 export declare function Button({ type, variant, ariaLabel, block, isLoading, icon: iconFromProps, iconRight, onClick, className, children, dataTestId, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Button {

package/dist/components/checkbox/index.d.ts

@@ -1,11 +1,12 @@
-import { type JSX, type ReactNode } from 'react';
+import { type JSX } from 'react';
 interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     className?: string;
     mediumBoldText?: boolean;
     error?: string;
-    label?: ReactNode;
+    label?: React.ReactNode;
     indeterminate?: boolean;
     size?: 'sm' | 'md';
+    labelClassName?: string;
 }
 export declare const Checkbox: (props: ICheckbox & {
     ref?: React.Ref<HTMLInputElement>;

package/dist/components/favouriteButton/index.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type JSX, type ReactNode, type Ref } from 'react';
+import { type ButtonHTMLAttributes, type JSX, type Ref } from 'react';
 interface IFavouriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
     onClick: () => void;
     favourite: boolean;
@@ -11,7 +11,7 @@ interface IFavouriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElem
     iconColor?: string;
     iconColorSelected?: string;
     styleVariant?: 'transparent' | 'small' | 'default' | 'round' | undefined;
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
 export declare const FavouriteButton: (props: IFavouriteButtonProps & {
     ref?: Ref<HTMLButtonElement>;

package/dist/components/island/index.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { type ReactNode } from 'react';
 interface IIsland extends React.HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
+    children: React.ReactNode;
     noShadow?: boolean;
     noPadding?: boolean;
 }

package/dist/components/label/index.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
 interface LabelProps {
-    children: ReactNode | string | ReactNode[];
+    children: React.ReactNode | string | React.ReactNode[];
     htmlFor?: string;
     className?: string;
 }

package/dist/components/modal/index.d.ts

@@ -1,6 +1,6 @@
-import { type JSX, type ReactNode } from 'react';
+import { type JSX } from 'react';
 interface IModal {
-    children: ReactNode;
+    children: React.ReactNode;
     title?: string;
     withCloseButton?: boolean;
     opened: boolean;

package/dist/components/pageUnavailable/index.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
 interface PageUnavailableProps {
-    notAvailableButton: ReactNode;
+    notAvailableButton: React.ReactNode;
     notAvailableDescription: string;
     notAvailableHeaderText: string;
 }

package/dist/components/popover/index.d.ts

@@ -1,8 +1,7 @@
-import { type ReactNode } from 'react';
 import { type AlignedPlacement, type Side } from '@floating-ui/react';
 type ITooltipProps = {
-    content: ReactNode;
-    children: ReactNode;
+    content: React.ReactNode;
+    children: React.ReactNode;
     hoverEnabled?: boolean;
     passedOpen?: boolean;
     placement?: AlignedPlacement | Side;

package/dist/components/regionSelector/index.d.ts

@@ -1,7 +1,6 @@
-import { type ReactNode } from 'react';
 interface IRegionSelector {
     title: string;
-    regions: ReactNode[];
+    regions: React.ReactNode[];
     'data-testid'?: string;
 }
 export declare const RegionSelector: {

package/dist/components/settingsCard/index.d.ts

@@ -1,13 +1,12 @@
-import { type ReactNode } from 'react';
 interface ISettingsCardProps {
-    icon: ReactNode;
+    icon: React.ReactNode;
     title: string;
     link: string;
     ManageText: string;
     LinkComponent: React.FC<{
         className: string;
         href: string;
-        children: ReactNode;
+        children: React.ReactNode;
     }>;
 }
 export declare const SettingsCard: ({ icon, title, link, ManageText, LinkComponent }: ISettingsCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/stickyMobileButton/index.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
 interface IStickyMobileButton {
-    children: ReactNode;
+    children: React.ReactNode;
 }
 export declare const StickyMobileButtonWrapper: ({ children }: IStickyMobileButton) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/index.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 interface ITable extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
 export declare const Table: ({ children, className }: ITable) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/tableCell/index.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 interface ITableCell extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
+    children?: React.ReactNode;
     smallPadding?: boolean;
 }
 export declare const TableCell: ({ children, smallPadding, className }: ITableCell) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/tableHeader/index.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
 interface ITableHeader {
-    children: ReactNode;
+    children: React.ReactNode;
 }
 export declare const TableHeader: ({ children }: ITableHeader) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/tableHeaderItem/index.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 interface ITableHeaderItem extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
+    children?: React.ReactNode;
     smallPadding?: boolean;
 }
 export declare const TableHeaderItem: ({ children, smallPadding, className }: ITableHeaderItem) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/tableHeaderRow/index.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 interface ITableRow extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
+    children: React.ReactNode;
 }
 export declare const TableHeaderRow: ({ children, ...props }: ITableRow) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/tableRow/index.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 interface ITableRow extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
-    children: ReactNode;
+    children: React.ReactNode;
     className?: string;
     header?: boolean;
 }

package/dist/components/tabs/Tab.d.ts

@@ -1,11 +1,11 @@
-import React, { type ReactNode, type RefObject } from 'react';
+import React, { type RefObject } from 'react';
 export interface TabProps {
     setActiveTab: (tab: string) => void;
     tabId: string;
     ref: RefObject<HTMLButtonElement | null>;
     activeTab: boolean;
-    tabContent: ReactNode | ReactNode[] | string;
-    rightSection?: ReactNode | undefined;
+    tabContent: React.ReactNode | React.ReactNode[] | string;
+    rightSection?: React.ReactNode | undefined;
     clickFnc: (tabId: string) => void;
 }
 export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/TabsBadge.d.ts

@@ -1,6 +1,5 @@
-import { type ReactNode } from 'react';
 export interface TabsBadgeProps {
-    children: ReactNode;
+    children: React.ReactNode;
 }
 export declare const TabsBadge: {
     ({ children }: TabsBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/TabsWrapper.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement, type ReactNode } from 'react';
+import { type ReactElement } from 'react';
 interface ITab {
     name: string;
     value: string;
@@ -7,7 +7,7 @@ interface ITab {
     requiredPermissions?: string[];
 }
 interface TabsWrapperProps {
-    children?: ReactNode | ReactNode[];
+    children?: React.ReactNode | React.ReactNode[];
     defaultActive?: string;
     setActiveTab: (value: string) => void;
     activeTab?: string;

package/dist/components/textArea/index.d.ts

@@ -1,6 +1,6 @@
-import { type ReactNode, type TextareaHTMLAttributes } from 'react';
+import { type TextareaHTMLAttributes } from 'react';
 export interface ITextarea extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'rows'> {
-    label?: ReactNode;
+    label?: React.ReactNode;
     error?: string;
     className?: string;
     rows?: number;

package/dist/components/textInput/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from 'react';
+import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent } from 'react';
 export type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
-    rightSection?: ReactNode;
-    leftSection?: ReactNode;
-    label?: ReactNode;
+    rightSection?: React.ReactNode;
+    leftSection?: React.ReactNode;
+    label?: React.ReactNode;
     className?: string;
     min?: string | undefined | number;
     max?: string | undefined | number;
@@ -21,9 +21,9 @@ export type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
     onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
 };
 export declare const TextInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
-    rightSection?: ReactNode;
-    leftSection?: ReactNode;
-    label?: ReactNode;
+    rightSection?: React.ReactNode;
+    leftSection?: React.ReactNode;
+    label?: React.ReactNode;
     className?: string;
     min?: string | undefined | number;
     max?: string | undefined | number;

package/dist/components/themeIcon/index.d.ts

@@ -1,7 +1,7 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes } from 'react';
 export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
     styleVariant?: 'black' | 'gray' | 'pink' | 'pink-with-background' | 'turquoise' | 'accent-blue' | 'check' | 'warning' | 'error';
-    icon: ReactNode;
+    icon: React.ReactNode;
     className?: string;
     adjustedSize?: string | number;
     title: string;

package/dist/components/tooltip/index.d.ts

@@ -1,7 +1,6 @@
-import { type ReactNode } from 'react';
 interface ITooltipProps {
-    content: ReactNode;
-    children: ReactNode;
+    content: React.ReactNode;
+    children: React.ReactNode;
     passedOpen?: boolean;
     size?: 'sm' | 'md' | 'lg';
     variant?: 'default' | 'white';

package/dist/components/unorderedList/index.d.ts

@@ -1,8 +1,7 @@
-import { type ReactNode } from 'react';
 type IUnorderedListProps = {
-    children: ReactNode;
+    children: React.ReactNode;
     className?: string;
-    actionItem?: ReactNode;
+    actionItem?: React.ReactNode;
 };
 export declare const UnorderedList: ({ children, className, actionItem, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/unorderedListItem/index.d.ts

@@ -1,7 +1,6 @@
-import { type ReactNode } from 'react';
 type IUnorderedListProps = {
-    children: ReactNode;
-    actionItem?: ReactNode;
+    children: React.ReactNode;
+    actionItem?: React.ReactNode;
     className?: string;
     header?: boolean;
 };

package/dist/index.cjs

@@ -103144,6 +103144,7 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 		className: clsx_default("relative", wrapperClassName),
 		children: [
 			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: props.id,
 				className: "mb-2 flex items-center gap-1 text-xs font-medium text-black",
 				children: label
 			}),
@@ -103449,10 +103450,10 @@ Button.displayName = "Button";
 
 //#endregion
 //#region src/components/checkbox/index.tsx
-const CheckboxComponent = ({ size: size$3 = "md", className, error: error$1, mediumBoldText, label, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+const CheckboxComponent = ({ size: size$3 = "md", className, error: error$1, mediumBoldText, label, labelClassName, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	className: cn("relative grid gap-2", className),
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		className: cn("flex cursor-pointer items-center gap-3"),
+		className: cn("flex cursor-pointer items-center gap-3", labelClassName),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: cn("relative grid shrink-0 place-content-center", size$3 === "sm" ? "size-4" : "size-5"),
 			children: [