dirk-cfx-react 1.1.53 → 1.1.55

package/dist/components/index.d.ts

@@ -1,11 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SelectProps, FlexProps } from '@mantine/core';
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { ReactNode, ComponentType } from 'react';
 import * as framer_motion from 'framer-motion';
 import { Variants } from 'framer-motion';
 import * as _fortawesome_fontawesome_svg_core from '@fortawesome/fontawesome-svg-core';
 import { StoreApi } from 'zustand';
-import { FlexProps } from '@mantine/core';
+import { LucideProps } from 'lucide-react';
+
+type BlipIconSelectProps = Omit<SelectProps, "data" | "value" | "onChange" | "searchable" | "renderOption"> & {
+    value: number | null;
+    onChange: (id: number) => void;
+};
+declare function BlipIconSelect({ value, onChange, label, size, ...rest }: BlipIconSelectProps): react_jsx_runtime.JSX.Element;
+type BlipColorSelectProps = Omit<SelectProps, "data" | "value" | "onChange" | "searchable" | "renderOption"> & {
+    value: number | null;
+    onChange: (id: number) => void;
+};
+declare function BlipColorSelect({ value, onChange, label, size, ...rest }: BlipColorSelectProps): react_jsx_runtime.JSX.Element;
 
 type BorderedIconProps = {
     icon: string;
@@ -76,25 +88,31 @@ declare const MotionImage: React__default.ComponentType<any>;
 declare const MotionIcon: React__default.ComponentType<Omit<{
     string?: string | number | undefined;
     symbol?: _fortawesome_fontawesome_svg_core.FaSymbol | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    onChange?: React__default.FormEventHandler<SVGSVGElement> | undefined;
+    size?: _fortawesome_fontawesome_svg_core.SizeProp | undefined;
     title?: string | undefined;
-    filter?: string | undefined;
-    fill?: string | undefined;
-    type?: string | undefined;
-    ref?: React__default.Ref<SVGSVGElement> | undefined;
     clipPath?: string | undefined;
+    filter?: string | undefined;
     mask?: _fortawesome_fontawesome_svg_core.IconProp | undefined;
     path?: string | undefined;
+    ref?: React__default.Ref<SVGSVGElement> | undefined;
     key?: React__default.Key | null | undefined;
+    height?: string | number | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
+    type?: string | undefined;
+    width?: string | number | undefined;
     suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
-    id?: string | undefined;
     lang?: string | undefined;
     tabIndex?: number | undefined;
     role?: React__default.AriaRole | undefined;
     color?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -104,17 +122,17 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "location" | "page" | "true" | "false" | "step" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "tree" | "listbox" | "true" | "false" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -131,7 +149,7 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -164,7 +182,6 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     onFocusCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
     onBlur?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
     onBlurCapture?: React__default.FocusEventHandler<SVGSVGElement> | undefined;
-    onChange?: React__default.FormEventHandler<SVGSVGElement> | undefined;
     onChangeCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
     onBeforeInput?: React__default.InputEventHandler<SVGSVGElement> | undefined;
     onBeforeInputCapture?: React__default.FormEventHandler<SVGSVGElement> | undefined;
@@ -312,25 +329,31 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     onTransitionRunCapture?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionStart?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionStartCapture?: React__default.TransitionEventHandler<SVGSVGElement> | undefined;
-    direction?: string | number | undefined;
     opacity?: string | number | undefined;
     display?: string | number | undefined;
+    radius?: string | number | undefined;
+    fill?: string | undefined;
+    border?: boolean | undefined;
+    fontWeight?: string | number | undefined;
+    letterSpacing?: string | number | undefined;
     end?: string | number | undefined;
+    fontStyle?: string | number | undefined;
+    textDecoration?: string | number | undefined;
+    local?: string | number | undefined;
+    pointerEvents?: string | number | undefined;
+    stroke?: string | undefined;
+    imageRendering?: string | number | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    direction?: string | number | undefined;
     transform?: string | _fortawesome_fontawesome_svg_core.Transform | undefined;
-    height?: string | number | undefined;
-    max?: string | number | undefined;
     media?: string | undefined;
     method?: string | undefined;
-    min?: string | number | undefined;
-    name?: string | undefined;
     target?: string | undefined;
-    width?: string | number | undefined;
-    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: string | number | undefined;
     accumulate?: "none" | "sum" | undefined;
     additive?: "replace" | "sum" | undefined;
-    alignmentBaseline?: "inherit" | "baseline" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
-    allowReorder?: "no" | "yes" | undefined;
+    alignmentBaseline?: "inherit" | "auto" | "baseline" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
+    allowReorder?: "yes" | "no" | undefined;
     alphabetic?: string | number | undefined;
     amplitude?: string | number | undefined;
     arabicForm?: "initial" | "terminal" | "medial" | "isolated" | undefined;
@@ -385,9 +408,7 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     fontSize?: string | number | undefined;
     fontSizeAdjust?: string | number | undefined;
     fontStretch?: string | number | undefined;
-    fontStyle?: string | number | undefined;
     fontVariant?: string | number | undefined;
-    fontWeight?: string | number | undefined;
     format?: string | number | undefined;
     fr?: string | number | undefined;
     from?: string | number | undefined;
@@ -406,7 +427,6 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     horizOriginX?: string | number | undefined;
     href?: string | undefined;
     ideographic?: string | number | undefined;
-    imageRendering?: string | number | undefined;
     in2?: string | number | undefined;
     in?: string | undefined;
     intercept?: string | number | undefined;
@@ -422,10 +442,8 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     keySplines?: string | number | undefined;
     keyTimes?: string | number | undefined;
     lengthAdjust?: string | number | undefined;
-    letterSpacing?: string | number | undefined;
     lightingColor?: string | number | undefined;
     limitingConeAngle?: string | number | undefined;
-    local?: string | number | undefined;
     markerEnd?: string | undefined;
     markerHeight?: string | number | undefined;
     markerMid?: string | undefined;
@@ -452,7 +470,6 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     patternContentUnits?: string | undefined;
     patternTransform?: string | number | undefined;
     patternUnits?: string | undefined;
-    pointerEvents?: string | number | undefined;
     points?: string | undefined;
     pointsAtX?: string | number | undefined;
     pointsAtY?: string | number | undefined;
@@ -461,7 +478,6 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     preserveAspectRatio?: string | undefined;
     primitiveUnits?: string | number | undefined;
     r?: string | number | undefined;
-    radius?: string | number | undefined;
     refX?: string | number | undefined;
     refY?: string | number | undefined;
     renderingIntent?: string | number | undefined;
@@ -492,10 +508,9 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     stopOpacity?: string | number | undefined;
     strikethroughPosition?: string | number | undefined;
     strikethroughThickness?: string | number | undefined;
-    stroke?: string | undefined;
     strokeDasharray?: string | number | undefined;
     strokeDashoffset?: string | number | undefined;
-    strokeLinecap?: "square" | "inherit" | "butt" | "round" | undefined;
+    strokeLinecap?: "inherit" | "round" | "square" | "butt" | undefined;
     strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
     strokeMiterlimit?: string | number | undefined;
     strokeOpacity?: string | number | undefined;
@@ -506,7 +521,6 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     targetX?: string | number | undefined;
     targetY?: string | number | undefined;
     textAnchor?: "inherit" | "end" | "start" | "middle" | undefined;
-    textDecoration?: string | number | undefined;
     textLength?: string | number | undefined;
     textRendering?: string | number | undefined;
     to?: string | number | undefined;
@@ -557,9 +571,7 @@ declare const MotionIcon: React__default.ComponentType<Omit<{
     z?: string | number | undefined;
     zoomAndPan?: string | undefined;
     icon?: _fortawesome_fontawesome_svg_core.IconProp | undefined;
-    size?: _fortawesome_fontawesome_svg_core.SizeProp | undefined;
     maskId?: string | undefined;
-    border?: boolean | undefined;
     fixedWidth?: boolean | undefined;
     inverse?: boolean | undefined;
     titleId?: string | undefined;
@@ -660,6 +672,25 @@ declare function LevelPanel(props: {
     color?: string;
 }): react_jsx_runtime.JSX.Element;
 
+type ModalProps = {
+    title: string;
+    icon?: React__default.ElementType;
+    iconColor?: string;
+    description?: string;
+    badge?: {
+        label: string;
+        color: string;
+    };
+    onClose: () => void;
+    width?: string;
+    maxHeight?: string;
+    height?: string;
+    zIndex?: number;
+    clickOutside?: boolean;
+    children: React__default.ReactNode;
+};
+declare function Modal({ title, icon: Icon, iconColor, description, badge, onClose, width, maxHeight, height, zIndex, clickOutside, children, }: ModalProps): react_jsx_runtime.JSX.Element;
+
 type PromptButton = {
     icon?: string;
     text: string;
@@ -673,27 +704,126 @@ type Prompt = {
 };
 declare function PromptModal(props: Prompt): react_jsx_runtime.JSX.Element;
 
-type ModalProps = {
-    children: React.ReactNode;
+type StoreModalProps = {
+    children: React__default.ReactNode;
     title: string;
-    icon: string;
+    icon?: React__default.ElementType;
+    iconColor?: string;
     description?: string;
+    badge?: {
+        label: string;
+        color: string;
+    };
     height?: string;
     width?: string;
+    maxHeight?: string;
+    zIndex?: number;
     clickOutside?: boolean;
 };
 type ModalStore = {
-    active: ModalProps | null;
+    active: StoreModalProps | null;
 };
-declare const ModalContext: React$1.Context<StoreApi<ModalStore> | null>;
+declare const ModalContext: React__default.Context<StoreApi<ModalStore> | null>;
 declare function useModal<T>(selector: (state: ModalStore) => T): T;
-declare function ModalProvider({ children, defaultPage }: {
-    children: React.ReactNode;
-    defaultPage?: string;
+declare function ModalProvider({ children }: {
+    children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function useModalActions(): {
-    showModal: (openModal: ModalProps) => void;
+    showModal: (openModal: StoreModalProps) => void;
     hideModal: () => void;
 };
 
-export { BorderedIcon, type BorderedIconProps, type ButtonProps, Counter, FloatingParticles, type FloatingParticlesProps, InfoBox, type InfoBoxProps, InputContainer, type InputContainerProps, LevelBanner, LevelPanel, ModalContext, ModalProvider, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, type NavigationStore, type ParticleState, type ProgressProps, type Prompt, type PromptButton, PromptModal, type SegmentProps, SegmentedControl, type SegmentedControlProps, SegmentedProgress, Title, type TitleProps, useModal, useModalActions, useNavigation, useNavigationStore };
+type ConfirmModalProps = {
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    /** If provided, user must type this exact string to enable the confirm button */
+    confirmText?: string;
+    onConfirm: () => void;
+    onClose: () => void;
+    zIndex?: number;
+};
+declare function ConfirmModal({ title, description, confirmLabel, confirmText, onConfirm, onClose, zIndex, }: ConfirmModalProps): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    id: string;
+    icon: React__default.ElementType;
+    label: string;
+}
+interface SettingsPanelProps<T extends Record<string, any> = Record<string, any>> {
+    navItems: readonly NavItem[];
+    title: string;
+    subtitle?: string;
+    open: boolean;
+    /** Defaults to fetchNui("CLOSE_ADMIN_SECTION") */
+    onClose?: () => void;
+    children: (activeTab: string) => React__default.ReactNode;
+    /** Default settings for reset */
+    defaultSettings: T;
+    /** Zod schema for JSON validation (.safeParse) */
+    schema?: {
+        safeParse: (data: unknown) => {
+            success: boolean;
+            data?: T;
+            error?: {
+                issues: {
+                    path: PropertyKey[];
+                    message: string;
+                }[];
+            };
+        };
+    };
+    /** Reset confirm typed text (e.g. "dirk_fishing") */
+    resetConfirmText?: string;
+    width?: string;
+    height?: string;
+}
+declare function SettingsPanel<T extends Record<string, any>>(props: SettingsPanelProps<T>): react_jsx_runtime.JSX.Element | null;
+
+type SelectItemProps = {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    style?: React.CSSProperties;
+    excludeItemNames?: string[];
+};
+declare function SelectItem(props: SelectItemProps): react_jsx_runtime.JSX.Element;
+
+type FiveMControls = {
+    _type: string;
+    _key: string;
+};
+type RootProps = {
+    value: FiveMControls;
+    onChange: (next: FiveMControls) => void;
+    children: ReactNode;
+};
+declare function Root({ value, onChange, children }: RootProps): react_jsx_runtime.JSX.Element;
+type CategoryProps = {
+    label?: string;
+};
+declare function Category({ label }: CategoryProps): react_jsx_runtime.JSX.Element;
+type KeyProps = {
+    label?: string;
+};
+declare function Key({ label }: KeyProps): react_jsx_runtime.JSX.Element;
+declare const FiveMKeyBindInput: typeof Root & {
+    Category: typeof Category;
+    Key: typeof Key;
+};
+
+declare function AsyncSaveButton({ onSave, color, label, style, }: {
+    onSave: () => Promise<any>;
+    color: string;
+    label?: string;
+    style?: React.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+
+type AdminPageTitleProps = {
+    title: string;
+    icon: ComponentType<LucideProps>;
+    color: string;
+};
+declare function AdminPageTitle(props: AdminPageTitleProps): react_jsx_runtime.JSX.Element;
+
+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 };