@factorialco/f0-react 1.353.0 → 1.355.0

package/dist/f0.d.ts

@@ -1,14 +1,14 @@
 import { AgentState } from '@livekit/components-react';
 import { AIMessage } from '@copilotkit/shared';
-import { AlertTagCellValue } from '../../value-display/types/alertTag';
+import { AlertTagCellValue } from '../../../ui/value-display/types/alertTag';
 import { AlertTagCellValue as AlertTagCellValue_2 } from './types/alertTag';
-import { AmountCellValue } from '../../value-display/types/amount';
+import { AmountCellValue } from '../../../ui/value-display/types/amount';
 import { AmountCellValue as AmountCellValue_2 } from './types/amount';
 import { AnchorHTMLAttributes } from 'react';
 import { AriaAttributes } from 'react';
 import { AssistantMessageProps } from '@copilotkit/react-ui';
 import { AutoFill as AutoFill_2 } from 'react';
-import { AvatarListCellValue } from '../../value-display/types/avatarList';
+import { AvatarListCellValue } from '../../../ui/value-display/types/avatarList';
 import { AvatarListCellValue as AvatarListCellValue_2 } from './types/avatarList';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { AvatarProps as AvatarProps_2 } from '@radix-ui/react-avatar';
@@ -21,7 +21,7 @@ import { ChartConfig } from '../../ui/chart';
 import { ChartConfig as ChartConfig_2 } from './utils/types';
 import { ChartPropsBase } from './utils/types';
 import { ClassValue } from 'cva';
-import { CompanyCellValue } from '../../value-display/types/company';
+import { CompanyCellValue } from '../../../ui/value-display/types/company';
 import { CompanyCellValue as CompanyCellValue_2 } from './types/company';
 import { ComponentProps } from 'react';
 import { ComponentType } from 'react';
@@ -29,20 +29,20 @@ import { Context } from 'react';
 import { CopilotKitProps } from '@copilotkit/react-core';
 import { CountryCellValue } from './types/country';
 import { DashboardProps as DashboardProps_2 } from './Dashboard';
-import { DateCellValue } from '../../value-display/types/date';
+import { DateCellValue } from '../../../ui/value-display/types/date';
 import { DateCellValue as DateCellValue_2 } from './types/date';
 import { DateFilterOptions } from './DateFilter/DateFilter';
 import { default as default_2 } from 'react';
-import { DotTagCellValue } from '../../value-display/types/dotTag';
+import { DotTagCellValue } from '../../../ui/value-display/types/dotTag';
 import { DotTagCellValue as DotTagCellValue_2 } from './types/dotTag';
 import { F0DialogInternalProps } from './internal-types';
 import { F0GridStackProps as F0GridStackProps_2 } from './F0GridStack';
 import { F0SelectProps as F0SelectProps_2 } from './types';
 import { f1Colors } from '@factorialco/f0-core';
 import { FC } from 'react';
-import { FileCellValue } from '../../value-display/types/file';
+import { FileCellValue } from '../../../ui/value-display/types/file';
 import { FileCellValue as FileCellValue_2 } from './types/file';
-import { FolderCellValue } from '../../value-display/types/folder';
+import { FolderCellValue } from '../../../ui/value-display/types/folder';
 import { FolderCellValue as FolderCellValue_2 } from './types/folder';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -67,7 +67,7 @@ import { LocalAudioTrack } from 'livekit-client';
 import { LongTextCellValue } from './types/longText';
 import { Message } from '@copilotkit/shared';
 import { MessagesProps } from '@copilotkit/react-ui';
-import { NumberCellValue } from '../../value-display/types/number';
+import { NumberCellValue } from '../../../ui/value-display/types/number';
 import { NumberCellValue as NumberCellValue_2 } from './types/number';
 import { NumberFilterOptions } from './NumberFilter/NumberFilter';
 import { Observable } from 'zen-observable-ts';
@@ -75,11 +75,11 @@ import { PageLayoutBlockComponent as PageLayoutBlockComponent_2 } from './types'
 import { PageLayoutGroupComponent as PageLayoutGroupComponent_2 } from '../Layout';
 import { PageProps } from './pages/Page';
 import { PercentageCellValue } from './types/percentage';
-import { PersonCellValue } from '../../value-display/types/person';
+import { PersonCellValue } from '../../../ui/value-display/types/person';
 import { PersonCellValue as PersonCellValue_2 } from './types/person';
 import { PieChartProps } from './PieChart';
 import { PopoverContentProps } from '@radix-ui/react-popover';
-import { ProgressBarCellValue } from '../../value-display/types/progressBar';
+import { ProgressBarCellValue } from '../../../ui/value-display/types/progressBar';
 import { ProgressBarCellValue as ProgressBarCellValue_2 } from './types/progressBar';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
@@ -88,21 +88,22 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RemoteAudioTrack } from 'livekit-client';
 import { SearchFilterOptions } from './SearchFilter/SearchFilter';
-import { StatusCellValue } from '../../value-display/types/status';
+import { SizeToken as SizeToken_2 } from './types';
+import { StatusCellValue } from '../../../ui/value-display/types/status';
 import { StatusCellValue as StatusCellValue_2 } from './types/status';
 import { SVGProps } from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { SyncStatusCellValue } from './types/syncStatus';
-import { TagCellValue } from '../../value-display/types/tag';
+import { TagCellValue } from '../../../ui/value-display/types/tag';
 import { TagCellValue as TagCellValue_2 } from './types/tag';
-import { TagListCellValue } from '../../value-display/types/tagList';
+import { TagListCellValue } from '../../../ui/value-display/types/tagList';
 import { TagListCellValue as TagListCellValue_2 } from './types/tagList';
-import { TeamCellValue } from '../../value-display/types/team';
+import { TeamCellValue } from '../../../ui/value-display/types/team';
 import { TeamCellValue as TeamCellValue_2 } from './types/team';
-import { TextCellValue } from '../../value-display/types/text';
+import { TextCellValue } from '../../../ui/value-display/types/text';
 import { TextCellValue as TextCellValue_2 } from './types/text';
 import { TrackReferenceOrPlaceholder } from '@livekit/components-react';
-import { ValueDisplayRendererContext } from '../../value-display';
+import { ValueDisplayRendererContext } from '../../../ui/value-display';
 import { VariantProps } from 'cva';
 import { z } from 'zod';
 import { ZodRawShape } from 'zod';
@@ -452,6 +453,9 @@ declare type AlertTagProps = ComponentProps<typeof F0TagAlert>;
 
 export declare type AlertVariant = "info" | "warning" | "critical" | "neutral" | "positive";
 
+/** Flex align items */
+export declare type AlignItemsToken = "start" | "center" | "end" | "stretch" | "baseline";
+
 declare const _allowedVariants: readonly ["heading", "heading-large"];
 
 declare const _allowedVariants_2: readonly ["body", "description", "small", "inverse", "code", "label"];
@@ -563,6 +567,9 @@ declare type AwaitProps<T> = {
     children: (value: T) => ReactNode;
 };
 
+/** Background tokens mapped to the f1 theme */
+export declare type BackgroundToken = "transparent" | "primary" | "secondary" | "tertiary" | "inverse" | "inverse-secondary" | "bold" | "accent" | "accent-bold" | "promote" | "critical" | "critical-bold" | "info" | "info-bold" | "warning" | "warning-bold" | "positive" | "positive-bold" | "selected" | "selected-secondary" | "selected-bold" | "overlay";
+
 declare interface BadgeProps extends VariantProps<typeof badgeVariants> {
     icon: IconType;
     type?: VariantProps<typeof badgeVariants>["type"];
@@ -791,6 +798,84 @@ export declare type BooleanRenderIfCondition = BooleanRenderIfBase & ({
     isEmpty: boolean;
 });
 
+/** Border color tokens mapped to the f1 theme */
+export declare type BorderColorToken = "default" | "secondary" | "bold" | "selected" | "selected-bold" | "critical" | "critical-bold" | "warning" | "warning-bold" | "info" | "info-bold" | "positive" | "positive-bold" | "promote";
+
+/** Border radius tokens from core */
+export declare type BorderRadiusToken = "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+
+/** Border style */
+export declare type BorderStyleToken = "solid" | "dashed" | "dotted" | "double" | "none";
+
+/** Border width tokens */
+export declare type BorderWidthToken = "none" | "default" | "thick";
+
+declare type BoxVariantProps = VariantProps<typeof boxVariants>;
+
+declare const boxVariants: (props?: ({
+    divider?: "x" | "y" | undefined;
+    dividerColor?: "info" | "bold" | "default" | "secondary" | "critical" | "warning" | "positive" | "promote" | "selected" | "critical-bold" | "info-bold" | "warning-bold" | "positive-bold" | "selected-bold" | undefined;
+    overflow?: "hidden" | "auto" | "scroll" | "visible" | undefined;
+    overflowX?: "hidden" | "auto" | "scroll" | "visible" | undefined;
+    overflowY?: "hidden" | "auto" | "scroll" | "visible" | undefined;
+    borderColor?: "info" | "bold" | "default" | "secondary" | "critical" | "warning" | "positive" | "promote" | "selected" | "critical-bold" | "info-bold" | "warning-bold" | "positive-bold" | "selected-bold" | undefined;
+    border?: "default" | "none" | "thick" | undefined;
+    borderTop?: "default" | "none" | "thick" | undefined;
+    borderBottom?: "default" | "none" | "thick" | undefined;
+    borderLeft?: "default" | "none" | "thick" | undefined;
+    borderRight?: "default" | "none" | "thick" | undefined;
+    borderRadius?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "full" | "2xs" | undefined;
+    borderRadiusTopLeft?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "full" | "2xs" | undefined;
+    borderRadiusTopRight?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "full" | "2xs" | undefined;
+    borderRadiusBottomLeft?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "full" | "2xs" | undefined;
+    borderRadiusBottomRight?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "full" | "2xs" | undefined;
+    borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
+    background?: "info" | "bold" | "secondary" | "inverse" | "critical" | "accent" | "warning" | "positive" | "promote" | "selected" | "critical-bold" | "transparent" | "overlay" | "primary" | "tertiary" | "inverse-secondary" | "accent-bold" | "info-bold" | "warning-bold" | "positive-bold" | "selected-secondary" | "selected-bold" | undefined;
+    width?: SizeToken_2 | undefined;
+    height?: SizeToken_2 | undefined;
+    minWidth?: SizeToken_2 | undefined;
+    minHeight?: SizeToken_2 | undefined;
+    maxWidth?: SizeToken_2 | undefined;
+    maxHeight?: SizeToken_2 | undefined;
+    columns?: "1" | "2" | "3" | "4" | "none" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
+    rows?: "1" | "2" | "3" | "4" | "none" | "5" | "6" | undefined;
+    colSpan?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | undefined;
+    colStart?: "1" | "2" | "3" | "4" | "auto" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | undefined;
+    rowSpan?: "1" | "2" | "3" | "4" | "5" | "6" | "full" | undefined;
+    gap?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    alignItems?: "center" | "end" | "baseline" | "start" | "stretch" | undefined;
+    justifyContent?: "center" | "end" | "start" | "between" | "stretch" | "around" | "evenly" | undefined;
+    flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    grow?: boolean | undefined;
+    shrink?: boolean | undefined;
+    margin?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginX?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginY?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginTop?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginBottom?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginLeft?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginRight?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    padding?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingX?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingY?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingTop?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingBottom?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingLeft?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingRight?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    display?: "block" | "grid" | "none" | "inline" | "flex" | "inline-flex" | undefined;
+    position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined;
+} & ({
+    class?: ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: ClassValue;
+})) | undefined) => string;
+
+/** Supported breakpoints */
+export declare type Breakpoint = "sm" | "md" | "lg" | "xl";
+
 export declare const buildTranslations: (translations: TranslationsType) => TranslationsType;
 
 /**
@@ -1325,6 +1410,15 @@ declare type CollectionVisualizations<Record extends RecordType, Filters extends
 
 declare const collectionVisualizations: CollectionVisualizations<RecordType, FiltersDefinition, SortingsDefinition, SummariesDefinition, ItemActionsDefinition<RecordType>, NavigationFiltersDefinition, GroupingDefinition<RecordType>>;
 
+/** Grid column span for children (1–12 + full) */
+export declare type ColSpanToken = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full";
+
+/** Grid column start position (1–13 + auto) */
+export declare type ColStartToken = "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13";
+
+/** Grid column count (1–12) */
+export declare type ColumnsToken = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none";
+
 declare type ColumnWidth = keyof typeof columnWidths | number;
 
 declare const columnWidths: {
@@ -2424,6 +2518,9 @@ export declare type DialogWidth = (typeof dialogWidths)[number];
 
 declare const dialogWidths: readonly ["sm", "md", "lg", "xl"];
 
+/** Display modes */
+export declare type DisplayToken = "block" | "flex" | "inline" | "inline-flex" | "grid" | "none";
+
 /**
  * Remove a property from a union of objects.
  * @example
@@ -2440,6 +2537,9 @@ declare const dialogWidths: readonly ["sm", "md", "lg", "xl"];
  */
 declare type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
 
+/** Divider direction */
+export declare type DividerToken = "x" | "y";
+
 export declare interface DndDriver<T = unknown> {
     registerDraggable: (el: HTMLElement, options: {
         payload: DragPayload<T>;
@@ -2953,6 +3053,19 @@ declare type F0BooleanSwitchConfig = F0BaseConfig & F0SwitchConfig & {
     fieldType?: "switch";
 };
 
+export declare const F0Box: ForwardRefExoticComponent<Omit<F0BoxProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
+
+export declare interface F0BoxProps extends Omit<React.ComponentPropsWithoutRef<"div">, "display" | "width" | "height" | "border" | "className" | "style">, BoxVariantProps {
+    /** Responsive overrides applied from the `sm` breakpoint (≥640px) */
+    sm?: ResponsiveStyleProps;
+    /** Responsive overrides applied from the `md` breakpoint (≥768px) */
+    md?: ResponsiveStyleProps;
+    /** Responsive overrides applied from the `lg` breakpoint (≥1024px) */
+    lg?: ResponsiveStyleProps;
+    /** Responsive overrides applied from the `xl` breakpoint (≥1280px) */
+    xl?: ResponsiveStyleProps;
+}
+
 export declare const F0Button: ForwardRefExoticComponent<Omit<ButtonInternalProps, "style" | "className" | "variant" | "pressed" | "append" | "compact" | "noAutoTooltip" | "noTitle"> & {
 variant?: Exclude<ButtonInternalProps["variant"], "ai">;
 } & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
@@ -4451,12 +4564,21 @@ export declare type FlagAvatarVariant = Extract<AvatarVariant, {
     type: "flag";
 }>;
 
+/** Flex direction */
+export declare type FlexDirectionToken = "row" | "column" | "row-reverse" | "column-reverse";
+
+/** Flex wrap */
+export declare type FlexWrapToken = "nowrap" | "wrap" | "wrap-reverse";
+
 declare type FontSize = (typeof fontSizes)[number];
 
 declare const fontSizes: readonly ["sm", "md", "lg"];
 
 /* Excluded from this release type: FormDefinitionItem */
 
+/** Fraction tokens for proportional widths */
+export declare type FractionToken = "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "5/6";
+
 export declare const FullscreenChatContext: Context<FullscreenChatContextType>;
 
 /**
@@ -4467,6 +4589,25 @@ declare type FullscreenChatContextType = {
     setInProgress: (value: boolean) => void;
 };
 
+/**
+ * Gap tokens for spacing between flex/grid children.
+ * Uses betweenSpacing (rem) for sm–xl, absoluteSpacing (px) for extended sizes.
+ *
+ * | Token | Tailwind | Value  |
+ * |-------|----------|--------|
+ * | none  | gap-0    | 0px    |
+ * | xs    | gap-0.5  | 2px    |
+ * | sm    | gap-sm   | ~4px   | (0.25rem)
+ * | md    | gap-md   | ~8px   | (0.5rem)
+ * | lg    | gap-lg   | ~12px  | (0.75rem)
+ * | xl    | gap-xl   | ~16px  | (1rem)
+ * | 2xl   | gap-6    | 24px   |
+ * | 3xl   | gap-8    | 32px   |
+ * | 4xl   | gap-10   | 40px   |
+ * | 5xl   | gap-12   | 48px   |
+ */
+export declare type GapToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+
 /**
  * Generates an anchor ID for a form element
  * Format: forms.[formName].[sectionId].[fieldId]
@@ -4929,6 +5070,9 @@ declare type ItemDefinition = {
 
 declare type Join<T extends string[], D extends string> = T extends [] ? never : T extends [infer F] ? F : T extends [infer F, ...infer R] ? F extends string ? `${F}${D}${Join<Extract<R, string[]>, D>}` : never : string;
 
+/** Flex justify content */
+export declare type JustifyContentToken = "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch";
+
 declare type KanbanCollectionProps<Record extends RecordType, Filters extends FiltersDefinition, Sortings extends SortingsDefinition, Summaries extends SummariesDefinition, ItemActions extends ItemActionsDefinition<Record>, NavigationFilters extends NavigationFiltersDefinition, Grouping extends GroupingDefinition<Record>> = CollectionProps<Record, Filters, Sortings, Summaries, ItemActions, NavigationFilters, Grouping, KanbanVisualizationOptions<Record, Filters, Sortings>>;
 
 declare type KanbanLaneDefinition = {
@@ -5050,6 +5194,9 @@ export declare interface LoadingStateProps {
     label: string;
 }
 
+/** Margin tokens (spacing + auto for centering) */
+export declare type MarginToken = SpacingToken | "auto";
+
 declare const MAX_EXPANDED_ACTIONS = 2;
 
 declare type MentionedUser = {
@@ -5092,6 +5239,7 @@ export declare const modules: {
     readonly company_trainings: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
     readonly compensations: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
     readonly complaints: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    readonly device_catalog: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
     readonly discover: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
     readonly documents: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
     readonly employee_attendance: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
@@ -5328,6 +5476,12 @@ declare type NumericFormatterOptions = {
     useGrouping?: boolean;
 };
 
+/**
+ * Numeric size scale matching core spacing (relativeSpacing).
+ * Maps 1:1 to Tailwind classes like w-0, w-4, w-8, w-16, etc.
+ */
+export declare type NumericSizeToken = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96";
+
 /**
  * Represents a numeric value that can be formatted with optional units.
  *
@@ -5448,6 +5602,9 @@ export declare type OnSelectItemsCallback<R extends RecordType, Filters extends
 
 declare type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 
+/** Overflow values */
+export declare type OverflowToken = "visible" | "hidden" | "auto" | "scroll";
+
 export declare function P({ children, ...props }: React.HTMLAttributes<HTMLParagraphElement>): JSX_2.Element;
 
 /**
@@ -5546,6 +5703,9 @@ export declare const PieChart: ForwardRefExoticComponent<Omit<PieChartProps & Re
 
 declare type PopupSize = "sm" | "md" | "lg";
 
+/** CSS position */
+export declare type PositionToken = "static" | "relative" | "absolute" | "fixed" | "sticky";
+
 export declare function Pre({ children, ...props }: React.HTMLAttributes<HTMLPreElement>): JSX_2.Element;
 
 export declare const predefinedPresets: Record<string, DatePreset>;
@@ -5840,6 +6000,62 @@ export declare type RenderIfCondition = CommonRenderIfCondition | TextRenderIfCo
 
 export declare type ResolvedRecordType<R> = R extends RecordType ? R : RecordType;
 
+/** All styling props that can be overridden per breakpoint */
+export declare interface ResponsiveStyleProps {
+    display?: DisplayToken;
+    position?: PositionToken;
+    padding?: SpacingToken;
+    paddingX?: SpacingToken;
+    paddingY?: SpacingToken;
+    paddingTop?: SpacingToken;
+    paddingBottom?: SpacingToken;
+    paddingLeft?: SpacingToken;
+    paddingRight?: SpacingToken;
+    margin?: MarginToken;
+    marginX?: MarginToken;
+    marginY?: MarginToken;
+    marginTop?: MarginToken;
+    marginBottom?: MarginToken;
+    marginLeft?: MarginToken;
+    marginRight?: MarginToken;
+    gap?: GapToken;
+    columns?: ColumnsToken;
+    rows?: RowsToken;
+    colSpan?: ColSpanToken;
+    colStart?: ColStartToken;
+    rowSpan?: RowSpanToken;
+    width?: SizeToken;
+    height?: SizeToken;
+    minWidth?: SizeToken;
+    minHeight?: SizeToken;
+    maxWidth?: SizeToken;
+    maxHeight?: SizeToken;
+    background?: BackgroundToken;
+    borderColor?: BorderColorToken;
+    border?: BorderWidthToken;
+    borderTop?: BorderWidthToken;
+    borderBottom?: BorderWidthToken;
+    borderLeft?: BorderWidthToken;
+    borderRight?: BorderWidthToken;
+    borderRadius?: BorderRadiusToken;
+    borderRadiusTopLeft?: BorderRadiusToken;
+    borderRadiusTopRight?: BorderRadiusToken;
+    borderRadiusBottomLeft?: BorderRadiusToken;
+    borderRadiusBottomRight?: BorderRadiusToken;
+    borderStyle?: BorderStyleToken;
+    overflow?: OverflowToken;
+    overflowX?: OverflowToken;
+    overflowY?: OverflowToken;
+    divider?: DividerToken;
+    dividerColor?: BorderColorToken;
+    alignItems?: AlignItemsToken;
+    justifyContent?: JustifyContentToken;
+    flexDirection?: FlexDirectionToken;
+    flexWrap?: FlexWrapToken;
+    grow?: boolean;
+    shrink?: boolean;
+}
+
 /**
  * All valid renderIf conditions for richtext fields
  */
@@ -5857,6 +6073,12 @@ export declare interface RichTextValue {
 
 /* Excluded from this release type: RowDefinition */
 
+/** Grid row span for children (1–6 + full) */
+export declare type RowSpanToken = "1" | "2" | "3" | "4" | "5" | "6" | "full";
+
+/** Grid row count (1–6 + none) */
+export declare type RowsToken = "1" | "2" | "3" | "4" | "5" | "6" | "none";
+
 export declare type SearchFilterDefinition = BaseFilterDefinition<"search">;
 
 declare type SearchOptions = {
@@ -6002,6 +6224,9 @@ declare type SelectValueType = string | number;
  */
 declare type SimpleResult<T> = T[];
 
+/** Size tokens for width/height/min/max dimensions */
+export declare type SizeToken = "auto" | "full" | "screen" | "min" | "max" | "fit" | NumericSizeToken | FractionToken;
+
 /**
  * Type helper to extract keys from a SortingsDefinition
  */
@@ -6026,6 +6251,29 @@ export declare type SortingsStateMultiple = {
 
 export declare type SortOrder = "asc" | "desc";
 
+/**
+ * Token types for F0Box props.
+ * These map to the design tokens defined in @factorialco/f0-core.
+ */
+/**
+ * Spacing tokens for padding and margin.
+ * Maps to the project's absoluteSpacing scale (px values).
+ *
+ * | Token | Tailwind | Value |
+ * |-------|----------|-------|
+ * | none  | p-0      | 0px   |
+ * | xs    | p-1      | 4px   |
+ * | sm    | p-2      | 8px   |
+ * | md    | p-3      | 12px  |
+ * | lg    | p-4      | 16px  |
+ * | xl    | p-6      | 24px  |
+ * | 2xl   | p-8      | 32px  |
+ * | 3xl   | p-10     | 40px  |
+ * | 4xl   | p-12     | 48px  |
+ * | 5xl   | p-16     | 64px  |
+ */
+export declare type SpacingToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+
 declare type SrcProps = Pick<ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet" | "sizes">;
 
 export declare const StandardLayout: ForwardRefExoticComponent<Omit<StandardLayoutProps & HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
@@ -7081,6 +7329,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -7117,8 +7370,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}