@lattice-php/lattice 0.20.0 → 0.22.0

package/dist/types/generated.d.ts

@@ -1,4 +1,106 @@
-import { Node } from '../core/types.js';
+export type NodeProps = Record<string, unknown>;
+export type CommonNodeProps = {
+    dataBindings?: Record<string, string> | null;
+    hideWhenCollapsed?: boolean | null;
+};
+/**
+ * Augmentable map of wire `type` string → props for consumer components. Apps
+ * extend it via `declare module "@lattice-php/lattice"` so their custom components
+ * gain strong prop types; the entries are generated by `php artisan lattice:typescript`.
+ * Built-in components resolve through the generated `ComponentPropsMap` below.
+ * Types in neither fall back to a loose bag.
+ */
+export interface ComponentProps {
+}
+/** The column counterpart of `ComponentProps`. */
+export interface ColumnProps {
+}
+/** The filter counterpart of `ComponentProps`. */
+export interface FilterProps {
+}
+/** The effect counterpart of `ComponentProps`. */
+export interface EffectProps {
+}
+/**
+ * Resolves a `type` string to its payload: consumer augmentations (`TAugment`)
+ * win over generated built-ins (`TBuiltins`), then a loose fallback. The one
+ * resolver behind the component, column, filter and effect maps.
+ */
+export type ResolveProps<TAugment, TBuiltins, TType extends string, TFallback> = TType extends keyof TAugment ? TAugment[TType] : TType extends keyof TBuiltins ? TBuiltins[TType] : TFallback;
+export type ComponentPropsOf<TType extends string> = ResolveProps<ComponentProps, ComponentPropsMap, TType, NodeProps> & CommonNodeProps;
+/**
+ * The loose wire node an unknown/untyped `type` resolves to: the shape every node
+ * shares, with a loose `props` bag. The single source of the wire-node shape —
+ * `Node` (i.e. `Node<string>`) is this.
+ */
+type LooseNode = {
+    id?: string;
+    key?: string;
+    type: string;
+    props?: NodeProps;
+    schema?: Schema;
+};
+/**
+ * Built-in `props` is required, not optional — the wire serializes the full prop
+ * object, so reads need no optional chaining. Unknown types fall back to `LooseNode`.
+ */
+export type Node<TType extends string = string> = string extends TType ? LooseNode : {
+    id?: string;
+    key?: string;
+    props: ComponentPropsOf<TType>;
+    schema?: Schema;
+    type: TType;
+};
+/**
+ * Distributes so `NodeUnionOf<"a" | "b">` is `Node<"a"> | Node<"b">` — a
+ * discriminated union where `node.type` narrows `node.props`. Domains build
+ * their node union from a generated `…NodeType` string union with this.
+ */
+export type NodeUnionOf<TTypes extends string> = TTypes extends string ? Node<TTypes> : never;
+export type Schema = Node[];
+/**
+ * The generated `Column` base props (serialized by every column regardless of
+ * type) back the fallback, so even an unaugmented custom column keeps its
+ * common concerns typed.
+ */
+export type ColumnPropsOf<TType extends string> = ResolveProps<ColumnProps, ColumnPropsMap, TType, Column & Record<string, unknown>>;
+export type CommonColumnProps = Column;
+/**
+ * A column node, authored and consumed like a field/component: `key`/`type`
+ * stay top-level, every common concern (`label`/`width`/`filter`/…) lives in
+ * `props` on each generated column type. `schema` is only present for a
+ * container column: the bound component nodes rendered per row. The column
+ * counterpart of `Node`.
+ */
+export type ColumnNode<TType extends string = string> = {
+    type: TType;
+    key: string;
+    props: ColumnPropsOf<TType>;
+    schema?: Schema;
+};
+export type FilterPropsOf<TType extends string> = ResolveProps<FilterProps, FilterPropsMap, TType, Filter & Record<string, unknown>>;
+/**
+ * A dedicated table filter, authored and consumed like a field/component:
+ * `key`/`type` stay top-level, `props` carries `label` plus whatever the
+ * filter type contributes. `schema` is the bound field(s) rendering the
+ * filter's control and is absent when empty. The filter counterpart of
+ * `ColumnNode`.
+ */
+export type FilterNode<TType extends string = string> = {
+    type: TType;
+    key: string;
+    props: FilterPropsOf<TType>;
+    schema?: Schema;
+};
+export type EffectPropsOf<TType extends string> = ResolveProps<EffectProps, EffectPropsMap, TType, Record<string, unknown>>;
+/**
+ * Deliberate exception to the `XNode` naming: an effect is a `{type, props}`
+ * envelope without id/key/schema — it is not a node.
+ */
+export type EffectOf<TType extends string> = string extends TType ? Effect : {
+    type: TType;
+    props: EffectPropsOf<TType>;
+};
 export type Action = {
     confirmation: Confirmation | null;
     endpoint: string | null;
@@ -7,6 +109,8 @@ export type Action = {
     label: string | null;
     lazyForm: boolean;
     method: HttpMethod | null;
+    modalSide: Side | null;
+    modalWidth: ModalWidth | null;
     ref: string | null;
     variant: ButtonVariant | null;
 };
@@ -17,7 +121,6 @@ export type ActionGroup = {
 };
 export type ActionNodeType = "action" | "action.bulk" | "action.group";
 export type ActionResult = {
-    readonly ok: boolean;
     readonly data: Record<string, unknown>;
     readonly effects: Effect[];
 };
@@ -53,13 +156,17 @@ export type BooleanColumn = {
     toggleable: boolean;
     width: ColumnWidth;
 };
+export type Breadcrumb = {
+    readonly href: string;
+    readonly title: string;
+};
 export type Breadcrumbs = Record<string, never>;
 export type BrowserToken = {
     readonly accessToken: string;
-    readonly tokenType: string;
-    readonly expiresIn: number;
     readonly audience: string;
+    readonly expiresIn: number;
     readonly scopes: string[];
+    readonly tokenType: string;
 };
 export type Builder = {
     addLabel: string | null;
@@ -95,11 +202,13 @@ export type BulkAction = {
     label: string | null;
     lazyForm: boolean;
     method: HttpMethod | null;
+    modalSide: Side | null;
+    modalWidth: ModalWidth | null;
     ref: string | null;
     variant: ButtonVariant | null;
 };
 export type Button = {
-    action: Node<"action"> | null;
+    action: Node<"action"> | Node<"action.bulk"> | null;
     buttonType: ButtonType;
     effects: Effect[];
     href: string | null;
@@ -111,11 +220,11 @@ export type Button = {
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success";
 export type Callout = {
-    variant: Variant;
+    action: Node | null;
+    dismissible: boolean;
     message: string;
     title: string | null;
-    dismissible: boolean;
-    action: Node | null;
+    variant: Variant;
 };
 export type Callouts = Record<string, never>;
 export type Card = {
@@ -140,14 +249,14 @@ export type Chart = {
     yAxis: boolean;
 };
 export type ChartSeries = {
-    readonly type: ChartSeriesType;
-    readonly dataKey: string;
-    readonly name: string;
     readonly color: Color | null;
-    readonly stackId: string | null;
-    readonly nameKey: string | null;
+    readonly dataKey: string;
     readonly innerRadius: string;
     readonly maxValue: number | null;
+    readonly name: string;
+    readonly nameKey: string | null;
+    readonly stackId: string | null;
+    readonly type: ChartSeriesType;
 };
 export type ChartSeriesType = "area" | "bar" | "distribution" | "gauge" | "line" | "pie";
 export type ChatBox = {
@@ -160,9 +269,10 @@ export type ChatBox = {
 };
 export type ChatMessage = {
     readonly id: string;
-    readonly role: ChatRole;
     readonly parts: Node[];
+    readonly role: ChatRole;
 };
+export type ChatNodeType = "chat.box" | "chat.part.text" | "chat.part.tool-call";
 export type ChatRole = "user" | "assistant" | "system";
 export type Checkbox = {
     autoFocus: boolean;
@@ -213,9 +323,9 @@ export type Collapsible = {
     trigger: Node[];
 };
 export type Color = {
+    readonly dark: string | null;
     readonly kind: ColorKind;
     readonly value: string;
-    readonly dark: string | null;
 };
 export type ColorKind = "named" | "css";
 export type ColorName = "default" | "muted" | "primary" | "success" | "info" | "warning" | "danger" | "gray" | "red" | "orange" | "yellow" | "green" | "blue" | "purple";
@@ -238,26 +348,36 @@ export type ColorPicker = {
     tooltip: string | null;
     value: unknown;
 };
+export type Column = {
+    align: ColumnAlign;
+    filter: ColumnFilter | null;
+    hiddenByDefault: boolean;
+    label: string | null;
+    sortable: boolean;
+    toggleable: boolean;
+    width: ColumnWidth;
+};
 export type ColumnAlign = "start" | "center" | "end";
 export type ColumnFilter = {
-    readonly type: FilterType;
-    readonly operators: Op[];
-    readonly defaultOperator: Op;
+    readonly clauseOptions: ColumnFilterOption[];
     readonly control: FilterControl | null;
-    readonly options: Option[];
+    readonly defaultOperator: Op;
     readonly multiple: boolean;
+    readonly operators: Op[];
+    readonly options: Option[];
     readonly searchable: boolean;
-    readonly clauseOptions: ColumnFilterOption[];
+    readonly type: FilterType;
 };
 export type ColumnFilterOption = {
+    readonly clauses: ColumnFilterOptionClause[];
     readonly label: string;
     readonly value: string;
-    readonly clauses: ColumnFilterOptionClause[];
 };
 export type ColumnFilterOptionClause = {
     readonly operator: Op;
     readonly value: string;
 };
+export type ColumnNodeType = "column.badge" | "column.boolean" | "column.icon" | "column.image" | "column.money" | "column.number" | "column.stack" | "column.text";
 export type ColumnPropsMap = {
     "column.badge": BadgeColumn;
     "column.boolean": BooleanColumn;
@@ -268,7 +388,6 @@ export type ColumnPropsMap = {
     "column.stack": StackColumn;
     "column.text": TextColumn;
 };
-export type ColumnType = "column.text" | "column.boolean" | "column.number" | "column.money" | "column.stack" | "column.badge" | "column.icon" | "column.image";
 export type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
 export type ComponentPropsMap = {
     action: Action;
@@ -339,10 +458,10 @@ export type Condition = {
     readonly value: unknown;
 };
 export type Confirmation = {
-    readonly title: string;
-    readonly description: string | null;
-    readonly confirmLabel: string | null;
     readonly cancelLabel: string | null;
+    readonly confirmLabel: string | null;
+    readonly description: string | null;
+    readonly title: string | null;
 };
 export type DataList = {
     dataEndpoint: string | null;
@@ -350,10 +469,10 @@ export type DataList = {
     remote: RemoteAccess | null;
 };
 export type DateFormat = {
-    kind: string;
     dateStyle: DateTimeStyle | null;
-    timeStyle: DateTimeStyle | null;
+    kind: string;
     month: string | null;
+    timeStyle: DateTimeStyle | null;
     year: string | null;
 };
 export type DateInput = {
@@ -451,14 +570,14 @@ export type EditorHighlight = Record<string, never>;
 export type EditorHorizontalRule = Record<string, never>;
 export type EditorItalic = Record<string, never>;
 export type EditorLink = {
-    protocols: string[];
     openOnClick: boolean;
+    protocols: string[];
 };
 export type EditorOrderedList = Record<string, never>;
 export type EditorStrike = Record<string, never>;
 export type EditorTable = {
-    rows: number;
     cols: number;
+    rows: number;
     withHeaderRow: boolean;
 };
 export type EditorTextAlign = {
@@ -483,10 +602,10 @@ export type EffectPropsMap = {
     "toggle-sidebar": ToggleSidebar;
 };
 export type FieldConditions = {
-    readonly visible: Condition[];
-    readonly required: Condition[];
-    readonly readOnly: Condition[];
     readonly disabled: Condition[];
+    readonly readOnly: Condition[];
+    readonly required: Condition[];
+    readonly visible: Condition[];
 };
 export type FileUpload = {
     accept: string | null;
@@ -518,6 +637,9 @@ export type FileUpload = {
     tooltip: string | null;
     value: unknown;
 };
+export type Filter = {
+    label: string | null;
+};
 export type FilterClause = {
     readonly field: string;
     readonly operator: Op;
@@ -529,6 +651,7 @@ export type FilterIndicator = {
     readonly label: string;
     readonly value: string;
 };
+export type FilterNodeType = "filter.date-range" | "filter.select" | "filter.ternary" | "filter.toggle";
 export type FilterPropsMap = {
     "filter.date-range": DateRangeFilter;
     "filter.select": SelectFilter;
@@ -566,6 +689,7 @@ export type Fragment = {
     ref: string | null;
     size: Size;
 };
+export type FragmentNodeType = "fragment";
 export type FragmentResponse = {
     readonly schema: Node[];
 };
@@ -600,9 +724,9 @@ export type HiddenInput = {
 export type HttpMethod = import('@inertiajs/core').Method;
 export type I18nConfig = {
     readonly enabled: boolean;
-    readonly saveMissing: boolean;
     readonly locales: string[];
     readonly preloadLocales: string[];
+    readonly saveMissing: boolean;
     readonly timezone: string | null;
 };
 export type Icon = {
@@ -648,8 +772,9 @@ export type LabelAction = {
     readonly label: string;
     readonly tabIndex: number | null;
 };
+export type LayoutNodeType = "breadcrumbs" | "callouts" | "dropdown" | "menu" | "menu-item" | "outlet" | "sidebar" | "topbar";
 export type Link = {
-    action: Node<"action"> | null;
+    action: Node<"action"> | Node<"action.bulk"> | null;
     effects: Effect[];
     href: string | null;
     icon: string | null;
@@ -661,16 +786,16 @@ export type Link = {
 };
 export type Listen = {
     readonly channel: string;
-    readonly visibility: ChannelVisibility;
-    events: string[];
     effects: Effect[];
+    events: string[];
+    readonly visibility: ChannelVisibility;
 };
 export type LocaleChange = {
     readonly locale: string;
 };
 export type Menu = Record<string, never>;
 export type MenuItem = {
-    action: Node<"action"> | null;
+    action: Node<"action"> | Node<"action.bulk"> | null;
     effects: Effect[];
     href: string | null;
     icon: string | null;
@@ -684,8 +809,11 @@ export type Modal = {
     description: string | null;
     open: boolean;
     ref: string | null;
+    side: Side | null;
     title: string | null;
+    width: ModalWidth;
 };
+export type ModalWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 export type MoneyColumn = {
     align: ColumnAlign;
     copyable: boolean;
@@ -702,21 +830,22 @@ export type MoneyColumn = {
 };
 export type NodeType = "action" | "action.bulk" | "action.group" | "avatar" | "badge" | "breadcrumbs" | "button" | "callouts" | "card" | "chart" | "chat.box" | "chat.part.text" | "chat.part.tool-call" | "collapsible" | "dropdown" | "field.builder" | "field.checkbox" | "field.choice" | "field.color-picker" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle" | "floating-panel" | "form" | "fragment" | "grid" | "heading" | "icon" | "image" | "link" | "menu" | "menu-item" | "modal" | "notifications" | "outlet" | "progress" | "raw-block" | "remote.data-list" | "section" | "segmented-control" | "separator" | "sidebar" | "stack" | "tab" | "table" | "tabs" | "text" | "tooltip" | "topbar" | "tree";
 export type NotificationItem = {
-    readonly id: string;
-    readonly title: string | null;
+    readonly actions: Node[];
     readonly body: string | null;
-    readonly icon: string | null;
-    readonly variant: Variant | null;
+    readonly createdAt: string | null;
     readonly href: string | null;
+    readonly icon: string | null;
+    readonly id: string;
     readonly isRead: boolean;
-    readonly createdAt: string | null;
-    readonly actions: Node[];
+    readonly title: string | null;
+    readonly variant: Variant | null;
 };
 export type NotificationList = {
+    readonly hasMore: boolean;
     readonly notifications: NotificationItem[];
     readonly unreadCount: number;
-    readonly hasMore: boolean;
 };
+export type NotificationNodeType = "notifications";
 export type Notifications = {
     channel: string;
     endpoint: string;
@@ -738,11 +867,11 @@ export type NumberColumn = {
     width: ColumnWidth;
 };
 export type NumberFormat = {
+    currency: string | null;
     kind: string;
-    notation: string;
-    minimumFractionDigits: number | null;
     maximumFractionDigits: number | null;
-    currency: string | null;
+    minimumFractionDigits: number | null;
+    notation: string;
     unit: NumberFormatUnit | null;
 };
 export type NumberFormatUnit = "percent" | "kilogram" | "gram" | "kilometer" | "meter" | "byte" | "kilobyte" | "megabyte" | "gigabyte" | "millisecond" | "second" | "minute" | "hour" | "celsius" | "fahrenheit";
@@ -777,9 +906,9 @@ export type OpenModal = {
     readonly modal: string;
 };
 export type Option = {
+    readonly data: Record<string, unknown> | null;
     readonly label: string;
     readonly value: string;
-    readonly data: Record<string, unknown> | null;
 };
 export type Orientation = "horizontal" | "vertical";
 export type OtpInput = {
@@ -804,6 +933,18 @@ export type OtpInput = {
 export type Outlet = Record<string, never>;
 export type PageContainer = "centered" | "default";
 export type PageLayout = "app" | "auth" | "none";
+export type PageLayoutPayload = {
+    readonly key: string;
+    readonly schema: Node[];
+};
+export type PagePayload = {
+    readonly breadcrumbs: Breadcrumb[];
+    readonly container: string;
+    readonly layout: PageLayoutPayload | null;
+    readonly listeners: Listen[];
+    readonly schema: Node[];
+    readonly title: string | null;
+};
 export type PaginationType = "none" | "simple" | "table" | "infinite";
 export type PasswordInput = {
     autoComplete: string | null;
@@ -856,14 +997,15 @@ export type ReloadComponent = {
 };
 export type ReloadPage = Record<string, never>;
 export type RemoteAccess = {
-    readonly source: string;
     readonly audience: string;
-    readonly scopes: string[];
     readonly nodeId: string;
     readonly nodeType: string;
-    readonly tokenEndpoint: string;
     readonly ref: string;
+    readonly scopes: string[];
+    readonly source: string;
+    readonly tokenEndpoint: string;
 };
+export type RemoteNodeType = "remote.data-list";
 export type Repeater = {
     addLabel: string | null;
     columnWidth: ColumnWidth;
@@ -896,8 +1038,8 @@ export type ResetForm = {
 };
 export type ResolveResponse = {
     readonly fields: Record<string, Node>;
-    readonly values: Record<string, unknown>;
     readonly prefill: Record<string, unknown>;
+    readonly values: Record<string, unknown>;
 };
 export type RichEditor = {
     columnWidth: ColumnWidth;
@@ -919,11 +1061,11 @@ export type RichEditor = {
     value: unknown;
 };
 export type RowAction = {
-    type: RowActionType;
-    key: string;
     destructive: boolean;
     icon: string | null;
+    key: string;
     label: string | null;
+    type: RowActionType;
 };
 export type RowActionType = "duplicate" | "remove";
 export type RowLayout = "stack" | "table";
@@ -985,10 +1127,10 @@ export type Sidebar = {
     rememberState: boolean;
 };
 export type SignedUpload = {
-    readonly key: string;
-    readonly url: string;
     readonly headers: Record<string, unknown>;
+    readonly key: string;
     readonly method: HttpMethod;
+    readonly url: string;
 };
 export type Size = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
 export type SortDirection = "asc" | "desc";
@@ -1022,11 +1164,11 @@ export type Tab = {
 };
 export type Table = {
     actionsLabel: string | null;
-    bulkActions: Node<"action">[];
-    columns: Node[];
+    bulkActions: (Node<"action"> | Node<"action.bulk">)[];
+    columns: ColumnNode[];
     emptyLabel: string | null;
     endpoint: string | null;
-    filters: Node[];
+    filters: FilterNode[];
     layout: string | null;
     lazy: boolean;
     ref: string | null;
@@ -1035,34 +1177,35 @@ export type Table = {
     searchable: boolean;
     striped: boolean;
 };
+export type TableNodeType = "table";
 export type TablePagination = {
-    readonly mode: PaginationType;
     readonly currentPage: number | null;
-    readonly lastPage: number | null;
-    readonly perPage: number | null;
-    readonly total: number | null;
     readonly from: number | null;
-    readonly to: number | null;
     readonly hasMore: boolean;
+    readonly lastPage: number | null;
+    readonly mode: PaginationType;
     readonly nextPage: number | null;
+    readonly perPage: number | null;
+    readonly to: number | null;
+    readonly total: number | null;
 };
 export type TableQuery = {
     readonly filters: FilterClause[];
-    readonly sorts: TableSort[];
     readonly page: number;
     readonly perPage: number;
-    readonly tableFilters: Record<string, Record<string, unknown>>;
-    readonly tableFilterIndicators: FilterIndicator[];
     readonly search: string;
+    readonly sorts: TableSort[];
+    readonly tableFilterIndicators: FilterIndicator[];
+    readonly tableFilters: Record<string, Record<string, unknown>>;
 };
 export type TableResult = {
-    readonly query: TableQuery;
     readonly data: Record<string, unknown>[];
     readonly pagination: TablePagination | null;
+    readonly query: TableQuery;
 };
 export type TableSort = {
-    readonly key: string;
     readonly direction: SortDirection;
+    readonly key: string;
 };
 export type Tabs = {
     activeValue: string;
@@ -1179,12 +1322,12 @@ export type TimeInput = {
     value: unknown;
 };
 export type Toast = {
-    variant: Variant;
-    message: Translatable | string;
+    action: Node | null;
+    dismissible: boolean;
     duration: number | null;
+    message: Translatable | string;
     persistent: boolean;
-    dismissible: boolean;
-    action: Node | null;
+    variant: Variant;
 };
 export type Toggle = {
     autoFocus: boolean;
@@ -1223,9 +1366,9 @@ export type Topbar = {
     sticky: boolean;
 };
 export type Translatable = {
+    key: string;
     payload: Record<string, string>;
     replacements: Record<string, string | number | boolean>;
-    key: string;
 };
 export type Tree = {
     activeId: string | null;
@@ -1233,19 +1376,20 @@ export type Tree = {
     rememberState: boolean;
 };
 export type TreeNode = {
-    icon: string | null;
+    actions: Node<"action"> | Node<"action.bulk"> | Node<"action.group"> | null;
     badge: string | null;
-    href: string | null;
-    actions: Node<"action"> | Node<"action.group"> | null;
     children: TreeNode[];
-    hasChildren: boolean;
     disabled: boolean;
-    readonly label: string;
+    hasChildren: boolean;
+    href: string | null;
+    icon: string | null;
     readonly id: string;
+    readonly label: string;
 };
+export type UiNodeType = "avatar" | "badge" | "button" | "card" | "chart" | "collapsible" | "floating-panel" | "grid" | "heading" | "icon" | "image" | "link" | "modal" | "progress" | "raw-block" | "section" | "segmented-control" | "separator" | "stack" | "tab" | "tabs" | "text" | "tooltip" | "tree";
 export type UnreadCount = {
     readonly unreadCount: number;
 };
 export type Variant = "success" | "info" | "warning" | "error";
 export type Width = "full" | "auto" | "sm" | "md" | "lg" | "fill";
-export type WireNode = Node;
+export {};

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export type { ComponentProps, DateFormat, Node, NodeProps, NumberFormat, PageContainer, PageBreadcrumb, PagePayload, PropsOf, RendererComponent, } from '../index.js';
+export type { ComponentProps, DateFormat, Node, NodeProps, NumberFormat, PageContainer, PageBreadcrumb, PagePayload, ComponentPropsOf, RendererComponent, } from '../index.js';
 export type { Method } from '@inertiajs/core';

package/dist/ui/button.d.ts

@@ -4,8 +4,8 @@ import { ButtonVariant } from '../types/generated.js';
 import * as React from "react";
 export type { ButtonVariant };
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "ghost" | "info" | "outline" | "secondary" | "success" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, icon, children, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;