@acronis-platform/shadcn-uikit 0.20.0 → 0.22.0

package/dist/components/ui/widget-progress-tiers.js

@@ -0,0 +1,129 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as o } from "../../lib/utils.js";
+const v = i.forwardRef(
+  ({ className: r, interactive: e, ...s }, d) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: d,
+      tabIndex: e ? 0 : void 0,
+      className: o(
+        "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
+      ),
+      ...s
+    }
+  )
+);
+v.displayName = "WidgetProgressTiers";
+const m = i.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: o("flex items-center gap-2 px-6 pt-4 pb-2", r),
+    ...e
+  }
+));
+m.displayName = "WidgetProgressTiersHeader";
+const p = i.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: o("flex-1 truncate text-sm font-semibold leading-6", r),
+    ...e
+  }
+));
+p.displayName = "WidgetProgressTiersTitle";
+const x = i.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: o("flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4", r),
+    ...e
+  }
+));
+x.displayName = "WidgetProgressTiersIcon";
+const u = i.forwardRef(
+  ({ className: r, tiers: e, total: s, ...d }, n) => {
+    const t = s ?? e.reduce((l, c) => l + c.value, 0);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: n,
+        className: o("flex h-6 w-full overflow-hidden rounded px-6", r),
+        ...d,
+        children: /* @__PURE__ */ a("div", { className: "flex h-full w-full overflow-hidden rounded border border-[var(--av-fixed-invisible)]", children: e.map((l, c) => {
+          const g = t > 0 ? l.value / t * 100 : 0;
+          return /* @__PURE__ */ a(
+            "div",
+            {
+              className: "h-full transition-all",
+              style: {
+                width: `${g}%`,
+                backgroundColor: l.color
+              },
+              title: `${l.label}: ${l.value}`
+            },
+            c
+          );
+        }) })
+      }
+    );
+  }
+);
+u.displayName = "WidgetProgressTiersBar";
+const b = i.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: o("flex flex-wrap gap-x-4 gap-y-1 px-6 py-2", r),
+    ...e
+  }
+));
+b.displayName = "WidgetProgressTiersLegend";
+const N = i.forwardRef(
+  ({ className: r, color: e, label: s, value: d, ...n }, t) => /* @__PURE__ */ f(
+    "div",
+    {
+      ref: t,
+      className: o("flex items-center gap-1.5 text-xs", r),
+      ...n,
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "h-2 w-2 rounded-sm flex-shrink-0",
+            style: { backgroundColor: e }
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "text-[var(--av-fixed-primary)]", children: s }),
+        d !== void 0 && /* @__PURE__ */ a("span", { className: "font-semibold tabular-nums", children: d })
+      ]
+    }
+  )
+);
+N.displayName = "WidgetProgressTiersLegendItem";
+const h = i.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: o(
+      "border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs",
+      r
+    ),
+    ...e
+  }
+));
+h.displayName = "WidgetProgressTiersFooter";
+export {
+  v as WidgetProgressTiers,
+  u as WidgetProgressTiersBar,
+  h as WidgetProgressTiersFooter,
+  m as WidgetProgressTiersHeader,
+  x as WidgetProgressTiersIcon,
+  b as WidgetProgressTiersLegend,
+  N as WidgetProgressTiersLegendItem,
+  p as WidgetProgressTiersTitle
+};
+//# sourceMappingURL=widget-progress-tiers.js.map

package/dist/components/ui/widget-progress-tiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-progress-tiers.js","sources":["../../../src/components/ui/widget-progress-tiers.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * WidgetProgressTiers — Tiered progress bar widget for dashboard.\n * Figma: Charts-anatomy / Progress-Tiers (node 229:70578)\n *\n * Shows a horizontal stacked bar with colored tiers and labels.\n * Colors: chart-success, chart-warning, chart-critical, chart-danger, chart-neutral\n * Background: inversed-primary, Border: brand-light\n * Divider: brand-accent\n *\n * Anatomy:\n * - WidgetProgressTiers (root)\n *   - Header: title + icon + dropdown\n *   - Bar: stacked horizontal segments\n *   - Legend: tier labels with values\n *   - Footer: optional summary\n *\n * States: hover (el-secondary-hover), active (el-secondary-active), focus (fixed-focus), focus-data (fixed-focus on tier)\n */\n\nexport interface ProgressTier {\n  label: string\n  value: number\n  color: string\n}\n\nexport interface WidgetProgressTiersProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean\n}\n\nconst WidgetProgressTiers = React.forwardRef<HTMLDivElement, WidgetProgressTiersProps>(\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)\nWidgetProgressTiers.displayName = 'WidgetProgressTiers'\n\nconst WidgetProgressTiersHeader = 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))\nWidgetProgressTiersHeader.displayName = 'WidgetProgressTiersHeader'\n\nconst WidgetProgressTiersTitle = 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))\nWidgetProgressTiersTitle.displayName = 'WidgetProgressTiersTitle'\n\nconst WidgetProgressTiersIcon = 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))\nWidgetProgressTiersIcon.displayName = 'WidgetProgressTiersIcon'\n\nexport interface WidgetProgressTiersBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  tiers: ProgressTier[]\n  total?: number\n}\n\nconst WidgetProgressTiersBar = React.forwardRef<HTMLDivElement, WidgetProgressTiersBarProps>(\n  ({ className, tiers, total, ...props }, ref) => {\n    const sum = total ?? tiers.reduce((acc, t) => acc + t.value, 0)\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex h-6 w-full overflow-hidden rounded px-6', className)}\n        {...props}\n      >\n        <div className=\"flex h-full w-full overflow-hidden rounded border border-[var(--av-fixed-invisible)]\">\n          {tiers.map((tier, index) => {\n            const pct = sum > 0 ? (tier.value / sum) * 100 : 0\n            return (\n              <div\n                key={index}\n                className=\"h-full transition-all\"\n                style={{\n                  width: `${pct}%`,\n                  backgroundColor: tier.color,\n                }}\n                title={`${tier.label}: ${tier.value}`}\n              />\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n)\nWidgetProgressTiersBar.displayName = 'WidgetProgressTiersBar'\n\nconst WidgetProgressTiersLegend = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-wrap gap-x-4 gap-y-1 px-6 py-2', className)}\n    {...props}\n  />\n))\nWidgetProgressTiersLegend.displayName = 'WidgetProgressTiersLegend'\n\nexport interface WidgetProgressTiersLegendItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  color: string\n  label: string\n  value?: string | number\n}\n\nconst WidgetProgressTiersLegendItem = React.forwardRef<HTMLDivElement, WidgetProgressTiersLegendItemProps>(\n  ({ className, color, label, value, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-1.5 text-xs', className)}\n      {...props}\n    >\n      <div\n        className=\"h-2 w-2 rounded-sm flex-shrink-0\"\n        style={{ backgroundColor: color }}\n      />\n      <span className=\"text-[var(--av-fixed-primary)]\">{label}</span>\n      {value !== undefined && (\n        <span className=\"font-semibold tabular-nums\">{value}</span>\n      )}\n    </div>\n  )\n)\nWidgetProgressTiersLegendItem.displayName = 'WidgetProgressTiersLegendItem'\n\nconst WidgetProgressTiersFooter = 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))\nWidgetProgressTiersFooter.displayName = 'WidgetProgressTiersFooter'\n\nexport {\n  WidgetProgressTiers,\n  WidgetProgressTiersHeader,\n  WidgetProgressTiersTitle,\n  WidgetProgressTiersIcon,\n  WidgetProgressTiersBar,\n  WidgetProgressTiersLegend,\n  WidgetProgressTiersLegendItem,\n  WidgetProgressTiersFooter,\n}\n"],"names":["WidgetProgressTiers","React","className","interactive","props","ref","jsx","cn","WidgetProgressTiersHeader","WidgetProgressTiersTitle","WidgetProgressTiersIcon","WidgetProgressTiersBar","tiers","total","sum","acc","t","tier","index","pct","WidgetProgressTiersLegend","WidgetProgressTiersLegendItem","color","label","value","jsxs","WidgetProgressTiersFooter"],"mappings":"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"}

package/dist/components/ui/widget-protection-status.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+/**
+ * WidgetProtectionStatus — Protection status indicator widget.
+ * Figma: Charts-anatomy / Protection-Status (node 533:75562)
+ *
+ * Shows protection status with a visual indicator (icon/badge),
+ * status label, and optional details.
+ * Background: inversed-primary, Border: brand-light
+ *
+ * States: hover, active, focus
+ */
+export interface WidgetProtectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+}
+declare const WidgetProtectionStatus: React.ForwardRefExoticComponent<WidgetProtectionStatusProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusIndicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    status?: "success" | "warning" | "critical" | "danger" | "info" | "neutral";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusValue: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionStatusFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { WidgetProtectionStatus, WidgetProtectionStatusHeader, WidgetProtectionStatusTitle, WidgetProtectionStatusIcon, WidgetProtectionStatusContent, WidgetProtectionStatusIndicator, WidgetProtectionStatusValue, WidgetProtectionStatusLabel, WidgetProtectionStatusFooter, };

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

@@ -0,0 +1,123 @@
+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
+    }
+  )
+);
+n.displayName = "WidgetProtectionStatus";
+const l = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: i("flex items-center gap-2 px-6 pt-4 pb-2", a),
+    ...t
+  }
+));
+l.displayName = "WidgetProtectionStatusHeader";
+const v = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: i("flex-1 truncate text-sm font-semibold leading-6", a),
+    ...t
+  }
+));
+v.displayName = "WidgetProtectionStatusTitle";
+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),
+    ...t
+  }
+));
+f.displayName = "WidgetProtectionStatusIcon";
+const u = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: i("flex-1 flex flex-col gap-2 px-6 py-2", a),
+    ...t
+  }
+));
+u.displayName = "WidgetProtectionStatusContent";
+const g = o.forwardRef(({ className: a, status: t = "success", ...e }, s) => {
+  const c = {
+    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__ */ d(
+    "div",
+    {
+      ref: s,
+      className: i("flex items-center gap-2", a),
+      ...e,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "h-3 w-3 rounded-full flex-shrink-0",
+            style: { backgroundColor: c[t] }
+          }
+        ),
+        e.children
+      ]
+    }
+  );
+});
+g.displayName = "WidgetProtectionStatusIndicator";
+const m = o.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: i("text-2xl font-semibold leading-8 tabular-nums", a),
+    ...t
+  }
+));
+m.displayName = "WidgetProtectionStatusValue";
+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),
+    ...t
+  }
+));
+p.displayName = "WidgetProtectionStatusFooter";
+export {
+  n as WidgetProtectionStatus,
+  u as WidgetProtectionStatusContent,
+  p as WidgetProtectionStatusFooter,
+  l as WidgetProtectionStatusHeader,
+  f as WidgetProtectionStatusIcon,
+  g as WidgetProtectionStatusIndicator,
+  x as WidgetProtectionStatusLabel,
+  v as WidgetProtectionStatusTitle,
+  m as WidgetProtectionStatusValue
+};
+//# sourceMappingURL=widget-protection-status.js.map

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

@@ -0,0 +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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"}

package/dist/components/ui/widget-protection-summary.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+/**
+ * WidgetProtectionSummary — Protection summary dashboard widget.
+ * Figma: Charts-anatomy / Protection-Summary (node 538:78584)
+ *
+ * Shows a summary of protection metrics with status indicators and values.
+ * Background: inversed-primary, Border: brand-light
+ *
+ * States: hover, active, focus
+ */
+export interface WidgetProtectionSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+}
+declare const WidgetProtectionSummary: React.ForwardRefExoticComponent<WidgetProtectionSummaryProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionSummaryHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionSummaryTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionSummaryIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionSummaryContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface WidgetProtectionSummaryRowProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    status?: 'success' | 'warning' | 'critical' | 'danger' | 'info' | 'neutral';
+}
+declare const WidgetProtectionSummaryRow: React.ForwardRefExoticComponent<WidgetProtectionSummaryRowProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetProtectionSummaryDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+declare const WidgetProtectionSummaryFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { WidgetProtectionSummary, WidgetProtectionSummaryHeader, WidgetProtectionSummaryTitle, WidgetProtectionSummaryIcon, WidgetProtectionSummaryContent, WidgetProtectionSummaryRow, WidgetProtectionSummaryDivider, WidgetProtectionSummaryFooter, };

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

@@ -0,0 +1,118 @@
+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
+    }
+  )
+);
+l.displayName = "WidgetProtectionSummary";
+const v = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: a,
+    className: i("flex items-center gap-2 px-6 pt-4 pb-2", r),
+    ...e
+  }
+));
+v.displayName = "WidgetProtectionSummaryHeader";
+const f = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: a,
+    className: i("flex-1 truncate text-sm font-semibold leading-6", r),
+    ...e
+  }
+));
+f.displayName = "WidgetProtectionSummaryTitle";
+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),
+    ...e
+  }
+));
+u.displayName = "WidgetProtectionSummaryIcon";
+const y = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: a,
+    className: i("flex-1 flex flex-col gap-2 px-6 py-2", r),
+    ...e
+  }
+));
+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 })
+        ]
+      }
+    );
+  }
+);
+g.displayName = "WidgetProtectionSummaryRow";
+const x = o.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
+  "hr",
+  {
+    ref: a,
+    className: i("border-t border-[var(--av-brand-accent)] mx-6", r),
+    ...e
+  }
+));
+x.displayName = "WidgetProtectionSummaryDivider";
+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),
+    ...e
+  }
+));
+p.displayName = "WidgetProtectionSummaryFooter";
+export {
+  l as WidgetProtectionSummary,
+  y as WidgetProtectionSummaryContent,
+  x as WidgetProtectionSummaryDivider,
+  p as WidgetProtectionSummaryFooter,
+  v as WidgetProtectionSummaryHeader,
+  u as WidgetProtectionSummaryIcon,
+  g as WidgetProtectionSummaryRow,
+  f as WidgetProtectionSummaryTitle
+};
+//# sourceMappingURL=widget-protection-summary.js.map

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

@@ -0,0 +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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"}

package/dist/components/ui/widget-table-data.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * WidgetTableData — Data table widget for dashboard.
+ * Figma: Charts-anatomy / Table-Data (node 826:86024)
+ *
+ * Shows tabular data with optional colored background rows, links, and pagination.
+ * Two variants: full table (with header row) and compact (without header).
+ * Background: inversed-primary, Border: brand-light
+ * Colored-Background: brand-lightest
+ * Divider: brand-accent
+ *
+ * States: hover (el-secondary-hover), active (el-secondary-active), focus (fixed-focus)
+ */
+export interface WidgetTableDataProps extends React.HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+}
+declare const WidgetTableData: React.ForwardRefExoticComponent<WidgetTableDataProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTableDataHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTableDataTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTableDataIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTableDataContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTableDataTable: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const WidgetTableDataThead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const WidgetTableDataTh: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const WidgetTableDataTbody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const WidgetTableDataTr: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const WidgetTableDataTd: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const WidgetTableDataLink: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+declare const WidgetTableDataFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { WidgetTableData, WidgetTableDataHeader, WidgetTableDataTitle, WidgetTableDataIcon, WidgetTableDataContent, WidgetTableDataTable, WidgetTableDataThead, WidgetTableDataTh, WidgetTableDataTbody, WidgetTableDataTr, WidgetTableDataTd, WidgetTableDataLink, WidgetTableDataFooter, };