@typed/ui 0.3.6 → 0.3.8

package/src/Link.ts

@@ -14,13 +14,14 @@ import type { RenderEvent } from "@typed/template/RenderEvent"
 import type { RenderTemplate } from "@typed/template/RenderTemplate"
 import * as Effect from "effect/Effect"
 import type * as Scope from "effect/Scope"
-import { Anchor, type AnchorProps } from "./Anchor.js"
+import { a } from "./hyperscript.js"
+import type { TypedPropertiesMap } from "./Props.js"
 import { getEventHandler } from "./Props.js"
 
 /**
  * @since 1.0.0
  */
-export type LinkProps = Omit<AnchorProps, keyof URL> & {
+export type LinkProps = Omit<TypedPropertiesMap["a"], keyof URL> & {
   readonly to: string | Placeholder.Any<string>
   readonly relative?: boolean | Placeholder.Any<boolean>
   readonly replace?: boolean | Placeholder.Any<boolean>
@@ -81,6 +82,6 @@ export function Link<Props extends LinkProps, Children extends ReadonlyArray<Ren
 
     const allProps = { ...props, href, state: stateRef, onClick: onClickEventHandler }
 
-    return Anchor(allProps as any as Props, ...children)
+    return a(allProps as any as Props, ...children)
   })
 }

package/src/Props.ts

@@ -10,6 +10,7 @@ import type { Placeholder } from "@typed/template/Placeholder"
 import type { Rendered } from "@typed/wire"
 import { Effect } from "effect"
 import type { ReadonlyRecord } from "effect"
+import type { HTMLPropertiesMap } from "./dom-properties.js"
 
 /**
  * @since 1.0.0
@@ -76,7 +77,7 @@ export type RefOf<T extends Rendered> = {
  * @since 1.0.0
  */
 export type DataProps = {
-  readonly data?: Placeholder.Any<ReadonlyRecord.ReadonlyRecord<any>> | undefined
+  readonly data?: ReadonlyRecord.ReadonlyRecord<any> | Placeholder.Any<ReadonlyRecord.ReadonlyRecord<any>> | undefined
 }
 
 /**
@@ -93,3 +94,12 @@ export function getEventHandler<R, E, Ev extends Event = Event>(
     return handler
   }
 }
+
+/**
+ * @since 1.0.0
+ */
+export type TypedPropertiesMap = {
+  readonly [K in keyof HTMLPropertiesMap]: K extends keyof HTMLElementTagNameMap
+    ? TypedProps<HTMLPropertiesMap[K], HTMLElementTagNameMap[K]>
+    : TypedProps<HTMLPropertiesMap[K], HTMLElement>
+}

package/src/dom-properties.ts

@@ -1000,3 +1000,133 @@ export type HTMLVideoElementProperties =
     poster?: string
     width?: number
   }
+
+/**
+ * @since 1.0.0
+ */
+export interface HTMLPropertiesMap {
+  a: HTMLAnchorElementProperties
+  abbr: HTMLElementProperties
+  address: HTMLElementProperties
+  applet: HTMLAppletElementProperties
+  area: HTMLAreaElementProperties
+  article: HTMLElementProperties
+  aside: HTMLElementProperties
+  audio: HTMLAudioElementProperties
+  b: HTMLElementProperties
+  base: HTMLBaseElementProperties
+  basefont: HTMLBaseFontElementProperties
+  bdi: HTMLElementProperties
+  bdo: HTMLElementProperties
+  big: HTMLElementProperties
+  blockquote: HTMLElementProperties
+  body: HTMLBodyElementProperties
+  br: HTMLBRElementProperties
+  button: HTMLButtonElementProperties
+  canvas: HTMLCanvasElementProperties
+  caption: HTMLElementProperties
+  center: HTMLElementProperties
+  cite: HTMLElementProperties
+  code: HTMLElementProperties
+  col: HTMLTableColElementProperties
+  colgroup: HTMLTableColElementProperties
+  data: HTMLDataElementProperties
+  datalist: HTMLDataListElementProperties
+  dd: HTMLElementProperties
+  del: HTMLModElementProperties
+  details: HTMLElementProperties
+  dfn: HTMLElementProperties
+  dialog: HTMLElementProperties
+  dir: HTMLDirectoryElementProperties
+  div: HTMLDivElementProperties
+  dl: HTMLDListElementProperties
+  dt: HTMLElementProperties
+  em: HTMLElementProperties
+  embed: HTMLEmbedElementProperties
+  fieldset: HTMLFieldSetElementProperties
+  figcaption: HTMLElementProperties
+  figure: HTMLElementProperties
+  font: HTMLFontElementProperties
+  footer: HTMLElementProperties
+  form: HTMLFormElementProperties
+  frame: HTMLFrameElementProperties
+  frameset: HTMLFrameSetElementProperties
+  h1: HTMLHeadingElementProperties
+  h2: HTMLHeadingElementProperties
+  h3: HTMLHeadingElementProperties
+  h4: HTMLHeadingElementProperties
+  h5: HTMLHeadingElementProperties
+  h6: HTMLHeadingElementProperties
+  head: HTMLHeadElementProperties
+  header: HTMLElementProperties
+  hgroup: HTMLElementProperties
+  hr: HTMLHRElementProperties
+  html: HTMLHtmlElementProperies
+  i: HTMLElementProperties
+  iframe: HTMLIFrameElementProperties
+  img: HTMLImageElementProperties
+  input: HTMLInputElementProperties
+  ins: HTMLModElementProperties
+  kbd: HTMLElementProperties
+  label: HTMLLabelElementProperties
+  legend: HTMLLegendElementProperties
+  li: HTMLLIElementProperties
+  link: HTMLLinkElementProperties
+  main: HTMLElementProperties
+  map: HTMLMapElementProperties
+  mark: HTMLElementProperties
+  marquee: HTMLMarqueeElementProperties
+  menu: HTMLMenuElementProperties
+  menuitem: HTMLElementProperties
+  meta: HTMLMetaElementProperties
+  meter: HTMLMeterElementProperties
+  nav: HTMLElementProperties
+  noframes: HTMLElementProperties
+  noscript: HTMLElementProperties
+  object: HTMLObjectElementProperties
+  ol: HTMLOListElementProperteis
+  optgroup: HTMLOptGroupElementProperties
+  option: HTMLOptionElementProperties
+  output: HTMLOutputElementProperties
+  p: HTMLParagraphElementProperties
+  param: HTMLParamElementProperties
+  picture: HTMLElementProperties
+  pre: HTMLPreElementProperties
+  progress: HTMLProgressElementProperties
+  q: HTMLQuoteElementProperties
+  rp: HTMLElementProperties
+  rt: HTMLElementProperties
+  ruby: HTMLElementProperties
+  s: HTMLElementProperties
+  samp: HTMLElementProperties
+  script: HTMLScriptElementProperties
+  section: HTMLElementProperties
+  select: HTMLSelectElementProperties
+  small: HTMLElementProperties
+  source: HTMLSourceElementProperties
+  span: HTMLSpanElementProperties
+  strike: HTMLElementProperties
+  strong: HTMLElementProperties
+  style: HTMLStyleElementProperties
+  sub: HTMLElementProperties
+  summary: HTMLElementProperties
+  sup: HTMLElementProperties
+  table: HTMLTableElementProperties
+  tbody: HTMLTableSectionElementProperties
+  td: HTMLTableCellElementProperties
+  template: HTMLTemplateElementProperties
+  textarea: HTMLTextAreaElementProperties
+  tfoot: HTMLTableSectionElementProperties
+  th: HTMLTableHeaderCellElementProperties
+  thead: HTMLTableSectionElementProperties
+  time: HTMLTimeElementProperties
+  title: HTMLTitleElementProperties
+  tr: HTMLTableRowElementProperties
+  track: HTMLTrackElementProperties
+  tt: HTMLElementProperties
+  u: HTMLElementProperties
+  ul: HTMLUListElementProperties
+  var: HTMLElementProperties
+  video: HTMLVideoElementProperties
+  wbr: HTMLElementProperties
+}