@alexgorbatchev/shadcn 0.0.60 → 0.0.63

package/dist/{chunk-tmr0jqv8.js → chunk-4sk3r1hg.js}

@@ -4,12 +4,19 @@ import {
 
 // src/components/Table.tsx
 import { jsx } from "react/jsx-runtime";
-function Table2({ density, className, dir, layout = "auto", ...props }) {
+function Table2({
+  density,
+  className,
+  dir,
+  layout = "auto",
+  scrollContainer = "self",
+  ...props
+}) {
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "table-container",
     dir,
-    className: cn2("@container/table relative min-w-0 w-full", layout === "fixed" ? "overflow-x-hidden" : "overflow-x-auto"),
+    className: cn2("@container/table relative min-w-0 w-full", scrollContainer === "parent" ? "overflow-visible" : layout === "fixed" ? "overflow-x-hidden" : "overflow-x-auto"),
     children: /* @__PURE__ */ jsx("table", {
       "data-slot": "table",
       dir,
@@ -18,11 +25,11 @@ function Table2({ density, className, dir, layout = "auto", ...props }) {
     })
   });
 }
-function TableHeader2({ density, className, ...props }) {
+function TableHeader2({ density, className, sticky = false, ...props }) {
   return /* @__PURE__ */ jsx("thead", {
     "data-density": density,
     "data-slot": "table-header",
-    className: cn2("[&_tr]:border-b", className),
+    className: cn2("[&_tr]:border-b", sticky && "sticky top-0 z-10 bg-background", className),
     ...props
   });
 }

package/dist/{chunk-bmyw7q4w.js → chunk-82swja0b.js}

@@ -2,7 +2,7 @@ import {
   Table2,
   TableHeader2,
   TableBody2
-} from "./chunk-tmr0jqv8.js";
+} from "./chunk-4sk3r1hg.js";
 
 // src/components/virtual-table/VirtualTable.tsx
 import {
@@ -58,12 +58,14 @@ function VirtualTable2({
         setFocusedKey(getItemKey(item));
     },
     children: /* @__PURE__ */ jsxs(Table2, {
+      scrollContainer: "parent",
       layout,
       "aria-label": label,
       "aria-rowcount": items.length + 1,
       children: [
         columns,
         /* @__PURE__ */ jsx(TableHeader2, {
+          sticky: true,
           children: header
         }),
         /* @__PURE__ */ jsxs(TableBody2, {

package/dist/{chunk-98s6zk9v.js → chunk-dfy3e5tq.js}

@@ -24,7 +24,7 @@ import {
   TableHead2,
   TableCell2,
   TableCaption2
-} from "./chunk-tmr0jqv8.js";
+} from "./chunk-4sk3r1hg.js";
 import {
   safeHref
 } from "./chunk-xhtsnwnb.js";

package/dist/{chunk-zwnba1pb.js → chunk-hz08pzsc.js}

@@ -4151,9 +4151,10 @@ function BarList2({
             value: item.value,
             "aria-label": item.label,
             format: { maximumFractionDigits: 2 },
+            className: "gap-y-1",
             children: [
               /* @__PURE__ */ jsxs29("div", {
-                className: "mb-1 flex items-center justify-between gap-3 text-sm",
+                className: "flex w-full items-center justify-between gap-3 text-sm",
                 children: [
                   /* @__PURE__ */ jsx44(MeterLabel2, {
                     children: onItemSelect ? /* @__PURE__ */ jsx44(Button2, {

package/dist/{chunk-8m97h03v.js → chunk-sha0bfg0.js}

@@ -10,7 +10,7 @@ import {
   TableCell2,
   TableColumnGroup2,
   TableColumn2
-} from "./chunk-tmr0jqv8.js";
+} from "./chunk-4sk3r1hg.js";
 import {
   OptionSelect2
 } from "./chunk-p6z2m3zp.js";

package/dist/components/Table.d.ts

@@ -3,10 +3,13 @@ import type { ComponentProps, ReactElement } from "react";
 import type { TextAlign } from "../typography/types.js";
 type TableProps = ComponentProps<"table"> & IDensityProps & {
     layout?: "auto" | "fixed";
+    scrollContainer?: "self" | "parent";
 };
-declare function Table({ density, className, dir, layout, ...props }: TableProps): ReactElement;
-type TableHeaderProps = ComponentProps<"thead"> & IDensityProps;
-declare function TableHeader({ density, className, ...props }: TableHeaderProps): ReactElement;
+declare function Table({ density, className, dir, layout, scrollContainer, ...props }: TableProps): ReactElement;
+type TableHeaderProps = ComponentProps<"thead"> & IDensityProps & {
+    sticky?: boolean;
+};
+declare function TableHeader({ density, className, sticky, ...props }: TableHeaderProps): ReactElement;
 type TableBodyProps = ComponentProps<"tbody"> & IDensityProps;
 declare function TableBody({ density, className, ...props }: TableBodyProps): ReactElement;
 type TableFooterProps = ComponentProps<"tfoot"> & IDensityProps;

package/dist/components/assistant-ui/elements/DataTable.js

@@ -1,8 +1,8 @@
 import {
   DataTable2
-} from "../../../chunk-98s6zk9v.js";
+} from "../../../chunk-dfy3e5tq.js";
 import"../../../chunk-1wz92wgg.js";
-import"../../../chunk-tmr0jqv8.js";
+import"../../../chunk-4sk3r1hg.js";
 import"../../../chunk-k1f35j55.js";
 import"../../../chunk-m4geb1s5.js";
 import"../../../chunk-9t530p75.js";

package/dist/components/assistant-ui/index.js

@@ -203,8 +203,8 @@ import"../../chunk-1wz92wgg.js";
 import"../../chunk-9t530p75.js";
 import {
   DataTable2
-} from "../../chunk-98s6zk9v.js";
-import"../../chunk-tmr0jqv8.js";
+} from "../../chunk-dfy3e5tq.js";
+import"../../chunk-4sk3r1hg.js";
 import {
   DaySeparator2
 } from "../../chunk-3j9enr2q.js";

package/dist/components/data-grid/index.js

@@ -7,7 +7,7 @@ import {
   DataGridColumnHeader2,
   DataGridFilter2,
   DataGridPagination2
-} from "../../chunk-8m97h03v.js";
+} from "../../chunk-sha0bfg0.js";
 import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import"../../chunk-en44w1pn.js";
@@ -17,7 +17,7 @@ import"../../chunk-jpvw9xqy.js";
 import {
   Button2
 } from "../../chunk-bd09gygt.js";
-import"../../chunk-tmr0jqv8.js";
+import"../../chunk-4sk3r1hg.js";
 import"../../chunk-p6z2m3zp.js";
 import"../../chunk-7jpsybag.js";
 import"../../chunk-7vg045gd.js";

package/dist/components/gantt/index.js

@@ -28,7 +28,7 @@ import {
   TableRow2,
   TableHead2,
   TableCell2
-} from "../../chunk-tmr0jqv8.js";
+} from "../../chunk-4sk3r1hg.js";
 import"../../chunk-5mydsjp3.js";
 
 // src/components/gantt/Gantt.tsx

package/dist/components/json-render/index.js

@@ -31,7 +31,7 @@ import {
   DrawerHeader2,
   DrawerTitle2,
   DrawerDescription2
-} from "../../chunk-zwnba1pb.js";
+} from "../../chunk-hz08pzsc.js";
 import {
   MenuPopup,
   MenuItem2,
@@ -145,7 +145,7 @@ import {
   TableHead2,
   TableCell2,
   TableCaption2
-} from "../../chunk-tmr0jqv8.js";
+} from "../../chunk-4sk3r1hg.js";
 import"../../chunk-7vnpp3ya.js";
 import"../../chunk-m4geb1s5.js";
 import"../../chunk-9ecf92s6.js";

package/dist/components/virtual-data-grid/index.js

@@ -1,7 +1,7 @@
 import"../../chunk-en44w1pn.js";
 import {
   TableRow2
-} from "../../chunk-tmr0jqv8.js";
+} from "../../chunk-4sk3r1hg.js";
 import {
   DataGridColumnFitContext,
   getDataGridColumnFit,
@@ -10,7 +10,7 @@ import {
   DataGridHeaderRows,
   DataGridCells2,
   DataGridColumns
-} from "../../chunk-8m97h03v.js";
+} from "../../chunk-sha0bfg0.js";
 import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import"../../chunk-e6hk39ev.js";
@@ -22,7 +22,7 @@ import"../../chunk-7jpsybag.js";
 import"../../chunk-7vg045gd.js";
 import {
   VirtualTable2
-} from "../../chunk-bmyw7q4w.js";
+} from "../../chunk-82swja0b.js";
 import"../../chunk-5mydsjp3.js";
 
 // src/components/virtual-data-grid/VirtualDataGrid.tsx

package/dist/components/virtual-table/index.js

@@ -1,8 +1,8 @@
 import"../../chunk-en44w1pn.js";
-import"../../chunk-tmr0jqv8.js";
+import"../../chunk-4sk3r1hg.js";
 import {
   VirtualTable2
-} from "../../chunk-bmyw7q4w.js";
+} from "../../chunk-82swja0b.js";
 export {
   VirtualTable2 as VirtualTable
 };

package/dist/index.js

@@ -171,7 +171,7 @@ import {
   StatusTracker2,
   DashboardLayout2,
   BillingUsage2
-} from "./chunk-zwnba1pb.js";
+} from "./chunk-hz08pzsc.js";
 import {
   Tabs2,
   tabsListVariants2,
@@ -260,7 +260,7 @@ import {
   TableColumnGroup2,
   TableColumn2,
   TableCaption2
-} from "./chunk-tmr0jqv8.js";
+} from "./chunk-4sk3r1hg.js";
 import {
   ScrollArea2,
   ScrollBar2

package/dist/prototype.js

@@ -2051,7 +2051,7 @@ var program = new Command;
 // package.json
 var package_default = {
   name: "@alexgorbatchev/shadcn",
-  version: "0.0.60",
+  version: "0.0.63",
   description: "Sharp, monospace React components with compact and comfortable densities.",
   license: "MIT",
   repository: {
@@ -3447,7 +3447,8 @@ var package_default = {
     "@vitest/coverage-istanbul@4.1.11": "patches/@vitest%2Fcoverage-istanbul@4.1.11.patch",
     "storybook@10.6.1": "patches/storybook@10.6.1.patch",
     "uncontrollable@7.2.1": "patches/uncontrollable@7.2.1.patch",
-    "@headless-tree/core@1.8.0": "patches/@headless-tree%2Fcore@1.8.0.patch"
+    "@headless-tree/core@1.8.0": "patches/@headless-tree%2Fcore@1.8.0.patch",
+    "@base-ui/react@1.9.0": "patches/@base-ui%2Freact@1.9.0.patch"
   }
 };
 

package/llms/components/data-display/BarList.md

@@ -41,6 +41,14 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
 }
 ```
 
+### Layout
+
+```tsx
+{
+    args: { onItemSelect: undefined }
+}
+```
+
 ### Empty
 
 ```tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgorbatchev/shadcn",
-  "version": "0.0.60",
+  "version": "0.0.63",
   "description": "Sharp, monospace React components with compact and comfortable densities.",
   "license": "MIT",
   "repository": {