@firecms/ui 3.0.0-canary.7 → 3.0.0-canary.9

package/README.md

@@ -82,7 +82,7 @@ data.
 
 ### ✨ Robust Forms
 
-![fields](https://firecms.co/img/post_editing.webp)
+![fields](https://firecms.co/img/form_editing.webp)
 
 When editing an entity, FireCMS offers a nested system of side dialogs for
 navigating through **subcollections** and accessing custom views (such as custom

package/dist/components/Button.d.ts

@@ -3,7 +3,7 @@ export type ButtonProps<P extends React.ElementType> = Omit<(P extends "button"
     variant?: "filled" | "outlined" | "text";
     disabled?: boolean;
     color?: "primary" | "secondary" | "text" | "error";
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | "xl" | "2xl";
     startIcon?: React.ReactNode;
     fullWidth?: boolean;
     className?: string;

package/dist/components/Card.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-export declare function Card({ children, style, onClick, className }: {
+type CardProps = {
     children: React.ReactNode;
     style?: React.CSSProperties;
     onClick?: () => void;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+};
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export { Card };

package/dist/components/CenteredView.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-export declare function CenteredView({ children, maxWidth, className }: {
+export declare function CenteredView({ children, maxWidth, className, fullScreen }: {
     children: React.ReactNode;
     maxWidth?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
     className?: string;
+    fullScreen?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox.d.ts

@@ -3,7 +3,7 @@ interface CheckboxProps {
     disabled?: boolean;
     indeterminate?: boolean;
     onCheckedChange?: (checked: boolean) => void;
-    size?: "small" | "medium" | "large";
+    size?: "tiny" | "small" | "medium" | "large";
     color?: "primary" | "secondary";
 }
 export declare const Checkbox: ({ checked, indeterminate, disabled, size, onCheckedChange, color }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip.d.ts

@@ -8,7 +8,7 @@ export type ChipColorKey = keyof typeof CHIP_COLORS;
 export interface ChipProps {
     className?: string;
     children: React.ReactNode;
-    size?: "smaller" | "small" | "medium";
+    size?: "tiny" | "small" | "medium";
     colorScheme?: ChipColorScheme | ChipColorKey;
     error?: boolean;
     outlined?: boolean;

package/dist/components/Dialog.d.ts

@@ -10,6 +10,7 @@ export type DialogProps = {
     scrollable?: boolean;
     maxWidth?: keyof typeof widthClasses;
     modal?: boolean;
+    onOpenAutoFocus?: (e: Event) => void;
 };
 declare const widthClasses: {
     xs: string;
@@ -25,5 +26,5 @@ declare const widthClasses: {
     "7xl": string;
     full: string;
 };
-export declare const Dialog: ({ open, onOpenChange, children, className, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ open, onOpenChange, children, className, fullWidth, fullHeight, fullScreen, scrollable, maxWidth, modal, onOpenAutoFocus }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/components/Tooltip.d.ts

@@ -3,6 +3,7 @@ export type TooltipProps = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
     sideOffset?: number;
     title?: string | React.ReactNode;
     delayDuration?: number;
@@ -11,4 +12,4 @@ export type TooltipProps = {
     children: React.ReactNode;
     style?: React.CSSProperties;
 };
-export declare const Tooltip: ({ open, side, delayDuration, sideOffset, onOpenChange, title, className, style, tooltipClassName, children }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ open, side, delayDuration, sideOffset, align, onOpenChange, title, className, style, tooltipClassName, children }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -20,11 +20,13 @@ export * from "./FileUpload";
 export * from "./IconButton";
 export * from "./InputLabel";
 export * from "./InfoLabel";
+export * from "./Label";
 export * from "./LoadingButton";
 export * from "./Markdown";
 export * from "./Menu";
 export * from "./MultiSelect";
 export * from "./Paper";
+export * from "./RadioGroup";
 export * from "./SearchBar";
 export * from "./Select";
 export * from "./Separator";