@actioneer/ads 0.5.6 → 0.5.8

package/components/field.d.ts

@@ -15,6 +15,10 @@ export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
     error?: React.ReactNode;
     required?: boolean;
     htmlFor?: string;
+    /** id put on the rendered error text, so the control can aria-describedby it. */
+    errorId?: string;
+    /** id put on the rendered description text, for the same wiring. */
+    descriptionId?: string;
 }
 /** Vertical stack: label · control · (description|error). */
 export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;

package/components/field.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import * as d from "react";
-import { cn as a } from "../lib/cn.js";
-import { interactive as g } from "../lib/interactive.js";
-const h = a(
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as i } from "../lib/cn.js";
+import { interactive as R } from "../lib/interactive.js";
+const L = i(
   // Border WIDTH only — no border-color utility. ads-interactive owns the
   // color (rest = --glow-border-rest below); a `border-input` utility here
   // would out-cascade the hover/focus brand-black rules.
@@ -16,59 +16,70 @@ const h = a(
   // hover/focus snap the border to solid brand-black (no halo). The inner
   // glow is a whisper of inset depth so the writing surface reads recessed —
   // carried through every interactive state by the --glow-inset hook.
-  g({ on: "all", color: "brand", intensity: "medium", animate: !0 }),
+  R({ on: "all", color: "brand", intensity: "medium", animate: !0 }),
   "[--glow-border-rest:var(--input)]",
   "[--glow-inset:var(--inner-glow-field)]"
-), i = d.forwardRef(({ className: l, children: e, required: r, ...t }, n) => /* @__PURE__ */ s(
+), g = r.forwardRef(({ className: t, children: e, required: o, ...l }, n) => /* @__PURE__ */ v(
   "label",
   {
     ref: n,
-    className: a(
+    className: i(
       "flex items-center gap-1 text-xs font-normal text-foreground select-none",
       "peer-disabled:cursor-not-allowed peer-disabled:opacity-60",
-      l
+      t
     ),
-    ...t,
+    ...l,
     children: [
       e,
-      r && /* @__PURE__ */ o("span", { className: "text-danger", children: "*" })
+      o && /* @__PURE__ */ a("span", { className: "text-danger", children: "*" })
     ]
   }
 ));
-i.displayName = "Label";
-const c = d.forwardRef(({ className: l, ...e }, r) => /* @__PURE__ */ o(
+g.displayName = "Label";
+const w = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a(
   "p",
   {
-    ref: r,
-    className: a("text-xs text-muted-foreground", l),
+    ref: o,
+    className: i("text-xs text-muted-foreground", t),
     ...e
   }
 ));
-c.displayName = "FieldDescription";
-const m = d.forwardRef(
-  ({ className: l, children: e, ...r }, t) => e ? /* @__PURE__ */ o(
+w.displayName = "FieldDescription";
+const y = r.forwardRef(
+  ({ className: t, children: e, ...o }, l) => e ? /* @__PURE__ */ a(
     "p",
     {
-      ref: t,
-      className: a("text-xs font-normal text-danger", l),
-      ...r,
+      ref: l,
+      className: i("text-xs font-normal text-danger", t),
+      ...o,
       children: e
     }
   ) : null
 );
-m.displayName = "FieldError";
-const b = d.forwardRef(
-  ({ className: l, label: e, description: r, error: t, required: n, htmlFor: f, children: p, ...x }, u) => /* @__PURE__ */ s("div", { ref: u, className: a("flex flex-col gap-1.5", l), ...x, children: [
-    e && /* @__PURE__ */ o(i, { htmlFor: f, required: n, children: e }),
-    p,
-    t ? /* @__PURE__ */ o(m, { children: t }) : r ? /* @__PURE__ */ o(c, { children: r }) : null
-  ] })
+y.displayName = "FieldError";
+const D = r.forwardRef(
+  ({ className: t, label: e, description: o, error: l, required: n, htmlFor: N, errorId: s, descriptionId: c, children: d, ...F }, h) => {
+    const m = r.useId(), f = s ?? `${m}-error`, p = c ?? `${m}-description`, u = l ? f : o ? p : void 0, E = s == null && c == null;
+    let x = d;
+    if (E && u && r.isValidElement(d)) {
+      const b = d.props;
+      x = r.cloneElement(d, {
+        "aria-describedby": [b["aria-describedby"], u].filter(Boolean).join(" ") || void 0,
+        "aria-invalid": b["aria-invalid"] ?? (l ? !0 : void 0)
+      });
+    }
+    return /* @__PURE__ */ v("div", { ref: h, className: i("flex flex-col gap-1.5", t), ...F, children: [
+      e && /* @__PURE__ */ a(g, { htmlFor: N, required: n, children: e }),
+      x,
+      l ? /* @__PURE__ */ a(y, { id: f, children: l }) : o ? /* @__PURE__ */ a(w, { id: p, children: o }) : null
+    ] });
+  }
 );
-b.displayName = "Field";
+D.displayName = "Field";
 export {
-  b as Field,
-  c as FieldDescription,
-  m as FieldError,
-  i as Label,
-  h as inputBaseClass
+  D as Field,
+  w as FieldDescription,
+  y as FieldError,
+  g as Label,
+  L as inputBaseClass
 };

package/components/file-dropzone.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as t, jsx as r, Fragment as f } from "react/jsx-runtime";
+import { jsxs as a, jsx as r, Fragment as f } from "react/jsx-runtime";
 import * as i from "react";
 import { cva as C } from "class-variance-authority";
 import { cn as v } from "../lib/cn.js";
@@ -9,9 +9,9 @@ const T = C(
   v(
     "flex w-full cursor-pointer flex-col items-center justify-center gap-2 rounded-xl px-6 py-8 text-center",
     "border-2 border-dashed border-border-strong bg-surface outline-none",
-    "transition-[background-color,border-color,transform] duration-(--duration-fast) ease-out",
+    "transition-[background-color,border-color,transform] duration-150 ease-out",
     "hover:bg-muted focus-visible:ring-3 focus-visible:ring-ring",
-    "active:scale-(--scale-press) motion-reduce:transition-none"
+    "active:scale-[0.97] motion-reduce:transition-none"
   ),
   {
     variants: {
@@ -26,9 +26,9 @@ const T = C(
     },
     defaultVariants: { isDragging: !1, isDisabled: !1 }
   }
-), j = (a) => a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${Math.round(a / 1024)} KB` : `${(a / (1024 * 1024)).toFixed(1)} MB`, $ = i.forwardRef(
+), j = (t) => t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${Math.round(t / 1024)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`, $ = i.forwardRef(
   ({
-    className: a,
+    className: t,
     accept: b,
     multiple: c = !1,
     disabled: n = !1,
@@ -45,7 +45,7 @@ const T = C(
       var e;
       return (e = m.current) == null ? void 0 : e.click();
     }, k = !!(s != null && s.length);
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ a(
       "div",
       {
         ref: z,
@@ -70,7 +70,7 @@ const T = C(
         },
         className: v(
           T({ isDragging: h, isDisabled: n }),
-          a
+          t
         ),
         ...y,
         children: [
@@ -88,13 +88,13 @@ const T = C(
               }
             }
           ),
-          k ? /* @__PURE__ */ t(f, { children: [
+          k ? /* @__PURE__ */ a(f, { children: [
             /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "text-tertiary [&>svg]:size-6", children: /* @__PURE__ */ r(R, {}) }),
-            /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: s.map((e) => /* @__PURE__ */ t("span", { className: "text-base text-foreground", children: [
+            /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: s.map((e) => /* @__PURE__ */ a("span", { className: "text-base text-foreground", children: [
               e.name,
               /* @__PURE__ */ r("span", { className: "ml-2 text-xs text-tertiary tabular-nums", children: j(e.size) })
             ] }, e.name)) }),
-            /* @__PURE__ */ t("div", { className: "mt-1 flex items-center gap-2", children: [
+            /* @__PURE__ */ a("div", { className: "mt-1 flex items-center gap-2", children: [
               /* @__PURE__ */ r(D, { size: "sm", variant: "secondary", onClick: (e) => {
                 e.stopPropagation(), u();
               }, children: "Replace" }),
@@ -111,9 +111,9 @@ const T = C(
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ t(f, { children: [
+          ] }) : /* @__PURE__ */ a(f, { children: [
             /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "text-tertiary [&>svg]:size-6", children: /* @__PURE__ */ r(w, {}) }),
-            /* @__PURE__ */ r("span", { className: "text-base text-foreground", children: N ?? /* @__PURE__ */ t(f, { children: [
+            /* @__PURE__ */ r("span", { className: "text-base text-foreground", children: N ?? /* @__PURE__ */ a(f, { children: [
               "Drop ",
               c ? "files" : "a file",
               " here, or",

package/components/index.d.ts

@@ -1,5 +1,8 @@
 export { cn } from '../lib/cn';
 export { interactive, type InteractiveProps } from '../lib/interactive';
+export { springEffect, springControl, springOverlay, springDialog, springSheet, springDisclosure, springHighlight, springProgress } from '../lib/motion';
+export { springSwitch, springRadio, springCarousel, springSidebar, checkDrawTransition, fadeTransition } from '../lib/motion';
+export { floatVariants, tooltipVariants, menuVariants, modalPanelVariants, backdropVariants, drawerBackdropVariants, drawerOffset, screenVariants, toastVariants } from '../lib/motion';
 export { TooltipProvider } from './ui/tooltip';
 export * from './button';
 export * from './spinner';
@@ -36,6 +39,7 @@ export * from './tooltip';
 export * from './dropdown';
 export * from './toast';
 export * from './answer';
+export * from './answer-sources';
 export * from './card';
 export * from './carousel';
 export * from './chart';