@kroo-web/design-system 1.0.54 → 1.0.55

package/dist/cjs/components/NumberField/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 export type TNumberFieldProps<T extends FieldValues> = {
-    id: string;
     label: string;
     name: Path<T>;
     min?: number;

package/dist/cjs/components/PinInput/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+export interface TPinInputProps<T extends FieldValues> {
+    name: Path<T>;
+    length: number;
+    label: string;
+    isOTP?: boolean;
+    isPassword?: boolean;
+    isNumeric?: boolean;
+}
+export declare const PinInput: <T extends FieldValues>(props: TPinInputProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import 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: {
+    Root: ({ children, ...rest }: TTabsRoot) => React.JSX.Element;
+    List: ({ children, ...rest }: TTabsList) => React.JSX.Element;
+    Trigger: ({ children, ...rest }: TTabsTrigger) => React.JSX.Element;
+    Content: ({ children, ...rest }: TTabsContent) => React.JSX.Element;
+};

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

@@ -12,12 +12,14 @@ export * from './Icon';
 export * from './Loading';
 export * from './Modal';
 export * from './NumberField';
+export * from './PinInput';
 export * from './ProgressIndicator';
 export * from './RadioGroup';
 export * from './Range';
 export * from './Select';
 export * from './Skeleton';
 export * from './Table';
+export * from './Tabs';
 export * from './TextField';
 export * from './Toast';
 export * from './Tooltip';