ml-uikit 1.1.0 → 1.1.2

package/dist/index.es24.js

@@ -1,210 +1,103 @@
-import { useMemo as n } from "react";
-import { cva as s } from "class-variance-authority";
-import { cn as l } from "./index.es56.js";
-import { Label as c } from "./index.es32.js";
-import { Separator as f } from "./index.es42.js";
-function h({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
-    "fieldset",
+import * as n from "react";
+import { cva as i } from "class-variance-authority";
+import { cn as a } from "./index.es57.js";
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
+    "div",
     {
-      "data-slot": "field-set",
-      className: l(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+      "data-slot": "empty",
+      className: a(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
         t
       ),
       ...e
     }
   );
 }
-function v({
-  className: t,
-  variant: e = "legend",
-  ...a
-}) {
-  return /* @__PURE__ */ React.createElement(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": e,
-      className: l(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function E({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function o({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
-      "data-slot": "field-group",
-      className: l(
-        "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",
+      "data-slot": "empty-header",
+      className: a(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
         t
       ),
       ...e
     }
   );
 }
-const u = s(
-  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+const s = i(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
-        ],
-        responsive: [
-          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]: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"
-        ]
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
       }
     },
     defaultVariants: {
-      orientation: "vertical"
+      variant: "default"
     }
   }
 );
-function R({
+function d({
   className: t,
-  orientation: e = "vertical",
-  ...a
+  variant: e = "default",
+  ...r
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": e,
-      className: l(u({ orientation: e }), t),
-      ...a
+      "data-slot": "empty-icon",
+      "data-variant": e,
+      className: a(s({ variant: e, className: t })),
+      ...r
     }
   );
 }
-function w({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function f({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
-      "data-slot": "field-content",
-      className: l(
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function N({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ React.createElement(
-    c,
-    {
-      "data-slot": "field-label",
-      className: l(
-        "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-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
-        t
-      ),
+      "data-slot": "empty-title",
+      className: a("text-lg font-medium tracking-tight", t),
       ...e
     }
   );
 }
-function k({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function u({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
-      "data-slot": "field-label",
-      className: l(
-        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+      "data-slot": "empty-description",
+      className: a(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
         t
       ),
       ...e
     }
   );
 }
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
-    "p",
+function p({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
+    "div",
     {
-      "data-slot": "field-description",
-      className: l(
-        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+      "data-slot": "empty-content",
+      className: a(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
         t
       ),
       ...e
     }
   );
 }
-function F({
-  children: t,
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!t,
-      className: l(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-        e
-      ),
-      ...a
-    },
-    /* @__PURE__ */ React.createElement(f, { className: "absolute inset-0 top-1/2" }),
-    t && /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
-        "data-slot": "field-separator-content"
-      },
-      t
-    )
-  );
-}
-function L({
-  className: t,
-  children: e,
-  errors: a,
-  ...d
-}) {
-  const o = n(() => e || (a ? a?.length === 1 && a[0]?.message ? a[0].message : /* @__PURE__ */ React.createElement("ul", { className: "ml-4 flex list-disc flex-col gap-1" }, a.map(
-    (r, i) => r?.message && /* @__PURE__ */ React.createElement("li", { key: i }, r.message)
-  )) : null), [e, a]);
-  return o ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: l("text-destructive text-sm font-normal", t),
-      ...d
-    },
-    o
-  ) : null;
-}
 export {
-  R as Field,
-  w as FieldContent,
-  y as FieldDescription,
-  L as FieldError,
-  E as FieldGroup,
-  N as FieldLabel,
-  v as FieldLegend,
-  F as FieldSeparator,
-  h as FieldSet,
-  k as FieldTitle
+  c as Empty,
+  p as EmptyContent,
+  u as EmptyDescription,
+  o as EmptyHeader,
+  d as EmptyMedia,
+  f as EmptyTitle
 };
 //# sourceMappingURL=index.es24.js.map

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/ui/field.tsx"],"sourcesContent":["\"use client\"\n\nimport { useMemo } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Label } from \"@/components/ui/label\"\nimport { Separator } from \"@/components/ui/separator\"\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"flex flex-col gap-6\",\n        \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-3 font-medium\",\n        \"data-[variant=legend]:text-base\",\n        \"data-[variant=label]:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva(\n  \"group/field data-[invalid=true]:text-destructive flex w-full gap-3\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col [&>*]:w-full [&>.sr-only]:w-auto\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"[&>[data-slot=field-label]]:flex-auto\",\n          \"has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start\",\n        ],\n        responsive: [\n          \"@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto\",\n          \"@md/field-group:[&>[data-slot=field-label]]:flex-auto\",\n          \"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\nfunction Field({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4\",\n        \"has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance\",\n        \"nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors) {\n      return null\n    }\n\n    if (errors?.length === 1 && errors[0]?.message) {\n      return errors[0].message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-destructive text-sm font-normal\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n}\n"],"names":["FieldSet","className","props","cn","FieldLegend","variant","FieldGroup","fieldVariants","cva","Field","orientation","FieldContent","FieldLabel","Label","FieldTitle","FieldDescription","FieldSeparator","children","Separator","FieldError","errors","content","useMemo","error","index"],"mappings":"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"}
+{"version":3,"file":"index.es24.js","sources":["../src/components/ui/empty.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"flex max-w-sm flex-col items-center gap-2 text-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n"],"names":["Empty","className","props","React","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;AAKA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACzE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAqBC;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAW;AAAA,EAClB,WAAAP;AAAA,EACA,SAAAQ,IAAU;AAAA,EACV,GAAGP;AACL,GAA0E;AACxE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcM;AAAA,MACd,WAAWL,EAAGE,EAAmB,EAAE,SAAAG,GAAS,WAAAR,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAiB,EAAE,WAAAV,GAAW,GAAGC,KAAoC;AAC5E,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAC1E,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index.es25.js

@@ -1,92 +1,210 @@
-import * as e from "react";
-import { Slot as f } from "@radix-ui/react-slot";
-import { FormProvider as u, useFormContext as F, Controller as p } from "react-hook-form";
-import { cn as a } from "./index.es56.js";
-import { Label as I } from "./index.es32.js";
-const h = u, c = e.createContext(null), R = ({
-  ...r
-}) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: r.name } }, /* @__PURE__ */ e.createElement(p, { ...r })), i = () => {
-  const r = e.useContext(c), t = e.useContext(l), { getFieldState: o, formState: m } = F();
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
-  if (!t)
-    throw new Error("useFormField should be used within <FormItem>");
-  const n = o(r.name, m), { id: s } = t;
-  return {
-    id: s,
-    name: r.name,
-    formItemId: `${s}-form-item`,
-    formDescriptionId: `${s}-form-item-description`,
-    formMessageId: `${s}-form-item-message`,
-    ...n
-  };
-}, l = e.createContext(null), x = e.forwardRef(({ className: r, ...t }, o) => {
-  const m = e.useId();
-  return /* @__PURE__ */ e.createElement(l.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: o, className: a("space-y-2", r), ...t }));
-});
-x.displayName = "FormItem";
-const C = e.forwardRef(({ className: r, ...t }, o) => {
-  const { error: m, formItemId: n } = i();
-  return /* @__PURE__ */ e.createElement(
-    I,
+import { useMemo as n } from "react";
+import { cva as s } from "class-variance-authority";
+import { cn as l } from "./index.es57.js";
+import { Label as c } from "./index.es33.js";
+import { Separator as f } from "./index.es43.js";
+function h({ className: t, ...e }) {
+  return /* @__PURE__ */ React.createElement(
+    "fieldset",
     {
-      ref: o,
-      className: a(m && "text-destructive", r),
-      htmlFor: n,
-      ...t
+      "data-slot": "field-set",
+      className: l(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        t
+      ),
+      ...e
     }
   );
-});
-C.displayName = "FormLabel";
-const w = e.forwardRef(({ ...r }, t) => {
-  const { error: o, formItemId: m, formDescriptionId: n, formMessageId: s } = i();
-  return /* @__PURE__ */ e.createElement(
-    f,
+}
+function v({
+  className: t,
+  variant: e = "legend",
+  ...a
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "legend",
     {
-      ref: t,
-      id: m,
-      "aria-describedby": o ? `${n} ${s}` : `${n}`,
-      "aria-invalid": !!o,
-      ...r
+      "data-slot": "field-legend",
+      "data-variant": e,
+      className: l(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        t
+      ),
+      ...a
     }
   );
-});
-w.displayName = "FormControl";
-const g = e.forwardRef(({ className: r, ...t }, o) => {
-  const { formDescriptionId: m } = i();
-  return /* @__PURE__ */ e.createElement(
-    "p",
+}
+function E({ className: t, ...e }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: l(
+        "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
+      ),
+      ...e
+    }
+  );
+}
+const u = s(
+  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]: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"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function R({
+  className: t,
+  orientation: e = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
     {
-      ref: o,
-      id: m,
-      className: a("text-[0.8rem] text-muted-foreground", r),
-      ...t
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": e,
+      className: l(u({ orientation: e }), t),
+      ...a
     }
   );
-});
-g.displayName = "FormDescription";
-const E = e.forwardRef(({ className: r, children: t, ...o }, m) => {
-  const { error: n, formMessageId: s } = i(), d = n ? String(n?.message ?? "") : t;
-  return d ? /* @__PURE__ */ e.createElement(
+}
+function w({ className: t, ...e }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: l(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function N({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ React.createElement(
+    c,
+    {
+      "data-slot": "field-label",
+      className: l(
+        "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-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function k({ className: t, ...e }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: l(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ React.createElement(
     "p",
     {
-      ref: m,
-      id: s,
-      className: a("text-[0.8rem] font-medium text-destructive", r),
-      ...o
+      "data-slot": "field-description",
+      className: l(
+        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function F({
+  children: t,
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!t,
+      className: l(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        e
+      ),
+      ...a
+    },
+    /* @__PURE__ */ React.createElement(f, { className: "absolute inset-0 top-1/2" }),
+    t && /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+        "data-slot": "field-separator-content"
+      },
+      t
+    )
+  );
+}
+function L({
+  className: t,
+  children: e,
+  errors: a,
+  ...d
+}) {
+  const o = n(() => e || (a ? a?.length === 1 && a[0]?.message ? a[0].message : /* @__PURE__ */ React.createElement("ul", { className: "ml-4 flex list-disc flex-col gap-1" }, a.map(
+    (r, i) => r?.message && /* @__PURE__ */ React.createElement("li", { key: i }, r.message)
+  )) : null), [e, a]);
+  return o ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: l("text-destructive text-sm font-normal", t),
+      ...d
     },
-    d
+    o
   ) : null;
-});
-E.displayName = "FormMessage";
+}
 export {
-  h as Form,
-  w as FormControl,
-  g as FormDescription,
-  R as FormField,
-  x as FormItem,
-  C as FormLabel,
-  E as FormMessage,
-  i as useFormField
+  R as Field,
+  w as FieldContent,
+  y as FieldDescription,
+  L as FieldError,
+  E as FieldGroup,
+  N as FieldLabel,
+  v as FieldLegend,
+  F as FieldSeparator,
+  h as FieldSet,
+  k as FieldTitle
 };
 //# sourceMappingURL=index.es25.js.map