@app-studio/web 0.9.79 → 0.9.81

package/dist/components/Accordion/Accordion/Accordion.type.d.ts

@@ -1,5 +1,5 @@
 import { ViewProps } from 'app-studio';
-export declare type Shape = 'sharp' | 'rounded';
+export declare type Shape = 'square' | 'rounded';
 export declare type Variant = 'default' | 'outline' | 'filled';
 export declare type AccordionType = 'single' | 'multiple';
 export interface AccordionContextType {

package/dist/components/Accordion/Accordion/Accordion.view.d.ts

@@ -23,7 +23,7 @@ export declare const AccordionContent: React.FC<AccordionContentProps & {
 }>;
 export declare const AccordionView: React.FC<{
     children: React.ReactNode;
-    shape?: 'sharp' | 'rounded';
+    shape?: 'square' | 'rounded';
     variant?: 'default' | 'outline' | 'filled';
     views?: any;
     baseId: string;

package/dist/components/Badge/Badge/Badge.type.d.ts

@@ -1,5 +1,5 @@
 import { ViewProps } from 'app-studio';
-export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'square' | 'rounded' | 'pill';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type Variant = 'filled' | 'outline' | 'link' | 'ghost';
 export declare type Position = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';

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

@@ -22,10 +22,6 @@ export declare const CardShapes: Record<Shape, number | string>;
  * Get card variants with consistent styling based on theme mode
  */
 export declare const getCardVariants: (themeMode: string) => Record<Variant, ViewProps>;
-/**
- * Default card variants (for backward compatibility)
- */
-export declare const CardVariants: Record<Variant, ViewProps>;
 /**
  * Function to get default styles for Card components
  * @param theme - Theme object from useTheme hook

package/dist/components/Card/Card/Card.type.d.ts

@@ -1,7 +1,7 @@
 import { ViewProps } from 'app-studio';
 export declare type Variant = 'default' | 'outlined' | 'elevated';
 export declare type Size = 'sm' | 'md' | 'lg';
-export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'square' | 'rounded' | 'pill';
 export interface CardStyles {
     container?: ViewProps;
     header?: ViewProps;

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

@@ -6,7 +6,7 @@ export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Shape options for the ChatInput component
  */
-export declare type Shape = 'default' | 'sharp' | 'rounded';
+export declare type Shape = 'default' | 'square' | 'rounded';
 /**
  * Variant options for the ChatInput component
  */

package/dist/components/ColorPicker/ColorPicker/ColorPicker.type.d.ts

@@ -1,6 +1,6 @@
 import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'filled';
-export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type ColorPickerStyles = {
     container?: ViewProps;

package/dist/components/EmojiPicker/EmojiPicker/EmojiPicker.type.d.ts

@@ -1,6 +1,6 @@
 import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'filled';
-export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type EmojiPickerStyles = {
     container?: ViewProps;

package/dist/components/Form/ColorInput/ColorInput/ColorInput.type.d.ts

@@ -1,6 +1,6 @@
 import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
-export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type ColorInputStyles = {
     text?: ViewProps;

package/dist/components/Form/Switch/Switch/Switch.style.d.ts

@@ -37,12 +37,9 @@ export declare const ColorSchemes: {
     };
     states: {
         hover: {
-            active: {
-                opacity: number;
-            };
-            inactive: {
-                backgroundColor: string;
-            };
+            active: string;
+            inactive: string;
+            activeOpacity: number;
         };
         focus: {
             active: {

package/dist/components/Form/TagInput/TagInput/TagInput.type.d.ts

@@ -6,7 +6,7 @@ export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Shape options for the TagInput component
  */
-export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
 /**
  * Variant options for the TagInput component
  */

package/dist/components/Form/TextArea/TextArea/TextArea.type.d.ts

@@ -1,6 +1,6 @@
 import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
-export declare type Shape = 'default' | 'sharp' | 'rounded';
+export declare type Shape = 'default' | 'square' | 'rounded';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type TextAreaStyles = {
     warper?: ViewProps;

package/dist/components/Input/Input.type.d.ts

@@ -1,6 +1,6 @@
 import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
-export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type TextFieldStyles = {
     text?: ViewProps;

package/dist/components/Message/Message/Message.type.d.ts

@@ -1,6 +1,6 @@
 import { ViewProps } from 'app-studio';
 export declare type Position = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-export declare type Shape = 'sharp' | 'rounded';
+export declare type Shape = 'square' | 'rounded';
 export declare type CloseButtonPosition = 'left' | 'right' | 'none';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type MessageType = 'info' | 'warning' | 'error' | 'success';

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

@@ -12,7 +12,7 @@ export interface ModalProps extends Omit<ViewProps, 'size'> {
      */
     iconSize?: Size;
     /**
-     * Determines whether the modal should have sharp or rounded edges.
+     * Determines whether the modal should have square or rounded edges.
      */
     shape?: Shape;
     /**
@@ -142,7 +142,7 @@ export interface ContainerProps extends Omit<ViewProps, 'size'> {
      */
     children: React.ReactNode;
     /**
-     * To give a sharp or rounded edges to the modal
+     * To give a square or rounded edges to the modal
      */
     shape?: Shape;
     /**

package/dist/components/Slider/Slider/Slider.type.d.ts

@@ -1,5 +1,5 @@
 import { ViewProps, TextProps } from 'app-studio';
-export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'square' | 'rounded' | 'pill';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type Variant = 'default' | 'outline';
 export declare type Orientation = 'horizontal' | 'vertical';

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

@@ -116,9 +116,4 @@ export interface TitleProps extends ViewProps {
      * @default 3000
      */
     alternateDuration?: number;
-    /**
-     * Component to use for rendering text content
-     * Defaults to Text from app-studio
-     */
-    textComponent?: any;
 }

package/dist/components/Toggle/Toggle/Toggle.type.d.ts

@@ -1,2 +1,2 @@
-export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'square' | 'rounded' | 'pill';
 export declare type Variant = 'outline' | 'link' | 'ghost';

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.type.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
+export declare type Shape = 'square' | 'rounded' | 'pill';
 export declare type Variant = 'outline' | 'link' | 'ghost';
 export declare type ToggleItem = {
     id: string;

package/dist/pages/tabs.page.d.ts

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

package/dist/providers/index.d.ts

@@ -1,4 +1,9 @@
 import React, { ReactNode } from 'react';
+interface ThemeModeContextType {
+    mode: 'light' | 'dark';
+    toggleThemeMode: () => void;
+}
+export declare const useThemeActions: () => ThemeModeContextType;
 interface WrapperProps {
     children: ReactNode;
 }