@adamosuiteservices/ui 1.0.0

package/dist/field.js

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