@datum-cloud/datum-ui 0.2.0-alpha.0 → 0.2.0-alpha.2

package/dist/index-DH2XEEjO.d.mts

@@ -1,3995 +0,0 @@
-import { i as UseThemeProps, n as ThemeProviderProps } from "./types-BoL47uxV.mjs";
-import { VariantProps } from "class-variance-authority";
-import { LucideIcon } from "lucide-react";
-import * as React$2 from "react";
-import React$1, { ComponentProps, ElementType, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Button } from "@repo/shadcn/ui/button";
-import { DateRange, DayButton, DayPicker } from "react-day-picker";
-import { CardContent, CardDescription, CardTitle } from "@repo/shadcn/ui/card";
-import { Checkbox } from "@repo/shadcn/ui/checkbox";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { Label } from "@repo/shadcn/ui/label";
-import { RadioGroup, RadioGroupItem } from "@repo/shadcn/ui/radio-group";
-import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger } from "@repo/shadcn/ui/select";
-import { Sheet, SheetDescription as SheetDescription$1, SheetFooter, SheetHeader as SheetHeader$1, SheetTitle as SheetTitle$1, SheetTrigger } from "@repo/shadcn/ui/sheet";
-import { Switch } from "@repo/shadcn/ui/switch";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { Separator } from "@repo/shadcn/ui/separator";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { DropEvent, DropzoneOptions, FileRejection } from "react-dropzone";
-import { FieldMetadata, FormMetadata } from "@conform-to/react";
-import { ExternalToast, Toaster } from "sonner";
-import { z } from "zod";
-import * as Stepperize from "@stepperize/react";
-import { NumericFormatProps } from "react-number-format";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-import * as _radix_ui_react_select0 from "@radix-ui/react-select";
-
-//#region src/components/base/alert/alert.d.ts
-declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "info" | "warning" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface AlertProps extends React$2.ComponentProps<'div'>, VariantProps<typeof alertVariants> {
-  /**
-   * Whether the alert can be closed. When true, a close button is displayed.
-   * @default false
-   */
-  closable?: boolean;
-  /**
-   * Callback function called when the close button is clicked.
-   */
-  onClose?: () => void;
-}
-declare function Alert({
-  className,
-  variant,
-  closable,
-  onClose,
-  ...props
-}: AlertProps): react_jsx_runtime0.JSX.Element | null;
-declare function AlertTitle({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function AlertDescription({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/base/badge/badge.d.ts
-/**
- * Datum Badge Component
- * Similar to Button component but with badge-specific styling
- * Supports types: primary, secondary, tertiary, quaternary, warning, danger, success
- * Supports themes: solid, outline, light
- */
-declare const badgeVariants: (props?: ({
-  type?: "secondary" | "success" | "info" | "warning" | "primary" | "tertiary" | "quaternary" | "danger" | "muted" | null | undefined;
-  theme?: "light" | "outline" | "solid" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface BadgeProps extends React$2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
-declare function Badge({
-  className,
-  type,
-  theme,
-  ...props
-}: BadgeProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/base/button/button.d.ts
-declare const buttonVariants$1: (props?: ({
-  type?: "secondary" | "success" | "warning" | "primary" | "tertiary" | "quaternary" | "danger" | null | undefined;
-  theme?: "light" | "outline" | "link" | "solid" | "borderless" | null | undefined;
-  size?: "xs" | "default" | "link" | "icon" | "small" | "large" | null | undefined;
-  block?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<React$2.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, VariantProps<typeof buttonVariants$1> {
-  asChild?: boolean;
-  loading?: boolean;
-  icon?: React$2.ReactNode;
-  iconPosition?: 'left' | 'right';
-  loadingIcon?: React$2.ReactNode;
-  htmlType?: 'button' | 'submit' | 'reset';
-}
-declare function Button$1({
-  ref,
-  className,
-  type,
-  theme,
-  size,
-  block,
-  loading,
-  disabled,
-  icon,
-  iconPosition,
-  loadingIcon,
-  htmlType,
-  children,
-  ...props
-}: ButtonProps & {
-  ref?: React$2.RefObject<HTMLButtonElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace Button$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/button/link-button.d.ts
-interface LinkButtonProps extends Omit<React$2.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>, VariantProps<typeof buttonVariants$1> {
-  /** Polymorphic component to render (defaults to native `<a>`) */
-  as?: React$2.ElementType;
-  /** Destination URL — mapped to `href` for native `<a>`, `to` for router Links */
-  href?: string;
-  icon?: React$2.ReactNode;
-  iconPosition?: 'left' | 'right';
-}
-declare function LinkButton({
-  ref,
-  className,
-  type,
-  theme,
-  size,
-  block,
-  icon,
-  iconPosition,
-  children,
-  as: Component,
-  href,
-  ...props
-}: LinkButtonProps & {
-  ref?: React$2.RefObject<HTMLAnchorElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace LinkButton {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/calendar/calendar.d.ts
-declare function Calendar$1({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React$2.ComponentProps<typeof DayPicker> & {
-  buttonVariant?: React$2.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime0.JSX.Element;
-declare function CalendarDayButton({
-  className,
-  day,
-  modifiers,
-  ...props
-}: React$2.ComponentProps<typeof DayButton>): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/base/card/card.d.ts
-declare function Card({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function CardHeader({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function CardFooter({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/base/checkbox/checkbox.d.ts
-declare function Checkbox$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof Checkbox> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof Checkbox> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace Checkbox$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/dialog/dialog.d.ts
-interface DialogProps {
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  defaultOpen?: boolean;
-  children: React$2.ReactNode;
-}
-declare function Dialog({
-  children,
-  ...props
-}: DialogProps): react_jsx_runtime0.JSX.Element;
-declare namespace Dialog {
-  var Trigger: ({
-    children,
-    asChild
-  }: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
-  var Content: ({
-    children,
-    className
-  }: DialogContentProps) => react_jsx_runtime0.JSX.Element;
-  var Header: ({
-    title,
-    description,
-    onClose,
-    className,
-    descriptionClassName
-  }: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
-  var Body: ({
-    children,
-    className
-  }: DialogBodyProps) => react_jsx_runtime0.JSX.Element;
-  var Footer: ({
-    children,
-    className
-  }: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
-  var Overlay: typeof DialogOverlay;
-}
-interface DialogOverlayProps {
-  className?: string;
-}
-declare function DialogOverlay({
-  className,
-  ...props
-}: DialogOverlayProps): react_jsx_runtime0.JSX.Element;
-interface DialogTriggerProps {
-  children: React$2.ReactNode;
-  asChild?: boolean;
-}
-interface DialogContentProps {
-  children: React$2.ReactNode;
-  className?: string;
-}
-interface DialogHeaderProps {
-  title: React$2.ReactNode;
-  description?: React$2.ReactNode;
-  onClose?: () => void;
-  className?: string;
-  descriptionClassName?: string;
-}
-interface DialogBodyProps {
-  children: React$2.ReactNode;
-  className?: string;
-}
-interface DialogFooterProps {
-  children: React$2.ReactNode;
-  className?: string;
-}
-//#endregion
-//#region src/components/base/input/input.d.ts
-declare function Input({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<'input'> & {
-  ref?: React$2.RefObject<HTMLInputElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace Input {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/label/label.d.ts
-/**
- * Datum Label component - extends shadcn Label with Datum-specific styling
- *
- * This component wraps the shadcn Label and allows for Datum-specific
- * class customizations without modifying the core shadcn component.
- *
- * @example
- * ```tsx
- * <Label
- *   htmlFor="input-id"
- *   className="custom-class"
- * >
- *   Field Label
- * </Label>
- * ```
- */
-declare function Label$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof Label> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof Label> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace Label$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/radio-group/radio-group.d.ts
-declare function RadioGroup$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof RadioGroup> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof RadioGroup> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace RadioGroup$1 {
-  var displayName: string;
-}
-declare function RadioGroupItem$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof RadioGroupItem> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof RadioGroupItem> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace RadioGroupItem$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/select/select.d.ts
-declare const Select$1: ({
-  ...props
-}: React$2.ComponentProps<React$2.FC<_radix_ui_react_select0.SelectProps>>) => react_jsx_runtime0.JSX.Element;
-declare const SelectValue$1: ({
-  ...props
-}: React$2.ComponentProps<React$2.ForwardRefExoticComponent<_radix_ui_react_select0.SelectValueProps & React$2.RefAttributes<HTMLSpanElement>>>) => react_jsx_runtime0.JSX.Element;
-declare function SelectGroup$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectGroup> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectGroup> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectGroup$1 {
-  var displayName: string;
-}
-declare function SelectTrigger$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectTrigger> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectTrigger> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectTrigger$1 {
-  var displayName: string;
-}
-declare function SelectContent$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectContent> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectContent> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectContent$1 {
-  var displayName: string;
-}
-declare function SelectLabel$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectLabel> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectLabel> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectLabel$1 {
-  var displayName: string;
-}
-declare function SelectItem$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectItem> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectItem> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectItem$1 {
-  var displayName: string;
-}
-declare function SelectSeparator$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectSeparator> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectSeparator> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectSeparator$1 {
-  var displayName: string;
-}
-declare function SelectScrollUpButton$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectScrollUpButton> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectScrollUpButton> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectScrollUpButton$1 {
-  var displayName: string;
-}
-declare function SelectScrollDownButton$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof SelectScrollDownButton> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof SelectScrollDownButton> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace SelectScrollDownButton$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/sheet/sheet.d.ts
-declare const SheetClose: React$2.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React$2.RefAttributes<HTMLButtonElement>>;
-interface SheetOverlayProps extends React$2.ComponentProps<typeof SheetPrimitive.Overlay> {}
-declare function SheetOverlay({
-  className,
-  ...props
-}: SheetOverlayProps): react_jsx_runtime0.JSX.Element;
-interface SheetContentProps extends React$2.ComponentProps<typeof SheetPrimitive.Content> {
-  side?: 'top' | 'right' | 'bottom' | 'left';
-}
-declare function SheetContent$1({
-  className,
-  children,
-  side,
-  ...props
-}: SheetContentProps): react_jsx_runtime0.JSX.Element;
-interface SheetComponent extends React$2.FC<React$2.ComponentProps<typeof Sheet>> {
-  Trigger: typeof SheetTrigger;
-  Content: typeof SheetContent$1;
-  Close: typeof SheetClose;
-  Header: typeof SheetHeader$1;
-  Footer: typeof SheetFooter;
-  Title: typeof SheetTitle$1;
-  Description: typeof SheetDescription$1;
-}
-declare const Sheet$1: SheetComponent;
-//#endregion
-//#region src/components/base/switch/switch.d.ts
-declare function Switch$1({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<typeof Switch> & {
-  ref?: React$2.RefObject<React$2.ElementRef<typeof Switch> | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace Switch$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/tabs/tabs.d.ts
-/**
- * Datum Tabs Component
- * Extends shadcn Tabs with:
- * - TabsLinkTrigger for router-agnostic link integration
- * - Dark mode customizations
- */
-declare function Tabs({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime0.JSX.Element;
-declare function TabsList({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime0.JSX.Element;
-declare function TabsTrigger({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime0.JSX.Element;
-declare function TabsContent({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime0.JSX.Element;
-interface TabsLinkTriggerProps extends React$2.ComponentProps<typeof TabsPrimitive.Trigger> {
-  /** Destination URL — mapped to `href` for native `<a>`, `to` for router Links */
-  href: string;
-  /** Link component to use (defaults to native `<a>`) */
-  linkComponent?: React$2.ElementType;
-}
-declare function TabsLinkTrigger({
-  value,
-  href,
-  linkComponent: LinkComp,
-  children,
-  className,
-  ...props
-}: TabsLinkTriggerProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/base/textarea/textarea.d.ts
-declare function Textarea({
-  ref,
-  className,
-  ...props
-}: React$2.ComponentProps<'textarea'> & {
-  ref?: React$2.RefObject<HTMLTextAreaElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace Textarea {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/base/tooltip/tooltip.d.ts
-interface TooltipProps {
-  message: string | ReactNode;
-  children: ReactNode;
-  delayDuration?: number;
-  side?: 'top' | 'right' | 'bottom' | 'left';
-  align?: 'start' | 'center' | 'end';
-  sideOffset?: number;
-  hidden?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  contentClassName?: string;
-  arrowClassName?: string;
-}
-declare function Tooltip({
-  message,
-  children,
-  delayDuration,
-  side,
-  align,
-  sideOffset,
-  hidden,
-  open,
-  onOpenChange,
-  contentClassName,
-  arrowClassName
-}: TooltipProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/autocomplete/autocomplete.types.d.ts
-interface AutocompleteOption {
-  /** Unique identifier, submitted to form */
-  value: string;
-  /** Display text, used for built-in search filtering */
-  label: string;
-  /** Optional secondary text shown below label */
-  description?: string;
-  /** Disable selection of this option */
-  disabled?: boolean;
-}
-interface AutocompleteGroup<T extends AutocompleteOption = AutocompleteOption> {
-  /** Group heading label */
-  label: string;
-  /** Options within this group */
-  options: T[];
-}
-interface AutocompleteProps<T extends AutocompleteOption = AutocompleteOption> {
-  /** Flat options array or grouped options. Groups auto-detected by shape. */
-  options: T[] | AutocompleteGroup<T>[];
-  /** Currently selected option value */
-  value?: string;
-  /** Called when selection changes */
-  onValueChange?: (value: string) => void;
-  /** When provided, disables built-in filtering and delegates to consumer. */
-  onSearchChange?: (value: string) => void;
-  /** Placeholder for the search input */
-  searchPlaceholder?: string;
-  /** Hide the search input entirely */
-  disableSearch?: boolean;
-  /** Custom render for each option in the dropdown */
-  renderOption?: (option: T, isSelected: boolean) => React$2.ReactNode;
-  /** Custom render for the selected value in the trigger */
-  renderValue?: (option: T) => React$2.ReactNode;
-  /** Placeholder text when no value selected */
-  placeholder?: string;
-  /** Content shown when no options match */
-  emptyContent?: React$2.ReactNode;
-  /** Footer content below options list (e.g., "Add new..." action) */
-  footer?: React$2.ReactNode;
-  /** Allow custom values not in the options list */
-  creatable?: boolean;
-  /** Custom render for the creatable item. Default: (value) => `Use "${value}"` */
-  creatableLabel?: (value: string) => React$2.ReactNode;
-  /** Enable virtualization for large lists (default: false) */
-  virtualize?: boolean;
-  /** Item height in pixels for virtualizer estimateSize (default: 36) */
-  itemSize?: number;
-  /** External loading state */
-  loading?: boolean;
-  /** Disable the component */
-  disabled?: boolean;
-  /** HTML name attribute for hidden input */
-  name?: string;
-  /** HTML id attribute */
-  id?: string;
-  /** Additional CSS classes for the root wrapper */
-  className?: string;
-  /** Additional CSS classes for the trigger button */
-  triggerClassName?: string;
-  /** Additional CSS classes for the popover content */
-  contentClassName?: string;
-  /** Additional CSS classes for the command list */
-  listClassName?: string;
-}
-/**
- * Props for Form.Autocomplete - same as the primitive but without
- * value/onValueChange/name/id which come from FieldContext + useInputControl.
- */
-type FormAutocompleteProps<T extends AutocompleteOption = AutocompleteOption> = Omit<AutocompleteProps<T>, 'value' | 'onValueChange' | 'name' | 'id'>;
-//#endregion
-//#region src/components/features/autocomplete/autocomplete.d.ts
-/**
- * Autocomplete - A searchable select component
- *
- * Standalone, form-agnostic combobox built on Popover + Command (cmdk).
- * Supports flat/grouped options, virtualization, custom rendering, and async search.
- *
- * @example Basic usage
- * ```tsx
- * <Autocomplete
- *   value={country}
- *   onValueChange={setCountry}
- *   options={countries}
- *   placeholder="Select country..."
- * />
- * ```
- *
- * @example Async search
- * ```tsx
- * <Autocomplete
- *   value={userId}
- *   onValueChange={setUserId}
- *   options={users ?? []}
- *   onSearchChange={setSearch}
- *   loading={isLoading}
- *   placeholder="Search users..."
- * />
- * ```
- */
-declare function Autocomplete<T extends AutocompleteOption = AutocompleteOption>({
-  options,
-  value,
-  onValueChange,
-  onSearchChange,
-  searchPlaceholder,
-  disableSearch,
-  renderOption,
-  renderValue,
-  placeholder,
-  emptyContent,
-  footer,
-  creatable,
-  creatableLabel,
-  virtualize,
-  itemSize,
-  loading,
-  disabled,
-  name,
-  id,
-  className,
-  triggerClassName,
-  contentClassName,
-  listClassName
-}: AutocompleteProps<T>): react_jsx_runtime0.JSX.Element;
-declare namespace Autocomplete {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/avatar-stack/avatar-stack.d.ts
-declare const avatarStackVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
-  spacing?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface AvatarStackProps extends React$2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarStackVariants> {
-  avatars: {
-    name: string;
-    image: string;
-  }[];
-  maxAvatarsAmount?: number;
-  avatarClassName?: string;
-}
-declare function AvatarStack({
-  className,
-  orientation,
-  avatars,
-  spacing,
-  maxAvatarsAmount,
-  avatarClassName,
-  ...props
-}: AvatarStackProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/calendar-date-picker/calendar-date-picker.d.ts
-declare const multiSelectVariants: (props?: ({
-  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface DateRangePreset {
-  key: string;
-  label: string;
-  start: Date;
-  end: Date;
-}
-interface CalendarDatePickerProps extends React$2.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof multiSelectVariants> {
-  id?: string;
-  className?: string;
-  triggerClassName?: string;
-  date: DateRange;
-  closeOnSelect?: boolean;
-  numberOfMonths?: 1 | 2;
-  yearsRange?: number;
-  onDateSelect: (range: {
-    from: Date;
-    to: Date;
-  } | undefined) => void;
-  placeholder?: string;
-  excludePresets?: string[];
-  customPresets?: DateRangePreset[];
-  minDate?: Date;
-  maxDate?: Date;
-  disableFuture?: boolean;
-  disablePast?: boolean;
-  maxRange?: number;
-}
-declare function CalendarDatePicker({
-  ref,
-  id,
-  className,
-  triggerClassName,
-  date,
-  closeOnSelect,
-  numberOfMonths,
-  yearsRange,
-  onDateSelect,
-  variant,
-  placeholder,
-  excludePresets,
-  customPresets,
-  minDate,
-  maxDate,
-  disableFuture,
-  disablePast,
-  maxRange,
-  ...props
-}: CalendarDatePickerProps & {
-  ref?: React$2.RefObject<HTMLButtonElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace CalendarDatePicker {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/dropdown/dropdown.d.ts
-/**
- * Datum Dropdown Menu Component
- * Extends shadcn DropdownMenu with:
- * - Destructive variant for DropdownMenuItem
- */
-declare function DropdownMenu({
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuPortal({
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuTrigger({
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuContent({
-  className,
-  sideOffset,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuGroup({
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-  inset?: boolean;
-  variant?: 'default' | 'destructive';
-}): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuRadioGroup({
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuSeparator({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuShortcut({
-  className,
-  ...props
-}: React$2.ComponentProps<'span'>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuSub({
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function DropdownMenuSubContent({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/dropzone/dropzone.d.ts
-type DropzoneProps = Omit<DropzoneOptions, 'onDrop'> & {
-  src?: File[];
-  className?: string;
-  onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;
-  children?: ReactNode;
-};
-declare function Dropzone({
-  accept,
-  maxFiles,
-  maxSize,
-  minSize,
-  onDrop,
-  onError,
-  disabled,
-  src,
-  className,
-  children,
-  ...props
-}: DropzoneProps): react_jsx_runtime0.JSX.Element;
-interface DropzoneContentProps {
-  children?: ReactNode;
-  className?: string;
-  icon?: ReactNode;
-  label?: ReactNode | ((files: File[]) => ReactNode);
-  description?: ReactNode;
-}
-declare function DropzoneContent({
-  children,
-  className,
-  icon,
-  label,
-  description
-}: DropzoneContentProps): string | number | bigint | true | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$2.ReactPortal | React$2.ReactElement<unknown, string | React$2.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
-interface DropzoneEmptyStateProps {
-  children?: ReactNode;
-  className?: string;
-  icon?: ReactNode;
-  label?: ReactNode;
-  description?: ReactNode;
-  /** Set to false to hide the auto-generated caption (accepts, size limits) */
-  showCaption?: boolean;
-}
-declare function DropzoneEmptyState({
-  children,
-  className,
-  icon,
-  label,
-  description,
-  showCaption
-}: DropzoneEmptyStateProps): string | number | bigint | true | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$2.ReactPortal | React$2.ReactElement<unknown, string | React$2.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
-//#endregion
-//#region src/components/features/empty-content/empty-content.d.ts
-interface EmptyContentAction {
-  type: 'button' | 'link' | 'external-link';
-  label: string;
-  onClick?: () => void;
-  to?: string;
-  variant?: 'default' | 'destructive' | 'outline';
-  icon?: React.ReactNode;
-  iconPosition?: 'start' | 'end';
-}
-declare const containerVariants: (props?: ({
-  variant?: "default" | "dashed" | "minimal" | null | undefined;
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-interface EmptyContentProps extends VariantProps<typeof containerVariants> {
-  title?: string;
-  subtitle?: string;
-  className?: string;
-  actions?: EmptyContentAction[];
-  spacing?: 'compact' | 'normal' | 'relaxed';
-  /** User's display name for greeting (e.g., "Hey John, ..."). Defaults to "there". */
-  userName?: string;
-  /** Link component for action links (e.g., React Router's Link). Defaults to <a>. */
-  linkComponent?: React.ElementType;
-}
-declare function EmptyContent({
-  title,
-  subtitle,
-  variant,
-  size,
-  className,
-  actions,
-  orientation,
-  spacing,
-  userName,
-  linkComponent
-}: EmptyContentProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/file-input-button/file-input-button.d.ts
-interface FileInputButtonProps extends Omit<ButtonProps, 'onClick'> {
-  /** Accepted file types (e.g., { 'text/plain': ['.txt', '.zone'] }) */
-  accept?: Record<string, string[]>;
-  /** Maximum file size in bytes */
-  maxSize?: number;
-  /** Minimum file size in bytes */
-  minSize?: number;
-  /** Allow multiple file selection */
-  multiple?: boolean;
-  /** Callback when files are selected */
-  onFileSelect?: (files: File[]) => void;
-  /** Callback when a file validation error occurs (file type/size) */
-  onFileError?: (error: Error) => void;
-}
-/**
- * A simple button that triggers a file input dialog.
- * Alternative to Dropzone for cases where drag-and-drop is not needed.
- *
- * @example
- * ```tsx
- * <FileInputButton
- *   accept={{ 'text/plain': ['.txt', '.zone'] }}
- *   maxSize={5 * 1024 * 1024} // 5MB
- *   onFileSelect={(files) => console.log('Selected:', files)}
- *   onFileError={(error) => console.error(error.message)}
- * >
- *   Upload File
- * </FileInputButton>
- * ```
- */
-declare function FileInputButton({
-  accept,
-  maxSize,
-  minSize,
-  multiple,
-  onFileSelect,
-  onFileError,
-  children,
-  icon,
-  disabled,
-  ...buttonProps
-}: FileInputButtonProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/form/components/form-autocomplete.d.ts
-/**
- * Form.Autocomplete - Searchable select component
- *
- * Automatically wired to the parent Form.Field context.
- * Supports flat/grouped options, virtualization, custom rendering, and async search.
- *
- * @example Basic usage
- * ```tsx
- * <Form.Field name="timezone" label="Timezone" required>
- *   <Form.Autocomplete
- *     options={timezones}
- *     placeholder="Select timezone..."
- *   />
- * </Form.Field>
- * ```
- *
- * @example Async search
- * ```tsx
- * <Form.Field name="userId" label="User">
- *   <Form.Autocomplete
- *     options={users ?? []}
- *     onSearchChange={setSearch}
- *     loading={isLoading}
- *     placeholder="Search users..."
- *   />
- * </Form.Field>
- * ```
- *
- * @example Grouped options
- * ```tsx
- * <Form.Field name="role" label="Role" required>
- *   <Form.Autocomplete
- *     options={roleGroups}
- *     placeholder="Select a role..."
- *   />
- * </Form.Field>
- * ```
- */
-declare function FormAutocomplete<T extends AutocompleteOption = AutocompleteOption>({
-  disabled,
-  className,
-  ...props
-}: FormAutocompleteProps<T>): react_jsx_runtime0.JSX.Element;
-declare namespace FormAutocomplete {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/types/index.d.ts
-/**
- * Optional telemetry interface for form lifecycle tracking.
- * When provided, callbacks fire on form events (submit, success, error, etc.).
- * When omitted, forms work silently without any tracking.
- *
- * @example Wiring Sentry in the consuming app
- * ```tsx
- * const sentryTelemetry: FormTelemetry = {
- *   onSubmit: ({ formName, formId }) => trackFormSubmit({ formName, formId }),
- *   onSuccess: ({ formName, formId }) => trackFormSuccess({ formName, formId }),
- *   onError: ({ formName, formId, error }) => trackFormError({ formName, formId, error }),
- *   onValidationError: ({ formName, formId, fieldErrors }) => trackFormValidationError({ formName, formId, fieldErrors }),
- *   captureError: (error, context) => Sentry.captureException(error, { extra: context }),
- * };
- *
- * <Form.Root schema={schema} telemetry={sentryTelemetry} onSubmit={handleSubmit} />
- * ```
- */
-interface FormTelemetry {
-  /** Called when a form submission is attempted */
-  onSubmit?: (info: {
-    formName: string;
-    formId?: string;
-  }) => void;
-  /** Called after a successful form submission */
-  onSuccess?: (info: {
-    formName: string;
-    formId?: string;
-  }) => void;
-  /** Called when a form submission throws an error */
-  onError?: (info: {
-    formName: string;
-    formId?: string;
-    error: Error;
-  }) => void;
-  /** Called when form validation fails */
-  onValidationError?: (info: {
-    formName: string;
-    formId?: string;
-    fieldErrors: Record<string, string[]>;
-  }) => void;
-  /** Called to capture an error with additional context (e.g. Sentry) */
-  captureError?: (error: Error, context: Record<string, unknown>) => void;
-}
-/**
- * Render props passed to Form.Root when using render function pattern
- */
-interface FormRootRenderProps {
-  /** Conform form metadata (for form.update, form.reset, etc.) */
-  form: FormMetadata<Record<string, unknown>>;
-  /** All form fields with their metadata and values */
-  fields: Record<string, FieldMetadata<unknown>>;
-  /** Whether the form is currently submitting */
-  isSubmitting: boolean;
-  /** Programmatically submit the form */
-  submit: () => void;
-  /** Reset form to default values */
-  reset: () => void;
-}
-interface FormRootProps<T extends z.ZodType> {
-  /** Zod schema for validation */
-  schema: T;
-  /**
-   * Form children - can be either:
-   * - ReactNode: Standard form content
-   * - Render function: For accessing form state (form, fields, isSubmitting, etc.)
-   *
-   * @example Standard usage
-   * ```tsx
-   * <Form.Root schema={schema}>
-   *   <Form.Field name="email"><Form.Input /></Form.Field>
-   *   <Form.Submit>Save</Form.Submit>
-   * </Form.Root>
-   * ```
-   *
-   * @example Render function for form state access
-   * ```tsx
-   * <Form.Root schema={schema}>
-   *   {({ form, fields, isSubmitting }) => (
-   *     <>
-   *       <Form.Field name="email"><Form.Input /></Form.Field>
-   *       <Button disabled={isSubmitting} onClick={() => form.update({...})}>
-   *         Cancel
-   *       </Button>
-   *     </>
-   *   )}
-   * </Form.Root>
-   * ```
-   */
-  children: React.ReactNode | ((props: FormRootRenderProps) => React.ReactNode);
-  /** Client-side submit handler */
-  onSubmit?: (data: z.infer<T>) => void | Promise<void>;
-  /** React Router action path for server-side submission */
-  action?: string;
-  /** HTTP method for form submission */
-  method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-  /**
-   * Custom form component to render (defaults to native `<form>`).
-   * Use to integrate with framework-specific forms (e.g. React Router's `<Form>`).
-   */
-  formComponent?: React.ElementType;
-  /** Unique form ID */
-  id?: string;
-  /**
-   * Form name for analytics and error tracking.
-   * Used in telemetry callbacks to identify which form the user interacted with.
-   * @example "http-proxy-create", "dns-zone-edit", "project-settings"
-   */
-  name?: string;
-  /**
-   * Optional telemetry callbacks for form lifecycle tracking.
-   * When omitted, forms work silently without any tracking.
-   */
-  telemetry?: FormTelemetry;
-  /** Default values for form fields */
-  defaultValues?: Partial<z.infer<T>>;
-  /** When to validate: onBlur, onChange, or onSubmit */
-  mode?: 'onBlur' | 'onChange' | 'onSubmit';
-  /**
-   * External submitting state - use when submission is handled externally (e.g., with useFetcher)
-   * When provided, this overrides the internal isSubmitting state
-   */
-  isSubmitting?: boolean;
-  /** Called when validation fails */
-  onError?: (errors: z.ZodError<z.infer<T>>) => void;
-  /** Called after successful submission */
-  onSuccess?: (data: z.infer<T>) => void;
-  /** Additional CSS classes */
-  className?: string;
-}
-/**
- * Render props passed to Form.Field when using render function pattern
- */
-interface FormFieldRenderProps {
-  /** Current field's Conform metadata */
-  field: FieldMetadata<unknown>;
-  /** Input control for programmatic value updates */
-  control: {
-    value: string | string[] | undefined;
-    change: (value: string | string[]) => void;
-    blur: () => void;
-    focus: () => void;
-  };
-  /** Field meta information */
-  meta: {
-    name: string;
-    id: string;
-    errors: string[] | undefined;
-    required: boolean;
-    disabled: boolean;
-  };
-  /** Access to all form fields (for multi-field scenarios) */
-  fields: Record<string, FieldMetadata<unknown>>;
-  /** Form metadata from Conform */
-  form: FormMetadata<Record<string, unknown>>;
-  /** Whether form is currently submitting */
-  isSubmitting: boolean;
-}
-interface FormFieldProps {
-  /** Field name - supports nested paths like "address.city" */
-  name: string;
-  /**
-   * Form children - can be either:
-   * - ReactNode: Standard input components (Form.Input, Form.Select, etc.)
-   * - Render function: For custom components needing field access
-   *
-   * @example Standard usage
-   * ```tsx
-   * <Form.Field name="email" label="Email">
-   *   <Form.Input type="email" />
-   * </Form.Field>
-   * ```
-   *
-   * @example Render function for custom components
-   * ```tsx
-   * <Form.Field name="role" label="Role">
-   *   {({ control, meta, fields }) => (
-   *     <CustomSelect
-   *       value={control.value}
-   *       onChange={control.change}
-   *     />
-   *   )}
-   * </Form.Field>
-   * ```
-   */
-  children: React.ReactNode | ((props: FormFieldRenderProps) => React.ReactNode);
-  /** Field label */
-  label?: string | React.ReactNode;
-  /** Helper description below the field */
-  description?: string | React.ReactNode;
-  /** Tooltip information */
-  tooltip?: string | React.ReactNode;
-  /** Mark field as required (shows asterisk) */
-  required?: boolean;
-  /** Disable the field */
-  disabled?: boolean;
-  /** Additional CSS classes for the field wrapper */
-  className?: string;
-  /** Additional CSS classes for the label */
-  labelClassName?: string;
-}
-interface FormFieldContextValue {
-  /** Field name */
-  name: string;
-  /** Field ID for accessibility */
-  id: string;
-  /** Field errors */
-  errors?: string[];
-  /** Whether the field is required */
-  required?: boolean;
-  /** Whether the field is disabled */
-  disabled?: boolean;
-  /** Conform field metadata */
-  fieldMeta: FieldMetadata<unknown>;
-}
-interface FormInputProps extends Omit<React.ComponentProps<'input'>, 'name'> {
-  /** Input type */
-  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local';
-}
-interface FormTextareaProps extends Omit<React.ComponentProps<'textarea'>, 'name'> {
-  /** Number of visible rows */
-  rows?: number;
-}
-interface FormSelectProps {
-  /** Placeholder text when no value selected */
-  placeholder?: string;
-  /** Disable the select */
-  disabled?: boolean;
-  /** Additional CSS classes */
-  className?: string;
-  /** Select options as children */
-  children: React.ReactNode;
-}
-interface FormSelectItemProps {
-  /** Option value */
-  value: string;
-  /** Option label */
-  children: React.ReactNode;
-  /** Disable this option */
-  disabled?: boolean;
-}
-interface FormCheckboxProps {
-  /** Inline label next to checkbox */
-  label?: string;
-  /** Disable the checkbox */
-  disabled?: boolean;
-  /** Additional CSS classes */
-  className?: string;
-}
-interface FormSwitchProps {
-  /** Inline label next to switch */
-  label?: string;
-  /** Disable the switch */
-  disabled?: boolean;
-  /** Additional CSS classes */
-  className?: string;
-}
-interface FormRadioGroupProps {
-  /** Layout orientation */
-  orientation?: 'horizontal' | 'vertical';
-  /** Disable all radio items */
-  disabled?: boolean;
-  /** Additional CSS classes */
-  className?: string;
-  /** Radio items as children */
-  children: React.ReactNode;
-}
-interface FormRadioItemProps {
-  /** Radio value */
-  value: string;
-  /** Radio label */
-  label: string;
-  /** Optional description */
-  description?: string;
-  /** Disable this radio item */
-  disabled?: boolean;
-}
-interface FormCopyBoxProps$1 {
-  /** Display variant: 'default' shows Copy button, 'icon-only' shows icon */
-  variant?: 'default' | 'icon-only';
-  /** Custom className for the wrapper */
-  className?: string;
-  /** Custom className for the content area */
-  contentClassName?: string;
-  /** Custom className for the button */
-  buttonClassName?: string;
-  /** Placeholder text when value is empty */
-  placeholder?: string;
-}
-interface FormSubmitProps extends ButtonProps {
-  /** Button content */
-  children: React.ReactNode;
-  /** Text to show while loading */
-  loadingText?: string;
-}
-interface FormButtonProps {
-  /** Button content */
-  children: React.ReactNode;
-  /** Click handler */
-  onClick?: () => void;
-  /** Button variant */
-  type?: ButtonProps['type'];
-  /** Button theme */
-  theme?: ButtonProps['theme'];
-  /** Button size */
-  size?: ButtonProps['size'];
-  /** Disable the button */
-  disabled?: boolean;
-  /** Additional CSS classes */
-  className?: string;
-  /** Whether to disable the button when form is submitting (default: true) */
-  disableOnSubmit?: boolean;
-}
-interface FormErrorProps {
-  /** Error message or render function */
-  children?: React.ReactNode | ((errors: string[]) => React.ReactNode);
-  /** Additional CSS classes */
-  className?: string;
-}
-interface FormDescriptionProps {
-  /** Description content */
-  children: React.ReactNode;
-  /** Additional CSS classes */
-  className?: string;
-}
-interface FormWhenProps {
-  /** Field name to watch */
-  field: string;
-  /** Render when field equals this value */
-  is?: unknown;
-  /** Render when field does not equal this value */
-  isNot?: unknown;
-  /** Render when field value is in array */
-  in?: unknown[];
-  /** Render when field value is not in array */
-  notIn?: unknown[];
-  /** Children to render conditionally */
-  children: React.ReactNode;
-}
-interface FormFieldArrayProps {
-  /** Array field name */
-  name: string;
-  /** Render function with array helpers */
-  children: (props: FormFieldArrayRenderProps) => React.ReactNode;
-}
-interface FormFieldArrayRenderProps {
-  /** Array of field items with id and key */
-  fields: Array<{
-    id: string;
-    key: string;
-    name: string;
-  }>;
-  /** Add a new item to the array */
-  append: (value?: Record<string, unknown>) => void;
-  /** Remove an item at index */
-  remove: (index: number) => void;
-  /** Move an item from one index to another */
-  move: (from: number, to: number) => void;
-}
-interface FormCustomProps {
-  /** Render function with form context */
-  children: (context: FormCustomRenderProps) => React.ReactNode;
-}
-interface FormCustomRenderProps {
-  /** Form metadata from Conform */
-  form: FormMetadata<Record<string, unknown>>;
-  /** All field metadata */
-  fields: Record<string, FieldMetadata<unknown>>;
-  /** Whether form is currently submitting */
-  isSubmitting: boolean;
-  /** Submit the form programmatically */
-  submit: () => void;
-  /** Reset the form */
-  reset: () => void;
-}
-interface StepConfig {
-  /** Unique step identifier */
-  id: string;
-  /** Step label displayed in navigation */
-  label: string;
-  /** Optional step description */
-  description?: string;
-  /** Zod schema for this step's validation */
-  schema: z.ZodType;
-}
-/**
- * Render props context passed to Form.Stepper children function
- */
-interface FormStepperRenderProps {
-  /** All step configurations */
-  steps: StepConfig[];
-  /** Current step config */
-  current: StepConfig;
-  /** Current step index (0-based) */
-  currentIndex: number;
-  /** Go to next step (triggers validation) */
-  next: () => void;
-  /** Go to previous step (no validation) */
-  prev: () => void;
-  /** Go to specific step by ID (only backwards without validation) */
-  goTo: (stepId: string) => void;
-  /** Whether current step is first */
-  isFirst: boolean;
-  /** Whether current step is last */
-  isLast: boolean;
-  /** Get data from a specific step by ID */
-  getStepData: (stepId: string) => Record<string, unknown> | undefined;
-  /** Get all data from all completed steps */
-  getAllStepData: () => Record<string, unknown>;
-}
-interface FormStepperProps {
-  /** Step configurations */
-  steps: StepConfig[];
-  /** Form children - can be ReactNode or render function for accessing stepper context */
-  children: React.ReactNode | ((props: FormStepperRenderProps) => React.ReactNode);
-  /** Called when all steps are completed */
-  onComplete: (data: Record<string, unknown>) => void | Promise<void>;
-  /** Called when step changes */
-  onStepChange?: (stepId: string, direction: 'next' | 'prev') => void;
-  /** Initial step ID */
-  initialStep?: string;
-  /** Additional CSS classes */
-  className?: string;
-}
-interface FormStepProps {
-  /** Step ID - must match a step in steps array */
-  id: string;
-  /** Step content */
-  children: React.ReactNode;
-}
-interface StepperNavigationProps {
-  /** Navigation variant */
-  variant?: 'horizontal' | 'vertical';
-  /** Label orientation */
-  labelOrientation?: 'horizontal' | 'vertical';
-  /** Additional CSS classes */
-  className?: string;
-}
-interface StepperControlsProps {
-  /** Previous button label */
-  prevLabel?: string | ((isFirst: boolean) => string);
-  /** Next button label */
-  nextLabel?: string | ((isLast: boolean) => string);
-  /** Loading text shown when submitting (only on last step) */
-  loadingText?: string;
-  /** Whether to show previous button */
-  showPrev?: boolean;
-  /** External loading state - overrides internal isSubmitting */
-  loading?: boolean;
-  /** Disable both buttons */
-  disabled?: boolean;
-  /** Callback when previous button is clicked (not on first step) */
-  onPrev?: () => void;
-  /** Callback when cancel is clicked (first step only) */
-  onCancel?: () => void;
-  /** Additional CSS classes */
-  className?: string;
-}
-interface StepperContextValue {
-  /** All step configurations */
-  steps: StepConfig[];
-  /** Current step config */
-  current: StepConfig;
-  /** Current step index */
-  currentIndex: number;
-  /** Go to next step (triggers validation) */
-  next: () => void;
-  /** Go to previous step (no validation) */
-  prev: () => void;
-  /** Go to specific step by ID (only backwards without validation) */
-  goTo: (stepId: string) => void;
-  /** Whether current step is first */
-  isFirst: boolean;
-  /** Whether current step is last */
-  isLast: boolean;
-  /** Stepperize utils */
-  utils: {
-    getIndex: (id: string) => number;
-  };
-}
-interface FormContextValue<T extends Record<string, unknown> = Record<string, unknown>> {
-  /** Form metadata from Conform */
-  form: FormMetadata<T>;
-  /** Field metadata accessor */
-  fields: Record<string, FieldMetadata<unknown>>;
-  /** Whether form is currently submitting */
-  isSubmitting: boolean;
-  /** Submit the form */
-  submit: () => void;
-  /** Reset the form */
-  reset: () => void;
-  /** Form ID */
-  formId: string;
-}
-interface UseFieldReturn {
-  /** Field metadata */
-  field: FieldMetadata<unknown>;
-  /** Input control for programmatic updates */
-  control: {
-    value: string | undefined;
-    change: (value: string) => void;
-    blur: () => void;
-    focus: () => void;
-  };
-  /** Field meta information */
-  meta: {
-    name: string;
-    id: string;
-    errors: string[] | undefined;
-    required: boolean;
-    disabled: boolean;
-  };
-  /** Field errors */
-  errors: string[] | undefined;
-}
-interface UseWatchReturn<T = unknown> {
-  /** Current field value */
-  value: T;
-}
-interface FormDialogProps<T extends z.ZodType> {
-  /** Controlled open state */
-  open?: boolean;
-  /** Callback when open state changes */
-  onOpenChange?: (open: boolean) => void;
-  /** Default open state for uncontrolled usage */
-  defaultOpen?: boolean;
-  /** Dialog title */
-  title: string;
-  /** Dialog description (optional) */
-  description?: string;
-  /** Trigger element to open the dialog */
-  trigger?: React.ReactNode;
-  /** Zod schema for validation */
-  schema: T;
-  /** Default form values */
-  defaultValues?: Partial<z.infer<T>>;
-  /** Client-side submit handler */
-  onSubmit?: (data: z.infer<T>) => void | Promise<void>;
-  /** Called after successful submission */
-  onSuccess?: (data: z.infer<T>) => void;
-  /** Called when validation fails */
-  onError?: (error: z.ZodError<z.infer<T>>) => void;
-  /** Submit button text (default: "Submit") */
-  submitText?: string;
-  /** Submit button text while loading */
-  submitTextLoading?: string;
-  /** Cancel button text (default: "Cancel") */
-  cancelText?: string;
-  /** Whether to show cancel button (default: true) */
-  showCancel?: boolean;
-  /** Submit button type variant */
-  submitType?: ButtonProps['type'];
-  /**
-   * External loading state - use when submission is handled by external mutation.
-   * When provided, this overrides the internal isSubmitting state.
-   * @example
-   * ```tsx
-   * const mutation = useCreateUser();
-   * <Form.Dialog loading={mutation.isPending} ... />
-   * ```
-   */
-  loading?: boolean;
-  /** Custom form element (e.g., React Router's Form). Defaults to native <form>. */
-  formComponent?: React.ElementType;
-  /** Optional telemetry callbacks for form submission tracking */
-  telemetry?: FormTelemetry;
-  /** Dialog content className */
-  className?: string;
-  /** Form className */
-  formClassName?: string;
-  /**
-   * Dialog form children - can be either:
-   * - ReactNode: Standard form fields
-   * - Render function: For accessing form state (form, fields, isSubmitting, etc.)
-   *
-   * @example Standard usage
-   * ```tsx
-   * <Form.Dialog title="Add User" schema={schema} onSubmit={handleSubmit}>
-   *   <Form.Field name="email"><Form.Input type="email" /></Form.Field>
-   * </Form.Dialog>
-   * ```
-   *
-   * @example Render function for form state access
-   * ```tsx
-   * <Form.Dialog title="Edit User" schema={schema} onSubmit={handleSubmit}>
-   *   {({ form, fields, isSubmitting, reset }) => (
-   *     <>
-   *       <Form.Field name="email"><Form.Input type="email" /></Form.Field>
-   *       <Button onClick={reset} disabled={isSubmitting}>Reset</Button>
-   *     </>
-   *   )}
-   * </Form.Dialog>
-   * ```
-   */
-  children: React.ReactNode | ((props: FormRootRenderProps) => React.ReactNode);
-}
-//#endregion
-//#region src/components/features/form/components/form-button.d.ts
-/**
- * Form.Button - A button for non-submit actions within a form
- *
- * Automatically gets disabled when the form is submitting.
- * Use this for cancel buttons, reset buttons, or other actions.
- *
- * @example
- * ```tsx
- * <Form.Button onClick={() => navigate(-1)}>
- *   Cancel
- * </Form.Button>
- *
- * <Form.Button onClick={() => form.reset()} type="secondary">
- *   Reset
- * </Form.Button>
- * ```
- */
-declare function FormButton({
-  children,
-  onClick,
-  type,
-  theme,
-  size,
-  disabled,
-  className,
-  disableOnSubmit
-}: FormButtonProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormButton {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-checkbox.d.ts
-/**
- * Form.Checkbox - Checkbox input component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="terms">
- *   <Form.Checkbox label="I agree to the terms and conditions" />
- * </Form.Field>
- * ```
- */
-declare function FormCheckbox({
-  label,
-  disabled,
-  className
-}: FormCheckboxProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormCheckbox {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-copy-box.d.ts
-interface FormCopyBoxProps {
-  /** Display variant: 'default' shows Copy button, 'icon-only' shows icon */
-  variant?: 'default' | 'icon-only';
-  /** Custom className for the wrapper */
-  className?: string;
-  /** Custom className for the content area */
-  contentClassName?: string;
-  /** Custom className for the button */
-  buttonClassName?: string;
-  /** Placeholder text when value is empty */
-  placeholder?: string;
-}
-/**
- * Form.CopyBox - Read-only field with copy-to-clipboard functionality
- *
- * Displays field value in a read-only box with a copy button.
- * Automatically gets value from Form.Field context.
- *
- * @example Basic usage
- * ```tsx
- * <Form.Field name="organizationId" label="Organization ID">
- *   <Form.CopyBox />
- * </Form.Field>
- * ```
- *
- * @example With icon-only button
- * ```tsx
- * <Form.Field name="apiKey" label="API Key">
- *   <Form.CopyBox variant="icon-only" />
- * </Form.Field>
- * ```
- *
- * @example With placeholder
- * ```tsx
- * <Form.Field name="webhookUrl" label="Webhook URL">
- *   <Form.CopyBox placeholder="Not configured" />
- * </Form.Field>
- * ```
- */
-declare function FormCopyBox({
-  variant,
-  className,
-  contentClassName,
-  buttonClassName,
-  placeholder
-}: FormCopyBoxProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/form/components/form-custom.d.ts
-/**
- * Form.Custom - Escape hatch for custom implementations
- *
- * Provides access to the underlying form context for complex use cases
- * that don't fit the standard component patterns.
- *
- * @example
- * ```tsx
- * <Form.Custom>
- *   {({ form, fields, submit, reset }) => (
- *     <MyCustomComponent
- *       fields={fields}
- *       onCustomAction={() => {
- *         // Do something custom
- *         submit();
- *       }}
- *     />
- *   )}
- * </Form.Custom>
- * ```
- */
-declare function FormCustom({
-  children
-}: FormCustomProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormCustom {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-description.d.ts
-/**
- * Form.Description - Display field description/helper text
- *
- * @example
- * ```tsx
- * <Form.Field name="password">
- *   <Form.Input type="password" />
- *   <Form.Description>
- *     Must be at least 8 characters with one uppercase letter
- *   </Form.Description>
- * </Form.Field>
- * ```
- */
-declare function FormDescription({
-  children,
-  className
-}: FormDescriptionProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormDescription {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-dialog.d.ts
-/**
- * Form.Dialog - A dialog with an integrated form
- *
- * Combines Dialog and Form.Root into a single component with:
- * - Automatic dialog state management (controlled or uncontrolled)
- * - Built-in header with title and description
- * - Built-in footer with submit and cancel buttons
- * - Auto-close on successful submission
- * - Prevents accidental close during submission
- * - Supports render function pattern for form state access
- *
- * @example Basic usage
- * ```tsx
- * <Form.Dialog
- *   title="Add User"
- *   description="Enter user details"
- *   schema={userSchema}
- *   onSubmit={handleSubmit}
- *   trigger={<Button>Add User</Button>}
- * >
- *   <Form.Field name="name" label="Name" required>
- *     <Form.Input />
- *   </Form.Field>
- *   <Form.Field name="email" label="Email" required>
- *     <Form.Input type="email" />
- *   </Form.Field>
- * </Form.Dialog>
- * ```
- *
- * @example With render function for form state access
- * ```tsx
- * <Form.Dialog
- *   title="Edit User"
- *   schema={userSchema}
- *   defaultValues={user}
- *   onSubmit={handleSubmit}
- *   trigger={<Button>Edit</Button>}
- * >
- *   {({ form, fields, isSubmitting, reset }) => (
- *     <>
- *       <Form.Field name="name" label="Name">
- *         <Form.Input />
- *       </Form.Field>
- *       <Button variant="ghost" onClick={reset} disabled={isSubmitting}>
- *         Reset
- *       </Button>
- *     </>
- *   )}
- * </Form.Dialog>
- * ```
- */
-declare function FormDialog<T extends z.ZodType>({
-  open,
-  onOpenChange,
-  defaultOpen,
-  title,
-  description,
-  trigger,
-  schema,
-  defaultValues,
-  onSubmit,
-  onSuccess,
-  onError,
-  submitText,
-  submitTextLoading,
-  cancelText,
-  showCancel,
-  submitType,
-  loading,
-  formComponent,
-  telemetry,
-  className,
-  formClassName,
-  children
-}: FormDialogProps<T>): react_jsx_runtime0.JSX.Element;
-declare namespace FormDialog {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-error.d.ts
-/**
- * Form.Error - Display field errors
- *
- * Can be used inside Form.Field to display errors automatically,
- * or standalone with custom rendering.
- *
- * @example
- * ```tsx
- * // Inside Form.Field - displays field errors automatically
- * <Form.Field name="email">
- *   <Form.Input />
- *   <Form.Error />
- * </Form.Field>
- *
- * // Custom rendering
- * <Form.Field name="email">
- *   <Form.Input />
- *   <Form.Error>
- *     {(errors) => errors.map(e => <span key={e}>{e}</span>)}
- *   </Form.Error>
- * </Form.Field>
- * ```
- */
-declare function FormError({
-  children,
-  className
-}: FormErrorProps): react_jsx_runtime0.JSX.Element | null;
-declare namespace FormError {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-field.d.ts
-/**
- * Form.Field - Field wrapper component
- *
- * Provides field context to children with:
- * - Automatic label rendering
- * - Error display
- * - Description text
- * - Required indicator
- * - Accessibility attributes
- *
- * Supports two patterns:
- * 1. ReactNode children - for standard Form inputs
- * 2. Render function - for custom components needing field access
- *
- * @example Standard usage
- * ```tsx
- * <Form.Field name="email" label="Email Address" required>
- *   <Form.Input type="email" />
- * </Form.Field>
- * ```
- *
- * @example Render function for custom components
- * ```tsx
- * <Form.Field name="role" label="Role" required>
- *   {({ control, meta, fields }) => (
- *     <CustomSelect
- *       name={meta.name}
- *       value={control.value}
- *       onChange={control.change}
- *     />
- *   )}
- * </Form.Field>
- * ```
- */
-declare function FormField({
-  name,
-  children,
-  label,
-  description,
-  tooltip,
-  required,
-  disabled,
-  className,
-  labelClassName
-}: FormFieldProps): react_jsx_runtime0.JSX.Element | null;
-declare namespace FormField {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-field-array.d.ts
-/**
- * Form.FieldArray - Dynamic array of fields
- *
- * Provides helpers for managing arrays of form fields.
- *
- * @example
- * ```tsx
- * <Form.FieldArray name="members">
- *   {({ fields, append, remove }) => (
- *     <>
- *       {fields.map((field, index) => (
- *         <div key={field.key} className="flex gap-2">
- *           <Form.Field name={`members.${index}.email`} label="Email">
- *             <Form.Input type="email" />
- *           </Form.Field>
- *           <Form.Field name={`members.${index}.role`} label="Role">
- *             <Form.Select>
- *               <Form.SelectItem value="admin">Admin</Form.SelectItem>
- *               <Form.SelectItem value="user">User</Form.SelectItem>
- *             </Form.Select>
- *           </Form.Field>
- *           <button type="button" onClick={() => remove(index)}>
- *             Remove
- *           </button>
- *         </div>
- *       ))}
- *       <button type="button" onClick={() => append({ email: '', role: 'user' })}>
- *         Add Member
- *       </button>
- *     </>
- *   )}
- * </Form.FieldArray>
- * ```
- */
-declare function FormFieldArray({
-  name,
-  children
-}: FormFieldArrayProps): react_jsx_runtime0.JSX.Element | null;
-declare namespace FormFieldArray {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-input.d.ts
-/**
- * Form.Input - Text input component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="email" label="Email" required>
- *   <Form.Input type="email" placeholder="john@example.com" />
- * </Form.Field>
- * ```
- */
-declare function FormInput({
-  ref,
-  type,
-  className,
-  disabled,
-  ...props
-}: FormInputProps & {
-  ref?: React$2.RefObject<HTMLInputElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace FormInput {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-radio-group.d.ts
-/**
- * Form.RadioGroup - Radio button group component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="plan" label="Select Plan" required>
- *   <Form.RadioGroup orientation="vertical">
- *     <Form.RadioItem value="free" label="Free" description="Basic features" />
- *     <Form.RadioItem value="pro" label="Pro" description="Advanced features" />
- *     <Form.RadioItem value="enterprise" label="Enterprise" description="Custom solutions" />
- *   </Form.RadioGroup>
- * </Form.Field>
- * ```
- */
-declare function FormRadioGroup({
-  orientation,
-  disabled,
-  className,
-  children
-}: FormRadioGroupProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormRadioGroup {
-  var displayName: string;
-}
-/**
- * Form.RadioItem - Individual radio button option
- *
- * @example
- * ```tsx
- * <Form.RadioItem value="option1" label="Option 1" />
- * ```
- */
-declare function FormRadioItem({
-  value,
-  label,
-  description,
-  disabled
-}: FormRadioItemProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormRadioItem {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-root.d.ts
-/**
- * Form.Root - The root form component
- *
- * Provides form context to all children with built-in:
- * - Zod schema validation
- * - Conform integration
- * - Optional telemetry callbacks
- *
- * Supports two patterns:
- * 1. ReactNode children - for standard forms
- * 2. Render function - for forms needing access to form state
- *
- * @example Standard usage
- * ```tsx
- * <Form.Root schema={userSchema} onSubmit={handleSubmit}>
- *   <Form.Field name="email" label="Email" required>
- *     <Form.Input type="email" />
- *   </Form.Field>
- *   <Form.Submit>Save</Form.Submit>
- * </Form.Root>
- * ```
- *
- * @example Render function for form state access
- * ```tsx
- * <Form.Root schema={userSchema} onSubmit={handleSubmit}>
- *   {({ form, fields, isSubmitting }) => (
- *     <>
- *       <Form.Field name="email" label="Email" required>
- *         <Form.Input type="email" />
- *       </Form.Field>
- *       <Button
- *         disabled={isSubmitting}
- *         onClick={() => form.update({ value: { email: '' } })}
- *       >
- *         Cancel
- *       </Button>
- *       <Form.Submit>Save</Form.Submit>
- *     </>
- *   )}
- * </Form.Root>
- * ```
- */
-declare function FormRoot<T extends z.ZodType>({
-  schema,
-  children,
-  onSubmit,
-  action,
-  method,
-  formComponent: FormComp,
-  id,
-  name,
-  defaultValues,
-  mode,
-  isSubmitting: externalIsSubmitting,
-  onError,
-  onSuccess,
-  telemetry,
-  className
-}: FormRootProps<T>): react_jsx_runtime0.JSX.Element;
-declare namespace FormRoot {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-select.d.ts
-/**
- * Form.Select - Select dropdown component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="country" label="Country" required>
- *   <Form.Select placeholder="Select a country">
- *     <Form.SelectItem value="us">United States</Form.SelectItem>
- *     <Form.SelectItem value="uk">United Kingdom</Form.SelectItem>
- *     <Form.SelectItem value="ca">Canada</Form.SelectItem>
- *   </Form.Select>
- * </Form.Field>
- * ```
- */
-declare function FormSelect({
-  placeholder,
-  disabled,
-  className,
-  children
-}: FormSelectProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormSelect {
-  var displayName: string;
-}
-/**
- * Form.SelectItem - Individual select option
- *
- * @example
- * ```tsx
- * <Form.SelectItem value="option1">Option 1</Form.SelectItem>
- * ```
- */
-declare function FormSelectItem({
-  value,
-  children,
-  disabled
-}: FormSelectItemProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormSelectItem {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-submit.d.ts
-/**
- * Form.Submit - Submit button with automatic loading state
- *
- * @example
- * ```tsx
- * <Form.Submit loadingText="Saving...">
- *   Save Changes
- * </Form.Submit>
- * ```
- */
-declare function FormSubmit({
-  children,
-  loadingText,
-  loading,
-  ...props
-}: FormSubmitProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormSubmit {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-switch.d.ts
-/**
- * Form.Switch - Toggle switch component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="notifications">
- *   <Form.Switch label="Enable email notifications" />
- * </Form.Field>
- * ```
- */
-declare function FormSwitch({
-  label,
-  disabled,
-  className
-}: FormSwitchProps): react_jsx_runtime0.JSX.Element;
-declare namespace FormSwitch {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-textarea.d.ts
-/**
- * Form.Textarea - Multi-line text input component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="bio" label="Bio">
- *   <Form.Textarea rows={4} placeholder="Tell us about yourself..." />
- * </Form.Field>
- * ```
- */
-declare function FormTextarea({
-  ref,
-  className,
-  disabled,
-  rows,
-  ...props
-}: FormTextareaProps & {
-  ref?: React$2.RefObject<HTMLTextAreaElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace FormTextarea {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-when.d.ts
-/**
- * Form.When - Conditional rendering based on field values
- *
- * Renders children only when the specified field matches the condition.
- *
- * @example
- * ```tsx
- * // Render when field equals value
- * <Form.When field="contactMethod" is="email">
- *   <Form.Field name="email"><Form.Input type="email" /></Form.Field>
- * </Form.When>
- *
- * // Render when field does not equal value
- * <Form.When field="contactMethod" isNot="none">
- *   <Form.Field name="contact"><Form.Input /></Form.Field>
- * </Form.When>
- *
- * // Render when field value is in array
- * <Form.When field="role" in={['admin', 'moderator']}>
- *   <Form.Field name="permissions"><Form.Input /></Form.Field>
- * </Form.When>
- *
- * // Render when field value is not in array
- * <Form.When field="status" notIn={['archived', 'deleted']}>
- *   <Form.Field name="actions"><Form.Input /></Form.Field>
- * </Form.When>
- * ```
- */
-declare function FormWhen({
-  field,
-  is,
-  isNot,
-  in: inArray,
-  notIn,
-  children
-}: FormWhenProps): react_jsx_runtime0.JSX.Element | null;
-declare namespace FormWhen {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/stepper/form-step.d.ts
-/**
- * Form.Step - Individual step content container
- *
- * Only renders its children when the step is active.
- * Works with the single-form architecture - fields remain registered
- * even when unmounted, preserving their values.
- *
- * @example
- * ```tsx
- * <Form.Step id="account">
- *   <Form.Field name="email" label="Email" required>
- *     <Form.Input type="email" />
- *   </Form.Field>
- * </Form.Step>
- * ```
- */
-declare function FormStep({
-  id,
-  children
-}: FormStepProps): react_jsx_runtime0.JSX.Element | null;
-declare namespace FormStep {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/stepper/form-stepper.d.ts
-/**
- * Form.Stepper - Multi-step form container
- *
- * Uses Stepperize internally for step navigation and a single Conform form
- * instance for all steps. Schemas are auto-merged for unified validation.
- *
- * @example
- * ```tsx
- * const steps = [
- *   { id: 'account', label: 'Account', schema: accountSchema },
- *   { id: 'profile', label: 'Profile', schema: profileSchema },
- * ];
- *
- * <Form.Stepper steps={steps} onComplete={handleComplete}>
- *   <Form.StepperNavigation />
- *
- *   <Form.Step id="account">
- *     <Form.Field name="email" label="Email" required>
- *       <Form.Input type="email" />
- *     </Form.Field>
- *   </Form.Step>
- *
- *   <Form.Step id="profile">
- *     <Form.Field name="name" label="Full Name" required>
- *       <Form.Input />
- *     </Form.Field>
- *   </Form.Step>
- *
- *   <Form.StepperControls />
- * </Form.Stepper>
- * ```
- */
-declare function FormStepper({
-  steps,
-  children,
-  onComplete,
-  onStepChange,
-  initialStep,
-  className,
-  defaultValues,
-  id,
-  formComponent
-}: FormStepperProps & {
-  defaultValues?: Record<string, unknown>;
-  id?: string;
-  formComponent?: React$2.ElementType;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace FormStepper {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/stepper/stepper-controls.d.ts
-/**
- * Form.StepperControls - Navigation buttons (Previous/Next/Submit)
- *
- * Provides Previous and Next/Submit buttons for navigating between steps.
- * The Next button triggers form validation before advancing.
- * The Previous button navigates back without validation.
- *
- * @example
- * ```tsx
- * <Form.StepperControls
- *   prevLabel={(isFirst) => isFirst ? 'Cancel' : 'Previous'}
- *   nextLabel={(isLast) => isLast ? 'Submit' : 'Next'}
- *   loadingText="Creating..."
- *   onCancel={() => setOpen(false)}
- * />
- * ```
- *
- * @example With external loading state
- * ```tsx
- * <Form.StepperControls
- *   loading={fetcher.state === 'submitting'}
- *   disabled={!isValid}
- *   loadingText="Saving..."
- * />
- * ```
- */
-declare function StepperControls({
-  prevLabel,
-  nextLabel,
-  loadingText,
-  showPrev,
-  loading,
-  disabled,
-  onPrev,
-  onCancel,
-  className
-}: StepperControlsProps): react_jsx_runtime0.JSX.Element;
-declare namespace StepperControls {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/stepper/stepper-navigation.d.ts
-/**
- * Form.StepperNavigation - Step indicators/progress
- *
- * Displays visual step indicators showing current progress through the form.
- * Supports horizontal and vertical variants with optional label orientation.
- *
- * @example
- * ```tsx
- * <Form.StepperNavigation variant="horizontal" labelOrientation="vertical" />
- * ```
- */
-declare function StepperNavigation({
-  variant,
-  labelOrientation,
-  className
-}: StepperNavigationProps): react_jsx_runtime0.JSX.Element;
-declare namespace StepperNavigation {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/input-with-addons/input-with-addons.d.ts
-interface InputWithAddonsProps extends React$2.InputHTMLAttributes<HTMLInputElement> {
-  leading?: React$2.ReactNode;
-  trailing?: React$2.ReactNode;
-  containerClassName?: string;
-}
-declare function InputWithAddons({
-  ref,
-  leading,
-  trailing,
-  containerClassName,
-  className,
-  ...props
-}: InputWithAddonsProps & {
-  ref?: React$2.RefObject<HTMLInputElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace InputWithAddons {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/components/form-input-group.d.ts
-/**
- * Form.Input - Text input component
- *
- * Automatically wired to the parent Form.Field context.
- *
- * @example
- * ```tsx
- * <Form.Field name="email" label="Email" required>
- *   <Form.Input type="email" placeholder="john@example.com" />
- * </Form.Field>
- * ```
- */
-declare function FormInputGroup({
-  ref,
-  type,
-  className,
-  disabled,
-  ...props
-}: InputWithAddonsProps & {
-  ref?: React$2.RefObject<HTMLInputElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace FormInputGroup {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/form/hooks/use-field.d.ts
-/**
- * Hook to access and control a specific field
- * Provides field metadata, control methods, and errors
- *
- * @example
- * ```tsx
- * function MyCustomInput({ name }: { name: string }) {
- *   const { field, control, meta, errors } = useField(name);
- *
- *   return (
- *     <div>
- *       <input
- *         name={meta.name}
- *         id={meta.id}
- *         value={control.value ?? ''}
- *         onChange={(e) => control.change(e.target.value)}
- *         onBlur={control.blur}
- *         aria-invalid={!!errors?.length}
- *       />
- *       {errors?.map((error) => (
- *         <span key={error} className="text-red-500">{error}</span>
- *       ))}
- *     </div>
- *   );
- * }
- * ```
- */
-declare function useField(name: string): UseFieldReturn;
-//#endregion
-//#region src/components/features/form/hooks/use-field-context.d.ts
-/**
- * Hook to access the current field context
- * Must be used within a Form.Field component
- *
- * @example
- * ```tsx
- * function MyInput() {
- *   const { name, id, errors, required, disabled, fieldMeta } = useFieldContext();
- *
- *   return (
- *     <input
- *       name={name}
- *       id={id}
- *       required={required}
- *       disabled={disabled}
- *       aria-invalid={!!errors?.length}
- *     />
- *   );
- * }
- * ```
- */
-declare function useFieldContext(): FormFieldContextValue;
-//#endregion
-//#region src/components/features/form/hooks/use-form-context.d.ts
-/**
- * Hook to access the form context
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const { form, fields, isSubmitting, submit, reset } = useFormContext();
- *
- *   return (
- *     <button onClick={submit} disabled={isSubmitting}>
- *       Submit
- *     </button>
- *   );
- * }
- * ```
- */
-declare function useFormContext<T extends Record<string, unknown> = Record<string, unknown>>(): FormContextValue<T>;
-//#endregion
-//#region src/components/features/form/hooks/use-stepper.d.ts
-/**
- * Return type for useStepper hook
- */
-interface UseStepperReturn {
-  /** All step configurations */
-  steps: StepConfig[];
-  /** Current step config */
-  current: StepConfig;
-  /** Current step index (0-based) */
-  currentIndex: number;
-  /** Go to next step (triggers validation) */
-  next: () => void;
-  /** Go to previous step (no validation) */
-  prev: () => void;
-  /** Go to specific step by ID (only backwards without validation) */
-  goTo: (stepId: string) => void;
-  /** Whether current step is first */
-  isFirst: boolean;
-  /** Whether current step is last */
-  isLast: boolean;
-  /** Get data from a specific step by ID */
-  getStepData: (stepId: string) => Record<string, unknown> | undefined;
-  /** Get all data from all completed steps */
-  getAllStepData: () => Record<string, unknown>;
-}
-/**
- * Hook to access the stepper context
- * Must be used within a Form.Stepper component
- *
- * @example
- * ```tsx
- * function StepContent() {
- *   const {
- *     current,
- *     currentIndex,
- *     steps,
- *     next,
- *     prev,
- *     goTo,
- *     isFirst,
- *     isLast,
- *   } = useStepper();
- *
- *   return (
- *     <div>
- *       <h2>Step {currentIndex + 1}: {current.label}</h2>
- *       <button onClick={prev} disabled={isFirst}>Previous</button>
- *       <button onClick={next} disabled={isLast}>Next</button>
- *     </div>
- *   );
- * }
- * ```
- */
-declare function useStepper(): UseStepperReturn;
-//#endregion
-//#region src/components/features/form/hooks/use-watch.d.ts
-/**
- * Hook to watch a field's value
- * Triggers re-render when the watched field value changes
- *
- * @example
- * ```tsx
- * function ConditionalField() {
- *   const contactMethod = useWatch('contactMethod');
- *
- *   if (contactMethod === 'email') {
- *     return <Form.Field name="email"><Form.Input type="email" /></Form.Field>;
- *   }
- *
- *   if (contactMethod === 'phone') {
- *     return <Form.Field name="phone"><Form.Input type="tel" /></Form.Field>;
- *   }
- *
- *   return null;
- * }
- * ```
- */
-declare function useWatch<T = unknown>(name: string): T | undefined;
-/**
- * Hook to watch multiple fields at once
- *
- * @example
- * ```tsx
- * function Summary() {
- *   const values = useWatchAll(['firstName', 'lastName', 'email']);
- *
- *   return (
- *     <div>
- *       Name: {values.firstName} {values.lastName}
- *       Email: {values.email}
- *     </div>
- *   );
- * }
- * ```
- */
-declare function useWatchAll<T extends Record<string, unknown>>(names: string[]): Partial<T>;
-//#endregion
-//#region src/components/features/form/index.d.ts
-/**
- * Form compound component
- *
- * Contains all form-related components as properties:
- * - Form.Root - Main form container
- * - Form.Field - Field wrapper with label and error handling
- * - Form.Input - Text input
- * - Form.Textarea - Multi-line text input
- * - Form.Select - Dropdown select
- * - Form.SelectItem - Select option
- * - Form.Checkbox - Checkbox input
- * - Form.Switch - Toggle switch
- * - Form.RadioGroup - Radio button group
- * - Form.RadioItem - Radio button option
- * - Form.Submit - Submit button with loading state
- * - Form.Error - Error display
- * - Form.Description - Helper text
- * - Form.Autocomplete - Searchable select with virtualization
- * - Form.When - Conditional rendering
- * - Form.FieldArray - Dynamic array of fields
- * - Form.Custom - Escape hatch for custom implementations
- * - Form.Stepper - Multi-step form container
- * - Form.Step - Individual step content
- * - Form.StepperNavigation - Step progress indicators
- * - Form.StepperControls - Previous/Next/Submit buttons
- *
- * Hooks available:
- * - Form.useFormContext - Access form context
- * - Form.useFieldContext - Access field context
- * - Form.useField - Access and control a specific field
- * - Form.useWatch - Watch a field's value
- * - Form.useWatchAll - Watch multiple fields
- * - Form.useStepper - Access stepper context
- */
-declare const Form: {
-  readonly Root: typeof FormRoot;
-  readonly Field: typeof FormField;
-  readonly Submit: typeof FormSubmit;
-  readonly Button: typeof FormButton;
-  readonly Error: typeof FormError;
-  readonly Description: typeof FormDescription;
-  readonly Input: typeof FormInput;
-  readonly Textarea: typeof FormTextarea;
-  readonly Select: typeof FormSelect;
-  readonly SelectItem: typeof FormSelectItem;
-  readonly Checkbox: typeof FormCheckbox;
-  readonly Switch: typeof FormSwitch;
-  readonly RadioGroup: typeof FormRadioGroup;
-  readonly RadioItem: typeof FormRadioItem;
-  readonly CopyBox: typeof FormCopyBox;
-  readonly Autocomplete: typeof FormAutocomplete;
-  readonly InputGroup: typeof FormInputGroup;
-  readonly When: typeof FormWhen;
-  readonly FieldArray: typeof FormFieldArray;
-  readonly Custom: typeof FormCustom;
-  readonly Stepper: typeof FormStepper;
-  readonly Step: typeof FormStep;
-  readonly StepperNavigation: typeof StepperNavigation;
-  readonly StepperControls: typeof StepperControls;
-  readonly Dialog: typeof FormDialog;
-  readonly useFormContext: typeof useFormContext;
-  readonly useFieldContext: typeof useFieldContext;
-  readonly useField: typeof useField;
-  readonly useWatch: typeof useWatch;
-  readonly useWatchAll: typeof useWatchAll;
-  readonly useStepper: typeof useStepper;
-};
-//#endregion
-//#region src/components/features/grid/constants/grid.constants.d.ts
-declare const GRID_BREAKPOINTS: {
-  readonly xs: 480;
-  readonly sm: 576;
-  readonly md: 768;
-  readonly lg: 992;
-  readonly xl: 1200;
-  readonly xxl: 1600;
-};
-declare const GRID_COLUMNS = 24;
-declare const GRID_PREFIX = "grid";
-declare const RESPONSIVE_ARRAY: readonly ["xxl", "xl", "lg", "md", "sm", "xs"];
-declare const RESPONSIVE_MAP: {
-  readonly xs: "(max-width: 575px)";
-  readonly sm: "(min-width: 576px)";
-  readonly md: "(min-width: 768px)";
-  readonly lg: "(min-width: 992px)";
-  readonly xl: "(min-width: 1200px)";
-  readonly xxl: "(min-width: 1600px)";
-};
-type Breakpoint = keyof typeof GRID_BREAKPOINTS;
-//#endregion
-//#region src/components/features/grid/types/grid.types.d.ts
-type Gutter = number | Partial<Record<Breakpoint, number>>;
-interface ColSize {
-  span?: number;
-  order?: number;
-  offset?: number;
-  push?: number;
-  pull?: number;
-}
-interface RowProps {
-  type?: 'flex';
-  align?: 'top' | 'middle' | 'bottom';
-  justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-  className?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  gutter?: Gutter | [Gutter, Gutter];
-  prefixCls?: string;
-}
-interface ColProps {
-  span?: number;
-  order?: number;
-  offset?: number;
-  push?: number;
-  pull?: number;
-  className?: string;
-  prefixCls?: string;
-  style?: React.CSSProperties;
-  children?: React.ReactNode;
-  xs?: number | ColSize;
-  sm?: number | ColSize;
-  md?: number | ColSize;
-  lg?: number | ColSize;
-  xl?: number | ColSize;
-  xxl?: number | ColSize;
-}
-interface RowContextType {
-  gutters?: [number, number];
-}
-interface RowState {
-  screens: Partial<Record<Breakpoint, boolean>>;
-}
-//#endregion
-//#region src/components/features/grid/components/col.d.ts
-declare const Col: React$1.FC<ColProps>;
-//#endregion
-//#region src/components/features/grid/components/row.d.ts
-declare const RowContext: React$1.Context<RowContextType | null>;
-declare const Row: React$1.FC<RowProps>;
-//#endregion
-//#region src/components/features/grid/utils/responsive.d.ts
-interface MediaQueryCallback {
-  match: () => void;
-  unmatch: () => void;
-}
-declare function registerMediaQuery(query: string, callback: MediaQueryCallback): () => void;
-declare function getGutter(gutter: (Gutter | [Gutter, Gutter]) | undefined, screens: Partial<Record<Breakpoint, boolean>>): [number, number];
-declare function getResponsiveValue<T>(value: T | Partial<Record<Breakpoint, T>>, screens: Partial<Record<Breakpoint, boolean>>): T | undefined;
-//#endregion
-//#region src/components/features/input-number/input-number.d.ts
-interface NumberInputProps extends Omit<NumericFormatProps, 'value' | 'onValueChange'> {
-  stepper?: number;
-  thousandSeparator?: string;
-  placeholder?: string;
-  defaultValue?: number;
-  min?: number;
-  max?: number;
-  value?: number;
-  suffix?: string;
-  prefix?: string;
-  onValueChange?: (value: number | undefined) => void;
-  fixedDecimalScale?: boolean;
-  decimalScale?: number;
-}
-declare function InputNumber({
-  ref,
-  stepper,
-  thousandSeparator,
-  placeholder,
-  defaultValue,
-  min,
-  max,
-  onValueChange,
-  fixedDecimalScale,
-  decimalScale,
-  suffix,
-  prefix,
-  value: controlledValue,
-  ...props
-}: NumberInputProps & {
-  ref?: React.RefObject<HTMLInputElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace InputNumber {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/loader-overlay/loader-overlay.d.ts
-declare function LoaderOverlay({
-  message,
-  className
-}: {
-  message?: string | React.ReactNode;
-  className?: string;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/more-actions/more-actions.d.ts
-interface MoreActionsProps<TData> {
-  key: string;
-  label: string;
-  variant?: 'default' | 'destructive';
-  icon?: React.ReactNode;
-  className?: string;
-  action: (row?: TData) => void | Promise<void>;
-  disabled?: (row?: TData) => boolean;
-  hidden?: (row?: TData) => boolean;
-  tooltip?: string | ((row?: TData) => string);
-}
-declare function MoreActions<TData>({
-  row,
-  actions,
-  className,
-  disabled,
-  iconClassName
-}: {
-  row?: TData;
-  actions: MoreActionsProps<TData>[];
-  className?: string;
-  disabled?: boolean;
-  iconClassName?: string;
-}): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region src/components/features/nprogress/index.d.ts
-declare function startProgress(): void;
-declare function stopProgress(): void;
-declare function configureProgress(): void;
-//#endregion
-//#region src/components/features/page-title/page-title.d.ts
-interface PageTitleProps {
-  title?: string;
-  description?: React.ReactNode;
-  actions?: React.ReactNode;
-  className?: string;
-  titleClassName?: string;
-  descriptionClassName?: string;
-  actionsClassName?: string;
-  actionsPosition?: 'inline' | 'bottom';
-}
-declare function PageTitle({
-  title,
-  description,
-  actions,
-  className,
-  titleClassName,
-  descriptionClassName,
-  actionsClassName,
-  actionsPosition
-}: PageTitleProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/sidebar/nav-main.d.ts
-interface NavItem {
-  title: string;
-  href: string | null;
-  type: 'link' | 'group' | 'collapsible' | 'externalLink';
-  disabled?: boolean;
-  count?: number;
-  icon?: LucideIcon;
-  children?: NavItem[];
-  open?: boolean;
-  hidden?: boolean;
-  showSeparatorAbove?: boolean;
-  showSeparatorBelow?: boolean;
-  excludePaths?: string[];
-  tabChildLinks?: string[];
-  /** Called when the user hovers over the link (e.g. to prefetch route data). */
-  onPrefetch?: () => void;
-}
-declare function NavMain({
-  ref,
-  className,
-  items,
-  currentPath,
-  linkComponent: LinkComp,
-  overrideState,
-  itemClassName,
-  disableTooltip,
-  closeOnNavigation,
-  ...props
-}: ComponentProps<'ul'> & {
-  items: NavItem[]; /** Current URL pathname — replaces internal useLocation() */
-  currentPath: string; /** Link component to render navigation links (defaults to native `<a>`) */
-  linkComponent?: ElementType;
-  overrideState?: 'expanded' | 'collapsed';
-  itemClassName?: string;
-  disableTooltip?: boolean;
-  closeOnNavigation?: boolean;
-} & {
-  ref?: React.RefObject<HTMLUListElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace NavMain {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/sidebar/app-sidebar.d.ts
-declare function AppSidebar({
-  navItems,
-  title,
-  closeOnNavigation,
-  defaultOpen,
-  currentPath,
-  linkComponent,
-  ...props
-}: React.ComponentProps<typeof Sidebar> & {
-  navItems: NavItem[];
-  title?: string | React.ReactNode;
-  closeOnNavigation?: boolean; /** Controls sidebar open state — when false, sidebar closes on mount */
-  defaultOpen?: boolean; /** Current URL pathname — passed through to NavMain */
-  currentPath: string; /** Link component — passed through to NavMain (defaults to native `<a>`) */
-  linkComponent?: React.ElementType;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/sidebar/sidebar.d.ts
-interface SidebarContext {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-  handleMouseEnter: () => void;
-  handleMouseLeave: () => void;
-  forceClose: () => void;
-  closeForNavigation: () => void;
-  hasSubLayout: boolean;
-  setHasSubLayout: (value: boolean) => void;
-  expandBehavior: 'push' | 'overlay';
-  showBackdrop: boolean;
-}
-declare const SidebarContext: React$2.Context<SidebarContext | null>;
-declare function useSidebar(): SidebarContext;
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  expandOnHover,
-  expandBehavior,
-  showBackdrop,
-  className,
-  style,
-  children,
-  ...props
-}: React$2.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  expandOnHover?: boolean;
-  expandBehavior?: 'push' | 'overlay';
-  showBackdrop?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function Sidebar({
-  side,
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: React$2.ComponentProps<'div'> & {
-  side?: 'left' | 'right';
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React$2.ComponentProps<typeof Button>): react_jsx_runtime0.JSX.Element;
-declare function SidebarRail({
-  className,
-  ...props
-}: React$2.ComponentProps<'button'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarInset({
-  className,
-  ...props
-}: React$2.ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarInput({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof Input>): react_jsx_runtime0.JSX.Element;
-declare function SidebarHeader({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarFooter({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarSeparator({
-  className,
-  ...props
-}: React$2.ComponentProps<typeof Separator>): react_jsx_runtime0.JSX.Element;
-declare function SidebarContent({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarGroup({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarGroupLabel({
-  className,
-  asChild,
-  ...props
-}: React$2.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarGroupAction({
-  className,
-  asChild,
-  ...props
-}: React$2.ComponentProps<'button'> & {
-  asChild?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarGroupContent({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenu({
-  className,
-  ...props
-}: React$2.ComponentProps<'ul'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuItem({
-  className,
-  ...props
-}: React$2.ComponentProps<'li'>): react_jsx_runtime0.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function SidebarMenuButton({
-  asChild,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: React$2.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React$2.ReactNode | {
-    message: string | React$2.ReactNode;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-  };
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuAction({
-  className,
-  asChild,
-  showOnHover,
-  ...props
-}: React$2.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuBadge({
-  className,
-  ...props
-}: React$2.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: React$2.ComponentProps<'div'> & {
-  showIcon?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuSub({
-  className,
-  ...props
-}: React$2.ComponentProps<'ul'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuSubItem({
-  className,
-  ...props
-}: React$2.ComponentProps<'li'>): react_jsx_runtime0.JSX.Element;
-declare function SidebarMenuSubButton({
-  asChild,
-  size,
-  isActive,
-  className,
-  ...props
-}: React$2.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/stepper/stepper.d.ts
-declare function defineStepper<const Steps extends Stepperize.Step[]>(...steps: Steps): Stepper.DefineProps<Steps>;
-declare namespace Stepper {
-  type StepperVariant = 'horizontal' | 'vertical' | 'circle';
-  type StepperLabelOrientation = 'horizontal' | 'vertical';
-  interface ConfigProps {
-    variant?: StepperVariant;
-    labelOrientation?: StepperLabelOrientation;
-    tracking?: boolean;
-  }
-  type DefineProps<Steps extends Stepperize.Step[]> = Omit<Stepperize.StepperReturn<Steps>, 'Scoped'> & {
-    Stepper: {
-      Provider: (props: Omit<Stepperize.ScopedProps<Steps>, 'children'> & Omit<React$2.ComponentProps<'div'>, 'children'> & Stepper.ConfigProps & {
-        children: React$2.ReactNode | ((props: {
-          methods: Stepperize.Stepper<Steps>;
-        }) => React$2.ReactNode);
-      }) => React$2.ReactElement;
-      Navigation: (props: React$2.ComponentProps<'nav'>) => React$2.ReactElement;
-      Step: (props: React$2.ComponentProps<'button'> & {
-        of: Stepperize.Get.Id<Steps>;
-        icon?: React$2.ReactNode;
-        variant?: 'default' | 'secondary';
-      }) => React$2.ReactElement;
-      Title: (props: AsChildProps<'h4'>) => React$2.ReactElement;
-      Description: (props: AsChildProps<'p'>) => React$2.ReactElement;
-      Panel: (props: AsChildProps<'div'>) => React$2.ReactElement;
-      Controls: (props: AsChildProps<'div'>) => React$2.ReactElement;
-    };
-  };
-  interface CircleStepIndicatorProps {
-    currentStep: number;
-    totalSteps: number;
-    size?: number;
-    strokeWidth?: number;
-  }
-}
-type AsChildProps<T extends React$2.ElementType> = React$2.ComponentProps<T> & {
-  asChild?: boolean;
-};
-//#endregion
-//#region src/components/features/tag-input/tag-input.d.ts
-interface TagsInputProps extends React$1.HTMLAttributes<HTMLDivElement> {
-  value: string[];
-  onValueChange: (value: string[]) => void;
-  placeholder?: string;
-  maxItems?: number;
-  minItems?: number;
-  /**
-   * Optional Zod schema for validating individual tag values
-   */
-  validator?: z.ZodType<string>;
-  /**
-   * Optional callback for handling validation errors externally
-   * This is useful when integrating with form libraries like conform-to
-   */
-  onValidationError?: (error: string | null) => void;
-  /**
-   * Optional external error message to display
-   * This is useful when the error comes from a form library like conform-to
-   */
-  error?: string | string[];
-  /**
-   * Whether to show validation errors inline
-   * Set to false when handling errors externally with onValidationError
-   */
-  showValidationErrors?: boolean;
-  name?: string;
-  key?: string;
-}
-declare function TagsInput({
-  ref,
-  value,
-  onValueChange,
-  placeholder,
-  maxItems,
-  minItems,
-  className,
-  dir,
-  validator,
-  onValidationError,
-  error,
-  showValidationErrors,
-  name,
-  key,
-  ...props
-}: TagsInputProps & {
-  ref?: React$1.RefObject<HTMLDivElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-declare namespace TagsInput {
-  var displayName: string;
-}
-//#endregion
-//#region src/components/features/task-queue/core/task-panel.d.ts
-/**
- * @deprecated Use TaskQueueDropdown instead — renders as a header-anchored dropdown.
- * TaskPanel is kept for backward compatibility but is no longer used in the main layout.
- */
-declare function TaskPanel(): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region src/components/features/task-queue/types.d.ts
-type TaskStatus = 'pending' | 'running' | 'completed' | 'failed' | 'cancelled';
-interface TaskMetadata {
-  /** Scope type: 'project' | 'org' | 'user' | custom */
-  scope?: string;
-  /** Project ID for project-scoped tasks */
-  projectId?: string;
-  /** Human-readable project name */
-  projectName?: string;
-  /** Organization ID */
-  orgId?: string;
-  /** Human-readable organization name */
-  orgName?: string;
-  /** Extensible - any additional context */
-  [key: string]: unknown;
-}
-interface TaskCompletionInfo<TItem = unknown> {
-  status: TaskStatus;
-  completed: number;
-  failed: number;
-  items: Array<{
-    id: string;
-    status: 'succeeded' | 'failed';
-    message?: string;
-    data: TItem;
-  }>;
-}
-interface Task<TResult = unknown> {
-  id: string;
-  title: string;
-  status: TaskStatus;
-  icon?: ReactNode;
-  category?: string;
-  metadata?: TaskMetadata;
-  items?: unknown[];
-  total?: number;
-  completed: number;
-  failed: number;
-  succeededItems: string[];
-  failedItems: Array<{
-    id?: string;
-    message: string;
-  }>;
-  errorStrategy: 'continue' | 'stop';
-  cancelable: boolean;
-  retryable: boolean;
-  confirmBeforeUnload: boolean;
-  result?: TResult;
-  completionActions?: ButtonProps[] | ((result: TResult, info: TaskCompletionInfo) => ButtonProps[]);
-  retryOf?: string;
-  retryCount: number;
-  _processor?: (ctx: TaskContext<unknown, TResult>) => Promise<void>;
-  _originalItems?: unknown[];
-  createdAt: number;
-  startedAt?: number;
-  completedAt?: number;
-}
-interface TaskContext<TItem = unknown, TResult = unknown> {
-  readonly items: TItem[];
-  readonly cancelled: boolean;
-  readonly failedItems: Array<{
-    id?: string;
-    message: string;
-  }>;
-  /** Mark current item as succeeded. Pass itemId to enable retry of remaining items on cancel. */
-  succeed: (itemId?: string) => void;
-  /** Mark current item as failed. Pass itemId and message for retry support. */
-  fail: (itemId?: string, message?: string) => void;
-  setTitle: (title: string) => void;
-  setResult: (result: TResult) => void;
-  /** Register cleanup function to call on cancel/timeout. Used for watch subscription cleanup. */
-  onCancel: (cleanup: () => void) => void;
-}
-interface ItemContext {
-  /** Check if task was cancelled */
-  readonly cancelled: boolean;
-  /** Override auto-detected item ID for retry tracking */
-  succeed: (itemId?: string) => void;
-  /** Override auto-detected item ID and customize error message */
-  fail: (itemId?: string, message?: string) => void;
-}
-interface TaskOutcome<TResult = unknown> {
-  status: 'completed' | 'failed' | 'cancelled';
-  completed: number;
-  failed: number;
-  failedItems: Array<{
-    id?: string;
-    message: string;
-  }>;
-  result?: TResult;
-}
-interface BaseEnqueueOptions<TItem = unknown, TResult = unknown> {
-  title: string;
-  icon?: ReactNode;
-  category?: string;
-  metadata?: TaskMetadata;
-  errorStrategy?: 'continue' | 'stop';
-  cancelable?: boolean;
-  retryable?: boolean;
-  /**
-   * Show browser confirmation dialog when user tries to close/reload page
-   * while this task is pending or running.
-   *
-   * Set to `false` only for non-critical background tasks that can be safely
-   * interrupted (cache updates, analytics, read-only operations).
-   *
-   * **IMPORTANT: Keep `true` (default) for:**
-   * - Mutating operations (creates, updates, deletes)
-   * - Long-running operations (> 5 seconds)
-   * - Operations with side effects (emails, billing, external APIs)
-   *
-   * @default true
-   *
-   * @example
-   * ```typescript
-   * // Mutation - MUST confirm
-   * enqueue({
-   *   title: 'Creating 50 DNS records',
-   *   confirmBeforeUnload: true, // Keep default
-   *   processor: async () => { ... }
-   * });
-   *
-   * // Background task - Safe to skip
-   * enqueue({
-   *   title: 'Warming cache',
-   *   confirmBeforeUnload: false, // OK - non-critical
-   *   processor: async () => { ... }
-   * });
-   * ```
-   */
-  confirmBeforeUnload?: boolean;
-  completionActions?: ButtonProps[] | ((result: TResult, info: TaskCompletionInfo<TItem>) => ButtonProps[]);
-  onComplete?: (outcome: TaskOutcome<TResult>) => void | Promise<void>;
-  /** Timeout in milliseconds. Default: 300000 (5 minutes) */
-  timeout?: number;
-}
-/** Full control mode - consumer handles iteration */
-interface ProcessorEnqueueOptions<TItem = unknown, TResult = unknown> extends BaseEnqueueOptions<TItem, TResult> {
-  processor: (ctx: TaskContext<TItem, TResult>) => Promise<void>;
-  items?: TItem[];
-  processItem?: never;
-  itemConcurrency?: never;
-  getItemId?: never;
-}
-/** Simplified mode - queue handles iteration */
-interface ProcessItemEnqueueOptions<TItem = unknown, TResult = unknown> extends BaseEnqueueOptions<TItem, TResult> {
-  processItem: (item: TItem, ctx: ItemContext) => Promise<void>;
-  items: TItem[];
-  itemConcurrency?: number;
-  getItemId?: (item: TItem) => string;
-  processor?: never;
-}
-type EnqueueOptions<TItem = unknown, TResult = unknown> = ProcessorEnqueueOptions<TItem, TResult> | ProcessItemEnqueueOptions<TItem, TResult>;
-interface TaskHandle<TResult = unknown> {
-  id: string;
-  cancel: () => void;
-  promise: Promise<TaskOutcome<TResult>>;
-}
-interface RedisClient {
-  get: (key: string) => Promise<string | null>;
-  set: (key: string, value: string) => Promise<string | null>;
-  del: (key: string) => Promise<number>;
-  status?: string;
-}
-interface TaskQueueConfig {
-  concurrency?: number;
-  storage?: TaskStorage;
-  storageKey?: string;
-  storageType?: 'memory' | 'local' | 'auto';
-  redisClient?: RedisClient | null;
-  /** Global custom renderer for TaskSummaryDialog content. Can be overridden per showSummary call. */
-  summaryRenderContent?: SummaryRenderContent;
-}
-interface TaskStorage {
-  getAll: () => Task[];
-  get: (id: string) => Task | undefined;
-  set: (id: string, task: Task) => void;
-  remove: (id: string) => void;
-  clear: () => void;
-}
-interface TaskSummaryItem {
-  id: string;
-  label: string;
-  status: 'success' | 'failed';
-  message?: string;
-}
-type SummaryRenderContent = (items: TaskSummaryItem[]) => ReactNode;
-interface TaskSummaryData {
-  title: string;
-  items: TaskSummaryItem[];
-  renderContent?: SummaryRenderContent;
-}
-interface TaskQueueAPI {
-  enqueue: <TItem = unknown, TResult = unknown>(options: EnqueueOptions<TItem, TResult>) => TaskHandle<TResult>;
-  cancel: (taskId: string) => void;
-  retry: (taskId: string) => void;
-  dismiss: (taskId: string) => void;
-  dismissAll: () => void;
-  showSummary: (title: string, items: TaskSummaryItem[], options?: {
-    renderContent?: SummaryRenderContent;
-  }) => void;
-  closeSummary: () => void;
-  activeSummary: TaskSummaryData | null;
-  /** Global custom renderer from TaskQueueConfig. Per-call renderContent in showSummary takes precedence. */
-  summaryRenderContent?: SummaryRenderContent;
-  tasks: Task[];
-}
-interface UseTaskQueueOptions {
-  status?: TaskStatus;
-}
-//#endregion
-//#region src/components/features/task-queue/core/task-panel-actions.d.ts
-interface TaskPanelActionsProps {
-  task: Task;
-}
-declare function TaskPanelActions({
-  task
-}: TaskPanelActionsProps): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region src/components/features/task-queue/core/task-panel-counter.d.ts
-interface TaskPanelCounterProps {
-  total?: number;
-  completed: number;
-  failed?: number;
-  status?: TaskStatus;
-}
-declare function TaskPanelCounter({
-  total,
-  completed,
-  failed,
-  status
-}: TaskPanelCounterProps): react_jsx_runtime0.JSX.Element | null;
-//#endregion
-//#region src/components/features/task-queue/core/task-panel-header.d.ts
-declare function TaskPanelHeader(): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/task-queue/core/task-panel-item.d.ts
-interface TaskPanelItemProps {
-  task: Task;
-  contextLabel?: string;
-  onCancel: () => void;
-}
-declare function TaskPanelItem({
-  task,
-  contextLabel,
-  onCancel
-}: TaskPanelItemProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/task-queue/core/task-queue-dropdown.d.ts
-declare function TaskQueueDropdown(): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/task-queue/core/task-queue-trigger.d.ts
-interface TaskQueueTriggerProps {
-  tasks: Task[];
-}
-declare function TaskQueueTrigger({
-  ref,
-  tasks,
-  ...props
-}: TaskQueueTriggerProps & {
-  ref?: React.RefObject<HTMLButtonElement | null>;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/task-queue/core/task-summary-dialog.d.ts
-interface BaseProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  title: string;
-  description?: string;
-  actions?: ReactNode;
-  renderContent?: (items: TaskSummaryItem[]) => ReactNode;
-}
-type ItemsMode = BaseProps & {
-  items: TaskSummaryItem[];
-  taskId?: never;
-  getItemLabel?: never;
-};
-type TaskIdMode = BaseProps & {
-  taskId: string;
-  getItemLabel: (id: string) => string;
-  items?: never;
-};
-type TaskSummaryDialogProps = ItemsMode | TaskIdMode;
-declare function TaskSummaryDialog(props: TaskSummaryDialogProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/task-queue/engine/queue.d.ts
-declare class TaskQueue {
-  private storage;
-  private concurrency;
-  private runningCount;
-  private listeners;
-  private taskResolvers;
-  private snapshot;
-  private notifyScheduled;
-  private processors;
-  private cancelFunctions;
-  private onCompleteCallbacks;
-  private taskTimeouts;
-  private _activeSummary;
-  private _summaryRenderContent;
-  constructor(config?: TaskQueueConfig);
-  subscribe: (listener: () => void) => (() => void);
-  getSnapshot: () => Task[];
-  private notify;
-  private updateSnapshot;
-  enqueue: <TItem = unknown, TResult = unknown>(options: EnqueueOptions<TItem, TResult>) => TaskHandle<TResult>;
-  cancel: (taskId: string) => void;
-  retry: (taskId: string) => void;
-  private getRetryItems;
-  /** Extract ID from an item using custom extractor or shared utility */
-  private resolveItemId;
-  dismiss: (taskId: string) => void;
-  dismissAll: () => void;
-  showSummary: (title: string, items: TaskSummaryItem[], options?: {
-    renderContent?: SummaryRenderContent;
-  }) => void;
-  closeSummary: () => void;
-  getActiveSummary: () => TaskSummaryData | null;
-  getSummaryRenderContent: () => SummaryRenderContent | undefined;
-  private buildProcessor;
-  private processOneItem;
-  private drain;
-  private runTask;
-  private handleTaskTimeout;
-  private clearTaskTimeout;
-}
-//#endregion
-//#region src/components/features/task-queue/engine/storage/detect-storage.d.ts
-interface DetectStorageOptions {
-  redisClient?: RedisClient | null;
-  storageKey?: string;
-  storageType?: 'memory' | 'local' | 'auto';
-}
-/**
- * Auto-detects and returns the appropriate storage backend.
- *
- * Storage types:
- * - `memory` (default): In-memory storage, tasks lost on reload
- * - `local`: Browser localStorage, tasks persist across reloads
- * - `auto`: Uses Redis if available, otherwise localStorage
- *
- * All storage backends are SSR-safe and will return empty data on the server.
- */
-declare function detectStorage(options?: DetectStorageOptions): TaskStorage;
-//#endregion
-//#region src/components/features/task-queue/engine/storage/local-storage.d.ts
-declare class LocalTaskStorage implements TaskStorage {
-  private key;
-  constructor(key?: string);
-  getAll(): Task[];
-  get(id: string): Task | undefined;
-  set(id: string, task: Task): void;
-  remove(id: string): void;
-  clear(): void;
-  private persist;
-}
-//#endregion
-//#region src/components/features/task-queue/engine/storage/redis-storage.d.ts
-declare class RedisTaskStorage implements TaskStorage {
-  private client;
-  private key;
-  private cache;
-  private initialized;
-  private initPromise;
-  private ttl;
-  constructor(client: RedisClient, key?: string, ttl?: number);
-  /**
-   * Wait for initialization to complete.
-   * Call this before accessing data if you need guaranteed consistency.
-   */
-  waitForInit(): Promise<void>;
-  private initialize;
-  getAll(): Task[];
-  get(id: string): Task | undefined;
-  set(id: string, task: Task): void;
-  remove(id: string): void;
-  clear(): void;
-  private syncToRedis;
-}
-//#endregion
-//#region src/components/features/task-queue/hooks/use-task-queue.d.ts
-declare function useTaskQueue(options?: UseTaskQueueOptions): TaskQueueAPI;
-//#endregion
-//#region src/components/features/task-queue/hooks/use-task-scope.d.ts
-type CurrentScope = {
-  type: 'project';
-  projectId: string;
-  orgId?: string;
-} | {
-  type: 'org';
-  orgId: string;
-} | {
-  type: 'global';
-} | {
-  type: 'edge';
-  projectId: string;
-  orgId?: string;
-};
-/**
- * Detect the current scope from URL params.
- * Returns project scope if projectId is present, org scope if only orgId, otherwise global.
- *
- * @param params - Route params (e.g. from useParams() in react-router)
- */
-declare function useCurrentScope(params: {
-  projectId?: string;
-  orgId?: string;
-}): CurrentScope;
-/**
- * Check if task metadata matches the current scope.
- */
-declare function matchesCurrentScope(metadata: TaskMetadata | undefined, scope: CurrentScope): boolean;
-/**
- * Get the context label to display for a task.
- * Returns formatted label with scope type: "Project: Name", "Org: Name", etc.
- */
-declare function getContextLabel(metadata: TaskMetadata | undefined): string | undefined;
-interface TasksWithLabels {
-  tasks: Task[];
-  showLabels: boolean;
-}
-/**
- * Hook that returns tasks with a flag indicating whether to show context labels.
- * Labels are shown when:
- * - User is on a global page (account, etc.)
- * - Tasks are from mixed scopes (not all match current scope)
- *
- * @param tasks - Array of tasks to evaluate
- * @param params - Route params (e.g. from useParams() in react-router)
- */
-declare function useTasksWithLabels(tasks: Task[], params: {
-  projectId?: string;
-  orgId?: string;
-}): TasksWithLabels;
-//#endregion
-//#region src/components/features/task-queue/provider/task-queue-provider.d.ts
-interface TaskQueueProviderProps {
-  children: ReactNode;
-  config?: TaskQueueConfig;
-}
-declare function TaskQueueProvider({
-  children,
-  config
-}: TaskQueueProviderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/task-queue/utils/index.d.ts
-/**
- * Create metadata for project-scoped tasks.
- * Use this when enqueueing tasks that operate on project resources.
- */
-declare function createProjectMetadata(project: {
-  id: string;
-  name: string;
-}, org: {
-  id: string;
-  name: string;
-}, extra?: Record<string, unknown>): TaskMetadata;
-/**
- * Create metadata for organization-scoped tasks.
- * Use this when enqueueing tasks that operate on org-level resources.
- */
-declare function createOrgMetadata(org: {
-  id: string;
-  name: string;
-}, extra?: Record<string, unknown>): TaskMetadata;
-/**
- * Create metadata for user-scoped tasks.
- * Use this when enqueueing tasks that operate on user-level resources.
- */
-declare function createUserMetadata(extra?: Record<string, unknown>): TaskMetadata;
-//#endregion
-//#region src/components/features/time-range-picker/components/absolute-range-panel.d.ts
-interface CustomRangePanelProps {
-  /** Start time in UTC ISO format */
-  fromUtc: string;
-  /** End time in UTC ISO format */
-  toUtc: string;
-  /** User's timezone for display */
-  timezone: string;
-  /** Called when range changes (with UTC values) */
-  onRangeChange: (from: string, to: string) => void;
-  /** Disable future dates */
-  disableFuture?: boolean;
-  /** Debounce delay for time inputs in ms */
-  debounceMs?: number;
-  className?: string;
-}
-declare function CustomRangePanel({
-  fromUtc,
-  toUtc,
-  timezone,
-  onRangeChange,
-  disableFuture,
-  debounceMs,
-  className
-}: CustomRangePanelProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/time-range-picker/types.d.ts
-/**
- * Time range value - stores UTC timestamps
- * All from/to values are ISO 8601 UTC strings (e.g., '2024-01-15T04:00:00Z')
- */
-interface TimeRangeValue {
-  /** Type of range selection */
-  type: 'preset' | 'custom';
-  /** For preset type: the preset key (e.g., 'today', '24h', '7d') */
-  preset?: string;
-  /** Start time in UTC ISO format (e.g., '2024-01-15T04:00:00Z') */
-  from: string;
-  /** End time in UTC ISO format (e.g., '2024-01-15T08:00:00Z') */
-  to: string;
-}
-/**
- * Date range for internal use (actual Date objects)
- */
-interface DateRange$1 {
-  from: Date;
-  to: Date;
-}
-/**
- * Preset configuration with dynamic range calculation
- */
-interface PresetConfig {
-  /** Unique key for the preset */
-  key: string;
-  /** Display label (e.g., 'Last 24 hours') */
-  label: string;
-  /** Keyboard shortcut (e.g., 'D' for Today) */
-  shortcut: string;
-  /**
-   * Function to calculate the date range based on user's timezone
-   * Returns dates that will be converted to UTC for storage/API
-   */
-  getRange: (timezone: string) => DateRange$1;
-}
-/**
- * Timezone option for selector
- */
-interface TimezoneOption {
-  /** Timezone identifier (e.g., 'Asia/Jakarta') */
-  value: string;
-  /** Display label (e.g., 'Asia/Jakarta (UTC+07:00)') */
-  label: string;
-  /** UTC offset string (e.g., '+07:00') */
-  offset: string;
-}
-/**
- * API time range format (what gets sent to the API)
- * Always in UTC ISO format
- */
-interface ApiTimeRange {
-  /** Start time in UTC (e.g., '2024-01-15T04:00:00Z') */
-  startTime: string;
-  /** End time in UTC (e.g., '2024-01-16T08:00:00Z') */
-  endTime: string;
-}
-//#endregion
-//#region src/components/features/time-range-picker/components/quick-ranges-panel.d.ts
-interface QuickRangesPanelProps {
-  presets: PresetConfig[];
-  value: TimeRangeValue | null;
-  onPresetSelect: (preset: PresetConfig) => void;
-  className?: string;
-}
-declare function QuickRangesPanel({
-  presets,
-  value,
-  onPresetSelect,
-  className
-}: QuickRangesPanelProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/time-range-picker/components/timezone-selector.d.ts
-interface TimezoneSelectorProps {
-  value: string;
-  onChange: (value: string) => void;
-  options: TimezoneOption[];
-  className?: string;
-}
-declare function TimezoneSelector({
-  value,
-  onChange,
-  options,
-  className
-}: TimezoneSelectorProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/time-range-picker/presets.d.ts
-/**
- * Default time range presets with timezone-aware range calculation
- * Note: All presets use "now" as end time to avoid future timestamps
- * (API rejects future times for historical audit logs)
- *
- * API constraint: Maximum time range is 720 hours (30 days)
- */
-declare const DEFAULT_PRESETS: PresetConfig[];
-/**
- * Get a preset by key
- */
-declare function getPresetByKey(key: string, presets?: PresetConfig[]): PresetConfig | undefined;
-/**
- * Get a preset by keyboard shortcut
- */
-declare function getPresetByShortcut(shortcut: string, presets?: PresetConfig[]): PresetConfig | undefined;
-/**
- * Get the default preset (last 7 days)
- */
-declare function getDefaultPreset(presets?: PresetConfig[]): PresetConfig;
-/**
- * Calculate preset range and return UTC ISO strings
- */
-declare function getPresetRange(preset: PresetConfig, timezone: string): {
-  from: string;
-  to: string;
-};
-//#endregion
-//#region src/components/features/time-range-picker/time-range-picker.d.ts
-interface TimeRangePickerProps {
-  /** Current value (controlled) - stores UTC timestamps */
-  value: TimeRangeValue | null;
-  /** Called when value changes */
-  onChange: (value: TimeRangeValue) => void;
-  /** Called when clear button is clicked - clears URL params and resets to default */
-  onClear?: () => void;
-  /** User's timezone (for display conversion) */
-  timezone?: string;
-  /** Preset configurations */
-  presets?: PresetConfig[];
-  /** Disable future dates */
-  disableFuture?: boolean;
-  /** Maximum selectable date */
-  maxDate?: Date;
-  /** Minimum selectable date */
-  minDate?: Date;
-  /** Custom class name */
-  className?: string;
-  /** Whether the picker is disabled */
-  disabled?: boolean;
-  /** Placeholder text */
-  placeholder?: string;
-  /** Popover alignment */
-  align?: 'start' | 'center' | 'end';
-  /** Popover side */
-  side?: 'top' | 'bottom';
-}
-declare function TimeRangePicker({
-  value,
-  onChange,
-  onClear,
-  timezone: timezoneProp,
-  presets,
-  disableFuture,
-  maxDate,
-  minDate,
-  className,
-  disabled,
-  placeholder,
-  align,
-  side
-}: TimeRangePickerProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/time-range-picker/utils/format-display.d.ts
-/**
- * Format a TimeRangeValue for display in the trigger button
- * Always shows the actual date/time range, not preset labels
- * Converts UTC timestamps to user's timezone for display
- */
-declare function formatTimeRangeDisplay(value: TimeRangeValue | null, timezone: string): string;
-/**
- * Format a UTC ISO string for display in user's timezone
- */
-declare function formatSingleTimeDisplay(utcString: string, timezone: string): string;
-/**
- * Format a Date object for the datetime-local input field
- */
-declare function formatDateForInput(date: Date): string;
-//#endregion
-//#region src/components/features/time-range-picker/utils/timezone.d.ts
-/**
- * Get the UTC offset string for a timezone
- * @example getTimezoneOffset('Asia/Jakarta') => '+07:00'
- */
-declare function getTimezoneOffset(timezone: string): string;
-/**
- * Format a timezone for display
- * @example formatTimezoneLabel('Asia/Jakarta') => 'Asia/Jakarta (UTC+07:00)'
- */
-declare function formatTimezoneLabel(timezone: string): string;
-/**
- * Create a TimezoneOption from a timezone string
- */
-declare function createTimezoneOption(timezone: string): TimezoneOption;
-/**
- * Get default timezone options (user's timezone + UTC)
- */
-declare function getDefaultTimezoneOptions(userTimezone?: string): TimezoneOption[];
-/**
- * Get short offset display (e.g., "UTC+7")
- */
-declare function getShortTimezoneDisplay(timezone: string): string;
-/**
- * Get the browser's timezone
- */
-declare function getBrowserTimezone(): string;
-/**
- * Convert a UTC Date to a local datetime-local input string in the given timezone
- * @example utcToLocalInputString(new Date('2026-01-16T04:00:00Z'), 'Asia/Jakarta') => '2026-01-16T11:00'
- */
-declare function utcToLocalInputString(utcDate: Date, timezone: string): string;
-/**
- * Convert a local datetime-local input string to a UTC Date
- * @example localInputStringToUtc('2026-01-16T11:00', 'Asia/Jakarta') => Date('2026-01-16T04:00:00Z')
- */
-declare function localInputStringToUtc(localString: string, timezone: string): Date;
-/**
- * Convert a UTC ISO string to a Date for display in user's timezone
- */
-declare function utcStringToZonedDate(utcString: string, timezone: string): Date;
-/**
- * Convert a zoned Date to UTC ISO string
- */
-declare function zonedDateToUtcString(zonedDate: Date, timezone: string): string;
-/**
- * Format a UTC ISO string for display in user's timezone
- * @example formatUtcForDisplay('2026-01-16T04:00:00Z', 'Asia/Jakarta') => 'Jan 16, 2026 11:00'
- */
-declare function formatUtcForDisplay(utcString: string, timezone: string, formatString?: string): string;
-//#endregion
-//#region src/components/features/time-range-picker/utils/to-api-format.d.ts
-/**
- * Convert a TimeRangeValue to API format (startTime/endTime)
- *
- * Since TimeRangeValue now always stores UTC timestamps,
- * this is a simple passthrough.
- *
- * @param value - The time range value (stores UTC timestamps)
- * @param timezone - User's timezone (used only if value needs recalculation)
- * @param presets - Preset configurations
- */
-declare function toApiTimeRange(value: TimeRangeValue | null, timezone?: string, presets?: PresetConfig[]): ApiTimeRange;
-//#endregion
-//#region src/components/features/toast/toast.d.ts
-declare const toast$1: {
-  message: (title: string, options?: ExternalToast) => string | number;
-  success: (title: string, options?: ExternalToast) => string | number;
-  error: (title: string, options?: ExternalToast) => string | number;
-  info: (title: string, options?: ExternalToast) => string | number;
-  warning: (title: string, options?: ExternalToast) => string | number;
-};
-//#endregion
-//#region src/components/features/toast/toaster.d.ts
-type ToasterProps = React$2.ComponentProps<typeof Toaster>;
-/**
- * Sonner Toaster configured for "headless" usage.
- *
- * We render our own toast markup via `toast.custom`, so we remove Sonner's default styling.
- */
-declare function Toaster$1({
-  toastOptions,
-  ...props
-}: ToasterProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/features/toast/types.d.ts
-interface Toast {
-  description: string;
-  id: string;
-  title?: string;
-  type: 'message' | 'success' | 'error';
-}
-//#endregion
-//#region src/components/features/toast/use-toast.d.ts
-declare function useToast(toastData?: Toast | null): void;
-//#endregion
-//#region src/components/themes/client-only.d.ts
-interface ClientOnlyProps {
-  children: React$2.ReactNode;
-  fallback?: React$2.ReactNode;
-}
-declare function ClientOnly({
-  children,
-  fallback
-}: ClientOnlyProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/themes/theme-script.d.ts
-interface ThemeScriptProps {
-  forcedTheme?: string;
-  storageKey?: string;
-  attribute?: string | string[];
-  enableSystem?: boolean;
-  enableColorScheme?: boolean;
-  defaultTheme?: string;
-  value?: Record<string, string>;
-  themes?: string[];
-  nonce?: string;
-  scriptProps?: {
-    [key: string]: any;
-  };
-}
-declare const ThemeScript: React$2.MemoExoticComponent<({
-  forcedTheme,
-  storageKey,
-  attribute,
-  enableSystem,
-  enableColorScheme,
-  defaultTheme,
-  value,
-  themes,
-  nonce,
-  scriptProps
-}: ThemeScriptProps) => react_jsx_runtime0.JSX.Element>;
-//#endregion
-//#region src/components/themes/theme.provider.d.ts
-declare const useTheme: () => UseThemeProps;
-declare function ThemeProvider(props: ThemeProviderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TaskSummaryDialog as $, RadioGroupItem$1 as $i, FormFieldArray as $n, DropdownMenu as $r, NavItem as $t, TimezoneSelector as A, TabsList as Ai, Form as An, FormStepperProps as Ar, SidebarFooter as At, createUserMetadata as B, SheetTitle$1 as Bi, StepperControls as Bn, UseFieldReturn as Br, SidebarMenuBadge as Bt, TimeRangePicker as C, Badge as Ca, FormAutocompleteProps as Ci, RowState as Cn, FormRadioGroupProps as Cr, TaskSummaryItem as Ct, getPresetByKey as D, AlertDescription as Da, TabsContent as Di, GRID_PREFIX as Dn, FormSelectItemProps as Dr, defineStepper as Dt, getDefaultPreset as E, Alert as Ea, Tabs as Ei, GRID_COLUMNS as En, FormRootRenderProps as Er, TagsInput as Et, TimeRangeValue as F, SheetContent$1 as Fi, useFieldContext as Fn, FormWhenProps as Fr, SidebarHeader as Ft, matchesCurrentScope as G, SelectItem$1 as Gi, FormSwitch as Gn, EmptyContentAction as Gr, SidebarMenuSubButton as Gt, CurrentScope as H, Select$1 as Hi, FormStep as Hn, FormAutocomplete as Hr, SidebarMenuItem as Ht, TimezoneOption as I, SheetDescription$1 as Ii, useField as In, StepConfig as Ir, SidebarInput as It, useTaskQueue as J, SelectScrollUpButton$1 as Ji, FormSelectItem as Jn, DropzoneContent as Jr, SidebarRail as Jt, useCurrentScope as K, SelectLabel$1 as Ki, FormSubmit as Kn, EmptyContentProps as Kr, SidebarMenuSubItem as Kt, CustomRangePanel as L, SheetFooter as Li, InputWithAddons as Ln, StepperContextValue as Lr, SidebarInset as Lt, ApiTimeRange as M, Switch$1 as Mi, useWatchAll as Mn, FormSwitchProps as Mr, SidebarGroupAction as Mt, DateRange$1 as N, Sheet$1 as Ni, useStepper as Nn, FormTelemetry as Nr, SidebarGroupContent as Nt, getPresetByShortcut as O, AlertProps as Oa, TabsLinkTrigger as Oi, RESPONSIVE_ARRAY as On, FormSelectProps as Or, Sidebar as Ot, PresetConfig as P, SheetClose as Pi, useFormContext as Pn, FormTextareaProps as Pr, SidebarGroupLabel as Pt, TaskQueue as Q, RadioGroup$1 as Qi, FormInput as Qn, DropzoneProps as Qr, AppSidebar as Qt, createOrgMetadata as R, SheetHeader$1 as Ri, InputWithAddonsProps as Rn, StepperControlsProps as Rr, SidebarMenu as Rt, formatTimeRangeDisplay as S, buttonVariants$1 as Sa, AutocompleteProps as Si, RowProps as Sn, FormInputProps as Sr, TaskSummaryData as St, DEFAULT_PRESETS as T, badgeVariants as Ta, Textarea as Ti, GRID_BREAKPOINTS as Tn, FormRootProps as Tr, TaskPanel as Tt, TasksWithLabels as U, SelectContent$1 as Ui, FormWhen as Un, FileInputButton as Ur, SidebarMenuSkeleton as Ut, TaskQueueProvider as V, SheetTrigger as Vi, FormStepper as Vn, UseWatchReturn as Vr, SidebarMenuButton as Vt, getContextLabel as W, SelectGroup$1 as Wi, FormTextarea as Wn, EmptyContent as Wr, SidebarMenuSub as Wt, LocalTaskStorage as X, SelectTrigger$1 as Xi, FormRadioGroup as Xn, DropzoneEmptyState as Xr, SidebarTrigger as Xt, RedisTaskStorage as Y, SelectSeparator$1 as Yi, FormRoot as Yn, DropzoneContentProps as Yr, SidebarSeparator as Yt, detectStorage as Z, SelectValue$1 as Zi, FormRadioItem as Zn, DropzoneEmptyStateProps as Zr, useSidebar as Zt, utcStringToZonedDate as _, CalendarDayButton as _a, AvatarStackProps as _i, Col as _n, FormFieldArrayProps as _r, TaskOutcome as _t, useToast as a, DialogFooterProps as aa, DropdownMenuPortal as ai, stopProgress as an, FormCopyBox as ar, TaskPanelCounter as at, formatDateForInput as b, Button$1 as ba, AutocompleteGroup as bi, Gutter as bn, FormFieldProps as br, TaskStatus as bt, toApiTimeRange as c, DialogTriggerProps as ca, DropdownMenuSeparator as ci, LoaderOverlay as cn, FormButtonProps as cr, ItemContext as ct, formatUtcForDisplay as d, CardContent as da, DropdownMenuSubContent as di, MediaQueryCallback as dn, FormCopyBoxProps$1 as dr, RedisClient as dt, Label$1 as ea, DropdownMenuCheckboxItem as ei, NavMain as en, FormField as er, TaskSummaryDialogProps as et, getBrowserTimezone as f, CardDescription as fa, DropdownMenuSubTrigger as fi, getGutter as fn, FormCustomProps as fr, Task as ft, localInputStringToUtc as g, Calendar$1 as ga, AvatarStack as gi, RowContext as gn, FormErrorProps as gr, TaskMetadata as gt, getTimezoneOffset as h, CardTitle as ha, DateRangePreset as hi, Row as hn, FormDialogProps as hr, TaskHandle as ht, ClientOnly as i, DialogContentProps as ia, DropdownMenuLabel as ii, startProgress as in, FormCustom as ir, TaskPanelHeader as it, QuickRangesPanel as j, TabsTrigger as ji, useWatch as jn, FormSubmitProps as jr, SidebarGroup as jt, getPresetRange as k, AlertTitle as ka, TabsLinkTriggerProps as ki, RESPONSIVE_MAP as kn, FormStepProps as kr, SidebarContent as kt, createTimezoneOption as l, Checkbox$1 as la, DropdownMenuShortcut as li, InputNumber as ln, FormCheckboxProps as lr, ProcessItemEnqueueOptions as lt, getShortTimezoneDisplay as m, CardHeader as ma, CalendarDatePicker as mi, registerMediaQuery as mn, FormDescriptionProps as mr, TaskContext as mt, useTheme as n, Dialog as na, DropdownMenuGroup as ni, PageTitleProps as nn, FormDialog as nr, TaskQueueDropdown as nt, Toaster$1 as o, DialogHeaderProps as oa, DropdownMenuRadioGroup as oi, MoreActions as on, FormCheckbox as or, TaskPanelActions as ot, getDefaultTimezoneOptions as p, CardFooter as pa, DropdownMenuTrigger as pi, getResponsiveValue as pn, FormCustomRenderProps as pr, TaskCompletionInfo as pt, useTasksWithLabels as q, SelectScrollDownButton$1 as qi, FormSelect as qn, Dropzone as qr, SidebarProvider as qt, ThemeScript as r, DialogBodyProps as ra, DropdownMenuItem as ri, configureProgress as rn, FormDescription as rr, TaskPanelItem as rt, toast$1 as s, DialogProps as sa, DropdownMenuRadioItem as si, MoreActionsProps as sn, FormButton as sr, EnqueueOptions as st, ThemeProvider as t, Input as ta, DropdownMenuContent as ti, PageTitle as tn, FormError as tr, TaskQueueTrigger as tt, formatTimezoneLabel as u, Card as ua, DropdownMenuSub as ui, NumberInputProps as un, FormContextValue as ur, ProcessorEnqueueOptions as ut, utcToLocalInputString as v, LinkButton as va, avatarStackVariants as vi, ColProps as vn, FormFieldArrayRenderProps as vr, TaskQueueAPI as vt, TimeRangePickerProps as w, BadgeProps as wa, Tooltip as wi, Breakpoint as wn, FormRadioItemProps as wr, UseTaskQueueOptions as wt, formatSingleTimeDisplay as x, ButtonProps as xa, AutocompleteOption as xi, RowContextType as xn, FormFieldRenderProps as xr, TaskStorage as xt, zonedDateToUtcString as y, LinkButtonProps as ya, Autocomplete as yi, ColSize as yn, FormFieldContextValue as yr, TaskQueueConfig as yt, createProjectMetadata as z, SheetOverlay as zi, StepperNavigation as zn, StepperNavigationProps as zr, SidebarMenuAction as zt };
-//# sourceMappingURL=index-DH2XEEjO.d.mts.map