@rfdtech/components 1.5.0 → 1.8.0

package/README.md

@@ -66,6 +66,32 @@ npm install @rfdtech/components
 Requires React 18+. npm 7+ auto-installs `react` and `react-dom` as peer dependencies. Radix UI and other runtime packages are included as dependencies of `@rfdtech/components`.
 
 
+## Hooks
+
+Shared hooks for URL-driven overlay state and router integration. See the [Hooks](/docs/hooks) docs page for full API reference.
+
+```tsx
+import {
+  Dialog,
+  DialogContent,
+  useDialogSearchParam,
+  useModalSearchParam,
+} from "@rfdtech/components";
+
+const { open, data, onOpenChange, openWith } = useDialogSearchParam<{
+  userId: string;
+}>("edit-profile");
+
+openWith({ userId: "42" });
+
+<Dialog open={open} onOpenChange={onOpenChange}>
+  <DialogContent>Edit user {data?.userId}</DialogContent>
+</Dialog>
+```
+
+Exports: `useSearchParamOverlay`, `useDialogSearchParam`, `useModalSearchParam`, `createSearchParamAdapter`, `createBrowserSearchParamAdapter`, `readOverlayData`, `writeOverlayData`, `clearOverlayData`, `getDataPrefix`. Types: `SearchParamOverlayState`, `SearchParamOverlayData`, `SearchParamAdapter`, `UseSearchParamOverlayOptions`, `UseSearchParamOverlayReturn`.
+
+
 ## AppSwitcher
 
 Google Apps–style 9-dot launcher for switching between GSL systems. Drop it into your header to let users jump between products. Pass `apps` directly from your own data layer; use `loading` while data is being fetched.
@@ -92,6 +118,54 @@ Props: `apps`, `loading`, `loadingLabel`, `columns`, `open`, `onOpenChange`, `on
 Also exported: `AppSwitcherItem`, `GridIcon`, `SystemAppIcon`, `useAppSwitcher`.
 
 
+## Badge
+
+Compact inline label for status, counts, and metadata with semantic color variants. See the [Badge](/docs/badge) docs page for props and exported types.
+
+```tsx
+import { Badge } from "@rfdtech/components";
+
+<Badge variant="success">Active</Badge>
+<Badge variant="warning">Pending</Badge>
+<Badge variant="error">Failed</Badge>
+<Badge variant="outline" size="md">
+  Draft
+</Badge>
+```
+
+Props: `variant`, `size`, `classNames`, `className`, and standard `span` attributes. Exported types: `BadgeProps`, `BadgeClassNames`, `BadgeVariant`, `BadgeSize`.
+
+
+## Breadcrumb
+
+Compound breadcrumb primitives for hierarchical page trails. See the [Breadcrumb](/docs/breadcrumb) docs page for props and exported types.
+
+```tsx
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@rfdtech/components";
+
+<Breadcrumb>
+  <BreadcrumbList>
+    <BreadcrumbItem>
+      <BreadcrumbLink href="/">Home</BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbPage>Profile</BreadcrumbPage>
+    </BreadcrumbItem>
+  </BreadcrumbList>
+</Breadcrumb>
+```
+
+Exported parts: `Breadcrumb`, `BreadcrumbList`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbPage`, `BreadcrumbSeparator`, `BreadcrumbEllipsis`. Exported types: `BreadcrumbProps`, `BreadcrumbLinkProps`, `BreadcrumbPageProps`, and related `*ClassNames` interfaces.
+
+
 ## BulkImportModal
 
 Four-step modal wizard for importing spreadsheet data (.xlsx, .xls, .csv). Parsing and validation run entirely in the browser.
@@ -99,7 +173,7 @@ Four-step modal wizard for importing spreadsheet data (.xlsx, .xls, .csv). Parsi
 ### Usage
 
 ```tsx
-import { BulkImportModal } from "@rfdtech/components";
+import { BulkImportModal, useModalSearchParam } from "@rfdtech/components";
 
 const fields = [
   { key: "email", label: "Email", required: true },
@@ -107,13 +181,18 @@ const fields = [
   { key: "student_id", label: "Student ID" },
 ];
 
+const { open, onOpenChange, openWith } = useModalSearchParam("bulk-import");
+
+<button type="button" onClick={() => openWith()}>Import students</button>
+
 <BulkImportModal
   open={open}
-  onOpenChange={setOpen}
+  onOpenChange={onOpenChange}
   title="Import students"
   fields={fields}
   onComplete={(result) => {
     console.log(result.rows, result.errors);
+    onOpenChange(false);
   }}
 />
 ```
@@ -292,6 +371,54 @@ import { Checkbox } from "@rfdtech/components";
 Props: `checked`, `defaultChecked`, `onCheckedChange`, `label`, `disabled`, `required`, `name`, `value`, `id`, `aria-label`, `classNames`, `className`. Exported types: `CheckboxProps`, `CheckboxClassNames`.
 
 
+## Command
+
+Compound command menu primitives for searchable, keyboard-navigable action lists. Supports inline pickers and modal palettes via `CommandDialog`. See the [Command](/docs/command) docs page for props and exported types.
+
+```tsx
+import {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandShortcut,
+  useDialogSearchParam,
+} from "@rfdtech/components";
+
+<Command label="Field picker">
+  <CommandInput placeholder="Search fields..." />
+  <CommandList>
+    <CommandEmpty>No results.</CommandEmpty>
+    <CommandGroup heading="Fields">
+      <CommandItem value="email" onSelect={() => setField("email")}>
+        Email
+      </CommandItem>
+    </CommandGroup>
+  </CommandList>
+</Command>
+
+const { open, onOpenChange, openWith } = useDialogSearchParam("command-menu");
+
+<Button onClick={() => openWith()}>Open command menu</Button>
+
+<CommandDialog open={open} onOpenChange={onOpenChange} shortcut label="Command menu">
+  <CommandInput placeholder="Type a command..." />
+  <CommandList>
+    <CommandItem onSelect={() => go("/dashboard")}>Dashboard</CommandItem>
+    <CommandItem onSelect={signOut}>
+      Sign out
+      <CommandShortcut><span>⌘</span><span>Q</span></CommandShortcut>
+    </CommandItem>
+  </CommandList>
+</CommandDialog>
+```
+
+Exports: `Command`, `CommandDialog`, `CommandInput`, `CommandList`, `CommandEmpty`, `CommandGroup`, `CommandItem`, `CommandSeparator`, `CommandLoading`, `CommandShortcut`, `useCommandShortcut`. Exported types: `CommandProps`, `CommandDialogProps`, `CommandItemProps`, `CommandShortcutProps`, `UseCommandShortcutOptions`, and related `*ClassNames` types.
+
+
 ## RadioGroup
 
 Single-choice radio group with optional labels and descriptions on each `Radio` item. Use `variant="card"` for bordered choice cards. See the [RadioGroup](/docs/radio-group) docs page for props and exported types.
@@ -339,6 +466,193 @@ import { Dropdown } from "@rfdtech/components";
 Props: `value`, `onValueChange`, `options`, `placeholder`, `clearable`, `disabled`, `aria-label`, `classNames`, `className`. Exported types: `DropdownProps`, `DropdownOption`, `DropdownClassNames`.
 
 
+## Form
+
+Field, Input, and Textarea primitives for accessible form layouts. See the [Form](/docs/form) docs page for props and exported types.
+
+```tsx
+import {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldLabel,
+  Input,
+  Textarea,
+} from "@rfdtech/components";
+
+<Field>
+  <FieldLabel>Email</FieldLabel>
+  <FieldControl>
+    <Input type="email" placeholder="you@example.com" />
+  </FieldControl>
+  <FieldDescription>We will never share your email.</FieldDescription>
+</Field>
+```
+
+Exports: `Field`, `FieldLabel`, `FieldDescription`, `FieldError`, `FieldControl`, `Input`, `Textarea`. Types: `FieldProps`, `FieldClassNames`, `InputProps`, `TextareaProps`.
+
+
+## FormField
+
+react-hook-form adapters with Zod validation support. See the [FormField](/docs/form-field) docs page for props and exported types.
+
+```bash
+npm install react-hook-form zod @hookform/resolvers
+```
+
+```tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import {
+  Button,
+  Field,
+  FieldControl,
+  FieldError,
+  FieldLabel,
+  Form,
+  FormField,
+  Input,
+} from "@rfdtech/components";
+
+const formSchema = z.object({
+  email: z.string().min(1, "Email is required").email("Enter a valid email address"),
+});
+
+type FormValues = z.infer<typeof formSchema>;
+
+const form = useForm<FormValues>({
+  resolver: zodResolver(formSchema),
+  defaultValues: { email: "" },
+});
+
+<Form {...form}>
+  <form onSubmit={form.handleSubmit(onSubmit)}>
+    <FormField
+      control={form.control}
+      name="email"
+      render={({ field, fieldState }) => (
+        <Field invalid={!!fieldState.error}>
+          <FieldLabel>Email</FieldLabel>
+          <FieldControl>
+            <Input type="email" {...field} />
+          </FieldControl>
+          <FieldError>{fieldState.error?.message}</FieldError>
+        </Field>
+      )}
+    />
+    <Button type="submit">Save</Button>
+  </form>
+</Form>
+```
+
+Exports: `Form`, `FormField`, `useFormField`. Types: `FormProps`, `FormFieldProps`, `UseFormFieldReturn`.
+
+
+## Dialog
+
+Compound dialog primitives for modal overlays. See the [Dialog](/docs/dialog) docs page for props and exported types.
+
+```tsx
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  useDialogSearchParam,
+} from "@rfdtech/components";
+
+const { open, data, onOpenChange, openWith } = useDialogSearchParam<{
+  userId: string;
+}>("edit-profile");
+
+<Button variant="secondary" onClick={() => openWith({ userId: "42" })}>
+  Edit profile
+</Button>
+
+<Dialog open={open} onOpenChange={onOpenChange}>
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogContent showCloseButton>
+      <DialogTitle>Edit profile</DialogTitle>
+      <DialogDescription>
+        Make changes here. Editing user {data?.userId}.
+      </DialogDescription>
+    </DialogContent>
+  </DialogPortal>
+</Dialog>
+```
+
+Props: `Dialog` — `open`, `defaultOpen`, `onOpenChange`. `DialogContent` — `showCloseButton`, `classNames`, `className`. Styled parts also support part-level `classNames`. Exported types: `DialogOverlayProps`, `DialogContentProps`, `DialogTitleProps`, `DialogDescriptionProps`, and related `*ClassNames` interfaces.
+
+
+## Draggable
+
+Repositionable panel primitive with optional handle and bounded pointer dragging. See the [Draggable](/docs/draggable) docs page for props and exported types.
+
+```tsx
+import { Draggable, DraggableHandle } from "@rfdtech/components";
+
+<div style={{ position: "relative", height: 240 }}>
+  <Draggable defaultPosition={{ x: 24, y: 24 }} bounds="parent">
+    <DraggableHandle aria-label="Drag card" />
+    <div>Drag me</div>
+  </Draggable>
+</div>
+```
+
+Exports: `Draggable`, `DraggableHandle`, `useDraggable`, `clampPosition`. Types: `DraggableProps`, `DraggableHandleProps`, `DraggablePosition`, `DraggableBounds`, `DraggableAxis`, `UseDraggableOptions`, `UseDraggableReturn`.
+
+
+## Modal
+
+Compound modal primitives for near full-viewport overlays with header, body, and footer slots. See the [Modal](/docs/modal) docs page for props and exported types.
+
+```tsx
+import {
+  Button,
+  Modal,
+  ModalBody,
+  ModalContent,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalOverlay,
+  ModalPortal,
+  ModalTitle,
+  useModalSearchParam,
+} from "@rfdtech/components";
+
+const { open, onOpenChange, openWith } = useModalSearchParam("review-changes");
+
+<Button variant="secondary" onClick={() => openWith()}>
+  Review changes
+</Button>
+
+<Modal open={open} onOpenChange={onOpenChange}>
+  <ModalPortal>
+    <ModalOverlay />
+    <ModalContent showCloseButton>
+      <ModalHeader>
+        <ModalTitle>Review changes</ModalTitle>
+        <ModalDescription>Confirm before publishing.</ModalDescription>
+      </ModalHeader>
+      <ModalBody>{children}</ModalBody>
+      <ModalFooter>
+        <Button variant="ghost" onClick={() => onOpenChange(false)}>Cancel</Button>
+        <Button onClick={() => onOpenChange(false)}>Publish</Button>
+      </ModalFooter>
+    </ModalContent>
+  </ModalPortal>
+</Modal>
+```
+
+Props: `Modal` — `open`, `defaultOpen`, `onOpenChange`. `ModalContent` — `showCloseButton`, `classNames`, `className`. Layout parts (`ModalHeader`, `ModalBody`, `ModalFooter`) support part-level `classNames`. Exported types: `ModalOverlayProps`, `ModalContentProps`, `ModalHeaderProps`, `ModalTitleProps`, `ModalDescriptionProps`, `ModalBodyProps`, `ModalFooterProps`, and related `*ClassNames` interfaces.
+
+
 ## Popover
 
 Compound popover primitives for floating panels. See the [Popover](/docs/popover) docs page for props and exported types.
@@ -385,6 +699,144 @@ import {
 Exports: `Popover`, `PopoverTrigger`, `PopoverContent`, `PopoverPortal`, `PopoverAnchor`, `PopoverClose`. Exported types: `PopoverContentProps`, `PopoverContentClassNames`.
 
 
+## ProgressBar
+
+Accessible progress indicator for task completion and loading states. See the [ProgressBar](/docs/progress-bar) docs page for props and exported types.
+
+```tsx
+import { ProgressBar } from "@rfdtech/components";
+
+<ProgressBar value={60} label="Upload progress" showValue />
+<ProgressBar value={100} variant="success" />
+<ProgressBar indeterminate label="Loading" size="md" />
+```
+
+Props: `value`, `max`, `variant`, `size`, `indeterminate`, `label`, `showValue`, `classNames`, `className`, and standard `div` attributes. Exported types: `ProgressBarProps`, `ProgressBarClassNames`, `ProgressBarVariant`, `ProgressBarSize`.
+
+
+## Sidebar
+
+Compound sidebar primitives for app shells and section navigation. Desktop uses a sticky card-style rail with optional collapse; mobile uses an offcanvas drawer with trigger and overlay. See the [Sidebar](/docs/sidebar) docs page for props and exported types.
+
+```tsx
+import {
+  Sidebar,
+  SidebarCollapse,
+  SidebarContent,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarItem,
+  SidebarLink,
+  SidebarNav,
+  SidebarOverlay,
+  SidebarProvider,
+  SidebarTrigger,
+} from "@rfdtech/components";
+
+<SidebarProvider>
+  <SidebarTrigger>Open menu</SidebarTrigger>
+  <SidebarOverlay />
+  <Sidebar>
+    <SidebarHeader>
+      <div className="gsl-sidebar__header-brand">
+        <span className="gsl-sidebar__header-title">GSL Admin</span>
+      </div>
+      <SidebarCollapse />
+    </SidebarHeader>
+    <SidebarContent>
+      <SidebarNav aria-label="Main">
+        <SidebarGroup>
+          <SidebarGroupLabel>General</SidebarGroupLabel>
+          <SidebarItem>
+            <SidebarLink href="/dashboard" icon={<DashboardIcon />} active={path === "/dashboard"}>
+              Dashboard
+            </SidebarLink>
+          </SidebarItem>
+        </SidebarGroup>
+      </SidebarNav>
+    </SidebarContent>
+  </Sidebar>
+  <main>{children}</main>
+</SidebarProvider>
+```
+
+Exports: `SidebarProvider`, `useSidebar`, `Sidebar`, `SidebarBadge`, `SidebarCollapse`, `SidebarTrigger`, `SidebarOverlay`, `SidebarHeader`, `SidebarContent`, `SidebarFooter`, `SidebarNav`, `SidebarGroup`, `SidebarGroupLabel`, `SidebarItem`, `SidebarLink`. Exported types: `SidebarProviderProps`, `SidebarProps`, `SidebarLinkProps`, `SidebarBadgeProps`, `SidebarCollapseProps`, and related `*ClassNames` types.
+
+
+## Sheet
+
+Compound sheet primitives for edge-sliding panels. See the [Sheet](/docs/sheet) docs page for props and exported types.
+
+```tsx
+import {
+  Button,
+  Sheet,
+  SheetBody,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+} from "@rfdtech/components";
+
+<Sheet open={open} onOpenChange={setOpen}>
+  <SheetTrigger asChild>
+    <Button variant="secondary">Open filters</Button>
+  </SheetTrigger>
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetContent side="right" showCloseButton>
+      <SheetHeader>
+        <SheetTitle>Filters</SheetTitle>
+        <SheetDescription>Refine the results below.</SheetDescription>
+      </SheetHeader>
+      <SheetBody>{children}</SheetBody>
+      <SheetFooter>
+        <Button variant="ghost" onClick={() => setOpen(false)}>Reset</Button>
+        <Button onClick={() => setOpen(false)}>Apply</Button>
+      </SheetFooter>
+    </SheetContent>
+  </SheetPortal>
+</Sheet>
+```
+
+Props: `Sheet` — `open`, `defaultOpen`, `onOpenChange`. `SheetContent` — `side`, `showCloseButton`, `classNames`, `className`. Layout parts support part-level `classNames`. Exported types: `SheetSide`, `SheetOverlayProps`, `SheetContentProps`, `SheetHeaderProps`, `SheetTitleProps`, `SheetDescriptionProps`, `SheetBodyProps`, `SheetFooterProps`, and related `*ClassNames` interfaces.
+
+
+## Sortable
+
+Reorderable list primitive with optional drag handles and keyboard support. See the [Sortable](/docs/sortable) docs page for props and exported types.
+
+```tsx
+import { useState } from "react";
+import {
+  Sortable,
+  SortableHandle,
+  SortableItem,
+  SortableList,
+} from "@rfdtech/components";
+
+const [items, setItems] = useState(["alpha", "beta", "gamma"]);
+
+<Sortable items={items} onReorder={setItems}>
+  <SortableList>
+    {items.map((id) => (
+      <SortableItem key={id} id={id}>
+        <SortableHandle aria-label={`Reorder ${id}`} />
+        <span>{id}</span>
+      </SortableItem>
+    ))}
+  </SortableList>
+</Sortable>
+```
+
+Exports: `Sortable`, `SortableList`, `SortableItem`, `SortableHandle`, `reorderItems`. Types: `SortableProps`, `SortableListProps`, `SortableItemProps`, `SortableHandleProps`, `SortableId`, `SortableStrategy`, `SortableClassNames`.
+
+
 ## Tabs
 
 Compound tabs primitives for switching between related panels. See the [Tabs](/docs/tabs) docs page for props and exported types.
@@ -404,6 +856,33 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@rfdtech/components";
 
 Exports: `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`. Props: `Tabs` — `value`, `defaultValue`, `onValueChange`, `orientation`, `activationMode`, `variant`, `classNames`, `className`, `children`. `TabsTrigger` — `value`, `disabled`, `classNames`, `className`. Exported types: `TabsProps`, `TabsListProps`, `TabsTriggerProps`, `TabsContentProps`, `TabsVariant`, `TabsClassNames`, `TabsListClassNames`, `TabsTriggerClassNames`, `TabsContentClassNames`.
 
+
+## Toast
+
+Transient notifications with an imperative `useToast` hook, powered by Sonner. See the [Toast](/docs/toast) docs page for props and exported types.
+
+```tsx
+import { CheckCircle2 } from "lucide-react";
+import { ToastProvider, Toaster, useToast } from "@rfdtech/components";
+
+<ToastProvider>
+  <App />
+  <Toaster />
+</ToastProvider>
+
+const { toast } = useToast();
+
+toast({
+  title: "Profile saved",
+  description: "Your changes were applied.",
+  variant: "success",
+  icon: <CheckCircle2 size={18} strokeWidth={2} aria-hidden />,
+});
+```
+
+Exports: `ToastProvider`, `Toaster`, `useToast`. Types: `ToastOptions`, `ToastVariant`, `ToastProviderProps`, `ToasterProps`, `UseToastReturn`, `ToastClassNames`, `ToastAction`, `ToastReturn`.
+
+
 ## Development
 
 ```bash

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

@@ -0,0 +1,4 @@
+import type { BadgeProps } from "../../types/badge";
+import "./styles/badge.css";
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,KAAK,wGA0BhB,CAAC"}

package/dist/components/badge/Badge.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Badge.test.d.ts.map

package/dist/components/badge/Badge.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.test.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Badge } from "./Badge";
+export type { BadgeClassNames, BadgeProps, BadgeSize, BadgeVariant, } from "../../types/badge";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,eAAe,EACf,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,mBAAmB,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps } from "../../types/breadcrumb";
+import "./styles/breadcrumb.css";
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
+export declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<HTMLOListElement>>;
+export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<BreadcrumbPageProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare const BreadcrumbEllipsis: import("react").ForwardRefExoticComponent<BreadcrumbEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,wBAAwB,EACzB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,yBAAyB,CAAC;AAEjC,eAAO,MAAM,UAAU,yGAsBtB,CAAC;AAEF,eAAO,MAAM,cAAc,kHAY1B,CAAC;AAEF,eAAO,MAAM,cAAc,+GAY1B,CAAC;AAEF,eAAO,MAAM,cAAc,mHAgC1B,CAAC;AAEF,eAAO,MAAM,cAAc,iHAa1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,oHAwB9B,CAAC;AAEH,eAAO,MAAM,kBAAkB,qHA6B7B,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Breadcrumb.test.d.ts.map

package/dist/components/breadcrumb/Breadcrumb.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.test.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./Breadcrumb";
+export type { BreadcrumbClassNames, BreadcrumbEllipsisClassNames, BreadcrumbEllipsisProps, BreadcrumbItemClassNames, BreadcrumbItemProps, BreadcrumbLinkClassNames, BreadcrumbLinkProps, BreadcrumbListClassNames, BreadcrumbListProps, BreadcrumbPageClassNames, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorClassNames, BreadcrumbSeparatorProps, } from "../../types/breadcrumb";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,oBAAoB,EACpB,4BAA4B,EAC5B,uBAAuB,EACvB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,eAAe,EACf,6BAA6B,EAC7B,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}

package/dist/components/command/Command.d.ts

@@ -0,0 +1,18 @@
+import type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandLoadingProps, CommandProps, CommandSeparatorProps, CommandShortcutProps } from "../../types/command";
+import "./styles/command.css";
+export { useCommandDialog } from "./CommandDialogContext";
+export { useCommandShortcut } from "./hooks/useCommandShortcut";
+export type { UseCommandShortcutOptions } from "./hooks/useCommandShortcut";
+export { formatCommandShortcutLabels, matchesCommandShortcut, parseCommandShortcut, } from "./hooks/parseCommandShortcut";
+export type { ParsedCommandShortcut } from "./hooks/parseCommandShortcut";
+export declare const Command: import("react").ForwardRefExoticComponent<CommandProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandDialog: import("react").ForwardRefExoticComponent<CommandDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandInput: import("react").ForwardRefExoticComponent<CommandInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CommandList: import("react").ForwardRefExoticComponent<CommandListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandEmpty: import("react").ForwardRefExoticComponent<CommandEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandGroup: import("react").ForwardRefExoticComponent<CommandGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandItem: import("react").ForwardRefExoticComponent<CommandItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandShortcut: import("react").ForwardRefExoticComponent<CommandShortcutProps & import("react").RefAttributes<HTMLElement>>;
+export declare const CommandSeparator: import("react").ForwardRefExoticComponent<CommandSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CommandLoading: import("react").ForwardRefExoticComponent<CommandLoadingProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Command.d.ts.map

package/dist/components/command/Command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAqB1E,eAAO,MAAM,OAAO,yGAalB,CAAC;AAEH,eAAO,MAAM,aAAa,+GAmFzB,CAAC;AAEF,eAAO,MAAM,YAAY,gHAgDxB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAYvB,CAAC;AAEF,eAAO,MAAM,YAAY,8GAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,8GAmCxB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAYvB,CAAC;AAEF,eAAO,MAAM,eAAe,8GAe3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAe3B,CAAC;AAEH,eAAO,MAAM,cAAc,gHAY1B,CAAC"}

package/dist/components/command/Command.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Command.test.d.ts.map

package/dist/components/command/Command.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.test.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.test.tsx"],"names":[],"mappings":""}

package/dist/components/command/CommandDialogContext.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+export interface CommandDialogContextValue {
+    inputShortcut?: string;
+}
+export declare function CommandDialogProvider({ children, inputShortcut, }: {
+    children: ReactNode;
+    inputShortcut?: string;
+}): import("react").JSX.Element;
+export declare function useCommandDialog(): CommandDialogContextValue | null;
+//# sourceMappingURL=CommandDialogContext.d.ts.map

package/dist/components/command/CommandDialogContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandDialogContext.d.ts","sourceRoot":"","sources":["../../../src/components/command/CommandDialogContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,+BAMA;AAED,wBAAgB,gBAAgB,qCAE/B"}

package/dist/components/command/hooks/parseCommandShortcut.d.ts

@@ -0,0 +1,11 @@
+export interface ParsedCommandShortcut {
+    key: string;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+}
+export declare function parseCommandShortcut(shortcut: string): ParsedCommandShortcut;
+export declare function matchesCommandShortcut(event: KeyboardEvent, shortcut: string): boolean;
+export declare function formatCommandShortcutLabels(shortcut: string): string[];
+//# sourceMappingURL=parseCommandShortcut.d.ts.map

package/dist/components/command/hooks/parseCommandShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseCommandShortcut.d.ts","sourceRoot":"","sources":["../../../../src/components/command/hooks/parseCommandShortcut.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAUD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,qBAAqB,CA0B5E;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,MAAM,GACf,OAAO,CAUT;AAED,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAwCtE"}