@vaneui/ui 1.4.0 → 1.4.1

package/dist/esm/components/utils/componentUtils.mjs

@@ -25,6 +25,10 @@ function collectTruthyKeysByCategory(props, defaults, category) {
   const reset = selected.find((k) => k.startsWith("no"));
   return reset ? [reset] : selected;
 }
+function resetConflictKey(truthyKeys) {
+  const reset = truthyKeys.find((k) => k.startsWith("no"));
+  return reset && truthyKeys.length > 1 ? reset : void 0;
+}
 
-export { MULTI_VALUE_CATEGORIES, collectTruthyKeysByCategory, pickFirstTruthyKeyByCategory };
+export { MULTI_VALUE_CATEGORIES, collectTruthyKeysByCategory, pickFirstTruthyKeyByCategory, resetConflictKey };
 //# sourceMappingURL=componentUtils.mjs.map

package/dist/esm/components/utils/componentUtils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"componentUtils.mjs","sources":["../../../../src/components/utils/componentUtils.ts"],"sourcesContent":["import {\n  ComponentKeys,\n  ComponentCategoryKey,\n} from '../ui/props';\n\nexport function pickFirstTruthyKeyByCategory<T extends ComponentCategoryKey>(\n  props: Record<string, unknown>,\n  defaults: Record<string, unknown>,\n  category: T\n): typeof ComponentKeys[T][number] | undefined {\n  const keys = ComponentKeys[category];\n\n  const falsyKeys: string[] = [];\n\n  for (const k of keys) {\n    const p = props[k];\n    if (p === true)\n      return k as typeof ComponentKeys[T][number];\n    if (p === false)\n      falsyKeys.push(k);\n  }\n\n  for (const k of keys) {\n    const d = defaults[k];\n    if (d === true && !falsyKeys.includes(k))\n      return k as typeof ComponentKeys[T][number];\n  }\n\n  return undefined;\n}\n\n/** Categories whose side toggles compose (union) instead of being one-of. */\nexport const MULTI_VALUE_CATEGORIES = new Set<string>(['border', 'margin']);\n\n/**\n * Collect every active key for a composable category (border/margin). Explicit\n * truthy props win over defaults as a set; a `no*` reset (noBorder/noMargin) in\n * the selection overrides all side toggles.\n */\nexport function collectTruthyKeysByCategory<T extends ComponentCategoryKey>(\n  props: Record<string, unknown>,\n  defaults: Record<string, unknown>,\n  category: T\n): string[] {\n  const keys = ComponentKeys[category] as readonly string[];\n\n  const explicitOn = keys.filter(k => props[k] === true);\n  const selected = explicitOn.length > 0\n    ? explicitOn\n    : keys.filter(k => defaults[k] === true && props[k] !== false);\n\n  const reset = selected.find(k => k.startsWith('no'));\n  return reset ? [reset] : selected;\n}\n"],"names":[],"mappings":";;AAKO,SAAS,4BAAA,CACd,KAAA,EACA,QAAA,EACA,QAAA,EAC6C;AAC7C,EAAA,MAAM,IAAA,GAAO,cAAc,QAAQ,CAAA;AAEnC,EAAA,MAAM,YAAsB,EAAC;AAE7B,EAAA,KAAA,MAAW,KAAK,IAAA,EAAM;AACpB,IAAA,MAAM,CAAA,GAAI,MAAM,CAAC,CAAA;AACjB,IAAA,IAAI,CAAA,KAAM,IAAA;AACR,MAAA,OAAO,CAAA;AACT,IAAA,IAAI,CAAA,KAAM,KAAA;AACR,MAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EACpB;AAEA,EAAA,KAAA,MAAW,KAAK,IAAA,EAAM;AACpB,IAAA,MAAM,CAAA,GAAI,SAAS,CAAC,CAAA;AACpB,IAAA,IAAI,CAAA,KAAM,IAAA,IAAQ,CAAC,SAAA,CAAU,SAAS,CAAC,CAAA;AACrC,MAAA,OAAO,CAAA;AAAA,EACX;AAEA,EAAA,OAAO,MAAA;AACT;AAGO,MAAM,yCAAyB,IAAI,GAAA,CAAY,CAAC,QAAA,EAAU,QAAQ,CAAC;AAOnE,SAAS,2BAAA,CACd,KAAA,EACA,QAAA,EACA,QAAA,EACU;AACV,EAAA,MAAM,IAAA,GAAO,cAAc,QAAQ,CAAA;AAEnC,EAAA,MAAM,aAAa,IAAA,CAAK,MAAA,CAAO,OAAK,KAAA,CAAM,CAAC,MAAM,IAAI,CAAA;AACrD,EAAA,MAAM,QAAA,GAAW,UAAA,CAAW,MAAA,GAAS,CAAA,GACjC,aACA,IAAA,CAAK,MAAA,CAAO,CAAA,CAAA,KAAK,QAAA,CAAS,CAAC,CAAA,KAAM,IAAA,IAAQ,KAAA,CAAM,CAAC,MAAM,KAAK,CAAA;AAE/D,EAAA,MAAM,QAAQ,QAAA,CAAS,IAAA,CAAK,OAAK,CAAA,CAAE,UAAA,CAAW,IAAI,CAAC,CAAA;AACnD,EAAA,OAAO,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,QAAA;AAC3B;;;;"}
+{"version":3,"file":"componentUtils.mjs","sources":["../../../../src/components/utils/componentUtils.ts"],"sourcesContent":["import {\n  ComponentKeys,\n  ComponentCategoryKey,\n} from '../ui/props';\n\nexport function pickFirstTruthyKeyByCategory<T extends ComponentCategoryKey>(\n  props: Record<string, unknown>,\n  defaults: Record<string, unknown>,\n  category: T\n): typeof ComponentKeys[T][number] | undefined {\n  const keys = ComponentKeys[category];\n\n  const falsyKeys: string[] = [];\n\n  for (const k of keys) {\n    const p = props[k];\n    if (p === true)\n      return k as typeof ComponentKeys[T][number];\n    if (p === false)\n      falsyKeys.push(k);\n  }\n\n  for (const k of keys) {\n    const d = defaults[k];\n    if (d === true && !falsyKeys.includes(k))\n      return k as typeof ComponentKeys[T][number];\n  }\n\n  return undefined;\n}\n\n/** Categories whose side toggles compose (union) instead of being one-of. */\nexport const MULTI_VALUE_CATEGORIES = new Set<string>(['border', 'margin']);\n\n/**\n * Collect every active key for a composable category (border/margin). Explicit\n * truthy props win over defaults as a set; a `no*` reset (noBorder/noMargin) in\n * the selection overrides all side toggles.\n */\nexport function collectTruthyKeysByCategory<T extends ComponentCategoryKey>(\n  props: Record<string, unknown>,\n  defaults: Record<string, unknown>,\n  category: T\n): string[] {\n  const keys = ComponentKeys[category] as readonly string[];\n\n  const explicitOn = keys.filter(k => props[k] === true);\n  const selected = explicitOn.length > 0\n    ? explicitOn\n    : keys.filter(k => defaults[k] === true && props[k] !== false);\n\n  const reset = selected.find(k => k.startsWith('no'));\n  return reset ? [reset] : selected;\n}\n\n/** Reset key that wins when a multi-value category's truthy keys mix a `no*` reset with side toggles. */\nexport function resetConflictKey(truthyKeys: readonly string[]): string | undefined {\n  const reset = truthyKeys.find(k => k.startsWith('no'));\n  return reset && truthyKeys.length > 1 ? reset : undefined;\n}\n"],"names":[],"mappings":";;AAKO,SAAS,4BAAA,CACd,KAAA,EACA,QAAA,EACA,QAAA,EAC6C;AAC7C,EAAA,MAAM,IAAA,GAAO,cAAc,QAAQ,CAAA;AAEnC,EAAA,MAAM,YAAsB,EAAC;AAE7B,EAAA,KAAA,MAAW,KAAK,IAAA,EAAM;AACpB,IAAA,MAAM,CAAA,GAAI,MAAM,CAAC,CAAA;AACjB,IAAA,IAAI,CAAA,KAAM,IAAA;AACR,MAAA,OAAO,CAAA;AACT,IAAA,IAAI,CAAA,KAAM,KAAA;AACR,MAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EACpB;AAEA,EAAA,KAAA,MAAW,KAAK,IAAA,EAAM;AACpB,IAAA,MAAM,CAAA,GAAI,SAAS,CAAC,CAAA;AACpB,IAAA,IAAI,CAAA,KAAM,IAAA,IAAQ,CAAC,SAAA,CAAU,SAAS,CAAC,CAAA;AACrC,MAAA,OAAO,CAAA;AAAA,EACX;AAEA,EAAA,OAAO,MAAA;AACT;AAGO,MAAM,yCAAyB,IAAI,GAAA,CAAY,CAAC,QAAA,EAAU,QAAQ,CAAC;AAOnE,SAAS,2BAAA,CACd,KAAA,EACA,QAAA,EACA,QAAA,EACU;AACV,EAAA,MAAM,IAAA,GAAO,cAAc,QAAQ,CAAA;AAEnC,EAAA,MAAM,aAAa,IAAA,CAAK,MAAA,CAAO,OAAK,KAAA,CAAM,CAAC,MAAM,IAAI,CAAA;AACrD,EAAA,MAAM,QAAA,GAAW,UAAA,CAAW,MAAA,GAAS,CAAA,GACjC,aACA,IAAA,CAAK,MAAA,CAAO,CAAA,CAAA,KAAK,QAAA,CAAS,CAAC,CAAA,KAAM,IAAA,IAAQ,KAAA,CAAM,CAAC,MAAM,KAAK,CAAA;AAE/D,EAAA,MAAM,QAAQ,QAAA,CAAS,IAAA,CAAK,OAAK,CAAA,CAAE,UAAA,CAAW,IAAI,CAAC,CAAA;AACnD,EAAA,OAAO,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,QAAA;AAC3B;AAGO,SAAS,iBAAiB,UAAA,EAAmD;AAClF,EAAA,MAAM,QAAQ,UAAA,CAAW,IAAA,CAAK,OAAK,CAAA,CAAE,UAAA,CAAW,IAAI,CAAC,CAAA;AACrD,EAAA,OAAO,KAAA,IAAS,UAAA,CAAW,MAAA,GAAS,CAAA,GAAI,KAAA,GAAQ,MAAA;AAClD;;;;"}

package/dist/esm/index.mjs

@@ -33,6 +33,7 @@ export { Field } from './components/ui/field/Field.mjs';
 import './components/ui/field/FieldCategories.mjs';
 import './components/ui/field/defaultFieldTheme.mjs';
 import './components/ui/field/defaultFieldLabelTheme.mjs';
+import './components/ui/field/defaultFieldControlRowTheme.mjs';
 import './components/ui/field/defaultFieldDescriptionTheme.mjs';
 import './components/ui/field/defaultFieldErrorTheme.mjs';
 import './components/ui/field/FieldContext.mjs';
@@ -100,6 +101,8 @@ export { NavLink } from './components/ui/navLink/NavLink.mjs';
 import './components/ui/navLink/defaultNavLinkTheme.mjs';
 import './components/ui/navLink/NavLinkLabelCategories.mjs';
 import './components/ui/navLink/defaultNavLinkLabelTheme.mjs';
+export { Col } from './components/ui/col/Col.mjs';
+export { Row } from './components/ui/row/Row.mjs';
 export { Table } from './components/ui/table/Table.mjs';
 import './components/ui/table/TableCategories.mjs';
 import './components/ui/table/defaultTableTheme.mjs';
@@ -121,6 +124,20 @@ export { Caption } from './components/ui/table/Caption.mjs';
 import './components/ui/table/CaptionCategories.mjs';
 import './components/ui/table/defaultCaptionTheme.mjs';
 import './components/ui/typography/common/TypographyCategories.mjs';
+export { Text } from './components/ui/typography/text/Text.mjs';
+export { Blockquote } from './components/ui/typography/blockquote/Blockquote.mjs';
+import './components/ui/typography/blockquote/defaultBlockquoteTheme.mjs';
+export { Title } from './components/ui/typography/title/Title.mjs';
+export { SectionTitle } from './components/ui/typography/sectionTitle/SectionTitle.mjs';
+export { PageTitle } from './components/ui/typography/pageTitle/PageTitle.mjs';
+export { Link } from './components/ui/typography/link/Link.mjs';
+import './components/ui/typography/link/LinkCategories.mjs';
+import './components/ui/typography/link/defaultLinkTheme.mjs';
+export { List } from './components/ui/typography/list/List.mjs';
+import './components/ui/typography/list/defaultListTheme.mjs';
+export { ListItem } from './components/ui/typography/listItem/ListItem.mjs';
+import './components/ui/typography/listItem/ListItemCategories.mjs';
+import './components/ui/typography/listItem/defaultListItemTheme.mjs';
 export { COMPONENT, ComponentCategories, ComponentKeys } from './components/ui/props/keys.mjs';
 export { ThemeProvider } from './components/ThemeProvider.mjs';
 export { defaultTheme } from './components/defaultTheme.mjs';
@@ -128,8 +145,6 @@ export { useTheme } from './components/themeContext.mjs';
 export { themeDefaults } from './components/ui/theme/defaults.mjs';
 export { Section } from './components/ui/section/Section.mjs';
 export { Container } from './components/ui/container/Container.mjs';
-export { Col } from './components/ui/col/Col.mjs';
-export { Row } from './components/ui/row/Row.mjs';
 export { Stack } from './components/ui/stack/Stack.mjs';
 export { Grid2 } from './components/ui/grid/Grid2.mjs';
 export { Grid3 } from './components/ui/grid/Grid3.mjs';
@@ -140,12 +155,4 @@ export { Card } from './components/ui/card/Card.mjs';
 export { CardHeader } from './components/ui/card/CardHeader.mjs';
 export { CardBody } from './components/ui/card/CardBody.mjs';
 export { CardFooter } from './components/ui/card/CardFooter.mjs';
-export { Text } from './components/ui/typography/text/Text.mjs';
-export { Title } from './components/ui/typography/title/Title.mjs';
-export { Link } from './components/ui/typography/link/Link.mjs';
-export { List } from './components/ui/typography/list/List.mjs';
-export { ListItem } from './components/ui/typography/listItem/ListItem.mjs';
-export { SectionTitle } from './components/ui/typography/sectionTitle/SectionTitle.mjs';
-export { PageTitle } from './components/ui/typography/pageTitle/PageTitle.mjs';
-export { Blockquote } from './components/ui/typography/blockquote/Blockquote.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/components/themeTypes.d.cts

@@ -163,6 +163,7 @@ export interface ThemeProps {
     field: {
         main: ComponentTheme<FieldProps, FieldTheme>;
         label: ComponentTheme<LabelProps, LabelTheme>;
+        controlRow: ComponentTheme<ColProps, ColTheme>;
         description: ComponentTheme<TypographyProps, TypographyTheme>;
         error: ComponentTheme<TypographyProps, TypographyTheme>;
     };

package/dist/types/components/themeTypes.d.mts

@@ -163,6 +163,7 @@ export interface ThemeProps {
     field: {
         main: ComponentTheme<FieldProps, FieldTheme>;
         label: ComponentTheme<LabelProps, LabelTheme>;
+        controlRow: ComponentTheme<ColProps, ColTheme>;
         description: ComponentTheme<TypographyProps, TypographyTheme>;
         error: ComponentTheme<TypographyProps, TypographyTheme>;
     };

package/dist/types/components/themeTypes.d.ts

@@ -163,6 +163,7 @@ export interface ThemeProps {
     field: {
         main: ComponentTheme<FieldProps, FieldTheme>;
         label: ComponentTheme<LabelProps, LabelTheme>;
+        controlRow: ComponentTheme<ColProps, ColTheme>;
         description: ComponentTheme<TypographyProps, TypographyTheme>;
         error: ComponentTheme<TypographyProps, TypographyTheme>;
     };

package/dist/types/components/ui/field/Field.d.cts

@@ -1,8 +1,421 @@
-export declare const Field: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & import("../props/index.cjs").SizeProps & import("../props/index.cjs").HideProps & import("../props/index.cjs").ItemsProps & import("../props/index.cjs").JustifyProps & import("../props/index.cjs").PositionProps & import("../props/index.cjs").DisplayProps & import("../props/index.cjs").OverflowProps & import("../props/index.cjs").WrapProps & import("../props/index.cjs").FlexProps & import("../props/index.cjs").ShrinkProps & import("../props/index.cjs").GapProps & import("../props/index.cjs").FlexDirectionProps & import("../props/index.cjs").BreakpointProps & import("../props/index.cjs").AppearanceProps & import("../props/index.cjs").BorderProps & import("../props/index.cjs").ShadowProps & import("../props/index.cjs").RingProps & import("../props/index.cjs").FocusVisibleProps & import("../props/index.cjs").ShapeProps & import("../props/index.cjs").VariantProps & import("../props/index.cjs").TransparentProps & import("../props/index.cjs").ResponsiveProps & import("../props/index.cjs").TextAlignProps & import("../props/index.cjs").PaddingProps & import("../props/index.cjs").MarginProps & import("../props/index.cjs").WidthProps & import("../props/index.cjs").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
-    href?: string;
-    tag?: React.ElementType;
-} & {
+type FieldElement = HTMLDivElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export declare const Field: import("react").ForwardRefExoticComponent<import("../props/index.cjs").BaseProps & {
+    gap?: boolean | undefined;
+    flex?: boolean | undefined;
+    padding?: boolean | undefined;
+    margin?: boolean | undefined;
+    border?: boolean | undefined;
+    shadow?: boolean | undefined;
+    focusVisible?: boolean | undefined;
+    transparent?: boolean | undefined;
+    responsiveSizing?: boolean | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined | undefined;
+    title?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCopyCapture?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCut?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCutCapture?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onPaste?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onPasteCapture?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionEnd?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionEndCapture?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionStart?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionStartCapture?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionUpdate?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionUpdateCapture?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onFocusCapture?: (import("react").FocusEventHandler<HTMLDivElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onBlurCapture?: (import("react").FocusEventHandler<HTMLDivElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onChangeCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeInput?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeInputCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInput?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInputCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onReset?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onResetCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onSubmit?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onSubmitCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInvalid?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInvalidCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onLoad?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onError?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onErrorCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyDown?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyDownCapture?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyPress?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyPressCapture?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyUp?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyUpCapture?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onAbort?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onAbortCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlay?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayThrough?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayThroughCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onDurationChange?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onDurationChangeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEmptied?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEmptiedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEncrypted?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEncryptedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEnded?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEndedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedData?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedDataCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedMetadata?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedMetadataCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadStart?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadStartCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPause?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPauseCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlay?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlayCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlaying?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlayingCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onProgress?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onProgressCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onRateChange?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onRateChangeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onResize?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onResizeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeeked?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeekedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeeking?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeekingCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onStalled?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onStalledCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSuspend?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSuspendCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTimeUpdate?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTimeUpdateCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onVolumeChange?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onVolumeChangeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onWaiting?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onWaitingCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onAuxClick?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onAuxClickCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onClick?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onClickCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onContextMenu?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onContextMenuCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDoubleClick?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDoubleClickCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDrag?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnd?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEndCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnter?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnterCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragExit?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragExitCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragLeave?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragLeaveCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragOver?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragOverCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragStart?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragStartCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDrop?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDropCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseDown?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseDownCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseEnter?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseLeave?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseMove?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseMoveCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOut?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOutCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOver?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOverCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseUp?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseUpCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onSelect?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSelectCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchCancel?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchCancelCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchEnd?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchEndCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchMove?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchMoveCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchStart?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchStartCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerDown?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerDownCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerMove?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerMoveCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerUp?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerUpCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerCancel?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerCancelCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerEnter?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerLeave?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOver?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOverCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOut?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOutCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onGotPointerCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onGotPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onLostPointerCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onLostPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onScroll?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollCapture?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollEnd?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollEndCapture?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onWheel?: (import("react").WheelEventHandler<HTMLDivElement> & import("react").WheelEventHandler<HTMLAnchorElement>) | undefined;
+    onWheelCapture?: (import("react").WheelEventHandler<HTMLDivElement> & import("react").WheelEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationStart?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationStartCapture?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationEnd?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationEndCapture?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationIteration?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onToggle?: (import("react").ToggleEventHandler<HTMLDivElement> & import("react").ToggleEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeToggle?: (import("react").ToggleEventHandler<HTMLDivElement> & import("react").ToggleEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionCancel?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionCancelCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionEnd?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionRun?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionRunCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionStart?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionStartCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    download?: any;
+    href?: string | undefined | undefined;
+    hrefLang?: string | undefined | undefined;
+    media?: string | undefined | undefined;
+    ping?: string | undefined | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
+    table?: boolean | undefined;
+    primary?: boolean | undefined;
+    accent?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    inheritAppearance?: boolean | undefined;
+    borderT?: boolean | undefined;
+    borderB?: boolean | undefined;
+    borderL?: boolean | undefined;
+    borderR?: boolean | undefined;
+    borderX?: boolean | undefined;
+    borderY?: boolean | undefined;
+    borderStart?: boolean | undefined;
+    borderEnd?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    desktopStack?: boolean | undefined;
+    tabletStack?: boolean | undefined;
+    mobileStack?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    desktopHide?: boolean | undefined;
+    tabletHide?: boolean | undefined;
+    mobileHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    paddingX?: boolean | undefined;
+    paddingY?: boolean | undefined;
+    noPadding?: boolean | undefined;
+    marginX?: boolean | undefined;
+    marginY?: boolean | undefined;
+    marginT?: boolean | undefined;
+    marginB?: boolean | undefined;
+    noMargin?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    insetRing?: boolean | undefined;
+    noInsetRing?: boolean | undefined;
+    noShadow?: boolean | undefined;
+    noFocusVisible?: boolean | undefined;
+    pill?: boolean | undefined;
+    sharp?: boolean | undefined;
+    rounded?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    textLeft?: boolean | undefined;
+    textCenter?: boolean | undefined;
+    textRight?: boolean | undefined;
+    textJustify?: boolean | undefined;
+    textStart?: boolean | undefined;
+    textEnd?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    ghost?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+    flex1?: boolean | undefined;
+    flexAuto?: boolean | undefined;
+    flexNone?: boolean | undefined;
+    noShrink?: boolean | undefined;
+    wFull?: boolean | undefined;
+    wFit?: boolean | undefined;
+    wAuto?: boolean | undefined;
+    wScreen?: boolean | undefined;
+    hFit?: boolean | undefined;
+    hFull?: boolean | undefined;
+    hAuto?: boolean | undefined;
+    hScreen?: boolean | undefined;
+    tag?: React.ElementType | undefined;
+} & import("../props/index.cjs").ControlProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "className" | "children" | "onFocus" | "onBlur" | "onChange" | "type"> & Pick<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & Pick<import("react").SelectHTMLAttributes<HTMLSelectElement>, "multiple"> & {
     label?: React.ReactNode;
     description?: React.ReactNode;
     error?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    type?: import("./FieldProps.cjs").FieldControlType;
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+} & import("react").RefAttributes<FieldElement>>;
+export {};