@krizaka/ui 2.0.0-beta.4 → 2.0.0-beta.6

package/registry/examples/button/native/ghost.tsx

@@ -0,0 +1,5 @@
+import { Button } from "@krizaka/ui/native";
+
+export default function NativeButtonGhost() {
+  return <Button variant="ghost" label="Continue" onPress={() => {}} />;
+}

package/registry/examples/button/native/icon-only.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/icon-only.js

@@ -0,0 +1,19 @@
+"use client";
+
+// registry/examples/button/native/icon-only.tsx
+import { IconButton, useTheme } from "@krizaka/ui/native";
+import Svg, { Path } from "react-native-svg";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Icon({ d, color }) {
+  return /* @__PURE__ */ jsx(Svg, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx(Path, { d }) });
+}
+function NativeButtonIconOnly() {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconButton, { label: "Close", variant: "ghost", icon: /* @__PURE__ */ jsx(Icon, { d: "M18 6 6 18M6 6l12 12", color: theme.textPrimary }) }),
+    /* @__PURE__ */ jsx(IconButton, { label: "Add", variant: "primary", shape: "pill", icon: /* @__PURE__ */ jsx(Icon, { d: "M12 5v14M5 12h14", color: theme.onAccent }) })
+  ] });
+}
+export {
+  NativeButtonIconOnly as default
+};

package/registry/examples/button/native/icon-only.tsx

@@ -0,0 +1,21 @@
+import { IconButton, useTheme } from "@krizaka/ui/native";
+import Svg, { Path } from "react-native-svg";
+
+function Icon({ d, color }: { d: string; color: string }) {
+  return (
+    <Svg width={16} height={16} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
+      <Path d={d} />
+    </Svg>
+  );
+}
+
+// `label` is required: it is the accessible name of a button that shows no text.
+export default function NativeButtonIconOnly() {
+  const { theme } = useTheme();
+  return (
+    <>
+      <IconButton label="Close" variant="ghost" icon={<Icon d="M18 6 6 18M6 6l12 12" color={theme.textPrimary} />} />
+      <IconButton label="Add" variant="primary" shape="pill" icon={<Icon d="M12 5v14M5 12h14" color={theme.onAccent} />} />
+    </>
+  );
+}

package/registry/examples/button/native/icon.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/icon.js

@@ -0,0 +1,16 @@
+"use client";
+
+// registry/examples/button/native/icon.tsx
+import { Button, useTheme } from "@krizaka/ui/native";
+import Svg, { Path } from "react-native-svg";
+import { jsx } from "react/jsx-runtime";
+function PlusIcon({ color }) {
+  return /* @__PURE__ */ jsx(Svg, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx(Path, { d: "M12 5v14M5 12h14" }) });
+}
+function NativeButtonIcon() {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsx(Button, { variant: "primary", label: "New set", icon: /* @__PURE__ */ jsx(PlusIcon, { color: theme.onAccent }) });
+}
+export {
+  NativeButtonIcon as default
+};

package/registry/examples/button/native/icon.tsx

@@ -0,0 +1,15 @@
+import { Button, useTheme } from "@krizaka/ui/native";
+import Svg, { Path } from "react-native-svg";
+
+function PlusIcon({ color }: { color: string }) {
+  return (
+    <Svg width={16} height={16} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
+      <Path d="M12 5v14M5 12h14" />
+    </Svg>
+  );
+}
+
+export default function NativeButtonIcon() {
+  const { theme } = useTheme();
+  return <Button variant="primary" label="New set" icon={<PlusIcon color={theme.onAccent} />} />;
+}

package/registry/examples/button/native/loading.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/loading.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/button/native/loading.tsx
+import { Button } from "@krizaka/ui/native";
+import { jsx } from "react/jsx-runtime";
+function NativeButtonLoading() {
+  return /* @__PURE__ */ jsx(Button, { variant: "primary", label: "Saving\u2026", loading: true });
+}
+export {
+  NativeButtonLoading as default
+};

package/registry/examples/button/native/loading.tsx

@@ -0,0 +1,6 @@
+import { Button } from "@krizaka/ui/native";
+
+// Disabled and busy: a spinner takes the place of the icon.
+export default function NativeButtonLoading() {
+  return <Button variant="primary" label="Saving…" loading />;
+}

package/registry/examples/button/native/outline.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/outline.js

@@ -0,0 +1,12 @@
+"use client";
+
+// registry/examples/button/native/outline.tsx
+import { Button } from "@krizaka/ui/native";
+import { jsx } from "react/jsx-runtime";
+function NativeButtonOutline() {
+  return /* @__PURE__ */ jsx(Button, { variant: "outline", label: "Continue", onPress: () => {
+  } });
+}
+export {
+  NativeButtonOutline as default
+};

package/registry/examples/button/native/outline.tsx

@@ -0,0 +1,5 @@
+import { Button } from "@krizaka/ui/native";
+
+export default function NativeButtonOutline() {
+  return <Button variant="outline" label="Continue" onPress={() => {}} />;
+}

package/registry/examples/button/native/primary.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/primary.js

@@ -0,0 +1,12 @@
+"use client";
+
+// registry/examples/button/native/primary.tsx
+import { Button } from "@krizaka/ui/native";
+import { jsx } from "react/jsx-runtime";
+function NativeButtonPrimary() {
+  return /* @__PURE__ */ jsx(Button, { variant: "primary", label: "Continue", onPress: () => {
+  } });
+}
+export {
+  NativeButtonPrimary as default
+};

package/registry/examples/button/native/primary.tsx

@@ -0,0 +1,5 @@
+import { Button } from "@krizaka/ui/native";
+
+export default function NativeButtonPrimary() {
+  return <Button variant="primary" label="Continue" onPress={() => {}} />;
+}

package/registry/examples/button/native/secondary.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/secondary.js

@@ -0,0 +1,12 @@
+"use client";
+
+// registry/examples/button/native/secondary.tsx
+import { Button } from "@krizaka/ui/native";
+import { jsx } from "react/jsx-runtime";
+function NativeButtonSecondary() {
+  return /* @__PURE__ */ jsx(Button, { label: "Continue", onPress: () => {
+  } });
+}
+export {
+  NativeButtonSecondary as default
+};

package/registry/examples/button/native/secondary.tsx

@@ -0,0 +1,6 @@
+import { Button } from "@krizaka/ui/native";
+
+// `secondary` is the default variant: a raised surface.
+export default function NativeButtonSecondary() {
+  return <Button label="Continue" onPress={() => {}} />;
+}

package/registry/examples/button/native/sizes.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/native/sizes.js

@@ -0,0 +1,15 @@
+"use client";
+
+// registry/examples/button/native/sizes.tsx
+import { Button } from "@krizaka/ui/native";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function NativeButtonSizes() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", label: "Continue" }),
+    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "md", label: "Continue" }),
+    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "pill", label: "Continue" })
+  ] });
+}
+export {
+  NativeButtonSizes as default
+};

package/registry/examples/button/native/sizes.tsx

@@ -0,0 +1,11 @@
+import { Button } from "@krizaka/ui/native";
+
+export default function NativeButtonSizes() {
+  return (
+    <>
+      <Button variant="primary" size="sm" label="Continue" />
+      <Button variant="primary" size="md" label="Continue" />
+      <Button variant="primary" size="lg" shape="pill" label="Continue" />
+    </>
+  );
+}

package/registry/examples/button/outline.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/outline.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/button/outline.tsx
+import { Button } from "@krizaka/ui/button";
+import { jsx } from "react/jsx-runtime";
+function ButtonOutline() {
+  return /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Continue" });
+}
+export {
+  ButtonOutline as default
+};

package/registry/examples/button/outline.tsx

@@ -0,0 +1,5 @@
+import { Button } from "@krizaka/ui/button";
+
+export default function ButtonOutline() {
+  return <Button variant="outline">Continue</Button>;
+}

package/registry/examples/button/pill.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/pill.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/button/pill.tsx
+import { Button } from "@krizaka/ui/button";
+import { jsx } from "react/jsx-runtime";
+function ButtonPill() {
+  return /* @__PURE__ */ jsx(Button, { variant: "primary", shape: "pill", children: "Continue" });
+}
+export {
+  ButtonPill as default
+};

package/registry/examples/button/pill.tsx

@@ -0,0 +1,9 @@
+import { Button } from "@krizaka/ui/button";
+
+export default function ButtonPill() {
+  return (
+    <Button variant="primary" shape="pill">
+      Continue
+    </Button>
+  );
+}

package/registry/examples/button/primary.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/{demos/button.js → examples/button/primary.js}

@@ -1,11 +1,11 @@
 "use client";
 
-// registry/demos/button.tsx
+// registry/examples/button/primary.tsx
 import { Button } from "@krizaka/ui/button";
 import { jsx } from "react/jsx-runtime";
-function ButtonDemo() {
+function ButtonPrimary() {
   return /* @__PURE__ */ jsx(Button, { variant: "primary", children: "Continue" });
 }
 export {
-  ButtonDemo as default
+  ButtonPrimary as default
 };

package/registry/{demos/button.tsx → examples/button/primary.tsx}

@@ -1,5 +1,5 @@
 import { Button } from "@krizaka/ui/button";
 
-export default function ButtonDemo() {
+export default function ButtonPrimary() {
   return <Button variant="primary">Continue</Button>;
 }

package/registry/examples/button/secondary.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/secondary.js

@@ -0,0 +1,11 @@
+"use client";
+
+// registry/examples/button/secondary.tsx
+import { Button } from "@krizaka/ui/button";
+import { jsx } from "react/jsx-runtime";
+function ButtonSecondary() {
+  return /* @__PURE__ */ jsx(Button, { children: "Continue" });
+}
+export {
+  ButtonSecondary as default
+};

package/registry/examples/button/secondary.tsx

@@ -0,0 +1,6 @@
+import { Button } from "@krizaka/ui/button";
+
+// `secondary` is the default variant: a raised surface.
+export default function ButtonSecondary() {
+  return <Button>Continue</Button>;
+}

package/registry/examples/button/sizes.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/button/sizes.js

@@ -0,0 +1,15 @@
+"use client";
+
+// registry/examples/button/sizes.tsx
+import { Button } from "@krizaka/ui/button";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ButtonSizes() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", children: "Continue" }),
+    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "md", children: "Continue" }),
+    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: "Continue" })
+  ] });
+}
+export {
+  ButtonSizes as default
+};

package/registry/examples/button/sizes.tsx

@@ -0,0 +1,17 @@
+import { Button } from "@krizaka/ui/button";
+
+export default function ButtonSizes() {
+  return (
+    <div className="flex items-center gap-3">
+      <Button variant="primary" size="sm">
+        Continue
+      </Button>
+      <Button variant="primary" size="md">
+        Continue
+      </Button>
+      <Button variant="primary" size="lg">
+        Continue
+      </Button>
+    </div>
+  );
+}

package/registry/examples/card/interactive-link.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/card/interactive-link.js

@@ -0,0 +1,15 @@
+"use client";
+
+// registry/examples/card/interactive-link.tsx
+import { Card } from "@krizaka/ui/card";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CardInteractiveLink() {
+  return /* @__PURE__ */ jsx(Card.Root, { asChild: true, interactive: true, children: /* @__PURE__ */ jsx("a", { href: "#guide", children: /* @__PURE__ */ jsxs(Card.Body, { children: [
+    /* @__PURE__ */ jsx(Card.Title, { as: "h2", children: "Getting started" }),
+    /* @__PURE__ */ jsx(Card.Description, { children: "Install the preset, import the primitives, ship both themes." }),
+    /* @__PURE__ */ jsx(Card.Footer, { children: "Read the guide \u2192" })
+  ] }) }) });
+}
+export {
+  CardInteractiveLink as default
+};

package/registry/examples/card/interactive-link.tsx

@@ -0,0 +1,16 @@
+import { Card } from "@krizaka/ui/card";
+
+// `asChild` + `<a>`: the whole card is one link; `interactive` adds the spotlight and the lift.
+export default function CardInteractiveLink() {
+  return (
+    <Card.Root asChild interactive>
+      <a href="#guide">
+        <Card.Body>
+          <Card.Title as="h2">Getting started</Card.Title>
+          <Card.Description>Install the preset, import the primitives, ship both themes.</Card.Description>
+          <Card.Footer>Read the guide →</Card.Footer>
+        </Card.Body>
+      </a>
+    </Card.Root>
+  );
+}

package/registry/examples/card/media-card.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/{demos/card.js → examples/card/media-card.js}

@@ -1,13 +1,13 @@
 "use client";
 
-// registry/demos/card.tsx
+// registry/examples/card/media-card.tsx
 import { Badge } from "@krizaka/ui/badge";
 import { Card } from "@krizaka/ui/card";
 import { jsx, jsxs } from "react/jsx-runtime";
 var COVER = "data:image/svg+xml;utf8," + encodeURIComponent(
   '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 90"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#1e3a8a"/><stop offset="1" stop-color="#7c3aed"/></linearGradient></defs><rect width="160" height="90" fill="url(#g)"/><circle cx="118" cy="30" r="14" fill="#fde68a"/><path d="M0 90 50 44l30 28 22-18 58 36z" fill="#0f172a" opacity=".55"/></svg>'
 );
-function CardDemo() {
+function CardMediaCard() {
   return /* @__PURE__ */ jsxs(Card.Root, { children: [
     /* @__PURE__ */ jsxs(Card.Media, { children: [
       /* @__PURE__ */ jsx(Card.Image, { src: COVER }),
@@ -26,5 +26,5 @@ function CardDemo() {
   ] });
 }
 export {
-  CardDemo as default
+  CardMediaCard as default
 };

package/registry/{demos/card.tsx → examples/card/media-card.tsx}

@@ -11,7 +11,7 @@ const COVER =
       '<path d="M0 90 50 44l30 28 22-18 58 36z" fill="#0f172a" opacity=".55"/></svg>',
   );
 
-export default function CardDemo() {
+export default function CardMediaCard() {
   return (
     <Card.Root>
       <Card.Media>

package/registry/examples/card/media-fallback.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/card/media-fallback.js

@@ -0,0 +1,18 @@
+"use client";
+
+// registry/examples/card/media-fallback.tsx
+import { Card } from "@krizaka/ui/card";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PlayIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-10 w-10", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 5v14l11-7z" }) });
+function CardMediaFallback() {
+  return /* @__PURE__ */ jsxs(Card.Root, { children: [
+    /* @__PURE__ */ jsx(Card.Media, { aspect: "square", children: /* @__PURE__ */ jsx(Card.Image, { src: null, fallback: /* @__PURE__ */ jsx(PlayIcon, {}) }) }),
+    /* @__PURE__ */ jsxs(Card.Body, { padding: "sm", children: [
+      /* @__PURE__ */ jsx(Card.Title, { children: "Untitled draft" }),
+      /* @__PURE__ */ jsx(Card.Description, { children: "Processing \u2014 the cover arrives with the first frame." })
+    ] })
+  ] });
+}
+export {
+  CardMediaFallback as default
+};

package/registry/examples/card/media-fallback.tsx

@@ -0,0 +1,22 @@
+import { Card } from "@krizaka/ui/card";
+
+const PlayIcon = () => (
+  <svg viewBox="0 0 24 24" className="h-10 w-10" fill="currentColor" aria-hidden>
+    <path d="M8 5v14l11-7z" />
+  </svg>
+);
+
+// No image: the `fallback` (an icon on the accent gradient), hidden from assistive technology.
+export default function CardMediaFallback() {
+  return (
+    <Card.Root>
+      <Card.Media aspect="square">
+        <Card.Image src={null} fallback={<PlayIcon />} />
+      </Card.Media>
+      <Card.Body padding="sm">
+        <Card.Title>Untitled draft</Card.Title>
+        <Card.Description>Processing — the cover arrives with the first frame.</Card.Description>
+      </Card.Body>
+    </Card.Root>
+  );
+}

package/registry/examples/card/native/body.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/card/native/body.js

@@ -0,0 +1,15 @@
+"use client";
+
+// registry/examples/card/native/body.tsx
+import { Button, Card } from "@krizaka/ui/native";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NativeCardBody() {
+  return /* @__PURE__ */ jsx(Card.Root, { radius: "lg", style: { width: 300 }, children: /* @__PURE__ */ jsxs(Card.Body, { padding: "lg", children: [
+    /* @__PURE__ */ jsx(Card.Title, { children: "Your wallet" }),
+    /* @__PURE__ */ jsx(Card.Description, { children: "Top up to support the creators you follow." }),
+    /* @__PURE__ */ jsx(Button, { variant: "primary", label: "Top up" })
+  ] }) });
+}
+export {
+  NativeCardBody as default
+};

package/registry/examples/card/native/body.tsx

@@ -0,0 +1,13 @@
+import { Button, Card } from "@krizaka/ui/native";
+
+export default function NativeCardBody() {
+  return (
+    <Card.Root radius="lg" style={{ width: 300 }}>
+      <Card.Body padding="lg">
+        <Card.Title>Your wallet</Card.Title>
+        <Card.Description>Top up to support the creators you follow.</Card.Description>
+        <Button variant="primary" label="Top up" />
+      </Card.Body>
+    </Card.Root>
+  );
+}

package/registry/examples/card/native/default.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;