@codefast/ui 0.3.9 → 0.3.10

package/dist/components/form.cjs

@@ -1,2 +1,152 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormItem:()=>FormItem,createFormFieldScope:()=>createFormFieldScope,FormLabel:()=>FormLabel,Form:()=>Form,FormField:()=>FormField});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_react_hook_form_namespaceObject=require("react-hook-form"),external_label_cjs_namespaceObject=require("./label.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_namespaceObject=require("@radix-ui/react-context"),react_slot_namespaceObject=require("@radix-ui/react-slot"),Form=external_react_hook_form_namespaceObject.FormProvider,FORM_FIELD_NAME="FormField",[createFormFieldContext,createFormFieldScope]=(0,react_context_namespaceObject.createContextScope)(FORM_FIELD_NAME),[FormFieldContextProvider,useFormFieldContext]=createFormFieldContext(FORM_FIELD_NAME);function useFormItem(e,r){let{id:t}=useFormItemContext(e,r),{name:o}=useFormFieldContext(e,r),{getFieldState:_}=(0,external_react_hook_form_namespaceObject.useFormContext)(),a=(0,external_react_hook_form_namespaceObject.useFormState)({name:o}),m=_(o,a);return{formDescriptionId:`form-item-description-${t}`,formItemId:`form-item-${t}`,formMessageId:`form-item-message-${t}`,id:t,name:o,...m}}function FormField(e){let{__scopeFormField:r,...t}=e;return(0,jsx_runtime_namespaceObject.jsx)(FormFieldContextProvider,{name:t.name,scope:r,children:(0,jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller,{...t})})}const FORM_ITEM_NAME="FormItem",[FormItemContextProvider,useFormItemContext]=createFormFieldContext("FormItem");function FormItem({__scopeFormField:e,className:r,...t}){let o=(0,external_react_namespaceObject.useId)();return(0,jsx_runtime_namespaceObject.jsx)(FormItemContextProvider,{id:o,scope:e,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("grid gap-2",r),"data-slot":"form-item",...t})})}const FORM_LABEL_NAME="FormLabel";function FormLabel({__scopeFormField:e,...r}){let{error:t,formItemId:o}=useFormItem("FormLabel",e);return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{"data-invalid":!!t||void 0,"data-slot":"form-label",htmlFor:o,...r})}const FORM_CONTROL_NAME="FormControl";function FormControl({__scopeFormField:e,...r}){let{error:t,formDescriptionId:o,formItemId:_,formMessageId:a}=useFormItem("FormControl",e);return(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot,{"aria-describedby":t?`${o} ${a}`:o,"aria-invalid":!!t,"data-slot":"form-control",id:_,...r})}function FormDescription({__scopeFormField:e,className:r,...t}){let{formDescriptionId:o}=useFormItem(FORM_MESSAGE_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:o,...t})}const FORM_MESSAGE_NAME="FormMessage";function FormMessage({__scopeFormField:e,children:r,className:t,...o}){let{error:_,formMessageId:a}=useFormItem(FORM_MESSAGE_NAME,e),m=_?.message??r;return m?(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,tailwind_variants_namespaceObject.cn)("text-xs",_?.message?"text-destructive font-medium":"text-muted-foreground",t),"data-slot":"form-message",id:a,...o,children:m}):null}for(var __webpack_i__ in exports.Form=__webpack_exports__.Form,exports.FormControl=__webpack_exports__.FormControl,exports.FormDescription=__webpack_exports__.FormDescription,exports.FormField=__webpack_exports__.FormField,exports.FormItem=__webpack_exports__.FormItem,exports.FormLabel=__webpack_exports__.FormLabel,exports.FormMessage=__webpack_exports__.FormMessage,exports.createFormFieldScope=__webpack_exports__.createFormFieldScope,__webpack_exports__)-1===["Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","createFormFieldScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FormMessage: ()=>FormMessage,
+    FormDescription: ()=>FormDescription,
+    FormControl: ()=>FormControl,
+    FormItem: ()=>FormItem,
+    createFormFieldScope: ()=>createFormFieldScope,
+    FormLabel: ()=>FormLabel,
+    Form: ()=>Form,
+    FormField: ()=>FormField
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_react_namespaceObject = require("react");
+const external_react_hook_form_namespaceObject = require("react-hook-form");
+const external_label_cjs_namespaceObject = require("./label.cjs");
+const Form = external_react_hook_form_namespaceObject.FormProvider;
+const FORM_FIELD_NAME = 'FormField';
+const [createFormFieldContext, createFormFieldScope] = (0, react_context_namespaceObject.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 } = (0, external_react_hook_form_namespaceObject.useFormContext)();
+    const formState = (0, external_react_hook_form_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(FormFieldContextProvider, {
+        name: props.name,
+        scope: __scopeFormField,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller, {
+            ...props
+        })
+    });
+}
+const FORM_ITEM_NAME = 'FormItem';
+const [FormItemContextProvider, useFormItemContext] = createFormFieldContext(FORM_ITEM_NAME);
+function FormItem({ __scopeFormField, className, ...props }) {
+    const id = (0, external_react_namespaceObject.useId)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormItemContextProvider, {
+        id: id,
+        scope: __scopeFormField,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, tailwind_variants_namespaceObject.cn)('grid gap-2', className),
+            "data-slot": "form-item",
+            ...props
+        })
+    });
+}
+const FORM_LABEL_NAME = 'FormLabel';
+function FormLabel({ __scopeFormField, ...props }) {
+    const { error, formItemId } = useFormItem(FORM_LABEL_NAME, __scopeFormField);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
+        "data-invalid": error ? true : void 0,
+        "data-slot": "form-label",
+        htmlFor: formItemId,
+        ...props
+    });
+}
+const FORM_CONTROL_NAME = 'FormControl';
+function FormControl({ __scopeFormField, ...props }) {
+    const { error, formDescriptionId, formItemId, formMessageId } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground text-xs', className),
+        "data-slot": "form-description",
+        id: formDescriptionId,
+        ...props
+    });
+}
+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__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-xs', error?.message ? 'text-destructive font-medium' : 'text-muted-foreground', className),
+        "data-slot": "form-message",
+        id: formMessageId,
+        ...props,
+        children: body
+    });
+}
+exports.Form = __webpack_exports__.Form;
+exports.FormControl = __webpack_exports__.FormControl;
+exports.FormDescription = __webpack_exports__.FormDescription;
+exports.FormField = __webpack_exports__.FormField;
+exports.FormItem = __webpack_exports__.FormItem;
+exports.FormLabel = __webpack_exports__.FormLabel;
+exports.FormMessage = __webpack_exports__.FormMessage;
+exports.createFormFieldScope = __webpack_exports__.createFormFieldScope;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Form",
+    "FormControl",
+    "FormDescription",
+    "FormField",
+    "FormItem",
+    "FormLabel",
+    "FormMessage",
+    "createFormFieldScope"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/form.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
-import type { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
-import { FormProvider } from "react-hook-form";
-import type { Scope } from "@radix-ui/react-context";
-import type * as LabelPrimitive from "@radix-ui/react-label";
-import { Slot } from "@radix-ui/react-slot";
+import type { Scope } from '@radix-ui/react-context';
+import type * as LabelPrimitive from '@radix-ui/react-label';
+import type { ComponentProps, JSX, ReactNode } from 'react';
+import type { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import { Slot } from '@radix-ui/react-slot';
+import { FormProvider } from 'react-hook-form';
 type FormProps = ComponentProps<typeof FormProvider>;
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 type ScopedProps<P> = P & {
@@ -12,15 +12,15 @@ type ScopedProps<P> = P & {
 declare const createFormFieldScope: import("@radix-ui/react-context").CreateScope;
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
 declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: ScopedProps<FormFieldProps<TFieldValues, TName>>): JSX.Element;
-type FormItemProps = ComponentProps<"div">;
+type FormItemProps = ComponentProps<'div'>;
 declare function FormItem({ __scopeFormField, className, ...props }: ScopedProps<FormItemProps>): JSX.Element;
 type FormLabelProps = ComponentProps<typeof LabelPrimitive.Root>;
 declare function FormLabel({ __scopeFormField, ...props }: ScopedProps<FormLabelProps>): JSX.Element;
 type FormControlProps = ComponentProps<typeof Slot>;
 declare function FormControl({ __scopeFormField, ...props }: ScopedProps<FormControlProps>): JSX.Element;
-type FormDescriptionProps = ComponentProps<"p">;
+type FormDescriptionProps = ComponentProps<'p'>;
 declare function FormDescription({ __scopeFormField, className, ...props }: ScopedProps<FormDescriptionProps>): JSX.Element;
-type FormMessageProps = ComponentProps<"p">;
+type FormMessageProps = ComponentProps<'p'>;
 declare function FormMessage({ __scopeFormField, children, className, ...props }: ScopedProps<FormMessageProps>): ReactNode;
 export type { FormControlProps, FormDescriptionProps, FormFieldProps, FormItemProps, FormLabelProps, FormMessageProps, FormProps, };
-export { createFormFieldScope, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, };
+export { createFormFieldScope, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage };

package/dist/components/form.js

@@ -1,2 +1,97 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{useId as e}from"react";import{Controller as r,FormProvider as o,useFormContext as m,useFormState as i}from"react-hook-form";import{Label as a}from"./label.js";import{cn as n}from"@codefast/tailwind-variants";import{createContextScope as s}from"@radix-ui/react-context";import{Slot as l}from"@radix-ui/react-slot";let d=o,c="FormField",[f,u]=s(c),[p,F]=f(c);function x(t,e){let{id:r}=v(t,e),{name:o}=F(t,e),{getFieldState:a}=m(),n=i({name:o}),s=a(o,n);return{formDescriptionId:`form-item-description-${r}`,formItemId:`form-item-${r}`,formMessageId:`form-item-message-${r}`,id:r,name:o,...s}}function g(e){let{__scopeFormField:o,...m}=e;return t(p,{name:m.name,scope:o,children:t(r,{...m})})}let[b,v]=f("FormItem");function I({__scopeFormField:r,className:o,...m}){return t(b,{id:e(),scope:r,children:t("div",{className:n("grid gap-2",o),"data-slot":"form-item",...m})})}function h({__scopeFormField:e,...r}){let{error:o,formItemId:m}=x("FormLabel",e);return t(a,{"data-invalid":!!o||void 0,"data-slot":"form-label",htmlFor:m,...r})}function $({__scopeFormField:e,...r}){let{error:o,formDescriptionId:m,formItemId:i,formMessageId:a}=x("FormControl",e);return t(l,{"aria-describedby":o?`${m} ${a}`:m,"aria-invalid":!!o,"data-slot":"form-control",id:i,...r})}function M({__scopeFormField:e,className:r,...o}){let{formDescriptionId:m}=x(N,e);return t("p",{className:n("text-muted-foreground text-xs",r),"data-slot":"form-description",id:m,...o})}let N="FormMessage";function j({__scopeFormField:e,children:r,className:o,...m}){let{error:i,formMessageId:a}=x(N,e),s=i?.message??r;return s?t("p",{className:n("text-xs",i?.message?"text-destructive font-medium":"text-muted-foreground",o),"data-slot":"form-message",id:a,...m,children:s}):null}export{d as Form,$ as FormControl,M as FormDescription,g as FormField,I as FormItem,h as FormLabel,j as FormMessage,u as createFormFieldScope};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { createContextScope } from "@radix-ui/react-context";
+import { Slot } from "@radix-ui/react-slot";
+import { useId } from "react";
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
+import { Label } from "./label.js";
+const Form = FormProvider;
+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 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 FORM_ITEM_NAME = 'FormItem';
+const [FormItemContextProvider, useFormItemContext] = createFormFieldContext(FORM_ITEM_NAME);
+function FormItem({ __scopeFormField, className, ...props }) {
+    const id = useId();
+    return /*#__PURE__*/ jsx(FormItemContextProvider, {
+        id: id,
+        scope: __scopeFormField,
+        children: /*#__PURE__*/ jsx("div", {
+            className: cn('grid gap-2', className),
+            "data-slot": "form-item",
+            ...props
+        })
+    });
+}
+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 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
+    });
+}
+function FormDescription({ __scopeFormField, className, ...props }) {
+    const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
+    return /*#__PURE__*/ jsx("p", {
+        className: cn('text-muted-foreground text-xs', className),
+        "data-slot": "form-description",
+        id: formDescriptionId,
+        ...props
+    });
+}
+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 ? 'text-destructive font-medium' : 'text-muted-foreground', className),
+        "data-slot": "form-message",
+        id: formMessageId,
+        ...props,
+        children: body
+    });
+}
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, createFormFieldScope };

package/dist/components/hover-card.cjs

@@ -1,2 +1,78 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HoverCard:()=>HoverCard,HoverCardContent:()=>HoverCardContent,HoverCardTrigger:()=>HoverCardTrigger,HoverCardArrow:()=>HoverCardArrow});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_hover_card_namespaceObject=require("@radix-ui/react-hover-card");function HoverCard({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Root,{"data-slot":"hover-card",...e})}function HoverCardTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Trigger,{"data-slot":"hover-card-trigger",...e})}function HoverCardContent({align:e="center",className:r,sideOffset:t=4,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content,{align:e,className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 ease-ui z-50 min-w-32 rounded-lg border p-4 shadow-lg",r),"data-slot":"hover-card-content",sideOffset:t,...a})})}function HoverCardArrow({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-popover",e),"data-slot":"hover-card-arrow",...r})}for(var __webpack_i__ in exports.HoverCard=__webpack_exports__.HoverCard,exports.HoverCardArrow=__webpack_exports__.HoverCardArrow,exports.HoverCardContent=__webpack_exports__.HoverCardContent,exports.HoverCardTrigger=__webpack_exports__.HoverCardTrigger,__webpack_exports__)-1===["HoverCard","HoverCardArrow","HoverCardContent","HoverCardTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    HoverCard: ()=>HoverCard,
+    HoverCardContent: ()=>HoverCardContent,
+    HoverCardTrigger: ()=>HoverCardTrigger,
+    HoverCardArrow: ()=>HoverCardArrow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_hover_card_namespaceObject = require("@radix-ui/react-hover-card");
+function HoverCard({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Root, {
+        "data-slot": "hover-card",
+        ...props
+    });
+}
+function HoverCardTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Trigger, {
+        "data-slot": "hover-card-trigger",
+        ...props
+    });
+}
+function HoverCardContent({ align = 'center', className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
+            align: align,
+            className: (0, tailwind_variants_namespaceObject.cn)('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 ease-ui z-50 min-w-32 origin-(--radix-hover-card-content-transform-origin) rounded-lg border p-4 shadow-lg', className),
+            "data-slot": "hover-card-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function HoverCardArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Arrow, {
+        className: (0, tailwind_variants_namespaceObject.cn)('fill-popover', className),
+        "data-slot": "hover-card-arrow",
+        ...props
+    });
+}
+exports.HoverCard = __webpack_exports__.HoverCard;
+exports.HoverCardArrow = __webpack_exports__.HoverCardArrow;
+exports.HoverCardContent = __webpack_exports__.HoverCardContent;
+exports.HoverCardTrigger = __webpack_exports__.HoverCardTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "HoverCard",
+    "HoverCardArrow",
+    "HoverCardContent",
+    "HoverCardTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import type { ComponentProps, JSX } from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 type HoverCardProps = ComponentProps<typeof HoverCardPrimitive.Root>;
 declare function HoverCard({ ...props }: HoverCardProps): JSX.Element;
 type HoverCardTriggerProps = ComponentProps<typeof HoverCardPrimitive.Trigger>;

package/dist/components/hover-card.js

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

package/dist/components/input-group.cjs

@@ -1,2 +1,156 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(t,e)=>{for(var a in e)__webpack_require__.o(e,a)&&!__webpack_require__.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},__webpack_require__.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),__webpack_require__.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{inputGroupAddonVariants:()=>inputGroupAddonVariants,inputGroupVariants:()=>inputGroupVariants,InputGroupText:()=>InputGroupText,InputGroupAddon:()=>InputGroupAddon,InputGroupTextarea:()=>InputGroupTextarea,InputGroupButton:()=>InputGroupButton,InputGroup:()=>InputGroup,InputGroupInput:()=>InputGroupInput,inputGroupButtonVariants:()=>inputGroupButtonVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_button_cjs_namespaceObject=require("./button.cjs"),external_input_cjs_namespaceObject=require("./input.cjs"),external_textarea_cjs_namespaceObject=require("./textarea.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),inputGroupVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.cn)("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-lg border shadow-xs transition-[color,box-shadow] outline-none","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-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]","has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40")}),inputGroupAddonVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50"),defaultVariants:{align:"inline-start"},variants:{align:{"block-end":"order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5","block-start":"order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5","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]"}}}),inputGroupButtonVariants=(0,tailwind_variants_namespaceObject.tv)({base:"text-sm shadow-none flex items-center gap-2 [&>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 px-2 rounded-[calc(var(--radius)-5px)] [&>svg]:size-3.5 has-[>svg]:px-2"}}});function InputGroup({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:inputGroupVariants({className:t}),"data-slot":"input-group",role:"group",...e})}function InputGroupAddon({align:t="inline-start",className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)(inputGroupAddonVariants({align:t}),e),"data-align":t,"data-slot":"input-group-addon",role:"group",onPointerDown:t=>{if(t.target.closest("button"))return;t.preventDefault();let e=t.currentTarget.parentElement?.querySelector("input, textarea");e instanceof HTMLElement&&e.focus()},...a})}function InputGroupButton({className:t,size:e="xs",type:a="button",variant:n="ghost",...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{className:(0,tailwind_variants_namespaceObject.cn)(inputGroupButtonVariants({size:e}),t),"data-size":e,"data-slot":"input-group-button",type:a,variant:n,...r})}function InputGroupText({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",t),"data-slot":"input-group-text",...e})}function InputGroupInput({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{className:(0,tailwind_variants_namespaceObject.cn)("flex-1 rounded-none border-0 bg-transparent px-3 py-1 shadow-none focus-visible:ring-0 dark:bg-transparent",t),"data-slot":"input-group-control",...e})}function InputGroupTextarea({className:t,...e}){return(0,jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea,{className:(0,tailwind_variants_namespaceObject.cn)("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",t),"data-slot":"input-group-control",...e})}for(var __webpack_i__ in exports.InputGroup=__webpack_exports__.InputGroup,exports.InputGroupAddon=__webpack_exports__.InputGroupAddon,exports.InputGroupButton=__webpack_exports__.InputGroupButton,exports.InputGroupInput=__webpack_exports__.InputGroupInput,exports.InputGroupText=__webpack_exports__.InputGroupText,exports.InputGroupTextarea=__webpack_exports__.InputGroupTextarea,exports.inputGroupAddonVariants=__webpack_exports__.inputGroupAddonVariants,exports.inputGroupButtonVariants=__webpack_exports__.inputGroupButtonVariants,exports.inputGroupVariants=__webpack_exports__.inputGroupVariants,__webpack_exports__)-1===["InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","inputGroupAddonVariants","inputGroupButtonVariants","inputGroupVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    inputGroupAddonVariants: ()=>inputGroupAddonVariants,
+    inputGroupVariants: ()=>inputGroupVariants,
+    InputGroupText: ()=>InputGroupText,
+    InputGroupAddon: ()=>InputGroupAddon,
+    InputGroupTextarea: ()=>InputGroupTextarea,
+    InputGroupButton: ()=>InputGroupButton,
+    InputGroup: ()=>InputGroup,
+    InputGroupInput: ()=>InputGroupInput,
+    inputGroupButtonVariants: ()=>inputGroupButtonVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
+const inputGroupVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)('group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-lg border shadow-xs transition-[color,box-shadow] outline-none', '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-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-3', 'has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40')
+});
+const inputGroupAddonVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50"),
+    defaultVariants: {
+        align: 'inline-start'
+    },
+    variants: {
+        align: {
+            'block-end': 'order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',
+            'block-start': 'order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',
+            '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]'
+        }
+    }
+});
+const inputGroupButtonVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: "text-sm shadow-none flex items-center gap-2 [&>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 px-2 rounded-[calc(var(--radius)-5px)] [&>svg]:size-3.5 has-[>svg]:px-2'
+        }
+    }
+});
+function InputGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: inputGroupVariants({
+            className
+        }),
+        "data-slot": "input-group",
+        role: "group",
+        ...props
+    });
+}
+function InputGroupAddon({ align = 'inline-start', className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        className: (0, tailwind_variants_namespaceObject.cn)(inputGroupButtonVariants({
+            size
+        }), className),
+        "data-size": size,
+        "data-slot": "input-group-button",
+        type: type,
+        variant: variant,
+        ...props
+    });
+}
+function InputGroupText({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, tailwind_variants_namespaceObject.cn)("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "input-group-text",
+        ...props
+    });
+}
+function InputGroupInput({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+        className: (0, tailwind_variants_namespaceObject.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
+    });
+}
+function InputGroupTextarea({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
+        className: (0, tailwind_variants_namespaceObject.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
+    });
+}
+exports.InputGroup = __webpack_exports__.InputGroup;
+exports.InputGroupAddon = __webpack_exports__.InputGroupAddon;
+exports.InputGroupButton = __webpack_exports__.InputGroupButton;
+exports.InputGroupInput = __webpack_exports__.InputGroupInput;
+exports.InputGroupText = __webpack_exports__.InputGroupText;
+exports.InputGroupTextarea = __webpack_exports__.InputGroupTextarea;
+exports.inputGroupAddonVariants = __webpack_exports__.inputGroupAddonVariants;
+exports.inputGroupButtonVariants = __webpack_exports__.inputGroupButtonVariants;
+exports.inputGroupVariants = __webpack_exports__.inputGroupVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputGroup",
+    "InputGroupAddon",
+    "InputGroupButton",
+    "InputGroupInput",
+    "InputGroupText",
+    "InputGroupTextarea",
+    "inputGroupAddonVariants",
+    "inputGroupButtonVariants",
+    "inputGroupVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});