@actioneer/ads 0.6.0 → 0.7.0

package/components/setting-row.js

@@ -1,29 +1,33 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
-import { cva as g } from "class-variance-authority";
-import { cn as a } from "../lib/cn.js";
-const p = g(
-  "flex w-full items-center gap-3 rounded-lg bg-card px-4 py-3 text-left",
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as f from "react";
+import { cva as p } from "class-variance-authority";
+import { cn as s } from "../lib/cn.js";
+const g = p(
+  [
+    "relative flex w-full items-center gap-3 rounded-md bg-transparent px-4 py-3 text-left",
+    "after:pointer-events-none after:absolute after:inset-x-4 after:bottom-0 after:z-20",
+    "after:border-b after:border-border after:content-[''] last:after:hidden"
+  ].join(" "),
   {
     variants: {
       isPressable: {
-        true: "relative",
+        true: "",
         false: ""
       }
     },
     defaultVariants: { isPressable: !1 }
   }
-), x = d.forwardRef(
-  ({ className: i, icon: s, label: t, description: n, action: r, onSelect: o, ...f }, m) => {
+), v = f.forwardRef(
+  ({ className: a, icon: r, label: t, description: n, action: i, onSelect: o, ...c }, m) => {
     const l = !!o;
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ d(
       "div",
       {
         ref: m,
         "data-slot": "setting-row",
-        className: a(p({ isPressable: l }), i),
-        ...f,
+        className: s(g({ isPressable: l }), a),
+        ...c,
         children: [
           l && /* @__PURE__ */ e(
             "button",
@@ -31,34 +35,34 @@ const p = g(
               type: "button",
               "aria-label": typeof t == "string" ? t : "Open setting",
               onClick: o,
-              className: a(
-                "absolute inset-0 rounded-lg outline-none",
+              className: s(
+                "absolute inset-0 rounded-md outline-none",
                 "transition-[background-color,transform] duration-150 ease-out",
                 "hover:bg-muted focus-visible:ring-3 focus-visible:ring-ring",
                 "active:scale-[0.97] motion-reduce:transition-none"
               )
             }
           ),
-          s && /* @__PURE__ */ e(
+          r && /* @__PURE__ */ e(
             "span",
             {
               "aria-hidden": !0,
               className: "relative z-10 flex size-5 shrink-0 items-center justify-center text-tertiary pointer-events-none [&>svg]:size-4.5",
-              children: s
+              children: r
             }
           ),
-          /* @__PURE__ */ c("div", { className: "relative z-10 flex min-w-0 flex-1 flex-col gap-0.5 pointer-events-none", children: [
-            /* @__PURE__ */ e("div", { className: "min-w-0 truncate text-base text-foreground", children: t }),
+          /* @__PURE__ */ d("div", { className: "relative z-10 flex min-w-0 flex-1 flex-col gap-0.5 pointer-events-none", children: [
+            /* @__PURE__ */ e("div", { className: "min-w-0 text-base text-foreground wrap-break-word", children: t }),
             n && /* @__PURE__ */ e("div", { className: "min-w-0 text-xs text-tertiary", children: n })
           ] }),
-          r && // The trailing control owns its own click — a pressable row must not
+          i && // The trailing control owns its own click — a pressable row must not
           // also fire when the reader aims at the button inside it.
           /* @__PURE__ */ e(
             "span",
             {
               className: "relative z-20 shrink-0",
               onClick: (u) => u.stopPropagation(),
-              children: r
+              children: i
             }
           )
         ]
@@ -66,24 +70,21 @@ const p = g(
     );
   }
 );
-x.displayName = "SettingRow";
-const v = d.forwardRef(
-  ({ className: i, ...s }, t) => /* @__PURE__ */ e(
+v.displayName = "SettingRow";
+const x = f.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ e(
     "div",
     {
       ref: t,
       "data-slot": "setting-list",
-      className: a(
-        "flex w-full flex-col gap-0.5 rounded-xl bg-surface p-1",
-        i
-      ),
-      ...s
+      className: s("flex w-full flex-col", a),
+      ...r
     }
   )
 );
-v.displayName = "SettingList";
+x.displayName = "SettingList";
 export {
-  v as SettingList,
-  x as SettingRow,
-  p as settingRowVariants
+  x as SettingList,
+  v as SettingRow,
+  g as settingRowVariants
 };

package/components/sidebar.d.ts

@@ -28,6 +28,8 @@ export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
     /** Uncontrolled initial collapsed state. */
     defaultCollapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
+    /** Slide the complete rail in from the left on its first mount. */
+    animateOnMount?: boolean;
     /** Bind ⌘B / Ctrl-B to toggle collapse. Default true. */
     keyboardToggle?: boolean;
 }