@roy-ui/ui 0.0.3 → 0.0.5

package/README.md

@@ -1,6 +1,7 @@
 # @roy-ui/ui
 
-> Free, animated React components built with TypeScript. Zero config, RSC-safe, sub-12 KB.
+> Animated React components. Drop in, ship.
+> TypeScript · RSC-safe · tree-shakable · under 12 KB.
 
 [![npm version](https://img.shields.io/npm/v/@roy-ui/ui?logo=npm&label=npm&color=cb3837)](https://www.npmjs.com/package/@roy-ui/ui)
 [![npm downloads](https://img.shields.io/npm/dm/@roy-ui/ui?logo=npm&label=downloads&color=cb3837)](https://www.npmjs.com/package/@roy-ui/ui)
@@ -8,19 +9,28 @@
 [![types](https://img.shields.io/npm/types/@roy-ui/ui?color=3178C6&logo=typescript&logoColor=white)](https://www.npmjs.com/package/@roy-ui/ui)
 [![license](https://img.shields.io/npm/l/@roy-ui/ui?color=22c55e)](https://github.com/DibbayajyotiRoy/RoyUI/blob/main/LICENSE)
 
-**[▶ Watch the 30-second demo on GitHub](https://github.com/DibbayajyotiRoy/RoyUI/blob/main/apps/docs/lib/demo/linkedin2.mp4)**
+<a href="https://github.com/DibbayajyotiRoy/RoyUI/blob/main/apps/docs/lib/demo/linkedin2.mp4">
+  <img
+    src="https://raw.githubusercontent.com/DibbayajyotiRoy/RoyUI/main/apps/docs/lib/demo/demo.gif"
+    alt="Roy UI components demo — gradient button, popover, text morph, made-by badge"
+    width="720" />
+</a>
+
+<sub>Click the GIF for the full-quality video.</sub>
 
 ---
 
 ## What is it?
 
-`@roy-ui/ui` is an open-source React component library focused on animated, micro-interactive UI primitives — gradient buttons, popovers, text-morph effects, attribution badges — written in TypeScript, shipped as tree-shakable ESM, and fully compatible with React Server Components, Next.js 15, Vite, Remix, and any modern React 18+ runtime.
+`@roy-ui/ui` is an **open-source React component library** focused on **animated, micro-interactive UI components** — animated gradient buttons, accessible popovers, text-morph typing effects, tree navigation, and attribution badges — written in **TypeScript**, shipped as **tree-shakable ESM**, and fully compatible with **React Server Components**, **Next.js 15 App Router**, **Vite**, **Remix**, **Astro**, **TanStack Start**, and any modern React 18+ runtime.
 
-- **Zero runtime config** — install, import, render.
-- **Tree-shakable ESM** with first-class TypeScript types and source maps.
-- **Self-contained CSS** — no Tailwind plugin, no PostCSS, no theme provider.
-- **RSC-safe** — components are correctly marked `"use client"` inside the bundle.
-- **Tiny** — the whole library is under 12 KB minified + gzipped.
+- **Zero runtime config** — install, import, render. No CLI, no copy-paste, no Tailwind plugin.
+- **TypeScript-first** — tree-shakable ESM with first-class `.d.ts` types and source maps.
+- **Self-contained CSS** — no Tailwind plugin, no PostCSS, no theme provider, no design tokens to wire up.
+- **RSC-safe (React Server Components-safe)** — components are correctly marked `"use client"` inside the bundle, so you can import directly from a Next.js App Router server component.
+- **Tiny** — the whole library is under **12 KB** minified + gzipped, smaller than most single-component installs.
+- **Animation built in** — no Framer Motion / motion-react setup required.
+- **Framework-agnostic** — Next.js, Vite, Remix, Astro, TanStack Start, CRA, any ESM bundler.
 
 ## Install
 
@@ -80,15 +90,19 @@ Using the **Next.js App Router**? Import directly from a Server Component — th
 | **`TextMorph`** | Character-by-character text diff animation. Great for live counters, currency tickers, and status text. |
 | **`MadeBy`** | Floating "Made by ___" attribution badge with corner positioning. |
 
-## Why use this?
+## Why use this? (shadcn / Aceternity / Magic UI / MUI / Radix comparison)
+
+|  | `@roy-ui/ui` | shadcn/ui | Aceternity UI / Magic UI | Radix / Headless UI | MUI |
+| --- | --- | --- | --- | --- | --- |
+| Single `npm install` (no CLI, no copy) | Yes | No | No | Yes | Yes |
+| Ships visual styles | Yes | Yes | Yes | No | Yes |
+| RSC-safe out of the box | Yes | Yes | Manual | Manual | Manual |
+| Tailwind required | No | Yes | Yes | No | No |
+| Framer Motion required | No | No | Yes | No | No |
+| Animation built in | Yes | Sometimes | Yes | No | Sometimes |
+| Sub-12 KB total bundle | Yes | n/a | Per-component | Varies | No |
 
-|  | `@roy-ui/ui` | Radix / Headless UI | shadcn/ui |
-| --- | --- | --- | --- |
-| Ships visual styles | Yes | No | Yes (copy-paste) |
-| One install (no CLI, no copy) | Yes | Yes | No |
-| RSC-safe out of the box | Yes | Manual | Yes |
-| Tailwind required | No | No | Yes |
-| Animation built in | Yes | No | Sometimes |
+If you want unstyled accessibility primitives, use **Radix** or **React Aria**. If you want Tailwind components you copy-paste, use **shadcn/ui**. If you want marketing-page hero effects, use **Aceternity UI** or **Magic UI**. If you want a **small, drop-in set of animated React components with zero setup**, use **`@roy-ui/ui`**.
 
 ## Links
 
@@ -100,3 +114,7 @@ Using the **Next.js App Router**? Import directly from a Server Component — th
 ## License
 
 [MIT](https://github.com/DibbayajyotiRoy/RoyUI/blob/main/LICENSE) © [Dibbayajyoti Roy](https://github.com/DibbayajyotiRoy)
+
+---
+
+<sub>**Topics:** React component library · React UI library · React UI kit · TypeScript React components · Next.js 15 components · Next.js App Router · React Server Components · RSC-safe · animated React components · React animation library · micro-interactions · tree-shakable ESM · zero-config React UI · tiny React UI · sub-12 KB · gradient button · animated gradient button · React popover · text morph · typing animation · React tree navigation · React sidebar nav · made by attribution badge · headless UI · accessible · WAI-ARIA · a11y · shadcn alternative · shadcn/ui alternative · Aceternity UI alternative · Magic UI alternative · MUI alternative · Material UI alternative · Radix alternative · HeroUI alternative · Mantine alternative · Chakra UI alternative · DaisyUI alternative · Tailwind-friendly · Vite · Remix · Astro · TanStack Start · React 18 · React 19 · MIT · open source · free.</sub>

package/dist/TreeNav-22DY7TP5.css

@@ -0,0 +1,135 @@
+.royui-treenav {
+  /* Theme tokens — override on .royui-treenav or :root for global retheme. */
+  --royui-treenav-branch: rgba(0, 0, 0, 0.28);
+  --royui-treenav-branch-active: rgba(0, 0, 0, 0.65);
+
+  --royui-treenav-label: rgba(0, 0, 0, 0.6);
+  --royui-treenav-label-hover: rgba(0, 0, 0, 0.92);
+  --royui-treenav-label-active: rgba(0, 0, 0, 1);
+  --royui-treenav-hover-bg: rgba(0, 0, 0, 0.04);
+  --royui-treenav-active-bg: rgba(0, 0, 0, 0.06);
+
+  --royui-treenav-font:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
+    sans-serif;
+  --royui-treenav-font-size: 13px;
+  --royui-treenav-font-weight: 500;
+  --royui-treenav-font-weight-active: 600;
+  --royui-treenav-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
+
+  position: relative;
+  margin: 0;
+  padding: 0;
+  padding-top: 4px;
+  margin-left: var(--royui-treenav-indent, 24px);
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--royui-treenav-gap, 2px);
+  font-family: var(--royui-treenav-font);
+}
+
+@media (prefers-color-scheme: dark) {
+  .royui-treenav {
+    --royui-treenav-branch: rgba(255, 255, 255, 0.3);
+    --royui-treenav-branch-active: rgba(255, 255, 255, 0.65);
+    --royui-treenav-label: rgba(255, 255, 255, 0.6);
+    --royui-treenav-label-hover: rgba(255, 255, 255, 0.92);
+    --royui-treenav-label-active: rgba(255, 255, 255, 1);
+    --royui-treenav-hover-bg: rgba(255, 255, 255, 0.05);
+    --royui-treenav-active-bg: rgba(255, 255, 255, 0.07);
+  }
+}
+
+.royui-treenav__item {
+  position: relative;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* Bent-arrow connector — single SVG, single filled path. The L line and the
+   arrowhead share one closed outline, so they can never read as two shapes. */
+.royui-treenav__connector {
+  position: absolute;
+  left: -2px;
+  top: 0;
+  width: 20px;
+  height: 100%;
+  color: var(--royui-treenav-branch);
+  transition: color 0.2s var(--royui-treenav-ease);
+  pointer-events: none;
+  z-index: 1;
+  overflow: visible;
+}
+
+/* Active state — :has() on the LI keeps the rule order-independent and
+   works with any router that sets aria-current="page" on the inner link. */
+.royui-treenav__item:has(.royui-treenav__link[aria-current='page'])
+  .royui-treenav__connector {
+  color: var(--royui-treenav-branch-active);
+}
+
+/* Link / anchor row */
+.royui-treenav__link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-left: 18px;
+  padding: 6px 10px 6px 8px;
+  border-radius: 6px;
+  color: var(--royui-treenav-label);
+  font-size: var(--royui-treenav-font-size);
+  font-weight: var(--royui-treenav-font-weight);
+  line-height: 1.3;
+  text-decoration: none;
+  transition:
+    background-color 0.2s var(--royui-treenav-ease),
+    color 0.2s var(--royui-treenav-ease),
+    transform 0.18s var(--royui-treenav-ease);
+}
+
+.royui-treenav__link:hover {
+  background-color: var(--royui-treenav-hover-bg);
+  color: var(--royui-treenav-label-hover);
+  transform: translateX(4px);
+}
+
+.royui-treenav__link:focus-visible {
+  outline: 2px solid var(--royui-treenav-branch-active);
+  outline-offset: 2px;
+}
+
+.royui-treenav__link[aria-current='page'] {
+  background-color: var(--royui-treenav-active-bg);
+  color: var(--royui-treenav-label-active);
+  font-weight: var(--royui-treenav-font-weight-active);
+}
+
+.royui-treenav__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  line-height: 0;
+}
+
+.royui-treenav__label {
+  display: inline-block;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .royui-treenav__connector,
+  .royui-treenav__link {
+    transition: none;
+  }
+  .royui-treenav__link:hover {
+    transform: none;
+  }
+}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes, CSSProperties, HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes, CSSProperties, HTMLAttributes, LiHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface GradientButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -67,4 +67,30 @@ interface TextMorphProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children
 }
 declare const TextMorph: react.ForwardRefExoticComponent<TextMorphProps & react.RefAttributes<HTMLSpanElement>>;
 
-export { GradientButton, type GradientButtonProps, MadeBy, type MadeByPosition, type MadeByProps, Popover, type PopoverProps, TextMorph, type TextMorphProps };
+interface TreeNavProps extends HTMLAttributes<HTMLUListElement> {
+    /** Left indent of the branched group, in pixels. Default 24. */
+    indent?: number;
+    /** Vertical gap between items, in pixels. Default 2. */
+    gap?: number;
+}
+declare const TreeNav: react.ForwardRefExoticComponent<TreeNavProps & react.RefAttributes<HTMLUListElement>>;
+
+interface TreeNavItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'children'> {
+    /** Link target. Used when asChild is false (default <a> render). */
+    href?: string;
+    /** Mark this item active. Adds aria-current="page" to the rendered link. */
+    active?: boolean;
+    /** Render the consumer's element (e.g. next/link, TanStack Link) instead of an <a>. */
+    asChild?: boolean;
+    /** Hide the triangle tip at the end of the branch. Default false (tip shown). */
+    hideTip?: boolean;
+    /** Leading icon slot. */
+    icon?: ReactNode;
+    /** Anchor / link contents. */
+    children?: ReactNode;
+    /** Forwarded to the inner link element (className, onClick, etc.). */
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>;
+}
+declare const TreeNavItem: react.ForwardRefExoticComponent<TreeNavItemProps & react.RefAttributes<HTMLLIElement>>;
+
+export { GradientButton, type GradientButtonProps, MadeBy, type MadeByPosition, type MadeByProps, Popover, type PopoverProps, TextMorph, type TextMorphProps, TreeNav, TreeNavItem, type TreeNavItemProps, type TreeNavProps };

package/dist/index.js

@@ -1,10 +1,11 @@
 "use client";
-import { forwardRef, useState, useRef, useEffect } from 'react';
+import { forwardRef, useState, useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
 import './GradientButton-TX2GJRIQ.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import './Popover-LSYVKT4M.css';
 import './MadeBy-JCYGHWSD.css';
 import './TextMorph-RX2BX25F.css';
+import './TreeNav-22DY7TP5.css';
 
 // src/components/gradient-button/GradientButton.tsx
 var DefaultSpinner = () => /* @__PURE__ */ jsx("span", { className: "gradient-btn__spinner", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", children: [
@@ -283,7 +284,98 @@ var TextMorph = forwardRef(
     );
   }
 );
+var TreeNav = forwardRef(
+  ({ indent = 24, gap = 2, className = "", style, children, ...rest }, ref) => {
+    const mergedStyle = {
+      ...style,
+      ["--royui-treenav-indent"]: `${indent}px`,
+      ["--royui-treenav-gap"]: `${gap}px`
+    };
+    const classes = ["royui-treenav", className].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx("ul", { ref, className: classes, style: mergedStyle, ...rest, children });
+  }
+);
+TreeNav.displayName = "TreeNav";
+var TreeNavItem = forwardRef(
+  ({
+    href,
+    active = false,
+    asChild = false,
+    hideTip = false,
+    icon,
+    children,
+    linkProps,
+    className = "",
+    ...rest
+  }, ref) => {
+    const itemClasses = [
+      "royui-treenav__item",
+      hideTip && "royui-treenav__item--no-tip",
+      className
+    ].filter(Boolean).join(" ");
+    const linkContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      icon && /* @__PURE__ */ jsx("span", { className: "royui-treenav__icon", "aria-hidden": true, children: icon }),
+      /* @__PURE__ */ jsx("span", { className: "royui-treenav__label", children })
+    ] });
+    let renderedLink;
+    if (asChild) {
+      const onlyChild = Children.only(children);
+      if (!isValidElement(onlyChild)) {
+        throw new Error(
+          "TreeNavItem: asChild requires a single React element child."
+        );
+      }
+      const childClassName = [
+        "royui-treenav__link",
+        onlyChild.props.className
+      ].filter(Boolean).join(" ");
+      renderedLink = cloneElement(onlyChild, {
+        className: childClassName,
+        ...active ? { "aria-current": "page" } : {}
+      });
+    } else {
+      const { className: linkClassName, ...linkRest } = linkProps ?? {};
+      const mergedLinkClass = ["royui-treenav__link", linkClassName].filter(Boolean).join(" ");
+      renderedLink = /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          className: mergedLinkClass,
+          ...active ? { "aria-current": "page" } : {},
+          ...linkRest,
+          children: linkContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("li", { ref, className: itemClasses, ...rest, children: [
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "royui-treenav__connector",
+          viewBox: "0 0 20 30",
+          preserveAspectRatio: "xMinYMid meet",
+          "aria-hidden": true,
+          children: hideTip ? /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M1.25 0 L1.25 7 Q1.25 15.75 11 15.75 L11 14.25 Q2.75 14.25 2.75 7 L2.75 0 Z",
+              fill: "currentColor"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M1.25 0 L1.25 7 Q1.25 15.75 10.33 15.75 L10.33 16.94 L14.22 15 L10.33 13.06 L10.33 14.25 Q2.75 14.25 2.75 7 L2.75 0 Z",
+              fill: "currentColor"
+            }
+          )
+        }
+      ),
+      renderedLink
+    ] });
+  }
+);
+TreeNavItem.displayName = "TreeNavItem";
 
-export { GradientButton, MadeBy, Popover, TextMorph };
+export { GradientButton, MadeBy, Popover, TextMorph, TreeNav, TreeNavItem };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/gradient-button/GradientButton.tsx","../src/components/popover/Popover.tsx","../src/components/made-by/MadeBy.tsx","../src/components/text-morph/TextMorph.tsx"],"names":["jsxs","jsx","forwardRef","TextMorph","useState","useRef","useEffect"],"mappings":";;;;;;;;AAYA,IAAM,iBAAiB,sBACrB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAwB,aAAA,EAAY,MAAA,EAClD,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAQ,WAAA,EAAY,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,MAAK,MAAA,EACnD,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,IAAA;AAAA,MACH,EAAA,EAAG,IAAA;AAAA,MACH,CAAA,EAAE,GAAA;AAAA,MACF,MAAA,EAAO,cAAA;AAAA,MACP,aAAA,EAAc,KAAA;AAAA,MACd,WAAA,EAAY;AAAA;AAAA,GACd;AAAA,kBACA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,CAAA,EAAE,sBAAA;AAAA,MACF,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,KAAA;AAAA,MACZ,aAAA,EAAc;AAAA;AAAA;AAChB,CAAA,EACF,CAAA,EACF,CAAA;AAGK,IAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CACE;AAAA,IACE,OAAA,GAAU,KAAA;AAAA,IACV,YAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,QAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ,QAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU;AAAA,MACd,cAAA;AAAA,MACA,YAAY,oBAAA,GAAuB,EAAA;AAAA,MACnC,UAAU,uBAAA,GAA0B,EAAA;AAAA,MACpC;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,UAAU,QAAA,IAAY,OAAA;AAAA,QACtB,SAAA,EAAW,OAAA;AAAA,QACX,aAAW,OAAA,IAAW,MAAA;AAAA,QACrB,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA,OAAA,GAAW,YAAA,oBAAgB,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA,GAAM;AAAA;AAAA,KACpD;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;ACnD7B,IAAM,QAAA,GAAW,sBACfA,IAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAW,IAAA;AAAA,IAEX,QAAA,EAAA;AAAA,sBAAAC,IAAC,QAAA,EAAA,EAAO,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,sBAC9BA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB;AAAA;AAAA;AAC/B,CAAA;AAGK,SAAS,OAAA,CAAQ;AAAA,EACtB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,KAAA,GAAQ,IAAA;AAAA,EACR,KAAA,GAAQ,WAAA;AAAA,EACR,WAAA,GAAc,KAAA;AAAA,EACd;AACF,CAAA,EAAiB;AACf,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5C,EAAA,MAAM,IAAA,GAAO,OAAuB,IAAI,CAAA;AACxC,EAAA,MAAM,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,SAAS,OAAO,CAAA,EAAe;AAC7B,MAAA,IAAI,IAAA,CAAK,WAAW,CAAC,IAAA,CAAK,QAAQ,QAAA,CAAS,CAAA,CAAE,MAAc,CAAA,EAAG;AAC5D,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf;AAAA,IACF;AACA,IAAA,SAAS,MAAM,CAAA,EAAkB;AAC/B,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAA;AAAA,IACvC;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,MAAM,CAAA;AAC7C,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,KAAK,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,MAAM,CAAA;AAChD,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,KAAK,CAAA;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,OAAA,GAAU,gBACd,aAAA,CAAc,EAAE,QAAQ,IAAA,EAAM,MAAA,EAAQ,CAAA,mBAEtCA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,YAAA,EAAY,KAAA;AAAA,MACZ,eAAA,EAAe,IAAA;AAAA,MACf,SAAA,EAAW,CAAA,uBAAA,EAA0B,IAAA,GAAO,4BAAA,GAA+B,EAAE,CAAA,CAAA;AAAA,MAE7E,QAAA,kBAAAA,IAAC,QAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAGF,EAAA,MAAM,aACJ,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,sBAAA,EAAyB,KAAK,CAAA,CAAA,GAAK,EAAA;AACjE,EAAA,MAAM,WAAA,GACJ,OAAO,KAAA,KAAU,QAAA,GAAW,EAAE,KAAA,EAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,EAAK,GAAI,MAAA;AACxD,EAAA,MAAM,UAAA,GAAa,yBAAyB,KAAK,CAAA,CAAA;AAEjD,EAAA,uBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,WAAU,eAAA,EACvB,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,wBACCA,IAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,CAAA,qBAAA,EAAwB,UAAU,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA;AAAA,QAC3D,KAAA,EAAO,WAAA;AAAA,QACP,IAAA,EAAK,QAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,UAAA,KAAA,oBAASC,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAwB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACvDA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAuB,QAAA,EAAS;AAAA;AAAA;AAAA;AACjD,GAAA,EAEJ,CAAA;AAEJ;ACrEO,IAAM,MAAA,GAASC,UAAAA;AAAA,EACpB,CACE;AAAA,IACE,IAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA,GAAS,SAAA;AAAA,IACT,QAAA,GAAW,cAAA;AAAA,IACX,IAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ,MAAA,GAAS,QAAA;AAAA,IACT,GAAA,GAAM,qBAAA;AAAA,IACN,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU;AAAA,MACd,cAAA;AAAA,MACA,iBAAiB,QAAQ,CAAA,CAAA;AAAA,MACzB;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,MAAM,aAA4B,EAAC;AACnC,IAAA,IAAI,QAAA,aAAqB,UAAA,GAAa,QAAA;AACtC,IAAA,IAAI,SAAA,aAAsB,SAAA,GAAY,SAAA;AAEtC,IAAA,uBACEF,IAAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA;AAAA,QACA,SAAA,EAAW,OAAA;AAAA,QACV,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBACCC,GAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,oBAAA,EAAqB,aAAA,EAAW,MAC7C,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,0BAEFA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAwB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,0BAC/CA,GAAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,oBAAA;AAAA,cACV,OAAO,MAAA,CAAO,IAAA,CAAK,UAAU,CAAA,CAAE,SAAS,UAAA,GAAa,MAAA;AAAA,cAEpD,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;ACrDrB,SAAS,MAAM,EAAA,EAAY;AACzB,EAAA,OAAO,IAAI,OAAA,CAAc,CAAC,YAAY,UAAA,CAAW,OAAA,EAAS,EAAE,CAAC,CAAA;AAC/D;AAEA,SAAS,QAAA,CAAS,MAAc,EAAA,EAAY;AAC1C,EAAA,IAAI,CAAA,GAAI,CAAA;AACR,EAAA,MAAM,OAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,MAAA,EAAQ,GAAG,MAAM,CAAA;AAC5C,EAAA,OAAO,IAAI,IAAA,IAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,EAAA,CAAG,CAAC,CAAA,EAAG,CAAA,EAAA;AACtC,EAAA,IAAI,CAAA,GAAI,CAAA;AACR,EAAA,OACE,IAAI,IAAA,CAAK,MAAA,GAAS,KAClB,CAAA,GAAI,EAAA,CAAG,SAAS,CAAA,IAChB,IAAA,CAAK,KAAK,MAAA,GAAS,CAAA,GAAI,CAAC,CAAA,KAAM,EAAA,CAAG,GAAG,MAAA,GAAS,CAAA,GAAI,CAAC,CAAA,EAClD;AACA,IAAA,CAAA,EAAA;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,MAAA,EAAQ,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AAAA,IACvB,MAAA,EAAQ,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,SAAS,CAAC,CAAA;AAAA,IAClC,QAAQ,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,IAAA,CAAK,SAAS,CAAC,CAAA;AAAA,IACrC,QAAQ,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,EAAA,CAAG,SAAS,CAAC;AAAA,GACnC;AACF;AAEA,SAAS,IAAA,CAAK,KAAa,GAAA,EAAa;AACtC,EAAA,OAAO,GAAA,GAAM,IAAA,CAAK,MAAA,EAAO,IAAK,GAAA,GAAM,GAAA,CAAA;AACtC;AAEO,IAAM,SAAA,GAAYC,UAAAA;AAAA,EACvB,SAASC,UAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,CAAC,EAAA,EAAI,EAAE,CAAA;AAAA,IACnB,cAAA,GAAiB,CAAC,EAAA,EAAI,EAAE,CAAA;AAAA,IACxB,SAAA,GAAY,YAAA;AAAA,IACZ,kBAAA,GAAqB,CAAC,EAAA,EAAI,EAAE,CAAA;AAAA,IAC5B,OAAA,GAAU,EAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,SAAA,GAAY,EAAA;AAAA,IACZ,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,SAAS,KAAK,CAAA;AAChD,IAAA,MAAM,QAAA,GAAWC,OAAO,CAAC,CAAA;AACzB,IAAA,MAAM,UAAA,GAAaA,OAAO,KAAK,CAAA;AAC/B,IAAA,MAAM,YAAA,GAAeA,OAAO,KAAK,CAAA;AACjC,IAAA,MAAM,YAAA,GAAeA,OAAO,KAAK,CAAA;AAEjC,IAAAC,UAAU,MAAM;AACd,MAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,QAAA,UAAA,CAAW,UAAU,MAAA,CAAO,UAAA;AAAA,UAC1B;AAAA,SACF,CAAE,OAAA;AAAA,MACJ;AAAA,IACF,CAAA,EAAG,EAAE,CAAA;AAIL,IAAAA,UAAU,MAAM;AACd,MAAA,YAAA,CAAa,OAAA,GAAU,SAAA;AAAA,IACzB,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,IAAAA,UAAU,MAAM;AACd,MAAA,IAAI,KAAA,KAAU,aAAa,OAAA,EAAS;AACpC,MAAA,MAAM,SAAS,YAAA,CAAa,OAAA;AAC5B,MAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AAEvB,MAAA,IAAI,QAAA,IAAY,WAAW,OAAA,EAAS;AAClC,QAAA,YAAA,CAAa,KAAK,CAAA;AAClB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,OAAA,GAAU,EAAE,QAAA,CAAS,OAAA;AAE3B,MAAA,CAAC,YAAY;AACX,QAAA,MAAM,EAAE,QAAQ,MAAA,EAAQ,MAAA,EAAQ,QAAO,GAAI,QAAA,CAAS,QAAQ,KAAK,CAAA;AAEjE,QAAA,KAAA,IAAS,IAAI,MAAA,CAAO,MAAA,GAAS,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AAC3C,UAAA,IAAI,OAAA,KAAY,SAAS,OAAA,EAAS;AAClC,UAAA,YAAA,CAAa,SAAS,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,IAAI,MAAM,CAAA;AACjD,UAAA,MAAM,KAAA,CAAM,KAAK,cAAA,CAAe,CAAC,GAAG,cAAA,CAAe,CAAC,CAAC,CAAC,CAAA;AAAA,QACxD;AAEA,QAAA,IAAI,OAAA,KAAY,SAAS,OAAA,EAAS;AAClC,QAAA,MAAM,MAAM,OAAO,CAAA;AAEnB,QAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,IAAK,MAAA,CAAO,QAAQ,CAAA,EAAA,EAAK;AACvC,UAAA,IAAI,OAAA,KAAY,SAAS,OAAA,EAAS;AAClC,UAAA,YAAA,CAAa,SAAS,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,IAAI,MAAM,CAAA;AACjD,UAAA,MAAM,EAAA,GAAK,MAAA,CAAO,MAAA,CAAO,CAAA,GAAI,CAAC,CAAA;AAC9B,UAAA,MAAM,OAAO,IAAA,CAAK,SAAA,CAAU,CAAC,CAAA,EAAG,SAAA,CAAU,CAAC,CAAC,CAAA;AAC5C,UAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,IAAA,CAAK,EAAE,CAAA,GAC3B,IAAA,CAAK,kBAAA,CAAmB,CAAC,CAAA,EAAG,kBAAA,CAAmB,CAAC,CAAC,CAAA,GACjD,CAAA;AACJ,UAAA,MAAM,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,QAC1B;AAAA,MACF,CAAA,GAAG;AAAA,IACL,CAAA,EAAG;AAAA,MACD,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,kBAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,uBACEL,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,CAAA,gBAAA,EAAmB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,QAC/C,WAAA,EAAU,QAAA;AAAA,QACT,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA,UAAA,GAAa,UAAA,CAAW,SAAS,CAAA,GAAI;AAAA;AAAA,KACxC;AAAA,EAEJ;AACF","file":"index.js","sourcesContent":["'use client';\n\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport './GradientButton.css';\n\nexport interface GradientButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  loading?: boolean;\n  loadingLabel?: ReactNode;\n  fullWidth?: boolean;\n  children: ReactNode;\n}\n\nconst DefaultSpinner = () => (\n  <span className=\"gradient-btn__spinner\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\">\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9\"\n        stroke=\"currentColor\"\n        strokeOpacity=\"0.3\"\n        strokeWidth=\"2.5\"\n      />\n      <path\n        d=\"M21 12a9 9 0 0 0-9-9\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  </span>\n);\n\nexport const GradientButton = forwardRef<HTMLButtonElement, GradientButtonProps>(\n  (\n    {\n      loading = false,\n      loadingLabel,\n      fullWidth = true,\n      disabled,\n      className = '',\n      children,\n      type = 'button',\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = [\n      'gradient-btn',\n      fullWidth ? 'gradient-btn--full' : '',\n      loading ? 'gradient-btn--loading' : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        className={classes}\n        aria-busy={loading || undefined}\n        {...rest}\n      >\n        {loading ? (loadingLabel ?? <DefaultSpinner />) : children}\n      </button>\n    );\n  },\n);\n\nGradientButton.displayName = 'GradientButton';\n","'use client';\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport './Popover.css';\n\nexport interface PopoverProps {\n  children: ReactNode;\n  title?: string;\n  align?: 'left' | 'right';\n  width?: 'sm' | 'md' | 'lg' | number;\n  label?: string;\n  defaultOpen?: boolean;\n  renderTrigger?: (api: { isOpen: boolean; toggle: () => void }) => ReactNode;\n}\n\nconst InfoIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"9\" />\n    <path d=\"M12 16v-5M12 8h.01\" />\n  </svg>\n);\n\nexport function Popover({\n  children,\n  title,\n  align = 'right',\n  width = 'md',\n  label = 'Open menu',\n  defaultOpen = false,\n  renderTrigger,\n}: PopoverProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const wrap = useRef<HTMLDivElement>(null);\n  const toggle = () => setOpen((o) => !o);\n\n  useEffect(() => {\n    if (!open) return;\n    function onDown(e: MouseEvent) {\n      if (wrap.current && !wrap.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setOpen(false);\n    }\n    document.addEventListener('mousedown', onDown);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onDown);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const trigger = renderTrigger ? (\n    renderTrigger({ isOpen: open, toggle })\n  ) : (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      aria-label={label}\n      aria-expanded={open}\n      className={`royui-popover__trigger ${open ? 'royui-popover__trigger--on' : ''}`}\n    >\n      <InfoIcon />\n    </button>\n  );\n\n  const widthClass =\n    typeof width === 'string' ? `royui-popover__panel--${width}` : '';\n  const customWidth =\n    typeof width === 'number' ? { width: `${width}px` } : undefined;\n  const alignClass = `royui-popover__panel--${align}`;\n\n  return (\n    <div ref={wrap} className=\"royui-popover\">\n      {trigger}\n      {open && (\n        <div\n          className={`royui-popover__panel ${widthClass} ${alignClass}`}\n          style={customWidth}\n          role=\"dialog\"\n        >\n          {title && <div className=\"royui-popover__title\">{title}</div>}\n          <div className=\"royui-popover__body\">{children}</div>\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ReactNode,\n} from 'react';\nimport './MadeBy.css';\n\nexport type MadeByPosition =\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'top-right'\n  | 'top-left';\n\nexport interface MadeByProps\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'prefix'> {\n  /** Display name shown after the prefix. */\n  name: string;\n  /** URL opened when the badge is clicked. */\n  href: string;\n  /** Prefix copy. Defaults to \"Made by\". */\n  prefix?: ReactNode;\n  /** Viewport anchor. Defaults to \"bottom-right\". */\n  position?: MadeByPosition;\n  /** Optional leading slot — avatar, mark, emoji, dot. */\n  icon?: ReactNode;\n  /** Custom font-family for the author name. */\n  nameFont?: string;\n  /** Font style for the author name. Defaults to \"italic\". */\n  nameStyle?: CSSProperties['fontStyle'];\n}\n\nexport const MadeBy = forwardRef<HTMLAnchorElement, MadeByProps>(\n  (\n    {\n      name,\n      href,\n      prefix = 'Made by',\n      position = 'bottom-right',\n      icon,\n      nameFont,\n      nameStyle,\n      className = '',\n      target = '_blank',\n      rel = 'noopener noreferrer',\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = [\n      'royui-madeby',\n      `royui-madeby--${position}`,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const nameStyles: CSSProperties = {};\n    if (nameFont) nameStyles.fontFamily = nameFont;\n    if (nameStyle) nameStyles.fontStyle = nameStyle;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={rel}\n        className={classes}\n        {...rest}\n      >\n        {icon && (\n          <span className=\"royui-madeby__icon\" aria-hidden>\n            {icon}\n          </span>\n        )}\n        <span className=\"royui-madeby__prefix\">{prefix}</span>\n        <span\n          className=\"royui-madeby__name\"\n          style={Object.keys(nameStyles).length ? nameStyles : undefined}\n        >\n          {name}\n        </span>\n      </a>\n    );\n  },\n);\n\nMadeBy.displayName = 'MadeBy';\n","'use client';\n\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport './TextMorph.css';\n\nexport interface TextMorphProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n  /** The current text. When this prop changes, the component diff-types\n      from the previously displayed text to the new value. */\n  value: string;\n  /** Optional renderer for the current intermediate text — handy for\n      syntax highlighting, gradient spans, or wrapping each word. Receives\n      the partial string at every keystroke during the animation. */\n  renderText?: (current: string) => ReactNode;\n  /** Per-character typing delay range in ms. Default [30, 60]. */\n  typeDelay?: [min: number, max: number];\n  /** Per-character backspace delay range in ms. Default [18, 30]. */\n  backspaceDelay?: [min: number, max: number];\n  /** Characters that get an additional delay (harder to type on a real\n      keyboard — punctuation, brackets, symbols). Default /[\\/{}\\-_@]/. */\n  hardChars?: RegExp;\n  /** Extra delay range for hard chars in ms. Default [30, 65]. */\n  hardCharExtraDelay?: [min: number, max: number];\n  /** Pause between backspace phase and typing phase, in ms. Default 70. */\n  pauseMs?: number;\n  /** Skip animation entirely and just swap text. */\n  disabled?: boolean;\n}\n\nfunction sleep(ms: number) {\n  return new Promise<void>((resolve) => setTimeout(resolve, ms));\n}\n\nfunction findDiff(from: string, to: string) {\n  let p = 0;\n  const maxP = Math.min(from.length, to.length);\n  while (p < maxP && from[p] === to[p]) p++;\n  let s = 0;\n  while (\n    s < from.length - p &&\n    s < to.length - p &&\n    from[from.length - 1 - s] === to[to.length - 1 - s]\n  ) {\n    s++;\n  }\n  return {\n    prefix: from.slice(0, p),\n    suffix: from.slice(from.length - s),\n    oldMid: from.slice(p, from.length - s),\n    newMid: to.slice(p, to.length - s),\n  };\n}\n\nfunction rand(min: number, max: number) {\n  return min + Math.random() * (max - min);\n}\n\nexport const TextMorph = forwardRef<HTMLSpanElement, TextMorphProps>(\n  function TextMorph(\n    {\n      value,\n      renderText,\n      typeDelay = [30, 60],\n      backspaceDelay = [18, 30],\n      hardChars = /[\\/{}\\-_@]/,\n      hardCharExtraDelay = [30, 65],\n      pauseMs = 70,\n      disabled = false,\n      className = '',\n      ...rest\n    },\n    ref,\n  ) {\n    const [displayed, setDisplayed] = useState(value);\n    const tokenRef = useRef(0);\n    const reducedRef = useRef(false);\n    const prevValueRef = useRef(value);\n    const displayedRef = useRef(value);\n\n    useEffect(() => {\n      if (typeof window !== 'undefined') {\n        reducedRef.current = window.matchMedia(\n          '(prefers-reduced-motion: reduce)',\n        ).matches;\n      }\n    }, []);\n\n    // Keep a ref of the currently shown text so the animation always\n    // starts from the latest frame (even if interrupted mid-typing).\n    useEffect(() => {\n      displayedRef.current = displayed;\n    }, [displayed]);\n\n    useEffect(() => {\n      if (value === prevValueRef.current) return;\n      const source = displayedRef.current;\n      prevValueRef.current = value;\n\n      if (disabled || reducedRef.current) {\n        setDisplayed(value);\n        return;\n      }\n\n      const myToken = ++tokenRef.current;\n\n      (async () => {\n        const { prefix, suffix, oldMid, newMid } = findDiff(source, value);\n\n        for (let i = oldMid.length - 1; i >= 0; i--) {\n          if (myToken !== tokenRef.current) return;\n          setDisplayed(prefix + oldMid.slice(0, i) + suffix);\n          await sleep(rand(backspaceDelay[0], backspaceDelay[1]));\n        }\n\n        if (myToken !== tokenRef.current) return;\n        await sleep(pauseMs);\n\n        for (let i = 1; i <= newMid.length; i++) {\n          if (myToken !== tokenRef.current) return;\n          setDisplayed(prefix + newMid.slice(0, i) + suffix);\n          const ch = newMid.charAt(i - 1);\n          const base = rand(typeDelay[0], typeDelay[1]);\n          const extra = hardChars.test(ch)\n            ? rand(hardCharExtraDelay[0], hardCharExtraDelay[1])\n            : 0;\n          await sleep(base + extra);\n        }\n      })();\n    }, [\n      value,\n      disabled,\n      typeDelay,\n      backspaceDelay,\n      hardChars,\n      hardCharExtraDelay,\n      pauseMs,\n    ]);\n\n    return (\n      <span\n        ref={ref}\n        className={`royui-textmorph ${className}`.trim()}\n        aria-live=\"polite\"\n        {...rest}\n      >\n        {renderText ? renderText(displayed) : displayed}\n      </span>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["../src/components/gradient-button/GradientButton.tsx","../src/components/popover/Popover.tsx","../src/components/made-by/MadeBy.tsx","../src/components/text-morph/TextMorph.tsx","../src/components/tree-nav/TreeNav.tsx","../src/components/tree-nav/TreeNavItem.tsx"],"names":["jsxs","jsx","forwardRef","TextMorph","useState","useRef","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["'use client';\n\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport './GradientButton.css';\n\nexport interface GradientButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  loading?: boolean;\n  loadingLabel?: ReactNode;\n  fullWidth?: boolean;\n  children: ReactNode;\n}\n\nconst DefaultSpinner = () => (\n  <span className=\"gradient-btn__spinner\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\">\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9\"\n        stroke=\"currentColor\"\n        strokeOpacity=\"0.3\"\n        strokeWidth=\"2.5\"\n      />\n      <path\n        d=\"M21 12a9 9 0 0 0-9-9\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  </span>\n);\n\nexport const GradientButton = forwardRef<HTMLButtonElement, GradientButtonProps>(\n  (\n    {\n      loading = false,\n      loadingLabel,\n      fullWidth = true,\n      disabled,\n      className = '',\n      children,\n      type = 'button',\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = [\n      'gradient-btn',\n      fullWidth ? 'gradient-btn--full' : '',\n      loading ? 'gradient-btn--loading' : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        className={classes}\n        aria-busy={loading || undefined}\n        {...rest}\n      >\n        {loading ? (loadingLabel ?? <DefaultSpinner />) : children}\n      </button>\n    );\n  },\n);\n\nGradientButton.displayName = 'GradientButton';\n","'use client';\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport './Popover.css';\n\nexport interface PopoverProps {\n  children: ReactNode;\n  title?: string;\n  align?: 'left' | 'right';\n  width?: 'sm' | 'md' | 'lg' | number;\n  label?: string;\n  defaultOpen?: boolean;\n  renderTrigger?: (api: { isOpen: boolean; toggle: () => void }) => ReactNode;\n}\n\nconst InfoIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"9\" />\n    <path d=\"M12 16v-5M12 8h.01\" />\n  </svg>\n);\n\nexport function Popover({\n  children,\n  title,\n  align = 'right',\n  width = 'md',\n  label = 'Open menu',\n  defaultOpen = false,\n  renderTrigger,\n}: PopoverProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const wrap = useRef<HTMLDivElement>(null);\n  const toggle = () => setOpen((o) => !o);\n\n  useEffect(() => {\n    if (!open) return;\n    function onDown(e: MouseEvent) {\n      if (wrap.current && !wrap.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setOpen(false);\n    }\n    document.addEventListener('mousedown', onDown);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onDown);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const trigger = renderTrigger ? (\n    renderTrigger({ isOpen: open, toggle })\n  ) : (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      aria-label={label}\n      aria-expanded={open}\n      className={`royui-popover__trigger ${open ? 'royui-popover__trigger--on' : ''}`}\n    >\n      <InfoIcon />\n    </button>\n  );\n\n  const widthClass =\n    typeof width === 'string' ? `royui-popover__panel--${width}` : '';\n  const customWidth =\n    typeof width === 'number' ? { width: `${width}px` } : undefined;\n  const alignClass = `royui-popover__panel--${align}`;\n\n  return (\n    <div ref={wrap} className=\"royui-popover\">\n      {trigger}\n      {open && (\n        <div\n          className={`royui-popover__panel ${widthClass} ${alignClass}`}\n          style={customWidth}\n          role=\"dialog\"\n        >\n          {title && <div className=\"royui-popover__title\">{title}</div>}\n          <div className=\"royui-popover__body\">{children}</div>\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ReactNode,\n} from 'react';\nimport './MadeBy.css';\n\nexport type MadeByPosition =\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'top-right'\n  | 'top-left';\n\nexport interface MadeByProps\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'prefix'> {\n  /** Display name shown after the prefix. */\n  name: string;\n  /** URL opened when the badge is clicked. */\n  href: string;\n  /** Prefix copy. Defaults to \"Made by\". */\n  prefix?: ReactNode;\n  /** Viewport anchor. Defaults to \"bottom-right\". */\n  position?: MadeByPosition;\n  /** Optional leading slot — avatar, mark, emoji, dot. */\n  icon?: ReactNode;\n  /** Custom font-family for the author name. */\n  nameFont?: string;\n  /** Font style for the author name. Defaults to \"italic\". */\n  nameStyle?: CSSProperties['fontStyle'];\n}\n\nexport const MadeBy = forwardRef<HTMLAnchorElement, MadeByProps>(\n  (\n    {\n      name,\n      href,\n      prefix = 'Made by',\n      position = 'bottom-right',\n      icon,\n      nameFont,\n      nameStyle,\n      className = '',\n      target = '_blank',\n      rel = 'noopener noreferrer',\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = [\n      'royui-madeby',\n      `royui-madeby--${position}`,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const nameStyles: CSSProperties = {};\n    if (nameFont) nameStyles.fontFamily = nameFont;\n    if (nameStyle) nameStyles.fontStyle = nameStyle;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={rel}\n        className={classes}\n        {...rest}\n      >\n        {icon && (\n          <span className=\"royui-madeby__icon\" aria-hidden>\n            {icon}\n          </span>\n        )}\n        <span className=\"royui-madeby__prefix\">{prefix}</span>\n        <span\n          className=\"royui-madeby__name\"\n          style={Object.keys(nameStyles).length ? nameStyles : undefined}\n        >\n          {name}\n        </span>\n      </a>\n    );\n  },\n);\n\nMadeBy.displayName = 'MadeBy';\n","'use client';\n\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport './TextMorph.css';\n\nexport interface TextMorphProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n  /** The current text. When this prop changes, the component diff-types\n      from the previously displayed text to the new value. */\n  value: string;\n  /** Optional renderer for the current intermediate text — handy for\n      syntax highlighting, gradient spans, or wrapping each word. Receives\n      the partial string at every keystroke during the animation. */\n  renderText?: (current: string) => ReactNode;\n  /** Per-character typing delay range in ms. Default [30, 60]. */\n  typeDelay?: [min: number, max: number];\n  /** Per-character backspace delay range in ms. Default [18, 30]. */\n  backspaceDelay?: [min: number, max: number];\n  /** Characters that get an additional delay (harder to type on a real\n      keyboard — punctuation, brackets, symbols). Default /[\\/{}\\-_@]/. */\n  hardChars?: RegExp;\n  /** Extra delay range for hard chars in ms. Default [30, 65]. */\n  hardCharExtraDelay?: [min: number, max: number];\n  /** Pause between backspace phase and typing phase, in ms. Default 70. */\n  pauseMs?: number;\n  /** Skip animation entirely and just swap text. */\n  disabled?: boolean;\n}\n\nfunction sleep(ms: number) {\n  return new Promise<void>((resolve) => setTimeout(resolve, ms));\n}\n\nfunction findDiff(from: string, to: string) {\n  let p = 0;\n  const maxP = Math.min(from.length, to.length);\n  while (p < maxP && from[p] === to[p]) p++;\n  let s = 0;\n  while (\n    s < from.length - p &&\n    s < to.length - p &&\n    from[from.length - 1 - s] === to[to.length - 1 - s]\n  ) {\n    s++;\n  }\n  return {\n    prefix: from.slice(0, p),\n    suffix: from.slice(from.length - s),\n    oldMid: from.slice(p, from.length - s),\n    newMid: to.slice(p, to.length - s),\n  };\n}\n\nfunction rand(min: number, max: number) {\n  return min + Math.random() * (max - min);\n}\n\nexport const TextMorph = forwardRef<HTMLSpanElement, TextMorphProps>(\n  function TextMorph(\n    {\n      value,\n      renderText,\n      typeDelay = [30, 60],\n      backspaceDelay = [18, 30],\n      hardChars = /[\\/{}\\-_@]/,\n      hardCharExtraDelay = [30, 65],\n      pauseMs = 70,\n      disabled = false,\n      className = '',\n      ...rest\n    },\n    ref,\n  ) {\n    const [displayed, setDisplayed] = useState(value);\n    const tokenRef = useRef(0);\n    const reducedRef = useRef(false);\n    const prevValueRef = useRef(value);\n    const displayedRef = useRef(value);\n\n    useEffect(() => {\n      if (typeof window !== 'undefined') {\n        reducedRef.current = window.matchMedia(\n          '(prefers-reduced-motion: reduce)',\n        ).matches;\n      }\n    }, []);\n\n    // Keep a ref of the currently shown text so the animation always\n    // starts from the latest frame (even if interrupted mid-typing).\n    useEffect(() => {\n      displayedRef.current = displayed;\n    }, [displayed]);\n\n    useEffect(() => {\n      if (value === prevValueRef.current) return;\n      const source = displayedRef.current;\n      prevValueRef.current = value;\n\n      if (disabled || reducedRef.current) {\n        setDisplayed(value);\n        return;\n      }\n\n      const myToken = ++tokenRef.current;\n\n      (async () => {\n        const { prefix, suffix, oldMid, newMid } = findDiff(source, value);\n\n        for (let i = oldMid.length - 1; i >= 0; i--) {\n          if (myToken !== tokenRef.current) return;\n          setDisplayed(prefix + oldMid.slice(0, i) + suffix);\n          await sleep(rand(backspaceDelay[0], backspaceDelay[1]));\n        }\n\n        if (myToken !== tokenRef.current) return;\n        await sleep(pauseMs);\n\n        for (let i = 1; i <= newMid.length; i++) {\n          if (myToken !== tokenRef.current) return;\n          setDisplayed(prefix + newMid.slice(0, i) + suffix);\n          const ch = newMid.charAt(i - 1);\n          const base = rand(typeDelay[0], typeDelay[1]);\n          const extra = hardChars.test(ch)\n            ? rand(hardCharExtraDelay[0], hardCharExtraDelay[1])\n            : 0;\n          await sleep(base + extra);\n        }\n      })();\n    }, [\n      value,\n      disabled,\n      typeDelay,\n      backspaceDelay,\n      hardChars,\n      hardCharExtraDelay,\n      pauseMs,\n    ]);\n\n    return (\n      <span\n        ref={ref}\n        className={`royui-textmorph ${className}`.trim()}\n        aria-live=\"polite\"\n        {...rest}\n      >\n        {renderText ? renderText(displayed) : displayed}\n      </span>\n    );\n  },\n);\n","'use client';\n\nimport {\n  forwardRef,\n  type CSSProperties,\n  type HTMLAttributes,\n} from 'react';\nimport './TreeNav.css';\n\nexport interface TreeNavProps extends HTMLAttributes<HTMLUListElement> {\n  /** Left indent of the branched group, in pixels. Default 24. */\n  indent?: number;\n  /** Vertical gap between items, in pixels. Default 2. */\n  gap?: number;\n}\n\nexport const TreeNav = forwardRef<HTMLUListElement, TreeNavProps>(\n  ({ indent = 24, gap = 2, className = '', style, children, ...rest }, ref) => {\n    const mergedStyle: CSSProperties = {\n      ...style,\n      ['--royui-treenav-indent' as string]: `${indent}px`,\n      ['--royui-treenav-gap' as string]: `${gap}px`,\n    };\n\n    const classes = ['royui-treenav', className].filter(Boolean).join(' ');\n\n    return (\n      <ul ref={ref} className={classes} style={mergedStyle} {...rest}>\n        {children}\n      </ul>\n    );\n  },\n);\n\nTreeNav.displayName = 'TreeNav';\n","'use client';\n\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type AnchorHTMLAttributes,\n  type LiHTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nexport interface TreeNavItemProps\n  extends Omit<LiHTMLAttributes<HTMLLIElement>, 'children'> {\n  /** Link target. Used when asChild is false (default <a> render). */\n  href?: string;\n  /** Mark this item active. Adds aria-current=\"page\" to the rendered link. */\n  active?: boolean;\n  /** Render the consumer's element (e.g. next/link, TanStack Link) instead of an <a>. */\n  asChild?: boolean;\n  /** Hide the triangle tip at the end of the branch. Default false (tip shown). */\n  hideTip?: boolean;\n  /** Leading icon slot. */\n  icon?: ReactNode;\n  /** Anchor / link contents. */\n  children?: ReactNode;\n  /** Forwarded to the inner link element (className, onClick, etc.). */\n  linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>;\n}\n\ntype ChildLinkElement = ReactElement<{\n  className?: string;\n  'aria-current'?: AnchorHTMLAttributes<HTMLAnchorElement>['aria-current'];\n  children?: ReactNode;\n}>;\n\nexport const TreeNavItem = forwardRef<HTMLLIElement, TreeNavItemProps>(\n  (\n    {\n      href,\n      active = false,\n      asChild = false,\n      hideTip = false,\n      icon,\n      children,\n      linkProps,\n      className = '',\n      ...rest\n    },\n    ref,\n  ) => {\n    const itemClasses = [\n      'royui-treenav__item',\n      hideTip && 'royui-treenav__item--no-tip',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const linkContent = (\n      <>\n        {icon && (\n          <span className=\"royui-treenav__icon\" aria-hidden>\n            {icon}\n          </span>\n        )}\n        <span className=\"royui-treenav__label\">{children}</span>\n      </>\n    );\n\n    let renderedLink: ReactNode;\n\n    if (asChild) {\n      const onlyChild = Children.only(children) as ChildLinkElement;\n      if (!isValidElement(onlyChild)) {\n        throw new Error(\n          'TreeNavItem: asChild requires a single React element child.',\n        );\n      }\n      const childClassName = [\n        'royui-treenav__link',\n        onlyChild.props.className,\n      ]\n        .filter(Boolean)\n        .join(' ');\n\n      renderedLink = cloneElement(onlyChild, {\n        className: childClassName,\n        ...(active ? { 'aria-current': 'page' as const } : {}),\n      });\n    } else {\n      const { className: linkClassName, ...linkRest } = linkProps ?? {};\n      const mergedLinkClass = ['royui-treenav__link', linkClassName]\n        .filter(Boolean)\n        .join(' ');\n\n      renderedLink = (\n        <a\n          href={href}\n          className={mergedLinkClass}\n          {...(active ? { 'aria-current': 'page' as const } : {})}\n          {...linkRest}\n        >\n          {linkContent}\n        </a>\n      );\n    }\n\n    return (\n      <li ref={ref} className={itemClasses} {...rest}>\n        <svg\n          className=\"royui-treenav__connector\"\n          viewBox=\"0 0 20 30\"\n          preserveAspectRatio=\"xMinYMid meet\"\n          aria-hidden\n        >\n          {hideTip ? (\n            <path\n              d=\"M1.25 0 L1.25 7 Q1.25 15.75 11 15.75 L11 14.25 Q2.75 14.25 2.75 7 L2.75 0 Z\"\n              fill=\"currentColor\"\n            />\n          ) : (\n            <path\n              d=\"M1.25 0 L1.25 7 Q1.25 15.75 10.33 15.75 L10.33 16.94 L14.22 15 L10.33 13.06 L10.33 14.25 Q2.75 14.25 2.75 7 L2.75 0 Z\"\n              fill=\"currentColor\"\n            />\n          )}\n        </svg>\n        {renderedLink}\n      </li>\n    );\n  },\n);\n\nTreeNavItem.displayName = 'TreeNavItem';\n"]}

package/package.json

@@ -1,44 +1,133 @@
 {
   "name": "@roy-ui/ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Free, animated React components built with TypeScript. Zero config, RSC-safe, sub-12 KB. Gradient button, popover, text morph and more.",
   "keywords": [
     "react",
+    "reactjs",
+    "react-18",
+    "react-19",
     "react-components",
     "react-component-library",
     "react-ui",
     "react-ui-library",
+    "react-ui-kit",
+    "react-ui-framework",
     "ui",
     "ui-library",
     "ui-kit",
+    "ui-components",
+    "ui-framework",
     "component-library",
     "components",
+    "components-library",
     "design-system",
     "typescript",
+    "typescript-react",
     "esm",
+    "esm-only",
     "tree-shakable",
+    "tree-shaking",
+    "side-effect-free",
+    "tiny",
+    "lightweight",
+    "zero-config",
     "nextjs",
     "next",
+    "next-js",
+    "next15",
+    "nextjs-15",
+    "app-router",
     "react-server-components",
     "rsc",
+    "rsc-safe",
     "use-client",
+    "server-components",
+    "vite",
+    "remix",
+    "astro",
+    "tanstack",
+    "tanstack-start",
     "animation",
     "animated",
+    "animated-components",
+    "animated-ui",
+    "react-animation",
+    "react-animation-library",
     "micro-interactions",
+    "motion",
+    "transitions",
     "gradient",
     "gradient-button",
+    "animated-gradient",
     "button",
+    "cta-button",
+    "loading-button",
     "popover",
+    "animated-popover",
     "tooltip",
+    "overlay",
+    "modal",
+    "dialog",
     "text-animation",
     "text-morph",
     "text-effect",
+    "typing-animation",
+    "tree-nav",
+    "tree-navigation",
+    "sidebar",
+    "sidebar-nav",
+    "navigation",
+    "menu",
     "made-by",
     "attribution-badge",
+    "badge",
+    "credit-badge",
+    "floating-badge",
+    "headless-ui",
+    "accessible",
+    "accessibility",
+    "wai-aria",
+    "aria",
+    "a11y",
     "frontend",
+    "front-end",
+    "web-development",
     "open-source",
     "free",
-    "tailwind-friendly"
+    "mit",
+    "mit-license",
+    "tailwind",
+    "tailwind-css",
+    "tailwind-friendly",
+    "shadcn",
+    "shadcn-ui",
+    "shadcn-alternative",
+    "shadcn-ui-alternative",
+    "aceternity",
+    "aceternity-ui",
+    "aceternity-alternative",
+    "magic-ui",
+    "magic-ui-alternative",
+    "mui",
+    "mui-alternative",
+    "material-ui",
+    "material-ui-alternative",
+    "radix",
+    "radix-ui",
+    "radix-alternative",
+    "hero-ui",
+    "heroui",
+    "heroui-alternative",
+    "mantine",
+    "mantine-alternative",
+    "chakra",
+    "chakra-ui",
+    "chakra-alternative",
+    "daisyui",
+    "daisyui-alternative",
+    "roy-ui",
+    "royui"
   ],
   "author": {
     "name": "Dibbayajyoti Roy",