@actioneer/ads 0.6.0 → 0.8.0

package/components/link.js

@@ -1,72 +0,0 @@
-"use client";
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import * as u from "react";
-import { ArrowUpRight as t } from "../lib/icons.js";
-import { cn as d } from "../lib/cn.js";
-const c = {
-  default: "text-foreground",
-  muted: "text-muted-foreground",
-  primary: "text-brand"
-}, f = u.forwardRef(
-  ({ className: n, color: a = "default", isExternal: e = !1, children: i, ...s }, l) => /* @__PURE__ */ r(
-    "a",
-    {
-      ref: l,
-      target: e ? "_blank" : void 0,
-      rel: e ? "noopener noreferrer" : void 0,
-      className: d(
-        // Links read as links by WEIGHT at rest (bold against body copy);
-        // the underline is a hover/focus affordance. Underline spec: dotted,
-        // 12% thickness, 24% offset, skip-ink, auto (current) color.
-        "group/link inline-flex items-center gap-1 rounded-xs font-medium",
-        "hover:underline focus-visible:underline decoration-dotted decoration-[0.12em] underline-offset-[0.24em]",
-        "outline-none focus-visible:ring-3 focus-visible:ring-ring",
-        c[a],
-        n
-      ),
-      ...s,
-      children: [
-        i,
-        e && // Two arrows stacked in a clipped box, driven by a single group-hover
-        // CSS var (`--arrow-out`). At rest, arrow A sits centered and arrow B
-        // is parked bottom-left off the viewport (--arrow-out = 0). On hover,
-        // --arrow-out = 1: A slides up-right out of the frame, B slides in to
-        // take its place. The swap reads as the arrow flying toward the
-        // destination. Space is reserved so the label never shifts.
-        // (Inline style — Tailwind's arbitrary translate utilities weren't
-        // being generated by the JIT for these specific values.)
-        /* @__PURE__ */ r(
-          "span",
-          {
-            "aria-hidden": !0,
-            className: "relative inline-block size-3.5 overflow-hidden [--arrow-out:0] group-hover/link:[--arrow-out:1] group-focus-visible/link:[--arrow-out:1]",
-            children: [
-              /* @__PURE__ */ o(
-                t,
-                {
-                  className: "absolute inset-0 size-full transition-transform duration-150 ease-out motion-reduce:transition-none",
-                  style: {
-                    transform: "translate(calc(var(--arrow-out) * 100%), calc(var(--arrow-out) * -100%))"
-                  }
-                }
-              ),
-              /* @__PURE__ */ o(
-                t,
-                {
-                  className: "absolute inset-0 size-full transition-transform duration-150 ease-out motion-reduce:transition-none",
-                  style: {
-                    transform: "translate(calc((var(--arrow-out) - 1) * 100%), calc((1 - var(--arrow-out)) * 100%))"
-                  }
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  )
-);
-f.displayName = "Link";
-export {
-  f as Link
-};

package/components/navbar.d.ts

@@ -1,15 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-export declare const Navbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-export declare const NavbarBrand: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const navbarContentVariants: (props?: ({
-    justify?: "end" | "center" | "start" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface NavbarContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof navbarContentVariants> {
-}
-export declare const NavbarContent: React.ForwardRefExoticComponent<NavbarContentProps & React.RefAttributes<HTMLDivElement>>;
-export interface NavbarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    isActive?: boolean;
-}
-export declare const NavbarItem: React.ForwardRefExoticComponent<NavbarItemProps & React.RefAttributes<HTMLAnchorElement>>;
-export {};

package/components/navbar.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "react";
-import { cva as i } from "class-variance-authority";
-import { cn as n } from "../lib/cn.js";
-const m = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
-  "nav",
-  {
-    ref: e,
-    className: n(
-      "sticky top-0 z-40 flex h-16 items-center gap-4 px-4",
-      "bg-background/80 backdrop-blur",
-      r
-    ),
-    ...a
-  }
-));
-m.displayName = "Navbar";
-const d = o.forwardRef(({ className: r, ...a }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    className: n(
-      "flex items-center gap-2 font-medium text-foreground",
-      r
-    ),
-    ...a
-  }
-));
-d.displayName = "NavbarBrand";
-const c = i("flex items-center gap-1", {
-  variants: {
-    justify: {
-      start: "mr-auto",
-      center: "mx-auto",
-      end: "ml-auto"
-    }
-  }
-}), f = o.forwardRef(({ className: r, justify: a, ...e }, s) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: s,
-    className: n(c({ justify: a }), r),
-    ...e
-  }
-));
-f.displayName = "NavbarContent";
-const l = o.forwardRef(({ className: r, isActive: a, ...e }, s) => /* @__PURE__ */ t(
-  "a",
-  {
-    ref: s,
-    "aria-current": a ? "page" : void 0,
-    className: n(
-      "rounded-md px-2 py-1 text-xs transition-colors",
-      "outline-none focus-visible:ring-3 focus-visible:ring-ring",
-      a ? "text-foreground" : "text-muted-foreground hover:text-foreground",
-      r
-    ),
-    ...e
-  }
-));
-l.displayName = "NavbarItem";
-export {
-  m as Navbar,
-  d as NavbarBrand,
-  f as NavbarContent,
-  l as NavbarItem
-};

package/components/pixel-icon.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-/**
- * PixelIcon — the "Compounding Field" interactive brand icon.
- *
- * This is the exact hatched-tile WebGL implementation as authored, ported into
- * an ADS component so it's available to BOTH the design system and the product
- * (`import { PixelIcon } from "@/components"`). The ONLY change from the source
- * is the import above: `ogl` is the installed package, not a CDN URL (the ADS
- * is self-contained — no external hosts). Masks, palettes, shaders, and the
- * `HatchedTileScene` renderer are verbatim.
- *
- * Add a new creative icon = add a mask to `MASKS` (+ a palette). One place.
- */
-declare const MASKS: Record<string, string[]>;
-export type PixelIconMask = keyof typeof MASKS;
-export interface PixelIconProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Which creative mask to render. Add new ones to MASKS. */
-    mask?: PixelIconMask | (string & {});
-    /** Entrance choreography: "sequence" sweeps corner-to-corner, else radial. */
-    motion?: "sequence" | "radial";
-    /** Interaction preset 0–5 (3 = local hover-grow + click blast; hero forces 3). */
-    motionMode?: number;
-    /** Optional hover/click accent. Defaults to the standard green interaction color. */
-    interactionColor?: string;
-    /** Optional 1–10 color ramp. Short ramps repeat to fill the ten tile shades. */
-    palette?: readonly string[];
-    /** Whether interaction is limited to filled tiles or spans the whole icon surface. */
-    interactionArea?: "tiles" | "surface";
-    /** Larger hero rendering (broader hatch, mode 3). */
-    hero?: boolean;
-}
-/**
- * The interactive pixel-field brand icon. Interactive on hover/click; size it
- * with `size-*` / width+height on `className` (it renders a square canvas).
- */
-export declare const PixelIcon: React.ForwardRefExoticComponent<PixelIconProps & React.RefAttributes<HTMLSpanElement>>;
-export {};