declare module '@brevity-builder/react/contexts/UserContext' { import * as React from "react"; export interface User { id: string; name: string; email: string; profile_image_url: string; } export const UserContext: React.Context; export const useUserContext: () => User | null; } declare module '@brevity-builder/react/contexts/RouteContext' { import * as React from "react"; export interface RouteContext { settings: { analytics: { gtm: { cId: string; enabled: boolean; }; ga: { mId: string; enabled: boolean; }; mp: { token: string; enabled: boolean; }; ph: { key: string; host: string; enabled: boolean; }; }; }; } export const RouteContext: React.Context; export const useRouteContext: () => RouteContext; } declare module '@brevity-builder/react/contexts/SuffixContext' { import * as React from "react"; export const SuffixContext: React.Context; export const useSuffixContext: () => string; } declare module '@brevity-builder/react/contexts/index' { export * from "@brevity-builder/react/contexts/ColumnsContext"; export * from "@brevity-builder/react/contexts/RouteContext"; export * from "@brevity-builder/react/contexts/SuffixContext"; export * from "@brevity-builder/react/contexts/SuspenseContext"; export * from "@brevity-builder/react/contexts/UserContext"; } declare module '@brevity-builder/react/contexts/ColumnsContext' { import * as React from "react"; export const ColumnsContext: React.Context>; export const useColumnsContext: () => Record; } declare module '@brevity-builder/react/contexts/SuspenseContext' { import * as React from "react"; export const SuspenseContext: React.Context; export const useSuspenseContext: () => boolean; export const MaybeSuspend: ({ children }: { children: React.ReactNode; }) => import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/utils/DBRecordProxy' { type Mapping = Record>; export function ProxyFactory(map: Mapping): (record: T) => T; export {}; } declare module '@brevity-builder/react/utils/dereferenceId' { export function $$deref(value: any): any; } declare module '@brevity-builder/react/utils/csv' { export function dataToCSV>(data: T[], accessors: Record any | string>): string; } declare module '@brevity-builder/react/utils/client-hints' { export function getHints(request?: Request): { theme?: "light" | "dark" | null; timeZone?: string | null; }; export function useHints(): { theme: "light" | "dark" | null; timeZone: string | null; } & Record; export function ClientHintCheck(): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/utils/csv.test' { export {}; } declare module '@brevity-builder/react/utils/setPath' { export const setPath: (src: any, path: string[], value: any) => any; } declare module '@brevity-builder/react/utils/debugEvents' { export function useDebugEvents(props: T): T; } declare module '@brevity-builder/react/utils/webauthn' { export const AUTH_HOST = "/api/auth"; export function initLogin(autofill: boolean, signal?: AbortSignal): Promise<{ verified: boolean; credentialID?: string; }>; export function initRegistration(signal?: AbortSignal, useAutoRegister?: boolean): Promise<{ verified: boolean; credentialID?: string; }>; export function checkResponse(resp: Response): Promise; export { browserSupportsWebAuthn, browserSupportsWebAuthnAutofill, } from "@simplewebauthn/browser"; } declare module '@brevity-builder/react/utils/composeEvents' { export function composeEventHandlers(ourHandler: any, theirHandler: any): (event: any) => void; } declare module '@brevity-builder/react/utils/rollup' { export function rollup>(cb: (offset: number) => Promise, limit: number): Promise; } declare module '@brevity-builder/react/utils/debounce' { export function debounce any>(fn: T, wait: number): (this: ThisParameterType, ...args: Parameters) => void; } declare module '@brevity-builder/react/utils/makeColumn' { type ColDef = { __type: "column"; id: string | string[]; key: string; name: string | string[]; type: string; operators: string[]; parents?: string[]; }; export function $$columnFactory(roots: Record, tables: Record): (id: string) => ColDef | null; export {}; } declare module '@brevity-builder/react/utils/nanoid' { export const nanoid: (size?: number) => string; } declare module '@brevity-builder/react/utils/LazyPreload' { import * as React from "react"; export function LazyPreload(importStatement: Parameters[0]): ReturnType & { preload: () => void; }; } declare module '@brevity-builder/react/utils/makeColumn.test' { export const $$columns: { "User:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:email": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:phone": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:bio_DApik": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:given_name": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:family_name": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:user_MkDbb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:user_jMitw_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:superadmin_YQqer": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:profile_image_url": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:createdby_9E3i7_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:createdby_X3dJM_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:postlike_YT8Uy_user_jMitw_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:postlike_YT8Uy_user_jMitw_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:post_fM8Fb_createdby_9E3i7_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:post_fM8Fb_createdby_9E3i7_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:comment_Viz43_createdby_X3dJM_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:comment_Viz43_createdby_X3dJM_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:notification_x9ezG_user_MkDbb_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:notification_x9ezG_user_MkDbb_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:text_6q8XB": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:post_cDnCC_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:comment_KDDkG_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:createdby_X3dJM_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:parentcomment_aVGh9_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:parentcomment_aVGh9_id_r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:notification_x9ezG_comment_KDDkG_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:notification_x9ezG_comment_KDDkG_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:comment_Viz43_parentcomment_aVGh9_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_Viz43:comment_Viz43_parentcomment_aVGh9_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "feedback_KYynz:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "feedback_KYynz:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "feedback_KYynz:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "feedback_KYynz:comment_BgNAt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "feedback_KYynz:content_rUjFt_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:body_gAG4U": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:name_fdjcR": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:slug_PanxG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:order_7JaDU": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:public_mRJcE": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:forpage_A6pq6": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:guide_HYeFE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:parent_bBt7A_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:videocode_YfnJY": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:content_rUjFt_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:coverimage_4rUYa": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:description_dFjkK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:parent_bBt7A_id_r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:guide_N8XBN_parent_bBt7A_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:guide_N8XBN_parent_bBt7A_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:feedback_KYynz_content_rUjFt_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:feedback_KYynz_content_rUjFt_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:guidesection_Gjn7E_guide_HYeFE_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "guide_N8XBN:guidesection_Gjn7E_guide_HYeFE_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:read_afwpL": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:title_FYjyM": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:post_MUpbq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:user_MkDbb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "notification_x9ezG:comment_KDDkG_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:embedding": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:body_VmHnD": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:title_jfyBF": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:post_MUpbq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:post_cDnCC_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:post_qnKrr_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:search_vector": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:category_8wtGY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:createdby_9E3i7_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:strippedtext_8VYAn": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:comment_Viz43_post_cDnCC_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:comment_Viz43_post_cDnCC_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:postlike_YT8Uy_post_qnKrr_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:postlike_YT8Uy_post_qnKrr_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:notification_x9ezG_post_MUpbq_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "post_fM8Fb:notification_x9ezG_post_MUpbq_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:color_hcKzd": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:title_RWPFw": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:category_8wtGY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:description_y73Br": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:post_fM8Fb_category_8wtGY_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postcategory_gTBhH:post_fM8Fb_category_8wtGY_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postlike_YT8Uy:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postlike_YT8Uy:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postlike_YT8Uy:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postlike_YT8Uy:post_qnKrr_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "postlike_YT8Uy:user_jMitw_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "task_GtQC9:priority_ctecm_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "prioritylevel_UeUrp:level_z7rga": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; }; export const $$makeColumn: (id: string) => { __type: "column"; id: string | string[]; key: string; name: string | string[]; type: string; operators: string[]; parents?: string[]; } | null; export const $$columns2: { "CX8LW4gH3tGQCGAkdMgdC:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:layout_eCWXk": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:site_AzYFd_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:site_gHbTG_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:site_ktawR_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_wnf7XM": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:status_dnTrC_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_DLnDy_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_GNiGm_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_XtMJG_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_fL3Tc_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_gEGap_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:company_xamHM_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:engineering_M4TEJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:companies_8aBkF_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:CEEqJpqC74hJia3K8VJ6a": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:R6LWimpQEKiFPgiC8yEpL": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:aYGC6NXEGdgeqizqQcaQw": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:fJJ9ihAwmEXyVm9G3FrYW": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:hq8CCiwx8zqbyRFMCJDYf": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:paDzcwLPaY6Bg4qYRUfFQ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:CAMwhi4YE8QQhUTpbQ6fK_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:Lzq83V97n4PPYgTEMpp4e_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:MG7XYprp7RjdzLMixFw4M_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:PWKrXnY9CJYArV8C7mewL_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VFMgyiGNmDiXtUBEMyxDk_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VWncg8fNk9T3eUbPLTadr_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VqJ7q3Tegw6ycc6Gy6xNE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:dpBHmgiTbhjF7mPeRxLWk_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:eNE6E7cCtjGyztdiKBgLz_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:eRmYpTjwEpfXBhdA7iYNh_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:fFMJ3E6hAKteqbq4k887T_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:ga9kRmkkFBehyWknJMWEE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:iQfjzMtqpyjLRkrig3e4g_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:jz3Fij69RyjaTLijYNc9D_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:pgEeMcRq6fYJzP7gk3kCb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:zbckCcxUtdjiAicFjAN8y_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:eRmYpTjwEpfXBhdA7iYNh_id_r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:item_company_wnf7XM_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:item_company_wnf7XM_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:User_pgEeMcRq6fYJzP7gk3kCb_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:User_pgEeMcRq6fYJzP7gk3kCb_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:bebold_HfYk9_company_xamHM_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:bebold_HfYk9_company_xamHM_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:material_xQcLn_company_gEGap_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:material_xQcLn_company_gEGap_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:elevation_i4KNG_company_GNiGm_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:elevation_i4KNG_company_GNiGm_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:usercompany_zqKbX_company_DLnDy_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:usercompany_zqKbX_company_DLnDy_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:documentfolder_ThMxm_company_XtMJG_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:documentfolder_ThMxm_company_XtMJG_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:materialfinding_epHfh_company_fL3Tc_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:materialfinding_epHfh_company_fL3Tc_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:CX8LW4gH3tGQCGAkdMgdC_eRmYpTjwEpfXBhdA7iYNh_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:CX8LW4gH3tGQCGAkdMgdC_eRmYpTjwEpfXBhdA7iYNh_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:H7MDrWWWYJANwtjzAmtcW_CAMwhi4YE8QQhUTpbQ6fK_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:H7MDrWWWYJANwtjzAmtcW_CAMwhi4YE8QQhUTpbQ6fK_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:M4WbzPAkPnrEFbPJ9EGqb_PWKrXnY9CJYArV8C7mewL_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:M4WbzPAkPnrEFbPJ9EGqb_PWKrXnY9CJYArV8C7mewL_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VKa83qTAJLkmqJQJJjpgd_VqJ7q3Tegw6ycc6Gy6xNE_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VKa83qTAJLkmqJQJJjpgd_VqJ7q3Tegw6ycc6Gy6xNE_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VKa83qTAJLkmqJQJJjpgd_fFMJ3E6hAKteqbq4k887T_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:VKa83qTAJLkmqJQJJjpgd_fFMJ3E6hAKteqbq4k887T_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:WAz8nVENp8mnw38akRh4i_MG7XYprp7RjdzLMixFw4M_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:WAz8nVENp8mnw38akRh4i_MG7XYprp7RjdzLMixFw4M_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:bqaGLpfHfMqGeV78MtxDp_Lzq83V97n4PPYgTEMpp4e_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:bqaGLpfHfMqGeV78MtxDp_Lzq83V97n4PPYgTEMpp4e_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:h7gyUKELxTrcEhUxc4n4x_zbckCcxUtdjiAicFjAN8y_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:h7gyUKELxTrcEhUxc4n4x_zbckCcxUtdjiAicFjAN8y_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:h8CVxUkfq7tacMCtcRmdm_VWncg8fNk9T3eUbPLTadr_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:h8CVxUkfq7tacMCtcRmdm_VWncg8fNk9T3eUbPLTadr_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:mjVRPqFPpTjaXN8nzVCMa_ga9kRmkkFBehyWknJMWEE_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:mjVRPqFPpTjaXN8nzVCMa_ga9kRmkkFBehyWknJMWEE_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:pbewznDkW9FqUatbedqPi_VFMgyiGNmDiXtUBEMyxDk_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:pbewznDkW9FqUatbedqPi_VFMgyiGNmDiXtUBEMyxDk_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:pbewznDkW9FqUatbedqPi_iQfjzMtqpyjLRkrig3e4g_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "CX8LW4gH3tGQCGAkdMgdC:pbewznDkW9FqUatbedqPi_iQfjzMtqpyjLRkrig3e4g_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:rTyzqKCMfMKtCrLFcLPPt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:ChTJMneHqzCrfJAa9rxH7_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:ggbUwyRYNLKJQYikaPEWV_ChTJMneHqzCrfJAa9rxH7_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "D4xDNcRrCtWyURrMNbfUX:ggbUwyRYNLKJQYikaPEWV_ChTJMneHqzCrfJAa9rxH7_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "DR3dHULmyTgdGtLgEhErN:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "DR3dHULmyTgdGtLgEhErN:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "DR3dHULmyTgdGtLgEhErN:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "DR3dHULmyTgdGtLgEhErN:iqayEEYBHmQmL8pkGtA8y": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "DR3dHULmyTgdGtLgEhErN:hbrN9T9dLiXhLAaMdgAWY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "DR3dHULmyTgdGtLgEhErN:jipPjpgrfB99jbjLE78LT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:JTpkgEYTCrqEMU8QGR9Qz": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:TgUVVRd6PzH9en6iYpEkw": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:CQGHMJX74gnd9MgDgRVRU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:DgxG3crbhBV3TWNjQ4cqn_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:WAz8nVENp8mnw38akRh4i_DgxG3crbhBV3TWNjQ4cqn_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:WAz8nVENp8mnw38akRh4i_DgxG3crbhBV3TWNjQ4cqn_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:aL9G7XQUQpeiCeCKktUmm_CQGHMJX74gnd9MgDgRVRU_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "F3MDxQfcXmKcTYhxjTnht:aL9G7XQUQpeiCeCKktUmm_CQGHMJX74gnd9MgDgRVRU_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:dDrg8CGzLay3DijqiMtJN": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:RBJGQx6JUcPLqyK4dLYzb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:pbewznDkW9FqUatbedqPi_RBJGQx6JUcPLqyK4dLYzb_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "Gi3iEaAyz9YiTcVdcjqTz:pbewznDkW9FqUatbedqPi_RBJGQx6JUcPLqyK4dLYzb_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "H7MDrWWWYJANwtjzAmtcW:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "H7MDrWWWYJANwtjzAmtcW:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "H7MDrWWWYJANwtjzAmtcW:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "H7MDrWWWYJANwtjzAmtcW:CTnP8dcjFQfXywXHe6wJy": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "H7MDrWWWYJANwtjzAmtcW:TKtGCt8RW6XGJiX3w4t87": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "H7MDrWWWYJANwtjzAmtcW:CAMwhi4YE8QQhUTpbQ6fK_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:nPkdcHxLbeLAFjPFFrRtL": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:NighghBE44bfPbrMNHn8J_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:WAz8nVENp8mnw38akRh4i_NighghBE44bfPbrMNHn8J_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "JBtRwdVDyDJChnMJjGRy3:WAz8nVENp8mnw38akRh4i_NighghBE44bfPbrMNHn8J_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LGchXkUL9iLGA9CBYMKRi:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LGchXkUL9iLGA9CBYMKRi:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LGchXkUL9iLGA9CBYMKRi:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:DWrJLfyaqLnJHUthXUYRX": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:TJ6WJEnMY8itFaU63ThWb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:pbewznDkW9FqUatbedqPi_TJ6WJEnMY8itFaU63ThWb_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "LKhxWLdTKwprqAEhHcVyz:pbewznDkW9FqUatbedqPi_TJ6WJEnMY8itFaU63ThWb_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:emplyee_nfWwf": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:boldmain_ADyxV": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:files_3FRKg_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:files_3paGX_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:files_U6CyD_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:files_aAmre_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:migrated_664gVn": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:project_YtXRU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:documents_qxQ3m_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:JbzbJ3UtacV3b7E63eKfT": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:KDxwNpbaACbDt6QfepWff": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "M4WbzPAkPnrEFbPJ9EGqb:PWKrXnY9CJYArV8C7mewL_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:RCPyTVemnHNywxA6UXyCW": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:mCtARC43mV9kHcXc7xQmC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:nhK3GmjmQdtFpkAVbYANX": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:ycXDjDEbUcPWFTrmeKGaq": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "PTmztqpCxPbxfALbPA3fU:MNrtnjqqnzEyiYRRcg4n4_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:name": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:email": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:phone": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:ops_MbcHi": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:given_name": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:family_name": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:sales_gAmdX": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:finance_aVbaA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:user_4Ybi3_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:user_VpiJq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:owner_WaGWR_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:owner_hNeb7_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:assignee_q6bNt_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:profile_image_url": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:createdby_WUrFh_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:inspector_aRHW3_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:CJLqE6RiP6qCbUP63PMJR": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:dCx9V9cMRrHpQFDJbKyFV": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:nTgVNJGHezCxBFPUNALdF": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:xXBwUkyH3KFRLaPBiRpUf": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:MNrtnjqqnzEyiYRRcg4n4_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:MRwXVNnAzffkQAYfKAfCi_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:XUwJRcHg9Mb7xGUKX6NxP_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:dgPPrVAdTi98qyqmRYd47_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:eNE6E7cCtjGyztdiKBgLz_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:hM48JXwrrzrBcrw8EYVdw_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:hb4AAeH8JFagn44dVhiiq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:iGi3W69wwXdXQnMByQmmY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:mxDUYr49hEJP3YLBVFk3b_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:pgEeMcRq6fYJzP7gk3kCb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:rpiRCK9HBmJVxzX3rLzXE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:vendor_XgQan_owner_hNeb7_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:vendor_XgQan_owner_hNeb7_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:usercompany_zqKbX_user_4Ybi3_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:usercompany_zqKbX_user_4Ybi3_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:comment_743d7_createdby_WUrFh_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:comment_743d7_createdby_WUrFh_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:workacceptance_hDb7y_user_VpiJq_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:workacceptance_hDb7y_user_VpiJq_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:bqaGLpfHfMqGeV78MtxDp_owner_WaGWR_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:bqaGLpfHfMqGeV78MtxDp_owner_WaGWR_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:VKa83qTAJLkmqJQJJjpgd_assignee_q6bNt_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:VKa83qTAJLkmqJQJJjpgd_assignee_q6bNt_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:WAz8nVENp8mnw38akRh4i_inspector_aRHW3_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:WAz8nVENp8mnw38akRh4i_inspector_aRHW3_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:CX8LW4gH3tGQCGAkdMgdC_eNE6E7cCtjGyztdiKBgLz_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:CX8LW4gH3tGQCGAkdMgdC_eNE6E7cCtjGyztdiKBgLz_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:PTmztqpCxPbxfALbPA3fU_MNrtnjqqnzEyiYRRcg4n4_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:PTmztqpCxPbxfALbPA3fU_MNrtnjqqnzEyiYRRcg4n4_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:WAz8nVENp8mnw38akRh4i_XUwJRcHg9Mb7xGUKX6NxP_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:WAz8nVENp8mnw38akRh4i_XUwJRcHg9Mb7xGUKX6NxP_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:WAz8nVENp8mnw38akRh4i_dgPPrVAdTi98qyqmRYd47_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:WAz8nVENp8mnw38akRh4i_dgPPrVAdTi98qyqmRYd47_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:bqaGLpfHfMqGeV78MtxDp_mxDUYr49hEJP3YLBVFk3b_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:bqaGLpfHfMqGeV78MtxDp_mxDUYr49hEJP3YLBVFk3b_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:h7gyUKELxTrcEhUxc4n4x_rpiRCK9HBmJVxzX3rLzXE_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:h7gyUKELxTrcEhUxc4n4x_rpiRCK9HBmJVxzX3rLzXE_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:hKjjycrzprjLWwT3Gnb8y_MRwXVNnAzffkQAYfKAfCi_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:hKjjycrzprjLWwT3Gnb8y_MRwXVNnAzffkQAYfKAfCi_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:pbewznDkW9FqUatbedqPi_hb4AAeH8JFagn44dVhiiq_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:pbewznDkW9FqUatbedqPi_hb4AAeH8JFagn44dVhiiq_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:pbewznDkW9FqUatbedqPi_iGi3W69wwXdXQnMByQmmY_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "User:pbewznDkW9FqUatbedqPi_iGi3W69wwXdXQnMByQmmY_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:status_HLNGU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:finding_38KX9_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:finding_ATGyq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:finding_nfz9k_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:assignee_q6bNt_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:findings_yaN3Q_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:Yg6JhPb4UJKTbrFkxq3QN": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:aTzkLUEdGdGqtAgdah4Cm": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:bLiPYwCJ4Xhdr3DVGFX4t": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:iCfpmRQr77LC36w3W7AEV": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:xeWbrYTVkm39rD3k6cpq4": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:PdMEX7TCCzNxHaJb3MAEK_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:VqJ7q3Tegw6ycc6Gy6xNE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:beUfJNrTPQWRVKrhyiVqT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:dVyjnUdCmPjgPBKbgQUVc_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:fFMJ3E6hAKteqbq4k887T_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:gMAAwCRfiArYktC4hYUTi_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:hbrN9T9dLiXhLAaMdgAWY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:rJfjf6ecEtAanYPjMJRnV_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:comment_743d7_finding_nfz9k_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:comment_743d7_finding_nfz9k_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:materialfinding_epHfh_finding_38KX9_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:materialfinding_epHfh_finding_38KX9_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:DR3dHULmyTgdGtLgEhErN_hbrN9T9dLiXhLAaMdgAWY_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "VKa83qTAJLkmqJQJJjpgd:DR3dHULmyTgdGtLgEhErN_hbrN9T9dLiXhLAaMdgAWY_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "W67NVtwNdUtxJKjtHpnYh:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "W67NVtwNdUtxJKjtHpnYh:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "W67NVtwNdUtxJKjtHpnYh:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "W67NVtwNdUtxJKjtHpnYh:pebfkCiycJbVYAcrnc9af": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "W67NVtwNdUtxJKjtHpnYh:AYP76UbkxgtfXWAeJpBAt_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:pages_AbhXT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_8kYRqD": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_37HaU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_Wgq6z_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_YtXRU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_dParw_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_xahnK_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:scopenotion_x48ky": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:inspector_aRHW3_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:project_title_Kc7Dk": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:C9XWWjaxxtwb4b7cHUcNX": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:GbT3AKdCPqUdL4aDRkfet": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:GjTpxBHRB4pBLHfwy7zec": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:KXXJAP4wYjRERa8CBXFHV": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:MTY7FaeQVgn7xzNp4ntbT": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:Ncj333Qw7fq9mdfakeAcJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:TtWhHzxqaQV9GaPPtVb9r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:ULCiNNFgX47wgKinXfFcN": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:UhC8X6DfEnfcxBwLPRik8": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:V6HkB3hfYAUGpkUbjjBpN": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:XmMb4eBFVqkqaKRjdPQmK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:aNHXnAPri96yf4eRhrMiJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:b6BThfXKBtTTmeRWcyyRB": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:bTfhazJa8A6Dax7VaBCif": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:beETJWAMnpUtAJyHP8Y6r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:dWL8tX3en78fRrTzWxKrG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:dmfFUhQnpqyT4gMNnBqdN": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:dr3LnYbBFyTtVH6Fw8jHF": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:g3JmNGiYqQP3EpKpyFnVp": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:itp4xtRhtUHGqzkb7qLxx": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:tBgpMycjhNKhNP8RKUQ7b": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:DgxG3crbhBV3TWNjQ4cqn_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:E7Rpw6tYbmnXQhDkTeDnb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:MG7XYprp7RjdzLMixFw4M_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:NighghBE44bfPbrMNHn8J_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:XUwJRcHg9Mb7xGUKX6NxP_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:XiapfM3KCW8Pwdca3qmHn_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:YVc3DKfkexQFCPHWnfCrT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:dgPPrVAdTi98qyqmRYd47_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:dyaApYXHNPfTDqFxAJHjr_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:gK89LciMmwreL6BprTXt4_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:gMAAwCRfiArYktC4hYUTi_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:jipPjpgrfB99jbjLE78LT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:estimatedawarddate_ndUHPP": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:markedascompletedate_CdFNc": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:item_project_8kYRqD_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:item_project_8kYRqD_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:page_fxbxC_pages_AbhXT_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:page_fxbxC_pages_AbhXT_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:documentfolder_ThMxm_project_37HaU_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:documentfolder_ThMxm_project_37HaU_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:workacceptance_hDb7y_project_Wgq6z_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:workacceptance_hDb7y_project_Wgq6z_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:M4WbzPAkPnrEFbPJ9EGqb_project_YtXRU_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:M4WbzPAkPnrEFbPJ9EGqb_project_YtXRU_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:bqaGLpfHfMqGeV78MtxDp_project_xahnK_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:bqaGLpfHfMqGeV78MtxDp_project_xahnK_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:DR3dHULmyTgdGtLgEhErN_jipPjpgrfB99jbjLE78LT_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:DR3dHULmyTgdGtLgEhErN_jipPjpgrfB99jbjLE78LT_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:VKa83qTAJLkmqJQJJjpgd_gMAAwCRfiArYktC4hYUTi_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:VKa83qTAJLkmqJQJJjpgd_gMAAwCRfiArYktC4hYUTi_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:ggbUwyRYNLKJQYikaPEWV_dyaApYXHNPfTDqFxAJHjr_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:ggbUwyRYNLKJQYikaPEWV_dyaApYXHNPfTDqFxAJHjr_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:h7gyUKELxTrcEhUxc4n4x_XiapfM3KCW8Pwdca3qmHn_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:h7gyUKELxTrcEhUxc4n4x_XiapfM3KCW8Pwdca3qmHn_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:wW6fgXz4xNhX9bCGQW48Q_E7Rpw6tYbmnXQhDkTeDnb_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "WAz8nVENp8mnw38akRh4i:wW6fgXz4xNhX9bCGQW48Q_E7Rpw6tYbmnXQhDkTeDnb_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:bAe6tD4NNTqb7bjN6jKWq": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:dpBHmgiTbhjF7mPeRxLWk_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:CX8LW4gH3tGQCGAkdMgdC_dpBHmgiTbhjF7mPeRxLWk_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aEipHd7qALgqeGXxEtfkA:CX8LW4gH3tGQCGAkdMgdC_dpBHmgiTbhjF7mPeRxLWk_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:address_7DDiC_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:GG8Mxbwccf8TAAzfErex3": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:R6tKATMBYMX9wei9iLEFb": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:W3CXUXYiyh8rnqx3DLLpC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:fdjHBBhcAaiJiWfVChGV7": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:ybXVC3xMDH3ygrm9eR8cL": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:CQGHMJX74gnd9MgDgRVRU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "aL9G7XQUQpeiCeCKktUmm:jz3Fij69RyjaTLijYNc9D_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:level_rnUVC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:KrHijXL3neNgDqi37MPgJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:YVc3DKfkexQFCPHWnfCrT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:WAz8nVENp8mnw38akRh4i_YVc3DKfkexQFCPHWnfCrT_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "b8haXqctge9pMUcpRRYzg:WAz8nVENp8mnw38akRh4i_YVc3DKfkexQFCPHWnfCrT_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:label_m4z6M": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:bebold_JyKQi": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:asbuilt_7xeGR": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:content_zTXcH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:company_xamHM_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bebold_HfYk9:engineering_Gn4en": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:order_9DnL3": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:task_CPzY9B": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:content_kxEyz": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:files_U6CyD_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:owner_WaGWR_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:project_xahnK_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:VVJWADAmeaXcMreeNAPaK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:rD9Y8dYQhYdyDtCMWkycm": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:rgtxcnH9necnjjVGW4YnC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:FC4VmmfmhpL78469rCeeX_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:Lzq83V97n4PPYgTEMpp4e_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:item_task_CPzY9B_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:item_task_CPzY9B_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:mxDUYr49hEJP3YLBVFk3b_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:M4WbzPAkPnrEFbPJ9EGqb_files_U6CyD_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "bqaGLpfHfMqGeV78MtxDp:M4WbzPAkPnrEFbPJ9EGqb_files_U6CyD_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "certificate_VRpTQ:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "certificate_VRpTQ:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "certificate_VRpTQ:file_WEAXC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "certificate_VRpTQ:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "certificate_VRpTQ:certificates_KMy4M_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "certificate_VRpTQ:certificates_MtWcy_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:content_fHkPy": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:files_iipGp_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:finding_nfz9k_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:createdby_WUrFh_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:files_UKhqw_files_iipGp_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "comment_743d7:files_UKhqw_files_iipGp_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:label_jB4LK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:status_dnTrC_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:CX8LW4gH3tGQCGAkdMgdC_status_dnTrC_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "companystatus_DKnpY:CX8LW4gH3tGQCGAkdMgdC_status_dnTrC_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:name_Jy9kw": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:order_crVkL": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:boldmain_gJarn": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:employee_7rCT7": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:migrated_BeYEP6": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:company_XtMJG_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:folders_cE7kE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:folders_ybDWA_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:project_37HaU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:documents_qxQ3m_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:vendor_XgQan_folders_ybDWA_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:vendor_XgQan_folders_ybDWA_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:M4WbzPAkPnrEFbPJ9EGqb_documents_qxQ3m_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "documentfolder_ThMxm:M4WbzPAkPnrEFbPJ9EGqb_documents_qxQ3m_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:AQLDHCqFbpBC349bBizLQ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:bYecXaz7YyqnYWYGhTAif": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:rJfjf6ecEtAanYPjMJRnV_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:VKa83qTAJLkmqJQJJjpgd_rJfjf6ecEtAanYPjMJRnV_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "eYfKhTAP7hQrKCnB8FNYf:VKa83qTAJLkmqJQJJjpgd_rJfjf6ecEtAanYPjMJRnV_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:krUdwx4pNp4W6a3EHaRT9": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:FX6RtWjxXbkbFhq7bK6Ch_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:PdMEX7TCCzNxHaJb3MAEK_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:beUfJNrTPQWRVKrhyiVqT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:dVyjnUdCmPjgPBKbgQUVc_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:FX6RtWjxXbkbFhq7bK6Ch_id_r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:VKa83qTAJLkmqJQJJjpgd_PdMEX7TCCzNxHaJb3MAEK_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:VKa83qTAJLkmqJQJJjpgd_PdMEX7TCCzNxHaJb3MAEK_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:VKa83qTAJLkmqJQJJjpgd_beUfJNrTPQWRVKrhyiVqT_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:VKa83qTAJLkmqJQJJjpgd_beUfJNrTPQWRVKrhyiVqT_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:VKa83qTAJLkmqJQJJjpgd_dVyjnUdCmPjgPBKbgQUVc_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:VKa83qTAJLkmqJQJJjpgd_dVyjnUdCmPjgPBKbgQUVc_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:ehBQEWABF8NgaTDATpUNR_FX6RtWjxXbkbFhq7bK6Ch_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ehBQEWABF8NgaTDATpUNR:ehBQEWABF8NgaTDATpUNR_FX6RtWjxXbkbFhq7bK6Ch_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:id_r4jJe": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:note_E64xP": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:files_3FRKg_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:levels_76QMN_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:company_GNiGm_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:elevation_FWXqYH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:description_PmE86": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:item_elevation_FWXqYH_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:item_elevation_FWXqYH_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:level_EeWec_levels_76QMN_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:level_EeWec_levels_76QMN_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:M4WbzPAkPnrEFbPJ9EGqb_files_3FRKg_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "elevation_i4KNG:M4WbzPAkPnrEFbPJ9EGqb_files_3FRKg_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "files_UKhqw:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "files_UKhqw:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "files_UKhqw:file_pYyyc": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "files_UKhqw:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "files_UKhqw:files_iipGp_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:label_ApV8A": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:order_BzxF8": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:status_HLNGU_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:display_label_L6Uih": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:VKa83qTAJLkmqJQJJjpgd_status_HLNGU_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "findingstatus_RttXG:VKa83qTAJLkmqJQJJjpgd_status_HLNGU_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:unitprice_ekeQ4": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:QJh3ThyBt9mtGKaxDJjtK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:YJUbjaeBizcppQWHfHKRt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:hMnzBfFrdV7ybVrkJCJGH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:p7RdqL6qFK6844MFg9mVY": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:ChTJMneHqzCrfJAa9rxH7_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "ggbUwyRYNLKJQYikaPEWV:dyaApYXHNPfTDqFxAJHjr_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:notes_fePhP_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:hyC8iQhzW8TMK6G9HDD3q": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:qfQkPr7W6termTD3DyFrd": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:XiapfM3KCW8Pwdca3qmHn_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:rpiRCK9HBmJVxzX3rLzXE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h7gyUKELxTrcEhUxc4n4x:zbckCcxUtdjiAicFjAN8y_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:renewaldate_EYiaD": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:H8d3yNqe6t4mnnEmVAwEe": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:N6gmjfk64CJMEtGMbmzEM": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:bPwAhABW37V8ypA4zd3cH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:certificates_MtWcy_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:dm4AjadceB6TRGP8mTNUU": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:yaFqWYkEd7yp9VGg67yNa": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:certificationdate_xQ38z": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:VWncg8fNk9T3eUbPLTadr_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:certificate_VRpTQ_certificates_MtWcy_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "h8CVxUkfq7tacMCtcRmdm:certificate_VRpTQ_certificates_MtWcy_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:HUjVcweNmc7pekzVaqnAC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:R6F94Gw4QJ6J3AfpiECWj": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:djpmT4eTGeEXMrfCCbGgP": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:MRwXVNnAzffkQAYfKAfCi_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "hKjjycrzprjLWwT3Gnb8y:YHBbN8qPggPPB48gHPxbj_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "highpilepermit_zjYVm:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "highpilepermit_zjYVm:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "highpilepermit_zjYVm:file_MrFaH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "highpilepermit_zjYVm:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "highpilepermit_zjYVm:site_AzYFd_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:box_7hQHeD": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:file_Cdg4rf": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:name_7iVEGJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:task_CPzY9B": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:order_kJAaqj": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:folder_gdpAKx": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:parent_nXrkiT": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:vendor_czK6jT": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:company_wnf7XM": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:project_8kYRqD": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:material_Y4rVGJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:parent_nXrkiT_r": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:elevation_FWXqYH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:item_parent_nXrkiT_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "item_j4NykC:item_parent_nXrkiT_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "layoutpdf_W4HBy:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "layoutpdf_W4HBy:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "layoutpdf_W4HBy:file_rFwzY": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "layoutpdf_W4HBy:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "layoutpdf_W4HBy:site_gHbTG_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:beams_yjPzB": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:order_McDW3": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:frames_m7jdK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:beam_nwfbA_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:frame_DnVwY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:levels_76QMN_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:floor_to_top_of_beam_UPRtT": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "level_EeWec:top_of_beam_to_top_of_beam_kYr8F": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_gtWcK:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_gtWcK:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_gtWcK:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_gtWcK:beams_yjPzB": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_gtWcK:levels_daFwa": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_mLBAG:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_mLBAG:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_mLBAG:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_mLBAG:frames_m7jdK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "leveleewectomaterialxqcln_mLBAG:frameslevels_NRp9E": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:face_nncB8": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:item_P4q77": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:kind_9zDw6": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:size_V9xjw": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:type_DRVdt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:class_MdeWL": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:color_8ThXY": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:depth_cfN44": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:model_Gyh84": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:notes_zRpNJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:other_LyqDp": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:width_REeRf": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:height_nePPt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:length_c4dyh": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:levels_daFwa": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:other1_6PJBd": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:other2_irbVc": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:beam_nwfbA_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:files_3paGX_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:frame_DnVwY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:material_Y4rVGJ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:thickness_RXnWP": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:company_gEGap_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:finding_ATGyq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:identifier_VndGK": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:findings_yaN3Q_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:locks_yesno_iCMNt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:material_KYffa_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:material_kFwGY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:frameslevels_NRp9E": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:manufacturer_Vc7Kp": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:footplate_depth_PCjqy": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:footplate_holes_LBC6M": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:footplate_width_Y6hCx": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfiles_4YVGQ_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:end_connector_type_AAFt9": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:footplate_thickness_VxaT9": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:bracing_panel_brakdown_yCp6c": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:item_material_Y4rVGJ_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:item_material_Y4rVGJ_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:column_dimensions_depth_J8hCh": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:column_dimensions_width_XMcyB": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:diagonal_bracing_length_YjttN": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:horizontal_bracing_length_GVFAm": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:diagonal_bracing_thickness_eiCCc": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:diagonal_bracing_dimensions_FERbc": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:level_EeWec_beam_nwfbA_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:level_EeWec_beam_nwfbA_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:horizontal_bracing_thickness_eyxrX": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:level_EeWec_frame_DnVwY_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:level_EeWec_frame_DnVwY_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:M4WbzPAkPnrEFbPJ9EGqb_files_3paGX_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:M4WbzPAkPnrEFbPJ9EGqb_files_3paGX_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:VKa83qTAJLkmqJQJJjpgd_findings_yaN3Q_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:VKa83qTAJLkmqJQJJjpgd_findings_yaN3Q_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfilenew_pWTnB_material_KYffa_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfilenew_pWTnB_material_KYffa_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfinding_epHfh_material_kFwGY_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfinding_epHfh_material_kFwGY_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfile_qUHdN_materialfiles_4YVGQ_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:materialfile_qUHdN_materialfiles_4YVGQ_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:leveleewectomaterialxqcln_gtWcK_levels_daFwa_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:leveleewectomaterialxqcln_gtWcK_levels_daFwa_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:leveleewectomaterialxqcln_mLBAG_frameslevels_NRp9E_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "material_xQcLn:leveleewectomaterialxqcln_mLBAG_frameslevels_NRp9E_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfilenew_pWTnB:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfilenew_pWTnB:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfilenew_pWTnB:file_cVHTf": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfilenew_pWTnB:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfilenew_pWTnB:columnid_VFE37": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfilenew_pWTnB:material_KYffa_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:status_L3M8A": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:company_fL3Tc_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:finding_38KX9_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "materialfinding_epHfh:material_kFwGY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:Wf6qYY3tGmrjLAU4pVr76": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:pLDwfMicfxWYPizD7HJe7": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:AYP76UbkxgtfXWAeJpBAt_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:QzrV7TxqEgdGRbcYf7fyN_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:ga9kRmkkFBehyWknJMWEE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:W67NVtwNdUtxJKjtHpnYh_AYP76UbkxgtfXWAeJpBAt_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "mjVRPqFPpTjaXN8nzVCMa:W67NVtwNdUtxJKjtHpnYh_AYP76UbkxgtfXWAeJpBAt_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:order_WPzTe": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:content_a3bHF": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:pagename_mR3xU": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:pages_AbhXT_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "page_fxbxC:fullwidth_brP9j": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pagetemplate_aY44T:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pagetemplate_aY44T:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pagetemplate_aY44T:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pagetemplate_aY44T:content_gUEBY": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pagetemplate_aY44T:pagename_FaRgG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pagetemplate_aY44T:description_V6xFe": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:name_N6LDt": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:companies_8aBkF_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:CX8LW4gH3tGQCGAkdMgdC_companies_8aBkF_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "parentcompanytag_tNWGG:CX8LW4gH3tGQCGAkdMgdC_companies_8aBkF_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:contacts_8XEp9_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:AQprV4VhqtnGNpeXjgdHb": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:B3DYM7bJQcNDXHTrwUKcC": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:DbDt43C8ixgDjyd73Vy9L": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:Hex8zgV3VzLnCbwh3Y7jX": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:JkNX4qE8yptBxTPhiAFcy": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:W8ArnTzaEzL4EHmnLhNUx": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:c9bcWcPhhPFVrcmDbeGzb": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:certificates_KMy4M_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:hhKyBaMQrNye4dFKmCT9H": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:kpa9pdFWTNAXehXTEUtig": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:pBKLnbAUPVMEk7aa7bbi7": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:rpAfGRhC3eWMar4e4fiNB": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:primarycontact_HrWhg_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:FC4VmmfmhpL78469rCeeX_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:QzrV7TxqEgdGRbcYf7fyN_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:RBJGQx6JUcPLqyK4dLYzb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:TJ6WJEnMY8itFaU63ThWb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:VFMgyiGNmDiXtUBEMyxDk_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:YHBbN8qPggPPB48gHPxbj_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:gK89LciMmwreL6BprTXt4_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:hM48JXwrrzrBcrw8EYVdw_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:hb4AAeH8JFagn44dVhiiq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:iGi3W69wwXdXQnMByQmmY_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:iQfjzMtqpyjLRkrig3e4g_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:vendor_XgQan_primarycontact_HrWhg_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:vendor_XgQan_primarycontact_HrWhg_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:certificate_VRpTQ_certificates_KMy4M_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:certificate_VRpTQ_certificates_KMy4M_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:WAz8nVENp8mnw38akRh4i_gK89LciMmwreL6BprTXt4_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:WAz8nVENp8mnw38akRh4i_gK89LciMmwreL6BprTXt4_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:bqaGLpfHfMqGeV78MtxDp_FC4VmmfmhpL78469rCeeX_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:bqaGLpfHfMqGeV78MtxDp_FC4VmmfmhpL78469rCeeX_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:hKjjycrzprjLWwT3Gnb8y_YHBbN8qPggPPB48gHPxbj_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:hKjjycrzprjLWwT3Gnb8y_YHBbN8qPggPPB48gHPxbj_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:mjVRPqFPpTjaXN8nzVCMa_QzrV7TxqEgdGRbcYf7fyN_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "pbewznDkW9FqUatbedqPi:mjVRPqFPpTjaXN8nzVCMa_QzrV7TxqEgdGRbcYf7fyN_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "permit_QzKAc:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "permit_QzKAc:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "permit_QzKAc:file_DyYN7": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "permit_QzKAc:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "permit_QzKAc:site_ktawR_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:name_V6way4": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:sort_FNTVGH": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:filter_hectmy": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "projectview_R89tKn:logicalop_W3gV67": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawareness_936Rw:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawareness_936Rw:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawareness_936Rw:file_db7F9": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawareness_936Rw:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawarenessexternal_QNFEQ:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawarenessexternal_QNFEQ:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawarenessexternal_QNFEQ:file_xTGDq": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "racksafetyawarenessexternal_QNFEQ:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "usercompany_zqKbX:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "usercompany_zqKbX:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "usercompany_zqKbX:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "usercompany_zqKbX:user_4Ybi3_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "usercompany_zqKbX:company_DLnDy_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:name_wQn7z": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:notes_eJtJR": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:phone_dYMMa": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:vendor_czK6jT": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:website_8NNTQ": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:files_aAmre_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:notes_fePhP_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:owner_hNeb7_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:address_7DDiC_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:folders_cE7kE_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:folders_ybDWA_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:contacts_8XEp9_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:primarycontact_HrWhg_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:item_vendor_czK6jT_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:item_vendor_czK6jT_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:M4WbzPAkPnrEFbPJ9EGqb_files_aAmre_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:M4WbzPAkPnrEFbPJ9EGqb_files_aAmre_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:h7gyUKELxTrcEhUxc4n4x_notes_fePhP_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:h7gyUKELxTrcEhUxc4n4x_notes_fePhP_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:documentfolder_ThMxm_folders_cE7kE_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:documentfolder_ThMxm_folders_cE7kE_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:pbewznDkW9FqUatbedqPi_contacts_8XEp9_id_fkey_rA": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "vendor_XgQan:pbewznDkW9FqUatbedqPi_contacts_8XEp9_id_fkey_rG": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "wW6fgXz4xNhX9bCGQW48Q:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "wW6fgXz4xNhX9bCGQW48Q:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "wW6fgXz4xNhX9bCGQW48Q:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "wW6fgXz4xNhX9bCGQW48Q:nB9NGRNHXJP8QVkpDMy8f": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "wW6fgXz4xNhX9bCGQW48Q:prrTdeE933x7dj9ECGWYa": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "wW6fgXz4xNhX9bCGQW48Q:E7Rpw6tYbmnXQhDkTeDnb_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:created_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:updated_at": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:user_VpiJq_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:response_GBYAr": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:project_Wgq6z_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; "workacceptance_hDb7y:project_dParw_id": { __type: string; id: string; key: string; name: string; type: string; operators: string[]; }; }; export const $$tables: { CX8LW4gH3tGQCGAkdMgdC: string; D4xDNcRrCtWyURrMNbfUX: string; DR3dHULmyTgdGtLgEhErN: string; F3MDxQfcXmKcTYhxjTnht: string; Gi3iEaAyz9YiTcVdcjqTz: string; H7MDrWWWYJANwtjzAmtcW: string; JBtRwdVDyDJChnMJjGRy3: string; LGchXkUL9iLGA9CBYMKRi: string; LKhxWLdTKwprqAEhHcVyz: string; M4WbzPAkPnrEFbPJ9EGqb: string; PTmztqpCxPbxfALbPA3fU: string; User: string; VKa83qTAJLkmqJQJJjpgd: string; W67NVtwNdUtxJKjtHpnYh: string; WAz8nVENp8mnw38akRh4i: string; aEipHd7qALgqeGXxEtfkA: string; aL9G7XQUQpeiCeCKktUmm: string; b8haXqctge9pMUcpRRYzg: string; bebold_HfYk9: string; bqaGLpfHfMqGeV78MtxDp: string; certificate_VRpTQ: string; comment_743d7: string; companystatus_DKnpY: string; documentfolder_ThMxm: string; eYfKhTAP7hQrKCnB8FNYf: string; ehBQEWABF8NgaTDATpUNR: string; elevation_i4KNG: string; files_UKhqw: string; findingstatus_RttXG: string; ggbUwyRYNLKJQYikaPEWV: string; h7gyUKELxTrcEhUxc4n4x: string; h8CVxUkfq7tacMCtcRmdm: string; hKjjycrzprjLWwT3Gnb8y: string; highpilepermit_zjYVm: string; item_j4NykC: string; layoutpdf_W4HBy: string; level_EeWec: string; leveleewectomaterialxqcln_gtWcK: string; leveleewectomaterialxqcln_mLBAG: string; material_xQcLn: string; materialfilenew_pWTnB: string; materialfinding_epHfh: string; mjVRPqFPpTjaXN8nzVCMa: string; page_fxbxC: string; pagetemplate_aY44T: string; parentcompanytag_tNWGG: string; pbewznDkW9FqUatbedqPi: string; permit_QzKAc: string; projectview_R89tKn: string; racksafetyawareness_936Rw: string; racksafetyawarenessexternal_QNFEQ: string; usercompany_zqKbX: string; vendor_XgQan: string; wW6fgXz4xNhX9bCGQW48Q: string; workacceptance_hDb7y: string; }; } declare module '@brevity-builder/react/utils/request-info' { export interface RequestInfo { hints: { theme: "light" | "dark" | null; timeZone: string | null; } & Record; userPrefs: { theme?: "light" | "dark"; }; } export function useRequestInfo(): RequestInfo; } declare module '@brevity-builder/react/utils/props' { export function omitCommonProps(props: Record): { [k: string]: any; }; } declare module '@brevity-builder/react/utils/shallow' { export function isEqual(objA: T, objB: T): boolean; export function shallow(objA: T, objB: T, checkId?: boolean): boolean; export function partialShallow(subject: Partial, base: T, checkId?: boolean): boolean; } declare module '@brevity-builder/react/utils/mergeRefs' { import * as React from "react"; type PossibleRef = React.Ref | undefined; /** * Set a given ref to a given value * This utility takes care of different types of refs: callback refs and RefObject(s) */ function setRef(ref: PossibleRef, value: T): void; /** * A utility to compose multiple refs together * Accepts callback refs and RefObject(s) */ function composeRefs(...refs: PossibleRef[]): (node: T) => void; /** * A custom hook that composes multiple refs * Accepts callback refs and RefObject(s) */ function useComposedRefs(...refs: PossibleRef[]): (node: T) => void; export { composeRefs, setRef, useComposedRefs }; } declare module '@brevity-builder/react/utils/index' { export * from "@brevity-builder/react/utils/client-hints"; export * from "@brevity-builder/react/utils/composeEvents"; export * from "@brevity-builder/react/utils/csv"; export * from "@brevity-builder/react/utils/debounce"; export * from "@brevity-builder/react/utils/debugEvents"; export * from "@brevity-builder/react/utils/dereferenceId"; export * from "@brevity-builder/react/utils/LazyPreload"; export * from "@brevity-builder/react/utils/makeColumn"; export * from "@brevity-builder/react/utils/nanoid"; export * from "@brevity-builder/react/utils/request-info"; export * from "@brevity-builder/react/utils/rollup"; export * from "@brevity-builder/react/utils/setPath"; export * from "@brevity-builder/react/utils/shallow"; export * from "@brevity-builder/react/utils/webauthn"; export function maybeDate(date: string | number | Date | undefined): Date | undefined; export function checkResponse(response: Response): Promise; } declare module '@brevity-builder/react/utils/mergeDefaults' { export function mergeDefaults(props: T, defaults: Partial, allFalsyValues?: boolean): T; } declare module '@brevity-builder/react/utils/qss' { export function encode(obj: any, pfx?: string): string; export function decode(str: string, pfx?: string): T; } declare module '@brevity-builder/react/components/Tabs/index' { import { Tabs as TabsPrimitive } from "radix-ui"; export const Tabs: { ({ className, defaultValue, variant, size, ...props }: TabsPrimitive.TabsProps & { variant?: "enclosed" | "line" | "subtle" | "outline"; size?: "sm" | "md" | "lg"; }): import("react/jsx-runtime").JSX.Element; TabsList({ className, ...props }: TabsPrimitive.TabsListProps): import("react/jsx-runtime").JSX.Element; TabsTrigger({ className, ...props }: TabsPrimitive.TabsTriggerProps): import("react/jsx-runtime").JSX.Element; TabsContent({ className, preview, ...props }: TabsPrimitive.TabsContentProps & { preview?: true; }): import("react/jsx-runtime").JSX.Element; }; } declare module '@brevity-builder/react/components/Sidebar/index' { import { Separator, Tooltip } from "radix-ui"; import * as React from "react"; import { TooltipSymbol } from "@brevity-builder/react/components/Tooltip/index"; import { InternalLink, PrefetchBehavior, RouteRecord } from "@brevity-builder/react/components/Link/index"; /** * SidebarProvider: Manages sidebar state and context. */ export const Sidebar: { ({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentPropsWithoutRef<"div"> & { defaultOpen?: boolean; open?: boolean; onOpenChange?: (open: boolean) => void; }): import("react/jsx-runtime").JSX.Element; Sidebar: { ({ side, variant, collapsible, className, children, ...props }: React.ComponentPropsWithoutRef<"div"> & { side?: "left" | "right"; variant?: "sidebar" | "floating" | "inset"; collapsible?: "offcanvas" | "icon" | "none"; }): import("react/jsx-runtime").JSX.Element; Rail: ({ className, ref, ...props }: React.ComponentProps<"button"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Input: ({ className, ref, ...props }: React.ComponentProps<"input"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Header: ({ className, ref, ...props }: React.ComponentProps<"div"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Footer: ({ className, ref, ...props }: React.ComponentProps<"div"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Separator: ({ className, ref, ...props }: React.ComponentProps & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Content: ({ className, ref, ...props }: React.ComponentProps<"div"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Group: { ({ className, ref, ...props }: React.ComponentProps<"div"> & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; GroupLabel: ({ className, asChild, ref, children, ...props }: React.ComponentProps<"div"> & { asChild?: boolean; ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; GroupAction: ({ className, asChild, ref, children, ...props }: React.ComponentProps<"button"> & { asChild?: boolean; ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; GroupContent: ({ className, ref, ...props }: React.ComponentProps<"div"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; }; Menu: { ({ className, ref, ...props }: React.ComponentProps<"ul"> & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; MenuItem: { ({ className, ref, ...props }: React.ComponentProps<"li"> & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; MenuButton: { ({ asChild, isActive, variant, size, tooltip, className, ref, children, ...props }: React.ComponentProps<"button"> & { asChild?: boolean; isActive?: boolean; tooltip?: string | React.ComponentProps; variant?: "solid" | "outline" | "subtle" | "elvated"; size?: "xs" | "sm" | "md" | "lg"; ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; MenuLink: { ({ variant, size, tooltip, className, ref, children, onClick, ...props }: React.ComponentProps & { "data-id"?: string; variant?: "solid" | "outline" | "subtle" | "elvated"; size?: "xs" | "sm" | "md" | "lg"; tooltip?: string | React.ComponentProps; ref?: React.Ref; prefetch?: PrefetchBehavior; newTab?: boolean; to: RouteRecord; preserveSearchParams?: boolean; query: { key: string; value: string; }[]; }): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; MenuAction: ({ className, asChild, showOnHover, ref, children, ...props }: React.ComponentProps<"button"> & { asChild?: boolean; showOnHover?: boolean; ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; MenuBadge: ({ className, ref, ...props }: React.ComponentProps<"div"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; MenuSub: { ({ className, ref, ...props }: React.ComponentProps<"ul"> & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; MenuSubItem: ({ className, ref, ...props }: React.ComponentProps<"li"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; MenuSubButton: { ({ asChild, size, isActive, className, ref, children, ...props }: React.ComponentProps<"button"> & { asChild?: boolean; size?: "sm" | "md"; isActive?: boolean; ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; }; }; MenuSkeleton: ({ className, showIcon, ref, ...props }: React.ComponentProps<"div"> & { showIcon?: boolean; ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; }; }; Inset: ({ className, ref, ...props }: React.ComponentProps<"main"> & { ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; Trigger: { ({ className, onClick, ref, ...props }: React.ComponentProps<"button"> & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; }; } declare module '@brevity-builder/react/components/FileUpload/index' { import * as React from "react"; enum AcceptType { Image = "image/*", Video = "video/*", File = "application/*" } export interface FileProps extends React.HTMLAttributes { children?: React.ReactNode; "data-id": string; allowMultiple?: boolean; minSize?: number; maxSize?: number; acceptType?: AcceptType; handleDrop?: (files: File[] | File) => Promise; onSuccess?: (e: Event) => void; extensions?: string; required?: boolean; capture?: "user" | "environment" | "implementation"; } export const FileUpload: React.ForwardRefExoticComponent>; export {}; } declare module '@brevity-builder/react/components/Dropdown/index' { import * as React from "react"; interface Props { id: string; default: string; onSelect: (value: string) => void; _display: (data: any) => string; staticlistOptions?: { [key: string]: string; }; _data: { id: string; }[]; placeholder?: string; } export const Dropdown: React.ForwardRefExoticComponent<{ type: "basic" | "dynamic"; } & Props & React.RefAttributes>; export {}; } declare module '@brevity-builder/react/components/Pagination/types' { export type PaginationContext = { count: number; pageSize: number; siblingCount: number; page: number; }; export type PaginationEvent = { type: "SET_COUNT"; count: number; } | { type: "SET_PAGE"; page: number; } | { type: "SET_PAGE_SIZE"; size: number; } | { type: "FIRST_PAGE"; } | { type: "LAST_PAGE"; } | { type: "PREVIOUS_PAGE"; } | { type: "NEXT_PAGE"; }; export type Pages = Array<{ type: "ellipsis"; } | { type: "page"; value: number; }>; } declare module '@brevity-builder/react/components/Pagination/utils' { import { PaginationContext } from "@brevity-builder/react/components/Pagination/types"; export const range: (start: number, end: number) => number[]; export const getTotalPages: (state: PaginationContext) => number; type Pages = Array<{ type: "page"; value: number; } | { type: "ellipsis"; }>; export const transform: (items: (string | number)[]) => Pages; export const getRange: (ctx: PaginationContext) => (string | number)[]; export const getTransformedRange: (ctx: PaginationContext) => Pages; export {}; } declare module '@brevity-builder/react/components/Pagination/index' { import * as React from "react"; export function Pagination({ count, pageSize, siblingCount, page, onPageChange, ...props }: { count: number; pageSize: number; siblingCount: number; page: number; onPageChange: (page: number) => void; } & React.ComponentPropsWithRef<"div">): import("react/jsx-runtime").JSX.Element; export namespace Pagination { var PrevTrigger: (props: React.ComponentPropsWithRef<"button">) => import("react/jsx-runtime").JSX.Element; var NextTrigger: (props: React.ComponentPropsWithRef<"button">) => import("react/jsx-runtime").JSX.Element; var PageList: ({ classes, ...props }: { classes: Classes; } & React.ComponentPropsWithRef<"div">) => import("react/jsx-runtime").JSX.Element; } type Classes = { item?: string; ellipsis?: string; }; export {}; } declare module '@brevity-builder/react/components/Page/index' { import * as React from "react"; export function Page({ children, className, ...props }: { className: string; children: React.ReactNode; } & React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Popup/index' { import * as React from "react"; export function Popup({ id, children, }: { id: string; children: React.ReactNode; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Video/index' { import * as React from "react"; import type { SrcContext } from "@brevity-builder/react/components/Image/index"; export type VideoProps = React.ComponentPropsWithoutRef<"video"> & { "data-id": string; poster: string | SrcContext; src: string | SrcContext; crossOrigin?: boolean; }; export const Video: React.ForwardRefExoticComponent, HTMLVideoElement>, "ref"> & { "data-id": string; poster: string | SrcContext; src: string | SrcContext; crossOrigin?: boolean; } & React.RefAttributes>; } declare module '@brevity-builder/react/components/Form/index' { import * as React from "react"; export interface ClientFormProps extends React.ComponentPropsWithoutRef<"form"> { "data-id": string; "data-label"?: string; } export const ClientForm: React.ForwardRefExoticComponent>; } declare module '@brevity-builder/react/components/Tooltip/index' { import * as React from "react"; export interface TooltipProps { "data-id": string; className?: string; asChild?: boolean; label: string; side: "top" | "bottom" | "left" | "right"; align: "start" | "center" | "end"; delayDuration?: number; showArrow?: boolean; children: React.ReactNode; } export const TooltipSymbol: unique symbol; export function Tooltip({ className, showArrow, delayDuration, children, label, side, align, asChild, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element | null; } declare module '@brevity-builder/react/components/Collection/index' { import { ForwardedRef, ReactElement, ReactNode } from "react"; /** An immutable object representing a Node in a Collection. */ class NodeValue implements Node { readonly type: string; readonly key: Key; readonly value: T | null; readonly level: number; readonly hasChildNodes: boolean; readonly rendered: ReactNode; readonly textValue: string; readonly "aria-label"?: string; readonly index: number; readonly parentKey: Key | null; readonly prevKey: Key | null; readonly nextKey: Key | null; readonly firstChildKey: Key | null; readonly lastChildKey: Key | null; readonly props: any; constructor(type: string, key: Key); get childNodes(): Iterable>; clone(): NodeValue; } /** * An immutable Collection implementation. Updates are only allowed * when it is not marked as frozen. */ export class BaseCollection { private keyMap; private firstKey; private lastKey; private frozen; get size(): number; getKeys(): MapIterator; [Symbol.iterator](): Generator, void, unknown>; getChildren(key: Key): Iterable>; getKeyBefore(key: Key): Key | null; getKeyAfter(key: Key): Key | null; getFirstKey(): Key | null; getLastKey(): Key | null; getItem(key: Key): Node | null; at(): Node; clone(): this; addNode(node: NodeValue): void; removeNode(key: Key): void; commit(firstKey: Key | null, lastKey: Key | null, isSSR?: boolean): void; } interface CollectionProps { items?: Iterable; /** The contents of the collection. */ children?: ReactNode | ((item: T) => ReactNode); /** Values that should invalidate the item cache when using dynamic collections. */ dependencies?: any[]; } interface CachedChildrenOptions extends CollectionProps { idScope?: Key; addIdAndValue?: boolean; dependencies?: any[]; } export function useCachedChildren(props: CachedChildrenOptions): any; interface CollectionResult { portal: ReactNode; collection: C; } export function useCollection>(props: CollectionProps, initialCollection?: C): CollectionResult; export function CollectionPortal(props: CollectionProps): import("react/jsx-runtime").JSX.Element; /** Renders a DOM element (e.g. separator or header) shallowly when inside a collection. */ export function useShallowRender

(type: string, props: P, ref: ForwardedRef): ReactElement | null; export function useSSRCollectionNode(Type: string, props: object, ref: ForwardedRef, rendered?: any, children?: ReactNode): import("react/jsx-runtime").JSX.Element | null; type Key = string | number; export interface Node { /** The type of item this node represents. */ type: string; /** A unique key for the node. */ key: Key; /** The object value the node was created from. */ value: T | null; /** The level of depth this node is at in the heirarchy. */ level: number; /** Whether this item has children, even if not loaded yet. */ hasChildNodes: boolean; /** * The loaded children of this node. * @deprecated Use `collection.getChildren(node.key)` instead. */ childNodes: Iterable>; /** The rendered contents of this node (e.g. JSX). */ rendered: ReactNode; /** A string value for this node, used for features like typeahead. */ textValue: string; /** An accessibility label for this node. */ "aria-label"?: string; /** The index of this node within its parent. */ index?: number; /** A function that should be called to wrap the rendered node. */ wrapper?: (element: ReactElement) => ReactElement; /** The key of the parent node. */ parentKey?: Key | null; /** The key of the node before this node. */ prevKey?: Key | null; /** The key of the node after this node. */ nextKey?: Key | null; /** Additional properties specific to a particular node type. */ props?: any; /** @private */ shouldInvalidate?: (context: unknown) => boolean; } export {}; } declare module '@brevity-builder/react/components/ErrorBoundary/index' { export function ErrorBoundary({ children, className, ...props }: { [x: string]: any; children: any; className: any; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Wrapper/index' { import * as React from "react"; export function Wrapper({ as, id, children, ...props }: { as: string | React.ElementType; id: string; children: React.ReactNode; } & React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Input/index' { import * as React from "react"; export interface InputProps extends Omit, "size"> { "data-id": string; type: MODES; "data-label"?: string; hideControls?: boolean; size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"; variant?: "subtle" | "outline" | "flushed"; } export enum MODES { text = "text", number = "number", email = "email", password = "password", phone = "tel", date = "date", "datetime-local" = "datetime-local", time = "time", search = "search", hidden = "hidden", url = "url", otp = "one-time-code" } export const Input: React.ForwardRefExoticComponent>; export const NumberInput: React.ForwardRefExoticComponent>; export const DateInput: React.ForwardRefExoticComponent>; } declare module '@brevity-builder/react/components/Markdown/index' { export const Markdown: ({ markdownContent, ...props }: { [x: string]: any; markdownContent: any; }) => import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Skeleton/index' { export function Skeleton({ className, ...props }: { [x: string]: any; className: any; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Separator/index' { import { Separator as SeparatorPrimitive } from "radix-ui"; import * as React from "react"; export function Separator({ className, orientation, decorative, ...props }: React.ComponentPropsWithRef): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Signup/index' { import * as React from "react"; type Classes = { headline?: string; subtitle?: string; error?: string; container?: string; input?: string; primaryButton?: string; secondaryButton?: string; divider?: string; footer?: string; link?: string; }; export function Signup({ callbackUrl: _callbackUrl, loginUrl: _loginUrl, className, classes, query, ...props }: { callbackUrl?: any; loginUrl?: any; query: { key: string; value: string; }[]; className?: string; classes?: Classes; } & React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; export {}; } declare module '@brevity-builder/react/components/TextContainer/index' { import * as React from "react"; export function TextContainer({ className, children, ...props }: { id: string; className: string; children: React.ReactNode; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/ToggleGroup/index' { import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui"; import * as React from "react"; export const ToggleGroup: React.ForwardRefExoticComponent<((Omit, "ref"> | Omit, "ref">) & { ensureValue?: boolean; }) & React.RefAttributes>; } declare module '@brevity-builder/react/components/ListBox/index' { import * as React from "react"; type CoreProps = { children?: React.ReactNode; itemToValue: (item: T) => string; itemToString: (item: T) => string; items: T[]; loopFocus?: boolean; typeahead?: boolean; __length?: number; "data-id": string; "data-label"?: string; }; type MultipleProps = CoreProps & { multiple: true; onValueChange?: (items: T[]) => void; initialValue?: T | null; }; type SingleProps = CoreProps & { multiple: false; onValueChange?: (item: T[]) => void; initialValue?: T | null; }; export function ListBox({ items, children, initialValue, itemToValue, itemToString, onValueChange, multiple, loopFocus, typeahead, __length, ...rest }: MultipleProps | SingleProps): import("react/jsx-runtime").JSX.Element; export namespace ListBox { var ListInput: (props: { "data-id"?: string; }) => import("react/jsx-runtime").JSX.Element; var ListContent: any; } export {}; } declare module '@brevity-builder/react/components/Checkbox/index' { import { Checkbox as CheckboxPrimitive } from "radix-ui"; import * as React from "react"; export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps { "data-id": string; required?: boolean; size?: "xs" | "sm" | "md" | "lg"; variant?: "solid" | "outline" | "subtle"; } export const Checkbox: React.ForwardRefExoticComponent>; } declare module '@brevity-builder/react/components/Passkeys/index' { type Classes = { iconButton?: string; button?: string; li?: string; editable?: string; input?: string; }; export function Passkeys({ className, classes, ...props }: { className?: string; classes: Classes; }): import("react/jsx-runtime").JSX.Element; export {}; } declare module '@brevity-builder/react/components/Component/index' { import * as React from "react"; export function Component({ id, className, children, ...props }: { id: string; className: string; children: React.ReactNode; } & React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; export namespace Component { } } declare module '@brevity-builder/react/components/RawHTML/index' { import * as React from "react"; interface TextProps extends React.ComponentPropsWithoutRef<"span"> { "data-id": string; value: string; } function _RawHTML({ value, dangerouslySetInnerHTML, className, ...props }: TextProps): import("react/jsx-runtime").JSX.Element; export const RawHTML: React.MemoExoticComponent; export {}; } declare module '@brevity-builder/react/components/Spinner/index' { import * as React from "react"; import "./style.css"; export enum ESpinner { Plane = "Plane", Chase = "Chase", Bounce = "Bounce", Wave = "Wave", Pulse = "Pulse", Flow = "Flow", Swing = "Swing", Circle = "Circle", CircleFade = "CircleFade", Grid = "Grid", Fold = "Fold", Wander = "Wander" } export function Spinner({ spinner, delay, ...rest }: { spinner: ESpinner; delay: number; } & React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Carousel/index' { import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react"; import * as React from "react"; type CarouselApi = UseEmblaCarouselType[1]; type UseCarouselParameters = Parameters; type CarouselPlugin = UseCarouselParameters[1]; type CarouselProps = { loop?: boolean; align?: "start" | "center" | "end"; startIndex?: number; plugins?: CarouselPlugin; orientation?: "horizontal" | "vertical"; setApi?: (api: CarouselApi) => void; onSelect?: (index: number) => void; }; export const Carousel: { ({ ref, orientation, setApi, loop, align, startIndex, onSelect: _onSelect, plugins, className, children, ...props }: CarouselProps & React.ComponentPropsWithRef<"div">): import("react/jsx-runtime").JSX.Element; Content: React.ForwardRefExoticComponent & React.RefAttributes>; Previous: ({ className, ref, children, ...props }: React.ComponentPropsWithRef<"button">) => import("react/jsx-runtime").JSX.Element; Next: ({ className, ref, children, ...props }: React.ComponentPropsWithRef<"button">) => import("react/jsx-runtime").JSX.Element; }; export {}; } declare module '@brevity-builder/react/components/Image/index' { import * as React from "react"; export type SrcContext = { src: string; height?: number; width?: number; blurhash?: string; dominantColor?: string; }; export const Image: React.ForwardRefExoticComponent<{ image: string | SrcContext; omitBlurhash?: boolean; altText: string; critical?: boolean; sizes: string; className: string; crossOrigin?: boolean; "data-id": string; "data-label"?: string; } & React.ImgHTMLAttributes & React.RefAttributes>; } declare module '@brevity-builder/react/components/Combobox/index' { export interface ComboboxParts { input: string; popover: string; list: string; option: string; } export interface ComboboxProps { items: string[]; placeholder: string; onChange: (value?: string | null) => void; parts: ComboboxParts; openOnFocus?: boolean; selectOnClick?: boolean; autocomplete?: boolean; persistSelection?: boolean; } export const Combobox: ({ items, placeholder, onChange, openOnFocus, selectOnClick, autocomplete, persistSelection, parts, ...props }: ComboboxProps) => import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/DataImport/module' { export type ColumnMap = { tableId: string; columns: Record; extra: Record; }; type Classes = { secondaryButton?: string; primaryButton?: string; }; export default function DataImporter({ className, table, conflictAction, onClose, classes, ...props }: { className?: string; onClose: () => void; table: ColumnMap; conflictAction: "ignore" | "update"; classes?: Classes; }): import("react/jsx-runtime").JSX.Element; export {}; } declare module '@brevity-builder/react/components/DataImport/index' { export const DataImporter: (props: any) => import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/DataImport/DataImport.test' { export {}; } declare module '@brevity-builder/react/components/Dialog/index' { import { Dialog as DialogPrimitive } from "radix-ui"; import * as React from "react"; export const useInDialog: () => boolean; export function Dialog({ children, preview, onOpenChange, ...rest }: DialogPrimitive.DialogProps & { className?: string; children: React.ReactNode; preview?: true; "data-id": string; }): import("react/jsx-runtime").JSX.Element; export namespace Dialog { var DialogTrigger: ({ children, ...props }: React.ComponentPropsWithRef) => import("react/jsx-runtime").JSX.Element; var DialogOverlay: ({ className, ...props }: React.ComponentPropsWithRef) => import("react/jsx-runtime").JSX.Element; var DialogContent: { ({ size, className, children, autoFocus, ...props }: React.ComponentPropsWithRef & { autoFocus: boolean; size: "sm" | "md" | "lg" | "xl" | "full"; }): import("react/jsx-runtime").JSX.Element; DialogClose({ className, children, ...props }: DialogPrimitive.DialogCloseProps): import("react/jsx-runtime").JSX.Element; DialogHeader({ className, ...props }: React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; DialogFooter({ className, ...props }: React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; DialogTitle({ className, ...props }: React.ComponentPropsWithRef): import("react/jsx-runtime").JSX.Element; DialogDescription({ className, ...props }: React.ComponentPropsWithRef): import("react/jsx-runtime").JSX.Element; }; } } declare module '@brevity-builder/react/components/Popover/index' { import { Popover as PopoverPrimitive } from "radix-ui"; import * as React from "react"; export function Popover({ className, children, preview, onOpenChange, ...rest }: PopoverPrimitive.PopoverProps & { className?: string; preview?: true; "data-id": string; }): import("react/jsx-runtime").JSX.Element; export namespace Popover { var PopoverTrigger: ({ children, className, ...props }: React.ComponentPropsWithRef) => import("react/jsx-runtime").JSX.Element; var PopoverClose: ({ className, children, ...props }: PopoverPrimitive.PopoverCloseProps) => import("react/jsx-runtime").JSX.Element; var PopoverContent: ({ className, children, autoFocus, align, sideOffset, ...props }: PopoverPrimitive.PopoverContentProps) => import("react/jsx-runtime").JSX.Element; var PopoverAnchor: React.ForwardRefExoticComponent>; var PopoverArrow: React.ForwardRefExoticComponent>; } } declare module '@brevity-builder/react/components/SwitchContainer/index' { import * as React from "react"; import { AwaitProps } from "react-router"; export function SwitchContainer({ children, ...props }: React.ComponentProps<"div"> & Pick, "resolve">): import("react/jsx-runtime").JSX.Element; export namespace SwitchContainer { var Fallback: ({ ref, ...props }: React.ComponentProps<"div">) => React.ReactElement> | null; var Content: ({ ref, ...props }: React.ComponentProps<"div"> & Pick, "children">) => React.ReactElement> | null; } } declare module '@brevity-builder/react/components/Container/index' { import * as React from "react"; export const ScrollAwareContainer: React.ForwardRefExoticComponent<{ as: React.ElementType; className: string; children: React.ReactNode; onEnter: () => void; onLeave: () => void; once: boolean; rootMargin: string; threshold: number; } & React.RefAttributes>; export const Container: React.ForwardRefExoticComponent<{ as: React.ElementType; className: string; children: React.ReactNode; } & React.RefAttributes>; export const ConditionalContainer: React.ForwardRefExoticComponent<{ as: React.ElementType; className: string; children: (() => React.ReactNode) | React.ReactNode; isShowing: boolean; preview?: true; "data-id": string; } & React.RefAttributes>; } declare module '@brevity-builder/react/components/Row/index' { import * as React from "react"; export function Row({ as, className, children, ...rest }: { as: string | React.ElementType; className: string; children: React.ReactNode; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Textarea/index' { import * as React from "react"; interface InputProps extends React.ComponentPropsWithoutRef<"textarea"> { minRows?: number; maxRows?: number; "data-id": string; "data-label"?: string; ref: React.Ref; submitOnEnter?: boolean; } export function Textarea({ ref, minRows, maxRows, defaultValue, onFocus, onChange, onBlur, onKeyDown, submitOnEnter, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element; export {}; } declare module '@brevity-builder/react/components/Button/legacy' { import * as React from "react"; import { TooltipSymbol } from "@brevity-builder/react/components/Tooltip/index"; export interface LegacyButtonProps { "data-id"?: string; icon?: React.ReactNode; iconSide?: "left" | "right"; isLoading?: boolean; as?: any; value?: string; onClick?: (event: React.MouseEvent) => void; className?: string; } export const LegacyButton: { (allProps: LegacyButtonProps & React.ComponentProps<"button">): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; } declare module '@brevity-builder/react/components/Button/index' { import * as React from "react"; import { TooltipSymbol } from "@brevity-builder/react/components/Tooltip/index"; export interface ButtonProps extends React.ButtonHTMLAttributes { size?: "xs" | "sm" | "md" | "lg"; variant?: "solid" | "outline" | "ghost" | "subtle" | "elvated"; colorPalette?: string; asChild?: boolean; } export function MaybeButton(props: React.ComponentPropsWithRef<"button">): import("react/jsx-runtime").JSX.Element; export const Button: { ({ variant, size, asChild, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; export const IconButton: { ({ variant, size, asChild, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element; [TooltipSymbol]: boolean; }; } declare module '@brevity-builder/react/components/Link/index' { import * as React from "react"; import { type UNSAFE_AssetsManifest as AssetsManifest } from "react-router"; export const LinkContext: React.Context; export const ButtonContext: React.Context; export const handleEnterPress: (e: any) => void; export type RouteRecord = { id: string; path: string; params?: Record; }; export function resolveRoute(to: RouteRecord, context: AssetsManifest): string; export function InternalLink({ className, to, query, prefetch, newTab, preserveSearchParams, ref, variant, ...props }: React.ComponentProps<"a"> & { "data-id"?: string; prefetch?: PrefetchBehavior; newTab?: boolean; to: RouteRecord; preserveSearchParams?: boolean; query: { key: string; value: string; }[]; variant?: "solid" | "subtle" | "outline" | "elevated" | "line" | "none"; }): import("react/jsx-runtime").JSX.Element; export namespace InternalLink { } export function ExternalLink({ className, href, newTab, onClick, ref, ...rest }: React.ComponentProps<"a"> & { newTab?: boolean; "data-id"?: string; }): import("react/jsx-runtime").JSX.Element; export namespace ExternalLink { } export type PrefetchBehavior = "intent" | "render" | "none"; } declare module '@brevity-builder/react/components/Editable/index' { import * as React from "react"; type EditableProps = Omit, "onSubmit" | "value" | "defaultValue"> & { autoResize?: boolean; value?: string; onSubmit: (value: string) => void; "data-id"?: string; }; export const Editable: { ({ className, value, children, disabled, onSubmit, autoResize, ref, ...props }: EditableProps): import("react/jsx-runtime").JSX.Element; EditablePreview({ className, ...props }: { [x: string]: any; className: any; }): import("react/jsx-runtime").JSX.Element; EditableInput({ className, ref, ...props }: { [x: string]: any; className: any; ref: any; }): import("react/jsx-runtime").JSX.Element; }; export {}; } declare module '@brevity-builder/react/components/Collapsible/index' { import { Collapsible as CollapsiblePrimitive } from "radix-ui"; export const Collapsible: { ({ defaultOpen, children, preview, onOpenChange, ...rest }: CollapsiblePrimitive.CollapsibleProps & { preview?: true; "data-id": string; }): import("react/jsx-runtime").JSX.Element; Trigger(props: CollapsiblePrimitive.CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element; Content({ className, ...props }: CollapsiblePrimitive.CollapsibleContentProps): import("react/jsx-runtime").JSX.Element; }; } declare module '@brevity-builder/react/components/List/index' { import * as React from "react"; interface Props { className: string; data: any[]; type?: string; __length?: number; children?: (value: any, index: number) => React.ReactElement; } export function List({ className, data, type: _type, __length, children, ...props }: Props): import("react/jsx-runtime").JSX.Element | null; export function Repeater({ data, children }: Props): import("react/jsx-runtime").JSX.Element | null; export function VirtualList({ ref, className, data, type: _type, __length, children, estimatedSize, overscan, hasNextPage, isFetchingNextPage, fetchNextPage, ...props }: Props & { ref?: React.Ref; estimatedSize?: number; overscan?: number; hasNextPage?: boolean; isFetchingNextPage?: boolean; fetchNextPage?: () => void; }): import("react/jsx-runtime").JSX.Element | null; export {}; } declare module '@brevity-builder/react/components/Avatar/index' { interface User { profile_image_url?: { src?: string; } | string; given_name?: string; family_name?: string; } export function Avatar({ user, className, size, variant, ...props }: { user: User; className?: string; size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full"; variant?: "solid" | "subtle" | "outline"; }): import("react/jsx-runtime").JSX.Element; export {}; } declare module '@brevity-builder/react/components/RouteError/index' { export type ErrorProps = { statusCode: number; title?: string; }; export const RouteError: ({ statusCode, title }: ErrorProps) => import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Switch/index' { import * as React from "react"; export interface SwitchProps extends React.ComponentPropsWithoutRef<"button"> { "data-id": string; required?: boolean; } export const Switch: React.ForwardRefExoticComponent>; } declare module '@brevity-builder/react/components/Floating/index' { import * as React from "react"; export function Floating({ id, children, }: { id: string; children: React.ReactNode; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Command/index' { export const Command: any; } declare module '@brevity-builder/react/components/Text/index' { import * as React from "react"; interface TextProps extends React.ComponentPropsWithoutRef<"span"> { "data-id": string; as: string | React.ElementType; noOfLines?: number; size?: "inherit" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl"; variant?: "body" | "header" | "label"; value: string; } export const Text: React.ForwardRefExoticComponent>; export {}; } declare module '@brevity-builder/react/components/Select/index' { import * as React from "react"; interface SelectProps extends Omit, "onChange"> { placeholder?: string; options: any[]; type: any; "data-label": string; "data-id": string; getOptionLabel: (option: any, idx: number) => string; defaultValue?: any; onChange?: (value: any) => void; position?: "item-aligned" | "popper"; required?: boolean; size?: "xs" | "sm" | "md" | "lg"; variant?: "solid" | "outline" | "ghost" | "subtle" | "elvated"; colorPalette?: string; } export const Select: React.ForwardRefExoticComponent>; export {}; } declare module '@brevity-builder/react/components/Icon/index' { import * as React from "react"; export const Icon: React.ForwardRefExoticComponent<{ children?: any; className?: string; } & React.HTMLAttributes & React.RefAttributes>; } declare module '@brevity-builder/react/components/Prose/index' { import * as React from "react"; interface ProseProps extends React.ComponentPropsWithoutRef<"article"> { as: string | React.ElementType; wysiwyg?: string; } export const Prose: React.ForwardRefExoticComponent>; export {}; } declare module '@brevity-builder/react/components/index' { export { default as clsx } from "clsx"; export * from "@brevity-builder/react/components/Analytics/index"; export * from "@brevity-builder/react/components/Avatar/index"; export * from "@brevity-builder/react/components/Button/index"; export * from "@brevity-builder/react/components/Button/legacy"; export * from "@brevity-builder/react/components/Carousel/index"; export * from "@brevity-builder/react/components/Checkbox/index"; export * from "@brevity-builder/react/components/Collapsible/index"; export * from "@brevity-builder/react/components/Collection/index"; export * from "@brevity-builder/react/components/Command/index"; export * from "@brevity-builder/react/components/Container/index"; export { DataImporter } from "@brevity-builder/react/components/DataImport/index"; export { DataTable } from "@brevity-builder/react/components/DataTable/index"; export * from "@brevity-builder/react/components/Dialog/index"; export * from "@brevity-builder/react/components/Editable/index"; export * from "@brevity-builder/react/components/ErrorBoundary/index"; export * from "@brevity-builder/react/components/FileUpload/index"; export * from "@brevity-builder/react/components/Form/index"; export * from "@brevity-builder/react/components/Icon/index"; export * from "@brevity-builder/react/components/Image/index"; export * from "@brevity-builder/react/components/Input/index"; export { ExternalLink, InternalLink, resolveRoute } from "@brevity-builder/react/components/Link/index"; export * from "@brevity-builder/react/components/List/index"; export * from "@brevity-builder/react/components/ListBox/index"; export * from "@brevity-builder/react/components/Login/index"; export * from "@brevity-builder/react/components/Markdown/index"; export * from "@brevity-builder/react/components/Modal/index"; export * from "@brevity-builder/react/components/Page/index"; export * from "@brevity-builder/react/components/Pagination/index"; export * from "@brevity-builder/react/components/Passkeys/index"; export * from "@brevity-builder/react/components/Popover/index"; export * from "@brevity-builder/react/components/Prose/index"; export * from "@brevity-builder/react/components/RawHTML/index"; export * from "@brevity-builder/react/components/RouteError/index"; export * from "@brevity-builder/react/components/Select/index"; export * from "@brevity-builder/react/components/Separator/index"; export * from "@brevity-builder/react/components/Sheet/index"; export * from "@brevity-builder/react/components/Sidebar/index"; export * from "@brevity-builder/react/components/Signup/index"; export * from "@brevity-builder/react/components/Skeleton/index"; export * from "@brevity-builder/react/components/Spinner/index"; export * from "@brevity-builder/react/components/Switch/index"; export * from "@brevity-builder/react/components/SwitchContainer/index"; export * from "@brevity-builder/react/components/Tabs/index"; export * from "@brevity-builder/react/components/Text/index"; export * from "@brevity-builder/react/components/Textarea/index"; export * from "@brevity-builder/react/components/TextContainer/index"; export * from "@brevity-builder/react/components/ToggleGroup/index"; export * from "@brevity-builder/react/components/Tooltip/index"; export * from "@brevity-builder/react/components/Video/index"; } declare module '@brevity-builder/react/components/Modal/index' { import * as React from "react"; export function Modal({ children, className, onClose, modal, autoFocus, preview, ...rest }: { className?: string; children: React.ReactNode; "data-id": string; preview?: true; modal?: boolean; autoFocus: boolean; onClose?: () => void; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Sheet/index' { import { Dialog as DialogPrimitive } from "radix-ui"; import * as React from "react"; export function Sheet({ children, preview, onOpenChange, ...rest }: DialogPrimitive.DialogProps & { className?: string; children: React.ReactNode; preview?: true; "data-id": string; }): import("react/jsx-runtime").JSX.Element; export namespace Sheet { var SheetTrigger: ({ children, ...props }: React.ComponentPropsWithRef) => import("react/jsx-runtime").JSX.Element; var DialogOverlay: ({ className, ...props }: React.ComponentPropsWithRef) => import("react/jsx-runtime").JSX.Element; var SheetContent: { ({ side, className, children, autoFocus, ...props }: React.ComponentPropsWithRef & { autoFocus: boolean; side: "top" | "right" | "bottom" | "left"; }): import("react/jsx-runtime").JSX.Element; SheetClose({ className, children, ...props }: DialogPrimitive.DialogCloseProps): import("react/jsx-runtime").JSX.Element; SheetHeader({ className, ...props }: React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; SheetFooter({ className, ...props }: React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; SheetTitle({ className, ...props }: React.ComponentPropsWithRef): import("react/jsx-runtime").JSX.Element; SheetDescription({ className, ...props }: React.ComponentPropsWithRef): import("react/jsx-runtime").JSX.Element; }; } } declare module '@brevity-builder/react/components/Custom/index' { import * as React from "react"; export function Custom({ id, children, }: { id: string; children: React.ReactNode; }): import("react/jsx-runtime").JSX.Element; } declare module '@brevity-builder/react/components/Login/index' { import { OTPInputProps } from "input-otp"; import * as React from "react"; type Classes = { headline?: string; subtitle?: string; error?: string; container?: string; input?: string; otp?: string; primaryButton?: string; secondaryButton?: string; divider?: string; footer?: string; link?: string; }; export function Login({ title, subtitle, callbackUrl: _callbackUrl, className, disablePasskey, disableCreate, classes, query, ...props }: { title?: string; subtitle?: string; callbackUrl?: any; disablePasskey?: boolean; query: { key: string; value: string; }[]; className?: string; disableCreate?: boolean; classes?: Classes; } & React.HTMLAttributes): import("react/jsx-runtime").JSX.Element; export function PasskeyLogo(): import("react/jsx-runtime").JSX.Element; export function OTP({ className, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element; export namespace OTP { var OTPSlot: ({ index, className, ...props }: { [x: string]: any; index: any; className: any; }) => import("react/jsx-runtime").JSX.Element; } export {}; } declare module '@brevity-builder/react/components/DataTable/DataTable.test' { export {}; } declare module '@brevity-builder/react/components/DataTable/DataTableImpl' { import { type ColumnDef, type FilterFn } from "@tanstack/react-table"; import { Checkbox as CheckboxPrimitive } from "radix-ui"; import * as React from "react"; import { type RankingInfo } from "@tanstack/match-sorter-utils"; interface DataTableProps extends React.ComponentProps<"div"> { "data-id": string; columns: ColumnDef[]; data: TData[]; selectable?: boolean; type?: string; initialPageSize?: number; searchTerm?: string; } export function DataTable({ columns, data, selectable, type: _type, children: _children, searchTerm, initialPageSize, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element; export const Checkbox: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; module "@tanstack/react-table" { interface FilterFns { fuzzy: FilterFn; } interface FilterMeta { itemRank: RankingInfo; } } export {}; } declare module '@brevity-builder/react/components/DataTable/DataTable.stories' { import type { Meta } from "@storybook/react"; import { DataTable } from "@brevity-builder/react/components/DataTable/index"; export const data: Payment[]; export type Payment = { id: string; amount: number; status: "pending" | "processing" | "success" | "failed"; email: string; }; const meta: Meta; export function Primary(): import("react/jsx-runtime").JSX.Element; export function FancyValueColumn(): import("react/jsx-runtime").JSX.Element; export default meta; } declare module '@brevity-builder/react/components/DataTable/index' { import { AccessorFnColumnDef, DisplayColumnDef } from "@tanstack/react-table"; import * as React from "react"; interface DataTableProps extends React.ComponentProps<"div"> { "data-id": string; data: TData[]; children?: React.ReactNode; __length?: number; searchTerm?: string; initialPageSize?: number; } export function DataTable({ data, children, __length, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element; export namespace DataTable { var ValueColumn: (props: ValueProps & { ref?: React.ForwardedRef; }) => React.ReactElement> | null; var DisplayColumn: (props: DisplayProps & { ref?: React.ForwardedRef; }) => React.ReactElement> | null; var CheckboxColumn: (props: { id: string; className?: string; ref?: React.ForwardedRef; }) => React.ReactElement> | null; } type ValueProps = Omit, "cell"> & { children: (origional: TData) => React.ReactNode; className?: string; }; type DisplayProps = Omit, "cell"> & { children: (origional: TData) => React.ReactNode; className?: string; }; export {}; } declare module '@brevity-builder/react/components/Analytics/index' { global { interface Window { dataLayer: { push(...args: any[]): void; }; } } export const AnalyticsHead: () => import("react/jsx-runtime").JSX.Element; export const AnalyticsBody: () => import("react/jsx-runtime").JSX.Element | null; } declare module '@brevity-builder/react/hooks/useInViewEffect' { export const useInViewEffect: (onEnter: () => void, onLeave: () => void, { root, rootMargin, threshold, once, }?: IntersectionObserverInit & { once?: boolean; }) => readonly [(node: any) => void, boolean]; } declare module '@brevity-builder/react/hooks/useConnectedEffect' { import * as React from "react"; import type { StoreApi, UseBoundStore } from "zustand"; import type { State } from "@brevity-builder/react/hooks/useStore"; export const useConnectedEffect: (store: UseBoundStore>, effect: (currentSlice: any, prevSlice: any) => () => void | undefined, ids: string[], deps?: React.DependencyList) => () => void; } declare module '@brevity-builder/react/hooks/useStore' { import * as React from "react"; import type { StoreApi } from "zustand"; import { UseBoundStoreWithEqualityFn } from "zustand/traditional"; export type State = Record> & { reset: (id: string) => void; set: (id: string, newStateForId: Record, name?: string) => void; }; export const ZustandContext: React.Context>>; export function StoreProvider({ store, children }: { store: any; children: any; }): import("react/jsx-runtime").JSX.Element; type StateSelector = (state: State) => StateSlice; type EqualityChecker = (a: StateSlice, b: StateSlice) => boolean; export function useStore(selector: StateSelector, equalityFn?: EqualityChecker): StateSlice; export const createDebugStore: (initialValues?: Record>) => UseBoundStoreWithEqualityFn, "setState" | "devtools"> & { setState(partial: unknown, replace?: false | undefined, action?: (string | { [x: string]: unknown; [x: number]: unknown; [x: symbol]: unknown; type: string; }) | undefined): void; setState(state: unknown, replace: true, action?: (string | { [x: string]: unknown; [x: number]: unknown; [x: symbol]: unknown; type: string; }) | undefined): void; devtools: { cleanup: () => void; }; }>; export const createStore: (initialValues?: Record>) => UseBoundStoreWithEqualityFn>; export const useGet: (ids: string[], getKey?: (id: string) => string, suffix?: string) => Record; export function useGetSet>(id: string, data?: T, disableReset?: boolean): [T, (value: Partial, name?: string) => void, () => void]; export const StateProvider: ({ children, ids, className, getKey, ...props }: { ids: string[]; getKey?: (id: string) => string; children: (state?: Record) => React.ReactNode; className?: string; ref?: React.Ref; }) => import("react/jsx-runtime").JSX.Element; export {}; } declare module '@brevity-builder/react/hooks/useLocalStorage' { export function useLocalStorage(): { getItem: (key: any) => any; hasItem: (key: string) => boolean; setItem: (key: string, value: string) => void; }; } declare module '@brevity-builder/react/hooks/useTheme' { export function useTheme(): "light" | "dark" | { mode: "light" | "dark" | null; isSystem: boolean; } | null; export function useOptimisticThemeMode(): "light" | "dark" | "system" | undefined; } declare module '@brevity-builder/react/hooks/useDatabase' { export interface Result { data: R; error: Error | null; loading: boolean; mutate: () => void; } export function useDatabase(id: string, initialPageSize: number | undefined, intialPage: number | undefined, queryFn: (limit: number, offset: number) => Q, fetcherFn: (p: Q, signal?: AbortSignal) => Promise, autoload?: boolean): Result; export function useDatabaseItem(id: string, rowId: string, queryFn: (rowId: string) => Q, fetcherFn: (p: Q, signal?: AbortSignal) => Promise, autoload?: boolean): Result; } declare module '@brevity-builder/react/hooks/useServerState.test' { export {}; } declare module '@brevity-builder/react/hooks/useDynamicFilter' { import type { GroupFilter, QueryFilter, SingleFilter } from "@brevity-builder/models"; export function useDynamicFilter(initialValue?: GroupFilter | SingleFilter | QueryFilter, onChange?: (state?: GroupFilter) => void): readonly [(GroupFilter | SingleFilter)[], "AND" | "OR", { clear: () => void; add: (filter: SingleFilter | GroupFilter) => void; remove: (old: SingleFilter | GroupFilter) => void; replace: (old: SingleFilter | GroupFilter, filter: SingleFilter | GroupFilter) => void; setAnd: () => void; setOr: () => void; toggleOperator: () => void; import: (children: any, logicalOperator: any) => void; }]; export function maybeReplaceIds(filter: PartialBy): T; export function filterToGroup(filter?: QueryFilter): GroupFilter | SingleFilter; type Omit = Pick>; type PartialBy = Omit & Partial>; export {}; } declare module '@brevity-builder/react/hooks/useEvent' { export const useEvent: (id: string, name: string, fn: (...args: any[]) => void) => void; } declare module '@brevity-builder/react/hooks/useServerState' { import * as React from "react"; export function toUrlSafeBase64(input: string): string; export function fromUrlSafeBase64(urlSafeBase64: string): string; export function brevityReplacer(_key: string, value: any): any; export function parseState>(search: string, reviver: (key: string, value: any) => any): T; export function useServerState | null | undefined>(key: string, initialValue: T): readonly [T, React.Dispatch>]; } declare module '@brevity-builder/react/hooks/useControllableState' { import * as React from "react"; type UseControllableStateParams = { prop?: T | undefined; defaultProp?: T | undefined; onChange?: (state: T) => void; }; export function useUncontrolledState({ defaultProp, onChange, }: Omit, "prop">): [T | undefined, React.Dispatch>]; /** * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a * prop or avoid re-executing effects when passed as a dependency */ export function useCallbackRef any>(callback: T | undefined): T; export {}; } declare module '@brevity-builder/react/hooks/usePagination' { import * as React from "react"; export function usePagination(count?: number, initialPageSize?: number, intialPage?: number): { pageSize: number; after: number; currentPage: number; setCurrentPage: React.Dispatch>; setPageSize: (page: number) => void; totalPages: number; hasPrevious: boolean; hasNext: boolean; nextPage: () => void; previousPage: () => void; }; } declare module '@brevity-builder/react/hooks/useIsMobile' { export function useIsMobile(): boolean; } declare module '@brevity-builder/react/hooks/useOptimisticData' { type LoaderData = Record & { tags?: string[]; }; export function searchAndPatch(data: Record, type: string, id: string, set: Record): boolean; export function useOptimisticData(id?: string): LoaderData; export {}; } declare module '@brevity-builder/react/hooks/useMap' { export function useMap(initialState: Iterable<[string, T]>): Map; } declare module '@brevity-builder/react/hooks/useGetKey' { export const useGetKey: (props: { "data-id"?: string; }) => string; export const useGetKeyById: (id?: string) => string; } declare module '@brevity-builder/react/hooks/useNestableChild' { import * as React from "react"; export function useNestableChild(children: React.ReactNode): boolean; } declare module '@brevity-builder/react/hooks/index' { export * from "@brevity-builder/react/hooks/useConnectedEffect"; export * from "@brevity-builder/react/hooks/useControllableState"; export * from "@brevity-builder/react/hooks/useDatabase"; export * from "@brevity-builder/react/hooks/useDebouncedEffect"; export * from "@brevity-builder/react/hooks/useEvent"; export * from "@brevity-builder/react/hooks/useGetKey"; export * from "@brevity-builder/react/hooks/useInViewEffect"; export * from "@brevity-builder/react/hooks/useLocalStorage"; export * from "@brevity-builder/react/hooks/useDynamicFilter"; export * from "@brevity-builder/react/hooks/useDynamicSort"; export * from "@brevity-builder/react/hooks/useMap"; export * from "@brevity-builder/react/hooks/usePagination"; export * from "@brevity-builder/react/hooks/useRealtime"; export * from "@brevity-builder/react/hooks/useSafeLayoutEffect"; export * from "@brevity-builder/react/hooks/useServerState"; export * from "@brevity-builder/react/hooks/useStore"; export * from "@brevity-builder/react/hooks/useTheme"; } declare module '@brevity-builder/react/hooks/useSafeLayoutEffect' { import * as React from "react"; export const useSafeLayoutEffect: typeof React.useEffect; } declare module '@brevity-builder/react/hooks/useRealtime' { export type BrevitySocketOptions = { maxReconnectionDelay?: number; minReconnectionDelay?: number; reconnectionDelayGrowFactor?: number; minUptime?: number; connectionTimeout?: number; maxRetries?: number; maxEnqueuedMessages?: number; startClosed?: boolean; debug?: boolean; }; type UseBrevitySocketOptions = BrevitySocketOptions & { appId: string; host?: string; tags?: string[]; onMessage: (event: WebSocketEventMap["message"]) => void; }; export function useBrevitySocket(options: UseBrevitySocketOptions): void; export {}; } declare module '@brevity-builder/react/hooks/useDynamicFilter.test' { export {}; } declare module '@brevity-builder/react/hooks/useDynamicSort' { type SortDirection = "ASC" | "DESC"; type QueryOrder = { id: string; field: string[]; direction: SortDirection; }; export function useDynamicSort(initialValue?: QueryOrder[], onChange?: (state?: QueryOrder[]) => void): readonly [QueryOrder[], { clear: () => void; add: (sort: QueryOrder | QueryOrder[]) => void; remove: (old: QueryOrder) => void; setColumn: (old: QueryOrder, field: any) => void; setAsc: (old: QueryOrder) => void; setDesc: (old: QueryOrder) => void; toggleDirection: (old: QueryOrder) => void; }]; export {}; } declare module '@brevity-builder/react/hooks/useDebouncedEffect' { export const useDebouncedEffect: (effect: any, deps?: never[], delay?: number) => void; } declare module '@brevity-builder/react/icons/index' { import * as React from "react"; export const CheckboxIcon: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; export const IndeterminateIcon: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; export const SortIcon: React.ForwardRefExoticComponent, "ref"> & { direction: "asc" | "desc" | "none"; } & React.RefAttributes>; } declare module '@brevity-builder/react/index' { export * from "@brevity-builder/react/components/index"; export * from "@brevity-builder/react/contexts/index"; export { Toaster, toast } from "sonner"; export * from "@brevity-builder/react/hooks/index"; export * from "@brevity-builder/react/utils/index"; } declare module '@brevity-builder/react/data/Passkeys' { const _default: { readonly name: "Passkeys"; readonly acceptsChildren: false; readonly category: "Other"; readonly layers: readonly [{ readonly id: "iconButton"; readonly name: "Icon Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-bg-muted)"; readonly color: "var(--theme-colors-red-500)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly width: "40px"; readonly height: "40px"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "border-color": "white"; readonly "background-color": "#ffffff"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "button"; readonly name: "Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-colors-gray-100)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-colors-gray-800)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "background-color": "#ffffff"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "input"; readonly name: "Input"; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-colors-gray-300)"; }; readonly ":focus": { readonly "border-color": "var(--theme-colors-blue-500)"; readonly "box-shadow": "rgb(49, 130, 206) 0px 0px 0px 1px"; }; readonly ":error": { readonly "border-color": "var(--theme-colors-red-500)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-colors-gray-800)"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly width: "100%"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "1px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; }, { readonly id: "li"; readonly name: "List Item"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly padding: "var(--theme-spacing-xs)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-style": "solid"; readonly "justify-content": "space-between"; readonly "align-items": "center"; readonly gap: "8px"; }; }; }, { readonly id: "editable"; readonly name: "Passkey Name"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "align-items": "center"; readonly "justify-content": "space-between"; readonly width: "100%"; readonly cursor: "pointer"; }; }; }]; readonly props: readonly []; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly width: "100%"; readonly gap: "8px"; readonly margin: "0px"; readonly padding: "0px"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/FileUpload' { const _default: { readonly name: "File Upload"; readonly acceptsChildren: true; readonly category: "Input"; readonly props: readonly [{ readonly label: "File type"; readonly name: "acceptType"; readonly isDefault: true; readonly type: { readonly kind: "select"; }; readonly default: "image/*"; readonly options: readonly [{ readonly label: "Image"; readonly value: "image/*"; }, { readonly label: "Video"; readonly value: "video/*"; }, { readonly label: "File"; readonly value: "application/*"; }]; readonly placeholder: ""; readonly help: "The file type to use"; }, { readonly label: "Extensions"; readonly name: "extensions"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "defaults for file type"; readonly help: "A comma separated list of extensions ('.png, .jpeg'). Leave blank to use the default."; }, { readonly label: "Allow multiple"; readonly name: "allowMultiple"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "If input accepts mutliple files"; }, { readonly label: "Required"; readonly name: "required"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Min size"; readonly name: "minSize"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: 0; readonly placeholder: "Enter a number..."; readonly help: "The minimum file size in bytes"; }, { readonly label: "Max size"; readonly name: "maxSize"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a number..."; readonly help: "The maximum file size in bytes"; }, { readonly label: "Capture"; readonly name: "capture"; readonly type: { readonly kind: "select"; }; readonly default: "implementation"; readonly options: readonly [{ readonly label: "Unset"; readonly value: "implementation"; }, { readonly label: "Environement"; readonly value: "environment"; }, { readonly label: "User"; readonly value: "user"; }]; readonly placeholder: ""; readonly help: "The capture type. 'User' for camera, 'Environment' for camera, 'Unset' for default"; }]; readonly additionalStates: readonly [{ readonly label: "Is dragging over"; readonly value: "[data-drag-active=\"true\"]"; }]; readonly events: readonly [{ readonly label: "When dropped"; readonly name: "handleDrop"; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When success"; readonly name: "onSuccess"; readonly isDefault: true; readonly help: "Select an action to run when the files have been uploaded"; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-brand-neutral-300)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-ring)"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "200px"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "16px"; readonly "padding-bottom": "16px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "dashed"; readonly "background-color": "var(--theme-bg-subtle)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; readonly sources: readonly [{ readonly id: "progress"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s progress"; readonly description: "Returns the progress of the upload 0 - 100"; readonly template: "$get('{{= it.component.id}}', { progress: 0 }).progress"; readonly instanceTemplate: "{{= it.component.name }}'s progress"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "error"; readonly name: "{{= it.component.name }}'s has error"; readonly provider: "StateProvider"; readonly description: "Whether the upload has an error"; readonly template: "$get('{{= it.component.id}}', { error: false }).error"; readonly instanceTemplate: "{{= it.component.name }} has error"; readonly outputType: { readonly kind: "boolean"; }; }, { readonly id: "file"; readonly name: "{{= it.component.name }}'s file(s)"; readonly provider: "StateProvider"; readonly description: "The uploaded file(s)"; readonly template: "$get('{{= it.component.id}}', { file: null }).file"; readonly instanceTemplate: "{{= it.component.name }}'s file(s)"; readonly outputType: { readonly kind: "file"; readonly dynamicList: "{{? it.allowMultiple }}true{{??}}false{{?}}"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly name: "Open \"{{= it.component.name }}\" input"; readonly description: "Open the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.click();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "clear"; readonly name: "clear \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "clear the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { file: null, error: false, progress: 0 });"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/Signup' { const _default: { readonly name: "Signup"; readonly acceptsChildren: false; readonly category: "Other"; readonly layers: readonly [{ readonly id: "headline"; readonly name: "Headline"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-default)"; readonly "font-family": "var(--theme-fonts-heading)"; readonly "font-weight": "var(--theme-fontWeights-bold)"; readonly "font-size": "var(--theme-fontSizes-2xl)"; readonly margin: "0px 0px"; }; }; }, { readonly id: "subtitle"; readonly name: "Subtitle"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-default)"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly margin: "0px 0px"; }; }; }, { readonly id: "error"; readonly name: "Error"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-error)"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly "background-color": "#FFFFFF"; readonly gap: "var(--theme-spacing-3xs)"; readonly padding: "var(--theme-spacing-3xs)"; readonly display: "flex"; readonly "align-items": "center"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-color": "var(--theme-border-error)"; readonly "border-width": "1px"; }; }; }, { readonly id: "container"; readonly name: "Container"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-xs)"; }; }; }, { readonly id: "input"; readonly name: "Input"; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-border-emphasized)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-500)"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; }, { readonly id: "primaryButton"; readonly name: "Primary Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-emphasized)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "var(--theme-bg-muted)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "footer"; readonly name: "Footer"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly width: "100%"; readonly "justify-content": "space-between"; readonly "align-items": "center"; }; }; }, { readonly id: "link"; readonly name: "Link"; readonly defaultStyles: { readonly ":focus-within": { readonly "outline-width": "3px"; readonly "outline-color": "#7DADD9"; readonly "outline-style": "solid"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; }; }; }]; readonly props: readonly [{ readonly label: "Redirect"; readonly name: "callbackUrl"; readonly type: { readonly kind: "route"; readonly isDynamic: false; }; readonly default: null; readonly placeholder: "Select a page"; readonly help: "The page you'd like to redirect to"; readonly required: true; }, { readonly label: "Callback Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; }, { readonly label: "Login"; readonly name: "loginUrl"; readonly type: { readonly kind: "route"; readonly isDynamic: false; }; readonly default: null; readonly placeholder: "Select a page"; readonly help: "The page you'd like to redirect to"; readonly required: true; }]; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-sm)"; readonly width: "100%"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Switch' { const _default: { readonly name: "Switch"; readonly acceptsChildren: false; readonly category: "Input"; readonly props: readonly [{ readonly label: "Label"; readonly name: "children"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The label to display"; }, { readonly label: "Initial Value"; readonly name: "defaultChecked"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Enter default value"; readonly help: "The input's default value"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the Switch is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly isDefault: true; readonly help: "Select an action to run when input's value has changed"; }]; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly position: "relative"; readonly gap: "8px"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: null }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }]; }; export default _default; } declare module '@brevity-builder/react/data/NumberInput' { const _default: { readonly name: "Number Input"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "Enter a number..."; readonly placeholder: "Enter a placeholder..."; readonly help: "The placeholder text to display"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Minimum Value"; readonly name: "min"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The minimum value allowed"; }, { readonly label: "Maximum Value"; readonly name: "max"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The maximum value allowed"; }, { readonly label: "Step"; readonly name: "step"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The step value for the input"; }, { readonly label: "Hide Controls"; readonly name: "hideControls"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Set to true to hide the controls"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly isDefault: true; readonly help: "Select an action to run when input's has blurred"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: {{= it.stringify(it.component.props.defaultValue) }} ?? '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "isValid"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s value is valid"; readonly description: "Returns true if input value is valid"; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.checkValidity();"; readonly instanceTemplate: "is {{= it.component.name }}'s value valid"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/Sheet' { const _default: { readonly name: "Sheet"; readonly acceptsChildren: false; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "SheetTrigger"; readonly name: "Sheet Trigger"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": {}; }; }, { readonly id: "SheetContent"; readonly name: "Sheet Content"; readonly acceptsChildren: true; readonly styleProps: readonly [{ readonly label: "Side"; readonly name: "side"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "right"; readonly value: "right"; readonly selector: "[data-side=\"right\"]"; readonly styles: { readonly "": { readonly top: "0"; readonly bottom: "0"; readonly right: "0"; readonly height: "100%"; readonly width: "75%"; readonly "max-width": "384px"; readonly "border-left-width": "1px"; readonly "border-left-style": "solid"; }; }; }, { readonly label: "left"; readonly value: "left"; readonly selector: "[data-side=\"left\"]"; readonly styles: { readonly "": { readonly top: "0"; readonly bottom: "0"; readonly left: "0"; readonly height: "100%"; readonly width: "75%"; readonly "max-width": "384px"; readonly "border-right-width": "1px"; readonly "border-right-style": "solid"; }; }; }, { readonly label: "top"; readonly value: "top"; readonly selector: "[data-side=\"top\"]"; readonly styles: { readonly "": { readonly position: "absolute"; readonly top: "0"; readonly left: "0"; readonly right: "0"; readonly height: "auto"; readonly "border-bottom-width": "1px"; readonly "border-bottom-style": "solid"; }; }; }, { readonly label: "bottom"; readonly value: "bottom"; readonly selector: "[data-side=\"bottom\"]"; readonly styles: { readonly "": { readonly position: "absolute"; readonly bottom: "0"; readonly left: "0"; readonly right: "0"; readonly height: "auto"; readonly "border-top-width": "1px"; readonly "border-top-style": "solid"; }; }; }]; readonly default: "right"; readonly help: "Which side of the screen should the sheet be positioned on?"; }]; readonly props: readonly [{ readonly label: "Auto Focus"; readonly name: "autoFocus"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog manage focus for user?"; }]; readonly defaultStyles: { readonly "--bp-all": { readonly ":focus-visible": { readonly outline: "none"; }; readonly "": { readonly "background-color": "var(--theme-bg-panel)"; readonly position: "fixed"; readonly "z-index": "var(--theme-zIndices-modal)"; readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "16px"; readonly "box-shadow": "var(--theme-shadows-lg)"; }; }; readonly "--bp-sm": { readonly "": { readonly "border-radius": "0px"; }; }; }; readonly optionalLayers: readonly [{ readonly id: "SheetClose"; readonly name: "Sheet Close"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "asChild"; readonly name: "asChild"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button should be rendered as it's child"; }]; readonly defaultStyles: { readonly "": {}; }; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; readonly isDefault: true; }]; }, { readonly id: "SheetHeader"; readonly name: "Sheet Header"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "16px"; readonly "padding-bottom": "16px"; readonly gap: "6px"; }; }; readonly "--bp-sm": { readonly "": { readonly "text-align": "left"; }; }; }; }, { readonly id: "SheetFooter"; readonly name: "Sheet Footer"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "margin-top": "auto"; readonly "flex-direction": "row"; readonly "justify-content": "flex-end"; readonly gap: "8px"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "16px"; readonly "padding-bottom": "16px"; }; }; readonly "--bp-sm": { readonly "": { readonly "flex-direction": "column-reverse"; readonly "justify-content": "flex-start"; }; }; }; }, { readonly id: "SheetTitle"; readonly name: "Sheet Title"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "line-height": "var(--theme-lineHeights-none)"; readonly "letter-spacing": "var(--theme-letterSpacings-tight)"; }; }; }; }, { readonly id: "SheetDescription"; readonly name: "Sheet Description"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly color: "var(--theme-fg-muted)"; }; }; }; }]; }]; readonly props: readonly [{ readonly label: "Modal"; readonly name: "modal"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog be modal?"; }]; readonly events: readonly [{ readonly label: "When open change"; readonly name: "onOpenChange"; readonly help: "Select an action to run when component is toggled"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$isOpen"; readonly name: "Is Open"; readonly description: "Whether the component is open or not"; readonly template: "$$isOpen"; readonly instanceTemplate: "Is Open"; readonly outputType: { readonly kind: "boolean"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly "background-color": "rgba(0, 0, 0, 0.8)"; readonly position: "fixed"; readonly left: 0; readonly top: 0; readonly width: "100vw"; readonly height: "100dvh"; readonly "z-index": "var(--theme-zIndices-modal)"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s popover is open"; readonly provider: "StateProvider"; readonly description: "Whether the popover is open or not"; readonly template: "$get($$getKey('{{= it.component.id}}'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}}), { isOpen: false }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Open the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true }, 'Open'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Close the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false }, 'Close'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; readonly defaultChildren: ({ kind: string; props: {}; styleProps: { size?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { size: string; }; children: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: ({ kind: string; props: {}; styleProps: { variant?: undefined; size?: undefined; "data-palette"?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; })[]; })[]; })[]; }; export default _default; } declare module '@brevity-builder/react/data/Sidebar' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; additionalStates: { label: string; value: string; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; width?: undefined; "flex-shrink"?: undefined; "background-color"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; position?: undefined; "min-width"?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { height: string; "margin-left": string; "margin-right": string; width: string; "flex-shrink": string; "background-color": string; display?: undefined; "flex-direction"?: undefined; gap?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; position?: undefined; "min-width"?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; "min-height": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; "flex-direction": string; gap: string; overflow: string; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; width?: undefined; "background-color"?: undefined; position?: undefined; "min-width"?: undefined; }; '[data-collapsible="icon"] &': { overflow: string; }; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; }; children: never[]; }[]; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { ":focus-visible": { "box-shadow": string; }; "": { display: string; height: string; "flex-shrink": string; "border-radius": string; "align-items": string; "font-size": string; "font-weight": string; "line-height": string; "letter-spacing": string; "text-transform": string; color: string; "padding-left": string; "padding-right": string; outline: string; width?: undefined; }; '[data-collapsible="icon"] &': { "margin-top": string; opacity: string; }; " > svg": { width: string; height: string; "flex-shrink": string; }; "--bp-md"?: undefined; "--bp-all"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { "--bp-md": { "::after": { display: string; }; }; "--bp-all": { "::after": { content: string; position: string; top: string; right: string; bottom: string; left: string; }; ":hover": { "background-color": string; color: string; }; ":focus-visible": { "box-shadow": string; }; "": { position: string; right: string; top: string; display: string; width: string; height: string; "align-items": string; "justify-content": string; "padding-left": string; "padding-top": string; "padding-right": string; "padding-bottom": string; color: string; outline: string; "border-radius": string; }; '[data-collapsible="icon"] &': { display: string; }; " > svg": { width: string; height: string; "flex-shrink": string; }; }; ":focus-visible"?: undefined; ""?: undefined; '[data-collapsible="icon"] &'?: undefined; " > svg"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { width: string; "font-size": string; display?: undefined; height?: undefined; "flex-shrink"?: undefined; "border-radius"?: undefined; "align-items"?: undefined; "font-weight"?: undefined; "line-height"?: undefined; "letter-spacing"?: undefined; "text-transform"?: undefined; color?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; outline?: undefined; }; ":focus-visible"?: undefined; '[data-collapsible="icon"] &'?: undefined; " > svg"?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; }; })[]; defaultStyles: { "": { position: string; display: string; width: string; "min-width": string; "flex-direction": string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; gap?: undefined; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; "flex-shrink"?: undefined; "background-color"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { tooltip: string; }; styleProps: {}; children: ({ kind: string; props: { children: { __type: string; icon: string; pack: string; }; value?: undefined; }; styleProps: { size?: undefined; }; children: never[]; } | { kind: string; props: { value: string; children?: undefined; }; styleProps: { size: string; }; children: never[]; })[]; }[]; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultChildren: { kind: string; props: { tooltip: string; }; styleProps: {}; children: ({ kind: string; props: { children: { __type: string; icon: string; pack: string; }; value?: undefined; }; styleProps: { size?: undefined; }; children: never[]; } | { kind: string; props: { value: string; children?: undefined; }; styleProps: { size: string; }; children: never[]; })[]; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: ({ readonly label: "Link"; readonly name: "to"; readonly type: { readonly kind: "route"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "select a page"; readonly help: "The page the link will go to"; } | { readonly label: "Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; } | { readonly label: "Preserve existing query params?"; readonly name: "preserveSearchParams"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: "Preserve existing query params?"; readonly help: "Toggle to preserve existing query params when navigating to the new page"; } | { readonly label: "Open in a new tab"; readonly name: "newTab"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link open in a new tab"; readonly help: "Should the link open in a new tab"; } | { readonly label: "Active on exact match"; readonly name: "end"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link be active on exact match"; readonly help: "Should the link be active on exact match"; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; required: boolean; isDefault: boolean; default: null; placeholder: string; help: string; })[]; additionalStates: readonly [{ readonly label: "Link is active"; readonly value: "._active"; }, { readonly label: "Link is pending"; readonly value: "._pending"; }]; events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": { __type: string; color: string; opacity: number; }; color?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": { __type: string; color: string; opacity: number; }; }; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; color?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; defaultStyles: { ":hover": { "background-color": string; color: string; }; ":focus-visible": { "box-shadow": string; "outline-width"?: undefined; "outline-style"?: undefined; "outline-color"?: undefined; }; ":disabled": { "pointer-events": string; opacity: number; }; "._active": { "background-color": string; color: string; }; " > span": { "line-height": string; overflow: string; "white-space": string; }; " > span:last-child": { "text-overflow": string; overflow: string; "white-space": string; }; " > svg": { color: string; width: string; height: string; "flex-shrink": string; }; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &': { "padding-right": string; }; "": { color: string; "font-weight": string; display: string; width: string; "align-items": string; gap: string; overflow: string; "border-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "text-align": string; "font-size": string; outline: string; transition: string; position?: undefined; right?: undefined; top?: undefined; height?: undefined; "min-width"?: undefined; "justify-content"?: undefined; "font-variant-numeric"?: undefined; "user-select"?: undefined; "pointer-events"?: undefined; "flex-direction"?: undefined; "border-left-width"?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; }; '[data-collapsible="icon"] &': { width: string; height: string; "padding-top": string; "padding-bottom": string; "padding-left": string; "padding-right": string; display?: undefined; }; "--bp-md"?: undefined; "--bp-all"?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; "[data-collapsible='icon'] &"?: undefined; }; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; required: boolean; isDefault: boolean; default: null; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: boolean; placeholder: string; help: string; required?: undefined; isDefault?: undefined; })[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": { __type: string; color: string; opacity: number; }; color?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; color?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color?: undefined; }; " svg": { color: string; }; ":hover"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; defaultStyles: { ":hover": { "background-color": string; color?: undefined; }; ":focus-visible": { "outline-width": string; "outline-style": string; "outline-color": string; "box-shadow"?: undefined; }; ":disabled": { "pointer-events": string; opacity: number; }; " > span": { "line-height": string; overflow: string; "white-space": string; }; " > span:last-child": { "text-overflow": string; overflow: string; "white-space": string; }; " > svg": { color: string; width: string; height: string; "flex-shrink": string; }; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &': { "padding-right": string; }; "": { color: string; display: string; width: string; "align-items": string; gap: string; overflow: string; "border-width": string; "border-color": string; "font-weight": string; "border-radius": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "text-align": string; "font-size": string; outline: string; transition: string; position?: undefined; right?: undefined; top?: undefined; height?: undefined; "min-width"?: undefined; "justify-content"?: undefined; "font-variant-numeric"?: undefined; "user-select"?: undefined; "pointer-events"?: undefined; "flex-direction"?: undefined; "border-left-width"?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; }; '[data-collapsible="icon"] &': { width: string; height: string; "padding-top": string; "padding-bottom": string; "padding-left": string; "padding-right": string; display?: undefined; }; "._active"?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; "[data-collapsible='icon'] &"?: undefined; }; additionalStates?: undefined; events?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { "--bp-md": { "[data-show-on-hover]": { opacity: number; }; "::after": { display: string; }; }; "--bp-all": { ":focus-visible": { "box-shadow": string; }; ":hover": { "background-color": string; color: string; }; "::after": { content: string; position: string; top: string; right: string; bottom: string; left: string; }; "": { position: string; right: string; top: string; display: string; width: string; height: string; "align-items": string; "justify-content": string; "padding-left": string; "padding-top": string; "padding-right": string; "padding-bottom": string; color: string; outline: string; "border-radius": string; }; '[data-size="sm"] ~ &': { top: string; }; '[data-size="default"] ~ &': { top: string; }; '[data-size="lg"] ~ &': { top: string; }; '[data-active="true"]': { color: string; }; " > svg": { width: string; height: string; "flex-shrink": string; }; '[data-collapsible="icon"] &': { display: string; }; '[data-sidebar="menu-button"]:hover ~ &': { color: string; }; '[data-sidebar="menu-item"]:hover &[data-show-on-hover]': { opacity: number; }; '[data-sidebar="menu-item"]:focus-within &[data-show-on-hover]': { opacity: number; }; '[data-state="open"][data-show-on-hover]': { opacity: number; }; '[data-sidebar="menu-button"][data-active="true"] ~ &[data-show-on-hover]': { color: string; }; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; "._active"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &'?: undefined; ""?: undefined; '[data-collapsible="icon"] &'?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; "[data-collapsible='icon'] &"?: undefined; }; additionalStates?: undefined; events?: undefined; styleProps?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; right: string; top: string; display: string; height: string; "min-width": string; "align-items": string; "justify-content": string; "padding-left": string; "padding-right": string; "font-size": string; "font-weight": string; "border-radius": string; "font-variant-numeric": string; "user-select": string; "pointer-events": string; color?: undefined; width?: undefined; gap?: undefined; overflow?: undefined; "border-width"?: undefined; "border-color"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "text-align"?: undefined; outline?: undefined; transition?: undefined; "flex-direction"?: undefined; "border-left-width"?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; }; '[data-size="sm"]': { top: string; }; '[data-size="lg"]': { top: string; }; '[data-active="true"]': { color: string; }; '[data-collapsible="icon"] &': { display: string; width?: undefined; height?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; '[data-sidebar="menu-button"]:hover &': { color: string; }; '[data-sidebar="menu-button"]:focus &': { color: string; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; "._active"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &'?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; "[data-collapsible='icon'] &"?: undefined; }; additionalStates?: undefined; events?: undefined; styleProps?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; display?: undefined; width?: undefined; "align-items"?: undefined; gap?: undefined; overflow?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "text-align"?: undefined; "font-size"?: undefined; outline?: undefined; transition?: undefined; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-collapsible="icon"] &'?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { ":hover": { "background-color": string; color: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " > span": { "line-height": string; }; " > span:last-child": { "text-overflow": string; overflow: string; "white-space": string; }; " > svg": { width: string; height: string; "flex-shrink": string; color: string; }; "": { display: string; width: string; "align-items": string; gap: string; overflow: string; "border-radius": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "text-align": string; "font-size": string; outline: string; transition: string; position?: undefined; }; '[data-collapsible="icon"] &': { display: string; }; }; })[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; "min-width": string; "border-left-width": string; "margin-left": string; "margin-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; color?: undefined; "font-weight"?: undefined; width?: undefined; "align-items"?: undefined; overflow?: undefined; "border-width"?: undefined; "border-color"?: undefined; "border-radius"?: undefined; "padding-right"?: undefined; "text-align"?: undefined; "font-size"?: undefined; outline?: undefined; transition?: undefined; position?: undefined; right?: undefined; top?: undefined; height?: undefined; "justify-content"?: undefined; "font-variant-numeric"?: undefined; "user-select"?: undefined; "pointer-events"?: undefined; }; "[data-collapsible='icon'] &": { display: string; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; "._active"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &'?: undefined; '[data-collapsible="icon"] &'?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; }; additionalStates?: undefined; events?: undefined; styleProps?: undefined; })[]; defaultStyles: { "": { position: string; display?: undefined; height?: undefined; "align-items"?: undefined; gap?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "border-radius"?: undefined; }; '[data-state="collapsed"] &'?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { '[data-state="collapsed"] &': { display: string; }; "": { display: string; height: string; "align-items": string; gap: string; "padding-left": string; "padding-right": string; "border-radius": string; position?: undefined; }; }; defaultChildren?: undefined; optionalLayers?: undefined; })[]; defaultStyles: { "": { display: string; width: string; "min-width": string; "flex-direction": string; gap: string; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; "flex-shrink"?: undefined; "background-color"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; position?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "--bp-sm": { ":hover::after": { "background-color": string; }; "": { display: string; }; }; "--bp-all": { "::after": { content: string; position: string; top: string; bottom: string; left: string; width: string; }; "": { display: string; position: string; top: string; bottom: string; "z-index": string; width: string; transform: string; transition: string; }; '[data-side="left"] &': { right: string; cursor: string; }; '[data-side="right"] &': { left: string; cursor: string; }; '[data-collapsible="offcanvas"] &': { transform: string; }; '[data-collapsible="offcanvas"] &::after': { left: string; }; '[data-collapsible="offcanvas"] &:hover': { "background-color": string; }; '[data-collapsible="offcanvas"][data-size="left"] &': { right: string; }; '[data-collapsible="offcanvas"][data-size="right"] &': { left: string; }; }; ""?: undefined; '[data-collapsible="icon"] &'?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; })[]; props: { label: string; name: string; type: { kind: string; }; options: { label: string; value: string; }[]; default: string; isDefault: boolean; placeholder: string; help: string; }[]; defaultStyles: { "--bp-all": { "": { display: string; "flex-direction": string; "background-color": string; color: string; position?: undefined; "min-height"?: undefined; "flex-basis"?: undefined; "flex-grow"?: undefined; "flex-shrink"?: undefined; }; '[data-collapsible="none"]': { display: string; height: string; width: string; "flex-direction": string; "background-color": string; color: string; }; '[data-mobile="true"]': { width: string; "background-color": string; color: string; "padding-top": string; "padding-right": string; "padding-left": string; "padding-bottom": string; }; '[data-mobile="true"] > button': { display: string; }; ' [data-mobile="false"]': { position: string; top: string; bottom: string; width: string; height: string; transition: string; }; '[data-side="left"]& [data-mobile="false"]': { left: string; }; '[data-side="left"][data-collapsible="offcanvas"]& [data-mobile="false"]': { left: string; }; '[data-side="right"]& [data-mobile="false"]': { right: string; }; '[data-side="right"][data-collapsible="offcanvas"]& [data-mobile="false"]': { right: string; }; '[data-variant="floating"]& [data-mobile="false"]': { "padding-top": string; "padding-right": string; "padding-left": string; "padding-bottom": string; }; '[data-variant="floating"][data-collapsible="icon"]& [data-mobile="false"]': { width: string; }; '[data-variant="inset"][data-collapsible="icon"]& [data-mobile="false"]': { width: string; }; '[data-variant="sidebar"][data-collapsible="icon"]& [data-mobile="false"]': { width: string; }; '[data-variant="sidebar"][data-side="left"]& [data-mobile="false"]': { "border-right-width": string; }; '[data-variant="sidebar"][data-side="right"]& [data-mobile="false"]': { "border-left-width": string; }; '[data-variant="inset"] ~ &'?: undefined; }; "--bp-md": { "": { display: string; }; '[data-variant="inset"][data-state="collapsed"] ~ &'?: undefined; }; ""?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "--bp-md": { '[data-variant="inset"][data-state="collapsed"] ~ &': { "margin-left": string; }; ""?: undefined; }; "--bp-all": { '[data-variant="inset"] ~ &': { "margin-left": string; "margin-right": string; "margin-top": string; "margin-bottom": string; "background-color": string; "border-radius": string; "box-shadow": string; "min-height": string; }; "": { position: string; display: string; "flex-direction": string; "min-height": string; "flex-basis": string; "flex-grow": string; "flex-shrink": string; "background-color"?: undefined; color?: undefined; }; '[data-collapsible="none"]'?: undefined; '[data-mobile="true"]'?: undefined; '[data-mobile="true"] > button'?: undefined; ' [data-mobile="false"]'?: undefined; '[data-side="left"]& [data-mobile="false"]'?: undefined; '[data-side="left"][data-collapsible="offcanvas"]& [data-mobile="false"]'?: undefined; '[data-side="right"]& [data-mobile="false"]'?: undefined; '[data-side="right"][data-collapsible="offcanvas"]& [data-mobile="false"]'?: undefined; '[data-variant="floating"]& [data-mobile="false"]'?: undefined; '[data-variant="floating"][data-collapsible="icon"]& [data-mobile="false"]'?: undefined; '[data-variant="inset"][data-collapsible="icon"]& [data-mobile="false"]'?: undefined; '[data-variant="sidebar"][data-collapsible="icon"]& [data-mobile="false"]'?: undefined; '[data-variant="sidebar"][data-side="left"]& [data-mobile="false"]'?: undefined; '[data-variant="sidebar"][data-side="right"]& [data-mobile="false"]'?: undefined; }; ""?: undefined; }; additionalStates?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { width: string; height: string; }; "--bp-all"?: undefined; "--bp-md"?: undefined; }; additionalStates?: undefined; optionalLayers?: undefined; })[]; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; events: never[]; defaultStyles: { ":has(> [data-variant='inset'])": { "background-color": string; }; "": { display: string; "flex-direction": string; "min-height": string; width: string; }; }; sources: never[]; actions: never[]; defaultChildren: ({ kind: string; props: { side: string; collapsible: string; variant: string; }; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; }; children: never[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { children: { __type: string; icon: string; pack: string; }; }; styleProps: {}; children: never[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { tooltip: string; }; styleProps: {}; children: ({ kind: string; props: { children: { __type: string; icon: string; pack: string; }; value?: undefined; }; styleProps: { size?: undefined; }; children: never[]; } | { kind: string; props: { value: string; children?: undefined; }; styleProps: { size: string; }; children: never[]; })[]; }[]; }[]; }[]; })[]; }[]; }[]; } | { kind: string; props: { side?: undefined; collapsible?: undefined; variant?: undefined; }; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; }; children: never[]; }[]; })[]; }; export default _default; } declare module '@brevity-builder/react/data/Modal' { const _default: { readonly name: "Modal"; readonly acceptsChildren: true; readonly category: "Container"; readonly isDisabled: true; readonly props: readonly [{ readonly label: "Auto Focus"; readonly name: "autoFocus"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the popover manage focus for user?"; }, { readonly label: "Modal"; readonly name: "modal"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog be modal?"; }]; readonly events: readonly [{ readonly label: "When closed"; readonly name: "onClose"; readonly help: "Select an action to run when modal is closed"; readonly isDefault: true; }]; readonly defaultStyles: { readonly "": { readonly position: "fixed"; readonly top: "50%"; readonly left: "50%"; readonly transform: "translate(-50%, -50%)"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "z-index": "var(--theme-zIndices-modal)"; readonly "background-color": "white"; readonly "border-radius": "var(--theme-radii-md)"; readonly "box-shadow": "var(--theme-shadows-lg)"; readonly width: "90vw"; readonly "max-width": "512px"; readonly "max-height": "85vh"; readonly "padding-top": "24px"; readonly "padding-bottom": "24px"; readonly "padding-left": "24px"; readonly "padding-right": "24px"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s modal is open"; readonly provider: "StateProvider"; readonly description: "Whether the modal is open or not"; readonly template: "$get($$getKey('{{= it.component.id}}'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}}), { isOpen: false }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" modal"; readonly provider: "StateProvider"; readonly description: "Open the modal"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true });"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" modal"; readonly provider: "StateProvider"; readonly description: "Close the modal"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false });"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/VirtualList' { const _default: { readonly name: "Virtual List"; readonly isPending: true; readonly acceptsChildren: true; readonly category: "Container"; readonly stylesProps: readonly []; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly required: true; readonly placeholder: ""; readonly help: "The type for the items in the list"; }, { readonly label: "Data"; readonly name: "data"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the list"; }, { readonly label: "Estimated size"; readonly name: "estimatedSize"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: true; readonly isDefault: true; readonly default: 32; readonly placeholder: ""; readonly help: "The esitimated height in px of each item in the list"; }, { readonly label: "Overscan"; readonly name: "overscan"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: false; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to render outside the visible area"; }, { readonly label: "Has next pgage"; readonly name: "hasNextPage"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly required: false; readonly isDefault: false; readonly default: false; readonly placeholder: ""; readonly help: "Whether there is a next page of data to load"; }, { readonly label: "Is loading more data"; readonly name: "isFetchingNextPage"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly required: false; readonly isDefault: false; readonly default: false; readonly placeholder: ""; readonly help: "Whether the next page of data is being fetched"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly events: readonly [{ readonly label: "When needs more data"; readonly name: "fetchNextPage"; readonly help: "Triggered when the list needs more data, e.g. when the user scrolls to the bottom"; readonly isDefault: false; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "overflow-y": "auto"; readonly "overflow-x": "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; }; export default _default; } declare module '@brevity-builder/react/data/Editable' { const _default: { readonly name: "Editable"; readonly acceptsChildren: false; readonly category: "Input"; readonly optionalLayers: readonly [{ readonly id: "EditablePreview"; readonly name: "Editable Preview"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly cursor: "text"; readonly "font-size": string; readonly "font-weight": string; readonly "text-align": string; readonly "background-color": string; readonly "border-radius": string; readonly "padding-left": string; readonly "padding-right": string; readonly "padding-top": string; readonly "padding-bottom": string; readonly "transition-property": string; readonly "transition-duration": string; }; readonly ":hover": { readonly "background-color": "var(--theme-bg-muted)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; }; }, { readonly id: "EditableInput"; readonly name: "Editable Input"; readonly acceptsChildren: false; readonly styleProps: readonly []; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly outline: "0"; readonly width: "100%"; readonly "font-size": string; readonly "font-weight": string; readonly "text-align": string; readonly "background-color": string; readonly "border-radius": string; readonly "padding-left": string; readonly "padding-right": string; readonly "padding-top": string; readonly "padding-bottom": string; readonly "transition-property": string; readonly "transition-duration": string; }; readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; }; }]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly isDefault: true; readonly placeholder: "Enter some text..."; readonly help: "The editables's default value"; }]; readonly events: readonly [{ readonly label: "When value changed"; readonly name: "onSubmit"; readonly help: "Fires when the editable's value is changed"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$value"; readonly name: "New Value"; readonly description: "The new value of the editable input"; readonly template: "$$value"; readonly instanceTemplate: "New Value"; readonly outputType: { readonly kind: "text"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly position: "relative"; readonly gap: "6px"; readonly width: "100%"; }; }; readonly sources: readonly []; readonly actions: readonly []; readonly defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/OTP' { const _default: { readonly name: "OTP"; readonly acceptsChildren: true; readonly category: "Input"; readonly optionalLayers: readonly [{ readonly id: "OTPSlot"; readonly name: "OTP Input"; readonly acceptsChildren: false; readonly props: readonly [{ readonly label: "Index"; readonly name: "index"; readonly type: { readonly kind: "number"; }; readonly default: null; readonly required: true; readonly placeholder: "Index"; readonly help: "The index of the input"; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-border-emphasized)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-blue-500)"; readonly "box-shadow": "var(--theme-brand-brand-500) 0px 0px 0px 1px"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":active": { readonly "z-index": 10; readonly "border-color": "var(--theme-brand-blue-500)"; readonly "box-shadow": "var(--theme-brand-brand-500) 0px 0px 0px 1px"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "40px"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "8px"; readonly "padding-bottom": "8px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "1px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; }]; readonly props: readonly [{ readonly label: "Max length"; readonly name: "maxLength"; readonly type: { readonly kind: "number"; }; readonly default: 6; readonly required: true; readonly placeholder: "Max length"; readonly help: "The length of the otp"; }]; readonly events: readonly [{ readonly label: "When completed"; readonly name: "onComplete"; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has been completed"; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload"; readonly outputType: { readonly kind: "text"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "center"; readonly gap: "8px"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Tooltip' { const _default: { readonly name: "Tooltip"; readonly acceptsChildren: true; readonly category: "Overlay"; readonly styleProps: readonly [{ readonly label: "Color Palette"; readonly name: "data-palette"; readonly type: { readonly kind: "palette"; }; readonly default: "neutral"; readonly help: "The color scheme of the button"; }]; readonly props: readonly [{ readonly label: "Label"; readonly name: "label"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly required: true; readonly placeholder: "Enter some text"; readonly help: "The text to display in tooltip"; }, { readonly label: "Side"; readonly name: "side"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "top"; readonly options: readonly [{ readonly label: "Top"; readonly value: "top"; }, { readonly label: "Bottom"; readonly value: "bottom"; }, { readonly label: "Left"; readonly value: "left"; }, { readonly label: "Right"; readonly value: "right"; }]; readonly placeholder: "Choose a position"; readonly help: "The position of the tooltip"; }, { readonly label: "Align"; readonly name: "align"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "center"; readonly options: readonly [{ readonly label: "Start"; readonly value: "start"; }, { readonly label: "Center"; readonly value: "center"; }, { readonly label: "End"; readonly value: "end"; }]; readonly placeholder: "Choose an alignment"; readonly help: "The alignment of the tooltip"; }, { readonly label: "Show Arrow"; readonly name: "showArrow"; readonly type: { readonly kind: "checkbox"; }; readonly default: true; readonly placeholder: ""; readonly help: "Whether to show the arrow"; }, { readonly label: "Delay"; readonly name: "delayDuration"; readonly type: { readonly kind: "number"; }; readonly default: 700; readonly placeholder: "700"; readonly help: "How long to wait before tooltip is shown"; }]; readonly defaultStyles: { readonly "": { readonly "background-color": "var(--palette-subtle)"; readonly color: "var(--palette-fg)"; readonly "border-radius": "var(--theme-radii-sm)"; readonly "box-shadow": "var(--theme-shadows-md)"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "z-index": "var(--theme-zIndices-tooltip)"; readonly "max-width": "20rem"; readonly display: "flex"; readonly "justify-content": "flex-start"; readonly "align-items": "center"; readonly "padding-left": "8px"; readonly "padding-right": "8px"; readonly "padding-top": "2px"; readonly "padding-bottom": "2px"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/types' { import * as CSS from "csstype"; export type KindDefinition = { kind: string; isList?: boolean; } | { kind: "dynamic"; template: string; }; export interface Prop { label: string; name: string; type: KindDefinition; default: T; placeholder: string; required: boolean; help: string; } export interface State { label: string; name: string; description: string; type: string; } export interface Block { name: string; acceptsChildren: boolean; props: Prop[]; defaultStyles: Record; states: State[]; } } declare module '@brevity-builder/react/data/Spinner' { const _default: { readonly name: "Spinner"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Style"; readonly name: "spinner"; readonly type: { readonly kind: "select"; }; readonly default: "CircleFade"; readonly isDefault: true; readonly options: readonly [{ readonly label: "Plane"; readonly value: "Plane"; }, { readonly label: "Chase"; readonly value: "Chase"; }, { readonly label: "Bounce"; readonly value: "Bounce"; }, { readonly label: "Wave"; readonly value: "Wave"; }, { readonly label: "Pulse"; readonly value: "Pulse"; }, { readonly label: "Flow"; readonly value: "Flow"; }, { readonly label: "Swing"; readonly value: "Swing"; }, { readonly label: "Circle"; readonly value: "Circle"; }, { readonly label: "Circle with fade"; readonly value: "CircleFade"; }, { readonly label: "Grid"; readonly value: "Grid"; }, { readonly label: "Fold"; readonly value: "Fold"; }, { readonly label: "Wander"; readonly value: "Wander"; }]; readonly placeholder: "choose a spinner style"; readonly help: "The style of the spinner"; }, { readonly label: "Delay"; readonly name: "delay"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: 0; readonly placeholder: "No delay"; readonly help: "Amount of time to delay in ms"; }]; readonly defaultStyles: { readonly "": { readonly width: "40px"; readonly height: "40px"; readonly margin: "auto"; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "var(--theme-brand-neutral-emphasized)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Input' { export const styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; const _default: { readonly name: "Input"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly isDefault: true; readonly placeholder: "Enter some text..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "Enter some text..."; readonly isDefault: true; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Format"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "text"; readonly options: readonly [{ readonly label: "Text"; readonly value: "text"; }, { readonly label: "Email"; readonly value: "email"; }, { readonly label: "Password"; readonly value: "password"; }, { readonly label: "Phone"; readonly value: "tel"; }, { readonly label: "Search"; readonly value: "search"; }, { readonly label: "URL"; readonly value: "url"; }, { readonly label: "Hidden"; readonly value: "hidden"; }, { readonly label: "Verification Code"; readonly value: "otp"; }]; readonly placeholder: ""; readonly help: "The type of input to use"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Minimum Length"; readonly name: "minlength"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a number..."; readonly help: "The minimum length allowed"; }, { readonly label: "Maximum Length"; readonly name: "maxlength"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a number..."; readonly help: "The maximum length allowed"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has changed"; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload?.target?.value"; readonly outputType: { readonly kind: "text"; }; }]; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload?.target?.value"; readonly outputType: { readonly kind: "text"; }; }]; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload?.target?.value"; readonly outputType: { readonly kind: "text"; }; }]; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: {{= it.stringify(it.component.props.defaultValue) }} ?? '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }, { readonly id: "isValid"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s value is valid"; readonly description: "Returns true if input value is valid"; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id}}\"]')?.checkValidity()"; readonly instanceTemplate: "is {{= it.component.name }}'s value valid"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the input"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/Markdown' { const _default: { readonly name: "Markdown"; readonly acceptsChildren: false; readonly category: "Container"; readonly props: readonly [{ readonly label: "Markdown Content"; readonly name: "markdownContent"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "markdown content"; readonly help: "The markdown content to render."; }]; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "flex-start"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/RawHTML' { const _default: { readonly name: "Raw HTML"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Text Content"; readonly name: "value"; readonly required: true; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "

Hello World

"; readonly placeholder: "enter some text"; readonly help: "The text to display"; }]; readonly defaultStyles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/ConditionalContainer' { const _default: { readonly name: "Conditional Container"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Show"; readonly name: "isShowing"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly isDefault: true; readonly placeholder: "Enter a condition"; readonly help: "The children of this component will show when condition is true"; }, { readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "div"; readonly options: readonly [{ readonly label: "div (default)"; readonly value: "div"; }, { readonly label: "article"; readonly value: "article"; }, { readonly label: "aside"; readonly value: "aside"; }, { readonly label: "details"; readonly value: "details"; }, { readonly label: "figcaption"; readonly value: "figcaption"; }, { readonly label: "figure"; readonly value: "figure"; }, { readonly label: "footer"; readonly value: "footer"; }, { readonly label: "header"; readonly value: "header"; }, { readonly label: "main"; readonly value: "main"; }, { readonly label: "mark"; readonly value: "mark"; }, { readonly label: "nav"; readonly value: "nav"; }, { readonly label: "section"; readonly value: "section"; }, { readonly label: "summary"; readonly value: "summary"; }, { readonly label: "time"; readonly value: "time"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'div'."; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly isDefault: true; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/ScrollAwareContainer' { const _default: { readonly name: "Scroll Aware Container"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Element threshold"; readonly name: "threshold"; readonly type: { readonly kind: "number"; }; readonly default: 0.5; readonly isDefault: true; readonly placeholder: "Enter the threshold"; readonly help: "What percent (as a fraction) of the block needs to be in view before triggering events"; }, { readonly label: "Trigger margin"; readonly name: "rootMargin"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "0px"; readonly placeholder: "Enter the margin"; readonly help: "Extends the margin of the target so events can fire before this block is visible"; }, { readonly label: "Only trigger event once"; readonly name: "once"; readonly type: { readonly kind: "checkbox"; }; readonly default: false; readonly placeholder: ""; readonly help: "If the event should fire everytime or once"; }, { readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "div"; readonly options: readonly [{ readonly label: "div (default)"; readonly value: "div"; }, { readonly label: "article"; readonly value: "article"; }, { readonly label: "aside"; readonly value: "aside"; }, { readonly label: "details"; readonly value: "details"; }, { readonly label: "figcaption"; readonly value: "figcaption"; }, { readonly label: "figure"; readonly value: "figure"; }, { readonly label: "footer"; readonly value: "footer"; }, { readonly label: "header"; readonly value: "header"; }, { readonly label: "main"; readonly value: "main"; }, { readonly label: "mark"; readonly value: "mark"; }, { readonly label: "nav"; readonly value: "nav"; }, { readonly label: "section"; readonly value: "section"; }, { readonly label: "summary"; readonly value: "summary"; }, { readonly label: "time"; readonly value: "time"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'div'."; }]; readonly events: readonly [{ readonly label: "When in viewport"; readonly name: "onEnter"; readonly isDefault: true; readonly help: "Select an action to run when container is enters viewport"; }, { readonly label: "When off viewport"; readonly name: "onLeave"; readonly isDefault: true; readonly help: "Select an action to run when container is leaves viewport"; }, { readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; readonly actions: readonly [{ readonly id: "scrollIntoView"; readonly name: "Scroll \"{{= it.component.name }}\" into view"; readonly description: "Scroll the element into view"; readonly async: false; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.scrollIntoView({ behavior: {{= it.stringify(it.data.behavior) }} ?? \"auto\", block: {{= it.stringify(it.data.block) }} ?? \"start\", inline: {{= it.stringify(it.data.inline) }} ?? \"nearest\" });"; readonly instanceTemplate: ""; readonly props: readonly [{ readonly label: "Scroll behavior"; readonly name: "behavior"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "auto"; readonly value: "auto"; }, { readonly label: "smooth"; readonly value: "smooth"; }]; readonly placeholder: "Choose a value"; readonly required: true; readonly default: "auto"; readonly help: "sets the scroll behavior"; }, { readonly label: "Vertical align"; readonly name: "block"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "start"; readonly value: "start"; }, { readonly label: "center"; readonly value: "center"; }, { readonly label: "end"; readonly value: "end"; }, { readonly label: "nearest"; readonly value: "nearest"; }]; readonly placeholder: "Choose a value"; readonly required: true; readonly default: "start"; readonly help: "sets the vertical alignment"; }, { readonly label: "Horizontal align"; readonly name: "inline"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "start"; readonly value: "start"; }, { readonly label: "center"; readonly value: "center"; }, { readonly label: "end"; readonly value: "end"; }, { readonly label: "nearest"; readonly value: "nearest"; }]; readonly placeholder: "Choose a value"; readonly required: true; readonly default: "nearest"; readonly help: "sets the horizontal alignment"; }]; }]; }; export default _default; } declare module '@brevity-builder/react/data/DataImport' { const _default: { readonly name: "Data Importer"; readonly acceptsChildren: false; readonly category: "Data"; readonly dependsOn: readonly ["Button$Brevity", "Select$Brevity", "Spinner$Brevity"]; readonly layers: readonly [{ readonly id: "primaryButton"; readonly name: "Primary Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":active": { readonly "background-color": "var(--theme-brand-neutral-300)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "var(--theme-bg-muted)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "secondaryButton"; readonly name: "Secondary Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-bg-muted)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "background-color": "#ffffff"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }]; readonly props: readonly [{ readonly label: "Table"; readonly name: "table"; readonly type: { readonly kind: "columnMap"; }; readonly default: null; readonly isDefault: true; readonly placeholder: "Select a table"; readonly help: "The table you'd like to upload to"; readonly required: true; }, { readonly label: "Conflict Action"; readonly name: "conflictAction"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "update"; readonly options: readonly [{ readonly label: "Update (default)"; readonly value: "update"; }, { readonly label: "Ignore"; readonly value: "ignore"; }]; readonly placeholder: ""; readonly help: "The action to take when a conflict is detected"; }]; readonly events: readonly [{ readonly label: "When done"; readonly name: "onClose"; readonly isDefault: true; readonly help: "Select an action to run when process is finished"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly width: "100%"; readonly "margin-left": "auto"; readonly "margin-right": "auto"; readonly "margin-top": "0px"; readonly "margin-bottom": "0px"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Slot' { const _default: { readonly name: "Slot"; readonly acceptsChildren: false; readonly category: "Component"; readonly props: readonly []; readonly defaultStyles: {}; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/ListBox' { const _default: { readonly name: "ListBox"; readonly acceptsChildren: true; readonly category: "Input"; readonly optionalLayers: readonly [{ readonly id: "ListContent"; readonly name: "List Content"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; readonly optionalLayers: readonly [{ readonly id: "ListItem"; readonly name: "List Item"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "user-select": "none"; readonly display: "flex"; readonly "align-items": "center"; readonly gap: "8px"; readonly cursor: "option"; readonly "justify-content": "space-between"; readonly "border-radius": "var(--theme-radii-md)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "[data-highlighted]": { readonly "background-color": "color-mix(in oklch, var(--theme-bg-emphasized) 60%, transparent)"; }; }; readonly additionalStates: readonly [{ readonly label: "is hightlighted"; readonly value: "[data-highlighted]"; }]; readonly optionalLayers: readonly [{ readonly id: "ListItemText"; readonly name: "List Item Text"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "1"; readonly "flex-shrink": "1"; readonly "flex-basis": "0%"; }; }; }, { readonly id: "ListItemIndicator"; readonly name: "List Item Indicator"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "align-items": "center"; readonly "justify-content": "center"; readonly gap: "4px"; }; readonly svg: { readonly width: "16px"; readonly height: "16px"; }; }; }]; }]; }, { readonly id: "ListInput"; readonly name: "List Input"; readonly acceptsChildren: false; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; }]; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly required: true; readonly placeholder: ""; readonly help: "The type for the items in the list"; }, { readonly label: "Items"; readonly name: "items"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the list"; }, { readonly label: "Label"; readonly name: "itemToString"; readonly type: { readonly kind: "text"; readonly isDynamic: true; readonly isCallback: "list"; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The values for the items in the select"; readonly additionalSources: readonly [{ readonly id: "$$i"; readonly name: "options's current index"; readonly description: "The current index of the list"; readonly template: "$$i"; readonly instanceTemplate: "option's current index"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "$$d"; readonly name: "options's current data"; readonly description: "The current data of the list"; readonly template: "$$d"; readonly instanceTemplate: "option's current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "List"; readonly sourceProp: "options"; }]; }, { readonly label: "Initial Value"; readonly name: "initialValue"; readonly isDefault: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a default value"; readonly help: "The listbox's default value"; }, { readonly label: "Allow Multiple"; readonly name: "multiple"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly required: false; readonly isDefault: true; readonly default: true; readonly placeholder: ""; readonly help: "Whether the listbox allows multiple selections"; }, { readonly label: "Loop focus"; readonly name: "loopFocus"; readonly type: { readonly kind: "boolean"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: false; readonly default: false; readonly placeholder: ""; readonly help: "Whether the focus should loop around when navigating through items"; }, { readonly label: "Typeahead"; readonly name: "typeahead"; readonly type: { readonly kind: "boolean"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: false; readonly default: true; readonly placeholder: ""; readonly help: "Whether the listbox supports typeahead navigation"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly defaultStyles: { readonly "": { readonly diplay: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "6px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onValueChange"; readonly help: "Select an action to run when listbox's value has changed"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "QcMxXrgXQdKQHEG7Bji6k"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload"; readonly outputType: { readonly kind: "dynamic"; readonly template: ".type"; readonly isList: true; }; }]; }]; readonly sources: readonly [{ readonly id: "selected items"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the select"; readonly template: "$get('{{= it.component.id}}', { value: [] }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; }]; readonly defaultChildren: readonly [{ readonly kind: "ListBox$Brevity.ListContent"; readonly props: {}; readonly styleProps: {}; readonly children: readonly [{ readonly kind: "ListBox$Brevity.ListContent.ListItem"; readonly props: {}; readonly styleProps: {}; readonly children: readonly [{ readonly kind: "ListBox$Brevity.ListContent.ListItem.ListItemText"; readonly props: {}; readonly styleProps: {}; readonly children: readonly []; }, { readonly kind: "ListBox$Brevity.ListContent.ListItem.ListItemIndicator"; readonly props: {}; readonly styleProps: {}; readonly children: readonly [{ readonly kind: "Icon$Brevity"; readonly props: { readonly children: { readonly fill: false; readonly icon: "check"; readonly pack: "materialsymbolsoutlined"; readonly __type: "icon"; readonly weight: 400; }; }; readonly styleProps: {}; readonly children: readonly []; }]; }]; }]; }]; }; export default _default; } declare module '@brevity-builder/react/data/Prose' { const _default: { readonly name: "Prose"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Content"; readonly name: "wysiwyg"; readonly required: true; readonly type: { readonly kind: "wysiwyg"; }; readonly default: ""; readonly placeholder: "enter some content"; readonly help: "The content to display"; }]; readonly defaultStyles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "background-color": "transparent"; readonly "border-left-style": "none"; readonly "border-left-width": "0px"; readonly "border-left-color": "var(--theme-border-default)"; readonly "border-top-style": "none"; readonly "border-top-width": "0px"; readonly "border-top-color": "var(--theme-border-default)"; readonly "border-right-style": "none"; readonly "border-right-width": "0px"; readonly "border-right-color": "var(--theme-border-default)"; readonly "border-bottom-style": "none"; readonly "border-bottom-width": "0px"; readonly "border-bottom-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-none)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly width: "var(--theme-sizes-full)"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "justify-content": "flex-start"; readonly "align-items": "flex-start"; readonly "padding-left": "var(--theme-sizes-zero)"; readonly "padding-right": "var(--theme-sizes-zero)"; readonly "padding-top": "var(--theme-sizes-zero)"; readonly "padding-bottom": "var(--theme-sizes-zero)"; readonly "margin-left": "var(--theme-sizes-zero)"; readonly "margin-right": "var(--theme-sizes-zero)"; readonly "margin-top": "var(--theme-sizes-zero)"; readonly "margin-bottom": "var(--theme-sizes-zero)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Checkbox' { const _default: { readonly name: "Checkbox"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly gap: "6px"; readonly "font-size": "var(--theme-fontSizes-xs)"; readonly "line-height": "0.75rem"; readonly width: "12px"; readonly height: "12px"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly gap: "8px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "line-height": "1.25rem"; readonly width: "16px"; readonly height: "16px"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly gap: "10px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "line-height": "1.2rem"; readonly width: "20px"; readonly height: "20px"; readonly "padding-left": "2px"; readonly "padding-right": "2px"; readonly "padding-top": "2px"; readonly "padding-bottom": "2px"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly gap: "12px"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly "line-height": "1.5rem"; readonly width: "24px"; readonly height: "24px"; readonly "padding-left": "2px"; readonly "padding-right": "2px"; readonly "padding-top": "2px"; readonly "padding-bottom": "2px"; }; }; }]; readonly default: "md"; readonly help: "The size of the button. \"md\" is the default size"; }, { readonly label: "Variant"; readonly name: "variant"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "Solid"; readonly value: "solid"; readonly selector: "[data-variant=\"solid\"]"; readonly styles: { readonly "": { readonly "border-color": "var(--theme-border-default)"; }; readonly ':is([data-state="checked"], [data-state="indeterminate"])': { readonly "background-color": "var(--palette-solid)"; readonly color: "var(--palette-contrast)"; readonly "border-color": "var(--palette-solid)"; }; }; }, { readonly label: "Subtle"; readonly value: "subtle"; readonly selector: "[data-variant=\"subtle\"]"; readonly styles: { readonly "": { readonly "background-color": "var(--palette-muted)"; readonly "border-color": "var(--palette-muted)"; }; readonly ":is([data-state=checked], [data-state=indeterminate])": { readonly color: "var(--palette-fg)"; }; }; }, { readonly label: "Outline"; readonly value: "outline"; readonly selector: "[data-variant=\"outline\"]"; readonly styles: { readonly "": { readonly "border-color": "var(--theme-border-default)"; }; readonly ":is([data-state=checked], [data-state=indeterminate])": { readonly color: "var(--palette-fg)"; readonly "border-color": "var(--palette-solid)"; }; }; }]; readonly default: "solid"; }, { readonly label: "Color Palette"; readonly name: "data-palette"; readonly type: { readonly kind: "palette"; }; readonly default: "brand"; readonly help: "The color scheme of the button"; }]; readonly props: readonly [{ readonly label: "Label"; readonly name: "children"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The label to display"; }, { readonly label: "Initial Value"; readonly name: "defaultChecked"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Enter default value"; readonly help: "The input's default value"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the checkbox is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly isDefault: true; readonly help: "Select an action to run when input's value has changed"; }]; readonly defaultStyles: { readonly ":disabled": { readonly opacity: "0.5"; }; readonly ":invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly position: "relative"; readonly gap: "8px"; readonly "vertical-align": "top"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-medium)"; readonly cursor: "pointer"; readonly "justify-content": "center"; readonly "flex-shrink": "0"; readonly color: "var(--theme-colors-white)"; readonly "border-width": "1px"; readonly "border-color": "transparent"; readonly "border-radius": "var(--theme-radii-sm)"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: null }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }]; }; export default _default; } declare module '@brevity-builder/react/data/Collapsible' { const _default: { readonly name: "Collapsible"; readonly acceptsChildren: true; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "Trigger"; readonly name: "Trigger"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "asChild"; readonly name: "asChild"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button should be rendered as it's child"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "row"; }; }; }, { readonly id: "Content"; readonly name: "Content"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; }; }; }]; readonly props: readonly [{ readonly label: "Initially Open?"; readonly name: "defaultOpen"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The initial state of the component"; }]; readonly events: readonly [{ readonly label: "When open change"; readonly name: "onOpenChange"; readonly help: "Select an action to run when component is toggled"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$isOpen"; readonly name: "Is Open"; readonly description: "Whether the component is open or not"; readonly template: "$$isOpen"; readonly instanceTemplate: "Is Open"; readonly outputType: { readonly kind: "boolean"; }; }]; }]; readonly additionalStates: readonly [{ readonly label: "isOpen"; readonly value: "[data-state=\"open\"]"; }, { readonly label: "isClosed"; readonly value: "[data-state=\"closed\"]"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s popover is open"; readonly provider: "StateProvider"; readonly description: "Whether the popover is open or not"; readonly template: "$get('{{= it.component.id}}', { isOpen: {{= it.stringify(it.component.props.defaultOpen) }} }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Open the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true }, 'Open'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Close the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false }, 'Close'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; readonly defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/Dialog' { const _default: { readonly name: "Dialog"; readonly acceptsChildren: false; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "DialogTrigger"; readonly name: "Dialog Trigger"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": {}; }; }, { readonly id: "DialogContent"; readonly name: "Dialog Content"; readonly acceptsChildren: true; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-sm)"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-md)"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-lg)"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-2xl)"; }; }; }, { readonly label: "xl"; readonly value: "xl"; readonly selector: "[data-size=\"xl\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-4xl)"; }; }; }, { readonly label: "full"; readonly value: "full"; readonly selector: "[data-size=\"full\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-full)"; readonly "min-height": "var(--theme-sizes-screen-h)"; readonly "border-radius": "0px"; }; }; }]; readonly default: "md"; readonly help: "Whether the button is in a \"loading\" state"; }]; readonly props: readonly [{ readonly label: "Auto Focus"; readonly name: "autoFocus"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog manage focus for user?"; }]; readonly defaultStyles: { readonly "--bp-all": { readonly ":focus-visible": { readonly outline: "none"; }; readonly "": { readonly position: "fixed"; readonly top: "50%"; readonly left: "50%"; readonly "z-index": "var(--theme-zIndices-modal)"; readonly transform: "translate(-50%, -50%)"; readonly display: "grid"; readonly width: "100%"; readonly "max-height": "85vh"; readonly gap: "16px"; readonly "border-width": "1px"; readonly "background-color": "var(--theme-bg-panel)"; readonly "padding-top": "24px"; readonly "padding-bottom": "24px"; readonly "padding-left": "24px"; readonly "padding-right": "24px"; readonly "border-radius": "var(--theme-radii-lg)"; readonly "box-shadow": "var(--theme-shadows-lg)"; readonly "animation-duration": "200ms"; }; }; readonly "--bp-sm": { readonly "": { readonly "border-radius": "0px"; }; }; }; readonly optionalLayers: readonly [{ readonly id: "DialogClose"; readonly name: "Dialog Close"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "asChild"; readonly name: "asChild"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button should be rendered as it's child"; }]; readonly defaultStyles: { readonly "": {}; }; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; readonly isDefault: true; }]; }, { readonly id: "DialogHeader"; readonly name: "Dialog Header"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "6px"; readonly "text-align": "center"; }; }; readonly "--bp-sm": { readonly "": { readonly "text-align": "left"; }; }; }; }, { readonly id: "DialogFooter"; readonly name: "Dialog Footer"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-end"; readonly gap: "8px"; }; }; readonly "--bp-sm": { readonly "": { readonly "flex-direction": "column-reverse"; readonly "justify-content": "flex-start"; }; }; }; }, { readonly id: "DialogTitle"; readonly name: "Dialog Title"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "line-height": "var(--theme-lineHeights-none)"; readonly "letter-spacing": "var(--theme-letterSpacings-tight)"; }; }; }; }, { readonly id: "DialogDescription"; readonly name: "Dialog Description"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly color: "var(--theme-fg-muted)"; }; }; }; }]; }]; readonly props: readonly [{ readonly label: "Modal"; readonly name: "modal"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog be modal?"; }]; readonly events: readonly [{ readonly label: "When open change"; readonly name: "onOpenChange"; readonly help: "Select an action to run when component is toggled"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$isOpen"; readonly name: "Is Open"; readonly description: "Whether the component is open or not"; readonly template: "$$isOpen"; readonly instanceTemplate: "Is Open"; readonly outputType: { readonly kind: "boolean"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly "background-color": "rgba(0, 0, 0, 0.8)"; readonly position: "fixed"; readonly left: 0; readonly top: 0; readonly width: "100vw"; readonly height: "100dvh"; readonly "z-index": "var(--theme-zIndices-modal)"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s popover is open"; readonly provider: "StateProvider"; readonly description: "Whether the popover is open or not"; readonly template: "$get($$getKey('{{= it.component.id}}'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}}), { isOpen: false }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Open the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true }, 'Open'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Close the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false }, 'Close'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; readonly defaultChildren: ({ kind: string; props: {}; styleProps: { size?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { size: string; }; children: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: ({ kind: string; props: {}; styleProps: { variant?: undefined; size?: undefined; "data-palette"?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; })[]; })[]; })[]; }; export default _default; } declare module '@brevity-builder/react/data/Container' { const _default: { readonly name: "Container"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "div"; readonly options: readonly [{ readonly label: "div (default)"; readonly value: "div"; }, { readonly label: "article"; readonly value: "article"; }, { readonly label: "aside"; readonly value: "aside"; }, { readonly label: "details"; readonly value: "details"; }, { readonly label: "figcaption"; readonly value: "figcaption"; }, { readonly label: "figure"; readonly value: "figure"; }, { readonly label: "footer"; readonly value: "footer"; }, { readonly label: "header"; readonly value: "header"; }, { readonly label: "main"; readonly value: "main"; }, { readonly label: "mark"; readonly value: "mark"; }, { readonly label: "nav"; readonly value: "nav"; }, { readonly label: "section"; readonly value: "section"; }, { readonly label: "summary"; readonly value: "summary"; }, { readonly label: "time"; readonly value: "time"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'div'."; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly isDefault: true; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }, { readonly label: "When mouse enter"; readonly name: "onMouseEnter"; readonly help: "Select an action to run when button is hovered"; readonly isDefault: false; }, { readonly label: "When mouse leave"; readonly name: "onMouseLeave"; readonly help: "Select an action to run when button is no longer hovered"; readonly isDefault: false; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/ToggleGroup' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: boolean; placeholder: string; help: string; required?: undefined; })[]; additionalStates: { label: string; value: string; }[]; defaultStyles: { ":disabled": { opacity: number; cursor: string; "pointer-events": string; }; ":focus-visible": { outline: string; "box-shadow": string; }; "[data-state='on']": { "background-color": string; }; "": { cursor: string; display: string; "justify-content": string; "align-items": string; width: string; height: string; "border-radius": string; "background-color": string; }; }; }[]; props: ({ label: string; name: string; type: { kind: string; dynamicList?: undefined; }; options: { label: string; value: string; }[]; default: string; required: boolean; placeholder: string; help: string; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; dynamicList: string; }; default: null; required: boolean; placeholder: string; help: string; options?: undefined; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; dynamicList?: undefined; }; default: boolean; isDefault: boolean; placeholder: string; help: string; options?: undefined; required?: undefined; })[]; events: { label: string; name: string; help: string; }[]; defaultStyles: { "": { display: string; "align-items": string; "justify-content": string; gap: string; }; }; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; dynamicList: string; }; }[]; actions: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/Icon' { const _default: { readonly name: "Icon"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Icon"; readonly name: "children"; readonly type: { readonly kind: "icon"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: { readonly __type: "icon"; readonly icon: "sentiment_satisfied"; readonly pack: "materialsymbolsoutlined"; }; readonly placeholder: "Select an icon"; readonly help: "The icon to display"; }]; readonly defaultStyles: { readonly "": { readonly width: "1em"; readonly height: "1em"; readonly display: "inline-flex"; readonly "vertical-align": "middle"; readonly "line-height": "1em"; readonly "flex-shrink": 0; readonly "flex-grow": 0; readonly "flex-basis": "auto"; readonly color: "currentColor"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/InternalLink' { const _default: { readonly name: "Internal Link"; readonly acceptsChildren: true; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Link"; readonly name: "to"; readonly type: { readonly kind: "route"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "select a page"; readonly help: "The page the link will go to"; }, { readonly label: "Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; }, { readonly label: "Preserve existing query params?"; readonly name: "preserveSearchParams"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: "Preserve existing query params?"; readonly help: "Toggle to preserve existing query params when navigating to the new page"; }, { readonly label: "Open in a new tab"; readonly name: "newTab"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link open in a new tab"; readonly help: "Should the link open in a new tab"; }, { readonly label: "Active on exact match"; readonly name: "end"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link be active on exact match"; readonly help: "Should the link be active on exact match"; }]; readonly additionalStates: readonly [{ readonly label: "Link is active"; readonly value: "._active"; }, { readonly label: "Link is pending"; readonly value: "._pending"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Carousel' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; optionalLayers: { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { "min-width": string; "flex-shrink": string; "flex-grow": string; "flex-basis": string; }; '[data-orientation="horizontal"] &': { "padding-left": string; }; '[data-orientation="vertical"] &': { "padding-top": string; }; }; }[]; defaultStyles: { "": { display: string; }; '[data-orientation="horizontal"] &': { "flex-direction": string; "margin-left": string; top?: undefined; left?: undefined; transform?: undefined; bottom?: undefined; right?: undefined; }; '[data-orientation="vertical"] &': { "flex-direction": string; "margin-top": string; top?: undefined; left?: undefined; transform?: undefined; bottom?: undefined; right?: undefined; }; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; width: string; height: string; "border-radius": string; "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; '[data-orientation="horizontal"] &': { top: string; left: string; transform: string; "flex-direction"?: undefined; "margin-left"?: undefined; bottom?: undefined; right?: undefined; }; '[data-orientation="vertical"] &': { top: string; left: string; transform: string; "flex-direction"?: undefined; "margin-top"?: undefined; bottom?: undefined; right?: undefined; }; ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; }; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; width: string; height: string; "border-radius": string; "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; '[data-orientation="horizontal"] &': { bottom: string; right: string; transform: string; "flex-direction"?: undefined; "margin-left"?: undefined; top?: undefined; left?: undefined; }; '[data-orientation="vertical"] &': { bottom: string; right: string; transform: string; "flex-direction"?: undefined; "margin-top"?: undefined; top?: undefined; left?: undefined; }; ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; }; optionalLayers?: undefined; })[]; props: ({ label: string; name: string; type: { kind: string; }; default: string; options: { label: string; value: string; }[]; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; options?: undefined; } | { label: string; name: string; type: { kind: string; }; default: number; placeholder: string; help: string; options?: undefined; })[]; events: { label: string; name: string; help: string; isDefault: boolean; additionalSources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; }[]; defaultStyles: { "": { position: string; }; }; sources: never[]; actions: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/Login' { const _default: { readonly name: "Login"; readonly acceptsChildren: false; readonly category: "Other"; readonly dependsOn: readonly ["Text$Brevity", "Input$Brevity", "Button$Brevity"]; readonly layers: readonly [{ readonly id: "headline"; readonly name: "Headline"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "white-space": "pre-wrap"; readonly "overflow-wrap": "normal"; readonly gap: "0px"; readonly color: "inherit"; readonly width: "auto"; readonly height: "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "font-size": "inherit"; readonly "max-width": "100%"; readonly "min-width": "auto"; readonly "flex-basis": "auto"; readonly "font-weight": "inherit"; readonly "max-height": "100%"; readonly "min-height": "auto"; readonly "text-align": "left"; readonly "align-items": "flex-start"; readonly "flex-shrink": "1"; readonly "font-family": "var(--theme-fonts-body)"; readonly "padding-top": "0px"; readonly "border-color": "var(--theme-brand-neutral-200)"; readonly "border-style": "solid"; readonly "border-width": "0px"; readonly "padding-left": "0px"; readonly "border-radius": "0px"; readonly "padding-right": "0px"; readonly "padding-bottom": "0px"; readonly "justify-content": "flex-start"; readonly "background-color": "transparent"; }; }; }, { readonly id: "subtitle"; readonly name: "Subtitle"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "white-space": "pre-wrap"; readonly "overflow-wrap": "normal"; readonly gap: "0px"; readonly color: "inherit"; readonly width: "auto"; readonly height: "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "font-size": "inherit"; readonly "max-width": "100%"; readonly "min-width": "auto"; readonly "flex-basis": "auto"; readonly "font-weight": "inherit"; readonly "max-height": "100%"; readonly "min-height": "auto"; readonly "text-align": "left"; readonly "align-items": "flex-start"; readonly "flex-shrink": "1"; readonly "font-family": "var(--theme-fonts-body)"; readonly "padding-top": "0px"; readonly "border-color": "var(--theme-brand-neutral-200)"; readonly "border-style": "solid"; readonly "border-width": "0px"; readonly "padding-left": "0px"; readonly "border-radius": "0px"; readonly "padding-right": "0px"; readonly "padding-bottom": "0px"; readonly "justify-content": "flex-start"; readonly "background-color": "transparent"; }; }; }, { readonly id: "error"; readonly name: "Error"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-error)"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly "background-color": "var(--theme-bg-panel)"; readonly gap: "var(--theme-spacing-3xs)"; readonly padding: "var(--theme-spacing-3xs)"; readonly display: "flex"; readonly "align-items": "center"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-color": "var(--theme-border-error)"; readonly "border-width": "1px"; }; }; }, { readonly id: "container"; readonly name: "Container"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-xs)"; }; }; }, { readonly id: "input"; readonly name: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; }, { readonly id: "primaryButton"; readonly name: "Primary Button"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; }, { readonly id: "secondaryButton"; readonly name: "Secondary Button"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; }, { readonly id: "divider"; readonly name: "Divider"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly gap: "40px"; readonly "border-color": "var(--theme-border-default)"; }; }; }, { readonly id: "footer"; readonly name: "Footer"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly width: "100%"; readonly "justify-content": "space-between"; readonly "align-items": "center"; }; }; }, { readonly id: "link"; readonly name: "Link"; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "2px"; readonly "outline-offset": "2px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; }; }; }]; readonly props: readonly [{ readonly label: "Redirect"; readonly name: "callbackUrl"; readonly type: { readonly kind: "route"; readonly isDynamic: false; }; readonly default: null; readonly placeholder: "Select a page"; readonly help: "The page you'd like to redirect to"; readonly required: true; }, { readonly label: "Redirect Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; }, { readonly label: "Disable Create Account"; readonly name: "disableCreate"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "When checked, the create account button will be disabled"; readonly required: false; }, { readonly label: "Title"; readonly name: "title"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "Welcome"; readonly placeholder: "Enter some text..."; readonly help: "The text to display"; readonly required: false; }, { readonly label: "Subtitle"; readonly name: "subtitle"; readonly isDefault: true; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "Enter email to continue"; readonly placeholder: "Enter some text..."; readonly help: "The text to display"; readonly required: false; }, { readonly label: "Disable Passkeys"; readonly name: "disablePasskey"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "When checked, the create passkey flow will be disabled"; readonly required: false; }]; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-sm)"; readonly width: "100%"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Button' { const _default: { readonly name: "Legacy Button"; readonly acceptsChildren: false; readonly category: "Basic"; readonly isDisabled: true; readonly props: readonly [{ readonly label: "Text Content"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "Click me"; readonly isDefault: true; readonly placeholder: "enter some text"; readonly help: "The text that displays in the button"; }, { readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly default: "button"; readonly options: readonly [{ readonly label: "Button"; readonly value: "button"; }, { readonly label: "Submit"; readonly value: "submit"; }, { readonly label: "Reset"; readonly value: "reset"; }]; readonly placeholder: "enter some text"; readonly help: "This only applies inside a 'Form' component"; }, { readonly label: "Icon"; readonly name: "icon"; readonly type: { readonly kind: "icon"; }; readonly isDefault: true; readonly default: null; readonly placeholder: "select an icon"; readonly help: "The icon that displays next to text in button"; }, { readonly label: "Icon side"; readonly name: "iconSide"; readonly type: { readonly kind: "select"; }; readonly default: "left"; readonly options: readonly [{ readonly label: "Left"; readonly value: "left"; }, { readonly label: "Right"; readonly value: "right"; }]; readonly placeholder: "select an icon direction"; readonly help: "Where the icon should appear in button"; }, { readonly label: "Aria label"; readonly name: "aria-label"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "a descriptive name for your button"; readonly help: "When only using an icon, this is required for accessibility"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button is disabled"; }, { readonly label: "Is Loading?"; readonly name: "isLoading"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly help: "Whether the button is in a \"loading\" state"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; readonly isDefault: true; }]; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":active": { readonly "background-color": "var(--theme-colors-gray-300)"; }; readonly ":focus": { readonly outline: "none"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "1rem"; readonly color: "var(--theme-colors-gray-800)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "var(--theme-colors-gray-100)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Command' { const _default: { readonly name: "Command"; readonly acceptsChildren: true; readonly category: "Input"; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly isDefault: true; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The input's default value"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onValueChange"; readonly help: "Select an action to run when item is selected"; readonly additionalSources: readonly [{ readonly id: "UMFd6Pexb48GergJbE4WX"; readonly name: "Selected Value"; readonly instanceTemplate: "Selected Value"; readonly description: "The value of the selected item"; readonly template: "$$payload"; readonly outputType: { readonly kind: "text"; readonly isDynamic: true; }; }]; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly height: "100%"; readonly width: "100%"; readonly "flex-direction": "column"; readonly "overflow-x": "hidden"; readonly "overflow-y": "hidden"; readonly "border-radius": "var(--theme-radii-md)"; readonly "background-color": "white"; }; }; readonly sources: readonly []; readonly actions: readonly []; readonly optionalLayers: readonly [{ readonly id: "CommandInput"; readonly name: "Command Input"; readonly acceptsChildren: false; readonly props: readonly [{ readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "Enter some text..."; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }]; readonly defaultStyles: { readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly display: "flex"; readonly height: "44px"; readonly width: "100%"; readonly "border-bottom-width": "1px"; readonly "background-color": "transparent"; readonly "padding-top": "12px"; readonly "padding-bottom": "12px"; readonly "padding-left": "12px"; readonly "padding-right": "12px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly outline: "none"; }; }; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; }]; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the input"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }, { readonly id: "CommandList"; readonly name: "Command List"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "max-height": "300px"; readonly "overflow-y": "auto"; readonly "overflow-x": "hidden"; }; }; }, { readonly id: "CommandEmpty"; readonly name: "Command Empty"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "padding-top": "24px"; readonly "padding-bottom": "24px"; readonly "text-align": "center"; readonly "font-size": "var(--theme-fontSizes-sm)"; }; }; }, { readonly id: "CommandItem"; readonly name: "Command Item"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter a value..."; readonly help: "The items's value"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the item is disabled"; }]; readonly events: readonly [{ readonly label: "When selected"; readonly name: "onSelect"; readonly help: "Select an action to run when item is selected"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "UMFd6Pexb48GergJbE4WX"; readonly name: "Selected Value"; readonly instanceTemplate: "Selected Value"; readonly description: "The value of the selected item"; readonly template: "$$payload"; readonly outputType: { readonly kind: "text"; readonly isDynamic: true; }; }]; }]; readonly defaultStyles: { readonly "[aria-selected='true']": { readonly "background-color": "var(--theme-border-default)"; }; readonly "[data-disabled='true']": { readonly opacity: 0.5; readonly "pointer-events": "none"; }; readonly "": { readonly position: "relative"; readonly display: "flex"; readonly cursor: "default"; readonly "user-select": "none"; readonly "align-items": "center"; readonly "border-radius": "var(--theme-radii-sm)"; readonly "padding-left": "8px"; readonly "padding-right": "8px"; readonly "padding-top": "6px"; readonly "padding-bottom": "6px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly outline: "none"; }; }; readonly additionalStates: readonly [{ readonly label: "Is Selected"; readonly value: "[aria-selected='true']"; }, { readonly label: "Is disabled"; readonly value: "[data-disabled='true']"; }]; }, { readonly id: "CommandGroup"; readonly name: "Command Group"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "Heading"; readonly name: "heading"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Group heading..."; readonly help: "The groups's name"; }]; readonly defaultStyles: { readonly "": { readonly "overflow-x": "hidden"; readonly "overflow-y": "hidden"; readonly "padding-top": "4px"; readonly "padding-bottom": "4px"; readonly "padding-left": "4px"; readonly "padding-right": "4px"; readonly color: "var(--theme-fg-default)"; }; }; }, { readonly id: "CommandSeparator"; readonly name: "Command Separator"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly height: "1px"; readonly "margin-left": "-4px"; readonly "margin-right": "-4px"; readonly "background-color": "var(--theme-border-default)"; }; }; }, { readonly id: "CommandLoading"; readonly name: "Command Loading"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": {}; }; }]; readonly defaultChildren: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; }[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; })[]; }; export default _default; } declare module '@brevity-builder/react/data/utils' { import { StyleProp } from "@brevity-builder/models"; export function mergeStylePropsWithDefaults(styleProps: StyleProp[], defaults: Record): StyleProp[]; } declare module '@brevity-builder/react/data/ExternalLink' { const _default: { readonly name: "External Link"; readonly acceptsChildren: true; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Link"; readonly name: "href"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "enter in a url"; readonly help: "The page the link will go to"; }, { readonly label: "Open in a new tab"; readonly name: "newTab"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: false; readonly placeholder: "Should the link open in a new tab"; readonly help: "Should the link open in a new tab"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly ":focus-within": { readonly "outline-width": "3px"; readonly "outline-color": "#7DADD9"; readonly "outline-style": "solid"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/DataTable' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: string; isDefault: boolean; required: boolean; placeholder: string; help: string; additionalSources?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: null; isDefault: boolean; required: boolean; placeholder: string; help: string; additionalSources: { id: string; name: string; instanceTemplate: string; description: string; template: string; outputType: { kind: string; template: string; }; callback: string[]; }[]; })[]; defaultStyles: { "": { height: string; padding: string; "font-weight": string; "letter-spacing": string; color: string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; }; }; sources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; template: string; isList: boolean; }; source: string; }[]; dependsOn?: undefined; } | { id: string; name: string; acceptsChildren: boolean; dependsOn: string[]; props: { label: string; name: string; isDefault: boolean; type: { kind: string; isDynamic: boolean; }; default: string; required: boolean; placeholder: string; help: string; }[]; defaultStyles: { "": { height: string; padding: string; "font-weight": string; "letter-spacing": string; color: string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; }; }; sources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; template: string; isList: boolean; }; source: string; }[]; })[]; props: ({ label: string; name: string; required: boolean; type: { kind: string; isList: boolean; template?: undefined; isDynamic?: undefined; }; default: { kind: string; isList: boolean; __type?: undefined; source?: undefined; transforms?: undefined; }; placeholder: string; help: string; isDefault?: undefined; } | { label: string; name: string; required: boolean; type: { kind: string; template: string; isList: boolean; isDynamic?: undefined; }; default: null; placeholder: string; help: string; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; isList?: undefined; template?: undefined; }; isDefault: boolean; default: null; placeholder: string; help: string; required?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; isList?: undefined; template?: undefined; }; default: { __type: string; source: { data: { number: number; }; kind: string; kindId: string; }; transforms: never[]; kind?: undefined; isList?: undefined; }; placeholder: string; help: string; required?: undefined; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; isList?: undefined; template?: undefined; }; required: boolean; isDefault: boolean; default: number; placeholder: string; help: string; })[]; events: never[]; defaultStyles: { "": { "border-style": string; "border-width": string; "border-color": string; "border-radius": string; }; }; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; template: string; isList: boolean; }; }[]; actions: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/Tabs' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; position: string; isolation: string; "align-items": string; "justify-content": string; width: string; cursor?: undefined; "white-space"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "font-size"?: undefined; "font-weight"?: undefined; "background-color"?: undefined; "margin-top"?: undefined; }; '[data-variant="enclosed"]': { "border-radius": string; "background-color": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "min-height": string; "justify-content"?: undefined; color?: undefined; }; '[data-variant="line"]': { width: string; "border-color": string; "border-bottom-width": string; color?: undefined; }; '[data-variant="outline"]': { "border-color": string; color?: undefined; isolation?: undefined; "border-width"?: undefined; "border-top-left-radius"?: undefined; "border-top-right-radius"?: undefined; "margin-bottom"?: undefined; }; '[data-variant="outline"]::before': { content: string; position: string; bottom: string; width: string; "border-bottom-width": string; "border-bottom-color": string; }; ":disabled"?: undefined; ":focus-visible"?: undefined; '[data-variant="enclosed"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]::before'?: undefined; '[data-variant="subtle"]'?: undefined; '[data-variant="subtle"][data-state="active"]'?: undefined; '[data-variant="outline"][data-state="active"]'?: undefined; '[data-variant="outline"]:not(:last-child)'?: undefined; }; additionalStates?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: boolean; placeholder: string; help: string; required?: undefined; })[]; additionalStates: { label: string; value: string; }[]; defaultStyles: { ":disabled": { opacity: number; cursor: string; "pointer-events": string; }; ":focus-visible": { outline: string; "box-shadow": string; }; "": { cursor: string; display: string; "justify-content": string; "white-space": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "font-size": string; "font-weight": string; "align-items": string; "background-color": string; position?: undefined; isolation?: undefined; width?: undefined; "margin-top"?: undefined; }; '[data-variant="enclosed"]': { "justify-content": string; color: string; "border-radius": string; "background-color"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "min-height"?: undefined; }; '[data-variant="enclosed"][data-state="active"]': { "background-color": string; color: string; "box-shadow": string; }; '[data-variant="line"]': { color: string; width?: undefined; "border-color"?: undefined; "border-bottom-width"?: undefined; }; '[data-variant="line"][data-state="active"]': { color: string; position: string; }; '[data-variant="line"][data-state="active"]::before': { content: string; position: string; bottom: string; "inset-inline": string; height: string; background: string; }; '[data-variant="subtle"]': { "border-radius": string; color: string; }; '[data-variant="subtle"][data-state="active"]': { "background-color": string; color: string; }; '[data-variant="outline"]': { color: string; isolation: string; "border-width": string; "border-color": string; "border-top-left-radius": string; "border-top-right-radius": string; "margin-bottom": string; }; '[data-variant="outline"][data-state="active"]': { "background-color": string; color: string; "border-color": string; "border-bottom-color": string; }; '[data-variant="outline"]:not(:last-child)': { "margin-right": string; }; '[data-variant="outline"]::before'?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; }[]; defaultStyles: { ":focus-visible": { outline: string; "box-shadow": string; }; "": { "margin-top": string; display?: undefined; position?: undefined; isolation?: undefined; "align-items"?: undefined; "justify-content"?: undefined; width?: undefined; cursor?: undefined; "white-space"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "font-size"?: undefined; "font-weight"?: undefined; "background-color"?: undefined; }; '[data-variant="enclosed"]'?: undefined; '[data-variant="line"]'?: undefined; '[data-variant="outline"]'?: undefined; '[data-variant="outline"]::before'?: undefined; ":disabled"?: undefined; '[data-variant="enclosed"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]::before'?: undefined; '[data-variant="subtle"]'?: undefined; '[data-variant="subtle"][data-state="active"]'?: undefined; '[data-variant="outline"][data-state="active"]'?: undefined; '[data-variant="outline"]:not(:last-child)'?: undefined; }; additionalStates?: undefined; })[]; props: { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; }[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: {}; }[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { '[data-tabs="list"]': { "min-height": string; }; '[data-variant="enclosed"][data-tabs="list"]': { "min-height": string; }; '[data-variant="enclosed"][data-tabs="trigger"]': { height: string; "min-width": string; }; '[data-tabs="trigger"]': { height: string; "min-width": string; "padding-top": string; "padding-bottom": string; "padding-left": string; "padding-right": string; "font-size": string; "line-height": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; events: never[]; defaultStyles: { "": { display: string; "flex-direction": string; position: string; }; }; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; actions: never[]; defaultChildren: ({ kind: string; props: { value?: undefined; }; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; }[]; } | { kind: string; props: { value: string; }; styleProps: {}; children: never[]; })[]; }; export default _default; } declare module '@brevity-builder/react/data/Outlet' { const _default: { readonly name: "Outlet"; readonly acceptsChildren: false; readonly category: "Page"; readonly props: readonly []; readonly defaultStyles: {}; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Skeleton' { const _default: { readonly name: "Skeleton"; readonly acceptsChildren: false; readonly category: "Other"; readonly props: readonly []; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly width: "100px"; readonly height: "20px"; readonly "border-radius": "var(--theme-radii-md)"; readonly "background-color": "var(--theme-bg-emphasized)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Textarea' { const _default: { readonly name: "Textarea"; readonly acceptsChildren: false; readonly category: "Input"; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "Enter some text..."; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }, { readonly label: "Min lines"; readonly name: "minRows"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "1"; readonly help: "Minimum number of lines to show"; }, { readonly label: "Max lines"; readonly name: "maxRows"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Infinity"; readonly help: "Maximum number of lines to show"; }, { readonly label: "Submit on Enter"; readonly name: "submitOnEnter"; readonly type: { readonly kind: "boolean"; }; readonly placeholder: ""; readonly help: "If true, pressing enter without shift will submit the form"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; readonly isDefault: true; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-border-emphasized)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-ring)"; readonly "box-shadow": "var(--theme-brand-brand-ring) 0px 0px 0px 1px"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "overflow-x": "hidden"; readonly "overflow-y": "hidden"; readonly width: "100%"; readonly "min-width": "0"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "8px"; readonly "padding-bottom": "8px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "1px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "scroll-padding-bottom": "8px"; readonly "text-align": "start"; readonly outline: "var(--theme-sizes-zero)"; readonly "line-height": "inherit"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the textarea"; readonly template: "$get('{{= it.component.id}}', { value: {{= it.stringify(it.component.props.defaultValue) }} ?? '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the input"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" textarea"; readonly description: "Focus the textarea"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: "Focus textarea \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" textarea"; readonly description: "Blur the textarea"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: "Blur textarea \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/List' { const _default: { readonly name: "List"; readonly acceptsChildren: true; readonly category: "Container"; readonly styleProps: readonly [{ readonly label: "Divide"; readonly name: "data-divide"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "None"; readonly value: "none"; readonly selector: ""; readonly styles: {}; }, { readonly label: "Divide Y"; readonly value: "y"; readonly selector: "[data-divide=\"y\"] > * + * > *"; readonly styles: { readonly "": { readonly "border-top-width": "1px"; readonly "border-top-color": "var(--theme-border-default)"; readonly "border-top-style": "solid"; }; }; }, { readonly label: "Divide X"; readonly value: "x"; readonly selector: "[data-divide=\"x\"] > * + * > *"; readonly styles: { readonly "": { readonly "border-right-width": "1px"; readonly "border-right-color": "var(--theme-border-default)"; readonly "border-right-style": "solid"; }; }; }]; readonly default: "none"; }]; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly required: true; readonly placeholder: ""; readonly help: "The type for the items in the list"; }, { readonly label: "Data"; readonly name: "data"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the list"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; }; export default _default; } declare module '@brevity-builder/react/data/Popover' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { "z-index"?: undefined; "min-width"?: undefined; overflow?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "border-radius"?: undefined; "border-width"?: undefined; "background-color"?: undefined; "box-shadow"?: undefined; }; }; } | { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; }[]; default: string; required: boolean; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; }; default: number; required: boolean; placeholder: string; help: string; options?: undefined; } | { label: string; name: string; type: { kind: string; }; default: boolean; required: boolean; placeholder: string; help: string; options?: undefined; })[]; defaultStyles: { "": { "z-index": string; "min-width": string; overflow: string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-radius": string; "border-width": string; "background-color": string; "box-shadow": string; }; }; })[]; props: never[]; events: { label: string; name: string; help: string; isDefault: boolean; additionalSources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; }[]; defaultStyles: {}; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; actions: { id: string; availableInCanvas: boolean; name: string; provider: string; description: string; async: boolean; template: string; instanceTemplate: string; props: never[]; }[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/styles' { const _default: { label: string; type: string; }[]; export default _default; } declare module '@brevity-builder/react/data/Avatar' { const _default: { readonly name: "Avatar"; readonly acceptsChildren: false; readonly category: "Basic"; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "2xs"; readonly value: "2xs"; readonly selector: "[data-size=\"2xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-2xs)"; readonly width: "24px"; readonly height: "24px"; }; }; }, { readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xs)"; readonly width: "32px"; readonly height: "32px"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly width: "36px"; readonly height: "36px"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-md)"; readonly width: "40px"; readonly height: "40px"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-md)"; readonly width: "44px"; readonly height: "44px"; }; }; }, { readonly label: "xl"; readonly value: "xl"; readonly selector: "[data-size=\"xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly width: "48px"; readonly height: "48px"; }; }; }, { readonly label: "2xl"; readonly value: "2xl"; readonly selector: "[data-size=\"2xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xl)"; readonly width: "64px"; readonly height: "64px"; }; }; }]; readonly default: "md"; readonly help: "The size of the avatr. \"md\" is the default size"; }, { readonly label: "Variant"; readonly name: "variant"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "Solid"; readonly value: "solid"; readonly selector: "[data-variant=\"solid\"]"; readonly styles: { readonly "": { readonly "background-color": "var(--palette-solid)"; readonly color: "var(--palette-contrast)"; }; }; }, { readonly label: "Subtle"; readonly value: "subtle"; readonly selector: "[data-variant=\"subtle\"]"; readonly styles: { readonly "": { readonly "background-color": "var(--palette-subtle)"; readonly color: "var(--palette-fg)"; }; }; }, { readonly label: "Outline"; readonly value: "outline"; readonly selector: "[data-variant=\"outline\"]"; readonly styles: { readonly "": { readonly "border-width": "1px"; readonly "border-color": "var(--palette-muted)"; readonly color: "var(--palette-fg)"; }; }; }]; readonly default: "subtle"; }, { readonly label: "Color Palette"; readonly name: "data-palette"; readonly type: { readonly kind: "palette"; }; readonly default: "brand"; readonly help: "The color scheme of the button"; }]; readonly props: readonly [{ readonly label: "User"; readonly name: "user"; readonly type: { readonly kind: "User"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: null; readonly placeholder: "The user to display"; readonly help: "The user to display"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; }]; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly "justify-content": "center"; readonly "font-weight": "var(--theme-fontWeights-medium)"; readonly "font-family": "var(--theme-fonts-body)"; readonly position: "relative"; readonly "vertical-align": "top"; readonly "flex-shrink": "0"; readonly "border-radius": "var(--theme-radii-full)"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Video' { const _default: { readonly name: "Video"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "src"; readonly name: "src"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly required: true; readonly default: ""; readonly placeholder: "enter a url to an video"; readonly help: "The video to play"; }, { readonly label: "Poster"; readonly name: "poster"; readonly type: { readonly kind: "image"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "enter a url to an image"; readonly help: "The video poster image to show"; }, { readonly label: "Autoplay"; readonly name: "autoPlay"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should autoplay"; }, { readonly label: "Controls"; readonly name: "controls"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: true; readonly placeholder: null; readonly help: "Whether the video should display controls"; }, { readonly label: "Loop"; readonly name: "loop"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should loop"; }, { readonly label: "Muted"; readonly name: "muted"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should be muted"; }, { readonly label: "Plays inline"; readonly name: "playsInline"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should be played inline or fullscreen"; }]; readonly events: readonly [{ readonly label: "When played"; readonly name: "onPlay"; readonly help: "Select an action to run when video is played"; }, { readonly label: "When paused"; readonly name: "onPause"; readonly help: "Select an action to run when video is paused"; }, { readonly label: "When ended"; readonly name: "onEnded"; readonly help: "Select an action to run when video is ended"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "max-width": "100%"; }; }; readonly sources: readonly [{ readonly id: "isPlaying"; readonly name: "{{= it.component.name }}'s is playing"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { isPlaying: false }).isPlaying"; readonly instanceTemplate: "{{= it.component.name }} is playing"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "play"; readonly name: "Play \"{{= it.component.name }}\" video"; readonly description: "Play the video"; readonly async: false; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.play();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "pause"; readonly name: "Pause \"{{= it.component.name }}\" video"; readonly description: "Pause the video"; readonly async: false; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.pause();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/Combobox' { const _default: { readonly name: "Combobox"; readonly acceptsChildren: false; readonly category: "Input"; readonly props: readonly [{ readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "Enter some text..."; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Format"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "text"; readonly options: readonly [{ readonly label: "Text"; readonly value: "text"; }, { readonly label: "Email"; readonly value: "email"; }, { readonly label: "Password"; readonly value: "password"; }, { readonly label: "Phone"; readonly value: "tel"; }, { readonly label: "Search"; readonly value: "search"; }, { readonly label: "URL"; readonly value: "url"; }, { readonly label: "Hidden"; readonly value: "hidden"; }]; readonly placeholder: ""; readonly help: "The type of input to use"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when input's value has changed"; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-brand-neutral-300)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-ring)"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "background-color": "transparent"; readonly "border-style": "none"; readonly "border-color": "var(--theme-border-default)"; readonly "border-width": "2px"; readonly "border-radius": "var(--theme-radii-md)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly position: "relative"; readonly outline: "var(--theme-sizes-zero)"; readonly width: "var(--theme-sizes-full)"; readonly height: "40px"; readonly "min-width": "0"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "justify-content": "flex-start"; readonly "align-items": "center"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "var(--theme-sizes-zero)"; readonly "padding-bottom": "var(--theme-sizes-zero)"; readonly "margin-left": "var(--theme-sizes-zero)"; readonly "margin-right": "var(--theme-sizes-zero)"; readonly "margin-top": "var(--theme-sizes-zero)"; readonly "margin-bottom": "var(--theme-sizes-zero)"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('b{{= it.component.id}}', { value: '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('b{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: "Focus input \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/SwitchContainer' { const _default: { readonly name: "Switch Container"; readonly acceptsChildren: false; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "Fallback"; readonly name: "Fallback"; readonly acceptsChildren: true; readonly props: readonly []; readonly additionalStates: readonly []; readonly defaultStyles: {}; }, { readonly id: "Content"; readonly name: "Content"; readonly acceptsChildren: true; readonly props: readonly []; readonly additionalStates: readonly []; readonly defaultStyles: {}; }]; readonly props: readonly [{ readonly label: "Condition"; readonly name: "resolve"; readonly type: { readonly kind: "value"; readonly isDynamic: true; }; readonly required: true; readonly default: false; readonly placeholder: "Enter a condition"; readonly help: "The content child of this component will show when condition is truthy or it will show the fallback child"; }]; readonly events: readonly []; readonly defaultStyles: {}; readonly sources: readonly []; readonly defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; export default _default; } declare module '@brevity-builder/react/data/Btn' { export const Btn: { name: string; acceptsChildren: boolean; category: string; props: ({ label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: string; isDefault: boolean; options: { label: string; value: string; }[]; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; isDefault: boolean; default: boolean; placeholder: string; help: string; options?: undefined; })[]; events: { label: string; name: string; help: string; isDefault: boolean; }[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { height: string; "min-width": string; "font-size": string; "padding-left": string; "padding-right": string; gap: string; }; " svg": { height: string; width: string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; color: string; "background-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; defaultChildren: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; sources: never[]; actions: never[]; }; export const IconButton: { name: string; props: ({ label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: string; isDefault: boolean; options: { label: string; value: string; }[]; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; isDefault: boolean; default: boolean; placeholder: string; help: string; options?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; placeholder: string; help: string; })[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { height: string; "min-width": string; "font-size": string; "padding-left": string; "padding-right": string; gap: string; }; " svg": { height: string; width: string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; color: string; "background-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; } | { options: { styles: { "": any; "--bp-xs"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-sm"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-md"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-lg"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xxl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-all"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-light"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-dark"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; }; label: string; value: string; selector: string; }[]; label: string; name: string; type: { kind: string; }; default: string; help: string; } | { options: { styles: { "": any; "--bp-xs"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-sm"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-md"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-lg"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xxl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-all"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-light"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-dark"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; }; label: string; value: string; selector: string; }[]; label: string; name: string; type: { kind: string; }; default: string; help?: undefined; })[]; defaultChildren: { kind: string; props: { children: { __type: string; icon: string; pack: string; }; }; styleProps: {}; children: never[]; }[]; acceptsChildren: boolean; category: string; events: { label: string; name: string; help: string; isDefault: boolean; }[]; defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; sources: never[]; actions: never[]; }; } declare module '@brevity-builder/react/data/Pagination' { const _default: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; "": { "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; width: string; height: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-radius": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; }; layers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; }; }; layers: ({ id: string; name: string; defaultStyles: { ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; "": { "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; width: string; height: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-radius": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; }; } | { id: string; name: string; defaultStyles: { "": { display: string; "justify-content": string; "align-items": string; width: string; height: string; }; }; })[]; })[]; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; placeholder: string; help: string; required: boolean; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: number; placeholder: string; help: string; required: boolean; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: number; placeholder: string; help: string; required?: undefined; })[]; events: { label: string; name: string; help: string; isDefault: boolean; additionalSources: { id: string; name: string; instanceTemplate: string; description: string; template: string; outputType: { kind: string; }; }[]; }[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; }; }; sources: never[]; actions: never[]; }; export default _default; } declare module '@brevity-builder/react/data/index' { export * from "@brevity-builder/react/data/types"; const _default: { readonly Avatar: { readonly name: "Avatar"; readonly acceptsChildren: false; readonly category: "Basic"; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "2xs"; readonly value: "2xs"; readonly selector: "[data-size=\"2xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-2xs)"; readonly width: "24px"; readonly height: "24px"; }; }; }, { readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xs)"; readonly width: "32px"; readonly height: "32px"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly width: "36px"; readonly height: "36px"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-md)"; readonly width: "40px"; readonly height: "40px"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-md)"; readonly width: "44px"; readonly height: "44px"; }; }; }, { readonly label: "xl"; readonly value: "xl"; readonly selector: "[data-size=\"xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly width: "48px"; readonly height: "48px"; }; }; }, { readonly label: "2xl"; readonly value: "2xl"; readonly selector: "[data-size=\"2xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xl)"; readonly width: "64px"; readonly height: "64px"; }; }; }]; readonly default: "md"; readonly help: "The size of the avatr. \"md\" is the default size"; }, { readonly label: "Variant"; readonly name: "variant"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "Solid"; readonly value: "solid"; readonly selector: "[data-variant=\"solid\"]"; readonly styles: { readonly "": { readonly "background-color": "var(--palette-solid)"; readonly color: "var(--palette-contrast)"; }; }; }, { readonly label: "Subtle"; readonly value: "subtle"; readonly selector: "[data-variant=\"subtle\"]"; readonly styles: { readonly "": { readonly "background-color": "var(--palette-subtle)"; readonly color: "var(--palette-fg)"; }; }; }, { readonly label: "Outline"; readonly value: "outline"; readonly selector: "[data-variant=\"outline\"]"; readonly styles: { readonly "": { readonly "border-width": "1px"; readonly "border-color": "var(--palette-muted)"; readonly color: "var(--palette-fg)"; }; }; }]; readonly default: "subtle"; }, { readonly label: "Color Palette"; readonly name: "data-palette"; readonly type: { readonly kind: "palette"; }; readonly default: "brand"; readonly help: "The color scheme of the button"; }]; readonly props: readonly [{ readonly label: "User"; readonly name: "user"; readonly type: { readonly kind: "User"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: null; readonly placeholder: "The user to display"; readonly help: "The user to display"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; }]; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly "justify-content": "center"; readonly "font-weight": "var(--theme-fontWeights-medium)"; readonly "font-family": "var(--theme-fonts-body)"; readonly position: "relative"; readonly "vertical-align": "top"; readonly "flex-shrink": "0"; readonly "border-radius": "var(--theme-radii-full)"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly Btn: { name: string; acceptsChildren: boolean; category: string; props: ({ label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: string; isDefault: boolean; options: { label: string; value: string; }[]; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; isDefault: boolean; default: boolean; placeholder: string; help: string; options?: undefined; })[]; events: { label: string; name: string; help: string; isDefault: boolean; }[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { height: string; "min-width": string; "font-size": string; "padding-left": string; "padding-right": string; gap: string; }; " svg": { height: string; width: string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; color: string; "background-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; defaultChildren: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; sources: never[]; actions: never[]; }; readonly IconButton: { name: string; props: ({ label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: string; isDefault: boolean; options: { label: string; value: string; }[]; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; isDefault: boolean; default: boolean; placeholder: string; help: string; options?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; placeholder: string; help: string; })[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { height: string; "min-width": string; "font-size": string; "padding-left": string; "padding-right": string; gap: string; }; " svg": { height: string; width: string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; color: string; "background-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { color: string; "background-color"?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; ":hover"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; } | { options: { styles: { "": any; "--bp-xs"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-sm"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-md"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-lg"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xxl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-all"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-light"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-dark"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; }; label: string; value: string; selector: string; }[]; label: string; name: string; type: { kind: string; }; default: string; help: string; } | { options: { styles: { "": any; "--bp-xs"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-sm"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-md"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-lg"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-xxl"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-all"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-light"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; "--bp-dark"?: { ""?: { [style: string]: any; } | undefined; ":hover"?: { [style: string]: any; } | undefined; ":focus"?: { [style: string]: any; } | undefined; ":focus-visible"?: { [style: string]: any; } | undefined; ":focus-within"?: { [style: string]: any; } | undefined; ":user-invalid"?: { [style: string]: any; } | undefined; ":active"?: { [style: string]: any; } | undefined; ":disabled"?: { [style: string]: any; } | undefined; ":visited"?: { [style: string]: any; } | undefined; ":first-child"?: { [style: string]: any; } | undefined; ":last-child"?: { [style: string]: any; } | undefined; ":where(li:first-child>*,:first-child:not(li>*))"?: { [style: string]: any; } | undefined; ":where(li:last-child>*,:last-child:not(li>*))"?: { [style: string]: any; } | undefined; } | undefined; }; label: string; value: string; selector: string; }[]; label: string; name: string; type: { kind: string; }; default: string; help?: undefined; })[]; defaultChildren: { kind: string; props: { children: { __type: string; icon: string; pack: string; }; }; styleProps: {}; children: never[]; }[]; acceptsChildren: boolean; category: string; events: { label: string; name: string; help: string; isDefault: boolean; }[]; defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; sources: never[]; actions: never[]; }; readonly Button: { readonly name: "Legacy Button"; readonly acceptsChildren: false; readonly category: "Basic"; readonly isDisabled: true; readonly props: readonly [{ readonly label: "Text Content"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "Click me"; readonly isDefault: true; readonly placeholder: "enter some text"; readonly help: "The text that displays in the button"; }, { readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly default: "button"; readonly options: readonly [{ readonly label: "Button"; readonly value: "button"; }, { readonly label: "Submit"; readonly value: "submit"; }, { readonly label: "Reset"; readonly value: "reset"; }]; readonly placeholder: "enter some text"; readonly help: "This only applies inside a 'Form' component"; }, { readonly label: "Icon"; readonly name: "icon"; readonly type: { readonly kind: "icon"; }; readonly isDefault: true; readonly default: null; readonly placeholder: "select an icon"; readonly help: "The icon that displays next to text in button"; }, { readonly label: "Icon side"; readonly name: "iconSide"; readonly type: { readonly kind: "select"; }; readonly default: "left"; readonly options: readonly [{ readonly label: "Left"; readonly value: "left"; }, { readonly label: "Right"; readonly value: "right"; }]; readonly placeholder: "select an icon direction"; readonly help: "Where the icon should appear in button"; }, { readonly label: "Aria label"; readonly name: "aria-label"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "a descriptive name for your button"; readonly help: "When only using an icon, this is required for accessibility"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button is disabled"; }, { readonly label: "Is Loading?"; readonly name: "isLoading"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly help: "Whether the button is in a \"loading\" state"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; readonly isDefault: true; }]; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":active": { readonly "background-color": "var(--theme-colors-gray-300)"; }; readonly ":focus": { readonly outline: "none"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "1rem"; readonly color: "var(--theme-colors-gray-800)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "var(--theme-colors-gray-100)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly Carousel: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; optionalLayers: { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { "min-width": string; "flex-shrink": string; "flex-grow": string; "flex-basis": string; }; '[data-orientation="horizontal"] &': { "padding-left": string; }; '[data-orientation="vertical"] &': { "padding-top": string; }; }; }[]; defaultStyles: { "": { display: string; }; '[data-orientation="horizontal"] &': { "flex-direction": string; "margin-left": string; top?: undefined; left?: undefined; transform?: undefined; bottom?: undefined; right?: undefined; }; '[data-orientation="vertical"] &': { "flex-direction": string; "margin-top": string; top?: undefined; left?: undefined; transform?: undefined; bottom?: undefined; right?: undefined; }; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; width: string; height: string; "border-radius": string; "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; '[data-orientation="horizontal"] &': { top: string; left: string; transform: string; "flex-direction"?: undefined; "margin-left"?: undefined; bottom?: undefined; right?: undefined; }; '[data-orientation="vertical"] &': { top: string; left: string; transform: string; "flex-direction"?: undefined; "margin-top"?: undefined; bottom?: undefined; right?: undefined; }; ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; }; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; width: string; height: string; "border-radius": string; "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; '[data-orientation="horizontal"] &': { bottom: string; right: string; transform: string; "flex-direction"?: undefined; "margin-left"?: undefined; top?: undefined; left?: undefined; }; '[data-orientation="vertical"] &': { bottom: string; right: string; transform: string; "flex-direction"?: undefined; "margin-top"?: undefined; top?: undefined; left?: undefined; }; ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; }; optionalLayers?: undefined; })[]; props: ({ label: string; name: string; type: { kind: string; }; default: string; options: { label: string; value: string; }[]; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; options?: undefined; } | { label: string; name: string; type: { kind: string; }; default: number; placeholder: string; help: string; options?: undefined; })[]; events: { label: string; name: string; help: string; isDefault: boolean; additionalSources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; }[]; defaultStyles: { "": { position: string; }; }; sources: never[]; actions: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }[]; }[]; }; readonly Checkbox: { readonly name: "Checkbox"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly gap: "6px"; readonly "font-size": "var(--theme-fontSizes-xs)"; readonly "line-height": "0.75rem"; readonly width: "12px"; readonly height: "12px"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly gap: "8px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "line-height": "1.25rem"; readonly width: "16px"; readonly height: "16px"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly gap: "10px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "line-height": "1.2rem"; readonly width: "20px"; readonly height: "20px"; readonly "padding-left": "2px"; readonly "padding-right": "2px"; readonly "padding-top": "2px"; readonly "padding-bottom": "2px"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly gap: "12px"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly "line-height": "1.5rem"; readonly width: "24px"; readonly height: "24px"; readonly "padding-left": "2px"; readonly "padding-right": "2px"; readonly "padding-top": "2px"; readonly "padding-bottom": "2px"; }; }; }]; readonly default: "md"; readonly help: "The size of the button. \"md\" is the default size"; }, { readonly label: "Variant"; readonly name: "variant"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "Solid"; readonly value: "solid"; readonly selector: "[data-variant=\"solid\"]"; readonly styles: { readonly "": { readonly "border-color": "var(--theme-border-default)"; }; readonly ':is([data-state="checked"], [data-state="indeterminate"])': { readonly "background-color": "var(--palette-solid)"; readonly color: "var(--palette-contrast)"; readonly "border-color": "var(--palette-solid)"; }; }; }, { readonly label: "Subtle"; readonly value: "subtle"; readonly selector: "[data-variant=\"subtle\"]"; readonly styles: { readonly "": { readonly "background-color": "var(--palette-muted)"; readonly "border-color": "var(--palette-muted)"; }; readonly ":is([data-state=checked], [data-state=indeterminate])": { readonly color: "var(--palette-fg)"; }; }; }, { readonly label: "Outline"; readonly value: "outline"; readonly selector: "[data-variant=\"outline\"]"; readonly styles: { readonly "": { readonly "border-color": "var(--theme-border-default)"; }; readonly ":is([data-state=checked], [data-state=indeterminate])": { readonly color: "var(--palette-fg)"; readonly "border-color": "var(--palette-solid)"; }; }; }]; readonly default: "solid"; }, { readonly label: "Color Palette"; readonly name: "data-palette"; readonly type: { readonly kind: "palette"; }; readonly default: "brand"; readonly help: "The color scheme of the button"; }]; readonly props: readonly [{ readonly label: "Label"; readonly name: "children"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The label to display"; }, { readonly label: "Initial Value"; readonly name: "defaultChecked"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Enter default value"; readonly help: "The input's default value"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the checkbox is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly isDefault: true; readonly help: "Select an action to run when input's value has changed"; }]; readonly defaultStyles: { readonly ":disabled": { readonly opacity: "0.5"; }; readonly ":invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly position: "relative"; readonly gap: "8px"; readonly "vertical-align": "top"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-medium)"; readonly cursor: "pointer"; readonly "justify-content": "center"; readonly "flex-shrink": "0"; readonly color: "var(--theme-colors-white)"; readonly "border-width": "1px"; readonly "border-color": "transparent"; readonly "border-radius": "var(--theme-radii-sm)"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: null }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }]; }; readonly Collapsible: { readonly name: "Collapsible"; readonly acceptsChildren: true; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "Trigger"; readonly name: "Trigger"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "asChild"; readonly name: "asChild"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button should be rendered as it's child"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "row"; }; }; }, { readonly id: "Content"; readonly name: "Content"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; }; }; }]; readonly props: readonly [{ readonly label: "Initially Open?"; readonly name: "defaultOpen"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The initial state of the component"; }]; readonly events: readonly [{ readonly label: "When open change"; readonly name: "onOpenChange"; readonly help: "Select an action to run when component is toggled"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$isOpen"; readonly name: "Is Open"; readonly description: "Whether the component is open or not"; readonly template: "$$isOpen"; readonly instanceTemplate: "Is Open"; readonly outputType: { readonly kind: "boolean"; }; }]; }]; readonly additionalStates: readonly [{ readonly label: "isOpen"; readonly value: "[data-state=\"open\"]"; }, { readonly label: "isClosed"; readonly value: "[data-state=\"closed\"]"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s popover is open"; readonly provider: "StateProvider"; readonly description: "Whether the popover is open or not"; readonly template: "$get('{{= it.component.id}}', { isOpen: {{= it.stringify(it.component.props.defaultOpen) }} }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Open the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true }, 'Open'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Close the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false }, 'Close'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; readonly defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; readonly Command: { readonly name: "Command"; readonly acceptsChildren: true; readonly category: "Input"; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly isDefault: true; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The input's default value"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onValueChange"; readonly help: "Select an action to run when item is selected"; readonly additionalSources: readonly [{ readonly id: "UMFd6Pexb48GergJbE4WX"; readonly name: "Selected Value"; readonly instanceTemplate: "Selected Value"; readonly description: "The value of the selected item"; readonly template: "$$payload"; readonly outputType: { readonly kind: "text"; readonly isDynamic: true; }; }]; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly height: "100%"; readonly width: "100%"; readonly "flex-direction": "column"; readonly "overflow-x": "hidden"; readonly "overflow-y": "hidden"; readonly "border-radius": "var(--theme-radii-md)"; readonly "background-color": "white"; }; }; readonly sources: readonly []; readonly actions: readonly []; readonly optionalLayers: readonly [{ readonly id: "CommandInput"; readonly name: "Command Input"; readonly acceptsChildren: false; readonly props: readonly [{ readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "Enter some text..."; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }]; readonly defaultStyles: { readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly display: "flex"; readonly height: "44px"; readonly width: "100%"; readonly "border-bottom-width": "1px"; readonly "background-color": "transparent"; readonly "padding-top": "12px"; readonly "padding-bottom": "12px"; readonly "padding-left": "12px"; readonly "padding-right": "12px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly outline: "none"; }; }; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; }]; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the input"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }, { readonly id: "CommandList"; readonly name: "Command List"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "max-height": "300px"; readonly "overflow-y": "auto"; readonly "overflow-x": "hidden"; }; }; }, { readonly id: "CommandEmpty"; readonly name: "Command Empty"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "padding-top": "24px"; readonly "padding-bottom": "24px"; readonly "text-align": "center"; readonly "font-size": "var(--theme-fontSizes-sm)"; }; }; }, { readonly id: "CommandItem"; readonly name: "Command Item"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter a value..."; readonly help: "The items's value"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the item is disabled"; }]; readonly events: readonly [{ readonly label: "When selected"; readonly name: "onSelect"; readonly help: "Select an action to run when item is selected"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "UMFd6Pexb48GergJbE4WX"; readonly name: "Selected Value"; readonly instanceTemplate: "Selected Value"; readonly description: "The value of the selected item"; readonly template: "$$payload"; readonly outputType: { readonly kind: "text"; readonly isDynamic: true; }; }]; }]; readonly defaultStyles: { readonly "[aria-selected='true']": { readonly "background-color": "var(--theme-border-default)"; }; readonly "[data-disabled='true']": { readonly opacity: 0.5; readonly "pointer-events": "none"; }; readonly "": { readonly position: "relative"; readonly display: "flex"; readonly cursor: "default"; readonly "user-select": "none"; readonly "align-items": "center"; readonly "border-radius": "var(--theme-radii-sm)"; readonly "padding-left": "8px"; readonly "padding-right": "8px"; readonly "padding-top": "6px"; readonly "padding-bottom": "6px"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly outline: "none"; }; }; readonly additionalStates: readonly [{ readonly label: "Is Selected"; readonly value: "[aria-selected='true']"; }, { readonly label: "Is disabled"; readonly value: "[data-disabled='true']"; }]; }, { readonly id: "CommandGroup"; readonly name: "Command Group"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "Heading"; readonly name: "heading"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Group heading..."; readonly help: "The groups's name"; }]; readonly defaultStyles: { readonly "": { readonly "overflow-x": "hidden"; readonly "overflow-y": "hidden"; readonly "padding-top": "4px"; readonly "padding-bottom": "4px"; readonly "padding-left": "4px"; readonly "padding-right": "4px"; readonly color: "var(--theme-fg-default)"; }; }; }, { readonly id: "CommandSeparator"; readonly name: "Command Separator"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly height: "1px"; readonly "margin-left": "-4px"; readonly "margin-right": "-4px"; readonly "background-color": "var(--theme-border-default)"; }; }; }, { readonly id: "CommandLoading"; readonly name: "Command Loading"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": {}; }; }]; readonly defaultChildren: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; }[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; })[]; }; readonly Container: { readonly name: "Container"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "div"; readonly options: readonly [{ readonly label: "div (default)"; readonly value: "div"; }, { readonly label: "article"; readonly value: "article"; }, { readonly label: "aside"; readonly value: "aside"; }, { readonly label: "details"; readonly value: "details"; }, { readonly label: "figcaption"; readonly value: "figcaption"; }, { readonly label: "figure"; readonly value: "figure"; }, { readonly label: "footer"; readonly value: "footer"; }, { readonly label: "header"; readonly value: "header"; }, { readonly label: "main"; readonly value: "main"; }, { readonly label: "mark"; readonly value: "mark"; }, { readonly label: "nav"; readonly value: "nav"; }, { readonly label: "section"; readonly value: "section"; }, { readonly label: "summary"; readonly value: "summary"; }, { readonly label: "time"; readonly value: "time"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'div'."; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly isDefault: true; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }, { readonly label: "When mouse enter"; readonly name: "onMouseEnter"; readonly help: "Select an action to run when button is hovered"; readonly isDefault: false; }, { readonly label: "When mouse leave"; readonly name: "onMouseLeave"; readonly help: "Select an action to run when button is no longer hovered"; readonly isDefault: false; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; readonly ConditionalContainer: { readonly name: "Conditional Container"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Show"; readonly name: "isShowing"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly isDefault: true; readonly placeholder: "Enter a condition"; readonly help: "The children of this component will show when condition is true"; }, { readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "div"; readonly options: readonly [{ readonly label: "div (default)"; readonly value: "div"; }, { readonly label: "article"; readonly value: "article"; }, { readonly label: "aside"; readonly value: "aside"; }, { readonly label: "details"; readonly value: "details"; }, { readonly label: "figcaption"; readonly value: "figcaption"; }, { readonly label: "figure"; readonly value: "figure"; }, { readonly label: "footer"; readonly value: "footer"; }, { readonly label: "header"; readonly value: "header"; }, { readonly label: "main"; readonly value: "main"; }, { readonly label: "mark"; readonly value: "mark"; }, { readonly label: "nav"; readonly value: "nav"; }, { readonly label: "section"; readonly value: "section"; }, { readonly label: "summary"; readonly value: "summary"; }, { readonly label: "time"; readonly value: "time"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'div'."; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly isDefault: true; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; readonly DataImport: { readonly name: "Data Importer"; readonly acceptsChildren: false; readonly category: "Data"; readonly dependsOn: readonly ["Button$Brevity", "Select$Brevity", "Spinner$Brevity"]; readonly layers: readonly [{ readonly id: "primaryButton"; readonly name: "Primary Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":active": { readonly "background-color": "var(--theme-brand-neutral-300)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "var(--theme-bg-muted)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "secondaryButton"; readonly name: "Secondary Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-bg-muted)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "background-color": "#ffffff"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }]; readonly props: readonly [{ readonly label: "Table"; readonly name: "table"; readonly type: { readonly kind: "columnMap"; }; readonly default: null; readonly isDefault: true; readonly placeholder: "Select a table"; readonly help: "The table you'd like to upload to"; readonly required: true; }, { readonly label: "Conflict Action"; readonly name: "conflictAction"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "update"; readonly options: readonly [{ readonly label: "Update (default)"; readonly value: "update"; }, { readonly label: "Ignore"; readonly value: "ignore"; }]; readonly placeholder: ""; readonly help: "The action to take when a conflict is detected"; }]; readonly events: readonly [{ readonly label: "When done"; readonly name: "onClose"; readonly isDefault: true; readonly help: "Select an action to run when process is finished"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly width: "100%"; readonly "margin-left": "auto"; readonly "margin-right": "auto"; readonly "margin-top": "0px"; readonly "margin-bottom": "0px"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly DataTable: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: string; isDefault: boolean; required: boolean; placeholder: string; help: string; additionalSources?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: null; isDefault: boolean; required: boolean; placeholder: string; help: string; additionalSources: { id: string; name: string; instanceTemplate: string; description: string; template: string; outputType: { kind: string; template: string; }; callback: string[]; }[]; })[]; defaultStyles: { "": { height: string; padding: string; "font-weight": string; "letter-spacing": string; color: string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; }; }; sources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; template: string; isList: boolean; }; source: string; }[]; dependsOn?: undefined; } | { id: string; name: string; acceptsChildren: boolean; dependsOn: string[]; props: { label: string; name: string; isDefault: boolean; type: { kind: string; isDynamic: boolean; }; default: string; required: boolean; placeholder: string; help: string; }[]; defaultStyles: { "": { height: string; padding: string; "font-weight": string; "letter-spacing": string; color: string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; }; }; sources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; template: string; isList: boolean; }; source: string; }[]; })[]; props: ({ label: string; name: string; required: boolean; type: { kind: string; isList: boolean; template?: undefined; isDynamic?: undefined; }; default: { kind: string; isList: boolean; __type?: undefined; source?: undefined; transforms?: undefined; }; placeholder: string; help: string; isDefault?: undefined; } | { label: string; name: string; required: boolean; type: { kind: string; template: string; isList: boolean; isDynamic?: undefined; }; default: null; placeholder: string; help: string; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; isList?: undefined; template?: undefined; }; isDefault: boolean; default: null; placeholder: string; help: string; required?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; isList?: undefined; template?: undefined; }; default: { __type: string; source: { data: { number: number; }; kind: string; kindId: string; }; transforms: never[]; kind?: undefined; isList?: undefined; }; placeholder: string; help: string; required?: undefined; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; isList?: undefined; template?: undefined; }; required: boolean; isDefault: boolean; default: number; placeholder: string; help: string; })[]; events: never[]; defaultStyles: { "": { "border-style": string; "border-width": string; "border-color": string; "border-radius": string; }; }; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; template: string; isList: boolean; }; }[]; actions: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; readonly DateInput: { readonly name: "Date Input"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "date"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter a date..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "Enter a date..."; readonly placeholder: "Enter a placeholder..."; readonly help: "The placeholder text to display"; }, { readonly label: "Format"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly default: "date"; readonly isDefault: true; readonly options: readonly [{ readonly label: "Date"; readonly value: "date"; }, { readonly label: "Time"; readonly value: "time"; }, { readonly label: "Date and Time"; readonly value: "datetime-local"; }]; readonly placeholder: ""; readonly help: "The type of input to use"; }, { readonly label: "Required"; readonly name: "required"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly isDefault: true; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: null }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "date"; }; }, { readonly id: "isValid"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s value is valid"; readonly description: "Returns true if input value is valid"; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.checkValidity();"; readonly instanceTemplate: "is {{= it.component.name }}'s value valid"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "date"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: "Blur input \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; readonly Dialog: { readonly name: "Dialog"; readonly acceptsChildren: false; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "DialogTrigger"; readonly name: "Dialog Trigger"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": {}; }; }, { readonly id: "DialogContent"; readonly name: "Dialog Content"; readonly acceptsChildren: true; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-sm)"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-md)"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-lg)"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-2xl)"; }; }; }, { readonly label: "xl"; readonly value: "xl"; readonly selector: "[data-size=\"xl\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-4xl)"; }; }; }, { readonly label: "full"; readonly value: "full"; readonly selector: "[data-size=\"full\"]"; readonly styles: { readonly "": { readonly "max-width": "var(--theme-sizes-full)"; readonly "min-height": "var(--theme-sizes-screen-h)"; readonly "border-radius": "0px"; }; }; }]; readonly default: "md"; readonly help: "Whether the button is in a \"loading\" state"; }]; readonly props: readonly [{ readonly label: "Auto Focus"; readonly name: "autoFocus"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog manage focus for user?"; }]; readonly defaultStyles: { readonly "--bp-all": { readonly ":focus-visible": { readonly outline: "none"; }; readonly "": { readonly position: "fixed"; readonly top: "50%"; readonly left: "50%"; readonly "z-index": "var(--theme-zIndices-modal)"; readonly transform: "translate(-50%, -50%)"; readonly display: "grid"; readonly width: "100%"; readonly "max-height": "85vh"; readonly gap: "16px"; readonly "border-width": "1px"; readonly "background-color": "var(--theme-bg-panel)"; readonly "padding-top": "24px"; readonly "padding-bottom": "24px"; readonly "padding-left": "24px"; readonly "padding-right": "24px"; readonly "border-radius": "var(--theme-radii-lg)"; readonly "box-shadow": "var(--theme-shadows-lg)"; readonly "animation-duration": "200ms"; }; }; readonly "--bp-sm": { readonly "": { readonly "border-radius": "0px"; }; }; }; readonly optionalLayers: readonly [{ readonly id: "DialogClose"; readonly name: "Dialog Close"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "asChild"; readonly name: "asChild"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button should be rendered as it's child"; }]; readonly defaultStyles: { readonly "": {}; }; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; readonly isDefault: true; }]; }, { readonly id: "DialogHeader"; readonly name: "Dialog Header"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "6px"; readonly "text-align": "center"; }; }; readonly "--bp-sm": { readonly "": { readonly "text-align": "left"; }; }; }; }, { readonly id: "DialogFooter"; readonly name: "Dialog Footer"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-end"; readonly gap: "8px"; }; }; readonly "--bp-sm": { readonly "": { readonly "flex-direction": "column-reverse"; readonly "justify-content": "flex-start"; }; }; }; }, { readonly id: "DialogTitle"; readonly name: "Dialog Title"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "line-height": "var(--theme-lineHeights-none)"; readonly "letter-spacing": "var(--theme-letterSpacings-tight)"; }; }; }; }, { readonly id: "DialogDescription"; readonly name: "Dialog Description"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly color: "var(--theme-fg-muted)"; }; }; }; }]; }]; readonly props: readonly [{ readonly label: "Modal"; readonly name: "modal"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog be modal?"; }]; readonly events: readonly [{ readonly label: "When open change"; readonly name: "onOpenChange"; readonly help: "Select an action to run when component is toggled"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$isOpen"; readonly name: "Is Open"; readonly description: "Whether the component is open or not"; readonly template: "$$isOpen"; readonly instanceTemplate: "Is Open"; readonly outputType: { readonly kind: "boolean"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly "background-color": "rgba(0, 0, 0, 0.8)"; readonly position: "fixed"; readonly left: 0; readonly top: 0; readonly width: "100vw"; readonly height: "100dvh"; readonly "z-index": "var(--theme-zIndices-modal)"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s popover is open"; readonly provider: "StateProvider"; readonly description: "Whether the popover is open or not"; readonly template: "$get($$getKey('{{= it.component.id}}'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}}), { isOpen: false }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Open the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true }, 'Open'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Close the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false }, 'Close'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; readonly defaultChildren: ({ kind: string; props: {}; styleProps: { size?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { size: string; }; children: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: ({ kind: string; props: {}; styleProps: { variant?: undefined; size?: undefined; "data-palette"?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; })[]; })[]; })[]; }; readonly Editable: { readonly name: "Editable"; readonly acceptsChildren: false; readonly category: "Input"; readonly optionalLayers: readonly [{ readonly id: "EditablePreview"; readonly name: "Editable Preview"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly cursor: "text"; readonly "font-size": string; readonly "font-weight": string; readonly "text-align": string; readonly "background-color": string; readonly "border-radius": string; readonly "padding-left": string; readonly "padding-right": string; readonly "padding-top": string; readonly "padding-bottom": string; readonly "transition-property": string; readonly "transition-duration": string; }; readonly ":hover": { readonly "background-color": "var(--theme-bg-muted)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; }; }, { readonly id: "EditableInput"; readonly name: "Editable Input"; readonly acceptsChildren: false; readonly styleProps: readonly []; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly outline: "0"; readonly width: "100%"; readonly "font-size": string; readonly "font-weight": string; readonly "text-align": string; readonly "background-color": string; readonly "border-radius": string; readonly "padding-left": string; readonly "padding-right": string; readonly "padding-top": string; readonly "padding-bottom": string; readonly "transition-property": string; readonly "transition-duration": string; }; readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; }; }]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly isDefault: true; readonly placeholder: "Enter some text..."; readonly help: "The editables's default value"; }]; readonly events: readonly [{ readonly label: "When value changed"; readonly name: "onSubmit"; readonly help: "Fires when the editable's value is changed"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$value"; readonly name: "New Value"; readonly description: "The new value of the editable input"; readonly template: "$$value"; readonly instanceTemplate: "New Value"; readonly outputType: { readonly kind: "text"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly position: "relative"; readonly gap: "6px"; readonly width: "100%"; }; }; readonly sources: readonly []; readonly actions: readonly []; readonly defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; readonly ExternalLink: { readonly name: "External Link"; readonly acceptsChildren: true; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Link"; readonly name: "href"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "enter in a url"; readonly help: "The page the link will go to"; }, { readonly label: "Open in a new tab"; readonly name: "newTab"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: false; readonly placeholder: "Should the link open in a new tab"; readonly help: "Should the link open in a new tab"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly ":focus-within": { readonly "outline-width": "3px"; readonly "outline-color": "#7DADD9"; readonly "outline-style": "solid"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; readonly FileUpload: { readonly name: "File Upload"; readonly acceptsChildren: true; readonly category: "Input"; readonly props: readonly [{ readonly label: "File type"; readonly name: "acceptType"; readonly isDefault: true; readonly type: { readonly kind: "select"; }; readonly default: "image/*"; readonly options: readonly [{ readonly label: "Image"; readonly value: "image/*"; }, { readonly label: "Video"; readonly value: "video/*"; }, { readonly label: "File"; readonly value: "application/*"; }]; readonly placeholder: ""; readonly help: "The file type to use"; }, { readonly label: "Extensions"; readonly name: "extensions"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "defaults for file type"; readonly help: "A comma separated list of extensions ('.png, .jpeg'). Leave blank to use the default."; }, { readonly label: "Allow multiple"; readonly name: "allowMultiple"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "If input accepts mutliple files"; }, { readonly label: "Required"; readonly name: "required"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Min size"; readonly name: "minSize"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: 0; readonly placeholder: "Enter a number..."; readonly help: "The minimum file size in bytes"; }, { readonly label: "Max size"; readonly name: "maxSize"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a number..."; readonly help: "The maximum file size in bytes"; }, { readonly label: "Capture"; readonly name: "capture"; readonly type: { readonly kind: "select"; }; readonly default: "implementation"; readonly options: readonly [{ readonly label: "Unset"; readonly value: "implementation"; }, { readonly label: "Environement"; readonly value: "environment"; }, { readonly label: "User"; readonly value: "user"; }]; readonly placeholder: ""; readonly help: "The capture type. 'User' for camera, 'Environment' for camera, 'Unset' for default"; }]; readonly additionalStates: readonly [{ readonly label: "Is dragging over"; readonly value: "[data-drag-active=\"true\"]"; }]; readonly events: readonly [{ readonly label: "When dropped"; readonly name: "handleDrop"; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When success"; readonly name: "onSuccess"; readonly isDefault: true; readonly help: "Select an action to run when the files have been uploaded"; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-brand-neutral-300)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-ring)"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "200px"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "16px"; readonly "padding-bottom": "16px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "dashed"; readonly "background-color": "var(--theme-bg-subtle)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; readonly sources: readonly [{ readonly id: "progress"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s progress"; readonly description: "Returns the progress of the upload 0 - 100"; readonly template: "$get('{{= it.component.id}}', { progress: 0 }).progress"; readonly instanceTemplate: "{{= it.component.name }}'s progress"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "error"; readonly name: "{{= it.component.name }}'s has error"; readonly provider: "StateProvider"; readonly description: "Whether the upload has an error"; readonly template: "$get('{{= it.component.id}}', { error: false }).error"; readonly instanceTemplate: "{{= it.component.name }} has error"; readonly outputType: { readonly kind: "boolean"; }; }, { readonly id: "file"; readonly name: "{{= it.component.name }}'s file(s)"; readonly provider: "StateProvider"; readonly description: "The uploaded file(s)"; readonly template: "$get('{{= it.component.id}}', { file: null }).file"; readonly instanceTemplate: "{{= it.component.name }}'s file(s)"; readonly outputType: { readonly kind: "file"; readonly dynamicList: "{{? it.allowMultiple }}true{{??}}false{{?}}"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly name: "Open \"{{= it.component.name }}\" input"; readonly description: "Open the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.click();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "clear"; readonly name: "clear \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "clear the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { file: null, error: false, progress: 0 });"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; readonly Form: { readonly name: "Form"; readonly id: "ClientForm$Brevity"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly []; readonly events: readonly [{ readonly label: "When submitted"; readonly name: "onSubmit"; readonly help: "Select an action to run when form is submitted"; readonly isDefault: true; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; readonly actions: readonly [{ readonly id: "reset"; readonly name: "Reset \"{{= it.component.name }}\"'s values"; readonly description: "Reset the values of the form"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.reset();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "submit"; readonly name: "Submit \"{{= it.component.name }}\"'s form"; readonly description: "Submits the form"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.requestSubmit();"; readonly instanceTemplate: "Submit \"{{= it.component.name }}\" form"; readonly props: readonly []; }]; }; readonly Icon: { readonly name: "Icon"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Icon"; readonly name: "children"; readonly type: { readonly kind: "icon"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: { readonly __type: "icon"; readonly icon: "sentiment_satisfied"; readonly pack: "materialsymbolsoutlined"; }; readonly placeholder: "Select an icon"; readonly help: "The icon to display"; }]; readonly defaultStyles: { readonly "": { readonly width: "1em"; readonly height: "1em"; readonly display: "inline-flex"; readonly "vertical-align": "middle"; readonly "line-height": "1em"; readonly "flex-shrink": 0; readonly "flex-grow": 0; readonly "flex-basis": "auto"; readonly color: "currentColor"; }; }; readonly sources: readonly []; }; readonly InternalLink: { readonly name: "Internal Link"; readonly acceptsChildren: true; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Link"; readonly name: "to"; readonly type: { readonly kind: "route"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "select a page"; readonly help: "The page the link will go to"; }, { readonly label: "Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; }, { readonly label: "Preserve existing query params?"; readonly name: "preserveSearchParams"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: "Preserve existing query params?"; readonly help: "Toggle to preserve existing query params when navigating to the new page"; }, { readonly label: "Open in a new tab"; readonly name: "newTab"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link open in a new tab"; readonly help: "Should the link open in a new tab"; }, { readonly label: "Active on exact match"; readonly name: "end"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link be active on exact match"; readonly help: "Should the link be active on exact match"; }]; readonly additionalStates: readonly [{ readonly label: "Link is active"; readonly value: "._active"; }, { readonly label: "Link is pending"; readonly value: "._pending"; }]; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; readonly Image: { readonly name: "Image"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Image"; readonly name: "image"; readonly type: { readonly kind: "image"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "https://assets.devize.com/uploads/generic/img-placeholder.svg"; readonly placeholder: "enter a url to an image"; readonly help: "The image to show"; }, { readonly label: "Description"; readonly name: "altText"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "enter a description of the image (for use by screen readers)"; readonly help: "The image to show"; }, { readonly label: "Is Critical?"; readonly name: "critical"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly help: "An image is \"critical\" if it is visible on the page before you scroll down"; }, { readonly label: "Sizes"; readonly name: "sizes"; readonly type: { readonly kind: "text"; }; readonly default: null; readonly help: "The sizes attribute specifies the width of the image, in pixels, at which the image will be displayed. It is used for responsive design. The value is a comma-separated list of media conditions or media condition and size value pairs."; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "1"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "object-fit": "cover"; }; }; readonly sources: readonly []; }; readonly Input: { readonly name: "Input"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly isDefault: true; readonly placeholder: "Enter some text..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "Enter some text..."; readonly isDefault: true; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Format"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "text"; readonly options: readonly [{ readonly label: "Text"; readonly value: "text"; }, { readonly label: "Email"; readonly value: "email"; }, { readonly label: "Password"; readonly value: "password"; }, { readonly label: "Phone"; readonly value: "tel"; }, { readonly label: "Search"; readonly value: "search"; }, { readonly label: "URL"; readonly value: "url"; }, { readonly label: "Hidden"; readonly value: "hidden"; }, { readonly label: "Verification Code"; readonly value: "otp"; }]; readonly placeholder: ""; readonly help: "The type of input to use"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Minimum Length"; readonly name: "minlength"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a number..."; readonly help: "The minimum length allowed"; }, { readonly label: "Maximum Length"; readonly name: "maxlength"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a number..."; readonly help: "The maximum length allowed"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has changed"; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload?.target?.value"; readonly outputType: { readonly kind: "text"; }; }]; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload?.target?.value"; readonly outputType: { readonly kind: "text"; }; }]; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload?.target?.value"; readonly outputType: { readonly kind: "text"; }; }]; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: {{= it.stringify(it.component.props.defaultValue) }} ?? '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }, { readonly id: "isValid"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s value is valid"; readonly description: "Returns true if input value is valid"; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id}}\"]')?.checkValidity()"; readonly instanceTemplate: "is {{= it.component.name }}'s value valid"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the input"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; readonly List: { readonly name: "List"; readonly acceptsChildren: true; readonly category: "Container"; readonly styleProps: readonly [{ readonly label: "Divide"; readonly name: "data-divide"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "None"; readonly value: "none"; readonly selector: ""; readonly styles: {}; }, { readonly label: "Divide Y"; readonly value: "y"; readonly selector: "[data-divide=\"y\"] > * + * > *"; readonly styles: { readonly "": { readonly "border-top-width": "1px"; readonly "border-top-color": "var(--theme-border-default)"; readonly "border-top-style": "solid"; }; }; }, { readonly label: "Divide X"; readonly value: "x"; readonly selector: "[data-divide=\"x\"] > * + * > *"; readonly styles: { readonly "": { readonly "border-right-width": "1px"; readonly "border-right-color": "var(--theme-border-default)"; readonly "border-right-style": "solid"; }; }; }]; readonly default: "none"; }]; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly required: true; readonly placeholder: ""; readonly help: "The type for the items in the list"; }, { readonly label: "Data"; readonly name: "data"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the list"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; }; readonly ListBox: { readonly name: "ListBox"; readonly acceptsChildren: true; readonly category: "Input"; readonly optionalLayers: readonly [{ readonly id: "ListContent"; readonly name: "List Content"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; readonly optionalLayers: readonly [{ readonly id: "ListItem"; readonly name: "List Item"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "user-select": "none"; readonly display: "flex"; readonly "align-items": "center"; readonly gap: "8px"; readonly cursor: "option"; readonly "justify-content": "space-between"; readonly "border-radius": "var(--theme-radii-md)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "[data-highlighted]": { readonly "background-color": "color-mix(in oklch, var(--theme-bg-emphasized) 60%, transparent)"; }; }; readonly additionalStates: readonly [{ readonly label: "is hightlighted"; readonly value: "[data-highlighted]"; }]; readonly optionalLayers: readonly [{ readonly id: "ListItemText"; readonly name: "List Item Text"; readonly acceptsChildren: false; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "1"; readonly "flex-shrink": "1"; readonly "flex-basis": "0%"; }; }; }, { readonly id: "ListItemIndicator"; readonly name: "List Item Indicator"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "align-items": "center"; readonly "justify-content": "center"; readonly gap: "4px"; }; readonly svg: { readonly width: "16px"; readonly height: "16px"; }; }; }]; }]; }, { readonly id: "ListInput"; readonly name: "List Input"; readonly acceptsChildren: false; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; }]; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly required: true; readonly placeholder: ""; readonly help: "The type for the items in the list"; }, { readonly label: "Items"; readonly name: "items"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the list"; }, { readonly label: "Label"; readonly name: "itemToString"; readonly type: { readonly kind: "text"; readonly isDynamic: true; readonly isCallback: "list"; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The values for the items in the select"; readonly additionalSources: readonly [{ readonly id: "$$i"; readonly name: "options's current index"; readonly description: "The current index of the list"; readonly template: "$$i"; readonly instanceTemplate: "option's current index"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "$$d"; readonly name: "options's current data"; readonly description: "The current data of the list"; readonly template: "$$d"; readonly instanceTemplate: "option's current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "List"; readonly sourceProp: "options"; }]; }, { readonly label: "Initial Value"; readonly name: "initialValue"; readonly isDefault: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a default value"; readonly help: "The listbox's default value"; }, { readonly label: "Allow Multiple"; readonly name: "multiple"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly required: false; readonly isDefault: true; readonly default: true; readonly placeholder: ""; readonly help: "Whether the listbox allows multiple selections"; }, { readonly label: "Loop focus"; readonly name: "loopFocus"; readonly type: { readonly kind: "boolean"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: false; readonly default: false; readonly placeholder: ""; readonly help: "Whether the focus should loop around when navigating through items"; }, { readonly label: "Typeahead"; readonly name: "typeahead"; readonly type: { readonly kind: "boolean"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: false; readonly default: true; readonly placeholder: ""; readonly help: "Whether the listbox supports typeahead navigation"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly defaultStyles: { readonly "": { readonly diplay: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "6px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onValueChange"; readonly help: "Select an action to run when listbox's value has changed"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "QcMxXrgXQdKQHEG7Bji6k"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload"; readonly outputType: { readonly kind: "dynamic"; readonly template: ".type"; readonly isList: true; }; }]; }]; readonly sources: readonly [{ readonly id: "selected items"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the select"; readonly template: "$get('{{= it.component.id}}', { value: [] }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; }]; readonly defaultChildren: readonly [{ readonly kind: "ListBox$Brevity.ListContent"; readonly props: {}; readonly styleProps: {}; readonly children: readonly [{ readonly kind: "ListBox$Brevity.ListContent.ListItem"; readonly props: {}; readonly styleProps: {}; readonly children: readonly [{ readonly kind: "ListBox$Brevity.ListContent.ListItem.ListItemText"; readonly props: {}; readonly styleProps: {}; readonly children: readonly []; }, { readonly kind: "ListBox$Brevity.ListContent.ListItem.ListItemIndicator"; readonly props: {}; readonly styleProps: {}; readonly children: readonly [{ readonly kind: "Icon$Brevity"; readonly props: { readonly children: { readonly fill: false; readonly icon: "check"; readonly pack: "materialsymbolsoutlined"; readonly __type: "icon"; readonly weight: 400; }; }; readonly styleProps: {}; readonly children: readonly []; }]; }]; }]; }]; }; readonly VirtualList: { readonly name: "Virtual List"; readonly isPending: true; readonly acceptsChildren: true; readonly category: "Container"; readonly stylesProps: readonly []; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly required: true; readonly placeholder: ""; readonly help: "The type for the items in the list"; }, { readonly label: "Data"; readonly name: "data"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the list"; }, { readonly label: "Estimated size"; readonly name: "estimatedSize"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: true; readonly isDefault: true; readonly default: 32; readonly placeholder: ""; readonly help: "The esitimated height in px of each item in the list"; }, { readonly label: "Overscan"; readonly name: "overscan"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: false; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to render outside the visible area"; }, { readonly label: "Has next pgage"; readonly name: "hasNextPage"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly required: false; readonly isDefault: false; readonly default: false; readonly placeholder: ""; readonly help: "Whether there is a next page of data to load"; }, { readonly label: "Is loading more data"; readonly name: "isFetchingNextPage"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly required: false; readonly isDefault: false; readonly default: false; readonly placeholder: ""; readonly help: "Whether the next page of data is being fetched"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly events: readonly [{ readonly label: "When needs more data"; readonly name: "fetchNextPage"; readonly help: "Triggered when the list needs more data, e.g. when the user scrolls to the bottom"; readonly isDefault: false; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "overflow-y": "auto"; readonly "overflow-x": "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; }; readonly Login: { readonly name: "Login"; readonly acceptsChildren: false; readonly category: "Other"; readonly dependsOn: readonly ["Text$Brevity", "Input$Brevity", "Button$Brevity"]; readonly layers: readonly [{ readonly id: "headline"; readonly name: "Headline"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "white-space": "pre-wrap"; readonly "overflow-wrap": "normal"; readonly gap: "0px"; readonly color: "inherit"; readonly width: "auto"; readonly height: "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "font-size": "inherit"; readonly "max-width": "100%"; readonly "min-width": "auto"; readonly "flex-basis": "auto"; readonly "font-weight": "inherit"; readonly "max-height": "100%"; readonly "min-height": "auto"; readonly "text-align": "left"; readonly "align-items": "flex-start"; readonly "flex-shrink": "1"; readonly "font-family": "var(--theme-fonts-body)"; readonly "padding-top": "0px"; readonly "border-color": "var(--theme-brand-neutral-200)"; readonly "border-style": "solid"; readonly "border-width": "0px"; readonly "padding-left": "0px"; readonly "border-radius": "0px"; readonly "padding-right": "0px"; readonly "padding-bottom": "0px"; readonly "justify-content": "flex-start"; readonly "background-color": "transparent"; }; }; }, { readonly id: "subtitle"; readonly name: "Subtitle"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "white-space": "pre-wrap"; readonly "overflow-wrap": "normal"; readonly gap: "0px"; readonly color: "inherit"; readonly width: "auto"; readonly height: "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "font-size": "inherit"; readonly "max-width": "100%"; readonly "min-width": "auto"; readonly "flex-basis": "auto"; readonly "font-weight": "inherit"; readonly "max-height": "100%"; readonly "min-height": "auto"; readonly "text-align": "left"; readonly "align-items": "flex-start"; readonly "flex-shrink": "1"; readonly "font-family": "var(--theme-fonts-body)"; readonly "padding-top": "0px"; readonly "border-color": "var(--theme-brand-neutral-200)"; readonly "border-style": "solid"; readonly "border-width": "0px"; readonly "padding-left": "0px"; readonly "border-radius": "0px"; readonly "padding-right": "0px"; readonly "padding-bottom": "0px"; readonly "justify-content": "flex-start"; readonly "background-color": "transparent"; }; }; }, { readonly id: "error"; readonly name: "Error"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-error)"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly "background-color": "var(--theme-bg-panel)"; readonly gap: "var(--theme-spacing-3xs)"; readonly padding: "var(--theme-spacing-3xs)"; readonly display: "flex"; readonly "align-items": "center"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-color": "var(--theme-border-error)"; readonly "border-width": "1px"; }; }; }, { readonly id: "container"; readonly name: "Container"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-xs)"; }; }; }, { readonly id: "input"; readonly name: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; }, { readonly id: "primaryButton"; readonly name: "Primary Button"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; }, { readonly id: "secondaryButton"; readonly name: "Secondary Button"; readonly styleProps: import("@brevity-builder/models").StyleProp[]; readonly defaultStyles: { ":focus-visible": { "outline-width": string; "outline-offset": string; "outline-style": string; "outline-color": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " svg": { "flex-shrink": string; }; "": { display: string; appearance: string; "align-items": string; "justify-content": string; "user-select": string; position: string; "border-radius": string; "white-space": string; "vertical-align": string; "border-width": string; "border-color": string; "flex-shrink": string; outline: string; "line-height": string; isolation: string; "font-family": string; "font-weight": string; "transition-property": string; "transition-duration": string; }; }; }, { readonly id: "divider"; readonly name: "Divider"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly gap: "40px"; readonly "border-color": "var(--theme-border-default)"; }; }; }, { readonly id: "footer"; readonly name: "Footer"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly width: "100%"; readonly "justify-content": "space-between"; readonly "align-items": "center"; }; }; }, { readonly id: "link"; readonly name: "Link"; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "2px"; readonly "outline-offset": "2px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; }; }; }]; readonly props: readonly [{ readonly label: "Redirect"; readonly name: "callbackUrl"; readonly type: { readonly kind: "route"; readonly isDynamic: false; }; readonly default: null; readonly placeholder: "Select a page"; readonly help: "The page you'd like to redirect to"; readonly required: true; }, { readonly label: "Redirect Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; }, { readonly label: "Disable Create Account"; readonly name: "disableCreate"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "When checked, the create account button will be disabled"; readonly required: false; }, { readonly label: "Title"; readonly name: "title"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "Welcome"; readonly placeholder: "Enter some text..."; readonly help: "The text to display"; readonly required: false; }, { readonly label: "Subtitle"; readonly name: "subtitle"; readonly isDefault: true; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "Enter email to continue"; readonly placeholder: "Enter some text..."; readonly help: "The text to display"; readonly required: false; }, { readonly label: "Disable Passkeys"; readonly name: "disablePasskey"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "When checked, the create passkey flow will be disabled"; readonly required: false; }]; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-sm)"; readonly width: "100%"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly Markdown: { readonly name: "Markdown"; readonly acceptsChildren: false; readonly category: "Container"; readonly props: readonly [{ readonly label: "Markdown Content"; readonly name: "markdownContent"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "markdown content"; readonly help: "The markdown content to render."; }]; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "justify-content": "flex-start"; readonly "align-items": "flex-start"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; }; readonly Modal: { readonly name: "Modal"; readonly acceptsChildren: true; readonly category: "Container"; readonly isDisabled: true; readonly props: readonly [{ readonly label: "Auto Focus"; readonly name: "autoFocus"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the popover manage focus for user?"; }, { readonly label: "Modal"; readonly name: "modal"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog be modal?"; }]; readonly events: readonly [{ readonly label: "When closed"; readonly name: "onClose"; readonly help: "Select an action to run when modal is closed"; readonly isDefault: true; }]; readonly defaultStyles: { readonly "": { readonly position: "fixed"; readonly top: "50%"; readonly left: "50%"; readonly transform: "translate(-50%, -50%)"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "z-index": "var(--theme-zIndices-modal)"; readonly "background-color": "white"; readonly "border-radius": "var(--theme-radii-md)"; readonly "box-shadow": "var(--theme-shadows-lg)"; readonly width: "90vw"; readonly "max-width": "512px"; readonly "max-height": "85vh"; readonly "padding-top": "24px"; readonly "padding-bottom": "24px"; readonly "padding-left": "24px"; readonly "padding-right": "24px"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s modal is open"; readonly provider: "StateProvider"; readonly description: "Whether the modal is open or not"; readonly template: "$get($$getKey('{{= it.component.id}}'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}}), { isOpen: false }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" modal"; readonly provider: "StateProvider"; readonly description: "Open the modal"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true });"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" modal"; readonly provider: "StateProvider"; readonly description: "Close the modal"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false });"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; readonly NumberInput: { readonly name: "Number Input"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "Enter a number..."; readonly placeholder: "Enter a placeholder..."; readonly help: "The placeholder text to display"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Minimum Value"; readonly name: "min"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The minimum value allowed"; }, { readonly label: "Maximum Value"; readonly name: "max"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The maximum value allowed"; }, { readonly label: "Step"; readonly name: "step"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter a number..."; readonly help: "The step value for the input"; }, { readonly label: "Hide Controls"; readonly name: "hideControls"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Set to true to hide the controls"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly isDefault: true; readonly help: "Select an action to run when input's has blurred"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: {{= it.stringify(it.component.props.defaultValue) }} ?? '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "isValid"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s value is valid"; readonly description: "Returns true if input value is valid"; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.checkValidity();"; readonly instanceTemplate: "is {{= it.component.name }}'s value valid"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; readonly Pagination: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; "": { "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; width: string; height: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-radius": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; }; layers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; }; }; layers: ({ id: string; name: string; defaultStyles: { ":hover": { "background-color": string; }; ":active": { "background-color": string; }; ":focus": { outline: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { opacity: number; cursor: string; "box-shadow": string; }; "": { "font-family": string; "font-weight": string; "font-size": string; color: string; "text-align": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; gap: string; width: string; height: string; "min-width": string; "min-height": string; "max-width": string; "max-height": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-color": string; "border-radius": string; "border-width": string; "border-style": string; "background-color": string; "box-shadow": string; cursor: string; }; }; } | { id: string; name: string; defaultStyles: { "": { display: string; "justify-content": string; "align-items": string; width: string; height: string; }; }; })[]; })[]; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; placeholder: string; help: string; required: boolean; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: number; placeholder: string; help: string; required: boolean; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: number; placeholder: string; help: string; required?: undefined; })[]; events: { label: string; name: string; help: string; isDefault: boolean; additionalSources: { id: string; name: string; instanceTemplate: string; description: string; template: string; outputType: { kind: string; }; }[]; }[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; }; }; sources: never[]; actions: never[]; }; readonly Popover: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { "z-index"?: undefined; "min-width"?: undefined; overflow?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "border-radius"?: undefined; "border-width"?: undefined; "background-color"?: undefined; "box-shadow"?: undefined; }; }; } | { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; }[]; default: string; required: boolean; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; }; default: number; required: boolean; placeholder: string; help: string; options?: undefined; } | { label: string; name: string; type: { kind: string; }; default: boolean; required: boolean; placeholder: string; help: string; options?: undefined; })[]; defaultStyles: { "": { "z-index": string; "min-width": string; overflow: string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "border-radius": string; "border-width": string; "background-color": string; "box-shadow": string; }; }; })[]; props: never[]; events: { label: string; name: string; help: string; isDefault: boolean; additionalSources: { id: string; name: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; }[]; defaultStyles: {}; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; actions: { id: string; availableInCanvas: boolean; name: string; provider: string; description: string; async: boolean; template: string; instanceTemplate: string; props: never[]; }[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; readonly Prose: { readonly name: "Prose"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Content"; readonly name: "wysiwyg"; readonly required: true; readonly type: { readonly kind: "wysiwyg"; }; readonly default: ""; readonly placeholder: "enter some content"; readonly help: "The content to display"; }]; readonly defaultStyles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "background-color": "transparent"; readonly "border-left-style": "none"; readonly "border-left-width": "0px"; readonly "border-left-color": "var(--theme-border-default)"; readonly "border-top-style": "none"; readonly "border-top-width": "0px"; readonly "border-top-color": "var(--theme-border-default)"; readonly "border-right-style": "none"; readonly "border-right-width": "0px"; readonly "border-right-color": "var(--theme-border-default)"; readonly "border-bottom-style": "none"; readonly "border-bottom-width": "0px"; readonly "border-bottom-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-none)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly width: "var(--theme-sizes-full)"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "justify-content": "flex-start"; readonly "align-items": "flex-start"; readonly "padding-left": "var(--theme-sizes-zero)"; readonly "padding-right": "var(--theme-sizes-zero)"; readonly "padding-top": "var(--theme-sizes-zero)"; readonly "padding-bottom": "var(--theme-sizes-zero)"; readonly "margin-left": "var(--theme-sizes-zero)"; readonly "margin-right": "var(--theme-sizes-zero)"; readonly "margin-top": "var(--theme-sizes-zero)"; readonly "margin-bottom": "var(--theme-sizes-zero)"; }; }; readonly sources: readonly []; }; readonly RawHTML: { readonly name: "Raw HTML"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Text Content"; readonly name: "value"; readonly required: true; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: "

Hello World

"; readonly placeholder: "enter some text"; readonly help: "The text to display"; }]; readonly defaultStyles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; }; }; readonly sources: readonly []; }; readonly Repeater: { readonly name: "Repeater"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly required: true; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly placeholder: ""; readonly help: "The type for the items in the repeater"; }, { readonly label: "Data"; readonly name: "data"; readonly required: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the repeater"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly defaultStyles: { readonly "": {}; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; }; readonly ScrollAwareContainer: { readonly name: "Scroll Aware Container"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Element threshold"; readonly name: "threshold"; readonly type: { readonly kind: "number"; }; readonly default: 0.5; readonly isDefault: true; readonly placeholder: "Enter the threshold"; readonly help: "What percent (as a fraction) of the block needs to be in view before triggering events"; }, { readonly label: "Trigger margin"; readonly name: "rootMargin"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "0px"; readonly placeholder: "Enter the margin"; readonly help: "Extends the margin of the target so events can fire before this block is visible"; }, { readonly label: "Only trigger event once"; readonly name: "once"; readonly type: { readonly kind: "checkbox"; }; readonly default: false; readonly placeholder: ""; readonly help: "If the event should fire everytime or once"; }, { readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "div"; readonly options: readonly [{ readonly label: "div (default)"; readonly value: "div"; }, { readonly label: "article"; readonly value: "article"; }, { readonly label: "aside"; readonly value: "aside"; }, { readonly label: "details"; readonly value: "details"; }, { readonly label: "figcaption"; readonly value: "figcaption"; }, { readonly label: "figure"; readonly value: "figure"; }, { readonly label: "footer"; readonly value: "footer"; }, { readonly label: "header"; readonly value: "header"; }, { readonly label: "main"; readonly value: "main"; }, { readonly label: "mark"; readonly value: "mark"; }, { readonly label: "nav"; readonly value: "nav"; }, { readonly label: "section"; readonly value: "section"; }, { readonly label: "summary"; readonly value: "summary"; }, { readonly label: "time"; readonly value: "time"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'div'."; }]; readonly events: readonly [{ readonly label: "When in viewport"; readonly name: "onEnter"; readonly isDefault: true; readonly help: "Select an action to run when container is enters viewport"; }, { readonly label: "When off viewport"; readonly name: "onLeave"; readonly isDefault: true; readonly help: "Select an action to run when container is leaves viewport"; }, { readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; readonly actions: readonly [{ readonly id: "scrollIntoView"; readonly name: "Scroll \"{{= it.component.name }}\" into view"; readonly description: "Scroll the element into view"; readonly async: false; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.scrollIntoView({ behavior: {{= it.stringify(it.data.behavior) }} ?? \"auto\", block: {{= it.stringify(it.data.block) }} ?? \"start\", inline: {{= it.stringify(it.data.inline) }} ?? \"nearest\" });"; readonly instanceTemplate: ""; readonly props: readonly [{ readonly label: "Scroll behavior"; readonly name: "behavior"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "auto"; readonly value: "auto"; }, { readonly label: "smooth"; readonly value: "smooth"; }]; readonly placeholder: "Choose a value"; readonly required: true; readonly default: "auto"; readonly help: "sets the scroll behavior"; }, { readonly label: "Vertical align"; readonly name: "block"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "start"; readonly value: "start"; }, { readonly label: "center"; readonly value: "center"; }, { readonly label: "end"; readonly value: "end"; }, { readonly label: "nearest"; readonly value: "nearest"; }]; readonly placeholder: "Choose a value"; readonly required: true; readonly default: "start"; readonly help: "sets the vertical alignment"; }, { readonly label: "Horizontal align"; readonly name: "inline"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "start"; readonly value: "start"; }, { readonly label: "center"; readonly value: "center"; }, { readonly label: "end"; readonly value: "end"; }, { readonly label: "nearest"; readonly value: "nearest"; }]; readonly placeholder: "Choose a value"; readonly required: true; readonly default: "nearest"; readonly help: "sets the horizontal alignment"; }]; }]; }; readonly Select: { readonly name: "Select"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly required: true; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly placeholder: ""; readonly help: "The (list) type for the items in the select"; }, { readonly label: "Options"; readonly name: "options"; readonly required: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly default: null; readonly placeholder: ""; readonly help: "The values for the items in the select"; }, { readonly label: "Label"; readonly name: "getOptionLabel"; readonly type: { readonly kind: "text"; readonly isDynamic: true; readonly isCallback: "list"; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The values for the items in the select"; readonly additionalSources: readonly [{ readonly id: "$$i"; readonly name: "options's current index"; readonly description: "The current index of the list"; readonly template: "$$i"; readonly instanceTemplate: "option's current index"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "$$d"; readonly name: "options's current data"; readonly description: "The current data of the list"; readonly template: "$$d"; readonly instanceTemplate: "option's current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "List"; readonly sourceProp: "options"; }]; }, { readonly label: "Initial Value"; readonly name: "defaultValue"; readonly isDefault: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a default value"; readonly help: "The select's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Position"; readonly name: "position"; readonly type: { readonly kind: "select"; }; readonly default: "popper"; readonly options: readonly [{ readonly label: "Popper"; readonly value: "popper"; }, { readonly label: "Item Aligned"; readonly value: "item-aligned"; }]; readonly placeholder: ""; readonly help: "The placement of the dropdown menu"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the select is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when select's value has changed"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "QcMxXrgXQdKQHEG7Bji6k"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload"; readonly outputType: { readonly kind: "dynamic"; readonly template: ".type"; readonly isList: false; }; }]; }]; readonly defaultStyles: { readonly "": { readonly appearance: "none"; readonly "align-items": "center"; readonly "justify-content": "space-between"; readonly "user-select": "none"; readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the select"; readonly template: "$get('{{= it.component.id}}', { value: '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the select"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the select to"; }]; }]; }; readonly Separator: { readonly name: "Separator"; readonly acceptsChildren: false; readonly category: "Other"; readonly props: readonly [{ readonly label: "Orientation"; readonly name: "orientation"; readonly type: { readonly kind: "select"; }; readonly default: "horizontal"; readonly isDefault: true; readonly options: readonly [{ readonly label: "Horizontal"; readonly value: "horizontal"; }, { readonly label: "Vertical"; readonly value: "vertical"; }]; readonly placeholder: ""; readonly help: "The orientation of the separator"; }, { readonly label: "Decorative"; readonly name: "decorative"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly placeholder: ""; readonly help: "Whether the separator is decorative or not"; }]; readonly events: readonly []; readonly defaultStyles: { readonly '[data-orientation="horizontal"]': { readonly height: "1px"; readonly width: "100%"; }; readonly '[data-orientation="vertical"]': { readonly width: "1px"; readonly height: "auto"; }; readonly "": { readonly "flex-shrink": "0"; readonly "background-color": "var(--theme-border-default)"; }; }; readonly sources: readonly []; }; readonly Sheet: { readonly name: "Sheet"; readonly acceptsChildren: false; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "SheetTrigger"; readonly name: "Sheet Trigger"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "": {}; }; }, { readonly id: "SheetContent"; readonly name: "Sheet Content"; readonly acceptsChildren: true; readonly styleProps: readonly [{ readonly label: "Side"; readonly name: "side"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "right"; readonly value: "right"; readonly selector: "[data-side=\"right\"]"; readonly styles: { readonly "": { readonly top: "0"; readonly bottom: "0"; readonly right: "0"; readonly height: "100%"; readonly width: "75%"; readonly "max-width": "384px"; readonly "border-left-width": "1px"; readonly "border-left-style": "solid"; }; }; }, { readonly label: "left"; readonly value: "left"; readonly selector: "[data-side=\"left\"]"; readonly styles: { readonly "": { readonly top: "0"; readonly bottom: "0"; readonly left: "0"; readonly height: "100%"; readonly width: "75%"; readonly "max-width": "384px"; readonly "border-right-width": "1px"; readonly "border-right-style": "solid"; }; }; }, { readonly label: "top"; readonly value: "top"; readonly selector: "[data-side=\"top\"]"; readonly styles: { readonly "": { readonly position: "absolute"; readonly top: "0"; readonly left: "0"; readonly right: "0"; readonly height: "auto"; readonly "border-bottom-width": "1px"; readonly "border-bottom-style": "solid"; }; }; }, { readonly label: "bottom"; readonly value: "bottom"; readonly selector: "[data-side=\"bottom\"]"; readonly styles: { readonly "": { readonly position: "absolute"; readonly bottom: "0"; readonly left: "0"; readonly right: "0"; readonly height: "auto"; readonly "border-top-width": "1px"; readonly "border-top-style": "solid"; }; }; }]; readonly default: "right"; readonly help: "Which side of the screen should the sheet be positioned on?"; }]; readonly props: readonly [{ readonly label: "Auto Focus"; readonly name: "autoFocus"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog manage focus for user?"; }]; readonly defaultStyles: { readonly "--bp-all": { readonly ":focus-visible": { readonly outline: "none"; }; readonly "": { readonly "background-color": "var(--theme-bg-panel)"; readonly position: "fixed"; readonly "z-index": "var(--theme-zIndices-modal)"; readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "16px"; readonly "box-shadow": "var(--theme-shadows-lg)"; }; }; readonly "--bp-sm": { readonly "": { readonly "border-radius": "0px"; }; }; }; readonly optionalLayers: readonly [{ readonly id: "SheetClose"; readonly name: "Sheet Close"; readonly acceptsChildren: true; readonly props: readonly [{ readonly label: "asChild"; readonly name: "asChild"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the button should be rendered as it's child"; }]; readonly defaultStyles: { readonly "": {}; }; readonly events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when button is clicked"; readonly isDefault: true; }]; }, { readonly id: "SheetHeader"; readonly name: "Sheet Header"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "16px"; readonly "padding-bottom": "16px"; readonly gap: "6px"; }; }; readonly "--bp-sm": { readonly "": { readonly "text-align": "left"; }; }; }; }, { readonly id: "SheetFooter"; readonly name: "Sheet Footer"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly display: "flex"; readonly "margin-top": "auto"; readonly "flex-direction": "row"; readonly "justify-content": "flex-end"; readonly gap: "8px"; readonly "padding-left": "16px"; readonly "padding-right": "16px"; readonly "padding-top": "16px"; readonly "padding-bottom": "16px"; }; }; readonly "--bp-sm": { readonly "": { readonly "flex-direction": "column-reverse"; readonly "justify-content": "flex-start"; }; }; }; }, { readonly id: "SheetTitle"; readonly name: "Sheet Title"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "line-height": "var(--theme-lineHeights-none)"; readonly "letter-spacing": "var(--theme-letterSpacings-tight)"; }; }; }; }, { readonly id: "SheetDescription"; readonly name: "Sheet Description"; readonly acceptsChildren: true; readonly props: readonly []; readonly defaultStyles: { readonly "--bp-all": { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly color: "var(--theme-fg-muted)"; }; }; }; }]; }]; readonly props: readonly [{ readonly label: "Modal"; readonly name: "modal"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly required: false; readonly placeholder: ""; readonly help: "Should the dialog be modal?"; }]; readonly events: readonly [{ readonly label: "When open change"; readonly name: "onOpenChange"; readonly help: "Select an action to run when component is toggled"; readonly isDefault: false; readonly additionalSources: readonly [{ readonly id: "$$isOpen"; readonly name: "Is Open"; readonly description: "Whether the component is open or not"; readonly template: "$$isOpen"; readonly instanceTemplate: "Is Open"; readonly outputType: { readonly kind: "boolean"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly "background-color": "rgba(0, 0, 0, 0.8)"; readonly position: "fixed"; readonly left: 0; readonly top: 0; readonly width: "100vw"; readonly height: "100dvh"; readonly "z-index": "var(--theme-zIndices-modal)"; }; }; readonly sources: readonly [{ readonly id: "isOpen"; readonly name: "{{= it.component.name }}'s popover is open"; readonly provider: "StateProvider"; readonly description: "Whether the popover is open or not"; readonly template: "$get($$getKey('{{= it.component.id}}'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}}), { isOpen: false }).isOpen"; readonly instanceTemplate: "{{= it.component.name }}'s is open"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "open"; readonly availableInCanvas: true; readonly name: "Open \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Open the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: true }, 'Open'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Open \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "close"; readonly availableInCanvas: true; readonly name: "Close \"{{= it.component.name }}\" popover"; readonly provider: "StateProvider"; readonly description: "Close the popover"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { isOpen: false }, 'Close'{{? it.hasIndex?.(it.data) }}, {{= it.findIndexes(it.data) }}{{?}});"; readonly instanceTemplate: "Close \"{{= it.component.name }}\""; readonly props: readonly []; }]; readonly defaultChildren: ({ kind: string; props: {}; styleProps: { size?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { size: string; }; children: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: ({ kind: string; props: {}; styleProps: { variant?: undefined; size?: undefined; "data-palette"?: undefined; }; children: { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; }[]; } | { kind: string; props: {}; styleProps: { variant: string; size: string; "data-palette": string; }; children: { kind: string; props: { value: string; }; styleProps: {}; children: never[]; }[]; })[]; })[]; })[]; }; readonly Sidebar: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; additionalStates: { label: string; value: string; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; width?: undefined; "flex-shrink"?: undefined; "background-color"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; position?: undefined; "min-width"?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { height: string; "margin-left": string; "margin-right": string; width: string; "flex-shrink": string; "background-color": string; display?: undefined; "flex-direction"?: undefined; gap?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; position?: undefined; "min-width"?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; "min-height": string; "flex-grow": string; "flex-shrink": string; "flex-basis": string; "flex-direction": string; gap: string; overflow: string; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; width?: undefined; "background-color"?: undefined; position?: undefined; "min-width"?: undefined; }; '[data-collapsible="icon"] &': { overflow: string; }; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; }; children: never[]; }[]; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { ":focus-visible": { "box-shadow": string; }; "": { display: string; height: string; "flex-shrink": string; "border-radius": string; "align-items": string; "font-size": string; "font-weight": string; "line-height": string; "letter-spacing": string; "text-transform": string; color: string; "padding-left": string; "padding-right": string; outline: string; width?: undefined; }; '[data-collapsible="icon"] &': { "margin-top": string; opacity: string; }; " > svg": { width: string; height: string; "flex-shrink": string; }; "--bp-md"?: undefined; "--bp-all"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { "--bp-md": { "::after": { display: string; }; }; "--bp-all": { "::after": { content: string; position: string; top: string; right: string; bottom: string; left: string; }; ":hover": { "background-color": string; color: string; }; ":focus-visible": { "box-shadow": string; }; "": { position: string; right: string; top: string; display: string; width: string; height: string; "align-items": string; "justify-content": string; "padding-left": string; "padding-top": string; "padding-right": string; "padding-bottom": string; color: string; outline: string; "border-radius": string; }; '[data-collapsible="icon"] &': { display: string; }; " > svg": { width: string; height: string; "flex-shrink": string; }; }; ":focus-visible"?: undefined; ""?: undefined; '[data-collapsible="icon"] &'?: undefined; " > svg"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { width: string; "font-size": string; display?: undefined; height?: undefined; "flex-shrink"?: undefined; "border-radius"?: undefined; "align-items"?: undefined; "font-weight"?: undefined; "line-height"?: undefined; "letter-spacing"?: undefined; "text-transform"?: undefined; color?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; outline?: undefined; }; ":focus-visible"?: undefined; '[data-collapsible="icon"] &'?: undefined; " > svg"?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; }; })[]; defaultStyles: { "": { position: string; display: string; width: string; "min-width": string; "flex-direction": string; "padding-top": string; "padding-bottom": string; "padding-right": string; "padding-left": string; gap?: undefined; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; "flex-shrink"?: undefined; "background-color"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { tooltip: string; }; styleProps: {}; children: ({ kind: string; props: { children: { __type: string; icon: string; pack: string; }; value?: undefined; }; styleProps: { size?: undefined; }; children: never[]; } | { kind: string; props: { value: string; children?: undefined; }; styleProps: { size: string; }; children: never[]; })[]; }[]; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultChildren: { kind: string; props: { tooltip: string; }; styleProps: {}; children: ({ kind: string; props: { children: { __type: string; icon: string; pack: string; }; value?: undefined; }; styleProps: { size?: undefined; }; children: never[]; } | { kind: string; props: { value: string; children?: undefined; }; styleProps: { size: string; }; children: never[]; })[]; }[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: ({ readonly label: "Link"; readonly name: "to"; readonly type: { readonly kind: "route"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "select a page"; readonly help: "The page the link will go to"; } | { readonly label: "Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; } | { readonly label: "Preserve existing query params?"; readonly name: "preserveSearchParams"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: "Preserve existing query params?"; readonly help: "Toggle to preserve existing query params when navigating to the new page"; } | { readonly label: "Open in a new tab"; readonly name: "newTab"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link open in a new tab"; readonly help: "Should the link open in a new tab"; } | { readonly label: "Active on exact match"; readonly name: "end"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Should the link be active on exact match"; readonly help: "Should the link be active on exact match"; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; required: boolean; isDefault: boolean; default: null; placeholder: string; help: string; })[]; additionalStates: readonly [{ readonly label: "Link is active"; readonly value: "._active"; }, { readonly label: "Link is pending"; readonly value: "._pending"; }]; events: readonly [{ readonly label: "When clicked"; readonly name: "onClick"; readonly help: "Select an action to run when container is clicked"; }]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": { __type: string; color: string; opacity: number; }; color?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": { __type: string; color: string; opacity: number; }; }; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; color?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; defaultStyles: { ":hover": { "background-color": string; color: string; }; ":focus-visible": { "box-shadow": string; "outline-width"?: undefined; "outline-style"?: undefined; "outline-color"?: undefined; }; ":disabled": { "pointer-events": string; opacity: number; }; "._active": { "background-color": string; color: string; }; " > span": { "line-height": string; overflow: string; "white-space": string; }; " > span:last-child": { "text-overflow": string; overflow: string; "white-space": string; }; " > svg": { color: string; width: string; height: string; "flex-shrink": string; }; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &': { "padding-right": string; }; "": { color: string; "font-weight": string; display: string; width: string; "align-items": string; gap: string; overflow: string; "border-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "text-align": string; "font-size": string; outline: string; transition: string; position?: undefined; right?: undefined; top?: undefined; height?: undefined; "min-width"?: undefined; "justify-content"?: undefined; "font-variant-numeric"?: undefined; "user-select"?: undefined; "pointer-events"?: undefined; "flex-direction"?: undefined; "border-left-width"?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; }; '[data-collapsible="icon"] &': { width: string; height: string; "padding-top": string; "padding-bottom": string; "padding-left": string; "padding-right": string; display?: undefined; }; "--bp-md"?: undefined; "--bp-all"?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; "[data-collapsible='icon'] &"?: undefined; }; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; required: boolean; isDefault: boolean; default: null; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic?: undefined; }; default: boolean; placeholder: string; help: string; required?: undefined; isDefault?: undefined; })[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; color: string; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": { __type: string; color: string; opacity: number; }; color?: undefined; "border-width"?: undefined; "border-color"?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; color?: undefined; "box-shadow"?: undefined; }; " svg": { color: string; }; ":hover": { "background-color": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; color?: undefined; }; " svg": { color: string; }; ":hover"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; defaultStyles: { ":hover": { "background-color": string; color?: undefined; }; ":focus-visible": { "outline-width": string; "outline-style": string; "outline-color": string; "box-shadow"?: undefined; }; ":disabled": { "pointer-events": string; opacity: number; }; " > span": { "line-height": string; overflow: string; "white-space": string; }; " > span:last-child": { "text-overflow": string; overflow: string; "white-space": string; }; " > svg": { color: string; width: string; height: string; "flex-shrink": string; }; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &': { "padding-right": string; }; "": { color: string; display: string; width: string; "align-items": string; gap: string; overflow: string; "border-width": string; "border-color": string; "font-weight": string; "border-radius": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "text-align": string; "font-size": string; outline: string; transition: string; position?: undefined; right?: undefined; top?: undefined; height?: undefined; "min-width"?: undefined; "justify-content"?: undefined; "font-variant-numeric"?: undefined; "user-select"?: undefined; "pointer-events"?: undefined; "flex-direction"?: undefined; "border-left-width"?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; }; '[data-collapsible="icon"] &': { width: string; height: string; "padding-top": string; "padding-bottom": string; "padding-left": string; "padding-right": string; display?: undefined; }; "._active"?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; "[data-collapsible='icon'] &"?: undefined; }; additionalStates?: undefined; events?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { "--bp-md": { "[data-show-on-hover]": { opacity: number; }; "::after": { display: string; }; }; "--bp-all": { ":focus-visible": { "box-shadow": string; }; ":hover": { "background-color": string; color: string; }; "::after": { content: string; position: string; top: string; right: string; bottom: string; left: string; }; "": { position: string; right: string; top: string; display: string; width: string; height: string; "align-items": string; "justify-content": string; "padding-left": string; "padding-top": string; "padding-right": string; "padding-bottom": string; color: string; outline: string; "border-radius": string; }; '[data-size="sm"] ~ &': { top: string; }; '[data-size="default"] ~ &': { top: string; }; '[data-size="lg"] ~ &': { top: string; }; '[data-active="true"]': { color: string; }; " > svg": { width: string; height: string; "flex-shrink": string; }; '[data-collapsible="icon"] &': { display: string; }; '[data-sidebar="menu-button"]:hover ~ &': { color: string; }; '[data-sidebar="menu-item"]:hover &[data-show-on-hover]': { opacity: number; }; '[data-sidebar="menu-item"]:focus-within &[data-show-on-hover]': { opacity: number; }; '[data-state="open"][data-show-on-hover]': { opacity: number; }; '[data-sidebar="menu-button"][data-active="true"] ~ &[data-show-on-hover]': { color: string; }; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; "._active"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &'?: undefined; ""?: undefined; '[data-collapsible="icon"] &'?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; "[data-collapsible='icon'] &"?: undefined; }; additionalStates?: undefined; events?: undefined; styleProps?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; right: string; top: string; display: string; height: string; "min-width": string; "align-items": string; "justify-content": string; "padding-left": string; "padding-right": string; "font-size": string; "font-weight": string; "border-radius": string; "font-variant-numeric": string; "user-select": string; "pointer-events": string; color?: undefined; width?: undefined; gap?: undefined; overflow?: undefined; "border-width"?: undefined; "border-color"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "text-align"?: undefined; outline?: undefined; transition?: undefined; "flex-direction"?: undefined; "border-left-width"?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; }; '[data-size="sm"]': { top: string; }; '[data-size="lg"]': { top: string; }; '[data-active="true"]': { color: string; }; '[data-collapsible="icon"] &': { display: string; width?: undefined; height?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; '[data-sidebar="menu-button"]:hover &': { color: string; }; '[data-sidebar="menu-button"]:focus &': { color: string; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; "._active"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &'?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; "[data-collapsible='icon'] &"?: undefined; }; additionalStates?: undefined; events?: undefined; styleProps?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { position: string; display?: undefined; width?: undefined; "align-items"?: undefined; gap?: undefined; overflow?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "text-align"?: undefined; "font-size"?: undefined; outline?: undefined; transition?: undefined; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-collapsible="icon"] &'?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { ":hover": { "background-color": string; color: string; }; ":focus-visible": { "box-shadow": string; }; ":disabled": { "pointer-events": string; opacity: number; }; " > span": { "line-height": string; }; " > span:last-child": { "text-overflow": string; overflow: string; "white-space": string; }; " > svg": { width: string; height: string; "flex-shrink": string; color: string; }; "": { display: string; width: string; "align-items": string; gap: string; overflow: string; "border-radius": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "text-align": string; "font-size": string; outline: string; transition: string; position?: undefined; }; '[data-collapsible="icon"] &': { display: string; }; }; })[]; defaultStyles: { "": { display: string; "flex-direction": string; gap: string; "min-width": string; "border-left-width": string; "margin-left": string; "margin-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; color?: undefined; "font-weight"?: undefined; width?: undefined; "align-items"?: undefined; overflow?: undefined; "border-width"?: undefined; "border-color"?: undefined; "border-radius"?: undefined; "padding-right"?: undefined; "text-align"?: undefined; "font-size"?: undefined; outline?: undefined; transition?: undefined; position?: undefined; right?: undefined; top?: undefined; height?: undefined; "justify-content"?: undefined; "font-variant-numeric"?: undefined; "user-select"?: undefined; "pointer-events"?: undefined; }; "[data-collapsible='icon'] &": { display: string; }; ":hover"?: undefined; ":focus-visible"?: undefined; ":disabled"?: undefined; "._active"?: undefined; " > span"?: undefined; " > span:last-child"?: undefined; " > svg"?: undefined; '[data-sidebar="menuitem"]:has([data-sidebar="menu-action"]) &'?: undefined; '[data-collapsible="icon"] &'?: undefined; "--bp-md"?: undefined; "--bp-all"?: undefined; '[data-size="sm"]'?: undefined; '[data-size="lg"]'?: undefined; '[data-active="true"]'?: undefined; '[data-sidebar="menu-button"]:hover &'?: undefined; '[data-sidebar="menu-button"]:focus &'?: undefined; }; additionalStates?: undefined; events?: undefined; styleProps?: undefined; })[]; defaultStyles: { "": { position: string; display?: undefined; height?: undefined; "align-items"?: undefined; gap?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "border-radius"?: undefined; }; '[data-state="collapsed"] &'?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; defaultStyles: { '[data-state="collapsed"] &': { display: string; }; "": { display: string; height: string; "align-items": string; gap: string; "padding-left": string; "padding-right": string; "border-radius": string; position?: undefined; }; }; defaultChildren?: undefined; optionalLayers?: undefined; })[]; defaultStyles: { "": { display: string; width: string; "min-width": string; "flex-direction": string; gap: string; "padding-top"?: undefined; "padding-bottom"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; height?: undefined; "margin-left"?: undefined; "margin-right"?: undefined; "flex-shrink"?: undefined; "background-color"?: undefined; "min-height"?: undefined; "flex-grow"?: undefined; "flex-basis"?: undefined; overflow?: undefined; position?: undefined; }; '[data-collapsible="icon"] &'?: undefined; "--bp-sm"?: undefined; "--bp-all"?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "--bp-sm": { ":hover::after": { "background-color": string; }; "": { display: string; }; }; "--bp-all": { "::after": { content: string; position: string; top: string; bottom: string; left: string; width: string; }; "": { display: string; position: string; top: string; bottom: string; "z-index": string; width: string; transform: string; transition: string; }; '[data-side="left"] &': { right: string; cursor: string; }; '[data-side="right"] &': { left: string; cursor: string; }; '[data-collapsible="offcanvas"] &': { transform: string; }; '[data-collapsible="offcanvas"] &::after': { left: string; }; '[data-collapsible="offcanvas"] &:hover': { "background-color": string; }; '[data-collapsible="offcanvas"][data-size="left"] &': { right: string; }; '[data-collapsible="offcanvas"][data-size="right"] &': { left: string; }; }; ""?: undefined; '[data-collapsible="icon"] &'?: undefined; }; defaultChildren?: undefined; optionalLayers?: undefined; })[]; props: { label: string; name: string; type: { kind: string; }; options: { label: string; value: string; }[]; default: string; isDefault: boolean; placeholder: string; help: string; }[]; defaultStyles: { "--bp-all": { "": { display: string; "flex-direction": string; "background-color": string; color: string; position?: undefined; "min-height"?: undefined; "flex-basis"?: undefined; "flex-grow"?: undefined; "flex-shrink"?: undefined; }; '[data-collapsible="none"]': { display: string; height: string; width: string; "flex-direction": string; "background-color": string; color: string; }; '[data-mobile="true"]': { width: string; "background-color": string; color: string; "padding-top": string; "padding-right": string; "padding-left": string; "padding-bottom": string; }; '[data-mobile="true"] > button': { display: string; }; ' [data-mobile="false"]': { position: string; top: string; bottom: string; width: string; height: string; transition: string; }; '[data-side="left"]& [data-mobile="false"]': { left: string; }; '[data-side="left"][data-collapsible="offcanvas"]& [data-mobile="false"]': { left: string; }; '[data-side="right"]& [data-mobile="false"]': { right: string; }; '[data-side="right"][data-collapsible="offcanvas"]& [data-mobile="false"]': { right: string; }; '[data-variant="floating"]& [data-mobile="false"]': { "padding-top": string; "padding-right": string; "padding-left": string; "padding-bottom": string; }; '[data-variant="floating"][data-collapsible="icon"]& [data-mobile="false"]': { width: string; }; '[data-variant="inset"][data-collapsible="icon"]& [data-mobile="false"]': { width: string; }; '[data-variant="sidebar"][data-collapsible="icon"]& [data-mobile="false"]': { width: string; }; '[data-variant="sidebar"][data-side="left"]& [data-mobile="false"]': { "border-right-width": string; }; '[data-variant="sidebar"][data-side="right"]& [data-mobile="false"]': { "border-left-width": string; }; '[data-variant="inset"] ~ &'?: undefined; }; "--bp-md": { "": { display: string; }; '[data-variant="inset"][data-state="collapsed"] ~ &'?: undefined; }; ""?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "--bp-md": { '[data-variant="inset"][data-state="collapsed"] ~ &': { "margin-left": string; }; ""?: undefined; }; "--bp-all": { '[data-variant="inset"] ~ &': { "margin-left": string; "margin-right": string; "margin-top": string; "margin-bottom": string; "background-color": string; "border-radius": string; "box-shadow": string; "min-height": string; }; "": { position: string; display: string; "flex-direction": string; "min-height": string; "flex-basis": string; "flex-grow": string; "flex-shrink": string; "background-color"?: undefined; color?: undefined; }; '[data-collapsible="none"]'?: undefined; '[data-mobile="true"]'?: undefined; '[data-mobile="true"] > button'?: undefined; ' [data-mobile="false"]'?: undefined; '[data-side="left"]& [data-mobile="false"]'?: undefined; '[data-side="left"][data-collapsible="offcanvas"]& [data-mobile="false"]'?: undefined; '[data-side="right"]& [data-mobile="false"]'?: undefined; '[data-side="right"][data-collapsible="offcanvas"]& [data-mobile="false"]'?: undefined; '[data-variant="floating"]& [data-mobile="false"]'?: undefined; '[data-variant="floating"][data-collapsible="icon"]& [data-mobile="false"]'?: undefined; '[data-variant="inset"][data-collapsible="icon"]& [data-mobile="false"]'?: undefined; '[data-variant="sidebar"][data-collapsible="icon"]& [data-mobile="false"]'?: undefined; '[data-variant="sidebar"][data-side="left"]& [data-mobile="false"]'?: undefined; '[data-variant="sidebar"][data-side="right"]& [data-mobile="false"]'?: undefined; }; ""?: undefined; }; additionalStates?: undefined; optionalLayers?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { width: string; height: string; }; "--bp-all"?: undefined; "--bp-md"?: undefined; }; additionalStates?: undefined; optionalLayers?: undefined; })[]; props: { label: string; name: string; type: { kind: string; }; default: boolean; placeholder: string; help: string; }[]; events: never[]; defaultStyles: { ":has(> [data-variant='inset'])": { "background-color": string; }; "": { display: string; "flex-direction": string; "min-height": string; width: string; }; }; sources: never[]; actions: never[]; defaultChildren: ({ kind: string; props: { side: string; collapsible: string; variant: string; }; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: ({ kind: string; props: {}; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; }; children: never[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { children: { __type: string; icon: string; pack: string; }; }; styleProps: {}; children: never[]; }[]; } | { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: {}; styleProps: {}; children: { kind: string; props: { tooltip: string; }; styleProps: {}; children: ({ kind: string; props: { children: { __type: string; icon: string; pack: string; }; value?: undefined; }; styleProps: { size?: undefined; }; children: never[]; } | { kind: string; props: { value: string; children?: undefined; }; styleProps: { size: string; }; children: never[]; })[]; }[]; }[]; }[]; })[]; }[]; }[]; } | { kind: string; props: { side?: undefined; collapsible?: undefined; variant?: undefined; }; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; }; children: never[]; }[]; })[]; }; readonly Signup: { readonly name: "Signup"; readonly acceptsChildren: false; readonly category: "Other"; readonly layers: readonly [{ readonly id: "headline"; readonly name: "Headline"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-default)"; readonly "font-family": "var(--theme-fonts-heading)"; readonly "font-weight": "var(--theme-fontWeights-bold)"; readonly "font-size": "var(--theme-fontSizes-2xl)"; readonly margin: "0px 0px"; }; }; }, { readonly id: "subtitle"; readonly name: "Subtitle"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-default)"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly margin: "0px 0px"; }; }; }, { readonly id: "error"; readonly name: "Error"; readonly defaultStyles: { readonly "": { readonly color: "var(--theme-fg-error)"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly "background-color": "#FFFFFF"; readonly gap: "var(--theme-spacing-3xs)"; readonly padding: "var(--theme-spacing-3xs)"; readonly display: "flex"; readonly "align-items": "center"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-color": "var(--theme-border-error)"; readonly "border-width": "1px"; }; }; }, { readonly id: "container"; readonly name: "Container"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-xs)"; }; }; }, { readonly id: "input"; readonly name: "Input"; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-border-emphasized)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-500)"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; }, { readonly id: "primaryButton"; readonly name: "Primary Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-emphasized)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "var(--theme-bg-muted)"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "footer"; readonly name: "Footer"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly width: "100%"; readonly "justify-content": "space-between"; readonly "align-items": "center"; }; }; }, { readonly id: "link"; readonly name: "Link"; readonly defaultStyles: { readonly ":focus-within": { readonly "outline-width": "3px"; readonly "outline-color": "#7DADD9"; readonly "outline-style": "solid"; }; readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; }; }; }]; readonly props: readonly [{ readonly label: "Redirect"; readonly name: "callbackUrl"; readonly type: { readonly kind: "route"; readonly isDynamic: false; }; readonly default: null; readonly placeholder: "Select a page"; readonly help: "The page you'd like to redirect to"; readonly required: true; }, { readonly label: "Callback Query Params"; readonly name: "query"; readonly type: { readonly kind: "static"; readonly of: "queryParam"; readonly isList: true; }; readonly default: null; readonly placeholder: "Select an (optional) set of query params"; readonly help: "The query params you'd like to pass to the page"; }, { readonly label: "Login"; readonly name: "loginUrl"; readonly type: { readonly kind: "route"; readonly isDynamic: false; }; readonly default: null; readonly placeholder: "Select a page"; readonly help: "The page you'd like to redirect to"; readonly required: true; }]; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly gap: "var(--theme-spacing-sm)"; readonly width: "100%"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly Skeleton: { readonly name: "Skeleton"; readonly acceptsChildren: false; readonly category: "Other"; readonly props: readonly []; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly width: "100px"; readonly height: "20px"; readonly "border-radius": "var(--theme-radii-md)"; readonly "background-color": "var(--theme-bg-emphasized)"; }; }; readonly sources: readonly []; }; readonly Slot: { readonly name: "Slot"; readonly acceptsChildren: false; readonly category: "Component"; readonly props: readonly []; readonly defaultStyles: {}; readonly sources: readonly []; }; readonly Switch: { readonly name: "Switch"; readonly acceptsChildren: false; readonly category: "Input"; readonly props: readonly [{ readonly label: "Label"; readonly name: "children"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The label to display"; }, { readonly label: "Initial Value"; readonly name: "defaultChecked"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: "Enter default value"; readonly help: "The input's default value"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the Switch is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly isDefault: true; readonly help: "Select an action to run when input's value has changed"; }]; readonly defaultStyles: { readonly "": { readonly display: "inline-flex"; readonly "align-items": "center"; readonly position: "relative"; readonly gap: "8px"; readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: null }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }]; }; readonly SwitchContainer: { readonly name: "Switch Container"; readonly acceptsChildren: false; readonly category: "Container"; readonly optionalLayers: readonly [{ readonly id: "Fallback"; readonly name: "Fallback"; readonly acceptsChildren: true; readonly props: readonly []; readonly additionalStates: readonly []; readonly defaultStyles: {}; }, { readonly id: "Content"; readonly name: "Content"; readonly acceptsChildren: true; readonly props: readonly []; readonly additionalStates: readonly []; readonly defaultStyles: {}; }]; readonly props: readonly [{ readonly label: "Condition"; readonly name: "resolve"; readonly type: { readonly kind: "value"; readonly isDynamic: true; }; readonly required: true; readonly default: false; readonly placeholder: "Enter a condition"; readonly help: "The content child of this component will show when condition is truthy or it will show the fallback child"; }]; readonly events: readonly []; readonly defaultStyles: {}; readonly sources: readonly []; readonly defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; readonly Outlet: { readonly name: "Outlet"; readonly acceptsChildren: false; readonly category: "Page"; readonly props: readonly []; readonly defaultStyles: {}; readonly sources: readonly []; }; readonly OTP: { readonly name: "OTP"; readonly acceptsChildren: true; readonly category: "Input"; readonly optionalLayers: readonly [{ readonly id: "OTPSlot"; readonly name: "OTP Input"; readonly acceptsChildren: false; readonly props: readonly [{ readonly label: "Index"; readonly name: "index"; readonly type: { readonly kind: "number"; }; readonly default: null; readonly required: true; readonly placeholder: "Index"; readonly help: "The index of the input"; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-border-emphasized)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-blue-500)"; readonly "box-shadow": "var(--theme-brand-brand-500) 0px 0px 0px 1px"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":active": { readonly "z-index": 10; readonly "border-color": "var(--theme-brand-blue-500)"; readonly "box-shadow": "var(--theme-brand-brand-500) 0px 0px 0px 1px"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "40px"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "8px"; readonly "padding-bottom": "8px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "1px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; }]; readonly props: readonly [{ readonly label: "Max length"; readonly name: "maxLength"; readonly type: { readonly kind: "number"; }; readonly default: 6; readonly required: true; readonly placeholder: "Max length"; readonly help: "The length of the otp"; }]; readonly events: readonly [{ readonly label: "When completed"; readonly name: "onComplete"; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has been completed"; readonly additionalSources: readonly [{ readonly id: "bzanwdrLLhVTUxpfjTPEJ"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload"; readonly outputType: { readonly kind: "text"; }; }]; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "center"; readonly gap: "8px"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly Passkeys: { readonly name: "Passkeys"; readonly acceptsChildren: false; readonly category: "Other"; readonly layers: readonly [{ readonly id: "iconButton"; readonly name: "Icon Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-bg-muted)"; readonly color: "var(--theme-colors-red-500)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly width: "40px"; readonly height: "40px"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "border-color": "white"; readonly "background-color": "#ffffff"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "button"; readonly name: "Button"; readonly defaultStyles: { readonly ":hover": { readonly "background-color": "var(--theme-colors-gray-100)"; }; readonly ":active": { readonly "background-color": "var(--theme-border-default)"; }; readonly ":focus-visible": { readonly "box-shadow": "var(--theme-shadows-outline)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; readonly "box-shadow": "none"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-colors-gray-800)"; readonly "text-align": "center"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "inline-flex"; readonly "flex-direction": "row"; readonly "justify-content": "center"; readonly "align-items": "center"; readonly gap: "8px"; readonly width: "auto"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-style": "solid"; readonly "background-color": "#ffffff"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly cursor: "pointer"; }; }; }, { readonly id: "input"; readonly name: "Input"; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-colors-gray-300)"; }; readonly ":focus": { readonly "border-color": "var(--theme-colors-blue-500)"; readonly "box-shadow": "rgb(49, 130, 206) 0px 0px 0px 1px"; }; readonly ":error": { readonly "border-color": "var(--theme-colors-red-500)"; }; readonly ":disabled": { readonly opacity: 0.4; readonly cursor: "not-allowed"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-colors-gray-800)"; readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly width: "100%"; readonly height: "40px"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "1px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly outline: "var(--theme-sizes-zero)"; }; }; }, { readonly id: "li"; readonly name: "List Item"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly padding: "var(--theme-spacing-xs)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "2px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-style": "solid"; readonly "justify-content": "space-between"; readonly "align-items": "center"; readonly gap: "8px"; }; }; }, { readonly id: "editable"; readonly name: "Passkey Name"; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "align-items": "center"; readonly "justify-content": "space-between"; readonly width: "100%"; readonly cursor: "pointer"; }; }; }]; readonly props: readonly []; readonly events: readonly []; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "flex-direction": "column"; readonly width: "100%"; readonly gap: "8px"; readonly margin: "0px"; readonly padding: "0px"; }; }; readonly sources: readonly []; readonly actions: readonly []; }; readonly Spinner: { readonly name: "Spinner"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Style"; readonly name: "spinner"; readonly type: { readonly kind: "select"; }; readonly default: "CircleFade"; readonly isDefault: true; readonly options: readonly [{ readonly label: "Plane"; readonly value: "Plane"; }, { readonly label: "Chase"; readonly value: "Chase"; }, { readonly label: "Bounce"; readonly value: "Bounce"; }, { readonly label: "Wave"; readonly value: "Wave"; }, { readonly label: "Pulse"; readonly value: "Pulse"; }, { readonly label: "Flow"; readonly value: "Flow"; }, { readonly label: "Swing"; readonly value: "Swing"; }, { readonly label: "Circle"; readonly value: "Circle"; }, { readonly label: "Circle with fade"; readonly value: "CircleFade"; }, { readonly label: "Grid"; readonly value: "Grid"; }, { readonly label: "Fold"; readonly value: "Fold"; }, { readonly label: "Wander"; readonly value: "Wander"; }]; readonly placeholder: "choose a spinner style"; readonly help: "The style of the spinner"; }, { readonly label: "Delay"; readonly name: "delay"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: 0; readonly placeholder: "No delay"; readonly help: "Amount of time to delay in ms"; }]; readonly defaultStyles: { readonly "": { readonly width: "40px"; readonly height: "40px"; readonly margin: "auto"; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "var(--theme-brand-neutral-emphasized)"; }; }; readonly sources: readonly []; }; readonly Tabs: { name: string; acceptsChildren: boolean; category: string; optionalLayers: ({ id: string; name: string; acceptsChildren: boolean; props: never[]; defaultStyles: { "": { display: string; position: string; isolation: string; "align-items": string; "justify-content": string; width: string; cursor?: undefined; "white-space"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "font-size"?: undefined; "font-weight"?: undefined; "background-color"?: undefined; "margin-top"?: undefined; }; '[data-variant="enclosed"]': { "border-radius": string; "background-color": string; "padding-left": string; "padding-right": string; "padding-top": string; "padding-bottom": string; "min-height": string; "justify-content"?: undefined; color?: undefined; }; '[data-variant="line"]': { width: string; "border-color": string; "border-bottom-width": string; color?: undefined; }; '[data-variant="outline"]': { "border-color": string; color?: undefined; isolation?: undefined; "border-width"?: undefined; "border-top-left-radius"?: undefined; "border-top-right-radius"?: undefined; "margin-bottom"?: undefined; }; '[data-variant="outline"]::before': { content: string; position: string; bottom: string; width: string; "border-bottom-width": string; "border-bottom-color": string; }; ":disabled"?: undefined; ":focus-visible"?: undefined; '[data-variant="enclosed"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]::before'?: undefined; '[data-variant="subtle"]'?: undefined; '[data-variant="subtle"][data-state="active"]'?: undefined; '[data-variant="outline"][data-state="active"]'?: undefined; '[data-variant="outline"]:not(:last-child)'?: undefined; }; additionalStates?: undefined; } | { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: boolean; placeholder: string; help: string; required?: undefined; })[]; additionalStates: { label: string; value: string; }[]; defaultStyles: { ":disabled": { opacity: number; cursor: string; "pointer-events": string; }; ":focus-visible": { outline: string; "box-shadow": string; }; "": { cursor: string; display: string; "justify-content": string; "white-space": string; "padding-right": string; "padding-left": string; "padding-top": string; "padding-bottom": string; "font-size": string; "font-weight": string; "align-items": string; "background-color": string; position?: undefined; isolation?: undefined; width?: undefined; "margin-top"?: undefined; }; '[data-variant="enclosed"]': { "justify-content": string; color: string; "border-radius": string; "background-color"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "min-height"?: undefined; }; '[data-variant="enclosed"][data-state="active"]': { "background-color": string; color: string; "box-shadow": string; }; '[data-variant="line"]': { color: string; width?: undefined; "border-color"?: undefined; "border-bottom-width"?: undefined; }; '[data-variant="line"][data-state="active"]': { color: string; position: string; }; '[data-variant="line"][data-state="active"]::before': { content: string; position: string; bottom: string; "inset-inline": string; height: string; background: string; }; '[data-variant="subtle"]': { "border-radius": string; color: string; }; '[data-variant="subtle"][data-state="active"]': { "background-color": string; color: string; }; '[data-variant="outline"]': { color: string; isolation: string; "border-width": string; "border-color": string; "border-top-left-radius": string; "border-top-right-radius": string; "margin-bottom": string; }; '[data-variant="outline"][data-state="active"]': { "background-color": string; color: string; "border-color": string; "border-bottom-color": string; }; '[data-variant="outline"]:not(:last-child)': { "margin-right": string; }; '[data-variant="outline"]::before'?: undefined; }; } | { id: string; name: string; acceptsChildren: boolean; props: { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; }[]; defaultStyles: { ":focus-visible": { outline: string; "box-shadow": string; }; "": { "margin-top": string; display?: undefined; position?: undefined; isolation?: undefined; "align-items"?: undefined; "justify-content"?: undefined; width?: undefined; cursor?: undefined; "white-space"?: undefined; "padding-right"?: undefined; "padding-left"?: undefined; "padding-top"?: undefined; "padding-bottom"?: undefined; "font-size"?: undefined; "font-weight"?: undefined; "background-color"?: undefined; }; '[data-variant="enclosed"]'?: undefined; '[data-variant="line"]'?: undefined; '[data-variant="outline"]'?: undefined; '[data-variant="outline"]::before'?: undefined; ":disabled"?: undefined; '[data-variant="enclosed"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]'?: undefined; '[data-variant="line"][data-state="active"]::before'?: undefined; '[data-variant="subtle"]'?: undefined; '[data-variant="subtle"][data-state="active"]'?: undefined; '[data-variant="outline"][data-state="active"]'?: undefined; '[data-variant="outline"]:not(:last-child)'?: undefined; }; additionalStates?: undefined; })[]; props: { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; }[]; styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: {}; }[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { '[data-tabs="list"]': { "min-height": string; }; '[data-variant="enclosed"][data-tabs="list"]': { "min-height": string; }; '[data-variant="enclosed"][data-tabs="trigger"]': { height: string; "min-width": string; }; '[data-tabs="trigger"]': { height: string; "min-width": string; "padding-top": string; "padding-bottom": string; "padding-left": string; "padding-right": string; "font-size": string; "line-height": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; events: never[]; defaultStyles: { "": { display: string; "flex-direction": string; position: string; }; }; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; }; }[]; actions: never[]; defaultChildren: ({ kind: string; props: { value?: undefined; }; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: {}; children: { kind: string; props: { value: string; }; styleProps: { size: string; variant: string; }; children: never[]; }[]; }[]; } | { kind: string; props: { value: string; }; styleProps: {}; children: never[]; })[]; }; readonly Text: { readonly name: "Text"; readonly acceptsChildren: false; readonly category: "Basic"; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "Inherit"; readonly value: "inherit"; readonly selector: "[data-size=\"inherit\"]"; readonly styles: { readonly "": { readonly "font-size": "inherit"; readonly "line-height": "inherit"; }; }; }, { readonly label: "2xs"; readonly value: "2xs"; readonly selector: "[data-size=\"2xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-2xs)"; readonly "line-height": "0.75rem"; }; }; }, { readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xs)"; readonly "line-height": "1rem"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "line-height": "1.25rem"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-md)"; readonly "line-height": "1.5rem"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly "line-height": "1.75rem"; }; }; }, { readonly label: "xl"; readonly value: "xl"; readonly selector: "[data-size=\"xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xl)"; readonly "line-height": "1.875rem"; }; }; }, { readonly label: "2xl"; readonly value: "2xl"; readonly selector: "[data-size=\"2xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-2xl)"; readonly "line-height": "2rem"; }; }; }, { readonly label: "3xl"; readonly value: "3xl"; readonly selector: "[data-size=\"3xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-3xl)"; readonly "line-height": "2.375rem"; }; }; }, { readonly label: "4xl"; readonly value: "4xl"; readonly selector: "[data-size=\"4xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-4xl)"; readonly "line-height": "2.75rem"; readonly "letter-spacing": "-0.025em"; }; }; }, { readonly label: "5xl"; readonly value: "5xl"; readonly selector: "[data-size=\"5xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-5xl)"; readonly "line-height": "3.75rem"; readonly "letter-spacing": "-0.025em"; }; }; }, { readonly label: "6xl"; readonly value: "6xl"; readonly selector: "[data-size=\"6xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-6xl)"; readonly "line-height": "4.5rem"; readonly "letter-spacing": "-0.025em"; }; }; }, { readonly label: "7xl"; readonly value: "7xl"; readonly selector: "[data-size=\"7xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-7xl)"; readonly "line-height": "5.75rem"; readonly "letter-spacing": "-0.025em"; }; }; }]; readonly default: "inherit"; readonly help: "The size of the avatr. \"md\" is the default size"; }, { readonly label: "Variant"; readonly name: "variant"; readonly type: { readonly kind: "select"; }; readonly default: "body"; readonly options: readonly [{ readonly label: "Body"; readonly value: "body"; readonly selector: "[data-variant=\"body\"]"; readonly styles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; }; }; }, { readonly label: "Heading"; readonly value: "heading"; readonly selector: "[data-variant=\"heading\"]"; readonly styles: { readonly "": { readonly "font-family": "var(--theme-fonts-heading)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; }; }; }, { readonly label: "label"; readonly value: "label"; readonly selector: "[data-variant=\"label\"]"; readonly styles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "line-height": "1.25rem"; readonly "font-weight": "var(--theme-fontWeights-medium)"; }; }; }, { readonly label: "Inherit"; readonly value: "inherit"; readonly selector: "[data-variant=\"inherit\"]"; readonly styles: { readonly "": { readonly "font-family": "inherit"; readonly "line-height": "inherit"; readonly "font-weight": "inherit"; }; }; }]; readonly help: "The variant of the text"; }]; readonly props: readonly [{ readonly label: "Text Content"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly required: true; readonly default: "Edit me..."; readonly placeholder: "Enter some text..."; readonly help: "The text to display"; }, { readonly label: "Truncate number of lines"; readonly name: "noOfLines"; readonly type: { readonly kind: "number"; }; readonly default: null; readonly placeholder: "none"; readonly help: "0 or empty means no truncation"; }, { readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "span"; readonly options: readonly [{ readonly label: "span (default)"; readonly value: "span"; }, { readonly label: "h1"; readonly value: "h1"; }, { readonly label: "h2"; readonly value: "h2"; }, { readonly label: "h3"; readonly value: "h3"; }, { readonly label: "h4"; readonly value: "h4"; }, { readonly label: "h5"; readonly value: "h5"; }, { readonly label: "h6"; readonly value: "h6"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'span'."; }]; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "white-space": "pre-wrap"; readonly "overflow-wrap": "normal"; readonly gap: "0px"; readonly color: "inherit"; readonly width: "auto"; readonly height: "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "font-size": "inherit"; readonly "max-width": "100%"; readonly "min-width": "auto"; readonly "flex-basis": "auto"; readonly "font-weight": "inherit"; readonly "max-height": "100%"; readonly "min-height": "auto"; readonly "text-align": "left"; readonly "align-items": "flex-start"; readonly "flex-shrink": "1"; readonly "font-family": "var(--theme-fonts-body)"; readonly "padding-top": "0px"; readonly "border-color": "var(--theme-brand-neutral-200)"; readonly "border-style": "solid"; readonly "border-width": "0px"; readonly "padding-left": "0px"; readonly "border-radius": "0px"; readonly "padding-right": "0px"; readonly "padding-bottom": "0px"; readonly "justify-content": "flex-start"; readonly "background-color": "transparent"; }; }; readonly sources: readonly []; }; readonly Textarea: { readonly name: "Textarea"; readonly acceptsChildren: false; readonly category: "Input"; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; }; readonly isDefault: true; readonly default: "Enter some text..."; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }, { readonly label: "Min lines"; readonly name: "minRows"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "1"; readonly help: "Minimum number of lines to show"; }, { readonly label: "Max lines"; readonly name: "maxRows"; readonly type: { readonly kind: "number"; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Infinity"; readonly help: "Maximum number of lines to show"; }, { readonly label: "Submit on Enter"; readonly name: "submitOnEnter"; readonly type: { readonly kind: "boolean"; }; readonly placeholder: ""; readonly help: "If true, pressing enter without shift will submit the form"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; readonly isDefault: true; }]; readonly defaultStyles: { readonly ":hover": { readonly "border-color": "var(--theme-border-emphasized)"; }; readonly ":focus": { readonly "border-color": "var(--theme-brand-brand-ring)"; readonly "box-shadow": "var(--theme-brand-brand-ring) 0px 0px 0px 1px"; }; readonly ":error": { readonly "border-color": "var(--theme-border-error)"; }; readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-size": "var(--theme-fontSizes-md)"; readonly color: "var(--theme-fg-default)"; readonly "overflow-x": "hidden"; readonly "overflow-y": "hidden"; readonly width: "100%"; readonly "min-width": "0"; readonly "padding-right": "16px"; readonly "padding-left": "16px"; readonly "padding-top": "8px"; readonly "padding-bottom": "8px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "var(--theme-radii-md)"; readonly "border-width": "1px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "scroll-padding-bottom": "8px"; readonly "text-align": "start"; readonly outline: "var(--theme-sizes-zero)"; readonly "line-height": "inherit"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the textarea"; readonly template: "$get('{{= it.component.id}}', { value: {{= it.stringify(it.component.props.defaultValue) }} ?? '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "text"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the input"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" textarea"; readonly description: "Focus the textarea"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: "Focus textarea \"{{= it.component.name }}\""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" textarea"; readonly description: "Blur the textarea"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: "Blur textarea \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; readonly ToggleGroup: { name: string; acceptsChildren: boolean; category: string; optionalLayers: { id: string; name: string; acceptsChildren: boolean; props: ({ label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: null; required: boolean; placeholder: string; help: string; } | { label: string; name: string; type: { kind: string; isDynamic: boolean; }; default: boolean; placeholder: string; help: string; required?: undefined; })[]; additionalStates: { label: string; value: string; }[]; defaultStyles: { ":disabled": { opacity: number; cursor: string; "pointer-events": string; }; ":focus-visible": { outline: string; "box-shadow": string; }; "[data-state='on']": { "background-color": string; }; "": { cursor: string; display: string; "justify-content": string; "align-items": string; width: string; height: string; "border-radius": string; "background-color": string; }; }; }[]; props: ({ label: string; name: string; type: { kind: string; dynamicList?: undefined; }; options: { label: string; value: string; }[]; default: string; required: boolean; placeholder: string; help: string; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; dynamicList: string; }; default: null; required: boolean; placeholder: string; help: string; options?: undefined; isDefault?: undefined; } | { label: string; name: string; type: { kind: string; dynamicList?: undefined; }; default: boolean; isDefault: boolean; placeholder: string; help: string; options?: undefined; required?: undefined; })[]; events: { label: string; name: string; help: string; }[]; defaultStyles: { "": { display: string; "align-items": string; "justify-content": string; gap: string; }; }; sources: { id: string; name: string; provider: string; description: string; template: string; instanceTemplate: string; outputType: { kind: string; dynamicList: string; }; }[]; actions: never[]; defaultChildren: { kind: string; props: {}; styleProps: {}; children: never[]; }[]; }; readonly Tooltip: { readonly name: "Tooltip"; readonly acceptsChildren: true; readonly category: "Overlay"; readonly styleProps: readonly [{ readonly label: "Color Palette"; readonly name: "data-palette"; readonly type: { readonly kind: "palette"; }; readonly default: "neutral"; readonly help: "The color scheme of the button"; }]; readonly props: readonly [{ readonly label: "Label"; readonly name: "label"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly default: ""; readonly required: true; readonly placeholder: "Enter some text"; readonly help: "The text to display in tooltip"; }, { readonly label: "Side"; readonly name: "side"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "top"; readonly options: readonly [{ readonly label: "Top"; readonly value: "top"; }, { readonly label: "Bottom"; readonly value: "bottom"; }, { readonly label: "Left"; readonly value: "left"; }, { readonly label: "Right"; readonly value: "right"; }]; readonly placeholder: "Choose a position"; readonly help: "The position of the tooltip"; }, { readonly label: "Align"; readonly name: "align"; readonly type: { readonly kind: "select"; }; readonly isDefault: true; readonly default: "center"; readonly options: readonly [{ readonly label: "Start"; readonly value: "start"; }, { readonly label: "Center"; readonly value: "center"; }, { readonly label: "End"; readonly value: "end"; }]; readonly placeholder: "Choose an alignment"; readonly help: "The alignment of the tooltip"; }, { readonly label: "Show Arrow"; readonly name: "showArrow"; readonly type: { readonly kind: "checkbox"; }; readonly default: true; readonly placeholder: ""; readonly help: "Whether to show the arrow"; }, { readonly label: "Delay"; readonly name: "delayDuration"; readonly type: { readonly kind: "number"; }; readonly default: 700; readonly placeholder: "700"; readonly help: "How long to wait before tooltip is shown"; }]; readonly defaultStyles: { readonly "": { readonly "background-color": "var(--palette-subtle)"; readonly color: "var(--palette-fg)"; readonly "border-radius": "var(--theme-radii-sm)"; readonly "box-shadow": "var(--theme-shadows-md)"; readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "z-index": "var(--theme-zIndices-tooltip)"; readonly "max-width": "20rem"; readonly display: "flex"; readonly "justify-content": "flex-start"; readonly "align-items": "center"; readonly "padding-left": "8px"; readonly "padding-right": "8px"; readonly "padding-top": "2px"; readonly "padding-bottom": "2px"; }; }; readonly sources: readonly []; }; readonly Video: { readonly name: "Video"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "src"; readonly name: "src"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly required: true; readonly default: ""; readonly placeholder: "enter a url to an video"; readonly help: "The video to play"; }, { readonly label: "Poster"; readonly name: "poster"; readonly type: { readonly kind: "image"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "enter a url to an image"; readonly help: "The video poster image to show"; }, { readonly label: "Autoplay"; readonly name: "autoPlay"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should autoplay"; }, { readonly label: "Controls"; readonly name: "controls"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: true; readonly placeholder: null; readonly help: "Whether the video should display controls"; }, { readonly label: "Loop"; readonly name: "loop"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should loop"; }, { readonly label: "Muted"; readonly name: "muted"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should be muted"; }, { readonly label: "Plays inline"; readonly name: "playsInline"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly placeholder: null; readonly help: "Whether the video should be played inline or fullscreen"; }]; readonly events: readonly [{ readonly label: "When played"; readonly name: "onPlay"; readonly help: "Select an action to run when video is played"; }, { readonly label: "When paused"; readonly name: "onPause"; readonly help: "Select an action to run when video is paused"; }, { readonly label: "When ended"; readonly name: "onEnded"; readonly help: "Select an action to run when video is ended"; }]; readonly defaultStyles: { readonly "": { readonly display: "flex"; readonly "max-width": "100%"; }; }; readonly sources: readonly [{ readonly id: "isPlaying"; readonly name: "{{= it.component.name }}'s is playing"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { isPlaying: false }).isPlaying"; readonly instanceTemplate: "{{= it.component.name }} is playing"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "play"; readonly name: "Play \"{{= it.component.name }}\" video"; readonly description: "Play the video"; readonly async: false; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.play();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "pause"; readonly name: "Pause \"{{= it.component.name }}\" video"; readonly description: "Pause the video"; readonly async: false; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.pause();"; readonly instanceTemplate: ""; readonly props: readonly []; }]; }; }; export default _default; } declare module '@brevity-builder/react/data/DateInput' { const _default: { readonly name: "Date Input"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Initial Value"; readonly name: "defaultValue"; readonly type: { readonly kind: "date"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter a date..."; readonly help: "The input's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "Enter a date..."; readonly placeholder: "Enter a placeholder..."; readonly help: "The placeholder text to display"; }, { readonly label: "Format"; readonly name: "type"; readonly type: { readonly kind: "select"; }; readonly default: "date"; readonly isDefault: true; readonly options: readonly [{ readonly label: "Date"; readonly value: "date"; }, { readonly label: "Time"; readonly value: "time"; }, { readonly label: "Date and Time"; readonly value: "datetime-local"; }]; readonly placeholder: ""; readonly help: "The type of input to use"; }, { readonly label: "Required"; readonly name: "required"; readonly isDefault: true; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the input is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly isDefault: true; readonly offerDebounce: true; readonly help: "Select an action to run when input's value has changed"; }, { readonly label: "When focused"; readonly name: "onFocus"; readonly help: "Select an action to run when input's has focused"; }, { readonly label: "When blurred"; readonly name: "onBlur"; readonly help: "Select an action to run when input's has blurred"; }]; readonly defaultStyles: { readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; readonly "": { readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the input"; readonly template: "$get('{{= it.component.id}}', { value: null }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "date"; }; }, { readonly id: "isValid"; readonly provider: "StateProvider"; readonly name: "{{= it.component.name }}'s value is valid"; readonly description: "Returns true if input value is valid"; readonly template: "document.querySelector('[data-id|=\"{{= it.component.id }}\"]')?.checkValidity();"; readonly instanceTemplate: "is {{= it.component.name }}'s value valid"; readonly outputType: { readonly kind: "boolean"; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the state variable"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "date"; readonly isDynamic: true; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the state variable to"; }]; }, { readonly id: "focus"; readonly name: "Focus \"{{= it.component.name }}\" input"; readonly description: "Focus the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.focus();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "blur"; readonly name: "Blur \"{{= it.component.name }}\" input"; readonly description: "Blur the input"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.blur();"; readonly instanceTemplate: "Blur input \"{{= it.component.name }}\""; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/Text' { const _default: { readonly name: "Text"; readonly acceptsChildren: false; readonly category: "Basic"; readonly styleProps: readonly [{ readonly label: "Size"; readonly name: "size"; readonly type: { readonly kind: "select"; }; readonly options: readonly [{ readonly label: "Inherit"; readonly value: "inherit"; readonly selector: "[data-size=\"inherit\"]"; readonly styles: { readonly "": { readonly "font-size": "inherit"; readonly "line-height": "inherit"; }; }; }, { readonly label: "2xs"; readonly value: "2xs"; readonly selector: "[data-size=\"2xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-2xs)"; readonly "line-height": "0.75rem"; }; }; }, { readonly label: "xs"; readonly value: "xs"; readonly selector: "[data-size=\"xs\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xs)"; readonly "line-height": "1rem"; }; }; }, { readonly label: "sm"; readonly value: "sm"; readonly selector: "[data-size=\"sm\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-sm)"; readonly "line-height": "1.25rem"; }; }; }, { readonly label: "md"; readonly value: "md"; readonly selector: "[data-size=\"md\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-md)"; readonly "line-height": "1.5rem"; }; }; }, { readonly label: "lg"; readonly value: "lg"; readonly selector: "[data-size=\"lg\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-lg)"; readonly "line-height": "1.75rem"; }; }; }, { readonly label: "xl"; readonly value: "xl"; readonly selector: "[data-size=\"xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-xl)"; readonly "line-height": "1.875rem"; }; }; }, { readonly label: "2xl"; readonly value: "2xl"; readonly selector: "[data-size=\"2xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-2xl)"; readonly "line-height": "2rem"; }; }; }, { readonly label: "3xl"; readonly value: "3xl"; readonly selector: "[data-size=\"3xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-3xl)"; readonly "line-height": "2.375rem"; }; }; }, { readonly label: "4xl"; readonly value: "4xl"; readonly selector: "[data-size=\"4xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-4xl)"; readonly "line-height": "2.75rem"; readonly "letter-spacing": "-0.025em"; }; }; }, { readonly label: "5xl"; readonly value: "5xl"; readonly selector: "[data-size=\"5xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-5xl)"; readonly "line-height": "3.75rem"; readonly "letter-spacing": "-0.025em"; }; }; }, { readonly label: "6xl"; readonly value: "6xl"; readonly selector: "[data-size=\"6xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-6xl)"; readonly "line-height": "4.5rem"; readonly "letter-spacing": "-0.025em"; }; }; }, { readonly label: "7xl"; readonly value: "7xl"; readonly selector: "[data-size=\"7xl\"]"; readonly styles: { readonly "": { readonly "font-size": "var(--theme-fontSizes-7xl)"; readonly "line-height": "5.75rem"; readonly "letter-spacing": "-0.025em"; }; }; }]; readonly default: "inherit"; readonly help: "The size of the avatr. \"md\" is the default size"; }, { readonly label: "Variant"; readonly name: "variant"; readonly type: { readonly kind: "select"; }; readonly default: "body"; readonly options: readonly [{ readonly label: "Body"; readonly value: "body"; readonly selector: "[data-variant=\"body\"]"; readonly styles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "font-weight": "var(--theme-fontWeights-normal)"; }; }; }, { readonly label: "Heading"; readonly value: "heading"; readonly selector: "[data-variant=\"heading\"]"; readonly styles: { readonly "": { readonly "font-family": "var(--theme-fonts-heading)"; readonly "font-weight": "var(--theme-fontWeights-semibold)"; }; }; }, { readonly label: "label"; readonly value: "label"; readonly selector: "[data-variant=\"label\"]"; readonly styles: { readonly "": { readonly "font-family": "var(--theme-fonts-body)"; readonly "line-height": "1.25rem"; readonly "font-weight": "var(--theme-fontWeights-medium)"; }; }; }, { readonly label: "Inherit"; readonly value: "inherit"; readonly selector: "[data-variant=\"inherit\"]"; readonly styles: { readonly "": { readonly "font-family": "inherit"; readonly "line-height": "inherit"; readonly "font-weight": "inherit"; }; }; }]; readonly help: "The variant of the text"; }]; readonly props: readonly [{ readonly label: "Text Content"; readonly name: "value"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly required: true; readonly default: "Edit me..."; readonly placeholder: "Enter some text..."; readonly help: "The text to display"; }, { readonly label: "Truncate number of lines"; readonly name: "noOfLines"; readonly type: { readonly kind: "number"; }; readonly default: null; readonly placeholder: "none"; readonly help: "0 or empty means no truncation"; }, { readonly label: "Semantic Element"; readonly name: "as"; readonly type: { readonly kind: "select"; }; readonly default: "span"; readonly options: readonly [{ readonly label: "span (default)"; readonly value: "span"; }, { readonly label: "h1"; readonly value: "h1"; }, { readonly label: "h2"; readonly value: "h2"; }, { readonly label: "h3"; readonly value: "h3"; }, { readonly label: "h4"; readonly value: "h4"; }, { readonly label: "h5"; readonly value: "h5"; }, { readonly label: "h6"; readonly value: "h6"; }]; readonly placeholder: ""; readonly help: "The html tag to use. When in doubt, use 'span'."; }]; readonly defaultStyles: { readonly "": { readonly position: "relative"; readonly "white-space": "pre-wrap"; readonly "overflow-wrap": "normal"; readonly gap: "0px"; readonly color: "inherit"; readonly width: "auto"; readonly height: "auto"; readonly display: "flex"; readonly "flex-direction": "column"; readonly "flex-grow": "0"; readonly "font-size": "inherit"; readonly "max-width": "100%"; readonly "min-width": "auto"; readonly "flex-basis": "auto"; readonly "font-weight": "inherit"; readonly "max-height": "100%"; readonly "min-height": "auto"; readonly "text-align": "left"; readonly "align-items": "flex-start"; readonly "flex-shrink": "1"; readonly "font-family": "var(--theme-fonts-body)"; readonly "padding-top": "0px"; readonly "border-color": "var(--theme-brand-neutral-200)"; readonly "border-style": "solid"; readonly "border-width": "0px"; readonly "padding-left": "0px"; readonly "border-radius": "0px"; readonly "padding-right": "0px"; readonly "padding-bottom": "0px"; readonly "justify-content": "flex-start"; readonly "background-color": "transparent"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Form' { const _default: { readonly name: "Form"; readonly id: "ClientForm$Brevity"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly []; readonly events: readonly [{ readonly label: "When submitted"; readonly name: "onSubmit"; readonly help: "Select an action to run when form is submitted"; readonly isDefault: true; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "0"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; }; }; readonly sources: readonly []; readonly actions: readonly [{ readonly id: "reset"; readonly name: "Reset \"{{= it.component.name }}\"'s values"; readonly description: "Reset the values of the form"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.reset();"; readonly instanceTemplate: ""; readonly props: readonly []; }, { readonly id: "submit"; readonly name: "Submit \"{{= it.component.name }}\"'s form"; readonly description: "Submits the form"; readonly async: false; readonly template: "document.querySelector(`[data-id=\"${$$getKey({{= it.stringify(it.component.id) }})}\"]`)?.requestSubmit();"; readonly instanceTemplate: "Submit \"{{= it.component.name }}\" form"; readonly props: readonly []; }]; }; export default _default; } declare module '@brevity-builder/react/data/Image' { const _default: { readonly name: "Image"; readonly acceptsChildren: false; readonly category: "Basic"; readonly props: readonly [{ readonly label: "Image"; readonly name: "image"; readonly type: { readonly kind: "image"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: "https://assets.devize.com/uploads/generic/img-placeholder.svg"; readonly placeholder: "enter a url to an image"; readonly help: "The image to show"; }, { readonly label: "Description"; readonly name: "altText"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "enter a description of the image (for use by screen readers)"; readonly help: "The image to show"; }, { readonly label: "Is Critical?"; readonly name: "critical"; readonly type: { readonly kind: "boolean"; }; readonly isDefault: true; readonly default: false; readonly help: "An image is \"critical\" if it is visible on the page before you scroll down"; }, { readonly label: "Sizes"; readonly name: "sizes"; readonly type: { readonly kind: "text"; }; readonly default: null; readonly help: "The sizes attribute specifies the width of the image, in pixels, at which the image will be displayed. It is used for responsive design. The value is a comma-separated list of media conditions or media condition and size value pairs."; }]; readonly defaultStyles: { readonly "": { readonly "flex-grow": "1"; readonly "flex-shrink": "1"; readonly "flex-basis": "auto"; readonly display: "flex"; readonly "flex-direction": "row"; readonly "justify-content": "flex-start"; readonly "align-items": "stretch"; readonly gap: "0px"; readonly width: "auto"; readonly height: "auto"; readonly "min-width": "auto"; readonly "min-height": "auto"; readonly "max-width": "100%"; readonly "max-height": "100%"; readonly "padding-right": "0px"; readonly "padding-left": "0px"; readonly "padding-top": "0px"; readonly "padding-bottom": "0px"; readonly "border-color": "var(--theme-border-default)"; readonly "border-radius": "0px"; readonly "border-width": "0px"; readonly "border-style": "solid"; readonly "background-color": "transparent"; readonly "box-shadow": "var(--theme-shadows-none)"; readonly "object-fit": "cover"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Separator' { const _default: { readonly name: "Separator"; readonly acceptsChildren: false; readonly category: "Other"; readonly props: readonly [{ readonly label: "Orientation"; readonly name: "orientation"; readonly type: { readonly kind: "select"; }; readonly default: "horizontal"; readonly isDefault: true; readonly options: readonly [{ readonly label: "Horizontal"; readonly value: "horizontal"; }, { readonly label: "Vertical"; readonly value: "vertical"; }]; readonly placeholder: ""; readonly help: "The orientation of the separator"; }, { readonly label: "Decorative"; readonly name: "decorative"; readonly type: { readonly kind: "boolean"; }; readonly default: true; readonly placeholder: ""; readonly help: "Whether the separator is decorative or not"; }]; readonly events: readonly []; readonly defaultStyles: { readonly '[data-orientation="horizontal"]': { readonly height: "1px"; readonly width: "100%"; }; readonly '[data-orientation="vertical"]': { readonly width: "1px"; readonly height: "auto"; }; readonly "": { readonly "flex-shrink": "0"; readonly "background-color": "var(--theme-border-default)"; }; }; readonly sources: readonly []; }; export default _default; } declare module '@brevity-builder/react/data/Repeater' { const _default: { readonly name: "Repeater"; readonly acceptsChildren: true; readonly category: "Container"; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly required: true; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly placeholder: ""; readonly help: "The type for the items in the repeater"; }, { readonly label: "Data"; readonly name: "data"; readonly required: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly default: null; readonly placeholder: ""; readonly help: "The data for the items in the repeater"; }, { readonly label: "Preview items"; readonly name: "__length"; readonly type: { readonly kind: "number"; readonly isDynamic: false; }; readonly required: false; readonly isDefault: true; readonly default: 5; readonly placeholder: ""; readonly help: "The number of items to show in preview"; }]; readonly defaultStyles: { readonly "": {}; }; readonly sources: readonly [{ readonly id: "data"; readonly name: "{{= it.component.name }}'s current data"; readonly description: "The current data of the list"; readonly template: "${{= it.component.id }}_data"; readonly instanceTemplate: "{{= it.component.name }}'s current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "Parent"; }, { readonly id: "index"; readonly name: "{{= it.component.name }}'s current index"; readonly description: "The current index of the list"; readonly template: "${{= it.component.id }}_index"; readonly instanceTemplate: "{{= it.component.name }}'s current index"; readonly outputType: { readonly kind: "number"; }; readonly source: "Parent"; }]; }; export default _default; } declare module '@brevity-builder/react/data/Select' { const _default: { readonly name: "Select"; readonly acceptsChildren: false; readonly category: "Input"; readonly styleProps: ({ label: string; name: string; type: { kind: string; }; options: { label: string; value: string; selector: string; styles: { "": { "font-size": string; "line-height": string; height: string; "padding-left": string; "padding-right": string; }; }; }[]; default: string; help: string; } | { label: string; name: string; type: { kind: string; }; options: ({ label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-width": string; "border-color": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; "box-shadow"?: undefined; }; ":focus-visible"?: undefined; }; } | { label: string; value: string; selector: string; styles: { "": { "background-color": string; "border-bottom-width": string; "border-color": string; "border-radius": string; "padding-left": string; "padding-right": string; "border-width"?: undefined; "box-shadow"?: undefined; }; ":focus-visible": { outline: string; "border-color": string; "box-shadow": string; }; }; } | { label: string; value: string; selector: string; styles: { "": { "border-width": string; "border-color": string; "background-color": string; "box-shadow": string; "border-bottom-width"?: undefined; "border-radius"?: undefined; "padding-left"?: undefined; "padding-right"?: undefined; }; ":focus-visible"?: undefined; }; })[]; default: string; help?: undefined; } | { label: string; name: string; type: { kind: string; }; default: string; help: string; options?: undefined; })[]; readonly props: readonly [{ readonly label: "Type"; readonly name: "type"; readonly required: true; readonly type: { readonly kind: "appType"; readonly isList: true; }; readonly default: { readonly kind: "null"; readonly isList: true; }; readonly placeholder: ""; readonly help: "The (list) type for the items in the select"; }, { readonly label: "Options"; readonly name: "options"; readonly required: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: true; }; readonly default: null; readonly placeholder: ""; readonly help: "The values for the items in the select"; }, { readonly label: "Label"; readonly name: "getOptionLabel"; readonly type: { readonly kind: "text"; readonly isDynamic: true; readonly isCallback: "list"; }; readonly required: true; readonly default: null; readonly placeholder: ""; readonly help: "The values for the items in the select"; readonly additionalSources: readonly [{ readonly id: "$$i"; readonly name: "options's current index"; readonly description: "The current index of the list"; readonly template: "$$i"; readonly instanceTemplate: "option's current index"; readonly outputType: { readonly kind: "number"; }; }, { readonly id: "$$d"; readonly name: "options's current data"; readonly description: "The current data of the list"; readonly template: "$$d"; readonly instanceTemplate: "option's current data"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly source: "List"; readonly sourceProp: "options"; }]; }, { readonly label: "Initial Value"; readonly name: "defaultValue"; readonly isDefault: true; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; readonly isDynamic: true; }; readonly default: null; readonly placeholder: "Enter a default value"; readonly help: "The select's default value"; }, { readonly label: "Placeholder"; readonly name: "placeholder"; readonly type: { readonly kind: "text"; readonly isDynamic: true; }; readonly isDefault: true; readonly default: ""; readonly placeholder: "Enter some text..."; readonly help: "The placeholder text to display"; }, { readonly label: "Position"; readonly name: "position"; readonly type: { readonly kind: "select"; }; readonly default: "popper"; readonly options: readonly [{ readonly label: "Popper"; readonly value: "popper"; }, { readonly label: "Item Aligned"; readonly value: "item-aligned"; }]; readonly placeholder: ""; readonly help: "The placement of the dropdown menu"; }, { readonly label: "Required"; readonly name: "required"; readonly type: { readonly kind: "boolean"; }; readonly default: false; readonly isDefault: true; readonly placeholder: ""; readonly help: "The is this value required by a form?"; }, { readonly label: "Is disabled"; readonly name: "disabled"; readonly type: { readonly kind: "boolean"; readonly isDynamic: true; }; readonly default: false; readonly placeholder: ""; readonly help: "Whether the select is disabled"; }]; readonly events: readonly [{ readonly label: "When changed"; readonly name: "onChange"; readonly help: "Select an action to run when select's value has changed"; readonly isDefault: true; readonly additionalSources: readonly [{ readonly id: "QcMxXrgXQdKQHEG7Bji6k"; readonly name: "New Value"; readonly instanceTemplate: "New Value"; readonly description: "The new value of the select"; readonly template: "$$payload"; readonly outputType: { readonly kind: "dynamic"; readonly template: ".type"; readonly isList: false; }; }]; }]; readonly defaultStyles: { readonly "": { readonly appearance: "none"; readonly "align-items": "center"; readonly "justify-content": "space-between"; readonly "user-select": "none"; readonly width: "100%"; readonly "min-width": "0"; readonly outline: "var(--theme-sizes-zero)"; readonly position: "relative"; readonly "text-align": "left"; readonly "border-radius": "var(--theme-radii-md)"; readonly "font-family": "var(--theme-fonts-body)"; readonly display: "inline-flex"; }; readonly ":focus-visible": { readonly "outline-width": "1px"; readonly "outline-style": "solid"; readonly "outline-color": "var(--palette-ring)"; }; readonly ":user-invalid": { readonly "border-color": "var(--theme-border-error)"; }; readonly ":disabled": { readonly opacity: 0.5; readonly cursor: "not-allowed"; }; }; readonly sources: readonly [{ readonly id: "value"; readonly name: "{{= it.component.name }}'s current value"; readonly provider: "StateProvider"; readonly description: "The current value of the select"; readonly template: "$get('{{= it.component.id}}', { value: '' }).value"; readonly instanceTemplate: "{{= it.component.name }}'s current value"; readonly outputType: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; }]; readonly actions: readonly [{ readonly id: "set"; readonly name: "Set \"{{= it.component.name }}\"'s value"; readonly provider: "StateProvider"; readonly description: "Set the value of the select"; readonly async: false; readonly template: "$set('{{= it.component.id }}', { value: {{= it.stringify(it.data.value) }} });"; readonly instanceTemplate: "{{= it.stringify(it.data.value) }}"; readonly props: readonly [{ readonly label: "Value"; readonly name: "value"; readonly type: { readonly kind: "dynamic"; readonly template: "type"; readonly isList: false; }; readonly placeholder: "Choose a value"; readonly required: true; readonly default: null; readonly help: "The value to set the select to"; }]; }]; }; export default _default; } declare module '@brevity-builder/react' { import main = require('@brevity-builder/react/src/index'); export = main; }