@codefast/ui 0.3.13-canary.3 → 0.3.13-canary.4

package/dist/primitives/input.d.ts

@@ -1,67 +0,0 @@
-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;
-};
-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;
-}
-/**
- * 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;
-}
-/**
- * Combined props for the Input component
- */
-type InputProps = PropsWithChildren<InputBehaviorProps & InputVisualProps>;
-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 };
-//# sourceMappingURL=input.d.ts.map

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

@@ -1 +0,0 @@
-{"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,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-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;
-        // 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);
-    /**
-     * 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 }));
-}
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-export { createInputScope, InputField as Field, Input, InputField, Input as Root };

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

@@ -1,116 +0,0 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, ReactNode } from "react";
-type ScopedProps<P> = P & {
-    __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;
-}
-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;
-}
-/**
- * Provides context for the ProgressCircle component
- *
- * Manages calculations for rendering the circular progress indicator,
- * including value clamping, sizing, thresholds, and indeterminate state.
- *
- * @example
- * ```tsx
- * <ProgressCircleProvider
- *   value={75}
- *   min={0}
- *   max={100}
- *   size={64}
- *   thresholds={[
- *     { value: 30, color: 'red', background: 'pink' },
- *     { value: 70, color: 'yellow', background: 'lightyellow' },
- *     { value: 100, color: 'green', background: 'lightgreen' }
- *   ]}
- * >
- *   <ProgressCircleSVG>
- *     <ProgressCircleIndicator />
- *     <ProgressCircleTrack />
- *   </ProgressCircleSVG>
- *   <ProgressCircleValue />
- * </ProgressCircleProvider>
- * ```
- */
-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;
-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;
-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;
-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;
-interface ProgressCircleValueProps extends Omit<ComponentProps<"div">, "children"> {
-    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, };
-//# sourceMappingURL=progress-circle.d.ts.map

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

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

package/dist/primitives/progress-circle.js

@@ -1,163 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContextScope } from "@radix-ui/react-context";
-import { useId, useMemo } from "react";
-/* -----------------------------------------------------------------------------
- * Context: ProgressCircleProvider
- * --------------------------------------------------------------------------- */
-const PROGRESS_CIRCLE_PROVIDER_NAME = "ProgressCircleProvider";
-const [createProgressCircleContext, createProgressCircleScope] = createContextScope(PROGRESS_CIRCLE_PROVIDER_NAME);
-const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
-/**
- * Provides context for the ProgressCircle component
- *
- * Manages calculations for rendering the circular progress indicator,
- * including value clamping, sizing, thresholds, and indeterminate state.
- *
- * @example
- * ```tsx
- * <ProgressCircleProvider
- *   value={75}
- *   min={0}
- *   max={100}
- *   size={64}
- *   thresholds={[
- *     { value: 30, color: 'red', background: 'pink' },
- *     { value: 70, color: 'yellow', background: 'lightyellow' },
- *     { value: 100, color: 'green', background: 'lightgreen' }
- *   ]}
- * >
- *   <ProgressCircleSVG>
- *     <ProgressCircleIndicator />
- *     <ProgressCircleTrack />
- *   </ProgressCircleSVG>
- *   <ProgressCircleValue />
- * </ProgressCircleProvider>
- * ```
- */
-function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max = 100, min = 0, size = 48, startAngle = -90, strokeWidth = 4, thresholds, value, }) {
-    const uniqueId = useId();
-    const id = propertyId ?? uniqueId;
-    // Ensure size and stroke width are non-negative
-    const validSize = Math.max(0, size);
-    const validStrokeWidth = Math.max(0, strokeWidth);
-    const validStartAngle = startAngle % 360;
-    // Validate min and max, swap if min > max
-    let validMin = min;
-    let validMax = max;
-    if (validMin > validMax) {
-        [validMin, validMax] = [validMax, validMin];
-    }
-    // Handle indeterminate state
-    const isIndeterminate = value === null || value === undefined;
-    const clampedValue = isIndeterminate ? undefined : clamp(validMin, validMax, value);
-    const range = validMax - validMin;
-    const percentage = clampedValue !== undefined && range > 0 ? ((clampedValue - validMin) / range) * 100 : 0;
-    const valueText = clampedValue !== undefined && formatValue
-        ? formatValue(clampedValue)
-        : `${Math.round(percentage).toString()}%`;
-    // Sort thresholds by value
-    const sortedThresholds = useMemo(() => thresholds && thresholds.length > 0
-        ? [...thresholds].toSorted((a, b) => a.value - b.value)
-        : [], [thresholds]);
-    // Determine an active threshold based on a clamped value
-    const threshold = useMemo(() => {
-        if (clampedValue === undefined) {
-            return;
-        }
-        for (const sortedThreshold of sortedThresholds) {
-            if (clampedValue <= sortedThreshold.value) {
-                return sortedThreshold;
-            }
-        }
-        return sortedThresholds.at(-1);
-    }, [sortedThresholds, clampedValue]);
-    // Calculate circle properties
-    const center = validSize / 2;
-    const radius = Math.max(0, center - validStrokeWidth / 2);
-    const circumference = 2 * Math.PI * radius;
-    const strokeDashoffset = circumference - (percentage / 100) * circumference;
-    const rotationTransform = `rotate(${validStartAngle.toString()}, 0, 0)`;
-    return (_jsx(ProgressCircleContextProvider, { center: center, circumference: circumference, clampedValue: clampedValue, id: id, max: validMax, min: validMin, radius: radius, rotationTransform: rotationTransform, scope: __scopeProgressCircle, size: validSize, strokeDashoffset: strokeDashoffset, strokeWidth: validStrokeWidth, threshold: threshold, value: value ?? 0, valueText: valueText, children: children }));
-}
-/**
- * Root component for the progress circle
- *
- * Serves as a wrapper for other progress circle components.
- */
-function ProgressCircle({ __scopeProgressCircle, ...props }) {
-    return _jsx("div", { ...props });
-}
-/* -----------------------------------------------------------------------------
- * Component: ProgressCircleSVG
- * --------------------------------------------------------------------------- */
-const PROGRESS_CIRCLE_SVG_NAME = "ProgressCircleSVG";
-/**
- * SVG container for the progress circle
- *
- * Renders the SVG with accessibility attributes and supports indeterminate state.
- */
-function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
-    const { clampedValue, id, max, min, size, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_SVG_NAME, __scopeProgressCircle);
-    return (_jsx("svg", { "aria-label": "Progress", "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": clampedValue, "aria-valuetext": clampedValue === undefined ? undefined : valueText, height: size, id: id, role: "progressbar", viewBox: `0 0 ${size.toString()} ${size.toString()}`, width: size, ...props }));
-}
-/* -----------------------------------------------------------------------------
- * Component: ProgressCircleTrack
- * --------------------------------------------------------------------------- */
-const PROGRESS_CIRCLE_TRACK_NAME = "ProgressCircleTrack";
-/**
- * Background circle for the progress indicator
- *
- * Renders the static track of the progress circle.
- */
-function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
-    const { center, radius, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_TRACK_NAME, __scopeProgressCircle);
-    return (_jsx("circle", { cx: center, cy: center, fill: "transparent", r: radius, stroke: threshold?.background ?? "currentColor", strokeWidth: strokeWidth, ...props }));
-}
-/* -----------------------------------------------------------------------------
- * Component: ProgressCircleIndicator
- * --------------------------------------------------------------------------- */
-const PROGRESS_CIRCLE_INDICATOR_NAME = "ProgressCircleIndicator";
-/**
- * Foreground circle showing progress
- *
- * Renders the dynamic progress indicator with stroke dash properties.
- */
-function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
-    const { center, circumference, radius, rotationTransform, strokeDashoffset, strokeWidth, threshold, } = useProgressCircleContext(PROGRESS_CIRCLE_INDICATOR_NAME, __scopeProgressCircle);
-    return (_jsx("circle", { cx: center, cy: center, fill: "transparent", r: radius, stroke: threshold?.color ?? "currentColor", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, strokeLinecap: "round", strokeWidth: strokeWidth, transform: rotationTransform, ...props }));
-}
-/* -----------------------------------------------------------------------------
- * Component: ProgressCircleValue
- * --------------------------------------------------------------------------- */
-const PROGRESS_CIRCLE_VALUE_NAME = "ProgressCircleValue";
-/**
- * Displays the current progress value
- *
- * Supports custom content or default value text rendering.
- */
-function ProgressCircleValue({ __scopeProgressCircle, children, ...props }) {
-    const { clampedValue, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_VALUE_NAME, __scopeProgressCircle);
-    if (typeof children === "function") {
-        return children({ value: clampedValue, valueText });
-    }
-    return _jsx("div", { ...props, children: children ?? valueText });
-}
-/* -----------------------------------------------------------------------------
- * Helpers
- * -------------------------------------------------------------------------- */
-/**
- * Clamps a value within a specified min/max range
- *
- * @param min - Minimum value
- * @param max - Maximum value
- * @param value - Value to clamp
- * @returns Clamped value
- */
-function clamp(min, max, value) {
-    return Math.min(max, Math.max(min, value));
-}
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-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, };