@vezham/react 26.0.0-alpha.6 → 26.0.0-alpha.8

package/dist/index.css

@@ -1 +1,55 @@
 @source './**/*.js';
+
+._panel_inr1p_1 {
+  height: 100%;
+  animation: _panel-enter_inr1p_1 180ms ease-out both;
+}
+
+._panel_inr1p_1[data-state='closed'] {
+  animation: _panel-exit_inr1p_1 140ms ease-in both;
+  pointer-events: none;
+}
+
+@keyframes _panel-enter_inr1p_1 {
+  from {
+    opacity: 0;
+    transform: translate3d(-1rem, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _panel-exit_inr1p_1 {
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-1rem, 0, 0);
+  }
+}
+
+@keyframes _panel-reduced_inr1p_1 {
+  from,
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._panel_inr1p_1 {
+    animation: none;
+  }
+
+  /* vx-bot/NOTE: A new closing animation must fire the event that collapses the panel. */
+  ._panel_inr1p_1[data-state='closed'] {
+    animation: _panel-reduced_inr1p_1 1ms linear both;
+  }
+}
+/*$vite$:1*/

package/dist/lib/components/app-icon/index.d.ts

@@ -1,4 +1,4 @@
-import { type IconComponent, type IconProps } from '@vezham/icons-react';
+import { IconComponent, IconProps } from '@vezham/icons-react';
 declare const icons: {
     'vx:sort-descending': {
         component: IconComponent;

package/dist/lib/components/app-menu/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type AppMenuAction = {
     key: string;
     label: string;

package/dist/lib/components/command/command-dialog.d.ts

@@ -1,4 +1,4 @@
-import type { AppNavigationItem } from '../../navigation';
+import { AppNavigationItem } from '../../navigation';
 interface Props {
     isOpen: boolean;
     items: AppNavigationItem[];

package/dist/lib/components/command/command-provider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { AppNavigationItem } from '../../navigation';
+import { AppNavigationItem } from '../../navigation';
 declare const CommandProvider: ({ children, items }: {
     children: ReactNode;
     items: AppNavigationItem[];

package/dist/lib/components/menu/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BottomNavbarProps } from './types';
 declare const BottomNavbar: React.FC<BottomNavbarProps>;
 export { BottomNavbar };

package/dist/lib/components/menu/sheet.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 type Props = {
     title: string;
     hideTitle?: boolean;

package/dist/lib/components/menu/types.d.ts

@@ -1,4 +1,4 @@
-import type { AppNavigationItem } from '../../navigation';
+import { AppNavigationItem } from '../../navigation';
 export declare enum SidebarItemType {
     Nest = "nest"
 }

package/dist/lib/components/mobile-controls/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 type MobileControlsContextValue = {
     isFooterHidden: boolean;
     setIsFooterHidden: (isHidden: boolean) => void;

package/dist/lib/components/pagination/index.d.ts

@@ -1,4 +1,4 @@
-import type { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 type Props = {
     className?: string;
     currentPage: number;

package/dist/lib/components/panel/footer/ai/chat-header.d.ts

@@ -1,4 +1,4 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 type Props = {
     conversation: Conversation;
     expanded?: boolean;

package/dist/lib/components/panel/footer/ai/composer.d.ts

@@ -1,4 +1,4 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 type Props = {
     conversation: Conversation;
 };

package/dist/lib/components/panel/footer/ai/content.d.ts

@@ -1,4 +1,4 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 type Props = {
     conversation: Conversation;
     compact?: boolean;

package/dist/lib/components/panel/footer/ai/conversation.d.ts

@@ -17,17 +17,17 @@ export declare const useMockConversation: () => {
     addFiles: (files: File[]) => void;
     removeAttachment: (id: number) => void;
     model: string;
-    setModel: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setModel: import('react').Dispatch<import('react').SetStateAction<string>>;
     fastMode: boolean;
-    setFastMode: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setFastMode: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     permissions: string;
-    setPermissions: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setPermissions: import('react').Dispatch<import('react').SetStateAction<string>>;
     regenerate: (id: number) => void;
     branchChat: (id: number) => void;
     rate: (id: number, rating: "up" | "down") => void;
     messages: Message[];
     value: string;
-    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setValue: import('react').Dispatch<import('react').SetStateAction<string>>;
     phase: Phase;
     submit: (prompt?: string) => void;
     listen: () => void;

package/dist/lib/components/panel/footer/ai/index.d.ts

@@ -1,3 +1,3 @@
-import type { InfoPanelDefinition } from '../../info-panel';
+import { InfoPanelDefinition } from '../../info-panel';
 export declare const aiPanel: InfoPanelDefinition;
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/ai/message-actions.d.ts

@@ -1,4 +1,4 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 type Props = {
     message: Conversation['messages'][number];
     conversation: Conversation;

package/dist/lib/components/panel/footer/ai/model-picker.d.ts

@@ -1,4 +1,4 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 export declare const ModelPicker: ({ conversation: c }: {
     conversation: Conversation;
 }) => import("react").JSX.Element;

package/dist/lib/components/panel/footer/ai/permission-picker.d.ts

@@ -1,4 +1,4 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 export declare const PermissionPicker: ({ conversation: c }: {
     conversation: Conversation;
 }) => import("react").JSX.Element;

package/dist/lib/components/panel/footer/ai/use-chat-scroll.d.ts

@@ -1,7 +1,7 @@
-import type { Conversation } from './conversation';
+import { Conversation } from './conversation';
 export declare const useChatScroll: (conversation: Conversation) => {
-    viewportRef: import("react").RefObject<HTMLDivElement | null>;
-    contentRef: import("react").RefObject<HTMLDivElement | null>;
+    viewportRef: import('react').RefObject<HTMLDivElement | null>;
+    contentRef: import('react').RefObject<HTMLDivElement | null>;
     showJump: boolean;
     onScroll: () => void;
     scrollToBottom: () => void;

package/dist/lib/components/panel/footer/control-center/appearance.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import type { AppearanceAdapter } from './types';
+import { ReactNode } from 'react';
+import { AppearanceAdapter } from './types';
 export declare const AppearanceProvider: ({ appearance, children }: {
     appearance?: AppearanceAdapter;
     children: ReactNode;

package/dist/lib/components/panel/footer/control-center/configured.d.ts

@@ -1,5 +1,5 @@
-import { type ToolbarActionEvent } from '../../../toolbar-actions';
-import type { ControlCenterConfig, ControlCenterContext, ControlCenterProps, TileDefinition, TileRegistration } from './types';
+import { ToolbarActionEvent } from '../../../toolbar-actions';
+import { ControlCenterConfig, ControlCenterContext, ControlCenterProps, TileDefinition, TileRegistration } from './types';
 export type ControlCenterActionEvent = ToolbarActionEvent & {
     tileId: string;
 };

package/dist/lib/components/panel/footer/control-center/control-center.d.ts

@@ -1,4 +1,4 @@
-import type { ControlCenterProps, TileDefinition } from './types';
+import { ControlCenterProps, TileDefinition } from './types';
 export declare const ControlCenter: <Context extends object>({ context, tiles, trigger, placement, onOpenChange, appearance, preview, editControls }: ControlCenterProps<Context>) => import("react").JSX.Element;
 export declare const TileContent: <Context extends object>({ entry, context, onOpen }: {
     entry: TileDefinition<Context>;

package/dist/lib/components/panel/footer/control-center/default.d.ts

@@ -1,3 +1,3 @@
-import type { ControlCenterProps } from './types';
+import { ControlCenterProps } from './types';
 export declare const DefaultControlCenter: (props: Pick<ControlCenterProps<object>, "placement" | "appearance" | "onOpenChange">) => import("react").JSX.Element;
 //# sourceMappingURL=default.d.ts.map

package/dist/lib/components/panel/footer/control-center/footer-context.d.ts

@@ -1,4 +1,4 @@
-export declare const FooterControlCenterContext: import("react").Context<{
+export declare const FooterControlCenterContext: import('react').Context<{
     compact: boolean;
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;

package/dist/lib/components/panel/footer/control-center/language.d.ts

@@ -1,4 +1,4 @@
-import type { ControlCenterI18n, LanguageAdapter } from './types';
+import { ControlCenterI18n, LanguageAdapter } from './types';
 type LanguageContext = {
     language: LanguageAdapter;
 };

package/dist/lib/components/panel/footer/control-center/options.d.ts

@@ -1,4 +1,4 @@
-import type { Option } from './types';
+import { Option } from './types';
 export declare const Options: ({ value, options, onChange }: {
     value: string;
     options: readonly Option[];

package/dist/lib/components/panel/footer/control-center/preview.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare const PreviewProvider: ({ enabled, children }: {
     enabled: boolean;
     children: ReactNode;

package/dist/lib/components/panel/footer/control-center/tile.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare const ActionTile: ({ label, description, icon, compact, isSelected, onPress }: {
     label: string;
     description?: string;

package/dist/lib/components/panel/footer/control-center/types.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, ComponentType, ReactElement, ReactNode } from 'react';
-import type { Popover } from '@vezham/react-v3';
+import { ComponentProps, ComponentType, ReactElement, ReactNode } from 'react';
+import { Popover } from '@vezham/react-v3';
 export type TileDefinition<Context extends object = object> = {
     id: string;
     span: 'compact' | 'standard' | 'wide' | 'full';

package/dist/lib/components/panel/footer/control-center/variant.d.ts

@@ -1,4 +1,4 @@
-export declare const controlCenterVariants: import("tailwind-variants").TVReturnType<{
+export declare const controlCenterVariants: import('tailwind-variants').TVReturnType<{
     active: {
         true: {
             connectionIcon: string;
@@ -118,7 +118,7 @@ export declare const controlCenterVariants: import("tailwind-variants").TVReturn
     previewTitle: string;
     mediaControls: string;
     connectionIcon: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     active: {
         true: {
             connectionIcon: string;
@@ -179,7 +179,7 @@ export declare const controlCenterVariants: import("tailwind-variants").TVReturn
     mediaControls: string;
     connectionIcon: string;
 }>>;
-export declare const controlCenterTileVariants: import("tailwind-variants").TVReturnType<{
+export declare const controlCenterTileVariants: import('tailwind-variants').TVReturnType<{
     selected: {
         true: {
             button: string;
@@ -225,7 +225,7 @@ export declare const controlCenterTileVariants: import("tailwind-variants").TVRe
     text: string;
     title: string;
     description: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     selected: {
         true: {
             button: string;
@@ -249,7 +249,7 @@ export declare const controlCenterTileVariants: import("tailwind-variants").TVRe
     title: string;
     description: string;
 }>>;
-export declare const optionTileVariants: import("tailwind-variants").TVReturnType<{
+export declare const optionTileVariants: import('tailwind-variants').TVReturnType<{
     selected: {
         true: "bg-primary/10 text-primary";
         false: "hover:bg-surface text-muted hover:text-foreground";
@@ -259,7 +259,7 @@ export declare const optionTileVariants: import("tailwind-variants").TVReturnTyp
         true: "bg-primary/10 text-primary";
         false: "hover:bg-surface text-muted hover:text-foreground";
     };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     selected: {
         true: "bg-primary/10 text-primary";
         false: "hover:bg-surface text-muted hover:text-foreground";

package/dist/lib/components/panel/footer/data.d.ts

@@ -1,4 +1,4 @@
-import type { StatusTimingOption, SuggestedStatusOption, UserStatus } from './types';
+import { StatusTimingOption, SuggestedStatusOption, UserStatus } from './types';
 declare const STATUS_OPTIONS: readonly [{
     readonly id: "active";
     readonly label: "Available";

package/dist/lib/components/panel/footer/drawer-frame.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare const FooterDrawerFrame: ({ isOpen, onClose, backdrop, placement, wrapperClassName, contentClassName, dialogClassName, children }: {
     isOpen: boolean;
     onClose: () => void;

package/dist/lib/components/panel/footer/index.d.ts

@@ -1,4 +1,4 @@
-import type { FooterActionsProps } from './types';
+import { FooterActionsProps } from './types';
 declare const Footer: ({ user, showAI, showControlCenter, controlCenter, showNotifications, showUserInfo, notificationCount, onAI, onNotificationsClick, onUserClick, toolbarAction, className }: FooterActionsProps) => import("react").JSX.Element;
 export { Footer };
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/notification-center/index.d.ts

@@ -1,4 +1,4 @@
 import { Props } from './types';
-declare const NotificationDrawer: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const NotificationDrawer: import('react').ForwardRefExoticComponent<Omit<Props, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export { NotificationDrawer };
 //# sourceMappingURL=index.d.ts.map