@noya-app/noya-designsystem 0.1.2 → 0.1.4

package/.turbo/turbo-build.log

@@ -1,18 +1,17 @@
-
-$ tsup src/index.tsx --format cjs,esm --dts --sourcemap
+$ tsup src/index.tsx --format cjs,esm --dts --sourcemap
 CLI Building entry: src/index.tsx
 CLI Using tsconfig: tsconfig.json
 CLI tsup v8.0.1
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     199.07 KB
-CJS dist/index.js.map 402.89 KB
-CJS ⚡️ Build success in 57ms
-ESM dist/index.mjs     182.57 KB
-ESM dist/index.mjs.map 402.45 KB
-ESM ⚡️ Build success in 58ms
+ESM dist/index.mjs     182.50 KB
+ESM dist/index.mjs.map 402.42 KB
+ESM ⚡️ Build success in 89ms
+CJS dist/index.js     198.78 KB
+CJS dist/index.js.map 402.70 KB
+CJS ⚡️ Build success in 89ms
 DTS Build start
-DTS ⚡️ Build success in 5924ms
-DTS dist/index.d.ts  55.00 KB
-DTS dist/index.d.mts 55.00 KB
+DTS ⚡️ Build success in 5952ms
+DTS dist/index.d.ts  53.87 KB
+DTS dist/index.d.mts 53.87 KB

package/.turbo/turbo-lint.log

@@ -1,3 +1,2 @@
-
-$ eslint . --max-warnings 0
+$ eslint . --max-warnings 0
 Pages directory cannot be found at /Users/devinabbott/Projects/noya-core/packages/noya-designsystem/pages or /Users/devinabbott/Projects/noya-core/packages/noya-designsystem/src/pages. If using a custom path, please configure with the `no-html-link-for-pages` rule in your eslint config file.

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @noya-app/noya-designsystem
 
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [e2253f0]
+  - @noya-app/noya-geometry@0.1.1
+
+## 0.1.3
+
+### Patch Changes
+
+- @noya-app/noya-colorpicker@0.1.2
+
 ## 0.1.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -7,7 +7,7 @@ import { Sketch } from '@noya-app/noya-file-format';
 import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import * as _noya_app_noya_keymap from '@noya-app/noya-keymap';
-import { KeyModifiers, PlatformName, KeyMap } from '@noya-app/noya-keymap';
+import { KeyModifiers, PlatformName } from '@noya-app/noya-keymap';
 import * as Icons from '@noya-app/noya-icons';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
@@ -15,7 +15,6 @@ import { IItemScore } from 'vscode-fuzzy-scorer';
 import { useSortable } from '@dnd-kit/sortable';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { useGesture } from 'react-use-gesture';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
 interface Props$h {
@@ -1062,27 +1061,6 @@ declare const useGlobalInputBlur: () => GlobalInputBlurContextValue;
 declare function useGlobalInputBlurListener(f: () => void): void;
 declare function useGlobalInputBlurTrigger(): () => void;
 
-type Optional<T> = T | false | null | undefined;
-type MenuConfig<T extends string> = Optional<Optional<RegularMenuItem<T>>[]>[];
-declare function createSectionedMenu<T extends string>(...sections: MenuConfig<T>): MenuItem<T>[];
-
-type ReactDOMEventHandlers = ReturnType<ReturnType<typeof useGesture>> & {
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    onKeyDownCapture?: (e: React.KeyboardEvent) => void;
-    onKeyUp?: (e: React.KeyboardEvent) => void;
-    onKeyUpCapture?: (e: React.KeyboardEvent) => void;
-    onKeyPress?: (e: React.KeyboardEvent) => void;
-    onKeyPressCapture?: (e: React.KeyboardEvent) => void;
-    onBeforeInput?: (e: InputEvent) => void;
-};
-type ReactEventHandlers<MenuItemType extends string = string> = ReactDOMEventHandlers & {
-    onContributeMenuItems?: () => Optional<RegularMenuItem<MenuItemType>>[];
-    keyboardShortcuts?: KeyMap;
-    onSelectMenuItem?: (id: string) => void;
-};
-type EventName = keyof ReactEventHandlers;
-declare function mergeEventHandlers(...handlerMaps: ReactEventHandlers[]): ReactEventHandlers;
-
 interface HoverEvent {
     /** The type of hover event being fired. */
     type: 'hoverstart' | 'hoverend';
@@ -1208,10 +1186,11 @@ declare namespace dark {
   export { dark_colors as colors, dark_fonts as fonts, dark_sizes as sizes, dark_textStyles as textStyles };
 }
 
-declare function getGradientBackground(value: Sketch.GradientStop[], type: Sketch.GradientType, direction?: number): string;
+type Optional<T> = T | false | null | undefined;
+type MenuConfig<T extends string> = Optional<Optional<RegularMenuItem<T>>[]>[];
+declare function createSectionedMenu<T extends string>(...sections: MenuConfig<T>): MenuItem<T>[];
 
-declare function isLeftButtonClicked(event: React.MouseEvent): boolean;
-declare function isRightButtonClicked(event: React.MouseEvent): boolean;
+declare function getGradientBackground(value: Sketch.GradientStop[], type: Sketch.GradientType, direction?: number): string;
 
 declare function sketchColorToRgba(value: Sketch.Color): RgbaColor;
 declare function sketchColorToRgbaString(value: Sketch.Color): string;
@@ -1307,4 +1286,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type EventName, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type ReactDOMEventHandlers, type ReactEventHandlers, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, isLeftButtonClicked, isRightButtonClicked, lightTheme, mediaQuery, mergeEventHandlers, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
+export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { Sketch } from '@noya-app/noya-file-format';
 import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import * as _noya_app_noya_keymap from '@noya-app/noya-keymap';
-import { KeyModifiers, PlatformName, KeyMap } from '@noya-app/noya-keymap';
+import { KeyModifiers, PlatformName } from '@noya-app/noya-keymap';
 import * as Icons from '@noya-app/noya-icons';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
@@ -15,7 +15,6 @@ import { IItemScore } from 'vscode-fuzzy-scorer';
 import { useSortable } from '@dnd-kit/sortable';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { useGesture } from 'react-use-gesture';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
 interface Props$h {
@@ -1062,27 +1061,6 @@ declare const useGlobalInputBlur: () => GlobalInputBlurContextValue;
 declare function useGlobalInputBlurListener(f: () => void): void;
 declare function useGlobalInputBlurTrigger(): () => void;
 
-type Optional<T> = T | false | null | undefined;
-type MenuConfig<T extends string> = Optional<Optional<RegularMenuItem<T>>[]>[];
-declare function createSectionedMenu<T extends string>(...sections: MenuConfig<T>): MenuItem<T>[];
-
-type ReactDOMEventHandlers = ReturnType<ReturnType<typeof useGesture>> & {
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    onKeyDownCapture?: (e: React.KeyboardEvent) => void;
-    onKeyUp?: (e: React.KeyboardEvent) => void;
-    onKeyUpCapture?: (e: React.KeyboardEvent) => void;
-    onKeyPress?: (e: React.KeyboardEvent) => void;
-    onKeyPressCapture?: (e: React.KeyboardEvent) => void;
-    onBeforeInput?: (e: InputEvent) => void;
-};
-type ReactEventHandlers<MenuItemType extends string = string> = ReactDOMEventHandlers & {
-    onContributeMenuItems?: () => Optional<RegularMenuItem<MenuItemType>>[];
-    keyboardShortcuts?: KeyMap;
-    onSelectMenuItem?: (id: string) => void;
-};
-type EventName = keyof ReactEventHandlers;
-declare function mergeEventHandlers(...handlerMaps: ReactEventHandlers[]): ReactEventHandlers;
-
 interface HoverEvent {
     /** The type of hover event being fired. */
     type: 'hoverstart' | 'hoverend';
@@ -1208,10 +1186,11 @@ declare namespace dark {
   export { dark_colors as colors, dark_fonts as fonts, dark_sizes as sizes, dark_textStyles as textStyles };
 }
 
-declare function getGradientBackground(value: Sketch.GradientStop[], type: Sketch.GradientType, direction?: number): string;
+type Optional<T> = T | false | null | undefined;
+type MenuConfig<T extends string> = Optional<Optional<RegularMenuItem<T>>[]>[];
+declare function createSectionedMenu<T extends string>(...sections: MenuConfig<T>): MenuItem<T>[];
 
-declare function isLeftButtonClicked(event: React.MouseEvent): boolean;
-declare function isRightButtonClicked(event: React.MouseEvent): boolean;
+declare function getGradientBackground(value: Sketch.GradientStop[], type: Sketch.GradientType, direction?: number): string;
 
 declare function sketchColorToRgba(value: Sketch.Color): RgbaColor;
 declare function sketchColorToRgbaString(value: Sketch.Color): string;
@@ -1307,4 +1286,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type EventName, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type ReactDOMEventHandlers, type ReactEventHandlers, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, isLeftButtonClicked, isRightButtonClicked, lightTheme, mediaQuery, mergeEventHandlers, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
+export { ActivityIndicator, ArrayController, type ArrayControllerProps, Avatar, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };