caplink-saas-ui-shared-component-library 1.7.0 → 1.9.0

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
-import { alertVariants } from './alert-variants';
+import { alertVariants } from './alert.variants';
 import { VariantProps } from 'class-variance-authority';
 export type AlertProps = PropsWithChildren<{
     customIconElement?: ReactNode;

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

@@ -1,2 +1,2 @@
-export { alertVariants } from './alert-variants';
+export { alertVariants } from './alert.variants';
 export { Alert, type AlertProps } from './alert';

package/dist/components/alert-banner/alert-banner.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { alertVariants } from '../alert/alert-variants';
+import { alertVariants } from '../alert/alert.variants';
 import { HTMLAttributes, ForwardedRef, PropsWithChildren, ReactNode } from 'react';
 export type AlertBannerProps = PropsWithChildren<{
     title?: ReactNode;

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const Breadcrumb: {
+    Root: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+        separator?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLElement>>;
+    List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+    Link: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+        asChild?: boolean | undefined;
+    } & import('react').RefAttributes<HTMLAnchorElement>>;
+    Page: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    Separator: {
+        ({ children, className, ...props }: import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Ellipsis: {
+        ({ className, ...props }: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/dist/components/breadcrumb/breadcrumb.primitives.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const BreadcrumbRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean | undefined;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -0,0 +1 @@
+export { Breadcrumb } from './breadcrumb';

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

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { buttonVariants } from './button-variants';
+import { buttonVariants } from './button.variants';
 export type ButtonProps = {
     asChild?: boolean;
     leftAdornment?: ReactNode;

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

@@ -1,2 +1,2 @@
-export { buttonVariants } from './button-variants';
+export { buttonVariants } from './button.variants';
 export { Button, type ButtonProps } from './button';

package/dist/components/dialog/dialog.d.ts

@@ -8,4 +8,4 @@ export declare const Dialog: {
         contentDescription: import('react').ReactNode;
     } & Omit<import('@radix-ui/react-dialog').DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
-export type { DialogContentProps, DialogProps } from './dialog-primitives';
+export type { DialogContentProps, DialogProps } from './dialog.primitives';

package/dist/components/icon-button/icon-button.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { iconButtonVariants } from './icon-button-variants';
+import { iconButtonVariants } from './icon-button.variants';
 export type IconButtonProps = {
     asChild?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof iconButtonVariants>;

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

@@ -1,2 +1,2 @@
-export { iconButtonVariants } from './icon-button-variants';
+export { iconButtonVariants } from './icon-button.variants';
 export { IconButton, type IconButtonProps } from './icon-button';

package/dist/components/input-otp/index.d.ts

@@ -0,0 +1 @@
+export { InputOTP } from './input-otp';

package/dist/components/input-otp/input-otp-primitives.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+declare const InputOTPRoot: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string | undefined;
+    onChange?: ((newValue: string) => unknown) | undefined;
+    maxLength: number;
+    textAlign?: "left" | "right" | "center" | undefined;
+    onComplete?: ((...args: any[]) => unknown) | undefined;
+    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+    containerClassName?: string | undefined;
+    noScriptCSSFallback?: string | null | undefined;
+} & {
+    render: (props: import('input-otp').RenderProps) => React.ReactNode;
+    children?: undefined;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string | undefined;
+    onChange?: ((newValue: string) => unknown) | undefined;
+    maxLength: number;
+    textAlign?: "left" | "right" | "center" | undefined;
+    onComplete?: ((...args: any[]) => unknown) | undefined;
+    pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+    containerClassName?: string | undefined;
+    noScriptCSSFallback?: string | null | undefined;
+} & {
+    render?: undefined;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export { InputOTPRoot, InputOTPGroup, InputOTPSlot };

package/dist/components/input-otp/input-otp.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export declare const InputOTP: {
+    Root: import('react').ForwardRefExoticComponent<(Omit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+        value?: string | undefined;
+        onChange?: ((newValue: string) => unknown) | undefined;
+        maxLength: number;
+        textAlign?: "left" | "right" | "center" | undefined;
+        onComplete?: ((...args: any[]) => unknown) | undefined;
+        pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+        containerClassName?: string | undefined;
+        noScriptCSSFallback?: string | null | undefined;
+    } & {
+        render: (props: import('input-otp').RenderProps) => import('react').ReactNode;
+        children?: undefined;
+    } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+        value?: string | undefined;
+        onChange?: ((newValue: string) => unknown) | undefined;
+        maxLength: number;
+        textAlign?: "left" | "right" | "center" | undefined;
+        onComplete?: ((...args: any[]) => unknown) | undefined;
+        pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+        containerClassName?: string | undefined;
+        noScriptCSSFallback?: string | null | undefined;
+    } & {
+        render?: undefined;
+        children: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLInputElement>, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
+    Group: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Slot: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        index: number;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/sheet/sheet.d.ts

@@ -10,4 +10,4 @@ export declare const Sheet: {
         side?: "bottom" | "left" | "right" | "top" | null | undefined;
     } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
 };
-export type { SheetContentProps, SheetProps } from './sheet-primitives';
+export type { SheetContentProps, SheetProps } from './sheet.primitives';

package/dist/components/sheet/{sheet-primitives.d.ts → sheet.primitives.d.ts}

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { sheetVariants } from './sheet-variants';
+import { sheetVariants } from './sheet.variants';
 import * as React from 'react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 export type SheetProps = SheetPrimitive.DialogProps;

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

@@ -0,0 +1 @@
+export { Tabs } from './tabs';

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Tabs: {
+    Root: import('react').ForwardRefExoticComponent<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>>;
+    List: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { TabsRoot, TabsList, TabsTrigger, TabsContent };

package/dist/index.d.ts

@@ -1,7 +1,9 @@
+import { Tabs } from './components/tabs';
 import { Tooltip } from './components/tooltip';
 import { Popover } from './components/popover';
 import { Radio } from './components/radio-group';
 import { Checkbox } from './components/checkbox';
+import { Breadcrumb } from './components/breadcrumb';
 import { Alert, AlertProps, alertVariants } from './components/alert';
 import { ProgressBar, ProgressBarProps } from './components/progress-bar';
 import { Button, ButtonProps, buttonVariants } from './components/button';
@@ -11,6 +13,7 @@ import { CopyTextButton, CopyTextButtonProps } from './components/copy-text-butt
 import { Dialog, DialogProps, DialogContentProps } from './components/dialog';
 import { ToastProvider, Toaster, ToastFnProps, useToast } from './components/toast';
 import { IconButton, IconButtonProps, iconButtonVariants } from './components/icon-button';
+import { InputOTP } from './components/input-otp';
 import { FileUploader, FileUploaderProps } from './components/file-uploader/ui';
 import { ImageUploader, ImageUploaderProps } from './components/image-uploader/ui';
 import { Spreadsheet } from './components/spreadsheet/ui';
@@ -31,7 +34,7 @@ import { CapLinkProvider } from './providers';
 import { IconTextButtonProps } from './shared/ui/icon-text-button';
 import { Badge, BadgeProps } from './shared/ui/badge';
 import { CustomPaginationProps } from './components/pagination';
-export { Tooltip, Popover, Radio, Checkbox, Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, };
+export { Tabs, Tooltip, InputOTP, Popover, Radio, Checkbox, Breadcrumb, Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, };
 export type { AlertProps, ProgressBarProps, ButtonProps, AlertBannerProps, SheetProps, SheetContentProps, CopyTextButtonProps, DialogProps, DialogContentProps, ToastFnProps, IconButtonProps, };
 export declare const CapLink: {
     Spreadsheet: typeof Spreadsheet;
@@ -186,6 +189,37 @@ export declare const CapLink: {
         displayName: string;
     };
     IconTextButton: import('react').ForwardRefExoticComponent<IconTextButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    InputOTP: {
+        Root: import('react').ForwardRefExoticComponent<(Omit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+            value?: string | undefined;
+            onChange?: ((newValue: string) => unknown) | undefined;
+            maxLength: number;
+            textAlign?: "left" | "right" | "center" | undefined;
+            onComplete?: ((...args: any[]) => unknown) | undefined;
+            pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+            containerClassName?: string | undefined;
+            noScriptCSSFallback?: string | null | undefined;
+        } & {
+            render: (props: import('input-otp').RenderProps) => import('react').ReactNode;
+            children?: undefined;
+        } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+            value?: string | undefined;
+            onChange?: ((newValue: string) => unknown) | undefined;
+            maxLength: number;
+            textAlign?: "left" | "right" | "center" | undefined;
+            onComplete?: ((...args: any[]) => unknown) | undefined;
+            pushPasswordManagerStrategy?: "none" | "increase-width" | undefined;
+            containerClassName?: string | undefined;
+            noScriptCSSFallback?: string | null | undefined;
+        } & {
+            render?: undefined;
+            children: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLInputElement>, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
+        Group: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Slot: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+            index: number;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
 };
 export { CapLinkProvider };
 export type { FileUploaderProps, ImageUploaderProps, MatrixTypes, SpreadsheetTypes, SearchNodeProps, FloatButtonProps, ContentSplitProps, SidebarProps, useGetAdjacentNodesProps, AdjacentNodesProps, ButtonChangeOrientationProps, FloatMenuProps, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps, Position, GetLayoutedElementsProps, BadgeProps, CustomPaginationProps, IconTextButtonProps, };