@stackframe/stack-ui 2.6.33 → 2.6.36

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @stackframe/stack-ui
 
+## 2.6.36
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.36
+
+## 2.6.35
+
+### Patch Changes
+
+- Bugfixes
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.35
+
+## 2.6.34
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackframe/stack-shared@2.6.34
+
 ## 2.6.33
 
 ### Patch Changes

package/dist/components/copy-button.d.ts

@@ -1,5 +1,13 @@
 import React from "react";
-declare const CopyButton: React.FC<import("./ui/button").ButtonProps & {
+declare const CopyButton: React.FC<{
+    onClick?: ((e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>) | undefined;
+    loading?: boolean | undefined;
+} & {
+    asChild?: boolean | undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & import("class-variance-authority").VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     ref?: React.Ref<HTMLButtonElement> | undefined;
 } & {
     content: string;

package/dist/components/data-table/column-header.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Column } from "@tanstack/react-table";
-interface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {
+type DataTableColumnHeaderProps<TData, TValue> = {
     column: Column<TData, TValue>;
     columnTitle: React.ReactNode;
-}
+} & React.HTMLAttributes<HTMLDivElement>;
 export declare function DataTableColumnHeader<TData, TValue>({ column, columnTitle, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table/faceted-filter.d.ts

@@ -1,6 +1,6 @@
 import { Column } from "@tanstack/react-table";
 import React from "react";
-interface DataTableFacetedFilterProps<TData, TValue> {
+type DataTableFacetedFilterProps<TData, TValue> = {
     column?: Column<TData, TValue>;
     title?: string;
     options: {
@@ -10,6 +10,6 @@ interface DataTableFacetedFilterProps<TData, TValue> {
             className?: string;
         }>;
     }[];
-}
+};
 export declare function DataTableFacetedFilter<TData, TValue>({ column, title, options, }: DataTableFacetedFilterProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table/pagination.d.ts

@@ -1,6 +1,6 @@
 import { Table } from "@tanstack/react-table";
-interface DataTablePaginationProps<TData> {
+type DataTablePaginationProps<TData> = {
     table: Table<TData>;
-}
+};
 export declare function DataTablePagination<TData>({ table, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table/toolbar.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { ColumnFiltersState, SortingState, Table } from "@tanstack/react-table";
-interface DataTableToolbarProps<TData> {
+type DataTableToolbarProps<TData> = {
     table: Table<TData>;
     toolbarRender?: (table: Table<TData>) => React.ReactNode;
     showDefaultToolbar?: boolean;
     defaultColumnFilters: ColumnFiltersState;
     defaultSorting: SortingState;
-}
+};
 export declare function DataTableToolbar<TData>({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table/view-options.d.ts

@@ -1,6 +1,6 @@
 import { Table } from "@tanstack/react-table";
-interface DataTableViewOptionsProps<TData> {
+type DataTableViewOptionsProps<TData> = {
     table: Table<TData>;
-}
+};
 export declare function DataTableViewOptions<TData>({ table, }: DataTableViewOptionsProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,12 @@
-import React from "react";
 import { type VariantProps } from "class-variance-authority";
+import React from "react";
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare const Badge: React.FC<BadgeProps & {
+export type BadgeProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
+declare const Badge: React.FC<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }>;
 export { Badge, badgeVariants };

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

@@ -1,17 +1,25 @@
-import React from "react";
 import { type VariantProps } from "class-variance-authority";
+import React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface OriginalButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+export type OriginalButtonProps = {
     asChild?: boolean;
-}
-interface ButtonProps extends OriginalButtonProps {
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
+type ButtonProps = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
     loading?: boolean;
-}
-declare const Button: React.FC<ButtonProps & {
+} & OriginalButtonProps;
+declare const Button: React.FC<{
+    onClick?: ((e: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>) | undefined;
+    loading?: boolean | undefined;
+} & {
+    asChild?: boolean | undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     ref?: React.Ref<HTMLButtonElement> | undefined;
 }>;
-export { Button, buttonVariants, ButtonProps };
+export { Button, ButtonProps, buttonVariants };

package/dist/components/ui/button.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { Slot } from "@radix-ui/react-slot";
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { useAsyncCallback } from "@stackframe/stack-shared/dist/hooks/use-async-callback";
 import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { cn } from "../../lib/utils";
 import { Spinner } from "./spinner";
-import { useAsyncCallback } from "@stackframe/stack-shared/dist/hooks/use-async-callback";
 const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
     variants: {
         variant: {

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

@@ -2,8 +2,7 @@ import React from "react";
 import { type DialogProps } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
 declare const Command: React.FC<React.ComponentPropsWithoutRef<typeof CommandPrimitive>>;
-interface CommandDialogProps extends DialogProps {
-}
+type CommandDialogProps = {} & DialogProps;
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
 declare const CommandInput: React.FC<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>>;
 declare const CommandList: React.FC<React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>>;

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

@@ -1,13 +1,19 @@
 import React from "react";
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export type InputProps = {
     prefixItem?: React.ReactNode;
-}
-export declare const Input: React.FC<InputProps & {
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const Input: React.FC<{
+    prefixItem?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & {
     ref?: React.Ref<HTMLInputElement> | undefined;
 }>;
-export interface DelayedInputProps extends InputProps {
+export type DelayedInputProps = {
     delay?: number;
-}
-export declare const DelayedInput: React.FC<DelayedInputProps & {
+} & InputProps;
+export declare const DelayedInput: React.FC<{
+    delay?: number | undefined;
+} & {
+    prefixItem?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & {
     ref?: React.Ref<HTMLInputElement> | undefined;
 }>;

package/dist/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
 import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
+import React from "react";
 import { cn } from "../../lib/utils";
 export const Input = forwardRefIfNeeded(({ className, type, prefixItem, ...props }, ref) => {
     const baseClasses = "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";

package/dist/components/ui/password-input.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { InputProps } from "./input";
-declare const PasswordInput: import("react").FC<InputProps & {
+declare const PasswordInput: import("react").FC<{
+    prefixItem?: import("react").ReactNode;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & {
     ref?: import("react").Ref<HTMLInputElement> | undefined;
 }>;
 export { PasswordInput };

package/dist/components/ui/radio-group.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import React from "react";
 declare const RadioGroup: React.FC<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }>;

package/dist/components/ui/radio-group.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { CheckIcon } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
 import { cn } from "../../lib/utils";
 const RadioGroup = forwardRefIfNeeded(({ className, ...props }, ref) => {
     return (_jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref: ref }));

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

@@ -8,13 +8,11 @@ declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.FC<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }>;
-declare const sheetVariants: (props?: ({
+declare const SheetContent: React.FC<{
+    hasCloseButton?: boolean | undefined;
+} & Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
-    hasCloseButton?: boolean;
-}
-declare const SheetContent: React.FC<SheetContentProps & {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }>;
 declare const SheetHeader: {

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

@@ -1,13 +1,10 @@
 import React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-interface OriginalSwitchProps extends React.ComponentProps<typeof SwitchPrimitives.Root> {
-}
-interface AsyncSwitchProps extends OriginalSwitchProps {
-    onCheckedChange?: (checked: boolean) => Promise<void> | void;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
-    loading?: boolean;
-}
-declare const Switch: React.FC<AsyncSwitchProps & {
+declare const Switch: React.FC<{
+    onCheckedChange?: ((checked: boolean) => Promise<void> | void) | undefined;
+    onClick?: ((e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void) | undefined;
+    loading?: boolean | undefined;
+} & SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement> & {
     ref?: React.Ref<HTMLButtonElement> | undefined;
 }>;
 export { Switch };

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

@@ -1,7 +1,6 @@
 import React from "react";
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-}
-declare const Textarea: React.FC<TextareaProps & {
+export type TextareaProps = {} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const Textarea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     ref?: React.Ref<HTMLTextAreaElement> | undefined;
 }>;
 export { Textarea };

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

@@ -1,12 +1,9 @@
 import { type VariantProps } from "class-variance-authority";
 import React from "react";
-declare const typographyVariants: (props?: ({
+declare const Typography: React.FC<React.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
     type?: "h1" | "h2" | "h3" | "h4" | "label" | "p" | "footnote" | null | undefined;
     variant?: "destructive" | "secondary" | "success" | "primary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface TypographyProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof typographyVariants> {
-}
-declare const Typography: React.FC<TypographyProps & {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     ref?: React.Ref<HTMLHeadingElement> | undefined;
 }>;
 export { Typography };

package/dist/components/ui/use-toast.d.ts

@@ -26,9 +26,9 @@ type Action = {
     type: ActionType["REMOVE_TOAST"];
     toastId?: ToasterToast["id"];
 };
-interface State {
+type State = {
     toasts: ToasterToast[];
-}
+};
 export declare const reducer: (state: State, action: Action) => State;
 type Toast = Omit<ToasterToast, "id">;
 declare function toast({ ...props }: Toast): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack-ui",
-  "version": "2.6.33",
+  "version": "2.6.36",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -76,12 +76,14 @@
     "react-hook-form": "^7.53.1",
     "react-resizable-panels": "^2.1.6",
     "tailwind-merge": "^2.5.4",
-    "@stackframe/stack-shared": "2.6.33"
+    "@stackframe/stack-shared": "2.6.36"
   },
   "devDependencies": {
     "rimraf": "^5.0.10",
     "react": "^18.2",
     "react-dom": "^18.2",
+    "@types/react": "^18.2.12",
+    "@types/react-dom": "^18.2.12",
     "next": "^14.1.0"
   },
   "scripts": {