entangle-ui 0.8.0 → 0.8.1

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Trash icon component for delete actions.
+ *
+ * A standard trash can icon commonly used for deleting items,
+ * removing content, and destructive operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <TrashIcon />
+ *
+ * // With custom size and color
+ * <TrashIcon size="md" color="error" />
+ *
+ * // In a delete button
+ * <Button icon={<TrashIcon />}>Delete</Button>
+ * ```
+ */
+declare const TrashIcon: 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 { TrashIcon };

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/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/primitives/Button/Button.d.ts

@@ -390,6 +390,7 @@ declare const Button: React.NamedExoticComponent<{
     onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
+    value?: string | number | readonly string[] | undefined;
     name?: string | undefined | undefined;
     formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
@@ -397,7 +398,6 @@ declare const Button: React.NamedExoticComponent<{
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
 }>;
 
 export { Button };

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

@@ -347,6 +347,7 @@ declare const IconButton: React.NamedExoticComponent<{
     onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     form?: string | undefined | undefined;
+    value?: string | number | readonly string[] | undefined;
     name?: string | undefined | undefined;
     formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
@@ -354,7 +355,6 @@ declare const IconButton: React.NamedExoticComponent<{
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
 }>;
 
 export { IconButton };

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,70 @@ 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 { 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.1",
   "type": "module",
   "sideEffects": [
     "*.css",