"use client";
import { jsx as e, jsxs as m, Fragment as f } from "react/jsx-runtime";
import { Info as u } from "@phosphor-icons/react";
import { c as n } from "./cn-Bhsu1vx2.js";
import { T as p } from "./tooltip-D-KwZQDV.js";
const N = {
  // Label currently has no variant options but structure is ready for future additions
}, _ = {};
function b(t = {}) {
  return n(
    // 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 s() {
  return n(
    // Content wrapper styles - always applied
    "inline-flex items-center gap-1"
  );
}
function d({
  children: t,
  showOptional: l = !1,
  tooltip: a,
  className: r,
  htmlFor: i,
  asContent: c = !1
}) {
  const o = /* @__PURE__ */ m(f, { children: [
    t,
    l && /* @__PURE__ */ e("span", { className: "font-normal text-kumo-strong", children: "(optional)" }),
    a && /* @__PURE__ */ e(p, { content: a, children: /* @__PURE__ */ e(
      u,
      {
        className: "size-4 cursor-help text-kumo-strong",
        "aria-label": "More information"
      }
    ) })
  ] });
  return c ? /* @__PURE__ */ e("span", { className: n(s(), r), children: o }) : /* @__PURE__ */ e(
    "label",
    {
      htmlFor: i,
      className: n(b(), s(), r),
      children: o
    }
  );
}
d.displayName = "Label";
export {
  N as K,
  d as L,
  s as a,
  _ as b,
  b as l
};
//# sourceMappingURL=label-Cd6nCDWj.js.map
