@tamagui/dom 0.0.0-bootstrap.0 → 3.0.0-beta.643.1

package/src/events.ts

@@ -0,0 +1,58 @@
+/**
+ * Event payloads for the Tamagui DOM contract.
+ *
+ * Only the cross-platform subset is typed. Where an event's shape genuinely
+ * differs between a browser event and a react native synthetic event, the
+ * handler takes `unknown` rather than promising a shape one platform cannot
+ * deliver — `payload: 'unknown'` in the event table. These are the payloads a
+ * native primitive can construct in full, so a handler written against them
+ * behaves the same on both platforms.
+ *
+ * Extra platform fields are not excluded: a handler receives a value, and
+ * TypeScript only seals object literals, so reading a web-only field off the
+ * event still needs a cast and still says so at the call site.
+ */
+
+export type DOMClickEvent = {
+  readonly altKey: boolean
+  readonly button: number
+  readonly ctrlKey: boolean
+  readonly defaultPrevented: boolean
+  readonly getModifierState: (key: string) => boolean
+  readonly metaKey: boolean
+  readonly pageX: number
+  readonly pageY: number
+  /** @platform web — native has nothing to cancel, so this is a no-op there */
+  readonly preventDefault: () => void
+  readonly shiftKey: boolean
+  /** @platform web — native has nothing to cancel, so this is a no-op there */
+  readonly stopPropagation: () => void
+  readonly type: 'click'
+}
+
+export type DOMKeyEvent = {
+  readonly key: string
+  readonly type?: string
+}
+
+export type DOMChangeEvent = {
+  readonly target: { readonly value: string }
+  readonly type: 'change'
+}
+
+export type DOMInputEvent = {
+  readonly target: { readonly value: string }
+  readonly type: 'input'
+}
+
+export type DOMImageLoadEvent = {
+  readonly target: {
+    readonly naturalHeight?: number
+    readonly naturalWidth?: number
+  }
+  readonly type: 'load'
+}
+
+export type DOMImageErrorEvent = {
+  readonly type: 'error'
+}

package/src/index.ts

@@ -0,0 +1,19 @@
+/**
+ * `@tamagui/dom` — the Tamagui DOM contract.
+ *
+ * The tables here are the single source of truth for DOM mode: the compiler
+ * reads them to classify tags, validate props and nesting and inject native
+ * primitives, the runtime reads them for element defaults and native prop
+ * mapping, and the prop-interface generator reads them to emit the strict
+ * types. React Strict DOM is the semantic reference and conformance oracle
+ * (see `compatibility.ts`), never a dependency.
+ */
+
+export * from './events'
+export * from './props'
+export * from './tables/attributes'
+export * from './tables/compatibility'
+export * from './tables/events'
+export * from './tables/nativeBacking'
+export * from './tables/tags'
+export * from './tables/types'