@acronis-platform/shadcn-uikit 0.20.0 → 0.22.0

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

@@ -0,0 +1,152 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as i } from "../../lib/utils.js";
+const s = d.forwardRef(
+  ({ className: e, interactive: a, ...t }, l) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      tabIndex: a ? 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",
+        a && "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)]",
+        e
+      ),
+      ...t
+    }
+  )
+);
+s.displayName = "WidgetTableData";
+const o = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: t,
+    className: i("flex items-center gap-2 px-6 pt-4 pb-2", e),
+    ...a
+  }
+));
+o.displayName = "WidgetTableDataHeader";
+const b = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: t,
+    className: i("flex-1 truncate text-sm font-semibold leading-6", e),
+    ...a
+  }
+));
+b.displayName = "WidgetTableDataTitle";
+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),
+    ...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
+  }
+));
+c.displayName = "WidgetTableDataContent";
+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",
+  {
+    ref: t,
+    className: i(
+      "border-b border-[var(--av-brand-accent)] bg-[var(--av-brand-lightest)]",
+      e
+    ),
+    ...a
+  }
+));
+v.displayName = "WidgetTableDataThead";
+const m = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+  "th",
+  {
+    ref: t,
+    className: i(
+      "px-3 py-2 text-left text-xs font-semibold text-[var(--av-fixed-primary)]",
+      e
+    ),
+    ...a
+  }
+));
+m.displayName = "WidgetTableDataTh";
+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),
+    ...a
+  }
+));
+T.displayName = "WidgetTableDataTbody";
+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),
+    ...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
+  }
+));
+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),
+    ...a
+  }
+));
+x.displayName = "WidgetTableDataLink";
+const y = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: t,
+    className: i(
+      "flex items-center justify-between border-t border-[var(--av-brand-accent)] px-6 py-2 text-xs",
+      e
+    ),
+    ...a
+  }
+));
+y.displayName = "WidgetTableDataFooter";
+export {
+  s as WidgetTableData,
+  c as WidgetTableDataContent,
+  y as WidgetTableDataFooter,
+  o as WidgetTableDataHeader,
+  n as WidgetTableDataIcon,
+  x as WidgetTableDataLink,
+  f as WidgetTableDataTable,
+  T as WidgetTableDataTbody,
+  p as WidgetTableDataTd,
+  m as WidgetTableDataTh,
+  v as WidgetTableDataThead,
+  b as WidgetTableDataTitle,
+  g as WidgetTableDataTr
+};
+//# sourceMappingURL=widget-table-data.js.map

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

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

package/dist/components/ui/widget-text.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+/**
+ * WidgetText — Text-based dashboard widget.
+ * Figma: Charts-anatomy / Text-Widgets (node 829:95739)
+ *
+ * Shows text-based metrics: a large value, label, and optional trend indicator.
+ * Background: inversed-primary, Border: brand-light
+ *
+ * States: hover, active, focus
+ */
+export interface WidgetTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+}
+declare const WidgetText: React.ForwardRefExoticComponent<WidgetTextProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextValue: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface WidgetTextTrendProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: 'up' | 'down' | 'neutral';
+}
+declare const WidgetTextTrend: React.ForwardRefExoticComponent<WidgetTextTrendProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTextDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+declare const WidgetTextFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { WidgetText, WidgetTextHeader, WidgetTextTitle, WidgetTextIcon, WidgetTextContent, WidgetTextValue, WidgetTextLabel, WidgetTextTrend, WidgetTextDivider, WidgetTextFooter, };

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

@@ -0,0 +1,124 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as d } from "../../lib/utils.js";
+const n = i.forwardRef(
+  ({ className: t, interactive: e, ...a }, o) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: o,
+      tabIndex: e ? 0 : void 0,
+      className: d(
+        "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)]",
+        t
+      ),
+      ...a
+    }
+  )
+);
+n.displayName = "WidgetText";
+const x = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    className: d("flex items-center gap-2 px-6 pt-4 pb-2", t),
+    ...e
+  }
+));
+x.displayName = "WidgetTextHeader";
+const c = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    className: d("flex-1 truncate text-sm font-semibold leading-6", t),
+    ...e
+  }
+));
+c.displayName = "WidgetTextTitle";
+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),
+    ...e
+  }
+));
+v.displayName = "WidgetTextIcon";
+const f = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    className: d("flex-1 flex flex-col gap-1 px-6 py-2", t),
+    ...e
+  }
+));
+f.displayName = "WidgetTextContent";
+const g = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    className: d("text-2xl font-semibold leading-8 tabular-nums", t),
+    ...e
+  }
+));
+g.displayName = "WidgetTextValue";
+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),
+      ...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" }) }),
+        a
+      ]
+    }
+  )
+);
+p.displayName = "WidgetTextTrend";
+const w = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "hr",
+  {
+    ref: a,
+    className: d("border-t border-[var(--av-brand-accent)] mx-6", t),
+    ...e
+  }
+));
+w.displayName = "WidgetTextDivider";
+const T = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    className: d("px-6 pb-4 pt-0 text-xs", t),
+    ...e
+  }
+));
+T.displayName = "WidgetTextFooter";
+export {
+  n as WidgetText,
+  f as WidgetTextContent,
+  w as WidgetTextDivider,
+  T as WidgetTextFooter,
+  x as WidgetTextHeader,
+  v as WidgetTextIcon,
+  m as WidgetTextLabel,
+  c as WidgetTextTitle,
+  p as WidgetTextTrend,
+  g as WidgetTextValue
+};
+//# sourceMappingURL=widget-text.js.map

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

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

package/dist/components/ui/widget.d.ts

@@ -0,0 +1,32 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+/**
+ * Widget — A dashboard card container for charts, progress indicators, and data displays.
+ * Follows the Figma "Charts-anatomy" design system.
+ *
+ * Anatomy:
+ * - Widget (root container)
+ *   - WidgetHeader (title row with optional icon and actions)
+ *     - WidgetIcon
+ *     - WidgetTitle
+ *     - WidgetActions (dropdown trigger, etc.)
+ *   - WidgetContent (main visualization area)
+ *   - WidgetFooter (optional legend, labels, or actions)
+ */
+declare const widgetVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface WidgetProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof widgetVariants> {
+}
+declare const Widget: React.ForwardRefExoticComponent<WidgetProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetValue: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+export { Widget, WidgetHeader, WidgetIcon, WidgetTitle, WidgetActions, WidgetContent, WidgetFooter, WidgetValue, WidgetLabel, WidgetDivider, widgetVariants, };

package/dist/components/ui/widget.js

@@ -0,0 +1,143 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as r from "react";
+import { cva as l } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as s } from "../../lib/utils.js";
+const n = l(
+  "relative flex flex-col rounded-lg border bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors",
+  {
+    variants: {
+      size: {
+        sm: "min-h-[112px]",
+        md: "min-h-[176px]",
+        lg: "min-h-[240px]",
+        xl: "min-h-[352px]"
+      },
+      interactive: {
+        true: "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)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      interactive: !1
+    }
+  }
+), f = r.forwardRef(
+  ({ className: a, size: i, interactive: e, ...d }, o) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: o,
+      tabIndex: e ? 0 : void 0,
+      className: s(n({ size: i, interactive: e }), a),
+      ...d
+    }
+  )
+);
+f.displayName = "Widget";
+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
+    ),
+    ...i
+  }
+));
+m.displayName = "WidgetHeader";
+const v = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s(
+      "flex-shrink-0 text-[var(--av-fixed-link)] [&>svg]:h-4 [&>svg]:w-4",
+      a
+    ),
+    ...i
+  }
+));
+v.displayName = "WidgetIcon";
+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
+    ),
+    ...i
+  }
+));
+c.displayName = "WidgetTitle";
+const g = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s(
+      "flex-shrink-0 flex items-center gap-1 text-[var(--av-brand-primary)] [&>svg]:h-4 [&>svg]:w-4",
+      a
+    ),
+    ...i
+  }
+));
+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
+  }
+));
+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
+  }
+));
+x.displayName = "WidgetFooter";
+const N = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: e,
+    className: s("text-2xl font-semibold leading-8 tabular-nums", a),
+    ...i
+  }
+));
+N.displayName = "WidgetValue";
+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),
+    ...i
+  }
+));
+W.displayName = "WidgetLabel";
+const b = r.forwardRef(({ className: a, ...i }, e) => /* @__PURE__ */ t(
+  "hr",
+  {
+    ref: e,
+    className: s("border-t border-[var(--av-brand-accent)] mx-6", a),
+    ...i
+  }
+));
+b.displayName = "WidgetDivider";
+export {
+  f as Widget,
+  g as WidgetActions,
+  p as WidgetContent,
+  b as WidgetDivider,
+  x as WidgetFooter,
+  m as WidgetHeader,
+  v as WidgetIcon,
+  W as WidgetLabel,
+  c as WidgetTitle,
+  N as WidgetValue,
+  n as widgetVariants
+};
+//# sourceMappingURL=widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sources":["../../../src/components/ui/widget.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Widget — A dashboard card container for charts, progress indicators, and data displays.\n * Follows the Figma \"Charts-anatomy\" design system.\n *\n * Anatomy:\n * - Widget (root container)\n *   - WidgetHeader (title row with optional icon and actions)\n *     - WidgetIcon\n *     - WidgetTitle\n *     - WidgetActions (dropdown trigger, etc.)\n *   - WidgetContent (main visualization area)\n *   - WidgetFooter (optional legend, labels, or actions)\n */\n\nconst widgetVariants = cva(\n  'relative flex flex-col rounded-lg border bg-[var(--av-inversed-primary)] text-[var(--av-fixed-primary)] transition-colors',\n  {\n    variants: {\n      size: {\n        sm: 'min-h-[112px]',\n        md: 'min-h-[176px]',\n        lg: 'min-h-[240px]',\n        xl: 'min-h-[352px]',\n      },\n      interactive: {\n        true: '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        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      interactive: false,\n    },\n  }\n)\n\nexport interface WidgetProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof widgetVariants> {}\n\nconst Widget = React.forwardRef<HTMLDivElement, WidgetProps>(\n  ({ className, size, interactive, ...props }, ref) => (\n    <div\n      ref={ref}\n      tabIndex={interactive ? 0 : undefined}\n      className={cn(widgetVariants({ size, interactive }), className)}\n      {...props}\n    />\n  )\n)\nWidget.displayName = 'Widget'\n\nconst WidgetHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex items-center gap-2 px-6 pt-4 pb-0',\n      className\n    )}\n    {...props}\n  />\n))\nWidgetHeader.displayName = 'WidgetHeader'\n\nconst WidgetIcon = 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))\nWidgetIcon.displayName = 'WidgetIcon'\n\nconst WidgetTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex-1 truncate text-sm font-semibold leading-6',\n      className\n    )}\n    {...props}\n  />\n))\nWidgetTitle.displayName = 'WidgetTitle'\n\nconst WidgetActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex-shrink-0 flex items-center gap-1 text-[var(--av-brand-primary)] [&>svg]:h-4 [&>svg]:w-4',\n      className\n    )}\n    {...props}\n  />\n))\nWidgetActions.displayName = 'WidgetActions'\n\nconst WidgetContent = 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))\nWidgetContent.displayName = 'WidgetContent'\n\nconst WidgetFooter = 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', className)}\n    {...props}\n  />\n))\nWidgetFooter.displayName = 'WidgetFooter'\n\nconst WidgetValue = 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))\nWidgetValue.displayName = 'WidgetValue'\n\nconst WidgetLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-sm text-[var(--av-fixed-primary)] leading-6', className)}\n    {...props}\n  />\n))\nWidgetLabel.displayName = 'WidgetLabel'\n\nconst WidgetDivider = 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))\nWidgetDivider.displayName = 'WidgetDivider'\n\nexport {\n  Widget,\n  WidgetHeader,\n  WidgetIcon,\n  WidgetTitle,\n  WidgetActions,\n  WidgetContent,\n  WidgetFooter,\n  WidgetValue,\n  WidgetLabel,\n  WidgetDivider,\n  widgetVariants,\n}\n"],"names":["widgetVariants","cva","Widget","React","className","size","interactive","props","ref","jsx","cn","WidgetHeader","WidgetIcon","WidgetTitle","WidgetActions","WidgetContent","WidgetFooter","WidgetValue","WidgetLabel","WidgetDivider"],"mappings":"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"}