@siyahi/ui 0.1.5-next.1 → 0.1.7-next.1

package/README.md

@@ -74,8 +74,12 @@ Every merge to `main` also attaches both tarballs to a GitHub release
   bar list, the `SectionCards` stat tile and the `sidebar-07` app shell.
 - **Siyahi components**: `Delta` (a signed figure with ▲ ▼), `PriceChart`
   (TradingView Lightweight Charts in theme colours), `Treemap` (holdings heat
-  map), `LocalTime` (a time in the configured zone with the viewer's own clock
+  map; hover or tap a tile for its figures), `LocalTime` (a time in the configured zone with the viewer's own clock
   in a tooltip) and `SiyahiProvider`.
+- **Cards and badges as installed**: every `Card`, stat tiles included, keeps
+  luma's `rounded-4xl`, `shadow-md` and faint ring. A category (a sector, a
+  broker, a unit's kind) is an outline `Badge`: categories stay neutral, and
+  colour is left to the four meaning colours and the charts.
 - **Formatters**: `money`, `moneyCompact`, `pct` and `time`, or `useFormat()`
   for the same bound to the provider's locale.
   `useFormat().time(value, { withDate: true })` (or

package/dist/components/registry/dashboard-01/section-cards.js

@@ -1,8 +1,8 @@
 "use client";
 import { Badge } from "../../ui/badge.js";
 import { Card, CardAction, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/dashboard-01/section-cards.tsx
 function SectionCards({ items }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/registry/dashboardcn/bar-list.js

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.js";
 import { useLocale } from "../../siyahi/siyahi-provider.js";
 import { pct } from "../../../lib/format.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/dashboardcn/bar-list.tsx
 function BarList({ data, valueFormatter, sortOrder = "descending", color = "var(--chart-1)", showPercentage = false, onItemClick, className, ...props }) {
 	const locale = useLocale();

package/dist/components/registry/heatmap/calendar-heatmap.js

@@ -1,6 +1,6 @@
 import { cn } from "../../../lib/utils.js";
-import { Fragment, createContext, use, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, createContext, use, useMemo } from "react";
 import { differenceInCalendarDays, eachDayOfInterval, format, formatISO, getDay, getMonth, getYear, nextDay, parseISO, subWeeks } from "date-fns";
 //#region src/components/registry/heatmap/calendar-heatmap.tsx
 const colorStepCount = (levels, isNormalized) => Math.max(1, isNormalized ? levels : levels - 1);
@@ -419,7 +419,7 @@ const CalendarHeatmapBody = ({ hideMonthLabels = false, hideWeekdayLabels = fals
 							transform: `translate(${weekdayLabelWidth + strokePadding}, 0)`,
 							children: yearRow.weeks.map((week, weekIndex) => week.map((activity, dayIndex) => {
 								if (!activity) return null;
-								return /* @__PURE__ */ jsx(Fragment, { children: children({
+								return /* @__PURE__ */ jsx(Fragment$1, { children: children({
 									activity,
 									dayIndex,
 									weekIndex
@@ -444,7 +444,7 @@ const CalendarHeatmapFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("
 const CalendarHeatmapStat = ({ compute, label, className, children, ...props }) => {
 	const { data, totalCount, year, labels } = useCalendarHeatmap();
 	const value = compute ? compute(data) : totalCount;
-	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
 		value,
 		data,
 		year
@@ -472,7 +472,7 @@ const CalendarHeatmapLegend = ({ labels: labelsProp, className, children, ...pro
 				className: "mr-1 font-medium text-xs",
 				children: lessLabel
 			}),
-			legendLevels.map((level) => children ? /* @__PURE__ */ jsx(Fragment, { children: children({ level }) }, `legend-level-${level}`) : /* @__PURE__ */ jsx("svg", {
+			legendLevels.map((level) => children ? /* @__PURE__ */ jsx(Fragment$1, { children: children({ level }) }, `legend-level-${level}`) : /* @__PURE__ */ jsx("svg", {
 				role: "img",
 				"aria-label": (labels.legendLevelLabel ?? "{{level}} contributions").replace("{{level}}", String(level)),
 				height: blockSize,

package/dist/components/registry/heatmap/status-heatmap.js

@@ -1,6 +1,6 @@
 import { cn } from "../../../lib/utils.js";
-import { Fragment, createContext, use, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, createContext, use, useMemo } from "react";
 import { format } from "date-fns";
 //#region src/components/registry/heatmap/status-heatmap.tsx
 const DEFAULT_COLORS = {
@@ -263,7 +263,7 @@ const StatusHeatmapBody = ({ hideDateLabels = false, labelInterval = 30, classNa
 				})
 			}), allActivities.map((activity, dayIndex) => {
 				const key = activity.date;
-				return /* @__PURE__ */ jsx(Fragment, { children: children({
+				return /* @__PURE__ */ jsx(Fragment$1, { children: children({
 					activity,
 					dayIndex
 				}) }, key);
@@ -279,7 +279,7 @@ const StatusHeatmapFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("di
 const StatusHeatmapStat = ({ compute, label, className, children, ...props }) => {
 	const { data, healthyValue, labels } = useStatusHeatmap();
 	const value = compute ? compute(data) : data.filter((a) => a.value === healthyValue).length;
-	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
 		value,
 		data
 	}) });
@@ -302,7 +302,7 @@ const StatusHeatmapLegend = ({ labels: labelsProp, className, children, ...props
 		"aria-label": labels.legendLabel ?? "Status legend",
 		className: cn("ml-auto flex items-center gap-1", className),
 		...props,
-		children: statuses.map((status) => children ? /* @__PURE__ */ jsx(Fragment, { children: children({
+		children: statuses.map((status) => children ? /* @__PURE__ */ jsx(Fragment$1, { children: children({
 			value: status.value,
 			label: status.label
 		}) }, `status-${status.value}`) : /* @__PURE__ */ jsxs("div", {

package/dist/components/registry/heatmap/weekday-heatmap.js

@@ -1,6 +1,6 @@
 import { cn } from "../../../lib/utils.js";
-import { Fragment, createContext, use, useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, createContext, use, useMemo } from "react";
 import { format } from "date-fns";
 //#region src/components/registry/heatmap/weekday-heatmap.tsx
 const colorStepCount = (levels, isNormalized) => Math.max(1, isNormalized ? levels : levels - 1);
@@ -413,15 +413,15 @@ const WeekdayHeatmapBody = ({ hideHourLabels = false, hideWeekdayLabels = false,
 						children: extraRow?.label
 					}, "weekday-extra")]
 				}),
-				regularActivities.map(({ activity, weekdayIndex }) => /* @__PURE__ */ jsx(Fragment, { children: children({
+				regularActivities.map(({ activity, weekdayIndex }) => /* @__PURE__ */ jsx(Fragment$1, { children: children({
 					activity,
 					weekdayIndex
 				}) }, `${activity.weekday}-${activity.hour}`)),
-				extraColumnActivities.map(({ activity, weekdayIndex }) => /* @__PURE__ */ jsx(Fragment, { children: (renderExtraColumn ?? children)({
+				extraColumnActivities.map(({ activity, weekdayIndex }) => /* @__PURE__ */ jsx(Fragment$1, { children: (renderExtraColumn ?? children)({
 					activity,
 					weekdayIndex
 				}) }, `extra-column-${activity.weekday}`)),
-				extraRowActivities.map(({ activity, weekdayIndex }) => /* @__PURE__ */ jsx(Fragment, { children: (renderExtraRow ?? children)({
+				extraRowActivities.map(({ activity, weekdayIndex }) => /* @__PURE__ */ jsx(Fragment$1, { children: (renderExtraRow ?? children)({
 					activity,
 					weekdayIndex
 				}) }, `extra-row-${activity.hour}`))
@@ -437,7 +437,7 @@ const WeekdayHeatmapFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("d
 const WeekdayHeatmapStat = ({ compute, label, className, children, ...props }) => {
 	const { data, totalCount, labels } = useWeekdayHeatmap();
 	const value = compute ? compute(data) : totalCount;
-	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
 		value,
 		data
 	}) });
@@ -464,7 +464,7 @@ const WeekdayHeatmapLegend = ({ labels: labelsProp, className, children, ...prop
 				className: "mr-1 font-medium text-xs",
 				children: lessLabel
 			}),
-			legendLevels.map((level) => children ? /* @__PURE__ */ jsx(Fragment, { children: children({ level }) }, `legend-level-${level}`) : /* @__PURE__ */ jsx("svg", {
+			legendLevels.map((level) => children ? /* @__PURE__ */ jsx(Fragment$1, { children: children({ level }) }, `legend-level-${level}`) : /* @__PURE__ */ jsx("svg", {
 				role: "img",
 				"aria-label": (labels.legendLevelLabel ?? "{{level}} contributions").replace("{{level}}", String(level)),
 				height: blockSize,

package/dist/components/registry/niko-table/components/data-table-column-actions.js

@@ -1,8 +1,8 @@
 "use client";
 import { TableColumnActions } from "../filters/table-column-actions.js";
 import { useColumnHeaderContext } from "./data-table-column-header.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/components/data-table-column-actions.tsx
 /**
 * Composable container for column actions.

package/dist/components/registry/niko-table/components/data-table-column-filter.js

@@ -1,6 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/components/data-table-column-filter.tsx
 /**
 * Wrapper for groups of column filters.

package/dist/components/registry/niko-table/components/data-table-column-header.js

@@ -1,6 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/components/data-table-column-header.tsx
 const TableColumnHeaderContext = React.createContext(void 0);
 function useColumnHeaderContext(required = true) {

package/dist/components/registry/niko-table/components/data-table-column-sort.js

@@ -1,8 +1,8 @@
 import { useColumnHeaderContext } from "./data-table-column-header.js";
 import { useDataTable } from "../core/data-table-context.js";
 import { TableColumnSortMenu, TableColumnSortOptions } from "../filters/table-column-sort.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/components/data-table-column-sort.tsx
 /**
 * Sorting options for column header menu using context.

package/dist/components/registry/niko-table/components/data-table-column-title.js

@@ -1,7 +1,7 @@
 import { useColumnHeaderContext } from "./data-table-column-header.js";
 import { TableColumnTitle } from "../filters/table-column-title.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/components/data-table-column-title.tsx
 /**
 * Renders the column title using context.

package/dist/components/registry/niko-table/components/data-table-empty-state.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../../../lib/utils.js";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/components/data-table-empty-state.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.

package/dist/components/registry/niko-table/components/data-table-faceted-filter.js

@@ -3,8 +3,8 @@ import { useDataTable } from "../core/data-table-context.js";
 import { useDerivedColumnTitle } from "../hooks/use-derived-column-title.js";
 import { TableFacetedFilter, TableFacetedFilterContent, useTableFacetedFilter } from "../filters/table-faceted-filter.js";
 import { buildFacetedOptions } from "../lib/build-faceted-options.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/niko-table/components/data-table-faceted-filter.tsx
 function useFacetedOptions({ table, accessorKey, options, showCounts, dynamicCounts, limitToFilteredRows, precomputedOptions }) {
 	const column = table.getColumn(accessorKey);

package/dist/components/registry/niko-table/components/data-table-grouped-rows.js

@@ -1,6 +1,6 @@
 "use client";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/components/data-table-grouped-rows.tsx
 const DataTableGroupRowContext = React.createContext(null);
 /** Provider — used by the body, not by callers. */

package/dist/components/registry/niko-table/components/data-table-row-context-menu.js

@@ -1,8 +1,8 @@
 "use client";
 import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from "../../../ui/context-menu.js";
 import { DataTableRowMenuScope } from "./data-table-row-menu.js";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/niko-table/components/data-table-row-context-menu.tsx
 /**
 * Attaches a right-click context menu to a single data-table row.

package/dist/components/registry/niko-table/components/data-table-row-menu.js

@@ -1,8 +1,8 @@
 "use client";
 import { ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../../ui/context-menu.js";
 import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from "../../../ui/dropdown-menu.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/niko-table/components/data-table-row-menu.tsx
 const RowMenuSurfaceContext = React$1.createContext(null);
 /** Sentinel so `useDataTableRow` can tell "no provider" from a row of `undefined`. */

package/dist/components/registry/niko-table/components/data-table-toolbar-section.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../../../lib/utils.js";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/components/data-table-toolbar-section.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.

package/dist/components/registry/niko-table/core/data-table-context.js

@@ -1,8 +1,8 @@
 "use client";
 import { useGeneratedOptions } from "../hooks/use-generated-options.js";
 import { useHeaderMinWidths } from "../lib/use-header-min-widths.js";
-import React, { createContext, useCallback, useContext, useReducer } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import React, { createContext, useCallback, useContext, useReducer } from "react";
 //#region src/components/registry/niko-table/core/data-table-context.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.

package/dist/components/registry/niko-table/core/data-table-error-boundary.js

@@ -1,9 +1,9 @@
 "use client";
 import { Alert, AlertDescription, AlertTitle } from "../../../ui/alert.js";
 import { Button } from "../../../ui/button.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/core/data-table-error-boundary.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.

package/dist/components/registry/niko-table/core/data-table-grouped-row.js

@@ -4,9 +4,9 @@ import { DataTableGroupRowProvider, useDataTableGroupRow } from "../components/d
 import { TableCell, TableRow } from "../ui/table.js";
 import { isInteractiveClickTarget } from "../lib/row-click.js";
 import { getCommonPinningStyles } from "../lib/styles.js";
-import React from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 import { flexRender } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/core/data-table-grouped-row.tsx
 /**
@@ -20,7 +20,7 @@ import { flexRender } from "@tanstack/react-table";
 function DataTableGroupedRowCells() {
 	const { row, groupLabel, count, isExpanded, toggle, columnWidths } = useDataTableGroupRow();
 	const countLabel = `${count} ${count === 1 ? "row" : "rows"}`;
-	return /* @__PURE__ */ jsx(Fragment$1, { children: row.getVisibleCells().map((cell) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: row.getVisibleCells().map((cell) => {
 		const cellStyle = {
 			width: columnWidths.get(cell.column.id),
 			...getCommonPinningStyles(cell.column, false)

package/dist/components/registry/niko-table/core/data-table-root.js

@@ -5,8 +5,8 @@ import { DataTableProvider } from "./data-table-context.js";
 import { detectFeaturesFromChildren } from "../config/feature-detection.js";
 import { globalFilter } from "../lib/filter-functions.js";
 import { features } from "../lib/data-table-features.js";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { useTable } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/core/data-table-root.tsx
 /**

package/dist/components/registry/niko-table/core/data-table-structure.js

@@ -15,8 +15,8 @@ import { DataTableColumnResizeHandle } from "../lib/column-resize-handle.js";
 import { createScrollHandler } from "../lib/create-scroll-handler.js";
 import { renderCellContent } from "../lib/render-cell-content.js";
 import { resolveColumnWidth, resolveFlexColumnIds } from "../lib/flex-columns.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { flexRender } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/core/data-table-structure.tsx
 const DataTableHeader = React.memo(function DataTableHeader({ className, sticky = true }) {
@@ -89,7 +89,7 @@ const BodyRow = React.memo(function BodyRow({ row, displayIndex, expandColumnId,
 		})
 	});
 	const menuItems = renderRowContextMenu?.(row.original);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [menuItems ? /* @__PURE__ */ jsx(DataTableRowContextMenu, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [menuItems ? /* @__PURE__ */ jsx(DataTableRowContextMenu, {
 		row: row.original,
 		trigger: rowElement,
 		children: menuItems
@@ -295,7 +295,7 @@ function DataTableSkeleton({ children, colSpan, rows = 5, className, cellClassNa
 		className: cn("h-24 text-center", className),
 		children
 	}) });
-	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: visibleColumns.map((column, colIndex) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: visibleColumns.map((column, colIndex) => {
 		const size = column.columnDef.size;
 		const cellStyle = size ? { width: `${size}px` } : void 0;
 		return /* @__PURE__ */ jsx(TableCell, {

package/dist/components/registry/niko-table/core/data-table.js

@@ -2,8 +2,8 @@
 import { cn } from "../../../../lib/utils.js";
 import { useColumnResizeInfo, useDataTable } from "./data-table-context.js";
 import { TableComponent } from "../ui/table.js";
-import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/core/data-table.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.

package/dist/components/registry/niko-table/filters/table-column-actions.js

@@ -1,9 +1,9 @@
 import { Button } from "../../../ui/button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger } from "../../../ui/dropdown-menu.js";
 import { cn } from "../../../../lib/utils.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { MoreVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/filters/table-column-actions.tsx
 /**
 * A simple dropdown container for composing column actions.

package/dist/components/registry/niko-table/filters/table-column-sort.js

@@ -6,9 +6,9 @@ import { cn } from "../../../../lib/utils.js";
 import { FILTER_VARIANTS } from "../lib/constants.js";
 import { useDataTable } from "../core/data-table-context.js";
 import { SORT_ICONS, SORT_LABELS } from "../config/data-table.js";
-import React from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Check, CircleHelp } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 //#region src/components/registry/niko-table/filters/table-column-sort.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.
@@ -76,7 +76,7 @@ function TableColumnSortOptions({ column, table: propTable, variant: propVariant
 			column.toggleSorting(isDesc, canMultiSort ? isMulti : false);
 		}
 	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [withSeparator && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+	return /* @__PURE__ */ jsxs(Fragment, { children: [withSeparator && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
 		/* @__PURE__ */ jsxs(DropdownMenuLabel, {
 			className: "flex items-center justify-between text-xs font-normal text-muted-foreground",
 			children: [/* @__PURE__ */ jsxs("div", {

package/dist/components/registry/niko-table/filters/table-column-title.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../../../lib/utils.js";
 import { useDerivedColumnTitle } from "../hooks/use-derived-column-title.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/filters/table-column-title.tsx
 /**
 * Renders the column title.

package/dist/components/registry/niko-table/filters/table-faceted-filter.js

@@ -6,9 +6,9 @@ import { Popover, PopoverContent, PopoverTrigger } from "../../../ui/popover.js"
 import { Separator } from "../../../ui/separator.js";
 import { cn } from "../../../../lib/utils.js";
 import { FILTER_OPERATORS, FILTER_VARIANTS, JOIN_OPERATORS } from "../lib/constants.js";
-import * as React$1 from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Check, PlusCircle, XCircle } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/niko-table/filters/table-faceted-filter.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.
@@ -124,7 +124,7 @@ function TableFacetedFilter({ column, title, options = [], multiple, onValueChan
 					children: /* @__PURE__ */ jsx(XCircle, { className: "size-4" })
 				}) : /* @__PURE__ */ jsx(PlusCircle, { className: "size-4" }),
 				title,
-				selectedValues?.size > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				selectedValues?.size > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx(Separator, {
 						orientation: "vertical",
 						className: "mx-2 h-4"
@@ -193,7 +193,7 @@ function TableFacetedFilterContent({ title, options, selectedValues, onItemSelec
 					}, option.value);
 				})
 			}),
-			selectedValues.size > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+			selectedValues.size > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 				onSelect: () => onReset(),
 				className: "justify-center text-center",
 				children: "Clear filters"

package/dist/components/registry/niko-table/lib/column-resize-handle.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../../../lib/utils.js";
 import { DEFAULT_MAX_COLUMN_SIZE, DEFAULT_MIN_COLUMN_SIZE } from "./constants.js";
-import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/niko-table/lib/column-resize-handle.tsx
 /**
 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.

package/dist/components/registry/niko-table/lib/render-cell-content.js

@@ -1,7 +1,7 @@
 import { Button } from "../../../ui/button.js";
 import { cn } from "../../../../lib/utils.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { flexRender } from "@tanstack/react-table";
 //#region src/components/registry/niko-table/lib/render-cell-content.tsx
 /**

package/dist/components/registry/niko-table/ui/table.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../../../lib/utils.js";
-import "react";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/niko-table/ui/table.tsx
 function TableComponent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("table", {

package/dist/components/registry/sidebar-07/app-sidebar.js

@@ -4,8 +4,8 @@ import { NavMain } from "./nav-main.js";
 import { NavProjects } from "./nav-projects.js";
 import { NavUser } from "./nav-user.js";
 import { TeamSwitcher } from "./team-switcher.js";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 //#region src/components/registry/sidebar-07/app-sidebar.tsx
 function AppSidebar({ navMain, navLabel, header, teams, projects, user, collapsible = "icon", ...props }) {
 	return /* @__PURE__ */ jsxs(Sidebar, {

package/dist/components/registry/sidebar-07/nav-main.js

@@ -1,7 +1,7 @@
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../ui/collapsible.js";
 import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, useSidebar } from "../../ui/sidebar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/registry/sidebar-07/nav-main.tsx
 function NavMain({ items, label = "Navigation" }) {
 	const { isMobile, setOpenMobile } = useSidebar();

package/dist/components/registry/sidebar-07/nav-projects.js

@@ -1,8 +1,8 @@
 "use client";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../ui/dropdown-menu.js";
 import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../../ui/sidebar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowRightIcon, FolderIcon, MoreHorizontalIcon, Trash2Icon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/registry/sidebar-07/nav-projects.tsx
 function NavProjects({ projects }) {
 	const { isMobile } = useSidebar();

package/dist/components/registry/sidebar-07/nav-user.js

@@ -1,8 +1,8 @@
 import { Avatar, AvatarFallback, AvatarImage } from "../../ui/avatar.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../ui/dropdown-menu.js";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../../ui/sidebar.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { BadgeCheckIcon, BellIcon, ChevronsUpDownIcon, CreditCardIcon, LogOutIcon, SparklesIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/registry/sidebar-07/nav-user.tsx
 function NavUser({ user }) {
 	const { isMobile } = useSidebar();

package/dist/components/registry/sidebar-07/team-switcher.js

@@ -1,9 +1,9 @@
 "use client";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "../../ui/dropdown-menu.js";
 import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "../../ui/sidebar.js";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronsUpDownIcon, PlusIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/registry/sidebar-07/team-switcher.tsx
 function TeamSwitcher({ teams }) {
 	const { isMobile } = useSidebar();

package/dist/components/siyahi/price-chart.js

@@ -1,5 +1,5 @@
-import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { AreaSeries, ColorType, LineStyle, createChart } from "lightweight-charts";
 //#region src/components/siyahi/price-chart.tsx
 function toRgba(color) {

package/dist/components/siyahi/siyahi-provider.js

@@ -1,7 +1,7 @@
 import { TooltipProvider } from "../ui/tooltip.js";
 import { defaultLocale } from "../../lib/locale.js";
-import { createContext, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
+import { createContext, use, useMemo } from "react";
 //#region src/components/siyahi/siyahi-provider.tsx
 const LocaleContext = createContext(defaultLocale);
 /** Wrap the app once. Carries the locale and the tooltip provider shadcn asks for. */

package/dist/components/siyahi/treemap.d.ts

@@ -17,7 +17,15 @@ export interface TreemapProps<T extends TreemapItem> {
   range?: number;
   /** Gets the item under the pointer, and null when the pointer moves onto a group's name or leaves the map. */
   onHover?: (item: T | null) => void;
+  /** The selected item, matched by key, whose tile carries a ring. Pass back what onSelect gave. */
+  selected?: T | null;
+  /**
+   * Gets the item whose tile is tapped or clicked, and null when the selected
+   * tile is tapped again or a tap lands anywhere else. On a touch screen, which
+   * has no hover, this is how a reader gets a tile's figures.
+   */
+  onSelect?: (item: T | null) => void;
 }
 /** Holdings heat map: area by weight, colour by signed change, optionally grouped; hand-drawn SVG. */
-export declare function Treemap<T extends TreemapItem>({ items, height, range, onHover }: TreemapProps<T>): import("react").JSX.Element;
+export declare function Treemap<T extends TreemapItem>({ items, height, range, onHover, selected, onSelect }: TreemapProps<T>): import("react").JSX.Element;
 //#endregion

package/dist/components/siyahi/treemap.js

@@ -1,18 +1,29 @@
 import { useFormat } from "../../lib/format.js";
 import { heat, layout } from "../../lib/treemap.js";
-import { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
 //#region src/components/siyahi/treemap.tsx
 /** Holdings heat map: area by weight, colour by signed change, optionally grouped; hand-drawn SVG. */
-function Treemap({ items, height, range, onHover }) {
+function Treemap({ items, height, range, onHover, selected, onSelect }) {
 	const ref = useRef(null);
 	const [width, setWidth] = useState(0);
+	const selectedKey = selected ? selected.key ?? selected.name : null;
 	const { pct } = useFormat();
 	useLayoutEffect(() => {
 		const observer = new ResizeObserver(([entry]) => setWidth(entry?.contentRect.width ?? 0));
 		if (ref.current) observer.observe(ref.current);
 		return () => observer.disconnect();
 	}, []);
+	const clearOutside = useEffectEvent((event) => {
+		const tile = event.target instanceof Element ? event.target.closest("[data-slot=\"treemap-tile\"]") : null;
+		if (!ref.current?.contains(tile)) onSelect?.(null);
+	});
+	useEffect(() => {
+		if (selectedKey === null) return;
+		const onPointerDown = (event) => clearOutside(event);
+		document.addEventListener("pointerdown", onPointerDown);
+		return () => document.removeEventListener("pointerdown", onPointerDown);
+	}, [selectedKey]);
 	const { groups, tiles } = layout(items, width, height);
 	const change = (value) => value === null ? "—" : `${value > 0 ? "▲ " : value < 0 ? "▼ " : ""}${pct(Math.abs(value))}`;
 	return /* @__PURE__ */ jsx("div", {
@@ -41,29 +52,47 @@ function Treemap({ items, height, range, onHover }) {
 					className: "fill-muted-foreground font-medium",
 					children: group
 				})]
-			}, group)), tiles.map(({ item, ...box }) => /* @__PURE__ */ jsxs("svg", {
-				...box,
-				"data-slot": "treemap-tile",
-				onPointerEnter: () => onHover?.(item),
-				children: [/* @__PURE__ */ jsx("rect", {
-					width: "100%",
-					height: "100%",
-					rx: 4,
-					style: { fill: heat(item.change, range) }
-				}), box.width > 56 && box.height > 36 && /* @__PURE__ */ jsxs("text", {
-					x: 8,
-					y: 18,
-					className: "fill-foreground",
-					children: [/* @__PURE__ */ jsx("tspan", {
-						className: "font-medium",
-						children: item.name
-					}), /* @__PURE__ */ jsx("tspan", {
-						x: 8,
-						dy: 16,
-						children: change(item.change)
-					})]
-				})]
-			}, item.key ?? item.name))]
+			}, group)), tiles.map(({ item, ...box }) => {
+				const key = item.key ?? item.name;
+				return /* @__PURE__ */ jsxs("svg", {
+					...box,
+					"data-slot": "treemap-tile",
+					"data-selected": key === selectedKey || void 0,
+					onPointerEnter: () => onHover?.(item),
+					onClick: () => onSelect?.(key === selectedKey ? null : item),
+					children: [
+						/* @__PURE__ */ jsx("rect", {
+							width: "100%",
+							height: "100%",
+							rx: 4,
+							style: { fill: heat(item.change, range) }
+						}),
+						key === selectedKey && /* @__PURE__ */ jsx("rect", {
+							x: 1,
+							y: 1,
+							width: box.width - 2,
+							height: box.height - 2,
+							rx: 3,
+							fill: "none",
+							strokeWidth: 2,
+							className: "stroke-foreground"
+						}),
+						box.width > 56 && box.height > 36 && /* @__PURE__ */ jsxs("text", {
+							x: 8,
+							y: 18,
+							className: "fill-foreground",
+							children: [/* @__PURE__ */ jsx("tspan", {
+								className: "font-medium",
+								children: item.name
+							}), /* @__PURE__ */ jsx("tspan", {
+								x: 8,
+								dy: 16,
+								children: change(item.change)
+							})]
+						})
+					]
+				}, key);
+			})]
 		})
 	});
 }

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

@@ -0,0 +1,8 @@
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+//#region src/components/ui/accordion.d.ts
+declare function Accordion({ className, ...props }: Accordion$1.Root.Props): import("react").JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): import("react").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): import("react").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): import("react").JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/accordion.js

@@ -0,0 +1,53 @@
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import { cn } from "cn";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ui/accordion.tsx
+function Accordion({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		"data-slot": "accordion",
+		className: cn("flex w-full flex-col overflow-hidden rounded-2xl border", className),
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		"data-slot": "accordion-item",
+		className: cn("not-last:border-b data-open:bg-muted/50", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", className),
+			...props,
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ChevronDownIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ jsx(ChevronUpIcon, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+			children
+		})
+	});
+}
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/alert.js

@@ -1,7 +1,7 @@
-import "react";
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
 //#region src/components/ui/alert.tsx
 const alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-2xl border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
 	variants: { variant: {

package/dist/components/ui/avatar.js

@@ -1,6 +1,6 @@
-import "react";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 //#region src/components/ui/avatar.tsx
 function Avatar({ className, size = "default", ...props }) {

package/dist/components/ui/badge.js

@@ -1,5 +1,5 @@
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
+import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/ui/badge.tsx

package/dist/components/ui/breadcrumb.js

@@ -1,9 +1,9 @@
-import "react";
 import { cn } from "cn";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 //#region src/components/ui/breadcrumb.tsx
 function Breadcrumb({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {

package/dist/components/ui/button.js

@@ -1,6 +1,6 @@
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { Button as Button$1 } from "@base-ui/react/button";
 //#region src/components/ui/button.tsx
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {

package/dist/components/ui/calendar.js

@@ -1,9 +1,9 @@
 "use client";
 import { Button, buttonVariants } from "./button.js";
-import * as React$1 from "react";
 import { cn } from "cn";
-import { jsx } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 //#region src/components/ui/calendar.tsx
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {

package/dist/components/ui/card.js

@@ -1,6 +1,6 @@
-import "react";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/ui/card.tsx
 function Card({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/ui/chart.js

@@ -1,6 +1,6 @@
-import * as React$1 from "react";
 import { cn } from "cn";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import * as RechartsPrimitive from "recharts";
 //#region src/components/ui/chart.tsx
 const THEMES = {
@@ -88,7 +88,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
 				const indicatorColor = color ?? item.payload?.fill ?? item.color;
 				return /* @__PURE__ */ jsx("div", {
 					className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
-					children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment$1, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
+					children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
 						className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
 							"h-2.5 w-2.5": indicator === "dot",
 							"w-1": indicator === "line",

package/dist/components/ui/command.js

@@ -1,9 +1,9 @@
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.js";
 import { InputGroup, InputGroupAddon } from "./input-group.js";
-import "react";
 import { cn } from "cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, SearchIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { Command as Command$1 } from "cmdk";
 //#region src/components/ui/command.tsx
 function Command({ className, ...props }) {

package/dist/components/ui/context-menu.js

@@ -1,7 +1,7 @@
-import "react";
 import { cn } from "cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 //#region src/components/ui/context-menu.tsx
 function ContextMenu({ ...props }) {

package/dist/components/ui/dialog.js

@@ -1,8 +1,8 @@
 import { Button } from "./button.js";
-import "react";
 import { cn } from "cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 //#region src/components/ui/dialog.tsx
 function Dialog({ ...props }) {

package/dist/components/ui/dropdown-menu.js

@@ -1,8 +1,8 @@
 "use client";
-import "react";
 import { cn } from "cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { Menu } from "@base-ui/react/menu";
 //#region src/components/ui/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {

package/dist/components/ui/input-group.js

@@ -2,10 +2,10 @@
 import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
-import "react";
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
 //#region src/components/ui/input-group.tsx
 function InputGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/ui/input.js

@@ -1,6 +1,6 @@
-import "react";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { Input as Input$1 } from "@base-ui/react/input";
 //#region src/components/ui/input.tsx
 function Input({ className, type, ...props }) {

package/dist/components/ui/popover.js

@@ -1,6 +1,6 @@
-import "react";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 //#region src/components/ui/popover.tsx
 function Popover({ ...props }) {

package/dist/components/ui/scroll-area.js

@@ -1,6 +1,6 @@
-import "react";
 import { cn } from "cn";
 import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 //#region src/components/ui/scroll-area.tsx
 function ScrollArea({ className, children, ...props }) {

package/dist/components/ui/select.js

@@ -1,8 +1,8 @@
 "use client";
-import "react";
 import { cn } from "cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { Select as Select$1 } from "@base-ui/react/select";
 //#region src/components/ui/select.tsx
 const Select = Select$1.Root;

package/dist/components/ui/sheet.js

@@ -1,9 +1,9 @@
 "use client";
 import { Button } from "./button.js";
-import "react";
 import { cn } from "cn";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
 import { Dialog } from "@base-ui/react/dialog";
 //#region src/components/ui/sheet.tsx
 function Sheet({ ...props }) {

package/dist/components/ui/sidebar.js

@@ -6,13 +6,13 @@ import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "
 import { useIsMobile } from "../../hooks/use-mobile.js";
 import { Skeleton } from "./skeleton.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
-import * as React$1 from "react";
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
+import { PanelLeftIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { PanelLeftIcon } from "lucide-react";
 //#region src/components/ui/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;

package/dist/components/ui/table.js

@@ -1,7 +1,7 @@
 "use client";
-import "react";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/ui/table.tsx
 function Table({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/ui/tabs.js

@@ -1,6 +1,6 @@
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 //#region src/components/ui/tabs.tsx
 function Tabs({ className, orientation = "horizontal", ...props }) {

package/dist/components/ui/textarea.js

@@ -1,6 +1,6 @@
-import "react";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import "react";
 //#region src/components/ui/textarea.tsx
 function Textarea({ className, ...props }) {
 	return /* @__PURE__ */ jsx("textarea", {

package/dist/components/ui/toggle-group.js

@@ -1,8 +1,8 @@
 import { toggleVariants } from "./toggle.js";
-import * as React$1 from "react";
-import "class-variance-authority";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+import "class-variance-authority";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#region src/components/ui/toggle-group.tsx

package/dist/components/ui/toggle.js

@@ -1,7 +1,7 @@
 "use client";
-import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 //#region src/components/ui/toggle.tsx
 const toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-3xl text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {

package/dist/index.d.ts

@@ -44,6 +44,7 @@ import { PriceChart, PriceChartProps } from "./components/siyahi/price-chart.js"
 import { SiyahiLocale, defaultLocale } from "./lib/locale.js";
 import { SiyahiProvider, SiyahiProviderProps, useLocale } from "./components/siyahi/siyahi-provider.js";
 import { Treemap, TreemapItem, TreemapProps } from "./components/siyahi/treemap.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
 import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/ui/alert.js";
 import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./components/ui/avatar.js";
 import { Badge, badgeVariants } from "./components/ui/badge.js";
@@ -70,4 +71,4 @@ import { Toggle, toggleVariants } from "./components/ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
 import { Formatters, TimeOptions, money, moneyCompact, pct, time, useFormat } from "./lib/format.js";
 import { Area, AreaChart, Bar, BarChart, CartesianGrid, Line, LineChart, ReferenceLine, XAxis, YAxis } from "./lib/recharts.js";
-export { ActiveCell, ActiveSelection, Activity, Alert, AlertAction, AlertDescription, AlertTitle, AppSidebar, AppSidebarProps, Area, AreaChart, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Bar, BarChart, BarList, BarListItem, BarListProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, CalendarHeatmap, CalendarHeatmapBlock, CalendarHeatmapBlockProps, CalendarHeatmapBody, CalendarHeatmapBodyProps, CalendarHeatmapFooter, CalendarHeatmapFooterProps, CalendarHeatmapLegend, CalendarHeatmapLegendProps, CalendarHeatmapProps, CalendarHeatmapStat, CalendarHeatmapStatProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CartesianGrid, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorConfig, ColumnResizeInfo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableActions, DataTableBody, DataTableBodyProps, type DataTableCell, type DataTableColumn, DataTableColumnActions, type DataTableColumnDef, DataTableColumnFilter, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableColumnHeaderRoot, DataTableColumnSortMenu, DataTableColumnSortOptions, DataTableColumnTitle, type DataTableColumns, DataTableConfig, DataTableContainerProps, DataTableContext, DataTableContextState, DataTableEmptyActions, DataTableEmptyActionsProps, DataTableEmptyBody, DataTableEmptyBodyProps, DataTableEmptyDescription, DataTableEmptyDescriptionProps, DataTableEmptyFilteredMessage, DataTableEmptyFilteredMessageProps, DataTableEmptyIcon, DataTableEmptyIconProps, DataTableEmptyMessage, DataTableEmptyMessageProps, DataTableEmptyState, DataTableEmptyStateProps, DataTableEmptyTitle, DataTableEmptyTitleProps, DataTableErrorBoundary, DataTableErrorBoundaryProps, DataTableFacetedFilter, DataTableFacetedFilterContent, DataTableGroupRowContextValue, DataTableGroupRowProvider, DataTableGroupedRowCells, DataTableGroupedRows, DataTableGroupedRowsProps, DataTableHeader, type DataTableHeader$1 as DataTableHeaderCell, DataTableHeaderProps, type DataTableInstance, DataTableLoading, DataTableLoadingMore, DataTableLoadingMoreProps, DataTableLoadingProps, DataTableProvider, DataTableRoot, type DataTableRow, DataTableRowContextMenu, DataTableRowContextMenuProps, DataTableRowContextMenuSlot, DataTableRowContextMenuSlotProps, DataTableRowMenuScope, DataTableSkeleton, DataTableSkeletonProps, DataTableToolbarSection, DataTableToolbarSectionProps, Delta, DeltaProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtendedColumnFilter, type ExtendedColumnSort, type FilterOperator, type FilterOperatorValues, type FilterVariant, type FilterVariantValues, FlashCellRef, FlashCells, FlashRows, FlashRowsOptions, Formatters, type GlobalFilter, GroupedBodyRow, GroupedBodyRowProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type JoinOperator, type JoinOperatorValues, Labels, Line, LineChart, LocalTime, LocalTimeProps, NavMain, NavProjects, NavUser, type Option, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PriceChart, PriceChartProps, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, type QueryKeys, ReferenceLine, RowMenuGroup, RowMenuItem, RowMenuLabel, RowMenuSeparator, RowMenuSub, RowMenuSubContent, RowMenuSubTrigger, ScrollAlign, ScrollArea, ScrollBar, type ScrollEvent, ScrollRowIntoView, SectionCard, SectionCards, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiyahiLocale, SiyahiProvider, SiyahiProviderProps, Skeleton, Slider, StatusActivity, StatusColorConfig, StatusHeatmap, StatusHeatmapBlock, StatusHeatmapBlockProps, StatusHeatmapBody, StatusHeatmapBodyProps, StatusHeatmapFooter, StatusHeatmapFooterProps, StatusHeatmapLabels, StatusHeatmapLegend, StatusHeatmapLegendProps, StatusHeatmapProps, StatusHeatmapStat, StatusHeatmapStatProps, StatusValue, Table, TableBody, TableCaption, TableCell, TableColumnActions, TableColumnActionsProps, TableColumnSortMenu, TableColumnSortOptions, TableColumnTitle, TableFacetedFilter, TableFacetedFilterContent, TableFacetedFilterProps, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamSwitcher, Textarea, TimeOptions, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Treemap, TreemapItem, TreemapProps, type ValueOf, type ColorConfig$1 as WeekdayColorConfig, type WeekdayExtraColumnSpec, type WeekdayExtraRowSpec, WeekdayHeatmap, WeekdayHeatmapBlock, type WeekdayHeatmapBlockProps, WeekdayHeatmapBody, type WeekdayHeatmapBodyProps, WeekdayHeatmapFooter, type WeekdayHeatmapFooterProps, type WeekdayHeatmapLabels, WeekdayHeatmapLegend, type WeekdayHeatmapLegendProps, type WeekdayHeatmapProps, WeekdayHeatmapStat, type WeekdayHeatmapStatProps, type WeekdayHour, type WeekdayHourlyActivity, type WeekdayIndex, XAxis, YAxis, badgeVariants, buttonVariants, defaultLocale, flashCellKey, money, moneyCompact, pct, resolveGroupedRowsSlot, resolveRowContextMenuRenderer, tabsListVariants, time, toggleVariants, useColumnHeaderContext, useColumnResizeInfo, useDataTable, useDataTableActiveCell, useDataTableActiveCellSetter, useDataTableGroupRow, useDataTableRow, useFormat, useLocale, useResolvedRowContextMenuRenderer, useSidebar, useTableFacetedFilter };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActiveCell, ActiveSelection, Activity, Alert, AlertAction, AlertDescription, AlertTitle, AppSidebar, AppSidebarProps, Area, AreaChart, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Bar, BarChart, BarList, BarListItem, BarListProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, CalendarHeatmap, CalendarHeatmapBlock, CalendarHeatmapBlockProps, CalendarHeatmapBody, CalendarHeatmapBodyProps, CalendarHeatmapFooter, CalendarHeatmapFooterProps, CalendarHeatmapLegend, CalendarHeatmapLegendProps, CalendarHeatmapProps, CalendarHeatmapStat, CalendarHeatmapStatProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CartesianGrid, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorConfig, ColumnResizeInfo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableActions, DataTableBody, DataTableBodyProps, type DataTableCell, type DataTableColumn, DataTableColumnActions, type DataTableColumnDef, DataTableColumnFilter, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableColumnHeaderRoot, DataTableColumnSortMenu, DataTableColumnSortOptions, DataTableColumnTitle, type DataTableColumns, DataTableConfig, DataTableContainerProps, DataTableContext, DataTableContextState, DataTableEmptyActions, DataTableEmptyActionsProps, DataTableEmptyBody, DataTableEmptyBodyProps, DataTableEmptyDescription, DataTableEmptyDescriptionProps, DataTableEmptyFilteredMessage, DataTableEmptyFilteredMessageProps, DataTableEmptyIcon, DataTableEmptyIconProps, DataTableEmptyMessage, DataTableEmptyMessageProps, DataTableEmptyState, DataTableEmptyStateProps, DataTableEmptyTitle, DataTableEmptyTitleProps, DataTableErrorBoundary, DataTableErrorBoundaryProps, DataTableFacetedFilter, DataTableFacetedFilterContent, DataTableGroupRowContextValue, DataTableGroupRowProvider, DataTableGroupedRowCells, DataTableGroupedRows, DataTableGroupedRowsProps, DataTableHeader, type DataTableHeader$1 as DataTableHeaderCell, DataTableHeaderProps, type DataTableInstance, DataTableLoading, DataTableLoadingMore, DataTableLoadingMoreProps, DataTableLoadingProps, DataTableProvider, DataTableRoot, type DataTableRow, DataTableRowContextMenu, DataTableRowContextMenuProps, DataTableRowContextMenuSlot, DataTableRowContextMenuSlotProps, DataTableRowMenuScope, DataTableSkeleton, DataTableSkeletonProps, DataTableToolbarSection, DataTableToolbarSectionProps, Delta, DeltaProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtendedColumnFilter, type ExtendedColumnSort, type FilterOperator, type FilterOperatorValues, type FilterVariant, type FilterVariantValues, FlashCellRef, FlashCells, FlashRows, FlashRowsOptions, Formatters, type GlobalFilter, GroupedBodyRow, GroupedBodyRowProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type JoinOperator, type JoinOperatorValues, Labels, Line, LineChart, LocalTime, LocalTimeProps, NavMain, NavProjects, NavUser, type Option, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PriceChart, PriceChartProps, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, type QueryKeys, ReferenceLine, RowMenuGroup, RowMenuItem, RowMenuLabel, RowMenuSeparator, RowMenuSub, RowMenuSubContent, RowMenuSubTrigger, ScrollAlign, ScrollArea, ScrollBar, type ScrollEvent, ScrollRowIntoView, SectionCard, SectionCards, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiyahiLocale, SiyahiProvider, SiyahiProviderProps, Skeleton, Slider, StatusActivity, StatusColorConfig, StatusHeatmap, StatusHeatmapBlock, StatusHeatmapBlockProps, StatusHeatmapBody, StatusHeatmapBodyProps, StatusHeatmapFooter, StatusHeatmapFooterProps, StatusHeatmapLabels, StatusHeatmapLegend, StatusHeatmapLegendProps, StatusHeatmapProps, StatusHeatmapStat, StatusHeatmapStatProps, StatusValue, Table, TableBody, TableCaption, TableCell, TableColumnActions, TableColumnActionsProps, TableColumnSortMenu, TableColumnSortOptions, TableColumnTitle, TableFacetedFilter, TableFacetedFilterContent, TableFacetedFilterProps, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamSwitcher, Textarea, TimeOptions, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Treemap, TreemapItem, TreemapProps, type ValueOf, type ColorConfig$1 as WeekdayColorConfig, type WeekdayExtraColumnSpec, type WeekdayExtraRowSpec, WeekdayHeatmap, WeekdayHeatmapBlock, type WeekdayHeatmapBlockProps, WeekdayHeatmapBody, type WeekdayHeatmapBodyProps, WeekdayHeatmapFooter, type WeekdayHeatmapFooterProps, type WeekdayHeatmapLabels, WeekdayHeatmapLegend, type WeekdayHeatmapLegendProps, type WeekdayHeatmapProps, WeekdayHeatmapStat, type WeekdayHeatmapStatProps, type WeekdayHour, type WeekdayHourlyActivity, type WeekdayIndex, XAxis, YAxis, badgeVariants, buttonVariants, defaultLocale, flashCellKey, money, moneyCompact, pct, resolveGroupedRowsSlot, resolveRowContextMenuRenderer, tabsListVariants, time, toggleVariants, useColumnHeaderContext, useColumnResizeInfo, useDataTable, useDataTableActiveCell, useDataTableActiveCellSetter, useDataTableGroupRow, useDataTableRow, useFormat, useLocale, useResolvedRowContextMenuRenderer, useSidebar, useTableFacetedFilter };

package/dist/index.js

@@ -1,3 +1,4 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
 import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/ui/alert.js";
 import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./components/ui/avatar.js";
 import { Badge, badgeVariants } from "./components/ui/badge.js";
@@ -68,4 +69,4 @@ import { LocalTime } from "./components/siyahi/local-time.js";
 import { PriceChart } from "./components/siyahi/price-chart.js";
 import { Treemap } from "./components/siyahi/treemap.js";
 import { Area, AreaChart, Bar, BarChart, CartesianGrid, Line, LineChart, ReferenceLine, XAxis, YAxis } from "./lib/recharts.js";
-export { Alert, AlertAction, AlertDescription, AlertTitle, AppSidebar, Area, AreaChart, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Bar, BarChart, BarList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, CalendarHeatmap, CalendarHeatmapBlock, CalendarHeatmapBody, CalendarHeatmapFooter, CalendarHeatmapLegend, CalendarHeatmapStat, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CartesianGrid, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableActions, DataTableBody, DataTableColumnActions, DataTableColumnFilter, DataTableColumnHeader, DataTableColumnHeaderRoot, DataTableColumnSortMenu, DataTableColumnSortOptions, DataTableColumnTitle, DataTableContext, DataTableEmptyActions, DataTableEmptyBody, DataTableEmptyDescription, DataTableEmptyFilteredMessage, DataTableEmptyIcon, DataTableEmptyMessage, DataTableEmptyState, DataTableEmptyTitle, DataTableErrorBoundary, DataTableFacetedFilter, DataTableFacetedFilterContent, DataTableGroupRowProvider, DataTableGroupedRowCells, DataTableGroupedRows, DataTableHeader, DataTableLoading, DataTableLoadingMore, DataTableProvider, DataTableRoot, DataTableRowContextMenu, DataTableRowContextMenuSlot, DataTableRowMenuScope, DataTableSkeleton, DataTableToolbarSection, Delta, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, GroupedBodyRow, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Line, LineChart, LocalTime, NavMain, NavProjects, NavUser, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PriceChart, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, ReferenceLine, RowMenuGroup, RowMenuItem, RowMenuLabel, RowMenuSeparator, RowMenuSub, RowMenuSubContent, RowMenuSubTrigger, ScrollArea, ScrollBar, SectionCards, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiyahiProvider, Skeleton, Slider, StatusHeatmap, StatusHeatmapBlock, StatusHeatmapBody, StatusHeatmapFooter, StatusHeatmapLegend, StatusHeatmapStat, Table, TableBody, TableCaption, TableCell, TableColumnActions, TableColumnSortMenu, TableColumnSortOptions, TableColumnTitle, TableFacetedFilter, TableFacetedFilterContent, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamSwitcher, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Treemap, WeekdayHeatmap, WeekdayHeatmapBlock, WeekdayHeatmapBody, WeekdayHeatmapFooter, WeekdayHeatmapLegend, WeekdayHeatmapStat, XAxis, YAxis, badgeVariants, buttonVariants, defaultLocale, flashCellKey, money, moneyCompact, pct, resolveGroupedRowsSlot, resolveRowContextMenuRenderer, tabsListVariants, time, toggleVariants, useColumnHeaderContext, useColumnResizeInfo, useDataTable, useDataTableActiveCell, useDataTableActiveCellSetter, useDataTableGroupRow, useDataTableRow, useFormat, useLocale, useResolvedRowContextMenuRenderer, useSidebar, useTableFacetedFilter };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertTitle, AppSidebar, Area, AreaChart, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Bar, BarChart, BarList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, CalendarHeatmap, CalendarHeatmapBlock, CalendarHeatmapBody, CalendarHeatmapFooter, CalendarHeatmapLegend, CalendarHeatmapStat, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CartesianGrid, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DataTableActions, DataTableBody, DataTableColumnActions, DataTableColumnFilter, DataTableColumnHeader, DataTableColumnHeaderRoot, DataTableColumnSortMenu, DataTableColumnSortOptions, DataTableColumnTitle, DataTableContext, DataTableEmptyActions, DataTableEmptyBody, DataTableEmptyDescription, DataTableEmptyFilteredMessage, DataTableEmptyIcon, DataTableEmptyMessage, DataTableEmptyState, DataTableEmptyTitle, DataTableErrorBoundary, DataTableFacetedFilter, DataTableFacetedFilterContent, DataTableGroupRowProvider, DataTableGroupedRowCells, DataTableGroupedRows, DataTableHeader, DataTableLoading, DataTableLoadingMore, DataTableProvider, DataTableRoot, DataTableRowContextMenu, DataTableRowContextMenuSlot, DataTableRowMenuScope, DataTableSkeleton, DataTableToolbarSection, Delta, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, GroupedBodyRow, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Line, LineChart, LocalTime, NavMain, NavProjects, NavUser, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PriceChart, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, ReferenceLine, RowMenuGroup, RowMenuItem, RowMenuLabel, RowMenuSeparator, RowMenuSub, RowMenuSubContent, RowMenuSubTrigger, ScrollArea, ScrollBar, SectionCards, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiyahiProvider, Skeleton, Slider, StatusHeatmap, StatusHeatmapBlock, StatusHeatmapBody, StatusHeatmapFooter, StatusHeatmapLegend, StatusHeatmapStat, Table, TableBody, TableCaption, TableCell, TableColumnActions, TableColumnSortMenu, TableColumnSortOptions, TableColumnTitle, TableFacetedFilter, TableFacetedFilterContent, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamSwitcher, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Treemap, WeekdayHeatmap, WeekdayHeatmapBlock, WeekdayHeatmapBody, WeekdayHeatmapFooter, WeekdayHeatmapLegend, WeekdayHeatmapStat, XAxis, YAxis, badgeVariants, buttonVariants, defaultLocale, flashCellKey, money, moneyCompact, pct, resolveGroupedRowsSlot, resolveRowContextMenuRenderer, tabsListVariants, time, toggleVariants, useColumnHeaderContext, useColumnResizeInfo, useDataTable, useDataTableActiveCell, useDataTableActiveCellSetter, useDataTableGroupRow, useDataTableRow, useFormat, useLocale, useResolvedRowContextMenuRenderer, useSidebar, useTableFacetedFilter };

package/package.json

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