@kismet-ux/constellation 1.3.0 → 1.4.1

package/dist/index-BoCKYYd6.d.ts

@@ -0,0 +1,202 @@
+import * as React from 'react';
+import React__default from 'react';
+import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CJIcWKyY.js';
+import { R as RowProps } from './row-CS9-talZ.js';
+import { I as Input } from './input-CWHXOpeH.js';
+import { b as TooltipContent, B as Button } from './tooltip-CzF4au7i.js';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+interface ColumnProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    gap?: number;
+    full?: boolean;
+    fullHeight?: boolean;
+    align?: 'start' | 'center' | 'end';
+    flex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+}
+
+interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    styled?: boolean;
+    direction?: 'column' | 'row';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    full?: boolean;
+    rounded?: boolean | 'extra';
+    outlined?: boolean;
+    theme?: 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate' | 'light-slate';
+    elevation?: number;
+    padding?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'xl' | 'lg' | 'md' | 'sm' | 'none';
+    darkMode?: boolean;
+    gap?: number;
+}
+
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    /** Number of columns (1–12). Default: 1. */
+    columns?: GridColumns;
+    /** Responsive column overrides. Each breakpoint sets the column count at that width and above. */
+    sm?: GridColumns;
+    md?: GridColumns;
+    lg?: GridColumns;
+    xl?: GridColumns;
+    /** Gap between items (0–12, maps to --size-N tokens). Default: 2. */
+    gap?: number;
+    /** Horizontal alignment of items within cells. */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Vertical alignment of items within cells. */
+    justify?: 'start' | 'center' | 'end' | 'stretch';
+    /** Whether the grid fills its parent width. */
+    full?: boolean;
+    /** Semantic HTML element to render. Default: div. */
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+}
+
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+type SidebarContextValue = {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    isMobile: boolean;
+    openMobile: boolean;
+    setOpenMobile: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    toggleSidebar: () => void;
+    variant: SidebarVariant;
+    setVariant: React__default.Dispatch<React__default.SetStateAction<SidebarVariant>>;
+};
+
+declare function AppContent({ children, className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+interface AppFooterProps {
+    brand: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+}
+declare function AppFooter({ brand, links }: AppFooterProps): React.JSX.Element;
+
+interface AppShellProps {
+    children: React.ReactNode;
+    /**
+     * Initial sidebar state. Persist this server-side (cookie, session) or in
+     * localStorage and pass it in, so the sidebar doesn't flash open on load.
+     */
+    defaultSidebarOpen?: boolean;
+}
+declare function AppShell({ children, defaultSidebarOpen }: AppShellProps): React.JSX.Element;
+
+interface AppSidebarProps {
+    logo: React.ReactNode;
+    homeHref?: string;
+    currentPath?: string;
+    linkComponent?: React.ElementType;
+    sections: SidebarSection[];
+    footerItems?: SidebarNavItem[];
+    footerSeparator?: boolean;
+    children?: React.ReactNode;
+}
+declare function AppSidebar({ logo, homeHref, currentPath, linkComponent, sections, footerItems, footerSeparator, children, }: AppSidebarProps): React.JSX.Element;
+
+interface AppSidebarHeaderProps {
+    breadcrumbs?: BreadcrumbItemData[];
+    /** Omit to hide the account menu (e.g. on signed-out chrome). */
+    user?: NavUserProps['user'];
+    userMenu?: Omit<NavUserProps, 'user'>;
+    /** Extra controls between the appearance toggle and the account menu. */
+    actions?: React.ReactNode;
+}
+declare function AppSidebarHeader({ breadcrumbs, user, userMenu, actions, }: AppSidebarHeaderProps): React.JSX.Element;
+
+interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    /** Transition length in ms. Also how long the unmount is deferred. */
+    duration?: number;
+    /**
+     * Unmount children once the close animation finishes. Keeps focus traps,
+     * `autoFocus` and dismiss handlers out of the tree while the panel is shut.
+     * Set `false` to keep children mounted — cheaper for a panel toggled often,
+     * and required if they hold state you need to survive a close.
+     */
+    unmountOnClose?: boolean;
+}
+/**
+ * A panel that animates its own height, so content below slides rather than
+ * jumping.
+ *
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
+ * interpolates to the panel's real height, so there is no magic number to
+ * guess and no pause at the end when the guess was too generous.
+ */
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Column: React.FC<ColumnProps>;
+
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const Row: React.FC<RowProps>;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: SidebarVariant;
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, tooltip, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+}): React.JSX.Element;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+export { AppContent as A, SidebarMenuAction as B, Collapse as C, SidebarMenuBadge as D, SidebarMenuButton as E, SidebarMenuItem as F, Grid as G, SidebarMenuSkeleton as H, SidebarMenuSub as I, SidebarMenuSubButton as J, SidebarMenuSubItem as K, SidebarProvider as L, SidebarRail as M, SidebarTrigger as N, Skeleton as P, Row as R, AppFooter as a, AppShell as c, AppSidebar as e, AppSidebarHeader as f, Column as j, Container as l, Sidebar as p, SidebarContent as q, SidebarFooter as r, SidebarGroup as s, SidebarGroupAction as t, SidebarGroupContent as u, SidebarGroupLabel as v, SidebarHeader as w, SidebarInput as x, SidebarInset as y, SidebarMenu as z };
+export type { SidebarVariant as O, SidebarContextValue as S, AppFooterProps as b, AppShellProps as d, AppSidebarHeaderProps as g, AppSidebarProps as h, CollapseProps as i, ColumnProps as k, ContainerProps as m, GridColumns as n, GridProps as o };

package/dist/{index-h4thndEb.d.ts → index-Bzf20Rpc.d.ts}

@@ -95,7 +95,7 @@ declare function DatePicker({ value: valueProp, defaultValue, onChange, label, h
 
 declare const labelVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {

package/dist/{index-DCtv8Gm1.d.ts → index-CEMsTqPt.d.ts}

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import './tooltip-C25-bG7o.js';
+import './tooltip-CzF4au7i.js';
 import { e as TypographyVariant } from './typography-DOZHFR5A.js';
 
 type AlertTheme = 'default' | 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate';
@@ -45,7 +45,7 @@ type SortContextValue = {
 };
 
 declare const alertVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface AlertProps extends VariantProps<typeof alertVariants> {
@@ -82,7 +82,7 @@ type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const chipVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     variant?: "soft" | "outline" | "solid" | null | undefined;
     size?: "sm" | "md" | "2xs" | "xs" | null | undefined;
     shape?: "rounded" | "pill" | null | undefined;
@@ -111,7 +111,7 @@ interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const codeBlockVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -184,7 +184,7 @@ declare function DialogPortal({ children }: {
 }): React.JSX.Element;
 
 declare const emptyStateVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -202,7 +202,7 @@ declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & Reac
 
 declare const iconVariants: (props?: ({
     variant?: "outlined" | "contained" | "ghost" | "plain" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     rounded?: boolean | "extra" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -262,7 +262,7 @@ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.Re
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
 declare const progressBarVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     rounded?: boolean | null | undefined;
     animated?: boolean | null | undefined;
@@ -314,7 +314,7 @@ interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {
 declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const statusDotVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     glow?: boolean | null | undefined;
     pulse?: boolean | null | undefined;
@@ -340,7 +340,7 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'co
 declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const stepProgressVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     stretch?: boolean | null | undefined;
@@ -363,7 +363,7 @@ interface StepProgressProps extends Omit<React.HTMLAttributes<HTMLOListElement>,
 declare const StepProgress: React.ForwardRefExoticComponent<StepProgressProps & React.RefAttributes<HTMLOListElement>>;
 
 declare const switchVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -457,7 +457,7 @@ declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps &
 
 declare const toggleVariants: (props?: ({
     variant?: "outlined" | "contained" | "ghost" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     iconOnly?: boolean | null | undefined;
     rounded?: boolean | "extra" | null | undefined;

package/dist/index-DVEBz660.d.ts

@@ -0,0 +1,120 @@
+import * as React from 'react';
+import React__default from 'react';
+import './input-CWHXOpeH.js';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+type DatePickerProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    label?: React__default.ReactNode;
+    helperText?: React__default.ReactNode;
+    error?: boolean;
+    disabled?: boolean;
+    sizeVariant?: 'sm' | 'md';
+    placeholder?: string;
+    min?: string;
+    max?: string;
+    required?: boolean;
+    id?: string;
+    className?: string;
+    name?: string;
+};
+
+type SelectAlign = 'start' | 'center' | 'end';
+type SelectSide = 'top' | 'bottom' | 'left' | 'right';
+type SelectPosition = 'item-aligned' | 'popper';
+type SelectProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    children?: React__default.ReactNode;
+};
+type SelectContentProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    position?: SelectPosition;
+    align?: SelectAlign;
+    side?: SelectSide;
+    sideOffset?: number;
+    collisionPadding?: number;
+};
+type SelectFieldContentProps = Pick<SelectContentProps, 'align' | 'className' | 'collisionPadding' | 'side' | 'sideOffset'>;
+type SelectFieldBaseProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onValueChange'> & {
+    'aria-required'?: boolean;
+    label?: React__default.ReactNode;
+    helperText?: React__default.ReactNode;
+    error?: boolean;
+    placeholder?: string;
+    fieldClassName?: string;
+    contentProps?: SelectFieldContentProps;
+    id?: string;
+    children?: React__default.ReactNode;
+    sizeVariant?: 'sm' | 'md';
+    searchThreshold?: number;
+};
+type SingleSelectFieldProps = SelectFieldBaseProps & {
+    multiple?: false;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type MultiSelectFieldProps = SelectFieldBaseProps & {
+    multiple: true;
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+type SelectFieldProps = SingleSelectFieldProps | MultiSelectFieldProps;
+
+type FormTheme = 'inherit' | 'primary' | 'secondary' | 'destructive' | 'warning' | 'success' | 'info' | 'slate';
+
+type CheckedState = boolean | 'indeterminate';
+interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value' | 'defaultValue' | 'defaultChecked'> {
+    theme?: FormTheme;
+    destructive?: boolean;
+    checked?: CheckedState;
+    defaultChecked?: CheckedState;
+    onCheckedChange?: (checked: CheckedState) => void;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    /** Optional inline label rendered to the right of the checkbox and associated via htmlFor. */
+    label?: React.ReactNode;
+    /** Optional helper / validation text rendered beneath the checkbox + label row. */
+    helperText?: React.ReactNode;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare function DatePicker({ value: valueProp, defaultValue, onChange, label, helperText, error, disabled, sizeVariant, placeholder, min, max, required, id, className, name, }: DatePickerProps): React.JSX.Element;
+
+declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+    theme?: FormTheme;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+
+declare function Select({ open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disabled, children, ...props }: SelectProps): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function SelectValue({ children, placeholder, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
+    placeholder?: React.ReactNode;
+}): React.JSX.Element;
+declare function SelectTrigger({ className, children, onClick, onKeyDown, type, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
+declare function SelectContent({ align, className, children, collisionPadding, onKeyDown, position, side, sideOffset, ...props }: SelectContentProps): React.JSX.Element;
+declare function SelectItem({ className, children, disabled, onClick, onMouseMove, value, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    value: string;
+}): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function SelectField(props: SelectFieldProps): React.JSX.Element;
+
+export { Checkbox as C, DatePicker as D, Label as L, Select as S, SelectContent as e, SelectField as g, SelectGroup as i, SelectItem as j, SelectSeparator as m, SelectTrigger as o, SelectValue as p };
+export type { FormTheme as F, CheckboxProps as a, DatePickerProps as b, LabelProps as c, SelectAlign as d, SelectContentProps as f, SelectFieldProps as h, SelectPosition as k, SelectProps as l, SelectSide as n };