quirk-ui 0.0.4 → 0.0.6

package/dist/components/FloatingActionButton/FloatingActionButton.test.js

@@ -0,0 +1,36 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as r, i as o, r as c, g as i, s, v as d, f as m } from "../../index-BWTAh3RO.js";
+import { FloatingActionButton as l } from "./index.js";
+import { c as h } from "../../createLucideIcon-C8GTh_Qx.js";
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const p = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], n = h("plus", p);
+r("FloatingActionButton", () => {
+  o("renders the icon", () => {
+    c(/* @__PURE__ */ e(l, { icon: /* @__PURE__ */ e(n, {}), "aria-label": "Add" })), i(s.getByLabelText("Add")).toBeInTheDocument();
+  }), o("calls onClick when clicked", () => {
+    const t = d.fn();
+    c(
+      /* @__PURE__ */ e(
+        l,
+        {
+          onClick: t,
+          icon: /* @__PURE__ */ e(n, {}),
+          "aria-label": "Add"
+        }
+      )
+    ), m.click(s.getByLabelText("Add")), i(t).toHaveBeenCalledTimes(1);
+  }), o("applies the correct size class", () => {
+    const { container: t } = c(
+      /* @__PURE__ */ e(l, { icon: /* @__PURE__ */ e(n, {}), "aria-label": "Add", size: "lg" })
+    ), a = t.querySelector("button");
+    i(a == null ? void 0 : a.className).toMatch(/lg/);
+  });
+});

package/dist/components/FloatingActionButton/__mocks__/styles.module.css.js

@@ -0,0 +1,9 @@
+const s = {
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  disabled: "disabled"
+};
+export {
+  s as default
+};

package/dist/components/FloatingActionButton/index.js

@@ -0,0 +1,40 @@
+import { jsx as d } from "react/jsx-runtime";
+import '../../assets/index12.css';const b = "_fab_1p460_1", c = "_sm_1p460_22", f = "_md_1p460_27", g = "_lg_1p460_31", r = "_disabled_1p460_56", t = {
+  fab: b,
+  sm: c,
+  md: f,
+  lg: g,
+  "bottom-right": "_bottom-right_1p460_36",
+  "bottom-left": "_bottom-left_1p460_41",
+  "top-right": "_top-right_1p460_46",
+  "top-left": "_top-left_1p460_51",
+  disabled: r
+}, h = {
+  sm: t.sm,
+  md: t.md,
+  lg: t.lg
+};
+function u({
+  icon: o,
+  size: _ = "md",
+  onClick: l,
+  className: m,
+  position: n = "bottom-right",
+  disabled: s = !1,
+  ...i
+}) {
+  const a = h[_] ?? "", p = t[n] || "", e = s ? t.disabled : "";
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      className: `${t.fab} ${a} ${p} ${e} ${m ?? ""}`,
+      onClick: l,
+      disabled: s,
+      ...i,
+      children: o
+    }
+  );
+}
+export {
+  u as FloatingActionButton
+};

package/dist/components/Form/Form.test.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as i, i as o, r, g as s, s as a } from "../../index-BWTAh3RO.js";
+import { Form as m } from "./index.js";
+i("Form", () => {
+  o("renders children", () => {
+    r(
+      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("input", { type: "text", placeholder: "Text input" }) })
+    ), s(a.getByPlaceholderText("Text input")).toBeInTheDocument();
+  }), o("applies custom classes", () => {
+    r(/* @__PURE__ */ e(m, { "aria-label": "Test form", className: "custom-class", children: "Content" }));
+    const t = a.getByLabelText("Test form");
+    s(t).toHaveClass("custom-class");
+  }), o("sets form attributes", () => {
+    r(
+      /* @__PURE__ */ e(m, { "aria-label": "Test form", method: "get", action: "/submit", children: "Content" })
+    );
+    const t = a.getByLabelText("Test form");
+    s(t).toHaveAttribute("method", "get"), s(t).toHaveAttribute("action", "/submit");
+  });
+});

package/dist/components/Form/index.js

@@ -0,0 +1,29 @@
+import { jsx as n } from "react/jsx-runtime";
+import '../../assets/index20.css';const c = "_form_s0yvj_1", a = {
+  form: c
+};
+function p({
+  method: o = "post",
+  action: r,
+  encType: s,
+  noValidate: m = !1,
+  className: f = "",
+  children: t,
+  ...e
+}) {
+  return /* @__PURE__ */ n(
+    "form",
+    {
+      method: o,
+      action: r,
+      encType: s,
+      noValidate: m,
+      className: `${f ?? ""} ${a.form}`,
+      ...e,
+      children: t
+    }
+  );
+}
+export {
+  p as Form
+};

package/dist/components/Grid/Grid.test.js

@@ -0,0 +1,59 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { d as o, i as d, r as s, g as i, s as m } from "../../index-BWTAh3RO.js";
+import { Grid as l } from "./index.js";
+o("Grid", () => {
+  d("renders children", () => {
+    s(
+      /* @__PURE__ */ n(l, { columns: 2, children: [
+        /* @__PURE__ */ e("div", { children: "Item 1" }),
+        /* @__PURE__ */ e("div", { children: "Item 2" })
+      ] })
+    ), i(m.getByText("Item 1")).toBeInTheDocument(), i(m.getByText("Item 2")).toBeInTheDocument();
+  }), d("applies correct number of columns", () => {
+    const { container: t } = s(
+      /* @__PURE__ */ n(l, { columns: 3, children: [
+        /* @__PURE__ */ e("div", { children: "Item 1" }),
+        /* @__PURE__ */ e("div", { children: "Item 2" }),
+        /* @__PURE__ */ e("div", { children: "Item 3" })
+      ] })
+    ), r = t.firstChild;
+    i(r.style.gridTemplateColumns).toBe("repeat(3, 1fr)");
+  }), d("uses auto-fit minmax", () => {
+    const { container: t } = s(
+      /* @__PURE__ */ n(l, { columns: 3, autoFitMinMax: "250px", gap: "2rem", children: [
+        /* @__PURE__ */ e("div", { children: "Item 1" }),
+        /* @__PURE__ */ e("div", { children: "Item 2" }),
+        /* @__PURE__ */ e("div", { children: "Item 3" })
+      ] })
+    );
+    i(
+      t.firstChild.style.gridTemplateColumns
+    ).toBe("repeat(auto-fit, minmax(250px, 1fr))");
+  }), d("applies named areas", () => {
+    const t = [
+      ["header", "header"],
+      ["sidebar", "main"],
+      ["footer, footer"]
+    ], { container: r } = s(
+      /* @__PURE__ */ n(l, { columns: 3, areas: t, gap: "2rem", children: [
+        /* @__PURE__ */ e("div", { children: "Item 1" }),
+        /* @__PURE__ */ e("div", { children: "Item 2" }),
+        /* @__PURE__ */ e("div", { children: "Item 3" })
+      ] })
+    );
+    i(
+      r.firstChild.style.gridTemplateAreas
+    ).toContain("header"), i(
+      r.firstChild.style.gridTemplateAreas
+    ).toContain("main");
+  }), d("applies custom gap", () => {
+    const { container: t } = s(
+      /* @__PURE__ */ n(l, { columns: 3, gap: "2rem", children: [
+        /* @__PURE__ */ e("div", { children: "Item 1" }),
+        /* @__PURE__ */ e("div", { children: "Item 2" }),
+        /* @__PURE__ */ e("div", { children: "Item 3" })
+      ] })
+    ), r = t.firstChild;
+    i(r.style.gap).toBe("2rem");
+  });
+});

package/dist/components/Grid/index.js

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import '../../assets/index16.css';const g = "_grid_1ua6c_1", n = {
+  grid: g
+};
+function y({
+  columns: r = 1,
+  gap: d = "1rem",
+  areas: i,
+  autoFitMinMax: t,
+  className: s,
+  children: m,
+  style: l,
+  ...o
+}) {
+  const e = {
+    ...l,
+    display: "grid",
+    gap: d
+  };
+  return i ? e.gridTemplateAreas = i.map((p) => `"${p.join(" ")}"`).join(" ") : t ? e.gridTemplateColumns = `repeat(auto-fit, minmax(${t}, 1fr))` : e.gridTemplateColumns = typeof r == "number" ? `repeat(${r}, 1fr)` : r, /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${n.grid} ${s ?? ""}`,
+      style: e,
+      ...o,
+      children: m
+    }
+  );
+}
+export {
+  y as Grid
+};

package/dist/components/Heading/Heading.test.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { d as i, i as a, r as s, s as d, g as l } from "../../index-BWTAh3RO.js";
+import { Heading as n } from "./index.js";
+i("Heading", () => {
+  a("renders with default level (h1)", () => {
+    s(/* @__PURE__ */ t(n, { children: "Test Heading" }));
+    const e = d.getByText("Test Heading");
+    l(e.tagName).toBe("H1");
+  }), a("renders the correct heading level", () => {
+    s(/* @__PURE__ */ t(n, { level: 3, children: "Heading Level 3" }));
+    const e = d.getByText("Heading Level 3");
+    l(e.tagName).toBe("H3");
+  }), a("applies className and style from level", () => {
+    s(
+      /* @__PURE__ */ t(n, { level: 2, className: "custom-class", children: "Styled Heading" })
+    );
+    const e = d.getByText("Styled Heading");
+    l(e).toHaveClass("custom-class"), l(e).toHaveClass("h2");
+  }), a("renders children properly", () => {
+    s(
+      /* @__PURE__ */ t(n, { level: 4, children: /* @__PURE__ */ t("span", { children: "Child Text" }) })
+    );
+    const e = d.getByText("Child Text");
+    l(e).toBeInTheDocument();
+  });
+});

package/dist/components/Heading/__mocks__/styles.module.css.js

@@ -0,0 +1,11 @@
+const h = {
+  h1: "style-h1",
+  h2: "style-h2",
+  h3: "style-h3",
+  h4: "style-h4",
+  h5: "style-h5",
+  h6: "style-h6"
+};
+export {
+  h as default
+};

package/dist/components/Heading/index.js

@@ -1,12 +1,25 @@
-import { jsx as i } from "react/jsx-runtime";
-import '../../assets/index3.css';const o = "_heading_12n5i_13";
-function r({
-  className: n,
+import o from "react";
+import '../../assets/index15.css';const e = "_h1_mq0ks_1", m = "_h2_mq0ks_2", a = "_h3_mq0ks_3", k = "_h4_mq0ks_4", q = "_h5_mq0ks_5", r = "_h6_mq0ks_6", l = {
+  h1: e,
+  h2: m,
+  h3: a,
+  h4: k,
+  h5: q,
+  h6: r
+};
+function f({
+  level: s = 1,
+  className: h,
   children: t,
-  ...e
+  ..._
 }) {
-  return /* @__PURE__ */ i("button", { className: `${n ?? ""} ${o}`, ...e, children: t });
+  const n = `h${s}`, c = l[`h${s}`] || "";
+  return o.createElement(
+    n,
+    { className: `${h ?? ""} ${c}`, ..._ },
+    t
+  );
 }
 export {
-  r as Heading
+  f as Heading
 };

package/dist/components/IconButton/IconButton.test.js

@@ -0,0 +1,48 @@
+import { jsx as t } from "react/jsx-runtime";
+import { d as r, i as a, r as o, s as n, g as s, v as m, f as b } from "../../index-BWTAh3RO.js";
+import { IconButton as l } from "./index.js";
+import { T as c } from "../../trash-2-2Rn0a4s6.js";
+r("IconButton", () => {
+  a("renders with icon and accessible label", () => {
+    o(
+      /* @__PURE__ */ t(l, { icon: /* @__PURE__ */ t(c, { size: 21 }), srOnlyLabel: "Delete item" })
+    );
+    const e = n.getByRole("button", { name: /delete item/i });
+    s(e).toBeInTheDocument();
+  }), a("applies the correct size and intent classes", () => {
+    o(
+      /* @__PURE__ */ t(
+        l,
+        {
+          icon: /* @__PURE__ */ t(c, { size: 21 }),
+          size: "lg",
+          intent: "error",
+          className: "custom-class",
+          srOnlyLabel: "Delete item"
+        }
+      )
+    );
+    const e = n.getByRole("button", { name: /delete item/i });
+    s(e.className).toMatch("custom-class"), s(e.className).toMatch("iconButton"), s(e.className).toMatch("lg"), s(e.className).toMatch("error");
+  }), a("can be disabled", () => {
+    o(
+      /* @__PURE__ */ t(l, { icon: /* @__PURE__ */ t(c, { size: 21 }), disabled: !0, srOnlyLabel: "Disabled" })
+    );
+    const e = n.getByRole("button", { name: /disabled/i });
+    s(e.className).toBeDisabled;
+  }), a("calls onClick when clicked", () => {
+    const e = m.fn();
+    o(
+      /* @__PURE__ */ t(
+        l,
+        {
+          onClick: e,
+          icon: /* @__PURE__ */ t(c, { size: 21 }),
+          srOnlyLabel: "Click me"
+        }
+      )
+    );
+    const i = n.getByRole("button", { name: /click me/i });
+    b.click(i), s(e).toHaveBeenCalledTimes(1);
+  });
+});

package/dist/components/IconButton/__mocks__/styles.module.css.js

@@ -0,0 +1,12 @@
+const e = {
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  default: "default",
+  muted: "muted",
+  accent: "accent",
+  error: "error"
+};
+export {
+  e as default
+};

package/dist/components/IconButton/index.js

@@ -0,0 +1,39 @@
+import { jsxs as a, jsx as d } from "react/jsx-runtime";
+import '../../assets/index14.css';const i = "_iconButton_e9jmu_1", j = "_sm_e9jmu_18", f = "_md_e9jmu_23", B = "_lg_e9jmu_28", x = "_muted_e9jmu_38", y = "_accent_e9jmu_43", $ = "_error_e9jmu_48", g = "_srOnly_e9jmu_53", t = {
+  iconButton: i,
+  sm: j,
+  md: f,
+  lg: B,
+  default: "_default_e9jmu_33",
+  muted: x,
+  accent: y,
+  error: $,
+  srOnly: g
+};
+function O({
+  icon: s,
+  size: e = "md",
+  intent: o = "default",
+  srOnlyLabel: n,
+  disabled: c = !1,
+  className: _,
+  ...u
+}) {
+  const m = t[e] ?? "", r = t[o] ?? "", l = n ? /* @__PURE__ */ d("span", { className: t.srOnly, children: n }) : null;
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      className: `${_ ?? ""} ${t.iconButton} ${m} ${r}`,
+      disabled: c,
+      "aria-label": n,
+      ...u,
+      children: [
+        s,
+        l
+      ]
+    }
+  );
+}
+export {
+  O as IconButton
+};

package/dist/components/Input/Input.test.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { d as m, i, r as t, g as e, s as a } from "../../index-BWTAh3RO.js";
+import { Input as l } from "./index.js";
+m("Input", () => {
+  i("renders an input with a label", () => {
+    t(/* @__PURE__ */ r(l, { label: "email", name: "email" })), e(a.getByLabelText("email")).toBeInTheDocument();
+  }), i("renders an error message if provided", () => {
+    t(/* @__PURE__ */ r(l, { label: "email", name: "email", error: "Required field" })), e(a.getByText("Required field")).toBeInTheDocument(), e(a.getByLabelText("email")).toHaveAttribute(
+      "aria-invalid",
+      "true"
+    );
+  });
+});

package/dist/components/Input/__mocks__/styles.module.css.js

@@ -0,0 +1,9 @@
+const r = {
+  wrapper: "wrapper",
+  input: "input",
+  error: "error",
+  errorMessage: "errorMessage"
+};
+export {
+  r as default
+};

package/dist/components/Input/index.js

@@ -1,9 +1,48 @@
-import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index2.css';const p = "_input_zg0ml_1";
-function u(t) {
-  const { className: n, ...s } = t;
-  return /* @__PURE__ */ o("input", { className: `${n} ${p}`, ...s });
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import "react";
+import { Label as u } from "../Label/index.js";
+import '../../assets/index21.css';const d = "_wrapper_1fwv5_1", l = "_input_1fwv5_7", w = "_error_1fwv5_25", f = "_errorMessage_1fwv5_29", e = {
+  wrapper: d,
+  input: l,
+  error: w,
+  errorMessage: f
+};
+function M({
+  label: t,
+  id: o,
+  className: a,
+  error: r,
+  required: p,
+  optional: c,
+  tooltip: _,
+  ...s
+}) {
+  const i = o ?? s.name ?? `input-${Math.random().toString(36).slice(2)}`;
+  return /* @__PURE__ */ m("div", { className: `${e.wrapper} ${a ?? ""}`, children: [
+    t && /* @__PURE__ */ n(
+      u,
+      {
+        htmlFor: i,
+        required: p,
+        optional: c,
+        intent: r ? "error" : "default",
+        tooltip: _,
+        showErrorIcon: !!r,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ n(
+      "input",
+      {
+        id: i,
+        className: `${e.input} ${r ? e.error : ""}`,
+        "aria-invalid": !!r,
+        ...s
+      }
+    ),
+    r && /* @__PURE__ */ n("div", { className: e.errorMessage, children: r })
+  ] });
 }
 export {
-  u as Input
+  M as Input
 };

package/dist/components/Label/Label.test.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { d as s, i as o, r as n, g as e, s as r } from "../../index-BWTAh3RO.js";
+import { Label as l } from "./index.js";
+s("Label", () => {
+  o("renders label text", () => {
+    n(/* @__PURE__ */ t(l, { htmlFor: "username", children: "Username" })), e(r.getByText("Username")).toBeInTheDocument();
+  }), o("renders required asterisk when required", () => {
+    n(
+      /* @__PURE__ */ t(l, { htmlFor: "username", required: !0, children: "Email" })
+    ), e(r.getByText("*")).toBeInTheDocument();
+  }), o("renders (optional) when optional", () => {
+    n(
+      /* @__PURE__ */ t(l, { htmlFor: "email", optional: !0, children: "Email" })
+    ), e(r.getByText("(optional)")).toBeInTheDocument();
+  }), o("renders tooltip icon and text", () => {
+    n(
+      /* @__PURE__ */ t(l, { htmlFor: "email", tooltip: "Helpful tooltip info", children: "Email" })
+    ), e(r.getByLabelText("Help")).toBeInTheDocument(), e(r.getByText("Helpful tooltip info")).toBeInTheDocument();
+  }), o("renders error icon when showErrorIcon is true", () => {
+    n(
+      /* @__PURE__ */ t(l, { htmlFor: "password", intent: "error", showErrorIcon: !0, children: "Password" })
+    ), e(r.getByLabelText("Error")).toBeInTheDocument();
+  }), o("applies visually hidden class when srOnly is true", () => {
+    n(
+      /* @__PURE__ */ t(l, { htmlFor: "secret", size: "md", srOnly: !0, children: "Hidden Label" })
+    );
+    const i = r.getByText("Hidden Label").closest("label");
+    e(i == null ? void 0 : i.className).toMatch(/srOnly/);
+  });
+});

package/dist/components/Label/__mocks__/styles.module.css.js

@@ -0,0 +1,16 @@
+const t = {
+  label: "label",
+  text: "text",
+  required: "required",
+  optional: "optional",
+  default: "default",
+  error: "error",
+  icon: "icon",
+  tooltipWrapper: "tooltipWrapper",
+  tooltipIcon: "tooltipIcon",
+  tooltipText: "tooltipText",
+  srOnly: "srOnly"
+};
+export {
+  t as default
+};

package/dist/components/Label/index.js

@@ -1,9 +1,97 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index.css';const o = "_label_bm5f3_1";
-function t(e) {
-  const { className: l, ...s } = e;
-  return /* @__PURE__ */ a("label", { className: `${l} ${o}`, ...s });
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { c as a } from "../../createLucideIcon-C8GTh_Qx.js";
+import '../../assets/index26.css';const b = "_label_15ngo_1", h = "_text_15ngo_6", N = "_sm_15ngo_13", k = "_md_15ngo_17", I = "_lg_15ngo_21", $ = "_muted_15ngo_30", O = "_accent_15ngo_34", q = "_disabled_15ngo_38", C = "_error_15ngo_42", T = "_required_15ngo_47", W = "_optional_15ngo_52", z = "_srOnly_15ngo_58", j = "_icon_15ngo_71", v = "_tooltipWrapper_15ngo_77", L = "_tooltipIcon_15ngo_83", M = "_tooltipText_15ngo_91", o = {
+  label: b,
+  text: h,
+  sm: N,
+  md: k,
+  lg: I,
+  default: "_default_15ngo_26",
+  muted: $,
+  accent: O,
+  disabled: q,
+  error: C,
+  required: T,
+  optional: W,
+  srOnly: z,
+  icon: j,
+  tooltipWrapper: v,
+  tooltipIcon: L,
+  tooltipText: M
+};
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], E = a("circle-alert", A);
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const H = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], w = a("info", H);
+function F({
+  htmlFor: r,
+  size: i = "md",
+  intent: t = "default",
+  required: n = !1,
+  optional: _ = !1,
+  disabled: l = !1,
+  srOnly: p = !1,
+  tooltip: s,
+  showErrorIcon: d = !1,
+  className: m,
+  children: g,
+  ...y
+}) {
+  const x = o[i] ?? "", f = l ? o.disabled : o[t] ?? "", u = p ? o.srOnly : "";
+  return /* @__PURE__ */ e(
+    "label",
+    {
+      className: `${m ?? ""} ${o.label} ${x} ${f} ${u}`,
+      "aria-disabled": l || void 0,
+      ...y,
+      htmlFor: r,
+      children: /* @__PURE__ */ c("span", { className: o.text, children: [
+        g,
+        n && /* @__PURE__ */ e("span", { className: o.required, children: " *" }),
+        !n && _ && /* @__PURE__ */ e("span", { className: o.optional, children: "(optional)" }),
+        t === "error" && d && /* @__PURE__ */ e(
+          E,
+          {
+            size: 16,
+            className: o.icon,
+            "aria-label": "Error",
+            role: "img"
+          }
+        ),
+        s && /* @__PURE__ */ c("span", { className: o.tooltipWrapper, children: [
+          /* @__PURE__ */ e(
+            w,
+            {
+              size: 16,
+              className: o.tooltipIcon,
+              "aria-label": "Help",
+              role: "img"
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: o.tooltipText, children: s })
+        ] })
+      ] })
+    }
+  );
 }
 export {
-  t as Label
+  F as Label
 };