@hex-core/components 1.4.0 → 1.5.0

package/dist/scroll-area.d.ts

@@ -1,18 +1,3 @@
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import * as React from 'react';
-
-interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
-    /**
-     * tabIndex applied to the scroll viewport so keyboard users can scroll
-     * without a pointer. Defaults to `0` (focusable) — pass `-1` to skip the
-     * viewport in the tab order when ScrollArea wraps purely decorative or
-     * already-keyboard-reachable content.
-     */
-    viewportTabIndex?: number;
-}
-/** A scrollable area with custom-styled scrollbars. Content must be explicitly sized. */
-declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
-/** Styled scrollbar track + thumb. Rendered inside ScrollArea automatically. */
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { ScrollArea, type ScrollAreaProps, ScrollBar };
+export { ScrollArea_alias_1 as ScrollArea } from './_tsup-dts-rollup.js';
+export { ScrollBar_alias_1 as ScrollBar } from './_tsup-dts-rollup.js';
+export { ScrollAreaProps } from './_tsup-dts-rollup.js';

package/dist/select.d.ts

@@ -1,21 +1,8 @@
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as React from 'react';
-
-/** Root container controlling the select's state. */
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-/** Groups a set of related SelectItem elements. */
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-/** Renders the selected value (or placeholder) inside the trigger. */
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-/** The button users click to open the dropdown. */
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-/** The dropdown panel containing selectable options. */
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** A non-interactive label within a SelectGroup. */
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** A selectable option. */
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** Horizontal divider between groups inside SelectContent. */
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+export { Select_alias_1 as Select } from './_tsup-dts-rollup.js';
+export { SelectGroup_alias_1 as SelectGroup } from './_tsup-dts-rollup.js';
+export { SelectValue_alias_1 as SelectValue } from './_tsup-dts-rollup.js';
+export { SelectTrigger_alias_1 as SelectTrigger } from './_tsup-dts-rollup.js';
+export { SelectContent_alias_1 as SelectContent } from './_tsup-dts-rollup.js';
+export { SelectLabel_alias_1 as SelectLabel } from './_tsup-dts-rollup.js';
+export { SelectItem_alias_1 as SelectItem } from './_tsup-dts-rollup.js';
+export { SelectSeparator_alias_1 as SelectSeparator } from './_tsup-dts-rollup.js';

package/dist/separator.d.ts

@@ -1,11 +1,2 @@
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-
-/**
- * A visual divider between content sections.
- * Built on Radix UI Separator for proper accessibility semantics.
- */
-type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Separator, type SeparatorProps };
+export { SeparatorProps_alias_1 as SeparatorProps } from './_tsup-dts-rollup.js';
+export { Separator_alias_1 as Separator } from './_tsup-dts-rollup.js';

package/dist/sheet.d.ts

@@ -1,39 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-/** Root container controlling open state of a side sheet. */
-declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
-/** The element (usually a button) that opens the sheet. */
-declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-/** Closes the sheet when rendered inside SheetContent. */
-declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-/** Portals the sheet overlay and content into the body. */
-declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-/** Dimmed backdrop rendered behind the sheet content. */
-declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
-}
-/** The sheet content panel that slides in from a side of the viewport. */
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Header container inside SheetContent; stacks title and description.
- * @returns A div with vertical rhythm.
- */
-declare function SheetHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/**
- * Footer container inside SheetContent; aligns action buttons.
- * @returns A div that stacks buttons on mobile and right-aligns on desktop.
- */
-declare function SheetFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-/** Accessible sheet title; Radix wires it to aria-labelledby automatically. */
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-/** Accessible sheet description; Radix wires it to aria-describedby automatically. */
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+export { Sheet_alias_1 as Sheet } from './_tsup-dts-rollup.js';
+export { SheetPortal_alias_1 as SheetPortal } from './_tsup-dts-rollup.js';
+export { SheetOverlay_alias_1 as SheetOverlay } from './_tsup-dts-rollup.js';
+export { SheetTrigger_alias_1 as SheetTrigger } from './_tsup-dts-rollup.js';
+export { SheetClose_alias_1 as SheetClose } from './_tsup-dts-rollup.js';
+export { SheetContent_alias_1 as SheetContent } from './_tsup-dts-rollup.js';
+export { SheetHeader_alias_1 as SheetHeader } from './_tsup-dts-rollup.js';
+export { SheetFooter_alias_1 as SheetFooter } from './_tsup-dts-rollup.js';
+export { SheetTitle_alias_1 as SheetTitle } from './_tsup-dts-rollup.js';
+export { SheetDescription_alias_1 as SheetDescription } from './_tsup-dts-rollup.js';

package/dist/sidebar.d.ts

@@ -1,75 +1,8 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-interface SidebarContextValue {
-    /** Current open/collapsed state. */
-    open: boolean;
-    /** Toggle or set open state. */
-    setOpen: (open: boolean) => void;
-}
-/**
- * Reads sidebar state from context. Throws if used outside SidebarProvider.
- * @returns `{ open, setOpen }` bound to the nearest SidebarProvider.
- */
-declare function useSidebar(): SidebarContextValue;
-interface SidebarProviderProps {
-    /** Controlled open state. */
-    open?: boolean;
-    /** Uncontrolled initial open state (defaults to true). */
-    defaultOpen?: boolean;
-    /** Callback fired when open state changes. */
-    onOpenChange?: (open: boolean) => void;
-    /** Children — typically a Sidebar + app content sibling. */
-    children: React.ReactNode;
-    /** Extra class names on the provider wrapper. */
-    className?: string;
-}
-/**
- * Hosts sidebar state. Wrap your app shell (Sidebar + main content) in this.
- * @returns A flex container with a SidebarContext provider.
- */
-declare function SidebarProvider({ open: openProp, defaultOpen, onOpenChange, children, className, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
-declare namespace SidebarProvider {
-    var displayName: string;
-}
-declare const sidebarVariants: (props?: ({
-    side?: "right" | "left" | null | undefined;
-    state?: "closed" | "open" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SidebarProps extends React.HTMLAttributes<HTMLElement>, Pick<VariantProps<typeof sidebarVariants>, "side"> {
-}
-/**
- * App-shell sidebar. Reads open state from SidebarProvider and animates width.
- * @returns An aside element that expands/collapses.
- */
-declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
-interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Render as the child element (Button, etc.) using Radix Slot. */
-    asChild?: boolean;
-}
-/**
- * Toggles the sidebar open/closed. Renders a button by default; use asChild to style.
- * @returns A button that flips SidebarProvider state.
- */
-declare const SidebarTrigger: React.ForwardRefExoticComponent<SidebarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-/** Header container at the top of the sidebar. */
-declare const SidebarHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/** Scrollable main area of the sidebar. */
-declare const SidebarContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/** Footer container at the bottom of the sidebar. */
-declare const SidebarFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-interface SidebarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Render as the child element (next/link, etc.) via Slot. */
-    asChild?: boolean;
-    /** Mark as the current/selected item. */
-    active?: boolean;
-}
-/**
- * Single selectable row inside SidebarContent. Compose icon + label in children.
- * @returns An accessible button (or Slot) styled as a sidebar row.
- */
-declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarProvider, SidebarTrigger, useSidebar };
+export { SidebarProvider_alias_1 as SidebarProvider } from './_tsup-dts-rollup.js';
+export { Sidebar_alias_1 as Sidebar } from './_tsup-dts-rollup.js';
+export { SidebarTrigger_alias_1 as SidebarTrigger } from './_tsup-dts-rollup.js';
+export { SidebarHeader_alias_1 as SidebarHeader } from './_tsup-dts-rollup.js';
+export { SidebarContent_alias_1 as SidebarContent } from './_tsup-dts-rollup.js';
+export { SidebarFooter_alias_1 as SidebarFooter } from './_tsup-dts-rollup.js';
+export { SidebarItem_alias_1 as SidebarItem } from './_tsup-dts-rollup.js';
+export { useSidebar_alias_1 as useSidebar } from './_tsup-dts-rollup.js';

package/dist/skeleton.d.ts

@@ -1,11 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-/**
- * A placeholder shimmer element shown while content is loading.
- * Pair with explicit width/height via className.
- * @returns A div with pulsing muted background
- */
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-export { Skeleton };
+export { Skeleton_alias_1 as Skeleton } from './_tsup-dts-rollup.js';

package/dist/slider.d.ts

@@ -1,20 +1,2 @@
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as React from 'react';
-
-interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
-    /**
-     * Per-thumb accessible labels. When the slider has multiple thumbs, pass
-     * one entry per thumb (e.g. ["Minimum", "Maximum"]). For a single-thumb
-     * slider, the Root's `aria-label` / `aria-labelledby` is mirrored onto
-     * the thumb automatically — pass `thumbLabels` only when those defaults
-     * are insufficient.
-     */
-    thumbLabels?: string[];
-}
-/**
- * A range input with one or more draggable thumbs.
- * Built on Radix UI Slider with keyboard controls (arrows, Home, End, PageUp/Down).
- */
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
-
-export { Slider, type SliderProps };
+export { SliderProps } from './_tsup-dts-rollup.js';
+export { Slider_alias_1 as Slider } from './_tsup-dts-rollup.js';

package/dist/sonner.d.ts

@@ -1,14 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Toaster as Toaster$1 } from 'sonner';
-export { toast } from 'sonner';
-
-type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-/**
- * The global toast container. Render once in your app root.
- * Re-export of Sonner's Toaster styled to use Hex UI theme tokens.
- * @param props - Sonner Toaster props (position, richColors, etc.)
- * @returns A styled portal container for toast notifications
- */
-declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
-
-export { Toaster };
+export { Toaster_alias_1 as Toaster } from './_tsup-dts-rollup.js';
+export { toast_alias_1 as toast } from './_tsup-dts-rollup.js';

package/dist/spacer.d.ts

@@ -1,38 +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 Spacer — declarative whitespace.
- * `size` sets `--spacer-size` to a `--space-*` token (with inline fallback);
- * `axis` consumes that var via the bracket form used everywhere else in the
- * package, so the height or width can never collapse to zero if the size
- * variant is dropped.
- */
-declare const spacerVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    axis?: "both" | "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Spacer component. */
-interface SpacerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof spacerVariants> {
-}
-/**
- * A declarative whitespace block. Use when you want to insert space between two
- * siblings without relying on margin or gap (e.g. inside a flex container that
- * doesn't own the spacing decision).
- *
- * Renders an empty `<div>` with `aria-hidden` since it has no semantic content.
- *
- * @param props - Spacer props including `size` and `axis` variant keys.
- * @returns An empty div with the requested dimension.
- * @example
- * ```tsx
- * <h1>Title</h1>
- * <Spacer size="lg" />
- * <p>Body</p>
- * ```
- */
-declare function Spacer({ className, size, axis, ...props }: SpacerProps): react_jsx_runtime.JSX.Element;
-
-export { Spacer, type SpacerProps, spacerVariants };
+export { SpacerProps_alias_1 as SpacerProps } from './_tsup-dts-rollup.js';
+export { Spacer_alias_1 as Spacer } from './_tsup-dts-rollup.js';
+export { spacerVariants_alias_1 as spacerVariants } from './_tsup-dts-rollup.js';

package/dist/stack.d.ts

@@ -1,34 +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 Stack — vertical flex flow. `gap`, `align`, and `justify`
- * pull from the shared layout-variant maps so any change to the gap scale
- * propagates to Cluster and Grid simultaneously.
- */
-declare const stackVariants: (props?: ({
-    gap?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
-    align?: "center" | "start" | "end" | "stretch" | null | undefined;
-    justify?: "center" | "start" | "end" | "between" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/** Props for the Stack component. */
-interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
-}
-/**
- * Vertical flex flow with token-bound gap. Children stack top-to-bottom.
- * @param props - Stack props including `gap`, `align`, and `justify` variant keys.
- * @returns A flex column with consistent vertical spacing.
- * @example
- * ```tsx
- * <Stack gap="lg">
- *   <h2>Section title</h2>
- *   <p>Paragraph one.</p>
- *   <p>Paragraph two.</p>
- * </Stack>
- * ```
- */
-declare function Stack({ className, gap, align, justify, ...props }: StackProps): react_jsx_runtime.JSX.Element;
-
-export { Stack, type StackProps, stackVariants };
+export { StackProps_alias_1 as StackProps } from './_tsup-dts-rollup.js';
+export { Stack_alias_1 as Stack } from './_tsup-dts-rollup.js';
+export { stackVariants_alias_1 as stackVariants } from './_tsup-dts-rollup.js';

package/dist/stepper.d.ts

@@ -1,48 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-type StepStatus = "complete" | "current" | "upcoming" | "error";
-interface StepperStep {
-    /** Stable unique id used as the React key. */
-    id: string;
-    /** Step name shown next to the indicator. */
-    label: string;
-    /** Optional secondary text under the label. */
-    description?: string;
-    /** Disable the step (only applies when onStepClick is provided). */
-    disabled?: boolean;
-    /**
-     * Override the index-derived status. Use `"error"` to mark a failed step
-     * (e.g. validation failure in a form wizard); `"complete"` / `"current"` /
-     * `"upcoming"` are derived from `current` by default.
-     */
-    status?: StepStatus;
-}
-interface StepperProps extends Omit<React.HTMLAttributes<HTMLOListElement>, "aria-label" | "onClick"> {
-    /** Ordered list of steps. */
-    steps: StepperStep[];
-    /** Index of the current step (controlled). */
-    current: number;
-    /** Layout direction. */
-    orientation?: "horizontal" | "vertical";
-    /** Indicator size. */
-    size?: "sm" | "md";
-    /** When provided, each step is rendered as a clickable button. */
-    onStepClick?: (index: number) => void;
-    /** Required accessible name for the ordered list. */
-    "aria-label": string;
-}
-/**
- * Linear progress indicator for multi-step flows (form wizards, onboarding,
- * checkout). Pure semantic HTML — `<ol>` of `<li>` with `aria-current="step"`
- * on the current item; per-step `status` overrides allow marking "error".
- *
- * Pass `onStepClick` to make completed/non-disabled steps interactive.
- * @returns An accessible ordered step list.
- */
-declare function Stepper({ steps, current, orientation, size, onStepClick, "aria-label": ariaLabel, className, ...rest }: StepperProps): react_jsx_runtime.JSX.Element;
-declare namespace Stepper {
-    var displayName: string;
-}
-
-export { type StepStatus, Stepper, type StepperProps, type StepperStep };
+export { Stepper_alias_1 as Stepper } from './_tsup-dts-rollup.js';
+export { StepperProps_alias_1 as StepperProps } from './_tsup-dts-rollup.js';
+export { StepperStep_alias_1 as StepperStep } from './_tsup-dts-rollup.js';
+export { StepStatus_alias_1 as StepStatus } from './_tsup-dts-rollup.js';

package/dist/suggestion.d.ts

@@ -0,0 +1,2 @@
+export { SuggestionProps_alias_1 as SuggestionProps } from './_tsup-dts-rollup.js';
+export { Suggestion_alias_1 as Suggestion } from './_tsup-dts-rollup.js';

package/dist/suggestion.js

@@ -0,0 +1,55 @@
+"use client";
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Suggestion({
+  value,
+  onSelect,
+  children,
+  className,
+  type = "button",
+  onClick,
+  ...props
+}) {
+  function handleClick(event) {
+    const payload = value ?? extractText(children);
+    onSelect(payload);
+    onClick?.(event);
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      onClick: handleClick,
+      className: cn(
+        "inline-flex items-center rounded-full border border-foreground/15 bg-background px-3 py-1.5 text-sm",
+        "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+        "hover:border-foreground/30 hover:bg-secondary/40 hover:shadow-sm",
+        "active:scale-[0.98]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function extractText(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(extractText).join(" ").replace(/\s+/g, " ").trim();
+  if (React.isValidElement(node)) {
+    return extractText(node.props.children);
+  }
+  return "";
+}
+
+export { Suggestion };
+//# sourceMappingURL=suggestion.js.map
+//# sourceMappingURL=suggestion.js.map

package/dist/suggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/ai/suggestion/suggestion.tsx"],"names":[],"mappings":";;;;;AAQO,SAAS,MAAM,MAAA,EAAsB;AAC3C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC5B;ACuBA,SAAS,UAAA,CAAW;AAAA,EACnB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,OAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAAoB;AACnB,EAAA,SAAS,YAAY,KAAA,EAA4C;AAChE,IAAA,MAAM,OAAA,GAAU,KAAA,IAAS,WAAA,CAAY,QAAQ,CAAA;AAC7C,IAAA,QAAA,CAAS,OAAO,CAAA;AAChB,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EAChB;AAEA,EAAA,uBACC,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,QACV,qGAAA;AAAA,QACA,iEAAA;AAAA,QACA,kEAAA;AAAA,QACA,qBAAA;AAAA,QACA,qGAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACD;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACF;AAEF;AAUA,SAAS,YAAY,IAAA,EAA+B;AACnD,EAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,OAAO,IAAA,KAAS,WAAW,OAAO,EAAA;AACtD,EAAA,IAAI,OAAO,SAAS,QAAA,IAAY,OAAO,SAAS,QAAA,EAAU,OAAO,OAAO,IAAI,CAAA;AAC5E,EAAA,IAAI,MAAM,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,KAAK,GAAA,CAAI,WAAW,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAAE,OAAA,CAAQ,MAAA,EAAQ,GAAG,EAAE,IAAA,EAAK;AAC1F,EAAA,IAAU,KAAA,CAAA,cAAA,CAA+C,IAAI,CAAA,EAAG;AAC/D,IAAA,OAAO,WAAA,CAAY,IAAA,CAAK,KAAA,CAAM,QAAQ,CAAA;AAAA,EACvC;AACA,EAAA,OAAO,EAAA;AACR","file":"suggestion.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge class names with Tailwind CSS conflict resolution.\n * @param inputs - Class values (strings, arrays, objects) to merge\n * @returns A single merged class string with Tailwind conflicts resolved\n */\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/utils.js\";\n\n/**\n * Prompt pill / quick-action chip. Click forwards `value` (or the rendered\n * string children) to `onSelect` — typically wired to drop the suggestion\n * into a `Composer` or fire it directly through `useChat.append`.\n *\n * Stateless: no submission logic, no networking. Composer (or its parent)\n * decides whether `onSelect` populates the input or auto-sends.\n *\n * @example\n * <Cluster gap=\"sm\">\n *   {prompts.map((p) => (\n *     <Suggestion key={p} value={p} onSelect={setInput}>{p}</Suggestion>\n *   ))}\n * </Cluster>\n */\nexport interface SuggestionProps\n\textends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onSelect\" | \"value\"> {\n\t/** Payload passed to `onSelect`. Defaults to the rendered children if a string. */\n\tvalue?: string;\n\tonSelect: (value: string) => void;\n\tchildren: React.ReactNode;\n}\n\n/**\n * Renders a clickable suggestion chip.\n * @param props - value/onSelect + children\n * @returns A styled button element\n */\nfunction Suggestion({\n\tvalue,\n\tonSelect,\n\tchildren,\n\tclassName,\n\ttype = \"button\",\n\tonClick,\n\t...props\n}: SuggestionProps) {\n\tfunction handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n\t\tconst payload = value ?? extractText(children);\n\t\tonSelect(payload);\n\t\tonClick?.(event);\n\t}\n\n\treturn (\n\t\t<button\n\t\t\ttype={type}\n\t\t\tonClick={handleClick}\n\t\t\tclassName={cn(\n\t\t\t\t\"inline-flex items-center rounded-full border border-foreground/15 bg-background px-3 py-1.5 text-sm\",\n\t\t\t\t\"transition-all duration-[var(--duration-normal,200ms)] ease-out\",\n\t\t\t\t\"hover:border-foreground/30 hover:bg-secondary/40 hover:shadow-sm\",\n\t\t\t\t\"active:scale-[0.98]\",\n\t\t\t\t\"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n\t\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\n/**\n * Recursively pull plain-text out of a ReactNode tree so a `<Suggestion>`\n * with JSX children (e.g. `<Icon /> Try this`) still resolves to the\n * visible label when no `value` prop was set.\n *\n * @param node - children ReactNode\n * @returns The concatenated text content, trimmed of incidental whitespace\n */\nfunction extractText(node: React.ReactNode): string {\n\tif (node == null || typeof node === \"boolean\") return \"\";\n\tif (typeof node === \"string\" || typeof node === \"number\") return String(node);\n\tif (Array.isArray(node)) return node.map(extractText).join(\" \").replace(/\\s+/g, \" \").trim();\n\tif (React.isValidElement<{ children?: React.ReactNode }>(node)) {\n\t\treturn extractText(node.props.children);\n\t}\n\treturn \"\";\n}\n\nexport { Suggestion };\n"]}

package/dist/switch.d.ts

@@ -1,11 +1,2 @@
-import * as React from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-
-/**
- * An accessible toggle switch built on Radix UI.
- * Use for instant on/off settings that take effect immediately.
- */
-type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-export { Switch, type SwitchProps };
+export { SwitchProps_alias_1 as SwitchProps } from './_tsup-dts-rollup.js';
+export { Switch_alias_1 as Switch } from './_tsup-dts-rollup.js';

package/dist/table.d.ts

@@ -1,24 +1,8 @@
-import * as React from 'react';
-
-/** A responsive container + styled HTML table. */
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
-/** `<thead>` wrapper with bottom border. */
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-/** `<tbody>` wrapper removing bottom border on last row. */
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-/** `<tfoot>` wrapper with muted background. */
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-/** `<tr>` with hover + selected states. */
-declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-/** `<th>` with left-aligned muted text. */
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-/** `<td>` with consistent padding. */
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-/**
- * Visible `<caption>` rendered below the table. The parent `<Table>` sets
- * `caption-bottom`, so the caption is announced first by screen readers when
- * entering the table, then visually placed below the rows.
- */
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+export { Table_alias_1 as Table } from './_tsup-dts-rollup.js';
+export { TableHeader_alias_1 as TableHeader } from './_tsup-dts-rollup.js';
+export { TableBody_alias_1 as TableBody } from './_tsup-dts-rollup.js';
+export { TableFooter_alias_1 as TableFooter } from './_tsup-dts-rollup.js';
+export { TableHead_alias_1 as TableHead } from './_tsup-dts-rollup.js';
+export { TableRow_alias_1 as TableRow } from './_tsup-dts-rollup.js';
+export { TableCell_alias_1 as TableCell } from './_tsup-dts-rollup.js';
+export { TableCaption_alias_1 as TableCaption } from './_tsup-dts-rollup.js';

package/dist/tabs.d.ts

@@ -1,13 +1,4 @@
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-
-/** Root container for a tabbed interface. */
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-/** A horizontal list of tab triggers. */
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/** A clickable tab trigger that activates its associated content panel. */
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-/** The content panel associated with a tab trigger. */
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs_alias_1 as Tabs } from './_tsup-dts-rollup.js';
+export { TabsList_alias_1 as TabsList } from './_tsup-dts-rollup.js';
+export { TabsTrigger_alias_1 as TabsTrigger } from './_tsup-dts-rollup.js';
+export { TabsContent_alias_1 as TabsContent } from './_tsup-dts-rollup.js';

package/dist/textarea.d.ts

@@ -1,10 +1,2 @@
-import * as React from 'react';
-
-/**
- * A styled multi-line text input with smooth focus transitions and shadow effects.
- * Extends the native HTML textarea element with Hex UI styling.
- */
-type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-
-export { Textarea, type TextareaProps };
+export { TextareaProps_alias_1 as TextareaProps } from './_tsup-dts-rollup.js';
+export { Textarea_alias_1 as Textarea } from './_tsup-dts-rollup.js';

package/dist/time-picker.d.ts

@@ -1,34 +1,2 @@
-import * as React from 'react';
-
-interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "size"> {
-    /** Controlled time value as `"HH:MM"` or `"HH:MM:SS"` (24-hour). */
-    value?: string;
-    /** Fired with the new `"HH:MM"` (or `"HH:MM:SS"`) string when the user picks a time. */
-    onChange?: (value: string) => void;
-    /**
-     * Step in seconds — `60` shows HH:MM only (default), `1` shows HH:MM:SS.
-     * Smaller values change the spinner increment in supported browsers.
-     */
-    step?: number;
-    /** Earliest selectable time as `"HH:MM"`. */
-    min?: string;
-    /** Latest selectable time as `"HH:MM"`. */
-    max?: string;
-    /** Disable the input. */
-    disabled?: boolean;
-    /** Accessible label for the trigger (required when no adjacent visible <label>). */
-    "aria-label"?: string;
-}
-/**
- * Time input — styled wrapper around the native `<input type="time">` so the
- * browser handles 12/24-hour locale, keyboard arrow stepping, and screen-reader
- * announcement. Value is a `"HH:MM"` (or `"HH:MM:SS"` when `step={1}`) string.
- *
- * For free-form composite hour/minute fields with explicit AM/PM segments,
- * compose Input + Select yourself — the native input covers ~95% of TimePicker
- * use cases with full a11y, including keyboard-driven hour/minute spinning.
- * @returns A token-styled native time input.
- */
-declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
-
-export { TimePicker, type TimePickerProps };
+export { TimePicker_alias_1 as TimePicker } from './_tsup-dts-rollup.js';
+export { TimePickerProps_alias_1 as TimePickerProps } from './_tsup-dts-rollup.js';