mblabs-roccato-frontend-commons 0.0.16

package/README.md

@@ -0,0 +1,111 @@
+# 🧩 mblabs-roccato-frontend-commons
+
+Uma coleção de componentes e utilitários de front-end reutilizáveis, desenvolvidos com tecnologias modernas como React 19, TailwindCSS, Radix UI e muito mais. Criado para ser compartilhado entre projetos dentro do ecossistema MB Labs Roccato.
+
+---
+
+## 📦 Instalação
+
+Utilize o [pnpm](https://pnpm.io/) como gerenciador de pacotes (Node.js 22+):
+
+```bash
+pnpm add mblabs-roccato-frontend-commons
+```
+
+Certifique-se de instalar também as dependências peer:
+
+```bash
+pnpm add react@^19.0.0 react-dom@^19.0.0 react-hook-form@^7.55.0
+```
+
+---
+
+## 🚀 Como usar
+
+Importe os componentes ou utilitários diretamente do pacote:
+
+```tsx
+import { MeuComponente } from 'mblabs-roccato-frontend-commons';
+import 'mblabs-roccato-frontend-commons/css'; // estilos padrões
+```
+
+---
+
+## ✨ Destaques
+
+- ✅ Suporte ao React 19
+- 🎨 TailwindCSS 4 com variantes dinâmicas
+- ⚙️ Componentes acessíveis via Radix UI
+- 🧰 Drag & drop com DnD Kit
+- 📊 Visualizações com Recharts
+- 🧪 Totalmente tipado com TypeScript
+- 📚 Documentação interativa com Storybook
+- ⚡ Build otimizado com Vite
+
+---
+
+## 📂 Estrutura do Projeto
+
+```
+📁 src/
+ ┣ 📦 components/
+ ┣ ┣ 📦 atoms/
+ ┣ ┣ 📦 molecules/
+ ┣ ┣ 📦 organisms/
+ ┣ ┣ 📄 index.ts
+ ┣ 📦 hooks/
+ ┣ 📦 utils/
+ ┗ 📄 index.ts
+```
+
+---
+
+## 🧪 Scripts
+
+| Comando                | Descrição                                         |
+| ---------------------- | ------------------------------------------------- |
+| `pnpm build`           | Compila a lib com TypeScript e Vite               |
+| `pnpm lint`            | Lint no projeto com ESLint                        |
+| `pnpm storybook`       | Inicia o Storybook em ambiente de desenvolvimento |
+| `pnpm build-storybook` | Gera versão estática do Storybook                 |
+
+---
+
+## 📚 Storybook
+
+Explore e teste os componentes interativamente:
+
+```bash
+pnpm storybook
+```
+
+Ou gere a versão estática:
+
+```bash
+pnpm build-storybook
+```
+
+---
+
+## 🧩 Tecnologias Utilizadas
+
+- React 19
+- TailwindCSS
+- Radix UI
+- DnD Kit
+- Tanstack react-table
+- Tabler icons-react
+- Date fns
+- Recharts
+- React Hook Form
+- Zod
+- Storybook
+- Vite
+- TypeScript
+- ESLint
+
+---
+
+## 📝 Licença
+
+MIT © Roccato — Feito com ❤️ pelo time MB Labs.

package/dist/index.d.ts

@@ -0,0 +1,552 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ControllerProps } from 'react-hook-form';
+import { DateTime } from 'luxon';
+import { DayPicker } from 'react-day-picker';
+import { default as default_2 } from 'react';
+import { Drawer as Drawer_2 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { FieldError } from 'react-hook-form';
+import { FieldPath } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
+import { GroupBase } from 'react-select';
+import { JSX } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { Props } from 'react-select';
+import * as React_2 from 'react';
+import * as RechartsPrimitive from 'recharts';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { Slot } from '@radix-ui/react-slot';
+import { SubmitErrorHandler } from 'react-hook-form';
+import { SubmitHandler } from 'react-hook-form';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { ToasterProps } from 'sonner';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { UseFormReturn } from 'react-hook-form';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function addMonth(date: DateTime, month: number): DateTime;
+
+export declare function Avatar({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Root>): JSX.Element;
+
+export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Fallback>): JSX.Element;
+
+export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Image>): JSX.Element;
+
+export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Box({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
+
+export declare const brazilianStates: {
+    label: string;
+    value: string;
+}[];
+
+export declare function Breadcrumb({ ...props }: React_2.ComponentProps<'nav'>): JSX.Element;
+
+export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<'ol'>): JSX.Element;
+
+export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Calendar({ className, showOutsideDays, ...props }: React_2.ComponentProps<typeof DayPicker>): JSX.Element;
+
+export declare function Card({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare type ChartConfig = {
+    [k in string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare function ChartContainer({ id, className, children, config, ...props }: React_2.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): JSX.Element;
+
+export declare const ChartLegend: typeof RechartsPrimitive.Legend;
+
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React_2.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): JSX.Element | null;
+
+export declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => JSX.Element | null;
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React_2.ComponentProps<typeof RechartsPrimitive.Tooltip> & React_2.ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+}): JSX.Element | null;
+
+export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
+
+export declare const checkSubset: (array: string[], subset: string[]) => boolean;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare function convertFromCents(value: string): number;
+
+export declare function convertTextToNumbers(text: string): number[];
+
+export declare function convertUnixTime(unix: number): string;
+
+export declare function createISODate(date: string): DateTime;
+
+export declare function currencyShortener(value: number, currency?: string, locale?: string): string;
+
+export declare function displayAmount(amount: number, limit?: number): string;
+
+export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
+
+export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
+
+export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
+
+export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
+
+export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
+
+export declare function DrawerPortal({ ...props }: React_2.ComponentProps<typeof Drawer_2.Portal>): JSX.Element;
+
+export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
+
+export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
+
+export declare const Dropdown: <Option extends {
+    label: string;
+}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ classNames, components: customComponents, ...props }: DropdownProps<Option, IsMulti, Group>) => JSX.Element;
+
+export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
+
+export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
+
+export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): JSX.Element;
+
+export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Portal>): JSX.Element;
+
+export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
+
+export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
+
+export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
+
+declare type DropdownProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group>;
+
+export declare function Flex({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
+
+export declare function Form<T extends FieldValues>({ methods, onValid, onInvalid, className, children, ...props }: FormProps<T>): JSX.Element;
+
+export declare function formatCurrency(value: number, currency?: string, decimalPlaces?: number, locale?: string): string;
+
+export declare function formatCurrencyFromString(value: string, currency?: string): string;
+
+export declare function formatFromFromat(date: string, fromFormat: string, toFormat: string): string;
+
+export declare function formatISODate(date: string, format: string): string;
+
+export declare function formatNumberToKOrM(value: number): string;
+
+export declare function FormControl({ ...props }: React_2.ComponentProps<typeof Slot>): JSX.Element;
+
+export declare function FormDescription({ className, ...props }: React_2.ComponentProps<'p'>): JSX.Element;
+
+export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX.Element;
+
+export declare const FormFieldContext: default_2.Context<FormFieldContextValue<FieldValues, string>>;
+
+declare type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+
+export declare function FormItem({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare const FormItemContext: default_2.Context<FormItemContextValue>;
+
+declare type FormItemContextValue = {
+    id: string;
+};
+
+export declare function FormLabel({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
+
+export declare function FormMessage({ className, ...props }: React_2.ComponentProps<'p'>): JSX.Element | null;
+
+declare interface FormProps<T extends FieldValues = FieldValues> extends Omit<React_2.ComponentProps<'form'>, 'onSubmit' | 'onInvalid'> {
+    methods: UseFormReturn<T>;
+    onValid: SubmitHandler<T>;
+    onInvalid?: SubmitErrorHandler<T>;
+}
+
+export declare function fromIsoToLocale(date: string): string;
+
+export declare function fromIsoToMillis(date: string): number;
+
+export declare function getCurrentDate(): string | null;
+
+export declare function getInitials(name: string): string;
+
+export declare function Grid({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
+
+export declare const Input: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare function isAPIError(err: unknown): boolean;
+
+export declare function isForbiddenError(err: unknown): boolean;
+
+export declare const isValidCNPJ: (cnpj: string) => boolean;
+
+export declare function isValidCPF(text: string): boolean;
+
+export declare function isValidDocument(text: string): boolean;
+
+export declare function isValidEmail(email: string): boolean;
+
+export declare function isValidName(name: string): boolean;
+
+export declare function isValidPhone(phone: string): boolean;
+
+export declare function keepOnlyNumber(text: string): string;
+
+export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
+
+export declare function maskCurrency(value: number, locale?: string, currency?: string): string;
+
+export declare function NavigationMenu({ className, children, viewport, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): JSX.Element;
+
+export declare function NavigationMenuContent({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Content>): JSX.Element;
+
+export declare function NavigationMenuIndicator({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): JSX.Element;
+
+export declare function NavigationMenuItem({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Item>): JSX.Element;
+
+export declare function NavigationMenuLink({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Link>): JSX.Element;
+
+export declare function NavigationMenuList({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.List>): JSX.Element;
+
+export declare function NavigationMenuTrigger({ className, children, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): JSX.Element;
+
+export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
+
+export declare function NavigationMenuViewport({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): JSX.Element;
+
+export declare function normalizeCurrency(str: string): string;
+
+export declare function removeInitialSlash(text: string): string;
+
+export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
+
+export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
+
+export declare function SelectGroup({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Group>): JSX.Element;
+
+export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Item>): JSX.Element;
+
+export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
+
+export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element;
+
+export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element;
+
+export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
+
+export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): JSX.Element;
+
+export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Value>): JSX.Element;
+
+export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
+
+export declare function Sheet({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Root>): JSX.Element;
+
+export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Close>): JSX.Element;
+
+export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}): JSX.Element;
+
+export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Description>): JSX.Element;
+
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof SheetPrimitive.Title>): JSX.Element;
+
+export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element;
+
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): JSX.Element;
+
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare const SidebarContext: default_2.Context<SidebarContextProps | null>;
+
+export declare type SidebarContextProps = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX.Element;
+
+export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<'main'>): JSX.Element;
+
+export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
+
+export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
+
+export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): JSX.Element;
+
+export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<'button'>): JSX.Element;
+
+export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
+
+export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+export declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
+
+export declare const sortAscByKey: <T extends Record<string, unknown>>(array: T[], key: keyof T) => T[];
+
+export declare const sortDescByKey: <T extends Record<string, unknown>>(array: T[], key: keyof T) => T[];
+
+export declare function stringToNumber(value: string): string;
+
+export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
+
+export declare function Table({ className, ...props }: React_2.ComponentProps<'table'>): JSX.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<'tbody'>): JSX.Element;
+
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<'caption'>): JSX.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<'td'>): JSX.Element;
+
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<'tfoot'>): JSX.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<'th'>): JSX.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<'thead'>): JSX.Element;
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<'tr'>): JSX.Element;
+
+export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
+
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
+
+export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
+
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
+
+export declare function Textarea({ className, ...props }: React_2.ComponentProps<'textarea'>): JSX.Element;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
+
+export declare function toCapitalize(text: string): string;
+
+export declare function toCurrentTimezone(date: string | undefined | null, format?: Intl.DateTimeFormatOptions): string;
+
+export declare function toCurrentTimezoneWithSeconds(date: string | undefined | null): string;
+
+export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
+
+export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+
+export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
+
+export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+
+export declare const Typography: default_2.FC<TypographyProps>;
+
+declare type TypographyProps = {
+    as?: default_2.ElementType;
+    className?: string;
+    children: default_2.ReactNode;
+} & VariantProps<typeof typographyVariants> & Omit<default_2.ComponentPropsWithoutRef<'span'>, 'as'>;
+
+declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "small" | "lead" | "paragraph" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function uniqueArrayElements<T>(arr: T[]): T[];
+
+export declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+
+export declare function useIsMobile(): boolean;
+
+export declare function useSidebar(): SidebarContextProps;
+
+export { }