@choice-ui/react 1.6.7 → 1.6.9

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

@@ -280,13 +280,7 @@ var createMarkdownComponents = (tv, MentionComponent, mentionItems) => {
         {
           className: tv.codeBlock(),
           lineThreshold: void 0,
-          children: /* @__PURE__ */ jsx(
-            CodeBlock2.Code,
-            {
-              code: children,
-              language
-            }
-          )
+          children: /* @__PURE__ */ jsx(CodeBlock2.Code, { language, children })
         }
       );
     },
@@ -409,7 +403,7 @@ var INITIAL_COMPONENTS = {
         expandable: false,
         children: [
           /* @__PURE__ */ jsx(CodeBlock2.Header, { showLineCount: false }),
-          /* @__PURE__ */ jsx(CodeBlock2.Content, { code: children })
+          /* @__PURE__ */ jsx(CodeBlock2.Content, { children })
         ]
       }
     );
@@ -421,6 +415,7 @@ var MdRender = memo(
       id,
       components: customComponents,
       content,
+      children,
       className,
       mentionRenderComponent,
       mentionItems,
@@ -429,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/components/markdown-components.js

@@ -64,13 +64,7 @@ const createMarkdownComponents = (tv, MentionComponent, mentionItems) => {
         {
           className: tv.codeBlock(),
           lineThreshold: void 0,
-          children: /* @__PURE__ */ jsx(
-            CodeBlock2.Code,
-            {
-              code: children,
-              language
-            }
-          )
+          children: /* @__PURE__ */ jsx(CodeBlock2.Code, { language, children })
         }
       );
     },

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

@@ -25,7 +25,7 @@ const INITIAL_COMPONENTS = {
         expandable: false,
         children: [
           /* @__PURE__ */ jsx(CodeBlock2.Header, { showLineCount: false }),
-          /* @__PURE__ */ jsx(CodeBlock2.Content, { code: children })
+          /* @__PURE__ */ jsx(CodeBlock2.Content, { children })
         ]
       }
     );
@@ -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';

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>>;