@noya-app/noya-designsystem 0.0.7 → 0.0.8

package/.turbo/turbo-build.log

@@ -5,13 +5,13 @@ CLI tsup v8.0.1
 CLI Target: esnext
 CJS Build start
 ESM Build start
+CJS dist/index.js     183.08 KB
+CJS dist/index.js.map 366.48 KB
+CJS ⚡️ Build success in 48ms
+ESM dist/index.mjs     166.96 KB
+ESM dist/index.mjs.map 365.59 KB
+ESM ⚡️ Build success in 48ms
 DTS Build start
-CJS dist/index.js     787.14 KB
-CJS dist/index.js.map 1.12 MB
-CJS ⚡️ Build success in 362ms
-ESM dist/index.mjs     750.45 KB
-ESM dist/index.mjs.map 1.12 MB
-ESM ⚡️ Build success in 362ms
-DTS ⚡️ Build success in 5235ms
-DTS dist/index.d.ts  48.78 KB
-DTS dist/index.d.mts 48.78 KB
+DTS ⚡️ Build success in 5132ms
+DTS dist/index.d.ts  52.64 KB
+DTS dist/index.d.mts 52.64 KB

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @noya-app/noya-designsystem
 
+## 0.0.8
+
+### Patch Changes
+
+- Add missing deps
+  - @noya-app/noya-colorpicker@0.0.4
+
 ## 0.0.7
 
 ### Patch Changes

package/dist/index.d.mts

@@ -913,7 +913,7 @@ interface Props$1 extends StyleProps {
     children: ReactNode;
     onClick?: () => void;
 }
-declare const Text: (props: Props$1 & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Text$1: (props: Props$1 & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 type PresetProps = Omit<Props$1, 'variant'>;
 declare const Heading1: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 declare const Heading2: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -991,7 +991,7 @@ declare const DesignSystemConfigurationProvider: (props: {
 declare function useDesignSystemConfiguration(): DesignSystemConfigurationContextValue;
 declare function useDesignSystemTheme(): styled_components.DefaultTheme;
 
-declare const Row: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Row$1: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 type DialogContextValue = {
     openInputDialog(title: string, inputValue?: string): Promise<string | undefined>;
     containsElement(element: HTMLElement): boolean;
@@ -1179,9 +1179,78 @@ declare function sketchColorToRgbaString(value: Sketch.Color): string;
 declare function rgbaToSketchColor(value: RgbaColor): Sketch.Color;
 declare function sketchColorToHex(value: Sketch.Color): string;
 
+declare const Section: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    padding?: CSSProperties["padding"];
+    gap?: CSSProperties["gap"];
+}, never>;
+declare const SectionHeader: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Title: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    textStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+}, never>;
+declare const Row: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    gap?: CSSProperties["gap"];
+}, never>;
+declare const Column: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Checkbox: styled_components.StyledComponent<"input", styled_components.DefaultTheme, {}, never>;
+declare const Text: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
+declare const VerticalSeparator: () => React__default.JSX.Element;
+declare const HorizontalSeparator: () => React__default.JSX.Element;
+declare const RowLabel: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {
+    textStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+}, never>;
+declare const LabeledRow: (props: {
+    id?: string | undefined;
+    children: ReactNode;
+    label: string;
+    labelTextStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+    gap?: CSSProperties["gap"];
+    right?: ReactNode;
+}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const LabeledSliderRow: (props: {
+    children: ReactNode;
+    label: string;
+}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+
+declare const InspectorPrimitives_Checkbox: typeof Checkbox;
+declare const InspectorPrimitives_Column: typeof Column;
+declare const InspectorPrimitives_HorizontalSeparator: typeof HorizontalSeparator;
+declare const InspectorPrimitives_LabeledRow: typeof LabeledRow;
+declare const InspectorPrimitives_LabeledSliderRow: typeof LabeledSliderRow;
+declare const InspectorPrimitives_Row: typeof Row;
+declare const InspectorPrimitives_RowLabel: typeof RowLabel;
+declare const InspectorPrimitives_Section: typeof Section;
+declare const InspectorPrimitives_SectionHeader: typeof SectionHeader;
+declare const InspectorPrimitives_Text: typeof Text;
+declare const InspectorPrimitives_Title: typeof Title;
+declare const InspectorPrimitives_VerticalSeparator: typeof VerticalSeparator;
+declare namespace InspectorPrimitives {
+  export { InspectorPrimitives_Checkbox as Checkbox, InspectorPrimitives_Column as Column, InspectorPrimitives_HorizontalSeparator as HorizontalSeparator, InspectorPrimitives_LabeledRow as LabeledRow, InspectorPrimitives_LabeledSliderRow as LabeledSliderRow, InspectorPrimitives_Row as Row, InspectorPrimitives_RowLabel as RowLabel, InspectorPrimitives_Section as Section, InspectorPrimitives_SectionHeader as SectionHeader, InspectorPrimitives_Text as Text, InspectorPrimitives_Title as Title, InspectorPrimitives_VerticalSeparator as VerticalSeparator };
+}
+
+interface ArrayControllerProps<Item> {
+    id: string;
+    items: Item[];
+    title: ReactNode;
+    sortable?: boolean;
+    reversed?: boolean;
+    expanded?: boolean;
+    getKey?: (item: Item) => string;
+    onMoveItem?: (sourceIndex: number, destinationIndex: number) => void;
+    onClickPlus?: () => void;
+    onClickTrash?: () => void;
+    onClickExpand?: () => void;
+    renderItem: (props: {
+        item: Item;
+        index: number;
+    }) => ReactNode;
+    renderExpandedContent?: () => ReactNode;
+    padding?: number;
+}
+declare const ArrayController: <Item>(props: ArrayControllerProps<Item>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+
 declare module "react" {
     function memo<A, B>(Component: (props: A) => B): (props: A) => React.ReactElement | null;
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, 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, Divider, DividerVertical, type DropValidator, DropdownMenu, type EditableRowProps, type EventName, type ExtractMenuItemType, FillInputField, FillPreviewBackground, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, 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, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, isLeftButtonClicked, isRightButtonClicked, lightTheme, mediaQuery, mergeEventHandlers, normalizeListIndex, 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, Divider, DividerVertical, type DropValidator, DropdownMenu, type EditableRowProps, type EventName, type ExtractMenuItemType, FillInputField, FillPreviewBackground, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, 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 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, isLeftButtonClicked, isRightButtonClicked, lightTheme, mediaQuery, mergeEventHandlers, normalizeListIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };

package/dist/index.d.ts

@@ -913,7 +913,7 @@ interface Props$1 extends StyleProps {
     children: ReactNode;
     onClick?: () => void;
 }
-declare const Text: (props: Props$1 & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Text$1: (props: Props$1 & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 type PresetProps = Omit<Props$1, 'variant'>;
 declare const Heading1: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 declare const Heading2: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -991,7 +991,7 @@ declare const DesignSystemConfigurationProvider: (props: {
 declare function useDesignSystemConfiguration(): DesignSystemConfigurationContextValue;
 declare function useDesignSystemTheme(): styled_components.DefaultTheme;
 
-declare const Row: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Row$1: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 type DialogContextValue = {
     openInputDialog(title: string, inputValue?: string): Promise<string | undefined>;
     containsElement(element: HTMLElement): boolean;
@@ -1179,9 +1179,78 @@ declare function sketchColorToRgbaString(value: Sketch.Color): string;
 declare function rgbaToSketchColor(value: RgbaColor): Sketch.Color;
 declare function sketchColorToHex(value: Sketch.Color): string;
 
+declare const Section: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    padding?: CSSProperties["padding"];
+    gap?: CSSProperties["gap"];
+}, never>;
+declare const SectionHeader: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Title: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    textStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+}, never>;
+declare const Row: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    gap?: CSSProperties["gap"];
+}, never>;
+declare const Column: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const Checkbox: styled_components.StyledComponent<"input", styled_components.DefaultTheme, {}, never>;
+declare const Text: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {}, never>;
+declare const VerticalSeparator: () => React__default.JSX.Element;
+declare const HorizontalSeparator: () => React__default.JSX.Element;
+declare const RowLabel: styled_components.StyledComponent<"span", styled_components.DefaultTheme, {
+    textStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+}, never>;
+declare const LabeledRow: (props: {
+    id?: string | undefined;
+    children: ReactNode;
+    label: string;
+    labelTextStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+    gap?: CSSProperties["gap"];
+    right?: ReactNode;
+}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const LabeledSliderRow: (props: {
+    children: ReactNode;
+    label: string;
+}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+
+declare const InspectorPrimitives_Checkbox: typeof Checkbox;
+declare const InspectorPrimitives_Column: typeof Column;
+declare const InspectorPrimitives_HorizontalSeparator: typeof HorizontalSeparator;
+declare const InspectorPrimitives_LabeledRow: typeof LabeledRow;
+declare const InspectorPrimitives_LabeledSliderRow: typeof LabeledSliderRow;
+declare const InspectorPrimitives_Row: typeof Row;
+declare const InspectorPrimitives_RowLabel: typeof RowLabel;
+declare const InspectorPrimitives_Section: typeof Section;
+declare const InspectorPrimitives_SectionHeader: typeof SectionHeader;
+declare const InspectorPrimitives_Text: typeof Text;
+declare const InspectorPrimitives_Title: typeof Title;
+declare const InspectorPrimitives_VerticalSeparator: typeof VerticalSeparator;
+declare namespace InspectorPrimitives {
+  export { InspectorPrimitives_Checkbox as Checkbox, InspectorPrimitives_Column as Column, InspectorPrimitives_HorizontalSeparator as HorizontalSeparator, InspectorPrimitives_LabeledRow as LabeledRow, InspectorPrimitives_LabeledSliderRow as LabeledSliderRow, InspectorPrimitives_Row as Row, InspectorPrimitives_RowLabel as RowLabel, InspectorPrimitives_Section as Section, InspectorPrimitives_SectionHeader as SectionHeader, InspectorPrimitives_Text as Text, InspectorPrimitives_Title as Title, InspectorPrimitives_VerticalSeparator as VerticalSeparator };
+}
+
+interface ArrayControllerProps<Item> {
+    id: string;
+    items: Item[];
+    title: ReactNode;
+    sortable?: boolean;
+    reversed?: boolean;
+    expanded?: boolean;
+    getKey?: (item: Item) => string;
+    onMoveItem?: (sourceIndex: number, destinationIndex: number) => void;
+    onClickPlus?: () => void;
+    onClickTrash?: () => void;
+    onClickExpand?: () => void;
+    renderItem: (props: {
+        item: Item;
+        index: number;
+    }) => ReactNode;
+    renderExpandedContent?: () => ReactNode;
+    padding?: number;
+}
+declare const ArrayController: <Item>(props: ArrayControllerProps<Item>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+
 declare module "react" {
     function memo<A, B>(Component: (props: A) => B): (props: A) => React.ReactElement | null;
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, 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, Divider, DividerVertical, type DropValidator, DropdownMenu, type EditableRowProps, type EventName, type ExtractMenuItemType, FillInputField, FillPreviewBackground, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type IToken, type IVirtualizedList, IconButton, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, 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, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectOption, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, isLeftButtonClicked, isRightButtonClicked, lightTheme, mediaQuery, mergeEventHandlers, normalizeListIndex, 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, Divider, DividerVertical, type DropValidator, DropdownMenu, type EditableRowProps, type EventName, type ExtractMenuItemType, FillInputField, FillPreviewBackground, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, 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 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, isLeftButtonClicked, isRightButtonClicked, lightTheme, mediaQuery, mergeEventHandlers, normalizeListIndex, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };