dirk-cfx-react 1.1.56 → 1.1.62

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 (27) hide show
  1. package/dist/components/index.cjs +251 -48
  2. package/dist/components/index.cjs.map +1 -1
  3. package/dist/components/index.d.cts +64 -16
  4. package/dist/components/index.d.ts +64 -16
  5. package/dist/components/index.js +252 -50
  6. package/dist/components/index.js.map +1 -1
  7. package/dist/hooks/index.cjs +35 -24
  8. package/dist/hooks/index.cjs.map +1 -1
  9. package/dist/hooks/index.d.cts +27 -19
  10. package/dist/hooks/index.d.ts +27 -19
  11. package/dist/hooks/index.js +34 -23
  12. package/dist/hooks/index.js.map +1 -1
  13. package/dist/index.cjs +345 -133
  14. package/dist/index.cjs.map +1 -1
  15. package/dist/index.d.cts +2 -2
  16. package/dist/index.d.ts +2 -2
  17. package/dist/index.js +287 -76
  18. package/dist/index.js.map +1 -1
  19. package/dist/providers/index.cjs.map +1 -1
  20. package/dist/providers/index.js.map +1 -1
  21. package/dist/utils/index.cjs +4 -4
  22. package/dist/utils/index.cjs.map +1 -1
  23. package/dist/utils/index.d.cts +1 -1
  24. package/dist/utils/index.d.ts +1 -1
  25. package/dist/utils/index.js +4 -4
  26. package/dist/utils/index.js.map +1 -1
  27. package/package.json +6 -7
package/dist/components/index.d.cts CHANGED
@@ -90,8 +90,9 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
90
90
  symbol?: _fortawesome_fontawesome_svg_core.FaSymbol | undefined;
91
91
  id?: string | undefined;
92
92
  name?: string | undefined;
93
- onChange?: React__default.FormEventHandler<SVGSVGElement> | undefined;
93
+ onChange?: React__default.ChangeEventHandler<SVGSVGElement, Element> | undefined;
94
94
  size?: _fortawesome_fontawesome_svg_core.SizeProp | undefined;
95
+ slot?: string | undefined;
95
96
  title?: string | undefined;
96
97
  clipPath?: string | undefined;
97
98
  filter?: string | undefined;
@@ -107,9 +108,11 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
107
108
  suppressHydrationWarning?: boolean | undefined;
108
109
  className?: string | undefined;
109
110
  lang?: string | undefined;
111
+ nonce?: string | undefined;
110
112
  tabIndex?: number | undefined;
111
113
  role?: React__default.AriaRole | undefined;
112
114
  color?: string | undefined;
115
+ part?: string | undefined;
113
116
  "aria-activedescendant"?: string | undefined;
114
117
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
115
118
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -182,17 +185,17 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
182
185
  onFocusCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
183
186
  onBlur?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
184
187
  onBlurCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
185
- onChangeCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
188
+ onChangeCapture?: React__default.ChangeEventHandler<SVGSVGElement, Element> | undefined;
186
189
  onBeforeInput?: React__default.InputEventHandler<SVGSVGElement> | undefined;
187
- onBeforeInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
188
- onInput?: React__default.FormEventHandler<SVGSVGElement> | undefined;
189
- onInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
190
- onReset?: React__default.FormEventHandler<SVGSVGElement> | undefined;
191
- onResetCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
192
- onSubmit?: React__default.FormEventHandler<SVGSVGElement> | undefined;
193
- onSubmitCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
194
- onInvalid?: React__default.FormEventHandler<SVGSVGElement> | undefined;
195
- onInvalidCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
190
+ onBeforeInputCapture?: React__default.InputEventHandler<SVGSVGElement> | undefined;
191
+ onInput?: React__default.InputEventHandler<SVGSVGElement> | undefined;
192
+ onInputCapture?: React__default.InputEventHandler<SVGSVGElement> | undefined;
193
+ onReset?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
194
+ onResetCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
195
+ onSubmit?: React__default.SubmitEventHandler<SVGSVGElement> | undefined;
196
+ onSubmitCapture?: React__default.SubmitEventHandler<SVGSVGElement> | undefined;
197
+ onInvalid?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
198
+ onInvalidCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
196
199
  onLoad?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
197
200
  onLoadCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
198
201
  onError?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
@@ -572,6 +575,34 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
572
575
  zoomAndPan?: string | undefined;
573
576
  icon?: _fortawesome_fontawesome_svg_core.IconProp | undefined;
574
577
  maskId?: string | undefined;
578
+ gradientFill?: ({
579
+ type: "linear";
580
+ } & {
581
+ id: string;
582
+ x1?: number | string | undefined;
583
+ x2?: number | string | undefined;
584
+ y1?: number | string | undefined;
585
+ y2?: number | string | undefined;
586
+ stops: {
587
+ offset: string | number;
588
+ color: string;
589
+ opacity?: number | undefined;
590
+ }[];
591
+ }) | ({
592
+ type: "radial";
593
+ } & {
594
+ id: string;
595
+ cx?: number | string | undefined;
596
+ cy?: number | string | undefined;
597
+ r?: number | string | undefined;
598
+ fx?: number | string | undefined;
599
+ fy?: number | string | undefined;
600
+ stops: {
601
+ offset: string | number;
602
+ color: string;
603
+ opacity?: number | undefined;
604
+ }[];
605
+ }) | undefined;
575
606
  fixedWidth?: boolean | undefined;
576
607
  inverse?: boolean | undefined;
577
608
  titleId?: string | undefined;
@@ -750,7 +781,7 @@ interface NavItem {
750
781
  icon: React__default.ElementType;
751
782
  label: string;
752
783
  }
753
- interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>> {
784
+ interface ConfigPanelProps<T extends Record<string, any> = Record<string, any>> {
754
785
  navItems: readonly NavItem[];
755
786
  title: string;
756
787
  subtitle?: string;
@@ -758,8 +789,8 @@ interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>
758
789
  /** Defaults to fetchNui("CLOSE_ADMIN_SECTION") */
759
790
  onClose?: () => void;
760
791
  children: (activeTab: string) => React__default.ReactNode;
761
- /** Default settings for reset */
762
- defaultSettings: T;
792
+ /** Default config for reset */
793
+ defaultConfig: T;
763
794
  /** Zod schema for JSON validation (.safeParse) */
764
795
  schema?: {
765
796
  safeParse: (data: unknown) => {
@@ -778,7 +809,7 @@ interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>
778
809
  width?: string;
779
810
  height?: string;
780
811
  }
781
- declare function SettingsPanel<T extends Record<string, any>>(props: SettingsPanelProps<T>): react_jsx_runtime.JSX.Element | null;
812
+ declare function ConfigPanel<T extends Record<string, any>>(props: ConfigPanelProps<T>): react_jsx_runtime.JSX.Element | null;
782
813
 
783
814
  type SelectItemProps = {
784
815
  label: string;
@@ -826,4 +857,21 @@ type AdminPageTitleProps = {
826
857
  };
827
858
  declare function AdminPageTitle(props: AdminPageTitleProps): react_jsx_runtime.JSX.Element;
828
859
 
829
- export { AdminPageTitle, type AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfirmModal, type ConfirmModalProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, SettingsPanel, type SettingsPanelProps, type StoreModalProps, Title, type TitleProps, useModal, useModalActions, useNavigation, useNavigationStore };
860
+ interface TestBedItem {
861
+ key: string;
862
+ label: string;
863
+ active: boolean;
864
+ onToggle: (next: boolean) => void;
865
+ }
866
+ interface TestBedProps {
867
+ items: TestBedItem[];
868
+ /** localStorage key used to persist toggled state across reloads. Default: "testbed:open-state". */
869
+ storageKey?: string;
870
+ /** Disable localStorage persistence entirely. Default: false. */
871
+ disablePersistence?: boolean;
872
+ /** Header label shown in the collapsed pill. Default: "TestBed". */
873
+ title?: string;
874
+ }
875
+ declare function TestBed({ items, storageKey, disablePersistence, title, }: TestBedProps): react_jsx_runtime.JSX.Element | null;
876
+
877
+ export { AdminPageTitle, type AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfigPanel, type ConfigPanelProps, ConfirmModal, type ConfirmModalProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, type StoreModalProps, TestBed, type TestBedItem, type TestBedProps, Title, type TitleProps, useModal, useModalActions, useNavigation, useNavigationStore };
package/dist/components/index.d.ts CHANGED
@@ -90,8 +90,9 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
90
90
  symbol?: _fortawesome_fontawesome_svg_core.FaSymbol | undefined;
91
91
  id?: string | undefined;
92
92
  name?: string | undefined;
93
- onChange?: React__default.FormEventHandler<SVGSVGElement> | undefined;
93
+ onChange?: React__default.ChangeEventHandler<SVGSVGElement, Element> | undefined;
94
94
  size?: _fortawesome_fontawesome_svg_core.SizeProp | undefined;
95
+ slot?: string | undefined;
95
96
  title?: string | undefined;
96
97
  clipPath?: string | undefined;
97
98
  filter?: string | undefined;
@@ -107,9 +108,11 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
107
108
  suppressHydrationWarning?: boolean | undefined;
108
109
  className?: string | undefined;
109
110
  lang?: string | undefined;
111
+ nonce?: string | undefined;
110
112
  tabIndex?: number | undefined;
111
113
  role?: React__default.AriaRole | undefined;
112
114
  color?: string | undefined;
115
+ part?: string | undefined;
113
116
  "aria-activedescendant"?: string | undefined;
114
117
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
115
118
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -182,17 +185,17 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
182
185
  onFocusCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
183
186
  onBlur?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
184
187
  onBlurCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
185
- onChangeCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
188
+ onChangeCapture?: React__default.ChangeEventHandler<SVGSVGElement, Element> | undefined;
186
189
  onBeforeInput?: React__default.InputEventHandler<SVGSVGElement> | undefined;
187
- onBeforeInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
188
- onInput?: React__default.FormEventHandler<SVGSVGElement> | undefined;
189
- onInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
190
- onReset?: React__default.FormEventHandler<SVGSVGElement> | undefined;
191
- onResetCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
192
- onSubmit?: React__default.FormEventHandler<SVGSVGElement> | undefined;
193
- onSubmitCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
194
- onInvalid?: React__default.FormEventHandler<SVGSVGElement> | undefined;
195
- onInvalidCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
190
+ onBeforeInputCapture?: React__default.InputEventHandler<SVGSVGElement> | undefined;
191
+ onInput?: React__default.InputEventHandler<SVGSVGElement> | undefined;
192
+ onInputCapture?: React__default.InputEventHandler<SVGSVGElement> | undefined;
193
+ onReset?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
194
+ onResetCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
195
+ onSubmit?: React__default.SubmitEventHandler<SVGSVGElement> | undefined;
196
+ onSubmitCapture?: React__default.SubmitEventHandler<SVGSVGElement> | undefined;
197
+ onInvalid?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
198
+ onInvalidCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
196
199
  onLoad?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
197
200
  onLoadCapture?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
198
201
  onError?: React__default.ReactEventHandler<SVGSVGElement> | undefined;
@@ -572,6 +575,34 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
572
575
  zoomAndPan?: string | undefined;
573
576
  icon?: _fortawesome_fontawesome_svg_core.IconProp | undefined;
574
577
  maskId?: string | undefined;
578
+ gradientFill?: ({
579
+ type: "linear";
580
+ } & {
581
+ id: string;
582
+ x1?: number | string | undefined;
583
+ x2?: number | string | undefined;
584
+ y1?: number | string | undefined;
585
+ y2?: number | string | undefined;
586
+ stops: {
587
+ offset: string | number;
588
+ color: string;
589
+ opacity?: number | undefined;
590
+ }[];
591
+ }) | ({
592
+ type: "radial";
593
+ } & {
594
+ id: string;
595
+ cx?: number | string | undefined;
596
+ cy?: number | string | undefined;
597
+ r?: number | string | undefined;
598
+ fx?: number | string | undefined;
599
+ fy?: number | string | undefined;
600
+ stops: {
601
+ offset: string | number;
602
+ color: string;
603
+ opacity?: number | undefined;
604
+ }[];
605
+ }) | undefined;
575
606
  fixedWidth?: boolean | undefined;
576
607
  inverse?: boolean | undefined;
577
608
  titleId?: string | undefined;
@@ -750,7 +781,7 @@ interface NavItem {
750
781
  icon: React__default.ElementType;
751
782
  label: string;
752
783
  }
753
- interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>> {
784
+ interface ConfigPanelProps<T extends Record<string, any> = Record<string, any>> {
754
785
  navItems: readonly NavItem[];
755
786
  title: string;
756
787
  subtitle?: string;
@@ -758,8 +789,8 @@ interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>
758
789
  /** Defaults to fetchNui("CLOSE_ADMIN_SECTION") */
759
790
  onClose?: () => void;
760
791
  children: (activeTab: string) => React__default.ReactNode;
761
- /** Default settings for reset */
762
- defaultSettings: T;
792
+ /** Default config for reset */
793
+ defaultConfig: T;
763
794
  /** Zod schema for JSON validation (.safeParse) */
764
795
  schema?: {
765
796
  safeParse: (data: unknown) => {
@@ -778,7 +809,7 @@ interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>
778
809
  width?: string;
779
810
  height?: string;
780
811
  }
781
- declare function SettingsPanel<T extends Record<string, any>>(props: SettingsPanelProps<T>): react_jsx_runtime.JSX.Element | null;
812
+ declare function ConfigPanel<T extends Record<string, any>>(props: ConfigPanelProps<T>): react_jsx_runtime.JSX.Element | null;
782
813
 
783
814
  type SelectItemProps = {
784
815
  label: string;
@@ -826,4 +857,21 @@ type AdminPageTitleProps = {
826
857
  };
827
858
  declare function AdminPageTitle(props: AdminPageTitleProps): react_jsx_runtime.JSX.Element;
828
859
 
829
- export { AdminPageTitle, type AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfirmModal, type ConfirmModalProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, SettingsPanel, type SettingsPanelProps, type StoreModalProps, Title, type TitleProps, useModal, useModalActions, useNavigation, useNavigationStore };
860
+ interface TestBedItem {
861
+ key: string;
862
+ label: string;
863
+ active: boolean;
864
+ onToggle: (next: boolean) => void;
865
+ }
866
+ interface TestBedProps {
867
+ items: TestBedItem[];
868
+ /** localStorage key used to persist toggled state across reloads. Default: "testbed:open-state". */
869
+ storageKey?: string;
870
+ /** Disable localStorage persistence entirely. Default: false. */
871
+ disablePersistence?: boolean;
872
+ /** Header label shown in the collapsed pill. Default: "TestBed". */
873
+ title?: string;
874
+ }
875
+ declare function TestBed({ items, storageKey, disablePersistence, title, }: TestBedProps): react_jsx_runtime.JSX.Element | null;
876
+
877
+ export { AdminPageTitle, type AdminPageTitleProps, AsyncSaveButton, BlipColorSelect, type BlipColorSelectProps, BlipIconSelect, type BlipIconSelectProps, BorderedIcon, type BorderedIconProps, type ButtonProps, ConfigPanel, type ConfigPanelProps, ConfirmModal, type ConfirmModalProps, Counter, type FiveMControls, FiveMKeyBindInput, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, Modal, ModalContext, type ModalProps, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, type NavItem, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, SelectItem, type SelectItemProps, type StoreModalProps, TestBed, type TestBedItem, type TestBedProps, Title, type TitleProps, useModal, useModalActions, useNavigation, useNavigationStore };