@sanity/sanity-id 1.3.1 → 1.4.1

package/dist/Badge.mjs

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import m from "classnames";
+const t = "_badge_y5ly8_3", c = {
+  badge: t
+};
+function n({ size: a, ...s }) {
+  return a ??= "md", /* @__PURE__ */ e(
+    "span",
+    {
+      ...s,
+      "data-size": a,
+      className: m(c.badge, s.className)
+    }
+  );
+}
+export {
+  n as Badge
+};

package/dist/Breadcrumbs.mjs

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import i from "classnames";
+const n = "_nav_eb5rp_3", c = "_list_eb5rp_7", m = "_listItem_eb5rp_15", o = "_link_eb5rp_21", t = {
+  nav: n,
+  list: c,
+  listItem: m,
+  link: o
+};
+function b({ className: r, label: a, links: l }) {
+  return /* @__PURE__ */ s("nav", { "aria-label": a, className: i(t.nav, r), children: /* @__PURE__ */ s("ol", { className: t.list, children: l.map((e) => /* @__PURE__ */ s("li", { className: t.listItem, children: /* @__PURE__ */ s(
+    "a",
+    {
+      href: e.href,
+      "aria-current": e.current ? "page" : void 0,
+      className: t.link,
+      children: e.title
+    }
+  ) }, e.title)) }) });
+}
+export {
+  b as Breadcrumbs
+};

package/dist/Button.mjs

@@ -0,0 +1,36 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { SanityIcon as r } from "./SanityIcon.mjs";
+import l from "classnames";
+const p = "_button_5snan_3", u = "_iconLeft_5snan_125", d = "_iconRight_5snan_126", o = {
+  button: p,
+  iconLeft: u,
+  iconRight: d
+};
+function h({
+  as: m,
+  children: e,
+  iconLeft: n,
+  iconRight: t,
+  mode: a,
+  size: c,
+  ...i
+}) {
+  const _ = m ?? "a";
+  return c ??= "md", a ??= "primary", typeof n == "string" && (n = /* @__PURE__ */ s(r, { icon: n })), typeof t == "string" && (t = /* @__PURE__ */ s(r, { icon: t })), /* @__PURE__ */ f(
+    _,
+    {
+      ...i,
+      className: l(o.button, i.className),
+      "data-size": c,
+      "data-mode": a,
+      children: [
+        !!n && /* @__PURE__ */ s("span", { className: o.iconLeft, children: n }),
+        e,
+        !!t && /* @__PURE__ */ s("span", { className: o.iconRight, children: t })
+      ]
+    }
+  );
+}
+export {
+  h as Button
+};

package/dist/Card.mjs

@@ -0,0 +1,76 @@
+import { jsx as e, jsxs as c, Fragment as h } from "react/jsx-runtime";
+import { S as m } from "./SanityImage-BiL4qP5X.mjs";
+import n from "classnames";
+const _ = "_link_1m5mb_3", d = "_image_1m5mb_15", p = "_imageDark_1m5mb_21", k = "_imageLight_1m5mb_26", b = "_eyebrow_1m5mb_32", y = "_title_1m5mb_37", t = {
+  link: _,
+  image: d,
+  imageDark: p,
+  imageLight: k,
+  eyebrow: b,
+  title: y
+};
+function D({
+  arrow: a = "right",
+  className: o,
+  eyebrow: r,
+  href: s,
+  image: i,
+  link: l = f,
+  title: g
+}) {
+  return /* @__PURE__ */ e("article", { className: o, children: /* @__PURE__ */ c(l, { href: s, className: t.link, children: [
+    typeof i == "string" && /* @__PURE__ */ e(
+      m,
+      {
+        src: i,
+        className: t.image,
+        width: 400,
+        widths: [400],
+        height: 225,
+        crop: "center"
+      }
+    ),
+    typeof i == "object" && /* @__PURE__ */ c(h, { children: [
+      /* @__PURE__ */ e(
+        m,
+        {
+          src: i.light,
+          className: n(t.image, t.imageLight),
+          width: 400,
+          widths: [400],
+          height: 225,
+          crop: "center"
+        }
+      ),
+      /* @__PURE__ */ e(
+        m,
+        {
+          src: i.dark,
+          className: n(t.image, t.imageDark),
+          width: 400,
+          widths: [400],
+          height: 225,
+          crop: "center"
+        }
+      )
+    ] }),
+    typeof i == "function" && i({
+      className: t.image,
+      decoding: "async",
+      loading: "lazy"
+    }),
+    !!r && /* @__PURE__ */ e("p", { className: t.eyebrow, children: r }),
+    /* @__PURE__ */ c("p", { className: t.title, children: [
+      g,
+      " ",
+      !!s && a === "right" && "→",
+      !!s && a === "top-right" && "↗︎"
+    ] })
+  ] }) });
+}
+function f(a) {
+  return /* @__PURE__ */ e("a", { ...a });
+}
+export {
+  D as Card
+};

package/dist/Checkbox.mjs

@@ -0,0 +1,44 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import t from "classnames";
+import { SanityIcon as l } from "./SanityIcon.mjs";
+const m = "_wrapper_15wcp_3", b = "_checkbox_15wcp_9", _ = "_label_15wcp_42", p = "_error_15wcp_49", d = "_errorIcon_15wcp_58", r = {
+  wrapper: m,
+  checkbox: b,
+  label: _,
+  error: p,
+  errorIcon: d
+};
+function N({ error: e, label: o, ...c }) {
+  if (!e && !o)
+    return /* @__PURE__ */ a(
+      "input",
+      {
+        ...c,
+        type: "checkbox",
+        className: t(r.checkbox, c.className)
+      }
+    );
+  const s = `${c.id}-error`;
+  let i = c["aria-describedby"] ?? "";
+  return e && (i += ` ${s}`), /* @__PURE__ */ n("label", { className: r.wrapper, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ...c,
+        type: "checkbox",
+        className: t(r.checkbox, c.className),
+        "aria-describedby": i.trim(),
+        "aria-errormessage": e ? s : void 0,
+        "aria-invalid": e ? "true" : !1
+      }
+    ),
+    !!o && /* @__PURE__ */ a("p", { className: r.label, children: o }),
+    !!e && /* @__PURE__ */ n("p", { className: r.error, children: [
+      /* @__PURE__ */ a(l, { icon: "error-outline", className: r.errorIcon }),
+      e
+    ] })
+  ] });
+}
+export {
+  N as Checkbox
+};

package/dist/Chip.mjs

@@ -0,0 +1,34 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import r from "classnames";
+import { SanityIcon as m } from "./SanityIcon.mjs";
+const _ = "_chip_1p98z_3", d = "_text_1p98z_36", x = "_icon_1p98z_45", a = {
+  chip: _,
+  text: d,
+  icon: x
+};
+function z({
+  children: c,
+  className: o,
+  deleteIcon: e = !1,
+  size: i = "md",
+  letterCase: n = "normal",
+  state: l = "default",
+  onDelete: s
+}) {
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: r(a.chip, o),
+      "data-size": i,
+      "data-letter-case": n,
+      "data-state": l,
+      children: [
+        /* @__PURE__ */ t("span", { className: a.text, children: c }),
+        (!!s || e) && /* @__PURE__ */ t("button", { "aria-label": `Delete ${c}`, onClick: s, children: /* @__PURE__ */ t(m, { icon: "close", className: a.icon }) })
+      ]
+    }
+  );
+}
+export {
+  z as Chip
+};