@krizaka/ui 2.9.0 → 3.0.0

package/dist/native.js

@@ -176,6 +176,16 @@ var marks = /* @__PURE__ */ Object.freeze({
       "100%",
       "#089b96"
     ]
+  ],
+  "yororis": [
+    [
+      "0%",
+      "#a4773d"
+    ],
+    [
+      "100%",
+      "#5d894d"
+    ]
   ]
 });
 
@@ -1008,6 +1018,26 @@ var BIRDS = {
     details: ["M43 40 C42 28 51 22 60 22 C69 22 78 28 77 40 C76 50 68 55 60 55 C52 55 44 50 43 40 Z"],
     beak: "M55 44 C55 40 65 40 65 44 C65 50 62 54 60 55 C58 54 55 50 55 44 Z",
     eyes: { at: [[51, 36], [69, 36]], white: 4.6, pupil: 2.4 }
+  },
+  /**
+   * The crane — the one that listens: posed, unhurried, drawn in one line. A tall wader seen in profile, standing still
+   * on two straight legs, the neck a single stroke up to a small head with its crown (the detail colour) and a long,
+   * straight beak; the folded wings low on its back. The flamingo bends and answers; the crane stands and listens.
+   */
+  crane: {
+    shadow: [62, 110, 20, 3],
+    legs: ["M56 87 L55 108 M51 108 L59 108", "M67 87 L68 108 M64 108 L73 108"],
+    body: "M40 66 C38 54 84 54 86 68 C88 82 76 88 62 88 C48 88 40 80 40 66 Z",
+    belly: "M48 70 C48 62 78 62 79 70 C80 79 72 84 63 84 C54 84 48 79 48 70 Z",
+    wings: [
+      { d: "M44 62 C33 68 35 82 49 83 C45 76 45 69 44 62 Z", pivot: [44, 62] },
+      { d: "M82 62 C93 67 96 82 80 84 C83 76 83 69 82 62 Z", pivot: [82, 62] }
+    ],
+    neck: { d: "M52 62 C48 47 52 37 48 26", width: 6 },
+    head: { cx: 47, cy: 21, r: 8.5 },
+    details: ["M41 16.5 C42 11 52 11 53 16.5 C50 14.6 44 14.6 41 16.5 Z"],
+    beak: "M40.5 18.5 L19 22.5 L40.5 25.5 Z",
+    eyes: { at: [[45.5, 19.5]], white: 2.8, pupil: 1.6 }
   }
 };
 var MOOD_PARTS = {
@@ -1036,7 +1066,9 @@ var OWN_PALETTES = {
   duck: { from: "#f43f5e", to: "#be123c", wing: "#db2777", detail: "#9f1239", beak: "#fbbf24", eye: "#1f2937" },
   flamingo: { from: "#f9a8d4", to: "#db2777", wing: "#ec4899", detail: "#be185d", beak: "#fbbf24", eye: "#1f2937" },
   pigeon: { from: "#22d3ee", to: "#6366f1", wing: "#a855f7", detail: "#4338ca", beak: "#f59e0b", eye: "#1f2937" },
-  lovebird: { from: "#6ee7b7", to: "#059669", wing: "#047857", detail: "#fb7185", beak: "#f97316", eye: "#1f2937" }
+  lovebird: { from: "#6ee7b7", to: "#059669", wing: "#047857", detail: "#fb7185", beak: "#f97316", eye: "#1f2937" },
+  // The sandhill crane (grue du Canada): sand-grey plumage, its red crown, dark legs and beak.
+  crane: { from: "#ebe3d6", to: "#9c8f80", wing: "#7d7266", detail: "#dc2626", beak: "#44403c", eye: "#1f2937" }
 };
 var LIGHT = "#ffffff";
 var SHADE = "#000000";
@@ -1530,27 +1562,103 @@ function YazakiaMark({ size = 48, animated = true, title, neutral }) {
   ] });
 }
 
+// src/native/YororisMark.tsx
+import { View as View15 } from "react-native";
+import Svg9, { Circle as Circle7, Defs as Defs8, LinearGradient as LinearGradient8, Path as Path8, RadialGradient as RadialGradient6, Stop as Stop8 } from "react-native-svg";
+
+// src/marks/yororis-geometry.ts
+var sand = marks.yororis[0][1];
+var sage = marks.yororis[marks.yororis.length - 1][1];
+var YORORIS = {
+  viewBox: "0 0 400 400",
+  croppedViewBox: "80 80 240 240",
+  center: 200,
+  /** The two leaves — open hands, mirrored around x = 200 — filled, rising from the stem. */
+  leaves: [
+    "M200 262 C142 256 104 206 110 122 C138 130 154 152 160 180 C168 218 182 238 204 246 Z",
+    "M200 262 C258 256 296 206 290 122 C262 130 246 152 240 180 C232 218 218 238 196 246 Z"
+  ],
+  /** A vein of light along each leaf (dashed, it drifts slowly when animated). */
+  veins: "M122 142 C128 196 156 232 192 248 M278 142 C272 196 244 232 208 248",
+  vein: { color: "#fbf6ea", opacity: 0.45, width: 3, dash: "2 14" },
+  /** The stem, from the junction down. */
+  stem: "M200 244 L200 312",
+  stroke: 30,
+  gradient: { x1: 110, y1: 300, x2: 290, y2: 100, stops: marks.yororis },
+  /** The core's warm light: from the mark's sand (below) to a light sand (above). */
+  coreGradient: { stops: [["0%", sand], ["100%", "#e6c993"]] },
+  /** The core, held in the hollow of the leaves (not on the junction): the one who is listened to. It breathes. */
+  core: { cx: 200, cy: 184, r: 32, inner: 11 },
+  highlight: "#fbf6ea",
+  /** The moment: one node on the orbit, that turns with it. */
+  moment: { r: 9, at: [200, 40] },
+  glow: { color: sage, opacity: 0.18 },
+  /** The core's breathing shadow (web), in the core's warm sand. */
+  pulse: { color: sand, low: 0.3, high: 0.6 },
+  orbit: { r: 160, dash: "8 8", width: 1.5 },
+  ring: { r: 134, width: 1 }
+};
+
+// src/native/YororisMark.tsx
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+function YororisMark({ size = 48, animated = true, title, neutral }) {
+  const { theme } = useTheme();
+  const { Animated: Animated14, layer, spinStyle, pulseStyle } = useMarkMotion(size, animated, 36e3);
+  const id = useSvgId("yrm");
+  const viewBox = size < 48 ? YORORIS.croppedViewBox : YORORIS.viewBox;
+  const stroke = neutral ?? theme.textMuted;
+  const gradient = /* @__PURE__ */ jsx19(LinearGradient8, { id: `${id}a`, gradientUnits: "userSpaceOnUse", x1: YORORIS.gradient.x1, y1: YORORIS.gradient.y1, x2: YORORIS.gradient.x2, y2: YORORIS.gradient.y2, children: YORORIS.gradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx19(Stop8, { offset, stopColor: color }, offset)) });
+  const fill = `url(#${id}a)`;
+  return /* @__PURE__ */ jsxs16(View15, { style: { width: size, height: size }, ...markA11y(title), children: [
+    /* @__PURE__ */ jsxs16(Svg9, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsxs16(Defs8, { children: [
+        /* @__PURE__ */ jsxs16(RadialGradient6, { id: `${id}g`, cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ jsx19(Stop8, { offset: "0%", stopColor: YORORIS.glow.color, stopOpacity: YORORIS.glow.opacity }),
+          /* @__PURE__ */ jsx19(Stop8, { offset: "100%", stopColor: YORORIS.glow.color, stopOpacity: 0 })
+        ] }),
+        gradient
+      ] }),
+      size >= 48 ? /* @__PURE__ */ jsx19(Circle7, { cx: YORORIS.center, cy: YORORIS.center, r: 190, fill: `url(#${id}g)` }) : null,
+      /* @__PURE__ */ jsx19(Circle7, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.ring.r, stroke, strokeWidth: YORORIS.ring.width, opacity: 0.35, fill: "none" }),
+      /* @__PURE__ */ jsx19(Path8, { d: YORORIS.stem, stroke: fill, strokeWidth: YORORIS.stroke, strokeLinecap: "round", fill: "none" }),
+      YORORIS.leaves.map((d) => /* @__PURE__ */ jsx19(Path8, { d, fill }, d)),
+      /* @__PURE__ */ jsx19(Path8, { d: YORORIS.veins, stroke: YORORIS.vein.color, strokeOpacity: YORORIS.vein.opacity, strokeWidth: YORORIS.vein.width, strokeLinecap: "round", strokeDasharray: YORORIS.vein.dash, fill: "none" })
+    ] }),
+    /* @__PURE__ */ jsx19(Animated14.View, { style: [layer, spinStyle], children: /* @__PURE__ */ jsxs16(Svg9, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx19(Defs8, { children: gradient }),
+      /* @__PURE__ */ jsx19(Circle7, { cx: YORORIS.center, cy: YORORIS.center, r: YORORIS.orbit.r, stroke, strokeWidth: YORORIS.orbit.width, strokeDasharray: YORORIS.orbit.dash, opacity: 0.6, fill: "none" }),
+      /* @__PURE__ */ jsx19(Circle7, { cx: YORORIS.moment.at[0], cy: YORORIS.moment.at[1], r: YORORIS.moment.r, fill })
+    ] }) }),
+    /* @__PURE__ */ jsx19(Animated14.View, { style: [layer, pulseStyle], children: /* @__PURE__ */ jsxs16(Svg9, { viewBox, style: layer, children: [
+      /* @__PURE__ */ jsx19(Defs8, { children: /* @__PURE__ */ jsx19(LinearGradient8, { id: `${id}c`, x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: YORORIS.coreGradient.stops.map(([offset, color]) => /* @__PURE__ */ jsx19(Stop8, { offset, stopColor: color }, offset)) }) }),
+      /* @__PURE__ */ jsx19(Circle7, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.r, fill: `url(#${id}c)` }),
+      /* @__PURE__ */ jsx19(Circle7, { cx: YORORIS.core.cx, cy: YORORIS.core.cy, r: YORORIS.core.inner, fill: YORORIS.highlight })
+    ] }) })
+  ] });
+}
+
 // src/native/ProductMark.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ProductMark({ id, ...props }) {
-  if (id === "krizaka") return /* @__PURE__ */ jsx19(KrizakaMark, { ...props });
-  if (id === "orazaka") return /* @__PURE__ */ jsx19(OrazakaMark, { ...props });
-  if (id === "yazakia") return /* @__PURE__ */ jsx19(YazakiaMark, { ...props });
-  return /* @__PURE__ */ jsx19(OrochiaMark, { ...props });
+  if (id === "krizaka") return /* @__PURE__ */ jsx20(KrizakaMark, { ...props });
+  if (id === "orazaka") return /* @__PURE__ */ jsx20(OrazakaMark, { ...props });
+  if (id === "yazakia") return /* @__PURE__ */ jsx20(YazakiaMark, { ...props });
+  if (id === "yororis") return /* @__PURE__ */ jsx20(YororisMark, { ...props });
+  return /* @__PURE__ */ jsx20(OrochiaMark, { ...props });
 }
 
 // src/native/profile-card.tsx
 import * as React13 from "react";
-import { Animated as Animated10, StyleSheet as StyleSheet12, View as View15 } from "react-native";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Animated as Animated10, StyleSheet as StyleSheet12, View as View16 } from "react-native";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var ratioOf = (value, max = 100) => Math.min(1, Math.max(0, value / (max || 1)));
 function Bar({ label, ratio, words, animated, delay }) {
   const { theme } = useTheme();
   const t = useEntrance(animated, delay, 900);
   const [width, setWidth] = React13.useState(0);
   const translateX = t.interpolate({ inputRange: [0, 1], outputRange: [-width * ratio, 0] });
-  return /* @__PURE__ */ jsx20(
-    View15,
+  return /* @__PURE__ */ jsx21(
+    View16,
     {
       accessible: true,
       role: "meter",
@@ -1561,37 +1669,37 @@ function Bar({ label, ratio, words, animated, delay }) {
       "aria-valuetext": words,
       onLayout: (e) => setWidth(e.nativeEvent.layout.width),
       style: [styles12.track, { backgroundColor: theme.surface3 }],
-      children: /* @__PURE__ */ jsx20(Animated10.View, { style: [styles12.fill, { width: `${ratio * 100}%`, backgroundColor: theme.accent, transform: [{ translateX }] }] })
+      children: /* @__PURE__ */ jsx21(Animated10.View, { style: [styles12.fill, { width: `${ratio * 100}%`, backgroundColor: theme.accent, transform: [{ translateX }] }] })
     }
   );
 }
 function ProfileCard({ visual, name, statLabel, value = 100, valueText, stats, caption, children, animated = true, style, ...props }) {
   const { theme, radius: radius3 } = useTheme();
   const ratio = ratioOf(value);
-  return /* @__PURE__ */ jsxs16(View15, { ...props, style: [styles12.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
-    /* @__PURE__ */ jsx20(View15, { "aria-hidden": true, style: [styles12.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
-    /* @__PURE__ */ jsxs16(View15, { style: styles12.head, children: [
-      /* @__PURE__ */ jsx20(Txt, { variant: "title", style: styles12.name, children: name }),
-      statLabel ? /* @__PURE__ */ jsxs16(Txt, { variant: "caption", tone: "secondary", children: [
+  return /* @__PURE__ */ jsxs17(View16, { ...props, style: [styles12.root, { backgroundColor: theme.surface1, borderColor: theme.borderSubtle, borderRadius: radius3.xl }, style], children: [
+    /* @__PURE__ */ jsx21(View16, { "aria-hidden": true, style: [styles12.disc, { backgroundColor: theme.surface2, borderColor: theme.accentSoft }], children: visual }),
+    /* @__PURE__ */ jsxs17(View16, { style: styles12.head, children: [
+      /* @__PURE__ */ jsx21(Txt, { variant: "title", style: styles12.name, children: name }),
+      statLabel ? /* @__PURE__ */ jsxs17(Txt, { variant: "caption", tone: "secondary", children: [
         statLabel,
         " ",
-        /* @__PURE__ */ jsx20(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
+        /* @__PURE__ */ jsx21(Txt, { variant: "caption", children: valueText ?? `${Math.round(ratio * 100)} %` })
       ] }) : null
     ] }),
-    statLabel ? /* @__PURE__ */ jsx20(Bar, { label: statLabel, ratio, words: valueText ?? `${Math.round(ratio * 100)} %`, animated, delay: 200 }) : null,
+    statLabel ? /* @__PURE__ */ jsx21(Bar, { label: statLabel, ratio, words: valueText ?? `${Math.round(ratio * 100)} %`, animated, delay: 200 }) : null,
     stats?.map((s, i) => {
       const r = ratioOf(s.value, s.max);
       const words = s.valueText ?? `${Math.round(r * 100)} %`;
-      return /* @__PURE__ */ jsxs16(View15, { style: styles12.stat, children: [
-        /* @__PURE__ */ jsxs16(View15, { "aria-hidden": true, style: styles12.statHead, children: [
-          /* @__PURE__ */ jsx20(Txt, { variant: "caption", tone: "secondary", children: s.label }),
-          /* @__PURE__ */ jsx20(Txt, { variant: "caption", children: words })
+      return /* @__PURE__ */ jsxs17(View16, { style: styles12.stat, children: [
+        /* @__PURE__ */ jsxs17(View16, { "aria-hidden": true, style: styles12.statHead, children: [
+          /* @__PURE__ */ jsx21(Txt, { variant: "caption", tone: "secondary", children: s.label }),
+          /* @__PURE__ */ jsx21(Txt, { variant: "caption", children: words })
         ] }),
-        /* @__PURE__ */ jsx20(Bar, { label: s.label, ratio: r, words, animated, delay: 320 + i * 120 })
+        /* @__PURE__ */ jsx21(Bar, { label: s.label, ratio: r, words, animated, delay: 320 + i * 120 })
       ] }, s.label);
     }),
-    caption ? /* @__PURE__ */ jsx20(Txt, { variant: "caption", tone: "secondary", style: styles12.caption, children: caption }) : null,
-    children ? /* @__PURE__ */ jsx20(View15, { style: styles12.extra, children }) : null
+    caption ? /* @__PURE__ */ jsx21(Txt, { variant: "caption", tone: "secondary", style: styles12.caption, children: caption }) : null,
+    children ? /* @__PURE__ */ jsx21(View16, { style: styles12.extra, children }) : null
   ] });
 }
 var styles12 = StyleSheet12.create({
@@ -1609,10 +1717,10 @@ var styles12 = StyleSheet12.create({
 
 // src/native/progress.tsx
 import * as React14 from "react";
-import { Animated as Animated11, Easing as Easing7, StyleSheet as StyleSheet13, View as View16 } from "react-native";
-import Svg9, { Circle as Circle7, Defs as Defs8, LinearGradient as LinearGradient8, Rect as Rect3, Stop as Stop8 } from "react-native-svg";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
-var AnimatedCircle = Animated11.createAnimatedComponent(Circle7);
+import { Animated as Animated11, Easing as Easing7, StyleSheet as StyleSheet13, View as View17 } from "react-native";
+import Svg10, { Circle as Circle8, Defs as Defs9, LinearGradient as LinearGradient9, Rect as Rect3, Stop as Stop9 } from "react-native-svg";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+var AnimatedCircle = Animated11.createAnimatedComponent(Circle8);
 var BAR = { sm: 4, md: 8, lg: 12 };
 var RING = { sm: 40, md: 80, lg: 144 };
 var STROKE = { sm: 12, md: 9, lg: 7 };
@@ -1653,9 +1761,9 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
     "aria-valuenow": known ? Math.min(max, Math.max(0, value)) : void 0,
     "aria-valuetext": known ? valueText ?? `${percent}%` : valueText
   };
-  const gradient = /* @__PURE__ */ jsx21(Defs8, { children: /* @__PURE__ */ jsxs17(LinearGradient8, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
-    /* @__PURE__ */ jsx21(Stop8, { offset: "0", stopColor: theme.accent }),
-    /* @__PURE__ */ jsx21(Stop8, { offset: "1", stopColor: theme.accent2 })
+  const gradient = /* @__PURE__ */ jsx22(Defs9, { children: /* @__PURE__ */ jsxs18(LinearGradient9, { id, x1: "0", y1: "0", x2: "1", y2: variant === "ring" ? "1" : "0", children: [
+    /* @__PURE__ */ jsx22(Stop9, { offset: "0", stopColor: theme.accent }),
+    /* @__PURE__ */ jsx22(Stop9, { offset: "1", stopColor: theme.accent2 })
   ] }) });
   if (variant === "ring") {
     const side = RING[size];
@@ -1664,11 +1772,11 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
     const circumference = 2 * Math.PI * r;
     const offset = known ? progress.interpolate({ inputRange: [0, 1], outputRange: [circumference, 0] }) : circumference * 0.75;
     const rotate = spin.interpolate({ inputRange: [0, 1], outputRange: ["0deg", "360deg"] });
-    return /* @__PURE__ */ jsxs17(View16, { ...a11y, style: [styles13.ring, { width: side, height: side }, style], children: [
-      /* @__PURE__ */ jsx21(Animated11.View, { style: [StyleSheet13.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs17(Svg9, { width: side, height: side, viewBox: "0 0 100 100", children: [
+    return /* @__PURE__ */ jsxs18(View17, { ...a11y, style: [styles13.ring, { width: side, height: side }, style], children: [
+      /* @__PURE__ */ jsx22(Animated11.View, { style: [StyleSheet13.absoluteFill, { transform: [{ rotate: known ? "-90deg" : rotate }] }], children: /* @__PURE__ */ jsxs18(Svg10, { width: side, height: side, viewBox: "0 0 100 100", children: [
         gradient,
-        /* @__PURE__ */ jsx21(Circle7, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(Circle8, { cx: 50, cy: 50, r, fill: "none", stroke: theme.borderDefault, strokeWidth: stroke }),
+        /* @__PURE__ */ jsx22(
           AnimatedCircle,
           {
             cx: 50,
@@ -1688,15 +1796,15 @@ function Progress({ variant = "bar", size = "md", value, max = 100, label, value
   }
   const width = known ? progress.interpolate({ inputRange: [0, 1], outputRange: ["0%", "100%"] }) : "40%";
   const translate = spin.interpolate({ inputRange: [0, 1], outputRange: [-0.4 * track, track] });
-  return /* @__PURE__ */ jsx21(
-    View16,
+  return /* @__PURE__ */ jsx22(
+    View17,
     {
       ...a11y,
       onLayout: known ? void 0 : (event) => setTrack(event.nativeEvent.layout.width),
       style: [styles13.bar, { height: BAR[size], backgroundColor: theme.surface3 }, style],
-      children: /* @__PURE__ */ jsx21(Animated11.View, { style: [styles13.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs17(Svg9, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
+      children: /* @__PURE__ */ jsx22(Animated11.View, { style: [styles13.fill, { width }, known || reduce ? null : { transform: [{ translateX: translate }] }], children: /* @__PURE__ */ jsxs18(Svg10, { width: "100%", height: "100%", preserveAspectRatio: "none", children: [
         gradient,
-        /* @__PURE__ */ jsx21(Rect3, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
+        /* @__PURE__ */ jsx22(Rect3, { x: 0, y: 0, width: "100%", height: "100%", fill: `url(#${id})` })
       ] }) })
     }
   );
@@ -1709,9 +1817,9 @@ var styles13 = StyleSheet13.create({
 
 // src/native/search-field.tsx
 import * as React15 from "react";
-import { Pressable as Pressable5, StyleSheet as StyleSheet14, TextInput, View as View17 } from "react-native";
-import Svg10, { Circle as Circle8, Path as Path8 } from "react-native-svg";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Pressable as Pressable5, StyleSheet as StyleSheet14, TextInput, View as View18 } from "react-native";
+import Svg11, { Circle as Circle9, Path as Path9 } from "react-native-svg";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function SearchField({ label, value, defaultValue = "", onValueChange, onSearch, debounce = 300, onSubmit, clearLabel, style, placeholder, ...props }) {
   const { theme, radius: radius3 } = useTheme();
   const [own, setOwn] = React15.useState(defaultValue);
@@ -1724,12 +1832,12 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
     clearTimeout(timer2.current);
     if (onSearch) timer2.current = setTimeout(() => onSearch(next), debounce);
   };
-  return /* @__PURE__ */ jsxs18(View17, { style: [styles14.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
-    /* @__PURE__ */ jsxs18(Svg10, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
-      /* @__PURE__ */ jsx22(Circle8, { cx: 11, cy: 11, r: 7 }),
-      /* @__PURE__ */ jsx22(Path8, { d: "m20 20-3.5-3.5" })
+  return /* @__PURE__ */ jsxs19(View18, { style: [styles14.frame, { borderRadius: radius3.md, borderColor: theme.borderDefault, backgroundColor: theme.surface2 }, style], children: [
+    /* @__PURE__ */ jsxs19(Svg11, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx23(Circle9, { cx: 11, cy: 11, r: 7 }),
+      /* @__PURE__ */ jsx23(Path9, { d: "m20 20-3.5-3.5" })
     ] }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       TextInput,
       {
         role: "searchbox",
@@ -1751,7 +1859,7 @@ function SearchField({ label, value, defaultValue = "", onValueChange, onSearch,
         ...props
       }
     ),
-    query ? /* @__PURE__ */ jsx22(Pressable5, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles14.clear, children: /* @__PURE__ */ jsx22(Svg10, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx22(Path8, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
+    query ? /* @__PURE__ */ jsx23(Pressable5, { role: "button", "aria-label": clearLabel, hitSlop: 10, onPress: () => change(""), style: styles14.clear, children: /* @__PURE__ */ jsx23(Svg11, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: theme.textSecondary, strokeWidth: 2.4, strokeLinecap: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx23(Path9, { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
   ] });
 }
 var styles14 = StyleSheet14.create({
@@ -1761,19 +1869,19 @@ var styles14 = StyleSheet14.create({
 });
 
 // src/native/segmented.tsx
-import { Pressable as Pressable6, StyleSheet as StyleSheet15, Text as Text7, View as View18 } from "react-native";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { Pressable as Pressable6, StyleSheet as StyleSheet15, Text as Text7, View as View19 } from "react-native";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Segmented({ options, value, onValueChange, size = "md", "aria-label": label, style }) {
   const { theme, radius: radius3 } = useTheme();
-  return /* @__PURE__ */ jsx23(
-    View18,
+  return /* @__PURE__ */ jsx24(
+    View19,
     {
       role: "tablist",
       "aria-label": label,
       style: [styles15.track, { backgroundColor: theme.surface2, borderColor: theme.borderSubtle, borderRadius: radius3.md, height: size === "sm" ? 32 : 40 }, style],
       children: options.map((option) => {
         const selected = option.value === value;
-        return /* @__PURE__ */ jsx23(
+        return /* @__PURE__ */ jsx24(
           Pressable6,
           {
             role: "tab",
@@ -1789,7 +1897,7 @@ function Segmented({ options, value, onValueChange, size = "md", "aria-label": l
               selected ? { backgroundColor: theme.surface0, borderColor: theme.borderDefault } : null,
               option.disabled ? styles15.disabled : null
             ],
-            children: /* @__PURE__ */ jsx23(Text7, { numberOfLines: 1, style: [styles15.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
+            children: /* @__PURE__ */ jsx24(Text7, { numberOfLines: 1, style: [styles15.label, { color: selected ? theme.textPrimary : theme.textSecondary, fontSize: size === "sm" ? 12 : 13 }], children: option.label })
           },
           option.value
         );
@@ -1807,7 +1915,7 @@ var styles15 = StyleSheet15.create({
 // src/native/skeleton.tsx
 import * as React16 from "react";
 import { Animated as Animated12 } from "react-native";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var SHAPE = {
   text: { width: "100%", height: 12, radius: 4 },
   circle: { width: 40, height: 40, radius: 9999 },
@@ -1833,7 +1941,7 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
   }, [reduce, opacity]);
   const s = SHAPE[shape];
   const side = shape === "circle" ? width ?? height ?? s.width : void 0;
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     Animated12.View,
     {
       testID,
@@ -1848,10 +1956,10 @@ function Skeleton({ shape = "text", width, height, style, testID }) {
 
 // src/native/spinner.tsx
 import { ActivityIndicator as ActivityIndicator2 } from "react-native";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Spinner({ label, size = "md", ...props }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     ActivityIndicator2,
     {
       accessible: true,
@@ -1867,8 +1975,8 @@ function Spinner({ label, size = "md", ...props }) {
 
 // src/native/toast.tsx
 import * as React17 from "react";
-import { AccessibilityInfo as AccessibilityInfo8, Animated as Animated13, Pressable as Pressable7, StyleSheet as StyleSheet16, Text as Text8, View as View19 } from "react-native";
-import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { AccessibilityInfo as AccessibilityInfo8, Animated as Animated13, Pressable as Pressable7, StyleSheet as StyleSheet16, Text as Text8, View as View20 } from "react-native";
+import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var items = [];
 var listeners2 = /* @__PURE__ */ new Set();
 var counter = 0;
@@ -1918,15 +2026,15 @@ function ToastView({ item, closeLabel, duration }) {
     return () => clearTimeout(timer2);
   }, [item.id, ms]);
   const edge = { success: theme.success, warning: theme.warning, error: theme.danger, info: theme.info, default: theme.borderDefault }[item.tone ?? "default"];
-  const text = /* @__PURE__ */ jsxs19(Fragment3, { children: [
-    item.icon ? /* @__PURE__ */ jsx26(View19, { "aria-hidden": true, children: item.icon }) : null,
-    /* @__PURE__ */ jsxs19(View19, { style: styles16.content, children: [
-      /* @__PURE__ */ jsx26(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
-      item.description ? /* @__PURE__ */ jsx26(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
+  const text = /* @__PURE__ */ jsxs20(Fragment3, { children: [
+    item.icon ? /* @__PURE__ */ jsx27(View20, { "aria-hidden": true, children: item.icon }) : null,
+    /* @__PURE__ */ jsxs20(View20, { style: styles16.content, children: [
+      /* @__PURE__ */ jsx27(Txt, { variant: "label", numberOfLines: 2, children: item.title }),
+      item.description ? /* @__PURE__ */ jsx27(Txt, { variant: "caption", tone: "secondary", numberOfLines: 3, children: item.description }) : null
     ] })
   ] });
-  const body = /* @__PURE__ */ jsxs19(Fragment3, { children: [
-    item.onPress ? /* @__PURE__ */ jsx26(
+  const body = /* @__PURE__ */ jsxs20(Fragment3, { children: [
+    item.onPress ? /* @__PURE__ */ jsx27(
       Pressable7,
       {
         role: "button",
@@ -1937,8 +2045,8 @@ function ToastView({ item, closeLabel, duration }) {
         style: ({ pressed }) => [styles16.main, { opacity: pressed ? 0.8 : 1 }],
         children: text
       }
-    ) : /* @__PURE__ */ jsx26(View19, { style: styles16.main, children: text }),
-    item.action ? /* @__PURE__ */ jsx26(
+    ) : /* @__PURE__ */ jsx27(View20, { style: styles16.main, children: text }),
+    item.action ? /* @__PURE__ */ jsx27(
       Pressable7,
       {
         role: "button",
@@ -1947,23 +2055,23 @@ function ToastView({ item, closeLabel, duration }) {
           dismiss(item.id);
         },
         style: [styles16.action, { backgroundColor: theme.accent, borderRadius: radius3.sm }],
-        children: /* @__PURE__ */ jsx26(Text8, { style: [styles16.actionLabel, { color: theme.onAccent }], children: item.action.label })
+        children: /* @__PURE__ */ jsx27(Text8, { style: [styles16.actionLabel, { color: theme.onAccent }], children: item.action.label })
       }
     ) : null,
-    /* @__PURE__ */ jsx26(Pressable7, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles16.close, children: /* @__PURE__ */ jsx26(Text8, { style: [styles16.cross, { color: theme.textSecondary }], children: "\xD7" }) })
+    /* @__PURE__ */ jsx27(Pressable7, { role: "button", "aria-label": closeLabel, hitSlop: 10, onPress: () => dismiss(item.id), style: styles16.close, children: /* @__PURE__ */ jsx27(Text8, { style: [styles16.cross, { color: theme.textSecondary }], children: "\xD7" }) })
   ] });
   const frame = [
     styles16.toast,
     { backgroundColor: theme.surface2, borderColor: theme.borderDefault, borderLeftColor: edge, borderRadius: radius3.lg, shadowColor: theme.scrimStrong }
   ];
   const motion3 = { transform: [{ translateY: enter.interpolate({ inputRange: [0, 1], outputRange: [-8, 0] }) }] };
-  return /* @__PURE__ */ jsx26(Animated13.View, { "aria-live": "polite", style: motion3, children: /* @__PURE__ */ jsx26(View19, { style: frame, children: body }) });
+  return /* @__PURE__ */ jsx27(Animated13.View, { "aria-live": "polite", style: motion3, children: /* @__PURE__ */ jsx27(View20, { style: frame, children: body }) });
 }
 function Toaster({ closeLabel, position = "top", offset = 12, duration = 6e3, max = 3 }) {
   const all = React17.useSyncExternalStore(subscribe2, snapshot, snapshot);
   const shown = all.slice(-max);
   if (shown.length === 0) return null;
-  return /* @__PURE__ */ jsx26(View19, { pointerEvents: "box-none", style: [styles16.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx26(ToastView, { item, closeLabel, duration }, item.id)) });
+  return /* @__PURE__ */ jsx27(View20, { pointerEvents: "box-none", style: [styles16.stack, position === "top" ? { top: offset } : { bottom: offset }], children: (position === "top" ? shown : [...shown].reverse()).map((item) => /* @__PURE__ */ jsx27(ToastView, { item, closeLabel, duration }, item.id)) });
 }
 var styles16 = StyleSheet16.create({
   stack: { position: "absolute", left: 12, right: 12, gap: 8, zIndex: 100 },
@@ -2028,6 +2136,7 @@ export {
   Txt,
   WelcomeState,
   YazakiaMark,
+  YororisMark,
   alpha,
   splitDuration,
   textStyles,