@app-studio/web 0.9.11 → 0.9.13

package/dist/components/Formik/Formik.ChatInput.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ChatInputProps } from '../ChatInput/ChatInput/ChatInput.props';
+interface FormikChatInputProps extends Omit<ChatInputProps, 'value' | 'onChange' | 'onSubmit' | 'getPendingFiles' | 'clearPendingFiles'> {
+    name: string;
+    onSubmit?: (message: string, options?: any) => void;
+}
+/**
+ * ChatInput is a component used to create a chat input field with file upload support,
+ * auto-completion, mentions, and other advanced features, integrated with Formik.
+ */
+export declare const FormikChatInput: React.FC<FormikChatInputProps>;
+export {};

package/dist/components/Formik/Formik.TagInput.d.ts

@@ -4,4 +4,6 @@ import { TagInputProps } from '../Form/TagInput/TagInput/TagInput.props';
  * TagInput allows users to add and manage a list of tags.
  * Integrated with Formik for form validation and state management.
  */
-export declare const FormikTagInput: React.FC<TagInputProps>;
+export declare const FormikTagInput: React.FC<TagInputProps & {
+    name: string;
+}>;

package/dist/components/Formik/examples/FormikChatInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FormikChatInputExample: () => React.JSX.Element;
+export declare const FormikChatInputSimpleExample: () => React.JSX.Element;

package/dist/components/Formik/examples/index.d.ts

@@ -1,4 +1,5 @@
 export * from './FormikCheckbox';
+export * from './FormikChatInput';
 export * from './FormikColorInput';
 export * from './FormikComboBox';
 export * from './FormikCountryPicker';

package/dist/components/Formik/index.d.ts

@@ -1,9 +1,11 @@
 export { FormikCheckbox } from './Formik.Checkbox';
+export { FormikChatInput } from './Formik.ChatInput';
 export { FormikColorInput } from './Formik.ColorInput';
 export { FormikDatePicker } from './Formik.DatePicker';
 export { FormikCountryPicker } from './Formik.CountryPicker';
 export { FormikSelect } from './Formik.Select';
 export { FormikSwitch } from './Formik.Switch';
+export { FormikTagInput } from './Formik.TagInput';
 export { FormikTextArea } from './Formik.TextArea';
 export { FormikTextField } from './Formik.TextField';
 export { FormikPassword } from './Formik.Password';

package/dist/components/Title/Title/Title.props.d.ts

@@ -61,11 +61,27 @@ export interface TitleProps extends ViewProps {
      * This should be an animation object with properties like from, to, duration, etc.
      */
     animate?: AnimationProps | AnimationProps[];
+    /**
+     * Controls the animation loop behavior for the title animation
+     * @default '1' (play once)
+     */
+    animationLoop?: number | 'infinite';
+    /**
+     * Controls the animation loop behavior for the highlight animation
+     * @default '1' (play once)
+     */
+    highlightAnimationLoop?: number | 'infinite';
     /**
      * Size of the title
      * @default 'xl'
      */
     size?: TitleSize;
+    /**
+     * Whether to enable responsive sizing based on breakpoints
+     * When true, the title will automatically adapt its size across mobile/tablet/desktop
+     * @default false
+     */
+    responsive?: boolean;
     /**
      * Whether to center the title
      * @default false

package/dist/components/Title/Title/Title.style.d.ts

@@ -14,6 +14,33 @@ export declare const TitleSizes: {
  * Line heights for different title sizes
  */
 export declare const LineHeights: Record<TitleSize, number>;
+/**
+ * Responsive typography system that maps title sizes to responsive breakpoints
+ * Based on the Typography system with dynamic breakpoint sizing
+ */
+export declare const ResponsiveTypography: Record<TitleSize, {
+    lineHeight: string;
+    fontWeight: number;
+    marginBottom?: number;
+    letterSpacing?: number;
+    media: {
+        mobile: {
+            fontSize: number;
+            width?: string;
+            minWidth?: string;
+        };
+        tablet: {
+            fontSize: number;
+            width?: string;
+            minWidth?: string;
+        };
+        desktop: {
+            fontSize: number;
+            width?: string;
+            minWidth?: string;
+        };
+    };
+}>;
 /**
  * Default styles for different highlight types
  */

package/dist/components/Title/examples/animationLoop.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * Examples of Title with different animation loop controls
+ */
+export declare const AnimationLoopTitle: () => React.JSX.Element;

package/dist/components/Title/examples/index.d.ts

@@ -1,6 +1,7 @@
 export * from './default';
 export * from './highlighted';
 export * from './animated';
+export * from './animationLoop';
 export * from './hero';
 export * from './responsive';
 export * from './custom';

package/dist/components/Title/examples/responsive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 /**
- * Example of responsive Title using media queries
+ * Example of responsive Title using the new responsive prop
  */
 export declare const ResponsiveTitle: () => React.JSX.Element;

package/dist/pages/responsive-title-demo.page.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * Demo page showcasing the responsive Title component functionality
+ */
+export declare const ResponsiveTitleDemoPage: () => React.JSX.Element;
+export default ResponsiveTitleDemoPage;