@acronis-platform/shadcn-uikit 0.35.0 → 0.36.3

package/dist/components/ui/widget-protection-status.js

@@ -1,21 +1,19 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import * as o from "react";
 import { cn as i } from "../../lib/utils.js";
-const n = o.forwardRef(
-  ({ className: a, interactive: t, ...e }, s) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: s,
-      tabIndex: t ? 0 : void 0,
-      className: i(
-        "relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors",
-        t && "cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]",
-        a
-      ),
-      ...e
-    }
-  )
-);
+const n = o.forwardRef(({ className: a, interactive: t, ...e }, s) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: s,
+    tabIndex: t ? 0 : void 0,
+    className: i(
+      "relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors",
+      t && "cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]",
+      a
+    ),
+    ...e
+  }
+));
 n.displayName = "WidgetProtectionStatus";
 const l = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "div",
@@ -39,7 +37,10 @@ const f = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "div",
   {
     ref: e,
-    className: i("flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4", a),
+    className: i(
+      "flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4",
+      a
+    ),
     ...t
   }
 ));
@@ -91,20 +92,16 @@ const m = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   }
 ));
 m.displayName = "WidgetProtectionStatusValue";
-const x = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: e,
-    className: i("text-sm leading-6", a),
-    ...t
-  }
-));
+const x = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r("div", { ref: e, className: i("text-sm leading-6", a), ...t }));
 x.displayName = "WidgetProtectionStatusLabel";
 const p = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
   "div",
   {
     ref: e,
-    className: i("border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs", a),
+    className: i(
+      "border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs",
+      a
+    ),
     ...t
   }
 ));

package/dist/components/ui/widget-protection-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-protection-status.js","sources":["../../../src/components/ui/widget-protection-status.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * WidgetProtectionStatus — Protection status indicator widget.\n * Figma: Charts-anatomy / Protection-Status (node 533:75562)\n *\n * Shows protection status with a visual indicator (icon/badge),\n * status label, and optional details.\n * Background: inversed-primary, Border: brand-light\n *\n * States: hover, active, focus\n */\n\nexport interface WidgetProtectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean\n}\n\nconst WidgetProtectionStatus = React.forwardRef<HTMLDivElement, WidgetProtectionStatusProps>(\n  ({ className, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(\n        'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n        interactive && 'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nWidgetProtectionStatus.displayName = 'WidgetProtectionStatus'\n\nconst WidgetProtectionStatusHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusHeader.displayName = 'WidgetProtectionStatusHeader'\n\nconst WidgetProtectionStatusTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusTitle.displayName = 'WidgetProtectionStatusTitle'\n\nconst WidgetProtectionStatusIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusIcon.displayName = 'WidgetProtectionStatusIcon'\n\nconst WidgetProtectionStatusContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 flex flex-col gap-2 px-6 py-2', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusContent.displayName = 'WidgetProtectionStatusContent'\n\nconst WidgetProtectionStatusIndicator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    status?: 'success' | 'warning' | 'critical' | 'danger' | 'info' | 'neutral'\n  }\n>(({ className, status = 'success', ...props }, ref) => {\n  const statusColors: Record<string, string> = {\n    success: 'var(--av-chart-success)',\n    warning: 'var(--av-chart-warning)',\n    critical: 'var(--av-chart-critical)',\n    danger: 'var(--av-chart-danger)',\n    info: 'var(--av-chart-info)',\n    neutral: 'var(--av-chart-neutral)',\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    >\n      <div\n        className=\"h-3 w-3 rounded-full flex-shrink-0\"\n        style={{ backgroundColor: statusColors[status] }}\n      />\n      {props.children}\n    </div>\n  )\n})\nWidgetProtectionStatusIndicator.displayName = 'WidgetProtectionStatusIndicator'\n\nconst WidgetProtectionStatusValue = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-2xl font-semibold leading-8 tabular-nums', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusValue.displayName = 'WidgetProtectionStatusValue'\n\nconst WidgetProtectionStatusLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-sm leading-6', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusLabel.displayName = 'WidgetProtectionStatusLabel'\n\nconst WidgetProtectionStatusFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs', className)}\n    {...props}\n  />\n))\nWidgetProtectionStatusFooter.displayName = 'WidgetProtectionStatusFooter'\n\nexport {\n  WidgetProtectionStatus,\n  WidgetProtectionStatusHeader,\n  WidgetProtectionStatusTitle,\n  WidgetProtectionStatusIcon,\n  WidgetProtectionStatusContent,\n  WidgetProtectionStatusIndicator,\n  WidgetProtectionStatusValue,\n  WidgetProtectionStatusLabel,\n  WidgetProtectionStatusFooter,\n}\n"],"names":["WidgetProtectionStatus","React","className","interactive","props","ref","jsx","cn","WidgetProtectionStatusHeader","WidgetProtectionStatusTitle","WidgetProtectionStatusIcon","WidgetProtectionStatusContent","WidgetProtectionStatusIndicator","status","statusColors","jsxs","WidgetProtectionStatusValue","WidgetProtectionStatusLabel","WidgetProtectionStatusFooter"],"mappings":"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"}
+{"version":3,"file":"widget-protection-status.js","sources":["../../../src/components/ui/widget-protection-status.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/**\n * WidgetProtectionStatus — Protection status indicator widget.\n * Figma: Charts-anatomy / Protection-Status (node 533:75562)\n *\n * Shows protection status with a visual indicator (icon/badge),\n * status label, and optional details.\n * Background: inversed-primary, Border: brand-light\n *\n * States: hover, active, focus\n */\n\nexport interface WidgetProtectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n}\n\nconst WidgetProtectionStatus = React.forwardRef<\n  HTMLDivElement,\n  WidgetProtectionStatusProps\n>(({ className, interactive, ...props }, ref) => (\n  <div\n    ref={ref}\n    tabIndex={interactive ? 0 : undefined}\n    className={cn(\n      'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n      interactive &&\n        'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetProtectionStatus.displayName = 'WidgetProtectionStatus';\n\nconst WidgetProtectionStatusHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n));\nWidgetProtectionStatusHeader.displayName = 'WidgetProtectionStatusHeader';\n\nconst WidgetProtectionStatusTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n));\nWidgetProtectionStatusTitle.displayName = 'WidgetProtectionStatusTitle';\n\nconst WidgetProtectionStatusIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetProtectionStatusIcon.displayName = 'WidgetProtectionStatusIcon';\n\nconst WidgetProtectionStatusContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 flex flex-col gap-2 px-6 py-2', className)}\n    {...props}\n  />\n));\nWidgetProtectionStatusContent.displayName = 'WidgetProtectionStatusContent';\n\nconst WidgetProtectionStatusIndicator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    status?: 'success' | 'warning' | 'critical' | 'danger' | 'info' | 'neutral';\n  }\n>(({ className, status = 'success', ...props }, ref) => {\n  const statusColors: Record<string, string> = {\n    success: 'var(--av-chart-success)',\n    warning: 'var(--av-chart-warning)',\n    critical: 'var(--av-chart-critical)',\n    danger: 'var(--av-chart-danger)',\n    info: 'var(--av-chart-info)',\n    neutral: 'var(--av-chart-neutral)',\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    >\n      <div\n        className=\"h-3 w-3 rounded-full flex-shrink-0\"\n        style={{ backgroundColor: statusColors[status] }}\n      />\n      {props.children}\n    </div>\n  );\n});\nWidgetProtectionStatusIndicator.displayName = 'WidgetProtectionStatusIndicator';\n\nconst WidgetProtectionStatusValue = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-2xl font-semibold leading-8 tabular-nums', className)}\n    {...props}\n  />\n));\nWidgetProtectionStatusValue.displayName = 'WidgetProtectionStatusValue';\n\nconst WidgetProtectionStatusLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('text-sm leading-6', className)} {...props} />\n));\nWidgetProtectionStatusLabel.displayName = 'WidgetProtectionStatusLabel';\n\nconst WidgetProtectionStatusFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetProtectionStatusFooter.displayName = 'WidgetProtectionStatusFooter';\n\nexport {\n  WidgetProtectionStatus,\n  WidgetProtectionStatusHeader,\n  WidgetProtectionStatusTitle,\n  WidgetProtectionStatusIcon,\n  WidgetProtectionStatusContent,\n  WidgetProtectionStatusIndicator,\n  WidgetProtectionStatusValue,\n  WidgetProtectionStatusLabel,\n  WidgetProtectionStatusFooter,\n};\n"],"names":["WidgetProtectionStatus","React","className","interactive","props","ref","jsx","cn","WidgetProtectionStatusHeader","WidgetProtectionStatusTitle","WidgetProtectionStatusIcon","WidgetProtectionStatusContent","WidgetProtectionStatusIndicator","status","statusColors","jsxs","WidgetProtectionStatusValue","WidgetProtectionStatusLabel","WidgetProtectionStatusFooter"],"mappings":"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"}

package/dist/components/ui/widget-protection-summary.js

@@ -1,21 +1,19 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import * as o from "react";
 import { cn as i } from "../../lib/utils.js";
-const l = o.forwardRef(
-  ({ className: r, interactive: e, ...a }, s) => /* @__PURE__ */ t(
-    "div",
-    {
-      ref: s,
-      tabIndex: e ? 0 : void 0,
-      className: i(
-        "relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors",
-        e && "cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]",
-        r
-      ),
-      ...a
-    }
-  )
-);
+const l = o.forwardRef(({ className: r, interactive: e, ...a }, s) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: s,
+    tabIndex: e ? 0 : void 0,
+    className: i(
+      "relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors",
+      e && "cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]",
+      r
+    ),
+    ...a
+  }
+));
 l.displayName = "WidgetProtectionSummary";
 const v = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
   "div",
@@ -39,7 +37,10 @@ const u = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
   "div",
   {
     ref: a,
-    className: i("flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4", r),
+    className: i(
+      "flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4",
+      r
+    ),
     ...e
   }
 ));
@@ -53,39 +54,37 @@ const y = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
   }
 ));
 y.displayName = "WidgetProtectionSummaryContent";
-const g = o.forwardRef(
-  ({ className: r, label: e, value: a, status: s, ...n }, d) => {
-    const m = {
-      success: "var(--av-chart-success)",
-      warning: "var(--av-chart-warning)",
-      critical: "var(--av-chart-critical)",
-      danger: "var(--av-chart-danger)",
-      info: "var(--av-chart-info)",
-      neutral: "var(--av-chart-neutral)"
-    };
-    return /* @__PURE__ */ c(
-      "div",
-      {
-        ref: d,
-        className: i("flex items-center justify-between py-1", r),
-        ...n,
-        children: [
-          /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-sm", children: [
-            s && /* @__PURE__ */ t(
-              "div",
-              {
-                className: "h-2 w-2 rounded-full flex-shrink-0",
-                style: { backgroundColor: m[s] }
-              }
-            ),
-            /* @__PURE__ */ t("span", { children: e })
-          ] }),
-          /* @__PURE__ */ t("span", { className: "text-sm font-semibold tabular-nums", children: a })
-        ]
-      }
-    );
-  }
-);
+const g = o.forwardRef(({ className: r, label: e, value: a, status: s, ...n }, d) => {
+  const m = {
+    success: "var(--av-chart-success)",
+    warning: "var(--av-chart-warning)",
+    critical: "var(--av-chart-critical)",
+    danger: "var(--av-chart-danger)",
+    info: "var(--av-chart-info)",
+    neutral: "var(--av-chart-neutral)"
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: d,
+      className: i("flex items-center justify-between py-1", r),
+      ...n,
+      children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-2 text-sm", children: [
+          s && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "h-2 w-2 rounded-full flex-shrink-0",
+              style: { backgroundColor: m[s] }
+            }
+          ),
+          /* @__PURE__ */ t("span", { children: e })
+        ] }),
+        /* @__PURE__ */ t("span", { className: "text-sm font-semibold tabular-nums", children: a })
+      ]
+    }
+  );
+});
 g.displayName = "WidgetProtectionSummaryRow";
 const x = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
   "hr",
@@ -100,7 +99,10 @@ const p = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
   "div",
   {
     ref: a,
-    className: i("border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs", r),
+    className: i(
+      "border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs",
+      r
+    ),
     ...e
   }
 ));

package/dist/components/ui/widget-protection-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-protection-summary.js","sources":["../../../src/components/ui/widget-protection-summary.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * WidgetProtectionSummary — Protection summary dashboard widget.\n * Figma: Charts-anatomy / Protection-Summary (node 538:78584)\n *\n * Shows a summary of protection metrics with status indicators and values.\n * Background: inversed-primary, Border: brand-light\n *\n * States: hover, active, focus\n */\n\nexport interface WidgetProtectionSummaryProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean\n}\n\nconst WidgetProtectionSummary = React.forwardRef<HTMLDivElement, WidgetProtectionSummaryProps>(\n  ({ className, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(\n        'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n        interactive && 'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nWidgetProtectionSummary.displayName = 'WidgetProtectionSummary'\n\nconst WidgetProtectionSummaryHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n))\nWidgetProtectionSummaryHeader.displayName = 'WidgetProtectionSummaryHeader'\n\nconst WidgetProtectionSummaryTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n))\nWidgetProtectionSummaryTitle.displayName = 'WidgetProtectionSummaryTitle'\n\nconst WidgetProtectionSummaryIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4', className)}\n    {...props}\n  />\n))\nWidgetProtectionSummaryIcon.displayName = 'WidgetProtectionSummaryIcon'\n\nconst WidgetProtectionSummaryContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 flex flex-col gap-2 px-6 py-2', className)}\n    {...props}\n  />\n))\nWidgetProtectionSummaryContent.displayName = 'WidgetProtectionSummaryContent'\n\nexport interface WidgetProtectionSummaryRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  label: string\n  value: string | number\n  status?: 'success' | 'warning' | 'critical' | 'danger' | 'info' | 'neutral'\n}\n\nconst WidgetProtectionSummaryRow = React.forwardRef<HTMLDivElement, WidgetProtectionSummaryRowProps>(\n  ({ className, label, value, status, ...props }, ref) => {\n    const statusColors: Record<string, string> = {\n      success: 'var(--av-chart-success)',\n      warning: 'var(--av-chart-warning)',\n      critical: 'var(--av-chart-critical)',\n      danger: 'var(--av-chart-danger)',\n      info: 'var(--av-chart-info)',\n      neutral: 'var(--av-chart-neutral)',\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-center justify-between py-1', className)}\n        {...props}\n      >\n        <div className=\"flex items-center gap-2 text-sm\">\n          {status && (\n            <div\n              className=\"h-2 w-2 rounded-full flex-shrink-0\"\n              style={{ backgroundColor: statusColors[status] }}\n            />\n          )}\n          <span>{label}</span>\n        </div>\n        <span className=\"text-sm font-semibold tabular-nums\">{value}</span>\n      </div>\n    )\n  }\n)\nWidgetProtectionSummaryRow.displayName = 'WidgetProtectionSummaryRow'\n\nconst WidgetProtectionSummaryDivider = React.forwardRef<\n  HTMLHRElement,\n  React.HTMLAttributes<HTMLHRElement>\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    className={cn('border-t border-[var(--av-brand-accent)] mx-6', className)}\n    {...props}\n  />\n))\nWidgetProtectionSummaryDivider.displayName = 'WidgetProtectionSummaryDivider'\n\nconst WidgetProtectionSummaryFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs', className)}\n    {...props}\n  />\n))\nWidgetProtectionSummaryFooter.displayName = 'WidgetProtectionSummaryFooter'\n\nexport {\n  WidgetProtectionSummary,\n  WidgetProtectionSummaryHeader,\n  WidgetProtectionSummaryTitle,\n  WidgetProtectionSummaryIcon,\n  WidgetProtectionSummaryContent,\n  WidgetProtectionSummaryRow,\n  WidgetProtectionSummaryDivider,\n  WidgetProtectionSummaryFooter,\n}\n"],"names":["WidgetProtectionSummary","React","className","interactive","props","ref","jsx","cn","WidgetProtectionSummaryHeader","WidgetProtectionSummaryTitle","WidgetProtectionSummaryIcon","WidgetProtectionSummaryContent","WidgetProtectionSummaryRow","label","value","status","statusColors","jsxs","WidgetProtectionSummaryDivider","WidgetProtectionSummaryFooter"],"mappings":"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"}
+{"version":3,"file":"widget-protection-summary.js","sources":["../../../src/components/ui/widget-protection-summary.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/**\n * WidgetProtectionSummary — Protection summary dashboard widget.\n * Figma: Charts-anatomy / Protection-Summary (node 538:78584)\n *\n * Shows a summary of protection metrics with status indicators and values.\n * Background: inversed-primary, Border: brand-light\n *\n * States: hover, active, focus\n */\n\nexport interface WidgetProtectionSummaryProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n}\n\nconst WidgetProtectionSummary = React.forwardRef<\n  HTMLDivElement,\n  WidgetProtectionSummaryProps\n>(({ className, interactive, ...props }, ref) => (\n  <div\n    ref={ref}\n    tabIndex={interactive ? 0 : undefined}\n    className={cn(\n      'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n      interactive &&\n        'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetProtectionSummary.displayName = 'WidgetProtectionSummary';\n\nconst WidgetProtectionSummaryHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n));\nWidgetProtectionSummaryHeader.displayName = 'WidgetProtectionSummaryHeader';\n\nconst WidgetProtectionSummaryTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n));\nWidgetProtectionSummaryTitle.displayName = 'WidgetProtectionSummaryTitle';\n\nconst WidgetProtectionSummaryIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetProtectionSummaryIcon.displayName = 'WidgetProtectionSummaryIcon';\n\nconst WidgetProtectionSummaryContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 flex flex-col gap-2 px-6 py-2', className)}\n    {...props}\n  />\n));\nWidgetProtectionSummaryContent.displayName = 'WidgetProtectionSummaryContent';\n\nexport interface WidgetProtectionSummaryRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  label: string;\n  value: string | number;\n  status?: 'success' | 'warning' | 'critical' | 'danger' | 'info' | 'neutral';\n}\n\nconst WidgetProtectionSummaryRow = React.forwardRef<\n  HTMLDivElement,\n  WidgetProtectionSummaryRowProps\n>(({ className, label, value, status, ...props }, ref) => {\n  const statusColors: Record<string, string> = {\n    success: 'var(--av-chart-success)',\n    warning: 'var(--av-chart-warning)',\n    critical: 'var(--av-chart-critical)',\n    danger: 'var(--av-chart-danger)',\n    info: 'var(--av-chart-info)',\n    neutral: 'var(--av-chart-neutral)',\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-between py-1', className)}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2 text-sm\">\n        {status && (\n          <div\n            className=\"h-2 w-2 rounded-full flex-shrink-0\"\n            style={{ backgroundColor: statusColors[status] }}\n          />\n        )}\n        <span>{label}</span>\n      </div>\n      <span className=\"text-sm font-semibold tabular-nums\">{value}</span>\n    </div>\n  );\n});\nWidgetProtectionSummaryRow.displayName = 'WidgetProtectionSummaryRow';\n\nconst WidgetProtectionSummaryDivider = React.forwardRef<\n  HTMLHRElement,\n  React.HTMLAttributes<HTMLHRElement>\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    className={cn('border-t border-[var(--av-brand-accent)] mx-6', className)}\n    {...props}\n  />\n));\nWidgetProtectionSummaryDivider.displayName = 'WidgetProtectionSummaryDivider';\n\nconst WidgetProtectionSummaryFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetProtectionSummaryFooter.displayName = 'WidgetProtectionSummaryFooter';\n\nexport {\n  WidgetProtectionSummary,\n  WidgetProtectionSummaryHeader,\n  WidgetProtectionSummaryTitle,\n  WidgetProtectionSummaryIcon,\n  WidgetProtectionSummaryContent,\n  WidgetProtectionSummaryRow,\n  WidgetProtectionSummaryDivider,\n  WidgetProtectionSummaryFooter,\n};\n"],"names":["WidgetProtectionSummary","React","className","interactive","props","ref","jsx","cn","WidgetProtectionSummaryHeader","WidgetProtectionSummaryTitle","WidgetProtectionSummaryIcon","WidgetProtectionSummaryContent","WidgetProtectionSummaryRow","label","value","status","statusColors","jsxs","WidgetProtectionSummaryDivider","WidgetProtectionSummaryFooter"],"mappings":"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"}

package/dist/components/ui/widget-table-data.js

@@ -39,28 +39,17 @@ const n = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
-    className: i("flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4", e),
+    className: i(
+      "flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4",
+      e
+    ),
     ...a
   }
 ));
 n.displayName = "WidgetTableDataIcon";
-const c = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: t,
-    className: i("flex-1 px-6 py-2", e),
-    ...a
-  }
-));
+const c = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("div", { ref: t, className: i("flex-1 px-6 py-2", e), ...a }));
 c.displayName = "WidgetTableDataContent";
-const f = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  "table",
-  {
-    ref: t,
-    className: i("w-full text-sm", e),
-    ...a
-  }
-));
+const f = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("table", { ref: t, className: i("w-full text-sm", e), ...a }));
 f.displayName = "WidgetTableDataTable";
 const v = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
   "thead",
@@ -90,7 +79,10 @@ const T = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
   "tbody",
   {
     ref: t,
-    className: i("[&>tr]:border-b [&>tr]:border-[var(--av-brand-accent)]", e),
+    className: i(
+      "[&>tr]:border-b [&>tr]:border-[var(--av-brand-accent)]",
+      e
+    ),
     ...a
   }
 ));
@@ -99,25 +91,24 @@ const g = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
   "tr",
   {
     ref: t,
-    className: i("transition-colors hover:bg-[var(--av-el-secondary-hover)]", e),
+    className: i(
+      "transition-colors hover:bg-[var(--av-el-secondary-hover)]",
+      e
+    ),
     ...a
   }
 ));
 g.displayName = "WidgetTableDataTr";
-const p = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
-  "td",
-  {
-    ref: t,
-    className: i("px-3 py-2 text-sm", e),
-    ...a
-  }
-));
+const p = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r("td", { ref: t, className: i("px-3 py-2 text-sm", e), ...a }));
 p.displayName = "WidgetTableDataTd";
 const x = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
   "a",
   {
     ref: t,
-    className: i("text-[var(--av-fixed-link)] hover:underline cursor-pointer", e),
+    className: i(
+      "text-[var(--av-fixed-link)] hover:underline cursor-pointer",
+      e
+    ),
     ...a
   }
 ));

package/dist/components/ui/widget-table-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-table-data.js","sources":["../../../src/components/ui/widget-table-data.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * WidgetTableData — Data table widget for dashboard.\n * Figma: Charts-anatomy / Table-Data (node 826:86024)\n *\n * Shows tabular data with optional colored background rows, links, and pagination.\n * Two variants: full table (with header row) and compact (without header).\n * Background: inversed-primary, Border: brand-light\n * Colored-Background: brand-lightest\n * Divider: brand-accent\n *\n * States: hover (el-secondary-hover), active (el-secondary-active), focus (fixed-focus)\n */\n\nexport interface WidgetTableDataProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean\n}\n\nconst WidgetTableData = React.forwardRef<HTMLDivElement, WidgetTableDataProps>(\n  ({ className, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(\n        'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n        interactive && 'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nWidgetTableData.displayName = 'WidgetTableData'\n\nconst WidgetTableDataHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n))\nWidgetTableDataHeader.displayName = 'WidgetTableDataHeader'\n\nconst WidgetTableDataTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n))\nWidgetTableDataTitle.displayName = 'WidgetTableDataTitle'\n\nconst WidgetTableDataIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4', className)}\n    {...props}\n  />\n))\nWidgetTableDataIcon.displayName = 'WidgetTableDataIcon'\n\nconst WidgetTableDataContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 px-6 py-2', className)}\n    {...props}\n  />\n))\nWidgetTableDataContent.displayName = 'WidgetTableDataContent'\n\nconst WidgetTableDataTable = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={cn('w-full text-sm', className)}\n    {...props}\n  />\n))\nWidgetTableDataTable.displayName = 'WidgetTableDataTable'\n\nconst WidgetTableDataThead = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn(\n      'border-b border-[var(--av-brand-accent)] bg-[var(--av-brand-lightest)]',\n      className\n    )}\n    {...props}\n  />\n))\nWidgetTableDataThead.displayName = 'WidgetTableDataThead'\n\nconst WidgetTableDataTh = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'px-3 py-2 text-left text-xs font-semibold text-[var(--av-fixed-primary)]',\n      className\n    )}\n    {...props}\n  />\n))\nWidgetTableDataTh.displayName = 'WidgetTableDataTh'\n\nconst WidgetTableDataTbody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn('[&>tr]:border-b [&>tr]:border-[var(--av-brand-accent)]', className)}\n    {...props}\n  />\n))\nWidgetTableDataTbody.displayName = 'WidgetTableDataTbody'\n\nconst WidgetTableDataTr = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn('transition-colors hover:bg-[var(--av-el-secondary-hover)]', className)}\n    {...props}\n  />\n))\nWidgetTableDataTr.displayName = 'WidgetTableDataTr'\n\nconst WidgetTableDataTd = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn('px-3 py-2 text-sm', className)}\n    {...props}\n  />\n))\nWidgetTableDataTd.displayName = 'WidgetTableDataTd'\n\nconst WidgetTableDataLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.AnchorHTMLAttributes<HTMLAnchorElement>\n>(({ className, ...props }, ref) => (\n  <a\n    ref={ref}\n    className={cn('text-[var(--av-fixed-link)] hover:underline cursor-pointer', className)}\n    {...props}\n  />\n))\nWidgetTableDataLink.displayName = 'WidgetTableDataLink'\n\nconst WidgetTableDataFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-between border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs',\n      className\n    )}\n    {...props}\n  />\n))\nWidgetTableDataFooter.displayName = 'WidgetTableDataFooter'\n\nexport {\n  WidgetTableData,\n  WidgetTableDataHeader,\n  WidgetTableDataTitle,\n  WidgetTableDataIcon,\n  WidgetTableDataContent,\n  WidgetTableDataTable,\n  WidgetTableDataThead,\n  WidgetTableDataTh,\n  WidgetTableDataTbody,\n  WidgetTableDataTr,\n  WidgetTableDataTd,\n  WidgetTableDataLink,\n  WidgetTableDataFooter,\n}\n"],"names":["WidgetTableData","React","className","interactive","props","ref","jsx","cn","WidgetTableDataHeader","WidgetTableDataTitle","WidgetTableDataIcon","WidgetTableDataContent","WidgetTableDataTable","WidgetTableDataThead","WidgetTableDataTh","WidgetTableDataTbody","WidgetTableDataTr","WidgetTableDataTd","WidgetTableDataLink","WidgetTableDataFooter"],"mappings":"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"}
+{"version":3,"file":"widget-table-data.js","sources":["../../../src/components/ui/widget-table-data.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/**\n * WidgetTableData — Data table widget for dashboard.\n * Figma: Charts-anatomy / Table-Data (node 826:86024)\n *\n * Shows tabular data with optional colored background rows, links, and pagination.\n * Two variants: full table (with header row) and compact (without header).\n * Background: inversed-primary, Border: brand-light\n * Colored-Background: brand-lightest\n * Divider: brand-accent\n *\n * States: hover (el-secondary-hover), active (el-secondary-active), focus (fixed-focus)\n */\n\nexport interface WidgetTableDataProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n}\n\nconst WidgetTableData = React.forwardRef<HTMLDivElement, WidgetTableDataProps>(\n  ({ className, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(\n        'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n        interactive &&\n          'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nWidgetTableData.displayName = 'WidgetTableData';\n\nconst WidgetTableDataHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n));\nWidgetTableDataHeader.displayName = 'WidgetTableDataHeader';\n\nconst WidgetTableDataTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n));\nWidgetTableDataTitle.displayName = 'WidgetTableDataTitle';\n\nconst WidgetTableDataIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataIcon.displayName = 'WidgetTableDataIcon';\n\nconst WidgetTableDataContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex-1 px-6 py-2', className)} {...props} />\n));\nWidgetTableDataContent.displayName = 'WidgetTableDataContent';\n\nconst WidgetTableDataTable = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table ref={ref} className={cn('w-full text-sm', className)} {...props} />\n));\nWidgetTableDataTable.displayName = 'WidgetTableDataTable';\n\nconst WidgetTableDataThead = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn(\n      'border-b border-[var(--av-brand-accent)] bg-[var(--av-brand-lightest)]',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataThead.displayName = 'WidgetTableDataThead';\n\nconst WidgetTableDataTh = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'px-3 py-2 text-left text-xs font-semibold text-[var(--av-fixed-primary)]',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataTh.displayName = 'WidgetTableDataTh';\n\nconst WidgetTableDataTbody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\n      '[&>tr]:border-b [&>tr]:border-[var(--av-brand-accent)]',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataTbody.displayName = 'WidgetTableDataTbody';\n\nconst WidgetTableDataTr = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'transition-colors hover:bg-[var(--av-el-secondary-hover)]',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataTr.displayName = 'WidgetTableDataTr';\n\nconst WidgetTableDataTd = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={cn('px-3 py-2 text-sm', className)} {...props} />\n));\nWidgetTableDataTd.displayName = 'WidgetTableDataTd';\n\nconst WidgetTableDataLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.AnchorHTMLAttributes<HTMLAnchorElement>\n>(({ className, ...props }, ref) => (\n  <a\n    ref={ref}\n    className={cn(\n      'text-[var(--av-fixed-link)] hover:underline cursor-pointer',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataLink.displayName = 'WidgetTableDataLink';\n\nconst WidgetTableDataFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center justify-between border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTableDataFooter.displayName = 'WidgetTableDataFooter';\n\nexport {\n  WidgetTableData,\n  WidgetTableDataHeader,\n  WidgetTableDataTitle,\n  WidgetTableDataIcon,\n  WidgetTableDataContent,\n  WidgetTableDataTable,\n  WidgetTableDataThead,\n  WidgetTableDataTh,\n  WidgetTableDataTbody,\n  WidgetTableDataTr,\n  WidgetTableDataTd,\n  WidgetTableDataLink,\n  WidgetTableDataFooter,\n};\n"],"names":["WidgetTableData","React","className","interactive","props","ref","jsx","cn","WidgetTableDataHeader","WidgetTableDataTitle","WidgetTableDataIcon","WidgetTableDataContent","WidgetTableDataTable","WidgetTableDataThead","WidgetTableDataTh","WidgetTableDataTbody","WidgetTableDataTr","WidgetTableDataTd","WidgetTableDataLink","WidgetTableDataFooter"],"mappings":"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"}

package/dist/components/ui/widget-text.js

@@ -39,7 +39,10 @@ const v = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
   "div",
   {
     ref: a,
-    className: d("flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4", t),
+    className: d(
+      "flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4",
+      t
+    ),
     ...e
   }
 ));
@@ -62,29 +65,46 @@ const g = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
   }
 ));
 g.displayName = "WidgetTextValue";
-const m = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: a,
-    className: d("text-sm leading-6", t),
-    ...e
-  }
-));
+const m = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: d("text-sm leading-6", t), ...e }));
 m.displayName = "WidgetTextLabel";
 const p = i.forwardRef(
   ({ className: t, direction: e = "neutral", children: a, ...o }, s) => /* @__PURE__ */ l(
     "div",
     {
       ref: s,
-      className: d("flex items-center gap-1 text-sm font-semibold", {
-        up: "text-[var(--av-chart-success)]",
-        down: "text-[var(--av-chart-danger)]",
-        neutral: "text-[var(--av-chart-neutral)]"
-      }[e], t),
+      className: d(
+        "flex items-center gap-1 text-sm font-semibold",
+        {
+          up: "text-[var(--av-chart-success)]",
+          down: "text-[var(--av-chart-danger)]",
+          neutral: "text-[var(--av-chart-neutral)]"
+        }[e],
+        t
+      ),
       ...o,
       children: [
-        e === "up" && /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r("path", { d: "M6 2L10 7H2L6 2Z", fill: "currentColor" }) }),
-        e === "down" && /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r("path", { d: "M6 10L2 5H10L6 10Z", fill: "currentColor" }) }),
+        e === "up" && /* @__PURE__ */ r(
+          "svg",
+          {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ r("path", { d: "M6 2L10 7H2L6 2Z", fill: "currentColor" })
+          }
+        ),
+        e === "down" && /* @__PURE__ */ r(
+          "svg",
+          {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ r("path", { d: "M6 10L2 5H10L6 10Z", fill: "currentColor" })
+          }
+        ),
         a
       ]
     }

package/dist/components/ui/widget-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-text.js","sources":["../../../src/components/ui/widget-text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * WidgetText — Text-based dashboard widget.\n * Figma: Charts-anatomy / Text-Widgets (node 829:95739)\n *\n * Shows text-based metrics: a large value, label, and optional trend indicator.\n * Background: inversed-primary, Border: brand-light\n *\n * States: hover, active, focus\n */\n\nexport interface WidgetTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean\n}\n\nconst WidgetText = React.forwardRef<HTMLDivElement, WidgetTextProps>(\n  ({ className, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(\n        'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n        interactive && 'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nWidgetText.displayName = 'WidgetText'\n\nconst WidgetTextHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n))\nWidgetTextHeader.displayName = 'WidgetTextHeader'\n\nconst WidgetTextTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n))\nWidgetTextTitle.displayName = 'WidgetTextTitle'\n\nconst WidgetTextIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4', className)}\n    {...props}\n  />\n))\nWidgetTextIcon.displayName = 'WidgetTextIcon'\n\nconst WidgetTextContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 flex flex-col gap-1 px-6 py-2', className)}\n    {...props}\n  />\n))\nWidgetTextContent.displayName = 'WidgetTextContent'\n\nconst WidgetTextValue = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-2xl font-semibold leading-8 tabular-nums', className)}\n    {...props}\n  />\n))\nWidgetTextValue.displayName = 'WidgetTextValue'\n\nconst WidgetTextLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-sm leading-6', className)}\n    {...props}\n  />\n))\nWidgetTextLabel.displayName = 'WidgetTextLabel'\n\nexport interface WidgetTextTrendProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'up' | 'down' | 'neutral'\n}\n\nconst WidgetTextTrend = React.forwardRef<HTMLDivElement, WidgetTextTrendProps>(\n  ({ className, direction = 'neutral', children, ...props }, ref) => {\n    const colorMap: Record<string, string> = {\n      up: 'text-[var(--av-chart-success)]',\n      down: 'text-[var(--av-chart-danger)]',\n      neutral: 'text-[var(--av-chart-neutral)]',\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-center gap-1 text-sm font-semibold', colorMap[direction], className)}\n        {...props}\n      >\n        {direction === 'up' && (\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M6 2L10 7H2L6 2Z\" fill=\"currentColor\" />\n          </svg>\n        )}\n        {direction === 'down' && (\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M6 10L2 5H10L6 10Z\" fill=\"currentColor\" />\n          </svg>\n        )}\n        {children}\n      </div>\n    )\n  }\n)\nWidgetTextTrend.displayName = 'WidgetTextTrend'\n\nconst WidgetTextDivider = React.forwardRef<\n  HTMLHRElement,\n  React.HTMLAttributes<HTMLHRElement>\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    className={cn('border-t border-[var(--av-brand-accent)] mx-6', className)}\n    {...props}\n  />\n))\nWidgetTextDivider.displayName = 'WidgetTextDivider'\n\nconst WidgetTextFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('px-6 pb-4 pt-0 text-xs', className)}\n    {...props}\n  />\n))\nWidgetTextFooter.displayName = 'WidgetTextFooter'\n\nexport {\n  WidgetText,\n  WidgetTextHeader,\n  WidgetTextTitle,\n  WidgetTextIcon,\n  WidgetTextContent,\n  WidgetTextValue,\n  WidgetTextLabel,\n  WidgetTextTrend,\n  WidgetTextDivider,\n  WidgetTextFooter,\n}\n"],"names":["WidgetText","React","className","interactive","props","ref","jsx","cn","WidgetTextHeader","WidgetTextTitle","WidgetTextIcon","WidgetTextContent","WidgetTextValue","WidgetTextLabel","WidgetTextTrend","direction","children","jsxs","WidgetTextDivider","WidgetTextFooter"],"mappings":"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"}
+{"version":3,"file":"widget-text.js","sources":["../../../src/components/ui/widget-text.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/**\n * WidgetText — Text-based dashboard widget.\n * Figma: Charts-anatomy / Text-Widgets (node 829:95739)\n *\n * Shows text-based metrics: a large value, label, and optional trend indicator.\n * Background: inversed-primary, Border: brand-light\n *\n * States: hover, active, focus\n */\n\nexport interface WidgetTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n}\n\nconst WidgetText = React.forwardRef<HTMLDivElement, WidgetTextProps>(\n  ({ className, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(\n        'relative flex flex-col rounded-lg border border-[var(--av-brand-light)] bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n        interactive &&\n          'cursor-pointer hover:bg-[var(--av-el-secondary-hover)] active:bg-[var(--av-el-secondary-active)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--av-fixed-focus)]',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nWidgetText.displayName = 'WidgetText';\n\nconst WidgetTextHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center gap-2 px-6 pt-4 pb-2', className)}\n    {...props}\n  />\n));\nWidgetTextHeader.displayName = 'WidgetTextHeader';\n\nconst WidgetTextTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 truncate text-sm font-semibold leading-6', className)}\n    {...props}\n  />\n));\nWidgetTextTitle.displayName = 'WidgetTextTitle';\n\nconst WidgetTextIcon = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4',\n      className\n    )}\n    {...props}\n  />\n));\nWidgetTextIcon.displayName = 'WidgetTextIcon';\n\nconst WidgetTextContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex-1 flex flex-col gap-1 px-6 py-2', className)}\n    {...props}\n  />\n));\nWidgetTextContent.displayName = 'WidgetTextContent';\n\nconst WidgetTextValue = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-2xl font-semibold leading-8 tabular-nums', className)}\n    {...props}\n  />\n));\nWidgetTextValue.displayName = 'WidgetTextValue';\n\nconst WidgetTextLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('text-sm leading-6', className)} {...props} />\n));\nWidgetTextLabel.displayName = 'WidgetTextLabel';\n\nexport interface WidgetTextTrendProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'up' | 'down' | 'neutral';\n}\n\nconst WidgetTextTrend = React.forwardRef<HTMLDivElement, WidgetTextTrendProps>(\n  ({ className, direction = 'neutral', children, ...props }, ref) => {\n    const colorMap: Record<string, string> = {\n      up: 'text-[var(--av-chart-success)]',\n      down: 'text-[var(--av-chart-danger)]',\n      neutral: 'text-[var(--av-chart-neutral)]',\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-1 text-sm font-semibold',\n          colorMap[direction],\n          className\n        )}\n        {...props}\n      >\n        {direction === 'up' && (\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M6 2L10 7H2L6 2Z\" fill=\"currentColor\" />\n          </svg>\n        )}\n        {direction === 'down' && (\n          <svg\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M6 10L2 5H10L6 10Z\" fill=\"currentColor\" />\n          </svg>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\nWidgetTextTrend.displayName = 'WidgetTextTrend';\n\nconst WidgetTextDivider = React.forwardRef<\n  HTMLHRElement,\n  React.HTMLAttributes<HTMLHRElement>\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    className={cn('border-t border-[var(--av-brand-accent)] mx-6', className)}\n    {...props}\n  />\n));\nWidgetTextDivider.displayName = 'WidgetTextDivider';\n\nconst WidgetTextFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('px-6 pb-4 pt-0 text-xs', className)}\n    {...props}\n  />\n));\nWidgetTextFooter.displayName = 'WidgetTextFooter';\n\nexport {\n  WidgetText,\n  WidgetTextHeader,\n  WidgetTextTitle,\n  WidgetTextIcon,\n  WidgetTextContent,\n  WidgetTextValue,\n  WidgetTextLabel,\n  WidgetTextTrend,\n  WidgetTextDivider,\n  WidgetTextFooter,\n};\n"],"names":["WidgetText","React","className","interactive","props","ref","jsx","cn","WidgetTextHeader","WidgetTextTitle","WidgetTextIcon","WidgetTextContent","WidgetTextValue","WidgetTextLabel","WidgetTextTrend","direction","children","jsxs","WidgetTextDivider","WidgetTextFooter"],"mappings":"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"}

package/dist/components/ui/widget.js

@@ -38,10 +38,7 @@ const m = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
-    className: s(
-      "flex items-center gap-2 px-6 pt-4 pb-0",
-      a
-    ),
+    className: s("flex items-center gap-2 px-6 pt-4 pb-0", a),
     ...i
   }
 ));
@@ -62,10 +59,7 @@ const c = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
-    className: s(
-      "flex-1 truncate text-sm font-semibold leading-6",
-      a
-    ),
+    className: s("flex-1 truncate text-sm font-semibold leading-6", a),
     ...i
   }
 ));
@@ -82,23 +76,9 @@ const g = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
   }
 ));
 g.displayName = "WidgetActions";
-const p = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    className: s("flex-1 px-6 py-2", a),
-    ...i
-  }
-));
+const p = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t("div", { ref: e, className: s("flex-1 px-6 py-2", a), ...i }));
 p.displayName = "WidgetContent";
-const x = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
-  "div",
-  {
-    ref: e,
-    className: s("px-6 pb-4 pt-0", a),
-    ...i
-  }
-));
+const x = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t("div", { ref: e, className: s("px-6 pb-4 pt-0", a), ...i }));
 x.displayName = "WidgetFooter";
 const N = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
   "div",
@@ -113,7 +93,10 @@ const W = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
-    className: s("text-sm text-[var(--av-fixed-primary)] leading-6", a),
+    className: s(
+      "text-sm text-[var(--av-fixed-primary)] leading-6",
+      a
+    ),
     ...i
   }
 ));