@actioneer/ads 0.2.2 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Actioneer Design System 1.0 — React 19 + Tailwind v4 component library.",
   "type": "module",
   "sideEffects": [

package/styles.css

@@ -39,20 +39,20 @@
   --font-sans: "Aribau Grotesk", ui-sans-serif, system-ui, -apple-system,
     "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 
-  /* ---- Type scale ---- base = 13px (0.8125rem). Root stays 16px so the
-     spacing grid is unaffected; only text sizes are anchored to 13px. */
+  /* ---- Type scale ---- base = 14px (0.875rem). Root stays 16px so the
+     spacing grid is unaffected; only text sizes are anchored to 14px. */
   /* SIX sizes only — a deliberately small ladder (captions → display).
      Don't reintroduce 2xs/3xl/4xl or in-between steps; if a size feels
      missing, the answer is weight/color, not a new size. */
-  --text-xs: 0.6875rem;    /* 11px — captions, secondary text, table cells, keycaps */
+  --text-xs: 0.75rem;      /* 12px — captions, secondary text, table cells, keycaps */
   --text-xs--line-height: 1rem;
-  /* text-sm is aliased to text-xs (both 11px). The scale is intentionally
-     11 · 13 · 15 · 21 · 26 with no 12px tier — but keeping the token pointed
-     at 11px stops any stray `text-sm` from falling back to Tailwind's
-     default 14px, which would land off the scale entirely. */
-  --text-sm: 0.6875rem;
+  /* text-sm is aliased to text-xs (both 12px). The scale is intentionally
+     12 · 14 · 15 · 21 · 26 with no in-between tier — keeping the token
+     pointed at 12px stops any stray `text-sm` from falling back to
+     Tailwind's default 14px, which would silently read as base. */
+  --text-sm: 0.75rem;
   --text-sm--line-height: 1rem;
-  --text-base: 0.8125rem;  /* 13px — BASE body */
+  --text-base: 0.875rem;   /* 14px — BASE body */
   --text-base--line-height: 1.25rem;
   --text-lg: 0.9375rem;    /* 15px — emphasized body, section headings */
   --text-lg--line-height: 1.375rem;
@@ -470,7 +470,7 @@
     background-color: var(--background);
     color: var(--foreground);
     font-family: var(--font-sans);
-    font-size: var(--text-base); /* 13px base */
+    font-size: var(--text-base); /* 14px base */
     font-feature-settings: "cv01", "ss01";
     font-synthesis-weight: none;
   }

package/theme.css

@@ -12,20 +12,20 @@
   --font-sans: "Aribau Grotesk", ui-sans-serif, system-ui, -apple-system,
     "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 
-  /* ---- Type scale ---- base = 13px (0.8125rem). Root stays 16px so the
-     spacing grid is unaffected; only text sizes are anchored to 13px. */
+  /* ---- Type scale ---- base = 14px (0.875rem). Root stays 16px so the
+     spacing grid is unaffected; only text sizes are anchored to 14px. */
   /* SIX sizes only — a deliberately small ladder (captions → display).
      Don't reintroduce 2xs/3xl/4xl or in-between steps; if a size feels
      missing, the answer is weight/color, not a new size. */
-  --text-xs: 0.6875rem;    /* 11px — captions, secondary text, table cells, keycaps */
+  --text-xs: 0.75rem;      /* 12px — captions, secondary text, table cells, keycaps */
   --text-xs--line-height: 1rem;
-  /* text-sm is aliased to text-xs (both 11px). The scale is intentionally
-     11 · 13 · 15 · 21 · 26 with no 12px tier — but keeping the token pointed
-     at 11px stops any stray `text-sm` from falling back to Tailwind's
-     default 14px, which would land off the scale entirely. */
-  --text-sm: 0.6875rem;
+  /* text-sm is aliased to text-xs (both 12px). The scale is intentionally
+     12 · 14 · 15 · 21 · 26 with no in-between tier — keeping the token
+     pointed at 12px stops any stray `text-sm` from falling back to
+     Tailwind's default 14px, which would silently read as base. */
+  --text-sm: 0.75rem;
   --text-sm--line-height: 1rem;
-  --text-base: 0.8125rem;  /* 13px — BASE body */
+  --text-base: 0.875rem;   /* 14px — BASE body */
   --text-base--line-height: 1.25rem;
   --text-lg: 0.9375rem;    /* 15px — emphasized body, section headings */
   --text-lg--line-height: 1.375rem;

package/components/ai-elements/reasoning.d.ts

@@ -1,26 +0,0 @@
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../collapsible';
-import { ComponentProps, ReactNode } from 'react';
-type ReasoningContextValue = {
-    isStreaming: boolean;
-    isOpen: boolean;
-    setIsOpen: (open: boolean) => void;
-    duration: number | undefined;
-};
-export declare const useReasoning: () => ReasoningContextValue;
-export type ReasoningProps = ComponentProps<typeof Collapsible> & {
-    isStreaming?: boolean;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    duration?: number;
-};
-export declare const Reasoning: import('react').MemoExoticComponent<({ className, isStreaming, open, defaultOpen, onOpenChange, duration: durationProp, children, ...props }: ReasoningProps) => import("react").JSX.Element>;
-export type ReasoningTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
-    getThinkingMessage?: (isStreaming: boolean, duration?: number) => ReactNode;
-};
-export declare const ReasoningTrigger: import('react').MemoExoticComponent<({ className, children, getThinkingMessage, ...props }: ReasoningTriggerProps) => import("react").JSX.Element>;
-export type ReasoningContentProps = Omit<ComponentProps<typeof CollapsibleContent>, "children"> & {
-    children: ReactNode;
-};
-export declare const ReasoningContent: import('react').MemoExoticComponent<({ className, children, ...props }: ReasoningContentProps) => import("react").JSX.Element>;
-export {};

package/components/ai-elements/reasoning.js

@@ -1,131 +0,0 @@
-"use client";
-import { jsx as n, jsxs as b, Fragment as y } from "react/jsx-runtime";
-import { Collapsible as D, CollapsibleTrigger as A, CollapsibleContent as E } from "../collapsible.js";
-import { Brain as O, ChevronDown as _ } from "../../lib/icons.js";
-import { cn as p } from "../../lib/cn.js";
-import { createContext as k, memo as g, useState as f, useEffect as N, useRef as M, useCallback as P, useContext as S } from "react";
-function T({
-  prop: t,
-  defaultProp: e,
-  onChange: o
-}) {
-  const [s, c] = f(e), a = t !== void 0, u = a ? t : s, i = M(o);
-  i.current = o;
-  const l = P(
-    (r) => {
-      var d;
-      a || c(r), (d = i.current) == null || d.call(i, r);
-    },
-    [a]
-  );
-  return [u, l];
-}
-const w = k(null), j = () => {
-  const t = S(w);
-  if (!t)
-    throw new Error("Reasoning components must be used within Reasoning");
-  return t;
-}, z = 1e3, I = 1e3, L = g(
-  ({
-    className: t,
-    isStreaming: e = !1,
-    open: o,
-    defaultOpen: s = !0,
-    onOpenChange: c,
-    duration: a,
-    children: u,
-    ...i
-  }) => {
-    const [l, r] = T({
-      prop: o,
-      defaultProp: s,
-      onChange: c
-    }), [d, h] = T({
-      prop: a,
-      defaultProp: void 0
-    }), [C, R] = f(!1), [m, x] = f(null);
-    return N(() => {
-      e ? m === null && x(Date.now()) : m !== null && (h(Math.ceil((Date.now() - m) / I)), x(null));
-    }, [e, m, h]), N(() => {
-      if (s && !e && l && !C) {
-        const v = setTimeout(() => {
-          r(!1), R(!0);
-        }, z);
-        return () => clearTimeout(v);
-      }
-    }, [e, l, s, r, C]), /* @__PURE__ */ n(
-      w.Provider,
-      {
-        value: { isStreaming: e, isOpen: l, setIsOpen: r, duration: d },
-        children: /* @__PURE__ */ n(
-          D,
-          {
-            className: p("mb-4", t),
-            onOpenChange: r,
-            open: l,
-            ...i,
-            children: u
-          }
-        )
-      }
-    );
-  }
-), U = (t, e) => t || e === 0 ? /* @__PURE__ */ n("span", { className: "shimmer text-foreground/40", children: "Thinking…" }) : e === void 0 ? /* @__PURE__ */ n("span", { children: "Thought for a few seconds" }) : /* @__PURE__ */ b("span", { children: [
-  "Thought for ",
-  /* @__PURE__ */ n("span", { className: "tabular-nums", children: e }),
-  " seconds"
-] }), B = g(
-  ({
-    className: t,
-    children: e,
-    getThinkingMessage: o = U,
-    ...s
-  }) => {
-    const { isStreaming: c, isOpen: a, duration: u } = j();
-    return /* @__PURE__ */ n(
-      A,
-      {
-        className: p(
-          "flex w-full items-center gap-2 text-base text-secondary transition-colors hover:text-foreground",
-          t
-        ),
-        ...s,
-        children: e ?? /* @__PURE__ */ b(y, { children: [
-          /* @__PURE__ */ n(O, { className: "size-4" }),
-          o(c, u),
-          /* @__PURE__ */ n(
-            _,
-            {
-              className: p(
-                "size-4 transition-transform duration-(--duration-fast) ease-out motion-reduce:transition-none",
-                a ? "rotate-180" : "rotate-0"
-              )
-            }
-          )
-        ] })
-      }
-    );
-  }
-), F = g(
-  ({ className: t, children: e, ...o }) => /* @__PURE__ */ n(
-    E,
-    {
-      className: p(
-        "mt-4 text-base text-secondary outline-none",
-        "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
-        t
-      ),
-      ...o,
-      children: /* @__PURE__ */ n("div", { className: "leading-relaxed whitespace-pre-wrap", children: e })
-    }
-  )
-);
-L.displayName = "Reasoning";
-B.displayName = "ReasoningTrigger";
-F.displayName = "ReasoningContent";
-export {
-  L as Reasoning,
-  F as ReasoningContent,
-  B as ReasoningTrigger,
-  j as useReasoning
-};