@choice-ui/react 1.6.8 → 1.7.0

package/dist/components/description/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface DescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+declare const Description: React.NamedExoticComponent<DescriptionProps>;
+
+export { Description, type DescriptionProps };

package/dist/components/description/dist/index.js

@@ -0,0 +1,29 @@
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { tcv } from "../../../shared/utils/tcx/tcx.js";
+var descriptionTv = tcv({
+  base: "text-secondary-foreground px-0.5 break-words whitespace-pre-wrap",
+  variants: {
+    disabled: {
+      true: "text-disabled-foreground"
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+var Description = memo(function Description2(props) {
+  const { children, className, disabled, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: descriptionTv({ disabled, className }),
+      slot: "description",
+      ...rest,
+      children
+    }
+  );
+});
+export {
+  Description
+};

package/dist/components/description/src/description.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface DescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const Description: React.NamedExoticComponent<DescriptionProps>;

package/dist/components/description/src/description.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { descriptionTv } from "./tv.js";
+const Description = memo(function Description2(props) {
+  const { children, className, disabled, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: descriptionTv({ disabled, className }),
+      slot: "description",
+      ...rest,
+      children
+    }
+  );
+});
+export {
+  Description
+};

package/dist/components/description/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Description } from './description';
+export type { DescriptionProps } from './description';

package/dist/components/description/src/tv.d.ts

@@ -0,0 +1,13 @@
+export declare const descriptionTv: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "text-secondary-foreground px-0.5 break-words whitespace-pre-wrap", {
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "text-secondary-foreground px-0.5 break-words whitespace-pre-wrap", unknown, unknown, undefined>>;

package/dist/components/description/src/tv.js

@@ -0,0 +1,15 @@
+import { tcv } from "../../../shared/utils/tcx/tcx.js";
+const descriptionTv = tcv({
+  base: "text-secondary-foreground px-0.5 break-words whitespace-pre-wrap",
+  variants: {
+    disabled: {
+      true: "text-disabled-foreground"
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+export {
+  descriptionTv
+};

package/dist/components/description/tsup.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('tsup').Options | import('tsup').Options[] | ((overrideOptions: import('tsup').Options) => import('tsup').Options | import('tsup').Options[] | Promise<import('tsup').Options | import('tsup').Options[]>);
+export default _default;

package/dist/components/emoji-picker/dist/index.d.ts

@@ -49,6 +49,7 @@ interface EmojiPickerProps {
     showCategories?: boolean;
     showFrequentlyUsed?: boolean;
     showSearch?: boolean;
+    showFooter?: boolean;
     value?: EmojiData | null;
     variant?: "default" | "dark" | "light";
 }

package/dist/components/emoji-picker/dist/index.js

@@ -12017,6 +12017,7 @@ var EmojiPicker = memo(function EmojiPicker2({
   showCategories = true,
   showFrequentlyUsed = true,
   showSearch = true,
+  showFooter = true,
   children,
   variant = "dark"
 }) {
@@ -12063,6 +12064,7 @@ var EmojiPicker = memo(function EmojiPicker2({
     onChange == null ? void 0 : onChange(emoji);
   });
   const handleEmojiHover = useEventCallback((emoji) => {
+    if (!showFooter) return;
     setHoveredEmoji(emoji);
   });
   const handleCategoryClick = useEventCallback((category) => {
@@ -12079,7 +12081,7 @@ var EmojiPicker = memo(function EmojiPicker2({
       className: tv.container({ className }),
       style: rootStyle,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: tv.header(), children: [
+        (showSearch || showCategories) && /* @__PURE__ */ jsxs("div", { className: tv.header(), children: [
           showSearch && /* @__PURE__ */ jsx(
             SearchInput,
             {
@@ -12181,7 +12183,7 @@ var EmojiPicker = memo(function EmojiPicker2({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        showFooter && /* @__PURE__ */ jsx(
           EmojiFooter,
           {
             hoveredEmoji,

package/dist/components/emoji-picker/src/emoji-picker.d.ts

@@ -10,6 +10,7 @@ export interface EmojiPickerProps {
     showCategories?: boolean;
     showFrequentlyUsed?: boolean;
     showSearch?: boolean;
+    showFooter?: boolean;
     value?: EmojiData | null;
     variant?: "default" | "dark" | "light";
 }

package/dist/components/emoji-picker/src/emoji-picker.js

@@ -33,6 +33,7 @@ const EmojiPicker = memo(function EmojiPicker2({
   showCategories = true,
   showFrequentlyUsed = true,
   showSearch = true,
+  showFooter = true,
   children,
   variant = "dark"
 }) {
@@ -80,6 +81,7 @@ const EmojiPicker = memo(function EmojiPicker2({
     onChange == null ? void 0 : onChange(emoji);
   });
   const handleEmojiHover = useEventCallback((emoji) => {
+    if (!showFooter) return;
     setHoveredEmoji(emoji);
   });
   const handleCategoryClick = useEventCallback((category) => {
@@ -96,7 +98,7 @@ const EmojiPicker = memo(function EmojiPicker2({
       className: tv.container({ className }),
       style: rootStyle,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: tv.header(), children: [
+        (showSearch || showCategories) && /* @__PURE__ */ jsxs("div", { className: tv.header(), children: [
           showSearch && /* @__PURE__ */ jsx(
             SearchInput,
             {
@@ -198,7 +200,7 @@ const EmojiPicker = memo(function EmojiPicker2({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        showFooter && /* @__PURE__ */ jsx(
           EmojiFooter,
           {
             hoveredEmoji,

package/dist/components/error-message/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ErrorMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+declare const ErrorMessage: React.NamedExoticComponent<ErrorMessageProps>;
+
+export { ErrorMessage, type ErrorMessageProps };

package/dist/components/error-message/dist/index.js

@@ -0,0 +1,30 @@
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { tcv } from "../../../shared/utils/tcx/tcx.js";
+var errorMessageTv = tcv({
+  base: "text-danger-foreground break-words whitespace-pre-wrap px-0.5",
+  variants: {
+    disabled: {
+      true: "text-disabled-foreground"
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+var ErrorMessage = memo(function ErrorMessage2(props) {
+  const { children, className, disabled, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "em",
+    {
+      className: errorMessageTv({ disabled, className }),
+      slot: "errorMessage",
+      role: "alert",
+      ...rest,
+      children
+    }
+  );
+});
+export {
+  ErrorMessage
+};

package/dist/components/error-message/src/error-message.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ErrorMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const ErrorMessage: React.NamedExoticComponent<ErrorMessageProps>;

package/dist/components/error-message/src/error-message.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { errorMessageTv } from "./tv.js";
+const ErrorMessage = memo(function ErrorMessage2(props) {
+  const { children, className, disabled, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "em",
+    {
+      className: errorMessageTv({ disabled, className }),
+      slot: "errorMessage",
+      role: "alert",
+      ...rest,
+      children
+    }
+  );
+});
+export {
+  ErrorMessage
+};

package/dist/components/error-message/src/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorMessage } from './error-message';
+export type { ErrorMessageProps } from './error-message';

package/dist/components/error-message/src/tv.d.ts

@@ -0,0 +1,13 @@
+export declare const errorMessageTv: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "text-danger-foreground break-words whitespace-pre-wrap px-0.5", {
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, "text-danger-foreground break-words whitespace-pre-wrap px-0.5", unknown, unknown, undefined>>;

package/dist/components/error-message/src/tv.js

@@ -0,0 +1,15 @@
+import { tcv } from "../../../shared/utils/tcx/tcx.js";
+const errorMessageTv = tcv({
+  base: "text-danger-foreground break-words whitespace-pre-wrap px-0.5",
+  variants: {
+    disabled: {
+      true: "text-disabled-foreground"
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+export {
+  errorMessageTv
+};

package/dist/components/error-message/tsup.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('tsup').Options | import('tsup').Options[] | ((overrideOptions: import('tsup').Options) => import('tsup').Options | import('tsup').Options[] | Promise<import('tsup').Options | import('tsup').Options[]>);
+export default _default;

package/dist/components/form/src/adapters/base-adapter.js

@@ -1,4 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { Description } from "../../../description/dist/index.js";
+import { ErrorMessage } from "../../../error-message/dist/index.js";
 import { Label } from "../../../label/dist/index.js";
 import { FormTv } from "../tv.js";
 import { tcx } from "../../../../shared/utils/tcx/tcx.js";
@@ -23,8 +25,8 @@ function BaseAdapter({
       }
     ),
     children,
-    description && /* @__PURE__ */ jsx("p", { className: tv.description(), children: description }),
-    error && /* @__PURE__ */ jsx("p", { className: tv.error(), children: error })
+    typeof description === "string" ? /* @__PURE__ */ jsx(Description, { id: `${htmlFor}-description`, children: description }) : description,
+    typeof error === "string" ? /* @__PURE__ */ jsx(ErrorMessage, { id: `${htmlFor}-error`, children: error }) : error
   ] });
 }
 function filterFormProps(props) {

package/dist/components/form/src/tv.d.ts

@@ -1,37 +1,25 @@
 export declare const FormTv: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {
-            error?: import('tailwind-merge').ClassNameValue;
-            description?: import('tailwind-merge').ClassNameValue;
             field?: import('tailwind-merge').ClassNameValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import('tailwind-merge').ClassNameValue | {
-            error?: import('tailwind-merge').ClassNameValue;
-            description?: import('tailwind-merge').ClassNameValue;
             field?: import('tailwind-merge').ClassNameValue;
         };
     };
 } | {}, {
     field: string[];
-    error: string[];
-    description: string[];
 }, undefined, {
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {
-            error?: import('tailwind-merge').ClassNameValue;
-            description?: import('tailwind-merge').ClassNameValue;
             field?: import('tailwind-merge').ClassNameValue;
         };
     };
 } | {}, {
     field: string[];
-    error: string[];
-    description: string[];
 }, import('tailwind-variants').TVReturnType<unknown, {
     field: string[];
-    error: string[];
-    description: string[];
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/form/src/tv.js

@@ -1,19 +1,7 @@
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const FormTv = tcv({
   slots: {
-    field: ["flex min-w-0 flex-col gap-2"],
-    error: [
-      "text-body-medium",
-      "px-0.5",
-      "break-words whitespace-pre-wrap",
-      "text-danger-foreground"
-    ],
-    description: [
-      "text-body-medium",
-      "px-0.5",
-      "break-words whitespace-pre-wrap",
-      "text-secondary-foreground"
-    ]
+    field: ["flex min-w-0 flex-col gap-2"]
   }
 });
 export {

package/dist/components/index.d.ts

@@ -15,9 +15,11 @@ export * from './comments/src';
 export * from './conditions/src';
 export * from './context-input/src';
 export * from './context-menu/src';
+export * from './description/src';
 export * from './dialog/src';
 export * from './dropdown/src';
 export * from './emoji-picker/src';
+export * from './error-message/src';
 export * from './file-upload/src';
 export * from './form/src';
 export * from './hint/src';
@@ -61,6 +63,7 @@ export * from './table/src';
 export * from './tabs/src';
 export * from './text-field/src';
 export * from './textarea/src';
+export * from './toast/src';
 export * from './toggle-button/src';
 export * from './tooltip/src';
 export * from './tree-list/src';

package/dist/components/md-render/dist/index.d.ts

@@ -8,9 +8,10 @@ interface MentionItemProps {
 }
 interface MdRenderProps {
     allowedPrefixes?: string[];
+    children?: string;
     className?: string;
     components?: Partial<Components>;
-    content: string;
+    content?: string;
     customColor?: {
         codeBackground?: string;
         defaultBackground?: string;

package/dist/components/md-render/dist/index.js

@@ -415,6 +415,7 @@ var MdRender = memo(
       id,
       components: customComponents,
       content,
+      children,
       className,
       mentionRenderComponent,
       mentionItems,
@@ -423,9 +424,10 @@ var MdRender = memo(
       size = "default",
       variant = "default"
     } = props;
+    const markdownContent = content ?? children ?? "";
     const generatedId = useId();
     const blockId = id ?? generatedId;
-    const blocks = useMdBlocks(content);
+    const blocks = useMdBlocks(markdownContent);
     const tv = useMemo(() => mdRenderTv({ size, variant }), [size, variant]);
     const tvComponents = useMemo(
       () => createMarkdownComponents(tv, mentionRenderComponent, mentionItems),

package/dist/components/md-render/src/md-render.js

@@ -37,6 +37,7 @@ const MdRender = memo(
       id,
       components: customComponents,
       content,
+      children,
       className,
       mentionRenderComponent,
       mentionItems,
@@ -45,9 +46,10 @@ const MdRender = memo(
       size = "default",
       variant = "default"
     } = props;
+    const markdownContent = content ?? children ?? "";
     const generatedId = useId();
     const blockId = id ?? generatedId;
-    const blocks = useMdBlocks(content);
+    const blocks = useMdBlocks(markdownContent);
     const tv = useMemo(() => mdRenderTv({ size, variant }), [size, variant]);
     const tvComponents = useMemo(
       () => createMarkdownComponents(tv, mentionRenderComponent, mentionItems),

package/dist/components/md-render/src/types.d.ts

@@ -6,9 +6,10 @@ interface MentionItemProps {
 }
 export interface MdRenderProps {
     allowedPrefixes?: string[];
+    children?: string;
     className?: string;
     components?: Partial<Components>;
-    content: string;
+    content?: string;
     customColor?: {
         codeBackground?: string;
         defaultBackground?: string;

package/dist/components/notifications/dist/index.d.ts

@@ -1,7 +1,4 @@
 import { ToasterProps } from 'sonner';
-import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
 interface NotificationsProps extends Omit<ToasterProps, "id"> {
     actions?: (id: string | number) => {
         action?: {
@@ -20,7 +17,6 @@ interface NotificationsProps extends Omit<ToasterProps, "id"> {
     text?: string;
     toasterId?: string;
 }
-declare const Toast: react.MemoExoticComponent<(props: NotificationsProps) => react_jsx_runtime.JSX.Element>;
 declare function notifications(toast: Omit<NotificationsProps, "id">): string | number;
 
-export { type NotificationsProps, Toast, notifications };
+export { type NotificationsProps, notifications };

package/dist/components/notifications/src/notifications.d.ts

@@ -17,5 +17,4 @@ export interface NotificationsProps extends Omit<ToasterProps, "id"> {
     text?: string;
     toasterId?: string;
 }
-export declare const Toast: import('react').MemoExoticComponent<(props: NotificationsProps) => import("react/jsx-runtime").JSX.Element>;
 export declare function notifications(toast: Omit<NotificationsProps, "id">): string | number;

package/dist/components/notifications/src/notifications.js

@@ -70,6 +70,5 @@ function notifications(toast$1) {
   );
 }
 export {
-  Toast,
   notifications
 };

package/dist/components/numeric-input/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { TooltipProps } from '../../tooltip/src';
-import { default as react__default, ReactNode, HTMLProps } from 'react';
+import { default as React__default, ReactNode, HTMLProps } from 'react';
 import { IconButtonProps } from '../../icon-button/src';
 import { PressMoveProps } from '../../../../../shared/src';
-import * as react from 'react';
+import * as React$1 from 'react';
 
 type ElementType = "action" | "handler" | "menu";
 interface NumericInputElementProps {
@@ -11,18 +11,18 @@ interface NumericInputElementProps {
     position?: "prefix" | "suffix";
     type?: ElementType;
 }
-declare const NumericInputElement: react.MemoExoticComponent<react.ForwardRefExoticComponent<NumericInputElementProps & react.RefAttributes<HTMLDivElement>>>;
+declare const NumericInputElement: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<NumericInputElementProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface NumericInputMenuTriggerProps extends IconButtonProps {
     className?: string;
     type?: "menu" | "action";
 }
-declare const NumericInputMenuTrigger: react.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const NumericInputMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 interface NumericInputMenuActionPromptProps extends HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     className?: string;
 }
-declare const NumericInputMenuActionPrompt: react.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const NumericInputMenuActionPrompt: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 interface NumericInputVariableProps {
     className?: string;
@@ -30,7 +30,7 @@ interface NumericInputVariableProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     value?: number | null;
 }
-declare const NumericInputVariable: react.ForwardRefExoticComponent<NumericInputVariableProps & react.RefAttributes<HTMLDivElement>>;
+declare const NumericInputVariable: React$1.ForwardRefExoticComponent<NumericInputVariableProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type NumericInputValue = string | number | (string | number | undefined)[] | Record<string, number>;
 type NumberResult = {
@@ -75,9 +75,9 @@ interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTM
     id?: string;
     onChange?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
     tooltip?: TooltipProps;
-    triggerRef?: react__default.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
+    triggerRef?: React__default.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
 }
-interface NumericInputComponent extends react__default.ForwardRefExoticComponent<NumericInputProps & react__default.RefAttributes<HTMLInputElement>> {
+interface NumericInputComponent extends React__default.ForwardRefExoticComponent<NumericInputProps & React__default.RefAttributes<HTMLInputElement>> {
     ActionPrompt: typeof NumericInputMenuActionPrompt;
     MenuTrigger: typeof NumericInputMenuTrigger;
     Prefix: typeof NumericInputElement;
@@ -86,4 +86,18 @@ interface NumericInputComponent extends react__default.ForwardRefExoticComponent
 }
 declare const NumericInput: NumericInputComponent;
 
-export { type NumberResult, type NumericChangeDetail, NumericInput, NumericInputElement, type NumericInputElementProps, NumericInputMenuTrigger, type NumericInputMenuTriggerProps, type NumericInputProps, type NumericInputValue, NumericInputVariable, type NumericInputVariableProps };
+/**
+ * Hook for handling long press on numeric input increment/decrement buttons.
+ * Triggers the callback immediately on press, then repeatedly after a delay.
+ *
+ * @param callback - Function to call on press and during long press
+ * @param delay - Interval between repeated calls (default: 150ms)
+ * @param initialDelay - Delay before starting repeated calls (default: 400ms)
+ */
+declare function useNumericLongPress(callback: () => void, delay?: number, initialDelay?: number): {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+};
+
+export { type NumberResult, type NumericChangeDetail, NumericInput, NumericInputElement, type NumericInputElementProps, NumericInputMenuTrigger, type NumericInputMenuTriggerProps, type NumericInputProps, type NumericInputValue, NumericInputVariable, type NumericInputVariableProps, useNumericLongPress };

package/dist/components/numeric-input/dist/index.js

@@ -345,8 +345,8 @@ var NumericInputElementTv = tcv({
   variants: {
     type: {
       handler: "select-none",
-      action: "[grid-area:action]",
-      menu: "ml-px [grid-area:action]"
+      action: "",
+      menu: ""
     },
     position: {
       prefix: "rounded-l-md",
@@ -378,6 +378,26 @@ var NumericInputElementTv = tcv({
       position: "suffix",
       class: "[grid-area:suffix-handler]"
     },
+    {
+      type: "action",
+      position: "prefix",
+      class: "[grid-area:prefix-handler]"
+    },
+    {
+      type: "action",
+      position: "suffix",
+      class: "[grid-area:action]"
+    },
+    {
+      type: "menu",
+      position: "prefix",
+      class: "[grid-area:prefix-handler]"
+    },
+    {
+      type: "menu",
+      position: "suffix",
+      class: "ml-px [grid-area:action]"
+    },
     {
       type: "handler",
       disabled: false,
@@ -505,7 +525,10 @@ var NumericInputMenuActionPrompt = forwardRef((props, ref) => {
     "div",
     {
       ref,
-      className: tcx(NumericInputMenuActionPromptTv({ size: context.size, disabled: context.disabled }), className),
+      className: tcx(
+        NumericInputMenuActionPromptTv({ size: context.size, disabled: context.disabled }),
+        className
+      ),
       ...rest,
       children
     }

package/dist/components/numeric-input/src/components/numeric-input-menu-trigger.js

@@ -37,7 +37,10 @@ const NumericInputMenuActionPrompt = forwardRef((props, ref) => {
     "div",
     {
       ref,
-      className: tcx(NumericInputMenuActionPromptTv({ size: context.size, disabled: context.disabled }), className),
+      className: tcx(
+        NumericInputMenuActionPromptTv({ size: context.size, disabled: context.disabled }),
+        className
+      ),
       ...rest,
       children
     }

package/dist/components/numeric-input/src/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './use-numeric-input';
 export * from './use-step-calculation';
 export * from './use-numeric-value-processing';
 export * from './use-input-interactions';
+export * from './use-numeric-long-press';