@krizaka/ui 3.53.0 → 3.55.0

package/dist/native/markdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/native/markdown.tsx","../../src/code-block/highlighter.ts","../../src/markdown/parse.ts"],"sourcesContent":["// React Native: the web `Markdown`'s AST (TanStack Markdown, via the same `parseSource`) drawn in Text and View. Raw HTML\n// is never rendered, executable URLs are dropped, `streaming` heals the unfinished end of a text that is arriving. Its own\n// entry (`@krizaka/ui/native/markdown`): the parser and the code grammars never load in an app that does not use it.\nimport { type Theme, Txt, useTheme } from \"@krizaka/ui/native\";\nimport * as React from \"react\";\nimport { Image, Linking, ScrollView, type StyleProp, StyleSheet, Text, View, type ViewStyle } from \"react-native\";\n\nimport { codeHighlighter } from \"../code-block/highlighter\";\nimport { type BlockNode, type InlineNode, parseSource, textOf } from \"../markdown/parse\";\n\nexport type MarkdownProps = {\n  /** The Markdown source. */\n  children: string;\n  /** The text is still arriving (an AI answer): the unfinished end is closed, so no `**` or half a link shows. */\n  streaming?: boolean;\n  /** Called with the address of a link that is pressed. Default: opens `http(s)`, `mailto:` and `tel:` links with the system. */\n  onLinkPress?: (href: string) => void;\n  /** Styles merged on the container. */\n  style?: StyleProp<ViewStyle>;\n};\n\ntype Context = { theme: Theme; mono: string | undefined; open: (href: string) => void };\n\nconst SYSTEM = /^(https?:|mailto:|tel:)/i;\n\nfunction Inlines({ nodes, ctx }: { nodes: readonly InlineNode[]; ctx: Context }) {\n  return nodes.map((node, i) => <Inline key={i} node={node} ctx={ctx} />);\n}\n\nfunction Inline({ node, ctx }: { node: InlineNode; ctx: Context }): React.ReactNode {\n  const { theme } = ctx;\n  switch (node.type) {\n    case \"text\":\n      return node.value;\n    case \"inlineCode\":\n      return <Text style={{ fontFamily: ctx.mono, fontSize: 13.5, backgroundColor: theme.surface3 }}>{` ${node.value} `}</Text>;\n    case \"strong\":\n      return (\n        <Text style={styles.strong}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    case \"emphasis\":\n      return (\n        <Text style={styles.em}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    case \"strike\":\n      return (\n        <Text style={styles.strike}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    case \"break\":\n      return \"\\n\";\n    case \"link\":\n      return (\n        <Text role=\"link\" onPress={() => ctx.open(node.href)} style={{ color: theme.accentText, textDecorationLine: \"underline\" }}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    // A picture inside a sentence cannot be drawn in a Text everywhere: its description stands in.\n    case \"image\":\n      return node.alt;\n    case \"footnoteReference\":\n      return <Text style={{ color: theme.accentText, fontSize: 11 }}>{` [${node.number}]`}</Text>;\n    case \"inlineHtml\":\n      return node.value;\n    default:\n      return null;\n  }\n}\n\n/** Code, coloured by the web's grammars from the theme's text roles. */\nfunction Code({ node, ctx }: { node: Extract<BlockNode, { type: \"code\" }>; ctx: Context }) {\n  const { theme } = ctx;\n  const colour: Record<string, string> = {\n    comment: theme.textSecondary,\n    string: theme.successText,\n    inserted: theme.successText,\n    attr: theme.warningText,\n    meta: theme.warningText,\n    keyword: theme.accentText,\n    tag: theme.accentText,\n    selector: theme.accentText,\n    command: theme.accentText,\n    heading: theme.accentText,\n    link: theme.accentText,\n    type: theme.infoText,\n    function: theme.infoText,\n    number: theme.infoText,\n    literal: theme.infoText,\n    deleted: theme.dangerText,\n  };\n  const { tokens } = codeHighlighter.tokenize(node.value, { lang: node.lang ?? \"text\" });\n  return (\n    <View style={[styles.code, { backgroundColor: theme.surface1, borderColor: theme.borderDefault }]}>\n      {node.title || node.file ? (\n        <Txt variant=\"caption\" tone=\"secondary\" style={[styles.codeTitle, { backgroundColor: theme.surface2 }]}>\n          {node.title ?? node.file}\n        </Txt>\n      ) : null}\n      <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.codeBody}>\n        <Text style={{ fontFamily: ctx.mono, fontSize: 12.5, lineHeight: 20, color: theme.textPrimary }}>\n          {tokens.map((token, i) => (\n            <Text key={i} style={token.className && colour[token.className] ? { color: colour[token.className] } : null}>\n              {token.value}\n            </Text>\n          ))}\n        </Text>\n      </ScrollView>\n    </View>\n  );\n}\n\nfunction Blocks({ nodes, ctx }: { nodes: readonly BlockNode[]; ctx: Context }) {\n  return nodes.map((node, i) => <Block key={i} node={node} ctx={ctx} />);\n}\n\nfunction Block({ node, ctx }: { node: BlockNode; ctx: Context }): React.ReactNode {\n  const { theme } = ctx;\n  switch (node.type) {\n    case \"heading\":\n      return node.depth === 1 ? (\n        <Txt variant=\"display\">\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      ) : node.depth === 2 ? (\n        <Txt variant=\"title\" style={styles.h2}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      ) : (\n        <Txt variant=\"label\" role=\"heading\" style={styles.h3}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      );\n    case \"paragraph\": {\n      const pictures = node.children.filter((child) => child.type === \"image\");\n      const onlyPictures = pictures.length > 0 && node.children.every((child) => child.type === \"image\" || (child.type === \"text\" && !child.value.trim()));\n      if (onlyPictures) {\n        return pictures.map((picture, i) => <Image key={i} source={{ uri: picture.src }} alt={picture.alt} accessibilityLabel={picture.alt} resizeMode=\"contain\" style={styles.image} />);\n      }\n      return (\n        <Txt>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      );\n    }\n    case \"code\":\n      return <Code node={node} ctx={ctx} />;\n    case \"list\":\n      return (\n        <View role=\"list\" style={styles.list}>\n          {node.items.map((item, i) => (\n            <View key={i} role=\"listitem\" style={styles.item}>\n              <Txt tone=\"secondary\" style={styles.marker}>\n                {item.checked !== undefined ? (item.checked ? \"☑\" : \"☐\") : node.ordered ? `${(node.start ?? 1) + i}.` : \"•\"}\n              </Txt>\n              <View style={styles.itemBody}>\n                <Blocks nodes={item.children} ctx={ctx} />\n              </View>\n            </View>\n          ))}\n        </View>\n      );\n    case \"blockquote\":\n      return (\n        <View style={[styles.quote, { borderLeftColor: theme.accent }]}>\n          <Blocks nodes={node.children} ctx={ctx} />\n        </View>\n      );\n    case \"table\":\n      return (\n        <ScrollView horizontal showsHorizontalScrollIndicator={false}>\n          <View style={[styles.table, { borderColor: theme.borderSubtle }]}>\n            {[node.header, ...node.rows].map((row, r) => (\n              <View key={r} style={[styles.row, { borderBottomColor: theme.borderSubtle }, r === 0 ? { backgroundColor: theme.surface2 } : null]}>\n                {row.map((cell, c) => (\n                  <Txt key={c} variant={r === 0 ? \"label\" : \"body\"} tone={r === 0 ? \"secondary\" : \"text\"} style={[styles.cell, { textAlign: node.align[c] ?? \"left\" }]}>\n                    <Inlines nodes={cell.children} ctx={ctx} />\n                  </Txt>\n                ))}\n              </View>\n            ))}\n          </View>\n        </ScrollView>\n      );\n    case \"thematicBreak\":\n      return <View style={[styles.rule, { backgroundColor: theme.borderDefault }]} />;\n    case \"footnotes\":\n      return (\n        <View style={styles.list}>\n          {node.items.map((item) => (\n            <View key={item.id} style={styles.item}>\n              <Txt variant=\"caption\" tone=\"secondary\" style={styles.marker}>{`${item.number}.`}</Txt>\n              <View style={styles.itemBody}>\n                <Blocks nodes={item.children} ctx={ctx} />\n              </View>\n            </View>\n          ))}\n        </View>\n      );\n    case \"html\":\n      return <Txt>{node.value}</Txt>;\n    default:\n      return null;\n  }\n}\n\n/** A Markdown text in Text and View: headings, paragraphs, lists (and tasks), quotes, tables, coloured code, links, pictures. */\nexport function Markdown({ children, streaming, onLinkPress, style }: MarkdownProps) {\n  const { theme, fonts } = useTheme();\n  const blocks = React.useMemo(() => parseSource(children, { streaming }), [children, streaming]);\n  const open = React.useCallback(\n    (href: string) => {\n      if (onLinkPress) return onLinkPress(href);\n      if (SYSTEM.test(href)) void Linking.openURL(href);\n    },\n    [onLinkPress],\n  );\n  const ctx: Context = { theme, mono: fonts.mono ?? \"Menlo\", open };\n  return (\n    <View aria-busy={streaming || undefined} style={[styles.root, style]}>\n      <Blocks nodes={blocks} ctx={ctx} />\n    </View>\n  );\n}\n\nexport { textOf };\n\nconst styles = StyleSheet.create({\n  root: { gap: 12 },\n  strong: { fontWeight: \"700\" },\n  em: { fontStyle: \"italic\" },\n  strike: { textDecorationLine: \"line-through\" },\n  h2: { marginTop: 8 },\n  h3: { marginTop: 4 },\n  image: { width: \"100%\", aspectRatio: 16 / 9, borderRadius: 12 },\n  list: { gap: 6 },\n  item: { flexDirection: \"row\", gap: 8 },\n  marker: { minWidth: 20, textAlign: \"right\" },\n  itemBody: { flex: 1, gap: 6 },\n  quote: { gap: 8, paddingLeft: 12, borderLeftWidth: 3 },\n  code: { overflow: \"hidden\", borderWidth: StyleSheet.hairlineWidth, borderRadius: 12 },\n  codeTitle: { paddingHorizontal: 12, paddingVertical: 6 },\n  codeBody: { padding: 12 },\n  table: { borderWidth: StyleSheet.hairlineWidth, borderRadius: 8, overflow: \"hidden\" },\n  row: { flexDirection: \"row\", borderBottomWidth: StyleSheet.hairlineWidth },\n  cell: { width: 120, paddingHorizontal: 10, paddingVertical: 8 },\n  rule: { height: StyleSheet.hairlineWidth },\n});\n","// The highlighter of every code sample: TanStack Highlight (a deterministic, synchronous tokenizer — the same markup on\n// the server and on the client) with the grammars a Krizaka page shows. Each grammar is registered by hand: nothing\n// else is bundled. An unknown language is plain text, never an error.\nimport { createHighlighter } from \"@tanstack/highlight/core\";\nimport { css } from \"@tanstack/highlight/languages/css\";\nimport { diff } from \"@tanstack/highlight/languages/diff\";\nimport { env } from \"@tanstack/highlight/languages/env\";\nimport { html } from \"@tanstack/highlight/languages/html\";\nimport { java } from \"@tanstack/highlight/languages/java\";\nimport { js } from \"@tanstack/highlight/languages/js\";\nimport { json } from \"@tanstack/highlight/languages/json\";\nimport { jsx } from \"@tanstack/highlight/languages/jsx\";\nimport { kotlin } from \"@tanstack/highlight/languages/kotlin\";\nimport { plaintext } from \"@tanstack/highlight/languages/plaintext\";\nimport { shell } from \"@tanstack/highlight/languages/shell\";\nimport { ts } from \"@tanstack/highlight/languages/ts\";\nimport { tsx } from \"@tanstack/highlight/languages/tsx\";\nimport { yaml } from \"@tanstack/highlight/languages/yaml\";\n\n/** The languages a sample can be written in, with the names they answer to (`bash`, `xml`, `yml`, `kt`, `properties`…). */\nexport const codeHighlighter = createHighlighter({\n  languages: [css, diff, { ...env, aliases: [...(env.aliases ?? []), \"properties\"] }, html, java, js, json, jsx, kotlin, plaintext, shell, ts, tsx, yaml],\n  fallbackLanguage: \"plaintext\",\n});\n","// The shared half of Markdown, web and React Native: the source becomes TanStack Markdown's serializable AST\n// (`@tanstack/markdown/parser`) — raw HTML is never enabled (it stays text), executable URLs are dropped (`javascript:`,\n// `data:`), and a text that is still arriving is healed so the half-written end reads like the finished one.\nimport type { BlockNode } from \"@tanstack/markdown\";\nimport { streamingMarkdownExtension } from \"@tanstack/markdown/extensions/streaming\";\nimport { parseMarkdown } from \"@tanstack/markdown/parser\";\n\nexport type { BlockNode, InlineNode, ListItemNode, TableNode } from \"@tanstack/markdown\";\n\nexport type ParseOptions = {\n  /** The text is still arriving (an AI answer): the unfinished end is closed, so it never shows `**` or a half link. */\n  streaming?: boolean;\n  /** Gives every heading an `id` (`#section` links, a table of contents). */\n  headingIds?: boolean;\n};\n\nconst FENCE = /^ {0,3}(```|~~~)/gm;\n\n/** A link or image cut at its end: `[label`, `[label]`, `[label](http…` become `label`, an image is dropped. Linear: one scan of the last `[`. */\nfunction healLink(text: string): string {\n  const open = text.lastIndexOf(\"[\");\n  if (open < 0) return text;\n  const rest = text.slice(open + 1);\n  if (rest.includes(\"\\n\")) return text;\n  const image = open > 0 && text[open - 1] === \"!\";\n  const close = rest.indexOf(\"]\");\n  const after = close < 0 ? \"\" : rest.slice(close + 1);\n  const cut = close < 0 || after === \"\" || (after.startsWith(\"(\") && !after.includes(\")\"));\n  if (!cut) return text;\n  const head = text.slice(0, image ? open - 1 : open);\n  return image ? head : head + (close < 0 ? rest : rest.slice(0, close));\n}\n\n/**\n * Closes what a text cut in the middle leaves open: an emphasis (`**`, `~~`) or a code span, a link or image whose\n * address has not arrived. Inside an open code fence nothing is healed — it is shown as code as it comes.\n */\nexport function healStreaming(source: string): string {\n  if (((source.match(FENCE) ?? []).length & 1) === 1) return source;\n  let out = healLink(source);\n  const cut = out.lastIndexOf(\"\\n\\n\");\n  const block = cut < 0 ? out : out.slice(cut + 2);\n  const open = (marker: string) => (block.split(marker).length - 1) % 2 === 1;\n  // A marker just opened, with nothing after it yet, is dropped rather than shown as an empty emphasis.\n  const close = (marker: string) => (out.endsWith(marker) ? out.slice(0, -marker.length) : `${out}${marker}`);\n  if (open(\"`\")) return close(\"`\");\n  for (const marker of [\"**\", \"~~\"]) if (open(marker)) out = close(marker);\n  return out;\n}\n\n/** The blocks of a Markdown source. */\nexport function parseSource(source: string, { streaming = false, headingIds = false }: ParseOptions = {}): BlockNode[] {\n  return parseMarkdown(streaming ? healStreaming(source) : source, { headingIds, ...(streaming && { extensions: [streamingMarkdownExtension()] }) }).children;\n}\n\n/** The text of inline nodes (a heading's label, an image's alt). */\nexport function textOf(nodes: readonly { type: string; value?: string; children?: readonly unknown[] }[]): string {\n  return nodes\n    .map((node) => (node.children ? textOf(node.children as typeof nodes) : (node.value ?? \"\")))\n    .join(\"\");\n}\n"],"mappings":"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","names":["jsx"]}
+{"version":3,"sources":["../../src/native/markdown.tsx","../../src/code-block/highlighter.ts","../../src/markdown/parse.ts"],"sourcesContent":["// React Native: the web `Markdown`'s AST (TanStack Markdown, via the same `parseSource`) drawn in Text and View. Raw HTML\n// is never rendered, executable URLs are dropped, `streaming` heals the unfinished end of a text that is arriving. Its own\n// entry (`@krizaka/ui/native/markdown`): the parser and the code grammars never load in an app that does not use it.\nimport { Badge, type Theme, Txt, useTheme } from \"@krizaka/ui/native\";\nimport * as React from \"react\";\nimport { Image, Linking, ScrollView, type StyleProp, StyleSheet, Text, useWindowDimensions, View, type ViewStyle } from \"react-native\";\n\nimport { codeHighlighter } from \"../code-block/highlighter\";\nimport { warnDeprecated } from \"../deprecated\";\nimport { type BlockNode, type InlineNode, parseSource, textOf } from \"../markdown/parse\";\n\nexport type MarkdownProps = {\n  /** The Markdown source. */\n  children: string;\n  /** The text is still arriving (an AI answer): the unfinished end is closed, so no `**` or half a link shows. */\n  streaming?: boolean;\n  /** Marks a generated document with a quiet chip, when `generatedLabel` is supplied. */\n  generated?: boolean;\n  /** The chip's words, passed translated by the host; no chip is rendered without them. */\n  generatedLabel?: string;\n  /** Called with the address of a link that is pressed. Default: opens `http(s)`, `mailto:` and `tel:` links with the system. */\n  onLinkPress?: (href: string) => void;\n  /** Styles merged on the container. */\n  style?: StyleProp<ViewStyle>;\n};\n\ntype Context = { theme: Theme; mono: string | undefined; measureKey: string; open: (href: string) => void };\n\nconst SYSTEM = /^(https?:|mailto:|tel:)/i;\n\nfunction Inlines({ nodes, ctx }: { nodes: readonly InlineNode[]; ctx: Context }) {\n  return nodes.map((node, i) => <Inline key={i} node={node} ctx={ctx} />);\n}\n\nfunction Inline({ node, ctx }: { node: InlineNode; ctx: Context }): React.ReactNode {\n  const { theme } = ctx;\n  switch (node.type) {\n    case \"text\":\n      return node.value;\n    case \"inlineCode\":\n      return <Text style={{ fontFamily: ctx.mono, fontSize: 13.5, backgroundColor: theme.surface3 }}>{` ${node.value} `}</Text>;\n    case \"strong\":\n      return (\n        <Text style={styles.strong}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    case \"emphasis\":\n      return (\n        <Text style={styles.em}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    case \"strike\":\n      return (\n        <Text style={styles.strike}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    case \"break\":\n      return \"\\n\";\n    case \"link\":\n      return (\n        <Text role=\"link\" onPress={() => ctx.open(node.href)} style={{ color: theme.accentText, textDecorationLine: \"underline\" }}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Text>\n      );\n    // A picture inside a sentence cannot be drawn in a Text everywhere: its description stands in.\n    case \"image\":\n      return node.alt;\n    case \"footnoteReference\":\n      return <Text style={{ color: theme.accentText, fontSize: 11 }}>{` [${node.number}]`}</Text>;\n    case \"inlineHtml\":\n      return node.value;\n    default:\n      return null;\n  }\n}\n\n/** Code, coloured by the web's grammars from the theme's text roles. */\nfunction Code({ node, ctx }: { node: Extract<BlockNode, { type: \"code\" }>; ctx: Context }) {\n  const { theme } = ctx;\n  const colour: Record<string, string> = {\n    comment: theme.textSecondary,\n    string: theme.successText,\n    inserted: theme.successText,\n    attr: theme.warningText,\n    meta: theme.warningText,\n    keyword: theme.accentText,\n    tag: theme.accentText,\n    selector: theme.accentText,\n    command: theme.accentText,\n    heading: theme.accentText,\n    link: theme.accentText,\n    type: theme.infoText,\n    function: theme.infoText,\n    number: theme.infoText,\n    literal: theme.infoText,\n    deleted: theme.dangerText,\n  };\n  const { tokens } = codeHighlighter.tokenize(node.value, { lang: node.lang ?? \"text\" });\n  return (\n    <View style={[styles.code, { backgroundColor: theme.surface1, borderColor: theme.borderDefault }]}>\n      {node.title || node.file ? (\n        <Txt variant=\"caption\" tone=\"secondary\" style={[styles.codeTitle, { backgroundColor: theme.surface2 }]}>\n          {node.title ?? node.file}\n        </Txt>\n      ) : null}\n      <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.codeBody}>\n        <Text style={{ fontFamily: ctx.mono, fontSize: 12.5, lineHeight: 20, color: theme.textPrimary }}>\n          {tokens.map((token, i) => (\n            <Text key={i} style={token.className && colour[token.className] ? { color: colour[token.className] } : null}>\n              {token.value}\n            </Text>\n          ))}\n        </Text>\n      </ScrollView>\n    </View>\n  );\n}\n\nfunction Blocks({ nodes, ctx }: { nodes: readonly BlockNode[]; ctx: Context }) {\n  return nodes.map((node, i) => <Block key={i} node={node} ctx={ctx} />);\n}\n\nfunction Table({ node, ctx }: { node: Extract<BlockNode, { type: \"table\" }>; ctx: Context }) {\n  const { theme } = ctx;\n  const signature = JSON.stringify([node, ctx.measureKey]);\n  const [measurement, setMeasurement] = React.useState<{ signature: string; widths: number[] }>({ signature, widths: [] });\n  const activeSignature = React.useRef(signature);\n  React.useLayoutEffect(() => {\n    activeSignature.current = signature;\n  }, [signature]);\n  const widths = measurement.signature === signature ? measurement.widths : [];\n  return (\n    <ScrollView horizontal showsHorizontalScrollIndicator role=\"region\" tabIndex={0} aria-label={node.header.map((cell) => textOf(cell.children)).join(\", \")}>\n      <View style={[styles.table, { borderColor: theme.borderSubtle }]}>\n        {[node.header, ...node.rows].map((row, r) => (\n          <View key={r} style={[styles.row, { borderBottomColor: theme.borderSubtle }, r === 0 ? { backgroundColor: theme.surface2 } : null]}>\n            {row.map((cell, c) => (\n              <Txt\n                key={c}\n                variant={r === 0 ? \"label\" : \"body\"}\n                tone={r === 0 ? \"secondary\" : \"text\"}\n                style={[styles.cell, { width: widths[c], textAlign: node.align[c] ?? \"left\" }]}\n                onLayout={({ nativeEvent: { layout: { width } } }) => {\n                  setMeasurement((current) => {\n                    if (activeSignature.current !== signature) return current;\n                    const currentWidths = current.signature === signature ? current.widths : [];\n                    if (width <= (currentWidths[c] ?? 0)) return current;\n                    const next = [...currentWidths];\n                    next[c] = width;\n                    return { signature, widths: next };\n                  });\n                }}\n              >\n                <Inlines nodes={cell.children} ctx={ctx} />\n              </Txt>\n            ))}\n          </View>\n        ))}\n      </View>\n    </ScrollView>\n  );\n}\n\nfunction Block({ node, ctx }: { node: BlockNode; ctx: Context }): React.ReactNode {\n  const { theme } = ctx;\n  switch (node.type) {\n    case \"heading\":\n      return node.depth === 1 ? (\n        <Txt variant=\"display\">\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      ) : node.depth === 2 ? (\n        <Txt variant=\"title\" style={styles.h2}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      ) : (\n        <Txt variant=\"label\" role=\"heading\" style={styles.h3}>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      );\n    case \"paragraph\": {\n      const pictures = node.children.filter((child) => child.type === \"image\");\n      const onlyPictures = pictures.length > 0 && node.children.every((child) => child.type === \"image\" || (child.type === \"text\" && !child.value.trim()));\n      if (onlyPictures) {\n        return pictures.map((picture, i) => <Image key={i} source={{ uri: picture.src }} alt={picture.alt} accessibilityLabel={picture.alt} resizeMode=\"contain\" style={styles.image} />);\n      }\n      return (\n        <Txt>\n          <Inlines nodes={node.children} ctx={ctx} />\n        </Txt>\n      );\n    }\n    case \"code\":\n      return <Code node={node} ctx={ctx} />;\n    case \"list\":\n      return (\n        <View role=\"list\" style={styles.list}>\n          {node.items.map((item, i) => (\n            <View key={i} role=\"listitem\" style={styles.item}>\n              <Txt tone=\"secondary\" style={styles.marker}>\n                {item.checked !== undefined ? (item.checked ? \"☑\" : \"☐\") : node.ordered ? `${(node.start ?? 1) + i}.` : \"•\"}\n              </Txt>\n              <View style={styles.itemBody}>\n                <Blocks nodes={item.children} ctx={ctx} />\n              </View>\n            </View>\n          ))}\n        </View>\n      );\n    case \"blockquote\":\n      return (\n        <View style={[styles.quote, { borderLeftColor: theme.accent }]}>\n          <Blocks nodes={node.children} ctx={ctx} />\n        </View>\n      );\n    case \"table\":\n      return <Table node={node} ctx={ctx} />;\n    case \"thematicBreak\":\n      return <View style={[styles.rule, { backgroundColor: theme.borderDefault }]} />;\n    case \"footnotes\":\n      return (\n        <View style={styles.list}>\n          {node.items.map((item) => (\n            <View key={item.id} style={styles.item}>\n              <Txt variant=\"caption\" tone=\"secondary\" style={styles.marker}>{`${item.number}.`}</Txt>\n              <View style={styles.itemBody}>\n                <Blocks nodes={item.children} ctx={ctx} />\n              </View>\n            </View>\n          ))}\n        </View>\n      );\n    case \"html\":\n      return <Txt>{node.value}</Txt>;\n    default:\n      return null;\n  }\n}\n\n/**\n * A Markdown text in Text and View: headings, paragraphs, lists (and tasks), quotes, tables, coloured code, links, pictures.\n * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.\n */\nexport function Markdown({ children, streaming, generated, generatedLabel, onLinkPress, style }: MarkdownProps) {\n  warnDeprecated(\"native/markdown\");\n  const { theme, fonts } = useTheme();\n  const { fontScale } = useWindowDimensions();\n  const blocks = React.useMemo(() => parseSource(children, { streaming }), [children, streaming]);\n  const open = React.useCallback(\n    (href: string) => {\n      if (onLinkPress) return onLinkPress(href);\n      if (SYSTEM.test(href)) void Linking.openURL(href);\n    },\n    [onLinkPress],\n  );\n  const ctx: Context = { theme, mono: fonts.mono ?? \"Menlo\", measureKey: JSON.stringify([fonts.sans, fonts.mono, fontScale]), open };\n  return (\n    <View aria-busy={streaming || undefined} style={[styles.root, style]}>\n      {generated && generatedLabel ? <Badge>{generatedLabel}</Badge> : null}\n      <Blocks nodes={blocks} ctx={ctx} />\n    </View>\n  );\n}\n\nexport { textOf };\n\nconst styles = StyleSheet.create({\n  root: { gap: 12 },\n  strong: { fontWeight: \"700\" },\n  em: { fontStyle: \"italic\" },\n  strike: { textDecorationLine: \"line-through\" },\n  h2: { marginTop: 8 },\n  h3: { marginTop: 4 },\n  image: { width: \"100%\", aspectRatio: 16 / 9, borderRadius: 12 },\n  list: { gap: 6 },\n  item: { flexDirection: \"row\", gap: 8 },\n  marker: { minWidth: 20, textAlign: \"right\" },\n  itemBody: { flex: 1, gap: 6 },\n  quote: { gap: 8, paddingLeft: 12, borderLeftWidth: 3 },\n  code: { overflow: \"hidden\", borderWidth: StyleSheet.hairlineWidth, borderRadius: 12 },\n  codeTitle: { paddingHorizontal: 12, paddingVertical: 6 },\n  codeBody: { padding: 12 },\n  table: { borderWidth: StyleSheet.hairlineWidth, borderRadius: 8, overflow: \"hidden\" },\n  row: { flexDirection: \"row\", borderBottomWidth: StyleSheet.hairlineWidth },\n  cell: { flexShrink: 0, paddingHorizontal: 10, paddingVertical: 8 },\n  rule: { height: StyleSheet.hairlineWidth },\n});\n","// The highlighter of every code sample: TanStack Highlight (a deterministic, synchronous tokenizer — the same markup on\n// the server and on the client) with the grammars a Krizaka page shows. Each grammar is registered by hand: nothing\n// else is bundled. An unknown language is plain text, never an error.\nimport { createHighlighter } from \"@tanstack/highlight/core\";\nimport { css } from \"@tanstack/highlight/languages/css\";\nimport { diff } from \"@tanstack/highlight/languages/diff\";\nimport { env } from \"@tanstack/highlight/languages/env\";\nimport { html } from \"@tanstack/highlight/languages/html\";\nimport { java } from \"@tanstack/highlight/languages/java\";\nimport { js } from \"@tanstack/highlight/languages/js\";\nimport { json } from \"@tanstack/highlight/languages/json\";\nimport { jsx } from \"@tanstack/highlight/languages/jsx\";\nimport { kotlin } from \"@tanstack/highlight/languages/kotlin\";\nimport { plaintext } from \"@tanstack/highlight/languages/plaintext\";\nimport { shell } from \"@tanstack/highlight/languages/shell\";\nimport { ts } from \"@tanstack/highlight/languages/ts\";\nimport { tsx } from \"@tanstack/highlight/languages/tsx\";\nimport { yaml } from \"@tanstack/highlight/languages/yaml\";\n\n/** The languages a sample can be written in, with the names they answer to (`bash`, `xml`, `yml`, `kt`, `properties`…). */\nexport const codeHighlighter = createHighlighter({\n  languages: [css, diff, { ...env, aliases: [...(env.aliases ?? []), \"properties\"] }, html, java, js, json, jsx, kotlin, plaintext, shell, ts, tsx, yaml],\n  fallbackLanguage: \"plaintext\",\n});\n","// The shared half of Markdown, web and React Native: the source becomes TanStack Markdown's serializable AST\n// (`@tanstack/markdown/parser`) — raw HTML is never enabled (it stays text), executable URLs are dropped (`javascript:`,\n// `data:`), and a text that is still arriving is healed so the half-written end reads like the finished one.\nimport type { BlockNode } from \"@tanstack/markdown\";\nimport { streamingMarkdownExtension } from \"@tanstack/markdown/extensions/streaming\";\nimport { parseMarkdown } from \"@tanstack/markdown/parser\";\n\nexport type { BlockNode, InlineNode, ListItemNode, TableNode } from \"@tanstack/markdown\";\n\nexport type ParseOptions = {\n  /** The text is still arriving (an AI answer): the unfinished end is closed, so it never shows `**` or a half link. */\n  streaming?: boolean;\n  /** Gives every heading an `id` (`#section` links, a table of contents). */\n  headingIds?: boolean;\n};\n\nconst FENCE = /^ {0,3}(```|~~~)/gm;\n\n/** A link or image cut at its end: `[label`, `[label]`, `[label](http…` become `label`, an image is dropped. Linear: one scan of the last `[`. */\nfunction healLink(text: string): string {\n  const open = text.lastIndexOf(\"[\");\n  if (open < 0) return text;\n  const rest = text.slice(open + 1);\n  if (rest.includes(\"\\n\")) return text;\n  const image = open > 0 && text[open - 1] === \"!\";\n  const close = rest.indexOf(\"]\");\n  const after = close < 0 ? \"\" : rest.slice(close + 1);\n  const cut = close < 0 || after === \"\" || (after.startsWith(\"(\") && !after.includes(\")\"));\n  if (!cut) return text;\n  const head = text.slice(0, image ? open - 1 : open);\n  return image ? head : head + (close < 0 ? rest : rest.slice(0, close));\n}\n\n/**\n * Closes what a text cut in the middle leaves open: an emphasis (`**`, `~~`) or a code span, a link or image whose\n * address has not arrived. Inside an open code fence nothing is healed — it is shown as code as it comes.\n */\nexport function healStreaming(source: string): string {\n  if (((source.match(FENCE) ?? []).length & 1) === 1) return source;\n  let out = healLink(source);\n  const cut = out.lastIndexOf(\"\\n\\n\");\n  const block = cut < 0 ? out : out.slice(cut + 2);\n  const open = (marker: string) => (block.split(marker).length - 1) % 2 === 1;\n  // A marker just opened, with nothing after it yet, is dropped rather than shown as an empty emphasis.\n  const close = (marker: string) => (out.endsWith(marker) ? out.slice(0, -marker.length) : `${out}${marker}`);\n  if (open(\"`\")) return close(\"`\");\n  for (const marker of [\"**\", \"~~\"]) if (open(marker)) out = close(marker);\n  return out;\n}\n\n/** The blocks of a Markdown source. */\nexport function parseSource(source: string, { streaming = false, headingIds = false }: ParseOptions = {}): BlockNode[] {\n  return parseMarkdown(streaming ? healStreaming(source) : source, { headingIds, ...(streaming && { extensions: [streamingMarkdownExtension()] }) }).children;\n}\n\n/** The text of inline nodes (a heading's label, an image's alt). */\nexport function textOf(nodes: readonly { type: string; value?: string; children?: readonly unknown[] }[]): string {\n  return nodes\n    .map((node) => (node.children ? textOf(node.children as typeof nodes) : (node.value ?? \"\")))\n    .join(\"\");\n}\n"],"mappings":"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","names":["jsx"]}

package/dist/native/media-capture.d.ts

@@ -43,6 +43,7 @@ type MediaCaptureProps = {
  * The camera in a screen, on expo-camera: asks for the permission only when the person presses the button, sends them
  * to Settings when it was refused for good, takes a photo or records a clip (and the microphone for a clip), switches
  * cameras. The web `MediaCapture` with the same words.
+ * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.
  */
 declare function MediaCapture({ mode, facing: initialFacing, maxDuration, onCapture, onError, aspectRatio, labels, style }: MediaCaptureProps): React.JSX.Element;
 

package/dist/native/media-capture.js

@@ -1,3 +1,7 @@
+import {
+  warnDeprecated
+} from "../chunk-KGLRZMCY.js";
+
 // src/native/media-capture.tsx
 import { Button, Txt, useReducedMotion, useTheme } from "@krizaka/ui/native";
 import { CameraView, useCameraPermissions, useMicrophonePermissions } from "expo-camera";
@@ -6,6 +10,7 @@ import { Linking, Pressable, StyleSheet, View } from "react-native";
 import Svg, { Path } from "react-native-svg";
 import { jsx, jsxs } from "react/jsx-runtime";
 function MediaCapture({ mode = "photo", facing: initialFacing = "front", maxDuration, onCapture, onError, aspectRatio = 3 / 4, labels, style }) {
+  warnDeprecated("native/media-capture");
   const { theme, radius } = useTheme();
   const reduce = useReducedMotion();
   const camera = React.useRef(null);

package/dist/native/media-capture.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/native/media-capture.tsx"],"sourcesContent":["// @krizaka/ui/native/media-capture — its own entry, because it imports expo-camera: an optional peer, installed only\n// by the apps that use the camera. The theme and the buttons come from @krizaka/ui/native.\nimport { Button, Txt, useReducedMotion, useTheme } from \"@krizaka/ui/native\";\nimport { CameraView, useCameraPermissions, useMicrophonePermissions } from \"expo-camera\";\nimport * as React from \"react\";\nimport { Linking, Pressable, type StyleProp, StyleSheet, View, type ViewStyle } from \"react-native\";\nimport Svg, { Path } from \"react-native-svg\";\n\nexport type MediaCaptureLabels = {\n  /** Why the camera is asked for, before the request (\"Use your camera to take a photo\"). */\n  prompt: string;\n  /** The button that asks (\"Turn on the camera\"). */\n  start: string;\n  /** Permission refused for good (\"Camera access is off. Turn it on in Settings.\"). */\n  denied: string;\n  /** Opens the app's settings (\"Open Settings\"). */\n  settings: string;\n  takePhoto: string;\n  startRecording: string;\n  stopRecording: string;\n  switchCamera: string;\n};\n\nexport type NativeCaptureResult = {\n  /** The file of the photo or the clip, on the device. */\n  uri: string;\n  /** `photo` or `video`. */\n  kind: \"photo\" | \"video\";\n};\n\nexport type MediaCaptureProps = {\n  /** What it captures: `photo` (default) or `video`. */\n  mode?: \"photo\" | \"video\";\n  /** The camera at first: `front` (default) or `back`. */\n  facing?: \"front\" | \"back\";\n  /** The longest clip, in seconds. */\n  maxDuration?: number;\n  /** Called with the photo taken or the clip recorded. */\n  onCapture: (result: NativeCaptureResult) => void;\n  /** Called when a capture fails. */\n  onError?: (error: unknown) => void;\n  /** The width / height ratio of the preview. Default 3 / 4. */\n  aspectRatio?: number;\n  /** The words, passed translated. */\n  labels: MediaCaptureLabels;\n  /** Styles merged last, on the frame. */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * The camera in a screen, on expo-camera: asks for the permission only when the person presses the button, sends them\n * to Settings when it was refused for good, takes a photo or records a clip (and the microphone for a clip), switches\n * cameras. The web `MediaCapture` with the same words.\n */\nexport function MediaCapture({ mode = \"photo\", facing: initialFacing = \"front\", maxDuration, onCapture, onError, aspectRatio = 3 / 4, labels, style }: MediaCaptureProps) {\n  const { theme, radius } = useTheme();\n  const reduce = useReducedMotion();\n  const camera = React.useRef<CameraView>(null);\n  const [permission, requestPermission] = useCameraPermissions();\n  const [microphone, requestMicrophone] = useMicrophonePermissions();\n  const [facing, setFacing] = React.useState(initialFacing);\n  const [ready, setReady] = React.useState(false);\n  const [recording, setRecording] = React.useState(false);\n\n  const ask = async () => {\n    const result = await requestPermission();\n    if (result.granted && mode === \"video\" && !microphone?.granted) await requestMicrophone();\n  };\n\n  const shoot = async () => {\n    if (!camera.current || !ready) return;\n    try {\n      if (mode === \"photo\") {\n        const photo = await camera.current.takePictureAsync({ quality: 0.9 });\n        if (photo) onCapture({ uri: photo.uri, kind: \"photo\" });\n      } else if (recording) {\n        camera.current.stopRecording();\n      } else {\n        setRecording(true);\n        const clip = await camera.current.recordAsync(maxDuration ? { maxDuration } : undefined);\n        setRecording(false);\n        if (clip) onCapture({ uri: clip.uri, kind: \"video\" });\n      }\n    } catch (error) {\n      setRecording(false);\n      onError?.(error);\n    }\n  };\n\n  const frame = [styles.frame, { aspectRatio, borderRadius: radius.md, backgroundColor: theme.media }, style];\n\n  if (!permission?.granted) {\n    const blocked = permission ? !permission.canAskAgain : false;\n    return (\n      <View style={[frame, styles.panel]}>\n        <Txt style={styles.center}>\n          {blocked ? labels.denied : labels.prompt}\n        </Txt>\n        {blocked ? (\n          <Button label={labels.settings} variant=\"secondary\" onPress={() => void Linking.openSettings()} />\n        ) : (\n          <Button label={labels.start} variant=\"primary\" onPress={() => void ask()} />\n        )}\n      </View>\n    );\n  }\n\n  return (\n    <View style={frame}>\n      <CameraView\n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        facing={facing}\n        mode={mode === \"video\" ? \"video\" : \"picture\"}\n        mirror={facing === \"front\"}\n        onCameraReady={() => setReady(true)}\n        aria-hidden\n      />\n      <View style={styles.bar}>\n        <View style={styles.side} />\n        <Pressable\n          role=\"button\"\n          aria-label={mode === \"photo\" ? labels.takePhoto : recording ? labels.stopRecording : labels.startRecording}\n          aria-disabled={!ready}\n          disabled={!ready}\n          onPress={() => void shoot()}\n          style={({ pressed }) => [styles.shutter, { borderColor: theme.textOnMedia, opacity: pressed && !reduce ? 0.8 : 1 }]}\n        >\n          <View\n            style={[\n              mode === \"video\" && recording ? styles.stop : styles.dot,\n              { backgroundColor: mode === \"video\" ? theme.danger : theme.textOnMedia },\n            ]}\n          />\n        </Pressable>\n        <Pressable\n          role=\"button\"\n          aria-label={labels.switchCamera}\n          aria-disabled={recording}\n          disabled={recording}\n          hitSlop={8}\n          onPress={() => setFacing((f) => (f === \"front\" ? \"back\" : \"front\"))}\n          style={[styles.side, styles.flip, { backgroundColor: theme.scrimStrong, opacity: recording ? 0 : 1 }]}\n        >\n          <Svg width={22} height={22} viewBox=\"0 0 24 24\" fill=\"none\" stroke={theme.textOnMedia} strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n            <Path d=\"M4 12a8 8 0 0 1 14-5.3M20 12a8 8 0 0 1-14 5.3M18 3v4h-4M6 21v-4h4\" />\n          </Svg>\n        </Pressable>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  frame: { width: \"100%\", overflow: \"hidden\" },\n  panel: { alignItems: \"center\", justifyContent: \"center\", gap: 16, padding: 24 },\n  center: { textAlign: \"center\" },\n  bar: { position: \"absolute\", left: 0, right: 0, bottom: 16, flexDirection: \"row\", alignItems: \"center\", justifyContent: \"space-evenly\" },\n  side: { width: 48, height: 48 },\n  flip: { borderRadius: 24, alignItems: \"center\", justifyContent: \"center\" },\n  shutter: { width: 72, height: 72, borderRadius: 36, borderWidth: 4, alignItems: \"center\", justifyContent: \"center\" },\n  dot: { width: 54, height: 54, borderRadius: 27 },\n  stop: { width: 26, height: 26, borderRadius: 6 },\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/native/media-capture.tsx"],"sourcesContent":["// @krizaka/ui/native/media-capture — its own entry, because it imports expo-camera: an optional peer, installed only\n// by the apps that use the camera. The theme and the buttons come from @krizaka/ui/native.\nimport { Button, Txt, useReducedMotion, useTheme } from \"@krizaka/ui/native\";\nimport { CameraView, useCameraPermissions, useMicrophonePermissions } from \"expo-camera\";\nimport * as React from \"react\";\nimport { Linking, Pressable, type StyleProp, StyleSheet, View, type ViewStyle } from \"react-native\";\nimport Svg, { Path } from \"react-native-svg\";\n\nimport { warnDeprecated } from \"../deprecated\";\n\nexport type MediaCaptureLabels = {\n  /** Why the camera is asked for, before the request (\"Use your camera to take a photo\"). */\n  prompt: string;\n  /** The button that asks (\"Turn on the camera\"). */\n  start: string;\n  /** Permission refused for good (\"Camera access is off. Turn it on in Settings.\"). */\n  denied: string;\n  /** Opens the app's settings (\"Open Settings\"). */\n  settings: string;\n  takePhoto: string;\n  startRecording: string;\n  stopRecording: string;\n  switchCamera: string;\n};\n\nexport type NativeCaptureResult = {\n  /** The file of the photo or the clip, on the device. */\n  uri: string;\n  /** `photo` or `video`. */\n  kind: \"photo\" | \"video\";\n};\n\nexport type MediaCaptureProps = {\n  /** What it captures: `photo` (default) or `video`. */\n  mode?: \"photo\" | \"video\";\n  /** The camera at first: `front` (default) or `back`. */\n  facing?: \"front\" | \"back\";\n  /** The longest clip, in seconds. */\n  maxDuration?: number;\n  /** Called with the photo taken or the clip recorded. */\n  onCapture: (result: NativeCaptureResult) => void;\n  /** Called when a capture fails. */\n  onError?: (error: unknown) => void;\n  /** The width / height ratio of the preview. Default 3 / 4. */\n  aspectRatio?: number;\n  /** The words, passed translated. */\n  labels: MediaCaptureLabels;\n  /** Styles merged last, on the frame. */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * The camera in a screen, on expo-camera: asks for the permission only when the person presses the button, sends them\n * to Settings when it was refused for good, takes a photo or records a clip (and the microphone for a clip), switches\n * cameras. The web `MediaCapture` with the same words.\n * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.\n */\nexport function MediaCapture({ mode = \"photo\", facing: initialFacing = \"front\", maxDuration, onCapture, onError, aspectRatio = 3 / 4, labels, style }: MediaCaptureProps) {\n  warnDeprecated(\"native/media-capture\");\n  const { theme, radius } = useTheme();\n  const reduce = useReducedMotion();\n  const camera = React.useRef<CameraView>(null);\n  const [permission, requestPermission] = useCameraPermissions();\n  const [microphone, requestMicrophone] = useMicrophonePermissions();\n  const [facing, setFacing] = React.useState(initialFacing);\n  const [ready, setReady] = React.useState(false);\n  const [recording, setRecording] = React.useState(false);\n\n  const ask = async () => {\n    const result = await requestPermission();\n    if (result.granted && mode === \"video\" && !microphone?.granted) await requestMicrophone();\n  };\n\n  const shoot = async () => {\n    if (!camera.current || !ready) return;\n    try {\n      if (mode === \"photo\") {\n        const photo = await camera.current.takePictureAsync({ quality: 0.9 });\n        if (photo) onCapture({ uri: photo.uri, kind: \"photo\" });\n      } else if (recording) {\n        camera.current.stopRecording();\n      } else {\n        setRecording(true);\n        const clip = await camera.current.recordAsync(maxDuration ? { maxDuration } : undefined);\n        setRecording(false);\n        if (clip) onCapture({ uri: clip.uri, kind: \"video\" });\n      }\n    } catch (error) {\n      setRecording(false);\n      onError?.(error);\n    }\n  };\n\n  const frame = [styles.frame, { aspectRatio, borderRadius: radius.md, backgroundColor: theme.media }, style];\n\n  if (!permission?.granted) {\n    const blocked = permission ? !permission.canAskAgain : false;\n    return (\n      <View style={[frame, styles.panel]}>\n        <Txt style={styles.center}>\n          {blocked ? labels.denied : labels.prompt}\n        </Txt>\n        {blocked ? (\n          <Button label={labels.settings} variant=\"secondary\" onPress={() => void Linking.openSettings()} />\n        ) : (\n          <Button label={labels.start} variant=\"primary\" onPress={() => void ask()} />\n        )}\n      </View>\n    );\n  }\n\n  return (\n    <View style={frame}>\n      <CameraView\n        ref={camera}\n        style={StyleSheet.absoluteFill}\n        facing={facing}\n        mode={mode === \"video\" ? \"video\" : \"picture\"}\n        mirror={facing === \"front\"}\n        onCameraReady={() => setReady(true)}\n        aria-hidden\n      />\n      <View style={styles.bar}>\n        <View style={styles.side} />\n        <Pressable\n          role=\"button\"\n          aria-label={mode === \"photo\" ? labels.takePhoto : recording ? labels.stopRecording : labels.startRecording}\n          aria-disabled={!ready}\n          disabled={!ready}\n          onPress={() => void shoot()}\n          style={({ pressed }) => [styles.shutter, { borderColor: theme.textOnMedia, opacity: pressed && !reduce ? 0.8 : 1 }]}\n        >\n          <View\n            style={[\n              mode === \"video\" && recording ? styles.stop : styles.dot,\n              { backgroundColor: mode === \"video\" ? theme.danger : theme.textOnMedia },\n            ]}\n          />\n        </Pressable>\n        <Pressable\n          role=\"button\"\n          aria-label={labels.switchCamera}\n          aria-disabled={recording}\n          disabled={recording}\n          hitSlop={8}\n          onPress={() => setFacing((f) => (f === \"front\" ? \"back\" : \"front\"))}\n          style={[styles.side, styles.flip, { backgroundColor: theme.scrimStrong, opacity: recording ? 0 : 1 }]}\n        >\n          <Svg width={22} height={22} viewBox=\"0 0 24 24\" fill=\"none\" stroke={theme.textOnMedia} strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n            <Path d=\"M4 12a8 8 0 0 1 14-5.3M20 12a8 8 0 0 1-14 5.3M18 3v4h-4M6 21v-4h4\" />\n          </Svg>\n        </Pressable>\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  frame: { width: \"100%\", overflow: \"hidden\" },\n  panel: { alignItems: \"center\", justifyContent: \"center\", gap: 16, padding: 24 },\n  center: { textAlign: \"center\" },\n  bar: { position: \"absolute\", left: 0, right: 0, bottom: 16, flexDirection: \"row\", alignItems: \"center\", justifyContent: \"space-evenly\" },\n  side: { width: 48, height: 48 },\n  flip: { borderRadius: 24, alignItems: \"center\", justifyContent: \"center\" },\n  shutter: { width: 72, height: 72, borderRadius: 36, borderWidth: 4, alignItems: \"center\", justifyContent: \"center\" },\n  dot: { width: 54, height: 54, borderRadius: 27 },\n  stop: { width: 26, height: 26, borderRadius: 6 },\n});\n"],"mappings":"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","names":[]}

package/dist/native/vertical-video.d.ts

@@ -83,7 +83,10 @@ type VerticalVideoProps = VerticalVideoShared & {
     /** Styles merged last, on the frame. */
     style?: StyleProp<ViewStyle>;
 };
-/** One short video: 9:16, the rail of actions on the right, the creator's caption bottom-left. */
+/**
+ * One short video: 9:16, the rail of actions on the right, the creator's caption bottom-left.
+ * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.
+ */
 declare function VerticalVideo({ title, uri, posterUri, active, creator, disclosure, caption, tags, credit, likes, comments, shares, liked, following, onLike, onComment, onShare, onFollow, onMore, tipSlot, topStart, aboveCaption, locale, labels: custom, style, }: VerticalVideoProps): React.JSX.Element;
 type ShortFeedProps<T> = {
     /** The feed's accessible name ("Videos"). */
@@ -104,7 +107,10 @@ type ShortFeedProps<T> = {
     /** Styles merged last. */
     style?: StyleProp<ViewStyle>;
 };
-/** A vertical paging feed: one video per screen, the one in view plays, the others pause. */
+/**
+ * A vertical paging feed: one video per screen, the one in view plays, the others pause.
+ * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.
+ */
 declare function ShortFeed<T>({ label, items, getId, renderItem, height, onActiveChange, style }: ShortFeedProps<T>): React.JSX.Element;
 
 export { ShortFeed, type ShortFeedProps, VerticalVideo, type VerticalVideoLabels, type VerticalVideoProps, verticalVideoLabels };

package/dist/native/vertical-video.js

@@ -1,3 +1,7 @@
+import {
+  warnDeprecated
+} from "../chunk-KGLRZMCY.js";
+
 // src/native/vertical-video.tsx
 import { formatCompact } from "@krizaka/intl";
 import { Avatar, Txt, useTheme, VerifiedBadge } from "@krizaka/ui/native";
@@ -65,6 +69,7 @@ function VerticalVideo({
   labels: custom,
   style
 }) {
+  warnDeprecated("native/vertical-video");
   const { theme } = useTheme();
   const labels = { ...verticalVideoLabels, ...custom };
   const [open, setOpen] = React.useState(false);
@@ -115,6 +120,7 @@ function VerticalVideo({
   ] });
 }
 function ShortFeed({ label, items, getId, renderItem, height, onActiveChange, style }) {
+  warnDeprecated("native/vertical-video");
   const [active, setActive] = React.useState(0);
   const [onViewable] = React.useState(() => ({ viewableItems }) => {
     const first = viewableItems.find((v) => v.isViewable && typeof v.index === "number");

package/dist/native/vertical-video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/native/vertical-video.tsx","../../src/vertical-video/model.ts"],"sourcesContent":["// @krizaka/ui/native/vertical-video — its own entry (it plays video on expo-video, an optional peer). A 9:16 clip filling\n// its frame, the action rail on the right (avatar + follow, like, comments, share, a slot for the product's tip), the\n// creator's caption bottom-left, a progress hairline; `ShortFeed` pages them vertically and plays the one in view.\n// Over the picture everything reads on the theme's invariant `scrim` / `textOnMedia`.\nimport { formatCompact } from \"@krizaka/intl\";\nimport { Avatar, Txt, useTheme, VerifiedBadge } from \"@krizaka/ui/native\";\nimport { VideoPlayer } from \"@krizaka/ui/native/video-player\";\nimport * as React from \"react\";\nimport { FlatList, Image,Pressable, type StyleProp, StyleSheet, View, type ViewStyle, type ViewToken } from \"react-native\";\nimport Svg, { Path } from \"react-native-svg\";\n\nimport { type VerticalVideoLabels, verticalVideoLabels, type VerticalVideoShared } from \"../vertical-video/model\";\n\nexport { type VerticalVideoLabels, verticalVideoLabels };\n\nexport type VerticalVideoProps = VerticalVideoShared & {\n  /** The clip's address (MP4 or HLS). Absent, the poster alone shows. */\n  uri?: string;\n  /** The picture until the first frame. */\n  posterUri?: string;\n  /** Who made it: name, portrait, the seal's words. */\n  creator: { name: string; avatarUri?: string; verifiedLabel?: string };\n  /** Styles merged last, on the frame. */\n  style?: StyleProp<ViewStyle>;\n};\n\nconst HEART = \"M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z\";\nconst COMMENT = \"M4 5h16v11H9l-5 4z\";\nconst SHARE = \"M4 12v7h16v-7M12 3v12M7 8l5-5 5 5\";\nconst MORE = \"M5 12h.01M12 12h.01M19 12h.01\";\n\nfunction Glyph({ d, color, filled }: { d: string; color: string; filled?: boolean }) {\n  return (\n    <Svg width={24} height={24} viewBox=\"0 0 24 24\" fill={filled ? color : \"none\"} stroke={color} strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n      <Path d={d} />\n    </Svg>\n  );\n}\n\nfunction RailButton({ label, count, pressed, onPress, children }: { label: string; count?: string | undefined; pressed?: boolean | undefined; onPress?: (() => void) | undefined; children: React.ReactNode }) {\n  const { theme } = useTheme();\n  return (\n    <View style={styles.railItem}>\n      <Pressable role=\"button\" aria-label={label} aria-pressed={pressed} onPress={onPress} hitSlop={4} style={[styles.railButton, { backgroundColor: theme.scrim }]}>\n        {children}\n      </Pressable>\n      {count !== undefined ? (\n        <Txt variant=\"caption\" tone=\"onMedia\" style={styles.count}>\n          {count}\n        </Txt>\n      ) : null}\n    </View>\n  );\n}\n\n/** One short video: 9:16, the rail of actions on the right, the creator's caption bottom-left. */\nexport function VerticalVideo({\n  title,\n  uri,\n  posterUri,\n  active = true,\n  creator,\n  disclosure,\n  caption,\n  tags = [],\n  credit,\n  likes,\n  comments,\n  shares,\n  liked = false,\n  following = false,\n  onLike,\n  onComment,\n  onShare,\n  onFollow,\n  onMore,\n  tipSlot,\n  topStart,\n  aboveCaption,\n  locale = \"en\",\n  labels: custom,\n  style,\n}: VerticalVideoProps) {\n  const { theme } = useTheme();\n  const labels = { ...verticalVideoLabels, ...custom };\n  const [open, setOpen] = React.useState(false);\n  const [paused, setPaused] = React.useState(false);\n  const count = (n?: number) => (n === undefined ? undefined : formatCompact(n, { locale }));\n  const on = theme.textOnMedia;\n  return (\n    <View role=\"group\" aria-label={title} style={[styles.frame, { backgroundColor: theme.media }, style]}>\n      {uri ? (\n        <VideoPlayer source={{ uri }} title={title} aspectRatio={9 / 16} contentFit=\"cover\" nativeControls={false} fullscreen={false} autoPlay loop muted paused={!active || paused} style={StyleSheet.absoluteFill} {...(posterUri ? { poster: { uri: posterUri } } : {})} />\n      ) : posterUri ? (\n        <Image source={{ uri: posterUri }} aria-hidden resizeMode=\"cover\" style={StyleSheet.absoluteFill} />\n      ) : null}\n      <Pressable role=\"button\" aria-label={paused ? labels.play : labels.pause} onPress={() => setPaused((p) => !p)} onLongPress={() => onLike?.(!liked)} style={StyleSheet.absoluteFill} />\n      <View pointerEvents=\"none\" style={[styles.shade, { backgroundColor: theme.scrim }]} />\n      {topStart ? <View style={styles.topStart}>{topStart}</View> : null}\n\n      <View role=\"group\" aria-label={labels.actions} style={styles.rail}>\n        <View>\n          <Avatar alt={creator.name} {...(creator.avatarUri ? { src: creator.avatarUri } : {})} size=\"md\" />\n          {onFollow ? (\n            <Pressable\n              role=\"button\"\n              aria-label={(following ? labels.following : labels.follow).replace(\"{name}\", creator.name)}\n              aria-pressed={following}\n              onPress={() => onFollow(!following)}\n              hitSlop={12}\n              style={[styles.follow, { backgroundColor: following ? theme.surface2 : theme.accent }]}\n            >\n              <Glyph d={following ? \"M5 12l5 5 9-10\" : \"M12 5v14M5 12h14\"} color={following ? theme.textPrimary : theme.onAccent} />\n            </Pressable>\n          ) : null}\n        </View>\n        <RailButton label={labels.like} count={count(likes)} pressed={liked} onPress={() => onLike?.(!liked)}>\n          <Glyph d={HEART} color={liked ? theme.accent : on} filled={liked} />\n        </RailButton>\n        <RailButton label={labels.comment} count={count(comments)} onPress={onComment}>\n          <Glyph d={COMMENT} color={on} />\n        </RailButton>\n        <RailButton label={labels.share} count={count(shares)} onPress={onShare}>\n          <Glyph d={SHARE} color={on} />\n        </RailButton>\n        {tipSlot}\n        {onMore ? (\n          <RailButton label={labels.more} onPress={onMore}>\n            <Glyph d={MORE} color={on} />\n          </RailButton>\n        ) : null}\n      </View>\n\n      <View style={styles.caption}>\n        {aboveCaption}\n        <View style={styles.nameRow}>\n          <Txt variant=\"label\" tone=\"onMedia\">\n            {creator.name}\n          </Txt>\n          {creator.verifiedLabel ? <VerifiedBadge label={creator.verifiedLabel} on=\"media\" size={14} /> : null}\n          {disclosure ? (\n            <View style={[styles.pill, { backgroundColor: theme.scrim }]}>\n              <Txt variant=\"caption\" tone=\"onMedia\" style={styles.pillText}>\n                {disclosure.toUpperCase()}\n              </Txt>\n            </View>\n          ) : null}\n        </View>\n        {caption ? (\n          <Txt tone=\"onMedia\" numberOfLines={open ? undefined : 2}>\n            {caption}\n            {tags.length > 0 ? ` ${tags.map((tag) => `#${tag}`).join(\" \")}` : \"\"}\n          </Txt>\n        ) : null}\n        {caption && caption.length > 90 ? (\n          <Pressable role=\"button\" aria-label={open ? labels.collapse : labels.expand} aria-expanded={open} onPress={() => setOpen((v) => !v)} hitSlop={10}>\n            <Txt variant=\"caption\" tone=\"onMedia\" style={styles.underline}>\n              {open ? labels.collapse : labels.expand}\n            </Txt>\n          </Pressable>\n        ) : null}\n        {credit ? (\n          <Txt variant=\"caption\" tone=\"onMedia\">\n            {credit}\n          </Txt>\n        ) : null}\n      </View>\n    </View>\n  );\n}\n\nexport type ShortFeedProps<T> = {\n  /** The feed's accessible name (\"Videos\"). */\n  label: string;\n  /** The videos, in order. */\n  items: readonly T[];\n  /** A stable key for an item. */\n  getId: (item: T) => string;\n  /** One slide: `active` is true for the one in view. */\n  renderItem: (item: T, state: { active: boolean; index: number }) => React.ReactElement;\n  /** The page's height in points (the feed's own height; one slide per page). */\n  height: number;\n  /** Called when the slide in view changes. */\n  onActiveChange?: (index: number, item: T) => void;\n  /** Styles merged last. */\n  style?: StyleProp<ViewStyle>;\n};\n\n/** A vertical paging feed: one video per screen, the one in view plays, the others pause. */\nexport function ShortFeed<T>({ label, items, getId, renderItem, height, onActiveChange, style }: ShortFeedProps<T>) {\n  const [active, setActive] = React.useState(0);\n  // FlatList wants one stable callback for its whole life.\n  const [onViewable] = React.useState(() => ({ viewableItems }: { viewableItems: ViewToken[] }) => {\n    const first = viewableItems.find((v) => v.isViewable && typeof v.index === \"number\");\n    if (first && typeof first.index === \"number\") setActive(first.index);\n  });\n  React.useEffect(() => {\n    const item = items[active];\n    if (item !== undefined) onActiveChange?.(active, item);\n    // Only a change of the slide in view is an event.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active]);\n  return (\n    <View role=\"list\" aria-label={label} style={[{ height }, style]}>\n    <FlatList\n      data={items as T[]}\n      keyExtractor={getId}\n      pagingEnabled\n      showsVerticalScrollIndicator={false}\n      snapToInterval={height}\n      decelerationRate=\"fast\"\n      getItemLayout={(_, index) => ({ length: height, offset: height * index, index })}\n      windowSize={3}\n      initialNumToRender={2}\n      viewabilityConfig={{ itemVisiblePercentThreshold: 60 }}\n      onViewableItemsChanged={onViewable}\n      extraData={active}\n      style={{ height }}\n      renderItem={({ item, index }) => <View style={{ height }}>{renderItem(item, { active: index === active, index })}</View>}\n    />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  frame: { width: \"100%\", aspectRatio: 9 / 16, overflow: \"hidden\" },\n  shade: { position: \"absolute\", left: 0, right: 0, bottom: 0, height: \"30%\", opacity: 0.55 },\n  topStart: { position: \"absolute\", left: 12, top: 12 },\n  rail: { position: \"absolute\", right: 8, bottom: 20, alignItems: \"center\", gap: 12 },\n  railItem: { alignItems: \"center\", gap: 2 },\n  railButton: { width: 44, height: 44, borderRadius: 22, alignItems: \"center\", justifyContent: \"center\" },\n  count: { fontVariant: [\"lining-nums\", \"tabular-nums\"], fontWeight: \"600\" },\n  follow: { position: \"absolute\", bottom: -10, alignSelf: \"center\", width: 22, height: 22, borderRadius: 11, alignItems: \"center\", justifyContent: \"center\", overflow: \"hidden\" },\n  caption: { position: \"absolute\", left: 12, right: 76, bottom: 16, gap: 6 },\n  nameRow: { flexDirection: \"row\", alignItems: \"center\", gap: 6 },\n  pill: { paddingHorizontal: 8, paddingVertical: 2, borderRadius: 999 },\n  pillText: { fontWeight: \"700\", letterSpacing: 0.4 },\n  underline: { textDecorationLine: \"underline\", fontWeight: \"600\" },\n});\n","// Headless: what the web (`vertical-video.tsx`) and the native (`native/vertical-video.tsx`) VerticalVideo share — the words,\n// the content and the callbacks. Each platform adds its media (`src`/`poster` · `uri`/`posterUri`) and its frame.\nimport type * as React from \"react\";\n\nexport interface VerticalVideoLabels {\n  /** \"Play\" / \"Pause\" — the tap target over the picture. */\n  play: string;\n  pause: string;\n  /** \"Like\" / \"Unlike\" (the button's name; the state is `aria-pressed`). */\n  like: string;\n  comment: string;\n  share: string;\n  more: string;\n  /** \"Follow Elena\" — `{name}` is replaced by the creator's name. */\n  follow: string;\n  /** \"Following Elena\". */\n  following: string;\n  /** \"More\" / \"Less\" on a long caption. */\n  expand: string;\n  collapse: string;\n  /** The progress bar's name (\"Progress\"). */\n  progress: string;\n  /** The rail's name (\"Actions\"). */\n  actions: string;\n}\n\nexport const verticalVideoLabels: VerticalVideoLabels = {\n  play: \"Play\",\n  pause: \"Pause\",\n  like: \"Like\",\n  comment: \"Comments\",\n  share: \"Share\",\n  more: \"More\",\n  follow: \"Follow {name}\",\n  following: \"Following {name}\",\n  expand: \"More\",\n  collapse: \"Less\",\n  progress: \"Progress\",\n  actions: \"Actions\",\n};\n\n/** The props both platforms read: the same content, counts, state, callbacks and slots. */\nexport interface VerticalVideoShared {\n  /** The video's accessible name (\"Video: Night shoot, part 2\"), passed translated. */\n  title: string;\n  /** Plays while `true`; a `ShortFeed` passes it for the slide in view. Default `true`. */\n  active?: boolean;\n  /** A pill beside the name: \"AI-GENERATED\" — said on the picture, never only in a page's footnote. */\n  disclosure?: string;\n  /** The caption: collapsed to two lines, expandable when long. */\n  caption?: string;\n  /** Tags under the caption (without `#`). */\n  tags?: readonly string[];\n  /** The sound or credit line (\"Original sound — Elena\"). */\n  credit?: string;\n  /** The like count under its button, compact (`12.4K`) in `locale`. */\n  likes?: number;\n  /** The comment count under its button. */\n  comments?: number;\n  /** The share count under its button. */\n  shares?: number;\n  /** Whether the viewer likes it: `aria-pressed` on the like button. */\n  liked?: boolean;\n  /** Whether the viewer follows the creator: the \"+\" on the avatar becomes a check. */\n  following?: boolean;\n  /** The viewer likes or unlikes (the button, `L`, a double tap). */\n  onLike?: (liked: boolean) => void;\n  /** Opens the comments; without it the button still shows. */\n  onComment?: () => void;\n  /** Opens the share sheet. */\n  onShare?: () => void;\n  /** The viewer follows or unfollows; without it the avatar has no \"+\". */\n  onFollow?: (following: boolean) => void;\n  /** The \"more\" button's action (report, hide); without it the button is not drawn. */\n  onMore?: () => void;\n  /** The product's own action on the rail: a tip, an unlock — a button of yours (≥ 44 px, named). */\n  tipSlot?: React.ReactNode;\n  /** Top left: a chip over the picture (an auction's time left). */\n  topStart?: React.ReactNode;\n  /** Above the caption: a goal gauge, a challenge's progress. */\n  aboveCaption?: React.ReactNode;\n  /** The locale of the counts. Default `en`. */\n  locale?: string;\n  /** Every word, passed translated. */\n  labels?: Partial<VerticalVideoLabels>;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/native/vertical-video.tsx","../../src/vertical-video/model.ts"],"sourcesContent":["// @krizaka/ui/native/vertical-video — its own entry (it plays video on expo-video, an optional peer). A 9:16 clip filling\n// its frame, the action rail on the right (avatar + follow, like, comments, share, a slot for the product's tip), the\n// creator's caption bottom-left, a progress hairline; `ShortFeed` pages them vertically and plays the one in view.\n// Over the picture everything reads on the theme's invariant `scrim` / `textOnMedia`.\nimport { formatCompact } from \"@krizaka/intl\";\nimport { Avatar, Txt, useTheme, VerifiedBadge } from \"@krizaka/ui/native\";\nimport { VideoPlayer } from \"@krizaka/ui/native/video-player\";\nimport * as React from \"react\";\nimport { FlatList, Image,Pressable, type StyleProp, StyleSheet, View, type ViewStyle, type ViewToken } from \"react-native\";\nimport Svg, { Path } from \"react-native-svg\";\n\nimport { warnDeprecated } from \"../deprecated\";\nimport { type VerticalVideoLabels, verticalVideoLabels, type VerticalVideoShared } from \"../vertical-video/model\";\n\nexport { type VerticalVideoLabels, verticalVideoLabels };\n\nexport type VerticalVideoProps = VerticalVideoShared & {\n  /** The clip's address (MP4 or HLS). Absent, the poster alone shows. */\n  uri?: string;\n  /** The picture until the first frame. */\n  posterUri?: string;\n  /** Who made it: name, portrait, the seal's words. */\n  creator: { name: string; avatarUri?: string; verifiedLabel?: string };\n  /** Styles merged last, on the frame. */\n  style?: StyleProp<ViewStyle>;\n};\n\nconst HEART = \"M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z\";\nconst COMMENT = \"M4 5h16v11H9l-5 4z\";\nconst SHARE = \"M4 12v7h16v-7M12 3v12M7 8l5-5 5 5\";\nconst MORE = \"M5 12h.01M12 12h.01M19 12h.01\";\n\nfunction Glyph({ d, color, filled }: { d: string; color: string; filled?: boolean }) {\n  return (\n    <Svg width={24} height={24} viewBox=\"0 0 24 24\" fill={filled ? color : \"none\"} stroke={color} strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n      <Path d={d} />\n    </Svg>\n  );\n}\n\nfunction RailButton({ label, count, pressed, onPress, children }: { label: string; count?: string | undefined; pressed?: boolean | undefined; onPress?: (() => void) | undefined; children: React.ReactNode }) {\n  const { theme } = useTheme();\n  return (\n    <View style={styles.railItem}>\n      <Pressable role=\"button\" aria-label={label} aria-pressed={pressed} onPress={onPress} hitSlop={4} style={[styles.railButton, { backgroundColor: theme.scrim }]}>\n        {children}\n      </Pressable>\n      {count !== undefined ? (\n        <Txt variant=\"caption\" tone=\"onMedia\" style={styles.count}>\n          {count}\n        </Txt>\n      ) : null}\n    </View>\n  );\n}\n\n/**\n * One short video: 9:16, the rail of actions on the right, the creator's caption bottom-left.\n * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.\n */\nexport function VerticalVideo({\n  title,\n  uri,\n  posterUri,\n  active = true,\n  creator,\n  disclosure,\n  caption,\n  tags = [],\n  credit,\n  likes,\n  comments,\n  shares,\n  liked = false,\n  following = false,\n  onLike,\n  onComment,\n  onShare,\n  onFollow,\n  onMore,\n  tipSlot,\n  topStart,\n  aboveCaption,\n  locale = \"en\",\n  labels: custom,\n  style,\n}: VerticalVideoProps) {\n  warnDeprecated(\"native/vertical-video\");\n  const { theme } = useTheme();\n  const labels = { ...verticalVideoLabels, ...custom };\n  const [open, setOpen] = React.useState(false);\n  const [paused, setPaused] = React.useState(false);\n  const count = (n?: number) => (n === undefined ? undefined : formatCompact(n, { locale }));\n  const on = theme.textOnMedia;\n  return (\n    <View role=\"group\" aria-label={title} style={[styles.frame, { backgroundColor: theme.media }, style]}>\n      {uri ? (\n        <VideoPlayer source={{ uri }} title={title} aspectRatio={9 / 16} contentFit=\"cover\" nativeControls={false} fullscreen={false} autoPlay loop muted paused={!active || paused} style={StyleSheet.absoluteFill} {...(posterUri ? { poster: { uri: posterUri } } : {})} />\n      ) : posterUri ? (\n        <Image source={{ uri: posterUri }} aria-hidden resizeMode=\"cover\" style={StyleSheet.absoluteFill} />\n      ) : null}\n      <Pressable role=\"button\" aria-label={paused ? labels.play : labels.pause} onPress={() => setPaused((p) => !p)} onLongPress={() => onLike?.(!liked)} style={StyleSheet.absoluteFill} />\n      <View pointerEvents=\"none\" style={[styles.shade, { backgroundColor: theme.scrim }]} />\n      {topStart ? <View style={styles.topStart}>{topStart}</View> : null}\n\n      <View role=\"group\" aria-label={labels.actions} style={styles.rail}>\n        <View>\n          <Avatar alt={creator.name} {...(creator.avatarUri ? { src: creator.avatarUri } : {})} size=\"md\" />\n          {onFollow ? (\n            <Pressable\n              role=\"button\"\n              aria-label={(following ? labels.following : labels.follow).replace(\"{name}\", creator.name)}\n              aria-pressed={following}\n              onPress={() => onFollow(!following)}\n              hitSlop={12}\n              style={[styles.follow, { backgroundColor: following ? theme.surface2 : theme.accent }]}\n            >\n              <Glyph d={following ? \"M5 12l5 5 9-10\" : \"M12 5v14M5 12h14\"} color={following ? theme.textPrimary : theme.onAccent} />\n            </Pressable>\n          ) : null}\n        </View>\n        <RailButton label={labels.like} count={count(likes)} pressed={liked} onPress={() => onLike?.(!liked)}>\n          <Glyph d={HEART} color={liked ? theme.accent : on} filled={liked} />\n        </RailButton>\n        <RailButton label={labels.comment} count={count(comments)} onPress={onComment}>\n          <Glyph d={COMMENT} color={on} />\n        </RailButton>\n        <RailButton label={labels.share} count={count(shares)} onPress={onShare}>\n          <Glyph d={SHARE} color={on} />\n        </RailButton>\n        {tipSlot}\n        {onMore ? (\n          <RailButton label={labels.more} onPress={onMore}>\n            <Glyph d={MORE} color={on} />\n          </RailButton>\n        ) : null}\n      </View>\n\n      <View style={styles.caption}>\n        {aboveCaption}\n        <View style={styles.nameRow}>\n          <Txt variant=\"label\" tone=\"onMedia\">\n            {creator.name}\n          </Txt>\n          {creator.verifiedLabel ? <VerifiedBadge label={creator.verifiedLabel} on=\"media\" size={14} /> : null}\n          {disclosure ? (\n            <View style={[styles.pill, { backgroundColor: theme.scrim }]}>\n              <Txt variant=\"caption\" tone=\"onMedia\" style={styles.pillText}>\n                {disclosure.toUpperCase()}\n              </Txt>\n            </View>\n          ) : null}\n        </View>\n        {caption ? (\n          <Txt tone=\"onMedia\" numberOfLines={open ? undefined : 2}>\n            {caption}\n            {tags.length > 0 ? ` ${tags.map((tag) => `#${tag}`).join(\" \")}` : \"\"}\n          </Txt>\n        ) : null}\n        {caption && caption.length > 90 ? (\n          <Pressable role=\"button\" aria-label={open ? labels.collapse : labels.expand} aria-expanded={open} onPress={() => setOpen((v) => !v)} hitSlop={10}>\n            <Txt variant=\"caption\" tone=\"onMedia\" style={styles.underline}>\n              {open ? labels.collapse : labels.expand}\n            </Txt>\n          </Pressable>\n        ) : null}\n        {credit ? (\n          <Txt variant=\"caption\" tone=\"onMedia\">\n            {credit}\n          </Txt>\n        ) : null}\n      </View>\n    </View>\n  );\n}\n\nexport type ShortFeedProps<T> = {\n  /** The feed's accessible name (\"Videos\"). */\n  label: string;\n  /** The videos, in order. */\n  items: readonly T[];\n  /** A stable key for an item. */\n  getId: (item: T) => string;\n  /** One slide: `active` is true for the one in view. */\n  renderItem: (item: T, state: { active: boolean; index: number }) => React.ReactElement;\n  /** The page's height in points (the feed's own height; one slide per page). */\n  height: number;\n  /** Called when the slide in view changes. */\n  onActiveChange?: (index: number, item: T) => void;\n  /** Styles merged last. */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * A vertical paging feed: one video per screen, the one in view plays, the others pause.\n * @deprecated Since 3.55 (ADR-006, krizaka-ui#674): no app imports it. Removed in 4.0.\n */\nexport function ShortFeed<T>({ label, items, getId, renderItem, height, onActiveChange, style }: ShortFeedProps<T>) {\n  warnDeprecated(\"native/vertical-video\");\n  const [active, setActive] = React.useState(0);\n  // FlatList wants one stable callback for its whole life.\n  const [onViewable] = React.useState(() => ({ viewableItems }: { viewableItems: ViewToken[] }) => {\n    const first = viewableItems.find((v) => v.isViewable && typeof v.index === \"number\");\n    if (first && typeof first.index === \"number\") setActive(first.index);\n  });\n  React.useEffect(() => {\n    const item = items[active];\n    if (item !== undefined) onActiveChange?.(active, item);\n    // Only a change of the slide in view is an event.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active]);\n  return (\n    <View role=\"list\" aria-label={label} style={[{ height }, style]}>\n    <FlatList\n      data={items as T[]}\n      keyExtractor={getId}\n      pagingEnabled\n      showsVerticalScrollIndicator={false}\n      snapToInterval={height}\n      decelerationRate=\"fast\"\n      getItemLayout={(_, index) => ({ length: height, offset: height * index, index })}\n      windowSize={3}\n      initialNumToRender={2}\n      viewabilityConfig={{ itemVisiblePercentThreshold: 60 }}\n      onViewableItemsChanged={onViewable}\n      extraData={active}\n      style={{ height }}\n      renderItem={({ item, index }) => <View style={{ height }}>{renderItem(item, { active: index === active, index })}</View>}\n    />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  frame: { width: \"100%\", aspectRatio: 9 / 16, overflow: \"hidden\" },\n  shade: { position: \"absolute\", left: 0, right: 0, bottom: 0, height: \"30%\", opacity: 0.55 },\n  topStart: { position: \"absolute\", left: 12, top: 12 },\n  rail: { position: \"absolute\", right: 8, bottom: 20, alignItems: \"center\", gap: 12 },\n  railItem: { alignItems: \"center\", gap: 2 },\n  railButton: { width: 44, height: 44, borderRadius: 22, alignItems: \"center\", justifyContent: \"center\" },\n  count: { fontVariant: [\"lining-nums\", \"tabular-nums\"], fontWeight: \"600\" },\n  follow: { position: \"absolute\", bottom: -10, alignSelf: \"center\", width: 22, height: 22, borderRadius: 11, alignItems: \"center\", justifyContent: \"center\", overflow: \"hidden\" },\n  caption: { position: \"absolute\", left: 12, right: 76, bottom: 16, gap: 6 },\n  nameRow: { flexDirection: \"row\", alignItems: \"center\", gap: 6 },\n  pill: { paddingHorizontal: 8, paddingVertical: 2, borderRadius: 999 },\n  pillText: { fontWeight: \"700\", letterSpacing: 0.4 },\n  underline: { textDecorationLine: \"underline\", fontWeight: \"600\" },\n});\n","// Headless: what the web (`vertical-video.tsx`) and the native (`native/vertical-video.tsx`) VerticalVideo share — the words,\n// the content and the callbacks. Each platform adds its media (`src`/`poster` · `uri`/`posterUri`) and its frame.\nimport type * as React from \"react\";\n\nexport interface VerticalVideoLabels {\n  /** \"Play\" / \"Pause\" — the tap target over the picture. */\n  play: string;\n  pause: string;\n  /** \"Like\" / \"Unlike\" (the button's name; the state is `aria-pressed`). */\n  like: string;\n  comment: string;\n  share: string;\n  more: string;\n  /** \"Follow Elena\" — `{name}` is replaced by the creator's name. */\n  follow: string;\n  /** \"Following Elena\". */\n  following: string;\n  /** \"More\" / \"Less\" on a long caption. */\n  expand: string;\n  collapse: string;\n  /** The progress bar's name (\"Progress\"). */\n  progress: string;\n  /** The rail's name (\"Actions\"). */\n  actions: string;\n}\n\nexport const verticalVideoLabels: VerticalVideoLabels = {\n  play: \"Play\",\n  pause: \"Pause\",\n  like: \"Like\",\n  comment: \"Comments\",\n  share: \"Share\",\n  more: \"More\",\n  follow: \"Follow {name}\",\n  following: \"Following {name}\",\n  expand: \"More\",\n  collapse: \"Less\",\n  progress: \"Progress\",\n  actions: \"Actions\",\n};\n\n/** The props both platforms read: the same content, counts, state, callbacks and slots. */\nexport interface VerticalVideoShared {\n  /** The video's accessible name (\"Video: Night shoot, part 2\"), passed translated. */\n  title: string;\n  /** Plays while `true`; a `ShortFeed` passes it for the slide in view. Default `true`. */\n  active?: boolean;\n  /** A pill beside the name: \"AI-GENERATED\" — said on the picture, never only in a page's footnote. */\n  disclosure?: string;\n  /** The caption: collapsed to two lines, expandable when long. */\n  caption?: string;\n  /** Tags under the caption (without `#`). */\n  tags?: readonly string[];\n  /** The sound or credit line (\"Original sound — Elena\"). */\n  credit?: string;\n  /** The like count under its button, compact (`12.4K`) in `locale`. */\n  likes?: number;\n  /** The comment count under its button. */\n  comments?: number;\n  /** The share count under its button. */\n  shares?: number;\n  /** Whether the viewer likes it: `aria-pressed` on the like button. */\n  liked?: boolean;\n  /** Whether the viewer follows the creator: the \"+\" on the avatar becomes a check. */\n  following?: boolean;\n  /** The viewer likes or unlikes (the button, `L`, a double tap). */\n  onLike?: (liked: boolean) => void;\n  /** Opens the comments; without it the button still shows. */\n  onComment?: () => void;\n  /** Opens the share sheet. */\n  onShare?: () => void;\n  /** The viewer follows or unfollows; without it the avatar has no \"+\". */\n  onFollow?: (following: boolean) => void;\n  /** The \"more\" button's action (report, hide); without it the button is not drawn. */\n  onMore?: () => void;\n  /** The product's own action on the rail: a tip, an unlock — a button of yours (≥ 44 px, named). */\n  tipSlot?: React.ReactNode;\n  /** Top left: a chip over the picture (an auction's time left). */\n  topStart?: React.ReactNode;\n  /** Above the caption: a goal gauge, a challenge's progress. */\n  aboveCaption?: React.ReactNode;\n  /** The locale of the counts. Default `en`. */\n  locale?: string;\n  /** Every word, passed translated. */\n  labels?: Partial<VerticalVideoLabels>;\n}\n"],"mappings":"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","names":[]}

package/dist/native.d.ts

@@ -186,6 +186,63 @@ interface NativeMarkProps {
  */
 declare function AkinazaMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
 
+type AppHeaderProps = {
+    /** The product's name, as text (`Yomizaka`). */
+    name: string;
+    /** The product's mark (`<ProductMark id="yomizaka" size={24} />`), before the name. */
+    mark?: React$1.ReactNode;
+    /** Makes the name a button home; its accessible name is `name`. */
+    onHome?: () => void;
+    /** The search trigger, first of the controls: `AppHeaderSearch`. */
+    search?: React$1.ReactNode;
+    /** The language (« FR »): the host's control, labelled. */
+    language?: React$1.ReactNode;
+    /** The host's own controls, after the language. */
+    actions?: React$1.ReactNode;
+    /** Messages: an `AppHeaderCount`. Empty: hidden. */
+    messages?: React$1.ReactNode;
+    /** Notifications: an `AppHeaderCount`. Empty: hidden. */
+    notifications?: React$1.ReactNode;
+    /** The one primary action, before the account. */
+    primary?: React$1.ReactNode;
+    /** The account, last (an `Avatar` in a button, named). */
+    account?: React$1.ReactNode;
+    /** Styles merged last. */
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * The app's top bar, the web's `AppHeader` on a phone: the mark and the name, then the controls in the family's fixed order —
+ * search · language · actions · messages · notifications · primary · account — under the status bar's safe area. The
+ * name truncates first; the controls keep their size.
+ */
+declare function AppHeader({ name, mark, onHome, search, language, actions, messages, notifications, primary, account, style }: AppHeaderProps): React$1.JSX.Element;
+type AppHeaderCountProps = {
+    /** What it is (« Notifications ») — passed translated; its accessible name, with the count. */
+    label: string;
+    /** The icon (an `@krizaka/icons/native` glyph): decorative. */
+    icon: React$1.ReactNode;
+    /** The unread count; 0 or absent draws no badge. */
+    count?: number;
+    /** The count in words (« 3 new ») — passed translated, with its plural. Default: the number. */
+    countLabel?: string;
+    /** Above it the badge shows `max+`. Default 99. */
+    max?: number;
+    /** Opens the screen (Notifications, Messages). */
+    onPress?: () => void;
+    /** The screen it leads to is on view (drawn as pressed). */
+    current?: boolean;
+};
+/** An icon button of the top bar with an unread count, the count said in its name (« Notifications, 3 new »). */
+declare function AppHeaderCount({ label, icon, count, countLabel, max, onPress, current }: AppHeaderCountProps): React$1.JSX.Element;
+type AppHeaderSearchProps = {
+    /** What it searches (« Search files and checks ») — passed translated: the button's name. */
+    label: string;
+    /** Opens the app's search screen or palette. */
+    onOpen: () => void;
+};
+/** The top bar's search trigger on a phone: a magnifier, named by `label`, that opens the app's search. */
+declare function AppHeaderSearch({ label, onOpen }: AppHeaderSearchProps): React$1.JSX.Element;
+
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AvatarProps = Omit<ViewProps, "children"> & {
     /**
@@ -1599,6 +1656,27 @@ type ProfileCardProps = Omit<ViewProps, "children"> & {
 };
 /** A profile at a glance for React Native: portrait, name, a headline gauge, stats in words, a line, actions. */
 declare function ProfileCard({ visual, name, statLabel, value, valueText, stats, caption, children, animated, style, ...props }: ProfileCardProps): React$1.JSX.Element;
+type ProfileBannerProps = Omit<ViewProps, "children"> & {
+    /** The cover: an `Image` (decorative). Absent: a tint of the brand's accent. */
+    banner?: React$1.ReactNode;
+    /** The avatar overlapping the cover (`Avatar` with the family's default). */
+    avatar: React$1.ReactNode;
+    /** A line above the name: what it is (« Client »). */
+    eyebrow?: string;
+    /** The name: the screen's heading. */
+    title: string;
+    /** Beside the name: a `Badge`. */
+    status?: React$1.ReactNode;
+    /** Under the name: its facts. */
+    meta?: string;
+    /** The actions, under the name. */
+    actions?: React$1.ReactNode;
+};
+/**
+ * The top of a person's or a place's screen — the web's `ProfileBanner`: a slim cover, the avatar overlapping its lower
+ * edge, then the name (the screen's heading), its facts and the actions. No text on the cover.
+ */
+declare function ProfileBanner({ banner, avatar, eyebrow, title, status, meta, actions, style, ...props }: ProfileBannerProps): React$1.JSX.Element;
 
 type ProgressProps = {
     /** `bar` (default) or `ring`. */
@@ -2183,7 +2261,11 @@ type TabItem<T extends string> = {
     content?: React$1.ReactNode;
     /** Cannot be selected. */
     disabled?: boolean;
+    /** `variant="binder"`: the divider's colour (the accent by default). Never the only signal: the words say it. */
+    hue?: TabsHue;
 };
+/** A divider's colour: a role of the theme, ≥ 3:1 on both themes (the web's `TabsHue`). */
+type TabsHue = "accent" | "success" | "warning" | "danger" | "neutral";
 type TabsProps<T extends string> = {
     /** The tabs, in order. */
     items: readonly TabItem<T>[];
@@ -2195,8 +2277,13 @@ type TabsProps<T extends string> = {
     onValueChange?: (value: T) => void;
     /** The accessible name of the tab list — passed translated. */
     "aria-label"?: string;
-    /** `underline` (default: sections of a screen, scrolls sideways when they do not fit) or `segmented` (two to four views). */
-    variant?: "underline" | "segmented";
+    /** `underline` (default: sections of a screen, scrolls sideways when they do not fit), `segmented` (two to four views) or `binder` (dividers that organise collections, tags, statuses; they scroll sideways). */
+    variant?: "underline" | "segmented" | "binder";
+    /** `variant="binder"`: a « + » button after the dividers (« Intercalaire »): its words and what it does. */
+    add?: {
+        label: string;
+        onAdd: () => void;
+    };
     /** Styles merged last, on the root. */
     style?: StyleProp<ViewStyle>;
 };
@@ -2204,7 +2291,7 @@ type TabsProps<T extends string> = {
  * Sections of one screen — the web `Tabs`: a tab list (underlined, scrolling sideways when long, or segmented) and the
  * selected panel under it. For the app's main sections, use `TabBar`.
  */
-declare function Tabs<T extends string>({ items, value, defaultValue, onValueChange, "aria-label": label, variant, style }: TabsProps<T>): React$1.JSX.Element;
+declare function Tabs<T extends string>({ items, value, defaultValue, onValueChange, "aria-label": label, variant, add, style }: TabsProps<T>): React$1.JSX.Element;
 
 type TagOption = {
     value: string;
@@ -2240,6 +2327,9 @@ type Theme = {
     readonly borderSubtle: string;
     readonly borderDefault: string;
     readonly borderStrong: string;
+    readonly borderControl: string;
+    readonly borderHover: string;
+    readonly textTitle: string;
     readonly textPrimary: string;
     readonly textSecondary: string;
     readonly textMuted: string;
@@ -2554,4 +2644,4 @@ declare function YomizakaMark({ size, animated, title, neutral }: NativeMarkProp
  */
 declare function YororisMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
 
-export { ActionSheet, type ActionSheetAction, type ActionSheetProps, type ActivityEvent, ActivityFeed, type ActivityFeedLabels, type ActivityFeedProps, type ActivityTone, AkinazaMark, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, AvatarRoot, type AvatarSize, Badge, type BadgeProps, type BadgeTone, type BrandId, BrandedRefresh, type BrandedRefreshProps, type BrandedRefreshScrollProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarLabels, type CalendarProps, Card, CardBody, type CardBodyProps, CardDescription, CardFooter, CardImage, type CardImageProps, CardMedia, type CardMediaProps, CardOverlay, type CardOverlayProps, CardRoot, type CardRootProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipGroupProps, type ChipProps, type ChipSize, Combobox, type ComboboxLabels, type ComboboxProps, ComposerMeta, type ComposerMetaProps, ConversationItem, type ConversationItemProps, Countdown, type CountdownProps, type CountdownUnits, DateField, type DateFieldLabels, type DateFieldProps, type DatePart, DateWheel, type DateWheelProps, DayStrip, type DayStripProps, type DefaultAvatar, type DefaultAvatarBrand, type DescriptionItem, DescriptionList, type DescriptionListProps, EmptyState, type EmptyStateProps, ErrorState, Fab, type FabProps, ForceUpdateScreen, type ForceUpdateScreenProps, GoalGauge, type GoalGaugeProps, type GridPhoto, type HapticKind, Header, type HeaderProps, IconButton, type IconButtonProps, ImageViewer, type ImageViewerProps, type Insets, KachizakaMark, KrizakaMark, Loader, LoaderGlyph, type LoaderGlyphProps, type LoaderProps, LoadingState, MaintenanceScreen, type MaintenanceScreenProps, Mascot, type MascotProps, MascotState, type MascotStateProps, MatchDialog, type MatchDialogProps, MessageBubble, type MessageBubbleLabels, type MessageBubbleProps, MessageComposer, type MessageComposerProps, type MessageStatus, MetaRow, type MetaRowProps, Meter, type MeterPart, type MeterProps, type Mode, MonthPicker, type MonthPickerProps, type Motion, type NativeMarkProps, NumberTicker, type NumberTickerProps, Onboarding, type OnboardingProps, type OnboardingSlide, OrazakaMark, OrochiaMark, OtpInput, type OtpInputProps, Pagination, type PaginationLabels, type PaginationProps, PermissionPrompt, type PermissionPromptProps, type PermissionStatus, PersonCard, type PersonCardProps, Phoenix, type PhoenixProps, PhotoGrid, type PhotoGridLabels, type PhotoGridProps, ProductMark, ProfileCard, type ProfileCardProps, type ProfileStat, Progress, type ProgressProps, PullToRefresh, type PullToRefreshProps, RadioGroup, type RadioGroupProps, type RadioOption, type Radius, Screen, type ScreenProps, SearchField, type SearchFieldProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, SettingsGroup, type SettingsGroupProps, SettingsRow, type SettingsRowProps, Sheet, type SheetProps, Showcase, type ShowcaseLabels, type ShowcaseProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Spinner, type SpinnerProps, SplashHandoff, type SplashHandoffProps, type Step, StepProgress, type StepProgressProps, type StepStatus, Stepper, type StepperProps, SuccessState, type SwipeAction, SwipeDeck, type SwipeDeckLabels, type SwipeDeckProps, type SwipeDirection, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, type TabItem, Tabs, type TabsProps, type TagOption, TagSelector, type TagSelectorProps, TextField, type TextFieldProps, type Theme, type ThemeContextValue, type ThemeFonts, type ThemeName, type ThemeOverrides, ThemeProvider, type ThemeProviderProps, TimePicker, type TimePickerLabels, type TimePickerProps, type TimeValue, type ToastItem, type ToastOptions, type ToastTone, Toaster, type ToasterProps, Txt, type TxtProps, type TxtTone, type TxtVariant, TypingIndicator, type TypingIndicatorProps, UpdatePrompt, type UpdatePromptProps, VerifiedBadge, type VerifiedBadgeProps, type ViewerImage, Waveform, type WaveformProps, WelcomeState, Wheel, WheelDivider, type WheelOption, WheelPicker, type WheelPickerProps, type WheelProps, YasakiaMark, YazakiaMark, YomizakaMark, YororisMark, addDays, addMonths, ageOn, alpha, calendarLabels, comboboxLabels, composeDate, dateFieldLabels, datePartsOrder, daysInMonth, defaultAvatarUrl, formatTime, isRealDate, latestBirthDate, monthNames, prefetchNeighbours, showcaseLabels, splitDuration, textStyles, timeSlots, timeToMinutes, toast, todayIso, useCollapsingHeader, useCountdown, useDelayedWait, useReducedMotion, useTheme, uses12Hours };
+export { ActionSheet, type ActionSheetAction, type ActionSheetProps, type ActivityEvent, ActivityFeed, type ActivityFeedLabels, type ActivityFeedProps, type ActivityTone, AkinazaMark, AppHeader, AppHeaderCount, type AppHeaderCountProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, AvatarRoot, type AvatarSize, Badge, type BadgeProps, type BadgeTone, type BrandId, BrandedRefresh, type BrandedRefreshProps, type BrandedRefreshScrollProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarLabels, type CalendarProps, Card, CardBody, type CardBodyProps, CardDescription, CardFooter, CardImage, type CardImageProps, CardMedia, type CardMediaProps, CardOverlay, type CardOverlayProps, CardRoot, type CardRootProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipGroupProps, type ChipProps, type ChipSize, Combobox, type ComboboxLabels, type ComboboxProps, ComposerMeta, type ComposerMetaProps, ConversationItem, type ConversationItemProps, Countdown, type CountdownProps, type CountdownUnits, DateField, type DateFieldLabels, type DateFieldProps, type DatePart, DateWheel, type DateWheelProps, DayStrip, type DayStripProps, type DefaultAvatar, type DefaultAvatarBrand, type DescriptionItem, DescriptionList, type DescriptionListProps, EmptyState, type EmptyStateProps, ErrorState, Fab, type FabProps, ForceUpdateScreen, type ForceUpdateScreenProps, GoalGauge, type GoalGaugeProps, type GridPhoto, type HapticKind, Header, type HeaderProps, IconButton, type IconButtonProps, ImageViewer, type ImageViewerProps, type Insets, KachizakaMark, KrizakaMark, Loader, LoaderGlyph, type LoaderGlyphProps, type LoaderProps, LoadingState, MaintenanceScreen, type MaintenanceScreenProps, Mascot, type MascotProps, MascotState, type MascotStateProps, MatchDialog, type MatchDialogProps, MessageBubble, type MessageBubbleLabels, type MessageBubbleProps, MessageComposer, type MessageComposerProps, type MessageStatus, MetaRow, type MetaRowProps, Meter, type MeterPart, type MeterProps, type Mode, MonthPicker, type MonthPickerProps, type Motion, type NativeMarkProps, NumberTicker, type NumberTickerProps, Onboarding, type OnboardingProps, type OnboardingSlide, OrazakaMark, OrochiaMark, OtpInput, type OtpInputProps, Pagination, type PaginationLabels, type PaginationProps, PermissionPrompt, type PermissionPromptProps, type PermissionStatus, PersonCard, type PersonCardProps, Phoenix, type PhoenixProps, PhotoGrid, type PhotoGridLabels, type PhotoGridProps, ProductMark, ProfileBanner, type ProfileBannerProps, ProfileCard, type ProfileCardProps, type ProfileStat, Progress, type ProgressProps, PullToRefresh, type PullToRefreshProps, RadioGroup, type RadioGroupProps, type RadioOption, type Radius, Screen, type ScreenProps, SearchField, type SearchFieldProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, SettingsGroup, type SettingsGroupProps, SettingsRow, type SettingsRowProps, Sheet, type SheetProps, Showcase, type ShowcaseLabels, type ShowcaseProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderValue, Spinner, type SpinnerProps, SplashHandoff, type SplashHandoffProps, type Step, StepProgress, type StepProgressProps, type StepStatus, Stepper, type StepperProps, SuccessState, type SwipeAction, SwipeDeck, type SwipeDeckLabels, type SwipeDeckProps, type SwipeDirection, SwipeableRow, type SwipeableRowProps, Switch, type SwitchProps, TabBar, type TabBarItem, type TabBarProps, type TabItem, Tabs, type TabsHue, type TabsProps, type TagOption, TagSelector, type TagSelectorProps, TextField, type TextFieldProps, type Theme, type ThemeContextValue, type ThemeFonts, type ThemeName, type ThemeOverrides, ThemeProvider, type ThemeProviderProps, TimePicker, type TimePickerLabels, type TimePickerProps, type TimeValue, type ToastItem, type ToastOptions, type ToastTone, Toaster, type ToasterProps, Txt, type TxtProps, type TxtTone, type TxtVariant, TypingIndicator, type TypingIndicatorProps, UpdatePrompt, type UpdatePromptProps, VerifiedBadge, type VerifiedBadgeProps, type ViewerImage, Waveform, type WaveformProps, WelcomeState, Wheel, WheelDivider, type WheelOption, WheelPicker, type WheelPickerProps, type WheelProps, YasakiaMark, YazakiaMark, YomizakaMark, YororisMark, addDays, addMonths, ageOn, alpha, calendarLabels, comboboxLabels, composeDate, dateFieldLabels, datePartsOrder, daysInMonth, defaultAvatarUrl, formatTime, isRealDate, latestBirthDate, monthNames, prefetchNeighbours, showcaseLabels, splitDuration, textStyles, timeSlots, timeToMinutes, toast, todayIso, useCollapsingHeader, useCountdown, useDelayedWait, useReducedMotion, useTheme, uses12Hours };