@tenerife.music/ui 1.0.3 → 1.0.6

package/dist/components/overlays/ToastViewport.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ToastViewport Component
+ *
+ * Fixed positioning container for toast notifications.
+ * Supports position variants (top-right, bottom-left, etc.).
+ * Uses Portal for rendering outside DOM hierarchy.
+ */
+import * as React from "react";
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface ToastViewportProps {
+    /**
+     * Position of toast viewport
+     */
+    position?: ToastPosition;
+    /**
+     * Children to render in viewport
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * ToastViewport component - container for toast notifications
+ */
+export declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/overlays/Tooltip.d.ts

@@ -5,10 +5,10 @@ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const tooltipContentVariants: (props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "link" | "outline" | "ghost" | null | undefined;
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "link" | "outline" | "ghost" | null | undefined;
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 export interface TooltipProps {
     children: React.ReactNode;
@@ -26,4 +26,3 @@ export interface TooltipProps {
 }
 export declare function TooltipWrapper({ children, content, variant, side, align, sideOffset, alignOffset, delayDuration, skipDelayDuration, disableHoverableContent: _disableHoverableContent, open, onOpenChange, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export { Tooltip, TooltipContent, tooltipContentVariants, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1,13 @@
+/**
+ * Overlay System Components
+ *
+ * Portal-based overlay components (Modal, Dialog, Toast, Backdrop).
+ * All components are token-driven and SSR-safe.
+ */
+export { Portal, type PortalProps } from './Portal';
+export { Backdrop, type BackdropProps } from './Backdrop';
+export { Modal, ModalBody, type ModalBodyProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, modalVariants, } from './Modal';
+export { Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, DialogTitle, type DialogTitleProps, } from './Dialog';
+export { Toast, type ToastAction, type ToastData, type ToastProps } from './Toast';
+export { type ToastOptions, ToastProvider, type ToastProviderProps, useToast, } from './ToastProvider';
+export { type ToastPosition, ToastViewport, type ToastViewportProps } from './ToastViewport';

package/dist/components/overlays/utils/FocusLock.d.ts

@@ -0,0 +1,30 @@
+/**
+ * FocusLock Utility
+ *
+ * Utility for trapping focus within a container element.
+ * Handles Tab/Shift+Tab navigation and returns focus to trigger element on close.
+ */
+import * as React from "react";
+interface FocusLockOptions {
+    /**
+     * Container element to trap focus within
+     */
+    containerRef: React.RefObject<HTMLElement>;
+    /**
+     * Whether focus lock is enabled
+     */
+    enabled: boolean;
+    /**
+     * Element to return focus to when disabled
+     */
+    returnFocusRef?: React.RefObject<HTMLElement>;
+    /**
+     * Additional elements that should be focusable (e.g., portal elements)
+     */
+    additionalFocusableElements?: HTMLElement[];
+}
+/**
+ * FocusLock hook for trapping focus within a container
+ */
+export declare function useFocusLock({ containerRef, enabled, returnFocusRef, additionalFocusableElements, }: FocusLockOptions): void;
+export {};

package/dist/components/overlays/utils/ScrollLock.d.ts

@@ -0,0 +1,11 @@
+interface ScrollLockOptions {
+    /**
+     * Whether scroll lock is enabled
+     */
+    enabled: boolean;
+}
+/**
+ * ScrollLock hook for preventing body scroll
+ */
+export declare function useScrollLock({ enabled }: ScrollLockOptions): void;
+export {};

package/dist/components/overlays/utils/positioning.d.ts

@@ -0,0 +1,68 @@
+import { Placement } from '@floating-ui/react-dom';
+import * as React from "react";
+/**
+ * Positioning options
+ */
+export interface UsePositioningOptions {
+    /**
+     * Reference element (anchor/trigger)
+     */
+    anchorRef: React.RefObject<HTMLElement | null>;
+    /**
+     * Content element to position
+     */
+    contentRef: React.RefObject<HTMLElement | null>;
+    /**
+     * Placement preference (top, bottom, left, right, etc.)
+     * @default "bottom"
+     */
+    placement?: Placement;
+    /**
+     * Offset between anchor and content (in pixels)
+     * @default 4
+     */
+    offset?: number;
+    /**
+     * Whether positioning is enabled
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Whether to flip placement when there's not enough space
+     * @default true
+     */
+    flip?: boolean;
+    /**
+     * Whether to shift content to stay within viewport
+     * @default true
+     */
+    shift?: boolean;
+}
+/**
+ * Positioning state
+ */
+export interface PositionState {
+    /**
+     * Calculated position styles
+     */
+    position: React.CSSProperties;
+    /**
+     * Current placement (may differ from requested due to collision detection)
+     */
+    placement: Placement;
+    /**
+     * Whether positioning is active
+     */
+    isPositioned: boolean;
+}
+/**
+ * SSR-safe positioning hook
+ *
+ * Calculates position for content relative to anchor element.
+ * All DOM operations are performed in useEffect to ensure SSR safety.
+ */
+export declare function usePositioning({ anchorRef, contentRef, placement, offset: offsetValue, enabled, flip: enableFlip, shift: enableShift, }: UsePositioningOptions): PositionState;
+/**
+ * Placement type helper
+ */
+export type { Placement };

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

@@ -1,10 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "link" | "outline" | "ghost" | null | undefined;
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };
-//# sourceMappingURL=Badge.d.ts.map

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

@@ -1,2 +1 @@
 export { Button, type ButtonProps, buttonVariants } from '../ui/button';
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1,2 +1 @@
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../ui/card';
-//# sourceMappingURL=Card.d.ts.map

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

@@ -5,4 +5,3 @@ export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 export { Divider };
-//# sourceMappingURL=Divider.d.ts.map

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

@@ -1,5 +1,4 @@
-import { Input as InputComponent } from '../ui/input';
+import { Input as InputComponent } from '../input';
 import * as React from "react";
-export { Input } from '../ui/input';
+export { Input } from '../input';
 export type InputProps = React.ComponentProps<typeof InputComponent>;
-//# sourceMappingURL=Input.d.ts.map

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

@@ -1,2 +1 @@
 export { Label } from '../ui/label';
-//# sourceMappingURL=Label.d.ts.map

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const linkVariants: (props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "link" | "outline" | "ghost" | null | undefined;
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
@@ -11,4 +11,3 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
 }
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 export { Link, linkVariants };
-//# sourceMappingURL=Link.d.ts.map

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
+import { ButtonProps } from './Button';
 interface ThemeSwitchProps {
     className?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    variant?: "primary" | "secondary" | "accent" | "outline" | "ghost" | "link" | "destructive";
+    size?: ButtonProps["size"];
+    variant?: ButtonProps["variant"];
 }
 declare const ThemeSwitch: React.FC<ThemeSwitchProps>;
 export { ThemeSwitch };
-//# sourceMappingURL=ThemeSwitch.d.ts.map

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,23 @@
+import { RadioProps } from './Radio.types';
+/**
+ * Radio Component
+ *
+ * A fully accessible, theme-aware radio button component with variant support,
+ * keyboard navigation, and comprehensive state management.
+ * Uses button role="radio" pattern for full accessibility.
+ * Can be used standalone or within RadioGroup for group behavior.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup value={value} onValueChange={setValue}>
+ *   <Radio value="option1" aria-label="Option 1" />
+ *   <Radio value="option2" aria-label="Option 2" />
+ * </RadioGroup>
+ * ```
+ */
+import * as React from "react";
+/**
+ * Radio component
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
+export { Radio };

package/dist/components/radio/Radio.types.d.ts

@@ -0,0 +1,63 @@
+import { VariantProps } from 'class-variance-authority';
+import { radioVariants } from './radio-variants';
+import * as React from "react";
+/**
+ * Radio Component Props
+ *
+ * Extends native button HTML attributes with variant props, checked state, and accessibility props.
+ * Uses button role="radio" pattern for full keyboard accessibility.
+ */
+export interface RadioProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange">, VariantProps<typeof radioVariants> {
+    /**
+     * Radio variant style
+     * @default "outline"
+     */
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
+    /**
+     * Radio size
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Radio state
+     * @default "default"
+     */
+    state?: "default" | "checked" | "disabled" | "error";
+    /**
+     * Whether radio is checked (controlled)
+     */
+    checked?: boolean;
+    /**
+     * Whether radio is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Value of this radio button
+     * Required when used within RadioGroup
+     */
+    value?: string;
+    /**
+     * Callback fired when radio is selected
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Custom icon to display when checked
+     * Defaults to filled circle dot
+     */
+    icon?: React.ReactNode;
+    /**
+     * ARIA label for the radio
+     * Required if no visible label is present
+     */
+    "aria-label"?: string;
+    /**
+     * ARIA labelledby reference
+     * Points to the ID of the element that labels this radio
+     */
+    "aria-labelledby"?: string;
+    /**
+     * ARIA describedby reference
+     * Points to the ID of the element that describes this radio
+     */
+    "aria-describedby"?: string;
+}

package/dist/components/radio/RadioGroup.d.ts

@@ -0,0 +1,20 @@
+import { RadioGroupContextValue, RadioGroupProps } from './RadioGroup.types';
+/**
+ * RadioGroup Component
+ *
+ * Container component for Radio buttons with keyboard navigation and state management.
+ * Supports horizontal and vertical orientations, controlled/uncontrolled modes,
+ * and full keyboard accessibility with ArrowUp/ArrowDown navigation.
+ */
+import * as React from "react";
+export declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
+/**
+ * Hook to access RadioGroup context
+ * @throws Error if used outside RadioGroup
+ */
+export declare function useRadioGroupContext(): RadioGroupContextValue;
+/**
+ * RadioGroup - Container component that manages state and keyboard navigation
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroup };

package/dist/components/radio/RadioGroup.types.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+/**
+ * RadioGroup Context Value
+ *
+ * Internal context value passed to Radio children
+ */
+export interface RadioGroupContextValue {
+    /**
+     * Current selected value
+     */
+    value: string;
+    /**
+     * Callback when value changes
+     */
+    onValueChange: (value: string) => void;
+    /**
+     * Name attribute for the radio group
+     */
+    name: string;
+    /**
+     * Orientation of the radio group
+     */
+    orientation: "horizontal" | "vertical";
+    /**
+     * Size for all radios in the group
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+/**
+ * RadioGroup Component Props
+ *
+ * Container component for Radio buttons with keyboard navigation and state management.
+ */
+export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Controlled value
+     */
+    value?: string;
+    /**
+     * Default value for uncontrolled usage
+     */
+    defaultValue?: string;
+    /**
+     * Callback when value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Name attribute for the radio group
+     */
+    name?: string;
+    /**
+     * Orientation of the radio group
+     * @default "vertical"
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Size for all radios in the group
+     * Can be overridden by individual Radio components
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}

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

@@ -0,0 +1,5 @@
+export { Radio } from './Radio';
+export type { RadioProps } from './Radio.types';
+export { radioVariants } from './radio-variants';
+export { RadioGroup, RadioGroupContext, useRadioGroupContext } from './RadioGroup';
+export type { RadioGroupContextValue, RadioGroupProps } from './RadioGroup.types';

package/dist/components/radio/radio-variants.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Radio Variants
+ *
+ * CVA-based variant system for Radio component.
+ * Supports variants (primary, secondary, outline, ghost, destructive),
+ * sizes (xs, sm, md, lg, xl), and states (default, checked, disabled, error).
+ * All styling uses token-based values with CSS variable references.
+ */
+export declare const radioVariants: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    state?: "disabled" | "default" | "error" | "checked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/search/SearchBar.d.ts

@@ -8,4 +8,3 @@ interface SearchBarProps {
 }
 export declare const SearchBar: React.FC<SearchBarProps>;
 export {};
-//# sourceMappingURL=SearchBar.d.ts.map

package/dist/components/sections/ArticlesSection.d.ts

@@ -23,4 +23,3 @@ interface ArticlesSectionProps {
 }
 export declare const ArticlesSection: React.FC<ArticlesSectionProps>;
 export {};
-//# sourceMappingURL=ArticlesSection.d.ts.map

package/dist/components/sections/CTASection.d.ts

@@ -35,4 +35,3 @@ export interface CTASectionProps {
  * ```
  */
 export declare const CTASection: React.FC<CTASectionProps>;
-//# sourceMappingURL=CTASection.d.ts.map

package/dist/components/sections/FeatureSection.d.ts

@@ -31,4 +31,3 @@ export interface FeatureSectionProps {
  * ```
  */
 export declare const FeatureSection: React.FC<FeatureSectionProps>;
-//# sourceMappingURL=FeatureSection.d.ts.map

package/dist/components/sections/HeroSection.d.ts

@@ -25,4 +25,3 @@ export interface HeroSectionProps {
  * ```
  */
 export declare const HeroSection: React.FC<HeroSectionProps>;
-//# sourceMappingURL=HeroSection.d.ts.map

package/dist/components/sections/TrendingSection.d.ts

@@ -26,4 +26,3 @@ interface TrendingSectionProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare const TrendingSection: React.FC<TrendingSectionProps>;
 export {};
-//# sourceMappingURL=TrendingSection.d.ts.map

package/dist/components/select/Select.d.ts

@@ -0,0 +1,38 @@
+import { SelectListboxProps, SelectOptionProps, SelectRootProps, SelectTriggerProps } from './Select.types';
+import * as React from "react";
+/**
+ * Select Root Component
+ * Manages state and provides context for all Select sub-components
+ */
+export declare function SelectRoot({ value: controlledValue, defaultValue, onValueChange, disabled, open: controlledOpen, onOpenChange, defaultOpen, children, variant, size, }: SelectRootProps & {
+    variant?: SelectRootProps["variant"];
+    size?: SelectRootProps["size"];
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace SelectRoot {
+    var displayName: string;
+}
+/**
+ * Select Trigger Component
+ * Button that opens/closes the dropdown and displays the selected value
+ */
+export declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Select Listbox Component
+ * Container for options with keyboard navigation
+ */
+export declare const SelectListbox: React.ForwardRefExoticComponent<SelectListboxProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Select Option Component
+ * Individual option in the listbox
+ */
+export declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Select Component (Compound)
+ * Main export that combines all sub-components
+ */
+export declare const Select: {
+    Root: typeof SelectRoot;
+    Trigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Listbox: React.ForwardRefExoticComponent<SelectListboxProps & React.RefAttributes<HTMLDivElement>>;
+    Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/select/Select.types.d.ts

@@ -0,0 +1,107 @@
+import { VariantProps } from 'class-variance-authority';
+import { selectTriggerVariants } from './select-variants';
+/**
+ * Select Variant Props
+ */
+export type SelectVariant = VariantProps<typeof selectTriggerVariants>["variant"];
+export type SelectSize = VariantProps<typeof selectTriggerVariants>["size"];
+/**
+ * Select Option Data
+ */
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Select Root Props
+ */
+export interface SelectRootProps {
+    /**
+     * Current value (controlled mode)
+     */
+    value?: string;
+    /**
+     * Default value (uncontrolled mode)
+     */
+    defaultValue?: string;
+    /**
+     * Callback when value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Whether the select is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the select is open (controlled mode)
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Default open state (uncontrolled mode)
+     */
+    defaultOpen?: boolean;
+    /**
+     * Variant style (applies to trigger)
+     */
+    variant?: SelectVariant;
+    /**
+     * Size (applies to trigger, listbox, and options)
+     */
+    size?: SelectSize;
+    /**
+     * Children
+     */
+    children: React.ReactNode;
+}
+/**
+ * Select Trigger Props
+ */
+export interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Variant style
+     */
+    variant?: SelectVariant;
+    /**
+     * Size
+     */
+    size?: SelectSize;
+    /**
+     * Placeholder text when no value is selected
+     */
+    placeholder?: string;
+}
+/**
+ * Select Listbox Props
+ */
+export interface SelectListboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Size (should match trigger size)
+     */
+    size?: SelectSize;
+}
+/**
+ * Select Option Props
+ */
+export interface SelectOptionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Option value
+     */
+    value: string;
+    /**
+     * Option label
+     */
+    label?: string;
+    /**
+     * Whether the option is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Size (should match trigger size)
+     */
+    size?: SelectSize;
+}

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

@@ -0,0 +1,5 @@
+export { Select, SelectListbox, SelectOption, SelectRoot, SelectTrigger } from './Select';
+export type { SelectListboxProps, SelectOptionProps, SelectOption as SelectOptionType, SelectRootProps, SelectSize, SelectTriggerProps, SelectVariant, } from './Select.types';
+export { selectListboxVariants, selectOptionVariants, selectTriggerVariants, } from './select-variants';
+export type { SelectProps as LegacySelectProps } from './legacy/select';
+export { Select as LegacySelect, selectVariants } from './legacy/select';

package/dist/components/select/legacy/select.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const selectVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    state?: "disabled" | "default" | "error" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size">, VariantProps<typeof selectVariants> {
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { Select, selectVariants };