@app-studio/web 0.9.33 → 0.9.34

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

@@ -10,6 +10,11 @@ export declare const DefaultChatInputStyles: {
         borderRadius: string;
         backgroundColor: string;
         transition: string;
+        media: {
+            mobile: {
+                borderRadius: string;
+            };
+        };
     };
     content: {
         width: string;
@@ -19,6 +24,12 @@ export declare const DefaultChatInputStyles: {
         borderWidth: string;
         borderStyle: string;
         borderColor: string;
+        media: {
+            mobile: {
+                padding: string;
+                borderRadius: string;
+            };
+        };
     };
     textarea: {
         width: string;
@@ -33,6 +44,13 @@ export declare const DefaultChatInputStyles: {
         outline: string;
         resize: string;
         overflow: string;
+        media: {
+            mobile: {
+                padding: string;
+                fontSize: string;
+                minHeight: string;
+            };
+        };
     };
     attachments: {
         display: string;
@@ -73,6 +91,13 @@ export declare const DefaultChatInputStyles: {
         backgroundColor: string;
         color: string;
         transition: string;
+        media: {
+            mobile: {
+                height: string;
+                minWidth: string;
+                padding: string;
+            };
+        };
     };
     fileButton: {
         height: string;
@@ -81,6 +106,12 @@ export declare const DefaultChatInputStyles: {
         backgroundColor: string;
         color: string;
         transition: string;
+        media: {
+            mobile: {
+                height: string;
+                padding: string;
+            };
+        };
     };
     modelSelector: {
         height: string;

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

@@ -30,15 +30,28 @@ export declare const VariantStyles: Record<Variant, ViewProps>;
 export declare const StateStyles: {
     hover: {
         selected: {
-            backgroundColor: string;
-            borderColor: string;
+            opacity: number;
         };
         unselected: {
             borderColor: string;
+            backgroundColor: string;
         };
         indeterminate: {
-            backgroundColor: string;
-            borderColor: string;
+            opacity: number;
+        };
+    };
+    focus: {
+        selected: {
+            outline: string;
+            boxShadow: string;
+        };
+        unselected: {
+            outline: string;
+            boxShadow: string;
+        };
+        indeterminate: {
+            outline: string;
+            boxShadow: string;
         };
     };
     disabled: {
@@ -46,15 +59,18 @@ export declare const StateStyles: {
             backgroundColor: string;
             borderColor: string;
             opacity: number;
+            cursor: string;
         };
         unselected: {
             borderColor: string;
             opacity: number;
+            cursor: string;
         };
         indeterminate: {
             backgroundColor: string;
             borderColor: string;
             opacity: number;
+            cursor: string;
         };
     };
     error: {

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

@@ -24,3 +24,7 @@ export declare const IconSizes: Record<Size, number>;
  * Dropdown styles for the Select component
  */
 export declare const dropdownStyles: ViewProps;
+/**
+ * Option item styles for the Select component
+ */
+export declare const optionStyles: ViewProps;

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

@@ -37,13 +37,33 @@ export declare const ColorSchemes: {
     };
     states: {
         hover: {
-            active: string;
-            inactive: string;
+            active: {
+                opacity: number;
+            };
+            inactive: {
+                backgroundColor: string;
+            };
         };
         focus: {
-            active: string;
-            inactive: string;
-            outline: string;
+            active: {
+                outline: string;
+                boxShadow: string;
+            };
+            inactive: {
+                outline: string;
+                boxShadow: string;
+            };
         };
     };
 };
+/**
+ * Transition styles for the Switch component
+ */
+export declare const TransitionStyles: {
+    slider: {
+        transition: string;
+    };
+    knob: {
+        transition: string;
+    };
+};

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

@@ -30,6 +30,14 @@ export declare const PadddingWithLabel: {
     paddingBottom: string;
     paddingLeft: string;
     paddingRight: string;
+    media: {
+        mobile: {
+            paddingTop: string;
+            paddingBottom: string;
+            paddingLeft: string;
+            paddingRight: string;
+        };
+    };
 };
 /**
  * Padding for input without label following the 4px grid system
@@ -39,4 +47,12 @@ export declare const PaddingWithoutLabel: {
     paddingBottom: string;
     paddingLeft: string;
     paddingRight: string;
+    media: {
+        mobile: {
+            paddingTop: string;
+            paddingBottom: string;
+            paddingLeft: string;
+            paddingRight: string;
+        };
+    };
 };

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

@@ -37,6 +37,7 @@ export interface KanbanBoardProps {
 export interface KanbanBoardViewProps extends KanbanBoardProps {
     columns: KanbanBoardColumn[];
     draggedCardId: string | null;
+    hoveredColumnId: string | null;
     onCardDragStart: (columnId: string, cardId: string, event: React.DragEvent<HTMLDivElement>) => void;
     onCardDragEnd: () => void;
     onCardDrop: (columnId: string, cardId: string | null, event: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.state.d.ts

@@ -3,10 +3,11 @@ import { KanbanBoardProps } from './KanbanBoard.props';
 export declare const useKanbanBoardState: ({ columns: initialColumns, onChange, }: KanbanBoardProps) => {
     columns: import("./KanbanBoard.props").KanbanBoardColumn[];
     draggedCardId: string | null;
+    hoveredColumnId: string | null;
     onCardDragStart: (columnId: string, cardId: string, event: React.DragEvent<HTMLDivElement>) => void;
     onCardDragEnd: () => void;
-    onColumnDragOver: (_columnId: string, event: React.DragEvent<HTMLDivElement>) => void;
-    onCardDragOver: (_columnId: string, _cardId: string | null, event: React.DragEvent<HTMLDivElement>) => void;
+    onColumnDragOver: (columnId: string, event: React.DragEvent<HTMLDivElement>) => void;
+    onCardDragOver: (columnId: string, cardId: string | null, event: React.DragEvent<HTMLDivElement>) => void;
     onColumnDrop: (columnId: string, event: React.DragEvent<HTMLDivElement>) => void;
     onCardDrop: (columnId: string, cardId: string | null, event: React.DragEvent<HTMLDivElement>) => void;
 };

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

@@ -1,2 +1,7 @@
+import { ViewProps } from 'app-studio';
 import { Size } from './Link.type';
 export declare const IconSizes: Record<Size, number>;
+/**
+ * Link base styles matching shadcn/ui patterns
+ */
+export declare const LinkBaseStyles: ViewProps;

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

@@ -26,6 +26,7 @@ export declare const OverlayAlignments: Record<string, ViewProps>;
 export declare const HeaderIconSizes: Record<Size, number>;
 /**
  * Animation configurations for the Modal component
+ * Subtle and smooth, matching shadcn/ui patterns
  */
 export declare const ModalAnimations: {
     enter: {
@@ -39,6 +40,14 @@ export declare const ModalAnimations: {
         transition: string;
     };
 };
+/**
+ * Overlay styles for the Modal component
+ */
+export declare const OverlayStyles: ViewProps;
+/**
+ * Container base styles for the Modal component
+ */
+export declare const ContainerBaseStyles: ViewProps;
 /**
  * Typography configurations for the Modal component
  */

package/dist/components/NavigationMenu/NavigationMenu/NavigationMenu.state.d.ts

@@ -5,4 +5,5 @@ export declare const useNavigationMenuState: (defaultActiveItemId?: string | nul
     expandedItemIds: string[];
     toggleExpandedItem: (itemId: string) => void;
     isItemExpanded: (itemId: string) => boolean;
+    triggerRefs: import("react").MutableRefObject<Record<string, HTMLDivElement>>;
 };

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

@@ -21,6 +21,7 @@ export interface NavigationMenuContextType {
     orientation: Orientation;
     size: Size;
     variant: Variant;
+    triggerRefs: React.MutableRefObject<Record<string, HTMLDivElement>>;
 }
 export interface NavigationMenuStyles {
     container?: ViewProps;

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

@@ -25,15 +25,22 @@ export declare const SeparatorVariants: Record<Variant, string>;
 export declare const SeparatorThicknesses: Record<Thickness, string>;
 /**
  * Default styles for the Separator component
+ * Matching shadcn/ui patterns with subtle colors
  */
 export declare const DefaultSeparatorStyles: {
     container: {
         transition: string;
     };
+    line: {
+        backgroundColor: string;
+        transition: string;
+    };
     label: {
         fontSize: string;
+        fontWeight: string;
         color: string;
         paddingHorizontal: string;
+        backgroundColor: string;
         transition: string;
     };
 };

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

@@ -5,6 +5,18 @@ export declare const ThumbSizes: Record<Size, ViewProps>;
 export declare const SliderShapes: Record<Shape, number | string>;
 export declare const getSlider: (themeMode: string) => Record<Variant, ViewProps>;
 export declare const SliderVariants: Record<Variant, ViewProps>;
+/**
+ * Thumb styles matching shadcn/ui patterns
+ */
+export declare const ThumbStyles: ViewProps;
+/**
+ * Track styles matching shadcn/ui patterns
+ */
+export declare const TrackStyles: ViewProps;
+/**
+ * Range (filled portion) styles
+ */
+export declare const RangeStyles: ViewProps;
 export declare const EnhancedSliderSizes: Record<Size, {
     trackCrossAxisSize: number;
     thumbSize: number;

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

@@ -11,6 +11,7 @@
 import { TableViewStyles } from './Table.type';
 /**
  * Default table styles following the design system
+ * Matching shadcn/ui patterns with subtle shadows and transitions
  */
 export declare const DefaultTableStyles: TableViewStyles;
 /**

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

@@ -4,6 +4,10 @@ import { Headings, Size, TextWeights } from './Text.type';
 export interface TextProps extends Omit<TextAppProps, 'children' | 'style' | 'pointerEvents'> {
     children?: React.ReactNode;
     backgroundColor?: string;
+    /**
+     * Background color used to automatically compute a readable text color
+     */
+    bgColor?: string;
     heading?: Headings;
     isItalic?: boolean;
     isStriked?: boolean;

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

@@ -10,6 +10,7 @@ import { Headings, Size, TextWeights } from './Text.type';
 import { ViewProps } from 'app-studio';
 /**
  * Heading sizes following typography guidelines
+ * Matching shadcn/ui typography patterns
  */
 export declare const HeadingSizes: Record<Headings, ViewProps>;
 /**

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

@@ -17,6 +17,7 @@ import { ToastPosition, ThemesType } from './Toast.type';
 export declare const Themes: ThemesType;
 /**
  * Animation configurations for the Toast component
+ * Subtle and smooth, matching shadcn/ui patterns
  */
 export declare const ToastAnimations: {
     enter: {
@@ -30,6 +31,10 @@ export declare const ToastAnimations: {
         transition: string;
     };
 };
+/**
+ * Base container styles for the Toast component
+ */
+export declare const BaseContainerStyles: ViewProps;
 /**
  * Position configurations for the Toast component
  * Following the 4px grid system

package/dist/components/index.d.ts

@@ -11,6 +11,8 @@ export * from './Carousel/Carousel';
 export * from './Chart/Chart';
 export * from './KanbanBoard/KanbanBoard';
 export * from './Calendar/Calendar';
+export * from './CalendarWeek/CalendarWeek';
+export * from './Calendar/Calendar';
 export * from './CookieConsent/CookieConsent';
 export * from './ContextMenu/ContextMenu';
 export * from './File/File';
@@ -80,6 +82,7 @@ export * from './KanbanBoard/KanbanBoard/KanbanBoard.props';
 export * from './Carousel/Carousel/Carousel.props';
 export * from './Chart/Chart/Chart.props';
 export * from './Calendar/Calendar/Calendar.props';
+export * from './CalendarWeek/CalendarWeek/CalendarWeek.props';
 export * from './CookieConsent/CookieConsent/CookieConsent.props';
 export * from './ContextMenu/ContextMenu/ContextMenu.props';
 export * from './Form/Select/Select/Select.props';