@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/primitives/checkbox-group.js

@@ -1,99 +1,126 @@
 import { jsx } from "react/jsx-runtime";
-import { Indicator, Root, createCheckboxScope } from "@radix-ui/react-checkbox";
+import { useCallback } from "react";
 import { createContextScope } from "@radix-ui/react-context";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { createCheckboxScope } from "@radix-ui/react-checkbox";
 import { useDirection } from "@radix-ui/react-direction";
-import { Item, Root as react_roving_focus_Root, createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
+import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
+import { createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useCallback } from "react";
+//#region src/primitives/checkbox-group.tsx
 const CHECKBOX_GROUP_NAME = "CheckboxGroup";
-const [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [
-    createRovingFocusGroupScope,
-    createCheckboxScope
-]);
+const [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [createRovingFocusGroupScope, createCheckboxScope]);
 const useRovingFocusGroupScope = createRovingFocusGroupScope();
 const useCheckboxScope = createCheckboxScope();
 const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
+/**
+* CheckboxGroup component that manages a group of checkboxes with roving focus
+*/
 function CheckboxGroup({ __scopeCheckboxGroup, defaultValue, dir, disabled = false, loop = true, name, onValueChange, orientation, required = false, value: valueProperty, ...props }) {
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
-    const direction = useDirection(dir);
-    const [value = [], setValue] = useControllableState({
-        defaultProp: defaultValue,
-        onChange: onValueChange,
-        prop: valueProperty
-    });
-    const handleItemCheck = useCallback((itemValue)=>{
-        setValue((previousValue)=>[
-                ...previousValue ?? [],
-                itemValue
-            ]);
-    }, [
-        setValue
-    ]);
-    const handleItemUncheck = useCallback((itemValue)=>{
-        setValue((previousValue)=>{
-            const currentValue = previousValue ?? [];
-            if (required && 1 === currentValue.length && currentValue[0] === itemValue) return currentValue;
-            return currentValue.filter((inputValue)=>inputValue !== itemValue);
-        });
-    }, [
-        setValue,
-        required
-    ]);
-    return /*#__PURE__*/ jsx(CheckboxGroupContextProvider, {
-        disabled: disabled,
-        name: name,
-        required: required,
-        scope: __scopeCheckboxGroup,
-        value: value,
-        onItemCheck: handleItemCheck,
-        onItemUncheck: handleItemUncheck,
-        children: /*#__PURE__*/ jsx(react_roving_focus_Root, {
-            asChild: true,
-            ...rovingFocusGroupScope,
-            dir: direction,
-            loop: loop,
-            orientation: orientation,
-            children: /*#__PURE__*/ jsx("div", {
-                "data-disabled": disabled ? "" : void 0,
-                dir: direction,
-                role: "group",
-                ...props
-            })
-        })
-    });
+	/**
+	* Scope for the RovingFocusGroup component
+	*/
+	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
+	/**
+	* Direction for layout and navigation
+	*/
+	const direction = useDirection(dir);
+	/**
+	* State for managing selected checkbox values
+	*/
+	const [value = [], setValue] = useControllableState({
+		defaultProp: defaultValue,
+		onChange: onValueChange,
+		prop: valueProperty
+	});
+	return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, {
+		disabled,
+		name,
+		required,
+		scope: __scopeCheckboxGroup,
+		value,
+		onItemCheck: useCallback((itemValue) => {
+			setValue((previousValue) => [...previousValue ?? [], itemValue]);
+		}, [setValue]),
+		onItemUncheck: useCallback((itemValue) => {
+			setValue((previousValue) => {
+				const currentValue = previousValue ?? [];
+				if (required && currentValue.length === 1 && currentValue[0] === itemValue) return currentValue;
+				return currentValue.filter((inputValue) => inputValue !== itemValue);
+			});
+		}, [setValue, required]),
+		children: /* @__PURE__ */ jsx(RovingFocusGroup.Root, {
+			asChild: true,
+			...rovingFocusGroupScope,
+			dir: direction,
+			loop,
+			orientation,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-disabled": disabled ? "" : void 0,
+				dir: direction,
+				role: "group",
+				...props
+			})
+		})
+	});
 }
 const ITEM_NAME = "CheckboxGroupItem";
+/**
+* Individual checkbox item within a CheckboxGroup
+*/
 function CheckboxGroupItem({ __scopeCheckboxGroup, disabled, ...props }) {
-    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
-    const isDisabled = context.disabled || disabled;
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
-    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-    const checked = context.value?.includes(props.value);
-    return /*#__PURE__*/ jsx(Item, {
-        asChild: true,
-        ...rovingFocusGroupScope,
-        active: checked,
-        focusable: !isDisabled,
-        children: /*#__PURE__*/ jsx(Root, {
-            "aria-label": props.value,
-            checked: checked,
-            disabled: isDisabled,
-            name: context.name,
-            required: context.required,
-            ...checkboxScope,
-            ...props,
-            onCheckedChange: (checkedState)=>{
-                if (checkedState) context.onItemCheck(props.value);
-                else context.onItemUncheck(props.value);
-            }
-        })
-    });
+	/**
+	* Context values from the parent CheckboxGroup
+	*/
+	const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
+	/**
+	* Combined disabled state from both context and props
+	*/
+	const isDisabled = context.disabled || disabled;
+	/**
+	* Scope for the RovingFocusGroup component
+	*/
+	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
+	/**
+	* Scope for the Checkbox component
+	*/
+	const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
+	/**
+	* Whether this checkbox is currently checked
+	*/
+	const checked = context.value?.includes(props.value);
+	return /* @__PURE__ */ jsx(RovingFocusGroup.Item, {
+		asChild: true,
+		...rovingFocusGroupScope,
+		active: checked,
+		focusable: !isDisabled,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+			"aria-label": props.value,
+			checked,
+			disabled: isDisabled,
+			name: context.name,
+			required: context.required,
+			...checkboxScope,
+			...props,
+			onCheckedChange: (checkedState) => {
+				if (checkedState) context.onItemCheck(props.value);
+				else context.onItemUncheck(props.value);
+			}
+		})
+	});
 }
+/**
+* Visual indicator component for a CheckboxGroupItem
+*/
 function CheckboxGroupIndicator({ __scopeCheckboxGroup, ...props }) {
-    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-    return /*#__PURE__*/ jsx(Indicator, {
-        ...checkboxScope,
-        ...props
-    });
+	/**
+	* Scope for the Checkbox component
+	*/
+	const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+		...checkboxScope,
+		...props
+	});
 }
-export { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem, CheckboxGroupIndicator as Indicator, CheckboxGroupItem as Item, CheckboxGroup as Root, createCheckboxGroupScope };
+//#endregion
+export { CheckboxGroup, CheckboxGroup as Root, CheckboxGroupIndicator, CheckboxGroupIndicator as Indicator, CheckboxGroupItem, CheckboxGroupItem as Item, createCheckboxGroupScope };

package/dist/primitives/input-number.d.ts

@@ -1,62 +1,73 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, JSX } from "react";
-import * as InputPrimitive from "./input";
+import { Field as InputField, Input } from "./input.js";
+import { ComponentProps, JSX } from "react";
+import * as _$_radix_ui_react_context0 from "@radix-ui/react-context";
+import { Scope } from "@radix-ui/react-context";
+
+//#region src/primitives/input-number.d.ts
 /**
  * Props that include an optional scope for the InputNumber component.
  */
 type ScopedProps<P> = P & {
-    /** Optional scope for the InputNumber component context */
-    __scopeInputNumber?: Scope;
+  /** Optional scope for the InputNumber component context */__scopeInputNumber?: Scope;
 };
-declare const createInputNumberScope: import("@radix-ui/react-context").CreateScope;
+declare const createInputNumberScope: _$_radix_ui_react_context0.CreateScope;
 /**
  * Props for the main InputNumber component.
  */
-interface InputNumberProps extends ComponentProps<typeof InputPrimitive.Root> {
-    /** Accessible label for the decrement button */
-    ariaDecrementLabel?: string;
-    /** Accessible label for the increment button */
-    ariaIncrementLabel?: string;
-    /** Initial value when uncontrolled */
-    defaultValue?: number;
-    /** Options for number formatting */
-    formatOptions?: Intl.NumberFormatOptions;
-    /** Unique identifier for the input */
-    id?: string;
-    /** Locale used for number formatting */
-    locale?: string;
-    /** Maximum allowed value */
-    max?: number;
-    /** Minimum allowed value */
-    min?: number;
-    /** Handler called when the value changes */
-    onChange?: (value?: number) => void;
-    /** Step value for increments/decrements */
-    step?: number;
-    /** Current value when controlled */
-    value?: number;
+interface InputNumberProps extends ComponentProps<typeof Input> {
+  /** Accessible label for the decrement button */
+  ariaDecrementLabel?: string;
+  /** Accessible label for the increment button */
+  ariaIncrementLabel?: string;
+  /** Initial value when uncontrolled */
+  defaultValue?: number;
+  /** Options for number formatting */
+  formatOptions?: Intl.NumberFormatOptions;
+  /** Unique identifier for the input */
+  id?: string;
+  /** Locale used for number formatting */
+  locale?: string;
+  /** Maximum allowed value */
+  max?: number;
+  /** Minimum allowed value */
+  min?: number;
+  /** Handler called when the value changes */
+  onChange?: (value?: number) => void;
+  /** Step value for increments/decrements */
+  step?: number;
+  /** Current value when controlled */
+  value?: number;
 }
 declare function InputNumber(numberInputProps: ScopedProps<InputNumberProps>): JSX.Element;
 /**
  * Defines the props for the `InputNumberField` component.
  */
-type InputNumberFieldProps = Omit<ComponentProps<typeof InputPrimitive.Field>, "defaultValue" | "disabled" | "id" | "max" | "min" | "onChange" | "prefix" | "readOnly" | "step" | "value">;
-declare function InputNumberField({ __scopeInputNumber, onBlur, onKeyDown, ...props }: ScopedProps<InputNumberFieldProps>): JSX.Element;
+type InputNumberFieldProps = Omit<ComponentProps<typeof InputField>, "defaultValue" | "disabled" | "id" | "max" | "min" | "onChange" | "prefix" | "readOnly" | "step" | "value">;
+declare function InputNumberField({
+  __scopeInputNumber,
+  onBlur,
+  onKeyDown,
+  ...props
+}: ScopedProps<InputNumberFieldProps>): JSX.Element;
 /**
  * Props for the NumberStepperButton component.
  */
 interface NumberStepperButtonProps extends ComponentProps<"button"> {
-    /**
-     * The operation to perform when the button is pressed.
-     * - `'increment'`: Increases the value.
-     * - `'decrement'`: Decreases the value.
-     */
-    operation: "decrement" | "increment";
+  /**
+   * The operation to perform when the button is pressed.
+   * - `'increment'`: Increases the value.
+   * - `'decrement'`: Decreases the value.
+   */
+  operation: "decrement" | "increment";
 }
-declare function NumberStepperButton({ __scopeInputNumber, operation, ...props }: ScopedProps<NumberStepperButtonProps>): JSX.Element;
+declare function NumberStepperButton({
+  __scopeInputNumber,
+  operation,
+  ...props
+}: ScopedProps<NumberStepperButtonProps>): JSX.Element;
 type InputNumberIncrementButtonProps = Omit<ComponentProps<typeof NumberStepperButton>, "operation">;
 declare function InputNumberIncrementButton(props: InputNumberIncrementButtonProps): JSX.Element;
 type InputNumberDecrementButtonProps = Omit<ComponentProps<typeof NumberStepperButton>, "operation">;
 declare function InputNumberDecrementButton(props: InputNumberDecrementButtonProps): JSX.Element;
-export { createInputNumberScope, InputNumberDecrementButton as DecrementButton, InputNumberField as Field, InputNumberIncrementButton as IncrementButton, InputNumber, InputNumberDecrementButton, InputNumberField, InputNumberIncrementButton, InputNumber as Root, };
-export type { InputNumberDecrementButtonProps, InputNumberFieldProps, InputNumberIncrementButtonProps, InputNumberProps, };
+//#endregion
+export { InputNumberDecrementButton as DecrementButton, InputNumberDecrementButton, InputNumberField as Field, InputNumberField, InputNumberIncrementButton as IncrementButton, InputNumberIncrementButton, InputNumber, InputNumber as Root, type InputNumberDecrementButtonProps, type InputNumberFieldProps, type InputNumberIncrementButtonProps, type InputNumberProps, createInputNumberScope };