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