@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/primitives/input.d.ts

@@ -1,56 +1,59 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, JSX, PropsWithChildren, ReactNode } from "react";
+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
 /**
  * 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: import("@radix-ui/react-context").CreateScope;
+declare const createInputScope: _$_radix_ui_react_context0.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
@@ -61,6 +64,9 @@ 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;
-export { createInputScope, InputField as Field, Input, InputField, Input as Root };
-export type { InputFieldProps, InputProps };
+declare function InputField({
+  __scopeInput,
+  ...props
+}: ScopedProps<InputFieldProps>): JSX.Element;
+//#endregion
+export { InputField as Field, InputField, Input, Input as Root, type InputFieldProps, type InputProps, createInputScope };

package/dist/primitives/input.js

@@ -1,53 +1,75 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { createContextScope } from "@radix-ui/react-context";
 import { useRef } from "react";
+import { createContextScope } from "@radix-ui/react-context";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/primitives/input.tsx
 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;
-    const inputRef = useRef(null);
-    const handlePointerDown = (event)=>{
-        const target = event.target;
-        if ("input" === target.tagName.toLowerCase() || target.closest("input, a, button")) return void event.stopPropagation();
-        const inputElement = inputRef.current;
-        if (!inputElement) return;
-        if (document.activeElement === inputElement) return void event.preventDefault();
-        requestAnimationFrame(()=>{
-            if ("file" === inputElement.type) return void inputElement.click();
-            if (document.activeElement !== inputElement) inputElement.focus();
-        });
-    };
-    return /*#__PURE__*/ jsx(InputContextProvider, {
-        disabled: disabled,
-        inputRef: inputRef,
-        readOnly: readOnly,
-        scope: __scopeInput,
-        children: /*#__PURE__*/ jsxs("div", {
-            "data-disabled": disabled,
-            "data-readonly": readOnly,
-            role: "presentation",
-            onPointerDown: handlePointerDown,
-            ...props,
-            children: [
-                loading && "prefix" === loaderPosition ? spinner : prefix,
-                children,
-                loading && "suffix" === loaderPosition ? 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;
+		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 INPUT_FIELD_NAME = "InputField";
 function InputField({ __scopeInput, ...props }) {
-    const { disabled, inputRef, readOnly } = useInputContext(INPUT_FIELD_NAME, __scopeInput);
-    const composedInputRef = useComposedRefs(inputRef);
-    return /*#__PURE__*/ jsx("input", {
-        ref: composedInputRef,
-        disabled: disabled,
-        readOnly: readOnly,
-        type: "text",
-        ...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
+	});
 }
-export { InputField as Field, Input, InputField, Input as Root, createInputScope };
+//#endregion
+export { InputField as Field, InputField, Input, Input as Root, createInputScope };

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

@@ -1,47 +1,50 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, ReactNode } from "react";
+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
 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: import("@radix-ui/react-context").CreateScope;
+declare const createProgressCircleScope: _$_radix_ui_react_context0.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
@@ -70,46 +73,74 @@ 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;
-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, };
+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 };