@alexgorbatchev/shadcn 0.0.30 → 0.0.32

package/dist/{chunk-eehfrrdz.js → chunk-tnnf8ydf.js}

@@ -20,18 +20,4 @@ function Checkbox2({ density, className, ...props }) {
   });
 }
 
-// src/components/Spinner.tsx
-import { Loader2Icon } from "lucide-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Spinner2({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx2(Loader2Icon, {
-    "data-density": density,
-    "data-slot": "spinner",
-    role: "status",
-    "aria-label": "Loading",
-    className: cn2("size-4 animate-spin", className),
-    ...props
-  });
-}
-
-export { Checkbox2, Spinner2 };
+export { Checkbox2 };

package/dist/chunk-yfr9syen.js

@@ -0,0 +1,363 @@
+import {
+  Button2
+} from "./chunk-q7p28b89.js";
+import {
+  Table2,
+  TableHeader2,
+  TableBody2,
+  TableRow2,
+  TableHead2,
+  TableCell2,
+  TableColumnGroup2,
+  TableColumn2
+} from "./chunk-zte6pw69.js";
+import {
+  NativeSelect2,
+  NativeSelectOption2
+} from "./chunk-r9qrb6b6.js";
+import {
+  Input2
+} from "./chunk-59p19t57.js";
+
+// src/components/data-grid/DataGrid.tsx
+import {
+  FlexRender,
+  columnFilteringFeature,
+  columnOrderingFeature,
+  columnResizingFeature,
+  columnSizingFeature,
+  columnVisibilityFeature,
+  createFilteredRowModel,
+  createPaginatedRowModel,
+  createSortedRowModel,
+  filterFn_includesString,
+  globalFilteringFeature,
+  rowPaginationFeature,
+  rowSelectionFeature,
+  rowSortingFeature,
+  sortFn_alphanumeric,
+  sortFn_basic,
+  tableFeatures
+} from "@tanstack/react-table";
+import { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from "lucide-react";
+import { useId } from "react";
+
+// src/components/data-grid/DataGridColumnResizer.tsx
+import { Subscribe } from "@tanstack/react-table";
+import { jsx } from "react/jsx-runtime";
+var KEYBOARD_STEP = 16;
+function DataGridColumnResizer({
+  header,
+  label
+}) {
+  const column = header.column;
+  const table = column.table;
+  const minSize = column.columnDef.minSize ?? 0;
+  const maxSize = column.columnDef.maxSize ?? Number.MAX_SAFE_INTEGER;
+  const resize = header.getResizeHandler();
+  const setSize = (size) => table.setColumnSizing((sizes) => ({ ...sizes, [column.id]: Math.min(maxSize, Math.max(minSize, size)) }));
+  const onKeyDown = (event) => {
+    const growKey = table.options.columnResizeDirection === "rtl" ? "ArrowLeft" : "ArrowRight";
+    const shrinkKey = growKey === "ArrowRight" ? "ArrowLeft" : "ArrowRight";
+    const size = column.getSize();
+    const next = event.key === growKey ? size + KEYBOARD_STEP : event.key === shrinkKey ? size - KEYBOARD_STEP : event.key === "Home" ? minSize : event.key === "End" && maxSize < Number.MAX_SAFE_INTEGER ? maxSize : undefined;
+    if (next === undefined)
+      return;
+    event.preventDefault();
+    setSize(next);
+  };
+  return /* @__PURE__ */ jsx(Subscribe, {
+    source: table.store,
+    selector: (state) => `${state.columnSizing[column.id]}:${state.columnResizing.isResizingColumn === column.id}`,
+    children: () => /* @__PURE__ */ jsx("div", {
+      role: "separator",
+      "aria-orientation": "vertical",
+      "aria-label": `Resize ${label}`,
+      "aria-valuenow": column.getSize(),
+      "aria-valuemin": minSize,
+      "aria-valuemax": maxSize < Number.MAX_SAFE_INTEGER ? maxSize : undefined,
+      tabIndex: 0,
+      "data-slot": "data-grid-column-resizer",
+      "data-resizing": column.getIsResizing() || undefined,
+      onMouseDown: resize,
+      onTouchStart: resize,
+      onDoubleClick: () => column.resetSize(),
+      onKeyDown,
+      className: "absolute inset-y-0 end-0 flex w-2 cursor-col-resize touch-none justify-center outline-none select-none after:w-px after:bg-border hover:after:bg-ring focus-visible:after:w-0.5 focus-visible:after:bg-ring data-resizing:after:bg-ring"
+    })
+  });
+}
+
+// src/components/data-grid/getDataGridColumnSizeVariables.ts
+function getDataGridColumnSizeVariables(table) {
+  return new Map(table.getAllColumns().flatMap((column) => column.getLeafColumns()).map((column, index) => [column.id, `--data-grid-column-${index}-size`]));
+}
+
+// src/components/data-grid/DataGrid.tsx
+import { jsx as jsx2, jsxs, Fragment } from "react/jsx-runtime";
+var columnMeta = {};
+var dataGridFeatures2 = tableFeatures({
+  columnFilteringFeature,
+  columnOrderingFeature,
+  columnSizingFeature,
+  columnResizingFeature,
+  columnVisibilityFeature,
+  globalFilteringFeature,
+  rowPaginationFeature,
+  rowSelectionFeature,
+  rowSortingFeature,
+  filteredRowModel: createFilteredRowModel(),
+  sortedRowModel: createSortedRowModel(),
+  paginatedRowModel: createPaginatedRowModel(),
+  filterFns: { includesString: filterFn_includesString },
+  sortFns: { alphanumeric: sortFn_alphanumeric, basic: sortFn_basic },
+  columnMeta
+});
+function getDataGridColumnLabel(column) {
+  const header = column.columnDef.header;
+  return column.columnDef.meta?.label ?? (typeof header === "string" ? header : column.id);
+}
+function getAriaSort(column) {
+  if (!column.getCanSort())
+    return;
+  const sorted = column.getIsSorted();
+  return sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none";
+}
+function DataGridHeaderCell({ header, isResizable }) {
+  const contentId = useId();
+  const meta = header.column.columnDef.meta;
+  const hasResizer = isResizable && !meta?.fill && header.column.getCanResize();
+  return /* @__PURE__ */ jsx2(TableHead2, {
+    scope: "col",
+    colSpan: header.colSpan,
+    "aria-sort": getAriaSort(header.column),
+    "aria-labelledby": hasResizer ? contentId : undefined,
+    textAlign: meta?.textAlign,
+    truncate: meta?.truncate,
+    visibleFrom: meta?.visibleFrom,
+    className: hasResizer ? "relative" : undefined,
+    children: hasResizer ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx2("span", {
+          id: contentId,
+          children: header.isPlaceholder ? null : /* @__PURE__ */ jsx2(FlexRender, {
+            header
+          })
+        }),
+        /* @__PURE__ */ jsx2(DataGridColumnResizer, {
+          header,
+          label: getDataGridColumnLabel(header.column)
+        })
+      ]
+    }) : header.isPlaceholder ? null : /* @__PURE__ */ jsx2(FlexRender, {
+      header
+    })
+  });
+}
+function DataGridHeaderRows({
+  table,
+  isResizable = false
+}) {
+  return /* @__PURE__ */ jsx2(Fragment, {
+    children: table.getHeaderGroups().map((group) => /* @__PURE__ */ jsx2(TableRow2, {
+      children: group.headers.map((header) => /* @__PURE__ */ jsx2(DataGridHeaderCell, {
+        header,
+        isResizable
+      }, header.id))
+    }, group.id))
+  });
+}
+function DataGridCells2({ row }) {
+  return /* @__PURE__ */ jsx2(Fragment, {
+    children: row.getVisibleCells().map((cell) => {
+      const meta = cell.column.columnDef.meta;
+      return /* @__PURE__ */ jsx2(TableCell2, {
+        textAlign: meta?.textAlign,
+        truncate: meta?.truncate,
+        visibleFrom: meta?.visibleFrom,
+        children: /* @__PURE__ */ jsx2(FlexRender, {
+          cell
+        })
+      }, cell.id);
+    })
+  });
+}
+function DataGridColumns({ table }) {
+  const variables = getDataGridColumnSizeVariables(table);
+  return /* @__PURE__ */ jsx2(TableColumnGroup2, {
+    children: table.getVisibleLeafColumns().map((column) => {
+      const meta = column.columnDef.meta;
+      const variable = variables.get(column.id);
+      return /* @__PURE__ */ jsx2(TableColumn2, {
+        visibleFrom: meta?.visibleFrom,
+        width: meta?.fill ? undefined : `var(${variable}, ${column.getSize()}px)`
+      }, column.id);
+    })
+  });
+}
+function DataGrid2({
+  table,
+  label,
+  toolbar,
+  empty = "No results.",
+  loading = false,
+  pagination = true,
+  density
+}) {
+  const rows = table.getRowModel().rows;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-density": density,
+    "data-scroll": "none",
+    className: "grid min-w-0 gap-3",
+    "aria-busy": loading,
+    children: [
+      toolbar,
+      /* @__PURE__ */ jsx2("div", {
+        className: "min-w-0 rounded-sm border border-border",
+        children: /* @__PURE__ */ jsxs(Table2, {
+          "aria-label": label,
+          children: [
+            /* @__PURE__ */ jsx2(TableHeader2, {
+              children: /* @__PURE__ */ jsx2(DataGridHeaderRows, {
+                table
+              })
+            }),
+            /* @__PURE__ */ jsx2(TableBody2, {
+              children: loading ? /* @__PURE__ */ jsx2(TableRow2, {
+                children: /* @__PURE__ */ jsx2(TableCell2, {
+                  colSpan: table.getVisibleLeafColumns().length,
+                  children: /* @__PURE__ */ jsxs("p", {
+                    role: "status",
+                    children: [
+                      "Loading ",
+                      label,
+                      "…"
+                    ]
+                  })
+                })
+              }) : rows.length ? rows.map((row) => /* @__PURE__ */ jsx2(TableRow2, {
+                "data-state": row.getIsSelected() ? "selected" : undefined,
+                children: /* @__PURE__ */ jsx2(DataGridCells2, {
+                  row
+                })
+              }, row.id)) : /* @__PURE__ */ jsx2(TableRow2, {
+                children: /* @__PURE__ */ jsx2(TableCell2, {
+                  colSpan: table.getVisibleLeafColumns().length,
+                  children: /* @__PURE__ */ jsx2("p", {
+                    role: "status",
+                    children: empty
+                  })
+                })
+              })
+            })
+          ]
+        })
+      }),
+      pagination && /* @__PURE__ */ jsx2(DataGridPagination2, {
+        table
+      })
+    ]
+  });
+}
+function DataGridColumnHeader2({
+  column,
+  children
+}) {
+  const sorted = column.getIsSorted();
+  return column.getCanSort() ? /* @__PURE__ */ jsxs(Button2, {
+    type: "button",
+    variant: "ghost",
+    size: "sm",
+    onClick: column.getToggleSortingHandler(),
+    children: [
+      children,
+      sorted === "asc" ? /* @__PURE__ */ jsx2(ArrowUpIcon, {
+        "aria-hidden": "true"
+      }) : sorted === "desc" ? /* @__PURE__ */ jsx2(ArrowDownIcon, {
+        "aria-hidden": "true"
+      }) : /* @__PURE__ */ jsx2(ChevronsUpDownIcon, {
+        "aria-hidden": "true"
+      })
+    ]
+  }) : /* @__PURE__ */ jsx2("span", {
+    children
+  });
+}
+function DataGridFilter2({
+  table,
+  columnId,
+  label
+}) {
+  const column = table.getColumn(columnId);
+  if (!column)
+    throw new Error(`Unknown filter column: ${columnId}`);
+  const value = column.getFilterValue();
+  return /* @__PURE__ */ jsx2(Input2, {
+    "aria-label": label,
+    placeholder: label,
+    value: typeof value === "string" ? value : "",
+    onChange: (event) => column.setFilterValue(event.target.value)
+  });
+}
+function DataGridPagination2({ table }) {
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex flex-wrap items-center justify-between gap-3 text-sm",
+    children: [
+      /* @__PURE__ */ jsxs("span", {
+        role: "status",
+        children: [
+          table.getSelectedRowModel().rows.length,
+          " selected · Page ",
+          table.state.pagination.pageIndex + 1,
+          " of",
+          " ",
+          Math.max(1, table.getPageCount())
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxs(NativeSelect2, {
+            "aria-label": "Rows per page",
+            value: table.state.pagination.pageSize,
+            onChange: (event) => table.setPageSize(Number(event.target.value)),
+            children: [
+              [10, 20, 50, 100].map((size) => /* @__PURE__ */ jsxs(NativeSelectOption2, {
+                value: size,
+                children: [
+                  size,
+                  " rows"
+                ]
+              }, size)),
+              ![10, 20, 50, 100].includes(table.state.pagination.pageSize) && /* @__PURE__ */ jsxs(NativeSelectOption2, {
+                value: table.state.pagination.pageSize,
+                children: [
+                  table.state.pagination.pageSize,
+                  " rows"
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx2(Button2, {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: !table.getCanPreviousPage(),
+            onClick: () => table.previousPage(),
+            children: "Previous"
+          }),
+          /* @__PURE__ */ jsx2(Button2, {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: !table.getCanNextPage(),
+            onClick: () => table.nextPage(),
+            children: "Next"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+export { getDataGridColumnSizeVariables, dataGridFeatures2, getDataGridColumnLabel, DataGridHeaderRows, DataGridCells2, DataGridColumns, DataGrid2, DataGridColumnHeader2, DataGridFilter2, DataGridPagination2 };

package/dist/{chunk-53q730zs.js → chunk-zdt8xxzy.js}

@@ -9,6 +9,9 @@ var alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-sm bor
   variants: {
     variant: {
       default: "bg-card text-card-foreground",
+      success: "bg-success text-success-foreground *:data-[slot=alert-description]:text-success-foreground",
+      warning: "bg-warning text-warning-foreground *:data-[slot=alert-description]:text-warning-foreground",
+      info: "bg-card text-primary *:data-[slot=alert-description]:text-primary/90",
       destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
     }
   },

package/dist/components/Alert.d.ts

@@ -2,7 +2,7 @@ import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AlertProps = ComponentProps<"div"> & VariantProps<typeof alertVariants> & IDensityProps;
 declare function Alert({ density, className, variant, ...props }: AlertProps): ReactElement;

package/dist/components/Table.d.ts

@@ -34,3 +34,4 @@ declare function TableColumn({ className, style, visibleFrom, width, ...props }:
 type TableCaptionProps = ComponentProps<"caption"> & IDensityProps;
 declare function TableCaption({ density, className, ...props }: TableCaptionProps): ReactElement;
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableColumnGroup, TableColumn, };
+export type { TableTextAlign, TableVisibility };

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

@@ -1,8 +1,8 @@
 import {
   Chart2
-} from "../../../chunk-0ewzb2ax.js";
+} from "../../../chunk-0kyfh857.js";
 import"../../../chunk-bygq5yqf.js";
-import"../../../chunk-82e7fbmq.js";
+import"../../../chunk-9vyg3854.js";
 import"../../../chunk-jpvw9xqy.js";
 import"../../../chunk-e6hk39ev.js";
 import"../../../chunk-cp2m7y7v.js";

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

@@ -1,7 +1,7 @@
 import {
   GuardrailNotice2
-} from "../../../chunk-8wfy03bp.js";
-import"../../../chunk-53q730zs.js";
+} from "../../../chunk-6kwf9644.js";
+import"../../../chunk-zdt8xxzy.js";
 import"../../../chunk-q7p28b89.js";
 import"../../../chunk-cp2m7y7v.js";
 export {

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

@@ -1,9 +1,10 @@
 import {
   OptionList2
-} from "../../../chunk-g238nezp.js";
+} from "../../../chunk-pg9rhbgm.js";
 import"../../../chunk-71efbr5n.js";
 import"../../../chunk-vxvaaptq.js";
-import"../../../chunk-eehfrrdz.js";
+import"../../../chunk-1xncv9gb.js";
+import"../../../chunk-tnnf8ydf.js";
 import"../../../chunk-q7p28b89.js";
 import"../../../chunk-cp2m7y7v.js";
 export {

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

@@ -1,10 +1,11 @@
 import {
   QuestionFlow2
-} from "../../../chunk-5da3rzn5.js";
-import"../../../chunk-g238nezp.js";
+} from "../../../chunk-s0typ7hv.js";
+import"../../../chunk-pg9rhbgm.js";
 import"../../../chunk-71efbr5n.js";
 import"../../../chunk-vxvaaptq.js";
-import"../../../chunk-eehfrrdz.js";
+import"../../../chunk-1xncv9gb.js";
+import"../../../chunk-tnnf8ydf.js";
 import"../../../chunk-q7p28b89.js";
 import"../../../chunk-cp2m7y7v.js";
 export {

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

@@ -47,11 +47,11 @@ import {
   CanvasSplitBody2,
   CanvasSplitLine2
 } from "../../chunk-vf1rsqpk.js";
-import"../../chunk-82e7fbmq.js";
+import"../../chunk-9vyg3854.js";
 import"../../chunk-jpvw9xqy.js";
 import {
   Chart2
-} from "../../chunk-0ewzb2ax.js";
+} from "../../chunk-0kyfh857.js";
 import"../../chunk-59p19t57.js";
 import"../../chunk-hz9azhzx.js";
 import"../../chunk-57jj9v64.js";
@@ -292,10 +292,10 @@ import {
 import {
   GitHubIcon2
 } from "../../chunk-4bjqbky7.js";
-import"../../chunk-53q730zs.js";
+import"../../chunk-zdt8xxzy.js";
 import {
   GuardrailNotice2
-} from "../../chunk-8wfy03bp.js";
+} from "../../chunk-6kwf9644.js";
 import {
   ImageRoot2,
   ImagePreview2,
@@ -423,13 +423,14 @@ import {
 import {
   OpenAILogo2
 } from "../../chunk-pa07b92f.js";
-import"../../chunk-eehfrrdz.js";
+import"../../chunk-1xncv9gb.js";
+import"../../chunk-tnnf8ydf.js";
 import {
   OptionText2
 } from "../../chunk-71efbr5n.js";
 import {
   OptionList2
-} from "../../chunk-g238nezp.js";
+} from "../../chunk-pg9rhbgm.js";
 import {
   PermissionGrant2
 } from "../../chunk-726x26pk.js";
@@ -438,7 +439,7 @@ import {
 } from "../../chunk-dvmxyk3q.js";
 import {
   QuestionFlow2
-} from "../../chunk-5da3rzn5.js";
+} from "../../chunk-s0typ7hv.js";
 import {
   QuotaBanner2
 } from "../../chunk-bsff5mmk.js";

package/dist/components/assistant-ui/native/Sources.d.ts

@@ -7,7 +7,7 @@ type SourceIconContract = ComponentProps<"span"> & {
     faviconUrl?: ((domain: string) => string) | undefined;
 };
 export declare const sourceVariants: (props?: ({
-    variant?: "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "muted" | "info" | null | undefined;
+    variant?: "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "info" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const SourceIcon: import("react").ForwardRefExoticComponent<Omit<SourceIconContract, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;