dirk-cfx-react 1.0.0

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 (33) hide show
  1. package/dist/click_sound-PNCRRTM4.mp3 +0 -0
  2. package/dist/components/index.d.mts +143 -0
  3. package/dist/components/index.d.ts +143 -0
  4. package/dist/components/index.js +1020 -0
  5. package/dist/components/index.js.map +1 -0
  6. package/dist/components/index.mjs +1000 -0
  7. package/dist/components/index.mjs.map +1 -0
  8. package/dist/hooks/index.d.mts +14 -0
  9. package/dist/hooks/index.d.ts +14 -0
  10. package/dist/hooks/index.js +33 -0
  11. package/dist/hooks/index.js.map +1 -0
  12. package/dist/hooks/index.mjs +31 -0
  13. package/dist/hooks/index.mjs.map +1 -0
  14. package/dist/hover_sound-NBUA222C.mp3 +0 -0
  15. package/dist/index.d.mts +9 -0
  16. package/dist/index.d.ts +9 -0
  17. package/dist/index.js +1256 -0
  18. package/dist/index.js.map +1 -0
  19. package/dist/index.mjs +1220 -0
  20. package/dist/index.mjs.map +1 -0
  21. package/dist/providers/index.d.mts +16 -0
  22. package/dist/providers/index.d.ts +16 -0
  23. package/dist/providers/index.js +208 -0
  24. package/dist/providers/index.js.map +1 -0
  25. package/dist/providers/index.mjs +205 -0
  26. package/dist/providers/index.mjs.map +1 -0
  27. package/dist/utils/index.d.mts +61 -0
  28. package/dist/utils/index.d.ts +61 -0
  29. package/dist/utils/index.js +283 -0
  30. package/dist/utils/index.js.map +1 -0
  31. package/dist/utils/index.mjs +269 -0
  32. package/dist/utils/index.mjs.map +1 -0
  33. package/package.json +74 -0
package/dist/click_sound-PNCRRTM4.mp3 ADDED
Binary file
package/dist/components/index.d.mts ADDED
@@ -0,0 +1,143 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React$1 from 'react';
3
+ import React__default from 'react';
4
+ import { Variants } from 'framer-motion';
5
+ import { StoreApi } from 'zustand';
6
+ import { FlexProps } from '@mantine/core';
7
+
8
+ type BorderedIconProps = {
9
+ icon: string;
10
+ color?: string;
11
+ fontSize?: string;
12
+ hovered?: boolean;
13
+ hoverable?: boolean;
14
+ radius?: string;
15
+ p?: string;
16
+ };
17
+ declare function BorderedIcon(props: BorderedIconProps): react_jsx_runtime.JSX.Element;
18
+
19
+ declare function Counter(props: {
20
+ count: number;
21
+ color?: string;
22
+ }): react_jsx_runtime.JSX.Element;
23
+
24
+ type FloatingParticlesProps = {
25
+ icons?: React__default.ReactNode[];
26
+ particleCount?: number;
27
+ color?: string;
28
+ size?: number;
29
+ speed?: 'slow' | 'medium' | 'fast';
30
+ opacity?: number;
31
+ className?: string;
32
+ style?: React__default.CSSProperties;
33
+ mouseRepelDistance?: number;
34
+ mouseRepelStrength?: number;
35
+ backgroundColor?: string;
36
+ };
37
+ type ParticleState = {
38
+ id: number;
39
+ baseX: number;
40
+ baseY: number;
41
+ currentX: number;
42
+ currentY: number;
43
+ icon: React__default.ReactNode | null;
44
+ animationDuration: number;
45
+ };
46
+ declare const FloatingParticles: React__default.FC<FloatingParticlesProps>;
47
+
48
+ type IconProps = {
49
+ type: 'fontawesome' | 'lucid';
50
+ icon: string;
51
+ size?: string | number;
52
+ };
53
+ declare function Icon(props: IconProps): react_jsx_runtime.JSX.Element;
54
+
55
+ type InfoBoxProps = {
56
+ leftSide: string;
57
+ rightSide: string;
58
+ };
59
+ declare function InfoBox(props: InfoBoxProps): react_jsx_runtime.JSX.Element;
60
+
61
+ type InputContainerProps = {
62
+ title?: string;
63
+ error?: string;
64
+ description?: string;
65
+ children?: React.ReactNode;
66
+ w?: string | number;
67
+ flex?: number | string;
68
+ h?: string | number;
69
+ bg?: string;
70
+ variants?: Variants;
71
+ rightSection?: React.ReactNode;
72
+ };
73
+ declare function InputContainer(props: InputContainerProps): react_jsx_runtime.JSX.Element;
74
+
75
+ declare const MotionFlex: React__default.ComponentType<any>;
76
+ declare const MotionText: React__default.ComponentType<any>;
77
+ declare const MotionIcon: React__default.ComponentType<any>;
78
+ declare const MotionImage: React__default.ComponentType<any>;
79
+
80
+ type SegmentProps = {
81
+ label: string;
82
+ value: string;
83
+ icon?: string;
84
+ rightSection?: React.ReactNode;
85
+ };
86
+ type SegmentedControlProps = {
87
+ w?: string;
88
+ multi?: boolean;
89
+ value?: string | string[];
90
+ onChange?: (value: string | string[]) => void;
91
+ fz?: string;
92
+ justify?: FlexProps['justify'];
93
+ items: SegmentProps[];
94
+ sounds?: boolean;
95
+ } & FlexProps;
96
+ declare function SegmentedControl(props: SegmentedControlProps): react_jsx_runtime.JSX.Element;
97
+ declare function Segment(props: SegmentProps & {
98
+ selected: boolean;
99
+ onClick: () => void;
100
+ fz?: string;
101
+ }): react_jsx_runtime.JSX.Element;
102
+
103
+ type NavigationStore = {
104
+ pageId: string;
105
+ };
106
+ declare const NavigationContext: React$1.Context<StoreApi<NavigationStore> | null>;
107
+ declare function useNavigation<T>(selector: (state: NavigationStore) => T): T;
108
+ declare function useNavigationStore(): StoreApi<NavigationStore>;
109
+ declare function NavigationProvider({ children, defaultPage }: {
110
+ children: React.ReactNode;
111
+ defaultPage?: string;
112
+ }): react_jsx_runtime.JSX.Element;
113
+ declare function NavBar(props: {
114
+ items: SegmentProps[];
115
+ }): react_jsx_runtime.JSX.Element;
116
+
117
+ type ProgressProps = {
118
+ progress: number;
119
+ segments: number;
120
+ size?: string | number;
121
+ };
122
+ declare function SegmentedProgress(props: ProgressProps): react_jsx_runtime.JSX.Element;
123
+
124
+ type ButtonProps = {
125
+ icon: string;
126
+ onClick?: () => void;
127
+ };
128
+ type TitleProps = {
129
+ title: string;
130
+ description: string;
131
+ icon: string;
132
+ iconColor?: string;
133
+ mt?: string;
134
+ bg?: string;
135
+ w?: string;
136
+ removeBorder?: boolean;
137
+ borderColor?: string;
138
+ p?: string;
139
+ rightSection?: React.ReactNode;
140
+ };
141
+ declare function Title(props: TitleProps): react_jsx_runtime.JSX.Element;
142
+
143
+ export { BorderedIcon, type BorderedIconProps, type ButtonProps, Counter, FloatingParticles, type FloatingParticlesProps, Icon, type IconProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, Segment, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, Title, type TitleProps, useNavigation, useNavigationStore };
package/dist/components/index.d.ts ADDED
@@ -0,0 +1,143 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React$1 from 'react';
3
+ import React__default from 'react';
4
+ import { Variants } from 'framer-motion';
5
+ import { StoreApi } from 'zustand';
6
+ import { FlexProps } from '@mantine/core';
7
+
8
+ type BorderedIconProps = {
9
+ icon: string;
10
+ color?: string;
11
+ fontSize?: string;
12
+ hovered?: boolean;
13
+ hoverable?: boolean;
14
+ radius?: string;
15
+ p?: string;
16
+ };
17
+ declare function BorderedIcon(props: BorderedIconProps): react_jsx_runtime.JSX.Element;
18
+
19
+ declare function Counter(props: {
20
+ count: number;
21
+ color?: string;
22
+ }): react_jsx_runtime.JSX.Element;
23
+
24
+ type FloatingParticlesProps = {
25
+ icons?: React__default.ReactNode[];
26
+ particleCount?: number;
27
+ color?: string;
28
+ size?: number;
29
+ speed?: 'slow' | 'medium' | 'fast';
30
+ opacity?: number;
31
+ className?: string;
32
+ style?: React__default.CSSProperties;
33
+ mouseRepelDistance?: number;
34
+ mouseRepelStrength?: number;
35
+ backgroundColor?: string;
36
+ };
37
+ type ParticleState = {
38
+ id: number;
39
+ baseX: number;
40
+ baseY: number;
41
+ currentX: number;
42
+ currentY: number;
43
+ icon: React__default.ReactNode | null;
44
+ animationDuration: number;
45
+ };
46
+ declare const FloatingParticles: React__default.FC<FloatingParticlesProps>;
47
+
48
+ type IconProps = {
49
+ type: 'fontawesome' | 'lucid';
50
+ icon: string;
51
+ size?: string | number;
52
+ };
53
+ declare function Icon(props: IconProps): react_jsx_runtime.JSX.Element;
54
+
55
+ type InfoBoxProps = {
56
+ leftSide: string;
57
+ rightSide: string;
58
+ };
59
+ declare function InfoBox(props: InfoBoxProps): react_jsx_runtime.JSX.Element;
60
+
61
+ type InputContainerProps = {
62
+ title?: string;
63
+ error?: string;
64
+ description?: string;
65
+ children?: React.ReactNode;
66
+ w?: string | number;
67
+ flex?: number | string;
68
+ h?: string | number;
69
+ bg?: string;
70
+ variants?: Variants;
71
+ rightSection?: React.ReactNode;
72
+ };
73
+ declare function InputContainer(props: InputContainerProps): react_jsx_runtime.JSX.Element;
74
+
75
+ declare const MotionFlex: React__default.ComponentType<any>;
76
+ declare const MotionText: React__default.ComponentType<any>;
77
+ declare const MotionIcon: React__default.ComponentType<any>;
78
+ declare const MotionImage: React__default.ComponentType<any>;
79
+
80
+ type SegmentProps = {
81
+ label: string;
82
+ value: string;
83
+ icon?: string;
84
+ rightSection?: React.ReactNode;
85
+ };
86
+ type SegmentedControlProps = {
87
+ w?: string;
88
+ multi?: boolean;
89
+ value?: string | string[];
90
+ onChange?: (value: string | string[]) => void;
91
+ fz?: string;
92
+ justify?: FlexProps['justify'];
93
+ items: SegmentProps[];
94
+ sounds?: boolean;
95
+ } & FlexProps;
96
+ declare function SegmentedControl(props: SegmentedControlProps): react_jsx_runtime.JSX.Element;
97
+ declare function Segment(props: SegmentProps & {
98
+ selected: boolean;
99
+ onClick: () => void;
100
+ fz?: string;
101
+ }): react_jsx_runtime.JSX.Element;
102
+
103
+ type NavigationStore = {
104
+ pageId: string;
105
+ };
106
+ declare const NavigationContext: React$1.Context<StoreApi<NavigationStore> | null>;
107
+ declare function useNavigation<T>(selector: (state: NavigationStore) => T): T;
108
+ declare function useNavigationStore(): StoreApi<NavigationStore>;
109
+ declare function NavigationProvider({ children, defaultPage }: {
110
+ children: React.ReactNode;
111
+ defaultPage?: string;
112
+ }): react_jsx_runtime.JSX.Element;
113
+ declare function NavBar(props: {
114
+ items: SegmentProps[];
115
+ }): react_jsx_runtime.JSX.Element;
116
+
117
+ type ProgressProps = {
118
+ progress: number;
119
+ segments: number;
120
+ size?: string | number;
121
+ };
122
+ declare function SegmentedProgress(props: ProgressProps): react_jsx_runtime.JSX.Element;
123
+
124
+ type ButtonProps = {
125
+ icon: string;
126
+ onClick?: () => void;
127
+ };
128
+ type TitleProps = {
129
+ title: string;
130
+ description: string;
131
+ icon: string;
132
+ iconColor?: string;
133
+ mt?: string;
134
+ bg?: string;
135
+ w?: string;
136
+ removeBorder?: boolean;
137
+ borderColor?: string;
138
+ p?: string;
139
+ rightSection?: React.ReactNode;
140
+ };
141
+ declare function Title(props: TitleProps): react_jsx_runtime.JSX.Element;
142
+
143
+ export { BorderedIcon, type BorderedIconProps, type ButtonProps, Counter, FloatingParticles, type FloatingParticlesProps, Icon, type IconProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, Segment, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, Title, type TitleProps, useNavigation, useNavigationStore };