entangle-ui 0.8.0 → 0.8.2

package/dist/types/components/Icons/UndoIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Undo icon component for undo actions.
+ *
+ * A standard curved arrow icon commonly used for undoing operations,
+ * reverting changes, and history navigation in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UndoIcon />
+ *
+ * // With custom size and color
+ * <UndoIcon size="md" color="secondary" />
+ *
+ * // In an undo button
+ * <Button icon={<UndoIcon />}>Undo</Button>
+ * ```
+ */
+declare const UndoIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { UndoIcon };

package/dist/types/components/Icons/UnlockIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Unlock icon component for security and unlocked states.
+ *
+ * A standard open padlock icon commonly used for indicating unlocked content,
+ * accessible features, and unprotected operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UnlockIcon />
+ *
+ * // With custom size and color
+ * <UnlockIcon size="md" color="success" />
+ *
+ * // In a security context
+ * <Button icon={<UnlockIcon />}>Unlock</Button>
+ * ```
+ */
+declare const UnlockIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { UnlockIcon };

package/dist/types/components/Icons/UploadIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Upload icon component for upload actions.
+ *
+ * A standard upload arrow icon commonly used for uploading files,
+ * importing data, and file transfer operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UploadIcon />
+ *
+ * // With custom size and color
+ * <UploadIcon size="lg" color="primary" />
+ *
+ * // In an upload button
+ * <Button icon={<UploadIcon />}>Upload</Button>
+ * ```
+ */
+declare const UploadIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { UploadIcon };

package/dist/types/components/Icons/UserIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * User icon component for user profiles and accounts.
+ *
+ * A standard user silhouette icon commonly used for user profiles,
+ * account management, and person-related features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UserIcon />
+ *
+ * // With custom size and color
+ * <UserIcon size="sm" color="secondary" />
+ *
+ * // In a profile context
+ * <Button icon={<UserIcon />}>Profile</Button>
+ * ```
+ */
+declare const UserIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { UserIcon };

package/dist/types/components/Icons/UsersIcon.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Users icon component for groups, teams, and multi-user contexts.
+ *
+ * Two overlapping user silhouettes commonly used for team membership,
+ * shared resources, and group-level actions. Pairs with `UserIcon` for
+ * single-user contexts.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UsersIcon />
+ *
+ * // With custom size and color
+ * <UsersIcon size="md" color="secondary" />
+ *
+ * // In a team selector
+ * <Button icon={<UsersIcon />}>Team</Button>
+ * ```
+ */
+declare const UsersIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { UsersIcon };

package/dist/types/components/Icons/WarningIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Warning icon component for warning states.
+ *
+ * A standard triangle with exclamation icon commonly used for warnings,
+ * caution messages, and alert notifications in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <WarningIcon />
+ *
+ * // With custom size and color
+ * <WarningIcon size="md" color="warning" />
+ *
+ * // In a warning context
+ * <Button icon={<WarningIcon />}>Warning</Button>
+ * ```
+ */
+declare const WarningIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { WarningIcon };

package/dist/types/components/Icons/ZoomInIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Zoom In icon component for zoom in actions.
+ *
+ * A standard magnifying glass with plus icon commonly used for zooming in,
+ * enlarging content, and scale increase operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ZoomInIcon />
+ *
+ * // With custom size and color
+ * <ZoomInIcon size="md" color="accent" />
+ *
+ * // In a zoom context
+ * <Button icon={<ZoomInIcon />}>Zoom In</Button>
+ * ```
+ */
+declare const ZoomInIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { ZoomInIcon };

package/dist/types/components/Icons/ZoomOutIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Zoom Out icon component for zoom out actions.
+ *
+ * A standard magnifying glass with minus icon commonly used for zooming out,
+ * reducing content, and scale decrease operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ZoomOutIcon />
+ *
+ * // With custom size and color
+ * <ZoomOutIcon size="lg" color="secondary" />
+ *
+ * // In a zoom context
+ * <Button icon={<ZoomOutIcon />}>Zoom Out</Button>
+ * ```
+ */
+declare const ZoomOutIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { ZoomOutIcon };

package/dist/types/components/editor/ChatPanel/ChatAttachment.d.ts

@@ -6,8 +6,8 @@ declare const ChatAttachmentChip: React.NamedExoticComponent<{
     onRemove?: ((id: string) => void) | undefined;
     onClick?: ((attachment: ChatAttachmentData) => void) | undefined;
     removable?: boolean | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     children?: React.ReactNode;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;
     testId?: string | undefined;

package/dist/types/components/editor/ChatPanel/ChatInput.d.ts

@@ -16,8 +16,8 @@ declare const ChatInput: React.NamedExoticComponent<{
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     toolbar?: React.ReactNode;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     children?: React.ReactNode;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;
     testId?: string | undefined;

package/dist/types/components/feedback/EmptyState/EmptyState.d.ts

@@ -27,8 +27,8 @@ declare const EmptyState: React.NamedExoticComponent<{
     action?: React.ReactNode;
     variant?: EmptyStateVariant | undefined;
     loading?: boolean | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     children?: React.ReactNode;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;
     testId?: string | undefined;

package/dist/types/components/layout/PageHeader/PageHeader.d.ts

@@ -25,8 +25,8 @@ declare const PageHeader: React.NamedExoticComponent<{
     breadcrumbs?: React.ReactNode;
     size?: PageHeaderSize | undefined;
     bordered?: boolean | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     children?: React.ReactNode;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;
     testId?: string | undefined;

package/dist/types/components/primitives/Radio/Radio.d.ts

@@ -34,8 +34,8 @@ declare const Radio: React.NamedExoticComponent<{
     errorMessage?: string | undefined;
     name?: string | undefined;
     onChange?: ((value: string, event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     children?: React.ReactNode;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     id?: string | undefined | undefined;
     className?: string | undefined | undefined;
     testId?: string | undefined;

package/dist/types/context/KeyboardContext.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { AllKeys, KeyboardState } from '../hooks/useKeyboard/types.js';
+
+interface KeyboardContextProviderProps {
+    children: React.ReactNode;
+}
+declare const KeyboardContextProvider: React.MemoExoticComponent<({ children }: KeyboardContextProviderProps) => react_jsx_runtime.JSX.Element>;
+declare const useKeyboardContext: () => KeyboardState;
+type KeyboardEffectMode = 'keydown' | 'keyup';
+type KeyboardEffect = {
+    key: AllKeys;
+    actions: {
+        [mode in KeyboardEffectMode]?: () => void;
+    };
+};
+declare function useEffectsOnKeyboard(actions: KeyboardEffect[]): void;
+
+export { KeyboardContextProvider, useEffectsOnKeyboard, useKeyboardContext };
+export type { KeyboardContextProviderProps };

package/dist/types/index.d.ts

@@ -175,6 +175,88 @@ export { StatusBar } from './components/shell/StatusBar/StatusBar.js';
 export { StatusBarItemProps, StatusBarProps, StatusBarSectionProps, StatusBarSectionSide, StatusBarSize, StatusBarVariant } from './components/shell/StatusBar/StatusBar.types.js';
 export { Toolbar } from './components/shell/Toolbar/Toolbar.js';
 export { ToolbarButtonProps, ToolbarButtonVariant, ToolbarGroupProps, ToolbarOrientation, ToolbarProps, ToolbarSeparatorProps, ToolbarSize, ToolbarSpacerProps, ToolbarToggleProps } from './components/shell/Toolbar/Toolbar.types.js';
+export { KeyboardContextProvider, KeyboardContextProviderProps, useEffectsOnKeyboard, useKeyboardContext } from './context/KeyboardContext.js';
+export { AddIcon } from './components/Icons/AddIcon.js';
+export { AiChatIcon } from './components/Icons/AiChatIcon.js';
+export { AiSparklesIcon } from './components/Icons/AiSparklesIcon.js';
+export { ArrowDownIcon } from './components/Icons/ArrowDownIcon.js';
+export { ArrowLeftIcon } from './components/Icons/ArrowLeftIcon.js';
+export { ArrowRightIcon } from './components/Icons/ArrowRightIcon.js';
+export { ArrowUpIcon } from './components/Icons/ArrowUpIcon.js';
+export { BookmarkIcon } from './components/Icons/BookmarkIcon.js';
+export { CalendarIcon } from './components/Icons/CalendarIcon.js';
+export { ChevronDownIcon } from './components/Icons/ChevronDownIcon.js';
+export { ChevronUpIcon } from './components/Icons/ChevronUpIcon.js';
+export { ClockIcon } from './components/Icons/ClockIcon.js';
+export { CloseIcon } from './components/Icons/CloseIcon.js';
+export { CodeIcon } from './components/Icons/CodeIcon.js';
+export { CopyIcon } from './components/Icons/CopyIcon.js';
+export { CutIcon } from './components/Icons/CutIcon.js';
+export { DownloadIcon } from './components/Icons/DownloadIcon.js';
+export { EditIcon } from './components/Icons/EditIcon.js';
+export { ErrorIcon } from './components/Icons/ErrorIcon.js';
+export { EyeDropperIcon } from './components/Icons/EyeDropperIcon.js';
+export { EyeIcon } from './components/Icons/EyeIcon.js';
+export { FilterIcon } from './components/Icons/FilterIcon.js';
+export { FolderIcon } from './components/Icons/FolderIcon.js';
+export { FullscreenIcon } from './components/Icons/FullscreenIcon.js';
+export { GridIcon } from './components/Icons/GridIcon.js';
+export { HeartIcon } from './components/Icons/HeartIcon.js';
+export { HelpIcon } from './components/Icons/HelpIcon.js';
+export { HomeIcon } from './components/Icons/HomeIcon.js';
+export { InfoIcon } from './components/Icons/InfoIcon.js';
+export { LinkIcon } from './components/Icons/LinkIcon.js';
+export { ListIcon } from './components/Icons/ListIcon.js';
+export { LockIcon } from './components/Icons/LockIcon.js';
+export { MaximizeIcon } from './components/Icons/MaximizeIcon.js';
+export { MenuIcon } from './components/Icons/MenuIcon.js';
+export { MinimizeIcon } from './components/Icons/MinimizeIcon.js';
+export { PasteIcon } from './components/Icons/PasteIcon.js';
+export { PlayIcon } from './components/Icons/PlayIcon.js';
+export { RedoIcon } from './components/Icons/RedoIcon.js';
+export { RefreshIcon } from './components/Icons/RefreshIcon.js';
+export { RobotIcon } from './components/Icons/RobotIcon.js';
+export { SaveIcon } from './components/Icons/SaveIcon.js';
+export { SearchIcon } from './components/Icons/SearchIcon.js';
+export { SettingsIcon } from './components/Icons/SettingsIcon.js';
+export { SortIcon } from './components/Icons/SortIcon.js';
+export { StarIcon } from './components/Icons/StarIcon.js';
+export { SuccessIcon } from './components/Icons/SuccessIcon.js';
+export { TagIcon } from './components/Icons/TagIcon.js';
+export { TrashIcon } from './components/Icons/TrashIcon.js';
+export { UndoIcon } from './components/Icons/UndoIcon.js';
+export { UnlockIcon } from './components/Icons/UnlockIcon.js';
+export { UploadIcon } from './components/Icons/UploadIcon.js';
+export { UserIcon } from './components/Icons/UserIcon.js';
+export { WarningIcon } from './components/Icons/WarningIcon.js';
+export { ZoomInIcon } from './components/Icons/ZoomInIcon.js';
+export { ZoomOutIcon } from './components/Icons/ZoomOutIcon.js';
+export { CheckIcon } from './components/Icons/CheckIcon.js';
+export { CircleIcon } from './components/Icons/CircleIcon.js';
+export { TangentFreeIcon } from './components/Icons/TangentFreeIcon.js';
+export { TangentAlignedIcon } from './components/Icons/TangentAlignedIcon.js';
+export { TangentMirroredIcon } from './components/Icons/TangentMirroredIcon.js';
+export { TangentAutoIcon } from './components/Icons/TangentAutoIcon.js';
+export { TangentLinearIcon } from './components/Icons/TangentLinearIcon.js';
+export { TangentStepIcon } from './components/Icons/TangentStepIcon.js';
+export { ArchiveIcon } from './components/Icons/ArchiveIcon.js';
+export { DotsVerticalIcon } from './components/Icons/DotsVerticalIcon.js';
+export { DotsHorizontalIcon } from './components/Icons/DotsHorizontalIcon.js';
+export { ChevronLeftIcon } from './components/Icons/ChevronLeftIcon.js';
+export { ChevronRightIcon } from './components/Icons/ChevronRightIcon.js';
+export { FolderOpenIcon } from './components/Icons/FolderOpenIcon.js';
+export { FolderCogIcon } from './components/Icons/FolderCogIcon.js';
+export { UsersIcon } from './components/Icons/UsersIcon.js';
+export { BuildingIcon } from './components/Icons/BuildingIcon.js';
+export { FileTextIcon } from './components/Icons/FileTextIcon.js';
+export { PauseIcon } from './components/Icons/PauseIcon.js';
+export { StopIcon } from './components/Icons/StopIcon.js';
+export { SendIcon } from './components/Icons/SendIcon.js';
+export { TerminalIcon } from './components/Icons/TerminalIcon.js';
+export { GitBranchIcon } from './components/Icons/GitBranchIcon.js';
+export { BugIcon } from './components/Icons/BugIcon.js';
+export { MinusIcon } from './components/Icons/MinusIcon.js';
+export { PinIcon } from './components/Icons/PinIcon.js';
 export { useKeyboard } from './hooks/useKeyboard/useKeyboard.js';
 export { AllKeys, KeyCode, KeyboardState, ModifierKeys } from './hooks/useKeyboard/types.js';
 export { UseControlledStateOptions, useControlledState } from './hooks/useControlledState/useControlledState.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "entangle-ui",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "type": "module",
   "sideEffects": [
     "*.css",