@actioneer/ads 0.1.0

package/components/brand-loader.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as n } from "../lib/cn.js";
+const s = [
+  { d: "M31.1845 32.5508C31.1845 33.1031 30.7368 33.5508 30.1845 33.5508H1.00104C0.287428 33.5508 -0.196523 32.8248 0.0779916 32.1661L13.2269 0.615317C13.3822 0.242707 13.7463 0 14.15 0H30.1845C30.7368 0 31.1845 0.447715 31.1845 1V32.5508Z", delay: 0.55 },
+  { d: "M68.4648 32.5508C68.4648 33.1031 68.0171 33.5508 67.4648 33.5508H38.3042C37.5846 33.5508 37.1006 32.8136 37.3866 32.1533L51.0553 0.602474C51.2138 0.236721 51.5743 0 51.9729 0H67.4648C68.0171 0 68.4648 0.447715 68.4648 1V32.5508Z", delay: 0.1 },
+  { d: "M103.87 32.5508C103.87 33.1031 103.422 33.5508 102.87 33.5508H73.7702C73.0352 33.5508 72.5514 32.7845 72.8673 32.1209L87.8906 0.570086C88.0564 0.221833 88.4078 0 88.7935 0H102.87C103.422 0 103.87 0.447715 103.87 1V32.5508Z", delay: 0.8 },
+  { d: "M31.1845 73.2656C31.1845 73.8179 30.7368 74.2656 30.1845 74.2656H1.29801C0.514088 74.2656 0.034995 73.4047 0.448227 72.7385L20.0191 41.1887C20.2015 40.8947 20.5229 40.7158 20.8689 40.7158H30.1845C30.7368 40.7158 31.1845 41.1635 31.1845 41.7158V73.2656Z", delay: 0.3 },
+  { d: "M68.4648 73.2656C68.4648 73.8179 68.0171 74.2656 67.4648 74.2656H38.5431C37.7667 74.2656 37.2865 73.4195 37.6845 72.7529L56.5254 41.2031C56.7058 40.9009 57.0319 40.7158 57.3839 40.7158H67.4648C68.0171 40.7158 68.4648 41.1635 68.4648 41.7158V73.2656Z", delay: 0 },
+  { d: "M103.87 73.2656C103.87 73.8179 103.422 74.2656 102.87 74.2656H73.8791C73.1182 74.2656 72.636 73.4496 73.0032 72.7831L90.3838 41.2333C90.5597 40.9141 90.8953 40.7158 91.2597 40.7158H102.87C103.422 40.7158 103.87 41.1635 103.87 41.7158V73.2656Z", delay: 0.65 },
+  { d: "M30.6757 104.001C30.6757 104.553 30.228 105.001 29.6757 105.001H1.70344C0.797433 105.001 0.358418 103.893 1.01872 103.272L24.0355 81.6472C24.2209 81.473 24.4658 81.376 24.7202 81.376H29.6757C30.228 81.376 30.6757 81.8237 30.6757 82.376V104.001Z", delay: 0.2 },
+  { d: "M67.4287 104.001C67.4287 104.553 66.9809 105.001 66.4287 105.001H38.2664C37.387 105.001 36.9358 103.948 37.5426 103.311L58.1566 81.686C58.3453 81.488 58.6069 81.376 58.8804 81.376H66.4287C66.9809 81.376 67.4287 81.8237 67.4287 82.376V104.001Z", delay: 0.9 },
+  { d: "M104.182 104.001C104.182 104.553 103.734 105.001 103.182 105.001H74.834C73.9838 105.001 73.5214 104.007 74.0691 103.357L92.2803 81.7318C92.4704 81.5062 92.7503 81.376 93.0452 81.376H103.182C103.734 81.376 104.182 81.8237 104.182 82.376V104.001Z", delay: 0.45 }
+], i = [0.26, 0.13, 0, 0.39, 0.26, 0.13, 0.52, 0.39, 0.26];
+function H({
+  className: d,
+  hoverAnimate: C = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 105 105",
+      "aria-hidden": !0,
+      className: n("shrink-0", d),
+      ...l,
+      children: s.map(({ d: a }, r) => /* @__PURE__ */ e(
+        "path",
+        {
+          d: a,
+          fill: "currentColor",
+          className: C ? "ads-mark-cell" : void 0,
+          style: C ? { "--blip-delay": `${i[r]}s` } : void 0
+        },
+        r
+      ))
+    }
+  );
+}
+function c({ className: d, ...C }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 105 105",
+      "aria-hidden": !0,
+      className: n("shrink-0", d),
+      ...C,
+      children: s.map(({ d: l, delay: a }) => /* @__PURE__ */ e(
+        "path",
+        {
+          d: l,
+          fill: "currentColor",
+          className: "brand-loader-cell",
+          style: { animationDelay: `${a}s` }
+        },
+        a
+      ))
+    }
+  );
+}
+export {
+  c as BrandLoader,
+  H as BrandMark
+};

package/components/breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export type BreadcrumbsProps = React.HTMLAttributes<HTMLElement>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    href?: string;
+    isCurrent?: boolean;
+}
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;

package/components/breadcrumbs.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import * as t from "react";
+import { ChevronRight as g } from "../lib/icons.js";
+import { cn as a } from "../lib/cn.js";
+const u = t.createContext({
+  count: 0
+}), l = t.createContext(0), b = t.forwardRef(
+  ({ className: i, children: n, ...c }, r) => {
+    const o = t.Children.toArray(n);
+    return /* @__PURE__ */ e("nav", { ref: r, "aria-label": "Breadcrumb", className: i, ...c, children: /* @__PURE__ */ e("ol", { className: "flex items-center gap-1.5 text-xs", children: /* @__PURE__ */ e(u.Provider, { value: { count: o.length }, children: o.map((m, s) => /* @__PURE__ */ e(l.Provider, { value: s, children: m }, s)) }) }) });
+  }
+);
+b.displayName = "Breadcrumbs";
+const h = t.forwardRef(({ className: i, href: n, isCurrent: c, children: r, ...o }, m) => {
+  const { count: s } = t.useContext(u), x = t.useContext(l) === s - 1, d = "inline-flex items-center", f = c ? /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-current": "page",
+      className: a(d, "text-muted-foreground"),
+      children: r
+    }
+  ) : n ? /* @__PURE__ */ e(
+    "a",
+    {
+      href: n,
+      className: a(
+        d,
+        "font-medium text-foreground transition-colors hover:underline",
+        "outline-none focus-visible:ring-3 focus-visible:ring-ring rounded-sm"
+      ),
+      children: r
+    }
+  ) : /* @__PURE__ */ e("span", { className: a(d, "text-muted-foreground"), children: r });
+  return /* @__PURE__ */ p(
+    "li",
+    {
+      ref: m,
+      className: a("flex items-center gap-1.5", i),
+      ...o,
+      children: [
+        f,
+        !x && /* @__PURE__ */ e(
+          g,
+          {
+            "aria-hidden": !0,
+            className: "size-3.5 shrink-0 text-muted-foreground"
+          }
+        )
+      ]
+    }
+  );
+});
+h.displayName = "BreadcrumbItem";
+export {
+  h as BreadcrumbItem,
+  b as Breadcrumbs
+};

package/components/button.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+export declare const buttonVariants: (props?: ({
+    variant?: "danger" | "soft" | "link" | "solid" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    isLoading?: boolean;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    fullWidth?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/components/button.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsxs as r, jsx as b } from "react/jsx-runtime";
+import * as c from "react";
+import { cva as v } from "class-variance-authority";
+import { cn as t } from "../lib/cn.js";
+import { Spinner as m } from "./spinner.js";
+const p = v(
+  [
+    "relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "font-medium select-none",
+    "rounded-md border border-transparent",
+    "transition-[background,border,color,box-shadow,transform] duration-(--duration-fast) ease-out",
+    "outline-none focus-visible:ring-3 focus-visible:ring-ring",
+    // Press feedback: the button visibly answers the press (guide: any
+    // pressable element scales down on :active).
+    "active:scale-(--scale-press)",
+    "disabled:pointer-events-none",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        solid: "bg-brand text-brand-foreground shadow-[var(--inner-glow-cta)] hover:bg-brand-hover",
+        secondary: "bg-fill text-fill-foreground shadow-[var(--inner-glow-fill)] hover:bg-fill/70",
+        outline: "border-border-strong bg-transparent text-foreground hover:bg-muted",
+        ghost: "bg-transparent text-foreground hover:bg-muted",
+        soft: "bg-muted text-foreground shadow-[var(--inner-glow-fill)] hover:bg-fill",
+        link: "bg-transparent text-foreground underline-offset-4 hover:underline active:scale-none",
+        danger: "bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:ring-danger/40"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs [&_svg]:size-3.5",
+        sm: "h-8 px-3 text-xs [&_svg]:size-4",
+        md: "h-10 px-4 text-xs [&_svg]:size-4",
+        lg: "h-11 px-5 text-base [&_svg]:size-5",
+        icon: "size-10 [&_svg]:size-4",
+        "icon-sm": "size-8 [&_svg]:size-4",
+        "icon-xs": "size-7 [&_svg]:size-4"
+      }
+    },
+    defaultVariants: { variant: "solid", size: "md" }
+  }
+), x = c.forwardRef(
+  ({
+    className: n,
+    variant: s,
+    size: o,
+    isLoading: e = !1,
+    startContent: i,
+    endContent: a,
+    fullWidth: d,
+    disabled: l,
+    children: g,
+    ...f
+  }, u) => /* @__PURE__ */ r(
+    "button",
+    {
+      ref: u,
+      disabled: l || e,
+      "aria-busy": e || void 0,
+      className: t(
+        p({ variant: s, size: o }),
+        d && "w-full",
+        // Real disabled fades; loading keeps the brand color
+        e ? "opacity-100" : "disabled:opacity-50",
+        n
+      ),
+      ...f,
+      children: [
+        e && /* @__PURE__ */ b(
+          m,
+          {
+            size: "sm",
+            className: "absolute",
+            "aria-hidden": !0
+          }
+        ),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: t(
+              "inline-flex items-center gap-2",
+              e && "opacity-0"
+            ),
+            children: [
+              i,
+              g,
+              a
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+x.displayName = "Button";
+export {
+  x as Button,
+  p as buttonVariants
+};

package/components/card.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    isHoverable?: boolean;
+    isPressable?: boolean;
+}
+/**
+ * Surface container. Renders as a `<div>` by default, or a `<button>` when
+ * `isPressable` so the whole card is keyboard-activatable.
+ */
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Adds a top divider between the body and footer. */
+    withBorder?: boolean;
+}
+export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;

package/components/card.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as o } from "../lib/cn.js";
+const c = d.forwardRef(
+  ({ className: r, isHoverable: e, isPressable: a, children: s, ...n }, i) => {
+    const l = o(
+      "bg-card text-card-foreground rounded-xl",
+      (a || e) && "shadow-elevation transition-[box-shadow,transform] duration-(--duration-fast) ease-out motion-reduce:transition-none",
+      e && "hover:-translate-y-0.5",
+      r
+    );
+    return a ? /* @__PURE__ */ t(
+      "button",
+      {
+        ref: i,
+        type: "button",
+        className: o(
+          l,
+          "w-full text-left cursor-pointer",
+          "outline-none focus-visible:ring-3 focus-visible:ring-ring",
+          "active:translate-y-px"
+        ),
+        ...n,
+        children: s
+      }
+    ) : /* @__PURE__ */ t("div", { ref: i, className: l, ...n, children: s });
+  }
+);
+c.displayName = "Card";
+const f = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: a,
+    className: o("flex flex-col gap-1 px-5 pt-5", r),
+    ...e
+  }
+));
+f.displayName = "CardHeader";
+const m = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "h3",
+  {
+    ref: a,
+    className: o("text-base font-semibold leading-none", r),
+    ...e
+  }
+));
+m.displayName = "CardTitle";
+const p = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "p",
+  {
+    ref: a,
+    className: o("text-xs text-muted-foreground", r),
+    ...e
+  }
+));
+p.displayName = "CardDescription";
+const u = d.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t("div", { ref: a, className: o("px-5 py-4", r), ...e }));
+u.displayName = "CardBody";
+const x = d.forwardRef(
+  ({ className: r, withBorder: e, ...a }, s) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: s,
+      className: o(
+        "flex items-center px-5 pb-5 pt-4",
+        e && "border-t border-border",
+        r
+      ),
+      ...a
+    }
+  )
+);
+x.displayName = "CardFooter";
+export {
+  c as Card,
+  u as CardBody,
+  p as CardDescription,
+  x as CardFooter,
+  f as CardHeader,
+  m as CardTitle
+};

package/components/carousel.d.ts

@@ -0,0 +1,31 @@
+import { ButtonProps } from './button';
+import * as React from "react";
+export declare const carouselVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Controlled zero-based slide index. */
+    index?: number;
+    /** Initial zero-based slide index when uncontrolled. */
+    defaultIndex?: number;
+    /** Called whenever a user interaction requests a different slide. */
+    onIndexChange?: (index: number) => void;
+    /** Wrap navigation from the last slide to the first and vice versa. */
+    loop?: boolean;
+}
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+export interface CarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const CarouselItem: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface CarouselIndicatorsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Accessible label for each zero-based slide index. */
+    getLabel?: (index: number) => string;
+}
+export declare const CarouselIndicators: React.ForwardRefExoticComponent<CarouselIndicatorsProps & React.RefAttributes<HTMLDivElement>>;
+export interface CarouselPreviousProps extends ButtonProps {
+}
+export declare const CarouselPrevious: React.ForwardRefExoticComponent<CarouselPreviousProps & React.RefAttributes<HTMLButtonElement>>;
+export interface CarouselNextProps extends ButtonProps {
+}
+export declare const CarouselNext: React.ForwardRefExoticComponent<CarouselNextProps & React.RefAttributes<HTMLButtonElement>>;