@factorialco/f0-react 1.306.4 → 1.307.0

package/dist/f0.d.ts

@@ -728,6 +728,10 @@ export declare type ButtonToggleSize = (typeof buttonToggleSizes)[number];
 
 export declare const buttonToggleSizes: readonly ["sm", "md", "lg"];
 
+export declare type ButtonToggleVariant = (typeof buttonToggleVariants)[number];
+
+export declare const buttonToggleVariants: readonly ["compact", "expanded"];
+
 declare type ButtonType = (typeof buttonTypes)[number];
 
 declare const buttonTypes: readonly ["button", "submit", "reset"];
@@ -2262,15 +2266,7 @@ export declare type F0ButtonProps = Omit<ButtonInternalProps, (typeof privatePro
 
 export declare const F0ButtonToggle: ForwardRefExoticComponent<F0ButtonToggleProps & RefAttributes<HTMLButtonElement>>;
 
-export declare interface F0ButtonToggleProps {
-    /**
-     * Whether the button is in selected/active state.
-     */
-    selected?: boolean;
-    /**
-     * Callback fired when the button is selected.
-     */
-    onSelectedChange?: (selected: boolean) => void;
+declare type F0ButtonToggleInternalProps = {
     /**
      * The accessible label for the button.
      */
@@ -2288,7 +2284,29 @@ export declare interface F0ButtonToggleProps {
      * @default "md"
      */
     size?: ButtonToggleSize;
-}
+    /**
+     * The variant of the button.
+     * @default "compact"
+     * "compact" - The button will only show the icon.
+     * "expanded" - The button will show the icon and the label.
+     */
+    variant?: ButtonToggleVariant;
+    /**
+     * @private
+     * Whether to show a border around the button toggle.
+     */
+    withBorder?: boolean;
+} & ({
+    selected: boolean;
+    onSelectedChange: (selected: boolean) => void;
+    defaultSelected?: undefined;
+} | {
+    defaultSelected?: boolean;
+    selected?: undefined;
+    onSelectedChange?: undefined;
+});
+
+export declare type F0ButtonToggleProps = Omit<F0ButtonToggleInternalProps, (typeof privateProps_2)[number]>;
 
 export declare const F0Card: ForwardRefExoticComponent<F0CardProps & RefAttributes<HTMLDivElement>> & {
     Skeleton: ({ compact }: {
@@ -2296,7 +2314,7 @@ export declare const F0Card: ForwardRefExoticComponent<F0CardProps & RefAttribut
     }) => JSX_2.Element;
 };
 
-export declare type F0CardProps = Omit<CardInternalProps, (typeof privateProps_2)[number]>;
+export declare type F0CardProps = Omit<CardInternalProps, (typeof privateProps_3)[number]>;
 
 /**
  * @experimental This is an experimental component use it at your own risk
@@ -3535,7 +3553,9 @@ export declare const PrivacyModeProvider: React_2.FC<{
 
 declare const privateProps: readonly ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style"];
 
-declare const privateProps_2: readonly ["forceVerticalMetadata", "disableOverlayLink"];
+declare const privateProps_2: readonly ["withBorder"];
+
+declare const privateProps_3: readonly ["forceVerticalMetadata", "disableOverlayLink"];
 
 export declare const ProductBlankslate: ForwardRefExoticComponent<ProductBlankslateProps & RefAttributes<HTMLDivElement>>;
 
@@ -4700,23 +4720,6 @@ declare global {
     }
 }
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-    }
-}
-
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -4744,6 +4747,23 @@ declare module "@tiptap/core" {
     }
 }
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
 
 declare namespace Calendar {
     var displayName: string;