@plexui/ui 0.2.0

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

@@ -0,0 +1,217 @@
+import React, { type ReactNode } from "react";
+import { type SelectControlProps } from "../SelectControl";
+export type Option<T extends string = string> = {
+    value: T;
+    label: string;
+    /** Disable the option */
+    disabled?: boolean;
+    /** Displayed as secondary text below the option `label` */
+    description?: React.ReactNode;
+    tooltip?: {
+        content: React.ReactNode;
+        maxWidth?: number;
+    };
+};
+export type OptionGroup<T extends Option> = {
+    label: string;
+    options: T[];
+    optionsLimit?: {
+        label: string;
+        limit: number;
+    };
+};
+export type Options<T extends Option> = T[] | OptionGroup<T>[];
+type CallbackWithOption<T extends Option> = (option: T) => void;
+type CallbackWithOptions<T extends Option> = (options: T[]) => void;
+type CallbackWithActionId = (actionId: string) => void;
+type SearchPredicate<T extends Option> = (option: T, searchTerm: string) => boolean;
+type Action = {
+    /** Unique ID to identify the action with */
+    id: string;
+    /** Label display for the action */
+    label: string;
+    /** Icon displayed to the left of the action */
+    Icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    /** Custom class applied to the action container */
+    className?: string;
+    /** Callback invoked when the action is pressed */
+    onSelect: CallbackWithActionId;
+};
+type Actions = Action[];
+export type PopoverSide = "top" | "bottom";
+export type PopoverAlign = "start" | "center" | "end";
+type SingleSelectProps<T extends Option> = {
+    /**
+     * Determines if the select should support multiple selection
+     * @default false
+     */
+    multiple?: false;
+    value: string;
+    onChange: CallbackWithOption<T>;
+    /**
+     * Customize the rendered output of the trigger
+     * NOTE: Must be passed as a stable reference, not created inline.
+     */
+    TriggerView?: React.FC<T>;
+};
+type MultiSelectTriggerViewProps<T extends Option> = {
+    values: T[];
+    selectedAll: boolean;
+};
+type MultiSelectProps<T extends Option> = {
+    /**
+     * Determines if the select should support multiple selection
+     * @default false
+     */
+    multiple: true;
+    value: string[];
+    onChange: CallbackWithOptions<T>;
+    /**
+     * Customize the rendered output of the trigger
+     * NOTE: Must be passed as a stable reference, not created line.
+     */
+    TriggerView?: React.FC<MultiSelectTriggerViewProps<T>>;
+};
+export type SelectProps<T extends Option> = (SingleSelectProps<T> | MultiSelectProps<T>) & {
+    options: Options<T>;
+    /**
+     * Disables the select visually and from interactions
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Allows the select to be targeted with htmlFor
+     */
+    id?: string;
+    /**
+     * Marks the select as a required field when using native form submission
+     */
+    required?: boolean;
+    /**
+     * Creates the ability to query the value with `[name="${name}"]`
+     */
+    name?: string;
+    /**
+     * Placeholder text for the select
+     * @default Select...
+     */
+    placeholder?: string;
+    /**
+     * Placeholder text for the select while loading. Behaves exactly like `placeholder`, and `value` will be shown if provided.
+     * @default Loading...
+     */
+    loadingPlaceholder?: string;
+    /**
+     * Displays loading indicator on top of button contents
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Style variant for the select trigger
+     * @default outline
+     */
+    variant?: SelectControlProps["variant"];
+    /**
+     * Determines if the select trigger should be a fully rounded pill shape
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Controls size of the select trigger, and several other aspects of trigger styling.
+     *
+     * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |
+     * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |
+     * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |
+     * @default md
+     */
+    size?: SelectControlProps["size"];
+    /**
+     * Icon displayed in the far right of the select trigger
+     * @default dropdown
+     */
+    dropdownIconType?: SelectControlProps["dropdownIconType"];
+    /**
+     * Actions to display below the options list.
+     */
+    actions?: Actions;
+    /** Custom class applied to option containers */
+    optionClassName?: string;
+    /**
+     * Customize the rendered output of individual options
+     * NOTE: Must be passed as a stable reference, not created line.
+     */
+    OptionView?: React.FC<T>;
+    /** Icon displayed at the start of the select trigger */
+    TriggerStartIcon?: SelectControlProps["StartIcon"];
+    /**
+     * Custom class applied to the select trigger
+     */
+    triggerClassName?: string;
+    /**
+     * Applies a negative margin using the current gutter to optically align the trigger
+     * with surrounding content.
+     */
+    opticallyAlign?: "start" | "end";
+    /**
+     * Display a clear action that allows the select to be unset.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Extends select to 100% of available width.
+     * @default true
+     */
+    block?: boolean;
+    /**
+     * The preferred side of the trigger to render against when open. Will be reversed when collisions occur.
+     * @default bottom
+     */
+    side?: PopoverSide;
+    /**
+     * The preferred alignment against the trigger. May change when collisions occur.
+     * @default center
+     */
+    align?: PopoverAlign;
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     * @default 0
+     */
+    alignOffset?: number;
+    /**
+     * Prevents collision detection in the custom menu. Use with caution.
+     * @default true
+     */
+    avoidCollisions?: boolean;
+    /**
+     * Set the width of the custom select menu
+     * @default auto
+     */
+    listWidth?: number | "auto";
+    /**
+     * Defines the `min-width` property of the custom select menu, in pixels.
+     * @default auto
+     */
+    listMinWidth?: number | "auto";
+    /**
+     * Defines the `max-width` property of the custom select menu, in pixels.
+     * @default auto
+     */
+    listMaxWidth?: number | "auto";
+    /** Predicate used to filter searches */
+    searchPredicate?: SearchPredicate<T>;
+    /** Placeholder of the search input */
+    searchPlaceholder?: string;
+    /**
+     * Message displayed when search results are empty. Can be a simple string, or custom JSX.
+     */
+    searchEmptyMessage?: ReactNode;
+};
+export declare const Select: <T extends Option>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+type SelectTriggerProps = {
+    onOpenChange?: (maybeNextState?: boolean) => void;
+    tabIndex?: number;
+    ["aria-hidden"]?: "false" | "true";
+    ref?: React.Ref<HTMLButtonElement | null>;
+};
+export declare const SelectTrigger: (props: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { Select, type Option, type OptionGroup, type SelectProps } from "./Select";

package/dist/types/components/SelectControl/SelectControl.d.ts

@@ -0,0 +1,81 @@
+import { type ReactNode } from "react";
+import type { ControlSize, Variants } from "../../types";
+export type DropdownIconType = "chevronDown" | "dropdown" | "none";
+export type SelectControlProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "onClick"> & {
+    /**
+     * Style variant for the Button
+     * @default fill
+     */
+    variant?: Variants<"soft" | "outline" | "ghost">;
+    /**
+     * Determines if the control should be a fully rounded pill shape
+     * @default false
+     */
+    pill?: boolean;
+    /**
+     * Extends the control to 100% of available width.
+     * @default true
+     */
+    block?: boolean;
+    /**
+     * Applies a negative margin using the current gutter to optically align the control
+     * with surrounding content.
+     */
+    opticallyAlign?: "start" | "end";
+    /**
+     * Disables the control visually and from interactions
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Visually indicates that the control is in an invalid state
+     * @default false
+     */
+    invalid?: boolean;
+    /**
+     * Indicates that the control is selected. An unselected state will display placeholder styles.
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Display a clear action that allows the select to be unset.
+     * @default false
+     */
+    onClearClick?: () => void;
+    /**
+     * Primary handler for when the control is selected with pointer or keyboard events
+     */
+    onInteract?: () => void;
+    /**
+     * Determines size of the size and spacing of the control.
+     *
+     * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |
+     * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |
+     * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |
+     * @default md
+     */
+    size?: ControlSize;
+    /**
+     * Displays loading indicator on top of button contents
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Icon displayed in the far right of the select trigger
+     * @default dropdown
+     */
+    dropdownIconType?: DropdownIconType;
+    /** Icon displayed at the start of the control */
+    StartIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    /** Custom class applied to the control element */
+    className?: string;
+    /** Content rendered for the control */
+    children: ReactNode;
+    ref?: React.Ref<HTMLSpanElement | null>;
+};
+export declare const SelectControl: ({ ref, onPointerDown, onKeyDown, onPointerEnter, onInteract, invalid, disabled, children, className, variant, size, block, opticallyAlign, pill, loading, onClearClick, selected, StartIcon, dropdownIconType, ...restProps }: SelectControlProps) => import("react/jsx-runtime").JSX.Element;
+type DropdownIconProps = {
+    iconType: Omit<DropdownIconType, "none">;
+};
+export declare const DropdownIcon: ({ iconType }: DropdownIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/SelectControl/index.d.ts

@@ -0,0 +1 @@
+export { SelectControl, type DropdownIconType, type SelectControlProps } from "./SelectControl";

package/dist/types/components/ShimmerText/ShimmerText.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export declare const ShimmerText: ({ as: Tag, children, className, }: {
+    as?: "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    children: ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ShimmerableText: ({ as: Tag, children, className, shimmer, ...restProps }: {
+    as?: "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    children: ReactNode;
+    className?: string;
+    shimmer?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ShimmerText/index.d.ts

@@ -0,0 +1 @@
+export { ShimmerText, ShimmerableText } from "./ShimmerText";

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,161 @@
+import { type ComponentProps, type ReactNode } from "react";
+import { type InputProps } from "../Input";
+import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarVariant } from "./useSidebarContext";
+export { SidebarProvider, useSidebar };
+export type { SidebarCollapsible, SidebarSide, SidebarVariant };
+export type SidebarProps = ComponentProps<"aside"> & {
+    /**
+     * The side the sidebar is on.
+     * @default "left"
+     */
+    side?: SidebarSide;
+    /**
+     * The visual variant of the sidebar.
+     * @default "sidebar"
+     */
+    variant?: SidebarVariant;
+};
+export declare const Sidebar: import("react").ForwardRefExoticComponent<Omit<SidebarProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export type SidebarHeaderProps = ComponentProps<"div">;
+export declare const SidebarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarContentProps = ComponentProps<"div">;
+export declare const SidebarContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarFooterProps = ComponentProps<"div">;
+export declare const SidebarFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarRailProps = ComponentProps<"div">;
+export declare const SidebarRail: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarGroupProps = ComponentProps<"div"> & {
+    /**
+     * Whether the group is open by default.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controlled open state.
+     */
+    open?: boolean;
+    /**
+     * Callback called when the group open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const SidebarGroup: import("react").ForwardRefExoticComponent<Omit<SidebarGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarGroupLabelProps = ComponentProps<"span"> & {
+    asChild?: boolean;
+    /**
+     * Size variant for the label.
+     * - "sm": Compact style for dashboard/settings sidebars
+     * - "lg": Documentation style with larger text and more spacing
+     * @default "lg"
+     */
+    size?: "sm" | "lg";
+};
+export declare const SidebarGroupLabel: import("react").ForwardRefExoticComponent<Omit<SidebarGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export type SidebarGroupActionProps = ComponentProps<"div">;
+export declare const SidebarGroupAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarGroupContentProps = ComponentProps<"div">;
+export declare const SidebarGroupContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarMenuProps = ComponentProps<"ul">;
+export declare const SidebarMenu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+export type SidebarMenuItemProps = ComponentProps<"li"> & {
+    expanded?: boolean;
+};
+export declare const SidebarMenuItem: import("react").ForwardRefExoticComponent<Omit<SidebarMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+export type SidebarMenuButtonProps = ComponentProps<"button"> & {
+    /**
+     * Whether the button is in an active/highlighted state.
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * Optional tooltip to show when the sidebar is collapsed.
+     */
+    tooltip?: string | ReactNode;
+    /**
+     * Whether to render the button as a custom element via Slot.
+     * @default false
+     */
+    asChild?: boolean;
+};
+export declare const SidebarMenuButton: import("react").ForwardRefExoticComponent<Omit<SidebarMenuButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type SidebarMenuButtonIconProps = ComponentProps<"span">;
+export declare const SidebarMenuButtonIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export type SidebarMenuButtonLabelProps = ComponentProps<"span"> & {
+    shortLabel?: string;
+};
+export declare const SidebarMenuButtonLabel: import("react").ForwardRefExoticComponent<Omit<SidebarMenuButtonLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export type SidebarMenuChevronProps = ComponentProps<"span">;
+export declare const SidebarMenuChevron: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export type SidebarMenuBadgeProps = ComponentProps<"span">;
+export declare const SidebarMenuBadge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export type SidebarMenuActionProps = ComponentProps<"div">;
+export declare const SidebarMenuAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarMenuSkeletonProps = ComponentProps<"div"> & {
+    showIcon?: boolean;
+    /** Width of the label skeleton (e.g., "60%", "80%", "100px") */
+    labelWidth?: string;
+};
+export declare const SidebarMenuSkeleton: import("react").ForwardRefExoticComponent<Omit<SidebarMenuSkeletonProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarMenuSubProps = ComponentProps<"ul"> & {
+    open?: boolean;
+    /**
+     * When true, child items align with parent text that has icons.
+     * This adjusts the padding so level 2 text aligns with level 1 text.
+     */
+    hasIcons?: boolean;
+};
+export declare const SidebarMenuSub: import("react").ForwardRefExoticComponent<Omit<SidebarMenuSubProps, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+export type SidebarMenuSubItemProps = ComponentProps<"li">;
+export declare const SidebarMenuSubItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+export type SidebarMenuSubButtonProps = ComponentProps<"button"> & {
+    isActive?: boolean;
+    asChild?: boolean;
+    /**
+     * Indent level for nested items (0-3).
+     * Each level adds 12px of left margin.
+     * @default 0
+     */
+    indent?: 0 | 1 | 2 | 3;
+};
+export declare const SidebarMenuSubButton: import("react").ForwardRefExoticComponent<Omit<SidebarMenuSubButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type SidebarSeparatorProps = ComponentProps<"hr">;
+export declare const SidebarSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
+export type SidebarCardProps = ComponentProps<"div"> & {
+    variant?: "default" | "elevated";
+    dismissible?: boolean;
+    onDismiss?: () => void;
+};
+export declare const SidebarCard: import("react").ForwardRefExoticComponent<Omit<SidebarCardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarCardHeaderProps = ComponentProps<"div">;
+export declare const SidebarCardHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarCardTitleProps = ComponentProps<"div">;
+export declare const SidebarCardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarCardTitleLinkProps = ComponentProps<"a">;
+export declare const SidebarCardTitleLink: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export type SidebarCardContentProps = ComponentProps<"div">;
+export declare const SidebarCardContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarCardFooterProps = ComponentProps<"div">;
+export declare const SidebarCardFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarInsetProps = ComponentProps<"main">;
+export declare const SidebarInset: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export type SidebarLayoutProps = ComponentProps<"div">;
+export declare const SidebarLayout: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarTriggerProps = ComponentProps<"button"> & {
+    children?: ReactNode;
+};
+export declare const SidebarTrigger: import("react").ForwardRefExoticComponent<Omit<SidebarTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type SidebarMobileMenuButtonProps = ComponentProps<"button">;
+export declare const SidebarMobileMenuButton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type SidebarMobileProps = ComponentProps<"div"> & {
+    /** When true, drawer is positioned absolute instead of fixed (for contained demos) */
+    contained?: boolean;
+};
+export declare const SidebarMobile: import("react").ForwardRefExoticComponent<Omit<SidebarMobileProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarMobileHeaderProps = ComponentProps<"div">;
+export declare const SidebarMobileHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarMobileFooterProps = ComponentProps<"div">;
+export declare const SidebarMobileFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type SidebarInputProps = InputProps;
+export declare const SidebarInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export type SidebarFooterLinksProps = ComponentProps<"div">;
+export declare const SidebarFooterLinks: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Sidebar/index.d.ts

@@ -0,0 +1,4 @@
+export { Sidebar, SidebarCard, SidebarCardContent, SidebarCardFooter, SidebarCardHeader, SidebarCardTitle, SidebarCardTitleLink, SidebarContent, SidebarFooter, SidebarFooterLinks, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonIcon, SidebarMenuButtonLabel, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobile, SidebarMobileFooter, SidebarMobileHeader, SidebarMobileMenuButton, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./Sidebar";
+export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarVariant, } from "./Sidebar";
+export type { SidebarContextValue, SidebarProviderProps, SidebarState } from "./useSidebarContext";
+export { SIDEBAR_CONSTANTS } from "./useSidebarContext";

package/dist/types/components/Sidebar/useSidebarContext.d.ts

@@ -0,0 +1,55 @@
+import { type ReactNode } from "react";
+export type SidebarState = "expanded" | "collapsed";
+export type SidebarCollapsible = "offcanvas" | "icon" | "none";
+export type SidebarSide = "left" | "right";
+export type SidebarVariant = "sidebar" | "docs";
+export type SidebarContextValue = {
+    state: SidebarState;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    collapsible: SidebarCollapsible;
+    toggleSidebar: () => void;
+};
+export declare const useSidebar: () => SidebarContextValue;
+export type SidebarProviderProps = {
+    children: ReactNode;
+    /**
+     * Default open state (uncontrolled)
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Collapsible mode
+     * @default "offcanvas"
+     */
+    collapsible?: SidebarCollapsible;
+    /**
+     * Custom CSS properties for the sidebar
+     */
+    style?: React.CSSProperties;
+    /**
+     * Additional class name
+     */
+    className?: string;
+};
+export declare const SidebarProvider: ({ children, defaultOpen, open: openProp, onOpenChange: setOpenProp, collapsible, style, className, }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SIDEBAR_CONSTANTS: {
+    readonly WIDTH: "240px";
+    readonly WIDTH_MOBILE: "288px";
+    readonly WIDTH_ICON: "64px";
+    readonly KEYBOARD_SHORTCUT: "b";
+    readonly MOBILE_BREAKPOINT: 768;
+    readonly COOKIE_NAME: "sidebar:state";
+    readonly COOKIE_MAX_AGE: number;
+};

package/dist/types/components/Skeleton/index.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentProps } from "react";
+export type SkeletonProps = ComponentProps<"div"> & {
+    /**
+     * Makes the skeleton circular (border-radius: 50%)
+     * @default false
+     */
+    circle?: boolean;
+};
+/**
+ * Skeleton component for displaying loading placeholders.
+ * Use to show a placeholder while content is loading.
+ */
+export declare const Skeleton: ({ className, circle, style, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Slider/Slider.d.ts

@@ -0,0 +1,69 @@
+import { Slider as RadixSlider } from "radix-ui";
+import { type ElementRef, type FocusEventHandler, type ReactNode } from "react";
+export type SliderMark = {
+    value: number;
+    label: string;
+};
+export type SliderProps = {
+    /**
+     * The current value of the slider
+     */
+    value: number;
+    /**
+     * The minimum value the slider can have
+     */
+    min: number;
+    /**
+     * The maximum value the slider can have
+     */
+    max: number;
+    /**
+     * The step increment between slider values
+     */
+    step: number;
+    /**
+     * Value that will be offered as a "reset to default" option
+     */
+    resetValue?: number;
+    /**
+     * String that will be displayed in the tooltip
+     * @default Reset to default
+     */
+    resetTooltip?: string;
+    /**
+     * Unit to display next to the slider value (e.g., ms, px)
+     */
+    unit?: string;
+    /**
+     * Unit to display to the right of the slider value (e.g., $)
+     */
+    prefixUnit?: string;
+    /**
+     * Optional label for the slider, which can be a string or React node.
+     */
+    label?: ReactNode;
+    /**
+     * List of marks to display below the slider track
+     */
+    marks?: SliderMark[];
+    /**
+     * Color of the slider track
+     */
+    trackColor?: string;
+    /**
+     * Color of the slider progress along the track
+     */
+    rangeColor?: string;
+    className?: string;
+    disabled?: boolean;
+    /**
+     * Callback function invoked when the slider value changes.
+     *
+     * @param value - The new value of the slider.
+     */
+    onChange: (value: number) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    ref?: React.Ref<ElementRef<typeof RadixSlider.Root> | null>;
+};
+export declare const Slider: import("react").MemoExoticComponent<(props: SliderProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from "./Slider";
+export type { SliderMark, SliderProps } from "./Slider";