@stackframe/stack-ui 2.7.23 → 2.7.26

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @stackframe/stack-ui
 
+## 2.7.26
+
+### Patch Changes
+
+- Various changes
+- Updated dependencies
+  - @stackframe/stack-shared@2.7.26
+
+## 2.7.25
+
+### Patch Changes
+
+- Various changes
+  - @stackframe/stack-shared@2.7.25
+
+## 2.7.24
+
+### Patch Changes
+
+- @stackframe/stack-shared@2.7.24
+
 ## 2.7.23
 
 ### Patch Changes

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "../..";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@stackframe/stack-ui";
-import { EyeOff, ArrowUp, ArrowDown } from "lucide-react";
+import { ArrowDown, ArrowUp } from "lucide-react";
+import { cn } from "../../lib/utils";
 function Item(props) {
     return (_jsx(DropdownMenuItem, { onClick: props.onClick, children: _jsxs("div", { className: "flex items-center", children: [_jsx(props.icon, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }), props.children] }) }));
 }
 export function DataTableColumnHeader({ column, columnTitle, className, }) {
-    return (_jsx("div", { className: cn("flex items-center space-x-2", className), children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[state=open]:bg-accent", children: [_jsx("span", { children: columnTitle }), column.getIsSorted() === "desc" ? (_jsx(ArrowDown, { className: "ml-2 h-4 w-4" })) : column.getIsSorted() === "asc" ? (_jsx(ArrowUp, { className: "ml-2 h-4 w-4" })) : null] }) }), _jsxs(DropdownMenuContent, { align: "start", className: "stack-scope", children: [column.getCanSort() && (_jsxs(_Fragment, { children: [_jsx(Item, { icon: ArrowUp, onClick: () => column.toggleSorting(false), children: "Asc" }), _jsx(Item, { icon: ArrowDown, onClick: () => column.toggleSorting(true), children: "Desc" })] })), _jsx(Item, { icon: EyeOff, onClick: () => column.toggleVisibility(false), children: "Hide" })] })] }) }));
+    return (_jsx("div", { className: cn("flex items-center space-x-2", className), children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: cn("-ml-3 h-8 data-[state=open]:bg-accent", !column.getCanSort() && "pointer-events-none"), children: [_jsx("span", { children: columnTitle }), column.getIsSorted() === "desc" ? (_jsx(ArrowDown, { className: "ml-2 h-4 w-4" })) : column.getIsSorted() === "asc" ? (_jsx(ArrowUp, { className: "ml-2 h-4 w-4" })) : null] }) }), _jsxs(DropdownMenuContent, { align: "start", className: "stack-scope", children: [_jsx(Item, { icon: ArrowUp, onClick: () => column.toggleSorting(false), children: "Asc" }), _jsx(Item, { icon: ArrowDown, onClick: () => column.toggleSorting(true), children: "Desc" })] })] }) }));
 }

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "../..";
 import { CheckIcon } from "@radix-ui/react-icons";
 import { Badge, Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Popover, PopoverContent, PopoverTrigger, Separator } from "@stackframe/stack-ui";
 import { ListFilter } from "lucide-react";
+import { cn } from "../../lib/utils";
 export function DataTableFacetedFilter({ column, title, options, }) {
     const facets = column?.getFacetedUniqueValues();
     const selectedValues = new Set(column?.getFilterValue());

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

@@ -1,9 +1,6 @@
 declare const Card: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
     ref?: import("react").Ref<HTMLDivElement> | undefined;
 }>;
-declare const ClickableCard: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
-}>;
 declare const CardHeader: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
     ref?: import("react").Ref<HTMLDivElement> | undefined;
 }>;
@@ -22,4 +19,4 @@ declare const CardSubtitle: import("react").FC<import("react").HTMLAttributes<HT
 declare const CardFooter: import("react").FC<import("react").HTMLAttributes<HTMLDivElement> & {
     ref?: import("react").Ref<HTMLDivElement> | undefined;
 }>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardSubtitle, CardTitle, ClickableCard };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardSubtitle, CardTitle };

package/dist/components/ui/card.js

@@ -3,8 +3,6 @@ import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { cn } from "../../lib/utils";
 const Card = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow-sm", className), ...props })));
 Card.displayName = "Card";
-const ClickableCard = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow-sm cursor-pointer hover:border-[color:var(--primary)] ease-in-out", className), ...props })));
-ClickableCard.displayName = "ClickableCard";
 const CardHeader = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6 pb-0", className), ...props })));
 CardHeader.displayName = "CardHeader";
 const CardTitle = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("font-semibold leading-none tracking-tight capitalize", className), ...props })));
@@ -16,4 +14,4 @@ CardContent.displayName = "CardContent";
 const CardSubtitle = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("h4", { ref: ref, className: cn("text-sm text-muted-foreground font-bold", className), ...props })));
 const CardFooter = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
 CardFooter.displayName = "CardFooter";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardSubtitle, CardTitle, ClickableCard };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardSubtitle, CardTitle };

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

@@ -4,6 +4,8 @@ declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React.FC<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    loading?: boolean | undefined;
+} & {
     ref?: React.Ref<HTMLButtonElement> | undefined;
 }>;
 declare const SelectScrollUpButton: React.FC<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & {

package/dist/components/ui/select.js

@@ -7,7 +7,7 @@ import { cn } from "../../lib/utils";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = forwardRefIfNeeded(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })] })));
+const SelectTrigger = forwardRefIfNeeded(({ className, children, loading, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", loading && "cursor-wait", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: loading ? (_jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-50" })) : (_jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" })) })] })));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectScrollUpButton = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, {}) })));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;

package/dist/components/ui/skeleton.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../..";
+import { cn } from "../../lib/utils";
 function Skeleton({ className, ...props }) {
     return (_jsx("div", { className: cn("animate-pulse rounded-md bg-primary/10", className), ...props }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.7.23",
+  "version": "2.7.26",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
@@ -76,7 +76,7 @@
     "react-hook-form": "^7.53.1",
     "react-resizable-panels": "^2.1.6",
     "tailwind-merge": "^2.5.4",
-    "@stackframe/stack-shared": "2.7.23"
+    "@stackframe/stack-shared": "2.7.26"
   },
   "devDependencies": {
     "@types/react": "^18.2.12",