quirk-ui 0.0.4 → 0.0.6

package/dist/components/Table/index.js

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import '../../assets/index3.css';const m = "_wrapper_g45ha_1", b = "_table_g45ha_5", _ = "_empty_g45ha_24", g = "_clickableRow_g45ha_30", t = {
+  wrapper: m,
+  table: b,
+  empty: _,
+  clickableRow: g
+};
+function y({
+  data: l,
+  columns: c,
+  emptyMessage: n = "No data available",
+  onRowClick: s,
+  className: h,
+  ...d
+}) {
+  return /* @__PURE__ */ e("div", { className: `${t.wrapper} ${h ?? ""}`, children: /* @__PURE__ */ i("table", { className: t.table, ...d, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: c.map((a) => /* @__PURE__ */ e("th", { className: a.className, children: a.header }, String(a.accessor))) }) }),
+    /* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: c.length, className: t.empty, children: n }) }) : l.map((a, p) => /* @__PURE__ */ e(
+      "tr",
+      {
+        onClick: () => s == null ? void 0 : s(a),
+        className: s ? t.clickableRow : "",
+        children: c.map((r) => /* @__PURE__ */ e("td", { className: r.className, children: r.cellRenderer ? r.cellRenderer(a[r.accessor], a) : String(a[r.accessor]) }, String(r.accessor)))
+      },
+      p
+    )) })
+  ] }) });
+}
+export {
+  y as Table
+};

package/dist/components/Text/Text.test.js

@@ -0,0 +1,65 @@
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { d as u, i as r, r as a, s as n, g as e, a as m } from "../../index-BWTAh3RO.js";
+import { Text as i } from "./index.js";
+u("Text", () => {
+  r("renders default paragraph text", () => {
+    a(/* @__PURE__ */ s(i, { children: "Hello world" }));
+    const t = n.getByText("Hello world");
+    e(t.tagName.toLowerCase()).toBe("p");
+  }), r("renders with different HTML tags", () => {
+    a(/* @__PURE__ */ s(i, { as: "strong", children: "Bold text" }));
+    const t = n.getByText("Bold text");
+    e(t.tagName.toLowerCase()).toBe("strong");
+  }), r("applies variant class", () => {
+    a(/* @__PURE__ */ s(i, { variant: "muted", children: "Muted text" }));
+    const t = n.getByText("Muted text");
+    e(t.className).toContain("muted");
+  }), r("merges custom className", () => {
+    a(/* @__PURE__ */ s(i, { className: "custom-class", children: "Custom class" }));
+    const t = n.getByText("Custom class");
+    e(t.className).toContain("custom-class");
+  }), r("supports custom attributes like id and data-*", () => {
+    a(
+      /* @__PURE__ */ s(i, { "data-testid": "text-test", id: "custom-id", children: "Text with attributes" })
+    );
+    const t = n.getByTestId("text-test");
+    e(t).toHaveAttribute("id", "custom-id"), e(t).toHaveTextContent("Text with attributes");
+  }), r("renders nested elements properly (e.g. links)", () => {
+    a(
+      /* @__PURE__ */ l(i, { children: [
+        "Hello ",
+        /* @__PURE__ */ s("a", { href: "/test", children: "world" })
+      ] })
+    );
+    const t = n.getByText((x, o) => (o == null ? void 0 : o.tagName.toLowerCase()) === "p" && o.textContent === "Hello world");
+    e(t).toBeInTheDocument();
+    const c = m(t).getByRole("link", { name: "world" });
+    e(c).toHaveAttribute("href", "/test");
+  }), r("renders a div when children include block-level elements", () => {
+    a(
+      /* @__PURE__ */ l(i, { children: [
+        "Some text",
+        /* @__PURE__ */ l("ul", { children: [
+          /* @__PURE__ */ s("li", { children: "Item 1" }),
+          /* @__PURE__ */ s("li", { children: "Item 2" })
+        ] })
+      ] })
+    );
+    const t = n.getByText("Item 1").closest("div");
+    e(t == null ? void 0 : t.tagName.toLocaleLowerCase()).toBe("div"), e(t).toHaveTextContent("Some text"), e(m(t).getByText("Item 2")).toBeInTheDocument();
+  }), r("wraps inline content in <p> before a list", () => {
+    a(
+      /* @__PURE__ */ l(i, { children: [
+        "This is an intro",
+        /* @__PURE__ */ s("ul", { children: /* @__PURE__ */ s("li", { children: "First item" }) })
+      ] })
+    );
+    const t = n.getByText((x, o) => {
+      var d;
+      return !!((o == null ? void 0 : o.tagName.toLowerCase()) === "p" && ((d = o.textContent) != null && d.includes("This is an intro")));
+    });
+    e(t).toBeInTheDocument();
+    const c = n.getByText("First item");
+    e(c.tagName.toLowerCase()).toBe("li");
+  });
+});

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

@@ -0,0 +1,9 @@
+const l = {
+  default: "default",
+  muted: "muted",
+  lead: "lead",
+  small: "small"
+};
+export {
+  l as default
+};

package/dist/components/Text/index.js

@@ -0,0 +1,50 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "react";
+import '../../assets/index2.css';const c = "_text_17qk6_1", _ = "_muted_17qk6_59", d = "_lead_17qk6_63", m = "_small_17qk6_68", a = {
+  text: c,
+  default: "_default_17qk6_55",
+  muted: _,
+  lead: d,
+  small: m
+}, u = ["div", "ul", "ol", "table", "section", "article"];
+function f(l) {
+  let e = !1;
+  return o.Children.forEach(l, (t) => {
+    if (!o.isValidElement(t)) return;
+    const n = typeof t.type == "string" ? t.type : "";
+    if (u.includes(n))
+      e = !0;
+    else {
+      const s = t.props.children;
+      s && f(s) && (e = !0);
+    }
+  }), e;
+}
+function E(l) {
+  const e = [];
+  let t = [];
+  return o.Children.forEach(l, (n) => {
+    const s = o.isValidElement(n) && typeof n.type == "string" && u.includes(n.type);
+    typeof n == "string" || o.isValidElement(n) && !s ? t.push(n) : (t.length > 0 && (e.push(/* @__PURE__ */ r("p", { children: t }, e.length)), t = []), e.push(n));
+  }), t.length > 0 && e.push(/* @__PURE__ */ r("p", { children: t }, e.length)), e;
+}
+function y({
+  as: l,
+  variant: e = "default",
+  children: t,
+  className: n,
+  ...s
+}) {
+  const p = a[e] ?? "", i = l ?? (f(t) ? "div" : "p");
+  return /* @__PURE__ */ r(
+    i,
+    {
+      className: `${a.text} ${p} ${n ?? ""}`,
+      ...s,
+      children: i === "div" ? E(t) : t
+    }
+  );
+}
+export {
+  y as Text
+};

package/dist/components/Textarea/Textarea.test.js

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../index-BWTAh3RO.js";
+import { Textarea as s } from "./index.js";
+x("Textarea", () => {
+  o("renders correctly", () => {
+    n(/* @__PURE__ */ r(s, { id: "textarea1", name: "testText", label: "Your message" })), t(a.getByRole("textbox")).toBeInTheDocument(), t(a.getByLabelText("Your message")).toBeInTheDocument();
+  }), o("can be disabled", () => {
+    n(
+      /* @__PURE__ */ r(
+        s,
+        {
+          id: "textarea2",
+          name: "testText",
+          label: "Disabled textarea",
+          disabled: !0
+        }
+      )
+    );
+    const e = a.getByRole("textbox");
+    t(e).toBeDisabled();
+  }), o("fires onChange event", () => {
+    const e = i.fn();
+    n(
+      /* @__PURE__ */ r(
+        s,
+        {
+          id: "textarea3",
+          name: "testText",
+          label: "Textarea with onChange",
+          onChange: e
+        }
+      )
+    );
+    const l = a.getByRole("textbox");
+    d.change(l, { target: { value: "hello world" } }), t(e).toHaveBeenCalled();
+  });
+});

package/dist/components/Textarea/index.js

@@ -0,0 +1,47 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import "react";
+import { Label as l } from "../Label/index.js";
+import '../../assets/index.css';const _ = "_wrapper_162xi_1", w = "_textarea_162xi_11", s = {
+  wrapper: _,
+  textarea: w
+};
+function u({
+  id: r,
+  name: f,
+  label: t,
+  error: e,
+  disabled: n,
+  required: a,
+  className: p,
+  optional: x,
+  tooltip: c,
+  ...m
+}) {
+  return /* @__PURE__ */ i("div", { className: `${s.wrapper} ${p ?? ""}`, children: [
+    t && /* @__PURE__ */ o(
+      l,
+      {
+        htmlFor: r,
+        required: a,
+        optional: x,
+        intent: e ? "error" : "default",
+        tooltip: c,
+        showErrorIcon: !!e,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ o(
+      "textarea",
+      {
+        id: r,
+        className: s.textarea,
+        disabled: n,
+        required: a,
+        ...m
+      }
+    )
+  ] });
+}
+export {
+  u as Textarea
+};

package/dist/createLucideIcon-C8GTh_Qx.js

@@ -0,0 +1,89 @@
+import { forwardRef as i, createElement as n } from "react";
+/**
+ * @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 w = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), g = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, r, o) => o ? o.toUpperCase() : r.toLowerCase()
+), c = (e) => {
+  const t = g(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, l = (...e) => e.filter((t, r, o) => !!t && t.trim() !== "" && o.indexOf(t) === r).join(" ").trim();
+/**
+ * @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.
+ */
+var h = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @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 f = i(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: o,
+    className: a = "",
+    children: s,
+    iconNode: u,
+    ...m
+  }, C) => n(
+    "svg",
+    {
+      ref: C,
+      ...h,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: o ? Number(r) * 24 / Number(t) : r,
+      className: l("lucide", a),
+      ...m
+    },
+    [
+      ...u.map(([p, d]) => n(p, d)),
+      ...Array.isArray(s) ? s : [s]
+    ]
+  )
+);
+/**
+ * @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 b = (e, t) => {
+  const r = i(
+    ({ className: o, ...a }, s) => n(f, {
+      ref: s,
+      iconNode: t,
+      className: l(
+        `lucide-${w(c(e))}`,
+        `lucide-${e}`,
+        o
+      ),
+      ...a
+    })
+  );
+  return r.displayName = c(e), r;
+};
+export {
+  b as c
+};