@kroo-web/design-system 1.0.44 → 1.0.46

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

@@ -0,0 +1,21 @@
+import React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+export type TAccordionRootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    children: React.ReactNode;
+    filled?: boolean;
+};
+declare const Accordion: React.ForwardRefExoticComponent<TAccordionRootProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type TAccordionControlsProps = {
+    location: "left" | "right";
+};
+export type TAccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    controls?: React.ReactNode;
+    controlsOptions?: TAccordionControlsProps;
+};
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    controls?: React.ReactNode;
+    controlsOptions?: TAccordionControlsProps | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/cjs/{product/components → components}/Button/index.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { PolymorphicPropsWithoutRef } from "../../../types/PolymorphicWithoutRef";
+import { PolymorphicPropsWithoutRef } from "../../types/PolymorphicWithoutRef";
 declare const defaultElement = "button";
 export type TButtonDefaultProps = {
     visualType?: "button";

package/dist/cjs/{product/components → components}/Callout/index.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { TIconProps } from "../../../icons";
+import { TIconProps } from "../../icons";
 import { TTypographyProps } from "../Typography";
 export type TCalloutRootProps = {
     type?: "info" | "warning" | "error";

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { PolymorphicPropsWithoutRef } from '../../types/PolymorphicWithoutRef';
+declare const defaultElement = "div";
+export type TCardVariants = {
+    visual?: 'primary' | 'secondary' | 'tertiary';
+    size?: {
+        vertical: 'none' | 'extra-small' | 'small' | 'medium' | 'large';
+        horizontal: 'none' | 'extra-small' | 'small' | 'medium' | 'large';
+    };
+    radius?: 'none' | 'small' | 'medium' | 'large';
+    elementType?: 'div';
+};
+export interface ICardOwnProps extends React.HTMLAttributes<HTMLDivElement>, PropsWithChildren {
+    as?: 'div';
+    variants?: TCardVariants;
+    className?: string;
+    isSquare?: boolean;
+}
+export type ICardProps<T extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<ICardOwnProps, T>;
+export declare function Card<T extends React.ElementType = typeof defaultElement>({ as, children, variants, className, isSquare, ...rest }: ICardProps<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { ControllerRenderProps, FieldValues } from "react-hook-form";
+export type TComboBoxItem = {
+    text: string;
+    img: string;
+};
+export type TComboBoxProps = {
+    label: string;
+    name: string;
+    options: TComboBoxItem[];
+    onSelect?: (item: TComboBoxItem) => void;
+    alwaysOpen?: boolean;
+    field: ControllerRenderProps<FieldValues>;
+};
+export declare const ComboBox: (props: Omit<TComboBoxProps, "field">) => React.JSX.Element;
+export declare const Field: ({ label, options, onSelect, alwaysOpen, field: { onBlur, ...restField }, }: TComboBoxProps) => React.JSX.Element;

package/dist/cjs/{product/components → components}/index.d.ts

@@ -1,6 +1,9 @@
+export * from "./Accordion";
 export * from "./Button";
 export * from './Callout';
+export * from "./Card";
 export * from "./Columns";
+export * from "./ComboBox";
 export * from "./DatePicker";
 export * from "./Disclosure";
 export * from "./Form";

package/dist/cjs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './product/components';
+export * from './components';
 export * from "./icons";