stoop 0.1.0 → 0.2.0

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

@@ -1,3 +0,0 @@
-export declare const InputStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    variant?: boolean | "error" | "default";
-} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +0,0 @@
-import type { ComponentPropsWithoutRef } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface InputProps extends ComponentPropsWithoutRef<"input"> {
-    /** Input state */
-    state?: "default" | "error";
-    /** Custom CSS styles */
-    css?: CSSObject;
-}

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

@@ -1,13 +0,0 @@
-import { type JSX } from "react";
-import type { MenuProps } from "./types";
-/**
- * Menu - Dropdown menu component with trigger and options
- *
- * Sharp edges design with customizable triggers and option handling
- * Supports keyboard navigation and outside click to close
- *
- * Examples:
- * <Menu trigger={<Button>Open Menu</Button>} options={menuOptions} />
- * <Menu trigger="Click me" options={options} onSelection={handleSelect} />
- */
-export declare function Menu({ children, css, initial, logo, onSelection, options, trigger, triggerCss, ...props }: MenuProps): JSX.Element;

package/dist/components/Menu/styles.d.ts

@@ -1,9 +0,0 @@
-export declare const MenuTriggerStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuOverlayStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    variant?: boolean | "default" | "elevated";
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuItemStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    variant?: boolean | "default" | "danger";
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuDividerStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,26 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface MenuOption {
-    value: string;
-    label: string;
-    icon?: ReactNode;
-    iconPosition?: "left" | "right";
-}
-export interface MenuProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-    /** Trigger element that opens the menu */
-    trigger: ReactNode;
-    /** Array of menu options */
-    options: MenuOption[];
-    /** Initially selected option value */
-    initial?: string;
-    /** Logo or header content */
-    logo?: ReactNode;
-    /** Custom content (can be function that receives close callback) */
-    children?: ReactNode | ((close: () => void) => ReactNode);
-    /** Called when menu option is selected */
-    onSelection?: (value: string, label: string) => void;
-    /** Custom CSS for trigger */
-    triggerCss?: CSSObject;
-    /** Custom CSS for menu content */
-    css?: CSSObject;
-}

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

@@ -1,14 +0,0 @@
-import { type JSX } from "react";
-import type { ModalProps } from "./types";
-/**
- * Modal - Overlay modal component with trigger interaction
- *
- * Provides a trigger element that opens a modal when clicked.
- * Uses portal rendering and manages focus/escape behavior automatically.
- * Includes built-in header with title and close button.
- *
- * Examples:
- * <Modal trigger={<Button>Open Modal</Button>} title="My Modal">Modal content</Modal>
- * <Modal trigger="Custom trigger" title="Settings" small>Small modal form</Modal>
- */
-export declare function Modal({ children, css, disabled, small, title, trigger, triggerCss, ...props }: ModalProps): JSX.Element;

package/dist/components/Modal/styles.d.ts

@@ -1,14 +0,0 @@
-export declare const ModalTriggerStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    disabled?: boolean | "true";
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ModalBackdropStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ModalStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    small?: boolean | "true";
-    variant?: boolean | "default" | "bordered";
-    isOpen?: boolean | "true";
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ModalHeaderStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ModalTitleStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const ModalCloseButtonStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const ModalContentStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ModalFooterStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,18 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface ModalProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-    /** Trigger element that opens the modal */
-    trigger: ReactNode;
-    /** Modal title displayed in header */
-    title: string;
-    /** Content to display in modal (can be function that receives close callback) */
-    children: ReactNode | ((close: () => void) => ReactNode);
-    /** Whether to use small modal size (280px vs 600px max-width) */
-    small?: boolean;
-    /** Whether the modal is disabled */
-    disabled?: boolean;
-    /** Custom CSS styles for the modal content */
-    css?: CSSObject;
-    /** Custom CSS styles for the trigger */
-    triggerCss?: CSSObject;
-}

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

@@ -1,13 +0,0 @@
-import { type JSX } from "react";
-import type { PopoverProps } from "./types";
-/**
- * Popover - Floating content overlay with trigger interaction
- *
- * Provides a trigger element that opens floating content when clicked.
- * Uses portal rendering and manages focus/escape behavior automatically.
- *
- * Examples:
- * <Popover trigger={<Button>Click me</Button>}>Popover content</Popover>
- * <Popover trigger="Custom trigger" variant="minimal">Content</Popover>
- */
-export declare function Popover({ children, css, disabled, trigger, triggerCss, variant, ...props }: PopoverProps): JSX.Element;

package/dist/components/Popover/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const PopoverTriggerStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PopoverStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    variant?: boolean | "default" | "minimal";
-} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,16 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface PopoverProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-    /** Trigger element that opens the popover */
-    trigger: ReactNode;
-    /** Content to display in popover (can be function that receives close callback) */
-    children: ReactNode | ((close: () => void) => ReactNode);
-    /** Popover variant - default has padding, minimal has no padding */
-    variant?: "default" | "minimal";
-    /** Whether popover is disabled */
-    disabled?: boolean;
-    /** Custom CSS for trigger */
-    triggerCss?: CSSObject;
-    /** Custom CSS for popover content */
-    css?: CSSObject;
-}

package/dist/components/Provider/GlobalStyles.d.ts

@@ -1,10 +0,0 @@
-import type { Theme } from "../../styles/types";
-/**
- * Generate global CSS styles based on current theme
- */
-export declare function createGlobalStyles(theme?: Theme): string;
-/**
- * Inject global styles into the document head with theme support
- * Automatically removes previous styles when theme changes
- */
-export declare function injectGlobalStyles(theme?: Theme): void;

package/dist/components/Provider/StoopProvider.d.ts

@@ -1,41 +0,0 @@
-import { type JSX, type ReactNode } from "react";
-import type { ThemeName, Theme } from "../../styles/types";
-export interface StoopProviderConfig {
-    /** Whether to inject global styles and CSS reset */
-    injectGlobalStyles?: boolean;
-    /** Custom CSS to inject */
-    customCSS?: string;
-    /** Initial theme (defaults to 'light') */
-    theme?: ThemeName;
-}
-interface StoopContextValue extends StoopProviderConfig {
-    currentTheme: Theme;
-    themeName: ThemeName;
-    toggleTheme: () => void;
-    setTheme: (theme: ThemeName) => void;
-}
-declare const StoopContext: import("react").Context<StoopContextValue>;
-export interface StoopProviderProps {
-    children: ReactNode;
-    config?: StoopProviderConfig;
-}
-/**
- * Stoop UI Provider - Sets up global styles, configuration, and theming
- * Wrap your app with this component to enable Stoop UI components
- * Theme choice persists across browser sessions
- */
-export declare function StoopProvider({ children, config, }: StoopProviderProps): JSX.Element;
-/**
- * Hook to access Stoop UI configuration
- */
-export declare function useStoopConfig(): StoopContextValue;
-/**
- * Hook to access current theme and theme controls
- */
-export declare function useTheme(): {
-    theme: Theme;
-    themeName: ThemeName;
-    toggleTheme: () => void;
-    setTheme: (theme: ThemeName) => void;
-};
-export { StoopContext };

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

@@ -1,2 +0,0 @@
-export { StoopProvider, useStoopConfig, useTheme, StoopContext, type StoopProviderProps, type StoopProviderConfig, } from "./StoopProvider";
-export { createGlobalStyles, injectGlobalStyles } from "./GlobalStyles";

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

@@ -1,15 +0,0 @@
-import type { JSX } from "react";
-import type { SectionProps } from "./types";
-/**
- * Section - Page layout wrapper component
- *
- * Creates a standardized page section with optional max-width container
- * Similar to the old View component but simplified for our design system
- *
- * Examples:
- * <Section>Content with standard container</Section>
- * <Section container={false}>Full-width content</Section>
- * <Section wide>Wider container for app layouts</Section>
- * <Section as="main" top="large" bottom="huge">Semantic HTML with spacing</Section>
- */
-export declare function Section({ as, bottom, children, container, css, top, wide, ...props }: SectionProps): JSX.Element;

package/dist/components/Section/styles.d.ts

@@ -1,5 +0,0 @@
-export declare const SectionStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLElement>>;
-export declare const ContainerStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    container?: boolean | "false" | "true";
-    wide?: boolean | "false" | "true";
-} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType } from "react";
-import type { SpacingToken } from "../../styles/theme";
-import type { CSSObject } from "../../styles/types";
-/**
- * Section component props - page layout wrapper
- */
-export interface SectionProps extends ComponentPropsWithoutRef<"section"> {
-    /** Override the HTML element */
-    as?: ElementType;
-    /** Apply standard max-width container (default: true) */
-    container?: boolean;
-    /** Wide container for app-level layouts */
-    wide?: boolean;
-    /** Top padding using spacing tokens */
-    top?: SpacingToken;
-    /** Bottom padding using spacing tokens */
-    bottom?: SpacingToken;
-    /** Custom CSS */
-    css?: CSSObject;
-}

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

@@ -1,13 +0,0 @@
-import { type JSX } from "react";
-import type { SelectProps } from "./types";
-/**
- * Select - Dropdown selection component with filtering and search
- *
- * Provides a searchable dropdown with keyboard navigation and portal rendering.
- * Supports custom options with icons and loading states.
- *
- * Examples:
- * <Select options={options} onSelection={handleSelect} />
- * <Select options={options} filter label="Choose option" />
- */
-export declare function Select({ css, disabled, filter, initial, label, loading, onSelection, options, trigger, triggerCss, ...props }: SelectProps): JSX.Element;

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

@@ -1,7 +0,0 @@
-export declare const SelectTriggerStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectDropdownStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectLabelStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectFilterStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectItemStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SelectEmptyStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectLoadingStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,30 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface SelectOption {
-    value: string;
-    label: string;
-    icon?: ReactNode;
-    iconPosition?: "left" | "right";
-}
-export interface SelectProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-    /** Trigger element that opens the select */
-    trigger: ReactNode;
-    /** Array of select options */
-    options: SelectOption[];
-    /** Initially selected option value */
-    initial?: string;
-    /** Optional label for the dropdown */
-    label?: string;
-    /** Whether to show filter/search */
-    filter?: boolean;
-    /** Whether the select is loading */
-    loading?: boolean;
-    /** Whether the select is disabled */
-    disabled?: boolean;
-    /** Called when option is selected */
-    onSelection?: (value: string, label: string) => void;
-    /** Custom CSS for trigger */
-    triggerCss?: CSSObject;
-    /** Custom CSS for dropdown content */
-    css?: CSSObject;
-}

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

@@ -1,16 +0,0 @@
-import { JSX } from "react";
-import type { StackProps } from "./types";
-/**
- * Stack - Comprehensive layout component
- *
- * Handles all flexbox layouts - replaces the need for separate Flex component
- * Supports both container properties (direction, gap, align) and item properties (grow, shrink, basis)
- * Can be used as any HTML element via 'as' prop
- *
- * Examples:
- * <Stack direction="row" gap="large" justify="between">  // Horizontal layout
- * <Stack align="center" textAlign="center">             // Vertical centered
- * <Stack as="section" direction="row" minimal>          // Semantic HTML
- * <Stack grow={1} shrink={0} basis="200px">             // As flex item
- */
-export declare function Stack({ align, alignContent, as, basis, bottom, children, css, direction, gap, grow, inline, justify, minimal, shrink, textAlign, top, wrap, ...props }: StackProps): JSX.Element;

package/dist/components/Stack/styles.d.ts

@@ -1,10 +0,0 @@
-export declare const StackStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    inline?: boolean | "false" | "true";
-    alignContent?: boolean | "center" | "end" | "start" | "stretch" | "between" | "around";
-    direction?: boolean | "column" | "column-reverse" | "row" | "row-reverse";
-    textAlign?: boolean | "center" | "left" | "right" | "justify";
-    wrap?: boolean | "reverse" | "false" | "true";
-    justify?: boolean | "center" | "end" | "start" | "between" | "around" | "evenly";
-    align?: boolean | "center" | "end" | "start" | "stretch" | "baseline";
-    minimal?: boolean | "false" | "true";
-} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,42 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType } from "react";
-import type { SpacingToken } from "../../styles/theme";
-import type { CSSObject } from "../../styles/types";
-/**
- * Stack component props - comprehensive layout component
- */
-export interface StackProps extends ComponentPropsWithoutRef<"div"> {
-    /** Override the HTML element */
-    as?: ElementType;
-    /** Direction of the stack */
-    direction?: "row" | "column" | "row-reverse" | "column-reverse";
-    /** Render as inline-flex instead of flex */
-    inline?: boolean;
-    /** Gap between items */
-    gap?: SpacingToken;
-    /** Remove default padding (useful for row direction) */
-    minimal?: boolean;
-    /** Alignment of items along cross-axis */
-    align?: "start" | "center" | "end" | "stretch" | "baseline";
-    /** Justification along main axis */
-    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
-    /** Whether items should wrap */
-    wrap?: boolean | "reverse";
-    /** Align multiple lines (when wrapped) */
-    alignContent?: "start" | "center" | "end" | "between" | "around" | "stretch";
-    /** Flex grow factor */
-    grow?: number;
-    /** Flex shrink factor */
-    shrink?: number;
-    /** Flex basis */
-    basis?: string;
-    /** Order in flex container */
-    order?: number;
-    /** Text alignment */
-    textAlign?: "left" | "center" | "right" | "justify";
-    /** Add padding-top and remove margin-top */
-    top?: SpacingToken;
-    /** Add padding-bottom and remove margin-bottom */
-    bottom?: SpacingToken;
-    /** Custom CSS */
-    css?: CSSObject;
-}

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

@@ -1,13 +0,0 @@
-import { type JSX } from "react";
-import type { TabsProps } from "./types";
-/**
- * Tabs - Tab navigation component
- *
- * Sharp edges design with clean tab switching
- * Supports keyboard navigation and custom content
- *
- * Examples:
- * <Tabs items={[{label: 'Tab 1', content: <div>Content 1</div>}]} />
- * <Tabs items={tabs} defaultActive={1} variant="minimal" />
- */
-export declare function Tabs({ css, defaultActive, items, onTabChange, variant, ...props }: TabsProps): JSX.Element;

package/dist/components/Tabs/styles.d.ts

@@ -1,8 +0,0 @@
-export declare const TabsStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabListStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    variant?: boolean | "default" | "minimal";
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabButtonStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    active?: boolean | "false" | "true";
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TabPanelStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("../../styles/types").StyledBaseProps & {} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +0,0 @@
-import type { ComponentPropsWithoutRef, ReactNode } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface TabItem {
-    id?: string;
-    label: string;
-    content: ReactNode;
-    disabled?: boolean;
-}
-export interface TabsProps extends ComponentPropsWithoutRef<"div"> {
-    /** Array of tab items */
-    items: TabItem[];
-    /** Initially active tab index */
-    defaultActive?: number;
-    /** Tab variant */
-    variant?: "default" | "minimal";
-    /** Called when tab selection changes */
-    onTabChange?: (index: number) => void;
-    /** Custom CSS styles */
-    css?: CSSObject;
-}

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

@@ -1,14 +0,0 @@
-import type { JSX } from "react";
-import type { TextProps } from "./types";
-/**
- * Text - Typography component
- *
- * Provides consistent typography with semantic HTML elements
- * Supports size override, muted styling, and spacing props
- *
- * Examples:
- * <Text as="h1">Page Title</Text>
- * <Text as="p" size="small" muted>Subtitle</Text>
- * <Text as="span" size="h3">Custom sized span</Text>
- */
-export declare function Text({ as, bottom, children, css, muted, size, top, ...props }: TextProps): JSX.Element;

package/dist/components/Text/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const TextStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    size?: boolean | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span" | "strong";
-    muted?: boolean | "false" | "true";
-} & import("react").RefAttributes<HTMLParagraphElement>>;

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

@@ -1,21 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementType } from "react";
-import type { SpacingToken } from "../../styles/theme";
-import type { CSSObject } from "../../styles/types";
-export type TextElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "strong" | "small" | "label";
-/**
- * Text component props
- */
-export interface TextProps extends ComponentPropsWithoutRef<"div"> {
-    /** HTML element to render as (also determines default size) */
-    as?: TextElement | ElementType;
-    /** Override the default size from 'as' prop */
-    size?: TextElement;
-    /** Apply muted styling (reduced opacity) */
-    muted?: boolean;
-    /** Add padding-top and remove margin-top */
-    top?: SpacingToken;
-    /** Add padding-bottom and remove margin-bottom */
-    bottom?: SpacingToken;
-    /** Custom CSS styles */
-    css?: CSSObject;
-}

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

@@ -1,15 +0,0 @@
-import type { JSX } from "react";
-import type { TextareaProps } from "./types";
-/**
- * Textarea - Multi-line text input component
- *
- * Sharp edges design with consistent styling
- * Supports various states and accessibility features
- * Use cols/rows attributes for sizing
- *
- * Examples:
- * <Textarea placeholder="Enter your message..." />
- * <Textarea variant="minimal" />
- * <Textarea disabled rows={5} cols={50} />
- */
-export declare function Textarea({ css, variant, ...props }: TextareaProps): JSX.Element;

package/dist/components/Textarea/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const TextareaStyled: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("../../styles/types").StyledBaseProps & {
-    variant?: boolean | "default" | "minimal";
-} & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -1,10 +0,0 @@
-import type { ComponentPropsWithoutRef } from "react";
-import type { CSSObject } from "../../styles/types";
-export interface TextareaProps extends ComponentPropsWithoutRef<"textarea"> {
-    /** Textarea variant */
-    variant?: "default" | "minimal";
-    /** Whether to allow manual resizing */
-    resize?: "none" | "vertical" | "horizontal" | "both";
-    /** Custom CSS styles */
-    css?: CSSObject;
-}

package/dist/components/index.d.ts

@@ -1,27 +0,0 @@
-export { Stack } from "./Stack";
-export type { StackProps } from "./Stack/types";
-export { Section } from "./Section";
-export type { SectionProps } from "./Section/types";
-export { Text } from "./Text";
-export type { TextProps, TextElement } from "./Text/types";
-export { Button } from "./Button";
-export type { ButtonProps } from "./Button/types";
-export { Badge } from "./Badge";
-export type { BadgeProps } from "./Badge/types";
-export { Card } from "./Card";
-export type { CardProps } from "./Card/types";
-export { Input } from "./Input";
-export type { InputProps } from "./Input/types";
-export { Textarea } from "./Textarea";
-export type { TextareaProps } from "./Textarea/types";
-export { Tabs } from "./Tabs";
-export type { TabsProps, TabItem } from "./Tabs/types";
-export { Menu } from "./Menu";
-export type { MenuProps, MenuOption } from "./Menu/types";
-export { Select } from "./Select";
-export type { SelectProps, SelectOption } from "./Select/types";
-export { Popover } from "./Popover";
-export type { PopoverProps } from "./Popover/types";
-export { Modal } from "./Modal";
-export type { ModalProps } from "./Modal/types";
-export { StoopProvider } from "./Provider";

package/dist/hooks/index.d.ts

@@ -1,5 +0,0 @@
-export { useBreakpoints, type BreakpointSize } from "./useBreakpoints";
-export { usePortal } from "./usePortal";
-export { useEventListener } from "./useEventListener";
-export { useOutsideClick } from "./useOutsideClick";
-export { useFloating, type UseFloatingReturn } from "./useFloating";

package/dist/hooks/useBreakpoints.d.ts

@@ -1,14 +0,0 @@
-export type BreakpointSize = "small" | "medium" | "large";
-/**
- * Single hook to handle all breakpoint functionality
- * Returns: current state + helper methods for all breakpoint checks
- */
-export declare function useBreakpoints(): {
-    current: BreakpointSize;
-    down: (size: BreakpointSize) => boolean;
-    is: (size: BreakpointSize) => boolean;
-    isLarge: boolean;
-    isMedium: boolean;
-    isSmall: boolean;
-    up: (size: BreakpointSize) => boolean;
-};

package/dist/hooks/useEventListener.d.ts

@@ -1,6 +0,0 @@
-import { RefObject } from "react";
-/**
- * Hook for efficiently adding event listeners to elements or window
- * Automatically handles cleanup and re-binding when dependencies change
- */
-export declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: RefObject<HTMLElement | Window | null> | HTMLElement | Window | null, options?: boolean | AddEventListenerOptions): void;

package/dist/hooks/useFloating.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from "react";
-export interface UseFloatingReturn {
-    /** Ref for the trigger element */
-    triggerRef: RefObject<HTMLDivElement | null>;
-    /** Ref for the floating element */
-    contentRef: RefObject<HTMLDivElement | null>;
-    /** Whether floating element is open */
-    isOpen: boolean;
-    /** Whether floating element is mounted */
-    isMounted: boolean;
-    /** Open the floating element */
-    handleOpen: () => void;
-    /** Close the floating element */
-    handleClose: () => void;
-    /** Toggle the floating element */
-    handleClick: () => void;
-}
-export declare function useFloating(): UseFloatingReturn;

package/dist/hooks/useOutsideClick.d.ts

@@ -1,6 +0,0 @@
-import { RefObject } from "react";
-/**
- * Hook for detecting clicks outside of a specific element
- * Useful for closing dropdowns, modals, or other overlay components
- */
-export declare function useOutsideClick<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>, handler: (event: MouseEvent | TouchEvent) => void, eventType?: "mousedown" | "mouseup" | "click" | "touchstart"): void;

package/dist/hooks/usePortal.d.ts

@@ -1,9 +0,0 @@
-import { type ReactNode, type ReactPortal } from "react";
-/**
- * Hook for rendering content in a portal (outside the normal DOM tree)
- * Useful for modals, tooltips, dropdowns that need to escape parent containers
- */
-export declare function usePortal(container?: HTMLElement | string): {
-    renderPortal: (children: ReactNode) => ReactPortal | null;
-    portalElement: HTMLDivElement | null;
-};