@hex-core/components 1.4.0 → 1.5.0

package/dist/drawer.d.ts

@@ -1,41 +1,10 @@
-import * as vaul from 'vaul';
-import { Drawer as Drawer$1 } from 'vaul';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-type DrawerRootProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Root>;
-/**
- * Root container for a bottom drawer (vaul). Manages open state, drag, and snap points.
- * @returns A drawer root that coordinates overlay, content, and dismiss behavior.
- */
-declare function Drawer({ shouldScaleBackground, ...props }: DrawerRootProps): react_jsx_runtime.JSX.Element;
-declare namespace Drawer {
-    var displayName: string;
-}
-/** The element that opens the drawer when clicked. */
-declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-/** Portals drawer overlay and content into the body. */
-declare const DrawerPortal: typeof vaul.Portal;
-/** Closes the drawer when rendered inside DrawerContent. */
-declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-/** Dimmed backdrop behind the drawer content. */
-declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** The drawer content panel. Slides up from the bottom and can be dragged down to dismiss. */
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/**
- * Header container inside DrawerContent; stacks title and description.
- * @returns A div with vertical rhythm.
- */
-declare function DrawerHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * Footer container inside DrawerContent; stacks action buttons.
- * @returns A div that stacks buttons vertically with consistent gutters.
- */
-declare function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/** Accessible drawer title; vaul wires it to aria-labelledby automatically. */
-declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-/** Accessible drawer description; vaul wires it to aria-describedby automatically. */
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer_alias_1 as Drawer } from './_tsup-dts-rollup.js';
+export { DrawerPortal_alias_1 as DrawerPortal } from './_tsup-dts-rollup.js';
+export { DrawerOverlay_alias_1 as DrawerOverlay } from './_tsup-dts-rollup.js';
+export { DrawerTrigger_alias_1 as DrawerTrigger } from './_tsup-dts-rollup.js';
+export { DrawerClose_alias_1 as DrawerClose } from './_tsup-dts-rollup.js';
+export { DrawerContent_alias_1 as DrawerContent } from './_tsup-dts-rollup.js';
+export { DrawerHeader_alias_1 as DrawerHeader } from './_tsup-dts-rollup.js';
+export { DrawerFooter_alias_1 as DrawerFooter } from './_tsup-dts-rollup.js';
+export { DrawerTitle_alias_1 as DrawerTitle } from './_tsup-dts-rollup.js';
+export { DrawerDescription_alias_1 as DrawerDescription } from './_tsup-dts-rollup.js';

package/dist/dropdown-menu.d.ts

@@ -1,39 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as React from 'react';
-
-/** Root container for a dropdown menu. */
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-/** The element (button) that opens the dropdown. */
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-/** Groups related menu items for a11y. */
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-/** Portals dropdown content into the body. */
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-/** Nested submenu root. */
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-/** Group for checkable radio items (one selected at a time). */
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-/** The visible dropdown panel. */
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** A clickable menu item. */
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-/** A menu item with a checkbox state. */
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** A menu item in a radio group. */
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** A non-interactive section heading inside the menu. */
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-/** Horizontal divider between menu items. */
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/**
- * Right-aligned shortcut text (e.g. ⌘K) shown next to a menu item.
- * @returns A span with muted, tracked typography
- */
-declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger };
+export { DropdownMenu_alias_1 as DropdownMenu } from './_tsup-dts-rollup.js';
+export { DropdownMenuTrigger_alias_1 as DropdownMenuTrigger } from './_tsup-dts-rollup.js';
+export { DropdownMenuContent_alias_1 as DropdownMenuContent } from './_tsup-dts-rollup.js';
+export { DropdownMenuItem_alias_1 as DropdownMenuItem } from './_tsup-dts-rollup.js';
+export { DropdownMenuCheckboxItem_alias_1 as DropdownMenuCheckboxItem } from './_tsup-dts-rollup.js';
+export { DropdownMenuRadioItem_alias_1 as DropdownMenuRadioItem } from './_tsup-dts-rollup.js';
+export { DropdownMenuLabel_alias_1 as DropdownMenuLabel } from './_tsup-dts-rollup.js';
+export { DropdownMenuSeparator_alias_1 as DropdownMenuSeparator } from './_tsup-dts-rollup.js';
+export { DropdownMenuShortcut_alias_1 as DropdownMenuShortcut } from './_tsup-dts-rollup.js';
+export { DropdownMenuGroup_alias_1 as DropdownMenuGroup } from './_tsup-dts-rollup.js';
+export { DropdownMenuPortal_alias_1 as DropdownMenuPortal } from './_tsup-dts-rollup.js';
+export { DropdownMenuSub_alias_1 as DropdownMenuSub } from './_tsup-dts-rollup.js';
+export { DropdownMenuRadioGroup_alias_1 as DropdownMenuRadioGroup } from './_tsup-dts-rollup.js';

package/dist/dropzone.d.ts

@@ -1,54 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface DropzoneProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onDrop" | "children"> {
-    /** Fired with the accepted file list every time the user picks or drops files. */
-    onFilesSelected?: (files: File[]) => void;
-    /**
-     * Fired when files are dropped/picked but ALL of them are filtered out by
-     * `accept` / `maxSize` / `maxFiles`. Useful for surfacing "file too large"
-     * or "wrong type" toasts to the user. Receives the rejected File[].
-     */
-    onFilesRejected?: (files: File[]) => void;
-    /** `accept` attribute forwarded to the hidden file input (e.g. "image/*", ".csv"). */
-    accept?: string;
-    /** Allow multiple files. Default true. */
-    multiple?: boolean;
-    /** Maximum total file count (after dedupe). Excess files are dropped silently — surface in your handler. */
-    maxFiles?: number;
-    /** Maximum size per file in bytes. Files over the cap are filtered before onFilesSelected fires. */
-    maxSize?: number;
-    /** Disable interaction. */
-    disabled?: boolean;
-    /** Optional render override for the dropzone body. Receives drag state. */
-    children?: React.ReactNode | ((state: DropzoneRenderState) => React.ReactNode);
-    /** Required accessible name for the drop area. */
-    "aria-label": string;
-}
-interface DropzoneRenderState {
-    isDragOver: boolean;
-    isDisabled: boolean;
-    openFileDialog: () => void;
-}
-/**
- * Drag-and-drop file input built on the native HTML5 drag-drop API plus a
- * visually-hidden (sr-only) `<input type="file">` for screen-reader and
- * keyboard access.
- *
- * Two interaction surfaces:
- * - The visible drop area is a `role="button"` div with `tabIndex=0` and the
- *   required `aria-label`. Click, Enter, or Space proxies through to click the
- *   hidden input, opening the system file dialog.
- * - The hidden input itself remains in the accessibility tree (sr-only, NOT
- *   `aria-hidden`) so AT-driven file pickers can find it directly.
- *
- * Pass `children` as a node (default placeholder) or a function receiving
- * `{ isDragOver, isDisabled, openFileDialog }` for full layout control.
- * @returns A drop area + hidden file input pair that yields a File[].
- */
-declare function Dropzone({ onFilesSelected, onFilesRejected, accept, multiple, maxFiles, maxSize, disabled, children, className, "aria-label": ariaLabel, ...rest }: DropzoneProps): react_jsx_runtime.JSX.Element;
-declare namespace Dropzone {
-    var displayName: string;
-}
-
-export { Dropzone, type DropzoneProps, type DropzoneRenderState };
+export { Dropzone_alias_1 as Dropzone } from './_tsup-dts-rollup.js';
+export { DropzoneProps_alias_1 as DropzoneProps } from './_tsup-dts-rollup.js';
+export { DropzoneRenderState_alias_1 as DropzoneRenderState } from './_tsup-dts-rollup.js';

package/dist/file-tree.d.ts

@@ -1,53 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface FileTreeNode {
-    /** Stable unique id used as React key + ARIA target. */
-    id: string;
-    /** Display name (file or folder). */
-    name: string;
-    /** Nested children. Presence (even if empty array) marks the node as a folder. */
-    children?: FileTreeNode[];
-    /** Optional icon override. Default chooses folder/file based on `children`. */
-    icon?: React.ReactNode;
-    /** Disable selection + expand toggle. */
-    disabled?: boolean;
-}
-interface FileTreeProps {
-    /** Root nodes. */
-    nodes: FileTreeNode[];
-    /** Uncontrolled initial expanded ids. */
-    defaultExpanded?: string[];
-    /** Controlled expanded ids. */
-    expanded?: string[];
-    /** Fired when expanded set changes (array of ids). */
-    onExpandedChange?: (ids: string[]) => void;
-    /** Controlled selected node id. */
-    selected?: string;
-    /** Fired when the user activates a node (click, Enter, or Space). */
-    onSelect?: (id: string) => void;
-    /** Required accessible name for the tree container. */
-    "aria-label": string;
-    /** Extra class names on the root tree element. */
-    className?: string;
-}
-/**
- * Hierarchical tree view for files, folders, settings sections, or any nested
- * navigation. Built on the WAI-ARIA tree pattern: `role="tree"` root,
- * `role="treeitem"` per node, `role="group"` per child group, with
- * `aria-level` / `aria-expanded` / `aria-selected` reflecting state.
- *
- * Keyboard: Up/Down move between visible items; Right expands a folder or
- * moves to the first child; Left collapses or moves to the parent;
- * Enter/Space activate the focused node; Home/End jump to the first/last.
- *
- * Expanded state is uncontrolled by default (`defaultExpanded`). Pass
- * `expanded` + `onExpandedChange` for controlled mode.
- * @returns A keyboard-accessible nested tree.
- */
-declare function FileTree({ nodes, defaultExpanded, expanded: expandedProp, onExpandedChange, selected, onSelect, "aria-label": ariaLabel, className, }: FileTreeProps): react_jsx_runtime.JSX.Element;
-declare namespace FileTree {
-    var displayName: string;
-}
-
-export { FileTree, type FileTreeNode, type FileTreeProps };
+export { FileTree_alias_1 as FileTree } from './_tsup-dts-rollup.js';
+export { FileTreeNode_alias_1 as FileTreeNode } from './_tsup-dts-rollup.js';
+export { FileTreeProps_alias_1 as FileTreeProps } from './_tsup-dts-rollup.js';

package/dist/form.d.ts

@@ -1,45 +1,8 @@
-import * as _radix_ui_react_slot from '@radix-ui/react-slot';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as React from 'react';
-
-/** Root form provider. Wraps react-hook-form's FormProvider. */
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-/**
- * Binds a field name to a react-hook-form Controller.
- * Provides context so FormItem children can access field state.
- * @param props - Controller props including name, control, render
- * @returns A Controller with FormFieldContext
- */
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-/**
- * Hook that returns the current field's id, name, error, and derived aria ids.
- * Must be called inside a FormField + FormItem subtree.
- * @returns Field state + aria descriptors
- */
-declare function useFormField(): {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-/** Wraps a single form field (label + control + description + message). */
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/** Accessible label wired to the FormItem's control. Turns red on error. */
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-/** Wraps the form control and wires id + aria-describedby + aria-invalid. */
-declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-/** Optional helper text below the control. */
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-/** Validation error message. Renders the error string when the field is invalid. */
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+export { useFormField_alias_1 as useFormField } from './_tsup-dts-rollup.js';
+export { Form_alias_1 as Form } from './_tsup-dts-rollup.js';
+export { FormItem_alias_1 as FormItem } from './_tsup-dts-rollup.js';
+export { FormLabel_alias_1 as FormLabel } from './_tsup-dts-rollup.js';
+export { FormControl_alias_1 as FormControl } from './_tsup-dts-rollup.js';
+export { FormDescription_alias_1 as FormDescription } from './_tsup-dts-rollup.js';
+export { FormMessage_alias_1 as FormMessage } from './_tsup-dts-rollup.js';
+export { FormField_alias_1 as FormField } from './_tsup-dts-rollup.js';

package/dist/grid.d.ts

@@ -1,50 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-/**
- * CVA variants for Grid — CSS grid with column-count presets and shared `gap`.
- * `cols` accepts 1/2/3/4/6 fixed columns or `"auto-fit"` for responsive auto-sizing
- * (in which case the consumer should pass `minColWidth` for the min track size).
- *
- * `cols` keys are TypeScript numeric literals (`cols={3}`) at the type level;
- * the schema's `enumValues` serializes them as strings for JSON-shape parity.
- */
-declare const gridVariants: (props?: ({
-    cols?: 1 | 2 | 3 | 4 | 6 | "auto-fit" | null | undefined;
-    gap?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Grid component. */
-interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
-    /**
-     * Minimum column width for `cols="auto-fit"`. Tracks repeat to fill the container,
-     * never shrinking below this value. Ignored when `cols` is a fixed integer.
-     * @default "16rem"
-     */
-    minColWidth?: string;
-}
-/**
- * CSS grid with column-count presets and consistent gap. Use for card grids,
- * dashboards, image galleries, and any layout where children should align to
- * shared row/column tracks.
- *
- * Pass `cols="auto-fit"` and `minColWidth` for responsive grids that fit as
- * many columns as the viewport allows without media queries.
- *
- * @param props - Grid props including `cols`, `gap`, `align`, and `minColWidth`.
- * @returns A CSS grid container.
- * @example
- * ```tsx
- * <Grid cols={3} gap="md">
- *   {items.map((i) => <Card key={i.id}>{i.title}</Card>)}
- * </Grid>
- * <Grid cols="auto-fit" minColWidth="20rem" gap="lg">
- *   {responsiveItems.map(...)}
- * </Grid>
- * ```
- */
-declare function Grid({ className, cols, gap, align, minColWidth, style, ...props }: GridProps): react_jsx_runtime.JSX.Element;
-
-export { Grid, type GridProps, gridVariants };
+export { GridProps_alias_1 as GridProps } from './_tsup-dts-rollup.js';
+export { Grid_alias_1 as Grid } from './_tsup-dts-rollup.js';
+export { gridVariants_alias_1 as gridVariants } from './_tsup-dts-rollup.js';

package/dist/hover-card.d.ts

@@ -1,11 +1,3 @@
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import * as React from 'react';
-
-/** Root container for a hover-card. */
-declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
-/** The element that reveals the card on hover/focus. */
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-/** The floating hover-card content panel. Richer than a tooltip. */
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { HoverCard, HoverCardContent, HoverCardTrigger };
+export { HoverCard_alias_1 as HoverCard } from './_tsup-dts-rollup.js';
+export { HoverCardTrigger_alias_1 as HoverCardTrigger } from './_tsup-dts-rollup.js';
+export { HoverCardContent_alias_1 as HoverCardContent } from './_tsup-dts-rollup.js';