@choice-ui/react 1.9.6 → 1.9.8

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$1 from 'react';
+import * as react from 'react';
 
 type ElementType = "action" | "handler" | "menu";
 interface NumericInputElementProps {
@@ -11,18 +11,18 @@ interface NumericInputElementProps {
     position?: "prefix" | "suffix";
     type?: ElementType;
 }
-declare const NumericInputElement: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<NumericInputElementProps & React$1.RefAttributes<HTMLDivElement>>>;
+declare const NumericInputElement: react.MemoExoticComponent<react.ForwardRefExoticComponent<NumericInputElementProps & react.RefAttributes<HTMLDivElement>>>;
 
 interface NumericInputMenuTriggerProps extends IconButtonProps {
     className?: string;
     type?: "menu" | "action";
 }
-declare const NumericInputMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NumericInputMenuTrigger: react.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 interface NumericInputMenuActionPromptProps extends HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     className?: string;
 }
-declare const NumericInputMenuActionPrompt: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NumericInputMenuActionPrompt: react.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & react.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$1.ForwardRefExoticComponent<NumericInputVariableProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NumericInputVariable: react.ForwardRefExoticComponent<NumericInputVariableProps & react.RefAttributes<HTMLDivElement>>;
 
 type NumericInputValue = string | number | (string | number | undefined)[] | Record<string, number>;
 type NumberResult = {
@@ -58,13 +58,12 @@ interface NumericInputContextValue {
     readOnly?: boolean;
     selected?: boolean;
     shiftStep?: number;
-    size?: "default" | "large";
     step?: number;
     value?: NumericInputValue;
     variant?: "default" | "light" | "dark" | "reset";
 }
 
-interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "children" | "max" | "min" | "step" | "disabled" | "id" | "size"> {
+interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "children" | "max" | "min" | "step" | "disabled" | "id"> {
     children?: ReactNode;
     className?: string;
     classNames?: {
@@ -75,9 +74,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,18 +85,4 @@ interface NumericInputComponent extends React__default.ForwardRefExoticComponent
 }
 declare const NumericInput: NumericInputComponent;
 
-/**
- * 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 };
+export { type NumberResult, type NumericChangeDetail, NumericInput, NumericInputElement, type NumericInputElementProps, NumericInputMenuTrigger, type NumericInputMenuTriggerProps, type NumericInputProps, type NumericInputValue, NumericInputVariable, type NumericInputVariableProps };

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

@@ -22,9 +22,9 @@ function useNumericInputContext() {
 }
 var NumericInputTv = tcv({
   slots: {
-    container: ["group/input grid before:border-transparent", "input__number"],
-    input: ["peer", "w-full", "cursor-default appearance-none truncate"],
-    tooltip: "col-span-3 col-start-1 row-start-1"
+    container: ["group/input grid h-6 before:border-transparent", "input__number"],
+    input: ["peer", "h-6 w-full", "cursor-default appearance-none truncate"],
+    tooltip: "col-span-3 col-start-1 row-start-1 h-6"
   },
   variants: {
     variant: {
@@ -39,18 +39,6 @@ var NumericInputTv = tcv({
       },
       reset: {}
     },
-    size: {
-      default: {
-        container: ["h-6", "input__number--default"],
-        input: "h-6",
-        tooltip: "h-6"
-      },
-      large: {
-        container: ["h-8", "input__number--large"],
-        input: "h-8",
-        tooltip: "h-8"
-      }
-    },
     prefixElement: {
       true: {},
       false: {}
@@ -173,7 +161,6 @@ var NumericInputTv = tcv({
   ],
   defaultVariants: {
     variant: "default",
-    size: "default",
     selected: false,
     disabled: false,
     focused: false
@@ -185,10 +172,6 @@ var NumericInputMenuTriggerTv = tcv({
     disabled: {
       true: ""
     },
-    size: {
-      default: "",
-      large: ""
-    },
     type: {
       menu: "",
       action: ""
@@ -236,7 +219,6 @@ var NumericInputMenuTriggerTv = tcv({
   ],
   defaultVariants: {
     disabled: false,
-    size: "default",
     type: "menu",
     variant: "default"
   }
@@ -341,21 +323,17 @@ var NumericInputVariableTv = tcv({
   }
 });
 var NumericInputElementTv = tcv({
-  base: ["select-none", "z-2", "flex flex-none items-center justify-center"],
+  base: ["select-none", "z-2 h-6 w-6", "flex flex-none items-center justify-center"],
   variants: {
     type: {
       handler: "select-none",
-      action: "",
-      menu: ""
+      action: "[grid-area:action]",
+      menu: "ml-px [grid-area:action]"
     },
     position: {
       prefix: "rounded-l-md",
       suffix: "rounded-r-md"
     },
-    size: {
-      default: "h-6 w-6",
-      large: "h-8 w-8"
-    },
     disabled: {
       true: "text-disabled-foreground",
       false: "text-secondary-foreground"
@@ -378,26 +356,6 @@ 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,
@@ -436,31 +394,25 @@ var NumericInputElementTv = tcv({
   ],
   defaultVariants: {
     disabled: false,
-    variant: "default",
-    size: "default"
+    variant: "default"
   }
 });
 var NumericInputMenuActionPromptTv = tcv({
   base: [
     "[grid-area:action]",
-    "pr-2",
+    "w-6 pr-2",
     "flex items-center justify-center",
     "rounded-r-md",
     "pointer-events-none z-3"
   ],
   variants: {
-    size: {
-      default: "w-6",
-      large: "w-8"
-    },
     disabled: {
       true: "text-secondary-foreground bg-default-background",
       false: "bg-secondary-background group-focus-within/input:hidden group-hover/input:hidden"
     }
   },
   defaultVariants: {
-    disabled: false,
-    size: "default"
+    disabled: false
   }
 });
 var NumericInputElement = memo(
@@ -471,7 +423,6 @@ var NumericInputElement = memo(
     const tv = NumericInputElementTv({
       type,
       position,
-      size: context.size,
       disabled: context.disabled,
       variant: context.variant
     });
@@ -499,7 +450,6 @@ var NumericInputMenuTrigger = forwardRef(
     const context = useNumericInputContext();
     const tv = NumericInputMenuTriggerTv({
       type,
-      size: context.size,
       disabled: context.disabled,
       variant: context.variant
     });
@@ -507,7 +457,6 @@ var NumericInputMenuTrigger = forwardRef(
       IconButton,
       {
         ref,
-        size: context.size,
         variant: type === "menu" ? context.disabled ? "ghost" : "solid" : void 0,
         className: tcx(tv, className),
         disabled: context.disabled,
@@ -525,10 +474,7 @@ var NumericInputMenuActionPrompt = forwardRef((props, ref) => {
     "div",
     {
       ref,
-      className: tcx(
-        NumericInputMenuActionPromptTv({ size: context.size, disabled: context.disabled }),
-        className
-      ),
+      className: tcx(NumericInputMenuActionPromptTv({ disabled: context.disabled }), className),
       ...rest,
       children
     }
@@ -1096,7 +1042,6 @@ var NumericInputBase = forwardRef((props, ref) => {
     readOnly,
     required,
     shiftStep = 10,
-    size = "default",
     step = 1,
     value,
     variant = "default",
@@ -1149,7 +1094,6 @@ var NumericInputBase = forwardRef((props, ref) => {
   const contextValue = useMemo(
     () => ({
       variant,
-      size,
       // State
       value,
       defaultValue,
@@ -1176,7 +1120,6 @@ var NumericInputBase = forwardRef((props, ref) => {
     }),
     [
       variant,
-      size,
       value,
       defaultValue,
       disabled,
@@ -1232,7 +1175,6 @@ var NumericInputBase = forwardRef((props, ref) => {
   const actionPromptNode = actionPrompt[0] || null;
   const tv = NumericInputTv({
     variant,
-    size,
     selected: selected || handlerPressed,
     focused,
     disabled,

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

@@ -11,6 +11,7 @@ export interface NumericInputContextValue {
     max?: number;
     min?: number;
     onChange?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
+    onChangeEnd?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
     onEmpty?: () => void;
     onIsEditingChange?: (isEditing: boolean) => void;
     onPressEnd?: PressMoveProps["onPressEnd"];

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

@@ -17,7 +17,9 @@ interface UseInputInteractionsProps<T extends NumericInputValue> {
     setDisplayValue: (value: string) => void;
     setIsFocused: (focused: boolean) => void;
     setValue: (value: NumberResult | ((prev: NumberResult | undefined) => NumberResult)) => void;
-    updateValue: (updateFn?: (value: number) => number) => void;
+    updateValue: (updateFn?: (value: number) => number, options?: {
+        source?: "drag" | "keyboard";
+    }) => void;
     value?: T;
 }
 /**

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

@@ -10,6 +10,7 @@ interface UseNumericInputProps<T extends NumericInputValue> extends Omit<HTMLPro
     max?: number;
     min?: number;
     onChange?: (value: T, obj: NumberResult) => void;
+    onChangeEnd?: (value: T, obj: NumberResult) => void;
     onEmpty?: () => void;
     onPressEnd?: PressMoveProps["onPressEnd"];
     onPressStart?: PressMoveProps["onPressStart"];

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

@@ -1,4 +1,4 @@
-import { useRef, useState, useEffect, useCallback } from "react";
+import { useRef, useState, useCallback, useEffect } from "react";
 import { dealWithNumericInputValue } from "../utils/numeric-value-processor.js";
 import { useInputInteractions } from "./use-input-interactions.js";
 import { useNumericValueProcessing } from "./use-numeric-value-processing.js";
@@ -21,11 +21,15 @@ function useNumericInput(props) {
     step = 1,
     value,
     onChange,
+    onChangeEnd,
     onEmpty,
     onPressEnd,
     onPressStart
   } = props;
   const innerRef = useRef(null);
+  const dragHasChangedRef = useRef(false);
+  const dragEndValueRef = useRef(void 0);
+  const dragEndDetailRef = useRef(void 0);
   const [isFocused, setIsFocused] = useState(false);
   const [displayValue, setDisplayValue] = useState("");
   const { shiftPressed, metaPressed } = useModifierKeys(disabled);
@@ -43,6 +47,10 @@ function useNumericInput(props) {
     defaultValue: defaultValuePre,
     allowEmpty: true
   });
+  const mapResultToOutputValue = useCallback(
+    (result) => typeof value === "string" ? result.string : typeof value === "number" ? result.array[0] : Array.isArray(value) ? result.array : result.object,
+    [value]
+  );
   useEffect(() => {
     if (!innerValue) {
       setDisplayValue("");
@@ -61,7 +69,7 @@ function useNumericInput(props) {
     setDisplayValue(valuePre2.string);
   }, [innerValue, expression, max, min, decimal, setValue]);
   const updateValue = useCallback(
-    (updateFn) => {
+    (updateFn, options) => {
       if (disabled || readOnly) return;
       setValue((prev) => {
         if (!prev) {
@@ -73,10 +81,13 @@ function useNumericInput(props) {
             min,
             decimal
           });
-          onChange == null ? void 0 : onChange(
-            typeof value === "string" ? initialValue.string : typeof value === "number" ? initialValue.array[0] : Array.isArray(value) ? initialValue.array : initialValue.object,
-            initialValue
-          );
+          const nextValue = mapResultToOutputValue(initialValue);
+          onChange == null ? void 0 : onChange(nextValue, initialValue);
+          if ((options == null ? void 0 : options.source) === "drag") {
+            dragHasChangedRef.current = true;
+            dragEndValueRef.current = nextValue;
+            dragEndDetailRef.current = initialValue;
+          }
           return initialValue;
         }
         const valuePre2 = dealWithNumericInputValue({
@@ -100,15 +111,18 @@ function useNumericInput(props) {
           return true;
         })();
         if (hasChanged) {
-          onChange == null ? void 0 : onChange(
-            typeof value === "string" ? valuePre2.string : typeof value === "number" ? valuePre2.array[0] : Array.isArray(value) ? valuePre2.array : valuePre2.object,
-            valuePre2
-          );
+          const nextValue = mapResultToOutputValue(valuePre2);
+          onChange == null ? void 0 : onChange(nextValue, valuePre2);
+          if ((options == null ? void 0 : options.source) === "drag") {
+            dragHasChangedRef.current = true;
+            dragEndValueRef.current = nextValue;
+            dragEndDetailRef.current = valuePre2;
+          }
         }
         return valuePre2;
       });
     },
-    [disabled, readOnly, setValue, max, min, decimal, onChange, value]
+    [disabled, readOnly, setValue, max, min, decimal, onChange, expressionRef, mapResultToOutputValue]
   );
   const { inputHandlers } = useInputInteractions({
     inputRef: innerRef,
@@ -133,6 +147,9 @@ function useNumericInput(props) {
   const { isPressed: handlerPressed, pressMoveProps } = usePressMove({
     disabled,
     onPressStart: (e) => {
+      dragHasChangedRef.current = false;
+      dragEndValueRef.current = void 0;
+      dragEndDetailRef.current = void 0;
       const wasFocused = isFocused;
       if (onPressStart && "nativeEvent" in e) {
         onPressStart(e.nativeEvent);
@@ -158,12 +175,18 @@ function useNumericInput(props) {
         onPressEnd(e.nativeEvent);
       }
       onPressEnd == null ? void 0 : onPressEnd(e);
+      if (dragHasChangedRef.current && dragEndValueRef.current !== void 0 && dragEndDetailRef.current !== void 0) {
+        onChangeEnd == null ? void 0 : onChangeEnd(dragEndValueRef.current, dragEndDetailRef.current);
+      }
+      dragHasChangedRef.current = false;
+      dragEndValueRef.current = void 0;
+      dragEndDetailRef.current = void 0;
     },
     onPressMoveLeft: (delta) => {
-      updateValue((value2) => value2 - delta * getCurrentStep());
+      updateValue((value2) => value2 - delta * getCurrentStep(), { source: "drag" });
     },
     onPressMoveRight: (delta) => {
-      updateValue((value2) => value2 + delta * getCurrentStep());
+      updateValue((value2) => value2 + delta * getCurrentStep(), { source: "drag" });
     }
   });
   const inputProps = {

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

@@ -13,6 +13,7 @@ export interface NumericInputProps extends NumericInputContextValue, Omit<HTMLPr
     disabled?: boolean;
     id?: string;
     onChange?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
+    onChangeEnd?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
     tooltip?: TooltipProps;
     triggerRef?: React.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
 }

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

@@ -35,6 +35,7 @@ const NumericInputBase = forwardRef((props, ref) => {
     selected = false,
     tooltip,
     onChange,
+    onChangeEnd,
     onEmpty,
     onPressEnd,
     onPressStart,
@@ -58,6 +59,7 @@ const NumericInputBase = forwardRef((props, ref) => {
     step,
     value,
     onChange,
+    onChangeEnd,
     onEmpty,
     onPressEnd,
     onPressStart,
@@ -98,6 +100,7 @@ const NumericInputBase = forwardRef((props, ref) => {
       expression,
       // Event handling methods
       onChange,
+      onChangeEnd,
       onEmpty,
       onPressStart,
       onPressEnd,
@@ -122,6 +125,7 @@ const NumericInputBase = forwardRef((props, ref) => {
       decimal,
       expression,
       onChange,
+      onChangeEnd,
       onEmpty,
       onPressStart,
       onPressEnd,

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

@@ -11,20 +11,20 @@ interface PanelRowProps extends Omit<HTMLProps<HTMLFieldSetElement>, "title"> {
      * @default "single"
      * @description
      * - `single`: `columns`: 1fr | `areas`: "label" "input" | `rows`: auto minmax(2rem, auto)
-     * - `two-columns`: `columns`: 1fr 1fr | `areas`: "label-1 label-2" "input-1 input-2" | `rows`: auto minmax(2rem, auto)
+     * - `two-columns`: `columns`: 1fr 1fr | `areas`: "label label" "left right" | `rows`: auto minmax(2rem, auto)
      * - `one-label-one-input`: `columns`: 8fr 20fr | `areas`: "label input" | `rows`: 2rem
-     * - `one-label-one-input-one-icon`: `columns`: 8fr 20fr 1.5rem | `areas`: "label input icon" | `rows`: 2rem
-     * - `one-label-two-input`: `columns`: 8fr 10fr 10fr | `areas`: "label input-1 input-2" | `rows`: 2rem
-     * - `one-icon-one-input`: `columns`: 1.5rem 1fr | `areas`: ". label" "icon input" | `rows`: auto minmax(2rem, auto)
-     * - `one-input-one-icon`: `columns`: 1fr 1.5rem | `areas`: "label label" "input icon" | `rows`: auto minmax(2rem, auto)
-     * - `one-input-two-icon`: `columns`: 1fr 0.5rem 1.5rem 0.25rem 1.5rem | `areas`: "label . . . ." "input . icon-1 . icon-2" | `rows`: auto minmax(2rem, auto)
-     * - `two-input-two-icon`: `columns`: minmax(76px, 1fr) 0.5rem 1fr 0.5rem 1.5rem 0.25rem 1.5rem | `areas`: "label-1 label-1 label-2 label-2 . . ." "input-1 . input-2 . icon-1 . icon-2" | `rows`: auto minmax(2rem, auto)
-     * - `two-input-one-icon`: `columns`: 1fr 1fr 1.5rem | `areas`: "label-1 label-2 label-2" "input-1 input-2 icon" | `rows`: auto minmax(2rem, auto)
-     * - `one-icon-one-input-one-icon`: `columns`: 1.5rem 0.5rem 1fr 0.5rem 1.5rem | `areas`: "label label label label label" "icon-1 . input . icon-2" | `rows`: auto minmax(2rem, auto)
-     * - `one-icon-one-input-two-icon`: `columns`: 1.5rem 0.5rem 1fr 0.5rem 1.5rem 0.25rem 1.5rem | `areas`: "label label label label label label label" "icon-1 . input . icon-2 . icon-3" | `rows`: auto minmax(2rem, auto)
-     * - `two-input-one-icon-double-row`: `columns`: 1fr 1fr 1.5rem | `areas`: "label-1 label-2 ." "input-1 input-3 icon-1" "input-2 input-3 icon-2" | `rows`: auto 2rem 2rem
+     * - `one-label-one-input-one-icon`: `columns`: 8fr 20fr 2rem | `areas`: "label input icon" | `rows`: 2rem
+     * - `one-label-two-input`: `columns`: 8fr 1fr 1fr | `areas`: "label left right" | `rows`: 2rem
+     * - `one-icon-one-input`: `columns`: 2rem 1fr | `areas`: "icon input" | `rows`: 2rem
+     * - `one-input-one-icon`: `columns`: 1fr 2rem | `areas`: "input icon" | `rows`: 2rem
+     * - `one-input-two-icon`: `columns`: 1fr 1fr 2rem | `areas`: "input left icon" "input right icon" | `rows`: 2rem
+     * - `two-input-two-icon`: `columns`: 1fr 1fr 2rem | `areas`: "left icon right icon" | `rows`: 2rem
+     * - `two-input-one-icon`: `columns`: 2rem 1fr 1fr | `areas`: "icon left right" | `rows`: 2rem
+     * - `one-icon-one-input-two-icon`: `columns`: 2rem 1fr 2rem | `areas`: "icon input icon" | `rows`: 2rem
+     * - `two-input-one-icon-double-row`: `columns`: 1fr 1fr 2rem | `areas`: "left icon right icon" | `rows`: 2rem 2rem
+     * - `one-icon-one-input-two-icon-double-row`: `columns`: 2rem 1fr 2rem | `areas`: "icon input icon" | `rows`: 2rem 2rem
      */
-    type?: "single" | "two-columns" | "one-label-one-input" | "one-label-one-input-one-icon" | "one-label-two-input" | "one-icon-one-input" | "one-input-one-icon" | "one-input-two-icon" | "two-input-two-icon" | "two-input-one-icon" | "one-icon-one-input-one-icon" | "one-icon-one-input-two-icon" | "two-input-one-icon-double-row";
+    type?: "single" | "two-columns" | "one-label-one-input" | "one-label-one-input-one-icon" | "one-label-two-input" | "one-icon-one-input" | "one-input-one-icon" | "one-input-two-icon" | "two-input-two-icon" | "two-input-one-icon" | "one-icon-one-input-two-icon" | "two-input-one-icon-double-row";
 }
 declare const PanelRow: react.ForwardRefExoticComponent<Omit<PanelRowProps, "ref"> & react.RefAttributes<HTMLFieldSetElement>>;
 
@@ -83,8 +83,8 @@ declare const SortablePaneContext: react__default.Context<SortablePaneContextVal
 declare const useSortablePane: () => SortablePaneContextValue;
 
 interface PanelSortableProps<T extends SortableItem> {
-    className?: string;
     children: react__default.ReactNode;
+    className?: string;
     data: T[];
     onDrop: (position: "top" | "bottom" | null, id: string, newIndex: number) => void;
     onSelectedIdChange: (id: string | null) => void;
@@ -129,12 +129,12 @@ interface PanelProps extends Omit<HTMLProps<HTMLDivElement>, "title"> {
     showLabels?: boolean;
     triggerRef?: React.RefObject<HTMLDivElement>;
 }
-declare const PanelContent: react.NamedExoticComponent<{
+declare const PanelContent: ({ children, collapsible, title, otherChildren, }: {
     children: React.ReactNode;
     collapsible?: boolean;
     otherChildren: React.ReactNode[];
     title: React.ReactNode;
-}>;
+}) => react_jsx_runtime.JSX.Element;
 interface PanelComponentProps extends React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>> {
     Content: typeof PanelContent;
     Label: typeof PanelLabel;
@@ -149,4 +149,4 @@ interface PanelComponentProps extends React.ForwardRefExoticComponent<PanelProps
 declare const PanelBase: react.ForwardRefExoticComponent<Omit<PanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const Panel: PanelComponentProps;
 
-export { Panel, PanelBase, PanelContext, type PanelContextType, PanelLabel, PanelPreviewer, PanelRow, PanelRowLabel, PanelRowManyIcon, type PanelRowManyIconItem, type PanelRowManyIconProps, type PanelRowProps, PanelSortable, PanelSortableRow, PanelTitle, type SortableItem, SortablePaneContext, type SortablePaneContextValue, SortableRowDataContext, type SortableRowDataContextValue, usePanelContext, useSortablePane, useSortableRowItem };
+export { Panel, PanelBase, PanelContext, PanelLabel, PanelPreviewer, PanelRow, PanelRowLabel, PanelRowManyIcon, type PanelRowManyIconItem, type PanelRowManyIconProps, type PanelRowProps, PanelSortable, PanelSortableRow, PanelTitle, type SortableItem, SortablePaneContext, type SortablePaneContextValue, SortableRowDataContext, type SortableRowDataContextValue, usePanelContext, useSortablePane, useSortableRowItem };

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

@@ -14,11 +14,6 @@ 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>>;