@fewbox/den 0.1.43 → 0.2.0-preview.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/engine.js +2 -0
  2. package/engine.js.map +1 -0
  3. package/index-core.d.ts +1 -4
  4. package/index-engine.d.ts +27 -0
  5. package/index.css +1 -1
  6. package/index.js +2 -1
  7. package/index.js.map +1 -1
  8. package/package.json +10 -1
  9. package/scripts/generate-packages.js +12 -0
  10. package/server.js +71 -0
  11. package/src/components/Auth/GoogleGrant/index.d.ts +10 -8
  12. package/src/components/Auth/GoogleSignin/index.d.ts +6 -5
  13. package/src/components/Engine/Base/index.d.ts +21 -22
  14. package/src/components/Engine/index.d.ts +305 -124
  15. package/src/components/Layout/Breakpoint/index.d.ts +28 -0
  16. package/src/components/Layout/Dock/index.d.ts +26 -27
  17. package/src/components/Layout/Flex/index.d.ts +40 -34
  18. package/src/components/Layout/FlexItem/index.d.ts +8 -7
  19. package/src/components/Layout/Position/index.d.ts +19 -17
  20. package/src/components/Layout/PositionArea/index.d.ts +5 -4
  21. package/src/components/Layout/Responsive/index.d.ts +2 -2
  22. package/src/components/Layout/XBase/index.d.ts +10 -8
  23. package/src/components/Layout/YBase/index.d.ts +10 -8
  24. package/src/components/View/VAnimation/index.d.ts +122 -118
  25. package/src/components/View/VAside/index.d.ts +5 -0
  26. package/src/components/View/VAvatar/index.d.ts +0 -1
  27. package/src/components/View/VBackground/index.d.ts +10 -10
  28. package/src/components/View/VCardWindow/index.d.ts +6 -5
  29. package/src/components/View/VChromeExtensionValidator/index.d.ts +8 -7
  30. package/src/components/View/VErrorBoundary/index.d.ts +1 -1
  31. package/src/components/View/VForm/index.d.ts +7 -7
  32. package/src/components/View/VGoogleFont/index.d.ts +5 -4
  33. package/src/components/View/VHyperlink/index.d.ts +7 -6
  34. package/src/components/View/VImage/index.d.ts +12 -8
  35. package/src/components/View/VInput/VColor/index.d.ts +0 -2
  36. package/src/components/View/VInput/VDate/index.d.ts +0 -2
  37. package/src/components/View/VInput/VDatetimeLocal/index.d.ts +0 -2
  38. package/src/components/View/VInput/VDropdown/index.d.ts +2 -0
  39. package/src/components/View/VInput/VFile/index.d.ts +5 -4
  40. package/src/components/View/VInput/VGroup/index.d.ts +1 -1
  41. package/src/components/View/VInput/VRange/index.d.ts +2 -1
  42. package/src/components/View/VInput/index.d.ts +5 -4
  43. package/src/components/View/VLabel/index.d.ts +53 -47
  44. package/src/components/View/VNav/index.d.ts +5 -0
  45. package/src/components/View/VPhoto/index.d.ts +12 -10
  46. package/src/components/View/VRoot/index.d.ts +5 -4
  47. package/src/components/View/VShadow/index.d.ts +5 -4
  48. package/src/components/View/VShape/VEllipse/index.d.ts +5 -4
  49. package/src/components/View/VShape/VLine/index.d.ts +5 -4
  50. package/src/components/View/VShape/VRectangle/index.d.ts +5 -4
  51. package/src/components/View/VSvg/index.d.ts +11 -7
  52. package/src/components/View/VText/index.d.ts +18 -16
  53. package/src/components/View/VTextArea/index.d.ts +2 -0
  54. package/src/components/View/VTheme/index.d.ts +14 -7
  55. package/src/components/View/VTooltip/index.d.ts +5 -4
  56. package/src/components/View/VVideo/index.d.ts +1 -4
  57. package/src/components/View/VZone/index.d.ts +9 -8
  58. package/src/components/core.d.ts +20 -6
  59. package/src/components/web.d.ts +10 -3
  60. package/src/store/index.d.ts +6 -6
  61. package/templates/.claude/skills/fewbox-den/SKILL.md +434 -96
  62. package/templates/style/_core.scss +94 -0
  63. package/templates/style/_root-properties.scss +51 -0
  64. package/templates/style/_variables.scss +166 -3
  65. package/tsconfig.app.tsbuildinfo +1 -0
  66. package/src/components/Layout/Display/index.d.ts +0 -18
  67. package/src/components/Layout/index.d.ts +0 -8
@@ -1,9 +1,10 @@
1
1
  import { IBaseProps, IBaseStates } from '../../Engine/Base';
2
- export declare enum CardWindowSizeType {
3
- Auto = "auto",
4
- Contain = "contain",
5
- Cover = "cover"
6
- }
2
+ export declare const CardWindowSizeType: {
3
+ readonly Auto: "auto";
4
+ readonly Contain: "contain";
5
+ readonly Cover: "cover";
6
+ };
7
+ export type CardWindowSizeType = typeof CardWindowSizeType[keyof typeof CardWindowSizeType];
7
8
  export interface IVCardWindowProps extends IBaseProps {
8
9
  backgroundUrl: string;
9
10
  backgroundSize?: CardWindowSizeType;
@@ -6,11 +6,12 @@ export interface IChromeExtensionValidatorProps {
6
6
  downloadUrl?: string;
7
7
  overWrite?: (status: ExtensionStatus, meta: any) => React.JSX.Element;
8
8
  }
9
- export declare enum ExtensionStatus {
10
- Uninstalled = "uninstalled",
11
- Outdated = "outdated",
12
- Ready = "ready"
13
- }
9
+ export declare const ExtensionStatus: {
10
+ readonly Uninstalled: "uninstalled";
11
+ readonly Outdated: "outdated";
12
+ readonly Ready: "ready";
13
+ };
14
+ export type ExtensionStatus = typeof ExtensionStatus[keyof typeof ExtensionStatus];
14
15
  interface Meta {
15
16
  name: string;
16
17
  version: string;
@@ -19,5 +20,5 @@ export interface IChromeExtensionValidatorStates {
19
20
  meta?: Meta;
20
21
  status?: ExtensionStatus;
21
22
  }
22
- declare const ChromeExtensionValidator: (props: IChromeExtensionValidatorProps) => React.JSX.Element;
23
- export default ChromeExtensionValidator;
23
+ declare const VChromeExtensionValidator: (props: IChromeExtensionValidatorProps) => React.JSX.Element;
24
+ export default VChromeExtensionValidator;
@@ -13,6 +13,6 @@ declare class VErrorBoundary extends Component<IVErrorBoundaryProps, IVErrorBoun
13
13
  constructor(props: IVErrorBoundaryProps);
14
14
  static getDerivedStateFromError(error: Error): Partial<IVErrorBoundaryState>;
15
15
  componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
16
- render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
16
+ render(): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
17
17
  }
18
18
  export default VErrorBoundary;
@@ -1,13 +1,13 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum HandleSubmitCategory {
3
- Json = "json",
4
- FormData = "formdata"
5
- }
2
+ export declare const HandleSubmitCategory: {
3
+ readonly Json: "json";
4
+ readonly FormData: "formdata";
5
+ };
6
+ export type HandleSubmitCategory = typeof HandleSubmitCategory[keyof typeof HandleSubmitCategory];
6
7
  export interface IVFormProps extends IBaseProps<'form'> {
7
8
  handleSubmitCategory?: HandleSubmitCategory;
8
- handleSubmit: (json: any) => void;
9
- handleValidateError?: (input: HTMLInputElement) => void;
10
- errorColor?: string;
9
+ handleSubmit: (data: any) => void;
10
+ handleValidateError?: (invalidInputs: HTMLInputElement[]) => void;
11
11
  }
12
12
  declare const VForm: (props: IVFormProps) => React.JSX.Element;
13
13
  export default VForm;
@@ -1,8 +1,9 @@
1
1
  import { FontWeightType } from '../../Engine';
2
- export declare enum GoogleFontType {
3
- Normal = "normal",
4
- Italic = "italic"
5
- }
2
+ export declare const GoogleFontType: {
3
+ readonly Normal: "normal";
4
+ readonly Italic: "italic";
5
+ };
6
+ export type GoogleFontType = typeof GoogleFontType[keyof typeof GoogleFontType];
6
7
  export interface IGoogleFont {
7
8
  type: GoogleFontType;
8
9
  weight: FontWeightType;
@@ -1,10 +1,11 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum HyperlinkCategory {
3
- NewWindow = "_blank",
4
- Self = "_self",
5
- Parent = "_parent",
6
- Top = "_top"
7
- }
2
+ export declare const HyperlinkCategory: {
3
+ readonly NewWindow: "_blank";
4
+ readonly Self: "_self";
5
+ readonly Parent: "_parent";
6
+ readonly Top: "_top";
7
+ };
8
+ export type HyperlinkCategory = typeof HyperlinkCategory[keyof typeof HyperlinkCategory];
8
9
  export interface IVHyperlinkProps extends IBaseProps<'a'> {
9
10
  category: HyperlinkCategory;
10
11
  to: string;
@@ -1,13 +1,17 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum ImageCategory {
3
- Default = "default",
4
- Circle = "circle",
5
- Squared = "squared",
6
- FullSize = "full-size",
7
- Scale = "scale"
8
- }
2
+ export declare const ImageCategory: {
3
+ readonly Default: "default";
4
+ readonly Circle: "circle";
5
+ readonly Squared: "squared";
6
+ readonly FullSize: "full-size";
7
+ readonly Scale: "scale";
8
+ };
9
+ export type ImageCategory = typeof ImageCategory[keyof typeof ImageCategory];
9
10
  export interface IVImageProps extends IBaseProps<'img'> {
10
11
  category?: ImageCategory;
11
12
  }
12
- declare const _default: import("react").MemoExoticComponent<(props: IVImageProps) => React.JSX.Element>;
13
+ declare const _default: import("react").MemoExoticComponent<{
14
+ (props: IVImageProps): React.JSX.Element;
15
+ displayName: string;
16
+ }>;
13
17
  export default _default;
@@ -1,7 +1,5 @@
1
1
  import { IBaseInputProps } from "..";
2
2
  export interface IVColorProps extends IBaseInputProps {
3
3
  }
4
- export interface IVColorProps {
5
- }
6
4
  declare const VColor: (props: IVColorProps) => React.JSX.Element;
7
5
  export default VColor;
@@ -1,7 +1,5 @@
1
1
  import { IBaseInputProps } from "..";
2
2
  export interface IVDateProps extends IBaseInputProps {
3
3
  }
4
- export interface IVDateProps {
5
- }
6
4
  declare const VDate: (props: IVDateProps) => React.JSX.Element;
7
5
  export default VDate;
@@ -1,7 +1,5 @@
1
1
  import { IBaseInputProps } from "..";
2
2
  export interface IVDatetimeLocalProps extends IBaseInputProps {
3
3
  }
4
- export interface IVDatetimeLocalProps {
5
- }
6
4
  declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => React.JSX.Element;
7
5
  export default VDatetimeLocal;
@@ -22,6 +22,8 @@ export interface IVDropdownProps extends IBaseProps<'input'> {
22
22
  dockAlignment?: DockAlignment;
23
23
  menuBackgroundColor?: ColorType;
24
24
  menuZIndex?: Property.ZIndex;
25
+ menuGap?: Property.Gap;
26
+ isSelectOnly?: boolean;
25
27
  overWriteDropdownMenu?: (items: IDropdownItemData[]) => React.JSX.Element;
26
28
  overWriteDropdownItem?: (item: IDropdownItemData) => React.JSX.Element;
27
29
  handleChange?: (value: string) => void;
@@ -1,9 +1,10 @@
1
1
  import { IBaseInputProps } from "..";
2
2
  import { ColorType, FontSizeType } from "../../../Engine";
3
- export declare enum FileCategory {
4
- Vertical = "Vertical",
5
- Horizontal = "Horizontal"
6
- }
3
+ export declare const FileCategory: {
4
+ readonly Vertical: "Vertical";
5
+ readonly Horizontal: "Horizontal";
6
+ };
7
+ export type FileCategory = typeof FileCategory[keyof typeof FileCategory];
7
8
  export interface InputFile {
8
9
  name: string;
9
10
  objectUrl?: string;
@@ -1,7 +1,7 @@
1
1
  import { IBaseProps } from "../../../Engine/Base";
2
2
  export interface IVGroupProps extends IBaseProps {
3
3
  selectedValue: string;
4
- renderGroup: (selectedValue: string, hanldeSelect: React.ChangeEventHandler<any>) => React.JSX.Element;
4
+ renderGroup: (selectedValue: string, handleSelect: React.ChangeEventHandler<any>) => React.JSX.Element;
5
5
  }
6
6
  export interface IVGroupStates {
7
7
  selectedValue: string;
@@ -1,10 +1,11 @@
1
+ import { Property } from "csstype";
1
2
  import { IBaseInputProps } from "..";
2
3
  import { ColorType } from "../../../Engine";
3
- export type TLength = (string & {}) | 0;
4
4
  export interface IVRangeProps extends IBaseInputProps {
5
5
  thumbColor: ColorType;
6
6
  thumbBorderColor: ColorType;
7
7
  trackColor: ColorType;
8
+ trackHeight?: Property.Height;
8
9
  }
9
10
  declare const VRange: (props: IVRangeProps) => React.JSX.Element;
10
11
  export default VRange;
@@ -1,9 +1,9 @@
1
- import { IBaseProps, TLength } from "../../Engine/Base";
2
- import { FontSizeType } from "../../Engine";
1
+ import { IBaseProps } from "../../Engine/Base";
2
+ import { FontSizeType, FullColorType, FullGapType, FullPaddingType } from "../../Engine";
3
3
  import { LabelCategory } from "../VLabel";
4
- import { Property } from 'csstype';
5
4
  export interface IBaseInputProps extends IBaseProps<'input'> {
6
5
  ref?: React.Ref<HTMLInputElement>;
6
+ gap?: FullGapType;
7
7
  type?: React.HTMLInputTypeAttribute | undefined;
8
8
  label?: string;
9
9
  icon?: React.JSX.Element;
@@ -13,9 +13,10 @@ export interface IBaseInputProps extends IBaseProps<'input'> {
13
13
  isValueShow?: boolean;
14
14
  valueSize?: FontSizeType;
15
15
  valueCategory?: LabelCategory;
16
- valuePadding?: Property.Padding<TLength>;
16
+ valuePadding?: FullPaddingType;
17
17
  inputStyle?: React.CSSProperties;
18
18
  inputClassName?: string;
19
+ placeholderColor?: FullColorType;
19
20
  overWrite?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
20
21
  renderOptions?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
21
22
  }
@@ -1,57 +1,63 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum LabelCategory {
3
- Div = "div",
4
- Abbr = "abbr",
5
- Span = "span",
6
- H1 = "h1",
7
- H2 = "h2",
8
- H3 = "h3",
9
- H4 = "h4",
10
- H5 = "h5",
11
- H6 = "h6",
12
- I = "i",
13
- B = "b",
14
- U = "u",
15
- Em = "em",
16
- Strong = "strong",
17
- Blockquote = "blockquote",
18
- Cite = "cite",
19
- Code = "code",
20
- Del = "del",
21
- Dfn = "dfn",
22
- Ins = "ins",
23
- Kbd = "kbd",
24
- Mark = "mark",
25
- Pre = "pre",
26
- Q = "q",
27
- S = "s",
28
- Samp = "samp",
29
- Small = "small",
30
- Summary = "summary",
31
- Sup = "sup",
32
- Sub = "sub",
33
- Time = "time",
34
- Var = "var",
35
- Wbr = "wbr"
36
- }
2
+ export declare const LabelCategory: {
3
+ readonly Div: "div";
4
+ readonly Abbr: "abbr";
5
+ readonly Span: "span";
6
+ readonly H1: "h1";
7
+ readonly H2: "h2";
8
+ readonly H3: "h3";
9
+ readonly H4: "h4";
10
+ readonly H5: "h5";
11
+ readonly H6: "h6";
12
+ readonly I: "i";
13
+ readonly B: "b";
14
+ readonly U: "u";
15
+ readonly Em: "em";
16
+ readonly Strong: "strong";
17
+ readonly Blockquote: "blockquote";
18
+ readonly Cite: "cite";
19
+ readonly Code: "code";
20
+ readonly Del: "del";
21
+ readonly Dfn: "dfn";
22
+ readonly Ins: "ins";
23
+ readonly Kbd: "kbd";
24
+ readonly Mark: "mark";
25
+ readonly Pre: "pre";
26
+ readonly Q: "q";
27
+ readonly S: "s";
28
+ readonly Samp: "samp";
29
+ readonly Small: "small";
30
+ readonly Summary: "summary";
31
+ readonly Sup: "sup";
32
+ readonly Sub: "sub";
33
+ readonly Time: "time";
34
+ readonly Var: "var";
35
+ readonly Wbr: "wbr";
36
+ };
37
+ export type LabelCategory = typeof LabelCategory[keyof typeof LabelCategory];
37
38
  type ElementOf<C extends LabelCategory> = C;
38
- export declare enum LabelType {
39
- Default = "default",
40
- Circle = "circle"
41
- }
42
- export declare enum LabelAlignType {
43
- Justify = 0,
44
- Left = 1,
45
- Right = 2,
46
- Center = 3
47
- }
48
- export type IVLabelProps<C extends LabelCategory = LabelCategory.Span> = IBaseProps<ElementOf<C>> & {
39
+ export declare const LabelType: {
40
+ readonly Default: "default";
41
+ readonly Circle: "circle";
42
+ };
43
+ export type LabelType = typeof LabelType[keyof typeof LabelType];
44
+ export declare const LabelAlignType: {
45
+ readonly Justify: 0;
46
+ readonly Left: 1;
47
+ readonly Right: 2;
48
+ readonly Center: 3;
49
+ };
50
+ export type LabelAlignType = typeof LabelAlignType[keyof typeof LabelAlignType];
51
+ export type IVLabelProps<C extends LabelCategory = typeof LabelCategory.Span> = IBaseProps<ElementOf<C>> & {
49
52
  category?: C;
50
53
  type?: LabelType;
51
54
  alignType?: LabelAlignType;
52
55
  isTextOverflow?: boolean;
53
56
  caption: string | React.JSX.Element;
54
57
  };
55
- declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => React.JSX.Element;
58
+ declare const VLabel: {
59
+ <C extends LabelCategory>(props: IVLabelProps<C>): React.JSX.Element;
60
+ displayName: string;
61
+ };
56
62
  declare const _default: typeof VLabel;
57
63
  export default _default;
@@ -0,0 +1,5 @@
1
+ import { IBaseProps } from '../../Engine/Base';
2
+ export interface IVNavProps extends IBaseProps<'nav'> {
3
+ }
4
+ declare const VNav: (props: IVNavProps) => React.JSX.Element;
5
+ export default VNav;
@@ -1,14 +1,16 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum PhotoCategory {
3
- Auto = "auto",
4
- Contain = "contain",
5
- Cover = "cover"
6
- }
7
- export declare enum PhotoPositionType {
8
- Left = "left",
9
- Center = "center",
10
- Right = "right"
11
- }
2
+ export declare const PhotoCategory: {
3
+ readonly Auto: "auto";
4
+ readonly Contain: "contain";
5
+ readonly Cover: "cover";
6
+ };
7
+ export type PhotoCategory = typeof PhotoCategory[keyof typeof PhotoCategory];
8
+ export declare const PhotoPositionType: {
9
+ readonly Left: "left";
10
+ readonly Center: "center";
11
+ readonly Right: "right";
12
+ };
13
+ export type PhotoPositionType = typeof PhotoPositionType[keyof typeof PhotoPositionType];
12
14
  export interface IVPhotoProps extends IBaseProps {
13
15
  category: PhotoCategory;
14
16
  position?: PhotoPositionType;
@@ -1,8 +1,9 @@
1
1
  import { IBaseReturn } from '../../Engine/Base';
2
- export declare enum RootCategory {
3
- Display = "display",
4
- Rich = "rich"
5
- }
2
+ export declare const RootCategory: {
3
+ readonly Display: "display";
4
+ readonly Rich: "rich";
5
+ };
6
+ export type RootCategory = typeof RootCategory[keyof typeof RootCategory];
6
7
  export interface IVRootProps {
7
8
  ref?: React.Ref<HTMLDivElement>;
8
9
  _base: IBaseReturn;
@@ -1,8 +1,9 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum ShadowCategory {
3
- Default = "default",
4
- Max = "max"
5
- }
2
+ export declare const ShadowCategory: {
3
+ readonly Default: "default";
4
+ readonly Max: "max";
5
+ };
6
+ export type ShadowCategory = typeof ShadowCategory[keyof typeof ShadowCategory];
6
7
  export interface IVShadowProps extends IBaseProps {
7
8
  category?: ShadowCategory;
8
9
  x?: number;
@@ -1,8 +1,9 @@
1
1
  import { IBaseProps } from '../../../Engine/Base';
2
- export declare enum EllipseCategory {
3
- Default = "default",
4
- Fixed = "fixed"
5
- }
2
+ export declare const EllipseCategory: {
3
+ readonly Default: "default";
4
+ readonly Fixed: "fixed";
5
+ };
6
+ export type EllipseCategory = typeof EllipseCategory[keyof typeof EllipseCategory];
6
7
  export interface IVEllipseProps extends IBaseProps {
7
8
  category?: EllipseCategory;
8
9
  }
@@ -1,8 +1,9 @@
1
1
  import { IBaseProps } from '../../../Engine/Base';
2
- export declare enum LineCategory {
3
- Vertical = "vertical",
4
- Horizontal = "horizontal"
5
- }
2
+ export declare const LineCategory: {
3
+ readonly Vertical: "vertical";
4
+ readonly Horizontal: "horizontal";
5
+ };
6
+ export type LineCategory = typeof LineCategory[keyof typeof LineCategory];
6
7
  export interface IVLineProps extends IBaseProps {
7
8
  category: LineCategory;
8
9
  }
@@ -1,8 +1,9 @@
1
1
  import { IBaseProps } from '../../../Engine/Base';
2
- export declare enum RectangleCategory {
3
- Default = "default",
4
- Fixed = "fixed"
5
- }
2
+ export declare const RectangleCategory: {
3
+ readonly Default: "default";
4
+ readonly Fixed: "fixed";
5
+ };
6
+ export type RectangleCategory = typeof RectangleCategory[keyof typeof RectangleCategory];
6
7
  export interface IVRectangleProps extends IBaseProps {
7
8
  category?: RectangleCategory;
8
9
  }
@@ -1,15 +1,19 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum SvgCategory {
3
- Default = "default",
4
- Circle = "circle",
5
- Squared = "squared",
6
- Custom = "custom"
7
- }
2
+ export declare const SvgCategory: {
3
+ readonly Default: "default";
4
+ readonly Circle: "circle";
5
+ readonly Squared: "squared";
6
+ readonly Custom: "custom";
7
+ };
8
+ export type SvgCategory = typeof SvgCategory[keyof typeof SvgCategory];
8
9
  export interface IVSvgProps extends IBaseProps {
9
10
  category?: SvgCategory;
10
11
  onClick?: React.MouseEventHandler<any>;
11
12
  onMouseEnter?: React.MouseEventHandler<any>;
12
13
  onMouseLeave?: React.MouseEventHandler<any>;
13
14
  }
14
- declare const _default: import("react").MemoExoticComponent<(props: IVSvgProps) => React.JSX.Element>;
15
+ declare const _default: import("react").MemoExoticComponent<{
16
+ (props: IVSvgProps): React.JSX.Element;
17
+ displayName: string;
18
+ }>;
15
19
  export default _default;
@@ -1,23 +1,25 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export declare enum TextCategory {
3
- P = "p",
4
- Address = "address",
5
- Article = "article",
6
- Aside = "aside",
7
- Details = "details",
8
- Section = "section"
9
- }
2
+ export declare const TextCategory: {
3
+ readonly P: "p";
4
+ readonly Address: "address";
5
+ readonly Article: "article";
6
+ readonly Aside: "aside";
7
+ readonly Details: "details";
8
+ readonly Section: "section";
9
+ };
10
+ export type TextCategory = typeof TextCategory[keyof typeof TextCategory];
10
11
  type ElementOf<C extends TextCategory> = C;
11
- export declare enum TextAlignType {
12
- Justify = 0,
13
- Left = 1,
14
- Right = 2,
15
- Center = 3
16
- }
17
- export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
12
+ export declare const TextAlignType: {
13
+ readonly Justify: 0;
14
+ readonly Left: 1;
15
+ readonly Right: 2;
16
+ readonly Center: 3;
17
+ };
18
+ export type TextAlignType = typeof TextAlignType[keyof typeof TextAlignType];
19
+ export type IVTextProps<C extends TextCategory = typeof TextCategory.P> = IBaseProps<ElementOf<C>> & {
18
20
  category?: C;
19
21
  alignType?: TextAlignType;
20
22
  renderContent: () => React.JSX.Element;
21
23
  };
22
- declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => React.JSX.Element;
24
+ declare const VText: <C extends TextCategory = "p">(props: IVTextProps<C>) => React.JSX.Element;
23
25
  export default VText;
@@ -1,9 +1,11 @@
1
1
  import { IBaseProps, IBaseStates } from '../../Engine/Base';
2
+ import { FullColorType } from '../../Engine';
2
3
  export interface IVTextAreaProps extends IBaseProps<'textarea'> {
3
4
  ref?: React.Ref<HTMLTextAreaElement>;
4
5
  icon?: React.JSX.Element;
5
6
  valueHook?: string;
6
7
  setStateHook?: (value: string) => void;
8
+ placeholderColor?: FullColorType;
7
9
  }
8
10
  export interface IVTextAreaStates extends IBaseStates {
9
11
  value?: string | ReadonlyArray<string> | number | undefined;
@@ -1,6 +1,12 @@
1
- import { BorderRadiusType, ColorType, FontFamilyType, FontSizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
1
+ import { ColorType } from '../../Engine';
2
+ import type { BorderRadiusType, FontFamilyType, FontSizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
2
3
  import { IBaseProps } from '../../Engine/Base';
3
- export interface Theme<C extends string, FS extends string, FW extends string, FF extends string, BR extends string, LH extends string, LS extends string, P extends string, VS extends string> {
4
+ type DefaultColors = Exclude<ColorType, 'transparent'>;
5
+ type DefaultFontSizes = FontSizeType;
6
+ type DefaultFontWeights = FontWeightType;
7
+ type DefaultBorderRadius = BorderRadiusType;
8
+ type DefaultViewSizes = ViewSizeType;
9
+ export interface ThemeVariables<C extends string = DefaultColors, FS extends string = DefaultFontSizes, FW extends string = DefaultFontWeights, FF extends string = FontFamilyType, BR extends string = DefaultBorderRadius, LH extends string = LineHeightType, LS extends string = LetterSpacingType, P extends string = PaddingType, VS extends string = DefaultViewSizes> {
4
10
  colors: {
5
11
  [key in C]: string;
6
12
  };
@@ -29,14 +35,15 @@ export interface Theme<C extends string, FS extends string, FW extends string, F
29
35
  [key in VS]: string;
30
36
  };
31
37
  }
32
- export declare enum ThemeCategory {
33
- Global = "global",
34
- Area = "area"
35
- }
38
+ export declare const ThemeCategory: {
39
+ readonly Global: "global";
40
+ readonly Area: "area";
41
+ };
42
+ export type ThemeCategory = typeof ThemeCategory[keyof typeof ThemeCategory];
36
43
  export interface IVThemeProps extends IBaseProps {
37
44
  category?: ThemeCategory;
38
45
  area?: string;
39
- theme: Theme<ColorType.Font | ColorType.Body | ColorType.White | ColorType.Black | ColorType.Light | ColorType.Light75 | ColorType.Light50 | ColorType.Light25 | ColorType.Dark | ColorType.Dark75 | ColorType.Dark50 | ColorType.Dark25 | ColorType.Primary | ColorType.Primary75 | ColorType.Primary50 | ColorType.Primary25 | ColorType.Secondary | ColorType.Secondary75 | ColorType.Secondary50 | ColorType.Secondary25 | ColorType.Tertiary | ColorType.Tertiary75 | ColorType.Tertiary50 | ColorType.Tertiary25 | ColorType.Info | ColorType.Info75 | ColorType.Info50 | ColorType.Info25 | ColorType.Success | ColorType.Success75 | ColorType.Success50 | ColorType.Success25 | ColorType.Warning | ColorType.Warning75 | ColorType.Warning50 | ColorType.Warning25 | ColorType.Error | ColorType.Error75 | ColorType.Error50 | ColorType.Error25 | ColorType.Border | ColorType.Border75 | ColorType.Border50 | ColorType.Border25 | ColorType.Placeholder | ColorType.Placeholder75 | ColorType.Placeholder50 | ColorType.Placeholder25, FontSizeType.AutoExtraLarge | FontSizeType.AutoExtraSmall | FontSizeType.AutoLarge | FontSizeType.AutoNormal | FontSizeType.AutoSmall | FontSizeType.Default | FontSizeType.ExtraLarge | FontSizeType.ExtraSmall | FontSizeType.Large | FontSizeType.Normal | FontSizeType.Small, FontWeightType.Black | FontWeightType.Bold | FontWeightType.ExtraBold | FontWeightType.ExtraLight | FontWeightType.Light | FontWeightType.Medium | FontWeightType.Regular | FontWeightType.SemiBold | FontWeightType.Thin, FontFamilyType.Default, BorderRadiusType.Default | BorderRadiusType.Fixed | BorderRadiusType.Max, LineHeightType.Default, LetterSpacingType.Default, PaddingType.Default, ViewSizeType.Ellipse | ViewSizeType.Image | ViewSizeType.Rectangle | ViewSizeType.Svg | ViewSizeType.Window>;
46
+ variables: ThemeVariables;
40
47
  }
41
48
  declare const VTheme: React.FC<IVThemeProps>;
42
49
  export default VTheme;
@@ -1,9 +1,10 @@
1
1
  import { IBaseProps, IBaseStates } from '../../Engine/Base';
2
2
  import { DockAlignment, DockCategory } from '../../Layout/Dock';
3
- export declare enum TooltipCategory {
4
- Hover = "hover",
5
- Click = "click"
6
- }
3
+ export declare const TooltipCategory: {
4
+ readonly Hover: "hover";
5
+ readonly Click: "click";
6
+ };
7
+ export type TooltipCategory = typeof TooltipCategory[keyof typeof TooltipCategory];
7
8
  export interface IVTooltipProps extends IBaseProps {
8
9
  category?: TooltipCategory;
9
10
  dockCategory: DockCategory;
@@ -1,8 +1,5 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export interface SourceItem {
3
- src: string;
4
- type: string;
5
- }
2
+ import { SourceItem } from '../VAudio';
6
3
  export interface IVVideoProps extends IBaseProps<'video'> {
7
4
  sources: SourceItem[];
8
5
  }