@codefast/ui 0.3.15 → 0.3.16-canary.1

package/dist/components/form.d.mts

@@ -7,37 +7,79 @@ import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues, FormProvider } from "react-hook-form";
 
 //#region src/components/form.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormProps = ComponentProps<typeof FormProvider>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: _$react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 type ScopedProps<P> = P & {
   __scopeFormField?: Scope;
 };
 declare const createFormFieldScope: _$_radix_ui_react_context0.CreateScope;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: ScopedProps<FormFieldProps<TFieldValues, TName>>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormItemProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormItem({
   __scopeFormField,
   className,
   ...props
 }: ScopedProps<FormItemProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormLabelProps = ComponentProps<typeof LabelPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormLabel({
   __scopeFormField,
   ...props
 }: ScopedProps<FormLabelProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormControlProps = ComponentProps<typeof Slot>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormControl({
   __scopeFormField,
   ...props
 }: ScopedProps<FormControlProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormDescriptionProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormDescription({
   __scopeFormField,
   className,
   ...props
 }: ScopedProps<FormDescriptionProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormMessageProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormMessage({
   __scopeFormField,
   children,

package/dist/components/form.mjs

@@ -7,6 +7,9 @@ import { useId } from "react";
 import { createContextScope } from "@radix-ui/react-context";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const Form = FormProvider;
 const FORM_FIELD_NAME = "FormField";
 const [createFormFieldContext, createFormFieldScope] = createContextScope(FORM_FIELD_NAME);
@@ -25,6 +28,9 @@ function useFormItem(consumerName, scope) {
 		...fieldState
 	};
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FormField(formFieldProps) {
 	const { __scopeFormField, ...props } = formFieldProps;
 	return /* @__PURE__ */ jsx(FormFieldContextProvider, {
@@ -34,6 +40,9 @@ function FormField(formFieldProps) {
 	});
 }
 const [FormItemContextProvider, useFormItemContext] = createFormFieldContext("FormItem");
+/**
+* @since 0.3.16-canary.0
+*/
 function FormItem({ __scopeFormField, className, ...props }) {
 	return /* @__PURE__ */ jsx(FormItemContextProvider, {
 		id: useId(),
@@ -46,6 +55,9 @@ function FormItem({ __scopeFormField, className, ...props }) {
 	});
 }
 const FORM_LABEL_NAME = "FormLabel";
+/**
+* @since 0.3.16-canary.0
+*/
 function FormLabel({ __scopeFormField, ...props }) {
 	const { error, formItemId } = useFormItem(FORM_LABEL_NAME, __scopeFormField);
 	return /* @__PURE__ */ jsx(Label, {
@@ -56,6 +68,9 @@ function FormLabel({ __scopeFormField, ...props }) {
 	});
 }
 const FORM_CONTROL_NAME = "FormControl";
+/**
+* @since 0.3.16-canary.0
+*/
 function FormControl({ __scopeFormField, ...props }) {
 	const { error, formDescriptionId, formItemId, formMessageId } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);
 	return /* @__PURE__ */ jsx(Slot, {
@@ -66,6 +81,9 @@ function FormControl({ __scopeFormField, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FormDescription({ __scopeFormField, className, ...props }) {
 	const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
 	return /* @__PURE__ */ jsx("p", {
@@ -76,6 +94,9 @@ function FormDescription({ __scopeFormField, className, ...props }) {
 	});
 }
 const FORM_MESSAGE_NAME = "FormMessage";
+/**
+* @since 0.3.16-canary.0
+*/
 function FormMessage({ __scopeFormField, children, className, ...props }) {
 	const { error, formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
 	const body = error?.message ?? children;

package/dist/components/hover-card.d.mts

@@ -2,22 +2,46 @@ import { ComponentProps, JSX } from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 
 //#region src/components/hover-card.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type HoverCardProps = ComponentProps<typeof HoverCardPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function HoverCard({
   ...props
 }: HoverCardProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type HoverCardTriggerProps = ComponentProps<typeof HoverCardPrimitive.Trigger>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function HoverCardTrigger({
   ...props
 }: HoverCardTriggerProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type HoverCardContentProps = ComponentProps<typeof HoverCardPrimitive.Content>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function HoverCardContent({
   align,
   className,
   sideOffset,
   ...props
 }: HoverCardContentProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type HoverCardArrowProps = ComponentProps<typeof HoverCardPrimitive.Arrow>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function HoverCardArrow({
   className,
   ...props

package/dist/components/hover-card.mjs

@@ -3,18 +3,27 @@ import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 //#region src/components/hover-card.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function HoverCard({ ...props }) {
 	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
 		"data-slot": "hover-card",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function HoverCardTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
 		"data-slot": "hover-card-trigger",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function HoverCardContent({ align = "center", className, sideOffset = 4, ...props }) {
 	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
 		align,
@@ -24,6 +33,9 @@ function HoverCardContent({ align = "center", className, sideOffset = 4, ...prop
 		...props
 	}) });
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function HoverCardArrow({ className, ...props }) {
 	return /* @__PURE__ */ jsx(HoverCardPrimitive.Arrow, {
 		className: cn("fill-popover", className),

package/dist/components/input-group.d.mts

@@ -6,7 +6,13 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/input-group.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const inputGroupVariants: _$_codefast_tailwind_variants0.VariantFunctionType<_$_codefast_tailwind_variants0.ConfigurationSchema, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const inputGroupAddonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   align: {
     "block-end": string[];
@@ -15,6 +21,9 @@ declare const inputGroupAddonVariants: _$_codefast_tailwind_variants0.VariantFun
     "inline-start": string[];
   };
 }, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const inputGroupButtonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   size: {
     "icon-sm": string[];
@@ -23,18 +32,36 @@ declare const inputGroupButtonVariants: _$_codefast_tailwind_variants0.VariantFu
     xs: string[];
   };
 }, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputGroupProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputGroup({
   className,
   ...props
 }: InputGroupProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputGroupAddonProps = ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputGroupAddon({
   align,
   className,
   ...props
 }: InputGroupAddonProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputGroupButtonProps = Omit<ButtonProps, "size"> & VariantProps<typeof inputGroupButtonVariants>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputGroupButton({
   className,
   size,
@@ -42,17 +69,35 @@ declare function InputGroupButton({
   variant,
   ...props
 }: InputGroupButtonProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputGroupTextProps = ComponentProps<"span">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputGroupText({
   className,
   ...props
 }: InputGroupTextProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputGroupInputProps = InputProps;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputGroupInput({
   className,
   ...props
 }: InputGroupInputProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputGroupTextareaProps = TextareaProps;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputGroupTextarea({
   className,
   ...props

package/dist/components/input-group.mjs

@@ -5,6 +5,9 @@ import { Input } from "./input.mjs";
 import { Textarea } from "./textarea.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/input-group.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const inputGroupVariants = tv({ base: [
 	"group/input-group relative flex h-9 w-full min-w-0 items-center",
 	"rounded-lg border border-input shadow-xs outline-none",
@@ -21,6 +24,9 @@ const inputGroupVariants = tv({ base: [
 	"has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-2",
 	"has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-2"
 ] });
+/**
+* @since 0.3.16-canary.0
+*/
 const inputGroupAddonVariants = tv({
 	base: [
 		"flex h-auto items-center justify-center gap-2 py-1.5",
@@ -56,6 +62,9 @@ const inputGroupAddonVariants = tv({
 		]
 	} }
 });
+/**
+* @since 0.3.16-canary.0
+*/
 const inputGroupButtonVariants = tv({
 	base: [
 		"flex items-center gap-2",
@@ -84,6 +93,9 @@ const inputGroupButtonVariants = tv({
 		]
 	} }
 });
+/**
+* @since 0.3.16-canary.0
+*/
 function InputGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: inputGroupVariants({ className }),
@@ -92,6 +104,9 @@ function InputGroup({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputGroupAddon({ align = "inline-start", className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn(inputGroupAddonVariants({ align }), className),
@@ -107,6 +122,9 @@ function InputGroupAddon({ align = "inline-start", className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputGroupButton({ className, size = "xs", type = "button", variant = "ghost", ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		className: cn(inputGroupButtonVariants({ size }), className),
@@ -117,6 +135,9 @@ function InputGroupButton({ className, size = "xs", type = "button", variant = "
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputGroupText({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: cn("flex items-center gap-2 text-sm text-muted-foreground", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
@@ -124,6 +145,9 @@ function InputGroupText({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputGroupInput({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		className: cn("flex-1", "px-3 py-1", "rounded-none border-0", "bg-transparent shadow-none", "focus-visible:ring-0", "dark:bg-transparent", className),
@@ -131,6 +155,9 @@ function InputGroupInput({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputGroupTextarea({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Textarea, {
 		className: cn("flex-1", "py-3", "rounded-none border-0", "bg-transparent shadow-none", "resize-none", "focus-visible:ring-0", "dark:bg-transparent", className),

package/dist/components/input-number.d.mts

@@ -2,7 +2,13 @@ import { Field as InputNumberField, InputNumber as InputNumber$1 } from "../prim
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/input-number.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 interface InputNumberProps extends ComponentProps<typeof InputNumberField>, ComponentProps<typeof InputNumber$1> {}
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputNumber({
   ariaDecrementLabel,
   ariaIncrementLabel,

package/dist/components/input-number.mjs

@@ -6,6 +6,9 @@ import { DecrementButton as InputNumberDecrementButton, Field as InputNumberFiel
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/input-number.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }) {
 	return /* @__PURE__ */ jsxs(InputNumber$1, {
 		ariaDecrementLabel,

package/dist/components/input-otp.d.mts

@@ -2,26 +2,50 @@ import { ComponentProps, JSX } from "react";
 import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
 
 //#region src/components/input-otp.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputOTPProps = ComponentProps<typeof OTPInput>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputOTP({
   className,
   containerClassName,
   ...props
 }: InputOTPProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputOTPGroupProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputOTPGroup({
   className,
   ...props
 }: InputOTPGroupProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface InputOTPSlotProps extends ComponentProps<"div"> {
   index: number;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputOTPSlot({
   className,
   index,
   ...props
 }: InputOTPSlotProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputOTPSeparatorProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputOTPSeparator({
   ...props
 }: InputOTPSeparatorProps): JSX.Element;

package/dist/components/input-otp.mjs

@@ -5,6 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { use } from "react";
 import { OTPInput, OTPInputContext, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
 //#region src/components/input-otp.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function InputOTP({ className, containerClassName, ...props }) {
 	return /* @__PURE__ */ jsx(OTPInput, {
 		"aria-label": "One-time password",
@@ -14,6 +17,9 @@ function InputOTP({ className, containerClassName, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputOTPGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex items-center -space-x-px", className),
@@ -22,6 +28,9 @@ function InputOTPGroup({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputOTPSlot({ className, index, ...props }) {
 	const slot = use(OTPInputContext).slots[index];
 	if (slot === void 0) throw new Error(`InputOTPSlot: no slot at index ${index}`);
@@ -37,6 +46,9 @@ function InputOTPSlot({ className, index, ...props }) {
 		}) : null]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function InputOTPSeparator({ ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "input-otp-separator",

package/dist/components/input-password.d.mts

@@ -2,7 +2,13 @@ import { InputGroupInput } from "./input-group.mjs";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/input-password.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputPasswordProps = Omit<ComponentProps<typeof InputGroupInput>, "type">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputPassword({
   className,
   disabled,

package/dist/components/input-password.mjs

@@ -5,6 +5,9 @@ import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 //#region src/components/input-password.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function InputPassword({ className, disabled, readOnly, ...props }) {
 	const [type, setType] = useState("password");
 	const togglePasswordVisibility = useCallback(() => {

package/dist/components/input-search.d.mts

@@ -2,11 +2,17 @@ import { InputGroupInput } from "./input-group.mjs";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/input-search.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 interface InputSearchProps extends Omit<ComponentProps<typeof InputGroupInput>, "defaultValue" | "onChange" | "type" | "value"> {
   defaultValue?: string;
   onChange?: (value?: string) => void;
   value?: string;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function InputSearch({
   className,
   defaultValue,

package/dist/components/input-search.mjs

@@ -5,6 +5,9 @@ import { SearchIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 //#region src/components/input-search.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function InputSearch({ className, defaultValue, disabled, onChange, readOnly, value: valueProperty, ...props }) {
 	const [value, setValue] = useControllableState({
 		defaultProp: defaultValue,

package/dist/components/input.d.mts

@@ -1,7 +1,13 @@
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/input.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type InputProps = ComponentProps<"input">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Input({
   className,
   type,

package/dist/components/input.mjs

@@ -2,6 +2,9 @@
 import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/input.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Input({ className, type, ...props }) {
 	return /* @__PURE__ */ jsx("input", {
 		className: cn("h-9 w-full min-w-0 px-3 py-1", "rounded-lg border border-input", "bg-transparent shadow-xs outline-none", "text-base", "transition-[color,box-shadow]", "selection:bg-primary selection:text-primary-foreground", "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "md:text-sm", "dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "dark:aria-invalid:ring-destructive/40", className),