@krizaka/ui 3.7.1 → 3.9.0

package/dist/native/markdown.js.map

@@ -0,0 +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"]}

package/dist/native.d.ts

@@ -52,7 +52,7 @@ declare const addDays: (iso: string, days: number) => string;
 /** The ISO date `months` later (or earlier), the day kept inside the shorter months (`01-31` + 1 → `02-28`). */
 declare const addMonths: (iso: string, months: number) => string;
 
-type BrandId = "krizaka" | "orazaka" | "orochia" | "yazakia" | "yororis";
+type BrandId = "krizaka" | "orazaka" | "orochia" | "yasakia" | "yororis";
 
 type Controlled = {
     /** Open (controlled). */
@@ -306,15 +306,9 @@ type CardOverlayProps = ViewProps & {
 };
 /** What sits on the media (badges, a caption), in a corner. */
 declare function CardOverlay({ corner, style, ...props }: CardOverlayProps): React$1.JSX.Element;
-declare const PADDING: {
-    readonly none: 0;
-    readonly sm: 12;
-    readonly md: 16;
-    readonly lg: 24;
-};
 type CardBodyProps = ViewProps & {
     /** none · sm · md (default) · lg. */
-    padding?: keyof typeof PADDING;
+    padding?: "none" | "sm" | "md" | "lg";
 };
 declare function CardBody({ padding, style, ...props }: CardBodyProps): React$1.JSX.Element;
 /** The card's name: one line, a header for screen readers. */
@@ -1045,7 +1039,7 @@ type LoaderProps = {
     /** inline (default) · block (a region's centre) · overlay (over its parent, frosted) · page (the whole screen). */
     variant?: "inline" | "block" | "overlay" | "page";
     /**
-     * The product whose animated mark waits in place of the Krizaka glyph (`orochia`, `orazaka`, `yazakia`, `yororis`,
+     * The product whose animated mark waits in place of the Krizaka glyph (`orochia`, `orazaka`, `yasakia`, `yororis`,
      * `krizaka`). Still when the system reduces motion; the ending stays the check or the cross.
      */
     product?: BrandId;
@@ -1059,7 +1053,7 @@ declare function Loader({ label, status, successLabel, errorLabel, value, eta, d
  * The Krizaka flock — the geometry of the mascots, drawn by the web `Mascot` (`./mascot.tsx`) and the native one
  * (`../native/mascots.tsx`). Five birds that have carried the Krizaka story since the first site (the sentry falcon,
  * the owl that reads, the developer duck, the flamingo that answers, the carrier pigeon), the lovebird that
- * introduces (2026-10, with Yazakia: "l'inséparable présente") and the crane that listens (2026-10, with Yororis:
+ * introduces (2026-10, with Yasakia: "l'inséparable présente") and the crane that listens (2026-10, with Yororis:
  * "la grue écoute"), redrawn on one 120 × 120 grid so that any bird can wear any mood.
  *
  * Colours are roles, never fixed: `brand` (the default) paints a bird in the host's accent (`--kz-accent`,
@@ -1449,7 +1443,7 @@ declare function PhotoGrid({ value, onValueChange, onAdd, slots, required, colum
 
 /** The mark of a Krizaka brand by id, for React Native — the counterpart of the web `ProductLogo`. */
 declare function ProductMark({ id, ...props }: NativeMarkProps & {
-    id: BrandId;
+    id: BrandId | "yazakia";
 }): React__default.JSX.Element;
 
 interface ProfileStat {
@@ -2293,11 +2287,13 @@ type WheelProps = {
 declare function Wheel({ label, options, value: valueProp, defaultValue, onValueChange, disabled, style }: WheelProps): React$1.JSX.Element;
 
 /**
- * The Yazakia mark for React Native — the geometry of the web mark (marks/yazakia-geometry.ts): two voices, two
+ * The Yasakia mark for React Native — the geometry of the web mark (marks/yasakia-geometry.ts): two voices, two
  * speech bubbles that overlap; the orbit and the pair turn slowly around them, the lens where they overlap breathes;
  * still when the system reduces motion.
  */
-declare function YazakiaMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
+declare function YasakiaMark({ size, animated, title, neutral }: NativeMarkProps): React__default.JSX.Element;
+/** @deprecated Yazakia was renamed Yasakia (2026-10): use `YasakiaMark`. Kept for one minor version. */
+declare const YazakiaMark: typeof YasakiaMark;
 
 /**
  * The Yororis mark for React Native — the geometry of the web mark (marks/yororis-geometry.ts), "the hold": two filled
@@ -2306,4 +2302,4 @@ declare function YazakiaMark({ size, animated, title, neutral }: NativeMarkProps
  */
 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, 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, ConversationItem, type ConversationItemProps, Countdown, type CountdownProps, type CountdownUnits, DateField, type DateFieldLabels, type DateFieldProps, type DatePart, DateWheel, type DateWheelProps, DayStrip, type DayStripProps, type DescriptionItem, DescriptionList, type DescriptionListProps, EmptyState, type EmptyStateProps, ErrorState, Fab, type FabProps, GoalGauge, type GoalGaugeProps, type GridPhoto, type HapticKind, Header, type HeaderProps, IconButton, type IconButtonProps, ImageViewer, type ImageViewerProps, type Insets, KrizakaMark, Loader, LoaderGlyph, type LoaderGlyphProps, type LoaderProps, LoadingState, Mascot, type MascotProps, MascotState, type MascotStateProps, MatchDialog, type MatchDialogProps, MessageBubble, type MessageBubbleLabels, type MessageBubbleProps, MessageComposer, type MessageComposerProps, type MessageStatus, 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, Sheet, type SheetProps, 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, VerifiedBadge, type VerifiedBadgeProps, type ViewerImage, WelcomeState, Wheel, WheelDivider, type WheelOption, WheelPicker, type WheelPickerProps, type WheelProps, YazakiaMark, YororisMark, addDays, addMonths, ageOn, alpha, calendarLabels, comboboxLabels, composeDate, dateFieldLabels, datePartsOrder, daysInMonth, formatTime, isRealDate, latestBirthDate, monthNames, prefetchNeighbours, 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, 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, ConversationItem, type ConversationItemProps, Countdown, type CountdownProps, type CountdownUnits, DateField, type DateFieldLabels, type DateFieldProps, type DatePart, DateWheel, type DateWheelProps, DayStrip, type DayStripProps, type DescriptionItem, DescriptionList, type DescriptionListProps, EmptyState, type EmptyStateProps, ErrorState, Fab, type FabProps, GoalGauge, type GoalGaugeProps, type GridPhoto, type HapticKind, Header, type HeaderProps, IconButton, type IconButtonProps, ImageViewer, type ImageViewerProps, type Insets, KrizakaMark, Loader, LoaderGlyph, type LoaderGlyphProps, type LoaderProps, LoadingState, Mascot, type MascotProps, MascotState, type MascotStateProps, MatchDialog, type MatchDialogProps, MessageBubble, type MessageBubbleLabels, type MessageBubbleProps, MessageComposer, type MessageComposerProps, type MessageStatus, 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, Sheet, type SheetProps, 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, VerifiedBadge, type VerifiedBadgeProps, type ViewerImage, WelcomeState, Wheel, WheelDivider, type WheelOption, WheelPicker, type WheelPickerProps, type WheelProps, YasakiaMark, YazakiaMark, YororisMark, addDays, addMonths, ageOn, alpha, calendarLabels, comboboxLabels, composeDate, dateFieldLabels, datePartsOrder, daysInMonth, formatTime, isRealDate, latestBirthDate, monthNames, prefetchNeighbours, splitDuration, textStyles, timeSlots, timeToMinutes, toast, todayIso, useCollapsingHeader, useCountdown, useDelayedWait, useReducedMotion, useTheme, uses12Hours };