@purestack/ts-components 1.1.0

package/dist/ts-components.d.mts

@@ -0,0 +1,1662 @@
+/*! @purestack/ts-components v1.1.0 | (c) 2026 Ahmed Yasin Koculu | MIT License */
+
+import { ComputedRef, Emits, Ref, RefOrValue, SRef, ref, sref } from "regor";
+import { SemanticTone } from "@purestack/ts-style";
+import { ClassicLogoConfig, ClassicLogoConfig as ClassicLogoConfig$1, ConsentCategory, ConsentConfig, LogoAppearance, LogoConfig, LogoConfig as LogoConfig$1, LogoLayout, LogoMarkStyle, LogoShape, LogoSize, LogoWordmarkStyle, NavItem, PageNavigationLinks, PageOutlineItem, SiteLogoConfig, SiteLogoConfig as SiteLogoConfig$1 } from "@purestack/ts-common";
+import { TsSsgMenusApi, TsSsgModalApi, TsSsgTabsApi } from "@purestack/ts-page-scripts";
+import { CSSProps } from "@purestack/ts-css";
+//#region packages/ts-components/src/standard/pageScript/pageScript.d.ts
+interface PageScript {
+  teleport?: string;
+  src?: string;
+  sourceRelPath?: string;
+  type?: string;
+  async?: unknown;
+  defer?: unknown;
+  integrity?: string;
+  nonce?: string;
+  crossOrigin?: string;
+  referrerPolicy?: string;
+  noModule?: unknown;
+}
+interface RegorApp {
+  src?: string;
+  sourceRelPath?: string;
+}
+//#endregion
+//#region packages/ts-components/src/standard/componentVariant.d.ts
+type ComponentVariant = 'none' | 'solid' | 'surface' | 'surfaceAlt' | 'spotlight' | 'glass' | 'flat' | 'flatAlt' | 'flatSolid' | 'outlineFill' | 'outline' | 'subtle' | 'subtleBtn' | 'link' | 'sheen' | 'underline' | 'rail' | 'bracket';
+type ComponentVariantMode = 'stateful' | 'stateless';
+//#endregion
+//#region packages/ts-components/src/standard/icon/icon.d.ts
+type GetSvgIcon = (name: string) => string;
+type IconFrameSize = 'sm' | 'md' | 'lg';
+interface Icon {
+  name?: RefOrValue<string>;
+  svg?: ComputedRef<string>;
+}
+interface IconFrame {
+  name?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  size?: RefOrValue<IconFrameSize>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  classes?: ComputedRef<string>;
+  hasIcon?: ComputedRef<boolean>;
+}
+export declare function defineIconComponents(getSvgIcon: GetSvgIcon): {
+  icon: import("regor").Component<Icon>;
+  iconFrame: import("regor").Component<IconFrame>;
+};
+//#endregion
+//#region packages/ts-components/src/defineComponents.d.ts
+export declare function defineComponents(getSvgIcon: GetSvgIcon): {
+  alertBox: import("regor").Component<AlertBox>;
+  badge: import("regor").Component<Badge>;
+  barChart: import("regor").Component<BarChart>;
+  btn: import("regor").Component<Btn>;
+  btnLink: import("regor").Component<BtnLink>;
+  btnGroup: import("regor").Component<BtnGroup>;
+  btnGroupDropDown: import("regor").Component<BtnGroupDropDown>;
+  classicLogo: import("regor").Component<ClassicLogo>;
+  composer: import("regor").Component<Composer>;
+  consent: import("regor").Component<Consent>;
+  contactForm: import("regor").Component<ContactForm>;
+  doughnutChart: import("regor").Component<DoughnutChart>;
+  dropFiles: import("regor").Component<DropFiles>;
+  expandablePanel: import("regor").Component<ExpandablePanel>;
+  flex: import("regor").Component<Flex>;
+  siteFooter: import("regor").Component<SiteFooter>;
+  formInputField: import("regor").Component<FormInputField>;
+  autoCompleteInput: import("regor").Component<AutoCompleteInput>;
+  autoCompleteOptionRow: import("regor").Component<AutoCompleteOptionRow>;
+  appForm: import("regor").Component<AppForm>;
+  formMeta: import("regor").Component<FormMeta>;
+  formCheck: import("regor").Component<FormCheck>;
+  formAssistLink: import("regor").Component<FormAssistLink>;
+  formSubmit: import("regor").Component<FormSubmit>;
+  formDivider: import("regor").Component<FormDivider>;
+  formStatus: import("regor").Component<FormStatus>;
+  formSelectField: import("regor").Component<FormSelectField>;
+  multiAutoCompleteInput: import("regor").Component<MultiAutoCompleteInput>;
+  multiAutoCompleteOptionRow: import("regor").Component<MultiAutoCompleteDefaultOptionRow>;
+  grid: import("regor").Component<Grid>;
+  icon: import("regor").Component<Icon>;
+  iconFrame: import("regor").Component<IconFrame>;
+  codeShowcase: import("regor").Component<CodeShowcase>;
+  comparisonColumn: import("regor").Component<ComparisonColumn>;
+  comparisonFeature: import("regor").Component<ComparisonFeature>;
+  comparisonTable: import("regor").Component<ComparisonTable>;
+  ctaSection: import("regor").Component<CtaSection>;
+  featureCard: import("regor").Component<FeatureCard>;
+  landingBand: import("regor").Component<LandingBand>;
+  landingSection: import("regor").Component<LandingSection>;
+  metricItem: import("regor").Component<MetricItem>;
+  metricStrip: import("regor").Component<MetricStrip>;
+  lineChart: import("regor").Component<LineChart>;
+  siteLogo: import("regor").Component<SiteLogo>;
+  modalStore: import("regor").Component<ModalStore>;
+  modal: import("regor").Component<Modal>;
+  modalTrigger: import("regor").Component<ModalTrigger>;
+  navItem: import("regor").Component<{
+    item: NavItemState;
+  }>;
+  navList: import("regor").Component<NavList>;
+  navMenu: import("regor").Component<NavMenu>;
+  pageLinks: import("regor").Component<PageLinks>;
+  pageScript: import("regor").Component<PageScript>;
+  regorApp: import("regor").Component<RegorApp>;
+  pageToc: import("regor").Component<PageToc>;
+  panel: import("regor").Component<Panel>;
+  pricingTable: import("regor").Component<PricingTable>;
+  pricingPlan: import("regor").Component<PricingPlan>;
+  pricingFeature: import("regor").Component<PricingFeature>;
+  searchBox: import("regor").Component<SearchBox>;
+  sectionHeader: import("regor").Component<SectionHeader>;
+  signIn: import("regor").Component<SignIn>;
+  tabs: import("regor").Component<Tabs>;
+  tabPane: import("regor").Component<TabPane>;
+  themeToggle: import("regor").Component<ThemeToggle>;
+  toastHost: import("regor").Component<ToastHost>;
+  topBar: import("regor").Component<TopBar>;
+  virtualList: import("regor").Component<VirtualList>;
+  variableVirtualList: import("regor").Component<VariableVirtualList>;
+  virtualTable: import("regor").Component<VirtualTable>;
+  variableVirtualTable: import("regor").Component<VariableVirtualTable>;
+};
+//#endregion
+//#region packages/ts-components/src/registerStyles.d.ts
+export declare function registerStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/alertBox/alertBox.d.ts
+interface AlertBox {
+  title?: RefOrValue<string>;
+  eyebrow?: RefOrValue<string>;
+  badge?: RefOrValue<string>;
+  meta?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  icon?: RefOrValue<string>;
+}
+export declare function defineAlertComponents(): {
+  alertBox: import("regor").Component<AlertBox>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/badge/badge.d.ts
+interface Badge {
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  classes?: ComputedRef<string>;
+}
+export declare function defineBadgeComponents(): {
+  badge: import("regor").Component<Badge>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/badge/badgeStyle.d.ts
+export declare function registerBadgeStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/chart/cartesianChart.d.ts
+interface ResolvedCartesianChartGridLine {
+  value: number;
+  formattedValue: string;
+  y: number;
+}
+//#endregion
+//#region packages/ts-components/src/standard/barChart/barChart.d.ts
+interface BarChartItem {
+  label?: RefOrValue<string>;
+  value?: RefOrValue<number | string>;
+  color?: RefOrValue<string>;
+}
+interface ResolvedBarChartItem {
+  label: string;
+  value: number;
+  formattedValue: string;
+  color: string;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  valueLabelX: number;
+  valueLabelY: number;
+  valueLabelBaseline: string;
+  labelX: number;
+  labelY: number;
+  roundedTop: number;
+}
+interface ResolvedBarChartGridLine extends ResolvedCartesianChartGridLine {}
+interface BarChart {
+  items?: RefOrValue<Array<RefOrValue<BarChartItem>>>;
+  title?: RefOrValue<string>;
+  description?: RefOrValue<string>;
+  ariaLabel?: RefOrValue<string>;
+  emptyLabel?: RefOrValue<string>;
+  valueSuffix?: RefOrValue<string>;
+  width?: RefOrValue<number | string>;
+  height?: RefOrValue<number | string>;
+  minValue?: RefOrValue<number | string>;
+  maxValue?: RefOrValue<number | string>;
+  animated?: RefOrValue<boolean | string>;
+  showValues?: RefOrValue<boolean | string>;
+  showLabels?: RefOrValue<boolean | string>;
+  showAxis?: RefOrValue<boolean | string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  classes?: ComputedRef<string>;
+  resolvedWidth?: ComputedRef<string | number>;
+  resolvedHeight?: ComputedRef<string | number | undefined>;
+  resolvedAriaLabel?: ComputedRef<string>;
+  resolvedEmptyLabel?: ComputedRef<string>;
+  chartItems?: ComputedRef<ResolvedBarChartItem[]>;
+  gridLines?: ComputedRef<ResolvedBarChartGridLine[]>;
+  hasItems?: ComputedRef<boolean>;
+  zeroLineY?: ComputedRef<number>;
+}
+export declare function defineBarChartComponents(): {
+  barChart: import("regor").Component<BarChart>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/barChart/barChartStyle.d.ts
+export declare function registerBarChartStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/btn/btn.d.ts
+type BtnSize = 'sm' | 'md' | 'lg';
+type BtnType = 'button' | 'submit' | 'reset';
+type BtnIconPosition = 'start' | 'end';
+interface BtnBase {
+  tone?: RefOrValue<SemanticTone>;
+  size?: RefOrValue<BtnSize>;
+  variant?: RefOrValue<ComponentVariant>;
+  icon?: RefOrValue<string>;
+  iconPosition?: RefOrValue<BtnIconPosition>;
+  iconOnly?: RefOrValue<boolean>;
+  ariaLabel?: RefOrValue<string>;
+  classes?: ComputedRef<string>;
+  showStartIcon?: ComputedRef<boolean>;
+  showEndIcon?: ComputedRef<boolean>;
+  emits?: Emits<'click'>;
+}
+interface Btn extends BtnBase {
+  type?: RefOrValue<BtnType>;
+  disabled?: RefOrValue<boolean>;
+  buttonType?: RefOrValue<BtnType>;
+}
+interface BtnLink extends BtnBase {
+  href?: RefOrValue<string>;
+  target?: RefOrValue<string>;
+  rel?: RefOrValue<string>;
+  resolvedHref?: ComputedRef<string>;
+  resolvedRel?: ComputedRef<string>;
+}
+export declare function defineButtonComponents(): {
+  btn: import("regor").Component<Btn>;
+  btnLink: import("regor").Component<BtnLink>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/btn/btnStyle.d.ts
+export declare function registerButtonStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/btnGroup/btnGroup.d.ts
+type BtnGroupAlign = 'start' | 'center' | 'end';
+type BtnGroupDropDownAlign = 'start' | 'end';
+interface BtnGroup {
+  align?: RefOrValue<BtnGroupAlign>;
+  wrap?: RefOrValue<boolean>;
+  classes?: ComputedRef<string>;
+}
+interface BtnGroupDropDown {
+  label?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  iconPosition?: RefOrValue<BtnIconPosition>;
+  iconOnly?: RefOrValue<boolean>;
+  ariaLabel?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  size?: RefOrValue<BtnSize>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  menuTone?: RefOrValue<SemanticTone>;
+  menuVariant?: RefOrValue<ComponentVariant>;
+  menuVariantMode?: RefOrValue<ComponentVariantMode>;
+  align?: RefOrValue<BtnGroupDropDownAlign>;
+  classes?: ComputedRef<string>;
+  triggerClasses?: ComputedRef<string>;
+  menuClasses?: ComputedRef<string>;
+  resolvedAlign?: ComputedRef<BtnGroupDropDownAlign>;
+  resolvedLabel?: ComputedRef<string>;
+  resolvedIcon?: ComputedRef<string>;
+  resolvedAriaLabel?: ComputedRef<string | undefined>;
+  showStartIcon?: ComputedRef<boolean>;
+  showEndIcon?: ComputedRef<boolean>;
+}
+export declare function defineBtnGroupComponents(): {
+  btnGroup: import("regor").Component<BtnGroup>;
+  btnGroupDropDown: import("regor").Component<BtnGroupDropDown>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/btnGroup/btnGroupStyle.d.ts
+export declare function registerBtnGroupStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/classicLogo/classicLogo.d.ts
+interface LogoLetter {
+  value: string;
+  isSpace?: boolean;
+  style?: Record<string, string>;
+}
+interface ResolvedClassicLogo {
+  brand?: string;
+  letterColors?: string;
+  subtitleLetterColors?: string;
+  colors?: string[];
+  logoBackground?: number;
+  logoForeground?: number;
+  brandLetters?: LogoLetter[];
+  subtitle?: string;
+  subtitleLetters?: LogoLetter[];
+  glyphStyle?: Record<string, string>;
+  layoutStyle?: Record<string, string>;
+  brandSize?: string;
+  brandSizeSm?: string;
+  brandSizeMd?: string;
+  brandSizeLg?: string;
+  brandSizeXl?: string;
+  subtitleSize?: string;
+  subtitleSizeSm?: string;
+  subtitleSizeMd?: string;
+  subtitleSizeLg?: string;
+  subtitleSizeXl?: string;
+  iconSize?: string;
+  iconSizeSm?: string;
+  iconSizeMd?: string;
+  iconSizeLg?: string;
+  iconSizeXl?: string;
+  subtitleInset?: string;
+  subtitleInsetSm?: string;
+  subtitleInsetMd?: string;
+  subtitleInsetLg?: string;
+  subtitleInsetXl?: string;
+  href?: string | null;
+  icon?: string;
+  ariaLabel?: string;
+}
+type ReactiveClassicLogoOptions = { [K in keyof ClassicLogoConfig$1]?: RefOrValue<ClassicLogoConfig$1[K]>; };
+interface ClassicLogo extends ReactiveClassicLogoOptions {
+  config?: RefOrValue<Partial<ClassicLogoConfig$1>>;
+  logo?: ComputedRef<ResolvedClassicLogo>;
+}
+export declare function defineClassicLogoComponents(): {
+  classicLogo: import("regor").Component<ClassicLogo>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/classicLogo/classicLogoStyle.d.ts
+export declare function registerClassicLogoStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/composer/composer.d.ts
+type ComposerCommand = 'bold' | 'italic' | 'underline' | 'justifyLeft' | 'justifyCenter' | 'justifyRight' | 'insertUnorderedList' | 'insertOrderedList' | 'removeFormat';
+interface Composer {
+  html?: Ref<string> | SRef<string>;
+  text?: Ref<string> | SRef<string>;
+  label?: RefOrValue<string>;
+  placeholder?: RefOrValue<string>;
+  disabled?: RefOrValue<boolean>;
+  focusOnMount?: RefOrValue<boolean>;
+  minHeight?: RefOrValue<number | string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  imagePreviewUrls?: RefOrValue<Record<string, string>>;
+  classes?: ComputedRef<string>;
+  editorStyle?: ComputedRef<Record<string, string>>;
+  sourceId?: string;
+  editorElement?: ReturnType<typeof sref<HTMLElement | null>>;
+  sourceHtml?: Ref<string>;
+  sourceMode?: Ref<boolean>;
+  format?: (command: ComposerCommand) => void;
+  createLink?: () => void;
+  toggleSourceMode?: () => void;
+  handleInput?: (event: Event) => void;
+  handlePaste?: (event: ClipboardEvent) => void;
+  handleDragOver?: (event: DragEvent) => void;
+  handleDrop?: (event: DragEvent) => void;
+  handleSourceInput?: (event: Event) => void;
+}
+export declare function defineComposerComponents(): {
+  composer: import("regor").Component<Composer>;
+};
+export declare const COMPOSER_BODY_STYLE = "padding:1rem";
+export declare function createComposerBodyHtml(contentHtml?: string, placeholder?: string): string;
+//#endregion
+//#region packages/ts-components/src/standard/composer/composerStyle.d.ts
+export declare function registerComposerStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/composer/emailHtmlPolicy.d.ts
+export declare const GMAIL_COMPATIBLE_EMAIL_TAGS: Set<string>;
+export declare const GMAIL_SUPPORTED_CSS_PROPERTIES: Set<string>;
+interface EmailHtmlPolicyOptions {
+  imageUrlResolver?: (url: string) => string | undefined;
+}
+export declare function copySafeEmailStyles(source: HTMLElement, target: HTMLElement, options?: EmailHtmlPolicyOptions): void;
+export declare function applySafeEmailStyles(style: string | null | undefined, target: HTMLElement, options?: EmailHtmlPolicyOptions): void;
+export declare function sanitizeEmailStyleValue(property: string, value: string, options?: EmailHtmlPolicyOptions): string | undefined;
+export declare function sanitizePlainAttribute(value: string): string;
+export declare function toSafeEmailImageUrl(value: string): string | undefined;
+export declare function normalizeEmailCidUrl(value: string): string | undefined;
+export declare function normalizeEmailContentId(value: string): string;
+//#endregion
+//#region packages/ts-components/src/standard/consent/consent.d.ts
+interface ConsentCategoryState extends ConsentCategory {
+  inputId?: string;
+}
+interface Consent extends ConsentConfig {
+  settingsTeleport?: string;
+  categories: ConsentCategoryState[];
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+}
+export declare function defineConsentComponents(): {
+  consent: import("regor").Component<Consent>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/consent/consentStyle.d.ts
+export declare function registerConsentStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/contactForm/contactForm.d.ts
+type ContactFormMethod = 'get' | 'post';
+interface ContactForm {
+  title?: string;
+  description?: string;
+  action?: string;
+  method?: ContactFormMethod;
+  submitLabel?: string;
+  nameLabel?: string;
+  emailLabel?: string;
+  topicLabel?: string;
+  messageLabel?: string;
+  namePlaceholder?: string;
+  emailPlaceholder?: string;
+  messagePlaceholder?: string;
+  topicGeneralLabel?: string;
+  topicSupportLabel?: string;
+  topicPartnershipLabel?: string;
+  resolvedMethod?: ContactFormMethod;
+}
+export declare function defineContactFormComponents(): {
+  contactForm: import("regor").Component<ContactForm>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/contactForm/contactFormStyle.d.ts
+export declare function registerContactFormStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/doughnutChart/doughnutChart.d.ts
+interface DoughnutChartSegment {
+  label?: RefOrValue<string>;
+  value?: RefOrValue<number | string>;
+  color?: RefOrValue<string>;
+}
+interface ResolvedDoughnutChartSegment {
+  label: string;
+  value: number;
+  percent: number;
+  formattedValue: string;
+  path: string;
+  color: string;
+}
+interface ResolvedDoughnutChartSeparator {
+  path: string;
+}
+interface DoughnutChart {
+  segments?: RefOrValue<Array<RefOrValue<DoughnutChartSegment>>>;
+  title?: RefOrValue<string>;
+  description?: RefOrValue<string>;
+  ariaLabel?: RefOrValue<string>;
+  centerLabel?: RefOrValue<string>;
+  centerValue?: RefOrValue<string>;
+  centerLabelSize?: RefOrValue<number | string>;
+  centerValueSize?: RefOrValue<number | string>;
+  emptyLabel?: RefOrValue<string>;
+  valueSuffix?: RefOrValue<string>;
+  size?: RefOrValue<number | string>;
+  thickness?: RefOrValue<number | string>;
+  gap?: RefOrValue<number | string>;
+  startAngle?: RefOrValue<number | string>;
+  animated?: RefOrValue<boolean | string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  classes?: ComputedRef<string>;
+  resolvedSize?: ComputedRef<string | number>;
+  resolvedAriaLabel?: ComputedRef<string>;
+  resolvedEmptyLabel?: ComputedRef<string>;
+  chartSegments?: ComputedRef<ResolvedDoughnutChartSegment[]>;
+  separators?: ComputedRef<ResolvedDoughnutChartSeparator[]>;
+  hasSeparators?: ComputedRef<boolean>;
+  separatorMaskId?: string;
+  separatorMaskUrl?: ComputedRef<string | undefined>;
+  hasSegments?: ComputedRef<boolean>;
+  total?: ComputedRef<number>;
+  centerValueText?: ComputedRef<string>;
+  centerLabelStyle?: ComputedRef<Record<string, string> | undefined>;
+  centerValueStyle?: ComputedRef<Record<string, string> | undefined>;
+  trackPath?: ComputedRef<string>;
+}
+export declare function defineDoughnutChartComponents(): {
+  doughnutChart: import("regor").Component<DoughnutChart>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/doughnutChart/doughnutChartStyle.d.ts
+export declare function registerDoughnutChartStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/dropFiles/dropFiles.d.ts
+interface DropFileItem {
+  id: string;
+  file: File;
+  name: string;
+  type: string;
+  size: number;
+  sizeLabel: string;
+  lastModified: number;
+  icon: string;
+}
+type DropFilesIconMap = Record<string, string>;
+interface DropFilesAddOptions {
+  accept?: RefOrValue<string> | string[];
+  iconMap?: DropFilesIconMap | SRef<DropFilesIconMap>;
+  fileIcon?: RefOrValue<string>;
+  multiple?: RefOrValue<boolean>;
+  idSequence?: number;
+}
+interface DropFilesAddResult {
+  files: DropFileItem[];
+  idSequence: number;
+  acceptedCount: number;
+}
+interface DropFiles {
+  files?: SRef<DropFileItem[]>;
+  accept?: RefOrValue<string> | string[];
+  iconMap?: DropFilesIconMap | SRef<DropFilesIconMap>;
+  label?: RefOrValue<string>;
+  hint?: RefOrValue<string>;
+  emptyTitle?: RefOrValue<string>;
+  emptyText?: RefOrValue<string>;
+  disabled?: RefOrValue<boolean>;
+  multiple?: RefOrValue<boolean>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  uploadIcon?: RefOrValue<string>;
+  fileIcon?: RefOrValue<string>;
+  removeIcon?: RefOrValue<string>;
+  onChange?: (files: DropFileItem[]) => void;
+  inputElement?: ReturnType<typeof sref<HTMLInputElement | null>>;
+  dragging?: SRef<boolean>;
+  classes?: ComputedRef<string>;
+  acceptValue?: ComputedRef<string>;
+  resolvedMultiple?: ComputedRef<boolean>;
+  resolvedUploadIcon?: ComputedRef<string>;
+  resolvedRemoveIcon?: ComputedRef<string>;
+  hasFiles?: ComputedRef<boolean>;
+  openFileDialog?: () => void;
+  handleZoneKeydown?: (event: KeyboardEvent) => void;
+  handleInput?: (event: Event) => void;
+  handlePaste?: (event: ClipboardEvent) => void;
+  handleDragEnter?: (event: DragEvent) => void;
+  handleDragOver?: (event: DragEvent) => void;
+  handleDragLeave?: (event: DragEvent) => void;
+  handleDrop?: (event: DragEvent) => void;
+  removeFile?: (id: string) => void;
+  clear?: () => void;
+}
+export declare function defineDropFilesComponents(): {
+  dropFiles: import("regor").Component<DropFiles>;
+};
+export declare function addDropFiles(currentFiles: DropFileItem[], files: File[], options?: DropFilesAddOptions): DropFilesAddResult;
+//#endregion
+//#region packages/ts-components/src/standard/dropFiles/dropFilesStyle.d.ts
+export declare function registerDropFilesStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/expandablePanel/expandablePanel.d.ts
+interface ExpandablePanel {
+  title?: RefOrValue<string>;
+  description?: RefOrValue<string>;
+  meta?: RefOrValue<string>;
+  badge?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  summaryVariant?: RefOrValue<ComponentVariant>;
+  open?: RefOrValue<boolean>;
+  classes?: ComputedRef<string>;
+  summaryClasses?: ComputedRef<string>;
+}
+export declare function defineExpandablePanelComponents(): {
+  expandablePanel: import("regor").Component<ExpandablePanel>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/expandablePanel/expandablePanelStyle.d.ts
+export declare function registerExpandablePanelStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/flex/flex.d.ts
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type FlexAlign = 'stretch' | 'start' | 'center' | 'end' | 'baseline';
+type FlexJustify = 'start' | 'center' | 'end' | 'stretch' | 'between' | 'around' | 'evenly';
+type FlexWrap = boolean | 'wrap' | 'nowrap' | 'reverse' | 'true';
+interface Flex {
+  container?: RefOrValue<string>;
+  direction?: RefOrValue<FlexDirection>;
+  directionSm?: RefOrValue<FlexDirection>;
+  directionMd?: RefOrValue<FlexDirection>;
+  directionLg?: RefOrValue<FlexDirection>;
+  directionXl?: RefOrValue<FlexDirection>;
+  align?: RefOrValue<FlexAlign>;
+  alignSm?: RefOrValue<FlexAlign>;
+  alignMd?: RefOrValue<FlexAlign>;
+  alignLg?: RefOrValue<FlexAlign>;
+  alignXl?: RefOrValue<FlexAlign>;
+  justify?: RefOrValue<FlexJustify>;
+  justifySm?: RefOrValue<FlexJustify>;
+  justifyMd?: RefOrValue<FlexJustify>;
+  justifyLg?: RefOrValue<FlexJustify>;
+  justifyXl?: RefOrValue<FlexJustify>;
+  wrap?: RefOrValue<FlexWrap>;
+  wrapSm?: RefOrValue<FlexWrap>;
+  wrapMd?: RefOrValue<FlexWrap>;
+  wrapLg?: RefOrValue<FlexWrap>;
+  wrapXl?: RefOrValue<FlexWrap>;
+  inline?: RefOrValue<boolean | string>;
+  classes?: ComputedRef<string>;
+}
+export declare function defineFlexComponents(): {
+  flex: import("regor").Component<Flex>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/flex/flexStyle.d.ts
+export declare function registerFlexStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/footer/footer.d.ts
+interface SiteFooter {
+  teleport?: string;
+  ariaLabel?: string;
+  copyright?: string;
+  legalLabel?: string;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  classes?: ComputedRef<string>;
+}
+export declare function defineFooterComponents(): {
+  siteFooter: import("regor").Component<SiteFooter>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/footer/footerStyle.d.ts
+export declare function registerFooterStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/form/formInputField.d.ts
+type FormInputFieldType = 'color' | 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+declare class FormInputField {
+  readonly id: string;
+  readonly label?: RefOrValue<string>;
+  readonly tone?: RefOrValue<SemanticTone>;
+  readonly variant?: RefOrValue<ComponentVariant>;
+  readonly model: Ref<string | number>;
+  readonly type?: RefOrValue<FormInputFieldType>;
+  readonly name?: RefOrValue<string>;
+  readonly required?: RefOrValue<boolean>;
+  readonly autocomplete?: RefOrValue<string>;
+  readonly min?: RefOrValue<number | string>;
+  readonly step?: RefOrValue<number | string>;
+  readonly placeholder?: RefOrValue<string>;
+  readonly disabled?: RefOrValue<boolean>;
+  readonly icon?: RefOrValue<string>;
+  readonly iconEnd?: RefOrValue<string>;
+  classes?: ComputedRef<string>;
+  constructor(props: FormInputField);
+  get isNumberField(): boolean;
+  increment: () => void;
+  decrement: () => void;
+  private stepBy;
+  private readCurrentNumber;
+  private readMin;
+  private readStep;
+}
+export declare function defineFormInputField(): {
+  formInputField: import("regor").Component<FormInputField>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/form/autoCompleteInput.d.ts
+type AutoCompleteValue = string | number;
+interface AutoCompleteOption {
+  label: RefOrValue<string>;
+  value?: RefOrValue<AutoCompleteValue>;
+  disabled?: RefOrValue<boolean>;
+  keywords?: RefOrValue<string | string[]>;
+}
+interface ResolvedAutoCompleteOption {
+  label: string;
+  value: AutoCompleteValue;
+  disabled?: boolean;
+  keywords: string[];
+}
+interface AutoCompleteRow {
+  id: string;
+  index: number;
+  option: ResolvedAutoCompleteOption;
+  active: boolean;
+  selected: boolean;
+  disabled?: boolean;
+  classes: string;
+}
+interface AutoCompleteInput {
+  id?: RefOrValue<string>;
+  label?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  model?: Ref<string>;
+  selectedValue?: Ref<AutoCompleteValue | null>;
+  type?: RefOrValue<FormInputFieldType>;
+  name?: RefOrValue<string>;
+  required?: RefOrValue<boolean>;
+  autocomplete?: RefOrValue<string>;
+  placeholder?: RefOrValue<string>;
+  disabled?: RefOrValue<boolean>;
+  icon?: RefOrValue<string>;
+  iconEnd?: RefOrValue<string>;
+  options?: RefOrValue<AutoCompleteOption[]>;
+  rowComponent?: RefOrValue<string>;
+  minLength?: RefOrValue<number | string>;
+  maxResults?: RefOrValue<number | string>;
+  openOnFocus?: RefOrValue<boolean>;
+  loading?: RefOrValue<boolean>;
+  emptyText?: RefOrValue<string>;
+  loadingText?: RefOrValue<string>;
+  onSelect?: (option: ResolvedAutoCompleteOption) => void;
+  onSearch?: (query: string) => void;
+  emits?: Emits<'optionselect' | 'querychange'>;
+  listboxId?: string;
+  isOpen?: Ref<boolean>;
+  activeIndex?: Ref<number>;
+  query?: ComputedRef<string>;
+  resolvedOptions?: ComputedRef<ResolvedAutoCompleteOption[]>;
+  filteredOptions?: ComputedRef<ResolvedAutoCompleteOption[]>;
+  rows?: ComputedRef<AutoCompleteRow[]>;
+  activeOptionId?: ComputedRef<string | undefined>;
+  shouldRenderPopup?: ComputedRef<boolean>;
+  showLoading?: ComputedRef<boolean>;
+  showEmpty?: ComputedRef<boolean>;
+  resolvedRowComponent?: ComputedRef<string>;
+  resolvedIconEnd?: ComputedRef<string | undefined>;
+  handleFocusIn?: () => void;
+  handleFocusOut?: () => void;
+  handleInput?: () => void;
+  handleKeydown?: (event: KeyboardEvent) => void;
+  handleOptionMouseDown?: (event: MouseEvent) => void;
+  selectRow?: (row: AutoCompleteRow) => void;
+}
+interface AutoCompleteOptionRow {
+  option: RefOrValue<ResolvedAutoCompleteOption | null>;
+  active?: RefOrValue<boolean>;
+  selected?: RefOrValue<boolean>;
+  query?: RefOrValue<string>;
+}
+export declare function defineAutoCompleteInputComponents(): {
+  autoCompleteInput: import("regor").Component<AutoCompleteInput>;
+  autoCompleteOptionRow: import("regor").Component<AutoCompleteOptionRow>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/form/formCheck.d.ts
+declare class FormCheck {
+  readonly id: string;
+  label?: RefOrValue<string>;
+  name?: RefOrValue<string>;
+  value?: RefOrValue<string>;
+  checked?: Ref<boolean>;
+  disabled?: RefOrValue<boolean>;
+  tone?: RefOrValue<SemanticTone>;
+  rootClass?: RefOrValue<string>;
+  hasLabel?: ComputedRef<boolean>;
+  classes?: ComputedRef<string>;
+  constructor(props: FormCheck);
+}
+export declare function defineFormCheckComponent(): import("regor").Component<FormCheck>;
+//#endregion
+//#region packages/ts-components/src/standard/form/form.d.ts
+interface AppForm {
+  action?: RefOrValue<string>;
+  method?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  classes?: ComputedRef<string>;
+}
+interface FormMeta {}
+interface FormAssistLink {
+  href?: RefOrValue<string>;
+  label?: RefOrValue<string>;
+  target?: RefOrValue<string>;
+  rel?: RefOrValue<string>;
+  normalizedHref?: ComputedRef<string | undefined>;
+  resolvedRel?: ComputedRef<string | undefined>;
+}
+interface FormSubmit {
+  label?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+interface FormDivider {
+  label?: RefOrValue<string>;
+}
+interface FormStatus {
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  hidden?: RefOrValue<boolean>;
+  classes?: ComputedRef<string>;
+}
+export declare function defineFormComponents(): {
+  appForm: import("regor").Component<AppForm>;
+  formMeta: import("regor").Component<FormMeta>;
+  formCheck: import("regor").Component<FormCheck>;
+  formAssistLink: import("regor").Component<FormAssistLink>;
+  formSubmit: import("regor").Component<FormSubmit>;
+  formDivider: import("regor").Component<FormDivider>;
+  formStatus: import("regor").Component<FormStatus>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/form/formSelectField.d.ts
+type FormSelectValue = string | number;
+interface FormSelectOption {
+  label: RefOrValue<string>;
+  value?: RefOrValue<FormSelectValue>;
+  disabled?: RefOrValue<boolean>;
+}
+interface ResolvedFormSelectOption {
+  label: string;
+  value: FormSelectValue;
+  disabled?: boolean;
+}
+declare class FormSelectField {
+  readonly id: string;
+  readonly label?: RefOrValue<string>;
+  readonly tone?: RefOrValue<SemanticTone>;
+  readonly variant?: RefOrValue<ComponentVariant>;
+  readonly model: Ref<FormSelectValue>;
+  readonly name?: RefOrValue<string>;
+  readonly required?: RefOrValue<boolean>;
+  readonly autocomplete?: RefOrValue<string>;
+  readonly placeholder?: RefOrValue<string>;
+  readonly disabled?: RefOrValue<boolean>;
+  readonly icon?: RefOrValue<string>;
+  readonly iconEnd?: RefOrValue<string>;
+  readonly options?: RefOrValue<FormSelectOption[]>;
+  classes?: ComputedRef<string>;
+  resolvedOptions?: ComputedRef<ResolvedFormSelectOption[]>;
+  resolvedIconEnd?: ComputedRef<string>;
+  hasPlaceholder?: ComputedRef<boolean>;
+  constructor(props: FormSelectField);
+}
+export declare function defineFormSelectField(): {
+  formSelectField: import("regor").Component<FormSelectField>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/form/formStyle.d.ts
+export declare function registerFormStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/form/multiAutoCompleteInput.d.ts
+interface MultiAutoCompleteItem {
+  label: RefOrValue<string>;
+  value?: RefOrValue<AutoCompleteValue>;
+  disabled?: RefOrValue<boolean>;
+  invalid?: RefOrValue<boolean>;
+  tone?: RefOrValue<SemanticTone>;
+  keywords?: RefOrValue<string | string[]>;
+}
+interface ResolvedMultiAutoCompleteItem {
+  label: string;
+  value: AutoCompleteValue;
+  disabled?: boolean;
+  invalid?: boolean;
+  tone?: SemanticTone;
+  keywords: string[];
+}
+type MultiAutoCompleteCreateItem = (query: string) => MultiAutoCompleteItem | null | undefined;
+type MultiAutoCompleteOptionToItem = (option: ResolvedAutoCompleteOption) => MultiAutoCompleteItem | null | undefined;
+type MultiAutoCompleteSplitInput = (value: string) => string[];
+type MultiAutoCompleteItemsChange = (items: MultiAutoCompleteItem[]) => void;
+type MultiAutoCompleteSelect = (option: ResolvedAutoCompleteOption, item: MultiAutoCompleteItem) => void;
+type MultiAutoCompleteSearch = (query: string) => void;
+interface MultiAutoCompleteSelectedRow {
+  id: string;
+  index: number;
+  item: ResolvedMultiAutoCompleteItem;
+  classes: string;
+}
+interface MultiAutoCompleteOptionRow {
+  id: string;
+  index: number;
+  option: ResolvedAutoCompleteOption;
+  active: boolean;
+  disabled?: boolean;
+  classes: string;
+}
+interface MultiAutoCompleteInput {
+  id?: RefOrValue<string>;
+  label?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  items?: SRef<MultiAutoCompleteItem[]>;
+  model?: Ref<string>;
+  name?: RefOrValue<string>;
+  required?: RefOrValue<boolean>;
+  autocomplete?: RefOrValue<string>;
+  placeholder?: RefOrValue<string>;
+  disabled?: RefOrValue<boolean>;
+  icon?: RefOrValue<string>;
+  iconEnd?: RefOrValue<string>;
+  removeIcon?: RefOrValue<string>;
+  options?: RefOrValue<AutoCompleteOption[]>;
+  rowComponent?: RefOrValue<string>;
+  minLength?: RefOrValue<number | string>;
+  maxResults?: RefOrValue<number | string>;
+  openOnFocus?: RefOrValue<boolean>;
+  allowCustomValues?: RefOrValue<boolean>;
+  allowDuplicates?: RefOrValue<boolean>;
+  separators?: RefOrValue<string>;
+  loading?: RefOrValue<boolean>;
+  emptyText?: RefOrValue<string>;
+  loadingText?: RefOrValue<string>;
+  onCreateItem?: RefOrValue<MultiAutoCompleteCreateItem>;
+  onOptionToItem?: RefOrValue<MultiAutoCompleteOptionToItem>;
+  onSplitInput?: RefOrValue<MultiAutoCompleteSplitInput>;
+  onItemsChange?: RefOrValue<MultiAutoCompleteItemsChange>;
+  onSelect?: RefOrValue<MultiAutoCompleteSelect>;
+  onSearch?: RefOrValue<MultiAutoCompleteSearch>;
+  emits?: Emits<'itemschange' | 'itemremove' | 'itemcreate' | 'optionselect' | 'querychange'>;
+  inputId?: string;
+  listboxId?: string;
+  inputElement?: SRef<HTMLInputElement | null>;
+  isOpen?: Ref<boolean>;
+  activeIndex?: Ref<number>;
+  query?: ComputedRef<string>;
+  classes?: ComputedRef<string>;
+  resolvedItems?: ComputedRef<ResolvedMultiAutoCompleteItem[]>;
+  selectedRows?: ComputedRef<MultiAutoCompleteSelectedRow[]>;
+  resolvedOptions?: ComputedRef<ResolvedAutoCompleteOption[]>;
+  filteredOptions?: ComputedRef<ResolvedAutoCompleteOption[]>;
+  optionRows?: ComputedRef<MultiAutoCompleteOptionRow[]>;
+  activeOptionId?: ComputedRef<string | undefined>;
+  shouldRenderPopup?: ComputedRef<boolean>;
+  showLoading?: ComputedRef<boolean>;
+  showEmpty?: ComputedRef<boolean>;
+  resolvedRowComponent?: ComputedRef<string>;
+  resolvedIconEnd?: ComputedRef<string | undefined>;
+  resolvedRemoveIcon?: ComputedRef<string>;
+  focusInput?: () => void;
+  handleFocusIn?: () => void;
+  handleFocusOut?: () => void;
+  handleInput?: () => void;
+  handlePaste?: (event: ClipboardEvent) => void;
+  handleKeydown?: (event: KeyboardEvent) => void;
+  handleOptionMouseDown?: (event: MouseEvent) => void;
+  selectOptionRow?: (row: MultiAutoCompleteOptionRow) => void;
+  removeSelectedRow?: (row: MultiAutoCompleteSelectedRow) => void;
+  removeItemLabel?: (row: MultiAutoCompleteSelectedRow) => string;
+}
+interface MultiAutoCompleteDefaultOptionRow {
+  option: RefOrValue<ResolvedAutoCompleteOption | null>;
+  active?: RefOrValue<boolean>;
+}
+export declare function defineMultiAutoCompleteInputComponents(): {
+  multiAutoCompleteInput: import("regor").Component<MultiAutoCompleteInput>;
+  multiAutoCompleteOptionRow: import("regor").Component<MultiAutoCompleteDefaultOptionRow>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/grid/grid.d.ts
+type GridAlignItems = 'stretch' | 'start' | 'center' | 'end';
+type GridJustifyItems = 'stretch' | 'start' | 'center' | 'end';
+interface Grid {
+  container?: RefOrValue<string>;
+  columns?: RefOrValue<number | string>;
+  columnsSm?: RefOrValue<number | string>;
+  columnsMd?: RefOrValue<number | string>;
+  columnsLg?: RefOrValue<number | string>;
+  columnsXl?: RefOrValue<number | string>;
+  alignItems?: RefOrValue<GridAlignItems>;
+  justifyItems?: RefOrValue<GridJustifyItems>;
+  dense?: RefOrValue<boolean | string>;
+  classes?: ComputedRef<string>;
+  gridStyle?: ComputedRef<Record<string, string>>;
+}
+export declare function defineGridComponents(): {
+  grid: import("regor").Component<Grid>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/grid/gridStyle.d.ts
+export declare function registerGridStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/icon/iconStyle.d.ts
+export declare function registerIconStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/landing/landingTypes.d.ts
+type LandingBandImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+type LandingBandEdge = 'flat' | 'slant-up' | 'slant-down';
+type LandingTitleTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+interface LandingBand {
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  image?: RefOrValue<string>;
+  imageFit?: RefOrValue<LandingBandImageFit>;
+  imagePosition?: RefOrValue<string>;
+  display?: RefOrValue<CSSProps['display']>;
+  alignItems?: RefOrValue<CSSProps['alignItems']>;
+  justifyContent?: RefOrValue<CSSProps['justifyContent']>;
+  height?: RefOrValue<string>;
+  paddingTop?: RefOrValue<string>;
+  paddingBottom?: RefOrValue<string>;
+  marginTop?: RefOrValue<string>;
+  marginBottom?: RefOrValue<string>;
+  topEdge?: RefOrValue<LandingBandEdge>;
+  bottomEdge?: RefOrValue<LandingBandEdge>;
+  edgeSize?: RefOrValue<string>;
+  topEdgeStart?: RefOrValue<string>;
+  bottomEdgeStart?: RefOrValue<string>;
+  classes?: ComputedRef<string>;
+  bandStyle?: ComputedRef<Partial<CSSProps>>;
+}
+interface LandingSection {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  subtitle?: RefOrValue<string>;
+  titleTag?: RefOrValue<LandingTitleTag>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  columns?: RefOrValue<number | string>;
+  columnsLg?: RefOrValue<number | string>;
+  alignItems?: RefOrValue<GridAlignItems>;
+}
+interface FeatureCard {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  summary?: RefOrValue<string>;
+  badge?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+interface MetricStrip {
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  columns?: RefOrValue<number | string>;
+  columnsSm?: RefOrValue<number | string>;
+  columnsLg?: RefOrValue<number | string>;
+}
+interface MetricItem {
+  label?: RefOrValue<string>;
+  value?: RefOrValue<string>;
+  detail?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+}
+interface CodeShowcase {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  summary?: RefOrValue<string>;
+  language?: RefOrValue<string>;
+  resultTitle?: RefOrValue<string>;
+  resultMeta?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+interface ComparisonTable {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  subtitle?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  columns?: RefOrValue<number | string>;
+  columnsLg?: RefOrValue<number | string>;
+}
+interface ComparisonColumn {
+  title?: RefOrValue<string>;
+  summary?: RefOrValue<string>;
+  badge?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+interface ComparisonFeature {
+  icon?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+}
+interface CtaSection {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  subtitle?: RefOrValue<string>;
+  primaryLabel?: RefOrValue<string>;
+  primaryHref?: RefOrValue<string>;
+  primaryIcon?: RefOrValue<string>;
+  secondaryLabel?: RefOrValue<string>;
+  secondaryHref?: RefOrValue<string>;
+  secondaryIcon?: RefOrValue<string>;
+  meta?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+//#endregion
+//#region packages/ts-components/src/standard/landing/codeShowcase.d.ts
+export declare function defineCodeShowcaseComponent(): {
+  codeShowcase: import("regor").Component<CodeShowcase>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/comparisonColumn.d.ts
+export declare function defineComparisonColumnComponent(): {
+  comparisonColumn: import("regor").Component<ComparisonColumn>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/comparisonFeature.d.ts
+export declare function defineComparisonFeatureComponent(): {
+  comparisonFeature: import("regor").Component<ComparisonFeature>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/comparisonTable.d.ts
+export declare function defineComparisonTableComponent(): {
+  comparisonTable: import("regor").Component<ComparisonTable>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/ctaSection.d.ts
+export declare function defineCtaSectionComponent(): {
+  ctaSection: import("regor").Component<CtaSection>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/featureCard.d.ts
+export declare function defineFeatureCardComponent(): {
+  featureCard: import("regor").Component<FeatureCard>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/landingBand.d.ts
+export declare function defineLandingBandComponent(): {
+  landingBand: import("regor").Component<LandingBand>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/landingSection.d.ts
+export declare function defineLandingSectionComponent(): {
+  landingSection: import("regor").Component<LandingSection>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/metricItem.d.ts
+export declare function defineMetricItemComponent(): {
+  metricItem: import("regor").Component<MetricItem>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/metricStrip.d.ts
+export declare function defineMetricStripComponent(): {
+  metricStrip: import("regor").Component<MetricStrip>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/landing/landing.d.ts
+export declare function defineLandingComponents(): {
+  codeShowcase: import("regor").Component<CodeShowcase>;
+  comparisonColumn: import("regor").Component<ComparisonColumn>;
+  comparisonFeature: import("regor").Component<ComparisonFeature>;
+  comparisonTable: import("regor").Component<ComparisonTable>;
+  ctaSection: import("regor").Component<CtaSection>;
+  featureCard: import("regor").Component<FeatureCard>;
+  landingBand: import("regor").Component<LandingBand>;
+  landingSection: import("regor").Component<LandingSection>;
+  metricItem: import("regor").Component<MetricItem>;
+  metricStrip: import("regor").Component<MetricStrip>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/lineChart/lineChart.d.ts
+type LineChartCurve = 'linear' | 'smooth';
+interface LineChartPoint {
+  label?: RefOrValue<string>;
+  value?: RefOrValue<number | string>;
+}
+interface LineChartSeries {
+  label?: RefOrValue<string>;
+  color?: RefOrValue<string>;
+  points?: RefOrValue<Array<RefOrValue<LineChartPoint>>>;
+}
+interface ResolvedLineChartPoint {
+  label: string;
+  value: number;
+  formattedValue: string;
+  x: number;
+  y: number;
+  valueLabelY: number;
+  valueLabelBaseline: string;
+}
+interface ResolvedLineChartSeries {
+  label: string;
+  color: string;
+  path: string;
+  areaPath: string;
+  points: ResolvedLineChartPoint[];
+}
+interface ResolvedLineChartGridLine extends ResolvedCartesianChartGridLine {}
+interface ResolvedLineChartLabel {
+  label: string;
+  x: number;
+  y: number;
+}
+interface LineChart {
+  series?: RefOrValue<Array<RefOrValue<LineChartSeries>>>;
+  title?: RefOrValue<string>;
+  description?: RefOrValue<string>;
+  ariaLabel?: RefOrValue<string>;
+  emptyLabel?: RefOrValue<string>;
+  valueSuffix?: RefOrValue<string>;
+  width?: RefOrValue<number | string>;
+  height?: RefOrValue<number | string>;
+  minValue?: RefOrValue<number | string>;
+  maxValue?: RefOrValue<number | string>;
+  curve?: RefOrValue<LineChartCurve>;
+  animated?: RefOrValue<boolean | string>;
+  showArea?: RefOrValue<boolean | string>;
+  showPoints?: RefOrValue<boolean | string>;
+  showValues?: RefOrValue<boolean | string>;
+  showLabels?: RefOrValue<boolean | string>;
+  showAxis?: RefOrValue<boolean | string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  classes?: ComputedRef<string>;
+  resolvedWidth?: ComputedRef<string | number>;
+  resolvedHeight?: ComputedRef<string | number | undefined>;
+  resolvedAriaLabel?: ComputedRef<string>;
+  resolvedEmptyLabel?: ComputedRef<string>;
+  chartSeries?: ComputedRef<ResolvedLineChartSeries[]>;
+  gridLines?: ComputedRef<ResolvedLineChartGridLine[]>;
+  xLabels?: ComputedRef<ResolvedLineChartLabel[]>;
+  hasSeries?: ComputedRef<boolean>;
+  zeroLineY?: ComputedRef<number>;
+}
+export declare function defineLineChartComponents(): {
+  lineChart: import("regor").Component<LineChart>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/lineChart/lineChartStyle.d.ts
+export declare function registerLineChartStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/logo/logo.d.ts
+type ReactiveLogoOptions = { [K in keyof LogoConfig$1]?: RefOrValue<LogoConfig$1[K]>; };
+interface SiteLogo extends ReactiveLogoOptions {
+  config?: RefOrValue<Partial<LogoConfig$1>>;
+  options?: ComputedRef<LogoConfig$1>;
+  classes?: ComputedRef<string>;
+  logoStyle?: ComputedRef<Record<string, string>>;
+  resolvedHref?: ComputedRef<string | undefined>;
+  resolvedImage?: ComputedRef<string | undefined>;
+  resolvedDarkImage?: ComputedRef<string | undefined>;
+  accessibleName?: ComputedRef<string>;
+  initials?: ComputedRef<string>;
+}
+export declare function defineLogoComponents(): {
+  siteLogo: import("regor").Component<SiteLogo>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/logo/logoStyle.d.ts
+export declare function registerLogoStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/modal/modalStore.d.ts
+interface ModalActionContract extends Btn {
+  id?: string;
+  label?: RefOrValue<string>;
+  closeOnClick?: RefOrValue<boolean>;
+  onClick?: (modal: ModalItem, store: ModalStore) => void | Promise<void>;
+}
+interface ModalContract extends Modal {
+  body?: RefOrValue<string>;
+  note?: RefOrValue<string>;
+  actions?: ModalActionContract[];
+}
+declare const ModalAction_base: new (data: ModalActionContract) => ModalActionContract & {
+  constructor: unknown;
+};
+declare class ModalAction extends ModalAction_base {
+  readonly id: string;
+  readonly running: import("regor").Ref<boolean>;
+  constructor(opts: ModalActionContract);
+}
+declare const ModalItem_base: new (data: ModalContract) => ModalContract & {
+  constructor: unknown;
+};
+declare class ModalItem extends ModalItem_base {
+  readonly id: string;
+  constructor(opts: ModalContract);
+}
+declare class ModalStore {
+  readonly modals: import("regor").SRef<ModalItem[]>;
+  openModal: (options: ModalContract) => ModalItem;
+  closeModal: (id: string) => void;
+  private findModal;
+  runAction: (modal: ModalItem, action: ModalAction) => void;
+  removeModal: (id: string) => void;
+  private createModal;
+  private runActionAsync;
+}
+export declare function useModalStore(): ModalStore;
+//#endregion
+//#region packages/ts-components/src/standard/modal/modal.d.ts
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
+type ModalSlideFrom = 'none' | 'top' | 'right' | 'bottom' | 'left';
+interface Modal {
+  id?: string;
+  title?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  size?: RefOrValue<ModalSize>;
+  fade?: RefOrValue<boolean>;
+  slideFrom?: RefOrValue<ModalSlideFrom>;
+  showClose?: RefOrValue<boolean>;
+  titleId?: string;
+  rootClass?: ComputedRef<string>;
+  classes?: ComputedRef<string>;
+  emits?: Emits<'close' | 'cancel'>;
+}
+interface ModalTrigger {
+  target?: string;
+  label?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+export declare function defineModalComponents(): {
+  modalStore: import("regor").Component<ModalStore>;
+  modal: import("regor").Component<Modal>;
+  modalTrigger: import("regor").Component<ModalTrigger>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/modal/modalStyle.d.ts
+export declare function registerModalStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/navMenu/navMenu.d.ts
+interface NavMenu {
+  items?: NavItem[] | SRef<NavItem[]>;
+  currentUrl?: RefOrValue<string>;
+  navItems?: ComputedRef<NavItemState[]>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  signInAvatarSrc?: RefOrValue<string>;
+  signInAvatarAlt?: RefOrValue<string>;
+  classes?: ComputedRef<string>;
+  searchEnabled?: boolean;
+  navRoot?: string;
+}
+interface NavList {
+  items?: NavItemState[];
+  tone?: SemanticTone;
+}
+interface NavItemState extends NavItem {
+  isActive: boolean;
+  isOpen: boolean;
+  stateKey: string;
+  linkClass?: string[];
+  ariaCurrent?: string;
+}
+export declare function defineNavigationComponents(): {
+  navItem: import("regor").Component<{
+    item: NavItemState;
+  }>;
+  navList: import("regor").Component<NavList>;
+  navMenu: import("regor").Component<NavMenu>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/navMenu/navMenuStyle.d.ts
+export declare function registerNavStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/pageLinks/pageLinks.d.ts
+interface PageLinks extends PageNavigationLinks {
+  hasLinks?: boolean;
+}
+export declare function definePageLinksComponents(): {
+  pageLinks: import("regor").Component<PageLinks>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/pageToc/pageToc.d.ts
+interface PageToc {
+  items?: PageOutlineItem[];
+  title?: string;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  classes?: ComputedRef<string>;
+}
+interface PageTocItem extends PageOutlineItem {
+  href: string;
+  children?: PageTocItem[];
+}
+export declare function definePageTocComponents(): {
+  pageToc: import("regor").Component<PageToc>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/pageToc/pageTocStyle.d.ts
+export declare function registerPageTocStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/panel/panel.d.ts
+interface Panel {
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  bodyClass?: RefOrValue<string>;
+  classes?: ComputedRef<string>;
+}
+export declare function definePanelComponents(): {
+  panel: import("regor").Component<Panel>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/panel/panelStyle.d.ts
+export declare function registerPanelStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/pricing/pricing.d.ts
+interface PricingTable {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  subtitle?: RefOrValue<string>;
+  footnote?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  columns?: RefOrValue<number | string>;
+  columnsLg?: RefOrValue<number | string>;
+  columnsXl?: RefOrValue<number | string>;
+}
+interface PricingPlan {
+  title?: RefOrValue<string>;
+  summary?: RefOrValue<string>;
+  price?: RefOrValue<string>;
+  period?: RefOrValue<string>;
+  badge?: RefOrValue<string>;
+  note?: RefOrValue<string>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  icon?: RefOrValue<string>;
+  ctaLabel?: RefOrValue<string>;
+  ctaLink?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+}
+interface PricingFeature {
+  icon?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+export declare function definePricingComponents(): {
+  pricingTable: import("regor").Component<PricingTable>;
+  pricingPlan: import("regor").Component<PricingPlan>;
+  pricingFeature: import("regor").Component<PricingFeature>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/searchBox/searchBox.d.ts
+interface SearchBox {
+  placeholder?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+}
+export declare function defineSearchComponents(): {
+  searchBox: import("regor").Component<SearchBox>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/searchBox/searchBoxStyle.d.ts
+export declare function registerSearchBoxStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/sectionHeader/sectionHeader.d.ts
+interface SectionHeader {
+  eyebrow?: RefOrValue<string>;
+  title?: RefOrValue<string>;
+  subtitle?: RefOrValue<string>;
+  footnote?: RefOrValue<string>;
+  titleTag?: RefOrValue<string>;
+  titleId?: RefOrValue<string>;
+  eyebrowClass?: RefOrValue<string>;
+  titleClass?: RefOrValue<string>;
+  subtitleClass?: RefOrValue<string>;
+  footnoteClass?: RefOrValue<string>;
+  resolvedTitleTag?: ComputedRef<string>;
+}
+export declare function defineSectionHeaderComponents(): {
+  sectionHeader: import("regor").Component<SectionHeader>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/signIn/signIn.d.ts
+interface SignIn {
+  avatarSrc?: RefOrValue<string>;
+  avatarAlt?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  accountIcon?: RefOrValue<string>;
+  label?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  authEnabled?: boolean;
+  signUpEnabled?: boolean;
+  resolvedIcon?: ComputedRef<string>;
+  resolvedAccountIcon?: ComputedRef<string>;
+  resolvedLabel?: ComputedRef<string>;
+  resolvedAvatarAlt?: ComputedRef<string>;
+}
+export declare function defineSignInComponents(): {
+  signIn: import("regor").Component<SignIn>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/signIn/signInStyle.d.ts
+export declare function registerSignInStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/tabs/tabs.d.ts
+declare class Tabs {
+  group: string;
+  ariaLabel?: RefOrValue<string>;
+  selectedTab?: RefOrValue<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  tabVariant?: RefOrValue<ComponentVariant>;
+  classes?: ComputedRef<string>;
+}
+interface TabPane {
+  id?: string;
+  label?: RefOrValue<string>;
+  icon?: RefOrValue<string>;
+  disabled?: RefOrValue<boolean>;
+  group?: string;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  variantMode?: RefOrValue<ComponentVariantMode>;
+  tabVariant?: RefOrValue<ComponentVariant>;
+  classes?: ComputedRef<string>;
+  tabClasses?: ComputedRef<string>;
+}
+export declare function defineTabsComponents(): {
+  tabs: import("regor").Component<Tabs>;
+  tabPane: import("regor").Component<TabPane>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/tabs/tabsStyle.d.ts
+export declare function registerTabsStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/themeToggle/themeToggle.d.ts
+interface ThemeToggle {}
+export declare function defineThemeToggleComponents(): {
+  themeToggle: import("regor").Component<ThemeToggle>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/themeToggle/themeToggleStyle.d.ts
+export declare function registerThemeToggleStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/toast/toastStore.d.ts
+interface ToastItem {
+  id: string;
+  message: string;
+  tone: SemanticTone;
+}
+export declare class ToastStore {
+  readonly items: import("regor").SRef<ToastItem[]>;
+  private nextId;
+  private readonly timers;
+  notify: (text: string, tone?: SemanticTone) => void;
+  dismiss: (id: string) => void;
+  clear: () => void;
+}
+//#endregion
+//#region packages/ts-components/src/standard/toast/toastHost.d.ts
+interface ToastHost {
+  items: SRef<ToastItem[]>;
+  dismiss: ToastStore['dismiss'];
+}
+export declare function defineToastComponents(): {
+  toastHost: import("regor").Component<ToastHost>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/topBar/topBar.d.ts
+interface TopBar {
+  siteLogo: SiteLogoConfig$1;
+  logoComponent?: RefOrValue<string>;
+  resolvedLogoComponent?: ComputedRef<string>;
+  tone?: RefOrValue<SemanticTone>;
+  variant?: RefOrValue<ComponentVariant>;
+  signInAvatarSrc?: RefOrValue<string>;
+  signInAvatarAlt?: RefOrValue<string>;
+  classes?: ComputedRef<string>;
+  searchEnabled?: boolean;
+  signInEnabled?: boolean;
+}
+export declare function defineTopBarComponents(): {
+  topBar: import("regor").Component<TopBar>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/topBar/topBarStyle.d.ts
+export declare function registerTopBarStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/virtualList/virtualList.d.ts
+interface VirtualListRow {
+  index: number;
+  item: unknown;
+}
+interface VirtualList {
+  items?: RefOrValue<unknown[]>;
+  height?: RefOrValue<number | string>;
+  itemHeight?: RefOrValue<number | string>;
+  overscan?: RefOrValue<number | string>;
+  rowComponent?: RefOrValue<string>;
+  scrollTop?: ReturnType<typeof ref<number>>;
+  visibleRows?: ComputedRef<VirtualListRow[]>;
+  viewportStyle?: ComputedRef<Record<string, string>>;
+  spacerStyle?: ComputedRef<Record<string, string>>;
+  windowStyle?: ComputedRef<Record<string, string>>;
+  itemStyle?: ComputedRef<Record<string, string>>;
+  handleScroll?: (event: Event) => void;
+  resolvedRowComponent?: ComputedRef<string>;
+}
+interface VariableVirtualList extends VirtualList {
+  estimateHeight?: RefOrValue<number | string>;
+  rowElementRefs?: Array<ReturnType<typeof sref<HTMLElement | null>>>;
+  viewportElement?: ReturnType<typeof sref<HTMLElement | null>>;
+  unmounted?: () => void;
+}
+export declare function defineVirtualListComponents(): {
+  virtualList: import("regor").Component<VirtualList>;
+  variableVirtualList: import("regor").Component<VariableVirtualList>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/virtualList/virtualTable.d.ts
+interface VirtualTable {
+  items?: RefOrValue<unknown[]>;
+  height?: RefOrValue<number | string>;
+  itemHeight?: RefOrValue<number | string>;
+  overscan?: RefOrValue<number | string>;
+  rowComponent?: RefOrValue<string>;
+  colGroupComponent?: RefOrValue<string>;
+  headerComponent?: RefOrValue<string>;
+  footerComponent?: RefOrValue<string>;
+  tableLayout?: RefOrValue<'auto' | 'fixed'>;
+  scrollTop?: ReturnType<typeof ref<number>>;
+  visibleRows?: ComputedRef<VirtualListRow[]>;
+  viewportStyle?: ComputedRef<Record<string, string>>;
+  tableStyle?: ComputedRef<Record<string, string>>;
+  topSpacerStyle?: ComputedRef<Record<string, string>>;
+  bottomSpacerStyle?: ComputedRef<Record<string, string>>;
+  handleScroll?: (event: Event) => void;
+  hasColGroupComponent?: ComputedRef<boolean>;
+  hasHeaderComponent?: ComputedRef<boolean>;
+  hasFooterComponent?: ComputedRef<boolean>;
+}
+export declare function defineVirtualTableComponents(): {
+  virtualTable: import("regor").Component<VirtualTable>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/virtualList/variableVirtualTable.d.ts
+interface VariableVirtualTable extends VirtualTable {
+  estimateHeight?: RefOrValue<number | string>;
+  viewportElement?: ReturnType<typeof sref<HTMLElement | null>>;
+  unmounted?: () => void;
+}
+export declare function defineVariableVirtualTableComponents(): {
+  variableVirtualTable: import("regor").Component<VariableVirtualTable>;
+};
+//#endregion
+//#region packages/ts-components/src/standard/virtualList/virtualListStyle.d.ts
+export declare function registerVirtualListStyles(): void;
+//#endregion
+//#region packages/ts-components/src/standard/virtualList/virtualTableStyle.d.ts
+export declare function registerVirtualTableStyles(): void;
+//#endregion
+export type { AlertBox, AppForm, AutoCompleteInput, AutoCompleteOption, AutoCompleteOptionRow, AutoCompleteRow, AutoCompleteValue, Badge, BarChart, BarChartItem, Btn, BtnGroup, BtnGroupAlign, BtnGroupDropDown, BtnGroupDropDownAlign, BtnIconPosition, BtnLink, BtnSize, BtnType, ClassicLogo, ClassicLogoConfig, CodeShowcase, ComparisonColumn, ComparisonFeature, ComparisonTable, ComponentVariant, ComponentVariantMode, Composer, ComposerCommand, Consent, ConsentCategoryState, ContactForm, CtaSection, DoughnutChart, DoughnutChartSegment, DropFileItem, DropFiles, DropFilesAddOptions, DropFilesAddResult, DropFilesIconMap, EmailHtmlPolicyOptions, ExpandablePanel, FeatureCard, Flex, FlexAlign, FlexDirection, FlexJustify, FlexWrap, FormAssistLink, FormCheck, FormDivider, FormInputField, FormMeta, FormSelectField, FormSelectOption, FormSelectValue, FormStatus, FormSubmit, GetSvgIcon, Grid, Icon, IconFrame, IconFrameSize, LandingBand, LandingBandEdge, LandingBandImageFit, LandingSection, LandingTitleTag, LineChart, LineChartCurve, LineChartPoint, LineChartSeries, LogoAppearance, LogoConfig, LogoLayout, LogoMarkStyle, LogoShape, LogoSize, LogoWordmarkStyle, MetricItem, MetricStrip, Modal, ModalActionContract, ModalContract, ModalSize, ModalSlideFrom, ModalStore, ModalTrigger, MultiAutoCompleteCreateItem, MultiAutoCompleteDefaultOptionRow, MultiAutoCompleteInput, MultiAutoCompleteItem, MultiAutoCompleteItemsChange, MultiAutoCompleteOptionRow, MultiAutoCompleteOptionToItem, MultiAutoCompleteSearch, MultiAutoCompleteSelect, MultiAutoCompleteSelectedRow, MultiAutoCompleteSplitInput, NavItemState, NavList, NavMenu, PageLinks, PageToc, PageTocItem, Panel, PricingFeature, PricingPlan, PricingTable, ResolvedAutoCompleteOption, ResolvedBarChartGridLine, ResolvedBarChartItem, ResolvedDoughnutChartSegment, ResolvedMultiAutoCompleteItem, SearchBox, SectionHeader, SignIn, SiteFooter, SiteLogo, SiteLogoConfig, TabPane, Tabs, ThemeToggle, ToastHost, ToastItem, TopBar, TsSsgMenusApi, TsSsgModalApi, TsSsgTabsApi, VariableVirtualList, VariableVirtualTable, VirtualList, VirtualListRow, VirtualTable };
+//# sourceMappingURL=ts-components.d.mts.map