@ekkolyth/ui 0.1.18 → 0.2.0

package/dist/{index-DHF8OR1R.d.ts → index-BJs5qfKG.d.ts}

@@ -17,6 +17,70 @@ interface ColorPickerProps {
 }
 declare function ColorPicker({ value, onValueChange, className }: ColorPickerProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/blocks/combobox-field/index.d.ts
+interface ComboboxFieldCreatable {
+  label?: (query: string) => string;
+  onCreate: (query: string) => Promise<void>;
+  showWhenEmpty?: boolean;
+}
+interface ComboboxFieldBaseProps<T> {
+  anchor: 'button' | 'ghost' | 'input' | 'chips';
+  chipClassName?: (item: T) => string;
+  chipStyle?: (item: T) => React.CSSProperties;
+  className?: string;
+  clearable?: boolean;
+  commitOnBlur?: boolean;
+  creatable?: ComboboxFieldCreatable;
+  description?: string;
+  disabled?: boolean;
+  emptyText?: string;
+  error?: string;
+  externallyFiltered?: boolean;
+  inputId?: string;
+  items: readonly T[];
+  itemToKey: (item: T) => string;
+  itemToLabel: (item: T) => string;
+  label?: string;
+  loading?: boolean;
+  onBlur?: () => void;
+  onQueryChange?: (query: string) => void;
+  placeholder?: string;
+  renderChip?: (item: T) => React.ReactNode;
+  renderItem?: (item: T) => React.ReactNode;
+  searchPlaceholder?: string;
+  showTriggerChevron?: boolean;
+  size?: 'sm' | 'default';
+  splitOn?: string;
+  triggerClassName?: string;
+  triggerIcon?: React.ReactNode;
+  triggerLabel?: React.ReactNode;
+}
+type ComboboxFieldProps<T> = ComboboxFieldBaseProps<T> & ({
+  multiple?: false;
+  onChange: (next: NoInfer<T> | null) => void;
+  value: T | null;
+} | {
+  multiple: true;
+  onChange: (next: NoInfer<T>[]) => void;
+  value: readonly T[];
+});
+declare function ComboboxField<T>(props: ComboboxFieldProps<T>): React.JSX.Element;
+//#endregion
+//#region src/components/blocks/dropzone/index.d.ts
+interface DropzoneProps {
+  accept?: string;
+  className?: string;
+  error?: string;
+  fileName?: string;
+  invalid?: boolean;
+  multiple?: boolean;
+  onFiles: (files: File[]) => void;
+  previewUrl?: string | null;
+  progress?: number | null;
+  variant?: 'file' | 'image';
+}
+declare function Dropzone({ accept, multiple, variant, onFiles, progress, fileName, previewUrl, error, invalid, className }: DropzoneProps): import("react").JSX.Element;
+//#endregion
 //#region ../core/src/forms/validate.d.ts
 declare const validate: <T extends z.ZodTypeAny>(schema: T) => ({ value }: {
   value: z.input<T>;
@@ -57,4 +121,4 @@ interface IconPickerProps {
 }
 declare function IconPicker({ value, onValueChange, valueColor, onColorChange, className, imagePreviewSrc, onImageSelect, onImageClear, imageUploadState, imageUploadError, imageUploadProgress }: IconPickerProps): React.JSX.Element;
 //#endregion
-export { IconColor as a, coerceThemeColor as c, resolveColorHex as d, ColorPicker as i, colorPalette as l, Field as n, THEME_COLORS as o, validate as r, ThemeColor as s, IconPicker as t, getContrastForeground as u };
+export { ComboboxField as a, IconColor as c, coerceThemeColor as d, colorPalette as f, Dropzone as i, THEME_COLORS as l, resolveColorHex as m, Field as n, ComboboxFieldProps as o, getContrastForeground as p, validate as r, ColorPicker as s, IconPicker as t, ThemeColor as u };

package/dist/index-CxGQ12zb.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+//#region src/components/layout/container/index.d.ts
+declare function Container({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+//#endregion
+//#region src/components/layout/virtual-grid/index.d.ts
+interface VirtualGridProps<T> {
+  className?: string;
+  estimateRowHeight: (columnWidth: number) => number;
+  getKey: (item: T) => React.Key;
+  items: T[];
+  overscan?: number;
+  renderItem: (item: T, index: number) => React.ReactNode;
+  style?: React.CSSProperties;
+}
+declare function VirtualGrid<T>({ items, getKey, renderItem, estimateRowHeight, className, style, overscan }: VirtualGridProps<T>): React.JSX.Element;
+//#endregion
+export { VirtualGridProps as n, Container as r, VirtualGrid as t };

package/dist/index.d.ts

@@ -1,21 +1,23 @@
-import { a as IconColor, c as coerceThemeColor, d as resolveColorHex, i as ColorPicker, l as colorPalette, n as Field, o as THEME_COLORS, r as validate, s as ThemeColor, t as IconPicker, u as getContrastForeground } from "./index-DHF8OR1R.js";
+import { a as ComboboxField, c as IconColor, d as coerceThemeColor, f as colorPalette, i as Dropzone, l as THEME_COLORS, m as resolveColorHex, n as Field, o as ComboboxFieldProps, p as getContrastForeground, r as validate, s as ColorPicker, t as IconPicker, u as ThemeColor } from "./index-BJs5qfKG.js";
 import { n as LoadingScreenProps, t as LoadingScreen } from "./index-DsLGf2HX.js";
 import { n as WidgetLinkProps, r as WidgetProps, t as Widget } from "./index-qji4ohJZ.js";
-import { t as useIsMobile } from "./use-mobile-BVGje-2e.js";
-import { t as Container } from "./index-Bwp0YMmG.js";
+import { n as useIsMobile, t as useWindowScrollMargin } from "./use-window-scroll-margin-BeVjX6Le.js";
+import { n as VirtualGridProps, r as Container, t as VirtualGrid } from "./index-CxGQ12zb.js";
 import { a as SelectContent, c as SelectLabel, d as SelectSeparator, f as SelectTrigger, i as Select, l as SelectScrollDownButton, n as toggleVariants, o as SelectGroup, p as SelectValue, r as Toaster, s as SelectItem, t as Toggle, u as SelectScrollUpButton } from "./index-BxcqwZNT.js";
 import { ClassValue } from "clsx";
 import { Slot } from "@radix-ui/react-slot";
 import { VariantProps } from "class-variance-authority";
-import { LucideIcon } from "lucide-react";
+import { Combobox as Combobox$1 } from "@base-ui/react";
 import * as React$1 from "react";
 import { ComponentType, ReactNode } from "react";
+import { LucideIcon } from "lucide-react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { DayButton, DayPicker } from "react-day-picker";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
@@ -24,12 +26,10 @@ import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 import * as RechartsPrimitive from "recharts";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { Combobox as Combobox$1 } from "@base-ui/react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Command as Command$1 } from "cmdk";
+import { Command as Command$2 } from "cmdk";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Column, ColumnDef, SortingState, Table as Table$2 } from "@tanstack/react-table";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Drawer as Drawer$1 } from "vaul";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
@@ -43,6 +43,7 @@ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { Chart as TanStackChart } from "@tanstack/charts/react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/ui/accordion/index.d.ts
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): React$1.JSX.Element;
@@ -50,6 +51,44 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): React$1.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): React$1.JSX.Element;
 //#endregion
+//#region src/components/ui/action-menu-button/index.d.ts
+type ActionMenuIcon = LucideIcon | React$1.ReactElement;
+interface ActionMenuButtonProps {
+  align?: 'start' | 'center' | 'end';
+  'aria-label': string;
+  children: React$1.ReactNode;
+  className?: string;
+  disabled?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  open?: boolean;
+  size?: 'icon-xs' | 'icon-sm' | 'icon';
+  variant?: 'primary' | 'outline' | 'ghost';
+}
+declare function ActionMenuButton({ 'aria-label': ariaLabel, align, children, className, disabled, onOpenChange, open, size, variant }: ActionMenuButtonProps): React$1.JSX.Element;
+interface ActionMenuItemProps {
+  description?: string;
+  destructive?: boolean;
+  disabled?: boolean;
+  icon?: ActionMenuIcon;
+  label: string;
+  loading?: boolean;
+  onSelect?: (event: Event) => void;
+  trailing?: React$1.ReactNode;
+}
+declare function ActionMenuItem({ description, destructive, disabled, icon, label, loading, onSelect, trailing }: ActionMenuItemProps): React$1.JSX.Element;
+declare function ActionMenuSeparator(): React$1.JSX.Element;
+declare function ActionMenuSub({ children }: {
+  children: React$1.ReactNode;
+}): React$1.JSX.Element;
+interface ActionMenuSubTriggerProps {
+  icon?: ActionMenuIcon;
+  label: string;
+}
+declare function ActionMenuSubTrigger({ icon, label }: ActionMenuSubTriggerProps): React$1.JSX.Element;
+declare function ActionMenuSubContent({ children }: {
+  children: React$1.ReactNode;
+}): React$1.JSX.Element;
+//#endregion
 //#region src/components/ui/alert/index.d.ts
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
@@ -81,7 +120,7 @@ declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<
 //#endregion
 //#region src/components/ui/badge/index.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
+  variant?: "default" | "outline" | "destructive" | "secondary" | "quest" | "recipe" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
@@ -112,7 +151,7 @@ declare function Separator({ className, orientation, decorative, ...props }: Rea
 //#endregion
 //#region src/components/ui/button-group/index.d.ts
 declare const buttonGroupVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
+  orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
@@ -200,7 +239,9 @@ declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Co
 //#region src/components/ui/combobox/index.d.ts
 declare const Combobox: typeof Combobox$1.Root;
 declare function ComboboxValue({ ...props }: Combobox$1.Value.Props): React$1.JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: Combobox$1.Trigger.Props): React$1.JSX.Element;
+declare function ComboboxTrigger({ className, children, showChevron, ...props }: Combobox$1.Trigger.Props & {
+  showChevron?: boolean;
+}): React$1.JSX.Element;
 declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox$1.Input.Props & {
   showTrigger?: boolean;
   showClear?: boolean;
@@ -226,7 +267,7 @@ declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialo
 declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): React$1.JSX.Element;
 declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): React$1.JSX.Element;
 declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): React$1.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, children, onInteractOutside, ref, showCloseButton, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
 }): React$1.JSX.Element;
 declare function DialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
@@ -235,19 +276,19 @@ declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typ
 declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): React$1.JSX.Element;
 //#endregion
 //#region src/components/ui/command/index.d.ts
-declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$2>): React$1.JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React$1.ComponentProps<typeof Dialog> & {
   title?: string;
   description?: string;
   className?: string;
   showCloseButton?: boolean;
 }): React$1.JSX.Element;
-declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): React$1.JSX.Element;
-declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
-declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
-declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
-declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$2.Input>): React$1.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$2.List>): React$1.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$2.Empty>): React$1.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$2.Group>): React$1.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$2.Separator>): React$1.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$2.Item>): React$1.JSX.Element;
 declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<'span'>): React$1.JSX.Element;
 //#endregion
 //#region src/components/ui/context-menu/index.d.ts
@@ -276,35 +317,35 @@ declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentP
 //#endregion
 //#region src/components/ui/data-table/data-table-context.d.ts
 interface BulkAction<TRow> {
-  id: string;
-  label: string;
-  icon?: ComponentType<{
-    className?: string;
-  }>;
-  variant?: 'default' | 'destructive';
   confirm?: {
     title: string;
     description: string;
   };
+  icon?: ComponentType<{
+    className?: string;
+  }>;
+  id: string;
+  label: string;
   onRun: (rows: TRow[]) => Promise<boolean>;
+  variant?: 'default' | 'destructive';
 }
 interface FilterDefinitionOption {
-  label: string;
-  value: string;
   icon?: ComponentType<{
     className?: string;
   }>;
+  label: string;
+  value: string;
 }
 interface FilterDefinition {
   column: string;
-  title: string;
   options: FilterDefinitionOption[];
+  title: string;
 }
 interface DataTableContextValue<TRow = unknown> {
-  table: Table$2<TRow>;
-  tableId: string;
   bulkActions?: BulkAction<TRow>[];
   filters?: FilterDefinition[];
+  table: Table$2<TRow>;
+  tableId: string;
 }
 declare const DataTableContext: import("react").Context<DataTableContextValue<unknown> | null>;
 declare function useDataTable<TRow = unknown>(): DataTableContextValue<TRow>;
@@ -322,39 +363,40 @@ interface DataTableProps<TRow> {
 }
 declare function DataTable<TRow>({ data, columns, tableId, bulkActions, filters, initialPageSize, initialSorting, children }: DataTableProps<TRow>): import("react").JSX.Element;
 //#endregion
+//#region src/components/ui/data-table/data-table-bulk-bar.d.ts
+declare function DataTableBulkBar<TRow = unknown>(): import("react").JSX.Element | null;
+//#endregion
+//#region src/components/ui/data-table/data-table-column-header.d.ts
+interface DataTableColumnHeaderProps<TData, TValue> {
+  align?: 'left' | 'right';
+  column: Column<TData, TValue>;
+  title: string;
+}
+declare function DataTableColumnHeader<TData, TValue>({ column, title, align }: DataTableColumnHeaderProps<TData, TValue>): import("react").JSX.Element;
+//#endregion
 //#region src/components/ui/data-table/data-table-content.d.ts
 interface DataTableContentProps<TRow = unknown> {
-  onRowClick?: (row: TRow) => void;
   emptyMessage?: string;
+  estimateRowHeight?: number;
   isLoading?: boolean;
   loadingRowCount?: number;
+  onRowClick?: (row: TRow) => void;
+  virtualize?: boolean;
 }
-declare function DataTableContent<TRow = unknown>({ onRowClick, emptyMessage, isLoading, loadingRowCount }: DataTableContentProps<TRow>): import("react").JSX.Element;
-//#endregion
-//#region src/components/ui/data-table/data-table-toolbar.d.ts
-interface DataTableToolbarProps {
-  children: ReactNode;
-}
-declare function DataTableToolbar({ children }: DataTableToolbarProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/ui/data-table/data-table-search.d.ts
-interface DataTableSearchProps {
-  placeholder?: string;
-}
-declare function DataTableSearch({ placeholder }: DataTableSearchProps): import("react").JSX.Element;
+declare function DataTableContent<TRow = unknown>({ onRowClick, emptyMessage, isLoading, loadingRowCount, virtualize, estimateRowHeight }: DataTableContentProps<TRow>): React$1.JSX.Element;
 //#endregion
 //#region src/components/ui/data-table/data-table-filter.d.ts
 interface DataTableFilterOption {
-  label: string;
-  value: string;
   icon?: React.ComponentType<{
     className?: string;
   }>;
+  label: string;
+  value: string;
 }
 interface DataTableFilterProps {
   column: string;
-  title: string;
   options: DataTableFilterOption[];
+  title: string;
 }
 declare function DataTableFilter({ column, title, options }: DataTableFilterProps): import("react").JSX.Element | null;
 //#endregion
@@ -364,34 +406,35 @@ declare function DataTableFilterMenu(): import("react").JSX.Element | null;
 //#region src/components/ui/data-table/data-table-layout-toggle.d.ts
 type LayoutMode = 'card' | 'grid' | 'list';
 interface DataTableLayoutToggleProps {
-  value: LayoutMode;
   onChange: (next: LayoutMode) => void;
+  value: LayoutMode;
 }
 declare function DataTableLayoutToggle({ value, onChange }: DataTableLayoutToggleProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/ui/data-table/data-table-view-options.d.ts
-declare function DataTableViewOptions(): import("react").JSX.Element;
-//#endregion
 //#region src/components/ui/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps {
   pageSizes?: number[];
 }
 declare function DataTablePagination({ pageSizes }: DataTablePaginationProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/ui/data-table/data-table-bulk-bar.d.ts
-declare function DataTableBulkBar<TRow = unknown>(): import("react").JSX.Element | null;
-//#endregion
-//#region src/components/ui/data-table/data-table-column-header.d.ts
-interface DataTableColumnHeaderProps<TData, TValue> {
-  column: Column<TData, TValue>;
-  title: string;
-  align?: 'left' | 'right';
+//#region src/components/ui/data-table/data-table-search.d.ts
+interface DataTableSearchProps {
+  placeholder?: string;
 }
-declare function DataTableColumnHeader<TData, TValue>({ column, title, align }: DataTableColumnHeaderProps<TData, TValue>): import("react").JSX.Element;
+declare function DataTableSearch({ placeholder }: DataTableSearchProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/ui/data-table/data-table-select-column.d.ts
 declare function createSelectColumn<T>(): ColumnDef<T>;
 //#endregion
+//#region src/components/ui/data-table/data-table-toolbar.d.ts
+interface DataTableToolbarProps {
+  children: ReactNode;
+}
+declare function DataTableToolbar({ children }: DataTableToolbarProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/ui/data-table/data-table-view-options.d.ts
+declare function DataTableViewOptions(): import("react").JSX.Element;
+//#endregion
 //#region src/components/ui/data-table/use-data-table-url-state.d.ts
 interface UseDataTableUrlStateOptions {
   paramPrefix?: string;
@@ -466,14 +509,14 @@ declare const FieldContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttrib
 declare const FieldTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/ui/form/index.d.ts
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
   isTouched: boolean;
   isValidating: boolean;
-  error?: import("react-hook-form").FieldError;
+  error?: import("react-hook-form").FieldError | undefined;
   id: string;
   name: string;
   formItemId: string;
@@ -662,14 +705,16 @@ type SidebarContextProps = {
   toggleSidebar: () => void;
 };
 declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<'div'> & {
+declare function SidebarProvider({ defaultOpen, mobileBreakpoint, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<'div'> & {
+  mobileBreakpoint?: number;
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
 }): React$1.JSX.Element;
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<'div'> & {
+declare function Sidebar({ side, variant, collapsible, mobileWidth, className, children, ...props }: React$1.ComponentProps<'div'> & {
   side?: 'left' | 'right';
   variant?: 'sidebar' | 'floating' | 'inset';
+  mobileWidth?: string;
   collapsible?: 'offcanvas' | 'icon' | 'none';
 }): React$1.JSX.Element;
 declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
@@ -743,6 +788,16 @@ declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof
 declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): React$1.JSX.Element;
 declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): React$1.JSX.Element;
 //#endregion
+//#region src/components/ui/tanstack-chart/index.d.ts
+declare function chartColor(index: number): string;
+declare const tanstackChartTheme: {
+  foreground: string;
+  muted: string;
+  grid: string;
+  background: string;
+  palette: string[];
+};
+//#endregion
 //#region src/components/ui/textarea/index.d.ts
 declare function Textarea({ className, ...props }: React$1.ComponentProps<'textarea'>): React$1.JSX.Element;
 //#endregion
@@ -750,15 +805,7 @@ declare function Textarea({ className, ...props }: React$1.ComponentProps<'texta
 declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): React$1.JSX.Element;
 //#endregion
-//#region ../core/src/(data)/quests/hooks/types.d.ts
-interface XPProgress {
-  currentLevel: number;
-  xpInCurrentLevel: number;
-  xpForNextLevel: number;
-  progressPercent: number;
-}
-//#endregion
-//#region ../core/src/types/user.d.ts
+//#region ../core/src/auth/user.d.ts
 type User$2 = {
   id: string;
   name?: string | null;
@@ -768,6 +815,14 @@ type User$2 = {
   external?: boolean;
 };
 //#endregion
+//#region ../core/src/quests/convex/types.d.ts
+interface XPProgress {
+  currentLevel: number;
+  progressPercent: number;
+  xpForNextLevel: number;
+  xpInCurrentLevel: number;
+}
+//#endregion
 //#region src/components/ui/user/index.d.ts
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare function UserAvatar({ user, size, className, children }: {
@@ -811,7 +866,7 @@ declare function UserLevel({ value, variant, className }: {
   className?: string;
 }): React$1.JSX.Element;
 //#endregion
-//#region ../core/src/icons/picker-icons.d.ts
+//#region ../core/src/utils/picker-icons.d.ts
 declare const PICKER_ICON_NAMES: readonly string[];
 type PickerIconName = (typeof PICKER_ICON_NAMES)[number];
 declare function getIconCategories(name: string): readonly string[];
@@ -822,4 +877,4 @@ declare function getStaticIcon(name: string): LucideIcon | null;
 //#region src/lib/utils.d.ts
 declare function cn(...inputs: ClassValue[]): string;
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BasicField, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BulkAction, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableBulkBar, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableContent, DataTableContentProps, DataTableContext, DataTableContextValue, DataTableFilter, DataTableFilterMenu, DataTableFilterOption, DataTableFilterProps, DataTableLayoutToggle, DataTableLayoutToggleProps, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableSearch, DataTableSearchProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterDefinition, FilterDefinitionOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, type IconColor, IconPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LayoutMode, LoadingScreen, type LoadingScreenProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PICKER_ICON_NAMES, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputProps, type PickerIconName, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, THEME_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type ThemeColor, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseDataTableUrlStateOptions, User, UserAvatar, UserAvatarFallback, UserAvatarImage, UserInfo, UserLevel, UserMeta, UserName, Widget, type WidgetLinkProps, type WidgetProps, badgeVariants, buttonGroupVariants, buttonVariants, cn, coerceThemeColor, colorPalette, createSelectColumn, formatPhoneInput, getContrastForeground, getIconCategories, getStaticIcon, navigationMenuTriggerStyle, normalizePhoneInput, phoneSchema, resolveColorHex, toggleVariants, useComboboxAnchor, useDataTable, useDataTableUrlState, useFormField, useIsMobile, useSidebar, validate };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionMenuButton, type ActionMenuButtonProps, ActionMenuItem, type ActionMenuItemProps, ActionMenuSeparator, ActionMenuSub, ActionMenuSubContent, ActionMenuSubTrigger, type ActionMenuSubTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BasicField, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BulkAction, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxField, type ComboboxFieldProps, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableBulkBar, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableContent, DataTableContentProps, DataTableContext, DataTableContextValue, DataTableFilter, DataTableFilterMenu, DataTableFilterOption, DataTableFilterProps, DataTableLayoutToggle, DataTableLayoutToggleProps, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableSearch, DataTableSearchProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterDefinition, FilterDefinitionOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, type IconColor, IconPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LayoutMode, LoadingScreen, type LoadingScreenProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PICKER_ICON_NAMES, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputProps, type PickerIconName, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, THEME_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TanStackChart, Textarea, type ThemeColor, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UseDataTableUrlStateOptions, User, UserAvatar, UserAvatarFallback, UserAvatarImage, UserInfo, UserLevel, UserMeta, UserName, VirtualGrid, type VirtualGridProps, Widget, type WidgetLinkProps, type WidgetProps, badgeVariants, buttonGroupVariants, buttonVariants, chartColor, cn, coerceThemeColor, colorPalette, createSelectColumn, formatPhoneInput, getContrastForeground, getIconCategories, getStaticIcon, navigationMenuTriggerStyle, normalizePhoneInput, phoneSchema, resolveColorHex, tanstackChartTheme, toggleVariants, useComboboxAnchor, useDataTable, useDataTableUrlState, useFormField, useIsMobile, useSidebar, useWindowScrollMargin, validate };