@alexgorbatchev/shadcn 0.0.53 → 0.0.54

package/dist/{chunk-rc99vk8d.js → chunk-06ky09dc.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-en44w1pn.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   Badge2
 } from "./chunk-9t530p75.js";

package/dist/{chunk-yrp7xtb5.js → chunk-6j8ksqt9.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-bd09gygt.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";

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

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

package/dist/{chunk-k7cvfw0f.js → chunk-bmyw7q4w.js}

@@ -2,7 +2,7 @@ import {
   Table2,
   TableHeader2,
   TableBody2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 
 // src/components/virtual-table/VirtualTable.tsx
 import {

package/dist/{chunk-zs390b72.js → chunk-d5pabsj2.js}

@@ -117,7 +117,7 @@ import {
   SelectContent2,
   SelectItem2,
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   ThemeContext
 } from "./chunk-1j2hz3w9.js";

package/dist/{chunk-zs4h45d8.js → chunk-k45r2rz0.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-bd09gygt.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   useAnalyticsCallback
 } from "./chunk-5mydsjp3.js";

package/dist/{chunk-xfryhw7e.js → chunk-p6z2m3zp.js}

@@ -183,7 +183,8 @@ function OptionSelect2({
   width = "fit",
   density,
   analytics,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy
 }) {
   return /* @__PURE__ */ jsxs2(Select2, {
     items: options,
@@ -201,6 +202,7 @@ function OptionSelect2({
       /* @__PURE__ */ jsx2(SelectTrigger2, {
         id,
         "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
         density,
         size,
         className: cn2(width === "full" && "w-full"),

package/dist/{chunk-tjn53x34.js → chunk-tmr0jqv8.js}

@@ -59,13 +59,15 @@ var visibilityClasses = {
   sm: "hidden sm:table-cell",
   lg: "hidden lg:table-cell",
   "container-sm": "hidden @min-[400px]/table:table-cell",
-  "container-md": "hidden @min-[480px]/table:table-cell"
+  "container-md": "hidden @min-[480px]/table:table-cell",
+  "container-lg": "hidden @min-[640px]/table:table-cell"
 };
 var columnVisibilityClasses = {
   sm: "hidden sm:table-column",
   lg: "hidden lg:table-column",
   "container-sm": "hidden @min-[400px]/table:table-column",
-  "container-md": "hidden @min-[480px]/table:table-column"
+  "container-md": "hidden @min-[480px]/table:table-column",
+  "container-lg": "hidden @min-[640px]/table:table-column"
 };
 function TableHead2({
   density,

package/dist/{chunk-p894n7r6.js → chunk-x7emg3jx.js}

@@ -10,10 +10,10 @@ import {
   TableCell2,
   TableColumnGroup2,
   TableColumn2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 import {
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   Input2
 } from "./chunk-7vg045gd.js";

package/dist/components/OptionSelect.d.ts

@@ -22,8 +22,10 @@ type OptionSelectProps = IDensityProps & IAnalyticsProps & {
     /** `full` fills a form field; `fit` sits inline in a toolbar. */
     width?: "fit" | "full";
     "aria-label"?: string;
+    /** IDs of elements describing the select trigger. */
+    "aria-describedby"?: string;
 };
 /** A styled single-value `Select` for the common case of a flat list of options. */
-declare function OptionSelect({ options, value, defaultValue, onValueChange, placeholder, name, id, disabled, required, size, width, density, analytics, "aria-label": ariaLabel, }: OptionSelectProps): ReactElement;
+declare function OptionSelect({ options, value, defaultValue, onValueChange, placeholder, name, id, disabled, required, size, width, density, analytics, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: OptionSelectProps): ReactElement;
 export { OptionSelect };
 export type { OptionSelectOption, OptionSelectProps };

package/dist/components/Table.d.ts

@@ -14,7 +14,8 @@ declare function TableFooter({ density, className, ...props }: TableFooterProps)
 type TableRowProps = ComponentProps<"tr"> & IDensityProps;
 declare function TableRow({ density, className, ...props }: TableRowProps): ReactElement;
 type TableTextAlign = TextAlign;
-type TableVisibility = "sm" | "lg" | "container-sm" | "container-md";
+/** Viewport breakpoints, or table-container breakpoints at 400, 480, and 640 pixels. */
+type TableVisibility = "sm" | "lg" | "container-sm" | "container-md" | "container-lg";
 interface ITableCellOptions {
     truncate?: boolean;
     textAlign?: TableTextAlign;

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

@@ -1,8 +1,8 @@
 import {
   DataTable2
-} from "../../../chunk-5rxjvjkq.js";
+} from "../../../chunk-98s6zk9v.js";
 import"../../../chunk-1wz92wgg.js";
-import"../../../chunk-tjn53x34.js";
+import"../../../chunk-tmr0jqv8.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-5rxjvjkq.js";
-import"../../chunk-tjn53x34.js";
+} from "../../chunk-98s6zk9v.js";
+import"../../chunk-tmr0jqv8.js";
 import {
   DaySeparator2
 } from "../../chunk-3j9enr2q.js";

package/dist/components/assistant-ui/native/McpConfigDialog.js

@@ -1,11 +1,11 @@
 import {
   McpConfigDialog2
-} from "../../../chunk-rc99vk8d.js";
+} from "../../../chunk-06ky09dc.js";
 import"../../../chunk-m4geb1s5.js";
 import"../../../chunk-9t530p75.js";
 import"../../../chunk-m32ptxf3.js";
 import"../../../chunk-tcefvfr8.js";
-import"../../../chunk-xfryhw7e.js";
+import"../../../chunk-p6z2m3zp.js";
 import"../../../chunk-4t23yhc0.js";
 import"../../../chunk-7vg045gd.js";
 import"../../../chunk-7jpsybag.js";

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

@@ -133,12 +133,12 @@ import"../../../chunk-dyg4pwcd.js";
 import {
   DirectiveText2
 } from "../../../chunk-n8n3gp71.js";
-import"../../../chunk-xfryhw7e.js";
+import"../../../chunk-p6z2m3zp.js";
 import"../../../chunk-m32ptxf3.js";
 import"../../../chunk-52aadmkc.js";
 import {
   McpConfigDialog2
-} from "../../../chunk-rc99vk8d.js";
+} from "../../../chunk-06ky09dc.js";
 import"../../../chunk-ptdr68cq.js";
 import"../../../chunk-65xd5we6.js";
 import {

package/dist/components/calendar/index.js

@@ -10,8 +10,8 @@ import {
 import {
   Calendar2,
   CalendarDayButton2
-} from "../../chunk-yrp7xtb5.js";
-import"../../chunk-xfryhw7e.js";
+} from "../../chunk-6j8ksqt9.js";
+import"../../chunk-p6z2m3zp.js";
 import {
   Popover2,
   PopoverTrigger2,

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

@@ -7,8 +7,8 @@ import"../../chunk-jpvw9xqy.js";
 import {
   Button2
 } from "../../chunk-bd09gygt.js";
-import"../../chunk-tjn53x34.js";
-import"../../chunk-xfryhw7e.js";
+import"../../chunk-tmr0jqv8.js";
+import"../../chunk-p6z2m3zp.js";
 import"../../chunk-7jpsybag.js";
 import"../../chunk-7vg045gd.js";
 import {
@@ -19,7 +19,7 @@ import {
   DataGridColumnHeader2,
   DataGridFilter2,
   DataGridPagination2
-} from "../../chunk-p894n7r6.js";
+} from "../../chunk-x7emg3jx.js";
 import {
   Checkbox2
 } from "../../chunk-b5s5y5wq.js";

package/dist/components/gantt/index.js

@@ -7,7 +7,7 @@ import {
   DragSource2,
   DropTarget2,
   Kanban2
-} from "../../chunk-zs4h45d8.js";
+} from "../../chunk-k45r2rz0.js";
 import"../../chunk-en44w1pn.js";
 import"../../chunk-9t530p75.js";
 import"../../chunk-7ny0vyek.js";
@@ -20,7 +20,7 @@ import {
 } from "../../chunk-bd09gygt.js";
 import {
   OptionSelect2
-} from "../../chunk-xfryhw7e.js";
+} from "../../chunk-p6z2m3zp.js";
 import {
   Table2,
   TableHeader2,
@@ -28,7 +28,7 @@ import {
   TableRow2,
   TableHead2,
   TableCell2
-} from "../../chunk-tjn53x34.js";
+} from "../../chunk-tmr0jqv8.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-zs390b72.js";
+} from "../../chunk-d5pabsj2.js";
 import {
   MenuPopup,
   MenuItem2,
@@ -99,7 +99,7 @@ import {
   Tabs2,
   TabsList2,
   TabsTrigger2
-} from "../../chunk-zs4h45d8.js";
+} from "../../chunk-k45r2rz0.js";
 import {
   Badge2
 } from "../../chunk-9t530p75.js";
@@ -113,7 +113,7 @@ import {
   SelectTrigger2,
   SelectContent2,
   SelectItem2
-} from "../../chunk-xfryhw7e.js";
+} from "../../chunk-p6z2m3zp.js";
 import"../../chunk-1j2hz3w9.js";
 import"../../chunk-k99h6evz.js";
 import {
@@ -145,7 +145,7 @@ import {
   TableHead2,
   TableCell2,
   TableCaption2
-} from "../../chunk-tjn53x34.js";
+} from "../../chunk-tmr0jqv8.js";
 import"../../chunk-7vnpp3ya.js";
 import"../../chunk-m4geb1s5.js";
 import"../../chunk-9ecf92s6.js";

package/dist/components/persian-calendar/index.js

@@ -11,8 +11,8 @@ import {
   getCalendarClassNames,
   CalendarDayButton2,
   CalendarDropdown
-} from "../../chunk-yrp7xtb5.js";
-import"../../chunk-xfryhw7e.js";
+} from "../../chunk-6j8ksqt9.js";
+import"../../chunk-p6z2m3zp.js";
 import {
   useAnalyticsCallback
 } from "../../chunk-5mydsjp3.js";

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

@@ -1,14 +1,14 @@
 import"../../chunk-en44w1pn.js";
 import {
   TableRow2
-} from "../../chunk-tjn53x34.js";
+} from "../../chunk-tmr0jqv8.js";
 import"../../chunk-7ny0vyek.js";
 import"../../chunk-8ssktt4b.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-x90xmrba.js";
 import"../../chunk-jpvw9xqy.js";
 import"../../chunk-bd09gygt.js";
-import"../../chunk-xfryhw7e.js";
+import"../../chunk-p6z2m3zp.js";
 import"../../chunk-7jpsybag.js";
 import"../../chunk-7vg045gd.js";
 import {
@@ -16,10 +16,10 @@ import {
   DataGridHeaderRows,
   DataGridCells2,
   DataGridColumns
-} from "../../chunk-p894n7r6.js";
+} from "../../chunk-x7emg3jx.js";
 import {
   VirtualTable2
-} from "../../chunk-k7cvfw0f.js";
+} from "../../chunk-bmyw7q4w.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-tjn53x34.js";
+import"../../chunk-tmr0jqv8.js";
 import {
   VirtualTable2
-} from "../../chunk-k7cvfw0f.js";
+} from "../../chunk-bmyw7q4w.js";
 export {
   VirtualTable2 as VirtualTable
 };

package/dist/index.js

@@ -171,7 +171,7 @@ import {
   StatusTracker2,
   DashboardLayout2,
   BillingUsage2
-} from "./chunk-zs390b72.js";
+} from "./chunk-d5pabsj2.js";
 import {
   Tabs2,
   tabsListVariants2,
@@ -186,7 +186,7 @@ import {
   useDropTarget2,
   DropTarget2,
   Kanban2
-} from "./chunk-zs4h45d8.js";
+} from "./chunk-k45r2rz0.js";
 import {
   Toolbar2,
   ToolbarButton2,
@@ -260,7 +260,7 @@ import {
   TableColumnGroup2,
   TableColumn2,
   TableCaption2
-} from "./chunk-tjn53x34.js";
+} from "./chunk-tmr0jqv8.js";
 import {
   ScrollArea2,
   ScrollBar2
@@ -406,7 +406,7 @@ import {
   SelectScrollUpButton2,
   SelectScrollDownButton2,
   OptionSelect2
-} from "./chunk-xfryhw7e.js";
+} from "./chunk-p6z2m3zp.js";
 import {
   Dialog2,
   DialogTrigger2,

package/dist/prototype.js

@@ -2051,7 +2051,7 @@ var program = new Command;
 // package.json
 var package_default = {
   name: "@alexgorbatchev/shadcn",
-  version: "0.0.53",
+  version: "0.0.54",
   description: "Sharp, monospace React components with compact and comfortable densities.",
   license: "MIT",
   repository: {

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

@@ -0,0 +1,34 @@
+# TableResponsive
+
+Story: @alexgorbatchev/shadcn/components/data-display/TableResponsive
+Source: src/components/stories/data-display/TableResponsive.stories.tsx
+
+[Full source and local helpers](https://github.com/alexgorbatchev/shadcn/blob/main/src/components/stories/data-display/TableResponsive.stories.tsx)
+
+## Public imports
+
+```tsx
+import { Table } from "@alexgorbatchev/shadcn";
+```
+
+## Default component
+
+```tsx
+Table
+```
+
+## Default render
+
+```tsx
+() => <ResponsiveTablesExample />
+```
+
+## Examples
+
+Storybook CSF excerpts. Default args and render apply unless overridden. Local helpers, fixtures, decorators, and providers may be required; these are reference excerpts, not standalone consumer modules. Interaction tests are omitted.
+
+### ContainerBoundaries
+
+```tsx
+{}
+```

package/llms/components/forms/OptionSelect.md

@@ -14,7 +14,7 @@ import { Button, OptionSelect } from "@alexgorbatchev/shadcn";
 ## Supporting imports
 
 ```tsx
-import { useState } from "react";
+import { useId, useState } from "react";
 ```
 
 ## Default component
@@ -63,6 +63,20 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
 }
 ```
 
+### DescribedTrigger
+
+```tsx
+{
+    render: function DescribedTrigger(args) {
+        const descriptionId = useId();
+        return (<>
+        <OptionSelect {...args} aria-describedby={descriptionId}/>
+        <p id={descriptionId}>Choose the runtime used for this project.</p>
+      </>);
+    }
+}
+```
+
 ### Controlled
 
 ```tsx

package/llms.txt

@@ -349,6 +349,7 @@ Generated from the public package exports and Storybook sources.
 - [StatCard](./llms/components/data-display/StatCard.md)
 - [StatusTracker](./llms/components/data-display/StatusTracker.md)
 - [Table](./llms/components/data-display/Table.md)
+- [TableResponsive](./llms/components/data-display/TableResponsive.md)
 - [Text](./llms/components/data-display/Text.md): Text renders body copy as a paragraph with semantic `size` (xs, sm, base, lg), `tone` (default, muted, faint, primary, success, warning, destructive), `weight`, and `align`. `truncate` keeps one line with an ellipsis; otherwise long words wrap. `tabular` aligns digits. Use `render={<span />}` for inline text, or another element such as `<li />` or `<time />`.
 - [VirtualDataGrid](./llms/components/data-display/VirtualDataGrid.md)
 - [VirtualTable](./llms/components/data-display/VirtualTable.md)

package/package.json

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