@nanisoft/prism-ui 1.2.0 → 1.4.0

package/dist/components/ui/sparkline.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCaption, TableCell, TableHead, TableRow } from './table.js';
 import { cn } from '../../lib/utils.js';
 /** The fill a series mark is drawn in, from the role the caller assigned it. */
 const FILL = {
@@ -108,6 +107,6 @@ function Sparkline({ className, values, label, tone = 'chart-1', width = 96, hei
     const at = (index) => (index / (values.length - 1)) * 100;
     const up = (value) => INSET + (1 - (value - lowest) / span) * (100 - INSET * 2);
     const last = values.length - 1;
-    return (_jsxs("figure", { "data-slot": "sparkline", "aria-label": label, className: cn('inline-flex shrink-0 flex-col', className), style: { width, height }, ...props, children: [_jsxs("span", { "data-slot": "sparkline-plot", "aria-hidden": "true", className: "relative block size-full", children: [_jsx("svg", { className: "pointer-events-none absolute inset-0 size-full overflow-visible", children: values.slice(1).map((value, index) => (_jsx("line", { x1: `${at(index)}%`, y1: `${up(values[index])}%`, x2: `${at(index + 1)}%`, y2: `${up(value)}%`, className: STROKE[tone], strokeWidth: 1.5, strokeLinecap: "round" }, index))) }), emphasizeLast ? (_jsx("span", { "data-slot": "sparkline-last", className: cn('absolute size-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full', FILL[tone]), style: { left: `${at(last)}%`, top: `${up(values[last])}%` } })) : null] }), _jsx("div", { "data-slot": "sparkline-table", className: "sr-only", children: _jsxs(Table, { children: [_jsx(TableCaption, { children: label }), _jsx(TableBody, { children: values.map((value, index) => (_jsxs(TableRow, { children: [_jsx(TableHead, { scope: "row", className: "font-medium tabular-nums", children: index + 1 }), _jsx(TableCell, { className: "tabular-nums", children: value })] }, index))) })] }) })] }));
+    return (_jsxs("figure", { "data-slot": "sparkline", "aria-label": label, className: cn('inline-flex shrink-0 flex-col', className), style: { width, height }, ...props, children: [_jsxs("span", { "data-slot": "sparkline-plot", "aria-hidden": "true", className: "relative block size-full", children: [_jsx("svg", { className: "pointer-events-none absolute inset-0 size-full overflow-visible", children: values.slice(1).map((value, index) => (_jsx("line", { x1: `${at(index)}%`, y1: `${up(values[index])}%`, x2: `${at(index + 1)}%`, y2: `${up(value)}%`, className: STROKE[tone], strokeWidth: 1.5, strokeLinecap: "round" }, index))) }), emphasizeLast ? (_jsx("span", { "data-slot": "sparkline-last", className: cn('absolute size-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full', FILL[tone]), style: { left: `${at(last)}%`, top: `${up(values[last])}%` } })) : null] }), _jsx("div", { "data-slot": "sparkline-table", className: "sr-only", children: _jsxs("table", { children: [_jsx("caption", { children: label }), _jsx("tbody", { children: values.map((value, index) => (_jsxs("tr", { children: [_jsx("th", { scope: "row", children: index + 1 }), _jsx("td", { children: value })] }, index))) })] }) })] }));
 }
 export { Sparkline };

package/dist/styles.css

@@ -944,6 +944,9 @@
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
+  .min-w-44 {
+    min-width: calc(var(--spacing) * 44);
+  }
   .min-w-48 {
     min-width: calc(var(--spacing) * 48);
   }
@@ -2868,6 +2871,16 @@
   .data-\[checked\]\:text-primary-foreground[data-checked] {
     color: var(--primary-foreground);
   }
+  .data-\[current\]\:bg-accent[data-current] {
+    background-color: var(--accent);
+  }
+  .data-\[current\]\:font-medium[data-current] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .data-\[current\]\:text-accent-foreground[data-current] {
+    color: var(--accent-foreground);
+  }
   .data-\[disabled\]\:pointer-events-none[data-disabled] {
     pointer-events: none;
   }
@@ -3230,9 +3243,15 @@
     .sm\:py-14 {
       padding-block: var(--spacing-14);
     }
+    .sm\:py-16 {
+      padding-block: var(--spacing-16);
+    }
     .sm\:py-24 {
       padding-block: var(--spacing-24);
     }
+    .sm\:py-32 {
+      padding-block: calc(var(--spacing) * 32);
+    }
     .sm\:pt-0 {
       padding-top: var(--spacing-0);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanisoft/prism-ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "type": "module",
   "description": "Prism's React component, block and page library.",
   "license": "MIT",