@codefast/ui 0.3.9 → 0.3.10

package/dist/components/empty.cjs

@@ -1 +1,113 @@
-"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,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__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__,{EmptyTitle:()=>EmptyTitle,emptyMediaVariants:()=>emptyMediaVariants,EmptyHeader:()=>EmptyHeader,Empty:()=>Empty,EmptyContent:()=>EmptyContent,EmptyDescription:()=>EmptyDescription,EmptyMedia:()=>EmptyMedia});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),emptyMediaVariants=(0,tailwind_variants_namespaceObject.tv)({base:"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",defaultVariants:{variant:"default"},variants:{variant:{default:"bg-transparent",icon:"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"}}});function Empty({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12",e),"data-slot":"empty",...t})}function EmptyHeader({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex max-w-sm flex-col items-center gap-2 text-center",e),"data-slot":"empty-header",...t})}function EmptyMedia({className:e,variant:t="default",...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:emptyMediaVariants({className:e,variant:t}),"data-slot":"empty-icon","data-variant":t,...a})}function EmptyTitle({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("text-lg font-medium tracking-tight",e),"data-slot":"empty-title",...t})}function EmptyDescription({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",e),"data-slot":"empty-description",...t})}function EmptyContent({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",e),"data-slot":"empty-content",...t})}for(var __webpack_i__ in exports.Empty=__webpack_exports__.Empty,exports.EmptyContent=__webpack_exports__.EmptyContent,exports.EmptyDescription=__webpack_exports__.EmptyDescription,exports.EmptyHeader=__webpack_exports__.EmptyHeader,exports.EmptyMedia=__webpack_exports__.EmptyMedia,exports.EmptyTitle=__webpack_exports__.EmptyTitle,exports.emptyMediaVariants=__webpack_exports__.emptyMediaVariants,__webpack_exports__)-1===["Empty","EmptyContent","EmptyDescription","EmptyHeader","EmptyMedia","EmptyTitle","emptyMediaVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+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__, {
+    EmptyTitle: ()=>EmptyTitle,
+    emptyMediaVariants: ()=>emptyMediaVariants,
+    EmptyHeader: ()=>EmptyHeader,
+    Empty: ()=>Empty,
+    EmptyContent: ()=>EmptyContent,
+    EmptyDescription: ()=>EmptyDescription,
+    EmptyMedia: ()=>EmptyMedia
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const emptyMediaVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: 'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"
+        }
+    }
+});
+function Empty({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12', className),
+        "data-slot": "empty",
+        ...props
+    });
+}
+function EmptyHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex max-w-sm flex-col items-center gap-2 text-center', className),
+        "data-slot": "empty-header",
+        ...props
+    });
+}
+function EmptyMedia({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: emptyMediaVariants({
+            className,
+            variant
+        }),
+        "data-slot": "empty-icon",
+        "data-variant": variant,
+        ...props
+    });
+}
+function EmptyTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-lg font-medium tracking-tight', className),
+        "data-slot": "empty-title",
+        ...props
+    });
+}
+function EmptyDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4', className),
+        "data-slot": "empty-description",
+        ...props
+    });
+}
+function EmptyContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className),
+        "data-slot": "empty-content",
+        ...props
+    });
+}
+exports.Empty = __webpack_exports__.Empty;
+exports.EmptyContent = __webpack_exports__.EmptyContent;
+exports.EmptyDescription = __webpack_exports__.EmptyDescription;
+exports.EmptyHeader = __webpack_exports__.EmptyHeader;
+exports.EmptyMedia = __webpack_exports__.EmptyMedia;
+exports.EmptyTitle = __webpack_exports__.EmptyTitle;
+exports.emptyMediaVariants = __webpack_exports__.emptyMediaVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Empty",
+    "EmptyContent",
+    "EmptyDescription",
+    "EmptyHeader",
+    "EmptyMedia",
+    "EmptyTitle",
+    "emptyMediaVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/empty.d.ts

@@ -1,22 +1,22 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
 declare const emptyMediaVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     variant: {
         default: string;
         icon: string;
     };
 }, Record<string, never>>;
-type EmptyProps = ComponentProps<"div">;
+type EmptyProps = ComponentProps<'div'>;
 declare function Empty({ className, ...props }: EmptyProps): JSX.Element;
-type EmptyHeaderProps = ComponentProps<"div">;
+type EmptyHeaderProps = ComponentProps<'div'>;
 declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): JSX.Element;
-type EmptyMediaProps = ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
+type EmptyMediaProps = ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>;
 declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): JSX.Element;
-type EmptyTitleProps = ComponentProps<"div">;
+type EmptyTitleProps = ComponentProps<'div'>;
 declare function EmptyTitle({ className, ...props }: EmptyTitleProps): JSX.Element;
-type EmptyDescriptionProps = ComponentProps<"p">;
+type EmptyDescriptionProps = ComponentProps<'p'>;
 declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): JSX.Element;
-type EmptyContentProps = ComponentProps<"div">;
+type EmptyContentProps = ComponentProps<'div'>;
 declare function EmptyContent({ className, ...props }: EmptyContentProps): JSX.Element;
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle, };
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle };
 export type { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyProps, EmptyTitleProps, };

package/dist/components/empty.js

@@ -1 +1,61 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as e,tv as a}from"@codefast/tailwind-variants";let n=a({base:"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",defaultVariants:{variant:"default"},variants:{variant:{default:"bg-transparent",icon:"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"}}});function r({className:a,...n}){return t("div",{className:e("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12",a),"data-slot":"empty",...n})}function i({className:a,...n}){return t("div",{className:e("flex max-w-sm flex-col items-center gap-2 text-center",a),"data-slot":"empty-header",...n})}function s({className:e,variant:a="default",...r}){return t("div",{className:n({className:e,variant:a}),"data-slot":"empty-icon","data-variant":a,...r})}function m({className:a,...n}){return t("div",{className:e("text-lg font-medium tracking-tight",a),"data-slot":"empty-title",...n})}function l({className:a,...n}){return t("p",{className:e("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",a),"data-slot":"empty-description",...n})}function o({className:a,...n}){return t("div",{className:e("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",a),"data-slot":"empty-content",...n})}export{r as Empty,o as EmptyContent,l as EmptyDescription,i as EmptyHeader,s as EmptyMedia,m as EmptyTitle,n as emptyMediaVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+const emptyMediaVariants = tv({
+    base: 'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"
+        }
+    }
+});
+function Empty({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12', className),
+        "data-slot": "empty",
+        ...props
+    });
+}
+function EmptyHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex max-w-sm flex-col items-center gap-2 text-center', className),
+        "data-slot": "empty-header",
+        ...props
+    });
+}
+function EmptyMedia({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: emptyMediaVariants({
+            className,
+            variant
+        }),
+        "data-slot": "empty-icon",
+        "data-variant": variant,
+        ...props
+    });
+}
+function EmptyTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('text-lg font-medium tracking-tight', className),
+        "data-slot": "empty-title",
+        ...props
+    });
+}
+function EmptyDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        className: cn('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4', className),
+        "data-slot": "empty-description",
+        ...props
+    });
+}
+function EmptyContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className),
+        "data-slot": "empty-content",
+        ...props
+    });
+}
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants };

package/dist/components/field.cjs

@@ -1,2 +1,194 @@
+"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,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__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__,{FieldContent:()=>FieldContent,FieldError:()=>FieldError,FieldLabel:()=>FieldLabel,FieldDescription:()=>FieldDescription,FieldSeparator:()=>FieldSeparator,fieldVariants:()=>fieldVariants,FieldGroup:()=>FieldGroup,FieldTitle:()=>FieldTitle,FieldSet:()=>FieldSet,Field:()=>Field,FieldLegend:()=>FieldLegend});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_label_cjs_namespaceObject=require("./label.cjs"),external_separator_cjs_namespaceObject=require("./separator.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),fieldVariants=(0,tailwind_variants_namespaceObject.tv)({base:"group/field flex w-full gap-3 data-[invalid=true]:text-destructive",defaultVariants:{orientation:"vertical"},variants:{orientation:{horizontal:(0,tailwind_variants_namespaceObject.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:(0,tailwind_variants_namespaceObject.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:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("fieldset",{className:(0,tailwind_variants_namespaceObject.cn)("flex flex-col gap-6","has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",e),"data-slot":"field-set",...a})}function FieldLegend({className:e,variant:a="legend",...t}){return(0,jsx_runtime_namespaceObject.jsx)("legend",{className:(0,tailwind_variants_namespaceObject.cn)("mb-3 text-base font-medium","data-[variant=label]:text-sm",e),"data-slot":"field-legend","data-variant":a,...t})}function FieldGroup({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.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",e),"data-slot":"field-group",...a})}function Field({className:e,orientation:a="vertical",...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:fieldVariants({className:e,orientation:a}),"data-orientation":a,"data-slot":"field",role:"group",...t})}function FieldContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("group/field-content flex flex-1 flex-col gap-1.5 leading-snug",e),"data-slot":"field-content",...a})}function FieldLabel({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{className:(0,tailwind_variants_namespaceObject.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",e),"data-slot":"field-label",...a})}function FieldTitle({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",e),"data-slot":"field-label",...a})}function FieldDescription({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,tailwind_variants_namespaceObject.cn)("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",e),"data-slot":"field-description",...a})}function FieldSeparator({children:e,className:a,...t}){let l=!!e;return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,tailwind_variants_namespaceObject.cn)("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",a),"data-content":l,"data-slot":"field-separator",...t,children:[(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{className:"absolute inset-0 top-1/2"}),l?(0,jsx_runtime_namespaceObject.jsx)("span",{className:"bg-background text-muted-foreground relative mx-auto block w-fit px-2","data-slot":"field-separator-content",children:e}):null]})}function FieldError({children:e,className:a,errors:t,...l}){let r=(0,external_react_namespaceObject.useMemo)(()=>{if(!t?.length)return null;let e=[...new Map(t.map(e=>[e?.message,e])).values()];return 1===e.length?e[0]?.message??null:(0,jsx_runtime_namespaceObject.jsx)("ul",{className:"ml-4 flex list-disc flex-col gap-1",children:e.map(e=>e?.message?(0,jsx_runtime_namespaceObject.jsx)("li",{children:e.message},e.message):null)})},[t]),i=e??r;return null==i||!1===i?null:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("text-destructive text-sm font-normal",a),"data-slot":"field-error",role:"alert",...l,children:i})}for(var __webpack_i__ in exports.Field=__webpack_exports__.Field,exports.FieldContent=__webpack_exports__.FieldContent,exports.FieldDescription=__webpack_exports__.FieldDescription,exports.FieldError=__webpack_exports__.FieldError,exports.FieldGroup=__webpack_exports__.FieldGroup,exports.FieldLabel=__webpack_exports__.FieldLabel,exports.FieldLegend=__webpack_exports__.FieldLegend,exports.FieldSeparator=__webpack_exports__.FieldSeparator,exports.FieldSet=__webpack_exports__.FieldSet,exports.FieldTitle=__webpack_exports__.FieldTitle,exports.fieldVariants=__webpack_exports__.fieldVariants,__webpack_exports__)-1===["Field","FieldContent","FieldDescription","FieldError","FieldGroup","FieldLabel","FieldLegend","FieldSeparator","FieldSet","FieldTitle","fieldVariants"].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__, {
+    FieldContent: ()=>FieldContent,
+    FieldError: ()=>FieldError,
+    FieldLabel: ()=>FieldLabel,
+    FieldDescription: ()=>FieldDescription,
+    FieldSeparator: ()=>FieldSeparator,
+    fieldVariants: ()=>fieldVariants,
+    FieldGroup: ()=>FieldGroup,
+    FieldTitle: ()=>FieldTitle,
+    FieldSet: ()=>FieldSet,
+    Field: ()=>Field,
+    FieldLegend: ()=>FieldLegend
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_react_namespaceObject = require("react");
+const external_label_cjs_namespaceObject = require("./label.cjs");
+const external_separator_cjs_namespaceObject = require("./separator.cjs");
+const fieldVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: 'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',
+    defaultVariants: {
+        orientation: 'vertical'
+    },
+    variants: {
+        orientation: {
+            horizontal: (0, tailwind_variants_namespaceObject.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: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("legend", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: fieldVariants({
+            className,
+            orientation
+        }),
+        "data-orientation": orientation,
+        "data-slot": "field",
+        role: "group",
+        ...props
+    });
+}
+function FieldContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        className: (0, tailwind_variants_namespaceObject.cn)('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', className),
+        "data-slot": "field-description",
+        ...props
+    });
+}
+function FieldSeparator({ children, className, ...props }) {
+    const hasContent = Boolean(children);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+                className: "absolute inset-0 top-1/2"
+            }),
+            hasContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+                "data-slot": "field-separator-content",
+                children: children
+            }) : null
+        ]
+    });
+}
+function FieldError({ children, className, errors, ...props }) {
+    const fallbackContent = (0, external_react_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+            className: "ml-4 flex list-disc flex-col gap-1",
+            children: uniqueErrors.map((error)=>error?.message ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                    children: error.message
+                }, error.message) : null)
+        });
+    }, [
+        errors
+    ]);
+    const content = children ?? fallbackContent;
+    if (null == content || false === content) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-destructive text-sm font-normal', className),
+        "data-slot": "field-error",
+        role: "alert",
+        ...props,
+        children: content
+    });
+}
+exports.Field = __webpack_exports__.Field;
+exports.FieldContent = __webpack_exports__.FieldContent;
+exports.FieldDescription = __webpack_exports__.FieldDescription;
+exports.FieldError = __webpack_exports__.FieldError;
+exports.FieldGroup = __webpack_exports__.FieldGroup;
+exports.FieldLabel = __webpack_exports__.FieldLabel;
+exports.FieldLegend = __webpack_exports__.FieldLegend;
+exports.FieldSeparator = __webpack_exports__.FieldSeparator;
+exports.FieldSet = __webpack_exports__.FieldSet;
+exports.FieldTitle = __webpack_exports__.FieldTitle;
+exports.fieldVariants = __webpack_exports__.fieldVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Field",
+    "FieldContent",
+    "FieldDescription",
+    "FieldError",
+    "FieldGroup",
+    "FieldLabel",
+    "FieldLegend",
+    "FieldSeparator",
+    "FieldSet",
+    "FieldTitle",
+    "fieldVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/field.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { Label } from "./label";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import { Label } from './label';
 declare const fieldVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     orientation: {
         horizontal: string;
@@ -8,32 +8,32 @@ declare const fieldVariants: import("@codefast/tailwind-variants").VariantFuncti
         vertical: string;
     };
 }, Record<string, never>>;
-type FieldSetProps = ComponentProps<"fieldset">;
+type FieldSetProps = ComponentProps<'fieldset'>;
 declare function FieldSet({ className, ...props }: FieldSetProps): JSX.Element;
-type FieldLegendProps = ComponentProps<"legend"> & {
-    variant?: "label" | "legend";
+type FieldLegendProps = ComponentProps<'legend'> & {
+    variant?: 'label' | 'legend';
 };
 declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): JSX.Element;
-type FieldGroupProps = ComponentProps<"div">;
+type FieldGroupProps = ComponentProps<'div'>;
 declare function FieldGroup({ className, ...props }: FieldGroupProps): JSX.Element;
-type FieldProps = ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
+type FieldProps = ComponentProps<'div'> & VariantProps<typeof fieldVariants>;
 declare function Field({ className, orientation, ...props }: FieldProps): JSX.Element;
-type FieldContentProps = ComponentProps<"div">;
+type FieldContentProps = ComponentProps<'div'>;
 declare function FieldContent({ className, ...props }: FieldContentProps): JSX.Element;
 type FieldLabelProps = ComponentProps<typeof Label>;
 declare function FieldLabel({ className, ...props }: FieldLabelProps): JSX.Element;
-type FieldTitleProps = ComponentProps<"div">;
+type FieldTitleProps = ComponentProps<'div'>;
 declare function FieldTitle({ className, ...props }: FieldTitleProps): JSX.Element;
-type FieldDescriptionProps = ComponentProps<"p">;
+type FieldDescriptionProps = ComponentProps<'p'>;
 declare function FieldDescription({ className, ...props }: FieldDescriptionProps): JSX.Element;
-type FieldSeparatorProps = ComponentProps<"div"> & {
-    children?: ComponentProps<"span">["children"];
+type FieldSeparatorProps = ComponentProps<'div'> & {
+    children?: ComponentProps<'span'>['children'];
 };
 declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): JSX.Element;
 interface FieldErrorMessage {
     message?: string;
 }
-interface FieldErrorProps extends ComponentProps<"div"> {
+interface FieldErrorProps extends ComponentProps<'div'> {
     errors?: (FieldErrorMessage | undefined)[];
 }
 declare function FieldError({ children, className, errors, ...props }: FieldErrorProps): JSX.Element | null;

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-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', 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: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+                "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-destructive text-sm font-normal', className),
+        "data-slot": "field-error",
+        role: "alert",
+        ...props,
+        children: content
+    });
+}
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants };