@kroo-web/design-system 1.13.0 → 1.13.4

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

@@ -1,18 +1,18 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
-export declare const TableRoot: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const TableHead: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const TableHeader: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const TableBody: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const TableRow: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const TableData: ({ children }: PropsWithChildren) => React.JSX.Element;
-export declare const TableFooter: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableRoot: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableData: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableFooter: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const Table: {
-    Body: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Data: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Footer: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Head: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Header: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Root: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Row: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Body: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Data: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Head: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,12 +1,11 @@
-import { default as React } from 'react';
 import * as RadixTabs from '@radix-ui/react-tabs';
 export type TTabsRoot = React.ComponentProps<typeof RadixTabs.Root>;
 export type TTabsList = React.ComponentProps<typeof RadixTabs.List>;
 export type TTabsTrigger = React.ComponentProps<typeof RadixTabs.Trigger>;
 export type TTabsContent = React.ComponentProps<typeof RadixTabs.Content>;
 export declare const Tabs: {
-    Content: ({ children, ...rest }: TTabsContent) => React.JSX.Element;
-    List: ({ children, ...rest }: TTabsList) => React.JSX.Element;
-    Root: ({ children, ...rest }: TTabsRoot) => React.JSX.Element;
-    Trigger: ({ children, ...rest }: TTabsTrigger) => React.JSX.Element;
+    Content: ({ children, ...rest }: TTabsContent) => import("react/jsx-runtime").JSX.Element;
+    List: ({ children, ...rest }: TTabsList) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, ...rest }: TTabsRoot) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, ...rest }: TTabsTrigger) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { TTypographyProps } from '../Typography';
 
 export type TTagProps = {
@@ -9,7 +9,7 @@ export type TTagProps = {
     variant?: 'danger' | 'night' | 'positive' | 'primary' | 'secondary' | 'tertiary' | 'warning';
 };
 export declare const Tag: {
-    Content: ({ children, ...rest }: TTypographyProps) => React.JSX.Element;
-    Icon: ({ size, weight, ...rest }: import('../Icon').TIconProps) => React.JSX.Element;
-    Root: ({ children, circularIcon, className, icon, variant, ...rest }: TTagProps) => React.JSX.Element;
+    Content: ({ children, ...rest }: TTypographyProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ size, weight, ...rest }: import('..').TIconProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, circularIcon, className, icon, variant, ...rest }: TTagProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,4 +1,4 @@
-import { default as React, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
+import { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 
 export type TTextFieldProps<T extends FieldValues> = {
@@ -17,7 +17,7 @@ export type TTextFieldProps<T extends FieldValues> = {
     suffix?: ReactNode | string;
     type?: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>['type'];
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare const TextField: React.ForwardRefExoticComponent<Omit<TTextFieldProps<FieldValues>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const TextField: import('react').ForwardRefExoticComponent<Omit<TTextFieldProps<FieldValues>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export type TNativeTextFieldProps = {
     className?: string;
     error?: {
@@ -33,4 +33,4 @@ export type TNativeTextFieldProps = {
     rightContent?: ReactNode | string;
     suffix?: ReactNode | string;
 } & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare const NativeTextField: React.ForwardRefExoticComponent<Omit<TNativeTextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const NativeTextField: import('react').ForwardRefExoticComponent<Omit<TNativeTextFieldProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/TextField/textField.stories.d.ts

@@ -8,7 +8,6 @@ export declare const GeneralUsage: Story;
 export declare const Error: Story;
 export declare const HelperText: Story;
 export declare const RightContent: Story;
-export declare const LeftContent: Story;
 export declare const Prefix: Story;
 export declare const Suffix: Story;
 export declare const WithKeyDown: Story;

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TIconProps } from '../Icon';
 
 export type TToastRootProps = {
@@ -13,8 +12,8 @@ export type TToastDescriptionProps = {
 };
 export type TToastIconProps = TIconProps;
 export declare const Toast: {
-    Description: ({ children }: TToastDescriptionProps) => React.JSX.Element;
-    Icon: (props: TToastIconProps) => React.JSX.Element;
-    Root: ({ children }: TToastRootProps) => React.JSX.Element;
-    Title: ({ children, className }: TToastTitleProps) => React.JSX.Element;
+    Description: ({ children }: TToastDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: (props: TToastIconProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children }: TToastRootProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, className }: TToastTitleProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 export type TTooltipRootProps = React.ComponentProps<typeof RadixTooltip.Root>;
 export type TTooltipTriggerProps = {
@@ -8,7 +7,7 @@ export type TTooltipContentProps = {
     className?: string;
 } & React.ComponentProps<typeof RadixTooltip.Content>;
 export declare const Tooltip: {
-    Content: ({ children, className, ...rest }: TTooltipContentProps) => React.JSX.Element;
-    Root: ({ children, ...rest }: TTooltipRootProps) => React.JSX.Element;
-    Trigger: ({ children, className, ...rest }: TTooltipTriggerProps) => React.JSX.Element;
+    Content: ({ children, className, ...rest }: TTooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, ...rest }: TTooltipRootProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, className, ...rest }: TTooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export type TLegacyMarketingText = 'marketing-large-light' | 'marketing-large-regular' | 'marketing-large-semi-bold' | 'marketing-medium-light' | 'marketing-medium-regular' | 'marketing-medium-semi-bold' | 'marketing-quote-light' | 'marketing-quote-regular' | 'marketing-quote-semi-bold' | 'marketing-small-light' | 'marketing-small-regular' | 'marketing-small-semi-bold' | 'marketing-tag-light' | 'marketing-tag-regular' | 'marketing-tag-semi-bold' | 'marketing-text-light' | 'marketing-text-regular' | 'marketing-text-semi-bold';
 export type TLegacyMarketingHeading = 'marketing-heading-1' | 'marketing-heading-2' | 'marketing-heading-3' | 'marketing-heading-4' | 'marketing-heading-5' | 'marketing-heading-6' | 'marketing-heading-7';
 export type TLegacyMarketingFooter = 'footer-regular' | 'footer-semi-bold';
@@ -11,4 +9,4 @@ export type TTypographyProps<C extends React.ElementType = 'p'> = {
     className?: string;
     variant?: TTypographyVariants;
 } & React.ComponentPropsWithoutRef<C>;
-export declare const Typography: <C extends React.ElementType = "p">({ as, children, className, variant, ...rest }: TTypographyProps<C>) => React.JSX.Element;
+export declare const Typography: <C extends React.ElementType = "p">({ as, children, className, variant, ...rest }: TTypographyProps<C>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 export type WrapperVariants = {
     orientation?: 'center';
@@ -10,4 +10,4 @@ export interface WrapperProps extends PropsWithChildren {
     className?: string;
     variants?: WrapperVariants;
 }
-export declare const Wrapper: ({ as, children, className, variants }: WrapperProps) => React.JSX.Element;
+export declare const Wrapper: ({ as, children, className, variants }: WrapperProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,6 @@
-import { default as React } from 'react';
-
 export type TFieldErrorProps = {
     error: {
         message: string;
     };
 };
-export declare const FieldError: ({ error }: TFieldErrorProps) => React.JSX.Element;
+export declare const FieldError: ({ error }: TFieldErrorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export type TFieldHelperProps = {
     helper: {
         message: string;
@@ -10,4 +8,4 @@ export type TFieldHelperProps = {
      */
     id: string;
 };
-export declare const FieldHelper: ({ helper, id }: TFieldHelperProps) => React.JSX.Element;
+export declare const FieldHelper: ({ helper, id }: TFieldHelperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/FormField/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 export type TFormFieldProps = {
     children: ReactNode;
@@ -8,4 +8,4 @@ export type TFormFieldProps = {
     id: string;
     label?: string;
 };
-export declare const FormField: ({ children, error, helper, hideLabel, id, label }: TFormFieldProps) => React.JSX.Element;
+export declare const FormField: ({ children, error, helper, hideLabel, id, label }: TFormFieldProps) => import("react/jsx-runtime").JSX.Element;