@parasutcom/fds 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,754 @@
+import { AlertDialog as AlertDialog_2 } from '@base-ui/react/alert-dialog';
+import { Avatar as Avatar_2 } from '@base-ui/react/avatar';
+import { Button as Button_2 } from '@base-ui/react/button';
+import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { Collapsible as Collapsible_2 } from '@base-ui/react/collapsible';
+import { Combobox as Combobox_2 } from '@base-ui/react';
+import { Command as Command_2 } from 'cmdk';
+import { DayButton } from 'react-day-picker';
+import { DayPicker } from 'react-day-picker';
+import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
+import { Input as Input_2 } from '@base-ui/react/input';
+import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
+import { Menu } from '@base-ui/react/menu';
+import { OTPInput } from 'input-otp';
+import { Progress as Progress_2 } from '@base-ui/react/progress';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroup_2 } from '@base-ui/react/radio-group';
+import * as React_2 from 'react';
+import { ReactElement } from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { Select as Select_2 } from '@base-ui/react/select';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+import { Switch as Switch_2 } from '@base-ui/react/switch';
+import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
+import { ToasterProps } from 'sonner';
+import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
+import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<'div'> & VariantProps<typeof alertVariants>): JSX.Element;
+
+export declare function AlertAction({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AlertDialog({ ...props }: AlertDialog_2.Root.Props): JSX.Element;
+
+export declare function AlertDialogAction({ className, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+export declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog_2.Close.Props & Pick<React_2.ComponentProps<typeof Button>, 'variant' | 'size'>): JSX.Element;
+
+export declare function AlertDialogContent({ className, size, ...props }: AlertDialog_2.Popup.Props & {
+    size?: 'default' | 'sm';
+}): JSX.Element;
+
+export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Description>): JSX.Element;
+
+export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AlertDialogOverlay({ className, ...props }: AlertDialog_2.Backdrop.Props): JSX.Element;
+
+export declare function AlertDialogPortal({ ...props }: AlertDialog_2.Portal.Props): JSX.Element;
+
+export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Title>): JSX.Element;
+
+export declare function AlertDialogTrigger({ ...props }: AlertDialog_2.Trigger.Props): JSX.Element;
+
+export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * Autocomplete component with form validation support.
+ * Accepts error prop as string or string[] for seamless integration with form libraries.
+ *
+ * @example
+ * // Standalone with controlled state
+ * const [city, setCity] = useState(null)
+ *
+ * <Autocomplete
+ *   name="city"
+ *   options={cities}
+ *   value={city}
+ *   onValueChange={setCity}
+ *   description="Select your city"
+ * />
+ *
+ * @example
+ * // With TanStack Form + Zod (in your project)
+ * // 1. Define schema in your project:
+ * // const citySchema = z.object({ value: z.string(), label: z.string() }).nullable()
+ * //   .refine(val => val !== null, { message: 'City required' })
+ *
+ * // 2. Use in form:
+ * <form.Field
+ *   name="city"
+ *   validators={{
+ *     onChange: ({ value }) => {
+ *       const result = citySchema.safeParse(value)
+ *       return result.success ? undefined : result.error.issues[0]?.message
+ *     }
+ *   }}
+ * >
+ *   {(field) => (
+ *     <Autocomplete
+ *       name="city"
+ *       options={cities}
+ *       value={field.state.value}
+ *       onValueChange={field.handleChange}
+ *       onBlur={field.handleBlur}
+ *       error={field.state.meta.errors}
+ *     />
+ *   )}
+ * </form.Field>
+ */
+export declare function Autocomplete<T extends AutocompleteOption>({ options, value, defaultValue, onValueChange, description, error, emptyMessage, name, placeholder, disabled, variant, size, ...props }: AutocompleteProps<T>): JSX.Element;
+
+export declare interface AutocompleteOption {
+    value: string;
+    label: string;
+    [key: string]: unknown;
+}
+
+export declare interface AutocompleteProps<T extends AutocompleteOption> extends Omit<React_2.ComponentPropsWithoutRef<typeof InputGroupInput>, 'onChange' | 'value' | 'defaultValue' | 'onValueChange'> {
+    options: T[];
+    value?: T | null;
+    defaultValue?: T | null;
+    onValueChange?: (option: T | null) => void;
+    description?: string;
+    error?: string | string[];
+    emptyMessage?: string;
+    name: string;
+}
+
+export declare function Avatar({ className, size, ...props }: Avatar_2.Root.Props & {
+    size?: 'default' | 'sm' | 'lg';
+}): JSX.Element;
+
+export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function AvatarFallback({ className, ...props }: Avatar_2.Fallback.Props): JSX.Element;
+
+export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function AvatarImage({ className, ...props }: Avatar_2.Image.Props): JSX.Element;
+
+export declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): ReactElement<unknown, string | JSXElementConstructor<any>>;
+
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Breadcrumb({ className, ...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({ className, render, ...props }: useRender.ComponentProps<'a'>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+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, isIcon, ...props }: Button_2.Props & VariantProps<typeof buttonVariants>): JSX.Element;
+
+export declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): JSX.Element;
+
+export declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): JSX.Element;
+
+export declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<'div'>): ReactElement<unknown, string | JSXElementConstructor<any>>;
+
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "link" | "sort" | "outline" | "secondary" | "ghost" | "destructiveOutline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    isIcon?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
+}): JSX.Element;
+
+export declare function CalendarDayButton({ className, day, modifiers, ...props }: React_2.ComponentProps<typeof DayButton>): JSX.Element;
+
+export declare function Card({ className, size, ...props }: React_2.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): 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 }: Checkbox_2.Root.Props): JSX.Element;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare function Collapsible({ ...props }: Collapsible_2.Root.Props): JSX.Element;
+
+export declare function CollapsibleContent({ ...props }: Collapsible_2.Panel.Props): JSX.Element;
+
+export declare function CollapsibleTrigger({ ...props }: Collapsible_2.Trigger.Props): JSX.Element;
+
+export declare const Combobox: typeof Combobox_2.Root;
+
+export declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox_2.Chip.Props & {
+    showRemove?: boolean;
+}): JSX.Element;
+
+export declare function ComboboxChips({ className, ...props }: React_2.ComponentPropsWithRef<typeof Combobox_2.Chips> & Combobox_2.Chips.Props): JSX.Element;
+
+export declare function ComboboxChipsInput({ className, ...props }: Combobox_2.Input.Props): JSX.Element;
+
+export declare function ComboboxCollection({ ...props }: Combobox_2.Collection.Props): JSX.Element;
+
+export declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox_2.Popup.Props & Pick<Combobox_2.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): JSX.Element;
+
+export declare function ComboboxEmpty({ className, ...props }: Combobox_2.Empty.Props): JSX.Element;
+
+export declare function ComboboxGroup({ className, ...props }: Combobox_2.Group.Props): JSX.Element;
+
+export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox_2.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): JSX.Element;
+
+export declare function ComboboxItem({ className, children, ...props }: Combobox_2.Item.Props): JSX.Element;
+
+export declare function ComboboxLabel({ className, ...props }: Combobox_2.GroupLabel.Props): JSX.Element;
+
+export declare function ComboboxList({ className, ...props }: Combobox_2.List.Props): JSX.Element;
+
+export declare function ComboboxSeparator({ className, ...props }: Combobox_2.Separator.Props): JSX.Element;
+
+export declare function ComboboxTrigger({ className, children, ...props }: Combobox_2.Trigger.Props): JSX.Element;
+
+export declare function ComboboxValue({ ...props }: Combobox_2.Value.Props): JSX.Element;
+
+export declare function Command({ className, ...props }: React_2.ComponentProps<typeof Command_2>): JSX.Element;
+
+export declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React_2.ComponentProps<typeof Dialog>, "children"> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+    children: React_2.ReactNode;
+}): JSX.Element;
+
+export declare function CommandEmpty({ className, ...props }: React_2.ComponentProps<typeof Command_2.Empty>): JSX.Element;
+
+export declare function CommandGroup({ className, ...props }: React_2.ComponentProps<typeof Command_2.Group>): JSX.Element;
+
+export declare function CommandInput({ className, ...props }: React_2.ComponentProps<typeof Command_2.Input>): JSX.Element;
+
+export declare function CommandItem({ className, children, ...props }: React_2.ComponentProps<typeof Command_2.Item>): JSX.Element;
+
+export declare function CommandList({ className, ...props }: React_2.ComponentProps<typeof Command_2.List>): JSX.Element;
+
+export declare function CommandSeparator({ className, ...props }: React_2.ComponentProps<typeof Command_2.Separator>): JSX.Element;
+
+export declare function CommandShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function Dialog({ ...props }: Dialog_2.Root.Props): JSX.Element;
+
+export declare function DialogClose({ ...props }: Dialog_2.Close.Props): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog_2.Popup.Props & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: Dialog_2.Description.Props): JSX.Element;
+
+export declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogOverlay({ className, ...props }: Dialog_2.Backdrop.Props): JSX.Element;
+
+export declare function DialogPortal({ ...props }: Dialog_2.Portal.Props): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: Dialog_2.Title.Props): JSX.Element;
+
+export declare function DialogTrigger({ ...props }: Dialog_2.Trigger.Props): JSX.Element;
+
+export declare function DropdownMenu({ ...props }: Menu.Root.Props): JSX.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: Menu.CheckboxItem.Props): JSX.Element;
+
+export declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): JSX.Element;
+
+export declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
+
+export declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): JSX.Element;
+
+export declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): JSX.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, ...props }: Menu.RadioItem.Props): JSX.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): JSX.Element;
+
+export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): JSX.Element;
+
+export declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React_2.ComponentProps<typeof DropdownMenuContent>): JSX.Element;
+
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): JSX.Element;
+
+export declare function Empty({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
+
+export declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): JSX.Element;
+
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): JSX.Element;
+
+export declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
+
+export declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): JSX.Element | null;
+
+export declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): JSX.Element;
+
+export declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): JSX.Element;
+
+export declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): JSX.Element;
+
+export declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): JSX.Element;
+
+export declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Input({ className, type, variant, size, ...props }: InputProps): JSX.Element;
+
+export declare function InputGroup({ className, variant, size, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants>): JSX.Element;
+
+export declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
+
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React_2.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): JSX.Element;
+
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function InputGroupInput({ className, ...props }: InputProps): JSX.Element;
+
+export declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function InputGroupTextarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+
+declare const inputGroupVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): JSX.Element;
+
+export declare function InputOTPGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function InputOTPSeparator({ ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function InputOTPSlot({ index, className, ...props }: React_2.ComponentProps<"div"> & {
+    index: number;
+}): JSX.Element;
+
+export declare type InputProps = Omit<Input_2.Props, "size"> & VariantProps<typeof inputVariants>;
+
+declare const inputVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare function ItemActions({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element;
+
+export declare function ItemFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function ItemMedia({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): JSX.Element;
+
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function ItemSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
+
+export declare function ItemTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): JSX.Element;
+
+export declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function Label({ className, ...props }: React_2.ComponentProps<"label">): JSX.Element;
+
+export declare function Pagination({ className, ...props }: React_2.ComponentProps<'nav'>): JSX.Element;
+
+export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
+
+export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
+
+export declare function PaginationItem({ ...props }: React_2.ComponentProps<'li'>): JSX.Element;
+
+export declare function PaginationLink({ className, isActive, size, isIcon, ...props }: PaginationLinkProps): JSX.Element;
+
+declare type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React_2.ComponentProps<typeof Button>, 'size' | 'isIcon'> & React_2.ComponentProps<'a'>;
+
+export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+
+export declare function PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+
+export declare function Progress({ className, children, value, ...props }: Progress_2.Root.Props): JSX.Element;
+
+export declare function ProgressIndicator({ className, ...props }: Progress_2.Indicator.Props): JSX.Element;
+
+export declare function ProgressLabel({ className, ...props }: Progress_2.Label.Props): JSX.Element;
+
+export declare function ProgressTrack({ className, ...props }: Progress_2.Track.Props): JSX.Element;
+
+export declare function ProgressValue({ className, ...props }: Progress_2.Value.Props): JSX.Element;
+
+export declare function RadioGroup({ className, ...props }: RadioGroup_2.Props): JSX.Element;
+
+export declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): JSX.Element;
+
+export declare const Select: typeof Select_2.Root;
+
+export declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select_2.Popup.Props & Pick<Select_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): JSX.Element;
+
+export declare function SelectGroup({ className, ...props }: Select_2.Group.Props): JSX.Element;
+
+export declare function SelectItem({ className, children, ...props }: Select_2.Item.Props): JSX.Element;
+
+export declare function SelectLabel({ className, ...props }: Select_2.GroupLabel.Props): JSX.Element;
+
+export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof Select_2.ScrollDownArrow>): JSX.Element;
+
+export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof Select_2.ScrollUpArrow>): JSX.Element;
+
+export declare function SelectSeparator({ className, ...props }: Select_2.Separator.Props): JSX.Element;
+
+export declare function SelectTrigger({ className, size, children, ...props }: Select_2.Trigger.Props & {
+    size?: "sm" | "default";
+}): JSX.Element;
+
+export declare function SelectValue({ className, ...props }: Select_2.Value.Props): JSX.Element;
+
+export declare function Separator({ className, orientation, ...props }: Separator_2.Props): JSX.Element;
+
+export declare function Sheet({ ...props }: Dialog_2.Root.Props): JSX.Element;
+
+export declare function SheetClose({ ...props }: Dialog_2.Close.Props): JSX.Element;
+
+export declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog_2.Popup.Props & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function SheetDescription({ className, ...props }: Dialog_2.Description.Props): 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 }: Dialog_2.Title.Props): JSX.Element;
+
+export declare function SheetTrigger({ ...props }: Dialog_2.Trigger.Props): JSX.Element;
+
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offExamples' | 'icon' | 'none';
+}): JSX.Element;
+
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+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, render, ...props }: useRender.ComponentProps<'button'> & React_2.ComponentProps<'button'>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<'div'> & React_2.ComponentProps<'div'>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+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, render, showOnHover, ...props }: useRender.ComponentProps<'button'> & React_2.ComponentProps<'button'> & {
+    showOnHover?: boolean;
+}): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<'button'> & React_2.ComponentProps<'button'> & {
+    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({ render, size, isActive, className, ...props }: useRender.ComponentProps<'a'> & React_2.ComponentProps<'a'> & {
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+}): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+
+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 function Spinner({ className, ...props }: React.ComponentProps<"svg">): JSX.Element;
+
+export declare function Switch({ className, size, ...props }: Switch_2.Root.Props & {
+    size?: "sm" | "default";
+}): 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, orientation, ...props }: Tabs_2.Root.Props): JSX.Element;
+
+export declare function TabsContent({ className, ...props }: Tabs_2.Panel.Props): JSX.Element;
+
+export declare function TabsList({ className, variant, ...props }: Tabs_2.List.Props & VariantProps<typeof tabsListVariants>): JSX.Element;
+
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function TabsTrigger({ className, ...props }: Tabs_2.Tab.Props): JSX.Element;
+
+export declare function TaxIdField({ id, name, value, onChange, onBlur, description, placeholder, error, isLoading, loadingText, autoFocus, }: TaxIdFieldProps): JSX.Element;
+
+declare interface TaxIdFieldProps {
+    id: string;
+    name: string;
+    value: string;
+    onChange: (value: string) => void;
+    onBlur: () => void;
+    description: string;
+    placeholder: string;
+    error?: string;
+    isLoading?: boolean;
+    loadingText?: string;
+    autoFocus?: boolean;
+}
+
+export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+
+export declare function TextField({ description, error, name, variant, size, type, ...props }: TextFieldProps): JSX.Element;
+
+export declare interface TextFieldProps extends React_2.ComponentPropsWithoutRef<typeof InputGroupInput> {
+    name: string;
+    description?: string;
+    error?: string;
+}
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
+
+export declare function Toggle({ className, variant, size, ...props }: Toggle_2.Props & 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 }: Tooltip_2.Root.Props): JSX.Element;
+
+export declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip_2.Popup.Props & Pick<Tooltip_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): JSX.Element;
+
+export declare function TooltipProvider({ delay, ...props }: Tooltip_2.Provider.Props): JSX.Element;
+
+export declare function TooltipTrigger({ ...props }: Tooltip_2.Trigger.Props): JSX.Element;
+
+export declare function useComboboxAnchor(): React_2.RefObject<HTMLDivElement | null>;
+
+export declare function useIsMobile(): boolean;
+
+export declare function useSidebar(): SidebarContextProps;
+
+export { }