@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/field.js

@@ -1,2 +1,130 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useMemo as a}from"react";import{Label as l}from"./label.js";import{Separator as o}from"./separator.js";import{cn as r,tv as d}from"@codefast/tailwind-variants";let i=d({base:"group/field flex w-full gap-3 data-[invalid=true]:text-destructive",defaultVariants:{orientation:"vertical"},variants:{orientation:{horizontal:r("flex-row items-center","[&>[data-slot=field-label]]:flex-auto","has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"),responsive:r("flex-col [&>*]:w-full [&>.sr-only]:w-auto","@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto","@md/field-group:[&>[data-slot=field-label]]:flex-auto","@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"),vertical:"flex-col [&>*]:w-full [&>.sr-only]:w-auto"}}});function s({className:t,...a}){return e("fieldset",{className:r("flex flex-col gap-6","has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",t),"data-slot":"field-set",...a})}function n({className:t,variant:a="legend",...l}){return e("legend",{className:r("mb-3 text-base font-medium","data-[variant=label]:text-sm",t),"data-slot":"field-legend","data-variant":a,...l})}function f({className:t,...a}){return e("div",{className:r("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",t),"data-slot":"field-group",...a})}function u({className:t,orientation:a="vertical",...l}){return e("div",{className:i({className:t,orientation:a}),"data-orientation":a,"data-slot":"field",role:"group",...l})}function c({className:t,...a}){return e("div",{className:r("group/field-content flex flex-1 flex-col gap-1.5 leading-snug",t),"data-slot":"field-content",...a})}function m({className:t,...a}){return e(l,{className:r("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50","has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4","has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",t),"data-slot":"field-label",...a})}function p({className:t,...a}){return e("div",{className:r("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",t),"data-slot":"field-label",...a})}function g({className:t,...a}){return e("p",{className:r("text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance","last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",t),"data-slot":"field-description",...a})}function x({children:a,className:l,...d}){let i=!!a;return t("div",{className:r("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",l),"data-content":i,"data-slot":"field-separator",...d,children:[e(o,{className:"absolute inset-0 top-1/2"}),i?e("span",{className:"bg-background text-muted-foreground relative mx-auto block w-fit px-2","data-slot":"field-separator-content",children:a}):null]})}function h({children:t,className:l,errors:o,...d}){let i=a(()=>{if(!o?.length)return null;let t=[...new Map(o.map(e=>[e?.message,e])).values()];return 1===t.length?t[0]?.message??null:e("ul",{className:"ml-4 flex list-disc flex-col gap-1",children:t.map(t=>t?.message?e("li",{children:t.message},t.message):null)})},[o]),s=t??i;return null==s||!1===s?null:e("div",{className:r("text-destructive text-sm font-normal",l),"data-slot":"field-error",role:"alert",...d,children:s})}export{u as Field,c as FieldContent,g as FieldDescription,h as FieldError,f as FieldGroup,m as FieldLabel,n as FieldLegend,x as FieldSeparator,s as FieldSet,p as FieldTitle,i as fieldVariants};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { useMemo } from "react";
+import { Label } from "./label.js";
+import { Separator } from "./separator.js";
+const fieldVariants = tv({
+    base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+    defaultVariants: {
+        orientation: "vertical"
+    },
+    variants: {
+        orientation: {
+            horizontal: cn("flex-row items-center", "[&>[data-slot=field-label]]:flex-auto", "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"),
+            responsive: cn("flex-col [&>*]:w-full [&>.sr-only]:w-auto", "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto", "@md/field-group:[&>[data-slot=field-label]]:flex-auto", "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"),
+            vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto"
+        }
+    }
+});
+function FieldSet({ className, ...props }) {
+    return /*#__PURE__*/ jsx("fieldset", {
+        className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+        "data-slot": "field-set",
+        ...props
+    });
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return /*#__PURE__*/ jsx("legend", {
+        className: cn("mb-3 text-base font-medium", "data-[variant=label]:text-sm", className),
+        "data-slot": "field-legend",
+        "data-variant": variant,
+        ...props
+    });
+}
+function FieldGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+        "data-slot": "field-group",
+        ...props
+    });
+}
+function Field({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: fieldVariants({
+            className,
+            orientation
+        }),
+        "data-orientation": orientation,
+        "data-slot": "field",
+        role: "group",
+        ...props
+    });
+}
+function FieldContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
+        "data-slot": "field-content",
+        ...props
+    });
+}
+function FieldLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className),
+        "data-slot": "field-label",
+        ...props
+    });
+}
+function FieldTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+        "data-slot": "field-label",
+        ...props
+    });
+}
+function FieldDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+        "data-slot": "field-description",
+        ...props
+    });
+}
+function FieldSeparator({ children, className, ...props }) {
+    const hasContent = Boolean(children);
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+        "data-content": hasContent,
+        "data-slot": "field-separator",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Separator, {
+                className: "absolute inset-0 top-1/2"
+            }),
+            hasContent ? /*#__PURE__*/ jsx("span", {
+                className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+                "data-slot": "field-separator-content",
+                children: children
+            }) : null
+        ]
+    });
+}
+function FieldError({ children, className, errors, ...props }) {
+    const fallbackContent = useMemo(()=>{
+        if (!errors?.length) return null;
+        const uniqueErrors = [
+            ...new Map(errors.map((error)=>[
+                    error?.message,
+                    error
+                ])).values()
+        ];
+        if (1 === uniqueErrors.length) return uniqueErrors[0]?.message ?? null;
+        return /*#__PURE__*/ jsx("ul", {
+            className: "ml-4 flex list-disc flex-col gap-1",
+            children: uniqueErrors.map((error)=>error?.message ? /*#__PURE__*/ jsx("li", {
+                    children: error.message
+                }, error.message) : null)
+        });
+    }, [
+        errors
+    ]);
+    const content = children ?? fallbackContent;
+    if (null == content || false === content) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("text-sm font-normal text-destructive", className),
+        "data-slot": "field-error",
+        role: "alert",
+        ...props,
+        children: content
+    });
+}
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants };

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-xs text-muted-foreground", 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 ? "font-medium text-destructive" : "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 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 & {

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-xs text-muted-foreground", 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 ? "font-medium text-destructive" : "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)("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: 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.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("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: 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 };