@choice-ui/react 1.6.8 → 1.7.0

package/dist/components/numeric-input/src/hooks/use-numeric-long-press.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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)
+ */
+export declare function useNumericLongPress(callback: () => void, delay?: number, initialDelay?: number): {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+};

package/dist/components/numeric-input/src/hooks/use-numeric-long-press.js

@@ -0,0 +1,27 @@
+import { useRef, useCallback } from "react";
+function useNumericLongPress(callback, delay = 50, initialDelay = 400) {
+  const intervalRef = useRef(null);
+  const timeoutRef = useRef(null);
+  const clear = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+  }, []);
+  const onMouseDown = useCallback(() => {
+    callback();
+    timeoutRef.current = setTimeout(() => {
+      intervalRef.current = setInterval(callback, delay);
+    }, initialDelay);
+  }, [callback, delay, initialDelay]);
+  const onMouseUp = clear;
+  const onMouseLeave = clear;
+  return { onMouseDown, onMouseUp, onMouseLeave };
+}
+export {
+  useNumericLongPress
+};

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

@@ -1,5 +1,6 @@
 export { NumericInput } from './numeric-input';
 export { NumericInputElement, NumericInputMenuTrigger, NumericInputVariable } from './components';
+export { useNumericLongPress } from './hooks';
 export type { NumericInputProps } from './numeric-input';
 export type { NumericInputElementProps, NumericInputMenuTriggerProps, NumericInputVariableProps, } from './components';
 export type { NumberResult, NumericChangeDetail, NumericInputValue } from './types';

package/dist/components/numeric-input/src/tv.js

@@ -324,8 +324,8 @@ const NumericInputElementTv = tcv({
   variants: {
     type: {
       handler: "select-none",
-      action: "[grid-area:action]",
-      menu: "ml-px [grid-area:action]"
+      action: "",
+      menu: ""
     },
     position: {
       prefix: "rounded-l-md",
@@ -357,6 +357,26 @@ const 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,

package/dist/components/picture-preview/dist/index.d.ts

@@ -14,6 +14,11 @@ interface PicturePreviewProps extends HTMLProps<HTMLDivElement> {
     fileName?: string;
     onClose?: () => void;
     src: string;
+    control?: {
+        enable?: boolean;
+        position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        show?: "always" | "hover";
+    };
 }
 declare const PicturePreview: react.ForwardRefExoticComponent<Omit<PicturePreviewProps, "ref"> & react.RefAttributes<HTMLDivElement>>;