@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/form.js

@@ -1,92 +1,76 @@
 "use client";
-import { Label } from "./label.js";
-import { cn } from "@codefast/tailwind-variants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
+import { createContextScope } from "@radix-ui/react-context";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
 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
+import { Label } from "#components/label";
 const Form = FormProvider;
+/* -----------------------------------------------------------------------------
+ * Context: FormField
+ * -------------------------------------------------------------------------- */
 const FORM_FIELD_NAME = "FormField";
 const [createFormFieldContext, createFormFieldScope] = createContextScope(FORM_FIELD_NAME);
 const [FormFieldContextProvider, useFormFieldContext] = createFormFieldContext(FORM_FIELD_NAME);
 function useFormItem(consumerName, scope) {
-	const { id } = useFormItemContext(consumerName, scope);
-	const { name } = useFormFieldContext(consumerName, scope);
-	const { getFieldState } = useFormContext();
-	const fieldState = getFieldState(name, useFormState({ name }));
-	return {
-		formDescriptionId: `form-item-description-${id}`,
-		formItemId: `form-item-${id}`,
-		formMessageId: `form-item-message-${id}`,
-		id,
-		name,
-		...fieldState
-	};
+    const { id } = useFormItemContext(consumerName, scope);
+    const { name } = useFormFieldContext(consumerName, scope);
+    const { getFieldState } = useFormContext();
+    const formState = useFormState({ name });
+    const fieldState = getFieldState(name, formState);
+    return {
+        formDescriptionId: `form-item-description-${id}`,
+        formItemId: `form-item-${id}`,
+        formMessageId: `form-item-message-${id}`,
+        id,
+        name,
+        ...fieldState,
+    };
 }
 function FormField(formFieldProps) {
-	const { __scopeFormField, ...props } = formFieldProps;
-	return /* @__PURE__ */ jsx(FormFieldContextProvider, {
-		name: props.name,
-		scope: __scopeFormField,
-		children: /* @__PURE__ */ jsx(Controller, { ...props })
-	});
+    const { __scopeFormField, ...props } = formFieldProps;
+    return (_jsx(FormFieldContextProvider, { name: props.name, scope: __scopeFormField, children: _jsx(Controller, { ...props }) }));
 }
-const [FormItemContextProvider, useFormItemContext] = createFormFieldContext("FormItem");
+/* -----------------------------------------------------------------------------
+ * Context: FormItem
+ * -------------------------------------------------------------------------- */
+const FORM_ITEM_NAME = "FormItem";
+const [FormItemContextProvider, useFormItemContext] = createFormFieldContext(FORM_ITEM_NAME);
 function FormItem({ __scopeFormField, className, ...props }) {
-	return /* @__PURE__ */ jsx(FormItemContextProvider, {
-		id: useId(),
-		scope: __scopeFormField,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("grid gap-2", className),
-			"data-slot": "form-item",
-			...props
-		})
-	});
+    const id = useId();
+    return (_jsx(FormItemContextProvider, { id: id, scope: __scopeFormField, children: _jsx("div", { className: cn("grid gap-2", className), "data-slot": "form-item", ...props }) }));
 }
+/* -----------------------------------------------------------------------------
+ * Component: FormLabel
+ * -------------------------------------------------------------------------- */
 const FORM_LABEL_NAME = "FormLabel";
 function FormLabel({ __scopeFormField, ...props }) {
-	const { error, formItemId } = useFormItem(FORM_LABEL_NAME, __scopeFormField);
-	return /* @__PURE__ */ jsx(Label, {
-		"data-invalid": error ? true : void 0,
-		"data-slot": "form-label",
-		htmlFor: formItemId,
-		...props
-	});
+    const { error, formItemId } = useFormItem(FORM_LABEL_NAME, __scopeFormField);
+    return (_jsx(Label, { "data-invalid": error ? true : undefined, "data-slot": "form-label", htmlFor: formItemId, ...props }));
 }
+/* -----------------------------------------------------------------------------
+ * Component: FormControl
+ * -------------------------------------------------------------------------- */
 const FORM_CONTROL_NAME = "FormControl";
 function FormControl({ __scopeFormField, ...props }) {
-	const { error, formDescriptionId, formItemId, formMessageId } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);
-	return /* @__PURE__ */ jsx(Slot, {
-		"aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
-		"aria-invalid": Boolean(error),
-		"data-slot": "form-control",
-		id: formItemId,
-		...props
-	});
+    const { error, formDescriptionId, formItemId, formMessageId } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);
+    return (_jsx(Slot, { "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId, "aria-invalid": Boolean(error), "data-slot": "form-control", id: formItemId, ...props }));
 }
 function FormDescription({ __scopeFormField, className, ...props }) {
-	const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
-	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-xs text-muted-foreground", className),
-		"data-slot": "form-description",
-		id: formDescriptionId,
-		...props
-	});
+    const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
+    return (_jsx("p", { className: cn("text-xs text-muted-foreground", className), "data-slot": "form-description", id: formDescriptionId, ...props }));
 }
+/* -----------------------------------------------------------------------------
+ * Component: FormMessage
+ * -------------------------------------------------------------------------- */
 const FORM_MESSAGE_NAME = "FormMessage";
 function FormMessage({ __scopeFormField, children, className, ...props }) {
-	const { error, formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
-	const body = error?.message ?? children;
-	if (!body) return null;
-	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-xs", error?.message ? "font-medium text-destructive" : "text-muted-foreground", className),
-		"data-slot": "form-message",
-		id: formMessageId,
-		...props,
-		children: body
-	});
+    const { error, formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
+    const body = error?.message ?? children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { className: cn("text-xs", error?.message ? "font-medium text-destructive" : "text-muted-foreground", className), "data-slot": "form-message", id: formMessageId, ...props, children: body }));
 }
-//#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, createFormFieldScope };
+export { createFormFieldScope, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, };

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

@@ -1,26 +1,13 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-
-//#region src/components/hover-card.d.ts
 type HoverCardProps = ComponentProps<typeof HoverCardPrimitive.Root>;
-declare function HoverCard({
-  ...props
-}: HoverCardProps): JSX.Element;
+declare function HoverCard({ ...props }: HoverCardProps): JSX.Element;
 type HoverCardTriggerProps = ComponentProps<typeof HoverCardPrimitive.Trigger>;
-declare function HoverCardTrigger({
-  ...props
-}: HoverCardTriggerProps): JSX.Element;
+declare function HoverCardTrigger({ ...props }: HoverCardTriggerProps): JSX.Element;
 type HoverCardContentProps = ComponentProps<typeof HoverCardPrimitive.Content>;
-declare function HoverCardContent({
-  align,
-  className,
-  sideOffset,
-  ...props
-}: HoverCardContentProps): JSX.Element;
+declare function HoverCardContent({ align, className, sideOffset, ...props }: HoverCardContentProps): JSX.Element;
 type HoverCardArrowProps = ComponentProps<typeof HoverCardPrimitive.Arrow>;
-declare function HoverCardArrow({
-  className,
-  ...props
-}: HoverCardArrowProps): JSX.Element;
-//#endregion
-export { HoverCard, HoverCardArrow, type HoverCardArrowProps, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps };
+declare function HoverCardArrow({ className, ...props }: HoverCardArrowProps): JSX.Element;
+export { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };
+export type { HoverCardArrowProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/components/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAMjE,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAE1E;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EACxB,KAAgB,EAChB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CA6BrC;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAQjF;AAMD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AACzE,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,cAAc,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/hover-card.js

@@ -1,35 +1,20 @@
 "use client";
-import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-//#region src/components/hover-card.tsx
 function HoverCard({ ...props }) {
-	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
-		"data-slot": "hover-card",
-		...props
-	});
+    return _jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, {
-		"data-slot": "hover-card-trigger",
-		...props
-	});
+    return _jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({ align = "center", className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
-		align,
-		className: cn("z-50 min-w-32 origin-(--radix-hover-card-content-transform-origin) rounded-lg border bg-popover p-4 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-		"data-slot": "hover-card-content",
-		sideOffset,
-		...props
-	}) });
+    return (_jsx(HoverCardPrimitive.Portal, { children: _jsx(HoverCardPrimitive.Content, { align: align, className: cn("z-50", "min-w-32 p-4", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-hover-card-content-transform-origin)", className), "data-slot": "hover-card-content", sideOffset: sideOffset, ...props }) }));
 }
 function HoverCardArrow({ className, ...props }) {
-	return /* @__PURE__ */ jsx(HoverCardPrimitive.Arrow, {
-		className: cn("fill-popover", className),
-		"data-slot": "hover-card-arrow",
-		...props
-	});
+    return (_jsx(HoverCardPrimitive.Arrow, { className: cn("fill-popover", className), "data-slot": "hover-card-arrow", ...props }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };

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

@@ -1,61 +1,37 @@
-import { ButtonProps } from "./button.js";
-import { InputProps } from "./input.js";
-import { TextareaProps } from "./textarea.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/input-group.d.ts
-declare const inputGroupVariants: _$_codefast_tailwind_variants0.VariantFunctionType<_$_codefast_tailwind_variants0.ConfigurationSchema, Record<string, never>>;
-declare const inputGroupAddonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  align: {
-    "block-end": string;
-    "block-start": string;
-    "inline-end": string;
-    "inline-start": string;
-  };
+import type { VariantProps } from "#lib/utils";
+import type { ComponentProps, JSX } from "react";
+import type { ButtonProps } from "#components/button";
+import type { InputProps } from "#components/input";
+import type { TextareaProps } from "#components/textarea";
+declare const inputGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<import("@codefast/tailwind-variants").ConfigurationSchema, Record<string, never>>;
+declare const inputGroupAddonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    align: {
+        "block-end": string[];
+        "block-start": string[];
+        "inline-end": string[];
+        "inline-start": string[];
+    };
 }, Record<string, never>>;
-declare const inputGroupButtonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  size: {
-    "icon-sm": string;
-    "icon-xs": string;
-    sm: string;
-    xs: string;
-  };
+declare const inputGroupButtonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    size: {
+        "icon-sm": string[];
+        "icon-xs": string[];
+        sm: string[];
+        xs: string[];
+    };
 }, Record<string, never>>;
 type InputGroupProps = ComponentProps<"div">;
-declare function InputGroup({
-  className,
-  ...props
-}: InputGroupProps): JSX.Element;
+declare function InputGroup({ className, ...props }: InputGroupProps): JSX.Element;
 type InputGroupAddonProps = ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
-declare function InputGroupAddon({
-  align,
-  className,
-  ...props
-}: InputGroupAddonProps): JSX.Element;
+declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): JSX.Element;
 type InputGroupButtonProps = Omit<ButtonProps, "size"> & VariantProps<typeof inputGroupButtonVariants>;
-declare function InputGroupButton({
-  className,
-  size,
-  type,
-  variant,
-  ...props
-}: InputGroupButtonProps): JSX.Element;
+declare function InputGroupButton({ className, size, type, variant, ...props }: InputGroupButtonProps): JSX.Element;
 type InputGroupTextProps = ComponentProps<"span">;
-declare function InputGroupText({
-  className,
-  ...props
-}: InputGroupTextProps): JSX.Element;
+declare function InputGroupText({ className, ...props }: InputGroupTextProps): JSX.Element;
 type InputGroupInputProps = InputProps;
-declare function InputGroupInput({
-  className,
-  ...props
-}: InputGroupInputProps): JSX.Element;
+declare function InputGroupInput({ className, ...props }: InputGroupInputProps): JSX.Element;
 type InputGroupTextareaProps = TextareaProps;
-declare function InputGroupTextarea({
-  className,
-  ...props
-}: InputGroupTextareaProps): JSX.Element;
-//#endregion
-export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants };
+declare function InputGroupTextarea({ className, ...props }: InputGroupTextareaProps): JSX.Element;
+export { InputGroup, InputGroupAddon, inputGroupAddonVariants, InputGroupButton, inputGroupButtonVariants, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupVariants, };
+export type { InputGroupAddonProps, InputGroupButtonProps, InputGroupInputProps, InputGroupProps, InputGroupTextareaProps, InputGroupTextProps, };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/components/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/components/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU1D,QAAA,MAAM,kBAAkB,6IAiBtB,CAAC;AAMH,QAAA,MAAM,uBAAuB;;QAcvB,WAAW;QAKX,aAAa;QAKb,YAAY;QAMZ,cAAc;;yBAQlB,CAAC;AAMH,QAAA,MAAM,wBAAwB;;QAYxB,SAAS;QACT,SAAS;QACT,EAAE;QACF,EAAE;;yBAQN,CAAC;AAMH,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CASzE;AAMD,KAAK,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEjG,iBAAS,eAAe,CAAC,EACvB,KAAsB,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAuBpC;AAMD,KAAK,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACpD,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAEhD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,IAAe,EACf,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAWrC;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAajF;AAMD,KAAK,oBAAoB,GAAG,UAAU,CAAC;AAEvC,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAgBnF;AAMD,KAAK,uBAAuB,GAAG,aAAa,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAiBzF;AAMD,OAAO,EACL,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,mBAAmB,GACpB,CAAC"}

package/dist/components/input-group.js

@@ -1,84 +1,127 @@
 "use client";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Textarea } from "./textarea.js";
-import { cn, tv } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/input-group.tsx
-const inputGroupVariants = tv({ base: cn("group/input-group relative flex w-full items-center rounded-lg border border-input shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30", "h-9 min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-2", "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:pt-3", "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40") });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, tv } from "#lib/utils";
+import { Button } from "#components/button";
+import { Input } from "#components/input";
+import { Textarea } from "#components/textarea";
+/* -----------------------------------------------------------------------------
+ * Variants: InputGroup
+ * -------------------------------------------------------------------------- */
+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",
+        "transition-[color,box-shadow]",
+        "dark:bg-input/30",
+        "has-[>textarea]:h-auto",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col",
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50",
+        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20",
+        "dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        "has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:pt-3",
+        "has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:pb-3",
+        "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-2",
+        "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-2",
+    ],
+});
+/* -----------------------------------------------------------------------------
+ * Variants: InputGroupAddon
+ * -------------------------------------------------------------------------- */
 const inputGroupAddonVariants = tv({
-	base: cn("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4"),
-	defaultVariants: { align: "inline-start" },
-	variants: { align: {
-		"block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3",
-		"block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
-		"inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-		"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]"
-	} }
+    base: [
+        "flex h-auto items-center justify-center gap-2 py-1.5",
+        "text-sm font-medium text-muted-foreground",
+        "cursor-text select-none",
+        "group-data-disabled/input-group:opacity-50",
+        "[&>kbd]:rounded-[calc(var(--radius)-5px)]",
+        "[&>svg:not([class*='size-'])]:size-4",
+    ],
+    defaultVariants: {
+        align: "inline-start",
+    },
+    variants: {
+        align: {
+            "block-end": [
+                "order-last w-full justify-start px-3 pb-3",
+                "group-has-[>input]/input-group:pb-2.5",
+                "[.border-t]:pt-3",
+            ],
+            "block-start": [
+                "order-first w-full justify-start px-3 pt-3",
+                "group-has-[>input]/input-group:pt-2.5",
+                "[.border-b]:pb-3",
+            ],
+            "inline-end": [
+                "order-last",
+                "pr-3",
+                "has-[>button]:mr-[-0.45rem]",
+                "has-[>kbd]:mr-[-0.35rem]",
+            ],
+            "inline-start": [
+                "order-first",
+                "pl-3",
+                "has-[>button]:ml-[-0.45rem]",
+                "has-[>kbd]:ml-[-0.35rem]",
+            ],
+        },
+    },
 });
+/* -----------------------------------------------------------------------------
+ * Variants: InputGroupButton
+ * -------------------------------------------------------------------------- */
 const inputGroupButtonVariants = tv({
-	base: "flex items-center gap-2 text-sm shadow-none [&>svg:not([class*='size-'])]:size-4",
-	defaultVariants: { size: "xs" },
-	variants: { size: {
-		"icon-sm": "size-8 p-0 has-[>svg]:p-0",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-		sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg]:size-3.5"
-	} }
+    base: [
+        "flex items-center gap-2",
+        "shadow-none",
+        "text-sm",
+        "[&>svg:not([class*='size-'])]:size-4",
+    ],
+    defaultVariants: {
+        size: "xs",
+    },
+    variants: {
+        size: {
+            "icon-sm": ["size-8 p-0", "has-[>svg]:p-0"],
+            "icon-xs": ["size-6 p-0", "rounded-[calc(var(--radius)-5px)]", "has-[>svg]:p-0"],
+            sm: ["h-8 gap-1.5 px-2.5", "rounded-md", "has-[>svg]:px-2.5"],
+            xs: [
+                "h-6 gap-1 px-2",
+                "rounded-[calc(var(--radius)-5px)]",
+                "has-[>svg]:px-2",
+                "[&>svg]:size-3.5",
+            ],
+        },
+    },
 });
 function InputGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: inputGroupVariants({ className }),
-		"data-slot": "input-group",
-		role: "group",
-		...props
-	});
+    return (_jsx("div", { className: inputGroupVariants({ className }), "data-slot": "input-group", role: "group", ...props }));
 }
 function InputGroupAddon({ align = "inline-start", className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(inputGroupAddonVariants({ align }), className),
-		"data-align": align,
-		"data-slot": "input-group-addon",
-		role: "group",
-		onPointerDown: (event) => {
-			if (event.target.closest("button")) return;
-			event.preventDefault();
-			const control = event.currentTarget.parentElement?.querySelector("input, textarea");
-			if (control instanceof HTMLElement) control.focus();
-		},
-		...props
-	});
+    return (_jsx("div", { className: cn(inputGroupAddonVariants({ align }), className), "data-align": align, "data-slot": "input-group-addon", role: "group", onPointerDown: (event) => {
+            if (event.target.closest("button")) {
+                return;
+            }
+            event.preventDefault();
+            const control = event.currentTarget.parentElement?.querySelector("input, textarea");
+            if (control instanceof HTMLElement) {
+                control.focus();
+            }
+        }, ...props }));
 }
 function InputGroupButton({ className, size = "xs", type = "button", variant = "ghost", ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		className: cn(inputGroupButtonVariants({ size }), className),
-		"data-size": size,
-		"data-slot": "input-group-button",
-		type,
-		variant,
-		...props
-	});
+    return (_jsx(Button, { className: cn(inputGroupButtonVariants({ size }), className), "data-size": size, "data-slot": "input-group-button", type: type, variant: variant, ...props }));
 }
 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),
-		"data-slot": "input-group-text",
-		...props
-	});
+    return (_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), "data-slot": "input-group-text", ...props }));
 }
 function InputGroupInput({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Input, {
-		className: cn("flex-1 rounded-none border-0 bg-transparent px-3 py-1 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
-		"data-slot": "input-group-control",
-		...props
-	});
+    return (_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), "data-slot": "input-group-control", ...props }));
 }
 function InputGroupTextarea({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Textarea, {
-		className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
-		"data-slot": "input-group-control",
-		...props
-	});
+    return (_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), "data-slot": "input-group-control", ...props }));
 }
-//#endregion
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { InputGroup, InputGroupAddon, inputGroupAddonVariants, InputGroupButton, inputGroupButtonVariants, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupVariants, };

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

@@ -1,28 +1,8 @@
-import { Field as InputNumberField, InputNumber as InputNumber$1 } from "../primitives/input-number.js";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/input-number.d.ts
-interface InputNumberProps extends ComponentProps<typeof InputNumberField>, ComponentProps<typeof InputNumber$1> {}
-declare function InputNumber({
-  ariaDecrementLabel,
-  ariaIncrementLabel,
-  className,
-  defaultValue,
-  disabled,
-  formatOptions,
-  id,
-  loaderPosition,
-  loading,
-  max,
-  min,
-  onChange,
-  prefix,
-  readOnly,
-  spinner,
-  step,
-  suffix,
-  value,
-  ...props
-}: InputNumberProps): JSX.Element;
-//#endregion
-export { InputNumber, type InputNumberProps };
+import type { ComponentProps, JSX } from "react";
+import * as InputNumberPrimitive from "#primitives/input-number";
+interface InputNumberProps extends ComponentProps<typeof InputNumberPrimitive.Field>, ComponentProps<typeof InputNumberPrimitive.Root> {
+}
+declare function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }: InputNumberProps): JSX.Element;
+export { InputNumber };
+export type { InputNumberProps };
+//# sourceMappingURL=input-number.d.ts.map

package/dist/components/input-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-number.d.ts","sourceRoot":"","sources":["../../src/components/input-number.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,KAAK,oBAAoB,MAAM,0BAA0B,CAAC;AAMjE,UAAU,gBACR,SACE,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,EACjD,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;CAAG;AAEvD,iBAAS,WAAW,CAAC,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,EAAE,EACF,cAAc,EACd,OAAO,EACP,GAAG,EACH,GAAG,EACH,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyGhC;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}