impact-nova 1.7.6 → 1.7.8

package/dist/components/ui/textarea.js

@@ -1,104 +1,112 @@
-import { jsxs as e, jsx as d, Fragment as w } from "react/jsx-runtime";
+import { jsxs as e, jsx as a, Fragment as N } from "react/jsx-runtime";
 import * as m from "react";
-import { cva as N } from "class-variance-authority";
-import { Info as f } from "../../icons/index.js";
-import { cn as t } from "../../lib/utils.js";
-const y = N(
-  "flex min-h-20 w-full rounded-md border border-field bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke md:text-sm",
+import { cva as y } from "class-variance-authority";
+import { Info as x } from "../../icons/index.js";
+import { cn as d } from "../../lib/utils.js";
+const z = y(
+  "flex w-full rounded-md border border-field bg-transparent px-3 py-2 text-sm font-medium shadow-sm transition-colors placeholder:font-medium placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
   {
     variants: {
       isError: {
         true: "border-destructive hover:border-destructive",
         false: ""
       },
+      size: {
+        default: "min-h-20",
+        sm: "min-h-14",
+        md: "min-h-[72px]",
+        lg: "min-h-32"
+      },
       disabled: {
-        true: "cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+        true: "cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground placeholder:text-disabled-foreground hover:border-stroke",
         false: ""
       }
     },
     defaultVariants: {
+      size: "default",
       isError: !1
     }
   }
-), k = m.forwardRef(
+), C = m.forwardRef(
   ({
     className: b,
     label: u,
-    helperText: s,
-    helperTextPosition: l = "absolute",
-    characterLimit: c,
-    isError: a,
-    disabled: r,
-    value: i,
-    onChange: g,
+    helperText: l,
+    helperTextPosition: s = "absolute",
+    characterLimit: o,
+    isError: t,
+    size: g,
+    disabled: i,
+    value: r,
+    onChange: v,
     ...n
-  }, v) => {
-    const [p, o] = m.useState(0);
+  }, p) => {
+    const [h, c] = m.useState(0);
     m.useEffect(() => {
-      i ? o(String(i).length) : n.defaultValue && o(String(n.defaultValue).length);
-    }, [i, n.defaultValue]);
-    const h = (x) => {
-      o(x.target.value.length), g?.(x);
+      r ? c(String(r).length) : n.defaultValue && c(String(n.defaultValue).length);
+    }, [r, n.defaultValue]);
+    const w = (f) => {
+      c(f.target.value.length), v?.(f);
     };
     return /* @__PURE__ */ e("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-[6px]", children: [
         u && /* @__PURE__ */ e(
           "label",
           {
-            className: t(
+            className: d(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              r && "opacity-70",
-              a && "text-destructive"
+              i && "opacity-70",
+              t && "text-destructive"
             ),
             children: [
               u,
               " ",
-              n.required && /* @__PURE__ */ d("span", { className: "text-destructive", children: "*" })
+              n.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
             ]
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
-            className: t(
-              s && l === "absolute" && "relative"
+            className: d(
+              l && s === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ a(
                 "textarea",
                 {
-                  className: t(
-                    y({ isError: a, disabled: r, className: b }),
+                  className: d(
+                    z({ isError: t, size: g, disabled: i, className: b }),
                     "bg-canvas",
-                    r && "bg-disabled-surface"
+                    i && "bg-disabled-surface"
                   ),
-                  ref: v,
-                  disabled: !!r,
-                  value: i,
-                  onChange: h,
+                  ref: p,
+                  disabled: !!i,
+                  value: r,
+                  onChange: w,
                   "data-component": "textarea",
                   ...n
                 }
               ),
-              s && l === "absolute" && /* @__PURE__ */ e(
+              l && s === "absolute" && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: t(
+                  className: d(
                     "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px] text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    a && "text-destructive"
+                    t && "text-destructive"
                   ),
                   children: [
-                    /* @__PURE__ */ d(
-                      f,
+                    /* @__PURE__ */ a(
+                      x,
                       {
                         size: "xs",
-                        className: t(
+                        className: d(
                           "shrink-0",
-                          a ? "text-destructive" : "text-content-muted"
+                          t ? "text-destructive" : "text-content-muted"
                         )
                       }
                     ),
-                    /* @__PURE__ */ d("p", { className: "min-w-0", children: s })
+                    /* @__PURE__ */ a("p", { className: "min-w-0", children: l })
                   ]
                 }
               )
@@ -106,47 +114,44 @@ const y = N(
           }
         )
       ] }),
-      (s && l === "flow" || c) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
-        /* @__PURE__ */ d(
+      (l && s === "flow" || o) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
+        /* @__PURE__ */ a(
           "div",
           {
-            className: t(
+            className: d(
               "flex min-w-0 flex-1 items-center gap-[6px]",
-              a && "text-destructive"
+              t && "text-destructive"
             ),
-            children: s && l === "flow" && /* @__PURE__ */ e(w, { children: [
-              /* @__PURE__ */ d(
-                f,
+            children: l && s === "flow" && /* @__PURE__ */ e(N, { children: [
+              /* @__PURE__ */ a(
+                x,
                 {
                   size: "xs",
-                  className: t(
-                    "shrink-0",
-                    a ? "text-destructive" : "text-content-muted"
-                  )
+                  color: t ? "destructive" : "muted"
                 }
               ),
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ a(
                 "p",
                 {
-                  className: t(
+                  className: d(
                     "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    a && "text-destructive"
+                    t && "text-destructive"
                   ),
-                  children: s
+                  children: l
                 }
               )
             ] })
           }
         ),
-        c && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           "div",
           {
             className: "text-[12px] font-medium leading-[18px] text-navigation-muted text-right",
             "data-component": "character-count-indicator",
             children: [
-              p,
+              h,
               "/",
-              c
+              o
             ]
           }
         )
@@ -154,7 +159,7 @@ const y = N(
     ] });
   }
 );
-k.displayName = "Textarea";
+C.displayName = "Textarea";
 export {
-  k as Textarea
+  C as Textarea
 };

package/dist/components/ui/types/filter-panel.types.d.ts

@@ -28,6 +28,8 @@ export interface FilterSidebarItem {
     hasInfo?: boolean;
     separator?: boolean;
     tooltipKeybinding?: import('../command-palette/utils').KeyBinding;
+    /** Shortcut ID for the shortcut overlay to anchor a badge to this tab. */
+    shortcutId?: string;
 }
 export interface FilterPanelSidebarProps {
     items: FilterSidebarItem[];

package/dist/components/ui/types/filter-strip.types.d.ts

@@ -101,4 +101,9 @@ export interface FilterStripProps {
      * Keybinding to show in the "All Filters" button tooltip
      */
     allFiltersKeybinding?: import('./filter-panel.types').FilterSidebarItem["tooltipKeybinding"];
+    /**
+     * Shortcut ID for the "All Filters" button, used by the shortcut overlay
+     * to anchor a badge to this button.
+     */
+    allFiltersShortcutId?: string;
 }