"use client";
import { jsx as n, jsxs as c, Fragment as m } from "react/jsx-runtime";
import { Info as f } from "@phosphor-icons/react";
import { c as e } from "./cn-Bhsu1vx2.js";
import { T as p } from "./tooltip-DJWsDTWJ.js";
const h = {
  // Label currently has no variant options but structure is ready for future additions
}, N = {};
function u(t = {}) {
  return e(
    // Base styles - when used standalone, apply text styling
    // When used inside Field, the parent FieldBase.Label provides these styles
    "text-base font-medium text-kumo-default"
  );
}
function o() {
  return e(
    // Content wrapper styles - always applied
    "inline-flex items-center gap-1"
  );
}
function d({
  children: t,
  showOptional: l = !1,
  tooltip: a,
  className: r,
  asContent: i = !1
}) {
  const s = /* @__PURE__ */ c(m, { children: [
    t,
    l && /* @__PURE__ */ n("span", { className: "font-normal text-kumo-strong", children: "(optional)" }),
    a && /* @__PURE__ */ n(p, { content: a, children: /* @__PURE__ */ n(
      f,
      {
        className: "size-4 cursor-help text-kumo-strong",
        "aria-label": "More information"
      }
    ) })
  ] });
  return i ? /* @__PURE__ */ n("span", { className: e(o(), r), children: s }) : /* @__PURE__ */ n("span", { className: e(u(), o(), r), children: s });
}
d.displayName = "Label";
export {
  h as K,
  d as L,
  o as a,
  N as b,
  u as l
};
//# sourceMappingURL=label-87HQArUG.js.map
