@siyahi/ui 0.1.9-next.15 → 0.1.9-next.17

package/README.md

@@ -61,7 +61,7 @@ own code imports icons. A Next.js app compiles the same stylesheet through
 
 ### Also on GitHub releases
 
-Every merge to `main` also attaches both tarballs to a GitHub release
+Each explicit release from `main` also attaches both tarballs to a GitHub release
 (`v<version>`, plus a rolling `next`). They are a fallback if npm is unreachable:
 `npm install --allow-remote=root https://github.com/jatinbansal1998/siyahi/releases/download/v<version>/siyahi-ui-<version>.tgz`.
 

package/dist/components/siyahi/panel-grid.js

@@ -19,7 +19,7 @@ function PanelGrid({ columns = 2, children, className }) {
 	const ruled = surface === "ruled";
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "panel-grid",
-		className: cn("@container/panels", ruled && "overflow-hidden border-y", className),
+		className: cn("@container/panels", ruled && "overflow-clip border-y", className),
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn("grid grid-cols-1", COLUMNS[columns], ruled ? "-mt-px -ml-px" : surface === "open" ? "gap-x-8 gap-y-6" : "gap-4"),
 			children: Children.map(children, (child) => /* @__PURE__ */ jsx("div", {

package/dist/lib/chart-frame.js

@@ -124,7 +124,7 @@ function ChartFrame({ chart: Chart, children, horizontal = false, stackOffset, o
 				throttledEvents: onClick ? [] : void 0,
 				margin: {
 					left: 0,
-					right: xTicks ? endRoom(xFormatter, xTicks) : 8
+					right: !horizontal && xTicks ? endRoom(xFormatter, xTicks) : 8
 				},
 				children: [
 					/* @__PURE__ */ jsx(CartesianGrid, {
@@ -145,7 +145,8 @@ function ChartFrame({ chart: Chart, children, horizontal = false, stackOffset, o
 						axisLine: false,
 						tickMargin: 8,
 						tickFormatter: (value) => xFormatter(value),
-						tick: xTickDetail ? fittedTick(data, xKey, xFormatter, xTickDetail, horizontal) : TICK,
+						tick: xTickDetail || xTicks ? fittedTick(data, xKey, xFormatter, xTickDetail, horizontal) : TICK,
+						ticks: xTicks,
 						interval: 0
 					})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(XAxis, {
 						dataKey: xKey,

package/dist/lib/chart-series.d.ts

@@ -49,6 +49,8 @@ export interface SeriesChartProps<T extends object, K extends keyof T> {
   /** The field the x axis reads: a month, an hour of day, a price bucket. One row per value; a repeated value is hidden behind the first. */
   xKey: K;
   series: ChartSeries<NoInfer<T>>;
+  /** Categories to label, or tick positions with xDomain. Every named tick is drawn; other rows keep their marks and tooltips. */
+  xTicks?: readonly T[K][];
   /** The x axis ticks, and the tooltip's heading unless xTooltipFormatter is set. Defaults to the value as text. */
   xFormatter?: (value: T[K]) => string;
   /** The tooltip's heading, when it should say more than a tick: "19:34:13 IST, 10 s average" against "19:34". */
@@ -83,8 +85,6 @@ export interface SeriesChartProps<T extends object, K extends keyof T> {
 export interface NumericXProps {
   /** The x axis runs over this range of the xKey field, which must hold numbers; without it the axis is one slot per row. */
   xDomain?: [number, number];
-  /** Where the x axis puts its ticks, in the xKey field's units; give xDomain with it, so the axis is numeric. */
-  xTicks?: readonly number[];
 }
 /**
  * How a line or an area's edge joins its points: "linear" draws straight segments, as measured samples should

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siyahi/ui",
-  "version": "0.1.9-next.15",
+  "version": "0.1.9-next.17",
   "description": "Stock shadcn/ui on Base UI and Tailwind v4, a finance theme, a few compositions and formatters.",
   "keywords": [
     "base-ui",