@qdesignsystems/design-system-core 0.1.2

package/dist/index.d.ts

@@ -0,0 +1,770 @@
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { RowData } from '@tanstack/react-table';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    theme?: string;
+    defaultTheme?: string;
+    attribute?: string;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+}
+declare function ThemeProvider({ children, theme, defaultTheme, attribute, enableSystem, disableTransitionOnChange, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const cardVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+declare const ButtonDownloadDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGhostDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonLoadingDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonPublishDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonCopyDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardMeetingNotesDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardInviteCardDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardBottomImageDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardTopImageDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardHorizontalDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardWithTabsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardTestimonialDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardActionDemo: () => react_jsx_runtime.JSX.Element | null;
+
+declare const ButtonGroupDownloadDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupLikeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupTooltipDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupRoundedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupSocialDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupZoomDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupNumberDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupPreviewDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupActionsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupDropdownDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ButtonGroupGhostDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarMultiMonthDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarRangeSingleMonthDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarRangeCalendarMultiMonthDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarRangeWithMinimumDaysDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarDisableDayDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarDisabledWeekendsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarVariableSizeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarEventListDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarMultiSelectDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarCustomSelectDayDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarCustomRangeSelectDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarRightYearMonthDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarLeftYearMonthDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarWeekNumberDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CalendarWithAdvanceSelectionDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const CollapsibleDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleTreeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleListDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleProfileDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleFilterDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleShowMoreDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleCardDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleDropdownMenuDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CollapsibleFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxOptionGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxOptionDisabledDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxOptionWithIIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxCustomCheckIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxWithSearchAndButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxTimezoneDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxUserDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxCountryFlagDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxMultipleCountBadgeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DataTableDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DataTableDensityDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DataTableColumnsVisibilityDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DataTableWithSortableColumnDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DataTablePinnableColumnDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DraggableColumnDataTableDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DataTableWithExpandableRowsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare module '@tanstack/react-table' {
+    interface TableMeta<TData extends RowData> {
+        updateData: (rowIndex: number, columnId: string, value: string | number) => void;
+    }
+}
+declare const EditableDataTableDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+
+declare const CheckboxDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxIndeterminateDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxDashedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxTodoListDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxSizesDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxBadgeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxDescriptionDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxHorizontalGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxVerticalGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxColorsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxCustomIconsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxFilledIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxCardDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxListGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxTreeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxFormDemo$1: () => react_jsx_runtime.JSX.Element;
+
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+declare const InputDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputLabelDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputRequiredDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputDisabledDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputReadOnlyDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputSizesDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputDefaultValueDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputRoundedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputStartHelperTextDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndHelperTextDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputHintTextDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputErrorDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputColoredRingDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputStartIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputStartTextAddOnDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndTextAddOnDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputTextAddOnsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputStartAddOnDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndAddOnDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputAddOnsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputFilledDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOverlappingLabelDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputFloatingLabelDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputInsetLabelDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputPasswordDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputFileDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputStartSelectDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndSelectDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndInlineButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputIconButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputEndButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputCharacterLimitDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputCharacterLeftDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputClearDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputSearchDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputSearchIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputSearchLoaderDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithPlusMinusButtonsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithEndButtonsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithStackedButtonsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithPlusMinusButtonsRoundedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithEndButtonsRoundedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithStackedChevronsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputPasswordStrengthDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputWithMaskDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputTimeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputCardNumberDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputExpiryDateDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputCVCCodeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputCardDetailsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPNumberDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPAlphanumericDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPWithResendDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPWithResendTimerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPOutlinedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPFilledDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPMinimalDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPGroupedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPOutlinedGroupedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPCustomSeparatorDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const PaginationDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithPrimaryButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithSecondaryButtonDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BorderedPaginationDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithRoundedButton: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithFirstAndLastPageButtonNavigation: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithEllipsisDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationUnderlineDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CardPaginationDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const NumberlessPaginationDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const NumberlessPaginationWithTextDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const MiniPagination: () => react_jsx_runtime.JSX.Element;
+
+declare const PaginationWithSelectDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const TablePaginationDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const PopoverRatingsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverDimensionsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverPricingDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverVolumeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverAboutDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverDownloadDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverDeleteFileDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverFeedbackDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverFilterDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverSearchDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverNotificationsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const PopoverAboutHimalayasDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupHorizontalDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupColorsDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupSizesDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupDashedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupSolidDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupDescriptionDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupChipDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupListGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupSplitListGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupCardRadioDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupCardRadioWithBorderDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const RadioGroupCardVerticalRadioDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeSecondaryDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeDestructiveDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeOutlineDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeDotDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeRoundedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeNumberDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeLargeDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeSmallDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeWithIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeLinkDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeClosableDemo: () => react_jsx_runtime.JSX.Element | null;
+
+declare const BadgeSelectableDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeGradientDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeGradientOutlineDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeInProgressDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeBlockedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeCompletedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgePendingDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeFailedDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeSuccessfulDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeAvatarDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeCartDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const BadgeStatusOnlineDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerWithDescriptionDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerWithIconDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerWithAvatarDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ClosableSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerWithActionDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerWithPromiseDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SonnerPositionDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SoftInfoSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SoftSuccessSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SoftWarningSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SoftDestructiveSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const OutlineInfoSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const OutlineSuccessSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const OutlineWarningSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const OutlineDestructiveSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SolidInfoSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SolidSuccessSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SolidWarningSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SolidDestructiveSonnerDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
+}
+declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>;
+
+declare const switchRootVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & VariantProps<typeof switchRootVariants>;
+
+/**
+ * Accordion – Radix-based collapsible sections.
+ *
+ * Layout shift: The perceived "jump" when toggling was caused by (1) the trigger
+ * using transition-all, so layout properties could change during the chevron
+ * rotation, and (2) the Storybook canvas wrapper sizing to content (width: auto).
+ * Fixes: chevron uses only transition-transform; content uses overflow-hidden +
+ * Radix data-state height animation (CSS variable); Storybook stories use a
+ * constrained wrapper (max-w-md mx-auto) and canvas constraint CSS.
+ */
+
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+declare const RadioGroupFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const CheckboxFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SwitchFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const InputOTPFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const TextareaFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const SelectFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ComboboxFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DatePickerFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const ContactUSFormDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const DropdownMenuDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMeetingScheduleDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuUserProfileDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuAlignStartDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuBorderedMenuDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuCheckboxDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuRadioGroupDemo: () => react_jsx_runtime.JSX.Element;
+
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Badge, BadgeDemo as Badge01, BadgeSecondaryDemo as Badge02, BadgeDestructiveDemo as Badge03, BadgeOutlineDemo as Badge04, BadgeDotDemo as Badge05, BadgeRoundedDemo as Badge06, BadgeNumberDemo as Badge07, BadgeLargeDemo as Badge08, BadgeSmallDemo as Badge09, BadgeWithIconDemo as Badge10, BadgeLinkDemo as Badge11, BadgeClosableDemo as Badge12, BadgeSelectableDemo as Badge13, BadgeGradientDemo as Badge14, BadgeGradientOutlineDemo as Badge15, BadgeInProgressDemo as Badge16, BadgeBlockedDemo as Badge17, BadgeCompletedDemo as Badge18, BadgePendingDemo as Badge19, BadgeFailedDemo as Badge20, BadgeSuccessfulDemo as Badge21, BadgeAvatarDemo as Badge22, BadgeCartDemo as Badge23, BadgeStatusOnlineDemo as Badge24, type BadgeProps, Button, ButtonDownloadDemo as Button14, ButtonGhostDemo as Button16, ButtonLoadingDemo as Button17, ButtonPublishDemo as Button19, ButtonCopyDemo as Button20, ButtonGroupDownloadDemo as ButtonGroup01, ButtonGroupLikeDemo as ButtonGroup02, ButtonGroupTooltipDemo as ButtonGroup03, ButtonGroupRoundedDemo as ButtonGroup04, ButtonGroupSocialDemo as ButtonGroup05, ButtonGroupZoomDemo as ButtonGroup06, ButtonGroupNumberDemo as ButtonGroup07, ButtonGroupPreviewDemo as ButtonGroup08, ButtonGroupActionsDemo as ButtonGroup09, ButtonGroupDemo as ButtonGroup10, ButtonGroupDropdownDemo as ButtonGroup11, ButtonGroupGhostDemo as ButtonGroup12, type ButtonProps, CalendarDemo as Calendar01, CalendarMultiMonthDemo as Calendar02, CalendarRangeSingleMonthDemo as Calendar03, CalendarRangeCalendarMultiMonthDemo as Calendar04, CalendarRangeWithMinimumDaysDemo as Calendar05, CalendarDisableDayDemo as Calendar06, CalendarDisabledWeekendsDemo as Calendar07, CalendarVariableSizeDemo as Calendar10, CalendarEventListDemo as Calendar11, CalendarMultiSelectDemo as Calendar12, CalendarCustomSelectDayDemo as Calendar13, CalendarCustomRangeSelectDemo as Calendar14, CalendarRightYearMonthDemo as Calendar15, CalendarLeftYearMonthDemo as Calendar16, CalendarWeekNumberDemo as Calendar17, CalendarWithAdvanceSelectionDemo as Calendar21, Card, CardDemo as Card01, CardMeetingNotesDemo as Card02, CardInviteCardDemo as Card03, CardBottomImageDemo as Card04, CardTopImageDemo as Card05, CardHorizontalDemo as Card06, CardWithTabsDemo as Card10, CardTestimonialDemo as Card13, CardActionDemo as Card14, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxDemo as Checkbox01, CheckboxIndeterminateDemo as Checkbox02, CheckboxDashedDemo as Checkbox03, CheckboxTodoListDemo as Checkbox04, CheckboxSizesDemo as Checkbox05, CheckboxBadgeDemo as Checkbox06, CheckboxDescriptionDemo as Checkbox07, CheckboxHorizontalGroupDemo as Checkbox08, CheckboxVerticalGroupDemo as Checkbox09, CheckboxColorsDemo as Checkbox10, CheckboxCustomIconsDemo as Checkbox11, CheckboxFilledIconDemo as Checkbox12, CheckboxCardDemo as Checkbox13, CheckboxListGroupDemo as Checkbox14, CheckboxTreeDemo as Checkbox15, CheckboxFormDemo$1 as Checkbox16, Collapsible, CollapsibleDemo as Collapsible01, CollapsibleTreeDemo as Collapsible02, CollapsibleListDemo as Collapsible03, CollapsibleProfileDemo as Collapsible04, CollapsibleFilterDemo as Collapsible05, CollapsibleShowMoreDemo as Collapsible06, CollapsibleCardDemo as Collapsible07, CollapsibleDropdownMenuDemo as Collapsible08, CollapsibleFormDemo as Collapsible09, CollapsibleContent, CollapsibleTrigger, ComboboxDemo as Combobox01, ComboboxOptionGroupDemo as Combobox02, ComboboxOptionDisabledDemo as Combobox03, ComboboxOptionWithIIconDemo as Combobox04, ComboboxCustomCheckIconDemo as Combobox05, ComboboxWithSearchAndButtonDemo as Combobox06, ComboboxTimezoneDemo as Combobox07, ComboboxUserDemo as Combobox08, ComboboxCountryFlagDemo as Combobox09, ComboboxMultipleCountBadgeDemo as Combobox12, DataTableDemo as DataTable01, DataTableDensityDemo as DataTable02, DataTableColumnsVisibilityDemo as DataTable03, DataTableWithSortableColumnDemo as DataTable05, DataTablePinnableColumnDemo as DataTable07, DraggableColumnDataTableDemo as DataTable08, DataTableWithExpandableRowsDemo as DataTable09, EditableDataTableDemo as DataTable13, DropdownMenu, DropdownMenuDemo as DropdownMenu01, DropdownMeetingScheduleDemo as DropdownMenu05, DropdownMenuUserProfileDemo as DropdownMenu08, DropdownMenuAlignStartDemo as DropdownMenu09, DropdownMenuBorderedMenuDemo as DropdownMenu11, DropdownMenuCheckboxDemo as DropdownMenu13, DropdownMenuRadioGroupDemo as DropdownMenu14, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, RadioGroupFormDemo as Form01, CheckboxFormDemo as Form02, SwitchFormDemo as Form03, InputFormDemo as Form04, InputOTPFormDemo as Form05, TextareaFormDemo as Form06, SelectFormDemo as Form07, ComboboxFormDemo as Form08, DatePickerFormDemo as Form09, ContactUSFormDemo as Form10, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InputDemo as Input01, InputLabelDemo as Input02, InputRequiredDemo as Input03, InputDisabledDemo as Input04, InputReadOnlyDemo as Input05, InputSizesDemo as Input06, InputDefaultValueDemo as Input07, InputRoundedDemo as Input08, InputStartHelperTextDemo as Input09, InputEndHelperTextDemo as Input10, InputHintTextDemo as Input11, InputErrorDemo as Input12, InputColoredRingDemo as Input13, InputStartIconDemo as Input14, InputEndIconDemo as Input15, InputStartTextAddOnDemo as Input16, InputEndTextAddOnDemo as Input17, InputTextAddOnsDemo as Input18, InputStartAddOnDemo as Input19, InputEndAddOnDemo as Input20, InputAddOnsDemo as Input21, InputFilledDemo as Input22, InputOverlappingLabelDemo as Input23, InputFloatingLabelDemo as Input24, InputInsetLabelDemo as Input25, InputPasswordDemo as Input26, InputFileDemo as Input27, InputStartSelectDemo as Input28, InputEndSelectDemo as Input29, InputButtonDemo as Input30, InputEndInlineButtonDemo as Input31, InputIconButtonDemo as Input32, InputEndButtonDemo as Input33, InputCharacterLimitDemo as Input34, InputCharacterLeftDemo as Input35, InputClearDemo as Input36, InputSearchDemo as Input37, InputSearchIconDemo as Input38, InputSearchLoaderDemo as Input39, InputWithPlusMinusButtonsDemo as Input40, InputWithEndButtonsDemo as Input41, InputWithStackedButtonsDemo as Input42, InputWithPlusMinusButtonsRoundedDemo as Input43, InputWithEndButtonsRoundedDemo as Input44, InputWithStackedChevronsDemo as Input45, InputPasswordStrengthDemo as Input46, InputWithMaskDemo as InputMask01, InputTimeDemo as InputMask02, InputCardNumberDemo as InputMask03, InputExpiryDateDemo as InputMask04, InputCVCCodeDemo as InputMask05, InputCardDetailsDemo as InputMask06, InputOTPNumberDemo as InputOtp01, InputOTPAlphanumericDemo as InputOtp02, InputOTPWithResendDemo as InputOtp03, InputOTPWithResendTimerDemo as InputOtp04, InputOTPOutlinedDemo as InputOtp05, InputOTPFilledDemo as InputOtp06, InputOTPMinimalDemo as InputOtp07, InputOTPGroupedDemo as InputOtp08, InputOTPOutlinedGroupedDemo as InputOtp09, InputOTPCustomSeparatorDemo as InputOtp10, Label, Pagination, PaginationDemo as Pagination01, PaginationWithIconDemo as Pagination02, PaginationWithPrimaryButtonDemo as Pagination03, PaginationWithSecondaryButtonDemo as Pagination04, BorderedPaginationDemo as Pagination05, PaginationWithRoundedButton as Pagination06, PaginationWithFirstAndLastPageButtonNavigation as Pagination07, PaginationWithEllipsisDemo as Pagination08, PaginationUnderlineDemo as Pagination09, CardPaginationDemo as Pagination10, NumberlessPaginationDemo as Pagination11, NumberlessPaginationWithTextDemo as Pagination12, MiniPagination as Pagination13, PaginationWithSelectDemo as Pagination14, TablePaginationDemo as Pagination15, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverRatingsDemo as Popover01, PopoverDimensionsDemo as Popover02, PopoverPricingDemo as Popover03, PopoverVolumeDemo as Popover04, PopoverAboutDemo as Popover05, PopoverDownloadDemo as Popover06, PopoverDeleteFileDemo as Popover07, PopoverFeedbackDemo as Popover08, PopoverFilterDemo as Popover09, PopoverSearchDemo as Popover10, PopoverNotificationsDemo as Popover11, PopoverAboutHimalayasDemo as Popover12, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupDemo as RadioGroup01, RadioGroupHorizontalDemo as RadioGroup02, RadioGroupColorsDemo as RadioGroup03, RadioGroupSizesDemo as RadioGroup04, RadioGroupDashedDemo as RadioGroup05, RadioGroupSolidDemo as RadioGroup06, RadioGroupDescriptionDemo as RadioGroup07, RadioGroupChipDemo as RadioGroup08, RadioGroupListGroupDemo as RadioGroup09, RadioGroupSplitListGroupDemo as RadioGroup10, RadioGroupCardRadioDemo as RadioGroup11, RadioGroupCardRadioWithBorderDemo as RadioGroup12, RadioGroupCardVerticalRadioDemo as RadioGroup13, RadioGroupItem, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, SonnerDemo as Sonner01, SonnerWithDescriptionDemo as Sonner02, SonnerWithIconDemo as Sonner03, SonnerWithAvatarDemo as Sonner04, ClosableSonnerDemo as Sonner05, SonnerWithActionDemo as Sonner06, SonnerWithPromiseDemo as Sonner07, SonnerPositionDemo as Sonner08, SoftInfoSonnerDemo as Sonner09, SoftSuccessSonnerDemo as Sonner10, SoftWarningSonnerDemo as Sonner11, SoftDestructiveSonnerDemo as Sonner12, OutlineInfoSonnerDemo as Sonner13, OutlineSuccessSonnerDemo as Sonner14, OutlineWarningSonnerDemo as Sonner15, OutlineDestructiveSonnerDemo as Sonner16, SolidInfoSonnerDemo as Sonner17, SolidSuccessSonnerDemo as Sonner18, SolidWarningSonnerDemo as Sonner19, SolidDestructiveSonnerDemo as Sonner20, Switch, type SwitchProps, Textarea, ThemeProvider, Toggle, type ToggleProps, badgeVariants, buttonVariants, cardVariants, cn, switchRootVariants, switchThumbVariants, toggleVariants, useFormField, useSidebar };