@factorialco/f0-react 1.279.2 → 1.281.0

package/dist/f0.d.ts

@@ -224,6 +224,10 @@ declare const alertAvatarVariants: (props?: ({
 
 declare type AlertTagProps = ComponentProps<typeof F0TagAlert>;
 
+declare const _allowedVariants: readonly ["heading", "heading-large"];
+
+declare const _allowedVariants_2: readonly ["body", "description", "small", "inverse", "code", "label"];
+
 export declare type AllSelectionStatus = {
     checked: boolean;
     indeterminate: boolean;
@@ -231,6 +235,8 @@ export declare type AllSelectionStatus = {
     unselectedCount: number;
 };
 
+declare const allTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p", "span", "div", "label", "code"];
+
 declare type AnimationVariantsOptions = {
     delay?: number;
     duration?: number;
@@ -244,6 +250,8 @@ canBeBlurred?: boolean;
 blurArea?: "l" | "r" | "lr";
 } & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
+declare type AsAllowedList = (typeof allTags)[number];
+
 declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & {
     size?: (typeof internalAvatarSizes)[number];
     type?: (typeof internalAvatarTypes)[number];
@@ -1746,6 +1754,56 @@ export declare const defaultTranslations: {
         readonly greaterThan: "It should be greater than {{min}}";
         readonly lessThan: "It should be less than {{max}}";
     };
+    readonly coCreationForm: {
+        readonly actions: {
+            readonly actions: "Actions";
+            readonly duplicateQuestion: "Duplicate question";
+            readonly deleteQuestion: "Delete question";
+            readonly duplicateSection: "Duplicate section";
+            readonly deleteSection: "Delete section";
+        };
+        readonly questionTypes: {
+            readonly section: "Section";
+            readonly rating: "Rating";
+            readonly multipleChoice: "Multiple choice";
+            readonly singleChoice: "Single choice";
+            readonly text: "Text";
+            readonly longText: "Long text";
+            readonly numeric: "Numeric";
+            readonly link: "Link";
+            readonly date: "Date";
+        };
+        readonly selectQuestion: {
+            readonly addOption: "Add option";
+            readonly newOption: "New option {{number}}";
+            readonly markAsCorrect: "Mark as correct";
+            readonly remove: "Remove";
+            readonly correct: "Correct";
+            readonly optionPlaceholder: "Type anything you want here...";
+        };
+        readonly answer: {
+            readonly label: "Answer";
+            readonly placeholder: "Respondent's answer";
+        };
+        readonly labels: {
+            readonly endOfSection: "End of section";
+            readonly title: "Title";
+            readonly titlePlaceholder: "Question title";
+            readonly description: "Description";
+            readonly questionDescriptionPlaceholder: "Describe the question in a few words";
+            readonly sectionDescriptionPlaceholder: "Describe the section in a few words";
+            readonly required: "Required";
+            readonly questionType: "Question type";
+            readonly questionOptions: "Question options";
+            readonly actions: "Actions";
+            readonly sectionTitlePlaceholder: "Section title";
+        };
+        readonly defaults: {
+            readonly newSection: "New Section";
+            readonly newQuestion: "New Question";
+            readonly newQuestionDescription: "New question description";
+        };
+    };
 };
 
 /**
@@ -2229,6 +2287,13 @@ export declare interface F0GridStackRef {
     removeAll: () => void;
 }
 
+export declare const F0Heading: ForwardRefExoticComponent<Omit<F0HeadingProps, "ref"> & RefAttributes<HTMLElement>>;
+
+export declare type F0HeadingProps = Omit<TextProps, "className" | "variant" | "as"> & {
+    variant?: (typeof _allowedVariants)[number];
+    as?: HeadingTags;
+};
+
 export declare const F0Icon: ForwardRefExoticComponent<Omit<Omit<F0IconProps_2, "ref"> & RefAttributes<SVGSVGElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
 export declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
@@ -2285,6 +2350,14 @@ export declare const F0TagStatus: ForwardRefExoticComponent<TagStatusProps & Ref
 
 export declare const F0TagTeam: ForwardRefExoticComponent<TagTeamProps & RefAttributes<HTMLDivElement>>;
 
+export declare const F0Text: ForwardRefExoticComponent<Omit<F0TextProps, "ref"> & RefAttributes<HTMLElement>>;
+
+export declare type F0TextProps = Omit<TextProps, "className" | "variant" | "as"> & {
+    variant?: (typeof _allowedVariants_2)[number];
+    as?: TextTags;
+    markdown?: boolean;
+};
+
 export declare type FileAvatarVariant = Extract<AvatarVariant, {
     type: "file";
 }>;
@@ -2552,6 +2625,10 @@ export declare type GroupRecord<RecordType> = {
     records: RecordType[];
 };
 
+declare type HeadingTags = (typeof headingTags)[number];
+
+declare const headingTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+
 export declare const HomeLayout: ForwardRefExoticComponent<Omit<{
 widgets?: ReactNode[];
 children?: ReactNode;
@@ -3776,6 +3853,70 @@ export declare type TeamAvatarVariant = Extract<AvatarVariant, {
 
 declare type TeamTagProps = ComponentProps<typeof F0TagTeam>;
 
+declare interface TextProps extends Omit<default_2.HTMLAttributes<HTMLElement>, "className">, default_2.RefAttributes<HTMLElement> {
+    /**
+     * Content to be rendered
+     */
+    content: string;
+    /**
+     * The text variant to render. Determines styling and default semantic element.
+     */
+    variant?: TextVariant;
+    /**
+     * Text alignment
+     * @default left
+     */
+    align?: NonNullable<TextVariants["align"]>;
+    /**
+     * Additional classes to apply
+     * @private
+     */
+    className?: string;
+    /**
+     * HTML tag name to use for rendered element.
+     * If not provided, uses semantic default based on variant.
+     * @default varies by variant
+     */
+    as?: AsAllowedList;
+    /**
+     * Enable text ellipsis with optional line configuration
+     * - `true`: Single line ellipsis (lines = 1)
+     * - `number`: Multi-line ellipsis with specified line count
+     * - `undefined`: No ellipsis
+     */
+    ellipsis?: boolean | number;
+    /**
+     * Disable tooltip when text is truncated
+     * Only applies when ellipsis is enabled
+     * @default false
+     */
+    noEllipsisTooltip?: boolean;
+    /**
+     * Enable markdown parsing for content
+     * @default false
+     */
+    markdown?: boolean;
+}
+
+declare type TextTags = (typeof textTags)[number];
+
+declare const textTags: readonly ["p", "span", "div", "label", "code"];
+
+declare type TextVariant = NonNullable<TextVariants["variant"]>;
+
+declare type TextVariants = VariantProps<typeof textVariants>;
+
+declare const textVariants: (props?: ({
+    variant?: "info" | "small" | "body" | "code" | "label" | "description" | "selected" | "heading" | "positive" | "inverse" | "critical" | "warning" | "heading-large" | "label-input" | "warning-strong" | "critical-strong" | "positive-strong" | "info-strong" | undefined;
+    align?: "center" | "left" | "right" | undefined;
+} & ({
+    class?: ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: ClassValue;
+})) | undefined) => string;
+
 declare type TranslationKey = Join<PathsToStringProps<typeof defaultTranslations>, ".">;
 
 declare type TranslationShape<T> = {
@@ -4256,6 +4397,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         moodTracker: {
@@ -4263,8 +4409,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}