@stackframe/stack-ui 2.6.28 → 2.6.30

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @stackframe/stack-ui
 
+## 2.6.30
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.30
+
+## 2.6.29
+
+### Patch Changes
+
+- Bugfixes
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.29
+
 ## 2.6.28
 
 ### Patch Changes

package/dist/components/action-dialog.d.ts

@@ -1,6 +1,6 @@
-import { Button } from '..';
 import { LucideIcon } from "lucide-react";
 import React from "react";
+import { Button } from '..';
 export type ActionDialogProps = {
     trigger?: React.ReactNode;
     open?: boolean;

package/dist/components/action-dialog.js

@@ -1,8 +1,8 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label } from '..';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CircleAlert, Info } from "lucide-react";
-import React, { useId } from "react";
+import React, { Suspense, useId } from "react";
+import { Alert, Button, Checkbox, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Label, Skeleton } from '..';
 export function ActionDialog(props) {
     const okButton = props.okButton === true ? {} : props.okButton;
     const cancelButton = props.cancelButton === true ? {} : props.cancelButton;
@@ -25,7 +25,7 @@ export function ActionDialog(props) {
         setOpenState(open);
         props.onOpenChange?.(open);
     };
-    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [props.trigger && _jsx(DialogTrigger, { asChild: true, children: props.trigger }), _jsxs(DialogContent, { onInteractOutside: props.preventClose ? (e) => e.preventDefault() : undefined, className: props.preventClose ? "[&>button]:hidden" : "", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center", children: [_jsx(TitleIcon, { className: "h-4 w-4 mr-2" }), title] }), _jsx(DialogDescription, { children: props.description })] }), _jsxs(DialogBody, { className: "pb-2", children: [_jsx("div", { children: props.children }), props.confirmText && _jsx(Alert, { children: _jsxs(Label, { className: "flex gap-4 items-center", children: [_jsx(Checkbox, { id: confirmId, checked: confirmed, onCheckedChange: (v) => setConfirmed(!!v) }), props.confirmText] }) })] }), anyButton && _jsxs(DialogFooter, { className: "gap-2", children: [cancelButton && (_jsx(Button, { variant: "secondary", color: "neutral", onClick: async () => {
+    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [props.trigger && _jsx(DialogTrigger, { asChild: true, children: props.trigger }), _jsxs(DialogContent, { onInteractOutside: props.preventClose ? (e) => e.preventDefault() : undefined, className: props.preventClose ? "[&>button]:hidden" : "", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center", children: [_jsx(TitleIcon, { className: "h-4 w-4 mr-2" }), title] }), _jsx(DialogDescription, { children: props.description })] }), _jsxs(DialogBody, { className: "pb-2", children: [_jsx("div", { children: _jsx(Suspense, { fallback: _jsxs(_Fragment, { children: [_jsx(Skeleton, { className: 'h-9 w-2/3 self-center' }), _jsx(Skeleton, { className: 'h-3 w-16 mt-8' }), _jsx(Skeleton, { className: 'h-9 w-full mt-1' }), _jsx(Skeleton, { className: 'h-3 w-24 mt-2' }), _jsx(Skeleton, { className: 'h-9 w-full mt-1' }), _jsx(Skeleton, { className: 'h-9 w-full mt-6' })] }), children: props.children }) }), props.confirmText && _jsx(Alert, { children: _jsxs(Label, { className: "flex gap-4 items-center", children: [_jsx(Checkbox, { id: confirmId, checked: confirmed, onCheckedChange: (v) => setConfirmed(!!v) }), props.confirmText] }) })] }), anyButton && _jsxs(DialogFooter, { className: "gap-2", children: [cancelButton && (_jsx(Button, { variant: "secondary", color: "neutral", onClick: async () => {
                                     if (await cancelButton.onClick?.() !== "prevent-close") {
                                         onOpenChange(false);
                                     }

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

@@ -1,4 +1,6 @@
 import React from "react";
 export declare const Spinner: React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    size?: number | undefined;
+} & {
     ref?: React.Ref<HTMLSpanElement> | undefined;
 }>;

package/dist/components/ui/spinner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ReloadIcon } from "@radix-ui/react-icons";
 import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
-export const Spinner = forwardRefIfNeeded((props, ref) => {
-    return (_jsx("span", { ref: ref, ...props, children: _jsx(ReloadIcon, { className: "animate-spin" }) }));
+export const Spinner = forwardRefIfNeeded(({ size = 15, ...props }, ref) => {
+    return (_jsx("span", { ref: ref, ...props, children: _jsx(ReloadIcon, { className: "animate-spin", width: size, height: size }) }));
 });
 Spinner.displayName = "Spinner";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.6.28",
+  "version": "2.6.30",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -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.6.28"
+    "@stackframe/stack-shared": "2.6.30"
   },
   "devDependencies": {
     "rimraf": "^5.0.10",