@codefast/ui 0.3.11 → 0.3.12-canary.0

package/dist/primitives/input.d.ts

@@ -1,59 +1,56 @@
-import { ComponentProps, JSX, PropsWithChildren, ReactNode } from "react";
-import * as _$_radix_ui_react_context0 from "@radix-ui/react-context";
-import { Scope } from "@radix-ui/react-context";
-
-//#region src/primitives/input.d.ts
+import type { Scope } from "@radix-ui/react-context";
+import type { ComponentProps, JSX, PropsWithChildren, ReactNode } from "react";
 /**
  * Type for adding scope to component props
  */
 type ScopedProps<P> = P & {
-  /**
-   * Scope for the Input component context
-   */
-  __scopeInput?: Scope;
+    /**
+     * Scope for the Input component context
+     */
+    __scopeInput?: Scope;
 };
-declare const createInputScope: _$_radix_ui_react_context0.CreateScope;
+declare const createInputScope: import("@radix-ui/react-context").CreateScope;
 /**
  * Props for styling and appearance of the Input component
  */
 interface InputVisualProps {
-  /**
-   * CSS class name for the input container
-   */
-  className?: string;
-  /**
-   * Element to display before the input
-   */
-  prefix?: ReactNode;
-  /**
-   * Custom spinner element for loading state
-   */
-  spinner?: ReactNode;
-  /**
-   * Element to display after the input
-   */
-  suffix?: ReactNode;
+    /**
+     * CSS class name for the input container
+     */
+    className?: string;
+    /**
+     * Element to display before the input
+     */
+    prefix?: ReactNode;
+    /**
+     * Custom spinner element for loading state
+     */
+    spinner?: ReactNode;
+    /**
+     * Element to display after the input
+     */
+    suffix?: ReactNode;
 }
 /**
  * Props for the behavior and state of the Input component
  */
 interface InputBehaviorProps {
-  /**
-   * Whether the input is disabled
-   */
-  disabled?: boolean;
-  /**
-   * Position of the loading spinner - either before or after the input
-   */
-  loaderPosition?: "prefix" | "suffix";
-  /**
-   * Whether the input is in the loading state
-   */
-  loading?: boolean;
-  /**
-   * Whether the input is in read-only mode
-   */
-  readOnly?: boolean;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Position of the loading spinner - either before or after the input
+     */
+    loaderPosition?: "prefix" | "suffix";
+    /**
+     * Whether the input is in the loading state
+     */
+    loading?: boolean;
+    /**
+     * Whether the input is in read-only mode
+     */
+    readOnly?: boolean;
 }
 /**
  * Combined props for the Input component
@@ -64,9 +61,7 @@ declare function Input(inputProps: ScopedProps<InputProps>): JSX.Element;
  * Props for the InputField component
  */
 type InputFieldProps = ComponentProps<"input">;
-declare function InputField({
-  __scopeInput,
-  ...props
-}: ScopedProps<InputFieldProps>): JSX.Element;
-//#endregion
-export { InputField as Field, InputField, Input, Input as Root, type InputFieldProps, type InputProps, createInputScope };
+declare function InputField({ __scopeInput, ...props }: ScopedProps<InputFieldProps>): JSX.Element;
+export { createInputScope, InputField as Field, Input, InputField, Input as Root };
+export type { InputFieldProps, InputProps };
+//# sourceMappingURL=input.d.ts.map

package/dist/primitives/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EACV,cAAc,EACd,GAAG,EAEH,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAYf;;GAEG;AACH,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,QAAA,MAA2B,gBAAgB,+CAAkC,CAAC;AAwB9E;;GAEG;AACH,UAAU,gBAAgB;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,KAAK,UAAU,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,gBAAgB,CAAC,CAAC;AAE3E,iBAAS,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,OAAO,CAwF/D;AAQD;;GAEG;AACH,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE/C,iBAAS,UAAU,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC,OAAO,CAczF;AAMD,OAAO,EAAE,gBAAgB,EAAE,UAAU,IAAI,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC;AAEnF,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/input.js

@@ -1,75 +1,76 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { createContextScope } from "@radix-ui/react-context";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
-//#region src/primitives/input.tsx
+import { createContextScope } from "@radix-ui/react-context";
+import { useRef } from "react";
+/* -----------------------------------------------------------------------------
+ * Component: Input
+ * -------------------------------------------------------------------------- */
 const INPUT_NAME = "Input";
 const [createInputContext, createInputScope] = createContextScope(INPUT_NAME);
 const [InputContextProvider, useInputContext] = createInputContext(INPUT_NAME);
 function Input(inputProps) {
-	const { __scopeInput, children, disabled, loaderPosition = "prefix", loading, prefix, readOnly, spinner, suffix, ...props } = inputProps;
-	/**
-	* Reference to the input element
-	*/
-	const inputRef = useRef(null);
-	/**
-	* Handles pointer down events on the input container
-	* Focuses the input element when clicking on the container
-	*
-	* @param event - The pointer event object
-	*/
-	const handlePointerDown = (event) => {
-		const target = event.target;
-		if (target.tagName.toLowerCase() === "input" || target.closest("input, a, button")) {
-			event.stopPropagation();
-			return;
-		}
-		const inputElement = inputRef.current;
-		if (!inputElement) return;
-		if (document.activeElement === inputElement) {
-			event.preventDefault();
-			return;
-		}
-		requestAnimationFrame(() => {
-			if (inputElement.type === "file") {
-				inputElement.click();
-				return;
-			}
-			if (document.activeElement !== inputElement) inputElement.focus();
-		});
-	};
-	return /* @__PURE__ */ jsx(InputContextProvider, {
-		disabled,
-		inputRef,
-		readOnly,
-		scope: __scopeInput,
-		children: /* @__PURE__ */ jsxs("div", {
-			"data-disabled": disabled,
-			"data-readonly": readOnly,
-			role: "presentation",
-			onPointerDown: handlePointerDown,
-			...props,
-			children: [
-				loading && loaderPosition === "prefix" ? spinner : prefix,
-				children,
-				loading && loaderPosition === "suffix" ? spinner : suffix
-			]
-		})
-	});
+    const { __scopeInput, children, disabled, loaderPosition = "prefix", loading, prefix, readOnly, spinner, suffix, ...props } = inputProps;
+    /**
+     * Reference to the input element
+     */
+    const inputRef = useRef(null);
+    /**
+     * Handles pointer down events on the input container
+     * Focuses the input element when clicking on the container
+     *
+     * @param event - The pointer event object
+     */
+    const handlePointerDown = (event) => {
+        const target = event.target;
+        // Skip handling when clicking directly on input, links, buttons, or other interactive elements
+        // This prevents interference with native input/link/button behavior
+        if (target.tagName.toLowerCase() === "input" || target.closest("input, a, button")) {
+            event.stopPropagation();
+            return;
+        }
+        const inputElement = inputRef.current;
+        if (!inputElement) {
+            return;
+        }
+        // Key solution: If input already has focus, only prevent default behavior
+        // This prevents the focus from being lost when clicking on the container padding
+        // and eliminates the flickering effect
+        if (document.activeElement === inputElement) {
+            event.preventDefault();
+            return;
+        }
+        // Only attempt to focus the input if it's not already focused
+        requestAnimationFrame(() => {
+            // Special handling for file inputs - trigger the file selection dialog
+            if (inputElement.type === "file") {
+                inputElement.click();
+                return;
+            }
+            // Only focus the input if it doesn't already have focus
+            // This avoids unnecessary re-focusing which can cause UI flickers
+            if (document.activeElement !== inputElement) {
+                inputElement.focus();
+            }
+        });
+    };
+    return (_jsx(InputContextProvider, { disabled: disabled, inputRef: inputRef, readOnly: readOnly, scope: __scopeInput, children: _jsxs("div", { "data-disabled": disabled, "data-readonly": readOnly, role: "presentation", onPointerDown: handlePointerDown, ...props, children: [loading && loaderPosition === "prefix" ? spinner : prefix, children, loading && loaderPosition === "suffix" ? spinner : suffix] }) }));
 }
+/* -----------------------------------------------------------------------------
+ * Component: InputField
+ * -------------------------------------------------------------------------- */
 const INPUT_FIELD_NAME = "InputField";
 function InputField({ __scopeInput, ...props }) {
-	/**
-	* Context values from parent Input component
-	*/
-	const { disabled, inputRef, readOnly } = useInputContext(INPUT_FIELD_NAME, __scopeInput);
-	return /* @__PURE__ */ jsx("input", {
-		ref: useComposedRefs(inputRef),
-		disabled,
-		readOnly,
-		type: "text",
-		...props
-	});
+    /**
+     * Context values from parent Input component
+     */
+    const { disabled, inputRef, readOnly } = useInputContext(INPUT_FIELD_NAME, __scopeInput);
+    /**
+     * Combined ref that syncs with the parent's inputRef
+     */
+    const composedInputRef = useComposedRefs(inputRef);
+    return (_jsx("input", { ref: composedInputRef, disabled: disabled, readOnly: readOnly, type: "text", ...props }));
 }
-//#endregion
-export { InputField as Field, InputField, Input, Input as Root, createInputScope };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { createInputScope, InputField as Field, Input, InputField, Input as Root };

package/dist/primitives/progress-circle.d.ts

@@ -1,50 +1,47 @@
-import { ComponentProps, ReactNode } from "react";
-import * as _$_radix_ui_react_context0 from "@radix-ui/react-context";
-import { Scope } from "@radix-ui/react-context";
-
-//#region src/primitives/progress-circle.d.ts
+import type { Scope } from "@radix-ui/react-context";
+import type { ComponentProps, ReactNode } from "react";
 type ScopedProps<P> = P & {
-  __scopeProgressCircle?: Scope;
+    __scopeProgressCircle?: Scope;
 };
 /**
  * Defines color thresholds based on progress values
  */
 interface Threshold {
-  /**
-   * Background color to be applied
-   */
-  background: string;
-  /**
-   * Foreground color to be applied
-   */
-  color: string;
-  /**
-   * The value at which this threshold becomes active
-   */
-  value: number;
+    /**
+     * Background color to be applied
+     */
+    background: string;
+    /**
+     * Foreground color to be applied
+     */
+    color: string;
+    /**
+     * The value at which this threshold becomes active
+     */
+    value: number;
 }
-declare const createProgressCircleScope: _$_radix_ui_react_context0.CreateScope;
+declare const createProgressCircleScope: import("@radix-ui/react-context").CreateScope;
 interface ProgressCircleProviderProps {
-  /** React children to be rendered inside the progress circle */
-  children: ReactNode;
-  /** Custom function to format the numeric value for display */
-  formatValue?: (value: number) => string;
-  /** Unique identifier for the progress circle component */
-  id?: string;
-  /** Maximum value of the progress (defaults to 100) */
-  max?: number;
-  /** Minimum value of the progress (defaults to 0) */
-  min?: number;
-  /** Size of the progress circle in pixels */
-  size?: number;
-  /** Starting angle of the progress circle in degrees (0 = top) */
-  startAngle?: number;
-  /** Width of the progress circle's stroke in pixels */
-  strokeWidth?: number;
-  /** Array of threshold configurations for different value ranges */
-  thresholds?: Threshold[];
-  /** Current progress value (null for indeterminate state) */
-  value?: null | number;
+    /** React children to be rendered inside the progress circle */
+    children: ReactNode;
+    /** Custom function to format the numeric value for display */
+    formatValue?: (value: number) => string;
+    /** Unique identifier for the progress circle component */
+    id?: string;
+    /** Maximum value of the progress (defaults to 100) */
+    max?: number;
+    /** Minimum value of the progress (defaults to 0) */
+    min?: number;
+    /** Size of the progress circle in pixels */
+    size?: number;
+    /** Starting angle of the progress circle in degrees (0 = top) */
+    startAngle?: number;
+    /** Width of the progress circle's stroke in pixels */
+    strokeWidth?: number;
+    /** Array of threshold configurations for different value ranges */
+    thresholds?: Threshold[];
+    /** Current progress value (null for indeterminate state) */
+    value?: null | number;
 }
 /**
  * Provides context for the ProgressCircle component
@@ -73,74 +70,47 @@ interface ProgressCircleProviderProps {
  * </ProgressCircleProvider>
  * ```
  */
-declare function ProgressCircleProvider({
-  __scopeProgressCircle,
-  children,
-  formatValue,
-  id: propertyId,
-  max,
-  min,
-  size,
-  startAngle,
-  strokeWidth,
-  thresholds,
-  value
-}: ScopedProps<ProgressCircleProviderProps>): ReactNode;
+declare function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max, min, size, startAngle, strokeWidth, thresholds, value, }: ScopedProps<ProgressCircleProviderProps>): ReactNode;
 type ProgressCircleProps = ComponentProps<"div">;
 /**
  * Root component for the progress circle
  *
  * Serves as a wrapper for other progress circle components.
  */
-declare function ProgressCircle({
-  __scopeProgressCircle,
-  ...props
-}: ScopedProps<ProgressCircleProps>): ReactNode;
+declare function ProgressCircle({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleProps>): ReactNode;
 type ProgressCircleSVGProps = ComponentProps<"svg">;
 /**
  * SVG container for the progress circle
  *
  * Renders the SVG with accessibility attributes and supports indeterminate state.
  */
-declare function ProgressCircleSVG({
-  __scopeProgressCircle,
-  ...props
-}: ScopedProps<ProgressCircleSVGProps>): ReactNode;
+declare function ProgressCircleSVG({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleSVGProps>): ReactNode;
 type ProgressCircleTrackProps = ComponentProps<"circle">;
 /**
  * Background circle for the progress indicator
  *
  * Renders the static track of the progress circle.
  */
-declare function ProgressCircleTrack({
-  __scopeProgressCircle,
-  ...props
-}: ScopedProps<ProgressCircleTrackProps>): ReactNode;
+declare function ProgressCircleTrack({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleTrackProps>): ReactNode;
 type ProgressCircleIndicatorProps = ComponentProps<"circle">;
 /**
  * Foreground circle showing progress
  *
  * Renders the dynamic progress indicator with stroke dash properties.
  */
-declare function ProgressCircleIndicator({
-  __scopeProgressCircle,
-  ...props
-}: ScopedProps<ProgressCircleIndicatorProps>): ReactNode;
+declare function ProgressCircleIndicator({ __scopeProgressCircle, ...props }: ScopedProps<ProgressCircleIndicatorProps>): ReactNode;
 interface ProgressCircleValueProps extends Omit<ComponentProps<"div">, "children"> {
-  children?: ((context: {
-    value: number | undefined;
-    valueText: string;
-  }) => ReactNode) | ReactNode;
+    children?: ((context: {
+        value: number | undefined;
+        valueText: string;
+    }) => ReactNode) | ReactNode;
 }
 /**
  * Displays the current progress value
  *
  * Supports custom content or default value text rendering.
  */
-declare function ProgressCircleValue({
-  __scopeProgressCircle,
-  children,
-  ...props
-}: ScopedProps<ProgressCircleValueProps>): ReactNode;
-//#endregion
-export { ProgressCircleIndicator as Indicator, ProgressCircleIndicator, ProgressCircle, ProgressCircle as Root, type ProgressCircleIndicatorProps, type ProgressCircleProps, ProgressCircleProvider, ProgressCircleProvider as Provider, type ProgressCircleProviderProps, ProgressCircleSVG, ProgressCircleSVG as SVG, type ProgressCircleSVGProps, ProgressCircleTrack, ProgressCircleTrack as Track, type ProgressCircleTrackProps, ProgressCircleValue, ProgressCircleValue as Value, type ProgressCircleValueProps, createProgressCircleScope };
+declare function ProgressCircleValue({ __scopeProgressCircle, children, ...props }: ScopedProps<ProgressCircleValueProps>): ReactNode;
+export { createProgressCircleScope, ProgressCircleIndicator as Indicator, ProgressCircle, ProgressCircleIndicator, ProgressCircleProvider, ProgressCircleSVG, ProgressCircleTrack, ProgressCircleValue, ProgressCircleProvider as Provider, ProgressCircle as Root, ProgressCircleSVG as SVG, ProgressCircleTrack as Track, ProgressCircleValue as Value, };
+export type { ProgressCircleIndicatorProps, ProgressCircleProps, ProgressCircleProviderProps, ProgressCircleSVGProps, ProgressCircleTrackProps, ProgressCircleValueProps, };
+//# sourceMappingURL=progress-circle.d.ts.map

package/dist/primitives/progress-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-circle.d.ts","sourceRoot":"","sources":["../../src/primitives/progress-circle.tsx"],"names":[],"mappings":"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"}